header input:-webkit-autofill,
header input:-webkit-autofill:hover,
header input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--white) inset;
    -webkit-text-fill-color: var(--black);
}
header .backdrop-filter {
    border-radius: 3rem;
}
header ,
#mobile-header{
    position: fixed;
    top: calc(var(--headerHeight)/2);
    left: 0;
    width: 100%;
    height: var(--headerHeight);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 1.38rem;
    -moz-column-gap: 1.38rem;
    column-gap: 1.38rem;
    color: var(--gray);
    z-index: 99;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 1.38rem 1.25fr;
    grid-template-columns: 4fr 1.25fr;
}
header > .close ,
header .treatOnYou-body .close ,
#mobile-header{
    display: none;
}

header .navBar {

    position: relative;
}

header .navBar .navBar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2.97rem;
    -moz-column-gap: 2.97rem;
    column-gap: 2.97rem;
    padding: .6rem;
}
.opSearch .search-container {
    width: calc(100% - 4.02713rem - 2.97rem*2);
}

header .navBar nav {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
}
.opSearch  header .navBar nav {
    max-width: 0;
    opacity: 0;
}
.opSearch header .headerButton_search input {
    display: block;
    opacity: 1;
}

header .navBar .navBar-inner.border-gradient:before{
    border-radius: 3rem;
}
header .identity {
    display: block;
    width: 4.02713rem;
    height: 2.16638rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
header .navBar nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-column-gap: 2.38rem;
    -moz-column-gap: 2.38rem;
    column-gap: 2.38rem;
}
header .navBar nav ul a{
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    white-space: pre;
    -webkit-transition: al ease-in-out .35s;
    -o-transition: al ease-in-out .35s;
    transition: al ease-in-out .35s;
}
header .navBar nav ul a:hover ,
header .navBar nav ul li.current-menu-item a{
    color: var(--primary);
}
.search-container {
    cursor: pointer;
    width: calc(var(--headerHeight) - 1.2rem);
    height: calc(var(--headerHeight) - 1.2rem);
    -webkit-transition: all ease-in-out .35s;
    -o-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
}
.search-container input:-webkit-autofill,
.search-container input:-webkit-autofill:hover,
.search-container input:-webkit-autofill:focus,
.search-container select:-webkit-autofill,
.search-container select:-webkit-autofill:hover,
.search-container select:-webkit-autofill:focus {
    border: none;
    border-radius: 1rem;
    -webkit-text-fill-color: var(--black);
    -webkit-box-shadow: 0 0 0px 1000px var(-white) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
.headerButton_search ,
form.headerButton_search_form{
    height: 100%;
}

header .headerButton_search input {
    background: transparent;
    padding: .25rem .5rem;
    height: 100%;
    opacity: 0;
    display: none;
    width: 100%;
    color: var(--black);
}

header form.headerButton_search_form.border-gradient:before {
    border-radius: 1rem;
}
header .headerButton_search img ,
header .headerButton_search [class^="icon-"] {
    position: absolute;
    top: 50%;
    left: calc(.5rem + 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
}
header .navBar-option {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: .25rem;
}
.navBar-option #mode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    padding: .3rem .5rem;
}
.navBar-option #mode.border-gradient:before {
    border-radius: 1rem;
}
.navBar-option #mode .lightMode,
.navBar-option #mode .darkMode {
    cursor: pointer;
    font-size: 0.825rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--lightPrimary);
}
.navBar-option #mode .controller-container {
    position: relative;
    width: 2rem;
    height: 1rem;
    cursor: pointer;
}
.navBar-option #mode .controller-container.border-gradient:before{
    border-radius: .5rem;
}
.navBar-option #mode .controller-container .bullet {
    width: .6rem;
    height: .6rem;
    background-color: #FFE600;
    border-radius: 50%;
    position: absolute;
    top: .2rem;
    left: .2rem;
    cursor: pointer;
}
body.darkMode .navBar-option #mode .controller-container .bullet {
    left: calc(100% - .2rem - .6rem - .1rem);
}
.navBar-option .language {
    padding: .33rem .38rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: .35rem;
    -moz-column-gap: .35rem;
    column-gap: .35rem;
}
.navBar-option .language.border-gradient:before {
    border-radius: 1rem;
}
header .header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
header .treatOnYou-container {
    position: relative;
}
header .treatOnYou-container .treatOnYou {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--white);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    padding: 1rem 1.56rem 1rem 1.56rem;
    border-radius: 3rem;
    cursor: pointer;
}
header .treatOnYou.border-gradient:before ,
header .membership.border-gradient:before{
    border-radius: 3rem;
}
header .treatOnYou-body {
    position: absolute;
    border-radius: 0.75rem;
    overflow: hidden;
    padding: 1.19rem;
    min-width: calc(100% + var(--spaceX)*2);
    left: calc(var(--spaceX)*-.5);
    margin-top: 1rem;
    z-index: 5;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all ease-in-out .45s;
    -o-transition: all ease-in-out .45s;
    transition: all ease-in-out .45s;
}
header .treatOnYou-body.border-gradient:before {
    border-radius: 0.75rem;
}
.opTreatOnYouBody header .treatOnYou-body {
    pointer-events: auto;
    opacity: 1;
}
header .treatOnYou-container .treatOnYou ,
header .membership {
    /*font-size: 0.875rem;*/
    font-size: 0.8rem;
    font-style: normal;
    /*font-weight: 300;*/
    font-weight: 700;
}
header .treatOnYou-container .treatOnYou {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}
header .treatOnYou-container .treatOnYou svg {
    width: 2rem;
    height: 2rem;
}
body.darkMode header .treatOnYou-container .treatOnYou svg {
    -webkit-filter: invert(1);
    filter: invert(1);
}
header .treatOnYou-body .inner > *:not(:last-child) {
    margin: 0 0 1.19rem;
}
.treatOnYou-body .title {
    text-align: center;
}
header .treatOnYou-body .box {
    border-radius: 0.625rem;
    background: #FFF;
    padding: .5rem;
}
header .treatOnYou-body .box > * {
    display: block;
    margin: 0 auto;
    text-align: center;
}

header .treatOnYou-body .box .coffee {
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
}
header .treatOnYou-body .box  img{
    width: 2.3125rem;
    height: 4.3125rem;
    margin-top: 1.19rem;
}
.treatOnYou-body .cta {
    width: 100%;
    height: 2.6875rem;
    border: none;
}



header .membership{
    display: inline-block;
    padding: 1rem 2.25rem;
    cursor: pointer;
}

/*================================responsive================================*/
@media only screen and (max-width: 768px) {
    header input:-webkit-autofill,
    header input:-webkit-autofill:hover,
    header input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px var(--primary) inset;
        -webkit-text-fill-color: var(--white);
    }
    input:-internal-outfill-external{
        background-color: var(--primary) !important;
    }
    header {
        display: block;
        padding: var(--spaceX);
        width: 100%;
        height: 100dvh;
        background-color: var(--primary);
        color: var(--white);
        top: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all ease-in-out .4s;
        -o-transition: all ease-in-out .4s;
        transition: all ease-in-out .4s;
    }
    body.darkMode header {
        background-color: var(--white);
    }
    header .navBar nav ul a:hover {
        color: var(--black);
    }
    header .navBar nav ul a:hover, header .navBar nav ul li.current-menu-item a {
        color: var(--black);
    }
    body.darkMode header .navBar nav ul a {
        color: var(--black);
    }
    body.darkMode header .navBar nav ul a:hover ,
    body.darkMode header .navBar nav ul li.current-menu-item a{
        color: var(--primary);
    }
    .opMenu header{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .opMenu #mobile-header{
        pointer-events: none;
        opacity: 0;
        -webkit-transition: all ease-in-out .4s;
        -o-transition: all ease-in-out .4s;
        transition: all ease-in-out .4s;
    }
    header > .close {
        cursor: pointer;
        display: inline-block;
        -webkit-filter: brightness(0)invert(1);
        filter: brightness(0)invert(1);
        margin: 0 0 2.5rem;
    }
    header .identity {
        display: none;
    }
    body.darkMode header .treatOnYou-container .treatOnYou svg {
        -webkit-filter: none;
        filter: none;
    }
    header .navBar nav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 1.25rem 0;
        row-gap: 1.56rem;
    }

    header .navBar .navBar-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: transparent;
        padding: 0;
        -webkit-box-align: self-start;
        -ms-flex-align: self-start;
        align-items: self-start;
        row-gap: 1.5rem;
    }

    header .navBar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    header .navBar .navBar-inner nav {
        width: 100%;
        max-width: 100%;
        border-top: 1px solid yellow;
        border-bottom: 1px solid yellow;
        margin-bottom: 2.5rem;
    }
    .opSearch header .navBar nav {
        opacity:1;
    }
    header .navBar .navBar-inner.border-gradient:before ,
    header form.headerButton_search_form.border-gradient:before{
        content: none;
    }

    header .membership , header .treatOnYou-container .treatOnYou {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    header .header-buttons {
        width: 100%;
    }
    body.darkMode header .header-buttons > * ,
    body.darkMode header .treatOnYou-container .treatOnYou {
        color: var(--black);
    }
    header .membership {
        width: 35%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--dark);
    }
    header .treatOnYou-container {
        width: 63%;
    }
    header .treatOnYou-container .treatOnYou {
        padding: 1rem 1rem;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .navBar-option {
        top: 0;
        left: 0;
    }
    header .headerButton_search form {-webkit-filter: brightness(0)invert(1);filter: brightness(0)invert(1);}

    header .headerButton_search img ,
    header .headerButton_search [class^="icon-"] {
        left: auto;
        right: 0;
    }

    header .headerButton_search input {
        padding-right: 1.5rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }


    .navBar-option .language , .navBar-option #mode {
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        background: rgba(var(--white), 0.20);
    }
    #mobile-header{
        /*top: 2.7rem;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 100;
    }
    #mobile-header .identity {
        display: block;
        width: 4.02713rem;
        height: 2.16638rem;
        -o-object-fit: contain;
        object-fit: contain;
    }
    #mobile-header .mobile-header_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        border-radius: 3.125rem;
        padding: .56rem 1rem;
    }
    #mobile-header .mobile-header_inner.border-gradient:before{
        border-radius: 3.125rem;
    }
    .menuMobileICon{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1.3rem;
        height: 11px;
        border-radius: unset;
        background-color: transparent;
    }
    .menuMobileICon span {
        display: block;
        width: 100%;
        background-color: var(--gray) ;
        height: 1px;
        -webkit-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) .4s;
        -o-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) .4s;
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) .4s;
    }
    header .treatOnYou-body {
        position: fixed;
        top: 0;
        min-width: auto;
        width: 100vw;
        height: 100vh;
        left: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0;
        color: var(--gray);
    }
    header .treatOnYou-body.border-gradient:before {
        border-radius: 0;
    }
    header .treatOnYou-body .close {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin: var(--spaceX);
        cursor: pointer;
    }
    header .treatOnYou-body .close img {
        width: 1rem;
        height: 1rem;
    }
    .membership_modal-container_inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        max-height: calc(100vh - (var(--raadBtnHeight) + var(--spaceX))* 2);
        /* height: calc(100vh - var(--spaceX)*4); */
        overflow-y: auto;
        gap: 1.625rem;
    }

    .membership_modal-container .media {
        height: auto;
        min-height: auto;
    }
    .membership_modal-container .media > * {
        height:auto;
    }
    .membership_modal-container {
        margin-right: var(--spaceX);
        margin-left: var(--spaceX);
        width: calc(100% - var(--spaceX)*2);
        margin-top: calc(var(--raadBtnHeight) + .5rem);
    }
    .modal .close {
        margin: var(--spaceX);
    }
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
    header input:-webkit-autofill,
    header input:-webkit-autofill:hover,
    header input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px var(--primary) inset;
        -webkit-text-fill-color: var(--white);
    }
    input:-internal-outfill-external{
        background-color: var(--primary) !important;
    }
    header {
        display: block;
        padding: var(--spaceX);
        width: 100%;
        height: 100dvh;
        background-color: var(--primary);
        color: var(--white);
        top: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all ease-in-out .4s;
        -o-transition: all ease-in-out .4s;
        transition: all ease-in-out .4s;
    }
    body.darkMode header {
        background-color: var(--white);
    }
    body.darkMode header .navBar nav ul a {
        color: var(--black);
    }
    header .navBar nav ul a:hover, header .navBar nav ul li.current-menu-item a {
        color: var(--black);
    }
    .opMenu header{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .opMenu #mobile-header{
        pointer-events: none;
        opacity: 0;
        -webkit-transition: all ease-in-out .4s;
        -o-transition: all ease-in-out .4s;
        transition: all ease-in-out .4s;
    }
    header > .close {
        cursor: pointer;
        display: inline-block;
        -webkit-filter: brightness(0)invert(1);
        filter: brightness(0)invert(1);
        margin: 0 0 2.5rem;
    }
    header .identity {
        display: none;
    }
    body.darkMode header .treatOnYou-container .treatOnYou svg {
        -webkit-filter: none;
        filter: none;
    }
    header .navBar nav ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 1.25rem 0;
        row-gap: 1.56rem;
    }
    body.darkMode header .navBar nav ul a:hover ,
    body.darkMode header .navBar nav ul li.current-menu-item a{
        color: var(--primary);
    }
    header .navBar .navBar-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: transparent;
        padding: 0;
        -webkit-box-align: self-start;
        -ms-flex-align: self-start;
        align-items: self-start;
        row-gap: 1.5rem;
    }

    header .navBar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    header .navBar .navBar-inner nav {
        width: 100%;
        max-width: 100%;
        border-top: 1px solid yellow;
        border-bottom: 1px solid yellow;
        margin-bottom: 2.5rem;
    }
    .opSearch header .navBar nav {
        opacity: 1;
    }
    header .navBar .navBar-inner.border-gradient:before ,
    header form.headerButton_search_form.border-gradient:before{
        content: none;
    }

    header .membership , header .treatOnYou-container .treatOnYou {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    header .header-buttons {
        width: 100%;
    }
    body.darkMode header .header-buttons > * ,
    body.darkMode header .treatOnYou-container .treatOnYou {
        color: var(--black);
    }
    header .membership {
        width: 35%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    header .treatOnYou-container {
        width: 63%;
    }
    header .treatOnYou-container .treatOnYou {
        padding: 1rem 1rem;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .navBar-option {
        top: 0;
        left: 0;
    }
    header .headerButton_search form {-webkit-filter: brightness(0)invert(1);filter: brightness(0)invert(1);}

    header .headerButton_search img ,
    header .headerButton_search [class^="icon-"] {
        left: auto;
        right: 0;
    }

    header .headerButton_search input {
        padding-right: 1.5rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }


    .navBar-option .language , .navBar-option #mode {
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        background: rgba(var(--white), 0.20);
    }
    #mobile-header{
        /*top: 2.7rem;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        z-index: 100;
    }
    #mobile-header .identity {
        display: block;
        width: 4.02713rem;
        height: 2.16638rem;
        -o-object-fit: contain;
        object-fit: contain;
    }
    #mobile-header .mobile-header_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        border-radius: 3.125rem;
        padding: .56rem 1rem;
    }
    #mobile-header .mobile-header_inner.border-gradient:before{
        border-radius: 3.125rem;
    }
    .menuMobileICon{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1.3rem;
        height: 11px;
        border-radius: unset;
        background-color: transparent;
    }
    .menuMobileICon span {
        display: block;
        width: 100%;
        background-color: var(--gray) ;
        height: 1px;
        -webkit-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) .4s;
        -o-transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) .4s;
        transition: all cubic-bezier(0.46, 0.03, 0.52, 0.96) .4s;
    }
    header .treatOnYou-body {
        position: fixed;
        top: 0;
        min-width: auto;
        width: 100vw;
        height: 100vh;
        left: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0;
        color: var(--gray);
    }
    header .treatOnYou-body.border-gradient:before {
        border-radius: 0;
    }
    header .treatOnYou-body .close {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        margin: var(--spaceX);
        cursor: pointer;
    }
    header .treatOnYou-body .close img {
        width: 1rem;
        height: 1rem;
    }
    .membership_modal-container_inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        max-height: calc(100vh - var(--spaceX)*2 - var(--raadBtnHeight) - 1.5rem);
        /* height: calc(100vh - var(--spaceX)*4); */
        overflow-y: auto;
        gap: 1.625rem;
    }

    .membership_modal-container .media {
        height: auto;
        min-height: auto;
    }
    .membership_modal-container .media > * {
        height:auto;
    }
    .membership_modal-container {
        margin-right: var(--spaceX);
        margin-left: var(--spaceX);
        width: calc(100% - var(--spaceX)*2);
        margin-top: calc(var(--raadBtnHeight) + .5rem);
    }
    .modal .close {
        margin: var(--spaceX);
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    header .navBar nav ul {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    header, #mobile-header {
        -ms-grid-columns: 4fr 1.75fr;
        grid-template-columns: 4fr 1.75fr;
    }
    header .treatOnYou-body .box img {
        width: 2.3125rem;
        height: 3.3125rem;
        margin-top: .5rem;
    }
    header .treatOnYou-body .inner > *:not(:last-child) {
        margin: 0 0 .5rem;
    }
    header .treatOnYou-body {
        left: 0;
        width: 35vw;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
    header, #mobile-header {
        -ms-grid-columns: 4fr 1.5fr;
        grid-template-columns: 4fr 1.5fr;
    }
    header .navBar nav ul {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
    header .navBar .navBar-inner {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}