html[lang="he"]{
    font-size: 1vw;
    direction: rtl
}
html[lang="he"] .form-wrapper input {
    direction: rtl
}
html[lang="en"],
html[lang="Us-en"] {
    direction: ltr
}
html[lang="en"] .form-wrapper input,
html[lang="Us-en"] .form-wrapper input {
    direction: ltr
}
body {
    font-family: "FbSpoiler-Bold";
    color:#000002;
    line-height: 1.1;
}

*:focus {
    outline : 0.15rem solid #000 !important;
}

/* app */

.ac-sr-only {
    position: fixed;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

html {
    font-size: 1vw;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ac-container {
    width: 70rem;
    margin: 0 auto;
}

.ac-img-responsive {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.ac-c2c {
    display: none;
}

h1 {
    text-align: center;
    position: relative;
}



p {
    font-size: 1.2rem;
}
strong{
    font-family: "Spoiler-Black";
}

.ac-dark-color {
    color:#000002
}
.ac-white {
    color:#ffffff
}
.ac-grey{
    color:#6D6A6A
}
/* Header */

header {
    width: 100%;
}

/* End Header */


/* Main */
main {
    position: relative;
    overflow: hidden;
}

section {
    width: 100%;
}
.ac-text-1,
h2 {
    display: block;
    text-align: center;
    position: relative;
}
.ac-logometropolin-wrapper img,
.ac-price-wrapper img{
    position: absolute;
}
/* End Main */





/* Scroll bar Side Navigator Accordion */


/* width */

::-webkit-scrollbar {
    width: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #232635;
    border-radius: 0px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #d1d9ff;
    border-radius: 10px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #f7f7f7;
}


/* EndScroll bar Side Navigator Accordion */

.ac-hide-on-mobile {
    display: block;
}

.ac-show-on-mobile {
    display: none;
}

/* @media (min-width: 1921px) {
    html,
    html[lang="he"],
    html[lang="en"]  {
        font-size: 0.9vw;
    }
}

@media (max-width: 1400px) {
    html,
    html[lang="he"],
    html[lang="en"]  {
        font-size: 1.5vw;
    }
} */

@media (max-width: 1000px) {
    html,
    html[lang="he"],
    html[lang="en"]  {
        font-size: 4vw;
    }
    .ac-container {
        width: 100vw;
        margin: 0 auto;
    }
    .ac-hide-on-mobile {
        display: none;
    }
    .ac-show-on-mobile {
        display: block;
    }
  
    .ac-c2c {
        position: fixed;
        right: 0;
        top: 22%;
        width: 50px;
    }
    /* End header  mobile*/
}

@media (max-width: 650px) {
    html,
    html[lang="he"],
    html[lang="en"] {
        font-size: 4vw;
    }
}