:root {
    --announcement-height: 38px;
    --nav-main-height: 61px;
    --nav-height: calc(var(--nav-main-height) + var(--announcement-height));
    --height-fill: calc(100vh - var(--nav-height));
    --height-full: 100vh;
    --padding-x: 24px;
    --padding-x-neg: calc(-1 * var(--padding-x));
    --color-bg: #F6F6F4;
    --color-primary: #E2DCD2;
    --primary: #E2DCD2;
    --secondary: #fff;
    --text: #000;
    --color1: #E4E1DC;
    --color2: #EFECE6;
    --color3: #848484;
    --hover: #C5C5C5;
    --font-cardinal: "Cardinal Fruit", serif;
    --font-untitled: "Copyright Klim Type Foundry", sans-serif;
    --font-primary: var(--font-cardinal);
    --font-secondary: var(--font-untitled);
    --color-white: #ffffff;
    --color-charcoal: #3E3E3D;
    --color-charcoal-border: rgba(62, 62, 61, .2);
    --color-charcoal-border-30: rgba(62, 62, 61, .3)
}

/* @font-face {
    font-family: 'Cardinal Fruit';
    src: url('/assets/fonts/cardinal-fruits/CardinalFruit-Regular.woff2') format('woff2'),
        url('/assets/fonts/cardinal-fruits/CardinalFruit-Regular.woff2') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cardinal Fruit';
    src: url('/assets/fonts/cardinal-fruits/italic/CardinalFruit-Italic.woff2') format('woff2'),
        url('/assets/fonts/cardinal-fruits/italic/CardinalFruit-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
} */
@font-face {
    font-family: 'Cardinal Fruit';
    src: url('../fonts/cardinal-fruits/CardinalFruit-Regular.woff2') format('woff2'),
        url('../fonts/cardinal-fruits/CardinalFruit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cardinal Fruit';
    src: url('../fonts/cardinal-fruits/italic/CardinalFruit-Italic.woff2') format('woff2'),
        url('../fonts/cardinal-fruits/italic/CardinalFruit-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/proxima-nova/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/proxima-nova/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('../fonts/untitled-sans/UntitledSans-Regular.woff') format('woff'),
        url('../fonts/untitled-sans/UntitledSans-Regular.woff') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@media (max-width: 1199.98px) {
    :root {
        --nav-main-height: 50px
    }
}

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

::-moz-selection {
    color: var(--secondary);
    background: var(--text)
}

::selection {
    color: var(--secondary);
    background: var(--text)
}

#ingredients-scroller,
html {
    scroll-behavior: smooth;
    padding-bottom: 0 !important
}

body {
    color: var(--text);
    font-size: 16px;
    line-height: 23px;
    font-family: var(--font-secondary);
    padding: 0 20px;
    background-color: #f6f6f4;
    /* #f8f1e4 */
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always
}

body::-webkit-scrollbar {
    display: none
}

.body-active,
.body-active-one,
.overflow-hidden,
.mobile-menu-show {
    overflow: hidden
}

.body-active:before,
.body-active-one:before,
.body-two-active:before {
    content: "";
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #0003
}

.body-two-active:before {
    height: 100%
}

p,
a,
span,
h5,
h6,
input,
label {
    font-weight: 400
}

img {
    max-width: 100%;
    object-fit: cover
}

hr {
    border: 0;
    border-bottom: 1px solid var(--color3)
}

.opacity-4,
.brands-carousel .owl-item:not(.active.center) {
    opacity: .4
}

.feature-content__tab:not(.feature-content__tab--active) {
    display: none
}

.add-btn {
    text-align: start;
}

ul:not(.unstyled) {
    list-style-type: none
}

ul {
    padding-left: 0
}

a {
    color: inherit
}

a,
a:hover {
    text-decoration: none
}

.main {
    margin-top: 49px
}

.link-active,
.product-faq__underline,
.subscribe__link,
.file-uploader__underline,
.key-points__underline {
    position: relative
}

.link-active:after,
.product-faq__underline:after,
.subscribe__link:after,
.file-uploader__underline:after,
.key-points__underline:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 1px;
    left: 0;
    width: 97%;
    height: 1px;
    background-color: #3d3d3d
}

.key-points__underline:after {
    width: 100%
}

h1 {
    font-size: 70px;
    line-height: 80px
}

h2 {
    font-size: 44px;
    line-height: 61px
}

h3 {
    font-size: 36px;
    line-height: 42px
}

h4 {
    font-size: 28px;
    line-height: 34px
}

h1,
h2,
h3,
h4 {
    font-family: 'Cardinal Fruit';
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

h6 {
    font-size: inherit;
    line-height: inherit
}

.main__brand .logo {
    max-width: 75px
}

.mini-bag img {
    max-width: 13px
}



header .main__products__item--all {
    display: none
}

.needsclick.kl-teaser-WBRkTx.kl-private-reset-css-Xuajs1,
#someone-purchased {
    display: none !important
}


.lg-show,
.md-show,
.sm-show {
    display: none !important
}

.md-show-flex,
.md-show-grid,
.md-show-ib {
    display: none
}


.text-uppercase {
    text-transform: uppercase
}

.fade-to-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
    z-index: 0
}

.to-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear
}

.main-link__trigger {
    cursor: pointer
}

.klaviyo-embed-div {
    display: none !important
}

.ingredients-modal__trigger {
    cursor: pointer
}

.smile-launcher-frame-container {
    display: none
}

.smile-panel-frame-container {
    bottom: 20px !important
}

.okeReviews-widget-holder {
    position: relative
}

.section-anchor {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: translateY(calc(-1 * var(--nav-height) + 8px));
    z-index: 99
}

.custom-checkbox-label {
    color: var(--text) !important;
    text-decoration: underline
}

.custom-checkbox {
    display: inline-block;
    margin-right: 10px
}

.custom-checkbox>span {
    display: block;
    height: 16px;
    width: 16px;
    border: solid 1px var(--color3);
    transition: background-color .2s ease
}

.custom-checkbox>span:after {
    background: none
}

.custom-checkbox>input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0
}

.custom-checkbox>input:checked+span {
    background: var(--text)
}

.ingredients-accordion-data {
    display: none
}

.tabs-bottom-fixed .feature-tabs--blog .featured-tabs-item:last-child {
    padding-right: 0
}

.recommendation-modal__backdrop,
.recommendation-modal__container {
    display: none !important
}

.anim-line {
    overflow: hidden;
    padding-bottom: .25em;
    margin-bottom: -.25em
}

.product-gallery,
.anim-img {
    position: relative
}

.product-gallery__overlay,
.anim-img__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-bg);
    z-index: 9;
    transform-origin: 50% 0
}

.anim-btn {
    transition: none !important
}

.anim-btn__wrapper {
    overflow: hidden
}

.home-hero {
    margin-bottom: 20px;
}

.home-content>p:not(.home-hero__caption) {
    visibility: hidden
}

.home-content .dot-button {
    display: flex;
    align-items: center;
    visibility: inherit
}

.home-content .dot-button__dot,
.home-content .dot-button__text {
    transition: none !important
}

.collection-header .content-box__title {
    overflow: hidden
}

.collection-header .content-box__title span {
    display: block
}

.collapsible-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.collapsible {
    border-bottom: 1px solid #ccc;
    padding: 20px;
}

.collapsible-header .accordian__img-box {
    height: 100px !important;
    width: 100px !important;
    margin-bottom: 10px;
}

.header {
    display: grid;
    align-items: center;
    grid-template-columns: 40% 20% 40%;
    z-index: 99999;
    margin: 0;
    padding: 0 20px;
    background-color: #f6f6f4;
    top: 0px;
    left: 0;
    right: 0;
    position: relative;
    height: 100px;
}

.header .search-icon {
    font-size: 0
}

.header .search-icon:after {
    display: none
}

.header .search-icon img {
    vertical-align: middle
}

.header__nav {
    display: flex;
    flex-wrap: wrap
}

.header__nav:nth-child(4) {
    justify-content: flex-end
}


.rewards-modal-container {
    position: fixed;
    right: 20px;
    bottom: 0px;
    display: none;
    z-index: 9999;
    width: 360px;
    background-color: #fff;
    border-radius: 6px;
}

.modal.rewards-modal {
    position: relative;
    border-radius: 8px;
    height: 600px;
}

.rewards-modal .modal-header {
    background: linear-gradient(135.19deg, hsla(40, 22%, 92%, 1), hsla(40, 32%, 77%, 1));
    padding: 20px;
    border-radius: 6px 6px 0px 0px;
    height: 110px;
    width: 100%;

}

.rewards-modal .modal-header h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 39px;
    font-size: 26px;
}

.rewards-modal .modal-header h5 {
    font-family: 'Proxima Nova Rg';
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 8px;
    font-weight: 500;
    padding-top: 16px;
}

.rewards-modal .modal-body {
    z-index: 2;
    position: absolute;
    margin: 16px 16px 0px;
    background-color: #fff;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 452px;
}

.modal-card-one {
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
    padding: 16px 12px;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0px;

}

.silly_scrollbar {
    height: 300px;
    padding: 0 4px;
    overflow: auto;
}

.silly_scrollbar::-webkit-scrollbar {
    width: 3px;
    display: none;
}

.silly_scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.silly_scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.modal-card-one .title,
.modal-card-two .title {
    color: #333;
    font-family: 'Proxima Nova Rg';
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 8px;
}

.modal-card-one p,
.modal-card-two p {
    color: #637381 !important;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 30px;
    padding: 0px 4px;

}

.modal-card-two {
    margin-top: 24px;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
    padding: 16px 12px;
    text-align: center;
    border-radius: 5px
}


.btn-join-now {
    background-color: rgb(225, 219, 208);
    padding: 15px 32px;
    border-radius: 5px;
    margin-bottom: 30px !important;
    font-size: 14px;
    font-family: 'Proxima Nova Rg';

}

.close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 26px;
    background: transparent;
    border: none;
    cursor: pointer;
}

.signin {
    margin-top: 24px;
}

.border-bottom-zero {
    border-bottom: 0px;
}

.signin span {
    font-size: 14px;
}

.signin-text {
    color: #E2DCD2;
    font-size: 14px;
    text-decoration: underline;
    font-family: 'Proxima Nova Rg';

}

.way-to-earn {
    position: relative;
    margin-bottom: 20px;
}

.way-to-earn:last-child {
    margin-bottom: 0px;
}

.way-to-earn .left {
    text-align: left;
    display: flex;
    align-items: center;
}

.way-to-earn button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.way-to-earn .title {
    font-size: 14px;
    line-height: 16.8px;
    font-weight: 400;
    margin-left: 20px;
}

.way-to-earn .right {
    transform: rotate(180deg);
    background-image: url('./assets/images/chevron-right.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 20px;
    opacity: .6;
    transition: opacity .15s ease-in-out;
    width: 20px
}

.way-to-earn:after {
    background-color: #e6e6e6;
    bottom: -8px;
    content: "";
    height: 1px;
    left: 50px;
    position: absolute;
    width: 88%;
}

.header-item {
    margin-right: 30px
}

.header-item:last-of-type {
    margin-right: 0
}

.header-item.account-nav .header__link:after {
    background: var(--text)
}

.header__brand {
    display: flex;
    justify-content: center
}

.header__link,
.header__menu-item {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 2px;
    display: inline-block;
    text-transform: uppercase;
    padding: 20.5px 0
}

.header__link:after,
.header__menu-item:after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0);
    display: block;
    background: var(--text);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.header__link:hover,
.header__menu-item:hover {
    color: var(--text)
}

.header__link:hover:after,
.header__link.active:after,
.header__menu-item:hover:after,
.header__menu-item.active:after {
    opacity: 1;
    visibility: inherit
}

.header__link.mini-bag svg,
.header__menu-item.mini-bag svg {
    margin-bottom: -1px
}

/*.header__logo {*/
/*    margin-top: 8px*/
/*}*/

.header__logo img {
    height: 32px;
    object-fit: contain;
    width: 100%
}

.header__link.link-active:after {
    bottom: 20px
}

.header .main__search {
    padding-right: 55px;
    padding-left: 55px;
    display: block
}

.header .main__search__wrapper {
    grid-area: inherit
}

.header .main__products__item h5 {
    letter-spacing: 1.5px
}

.header .main__products__item:hover {
    background: #e2dcd2
}

.main__products__item h5 {
    letter-spacing: 1.5px
}

.footer {
    /*display: grid;*/
    /*grid-template-columns: repeat(2, 1fr)*/
}

.footer-part-one {
    background-color: var(--color2)
}

.footer-part-two {
    background-color: var(--color1)
}

.footer-part-two ul:first-child {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 8
}

.footer-part-two ul:nth-child(2) {
    grid-row-start: 1;
    grid-column-start: 8;
    grid-row-end: 2;
    grid-column-end: 13
}

.footer-part-two ul li:not(:last-child) {
    margin-bottom: 16px
}

.footer-part-two ul a {
    letter-spacing: 2px;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    position: relative
}

.footer-part-two ul a:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #0000
}

.footer-part-two ul a:hover {
    color: #000
}

.footer-part-two ul a:hover:after {
    background-color: #000
}

.footer-part-three {
    padding: 23.5px 0;
    grid-column: 1/-1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase
}

.footer-part-three .footer-nav-desktop {
    display: flex;
}
.footer-part-three .footer-nav-desktop li{
    margin-left:20px;
}
.footer-part-three .footer__nav {
    display: none !important;
}

.footer__widget__drag {
    background-color: #f6f6f4;
    border: 1px solid var(--color3);
    padding: 60px 7%
}

.footer-title {
    margin: 0 0 42px
}

.footer-rights {
    letter-spacing: 1px
}

.footer__nav {
    display: flex;
    justify-content: flex-end
}

.footer__nav-link {
    display: inline-block;
    letter-spacing: 1.5px
}

.footer__nav-link:hover {
    color: #c5c5c5
}

.footer__nav-item:not(:last-child) {
    margin-right: 59px
}

.footer__nav-item>a {
    letter-spacing: .05em
}

.footer-wrapper {
    width: 100%;
    max-width: 75%;
    margin: 0 auto;
    padding: 105px 0
}

.footer-wrapper-grid {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(6%, 1fr));
    column-gap: 3px
}


.footer-wrapper--mobile {
    display: flex;
    justify-content: space-between
}

.footer-wrapper--mobile li {
    margin-bottom: 22px !important
}

.footer h5 {
    letter-spacing: 2px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase
}

.footer .subscribe-box {
    border-color: var(--hover)
}

.footer input {
    width: calc(100% - 119px)
}

.footer .submit {
    width: 100%;
    max-width: 119px;
    margin: 0 auto;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 3px
}

.footer .submit:hover {
    color: #ae8c6f
}

.footer-logos {
    display: flex;
    align-items: center;
    margin: 29px 0 0
}

.footer-logos>div>img {
    max-width: 500px
}


.footer-links__mobile {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.template-blog-video .pagination-move__alignment>div:last-child {
    width: auto
}

body.navbar-show-search {
    overflow: hidden
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99991
}

.navbar__overlay,
.navbar__megamenu,
.navbar__search,
.navbar-main,
.navbar__logo path,
.navbar__left,
.navbar__links {
    transition: all .5s ease
}

.navbar__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background: rgba(132, 132, 132, .3)
}

.navbar__search {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--color-bg);
    padding: 45px var(--padding-x);
    padding-top: 45px;
    opacity: 0;
    visibility: hidden;
    max-height: var(--height-fill);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 60px
}


.navbar__megamenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--color-bg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    min-height: 501px
}

.navbar__spacing {
    height: var(--nav-height)
}

.navbar-show-search .navbar__overlay,
.navbar-show-search .navbar__search {
    opacity: 1;
    visibility: inherit
}

.navbar-show-search .mobile-menu {
    opacity: 0;
    visibility: hidden
}

.navbar--show-megamenu {
    overflow: hidden
}

.navbar--show-megamenu .navbar__overlay,
.navbar--show-megamenu .navbar__megamenu {
    opacity: 1;
    visibility: inherit
}

.navbar--show-megamenu .navbar__megamenu {
    pointer-events: auto
}

.mega-menu__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12%, 1fr));
    background-color: #f6f6f4;
    padding: 70px 0 80px;
    z-index: 9999;
    max-height: var(--height-fill);
    overflow-y: auto
}

.mega-menu__wrapper {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 8
}

.mega-menu__item {
    margin-right: 49px
}

.mega-menu__link {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    display: block;
    text-transform: uppercase;
    position: relative
}

.mega-menu__link:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 1px;
    left: 0;
    width: 97%;
    height: 1px;
    background-color: #3d3d3d;
    opacity: 0;
    visibility: hidden
}

.mega-menu__link:not(.link-active) {
    color: #848484
}

.mega-menu__link,
.mega-menu__link:after {
    transition: all .3s ease
}

.mega-menu__link:hover,
.mega-menu__link.link-active {
    color: var(--text)
}

.mega-menu__link:hover:after,
.mega-menu__link.link-active:after {
    opacity: 1;
    visibility: inherit
}

.mega-menu__back-link {
    font-size: 18px;
    line-height: 26px;
    color: var(--text)
}

.mega-menu__back-img {
    vertical-align: text-bottom
}

.mega-menu .products__box {
    grid-template-columns: repeat(4, 1fr)
}

.mega-menu .products__card {
    padding: 14px 18px 20px;
    cursor: pointer;
    justify-content: space-between
}

.mega-menu .products__card:hover {
    background-color: var(--primary)
}

.mega-menu .products__title {
    text-align: center
}

.mega-menu__result-count {
    font-size: 16px;
    line-height: inherit
}

.mega-menu .feature-tabs {
    justify-content: center;
    margin: 0 0 30px
}


.search-not-found__title {
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--color3)
}

.search-not-found__sub-title {
    margin: 0 0 8px
}

.search-not-found,
.search-result {
    padding-top: 50px
}

.search-result {
    display: none
}

.search-result__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7%, 1fr))
}

.search-result__products {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 9
}

.search-result__feature {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    margin-bottom: 20px
}

.search-result__total {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 3
}

.search-result__view-all {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-column-end: -1;
    display: flex;
    justify-content: flex-end
}

.search-result__articles {
    grid-row-start: 1;
    grid-column-start: 10;
    grid-row-end: 2;
    grid-column-end: -1
}

.search-result__category {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    color: var(--color3);
    text-transform: uppercase
}

.search-result__article-title {
    margin-bottom: 28px
}

.search-result .products__box {
    grid-template-columns: repeat(2, 1fr)
}

.search-result .products__card--padding {
    padding: 14px 18px 20px
}


.plus-icon:before,
.search-icon:before {
    content: url(plus.png);
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 25px;
    transform: translateY(-50%)
}

.search-icon:before {
    content: url(search.png)
}

.megamenu-item {
    position: relative;
    transition: all .3s ease;
    flex: 0 0 25%
}

.megamenu-item:hover {
    background: var(--color-primary)
}

.mega-menu__wrapper .feature-content {
    position: relative
}

.mega-menu__wrapper .feature-content__tab {
    position: absolute;
    display: block !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    transition-delay: 0s;
    opacity: 0;
    visibility: hidden
}

.mega-menu__wrapper .feature-content__tab:first-of-type {
    position: relative
}

.mega-menu__wrapper .feature-content__tab--active {
    opacity: 1;
    visibility: inherit;
    transition-delay: .15s
}

.mobile-nav {
    position: relative;
    z-index: 9999
}

.mobile-nav__main {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #f6f6f4;
    z-index: 99;
    padding: 14px var(--padding-x);
    border-bottom: 1px solid #ede9e3;
    height: 50px
}

.mobile-nav__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center
}

.mobile-nav__logo,
.mobile-nav__buttons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.mobile-nav__logo {
    justify-content: center;
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 15
}

.mobile-nav__logo img {
    display: block;
    width: 86px;
    object-fit: contain
}

.mobile-nav__buttons {
    padding: 0 22px;
    z-index: 12
}

.mobile-nav__cart {
    margin-left: auto;
    font-weight: 400;
    font-size: 13px;
    line-height: 146.7%;
    letter-spacing: .1em;
    text-transform: uppercase
}

.mobile-nav__right {
    display: flex;
    align-items: center
}

.mobile-nav__menu {
    position: relative;
    left: 0;
    right: 0;
    z-index: 9
}

.mobile-nav .mobile-menu__button {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -.02em;
    border: none;
    background: none;
    cursor: pointer;
    display: grid;
    row-gap: 6px
}

.mobile-nav .mobile-menu__button>span {
    display: block;
    width: 25px;
    height: 1px;
    background: #000;
    transition: all .5s ease
}

.mobile-nav .mobile-menu__button>span:nth-child(1),
.mobile-nav .mobile-menu__button>span:nth-child(3) {
    transform: scaleX(.8) translate(-10%)
}

.mobile-nav__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.mobile-menu-show .mobile-nav .mobile-menu__button>span:nth-child(2) {
    opacity: 0
}

.mobile-menu-show .mobile-nav .mobile-menu__button>span:nth-child(1) {
    transform: translateY(7px) translate(0) scaleX(1) rotate(45deg)
}

.mobile-menu-show .mobile-nav .mobile-menu__button>span:nth-child(3) {
    transform: translateY(-7px) translate(0) scaleX(1) rotate(-45deg)
}

.mobile-menu {
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease, visibility .5s ease
}

.mobile-menu-show {
    position: unset;
    opacity: 1;
    visibility: hidden;
    transition: opacity .5s ease, visibility .8s ease;
}

.mobile-menu-links {
    position: absolute;
    top: 0;
    left: 0;
    height: 95vh;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: opacity .5s ease, visibility .5s ease;
    background: #f6f6f4
}

.mobile-menu-links>ul {
    list-style: none;
    padding: 0 0 50px
}

.mobile-menu-links>ul>li {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3;
    margin-top: -1px;
    background: #f6f6f4
}

.mobile-menu-links>ul>li>a {
    display: block;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .1em
}

.mobile-menu-links>ul>li>a>img {
    margin-left: auto
}

.mobile-menu-links>ul>li>a .icon-plus {
    position: relative;
    height: 10px;
    width: 10px;
    margin-left: auto
}

.mobile-menu-links>ul>li>a .icon-plus:before,
.mobile-menu-links>ul>li>a .icon-plus:after {
    content: "";
    background: #ede9e3;
    position: absolute
}

.mobile-menu-links>ul>li>a .icon-plus:before {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px
}

.mobile-menu-links>ul>li>a .icon-plus:after {
    top: 0;
    left: 50%;
    transform: translate(-50%);
    height: 100%;
    width: 1px;
    transition: all .5s ease
}

.mobile-menu-links ul a {
    transition: transform .5s ease
}

.mobile-menu-links--megamenu {
    opacity: .1;
    visibility: hidden;
    transform: translateZ(0);
    transition-delay: .25s
}

.mobile-menu-links--megamenu ul a {
    transform: translate(60px)
}

.mobile-menu-show-megamenu .mobile-menu-links--default {
    opacity: .1;
    visibility: hidden;
    transition-delay: .5s
}

.mobile-menu-show-megamenu .mobile-menu-links--default ul a {
    transform: translate(-60px)
}

.mobile-menu-show-megamenu .mobile-menu-links--megamenu.active {
    opacity: 1;
    visibility: inherit;
    transform: translateZ(0);
    transition-delay: 0s
}

.mobile-menu-show-megamenu .mobile-menu-links--megamenu.active ul a {
    transform: translate(0)
}

.mobile-menu__back {
    position: relative;
    display: flex;
    align-items: center
}

.mobile-menu__back>img {
    margin-right: 15px;
    margin-left: 0 !important
}

.mobile-menu__nested {
    border-top: 1px solid #ede9e3;
    margin: 0;
    list-style: none;
    display: none
}

.mobile-menu__nested>li>a {
    font-weight: 300;
    font-size: 17px;
    line-height: 34px;
    display: block;
    letter-spacing: -.02em
}

.show-nested .mobile-menu__nested {
    display: block
}

.mobile-menu .show-nested .icon-plus:after {
    opacity: 0
}

.mobile-menu-show .mobile-menu {
    opacity: 1;
    visibility: inherit
}


[touching=sticky-top],
[touching=sticky-bottom] {
    transition: .5s all ease-in-out
}

.sticky-top {
    position: sticky;
    top: 0
}

.sticky-product {
    position: fixed;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    background-color: #f6f6f4;
    right: 0;
    z-index: 9;
    border-top: 1px solid rgba(197, 197, 197, .9);
    display: none;
    grid-template-columns: 40% 30% 30%;
    align-items: center
}

button,
button:focus {
    border: none;
    outline: none;
    box-shadow: unset
}

button {
    background-color: #0000;
    cursor: pointer;
    font-weight: 400
}

.btn {
    display: inline-block;
    background-color: var(--primary);
    color: var(--text);
    font-size: 14px;
    line-height: 20px;
    padding: 15px 27px;
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    transition: all .5s ease
}

.btn:hover {
    background-color: var(--text);
    color: #fff
}

.btn--white {
    background-color: var(--secondary)
}

.btn--white:hover {
    background-color: var(--text)
}

.btn--dark {
    background: #000;
    color: #fff
}

.btn--dark:hover {
    background: #e2dcd2;
    border-color: #e2dcd2;
    color: #000 !important
}

.close>img {
    max-width: 22px;
    max-height: 22px
}

label {
    font-size: 16px;
    line-height: 23px;
    color: var(--color3);
    display: block
}

input,
textarea {
    background-color: #0000;
    border: none;
    padding: 6px 0
}

textarea {
    resize: none;
    min-height: 170px;
    max-height: 170px
}

input,
input::placeholder,
input:focus,
textarea,
textarea::placeholder,
textarea:focus {
    outline: none
}

input,
input::placeholder,
textarea,
textarea::placeholder,
textarea:focus {
    color: var(--text);
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

input[type=file] {
    color: var(--color3);
    width: 100%
}

::-webkit-file-upload-button {
    background: 0 0;
    color: var(--color3);
    padding: 7px 14px;
    border: 1px solid;
    margin: 10px 13px 0 0
}

.form__message {
    font-size: 20px
}

.subscribe {
    position: relative
}

.subscribe-box {
    display: flex;
    position: relative
}

.footer-part-one .subscribe-box {
    border-bottom: 1px solid #494545;
}

.subscribe-box--submit {
    border-bottom: none;
    margin-bottom: 22px
}

.subscribe-box--submit>.btn {
    letter-spacing: .1em !important
}

.subscribe__input {
    color: var(--text);
    width: 100%;
    margin-bottom: 16px;
    border-bottom: 1px solid;
    padding-bottom: 16px
}

.subscribe__src-only {
    display: none
}

.subscribe__input-placeholder {
    font-size: 12px;
    line-height: 16px;
    color: var(--text);
    position: absolute;
    z-index: 999;
    top: -12px;
    left: 0
}

.subscribe__forget-pass {
    margin: 0 0 18px;
    display: block
}

.subscribe__forget-pass--spacer {
    margin-top: 11px
}

.subscribe__file-upload {
    flex-direction: column
}

.subscribe__two-columns {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between
}

.subscribe--gray .subscribe__input::placeholder {
    color: var(--color3)
}

.subscribe--gray .subscribe-box {
    margin-bottom: 22px;
    border-color: var(--color3)
}

.subscribe--gray .btn {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    padding: 14px;
    position: relative;
    z-index: 9
}

.subscribe--stockists .subscribe__input {
    background-color: var(--secondary);
    margin-bottom: 20px;
    padding: 18px 23px;
    width: 100%
}

.subscribe--stockists .subscribe__input::placeholder {
    color: #0006
}

.subscribe--stockists .subscribe__input-placeholder {
    display: none
}

.subscribe--newsletter .subscribe-box {
    border-color: #c5c5c5
}

.subscribe--newsletter .subscribe__input-placeholder {
    display: none
}

.subscribe--newsletter .subscribe__input {
    width: calc(100% - 119px)
}

.subscribe--newsletter .subscribe__submit {
    width: 100%;
    max-width: 119px;
    margin: 0 auto;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.subscribe--newsletter .subscribe__submit:hover {
    color: #ae8c6f
}

.subscribe .form-page__row--links {
    text-align: left
}

.subscribe .form-page__row--links a {
    margin-bottom: 12px;
}


input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    -webkit-user-modify: read-write !important;
    height: 28px;
    content: url(../assets/images/close.png);
    position: absolute;
    z-index: 9999;
    bottom: 8px;
    right: 0;
    cursor: pointer
}

.check-box {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.check-box input:checked~.check-box__checkmark {
    background-color: var(--text)
}

.check-box input:checked~.check-box__checkmark:after {
    display: block
}

.check-box__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #0000;
    border: 1px solid var(--text)
}

.check-box__checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.check-box__text {
    text-decoration: underline
}

.check-box .check-box__checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

form,
.contact-form {
    position: relative
}

.form-status.form-status-list.form__message {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    background: #f6f6f4;
    z-index: 99
}

.form-status.form-status-list.form__message h4 {
    max-width: 410px;
    margin: 0 auto;
    text-align: center
}

.errors {
    background: red;
    padding: 5px 10px;
    margin-bottom: 30px
}


table {
    border-collapse: collapse;
    width: 100%;
    text-align: center
}

.billing-table {
    font-size: 14px;
    line-height: 21px;
    font-family: inherit;
    font-weight: 400
}

.billing-table th {
    color: var(--color3);
    padding: 0 10px 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px
}

.billing-table td {
    padding: 17px 10px
}

.billing-table td,
.billing-table th {
    cursor: pointer;
    border-bottom: 1px solid var(--color3)
}

.billing-table--description {
    margin: 0 0 36px
}

.billing-table--description tr td,
.billing-table--description tr th {
    border-color: #c5c5c5fc
}

.billing-table--description tr td:first-child,
.billing-table--description tr th:first-child {
    text-align: left
}

.billing-table--description tr td:last-child,
.billing-table--description tr th:last-child {
    text-align: right
}

.owl-carousel {
    touch-action: manipulation;
    min-width: 100%
}

.owl-carousel .owl-item .Boxtwo img,
.owl-carousel .owl-item .people-saying__img img,
.owl-carousel .owl-item .products__hover-display-img,
.owl-carousel .owl-item .gallery__img {
    width: 100%
}

/* .owl-carousel .owl-item .people-saying__img img {
    height: 600px;
} */

.owl-carousel .owl-item img {
    width: auto
}

.owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot {
    position: relative
}

.owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot:hover span {
    background: var(--text);
    opacity: 1
}

.owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot span {
    height: 2px;
    margin: 0;
    background: rgba(0, 0, 0, 0)
}

.owl-carousel .owl-dots {
    margin-top: 50px !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr))
}

.owl-carousel .owl-dots .owl-dot {
    margin-bottom: -1px
}

.owl-carousel .owl-dots .owl-dot span {
    width: 100% !important;
    height: 1px !important
}

.single-product-carousel.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border: 1px solid var(--color3)
}

.single-product-carousel.owl-theme .owl-dots .owl-dot:not(.active) span {
    background-color: #0000
}

.single-product-carousel.owl-theme .owl-nav+.owl-dots {
    margin-bottom: 20px
}

.slick-dots {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    border-bottom: 1px solid rgba(197, 197, 197, .99)
}

.slick-dots li {
    margin-bottom: 0;
    height: 1px;
    line-height: 1
}

.slick-dots li button {
    width: 100% !important;
    content: "";
    height: 1px !important;
    text-indent: -999999px
}

.slick-dots li.slick-active button {
    background-color: #000
}

.product-card__carousel--recent .owl-dots {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    border-bottom: 1px solid rgba(197, 197, 197, .99)
}

.product-card__carousel--recent .owl-dots .owl-dot {
    margin-bottom: 0;
    padding-top: 15px !important
}

.product-card__carousel--recent .owl-dots .owl-dot span {
    width: 100% !important;
    height: 1px !important;
    display: block;
    margin-bottom: -1px
}

.product-card__carousel--recent .owl-dots .owl-dot.active span {
    background-color: #000
}

.product-card__carousel--recent .owl-stage {
    display: flex
}

.owl-dots--styled .owl-dots {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    border-bottom: 1px solid rgba(197, 197, 197, .99)
}

.owl-dots--styled .owl-dots .owl-dot {
    margin-bottom: 0;
    padding-top: 15px !important
}

.owl-dots--styled .owl-dots .owl-dot span {
    width: 100% !important;
    height: 1px !important;
    display: block;
    margin-bottom: -1px
}

.owl-dots--styled .owl-dots .owl-dot.active span {
    background-color: #000
}


.gallery {
    row-gap: 30px;
    column-gap: 3px;
    padding: 180px 0 150px;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.gallery:hover .gallery__sub-title {
    color: var(--color3)
}

.gallery:hover .gallery__title-name,
.gallery:hover .gallery__desc {
    color: #000
}

.gallery__title {
    margin: 0 0 5px
}

.gallery__img {
    margin-bottom: 16px;
    width: 100%;
    display: flex
}

.gallery__sub-title {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.gallery__block {
    font-style: italic
}

.gallery__link-img,
.gallery__block {
    display: block
}

.gallery__content {
    padding-right: 12%
}

.gallery__content a {
    display: inline-block;
    text-decoration: underline
}

.gallery--match {
    padding: 0 0 16px;
    grid-template-columns: repeat(5, 1fr);
    gap: 0
}

.gallery--how-to-us {
    padding: 137px 0
}

.gallery--video-gallery {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4px
}

.gallery--video-gallery .article-card__image {
    height: 300px
}

.gallery--blog-gallery {
    padding: 0 0 90px
}

.gallery--blog-gallery .gallery__sub-title {
    color: var(--color3);
    margin: 0 0 9px
}

.gallery--blog-gallery .gallery__title-name {
    margin: 0 0 13px
}

.gallery--blog-gallery .gallery__desc {
    margin-bottom: 18px
}

.gallery--blog-gallery .gallery__btn {
    opacity: 0
}

.gallery--blog-gallery .gallery__item:hover {
    cursor: pointer
}

.gallery--blog-gallery .gallery__item:hover .gallery__btn {
    opacity: 1
}

.gallery--model {
    grid-template-columns: repeat(5, 1fr);
    padding: 0 0 54px
}

.instagram {
    padding: 76px 0 0
}

.instagram__title {
    margin: 0 0 19px;
    text-align: center
}

.instagram__wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

.instagram__link {
    display: flex
}

.instagram__img {
    width: 100%;
    object-fit: cover;
    max-height: 320px;
    min-height: 320px;
    margin-bottom: 20px
}

.accordian-item {
    border-bottom: 1px solid var(--color3)
}

.accordian-item:not(.accordian-item--active) .accordian__body {
    display: none
}

.accordian-item--active .accordian__sign span:last-child {
    display: none
}

.accordian-head {
    padding: 16px 0;
    display: grid;
    grid-template-columns: 85% 15%;
    align-items: center;
    cursor: pointer
}

.accordian__title {
    font-size: 16px;
    line-height: 23px;
    font-family: var(--font-secondary)
}

.accordian__body {
    padding: 0 0 15px
}

.accordian__body p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 22px
}

.accordian__sign {
    display: grid;
    justify-content: flex-end
}

.accordian__sign span {
    display: block;
    width: 13px;
    height: 1px;
    background-color: #1d322d
}

.accordian__sign span:first-child {
    position: relative
}

.accordian__sign span:last-child {
    transform: rotate(90deg)
}

.faq hr,
.faq .accordian-item {
    border-color: #c5c5c5e6
}

.faq .accordian__sign span {
    width: 20px
}

.faq .accordian-head {
    cursor: pointer;
    padding: 18px 0
}

.faq .accordian__title {
    font-size: 16px;
    line-height: 23px
}

.faq-principle .accordian-head {
    grid-template-columns: 14% 72% 14%;
    align-items: center
}

.faq-principle .accordian__body {
    display: grid;
    grid-template-columns: 72%;
    justify-content: center
}

.faq-principle .accordian__img-box {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 2;
    background-color: var(--primary);
    border-radius: 50%
}

.faq-principle .accordian__sign {
    height: 30px
}

.faq-principle .accordian__sign span {
    width: 30px
}

.faq-principle .accordian__sign span:first-child {
    top: 15px
}

.shipping {
    background-color: var(--primary);
    padding: 13px;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    position: fixed;
    text-align: center
}

.shipping .close {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    position: absolute
}

.shipping .close img {
    height: 20px;
    object-fit: contain;
    width: 100%
}

.select-box {
    position: relative
}

.select-box__select {
    cursor: pointer;
    padding: 12.5px 21px
}

.select-box__options {
    position: absolute;
    left: 0;
    z-index: 999;
    overflow-y: auto;
    width: 100%;
    display: none;
    background-color: var(--secondary)
}

.select-box__options--bottom {
    bottom: 48px
}

.select-box__options:not(.select-box__options--bottom) {
    top: 100%
}

.select-box__options-head {
    border-bottom: 1px solid var(--color2);
    padding: 19px 40px 19px 25px;
    position: relative
}

.select-box__close {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    cursor: pointer
}

.select-box__arrow {
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%)
}

.select-box__background-color {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.select-box__item {
    padding: 5px 21px;
    cursor: pointer
}

.select-box__item:hover,
.select-box__item--active {
    background-color: #ae8c6f;
    color: var(--secondary)
}

.select-box__select-text {
    vertical-align: middle
}

.select-box__bgcolor {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.select-box--active .select-box__options {
    display: block
}

.select-box--2 .select-box__select {
    min-width: 90%
}

.select-box--2 .select-box__item {
    padding: 5px 12px
}

.select-box--2 .select-box__select-text,
.select-box--2 .select-box__item {
    font-size: 14px
}

.select-box--2 .select-box__background-color,
.select-box--2 .select-box__bgcolor {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.select-box--2 .select-box__bgcolor {
    vertical-align: middle
}

.select-box--2 .select-box__options {
    padding: 10px 0
}

.select-box--2 .select-box .select-box__options--bottom {
    bottom: 42px
}

iframe {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 400px
}

.coockie-box {
    width: 100%;
    max-width: 380px;
    margin: 0 0 0 auto;
    background-color: var(--primary);
    padding: 34px 2.5% 40px;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 999;
    z-index: 99999999999
}

.coockie-box__close-wrapper {
    justify-content: flex-end;
    display: flex
}

.coockie-box__desc {
    margin: 11px 0 20px
}

.news-letter {
    display: none
}

.news-letter__wrapper {
    width: 100%;
    max-width: 919px;
    margin: 0 auto;
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.news-letter__content {
    background-color: var(--primary);
    text-align: center
}

.news-letter__box {
    width: 100%;
    max-width: calc(100% - 70px);
    margin: 0 auto;
    display: flex;
    height: 100%;
    align-items: center
}

.news-letter__box .input-placeholder {
    display: none
}

.news-letter__title {
    margin: 0 0 23px
}

.news-letter__desc {
    margin: 0 0 30px
}

.news-letter__img-box {
    position: relative
}

.news-letter__background-img {
    display: block;
    width: 100%;
    height: 100%
}

.news-letter__close-wrapper {
    position: absolute;
    top: 20px;
    right: 20px
}

body.modalIsOpen {
    height: 100%;
    overflow: hidden
}

.model {
    background-color: #f6f6f4;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

.model:not(.model-active) {
    display: none
}

.model-header {
    position: relative;
    border-bottom: 1px solid #ede9e3;
    padding: 10.5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.model-header .featured-tabs-link {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.model__aleph {
    display: flex
}

.model__close-wrapper {
    display: flex;
    justify-content: flex-end
}

.model__divider {
    position: absolute;
    z-index: 99;
    bottom: -5px;
    left: 0;
    border: 0;
    width: 0;
    height: 5px;
    transition: .3s all linear
}

.model__bar {
    background-color: var(--primary);
    display: block;
    height: 100%
}

.model .makeup-text__title {
    margin: 0 0 18px
}

.model__body {
    height: calc(100% - 61px);
    position: relative;
    overflow: hidden
}

.model__body-wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.model__body-wrapper:not(.model__body-wrapper--active) {
    display: none
}

.model__body-wrapper--result {
    grid-template-columns: repeat(1, 1fr)
}

.model__body-wrapper--result .banner {
    min-height: 391px;
    margin-bottom: 0
}

.model__body-wrapper--result .banner__content {
    top: calc(100% - 80px);
    left: 50%
}

.model__body-wrapper--result .model__footer {
    padding-top: 0;
    max-width: 600px
}

.model__body-wrapper--result .model__footer>.btn:last-child {
    background-color: #0000;
    color: var(--text)
}

.model__container {
    display: grid;
    grid-template-columns: 88%;
    justify-content: center;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: -1;
    padding: 80px 0
}

.model__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center
}

.model__title {
    margin: 0 0 45px
}

.model__title--spacer {
    margin: 0 0 9px
}

.model__desc {
    width: 100%;
    max-width: 554px;
    margin: 0 auto 34px
}

.model__block {
    display: block
}

.model__box {
    width: 100%;
    height: 100%
}

.model__box--option2 .model__body-wrapper {
    grid-template-columns: repeat(1, 1fr);
    padding-left: 20px;
    padding-right: 20px
}

.footer-nav-desktop,
.footer-rights {
    margin-bottom: 0px;
}

.model__left-box {
    display: flex;
    align-items: center
}

.model__right-box {
    max-height: calc(100vh - 61px);
    min-height: 100%;
    display: flex
}

.model__background-img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.model__btns-wrapper .btn,
.model__footer .btn {
    padding: 16px 27px;
    display: block
}

.model__btns-wrapper>.btn:first-child,
.model__footer>.btn:first-child {
    background-color: var(--text);
    color: var(--secondary);
    margin-bottom: 20px
}

.model__btns-wrapper>.btn:first-child:hover,
.model__footer>.btn:first-child:hover {
    background-color: var(--primary);
    color: var(--text)
}

.model__btns-wrapper>.btn:last-child,
.model__footer>.btn:last-child {
    border: 1px solid var(--text);
    background-color: #0000
}

.model__btns-wrapper>.btn:last-child:hover,
.model__footer>.btn:last-child:hover {
    background-color: var(--text)
}

.model__form-box {
    width: 100%;
    max-width: 554px;
    margin: 0 auto
}

.model__footer {
    display: flex;
    justify-content: space-between;
    padding-top: 150px;
    width: 100%;
    max-width: 554px;
    margin: 0 auto
}

.model__footer .btn {
    width: 49%
}

.home-intro__img {
    height: 100% !important;
}

.model__footer>.btn:first-child {
    border: 1px solid;
    background-color: #0000;
    color: var(--text)
}

.model__footer>.btn:first-child:hover {
    background-color: var(--text);
    color: var(--secondary)
}

.model__footer>.btn:last-child {
    background-color: var(--text);
    color: var(--secondary);
    margin-bottom: 20px
}

.model__footer>.btn:last-child:hover {
    background-color: var(--primary);
    color: var(--text);
    border-color: var(--primary)
}

.model__disabled {
    opacity: .5;
    cursor: default
}

.model .subscribe {
    margin-bottom: 11px
}

.model__result {
    padding: 0 20px
}

.model__products .model__title {
    margin: 0
}

.model__products-head {
    padding: 80px 0;
    text-align: center
}

.model__checkout {
    padding-top: 150px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center
}

.model__checkout .btn {
    max-width: 100%;
    display: block;
    padding: 16px 27px;
    margin-bottom: 20px
}

.model__gal-container {
    text-align: center
}

.model__feature-content {
    padding: 0;
    overflow-y: auto;
    height: calc(100vh - 70px)
}

.model-about-wrapper {
    display: grid;
    grid-template-columns: 68%;
    justify-content: center
}

.model__ingredients {
    padding: 320px 0 0
}

.model__ingredients .model__main-title {
    font-size: 70px;
    line-height: 80px;
    text-align: center;
    margin: 0 0 44px
}

.model .text-list {
    width: 100%;
    max-width: 446px;
    margin: 0 auto 63px
}

.model .accordian-head {
    padding: 40px 0;
    cursor: pointer
}

.model .accordian__body {
    display: flex;
    grid-template-columns: 15% 85%
}

.model .accordian__body>div:last-child {
    flex-grow: 1
}

.model .accordian__img-box {
    flex-shrink: 0;
    margin-right: 42px;
    padding-top: 4px
}

.model .accordian__sign {
    height: 42px;
    padding: 6px 0
}

.model .accordian__sign span {
    width: 30px
}

.model .accordian__sign span:first-of-type {
    top: 14px
}


.model .accordian__sign span:last-child {
    margin-top: 0
}

.model--about .model {
    background: #f6f6f4 !important
}

.model--about .model-header {
    padding: 13px 20px
}


.model--about .model__body {
    min-height: 100%
}


.model--about .model-about-wrapper {
    grid-template-columns: 100%
}

.model--about .model-about-wrapper .our-ingredients__wrapper {
    padding: 50px 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3ddd2", endColorstr="#f6f6f4", GradientType=1)
}


.model--about .model-about-wrapper .our-ingredients__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 88%
}


.model--about .model-about-wrapper .our-ingredients__content .accordian-item {
    border-bottom: 1px solid #f6f6f4 !important
}

.model--about .model-about-wrapper .all-ingredients-wrapper {
    min-height: calc(100vh - 70px)
}

.model--about .model__title {
    text-align: center
}

.model--about .model__ingredients-info {
    display: none
}

.model--about .model__ingredients {
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    padding-bottom: 100px;
    padding-top: 150px
}



.model.modal--ingredients .feature-nav {
    display: flex;
    flex-wrap: wrap
}

.model.modal--ingredients .feature-nav .featured-tabs-link {
    color: #000
}

.model.modal--ingredients .feature-nav .featured-tabs-link:active,
.model.modal--ingredients .feature-nav .featured-tabs-link:focus {
    border-bottom: 1px solid #000;
    color: #000
}

.model.modal--ingredients-about .model-about-wrapper {
    padding: 0
}


.model.modal--ingredients-about .model__feature-content {
    padding-left: 0;
    padding-right: 0;
    background-color: #0000
}

.model.modal--ingredients-about .feature-nav {
    display: flex;
    flex-wrap: wrap
}

.model.modal--ingredients-about .feature-nav .featured-tabs-link {
    color: #000
}

.model.modal--ingredients-about .feature-nav .featured-tabs-link:active,
.model.modal--ingredients-about .feature-nav .featured-tabs-link:focus {
    border-bottom: 1px solid #000;
    color: #000
}

.model.modal--ingredients-about .foundation {
    margin-bottom: 80px
}

.model.modal--ingredients-about .foundation__desc p {
    margin-bottom: 36px
}

.model.modal--ingredients-about .foundation__desc p:first:empty {
    display: none
}

.model.modal--ingredients-about .foundation__desc p:last-of-type {
    margin-bottom: 0
}

.model.modal--ingredients-about .foundation__desc a {
    text-decoration: underline
}

.foundation {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.foundation__wrapper {
    width: calc(100% - 80px)
}

.foundation__desc:not(:last-child) {
    margin-bottom: 25px
}

.key-points {
    display: flex;
    flex-wrap: wrap
}

.key-points>div {
    width: 33.33%;
    padding-right: 40px
}

.key-points>div:last-child {
    margin-right: 0
}

.key-points__sub-title {
    font-size: 14px;
    line-height: 20.54px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 5px
}

.key-points__desc {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 22px
}

.card-box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px
}

.card-box__link-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0);
    width: 100%;
    max-width: 230px;
    margin: 0 auto
}

.card-box__link-block:hover,
.card-box .state-active {
    background-color: var(--secondary);
    border-color: var(--text)
}

.card-box__content {
    padding: 20px;
    width: 100%
}

.card-box__title {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.card-box--undertone,
.card-box--skin-ton,
.card-box--natural {
    grid-template-columns: repeat(3, 1fr)
}

.card-box--undertone .card-box__link-block {
    border-color: var(--text);
    min-height: 230px;
    position: relative
}

.card-box--undertone .card-box__link-block:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 25px;
    bottom: 0;
    left: 0;
    background-color: #ffcfba
}

.card-box--undertone .card-box__link-block--brown:after {
    background-color: #e1ab72
}

.card-box--undertone .card-box__link-block--yellow:after {
    background-color: #f4e48e
}

.card-box--undertone .card-box__content {
    height: calc(100% - 25px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 25px
}

.card-box--undertone .card-box__title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 9px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.card-box--undertone .card-box__desc {
    font-size: 12px;
    line-height: 14px
}

.card-box--desir-finish {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    max-width: 554px;
    margin: 0 auto
}

.card-box--desir-finish .card-box__link-block {
    border: 1px solid var(--primary);
    background-color: #0000;
    padding: 19px 27px;
    display: block;
    max-width: 100%
}

.card-box--desir-finish .card-box__link-block.state-active,
.card-box--desir-finish .card-box__link-block:hover {
    background-color: var(--secondary);
    border-color: var(--text)
}

.free-photo {
    padding: 70px 0;
    text-align: center
}

.free-photo__wrapper {
    display: grid;
    grid-template-columns: 70%;
    justify-content: center
}

.free-photo__box {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.free-photo__item {
    padding: 0 10px
}

.free-photo__item:not(:last-child) {
    margin-bottom: 35px
}

.free-photo__sub-title {
    font-size: 14px;
    line-height: 25px;
    margin: 0 0 10px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.free-photo__desc {
    width: 100%;
    max-width: 200px;
    margin: 0 auto
}


.file-uploader {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.file-uploader__widget-1 {
    background-color: var(--color2)
}

.file-uploader__widget-2 {
    background-color: #e4e1dc
}

.file-uploader__width {
    width: 100%;
    max-width: 75%;
    margin: 0 auto;
    padding: 105px 0
}

.file-uploader__label {
    font-size: 12px;
    line-height: 14px;
    margin: 18px 0 0
}

.file-uploader__drag {
    background-color: #f6f6f4;
    border: 1px solid var(--color3);
    padding: 60px 7%
}

.file-uploader__drag-title {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center
}

.model__label,
.file-uploader__sub-title {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 30px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.ff_fileupload_wrap {
    display: flex;
    flex-direction: column-reverse
}

.ff_fileupload_wrap .ff_fileupload_dropzone {
    border: 1px solid var(--color3);
    height: 92px;
    border-radius: 0;
    background-color: #0000;
    opacity: 1
}

.ff_fileupload_wrap .ff_fileupload_dropzone:hover,
.ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.ff_fileupload_wrap .ff_fileupload_dropzone:active {
    border-color: var(--color3)
}

.ff_fileupload_wrap table.ff_fileupload_uploads {
    margin-bottom: 25px
}

.ff_fileupload_wrap table.ff_fileupload_uploads tr {
    display: flex
}

.ff_fileupload_wrap table.ff_fileupload_uploads td {
    padding: 0 0 11px
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
    position: relative;
    padding: 12px 1em 0;
    width: calc(100% - 150px);
    margin-left: 45px;
    text-align: left
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
    color: var(--color3);
    font-size: 16px;
    line-height: 23px
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input,
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input:hover {
    border: 0
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_errors {
    font-size: 13px
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions {
    width: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button,
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:active,
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:focus,
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:hover {
    border: 0;
    background-color: #0000
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image {
    border-radius: 0
}

.ff_fileupload_fileinfo,
.ff_fileupload_buttoninfo {
    position: absolute;
    z-index: 1
}

.ff_fileupload_fileinfo {
    top: 32px;
    right: 0;
    font-size: 11px;
    line-height: 20px
}

.ff_fileupload_buttoninfo {
    bottom: 10px;
    left: 18px;
    color: #848484;
    font-size: 12px
}

.ff_fileupload_progress_background {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%
}

.quick-product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #8484844d;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    transition: all .5s ease
}

.quiz--show .quick-product {
    z-index: 99999990
}

.quiz--show .cart-drawer {
    z-index: 99999995
}

.quiz--show .cart-drawer__overlay {
    z-index: 99999993
}

.quick-product:not(.quick-product--active) {
    opacity: 0;
    visibility: hidden
}

.quick-product__wrapper {
    height: calc(100% - 150px);
    width: 60%;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: stretch
}

.quick-product__content {
    background-color: #f6f6f4;
    padding: 48px 40px 10px;
    position: relative
}

.quick-product__close-wrapper {
    position: absolute;
    top: 15px;
    right: 15px
}

.quick-product .single-product {
    margin-bottom: 0;
    height: auto
}



.quick-product .single-product__category {
    margin: 0 0 10px;
    letter-spacing: 2px
}

.quick-product .single-product__title {
    margin: 0 0 13px
}

.quick-product .single-product__product-color-box--mobile {
    display: block
}



.quick-product .single-product__short-desc {
    margin-bottom: 35px
}

@media (max-width: 991.98px) {
    .quick-product .single-product__short-desc {
        display: none
    }
}

@media (max-width: 991.98px) {
    .quick-product .single-product .select-box {
        padding: 0
    }
}

@media (max-width: 767.98px) {
    .quick-product__btn {
        width: 100%;
        background: #e2dcd2;
        color: #000
    }
}

.quick-product .select-box__select {
    background-color: var(--secondary)
}

.quick-product .select-box__options {
    height: 300px;
    padding: 15px 23px
}

@media (max-width: 991.98px) {
    .quick-product .select-box__options {
        padding: 15px 16px
    }
}

.quick-product__img-wrapper {
    background-color: var(--color2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 36px;
    position: relative
}

@media (max-width: 767.98px) {
    .quick-product__img-wrapper {
        background-color: #f6f6f4;
        padding: 0 25px
    }
}

.quick-product__img-wrapper .mobile-header {
    border-top: 1px solid #ede9e3;
    border-bottom: 1px solid #ede9e3;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 24px
}

@media (min-width: 992px) {
    .quick-product__img-wrapper .mobile-header {
        display: none
    }
}

.quick-product__img-wrapper .mobile-header .single-product__title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 15px;
    flex: 1;
    font-family: var(--font-secondary);
    margin: 0;
    display: block
}

.quick-product__img-wrapper .mobile-header .quick-product__close-wrapper {
    position: static;
    display: block
}

.quick-product__img-wrapper .mobile-header .quick-product__close-wrapper img {
    margin-bottom: 0
}

.quick-product__img-wrapper .btn {
    padding-top: 10px;
    padding-bottom: 10px
}

.quick-product .select-box__item {
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width: 991.98px) {

    .quick-product .single-product__cart,
    .quick-product .single-product__dropdown {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 991.98px) {
    .quick-product .single-product__cart {
        margin-bottom: 0
    }
}

@media (max-width: 991.98px) {
    .quick-product__form {
        margin-left: -25px;
        margin-right: -25px
    }

    .right-side .alternative-accordion {
        display: none;
    }
}

.quick-product .color-list {
    gap: 11px !important
}

@media (max-width: 991.98px) {
    .quick-product .color-list {
        justify-content: space-between
    }
}

.quick-product .color-list__item {
    width: 26px;
    height: 26px
}

@media (max-width: 991.98px) {
    .quick-product .color-list__item {
        width: 25px;
        height: 25px;
        margin-right: 0 !important;
        overflow: visible !important
    }
}

.quick-product .color-list__box {
    width: 21px;
    height: 21px
}

@media (max-width: 991.98px) {
    .quick-product .color-list__box {
        width: 19px;
        height: 19px
    }
}

.quick-product .product-main__color-name {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 30px
}

.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #006db640;
    background-color: #000;
    z-index: 99999;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.video-modal .modal__top-button {
    z-index: 99999
}

.video-modal .modal__close>span {
    background-color: #fff
}

.video-modal .modal__button-label {
    color: #fff
}

.video-modal__inner {
    margin: auto;
    width: 100%
}

.video-modal__inner>.vimeo-div {
    width: 100%
}

.video-modal__inner iframe {
    width: 100%;
    max-height: 100vh
}

.video-modal.show-vimeo {
    opacity: 1;
    visibility: visible
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.modal__top,
.modal__store {
    display: none
}

.modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--light-blue);
    opacity: .9
}

.modal__wrapper {
    width: 100%;
    max-width: 720px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 99
}

.modal__content {
    position: relative;
    z-index: 99;
    overflow: auto;
    height: 100%;
    background-color: #fff
}

.modal__content,
.modal__page {
    padding: 100px 90px
}

.modal__page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    height: 100%;
    z-index: 199;
    opacity: 0;
    visibility: hidden;
    overflow: auto
}

.modal__top-button {
    position: absolute;
    top: 40px;
    right: 36px;
    width: 47px;
    height: 80px;
    cursor: pointer;
    z-index: 999
}

.modal__close-button,
.modal__back-button {
    position: absolute;
    top: 0;
    left: 0
}

.modal__back-button {
    opacity: 0;
    visibility: hidden
}

.modal__back-button .modal__back-icon {
    transition: all .5s ease
}

.sustainiblity-wrapper h2 {
    color: #000 !important;
}

.modal__back-button:hover .modal__back-icon {
    transform: translate(-5px)
}

.modal__close-button:hover .modal__close>.l1 {
    transform: rotate(45deg)
}

.modal__close-button:hover .modal__close>.l3 {
    transform: rotate(135deg)
}

.modal__close {
    position: relative;
    height: 41px;
    width: 41px;
    margin: auto;
    transition: all .3s ease
}

.modal__close>span {
    width: 58px;
    height: 1px;
    background-color: var(--blue);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -28px;
    margin-top: -.5px;
    transition: all .5s ease
}

.modal__close>.l1 {
    transform: rotate(-45deg)
}

.modal__close>.l2 {
    display: none
}

.modal__close>.l3 {
    transform: rotate(45deg)
}

.modal__header>h2 {
    font-size: 50px;
    line-height: 58px;
    margin: 0 0 22px
}

.modal__header p {
    font-size: 16px;
    line-height: 25px;
    margin: 0
}

.modal__button-label {
    font-size: 18px;
    line-height: 26px;
    display: block;
    margin-top: 7px;
    text-align: center
}

.alternative {
    margin-top: 150px;
}

.alternative .page-width {
    max-width: 1352px;
    margin: auto;
}

.alternative .breadcrumb ul {
    display: flex;
}

.alternative .breadcrumb ul li {
    font-size: 14px;
    color: #5e5047;
    font-weight: 500;
    line-height: 22px;
}

.alternative .breadcrumb ul li a {
    font-size: 14px;
    color: #5e5047;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 1.28px;
}

.alternative-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.alternative-grid .right-side h4 {
    font-family: 'Cardinal Fruits';
    color: #5e5047;
    margin: 20px 0px;
    font-size: 32px;
}

.alternative-reviews {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1PX solid;
    padding-bottom: 8px;
    border-color: rgba(69, 61, 61, .2);
}

.alternative-reviews .currency {

    display: flex;
}

.alternative-reviews .currency span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #5e5047;
}

.alternative-reviews ul {
    display: flex;
}

.alternative-reviews ul li i {
    font-size: 15px;
    color: #5e5047;
}

.brighten p {
    color: #bba293;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1PX solid;
    padding-top: 10px;
    padding-bottom: 20px;
    border-color: rgba(69, 61, 61, .2);
    text-transform: uppercase;
}

.btn-addbag {
    color: #fff;
    font-weight: 500;
    background-color: #bba293;
    max-width: 282px;
    width: 100%;
    padding: 16px 40px;
    margin: 30px 0px;   
    text-transform: uppercase;
}

.after-pay-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 30px;
    border-bottom: 1PX solid;
    border-color: rgba(69, 61, 61, .2);
}

.after-pay-one span {
    font-weight: 600;
    color: #000;
}

.after-pay-one,
.after-pay-two,
.after-pay-three {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5e3d2a;
    font-weight: 300;
}

.after-pay-two i,
.after-pay-three i {
    margin-right: 5px;
}

.after-pay-grid .after-pay-one p,
.after-pay-grid .after-pay-two p,
.after-pay-grid .after-pay-three p {
    font-size: 14px;
    text-align: center;
}

.currency-name {
    font-size: 12px;
    line-height: 20px;
    margin-top: 6px;
    margin-left: 4px;
}

/* .alternative .left-side {
    display: grid;
    flex-direction: column;
    grid-template-columns: 15% 85%;
} */

/* .alternative .left-side #thumbnails::-webkit-scrollbar {
    width: 2px;
    height: 200px;
    background-color: ;
}

.alternative .left-side #thumbnails {
    height: 300px;
    overflow-y: auto;
} */

.alternative .left-side .prev-btn {
    transform: rotate(90deg);
    /* width: 85px; */
    font-size: 22px;
    /* height: 15px; */
    border: 3px solid red;
}

.alternative .left-side .next-btn {
    transform: rotate(90deg);
    /* width: 85px; */
    border: 3px solid red;
    font-size: 22px;
    /* height: 15px; */
}

.alternative .left-side #main {
    width: 520px;
    height: 520px;
    display: block;
    object-fit: cover;
}

.alternative .left-side #thumbnails img {
    width: 60px !important;
    height: 60px;
    margin: 4px;
    cursor: pointer;
}

.alternative-accordion .accordion {
    border-bottom: 0px;
    font-family: 'Cardinal Fruit';
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 500;
}

.alternative-accordion .accordion-main {
    border-bottom: 1px solid;
    border-color: rgba(69, 61, 61, .2);
}

#ingredients-scroller {
    background: #e3ddd2
}

@media (min-width: 992px) {
    .quick-product__img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: contain
    }
}


@media (max-width: 991.98px) {
    .okeReviews-widget-holder {
        padding-left: 0;
        padding-right: 0
    }
}


@media (min-width: 768px) {
    .okeReviews.okeReviews-theme {
        font-size: 16px !important
    }
}


.clinical-result-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: #f7f4f0;
    max-width: 1352px;
    justify-content: center;
    margin: 160px auto 60px auto;
}

@media (max-width:1699px) {

    .clinical-result-grid {
        max-width: 1272px;
    }
}

.clinical-result-grid .left-side {}

.clinical-result-grid .right-side {
    max-width: 380px;
    margin: auto;
}

.video-section,
.brightness-section,
.how-to-use {
    max-width: 1352px;
    margin: 50px auto 0px auto;
}

#hoverVideo::-webkit-media-controls,
#hoverVideoTwo::-webkit-media-controls,
#hoverVideoThree::-webkit-media-controls,
#hoverVideoFour::-webkit-media-controls {
    display: none;
}

.how-to-use-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.how-to-use .card-body h3 {
    color: #5e5047;
    font-size: 16px;
    font-weight: 22px;
    font-weight: 600;
}

.how-to-use .card-body h3 span {
    font-size: 22px;
    margin-right: 4px;
    border-bottom: 1px solid #5e5047;
}

.how-to-use-header h3 {
    font-size: 40px;
    line-height: 48px;
    color: #5e5047;
}

.how-to-use h5 {
    font-size: 18px;
    line-height: 28px;
}

.how-to-use-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.video-section video {
    max-width: 1400px;
    height: 758px;
    display: flex;
    margin: auto;
}

.why-we-love {
    padding: 50px;
    background-color: #bba293;
    height: 517px;
    max-width: 1352px;
    margin: 60px auto;
}

.why-love {
    max-width: 930px;
    margin: auto;
}

.why-love h2 {
    color: #fff;
}

.why-love p {
    font-size: 19px;
    font-weight: 500;
    margin: 50px 0px 20px 0px;
    color: #fff;
    line-height: 26px;
}

.why-love ul {
    display: flex;
    align-items: center;
}

.why-love ul li {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
}

.why-love-tips {
    border-top: 1px solid #fff;
    margin-top: 32px;
    padding-top: 32px;
}

.why-love-tips h4 {
    color: #fff;
    letter-spacing: 1.5px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

.why-love-tips h4::after {
    content: '';
    width: 10px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.why-love-tips p {
    margin-top: 20px;
}

.key-ingredients-grid .left-side {

    margin: 50px 120px;
}

.clinical-result-grid .right-side h2,
.key-ingredients-grid .left-side h2 {
    color: #5e5047;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
}


.accordion {
    cursor: pointer;
    padding: 15px 20px 15px 0;
    width: 100%;
    border-bottom: 1px solid #bbbbbb;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-size: 16px;
    color: #5e5047;
    font-weight: 500;
    /*   background-color: #ebf9fe;
    margin-bottom: 2px;*/
}

.faq .page-width {
    max-width: 800px;
    margin: auto;
}

.slider-container {
    width: 1352px;
    overflow: hidden;
    margin: 70px auto;
    /* border: 3px solid green; */
}

.similar-products h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.slider-wrapper {
    display: flex;
    transition: transform 0.3s ease;
}

.slider-card {
    flex: 0 0 300px;
    margin: 10px;
    padding: 10px;
    text-align: center;
    width: 318px !important;
}

.similar-products h5 {
    text-align: center;
    color: #5e5047;
}

.slider-nav {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.slider-container .slider-track {
    width: 1352px;
}

.slider-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #aaa;
    margin: 0 5px;
    cursor: pointer;
}

.main-title {
    color: #2d2d2d;
    text-align: center;
    text-transform: capitalize;
    padding: 0.7em 0;
}

.real-life {}

.real-life .page-width {
    max-width: 1352px;
    border-top: 1px solid;
    border-color: rgba(69, 61, 61, 0.2);
    margin-top: 32px;
    padding-top: 32px;
    padding-bottom: 70px;
}

.real-life .container {
    padding: 1em 0;
    float: left;
    width: 50%;
}

.real-life-header {
    text-align: center;
    margin-bottom: 30px;
}

.real-life-header h4 {
    color: #5e5047;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-family: sans-serif;

}

.real-life-header span {
    color: #5e5047;
    margin-bottom: 16px;
}

.icon-down {
    height: 30px;
    text-align: center;
    background-color: #d6d6d6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.based-on-review .page-width {
    max-width: 1352px;
    display: flex;
    justify-content: center;
    margin: auto;
}

.header-top .customer-feedback {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 60px;

}

.header-top .customer-feedback span {
    font-size: 36px;
    line-height: 44px;
    color: #5e5047;
}

.based-on {
    margin: 16px 0px;
    font-family: sans-serif;
    font-weight: 500;
    color: #5e5047;
}

.header-top .customer-feedback ul {
    margin-top: 12px;
}

.header-top .customer-feedback ul i {
    color: #5e5047;
    font-size: 18px;
}

.write-rv {
    display: flex;
    justify-content: end;
    width: 100%;
}

.write-review {
    border: 1px solid #5e5047;
    color: #5e5047;
    height: 45px;
    width: 130px;
    display: flex;
    align-items: center;
}

.write-review a {
    font-size: 11px;
    width: 100%;
    display: inline-flex;
    margin: auto;
    justify-content: center;
}

.filter-header {
    background-color: #e4e1dc;
    width: 100%;
    margin: 20px 0px;
    padding: 10px;
    border: 1px solid #b8b8b8;
    border-right: 0px;
    border-left: 0px;
}

.filter-photos {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 640px) {
    .real-life .container {
        display: block;
        width: 100%;
    }
}

.verfied-buyer .text {
    display: flex;
}

.verfied-buyer-description {
    text-align: left;
}

.verfied-buyer-description ul {
    display: flex;
    margin-bottom: 20px;
}

.text span {
    margin-left: 10px;
}

.verfied-buyer-description ul li i {
    font-size: 14px;
    color: #5e5047 !important;
}

.verfied-buyer-description label,
.filter-grid .dates label {
    color: #5e5047;
    font-weight: 500;
    margin-bottom: 40px;
}

.age-range,
.skin-type,
.concern {
    display: flex;
    margin: 20px 0px 10px 0px;
}

.age-range .title,
.skin-type .title,
.concern .title {
    color: #7c7b7a;
    font-weight: 500;
    font-size: 15px;
}

.age-range .details,
.skin-type .details,
.concern .details {
    color: #5e5047;
    font-weight: 500;
    margin-left: 20px;
    font-size: 15px;
}

.based-on-review {
    margin-bottom: 80px;
}

.verfied-buyer-description p {
    margin-bottom: 20px;
    font-weight: 400;
}

.verfied-buyer-description .profile img {
    height: 60px;
    width: 60px;
}

.filter-grid {
    display: grid;
    grid-template-columns: 30% 70%;
    width: 100%;
    border-bottom: 1px solid #7e7b78;

}

.filter-grid .text i {
    color: #747474;
    background-color: #efece6;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-with-dates {
    display: flex;
    justify-content: space-between;


}

.helpful {
    width: 30%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.helpful span {
    font-size: 14px;
    color: #5e5047;
}

.helpful-yes,
.helpful-no {
    color: #5e5047;
    font-weight: 500;
    font-size: 14px;
}

@media screen and (min-width: 900px) {
    .real-life .container {
        width: 33.33333%;
    }
}

.real-life .container .title {
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 10px;
}

.real-life .content {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 400px;
    margin: auto;
    overflow: hidden;
}

.real-life .content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.real-life .content:hover .content-overlay {
    opacity: 1;
}

.real-life .content-image {
    width: 100%;
    height: 100%;
}

.real-life-grid ul {
    display: flex;
    margin: 12px auto;
    width: 100%;
    justify-content: center;

}

.real-life-grid ul li i {
    color: #fff;
    font-size: 14px;
    margin: 0px 4px !important;

}

.real-life-grid .btn-readamore {
    padding: 8px 12px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0px;
    margin-top: 8px;
}

.real-life .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.real-life .content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.real-life .content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.real-life .content-details p {
    color: #fff;
    font-size: 0.8em;
}

.real-life .fadeIn-bottom {
    top: 80%;
}

.slider-card-content {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.real-life .page-width {
    max-width: 1352px;
    margin: auto;
}

.real-life-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px;
}

.based-on-review ul {
    display: flex;
}

.slider-card-content h4,
.slider-card-content span {
    text-align: left;
    color: #5e5047;
    display: flex;
    width: 100%;
}

.slider-card-content span {
    font-size: 15px;
}

.slider-card-content ul {
    display: flex;
}

.slider-card-content ul li i {
    font-size: 12px;
    margin-right: 4px;
    color: #897060;
}

.slider-card-content h4 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
}

.slider-card button {
    background-color: #bba293;
    height: 34px;
    color: #fff;
    width: 318px;
    margin-top: 16px;
    font-weight: 500;
}

.similar-products .slick-initialized .slick-slide {
    padding: 0px;
}

.slider-dot.active {
    background-color: #333;
}

.faq h2 {
    text-align: center;
    margin-bottom: 80px;
}

.faq h3 {
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 8px;
}

.faq h3 a {
    text-decoration: underline;
}

.accordion:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    /* content: "\2796"; */
    transform: rotate(45deg);
    /* Unicode character for "minus" sign (-) */
}

.active,
.accordion:hover {
    font-weight: 500;
}

.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel p {
    padding: 20px;
    font-size: 16px;
}

.panel ul {
    margin: 40px 0;
}

.panel ul>li {
    font-size: 1.4rem;
}

.clinical-result-grid .right-side h4,
.key-ingredients-grid .left-side h4 {
    color: #5e5047;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.key-ingredients-grid .left-side h4 {
    margin-bottom: 20px;
}

.clinical-result-grid .right-side .content p {
    margin-bottom: 16px !important;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.5px;
}

.key-ingredients-grid .left-side p {
    margin-bottom: 16px !important;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.5px;
}

.key-ingredients-grid .right-side img {
    height: 100%;
}

.clinical-result-grid .right-side .content p span {
    color: #5e5047;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin-right: 6px;
}

.content-footer {
    text-align: center;
    font-size: 14px !important;
    line-height: 18px !important;
}

.key-ingredients-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: #f7f4f0;
    max-width: 1352px;
    justify-content: center;
    margin: 160px auto 60px auto;

}

.clinical-result-grid hr {
    margin: 30px 0px;
    color: #b6b6b6;
}

.clinical-results-grid .right-side .content {
    max-width: 380px;
    width: 100%;
    border: 2px solid red;
}

.blog-detail-banner {
    background: url('../images/blog-cover.jpg');
    width: 100%;
    height: 87vh;
    margin-top: 100px;
    position: relative;
    padding: 8% 14%;
    background-repeat: no-repeat;
    background-size: 100%;
    object-fit: cover;

}

.blog-detail-banner h5 {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 15px;
}

.blog-description {
    background-color: #f6f6f4;
}

.description-two .page-width {
    max-width: 1340px;
}

.description-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1500px !important;
}

.love-to-site {
    display: flex;
    justify-content: center;
    text-align: center;
}

.love-to-site h2 {
    font-weight: 900;
    font-style: italic;
}

.love-to-site p {
    max-width: 820px;
    margin: 30px 0px;
    font-size: 15px;
}

.collection-card-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 30px 15px 30px;
}

.collection-card-details h5 {
    font-weight: 600;
}

.collection-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.btn-add-bag {
    padding: 0px 10px;
    border: 1px solid;
    height: 38px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 20px;
    background-color: transparent;
    border: 1px solid !important;
}

.blog-card-body span {
    margin-top: 16px;
}

.more-blogs .blog-card-two .blog-dates {
    margin-top: 24px;
}

.more-blogs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 80px;
}

.more-blog-img {
    height: 688px;
    width: 100%;
}

@media (max-width:1399px) {
    .video-section video {
        width: 100%;
    }

    .how-to-use-content {
        gap: 8px;
    }

    .slider-container {
        width: 100%;
    }

    .key-ingredients-grid,
    .clinical-result-grid {
        margin: 50px 0px;
    }

    .brightness-section .page-width {
        padding: 0px;
    }
}

@media (max-width:1024.98px) {
    .blog-detail-banner {
        height: unset;
    }


    .blog-card-body h4 {
        font-weight: 600;
    }

    .blog-main {
        padding: 50px 0px !important;
    }

    .home-content {
        left: 0% !important;
        /* margin-top: 180px !important; */
    }

    .home-hero-title {
        font-size: 60px;
        line-height: 70px;
    }

    .how-to-use-content {
        grid-template-columns: repeat(2, 1fr);
    }

    footer {
        margin: 0px !important;
    }
}

@media (max-width:992px) {

    .description-two .page-width {
        display: block;
    }

    .alternative {
        margin-top: 60px;
    }

    .description-grid .left-side,
    .description-grid .right-side {
        padding: 0px !important;
    }

    .blog-card-body h4 {
        font-weight: 500;
    }

    .description-grid,
    .key-ingredients-grid,
    .clinical-result-grid,
    .alternative-grid {
        /* grid-template-columns: repeat(1, 1fr); */
    }
.alternative-grid {
         grid-template-columns: repeat(1, 1fr); 
    }
    .skin-benefits {
        padding-bottom: 10px !important;
    }

    .more-blogs {
        margin-bottom: 20px;
    }

    .collection-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .key-ingredients-grid .right-side,
    .alternative-grid .right-side {
        order: 1;
    }

    /* .key-ingredients-grid .left-side,
    .alternative-grid .left-side {
        order: 2;
    } */

    .key-ingredients-grid .right-side img,
    .clinical-result-grid .left-side img {
        width: 100%;
    }

    .clinical-result-grid .right-side {
        max-width: 100%;
    }

    .alternative .left-side #main {
        width: 100%;
    }
}

@media (max-width:600px) {
    .alternative-grid .right-side h4 {
        font-size: 22px;
        line-height: 26px;
        margin: 10px 0px;
    }



    .alternative .breadcrumb ul li a {
        font-size: 11px;
    }

    .collection-grid,
    .more-blogs {
        grid-template-columns: repeat(1, 1fr);
    }


    /* .alternative-grid .left-side {
        display: flex !important;
    } */

    .alternative-grid #thumbnails {
        order: 2;
        display: flex;
        overflow-x: auto;
        justify-content: center;
        margin: 20px 0px 0px;
    }

    .clinical-result-grid,
    .key-ingredients-grid {
        margin-top: 16px;

    }

    .key-ingredients-grid .left-side {
        margin: 16px;
    }

    .clinical-result-grid .right-side,
    .why-we-love {
        padding: 20px;
    }

    .alternative-grid .left-side img {
        display: flex;
    }

    .thumbnails-sections .prev-btn,
    .thumbnails-sections .next-btn {
        /* display: none !important; */
    }

    .alternative-grid .left-side {
        display: block;
        order: 2;
    }

    .video-section video {
        width: 100%;
        height: unset;
    }

    .how-to-use-header {
        display: block;
    }

    .how-to-use-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .alternative .left-side #main {
        height: unset;
    }

    .card-content {
        height: fit-content;
    }

    .card-header video {
        width: 100%;
    }

    .why-we-love {
        overflow-y: auto;
    }

    .why-love ul {
        display: block;
    }

    .faq h2 {
        margin-bottom: 16px;
    }

    .slider-container {
        width: unset !important;
        height: 500px;
        overflow-y: auto;
        margin-top: 16px;
    }

    .slick-track {
        transform: translate(0px) !important;
    }

    .btn-addbag {
        max-width: unset;
    }

    .slider-container .slider-nav {
        display: none;
    }

    .after-pay-grid {
        display: block;
    }

    .after-pay-grid .after-pay-one p,
    .after-pay-grid .after-pay-two p,
    .after-pay-grid .after-pay-three p {
        font-size: 12px;
    }

    .why-love p {
        font-size: 15px;
        line-height: 22px;
    }

    .filter-grid {
        display: block;
    }
}

@media (max-width:376px) {
    .alternative .breadcrumb ul li a {
        font-size: 10px;
    }

}

.favourite img {
    height: 30px;
}

.celebrating-years {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.top-section-first {
    position: relative;
}

.top-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 90%;
    width: 100%;
    top: 0;
}

.top-section-second {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.blog-card-img {
    width: 100%;
    height: 525px;
}

.blog-card-new-img {
    height: auto;
}

.btn-readmore {
    padding: 0px 10px;
    border: 1px solid;
    height: 38px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border-radius: 20px;
}

.btn-readmore:hover {
    border: 1px solid;
    background-color: #000;
    color: #fff;
}



.celebrating-img {
    width: 100%;
    height: 90%;
}

.blog-card-img,
.blog-card-img-new {
    overflow: hidden;
}

.blog-card-img img,
.blog-card-img-new img {
    transition: transform 0.3s ease;
}

.blog-card-img:hover img,
.blog-card-img-new:hover img {
    transform: scale(1.15);
    cursor: pointer;
}

.blog-card-body h4 {
    font-weight: 500;
}

.celebratring-years-body {
    position: absolute;
    top: 70%;
    height: 80%;
    width: 100%;
    padding: 60px;
}

.celebratring-years-body h2,
.celebratring-years-body p {
    color: #fff;
}

.celebratring-years-body h2 {
    letter-spacing: 2px;
}

.celebratring-years-body .btn-readmore {
    background-color: white;
}

.celebratring-years-body .btn-readmore:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000 !important;
}

.blog-grid-second {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.blog-inner-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
}

.blog-main {
    padding: 100px 90px;
}

.blog-card-two:hover {
    color: #000;
}

@media (max-width:995px) {

    .celebrating-years {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .top-section-second,
    .blog-grid-second {
        grid-template-columns: repeat(2, 1fr) !important;

    }

    .blog-main {
        padding: 24px;
    }

    .section-large-usp-text h2 {
        line-height: 30px !important;
    }

    .celebratring-years-body {
        top: 19%;
        padding: 23px;
    }

    .page-width {
        max-width: 100vw;
    }

    .section-large-usp-text {
        overflow-x: hidden;
    }

    .blog-card-img {
        height: auto;
    }
}

@media (max-width:476px) {

    .blog-grid-second,
    .top-section-second {
        grid-template-columns: repeat(1, 1fr) !important;

    }
}


.btn-blog {
    max-width: 260px;
    background-color: transparent;
    border: 1px solid;
    height: 38px;
    border-radius: 20px;
    padding: 20px 40px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 80px;

}

.btn-add-bag:hover {
    border: 1px solid;
    background-color: #000;
    color: #fff;
}

.twitter-img {
    margin: 0px 20px;
}

.pinterest-img {
    height: 32px;
}

.social-buttons {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.social-sharing {
    display: flex !important;
    margin: 20px;
}

.collection-wrapper .title {
    margin-bottom: 20px;
}

.description-grid .left-side,
.description-grid .right-side {
    padding: 0px 50px;
}

.collection-card {
    position: relative;
}

.collection-wrapper {
    background-color: #f6eae8;
}

.description-grid .right-side p {
    margin-bottom: 76px;
}

.match-made {
    padding-bottom: 100px;
}

.match-made h2 {
    font-weight: 900 !important;
    text-align: center;
    text-transform: uppercase;
    margin: 50px 0px;

}

.description-grid h4 {
    font-weight: 400 !important;
    margin: 20px 0px 0px 0px;
}

.description-grid p {}

.blog-waves {
    padding-bottom: 100px;
}

.description-grid-benefits p {
    margin-bottom: 20px !important;
}

.blog-description p {
    font-size: 18px;
    line-height: 28px;
}

.blog-description p a {
    font-weight: 800;
}

.description-grid-benefits .left-side img {
    height: 100%;
    width: 100%;
    padding: 0px 100px 0px 100px;
}

.description-grid-benefits .right-side {
    padding-right: 150px;
}

.blog-detail-banner h2 {
    font-weight: 600;
    color: #fff !important;
}

.skin-benefits {
    background-color: #f3f3ec;
    height: 100%;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
}

.okeReviews.okeReviews-theme .okeReviews-widgetNavBar-item {
    font-family: var(--font-primary);
    font-size: 32px !important;
    line-height: 42px !important;
    text-transform: none !important;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    margin-right: 0 !important;
    color: #c5c5c5 !important;
    margin-bottom: -1px;
    padding: 0 !important
}


.okeReviews.okeReviews-theme .okeReviews-widgetNavBar-item:first-of-type:after {
    content: "/";
    display: inline-block
}


.okeReviews.okeReviews-theme .okeReviews-widgetNavBar-item[aria-selected=true] {
    background-color: #0000 !important;
    color: #000 !important
}


.okeReviews.okeReviews-theme .okeReviews-widgetNavBar-item[aria-selected=true] .okeReviews-widgetNavBar-count {
    color: #000 !important
}

.okeReviews.okeReviews-theme .okeReviews-qandaWidget-header {
    border-top: none !important
}

.okeReviews.okeReviews-theme .okeReviews-reviewsWidget-header {
    display: grid !important;
    padding-top: 10px;
    margin-bottom: 10px;
    text-align: right
}



.okeReviews.okeReviews-theme .okeReviews-reviews-review {
    border: 1px solid #c5c5c5 !important;
    padding: 24px !important;
    margin: 12px 0 !important
}

@media (min-width: 768px) {
    .okeReviews.okeReviews-theme .okeReviews-widgetNavBar-item {
        font-size: 36px !important;
        padding: 0 !important;
        margin-right: 12px !important
    }

    .okeReviews.okeReviews-theme .okeReviews-widgetNavBar-item:first-of-type:after {
        display: none
    }

    .okeReviews.okeReviews-theme .okeReviews-widgetNavBar-item[aria-selected=true] {
        border-bottom: 1px solid #000 !important
    }

    .okeReviews.okeReviews-theme .okeReviews-reviewsAggregate-side-inner {
        position: absolute;
        top: -6rem;
        width: auto !important;
        right: 0
    }

    .okeReviews.okeReviews-theme .okeReviews-reviews-review {
        padding: 30px !important
    }
}


.okeReviews.okeReviews-theme .okeReviews-review-reviewer-product-details-link {
    text-transform: uppercase
}

.okeReviews.okeReviews-theme .okeReviews-review-recommendation--yes:before {
    font-weight: 300 !important;
    text-transform: uppercase;
    font-family: var(--font-secondary) !important
}

.okeReviews.okeReviews-theme .okeReviews-review-main-heading {
    font-family: var(--font-secondary);
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 400;
    margin-bottom: 24px
}

.okeReviews.okeReviews-theme .okeReviews-review-reviewer-attributes .okeReviews-review-reviewer-attributes-item {
    margin-bottom: 0
}

.okeReviews.okeReviews-theme .okeReviews-review-attribute-label,
.okeReviews.okeReviews-theme .okeReviews-sectionedList-heading {
    min-width: 7em
}

.okeReviews.okeReviews-theme .okeReviews-review-attribute-label {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1.2px
}

.okeReviews.okeReviews-theme .okeReviews-reviews-footer:before {
    display: none
}

.okeReviews.okeReviews-theme .okeReviews-reviews-showMore {
    text-transform: uppercase;
    font-family: var(--font-secondary);
    font-size: 300;
    padding: 1em 2em
}

.okeReviews.okeReviews-theme .okeReviews-reviews-showMore:after {
    position: relative;
    top: -.25rem
}

.icon.play-icon {
    width: 58px;
    height: 58px;
    position: absolute;
    z-index: 999;
    right: 0;
    bottom: 0;
    transform: translate(-50%, -50%)
}

.icon.play-icon svg {
    width: 100%;
    height: 100%
}

.search {
    position: relative
}

.search__wrapper {
    width: 100%;
    max-width: 1080px;
    margin: auto
}

.search__input {
    position: relative;
    border-bottom: 1px solid #e2dcd2
}

@media (max-width: 991.98px) {
    .search__input {
        border-bottom: solid 1px #e2dcd2;
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px
    }
}

.search__input>input {
    padding: 15px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    height: auto;
    display: block;
    width: 100%
}

@media (max-width: 991.98px) {
    .search__input>input {
        text-transform: uppercase
    }
}

.search__input>input::placeholder {
    color: var(--color-text-hover);
    transition: all .3s ease
}

.search__close {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 0;
    padding: 10px 0 10px 10px
}

@media (max-width: 991.98px) {
    .search__close {
        display: none
    }
}

.search__close svg {
    display: block
}

.search__close svg path {
    stroke: #000
}

.search__close svg path {
    transition: all .5s ease
}

.search__search-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    font-size: 0;
    padding: 10px 0 10px 10px
}

@media (min-width: 992px) {
    .search__search-icon {
        display: none
    }
}

.search__search-icon svg {
    display: block
}

.search__search-icon svg path {
    transition: all .5s ease
}

.search__no-results {
    position: absolute;
    right: 100%;
    pointer-events: none;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 18px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.5px;
    opacity: 0;
    transition: all .5s ease
}

.search__initial {
    padding-top: 45px
}

.search__initial>h4 {
    font-family: var(--font-secondary);
    font-weight: 300;
    color: #848484;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.search__initial>ul {
    font-family: var(--font-primary);
    list-style: none;
    display: grid;
    gap: 15px;
    justify-content: flex-start !important
}

.search__initial>ul>li>a {
    font-weight: 300;
    font-size: 36px;
    line-height: 40px;
    text-transform: none !important
}


@media (max-width: 767.98px) {

    .okeReviews.okeReviews-theme .okeReviews-review-side,
    .okeReviews.okeReviews-theme .okeReviews-review-primary {
        padding: 0 !important
    }

    .search__initial>ul>li>a {
        font-size: 21px;
        line-height: 26px
    }
}

.search-results {
    padding-top: 50px
}

.search-results--predictive {
    margin-top: 0 !important
}

.search-results__grid--predictive {
    display: grid !important;
    grid-template-columns: 2fr 340px !important;
    gap: 70px !important;
    margin-bottom: 0 !important
}

.search-results__grid--predictive .products__card {
    padding: 14px 18px
}

.search-results__grid--predictive .products__card:hover .products__hover-display {
    display: none
}

.search-results__grid--predictive .products__img {
    max-width: 100%;
    max-height: 269px
}

.search-results__grid--predictive .products__badges {
    visibility: hidden
}

@media (min-width: 992px) {
    .search-results__grid--predictive .products__price p {
        position: absolute;
        top: 14px;
        left: 18px
    }
}

.search-results__heading--mobile {
    text-align: center;
    margin-bottom: 50px
}

@media (min-width: 992px) {
    .search-results__heading--mobile {
        display: none
    }
}

.search-results__heading {
    display: grid;
    grid-template-columns: 1fr auto;
    padding-bottom: 21px;
    letter-spacing: -.5px;
    align-items: center
}

@media (min-width: 992px) {
    .search-results__heading {
        padding-bottom: 23px
    }
}

.search-results__heading>a,
.search-results__heading>h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.5px
}

.search-results__heading>h4 {
    font-family: var(--font-secondary);
    font-size: 16px
}

@media (max-width: 991.98px) {
    .search-results__heading>h4 {
        padding-bottom: 10px;
        border-bottom: 1px solid #e2dcd2
    }
}

.search-results__heading>a.btn {
    font-size: 14px;
    line-height: 18px;
    display: none;
    letter-spacing: 2px
}

@media (min-width: 992px) {
    .search-results__heading>a.btn {
        display: inline-block;
        padding-top: 11px;
        padding-bottom: 11px
    }
}

.search-results__heading>a,
.search-results__heading>a:after {
    transition: all .3s ease
}

.search-results__heading>a:hover {
    color: var(--color-text-hover)
}

.search-results__heading>a:hover:after {
    background-color: var(--color-text-hover)
}

@media (min-width: 992px) {
    .search-results__footer {
        display: none
    }
}

.search-results__products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px
}

@media (max-width: 991.98px) {
    .search-results__articles {
        margin-bottom: 30px
    }
}

.search-results--no-results .search-results {
    display: none
}

.search-results--no-results .search__no-results {
    opacity: 1
}

@media (max-width: 991.98px) {
    .search-results {
        padding-bottom: 38px;
        margin-top: 0 !important
    }

    .search-results__grid--predictive {
        grid-template-columns: 1fr !important;
        gap: 60px !important
    }

    .search-results__products--predictive {
        grid-template-columns: repeat 2, 1fr !important;
        gap: 5px !important
    }

    .search-results__products--predictive .products__card {
        background-color: #0000;
        padding: 0
    }

    .search-results__products--predictive .products__card>a:not(.products__hover-display) {
        background-color: var(--color2);
        padding: 30px 15px;
        margin-bottom: 10px
    }

    .search-results__products--predictive .products__badges {
        display: none
    }

    .search-results .search-article {
        margin-bottom: 15px
    }

    .search-results .search-article>h4 {
        margin-bottom: 0;
        font-size: 22px
    }

    .search-results .search-article>span {
        display: none
    }

    .search-results .product-card__info {
        border-bottom: solid 1px var(--color-charcoal-border) !important
    }

    .search-results .product-card__footer {
        display: block !important
    }

    .search-results .product-card__hover {
        display: none !important
    }

    .search-results .product-card__desc {
        position: relative !important;
        opacity: 1 !important;
        visibility: inherit !important
    }
}

.search-article {
    margin-bottom: 40px
}

.search-article:last-of-type {
    margin-bottom: 0
}

.search-article>h4 {
    font-weight: 300;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px
}

.search-article>h4>a {
    font-size: 28px;
    line-height: 34px;
    text-transform: none
}

.search-article>h4>a:hover {
    color: var(--color-text-hover)
}

.search-article>span {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.5px
}

.search-article>span .tag {
    text-transform: capitalize
}

.search-article>span .tag:last-of-type span {
    display: none
}

.search-article .tags .tag {
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 5px;
    color: #848484;
    letter-spacing: .1em
}

@media (max-width: 767.98px) {
    .search-article>h4>a {
        font-size: 21px;
        line-height: 26px
    }
}

.navbar__announcement {
    background: var(--color-primary)
}

.announcement-bar {
    position: relative;
    z-index: 9;
    overflow: hidden;
    color: var(--text)
}

.announcement-bar__wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.announcement-bar-items {
    width: 100%;
    list-style: none;
    margin: 0;
}

.announcement-bar-items>li {
    margin: 0;
    display: none
}

.announcement-bar-items>li:first-of-type {

    margin: auto;
}

.announcement-bar-items>li:nth-child(2) {
    display: flex;
    justify-content: center;
    margin: auto;
}

.announcement-bar__item {
    line-height: 130%;
    display: flex;
    /* width: 90%; */
    text-align: center;
    align-items: center;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -.5px;
    color: #000;
    white-space: nowrap;
}

.announcement-bar__item:hover {
    color: var(--text)
}

.announcement-bar-close {
    height: 100%;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}

.announcement-bar-close svg path {
    stroke: var(--text)
}

.page-cart .announcement-bar,
.view-buttons {
    display: none
}

@media (min-width: 992px) {
    .view-buttons {
        display: flex;
        justify-content: flex-end;
        margin-left: auto
    }
}

.view-buttons button {
    margin-left: 20px
}

.view-buttons button.active svg circle {
    fill: #000
}

.quiz--consult .quiz__panels {
    display: none
}

.quiz--consult .quiz__panels--colour-consult {
    display: block
}

.quiz--consult .quiz__progress {
    display: none
}

.colour-consult .model__body-wrapper {
    display: block
}

.file-uploader__drag-title {
    margin-bottom: 30px
}

.uploadcare--menu {
    display: none
}

.uploadcare--dialog__container {
    border-radius: 0
}

.uploadcare--panel__footer {
    background: none
}

.uploadcare--widget__button,
.uploadcare--button_primary {
    background: #000 !important;
    border-color: #000 !important;
    border-radius: 0;
    cursor: pointer;
    transition: all .5s ease !important;
    outline: none !important;
    font-family: var(--font-secondary);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: 2px !important;
    padding: 14px
}

.uploadcare--widget__button:hover,
.uploadcare--button_primary:hover {
    background: #e2dcd2 !important;
    border-color: #e2dcd2 !important;
    color: #000 !important
}

.uploadcare--dialog__close {
    border: none !important;
    outline: none !important;
    color: #000 !important;
    cursor: pointer
}

.uploadcare--widget {
    display: block
}

.uploadcare--widget__button {
    padding: 15px;
    width: 100%
}

.uploadcare--button {
    border-radius: 0
}

.store-only {
    max-width: 500px;
    color: #000;
    margin: 50px auto;
    text-align: center;
    display: none
}

@media (max-width: 600px) {
    .store-only {
        max-width: 320px
    }
}

.template-page-quiz-inline .store-only {
    display: block
}

.quiz-data {
    position: fixed;
    width: 500px;
    height: 300px;
    bottom: 10px;
    right: 10px;
    padding: 0 0 40px;
    border: solid 2px #e2dcd2;
    white-space: pre-wrap;
    z-index: 99;
    background: #fff;
    overflow: auto;
    display: none
}

.quiz-data__log {
    border-bottom: solid 1px #e2dcd2;
    padding: 20px;
    font-family: monospace;
    font-size: 14px
}

.quiz-data__log:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0
}

.quiz {
    height: 100%;
    width: 100%;
    position: relative;
    overflow-y: auto;
    background: #f6f6f4;
    display: grid;
    grid-template-rows: auto 1fr
}

.quiz__wrapper {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.quiz__panels {
    position: relative;
    height: 100%;
    width: 100%
}

.quiz__header {
    position: relative;
    display: grid;
    height: var(--nav-main-height);
    grid-template-columns: auto 1fr auto;
    padding: 10px var(--padding-x);
    border-bottom: 1px solid #e2dcd2;
    align-items: center
}

.quiz__header .quiz__back a {
    font-weight: 400;
    font-size: 13px;
    line-height: 146.7%;
    letter-spacing: .1em;
    text-transform: uppercase
}

.quiz__progress {
    background: #e2dcd2;
    position: absolute;
    top: 100%;
    left: 0;
    height: 5px;
    z-index: 5;
    transition: all .5s ease
}

.quiz__progress[style="width: 100%;"] {
    opacity: 0;
    visibility: hidden
}

.quiz__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 2px
}

.quiz__logo img {
    display: block
}

.quiz__close {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.quiz__close svg {
    display: block
}

.quiz--show .quiz__wrapper {
    opacity: 1;
    visibility: inherit
}

.quiz--show #someone-purchased,
.quiz--show #smile-ui-container {
    display: none !important
}

.quiz-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: all .5s ease;
    background: #f6f6f4;
    overflow-y: auto;
    padding: 50px 0
}

.quiz-panel--subscribe .quiz-panel__body {
    width: 100%;
    max-width: 535px
}

.quiz-panel--start {
    padding: 0
}

.quiz-panel--start .quiz-panel__grid {
    grid-template-columns: repeat(1, 1fr)
}

@media (min-width: 992px) {
    .quiz-panel--start .quiz-panel__grid {
        grid-template-columns: 1fr 1fr
    }
}

.quiz-panel--start .quiz-panel__contents {
    padding: 80px 25px 15px
}

@media (min-width: 992px) {
    .quiz-panel--start .quiz-panel__contents {
        padding: 25px;
        max-width: 465px;
        display: flex;
        height: 100%;
        margin: 0 auto;
        align-items: center
    }
}

.quiz-panel--start .quiz-panel__contents .inner {
    width: 100%;
    text-align: center
}

@media (min-width: 992px) {
    .quiz-panel--start .quiz-panel__contents .inner {
        text-align: left
    }
}

.quiz-panel--start .quiz-panel__contents h3 {
    margin-bottom: 16px
}

@media (max-width: 991.98px) {
    .quiz-panel--start .quiz-panel__contents h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.quiz-panel--start .quiz-panel__contents p {
    margin-bottom: 25px
}

@media (max-width: 991.98px) {
    .quiz-panel--start .quiz-panel__contents p {
        margin-bottom: 50px
    }
}

.quiz-panel--start .quiz-panel__contents .button {
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .quiz-panel--start .quiz-panel__contents .button {
        margin-bottom: 20px
    }
}

.quiz-panel--start .quiz-panel__image {
    height: 100%;
    width: 100%
}

@media (max-width: 991.98px) {
    .quiz-panel--start .quiz-panel__image {
        height: 362px;
        padding: 0 25px 25px
    }
}

.quiz-panel--start .quiz-panel__image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.quiz-panel.active {
    opacity: 1;
    visibility: inherit;
    pointer-events: auto
}

.quiz-panel__main {
    display: grid;
    grid-template-rows: 1fr;
    gap: 50px;
    width: 100%
}

@media (min-width: 992px) {
    .quiz-panel__main {
        height: 100%
    }
}

.quiz-panel__body {
    margin: auto
}

.quiz-panel__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.quiz-panel__heading {
    padding-bottom: 50px
}

.quiz-panel__heading h4 {
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    max-width: 460px;
    margin: auto;
    font-family: var(--font-primary)
}

.quiz-panel__heading p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -.02em;
    margin: 10px auto 0;
    max-width: 550px
}

.quiz-panel__heading p b {
    font-weight: 500
}

.quiz-panel__footer {
    max-width: 545px;
    margin: auto;
    padding: 0 0 80px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%
}

.quiz-panel .button {
    font-weight: 400;
    font-size: 14px;
    line-height: 146.7%;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    height: 52px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px rgba(0, 0, 0, 0);
    transition: all .5s ease;
    width: 100%;
    text-align: center;
    background: none;
    border-color: #000;
    color: #000
}

@media (max-width: 991.98px) {
    .quiz-panel .button {
        background-color: #e2dcd2;
        border-color: #0000
    }
}

.quiz-panel .button:hover,
.quiz-panel .button--next,
.quiz-panel .button--checkout,
.quiz-panel .button--dark,
.quiz-panel .button--subscribe {
    background: #000;
    color: #fff
}

.quiz-panel .button--next:hover,
.quiz-panel .button--checkout:hover,
.quiz-panel .button--dark:hover,
.quiz-panel .button--subscribe:hover {
    background: #e2dcd2;
    border-color: #e2dcd2;
    color: #000
}

.quiz-panel .button.disabled {
    opacity: .2;
    pointer-events: none
}

.quiz-panel--2 .quiz-option h4 {
    display: none
}

.quiz-panel--4 .quiz-options--image {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.quiz-panel--results {
    padding: 0 !important
}

.quiz-options--image {
    display: flex;
    gap: 20px;
    justify-content: center
}

.quiz-options--image .quiz-option {
    width: 230px;
    text-align: center
}

.quiz-options--image .quiz-option label {
    color: #000
}

.quiz-options--image .quiz-option img {
    width: 100%;
    display: block
}

.quiz-options--image .quiz-option h4 {
    font-family: var(--font-secondary);
    margin: 0;
    padding: 20px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 146.7%;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase
}

.quiz-options--image .quiz-option__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    box-shadow: 0 0 0 1px #000
}

.quiz-options--image .quiz-option input:checked~.quiz-option__hover,
.quiz-options--image .quiz-option:hover .quiz-option__hover {
    opacity: 1;
    visibility: inherit
}

.quiz-options--text {
    width: 545px
}

.quiz-options--text .quiz-option {
    position: relative;
    z-index: 9
}

.quiz-options--text .quiz-option label {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em;
    width: 100%;
    padding: 19px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #e2dcd2;
    color: #000
}

.quiz-options--text .quiz-option__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.quiz-options--text .quiz-option input:checked~.quiz-option__hover,
.quiz-options--text .quiz-option:hover .quiz-option__hover {
    opacity: 1;
    visibility: inherit
}

.quiz-options--expanded {
    width: auto;
    display: flex;
    gap: 20px
}

.quiz-options--expanded .quiz-option label {
    width: 230px;
    height: 230px;
    border: solid 1px #000;
    padding: 25px 25px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    flex-direction: column
}

.quiz-options--expanded .quiz-option label>p {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -.02em;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: none
}

.quiz-options--expanded .quiz-option__color {
    height: 25px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute
}

.quiz-option {
    position: relative;
    z-index: 9
}

.quiz-option input {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
    top: 0;
    left: 0
}

.quiz-option label {
    display: block;
    position: relative;
    cursor: pointer
}

.quiz-results {
    position: relative;
    padding: 0 20px
}

.quiz-results .quiz-hide {
    display: none
}

.quiz-results__header {
    padding: 230px 20px 60px;
    text-align: center;
    position: relative;
    z-index: 9
}

.quiz-results__header>h2 {
    font-weight: 400;
    font-size: 70px;
    line-height: 80px;
    color: #fff
}

.quiz-results__tags {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 400px;
    margin: 40px auto auto;
    display: none
}

.quiz-results__tags:before {
    content: "Depending on answers selected, products with these tags will be shown:";
    text-align: left
}

.quiz-results__tags>li {
    padding: 3px 10px;
    background-color: #0000000d;
    width: fit-content;
    font-size: 16px;
    line-height: 1em;
    border-radius: 50px
}

.quiz-results__header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    z-index: -1
}

.quiz-results__discount {
    padding: 80px 0;
    text-align: center;
    display: none
}

.quiz-results__discount>p {
    font-style: italic;
    font-weight: 400;
    font-size: 36px;
    line-height: 55px;
    font-family: var(--font-cardinal)
}

.quiz-results__products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
    padding-top: 3px
}

.quiz-results__footer {
    padding-top: 120px;
    padding-bottom: 140px
}

.quiz-checkout {
    max-width: 600px;
    margin: auto
}

.quiz-checkout>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 36px;
    letter-spacing: -.02em
}

.quiz-checkout__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px
}

.quiz-checkout__buttons .button--checkout {
    grid-column: auto/span 2
}

.quiz-checkout__buttons .button--checkout:before {
    content: "Proceed to Checkout"
}

.quiz-subscribe .form-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em;
    padding: 8px 0;
    border-bottom: 1px solid #848484;
    width: 100%;
    display: block
}

.quiz-subscribe .form-text::placeholder {
    color: #848484
}

.quiz-subscribe .button--subscribe {
    margin-top: 32px
}

@media (max-width: 991.98px) {
    .quiz__logo {
        margin-top: 0
    }

    .quiz__logo img {
        width: 86px
    }

    .quiz .quiz-panel {
        padding: 80px 0 0
    }

    .quiz .quiz-panel .button.disabled {
        background-color: #888;
        opacity: 1
    }

    .quiz .quiz-panel__main {
        display: block;
        padding-bottom: 72px;
        position: relative
    }

    .quiz .quiz-panel__heading h4 {
        font-size: 32px;
        line-height: 39px;
        max-width: 325px
    }

    .quiz .quiz-panel__options {
        padding-left: 25px;
        padding-right: 25px
    }

    .quiz .quiz-panel__footer {
        padding: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: none;
        z-index: 9;
        gap: 0
    }

    .quiz .quiz-panel .quiz-options--text {
        width: 100%
    }

    .quiz .quiz-panel--0 .quiz-options--image {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px
    }

    .quiz .quiz-panel--0 .quiz-options--image .quiz-option {
        width: auto
    }

    .quiz .quiz-panel--0 .quiz-panel__footer {
        grid-template-columns: repeat(1, 1fr);
        gap: 0
    }

    .quiz .quiz-panel--0 .quiz-panel__footer button:first-child {
        display: none
    }

    .quiz .quiz-panel--1 .quiz-options--text {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 18px
    }

    .quiz .quiz-panel--1 .quiz-options .quiz-option label {
        margin-left: auto;
        margin-right: auto
    }

    .quiz .quiz-panel--1 .quiz-panel__options {
        padding-left: 50px;
        padding-right: 50px
    }

    .quiz .quiz-panel--1 .quiz-panel__options label {
        width: 100%
    }

    .quiz .quiz-panel--2 .quiz-panel__options {
        padding-left: 50px;
        padding-right: 50px
    }

    .quiz .quiz-panel--2 .quiz-options--image {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 28px
    }

    .quiz .quiz-panel--2 .quiz-options--image .quiz-option {
        width: auto
    }

    .quiz .quiz-panel--4 .quiz-options--image {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 28px
    }

    .quiz .quiz-panel--4 .quiz-options--image .quiz-option {
        width: 276px;
        margin: 0 auto
    }

    .quiz .quiz-panel--4 .quiz-options--image .quiz-option__image {
        height: 140px
    }

    .quiz .quiz-panel--4 .quiz-options--image .quiz-option__image img {
        height: 100%
    }

    .quiz .quiz-panel--subscribe .quiz-panel__main {
        padding-left: 25px;
        padding-right: 25px
    }

    .quiz .quiz-panel--subscribe .button--next-panel {
        background-color: #000;
        color: #fff
    }

    .quiz .quiz-panel--results .quiz-checkout__buttons .button--prev,
    .quiz .quiz-panel--results .quiz-checkout__buttons .button--skip {
        border: 1px solid #000;
        background-color: #0000;
        color: #000
    }

    .quiz-panel--start {
        padding-top: 0 !important
    }

    .quiz-panel--start .quiz-panel__contents {
        padding-top: 50px
    }

    .quiz-results__header {
        height: 260px;
        padding-top: 155px
    }

    .quiz-results__discount {
        padding: 45px 0
    }

    .quiz-results__products-grid {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 25px
    }

    .quiz-results .quiz-checkout__buttons {
        gap: 15px
    }

    .quiz-results .quiz-checkout__buttons .button {
        grid-column: auto/span 2
    }
}

@media (max-width: 1199.98px) {
    .quiz .quiz-panel--0 .quiz-options .quiz-option {
        width: auto
    }

    .quiz-results__products-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.shade-select {
    color: #000;
    background: #fff;
    position: relative
}

.shade-select__main {
    background: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 18px 20px;
    cursor: pointer
}

.shade-select__main label {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em;
    color: #000;
    cursor: inherit
}

.shade-select__main-label--mobile {
    display: none
}

.shade-select__icon {
    margin-left: auto;
    transition: all .5s ease
}

.shade-select__dropdown {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    border-bottom: 1px solid var(--color2);
    overflow: hidden;
    z-index: 9;
    pointer-events: none;
    transition: all .5s ease;
    visibility: hidden
}

.shade-select__header {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    border-bottom: 1px solid var(--color2);
    padding: 16px 30px
}

.shade-select__header .dropdown-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.shade-select__sub-header {
    position: static;
    left: 0;
    width: 100%;
    top: 0;
    border-bottom: 1px solid var(--color2);
    padding: 15px 30px
}

.shade-select__sub-header p {
    font-size: 12px;
    line-height: 17px;
    margin: 0
}

.shade-select__content {
    padding: 0;
    background: #fff;
    transition: all .5s ease;
    transform: translate3d(0, 100%, 0);
    position: relative
}

.shade-select__content>ul {
    padding: 20px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    row-gap: 19px;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto)
}

.shade-select.active .shade-select__content {
    transform: translateZ(0)
}

.shade-select.active .shade-select__dropdown {
    pointer-events: auto;
    visibility: inherit
}

.shade-select.active .shade-select__icon {
    transform: rotate(180deg)
}

.shade-select .shade-item {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    width: 100%;
    cursor: pointer
}

.shade-select .shade-item>input {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0
}

.shade-select .shade-item__shade>div {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transition: all .5s ease;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #fff;
    overflow: hidden
}

.shade-select .shade-item__shade>div>img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.shade-select .shade-item__content>p,
.shade-select .shade-item__content>h4 {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -.02em;
    font-family: var(--font-untitled);
    color: #000
}

.shade-select .shade-item>input:checked~.shade-item__shade>div,
.shade-select .shade-item:hover .shade-item__shade>div {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000
}

.shade-select--variants .shade-select__content {
    padding: 0
}

.shade-select--variants .shade-select__content>ul {
    display: block;
    padding: 0
}

.shade-select--variants .shade-item {
    padding: 15px 20px;
    border-bottom: 1px solid var(--color2)
}

.shade-select--variants .shade-item__content>h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em
}

.shade-select--variants .shade-item:hover {
    background: var(--color-bg)
}

.shade-select--variants li:last-of-type .shade-item {
    border-bottom: none
}

@media (max-width: 991.98px) {
    .shade-select {
        position: static
    }

    .shade-select__content {
        padding: 0
    }

    .shade-select__content>ul {
        grid-template-columns: 1fr;
        column-gap: 0;
        grid-auto-flow: inherit;
        padding: 10px 25px 25px
    }

    .shade-select__header {
        display: block;
        padding-left: 25px;
        padding-right: 25px;
        position: relative
    }

    .shade-select__sub-header {
        position: static;
        padding-right: 25px;
        padding-left: 25px
    }

    .shade-select .shade-item__shade>div {
        width: 24px;
        height: 24px
    }

    .shade-select .shade-item__content>h4,
    .shade-select .shade-item__content>p {
        font-size: 14px;
        line-height: 23px
    }

    .shade-select__main-label {
        display: none
    }

    .shade-select__main-label--mobile {
        display: block !important
    }
}

.additional-color,
.single-product__dropdown {
    display: none
}

.swatch-select {
    color: #000;
    background: #fff;
    position: relative;
    border-bottom: 1px solid var(--color2);
    position: static
}

.swatch-select__main {
    background: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 18px 20px;
    cursor: pointer
}

.swatch-select__main label {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em;
    color: #000;
    flex: 1;
    cursor: inherit
}

.swatch-select__icon {
    margin-left: auto;
    transition: all .5s ease
}

.swatch-select__dropdown {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    border-bottom: 1px solid var(--color2);
    overflow: hidden;
    z-index: 9;
    pointer-events: none;
    transition: all .5s ease;
    visibility: hidden
}

.swatch-select__header {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    border-bottom: 1px solid var(--color2);
    padding: 16px 20px
}

.swatch-select__header .dropdown-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.swatch-select__content {
    padding: 75px 20px 20px;
    background: #fff;
    transition: all .5s ease;
    transform: translate3d(0, 100%, 0)
}

.swatch-select__content>ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    row-gap: 19px;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto)
}

.swatch-select.active .swatch-select__content {
    transform: translateZ(0)
}

.swatch-select.active .swatch-select__dropdown {
    pointer-events: auto;
    visibility: inherit
}

.swatch-select.active .swatch-select__icon {
    transform: rotate(180deg)
}

.swatch-select .swatch-item {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    width: 100%;
    cursor: pointer
}

.swatch-select .swatch-item>input {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0
}

.swatch-select .swatch-item__shade>div {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transition: all .5s ease;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #fff;
    overflow: hidden
}

.swatch-select .swatch-item__shade>div>img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.swatch-select .swatch-item__content>p,
.swatch-select .swatch-item__content>h4 {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -.02em;
    font-family: var(--font-untitled);
    color: #000
}

.swatch-select .swatch-item>input:checked~.swatch-item__shade>div,
.swatch-select .swatch-item:hover .swatch-item__shade>div {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000
}

.swatch-select .color-list__item .color-list__box {
    width: 24px !important;
    height: 24px !important
}

.swatch-select .color-list__item {
    display: block;
    width: 100% !important;
    height: auto !important;
    font-size: 14px
}

.swatch-select .color-list__item>a {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.swatch-select .color-list__item:after {
    display: none
}

.swatch-select .color-list__item--active .color-list__box {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000
}

.swatch-select .color-list__box {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    vertical-align: middle
}

.swatch-select .color-list__box:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1px solid var(--text);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: -1
}

@media (max-width: 991.98px) {
    .shade-select {
        border-left: 1px solid #efece6
    }

    .swatch-select {
        position: static
    }

    .swatch-select__content>ul {
        grid-template-columns: 1fr;
        column-gap: 0;
        grid-auto-flow: inherit
    }

    .swatch-select .swatch-item__shade>div {
        width: 24px;
        height: 24px
    }

    .swatch-select .swatch-item__content>h4,
    .swatch-select .swatch-item__content>p {
        font-size: 14px;
        line-height: 23px
    }

    .swatch-select .product-main__color-name {
        font-size: 16px;
        line-height: 23px;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 10px
    }

    .swatch-select .product-main__color-name .active {
        position: relative
    }

    .swatch-select__current-swatch {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #0000;
        opacity: 1 !important;
        visibility: inherit !important
    }
}

.quick-product__wrapper {
    position: relative;
    min-height: 0 !important
}

.quick-product__wrapper:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    background: rgba(246, 246, 244, .6);
    z-index: 99
}

.quick-product__wrapper.loading:after {
    opacity: 1;
    visibility: inherit
}

.quick-product .bis-inline {
    padding-bottom: 50px
}

.quick-product .bis-inline__button button {
    transition: background-color .5s ease, color .5s ease
}

.quick-product__img-wrapper .btn {
    position: relative;
    z-index: 9
}

.cart-drawer {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transform: translate(100%);
    transition: .5s all ease;
    background-color: var(--color2);
    box-shadow: none;
    max-width: 480px;
    color: #000;
    width: 100%
}

.cart-drawer__total {
    text-align: left
}

.cart-drawer__amount {
    text-align: right
}

.cart-drawer__form {
    height: 100%
}

.cart-drawer__grid {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cart-drawer__grid--align-center {
    align-items: center
}

.cart-drawer__grid .cart-item-select-wrapper {
    border: 1px solid #c5c5c5;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.cart-drawer__grid .cart-item-select-wrapper svg {
    width: 14px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0
}

.cart-drawer__grid .cart-item-select {
    appearance: none;
    border: none;
    background-color: #0000;
    height: 40px;
    min-width: 56px;
    padding-left: 15px;
    padding-right: 0px;
    position: relative;
    z-index: 2;
    color: #000;
    font-size: 16px;
    line-height: 23px;
    cursor: pointer
}

.cart-drawer__grid .cart-item-select:focus-visible {
    outline: none
}

.cart-drawer__close {
    cursor: pointer;
    margin: auto 0 auto auto;
    display: flex;
    height: 100%
}

.cart-drawer__close--mobile {
    display: none
}

.cart-drawer__close .btn-close {
    margin: auto 0 auto auto;
    width: 20px;
    height: 20px;
    background: none;
    padding: 0
}

.cart-drawer__header {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    padding-top: 22px;
    margin: 0 28px;
    z-index: 109;
    position: relative;
    border-bottom: 1px solid #e2dcd2
}

.cart-drawer__title {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.cart-drawer__title img {
    margin-right: 5px
}

.cart-drawer__icon {
    display: flex
}

.cart-drawer__icon>img {
    width: 22px
}

.cart-drawer__icon>span {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin: auto auto auto 9px
}

.cart-drawer__body {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 18px 25px 100px;
    height: auto;
    flex-grow: 1
}

.cart-drawer__message {
    text-align: center;
    font-size: 1.5rem
}

.cart-drawer__ship-info {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 18px
}

.cart-drawer__ship-info .free-shipping__unlocked {
    display: none
}

.cart-drawer__ship-info .free-shipping--unlocked .free-shipping__unlocked {
    display: block
}

.cart-drawer__ship-info .free-shipping--unlocked .free-shipping__before {
    display: none
}

@media (max-width: 767.98px) {
    .cart-drawer__ship-info {
        margin-bottom: 0;
        padding: 12px 0;
        border-top: 1px solid #e2dcd2
    }

    .cart-drawer__ship-info p {
        font-size: 13px;
        line-height: 17px;
        text-align: center
    }
}

.cart-drawer input::-webkit-outer-spin-button,
.cart-drawer input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart-drawer input[type=number] {
    -moz-appearance: textfield
}

.cart-drawer .cart-item {
    display: grid;
    grid-template-columns: 107px 1fr;
    grid-gap: 13px;
    font-family: inherit;
    padding: 24px 0 18px;
    position: relative;
    border-bottom: 1px solid #e2dcd2
}

.cart-drawer .cart-item--sample {
    display: none !important
}

.cart-drawer .cart-item__header {
    padding: 29px 0 13px
}

.cart-drawer .cart-item h3 {
    font-style: italic
}

@media (max-width: 767.98px) {
    .cart-drawer .cart-item h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.cart-drawer .cart-item__image {
    display: flex;
    height: 107px;
    width: 107px;
    padding: 0;
    overflow: hidden
}

.cart-drawer .cart-item__image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    margin: auto
}

.cart-drawer .cart-item__sample {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .02em;
    text-align: left
}

.cart-drawer .cart-item__remove {
    cursor: pointer;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin-left: auto;
    text-align: right;
    text-transform: uppercase;
    text-decoration: underline
}

.cart-drawer .cart-item__remove:hover {
    color: var(--color-red)
}

.cart-drawer .cart-item__content {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cart-drawer .cart-item__content h4 {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: none;
    font-family: var(--font-untitled);
    text-transform: uppercase
}

.cart-drawer .cart-item__content h4 a {
    text-decoration: none;
    color: inherit
}

.cart-drawer .cart-item__grid {
    display: grid;
    align-items: center;
    margin-top: 20px;
    padding: 12px 0;
    grid-template-columns: 1fr 1fr
}

.cart-drawer .cart-item__grid>.remove:first-child {
    margin-left: 0;
    margin-right: auto
}

.cart-drawer .cart-item__price,
.cart-drawer .cart-item__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em
}

.cart-drawer .cart-item__options {
    margin: -3px 0 7px;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px
}

.cart-drawer .cart-item__color {
    text-transform: capitalize
}

.cart-drawer .cart-item__add-to-cart {
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    text-transform: uppercase;
    margin-top: auto;
    font-family: var(--font-druk-wide);
    border: none;
    text-align: left;
    background: none;
    padding: 0;
    cursor: pointer
}

.cart-drawer .cart-item__add-to-cart:hover {
    color: var(--color-red)
}

.cart-drawer__footer {
    text-align: center;
    background: var(--color2);
    z-index: 9;
    padding: 12px 25px;
    position: absolute;
    width: 100%;
    bottom: 0
}

.cart-drawer__footer .cart-item__grid {
    margin-top: 0
}

@media (max-width: 767.98px) {
    .cart-drawer__footer {
        background: #f6f6f4
    }
}

.cart-drawer .cart-drawer__button--shopping {
    display: none
}

.cart-drawer .cart-drawer__button--checkout {
    display: block;
    align-items: center;
    justify-content: center;
    padding: 14px 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--secondary);
    background-color: var(--text)
}

.cart-drawer .cart-drawer__button--checkout:hover {
    color: var(--text);
    background: #e5e0d6
}

.cart-drawer .cart-drawer__button--checkout:hover .dot {
    background: var(--text)
}

.cart-drawer__overlay {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99995;
    background: rgba(0, 0, 0, .5);
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    background: rgba(132, 132, 132, .3)
}

.cart-drawer__overlay:empty {
    display: block
}

.cart-drawer__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(239, 236, 230, .6);
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease
}

.cart-drawer__text {
    padding-top: 9px
}

.cart-drawer__text>p {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -.02em
}

.cart-drawer__text.md-show {
    padding: 0 var(--padding-x);
    padding-top: 20px
}

@media (max-width: 767.98px) {
    .cart-drawer__text>p {
        font-size: 13px;
        line-height: 17px
    }
}

.cart-drawer__recommend {
    padding: 24px 0;
    margin: 34px 28px 0
}

.cart-drawer__recommend:after {
    bottom: auto;
    top: 0
}

.cart-drawer__recommend>h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.cart-drawer__recommend .cart-item {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.cart-drawer--page {
    opacity: 1;
    visibility: inherit;
    position: relative;
    z-index: 9;
    transform: none;
    margin: auto;
    max-width: 820px;
    padding: 0 var(--padding-x);
    padding-bottom: 100px
}

.cart-drawer--show {
    overflow: hidden
}

.cart-drawer--show .cart-drawer {
    opacity: 1;
    visibility: inherit;
    transform: translate(0)
}

.cart-drawer--show .cart-drawer__overlay,
body.js-ajax-cart-request-in-progress .cart-drawer__loader {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 991.98px) {
    .cart-drawer {
        max-width: 600px
    }
}

@media (max-width: 767.98px) {
    .cart-drawer {
        max-width: 480px;
        background: #f6f6f4
    }

    .cart-drawer__header {
        margin: 0 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: none
    }

    .cart-drawer__body {
        border-top: 1px solid #e2dcd2
    }

    .cart-drawer__footer .cart-item__grid {
        padding: var(--padding-x)
    }

    .cart-drawer__close--desktop {
        display: none
    }

    .cart-drawer__close--mobile {
        display: block
    }

    .cart-drawer__recommend {
        margin-left: var(--padding-x);
        margin-right: var(--padding-x);
        padding-top: 30px
    }

    .cart-drawer__recommend>h4 {
        margin-bottom: 10px
    }

    .cart-drawer__text {
        font-size: 14px;
        line-height: 24px;
        padding-top: 12px;
        padding-bottom: 14px
    }

    .cart-drawer__button {
        font-size: 14px;
        line-height: 18px
    }

    .cart-drawer__button--shopping,
    .cart-drawer__button--checkout {
        font-size: 14px !important;
        line-height: 18px !important;
        letter-spacing: 2px
    }

    .cart-drawer__total,
    .cart-drawer__amount {
        font-size: 15px
    }

    .cart-drawer .cart-item {
        grid-template-columns: 107px auto;
        padding: 20px var(--padding-x);
        gap: 15px;
        padding-left: 0;
        padding-right: 0
    }

    .cart-drawer .cart-item__content .add-btn {
        color: #000;
        font-size: 14px;
        line-height: 22px;
        border-bottom: 1px solid #000
    }

    .cart-drawer .cart-item__content .add-btn span {
        letter-spacing: 2px
    }

    .cart-drawer .cart-item__price {
        display: block;
        font-size: 14px;
        line-height: 20px
    }

    .cart-drawer .cart-item__sample,
    .cart-drawer .cart-item__desc {
        font-size: 13px;
        line-height: 17px
    }

    .cart-drawer .cart-item__add-to-cart {
        font-weight: 700;
        font-size: 14px;
        line-height: 29px
    }

    .cart-drawer .cart-item__remove {
        font-size: 14px;
        letter-spacing: .05em
    }
}

.cart-quantity {
    display: grid;
    grid-template-columns: 20px 1fr 20px;
    border: 1px solid #000;
    width: 70px;
    border-radius: 0
}

.cart-quantity__input {
    height: 28px;
    margin: auto
}

.cart-quantity__input input {
    padding: 0;
    text-align: center;
    border: 0px solid rgba(0, 0, 0, 0);
    outline: none;
    background-color: #0000;
    width: 100%;
    color: #000;
    height: 100%;
    display: block;
    font-size: 14px;
    line-height: 27px;
    -moz-appearance: textfield
}

.cart-quantity__input input::-webkit-outer-spin-button,
.cart-quantity__input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart-quantity__button {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    margin: auto;
    position: relative;
    cursor: pointer;
    text-align: center;
    width: 100%;
    height: 100%
}

.cart-quantity__button:before,
.cart-quantity__button:after {
    content: " ";
    position: absolute;
    top: 50%;
    width: 5px;
    height: 1px;
    background: #000;
    left: 0;
    right: 0;
    margin: auto
}

.cart-quantity__button:after {
    transform: rotate(90deg)
}

.cart-quantity__button--minus:after {
    display: none
}

.item__grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr auto
}

.item__grid:first-of-type {
    margin-bottom: 10px
}

.product-recommend .cart-item__content {
    gap: 10px
}

.product-recommend .cart-item__content p {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.product-recommend .shade-select {
    background: #efece6;
    margin-bottom: 10px
}

.product-recommend .shade-select__main {
    max-width: 230px;
    border: 1px solid #c5c5c5;
    background: #efece6;
    padding: 8px 11px 9px
}

.product-recommend .shade-select__content {
    background: #efece6;
    margin-bottom: 12px
}

.product-recommend .shade-select__content .shade-item__content>h4 {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -.02em;
    text-transform: none;
    margin-bottom: 0
}

.product-recommend .shade-select__content>ul {
    grid-template-columns: auto
}

.product-recommend .shade-select__dropdown {
    max-width: 230px;
    max-height: 195px;
    overflow: auto;
    border: 1px solid #c5c5c5
}

.cart-item--hide,
.cart-item--sample {
    display: none !important
}

.cart-item--bundle-item .cart-item-quantity {
    pointer-events: none
}

.cart-item--bundle-item .cart-item-select-wrapper {
    cursor: not-allowed;
    opacity: .8
}

.cart-drawer .bundle-note,
.cart-drawer--has-bundle .cart-money {
    display: none
}

.cart-drawer--has-bundle .bundle-note {
    display: block
}

.cart-drawer--has-bundle .cart-drawer__body {
    padding-bottom: 200px
}

.variant-bar {
    border-top: 1px solid #efece6;
    position: fixed;
    padding: 0;
    width: 100%;
    bottom: 0;
    z-index: 99990;
    left: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.variant-bar.active {
    opacity: 1;
    visibility: inherit
}

.variant-bar.mobile-active {
    z-index: 99991
}

.variant-bar__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr)
}

.variant-bar__product-details {
    display: none;
    padding: 7px 0
}

.variant-bar__product-details .inner {
    display: flex;
    width: 100%;
    align-items: center
}

.variant-bar__product-details .image {
    width: 43px;
    height: 43px
}

.variant-bar__product-details .image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.variant-bar__product-details h4 {
    font-size: 24px
}

.variant-bar__form .bold_options {
    margin-bottom: 0;
    position: absolute
}

.variant-bar__form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.variant-bar__form-grid .shade-select {
    background-color: #fff
}

.variant-bar__form-grid .shade-select__main {
    background-color: #fff;
    border-bottom: 1px solid var(--color2)
}

.variant-bar__form-grid .single-product__cart {
    margin-bottom: 0;
    margin-top: 0;
    grid-column: 1/-1
}

.variant-bar__form-grid .cart-increment {
    background-color: #fff
}

.variant-bar .btn {
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 767.98px) {
    .variant-bar {
        opacity: 1;
        visibility: inherit
    }
}

@media (min-width: 992px) {
    .variant-bar {
        background-color: #f6f6f4;
        border-color: #c5c5c5;
        padding: 0 0 0 25px
    }

    .variant-bar__grid {
        grid-template-columns: 30% 70%
    }

    .variant-bar__product-details {
        display: block
    }

    .variant-bar__form-grid {
        grid-template-columns: 1fr 1fr;
        height: 100%
    }

    .variant-bar__form-grid .swatch-select {
        display: none
    }

    .variant-bar__form-grid .shade-select {
        background-color: #f6f6f4;
        border-left: 1px solid #c5c5c5
    }

    .variant-bar__form-grid .shade-select__main,
    .variant-bar__form-grid .shade-select__content {
        background-color: #f6f6f4
    }

    .variant-bar__form-grid .shade-select__main {
        border-bottom: none
    }

    .variant-bar__form-grid .shade-select__dropdown {
        left: -1px;
        right: -1px;
        width: auto;
        border-bottom: solid 1px #c5c5c5
    }

    .variant-bar__form-grid .shade-select__content {
        border: solid 1px #c5c5c5;
        border-bottom: none
    }

    .variant-bar__form-grid .shade-select .shade-item__shade>div {
        box-shadow: 0 0 0 2px #f6f6f4, 0 0 0 3px #f6f6f4
    }

    .variant-bar__form-grid .cart-increment {
        background-color: #f6f6f4
    }

    .variant-bar__form-grid .single-product__cart {
        grid-column: 2;
        border-left: 1px solid #c5c5c5
    }
}

@media (min-width: 1200px) {
    .variant-bar__grid {
        grid-template-columns: 40% 60%
    }
}

.article-card,
.article-card__media {
    position: relative
}

.article-card__image {
    display: flex;
    width: 100%;
    height: 384px;
    z-index: 2;
    background-size: cover !important
}

.article-card__image img {
    max-height: 100%;
    margin: auto auto 0;
    opacity: 0
}

.article-card__hover-image {
    position: relative;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

.article-card__info {
    padding-top: 16px;
    margin-bottom: 20px;
    padding-right: 30px
}

.article-card__info>.tag_name {
    text-transform: capitalize
}

.article-card__info>h4 {
    margin-bottom: 15px
}

.article-card__tag {
    font-weight: 400;
    color: var(--color3);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .1em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px
}

.article-card__footer {
    position: relative
}

.article-card__hover {
    padding-top: 0;
    transition: all .5s ease;
    position: relative;
    z-index: 4;
    opacity: 0;
    visibility: hidden
}

.article-card__hover>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.5px
}

.article-card__hover .button {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -.02em;
    padding: 9px 20px;
    margin-top: 25px;
    width: 100%;
    text-align: center;
    height: 42px
}

.article-card:hover .article-card__hover {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 767.98px) {
    .article-card {
        text-align: center
    }

    .article-card__info {
        padding-top: 16px;
        padding-right: 0;
        margin: 0 auto
    }

    .article-card__info>h4 {
        font-size: 24px;
        line-height: 28px
    }

    .article-card__excerpt {
        display: none
    }

    .article-card__image {
        height: 420px
    }

    .article-card__hover {
        padding-top: 0;
        opacity: 1;
        visibility: inherit
    }

    .article-card__hover .button {
        margin-top: 0
    }

    .article-card__footer .btn {
        width: 100%
    }

    .article-card__footer .btn--white {
        background-color: #fff
    }
}

.article-card--video .article-card__image {
    height: 300px
}

@media (max-width: 767.98px) {
    .article-card--video .article-card__image {
        height: 183px
    }
}

.collection-card {
    position: relative
}

.collection-card .color-list {
    gap: 8px;
    margin-left: auto
}

.collection-card .color-list__box,
.collection-card .color-list__item {
    width: 15px;
    height: 15px
}

.collection-card-btns {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    z-index: 9
}

.collection-card-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: block
}

.collection-card-grid {
    /*display: grid;*/
    grid-template-columns: 1fr 1fr;
    gap: 3px
}

.collection-card-content {
    position: relative;
    background: var(--color2);
    display: grid;
    grid-template-rows: auto 1fr auto;
    /* padding: 23px 30px */
}

.collection-card-content img {
    display: block;
    /* max-height: 700px; */
    /* margin: auto */
    width: 100%;
    object-fit: cover;
}

.collection-card-content,
.collection-card-content img {
    transition: all .5s ease
}

.collection-card__image {
    position: relative
}

.collection-card__image img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    object-fit: cover
}

.collection-card-header,
.collection-card__footer {
    display: flex;
    justify-content: space-between
}

.collection-card-header {
    top: 0
}

.collection-card-header>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em
}

.collection-card__footer {
    /* bottom: 0; */
    align-items: flex-end;
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.collection-card__footer>h4,
.collection-card__footer>p {
    font-weight: 400;
    font-size: 18px;
    line-height: 146.7%;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: var(--font-untitled)
}

@media (max-width: 767.98px) {

    .collection-card__footer>h4,
    .collection-card__footer>p {
        font-size: 14px
    }
}

.collection-card:nth-of-type(2n) .collection-card-content {
    order: 2
}

@media (max-width: 767.98px) {
    .collection-card .color-list {
        margin-left: 0
    }

    .collection-card-grid {
        gap: 0;
        grid-template-columns: auto
    }

    .collection-card__image {
        order: 5
    }

    .collection-card__image>img {
        display: none
    }

    .collection-card-btns {
        padding: 0;
        position: relative
    }

    .collection-card__footer {
        display: block
    }

    .collection-card__footer>p {
        display: none
    }

    /* .collection-card-content {
        padding: 25px
    } */

    .collection-card__footer {
        bottom: 5px;
        left: 10px;
    }

    .collection-card-link {
        height: calc(100% - 50px)
    }
}

.product-card {
    position: relative
}

.product-card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.product-card-image {
    width: 100%;
    padding-top: 100%
}

.product-card .products__img {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    max-width: 100% !important;
    max-height: none !important;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.product-card .products__hover-display {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    overflow: hidden
}

.product-card .products__hover-display .btn {
    transform: translateY(100%);
    transition: all .5s ease
}

.product-card--priority {
    order: -1
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .product-card-image {
        position: relative
    }
}

@media (max-width: 767.98px) {
    .product-card-image {
        width: auto;
        margin: 0;
        position: relative
    }

    .product-card-link {
        z-index: 19
    }

    .product-card .products__cart-wrapper {
        display: none
    }
}

.home-hero:before {
    content: "";
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 20px;
    /* background-color: #f6f6f4; */
    z-index: 99;
    /* display: none; */
    /* border: 2px solid green; */
}

@media (hover: hover)and (pointer: fine) {
    .product-card:hover .products__hover-display {
        opacity: 1;
        visibility: inherit
    }

    .product-card:hover .products__hover-display .btn {
        transform: translateY(0)
    }
}

body {
    overflow-x: hidden
}

.home-hero {

    overflow: hidden;
    position: relative;
    text-align: center;
}


.home-background {
    margin-bottom: 50px;
    /* height: 90vh; */
    position: relative;
}

.home-background {
    /* height: 87vh !important; */
    max-height: 820px;
    /* height: 100%; */

}

/* @media (max-width:1600px) {
    .home-background {
        height: 50vh !important;
    }
} */

.home-hero__background-img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 492px;
    animation: zoom-in 1.5s ease;


}

.home-wrapper {
    position: absolute;
    width: 100%;
    top: 1px;
    /* height: 87vh !important; */
    height: 100% !important;
}

.home-content {
    position: relative;
    z-index: 1;
    width: 100%;
    /* top: 82%; */
    left: -30%;
    /* padding-bottom: 65px; */
    /* margin-top: 300px; */
    top: 50%;
    transform: translateY(-50%);

}

.sustainbility-content h2 {
    color: #000 !important;
    width: 50%;
}

.home-content.sustainbility-content {
    left: 0px;
}

.home-hero-title {
    color: var(--secondary);
    margin: 0 0 19px;
    font-size: 70px;
    line-height: 80px;
}

.home-hero-title .titleone {
    animation: fadeIn 1s ease;
}

.home-hero-title .titletwo {
    animation: fadeIntwo 1s ease;
}

.anim-btn {
    animation: fadeInThree 1s ease;
}

.home-hero-title br {
    display: none
}

.home-hero__caption {
    color: var(--secondary);
    margin-bottom: 16px;
    padding-left: 25px;
    padding-right: 25px
}

@media (max-width: 767.98px) {
    .home-hero {
        /* margin-bottom: 50px */
    }
}

@media screen and (min-width: 768px)and (max-width: 1024px) {
    .home-content .btn {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media (max-width: 991.98px) {
    .home-hero-height--700 {
        height: 740px
    }

    .home-hero-title br {
        /* display: inline-block */
    }
}

@font-face {
    font-family: 'Cardinal Fruit';
    src: url('./assets/fonts/cardinal-fruits/CardinalFruit-Regular.woff2') format('woff2'),
        url('./assets/fonts/cardinal-fruits/CardinalFruit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('./assets/fonts/proxima-nova/ProximaNova-Regular.woff2') format('woff2'),
        url('./assets/fonts/proxima-nova/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.header__logo img {
    height: 100px !important;
}

header {
    display: flex;
    width: 100%;
}

.main-navbar.navbar {
    height: 94px;
    background-color: #f6f6f4 !important;
}

.contactus-modal {
    z-index: 999999;
    background-color: rgba(23, 24, 23, 0.9);
    padding: 140px 310px !important;
}

/* .register-modal-body{
    display: grid;
    grid-template-columns: repeat(2,1fr);
} */
.contactus-modal .modal-dialog {
    min-width: 960px;
    background-color: #f6f6f4;
}

.contactus-modal .modal-content {
    border-radius: 0px;
    border: 0px;
    position: relative;
}

.img-side img {
    height: 100%;
    object-fit: cover;
}

.contactus-modal .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
}

.contactus-modal .img-side {
    width: 50%;
}

.content-side {
    padding: 120px 64px 64px;
    display: flex;
}

.content-side h3 {
    margin-bottom: 30px;
}

.content-side label {
    margin: 10px 0px;
}

.main-header .container-fluid {
    padding: 0px 24px;
}

.overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999999;
    display: none;
}

.modal-resgister {
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    max-width: 1080px;
    margin: 0px auto;
    transform: translateY(17%);
    position: relative;
}

.close-btn {
    background-color: #ccc;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    position: absolute;
    right: 0px;
    top: -30px;
}

.content-model-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.contactus-modal .modal-dialog h3 {
    font-family: 'Cardinal Fruit';

}

.email-input {
    border: 1px solid rgb(224, 224, 224);
    width: 100%;
    font-size: 0.75rem;
}

.ml-10 {
    margin-left: 10px;
}

.description form label {
    color: #000;
    margin: 16px 0px 4px;
}

.btn-signme {
    background-color: rgba(41, 46, 52, 1.0);
    width: 100%;
    color: #fff;
    border-radius: 4px;
    margin-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 12px;
    font-weight: 500;
}

.contact-main-form .content-side p {
    padding: 16px 0px;
}

.modal-content .content-side p {
    padding: 16px 0px;
}

.modal-content .content-side label {
    font-weight: 600;
    color: #000;
    margin-bottom: 16px;
}

.contact-fill {
    padding: 120px 0px 0px 0px;
}

.contact-main-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
padding: 50px 170px 0px;
}

.contact-main-form .content-side {
    width: 100%;
}

.contact-main-form .description {
    margin-left: 100px;
}

.contact-main-form label {
    font-size: 12px;
    font-weight: 500 !important;
}

.contact-main-form .form-input {
    border: 1px solid rgb(167, 166, 166) !important;
    width: 100%;
    height: 37px;
}

.form-control.form-input {
    padding-left: 16px;
}

.blog-footer {
    margin: 20px 20px 0px 20px;
}

.btn-send-msg {
    padding: 20px 32px !important;
    width: unset !important;
}

.section-blog {
    position: relative;
    margin-top: 100px;
}

hr {
    margin: 100px 0px;
}

.at-the:hover {
    color: #000;
}

.header-underline {
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: var(--color-lgrey);
    margin-top: 10px;
    margin-bottom: 20px
}

.contact-us .navbar {
    background-color: #f6f6f4;
    height: 94px;
}

.header-underline.header-underline-grey {
    background-color: var(--color-grey)
}

.bg-light-gray {
    background-color: #f6f6f4;
}

.header-underline.header-underline-lgrey {
    background-color: var(--color-lgrey)
}

.header-underline.header-underline-black {
    background-color: var(--color-black)
}

.mousepointer,
.js-link-created,
.js-makelink,
.js-makelink-new {
    cursor: pointer
}





.page-margin,
.shopify-challenge__container {
    margin: 140px auto
}

body.page-active-challenge .shopify-challenge__container {
    margin: 0px auto
}

body.page-active-challenge .shopify-challenge__container {
    margin: 0px auto
}

.page-width-desktop {
    padding: 0;
    margin: 0 auto
}

.page-width {
    max-width: calc(100vw - 20px);
    margin: 0 auto;
    padding: 0 10px
}

@media screen and (max-width:1399px) {
    .contactus-modal {
        padding: 140px 150px !important;
    }
}

@media screen and (max-width: 549px) {
    .page-width {
        max-width: calc(100vw - 16px);
        margin: 0 auto;
        padding: 0px
    }

    .sus-hero-sustain .sus-hero__main-title {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .page-width--narrow {
        width: calc(100vw - 40px);
        max-width: 380px;
        padding: 0 20px;
        margin: 0 auto
    }

    .header-banner .page-width {
        width: 100%;
        max-width: calc(100vw - 0px);
        margin: 0 auto;
        padding: 0 16px
    }

    header.page-width {
        max-width: calc(100vw);
        padding: 0 0px
    }
}

@media screen and (min-width: 550px) and (max-width: 767px) {
    .page-width {
        max-width: calc(100vw - 30px);
        padding: 0 15px;
        margin: 0 auto
    }

    .page-width--narrow {
        width: calc(100vw - 100px);
        max-width: 600px;
        padding: 0 30px;
        margin: 0 auto
    }

    .header-banner .page-width {
        max-width: calc(100vw);
        padding: 0 30px
    }

    .cookies_header .page-width {
        max-width: calc(100vw - 30px);
        padding: 0 5px
    }

    header.page-width {
        max-width: calc(100vw);
        padding: 0 30px
    }
}




@media screen and (min-width: 1600px) {
    .page-width {
        max-width: 1800px;
        padding: 0 30px
    }

    .page-width--narrow {
        max-width: 1100px;
        padding: 0 30px;
        margin: 0 auto
    }

    .header-banner .page-width {
        max-width: 1360px
    }

    .cookies_header .page-width {
        max-width: 1300px;
        padding: 0 0px 0 5px
    }

    header.page-width {
        max-width: 1800px;
        padding: 0 30px
    }
}

.element-margin {
    margin-top: 100px
}

body {
    color: var(--color-black);
    background-color: var(--color-white)
}

.grid-auto-flow {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column
}




.list-horizontal li:last-child {
    padding-right: 0px
}

.list-vertical li {
    display: block;
    float: left;
    clear: left
}

.hidden {
    display: none !important
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important
}

.visually-hidden--inline {
    margin: 0;
    height: 1em
}

.overflow-hidden {
    overflow: hidden
}

.skip-to-content-link:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto
}

.full-width-link {
    osition: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

blockquote {
    font-style: italic;
    color: var(--color-black);
    border-left: 2px solid var(--color-black);
    padding-left: 20px
}

@media screen and (min-width: 768px) {
    blockquote {
        padding-left: 30px
    }
}

.caption {
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2
}

@media screen and (min-width: 768px) {
    .caption {
        font-size: 24px
    }
}

.caption-with-letter-spacing {
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1.2
}

.caption-large,
.customer .field input,
.customer select,
.field__input,
.form__label,
.select__select {
    font-size: var(font-size-s);
    line-height: var(font-size-s-lh);
    letter-spacing: 0px
}

.display-block,
.display_block,
.displayblock {
    display: block
}

.display-inline-block,
.display_inline_block,
.displayinlineblock {
    display: inline-block
}

.display-inline,
.display_inline,
.displayinline {
    display: inline
}

.display-flex,
.display_flex,
.displayflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .small-hide {
        display: none
    }
}

.hidden {
    display: none !important
}

@media screen and (max-width: 767px) {
    .small-hide {
        display: none !important
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .medium-hide {
        display: none !important
    }
}

@media screen and (min-width: 992px) {
    .large-up-hide {
        display: none !important
    }
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.uppercase {
    text-transform: uppercase
}

.light {
    opacity: 0.7
}

.link--text {
    color: var(--color-black)
}

.link--text:hover {
    color: var(--color-grey)
}

.link-with-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 2px;
    text-decoration: none;
    margin-bottom: 90px;
    white-space: nowrap
}

.link-with-icon .icon {
    width: 30px;
    margin-left: 20px
}

.circle-divider::after {
    content: '\2022';
    margin: 0 26px 0 30px
}

.circle-divider:last-of-type::after {
    display: none
}

hr {
    border: none;
    height: 2px;
    background-color: #000;
    display: block;
    margin: 100px 0;

}



.full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: block
}

.placeholder {
    background-color: var(--color-lightgrey);
    color: var(--color-black);
    fill: var(--color-black)
}

details>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.break {
    word-break: break-word
}

.visibility-hidden {
    visibility: hidden
}




.disclosure-has-popup[open]>summary::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    cursor: default;
    content: ' ';
    background: transparent
}

.disclosure-has-popup>summary::before {
    display: none
}

.disclosure-has-popup[open]>summary+* {
    z-index: 100
}

*:focus-visible {
    outline: none;
    outline-offset: 6px;
    -webkit-box-shadow: none;
    box-shadow: none
}

*:focus {
    outline: none;
    outline-offset: 6px;
    -webkit-box-shadow: none;
    box-shadow: none
}

*:focus:not(:focus-visible) {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.focus-inset:focus-visible {
    outline: 4px solid var(--color-green);
    outline-offset: -4px;
    -webkit-box-shadow: 0 0 4px 0 var(--color-green);
    box-shadow: 0 0 4px 0 var(--color-green)
}

.focus-inset:focus {
    outline: 4px solid var(--color-green);
    outline-offset: -4px;
    -webkit-box-shadow: 0 0 4px 0 var(--color-green);
    box-shadow: 0 0 4px 0 var(--color-green)
}

.focus-inset:focus:not(:focus-visible) {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.focus-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important
}

.title-wrapper-with-link {
    margin: 20px 0px 20px
}

.title-wrapper-with-link .title {
    margin: 0
}

.title-wrapper {
    margin-bottom: 20px
}

.title-wrapper-with-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 10px;
    margin: 20px 0 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.title--primary {
    margin: 20px 0
}

.title-wrapper-with-link .link-with-icon {
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.title-wrapper-with-link .link-with-icon svg {
    width: 30px
}

.title-wrapper-with-link a {
    color: var(--color-black);
    margin-top: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

p.subtitle {
    font-size: 36px;
    line-height: 1.8;
    letter-spacing: 0px;
    color: var(--color-black)
}

.image_text_grid__item {
    width: 50%
}

.image_text_grid__item {
    padding: 0px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .image_text_grid__item.grid__item-has-image {
        margin-bottom: 60px
    }
}





.media--portrait {
    padding-bottom: 125%
}

.media--landscape {
    padding-bottom: 66.6%
}

.media--cropped {
    padding-bottom: 56%
}

.media--16-9 {
    padding-bottom: 56.25%
}

.media--circle {
    padding-bottom: 100%;
    border-radius: 50%
}

.media.media--hover-effect>img+img {
    opacity: 0
}

@media screen and (min-width: 992px) {
    .media--cropped {
        padding-bottom: 63%
    }
}

deferred-media {
    display: block
}

.--shopify-challenge__button {
    border-bottom: 1px solid var(--color-black)
}

.--shopify-challenge__button:hover {
    border: 1px solid var(--color-black)
}

.button:disabled,
.button[aria-disabled='true'],
.button.disabled,
.customer button:disabled,
.customer button[aria-disabled='true'],
.customer button.disabled {
    cursor: not-allowed;
    opacity: 0.5
}

.button--full-width {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.button.loading {
    color: transparent
}

.button.loading:after {
    -webkit-animation: rotate_360 var(--duration-long) infinite linear;
    animation: rotate_360 var(--duration-long) infinite linear;
    border: 10px solid var(--color-black);
    border-left: 10px solid var(--color-yellow);
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    display: block;
    height: 40px;
    position: absolute;
    width: 40px
}

.field__input,
.select__select,
.customer .field input,
.customer select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    line-height: 30px;
    width: 100%;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-medium-style);
    font-weight: var(--font-body-medium-weight);
    font-size: var(--font-size-s);
    color: var(--color-black);
    border-bottom: 1px solid black
}

.select__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-medium-style);
    font-weight: var(--font-body-medium-weight);
    font-size: var(--font-size-s);
    line-height: var(--font-size-s-lh);
    color: var(--color-black)
}

.field__input:hover,
.select__select:hover,
.customer .field input:hover,
.customer select:hover,
.localization-form__select:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.field__input:focus-visible,
.select__select:focus-visible,
.field input:focus-visible {
    -webkit-box-shadow: none;
    box-shadow: none
}

.field__input:focus,
.select__select:focus,
.field input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.text-area,
.select {
    display: inline-block;
    position: relative;
    width: 100%
}

.select .icon-caret,
.customer select+svg {
    height: 12px;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 0.35rem);
    right: 30px;
    color: black
}

.select__select,
.customer select {
    cursor: pointer;
    padding: 0
}

.field {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.customer .field {
    display: block
}

.field--with-error {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.field__input,
.customer .field input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    border-bottom: 1px solid var(--color-black)
}

.field__input.invalid,
.customer .field input.invalid {
    border-bottom: 1px solid var(--color-red)
}

.field__label,
.customer .field label {
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-weight: var(--font-body-medium-weight);
    font-style: var(--font-body-medium-style);
    font-size: var(--font-size-s);
    line-height: var(--font-size-s-lh);
    left: 0px;
    top: 6px;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
    transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
    color: var(--color-black)
}

.select-field__label {
    font-size: 8px !important;
    -webkit-transform: translateY(-12px) !important;
    transform: translateY(-12px) !important;
    top: 0px !important
}

.-field__input:not(.use-placeholder):focus~label,
.-field__input:not(.use-placeholder):not(:placeholder-shown)~label,
.-field__input:not(.use-placeholder):-webkit-autofill~label,
.field__input:not(.use-placeholder):focus~.field__label,
.field__input:not(.use-placeholder):not(:placeholder-shown)~.field__label,
.field__input:not(.use-placeholder):-webkit-autofill~.field__label,
.customer .field input:not(.use-placeholder):focus~label,
.customer .field input:not(.use-placeholder):not(:placeholder-shown)~label,
.customer .field input:not(.use-placeholder):-webkit-autofill~label {
    font-size: 8px;
    top: -12px
}

.field__input.use-placeholder,
.field__input.use-placeholder:focus~.field__label,
.field__input.use-placeholder:not(:placeholder-shown)~.field__label,
.field__input.use-placeholder:-webkit-autofill~.field__label,
.customer .field input.use-placeholder:focus~label,
.customer .field input.use-placeholder:not(:placeholder-shown)~label,
.customer .field input.use-placeholder:-webkit-autofill~label {
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-weight: var(--font-body-medium-weight);
    font-style: var(--font-body-medium-style);
    font-size: var(--font-size-xs);
    text-transform: uppercase
}

.field__input:not(.use-placeholder):focus,
.field__input:not(.use-placeholder):not(:placeholder-shown),
.field__input:not(.use-placeholder):-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
    padding: 0px
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
    display: none
}

.field__input:not(.use-placeholder)::-webkit-input-placeholder,
.customer .field input:not(.use-placeholder)::-webkit-input-placeholder {
    opacity: 0
}

.field__input:not(.use-placeholder):-ms-input-placeholder,
.customer .field input:not(.use-placeholder):-ms-input-placeholder {
    opacity: 0
}

.field__input:not(.use-placeholder)::-ms-input-placeholder,
.customer .field input:not(.use-placeholder)::-ms-input-placeholder {
    opacity: 0
}

.field__input:not(.use-placeholder)::placeholder,
.customer .field input:not(.use-placeholder)::placeholder {
    opacity: 0
}

.field__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 88px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 88px
}

.field__button>svg {
    height: 28px;
    width: 28px
}

.text-area {
    font-family: var(--font-body-light-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-light-style);
    font-weight: var(--font-body-light-weight);
    padding: 24px;
    min-height: 200px;
    resize: none
}

.text-area--resize-vertical {
    resize: vertical
}

input[type='checkbox'] {
    display: inline-block;
    margin-right: 10px
}

.form__label {
    display: block;
    margin-bottom: 12px
}

.form__message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 28px;
    line-height: 1;
    margin-top: 20px
}

.form__message--large {
    font-size: 32px
}

.customer .field .form__message {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: left
}

.form__message .icon,
.customer .form__message svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.icon-error {
    fill: purple
}

.form__message--large .icon {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.customer .field .form__message svg {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.form-status {
    margin: 0;
    font-size: 32px
}

.form-status-list {
    padding: 0;
    margin: 40px 0 80px
}

.form-status-list li {
    list-style-position: inside
}

.form-status-list .link::first-letter {
    text-transform: capitalize
}

.quantity {
    border: 1px solid var(--color-black);
    position: relative;
    width: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 23px
}

.quantity__input {
    color: currentColor;
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-weight: var(--font-body-medium-weight);
    font-style: var(--font-body-medium-style);
    font-size: var(--font-size-s);
    line-height: 46px;
    text-align: center;
    background-color: transparent;
    border: 0;
    padding: 0 0px;
    height: 46px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.quantity__button {
    width: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: var(--font-size-xs);
    line-height: 46px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    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(--color-black)
}

.quantity__button svg {
    width: 13px;
    height: auto;
    pointer-events: none
}

.quantity__button.quantity__button-minus {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.quantity__button.quantity__button-plus {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
    box-shadow: 0 0 0 200px var(--color-purple) inset !important;
    -webkit-box-shadow: 0 0 0 200px var(--color-purple) inset !important
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity__input[type='number'] {
    -moz-appearance: textfield
}

.modal__toggle {
    list-style-type: none
}

.no-js details[open] .modal__toggle {
    position: absolute !important;
    z-index: 2
}

.modal__toggle-close {
    display: none !important
}

.no-js details[open] .modal__toggle-close {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    z-index: 1
}

.modal__toggle-open {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.no-js details[open] .modal__toggle-open {
    display: none !important
}

.no-js .modal__close-button.link {
    display: none !important
}

.modal__close-button.link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0rem;
    height: 88px;
    width: 88px;
    background-color: transparent;
    border: none;
    outline: none
}



.bg-gradient-hor-purplelight-purple {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, right top, from(#e8e1f9), to(#c6b5f1));
    background: linear-gradient(90deg, #e8e1f9 0%, #c6b5f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e1f9", endColorstr="#c6b5f1", GradientType=1)
}

.bg-gradient-hor-purple-purplelight {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, right top, from(#c6b5f1), to(#e8e1f9));
    background: linear-gradient(90deg, #c6b5f1 0%, #e8e1f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6b5f1", endColorstr="#e8e1f9", GradientType=1)
}

.bg-gradient-vert-pinklightspecial-pink {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0d0d3), to(#de9da7));
    background: linear-gradient(180deg, #f0d0d3 0%, #de9da7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0d0d3", endColorstr="#de9da7", GradientType=1)
}

.bg-gradient-vert-pinklight-pink {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1d6da), to(#de9da7));
    background: linear-gradient(180deg, #f1d6da 0%, #de9da7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1d6da", endColorstr="#de9da7", GradientType=1)
}

.bg-gradient-vert-pink-pinklight {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#de9da7), to(#f1d6da));
    background: linear-gradient(180deg, #de9da7 0%, #f1d6da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de9da7", endColorstr="#f1d6da", GradientType=1)
}

.bg-gradient-vert-purplelight-purple {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8e1f9), to(#c6b5f1));
    background: linear-gradient(180deg, #e8e1f9 0%, #c6b5f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e1f9", endColorstr="#c6b5f1", GradientType=1)
}

.bg-gradient-vert-purple-purplelight {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#c6b5f1), to(#e8e1f9));
    background: linear-gradient(180deg, #c6b5f1 0%, #e8e1f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6b5f1", endColorstr="#e8e1f9", GradientType=1)
}

.bg-gradient-vert-purple-pink {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#c6b5f1), to(#de9da7));
    background: linear-gradient(180deg, #c6b5f1 0%, #de9da7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6b5f1", endColorstr="#de9da7", GradientType=1)
}

.bg-gradient-vert-pink-purple {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#de9da7), to(#c6b5f1));
    background: linear-gradient(180deg, #de9da7 0%, #c6b5f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de9da7", endColorstr="#c6b5f1", GradientType=1)
}

.bg-gradient-vert-purple-pinklight {
    background: #f1d6da;
    background: -webkit-gradient(linear, left top, left bottom, from(#c6b5f1), to(#f1d6da));
    background: linear-gradient(180deg, #c6b5f1 0%, #f1d6da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6b5f1", endColorstr="#f1d6da", GradientType=1)
}

.bg-gradient-vert-pinklight-purple {
    background: #f1d6da;
    background: -webkit-gradient(linear, left bottom, left top, from(#c6b5f1), to(#f1d6da));
    background: linear-gradient(0deg, #c6b5f1 0%, #f1d6da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6b5f1", endColorstr="#f1d6da", GradientType=1)
}

@media screen and (max-width: 767px) {
    .bg-below-sm-white {
        background: var(--color-white) !important
    }
}

.uppercase,
.txtuppercase,
.txt-uppercase {
    text-transform: uppercase
}

.left,
.txtaligncenter,
.txt-align-center,
.txt-align-center *,
.aligncenter,
.align_center,
.align-center {
    text-align: center !important
}

.right,
.txtalignright,
.txt-align-right,
.txt-align-right *,
.alignright,
.align_right,
.align-right {
    text-align: right !important
}

.txtleft,
.txtalignleft,
.txt-align-left,
.txt-align-left *,
.alignleft,
.align_left,
.align-left {
    text-align: left !important
}

.text-decoration-none,
.text_decoration_none {
    text-decoration: none
}

.line-break {
    display: inline-block;
    clear: both;
    width: 100%
}

body.bp-xxs .col-xxs-line-break {
    display: inline-block;
    clear: both
}

body.bp-xs .col-xs-line-break {
    display: inline-block;
    clear: both
}

body.bp-sm .col-sm-line-break {
    display: inline-block;
    clear: both
}

body.bp-md .col-md-line-break {
    display: inline-block;
    clear: both
}

body.bp-lg .col-lg-line-break {
    display: inline-block;
    clear: both
}

body.bp-xl .col-xl-line-break {
    display: inline-block;
    clear: both
}

body.bp-xxl .col-xxl-line-break {
    display: inline-block;
    clear: both
}

h1.product__title {
    font-family: var(--font-heading-family), "Times new roman", Times, serif !important;
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase
}

h2.product-recommendations__heading,
h2.title {
    font-family: var(--font-heading-family), "Times new roman", Times, serif !important;
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    font-size: 80px;
    line-height: 90px;
    text-transform: uppercase
}





div.image-caption h3 {
    display: inline-block;
    position: relative;
    z-index: 12;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%
}

div.image-caption h3 {
    font-size: 12vw;
    line-height: 12.5vw
}

div.section-title h3 {
    font-size: 12vw;
    line-height: 12.5vw
}

.font-fam-special.font-size-xl.txt-uppercase {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

#shopify-section-announcement-bar {
    z-index: 4
}

.announcement-bar {
    color: var(--color-white);
    background-color: var(--color-pink);
    /*height: 50px !important;*/
    align-items: center;
    display: flex;
}

.announcement-bar .announcement-bar__link {
    display: block;
    width: 100%;
    padding: 20px 40px;
    text-decoration: none
}

.announcement-bar .announcement-bar__link:hover {
    color: var(--color-green);
    background-color: var(--color-red)
}

.announcement-bar .announcement-bar__link .icon-arrow {
    display: inline-block;
    height: 24px;
    pointer-events: none;
    padding-left: 20px;
    vertical-align: middle;
    margin-bottom: 4px
}

.announcement-bar-close {
    /*height: 40px !important;*/
}

.announcement-bar .announcement-bar__message {
    font-family: var(--font-body-bold-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-bold-style);
    font-weight: var(--font-body-bold-weight);
    font-size: var(--font-size-xxs);
    line-height: var(----font-size-xxs);
    text-transform: uppercase;
    text-align: center;
    padding: 13px 20px 11px 20px;
    margin: 0;
    letter-spacing: 0px;
    color: var(--color-black)
}

@media screen and (min-width: 768px) {
    .announcement-bar__link .icon-arrow {
        height: 26px
    }
}

#shopify-section-element-header-theme {
    min-height: var(--theme-header-height)
}

body.header-sticky-allowed #shopify-section-element-header-theme sticky-header {
    will-change: transform, opacity;
    top: 0;
    left: 0px;
    right: 0px;
    position: fixed;
    z-index: 9000000;
    -webkit-transform: translateY(-140px);
    transform: translateY(-140px);
    -webkit-transform-origin: top center;
    transform-origin: top center
}

body.header-sticky-allowed.header-is-sticky #shopify-section-element-header-theme sticky-header {
    -webkit-transform: translateY(-140px);
    transform: translateY(-140px);
    -webkit-animation: headerSlideIn 0.5s ease-out 0.3s;
    animation: headerSlideIn 0.5s ease-out 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

body:not(.menu-foldable-mobile-open).header-sticky-allowed.header-is-sticky #shopify-section-element-header-theme sticky-header {
    -webkit-box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px -4px rgba(0, 0, 0, 0.2)
}

body.header-sticky-allowed.header-sticky-animate-back #shopify-section-element-header-theme sticky-header {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-animation: headerSlideOut 0.3s ease-out 0s;
    animation: headerSlideOut 0.3s ease-out 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.header-wrapper {
    display: block;
    position: relative;
    background-color: var(--color-white);
    border-top: none;
    overflow: none;
    border-bottom: none
}

.header {
    display: -ms-grid;
    display: grid;
    grid-template-areas: 'header-left-icon header-brand-logo header-icons';
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 10px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-white);
    padding-top: 0px;
    padding-bottom: 0px
}

.header.header--top-center {
    grid-template-areas: 'header-navigation header-brand-logo header-icons';
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 10px 1fr;
    -webkit-column-gap: 0px;
    column-gap: 0px
}

@media screen and (min-width: 550px) {
    .header {
        -ms-grid-columns: 1fr 120px 1fr;
        grid-template-columns: 1fr 120px 1fr;
        z-index: 0;
    }

    .header.header--top-center {
        -ms-grid-columns: 1fr 120px 1fr;
        grid-template-columns: 1fr 120px 1fr
    }
}



.link.link--from-center {
    position: relative
}

.link.link--from-center::after {
    content: '';
    position: absolute;
    display: inline;
    background: var(--color-black);
    z-index: 2;
    width: 0;
    height: 1px;
    left: 50%;
    bottom: -1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.link.link--from-center:hover::after {
    width: 100%;
    left: 0
}

.link.link--from-left {
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: var(--color-black)
}

.link.link--from-left:hover {
    text-decoration: none;
    color: var(--color-black)
}

.link.link--from-left {
    position: relative
}

.link.link--from-left::after {
    content: '';
    position: absolute;
    display: inline;
    background: var(--color-black);
    z-index: 2;
    width: 0;
    height: 2px;
    left: 0;
    bottom: -2px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.link.link--from-left:hover::after {
    width: 100%;
    left: 0
}

.link.link--from-left.active::after {
    width: 100%;
    left: 0
}

.link--bottom {
    --text-transform: uppercase;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: var(--color-black)
}

.link--bottom:hover {
    text-decoration: none !important;
    color: var(--color-black)
}

.link--bottom {
    position: relative
}

.link--bottom::after {
    content: '';
    position: absolute;
    display: inline;
    background: var(--color-black);
    z-index: 2;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.link--bottom:hover::after {
    bottom: -1px
}

.link--button.link--bottom::after {
    bottom: -3px
}

.link--button.link--bottom:hover::after {
    bottom: -1px
}

.link--bottom.link-white,
.link.link-white {
    color: var(--color-white) !important
}

.link--bottom.link-white:hover,
.link.link-white:hover {
    color: var(--color-white) !important
}

.link--bottom.link-white::after,
.link.link-white::after {
    background: var(--color-white) !important
}

.link--bottom.link-black,
.link.link-black {
    color: var(--color-black) !important
}

.link--bottom.link-black:hover,
.link.link-black:hover {
    color: var(--color-black) !important
}

.link--bottom.link-black::after,
.link.link-black::after {
    background: var(--color-black) !important
}

.shopify-challenge__button,
.theme-button {
    display: inline;
    font-family: var(--font-body-light-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-light-style);
    font-weight: var(--font-body-light-weight);
    border-radius: 21px !important;
    height: 42px !important;
    font-size: 15px !important;
    line-height: 42px !important;
    padding: 0px 40px !important;
    -webkit-appearance: none;
    border: 1px solid rgba(0, 0, 0, 0);
    min-width: 120px;
    max-width: 100%;
    outline: none !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-box-shadow: 0 0px 0px -4px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px -4px rgba(0, 0, 0, 0)
}

/* */

.theme-button.theme-button-round-small {
    display: inline-block;
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-medium-style);
    font-weight: var(--font-body-medium-weight);
    text-align: center !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: var(--font-size-xs) !important;
    border-radius: 19px !important;
    padding: 0px 6px !important;
    max-width: 100%
}

.grid__item .theme-button.theme-button-round-small {
    font-size: var(--font-size-xxs) !important;
    padding: 0px 6px !important
}

@media screen and (max-width: 450px) {
    .grid__item .theme-button.theme-button-round-small .p-from {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .theme-button.theme-button-round-small {
        width: 180px !important
    }
}

@media screen and (min-width: 992px) {
    .theme-button.theme-button-round-small {
        width: 240px !important
    }
}

@media screen and (min-width: 550px) {
    .theme-button.theme-button-round-small {
        font-size: var(--font-size-xs) !important;
        padding: 0px 10px !important
    }
}

.theme-button.theme-button-round-medium {
    display: inline-block;
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-medium-style);
    font-weight: var(--font-body-medium-weight);
    border-radius: 23px !important;
    min-width: 260px !important;
    height: 46px !important;
    font-size: var(--font-size-s) !important;
    line-height: 46px !important;
    padding: 0px 20px !important;
    text-align: center !important
}

.theme-button.theme-button-wide {
    width: 100% !important;
    text-align: center;
    max-width: 100% !important
}

.shopify-challenge__button {
    border: 1px solid var(--color-white);
    color: var(--color-black);
    background: var(--color-white)
}

.shopify-challenge__button:hover {
    border: 1px solid var(--color-black);
    color: var(--color-white);
    background: var(--color-black)
}

.shopify-challenge__container .g-recaptcha {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.shopify-challenge__container .shopify-challenge__message {
    font-family: var(--font-body-medium-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-medium-style);
    font-weight: var(--font-body-medium-weight);
    font-size: var(--font-size-s) !important;
    line-height: var(--font-size-s-lh) !important
}

a.theme-button {
    display: inline-block
}

.theme-button.theme-button-has-icon .input-label {
    display: none
}

.theme-button-bordertop-black {
    border-top: 1px solid var(--color-black)
}

.theme-button-borderbottom-black {
    border-bottom: 1px solid var(--color-black)
}

.theme-button-borderbottom-white {
    border-bottom: 1px solid var(--color-white)
}

.theme-button-border-dblue {
    border: 1px solid var(--color-dblue)
}

.theme-button-border-lblue {
    border: 1px solid var(--color-lblue)
}

.theme-button-border-yellow {
    border: 1px solid var(--color-yellow)
}

.theme-button-border-brown {
    border: 1px solid var(--color-brown)
}

.theme-button-border-white {
    border: 1px solid var(--color-white)
}

.theme-button-border-black {
    border: 1px solid var(--color-black)
}

.theme-button-border-pink {
    border: 1px solid var(--color-pink)
}

.theme-button-border-pink-light {
    border: 1px solid var(--color-pink-light)
}

.theme-button-border-purple {
    border: 1px solid var(--color-purple)
}

.theme-button-border-purple-light {
    border: 1px solid var(--color-purple-light)
}

.theme-button-color-dblue {
    color: var(--color-dblue)
}

.theme-button-color-lblue {
    color: var(--color-lblue)
}

.theme-button-color-yellow {
    color: var(--color-yellow)
}

.theme-button-color-brown {
    color: var(--color-brown)
}

.theme-button-color-white {
    color: var(--color-white)
}

.theme-button-color-black {
    color: var(--color-black)
}

.theme-button-color-pink {
    color: var(--color-pink)
}

.theme-button-color-pink-light {
    color: var(--color-pink-light)
}

.theme-button-color-purple {
    color: var(--color-purple)
}

.theme-button-color-purple-light {
    color: var(--color-purple-light)
}

.theme-button-bg-trans {
    background: rgba(0, 0, 0, 0)
}

.theme-button-bg-dblue {
    background: var(--color-dblue)
}

.theme-button-bg-lblue {
    background: var(--color-lblue)
}

.theme-button-bg-yellow {
    background: var(--color-yellow)
}

.theme-button-bg-brown {
    background: var(--color-brown)
}

.theme-button-bg-white {
    background: var(--color-white)
}

.theme-button-bg-black {
    background: var(--color-black)
}

.theme-button-bg-pink {
    background: var(--color-pink)
}

.theme-button-bg-pink-light {
    background: var(--color-pink-light)
}

.theme-button-bg-purple {
    background: var(--color-purple)
}

.theme-button-bg-purple-light {
    background: var(--color-purple-light)
}

.theme-button-hover-border-dblue:hover {
    border: 1px solid var(--color-dblue) !important
}

.theme-button-hover-border-lblue:hover {
    border: 1px solid var(--color-lblue) !important
}

.theme-button-hover-border-yellow:hover {
    border: 1px solid var(--color-yellow) !important
}

.theme-button-hover-border-brown:hover {
    border: 1px solid var(--color-brown) !important
}

.theme-button-hover-border-white:hover {
    border: 1px solid var(--color-white) !important
}

.theme-button-hover-border-black:hover {
    border: 1px solid var(--color-black) !important
}

.theme-button-hover-border-pink:hover {
    border: 1px solid var(--color-pink) !important
}

.theme-button-hover-border-pink-light:hover {
    border: 1px solid var(--color-pink-light) !important
}

.theme-button-hover-border-purple:hover {
    border: 1px solid var(--color-purple) !important
}

.theme-button-hover-border-purple-light:hover {
    border: 1px solid var(--color-purple-light) !important
}

.theme-button-hover-color-dblue:hover {
    color: var(--color-dblue) !important
}

.theme-button-hover-color-lblue:hover {
    color: var(--color-lblue) !important
}

.theme-button-hover-color-yellow:hover {
    color: var(--color-yellow) !important
}

.theme-button-hover-color-brown:hover {
    color: var(--color-brown) !important
}

.theme-button-hover-color-white:hover {
    color: var(--color-white) !important
}

.theme-button-hover-color-black:hover {
    color: var(--color-black) !important
}

.theme-button-hover-color-pink:hover {
    color: var(--color-pink) !important
}

.theme-button-hover-color-pink-light:hover {
    color: var(--color-pink-light) !important
}

.theme-button-hover-color-purple:hover {
    color: var(--color-purple) !important
}

.theme-button-hover-color-purple-light:hover {
    color: var(--color-purple-light) !important
}

.theme-button-hover-bg-dblue:hover {
    background: var(--color-dblue) !important
}

.theme-button-hover-bg-lblue:hover {
    background: var(--color-lblue) !important
}

.theme-button-hover-bg-yellow:hover {
    background: var(--color-yellow) !important
}

.theme-button-hover-bg-brown:hover {
    background: var(--color-brown) !important
}

.theme-button-hover-bg-white:hover {
    background: var(--color-white) !important
}

.theme-button-hover-bg-black:hover {
    background: var(--color-black) !important
}

.theme-button-hover-bg-pink:hover {
    background: var(--color-pink) !important
}

.theme-button-hover-bg-pink-light:hover {
    background: var(--color-pink-light) !important
}

.theme-button-hover-bg-purple:hover {
    background: var(--color-purple) !important
}

.theme-button-hover-bg-purple-light:hover {
    background: var(--color-purple-light) !important
}

.theme-input {
    display: inline;
    font-family: var(--font-body-light-family), Helvetica, Arial, sans-serif !important;
    font-style: var(--font-body-light-style);
    font-weight: var(--font-body-light-weight);
    border-radius: 0px !important;
    height: 42px !important;
    font-size: 15px !important;
    line-height: 42px !important;
    padding: 0px 20px !important;
    -webkit-appearance: none;
    min-width: 200px;
    outline: none !important;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    text-transform: uppercase
}


.theme-input-border-white {
    border: 1px solid var(--color-white)
}



.articles-wrapper.grid {
    margin-bottom: 140px
}

.articles-wrapper .article {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article.grid__item {
    padding: 0
}

.article-card {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%
}

.article-card__info {
    padding: 10px 0px 25px 0px;
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.article-card {
    position: relative
}

.article-card.article-card-large .article-card__image-wrapper {
    position: relative
}

.article-card.article-card-large .article-card__info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.article-card.article-card-large::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6)
}

.article-card.article-card-large .article-card__info {
    padding: 30px
}

.article-content {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    color: inherit
}

.article-content:hover .article-card__title {
    text-decoration: underline;
    text-underline-offset: 6px
}

.article-card__image-wrapper,
.article-card__image {
    overflow: hidden
}

.article-card .article-card__image {
    -webkit-transition: -webkit-transform var(--duration-default) ease;
    transition: -webkit-transform var(--duration-default) ease;
    transition: transform var(--duration-default) ease;
    transition: transform var(--duration-default) ease, -webkit-transform var(--duration-default) ease
}

.article-card:hover .article-card__image {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

.article-card__image-wrapper>a {
    display: block
}

.article-card__title {
    text-decoration: none;
    word-break: break-word
}

.article-card__link.link {
    padding: 0
}

.article-card__link {
    text-underline-offset: 6px
}

.article-content:hover .article-card__link {
    text-decoration-thickness: 4px
}

.article-card__link:not(:only-child) {
    margin-right: 60px
}



@media screen and (max-width: 1399px) {
    .section-large-usp-text h2 {
        font-size: 3.3vw;
        line-height: 4.2vw !important
    }

    .section-large-usp-text h2 span {
        z-index: 10;
        position: relative
    }

    .section-large-usp-text h2 .inline-text-image-wrapper {
        display: inline-block;
        position: relative;
        -o-object-fit: contain;
        object-fit: contain;
        vertical-align: middle;
        z-index: 1;
        margin: 0px 0px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        height: 4.2vw
    }

    .section-large-usp-text h2 .inline-text-image-wrapper .inline-text-image {
        display: inline;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .section-large-usp-text h2 .inline-text-image-wrapper-a {
        max-width: 3.2vw
    }

    .section-large-usp-text h2 .inline-text-image-wrapper-b {
        max-width: 4.2vw
    }
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .section-large-usp-text h2 {
        font-size: 50px;
        line-height: 60px !important
    }

    .section-large-usp-text h2 span {
        z-index: 10;
        position: relative;
        height: 60px;
        margin: 0px -4px;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .section-large-usp-text h2 .inline-text-image-wrapper {
        display: inline-block;
        position: relative;
        -o-object-fit: contain;
        object-fit: contain;
        vertical-align: middle;
        z-index: 1;
        margin: 0px 0px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        height: 60px
    }

    .section-large-usp-text h2 .inline-text-image-wrapper .inline-text-image {
        display: inline;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.3s ease 0s;
        transition: -webkit-transform 0.3s ease 0s;
        transition: transform 0.3s ease 0s;
        transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s
    }

    .section-large-usp-text h2 .inline-text-image-wrapper-a {
        max-width: 45px
    }

    .section-large-usp-text h2 .inline-text-image-wrapper-b {
        max-width: 60px
    }
}

@media screen and (min-width: 1600px) {
    .section-large-usp-text h2 {
        font-size: 60px;
        line-height: 70px !important
    }

    .section-large-usp-text h2 span {
        z-index: 10;
        position: relative;
        height: 70px;
        margin: 0px -4px;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .section-large-usp-text h2 .inline-text-image-wrapper {
        display: inline-block;
        position: relative;
        -o-object-fit: contain;
        object-fit: contain;
        vertical-align: middle;
        z-index: 1;
        margin: 0px 0px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        height: 70px
    }

    .section-large-usp-text h2 .inline-text-image-wrapper .inline-text-image {
        display: inline;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.3s ease 0s;
        transition: -webkit-transform 0.3s ease 0s;
        transition: transform 0.3s ease 0s;
        transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s
    }

    .section-large-usp-text h2 .inline-text-image-wrapper-a {
        max-width: 50px
    }

    .section-large-usp-text h2 .inline-text-image-wrapper-b {
        max-width: 70px
    }
}

.blog-description .page-width {
    max-width: 1340px;
}

.text-blocks {
    max-width: 800px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 100px 0px;
    margin: auto;
}

.p-100 {
    padding: 0px 100px !important;
}

.blog-waves {
    height: 15px;
    width: 100%;
}

.page-width--narrow {
    max-width: 1100px;
}

@media (max-width:768px) {
    .home-hero {
        /* height: 650px; */
        margin-top: 70px;
    }

    .intro-section__title>em:first-of-type {
        font-size: 40px;
        line-height: 48px;
    }

    .more-blogs {
        padding: 0px;
    }



    .home-background {
        margin-bottom: 0px !important;
        /* height: 83vh !important; */
    }

    .ingredients-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }

    .makeup-container {
        margin: 0px !important;
        overflow-x: hidden;
    }



    .about-wrapper h2 {
        color: #fff;
    }

    .sustainbility-content h2 {
        width: 65%;
    }

    .faq {
        padding-bottom: 0px !important;
    }

    .home-content {
        padding-bottom: 0
    }

    .home-hero-title {
        color: #fff;
        font-size: 40px !important;
        line-height: 52px
    }

    .home-hero__caption {
        color: var(--text)
    }
}

@media (max-width:576px) {
    /* .home-hero {
        height: 650px;
    } */

    /* .home-hero__background-img {
        height: 620px;
    } */

    /* .home-hero {
        margin-top: 65px;
        margin-left: 25px;
        margin-right: 25px;
        height: unset;
    } */

    .ethical-ingredients__images--container .image-1 {
        max-width: 100% !important;
    }

    .main__insta__item-wrapper {
        width: 100% !important;
        height: 100% !important;
        /* padding-bottom: 70% !important; */
    }

}

.home-intro {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
    z-index: 9
}

.home-intro__text {
    background-color: var(--color2)
}

.home-intro__action {
    padding: 37px 0 0
}

.home-intro__action>div:not(:last-child) {
    margin-bottom: 20px
}

.home-intro-img {
    height: 100%;
}

.home-intro-img__img {
    width: 100%;
    height: 100%
}

@media (max-width: 991.98px) {
    .home-intro-img {
        position: relative
    }

    .intro-section {
        padding: 20px !important;
    }
}

.home-intro-text {
    display: flex;
    align-items: center
}

.home-intro-text__wrapper {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 80px 0px;
}

.home-intro-text__category,
.home-intro-text__sub-title {
    font-size: 14px;
    line-height: 20.54px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color3)
}

.home-intro-text__sub-title {
    color: var(--text);
    margin: 0 0 11px
}

.home-intro-text__desc {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em;
    margin-bottom: 28px
}

.home-intro-text__desc>p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 22px;
    letter-spacing: -.02em
}

.home-intro-text__block {
    margin: 0 0 36px
}

.home-intro-text__desc-block,
.home-intro-text__block,
.home-intro-text__italic {
    display: block
}

.home-intro-text__block:first-child {
    /*margin: 0 auto 44px;*/
    /* padding-left: 30px; */
}

.home-intro-text__block:last-child {
    text-align: left;
}

.home-intro-text__block p {
    font-family: 'Cardinal Fruit';
    font-style: italic;
}

@media (max-width: 767.98px) {
    .home-intro-text__title {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 10px !important
    }
}

@media (max-width: 991.98px) {
    .home-intro {
        grid-template-columns: repeat(1, 1fr);
        margin-left: 0px;
        margin-right: 0px;
        gap: 0
    }

    .home-intro__img {
        background-color: #efece6
    }

    .home-intro__img2,
    .home-intro--circular .makeup-img,
    .home-intro--help .makeup-img {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .home-intro-img {
        padding: 25px
    }

    .home-intro-img__img {
        max-height: 500px;
        position: block
    }

    .home-intro-text__wrapper {
        max-width: 90%;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .home-intro-text__btn {
        display: block
    }
}

@media (max-width: 767.98px) {
    .home-intro__action>div:not(:last-child) {
        margin-bottom: 0
    }

    .home-intro__action>div:last-child .btn {
        background-color: var(--secondary)
    }

    .home-intro__action>div:last-child .btn:hover {
        background-color: var(--text)
    }

    .home-intro hr,
    .home-intro .accordian-item {
        border-color: #c5c5c5fc
    }

    .makeup-text {
        background-color: #0000
    }

    .makeup-text__wrapper {
        padding: 26px 0 50px
    }

    .makeup-text__desc {
        margin: 0 0 30px
    }

    .makeup-text .text-list__check:not(:last-child) {
        margin-bottom: 22px
    }

    .makeup-text__wrapper {
        max-width: 100%
    }
}

.banner {
    position: relative;
    height: calc(100vh - 82px);
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden
}

.banner--height {
    height: 740px;
    text-align: left;
    margin-bottom: 0
}

@media (min-width: 992px) {
    .banner--faq {
        max-height: 600px
    }
}

.banner__background-img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 492px
}

.banner__content {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: calc(100% - 140px);
    left: 50%;
    transform: translate(-50%, -50%)
}

.banner__content--start {
    top: 0;
    left: 0;
    padding: 60px 4.5%;
    transform: translate(0)
}

.banner__main-title {
    margin: 0 0 20px
}

.banner__title {
    color: var(--secondary);
    margin: 0 0 19px;
    font-size: 70px;
    line-height: 80px
}

.banner__block {
    display: block
}

.banner__italic {
    font-style: italic
}

.banner--spacer {
    height: auto;
    margin-bottom: 0
}

.banner--spacer .banner__background-img {
    max-height: 748px;
    height: auto;
    margin-bottom: 0
}

.banner--center__sub-title {
    font-size: 14px;
    line-height: 24px
}

.banner--center .banner__content {
    top: 50%;
    color: var(--secondary)
}

.banner--center .banner__block {
    font-style: italic
}

.banner--about {
    margin-bottom: 0
}

.banner--about .banner__content {
    top: calc(100% - 110px)
}

.banner--sustain {
    background-color: #e3dfdc
}

.banner--sustain .banner__background-img {
    width: 50%;
    margin: auto 0 auto auto
}

.banner--sustain .banner__content {
    top: 50%;
    width: 100%
}

.banner--sustain .banner__box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5%, 1fr));
    text-align: left
}

.banner--sustain .banner__content-wrapper {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 6;
    grid-column-end: 6;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 60vh;
    align-items: flex-start
}

.banner--sustain .banner__main-title {
    color: var(--text)
}

.banner--sustain .banner__main-title--right {
    padding-left: 10%;
    text-align: right;
    transform: translate(60px)
}

@media (max-width: 767.98px) {
    .banner {
        margin-bottom: 50px
    }

    .banner--sustain .banner__main-title--right {
        max-width: 216px;
        text-align: left;
        transform: translate(0)
    }
}

.perfect-shade {
    padding-left: 20px;
    padding-right: 20px
}

.perfect-shade img {
    display: block
}

.perfect-shade__title {
    margin: 0 0 21px;
    font-size: 70px;
    line-height: 80px
}

.perfect-shade__italic {
    font-style: italic
}

.perfect-shade__desc {
    width: 100%;
    max-width: 549px;
    margin: 0 auto 22px;
    line-height: 23.47px
}

.perfect-shade__wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    padding: 119px 0 121px
}

.perfect-shade__content {
    width: 100%
}

.perfect-shade__1 {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-column-end: 1;
    align-items: center;
    display: flex;
    width: 100%;
    max-width: 160px
}

.perfect-shade__1>div {
    height: 100%;
    max-height: 220px;
    overflow: hidden;
    width: 100%
}

.perfect-shade__1 .perfect-shade__block {
    padding-top: 140%
}

.perfect-shade__2 {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 1;
    grid-column-end: 6;
    width: 100%;
    max-width: 220px
}

.perfect-shade__2>div>div {
    width: 200px;
    height: 220px;
    background-color: #3e1b0d;
    position: relative;
    z-index: 9;
    margin-bottom: 50px;
    margin-left: 150px
}

.perfect-shade__3 {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 13px 13px 47px
}

.perfect-shade__3_links .btn:not(:first-child) {
    margin-right: 16px
}

.perfect-shade__4 {
    grid-row-start: 2;
    grid-column-start: 5;
    grid-row-end: 4;
    grid-column-end: 6;
    width: 100%;
    max-width: 300px
}

.perfect-shade__4 .perfect-shade__block {
    padding-top: 100%;
    margin-top: -60px
}

.perfect-shade__5 {
    grid-row-start: 3;
    grid-column-start: 2;
    grid-row-end: 4;
    grid-column-end: 4;
    width: 100%;
    max-width: 220px
}

.perfect-shade__5 .perfect-shade__block {
    padding-top: 100%
}

.perfect-shade__6 {
    grid-row-start: 3;
    grid-column-start: 4;
    grid-row-end: 4;
    grid-column-end: 5;
    width: 100%;
    max-width: 167px
}

.perfect-shade__6>div>div {
    width: 120px;
    height: 162px;
    background-color: #ae8c6f
}

.perfect-shade__block {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.perfect-shade__block>img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 1199.98px) {
    .perfect-shade__title {
        font-size: 60px;
        line-height: 60px
    }

    .perfect-shade__wrapper {
        padding: 100px 0
    }
}

@media (max-width: 767.98px) {
    .perfect-shade__wrapper {
        padding: 50px 0
    }

    .perfect-shade__title {
        font-size: 32px;
        line-height: 39px
    }

    .perfect-shade__title {
        padding: 0 50px
    }

    .perfect-shade {
        padding-left: 0;
        padding-right: 0
    }

    .perfect-shade__title {
        margin: 0 0 21px
    }

    .perfect-shade__1,
    .perfect-shade__6 {
        display: none
    }

    .perfect-shade__2 {
        grid-row-start: 2;
        grid-column-start: 3;
        grid-row-end: 3;
        grid-column-end: 5
    }

    .perfect-shade__2>div>div {
        margin-top: -100px !important;
        margin-left: 20px
    }

    .perfect-shade__3 {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-column-end: -1;
        padding: 45px 0 0
    }

    .perfect-shade__4 {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: 4
    }

    .perfect-shade__4 img {
        margin-top: 0
    }

    .perfect-shade__5 {
        grid-row-start: 1;
        grid-column-start: 5;
        grid-row-end: 2;
        grid-column-end: -1;
        position: relative;
        z-index: 10;
        display: grid;
        align-items: center
    }

    .perfect-shade__2>div>div {
        width: 150px;
        height: 170px;
        margin-top: -120px
    }
}

.brands-testimonial {
    background-color: var(--color1);
    padding: 137px 0 150px;
    text-align: center
}

.brands-testimonial__wrapper {
    display: none;
    width: 100%;
    max-width: 710px;
    margin: 0 auto
}

@media (min-width: 992px) {
    .brands-testimonial__wrapper {
        display: block
    }
}

@media (min-width: 992px) {
    .brands-testimonial__wrapper--mobile {
        display: none
    }
}

.brands-testimonial__wrapper--mobile .brands-testimonial__heading {
    margin-bottom: 24px
}

.brands-testimonial__wrapper--mobile .owl-dots {
    margin-left: 25px;
    margin-right: 25px
}

.brands-testimonial__carousel .owl-dots {
    display: flex !important;
    gap: 45px;
    align-items: center;
    justify-content: center;
    margin-top: 80px
}

.brands-testimonial__carousel .owl-dots .owl-dot {
    opacity: .4;
    height: 32px;
    transition: all .5s ease
}

.brands-testimonial__carousel .owl-dots .owl-dot img {
    object-fit: contain;
    height: 100%;
    width: 100%;
    max-width: 150px
}

.brands-testimonial__carousel .owl-dots .owl-dot:hover,
.brands-testimonial__carousel .owl-dots .owl-dot.active {
    opacity: 1
}

.brands-testimonial__content>div {
    left: 0;
    top: 0;
    width: 100%
}

.brands-testimonial__content>div.active {
    visibility: visible
}

.brands-testimonial__heading {
    font-size: 32px;
    line-height: 42px
}

.brands-testimonial__block {
    display: block
}

.brands-testimonial .brands-carousel__img {
    margin: auto;
    display: block;
    height: 32px;
    width: 100%;
    object-fit: contain;
    cursor: pointer
}

@media (max-width: 991.98px) {
    .brands-testimonial {
        padding: 60px
    }

    .brands-testimonial .owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot span {
        background: #d6d6d6
    }

    .brands-testimonial .owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot.active span,
    .brands-testimonial .owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot:hover span {
        background: #000
    }
}

@media (max-width: 767.98px) {
    .brands-testimonial {
        margin-left: -25px;
        margin-right: -25px;
        padding: 50px 25px !important
    }

    .brands-testimonial .owl-carousel {
        margin-top: 0
    }

    .brands-testimonial .owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot span {
        height: 1px
    }
}

.feature-box {
    display: grid;
    align-items: center;
    grid-template-columns: 80% 20%;
    padding-bottom: 20px;
    padding-top: 75px
}

.featured-box-content {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16%, 1fr))
}

.feature-box-shop {
    display: flex;
    justify-content: flex-end
}

.featured-box-list {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: -1
}

.feature-box--full {
    grid-template-columns: 100%
}

.feature-box--blog-article-related {
    padding-top: 100px;
    padding-bottom: 35px
}

@media (max-width: 991.98px) {
    .feature-box--blog-article-related {
        padding-top: 50px;
        padding-bottom: 24px !important
    }

    .feature-box--blog-article-related .feature-box-title {
        margin-bottom: 0 !important;
        text-align: center
    }

    .feature-box-title {
        grid-column-end: -1
    }

    .featured-box-list {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: -1
    }

    .feature-box--row .feature-box-title {
        grid-column-end: 2
    }
}

@media (max-width: 767.98px) {
    .feature-box {
        padding-top: 50px
    }

    .about-us-featured-box {
        margin: 0px 25px;
        overflow-x: hidden;
    }

    .feature-box-shop {
        display: none
    }

    .featured-box-content {
        grid-column: 1/-1;
        text-align: center;
        grid-template-columns: auto
    }

    .feature-box-title {
        margin-bottom: 23px
    }

    .feature-box .feature-tabs {
        justify-content: center
    }

    .feature-box--row {
        grid-template-columns: 70% 30%
    }

    .feature-box--row .feature-box-shop {
        display: none
    }

    .feature-box--row .feature-box-title {
        margin: 0
    }
}

@media (max-width: 991.98px) {
    .products--feature-box .products__card {
        min-height: auto
    }

    .products--feature-box img {
        margin-bottom: 10px
    }
}

.feature-tabs {
    display: flex;
    flex-wrap: wrap
}

.featured-tabs-item:not(:last-child) {
    margin-right: 32px
}

.featured-tabs-link {
    display: block;
    position: relative;
    color: #848484
}

.featured-tabs-link:hover {
    color: #000
}

.featured-tabs-link:after {
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #0000
}

.featured-tabs-link.active {
    color: #000 !important
}

.featured-tabs-link.active:after {
    background-color: #000
}

.featured-tabs-link.link-active {
    border-bottom: 1px solid #000;
    color: #000
}

.featured-tabs-link.link-active:hover {
    color: #000 !important
}

.featured-tabs-item.link-active a {
    color: #000
}

.featured-tabs-link:not(.link-active) {
    color: #848484
}

.featured-tabs-link:not(.link-active):hover {
    color: #000
}

.feature-tabs ul {
    font-size: 18px
}

.products {
    display: grid;
    row-gap: 10px;
    /* margin: 0px 25px; */
}

.products__badges {
    margin-bottom: 12px
}

@media (min-width: 992px) {
    .products__badges {
        margin-bottom: 1rem
    }
}

.products__box:not(.products__box--carousel) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px
}

.products__box--mega-menu {
    display: flex;
    grid-template-columns: repeat(4, 1fr) !important;
    justify-content: center
}

.products__card {
    background-color: var(--color2);
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%
}

.products__card:hover .products__hover-display {
    display: block
}
.products__card:hover .products__wrapper{
    display:none;
}
@media screen and (pointer: coarse) {
    .products__card:hover .products__hover-display .products__hover-display-img {
        display: none
    }
}

.products__card .products__cart-wrapper {
    position: absolute;
    z-index: 99;
    bottom: 0px;
    left: 0;
    width: 100%
}

.products__title {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 1px;
    font-weight: 600 !important;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .products__title {
        letter-spacing: 2px;
    }

    .products__title a {
        font-weight: 600 !important;

    }
}

.products__product-img {
    max-width: 194px;
    margin: 0 auto 10px;
    display: block
}

.products__label {
    margin: 0 0 5px;
    letter-spacing: 0px;
    font-weight: 600 !important;
}

.products__hover-display {
    display: none;
    cursor: pointer
}

.products__hover-display-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--color2)
}

.products__price-spacer {
    margin-bottom: 17px
}

.products__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    align-items: center;
        background: #000;
    color: #fff;
}

.products__content {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 4
}

.products__price {
    grid-row-start: 1;
    grid-column-start: 4;
    grid-row-end: 2;
    grid-column-end: 5;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
    letter-spacing: 0px
}

.products__cart {
    background-color: #1f1f1f;
    padding: 15px;
    color: var(--secondary);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.5px;
    display: block;
    width: 100%;
    text-transform: uppercase
}

.products__img {
    display: block;
    margin: 0 auto 16px
}

.products__quick-view-btn {
    width: 100%;
    background-color: #000;
    color: #fff
}

.products--feature-box.products--feature-box-carousel {
    display: block !important;
    margin-bottom: 75px
}

.welness-card {
    width: 33.33% !important;
}

@media (min-width: 992px) {
    .products--feature-box.products--feature-box-carousel {
        margin-bottom: 135px
    }
}

.products--feature-box.products--feature-box-carousel .owl-dots {
    margin-top: 25px !important
}

.products--feature-box.products--feature-box-carousel .owl-stage {
    display: flex
}

.products--feature-box.products--feature-box-carousel .owl-item {
    display: flex;
    flex: 1 0 auto
}

.products--feature-box .products__card {
    padding: 25px 30px;
    min-height: 580px;
    width: 100%;
    margin-bottom: 0px;
}

.products--feature-box img {
    display: block;
    margin: auto
}

@media (max-width: 767.98px) {
    .products__box:not(.products__box--carousel) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
        margin-bottom: 0px;
    }

    .products__content {
        grid-column-end: 5
    }

    .products__wrapper {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: -1
    }

    .products__card {
        padding: 25px 25px 0
    }

    .products__card .products__hover-display {
        display: block
    }

    .products__card .product__cart-wrapper {
        position: static
    }

    .products__card .products__hover-display img,
    .products__card:hover .products__hover-display img {
        display: none
    }

    .products__card .product__cart-wrapper,
    .products__card:hover .product__cart-wrapper {
        position: static
    }

    .products__card:hover .products__title a:hover {
        color: inherit
    }

    .products__card:hover .products__cart-wrapper {
        position: relative;
        width: auto
    }

    .products__badges span {
        font-size: 13px;
        line-height: 17px
    }

    .products__price {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 5;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 20px
    }

    .products__title {
        margin: 0 0 5px
    }

    .products__cart {
        background-color: var(--primary);
        color: var(--text)
    }

    .products--feature-box .products__card {
        padding: 25px 25px 0
    }

    .products--mobile-shop .product-box {
        row-gap: 3px
    }

    .products__label {
        display: none
    }
}

@media (min-width: 992px) {
    .products-feature-content .products__badges {
        margin-bottom: 0
    }

    .products-feature-content .products__img {
        max-width: 340px;
        max-height: 340px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .products-feature-content .products__wrapper {
        position: absolute;
        padding: 1rem;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .products-feature-content .featured-box-content {
        flex-direction: row
    }

    .products-feature-content .feature-box-title {
        margin-right: 3.25rem
    }
}

@media (max-width: 991.98px) {
    .products--blog-article-related {
        display: none
    }

    .footer-wrapper {
        max-width: 100% !important;
        padding: 24px !important;
    }

}

.people-saying {
    padding: 50px 0 0
}

@media (max-width: 991.98px) {
    .people-saying {
        padding: 50px 0 0
    }
}

.people-saying__title {
    margin-bottom: 42px;
    text-align: center
}

.people-saying__text {
    color: var(--secondary)
}

.people-saying__test {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3px
}

.people-saying-box {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 992px) {
    .people-saying-box {
        /* display: grid; */
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
        /* min-height: 420px; */
        position: relative
    }
}

.people-saying__rating-stars {
    height: 15px;
    width: auto !important;
    object-fit: contain
}

.people-saying__content {
    flex: 1;
    padding: 27px 15%;
    background-color: #b20102
}

.people-saying__content--brown {
    background-color: #471f1e
}

.people-saying__content--light-brown {
    background-color: #aa7a6b
}

.people-saying__content-first {
    background-color: #5d3529;
}

.people-saying__content-two {
    background-color: #c79067;
}

.people-saying__content-three {
    background-color: #816229;
}

.people-saying__content-four {
    background-color: #000;
}

.people-saying__comment {
    text-indent: 20px;
    font-size: 17px;
}

.people-saying__quote {
    width: 12px;
    display: block
}

.people-saying__quote img {
    height: 12px;
    margin-bottom: 10px
}

.people-saying__img-flex,
.people-saying__img {
    display: flex
}

@media (max-width: 575.98px) {
    .people-saying__img {
        height: 420px
    }

    .footer-wrapper--mobile {
        display: block;
    }
}

.people-saying__absolute {
    position: absolute;
    z-index: 99;
    bottom: 14px;
    left: 50%;
    transform: translate(-50%)
}

.people-saying .owl-carousel .owl-stage {
    display: flex
}

@media (max-width: 991.98px) {
    .people-saying .owl-carousel .owl-stage {
        left: 0px
    }

    .people-saying .owl-item {
        display: flex;
        flex: 1 0 auto;
        /* border: 3px solid red; */
    }

    .home-hero {

        margin-top: 70px;
    }
}

.people-saying .people-saying-box {
    height: 100%
}

.people-saying .owl-item {
    display: flex;
    flex: 1 0 auto;
    /* border: 3px solid red; */
}

@media (max-width: 991.98px) {
    .people-saying-box {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }

    .people-saying__img {
        max-height: 420px
    }

    .people-saying__absolute {
        bottom: 300px;
        transform: translate(0)
    }

    .people-saying .people-saying__title {
        margin-top: 50px;
    }

    .people-saying .people-saying {
        padding: 100px 0 0
    }
}

@media (max-width: 767.98px) {
    .people-saying .owl-dots {
        margin-top: 25px !important;
        margin-right: 25px;
    }

    .people-saying .owl-carousel.owl-theme.dots-styled .owl-dots .owl-dot span {
        height: 1px !important
    }
}

.ingredients-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    column-gap: 3px;
    padding: 150px 0px;
}

.ingredients-row:hover .ingredients-title-name,
.ingredients-row:hover .ingredients-desc {
    color: #000
}

.ingredients-title {
    margin: 0 0 5px
}

@media (max-width: 991.98px) {
    .ingredients-title {
        font-size: 32px !important;
        line-height: 39px !important;
        margin-bottom: 0px;
    }
}

.ingredients-row__img {
    margin-bottom: 16px;
    width: 100%;
    display: flex
}

.ingredients-row__sub-title {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.ingredients-row__block {
    font-style: italic
}

.ingredients-row__link-img,
.ingredients-row__block {
    display: block
}

@media (max-width: 991.98px) {
    .ingredients-row .ingredients-row__block {
        display: inline-block
    }

    .ingredients-row .ingredients-title {
        text-align: center
    }
}

@media (max-width: 767.98px) {
    .ingredients-row .ingredients-row__block {
        display: inline-block
    }

    .ingredients-row .ingredients-title {
        text-align: left
    }
}

.ingredients-row__content {
    padding-right: 12%
}

.ingredients-row__content .btn {
    padding: 11px 24px;
    margin-top: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

@media (max-width: 991.98px) {
    .ingredients-row__content .btn {
        display: none
    }
}

.ingredients-row__item:hover .ingredients-row__content .btn {
    opacity: 1;
    visibility: inherit
}

@media (max-width: 991.98px) {
    .ingredients-row {
        gap: 25px;
        grid-template-columns: repeat(2, 1fr)
    }

    .ingredients-row__content {
        padding-top: 9px;
        padding-right: 0
    }

    .ingredients-row__item--one {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .ingredients-row--model {
        grid-template-columns: repeat(3, 1fr)
    }

    .ingredients-row--model .gallery__item:nth-child(4),
    .ingredients-row--model .gallery__item:nth-child(5) {
        display: none
    }

    .ingredients-row .gallery {
        padding: 100px 0
    }
}

@media (max-width: 767.98px) {
    .ingredients-row {
        padding: 30px 0 50px;
        grid-template-columns: repeat(1, 1fr);
    }

    .ingredients-row__sub-title {
        margin-bottom: 10px
    }

    .ingredients-row__sub-title a:hover {
        color: var(--color3)
    }

    .ingredients-row__block {
        display: inline-block
    }

    .ingredients-row__item:not(:nth-child(2)) img {
        display: none
    }

    .ingredients-row__img {
        max-height: 500px
    }

    .ingredients-row--model {
        grid-template-columns: repeat(3, 1fr)
    }

    .ingredients-row--model .gallery__item img {
        display: block
    }
}

.main__insta {
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .main__insta {
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: 0
    }
}

.main__insta__item-wrapper {
    /* height: 207px; */
    width: 174px;
    position: relative;
    padding-bottom: 100%
}

@media (min-width: 992px) {
    .main__insta__item-wrapper {
        width: 100% !important;
        height: 100%
    }

    .main__insta__item-wrapper a {
        position: unset;
    }

    .main__insta img {
        max-height: 100% !important;
    }

    /* .main__insta__item {
        width: 620px !important;
    } */

    .main__insta__item-wrapper {
        position: unset;
    }
}

.main__insta__item-wrapper a,
.main__insta__item-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 767.98px) {
    .main__insta .owl-carousel {
        padding-bottom: 0
    }
}

.get-look {
    padding: 120px 0
}

.get-look__title {
    margin: 0 0 13px;
    text-align: center;
    font-size: 70px;
    line-height: 80px
}

.get-look__h3 {
    margin-top: 21px;
    font-style: italic;
    text-align: center
}

.get-look__h3--desktop {
    display: none
}

.get-look__h3--mobile {
    display: block
}

@media (min-width: 768px) {
    .get-look__h3--desktop {
        display: block
    }

    .get-look__h3--mobile {
        display: none
    }
}

.get-look__sub-title {
    margin: 0 0 3px
}

.get-look__desc {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2px;
    margin-bottom: 23px;
    text-transform: uppercase !important
}

.get-look__wrapper {
    margin: 0 auto;
    position: relative
}

@media (min-width: 768px) {
    .get-look__wrapper {
        width: 440px
    }
}

.get-look__box--one {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.get-look__box--three .get-look__desc {
    text-transform: capitalize
}

.get-look__product {
    display: flex;
    align-items: center
}

@media (min-width: 992px) {
    .get-look__product {
        position: absolute;
        display: block
    }
}

@media (min-width: 992px) {
    .get-look__product--one {
        left: -10rem;
        bottom: 186px
    }
}

@media (min-width: 992px) {
    .get-look__product--one .product-details {
        text-align: right;
        position: absolute;
        bottom: -74px;
        margin-left: -41px
    }
}

@media (min-width: 992px) {
    .get-look__product--two {
        right: -10rem;
        top: 4rem
    }
}

@media (min-width: 992px) {
    .get-look__product--two .product-details {
        position: absolute;
        left: 140px;
        width: 105%
    }
}

.get-look__product .product-image {
    flex-shrink: 0;
    width: 125px;
    margin-right: 1rem
}

@media (min-width: 992px) {
    .get-look__product .product-image {
        width: 250px;
        height: 250px;
        margin-right: 0
    }
}

.get-look__product .product-details {
    flex-grow: 1
}

.get-look__product .product-details h6 {
    margin-bottom: 8px
}

.get-look__img1,
.get-look__img2 {
    position: relative
}

.get-look__img1 {
    left: 60%;
    bottom: -109px
}

.get-look__img2 {
    left: -10%
}

.get-look__spacer {
    padding-left: 20%
}

.get-look__block {
    display: block
}

.get-look__content {
    margin-bottom: 30px
}

@media (max-width: 1199.98px) {
    .get-look .get-look__title {
        font-size: 60px;
        line-height: 60px
    }

    .get-look .get-look {
        padding: 100px 0 0
    }
}

@media (max-width: 991.98px) {
    .get-look {
        position: relative
    }

    .get-look__wrapper {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .get-look__btn {
        display: block;
        position: absolute;
        bottom: -78px;
        left: 0;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .get-look__title {
        margin: 0
    }

    .get-look__h3 {
        font-size: 32px;
        line-height: 39px;
        font-style: italic;
        margin: 0 0 30px
    }

    .get-look__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }

    .get-look__img1,
    .get-look__img2 {
        left: 0
    }

    .get-look__box:nth-child(1) {
        order: 2;
        justify-content: flex-start
    }

    .get-look__box:nth-child(2) {
        order: 1;
        display: flex;
        flex-direction: column-reverse
    }

    .get-look__box:nth-child(3) {
        order: 3
    }

    .get-look__content {
        margin-bottom: 0;
        padding-left: 15px;
        grid-row-start: 1;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .get-look__btn {
        bottom: -78px
    }

    .get-look__box {
        height: auto;
        width: auto;
        margin-bottom: 20px
    }

    .get-look__box .get-look__content {
        padding-left: 0
    }

    .get-look__box--one .get-look__content,
    .get-look__box--three .get-look__content {
        padding-left: 15px
    }

    .get-look .get-look__title {
        font-size: 32px;
        line-height: 39px
    }

    .get-look__img1 {
        bottom: auto
    }

    .get-look .get-look {
        padding: 50px 0 0
    }
}

.makeup-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
    margin-top: 20px
}

.makeup-container__text {
    background-color: #d6d3ce;
}

.makeup-container__action {
    padding: 37px 0 0
}

.makeup-container__action>div:not(:last-child) {
    margin-bottom: 20px
}

.makeup-container--blog-detail .makeup-text__title {
    margin: 12px 0 35px
}

.makeup-container--nature,
.makeup-container--help {
    margin-bottom: 20px
}

.makeup-container--nature .makeup-text__title,
.makeup-container--help .makeup-text__title {
    margin: 0 0 18px
}

.makeup-container--circular {
    text-align: center
}

.makeup-container--circular .makeup-text__title {
    margin: 0 0 36px
}

.journey .makeup-text__title {
    margin: 0 0 11px
}

.journey .makeup-text__desc {
    margin-bottom: 30px
}

.journey .makeup-text__btn {
    line-height: 21px;
    padding: 10px 29px;
    letter-spacing: .1em
}

.makeup-container--help .makeup-text {
    background-color: #0000
}

.makeup-container--help .makeup-text__desc {
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .makeup-container {
        margin-top: 0
    }

    .journey .makeup-text__btn {
        line-height: 20px;
        padding: 15px 29px
    }
}

.makeup-img {
    display: flex;
    max-height: 100% !important;
}

.makeup-img__img {
    width: 100%;
    height: 100%
}

.makeup-img_height_100 {
    display: flex;
    max-height: 100vh
}

.page-product .product-faq .makeup-img {
    display: flex;
    height: calc(var(--height-fill) - 57px);
    padding: 20px 0
}

@media (max-width: 991.98px) {
    .page-product .product-faq .makeup-img {
        height: 100%
    }
}

.page-product .product-faq .makeup-img__img {
    width: 100%;
    height: 100%
}

@media (max-width: 767.98px) {
    .page-product .product-faq .makeup-img {
        height: auto;
        padding: 0
    }
}

.makeup-text {
    display: flex;
    align-items: center
}

.makeup-text__wrapper {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 103px 0 133px
}

@media (max-width: 991.98px) {
    .makeup-text__wrapper {
        padding: 103px 0 100px
    }
}

.makeup-text__category,
.makeup-text__sub-title {
    font-size: 14px;
    line-height: 20.54px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color3)
}

.makeup-text__sub-title {
    color: var(--text);
    margin: 0 0 11px
}

.makeup-text__desc {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em
}

.makeup-text__desc>p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 22px;
    letter-spacing: -.02em
}

.makeup-text__block {
    margin: 0 0 36px
}

.makeup-text__desc-block,
.makeup-text__block,
.makeup-text__italic {
    display: block
}

.makeup-text__block:first-child {
    margin: 0 0 44px;
    padding-left: 30px
}

.makeup-text__block:last-child {
    text-align: right
}

.associated-brand {
    margin-top: 32px;
    margin-bottom: 26px
}

.makeup-text__italic {
    font-style: italic
}

@media (max-width: 768.98px) {
    .makeup-text__title {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 10px !important
    }

    hr,
    .main__insta h2 {
        margin: 20px 0px !important;
    }

    .can-not-find {
        padding: 50px 0px;
        height: auto;
    }

}

@media (max-width: 991.98px) {
    .model__right-box {
        min-height: 500px
    }

    .model .gallery {
        padding: 0 0 54px
    }

    .home-intro-text__block:first-child {
        margin: 0px;
    }

    .model__ingredients {
        padding: 200px 0 0
    }

    .image-text-content .inner {
        padding: 20px !important;
    }

    .ethical-ingredients .makeup-text__wrapper {
        margin-left: 0px !important;
    }

    .content-side h3 {
        margin-bottom: 0px;
    }

    .image-text-content .title {
        margin-bottom: 0px !important;
    }

    .model--about .model-about-wrapper {
        text-align: left
    }

    .model--about .model__title {
        font-size: 60px;
        line-height: 60px
    }

    .model--about .model .color-list__item {
        width: 30px;
        height: 30px
    }

    .model--about .model .color-list__box {
        width: 20px;
        height: 20px
    }

    .card-box {
        grid-template-columns: repeat(3, 1fr)
    }

    .free-photo {
        padding: 70px 0 35px
    }

    .free-photo__desc {
        max-width: 250px
    }

    .file-uploader__width {
        max-width: 85%
    }

    .quick-product__content {
        padding: 30px 25px 10px
    }

    .quick-product__wrapper {
        height: calc(100% - 150px);
        width: 100%
    }

    .quick-product .single-product__afterPay {
        margin: 0
    }
}

@media (max-width: 768.98px) {
    .coockie-box {
        max-width: 100%
    }

    .coockie-box__desc {
        width: calc(100% - 40px)
    }

    .coockie-box__close-wrapper {
        position: absolute;
        top: 45px;
        right: 22px
    }

    .model {
        text-align: center
    }

    .model__title {
        margin: 0 0 10px
    }

    .model__btns-wrapper>.btn:first-child {
        margin-bottom: 10px
    }

    .model__body-wrapper .banner__content {
        position: absolute;
        transform: translate(-50%, -50%)
    }

    .model__body-wrapper .banner__background-img {
        margin-bottom: 0
    }

    .model__body-wrapper .banner__title {
        color: var(--secondary);
        margin: 0
    }

    .model__body-wrapper .makeup-text__wrapper {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .model__body-wrapper .makeup-text__title {
        margin: 0 0 10px
    }

    .model__body-wrapper .makeup-text__desc {
        margin: 0 0 50px
    }

    .model__body-wrapper--active .model__footer {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 99
    }

    .model__body-wrapper--active .btn {
        border-color: #0000
    }

    .model__body-wrapper--result .model__footer {
        position: static;
        max-width: 100%;
        flex-direction: column
    }

    .model__body-wrapper--result .model__footer .btn {
        width: 100%
    }

    .model__body-wrapper--result .model__footer>.btn:first-child {
        margin-bottom: 20px
    }

    .model__body-wrapper--result .model__footer>.btn:first-child,
    .model__body-wrapper--result .model__footer>.btn:last-child {
        background-color: #0000;
        border: 1px solid;
        color: var(--text)
    }

    .model__body-wrapper--result .model__footer>.btn:first-child:hover,
    .model__body-wrapper--result .model__footer>.btn:last-child:hover {
        background-color: var(--text);
        color: var(--secondary)
    }

    .model__footer {
        max-width: 100%;
        padding: 0
    }

    .model__footer .btn {
        width: 50%
    }

    .model__footer>.btn:first-child,
    .model__footer>.btn:last-child {
        margin: 0;
        border-color: #0000
    }

    .model__footer>.btn:first-child {
        background-color: var(--primary)
    }

    .model__result {
        padding: 0
    }

    .model__result .model__title {
        font-style: italic
    }

    .model__form-box {
        max-width: 100%
    }

    .model .products {
        text-align: left
    }

    .model .products__card {
        position: relative
    }

    .model .products__card:after {
        content: "Add To CART";
        background-color: var(--primary);
        color: var(--text);
        padding: 20px 15px;
        text-align: center;
        font-size: 14px;
        line-height: 21px;
        display: block;
        margin-left: -25px;
        margin-right: -25px
    }

    .model__checkout {
        padding-top: 25px;
        max-width: 100%
    }

    .model__checkout .btn {
        background-color: var(--text);
        color: var(--secondary);
        margin-bottom: 18px
    }

    .model__checkout .btn:hover {
        background-color: var(--primary);
        color: var(--text)
    }

    .model__checkout .model__desc {
        display: none
    }

    .card-box {
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 50px
    }

    .card-box,
    .card-box img {
        width: 100%
    }

    .card-box__link-block {
        max-width: 100%
    }

    .card-box--desir-finish {
        grid-template-columns: repeat(1, 1fr);
        max-width: 100%
    }

    .model__gal-container {
        display: flex;
        flex-direction: column;
        padding: 50px 0 0
    }

    .model__gal-container .gallery {
        order: 2
    }

    .model__gal-container .gallery--model {
        padding: 0
    }

    .model__gal-container .model__main-title {
        order: 1;
        margin: 0 0 30px
    }

    .model__label {
        margin: 0 0 20px
    }

    .model--about .model__title {
        text-align: left;
        margin: 0 0 60px;
        font-size: 48px;
        line-height: 55px
    }

    .model--about .model__ingredients {
        padding: 50px 0 0
    }

    .model--about .model__ingredients .model__main-title {
        text-align: left;
        margin: 0 0 30px
    }

    .model .text-list {
        max-width: 100%
    }

    .model .text-list__check {
        margin: 0 0 22px
    }

    .model .text-list__check:before {
        margin-right: 10px
    }

    .model .accordian-head {
        padding: 24px 0
    }

    .model .accordian-head h3 {
        font-size: 21px;
        line-height: 26px
    }

    .model .accordian__body>div:last-child {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1;
        padding-left: 0
    }

    .free-photo {
        padding: 30px 0 50px
    }

    .free-photo__desc {
        max-width: 100%
    }

    .file-uploader__width {
        text-align: left
    }

    .ff_fileupload_wrap {
        min-height: 158px;
        background-color: #f6f6f4
    }

    .ff_fileupload_wrap .ff_fileupload_dropzone {
        height: 158px;
        border: 0
    }

    .ff_fileupload_wrap .ff_fileupload_dropzone,
    .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
    .ff_fileupload_wrap .ff_fileupload_dropzone:active,
    .ff_fileupload_wrap .ff_fileupload_dropzone:hover {
        background-color: #f6f6f4
    }

    .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
        width: calc(100% - 110px)
    }

    .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename input {
        font-size: 13px;
        line-height: 17px
    }

    .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions {
        width: 60px
    }

    .file-uploader__drag {
        border: 0;
        padding: 0
    }

    .foundation__title {
        margin: 0 0 10px
    }

    .footer-part-two ul:first-child {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-column-end: 8
    }

    .footer-part-two ul:nth-child(2) {
        grid-row-start: 1;
        grid-column-start: 9;
        grid-row-end: 2;
        grid-column-end: 15
    }

    .footer-part-two ul:nth-child(3) {
        grid-row-start: 2;
        grid-column-start: 9;
        grid-row-end: 2;
        grid-column-end: 15
    }

    .footer-part-two ul li:last-child {
        margin-bottom: 16px
    }

    .footer-part-two ul li a {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: .05em
    }

    .footer-part-three {
        font-size: 10px;
        line-height: 14px;
        padding: 23.5px 25px;
    
    }

    .dots-styled {
        padding-bottom: 0px
    }

    .dots-styled .owl-dots {
        border-bottom: 1px solid rgba(197, 197, 197, .99)
    }
}

@media (max-width: 575.98px) {
    .model__block {
        display: inline
    }

    .model .featured-tabs-item:not(:last-child) {
        margin-bottom: 5px
    }

    .key-points,
    .card-box--skin-ton,
    .card-box--natural {
        grid-template-columns: repeat(1, 1fr)
    }

    .ff_fileupload_fileinfo {
        display: none
    }

    .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile {
        display: none !important
    }

    .footer-part-two ul a {
        display: block
    }
}

.about-hero {
    position: relative;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden
}

@media (min-width: 992px) {
    .about-hero {
        height: var(--height-fill)
    }
}

.about-hero:before {
    content: "";
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #f6f6f4;
    z-index: 9
}

.about-hero--height {
    height: 740px;
    text-align: left;
    margin-bottom: 0
}

.about-hero__background-img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 492px
}

.about-hero__content {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: calc(100% - 113px);
    left: 50%;
    transform: translate(-50%, -50%)
}

.about-hero__content--start {
    top: 0;
    left: 0;
    padding: 60px 4.5%;
    transform: translate(0)
}

.about-hero__title {
    color: var(--secondary);
    margin: 0;
    font-size: 70px;
    line-height: 80px;
    overflow: hidden
}

.about-hero__title>span {
    display: block
}

.about-hero--about {
    margin-bottom: 0
}

.about-hero--about .banner__content {
    top: calc(100% - 110px)
}

@media (max-width: 768.98px) {
    .about-hero {
        margin-bottom: 50px
    }

    .about-hero__title {
        font-size: 48px !important;
        line-height: 55px !important
    }
}

.intro-section {
    padding: 100px
}

.intro-section-wrapper {
    width: 100%;
    max-width: 821px;
    margin: 0 auto;
    text-align: center
}

.intro-section-title--spacer {
    margin: 38px 0 0
}

.intro-section__block {
    display: block
}

.intro-section__italic {
    font-style: italic
}

.intro-section--option2 .intro-section-title:not(:first-child) {
    margin: 38px 0 0
}

.intro-section-title>em {
    font-family: var(--font-primary);
    font-style: italic
}

@media (max-width: 767.98px) {
    .intro-section {
        font-size: 48px;
        line-height: 55px;
        margin: 0 0 25px;
        padding-left: 0;
        padding-right: 0
    }



    .intro-section-title>em:first-of-type {
        font-size: 30px;
        line-height: 35px;
        display: block;
        margin-bottom: 0px
    }

    .intro-section-title>em:last-of-type {
        font-family: var(--font-primary);
        font-style: normal
    }

    .intro-section-title>br:first-of-type {
        display: none
    }

    .about-intro .intro-section-title em {
        font-style: normal;
        font-family: var(--font-primary)
    }

    .intro-section {
        padding: 0px !important;
    }

    .intro-section-wrapper {
        text-align: left
    }

    .intro-section-title {
        font-family: var(--font-primary);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
    }

    .intro-section-title>br:first-of-type {
        display: inline
    }
}

.founder {
    padding: 50px 0 0;
    text-align: center
}

.founder__main-title {
    font-size: 70px;
    line-height: 80px;
    margin: 0 0 30px
}

.featured-box-shop {
    display: flex;
    justify-content: end;
}

.founder__link-block {
    display: flex;
    position: relative
}

.founder__link-block:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 3
}

.founder__img {
    width: 100%
}

@media (max-width: 767.98px) {
    .founder__link-block {
        height: 300px
    }

    .founder__link-block:before {
        transform: scale(.55)
    }
}

@media (max-width: 1199.98px) {
    .founder__main-title {
        font-size: 60px;
        line-height: 60px
    }
}

@media (max-width: 767.98px) {
    .founder {
        padding: 50px 0
    }

    .founder__main-title {
        font-size: 48px;
        line-height: 55px;
        margin: 0 0 25px
    }
}

.ethical-ingredients {
    padding: 80px 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.ethical-ingredients .makeup-text__wrapper {
    margin-left: 40px
}

.ethical-ingredients .makeup-text__title {
    margin: 0 0 20px
}

.ethical-ingredients__images {
    display: flex;
    justify-content: flex-end
}

.ethical-ingredients__images--container {
    display: grid;
    grid-template-columns: auto;
    position: relative;
    width: 100%;
}

.ethical-ingredients__images--container .image-1 {
    max-width: 270px;
}

.ethical-ingredients__images--container .image-2 {
    max-width: 180px;
    margin-left: auto;
    margin-top: -90px
}

.ethical-ingredients__images--container .image-3 {
    max-width: 94px;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    .ethical-ingredients__images--container .image-2 {
        max-width: 78px;
        margin-top: -150px;
        z-index: 3
    }

    .ethical-ingredients__images--container .image-3 {
        margin-top: -100px;
        max-width: 130px;
        margin-right: 30px
    }
}

@media (max-width: 767.98px) {
    .ethical-ingredients .makeup-text__title {
        font-size: 16px;
        line-height: 23px;
        margin: 0 0 22px;
        letter-spacing: -.02em;
        font-family: var(--font-secondary)
    }
}

@media (max-width: 991.98px) {
    .ethical-ingredients__images {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1;
        justify-content: center
    }

    .ethical-ingredients .text-list {
        width: 100%;
        /* max-width: 448px; */
        /* margin: 0 auto 36px */
    }

    .ethical-ingredients__hide-mobile {
        display: none
    }

    .ethical-ingredients .makeup-text__wrapper {
        padding-bottom: 0 !important
    }
}

@media (max-width: 767.98px) {
    .ethical-ingredients {
        background-color: #e4e1dc;
        padding: 25px 25px 50px;
        grid-template-columns: repeat(1, 1fr);
        margin: 0px !important;
        overflow-x: hidden;
    }

    .ethical-ingredients .makeup-text__btn {
        background-color: var(--secondary)
    }

    .ethical-ingredients .makeup-text__btn:hover {
        background-color: var(--text)
    }

    .ethical-ingredients .text-list {
        max-width: 100%
    }

    .ethical-ingredients .makeup-text__wrapper {
        padding-top: 50px;
        margin-left: 0
    }
}

.sus-hero {
    position: relative;
    height: var(--height-fill);
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden
}

@media (min-width: 992px) {
    .sus-hero {
        min-height: 570px
    }
}

.sus-hero:before {
    content: "";
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99
}

.sus-hero--height {
    height: 740px;
    text-align: left;
    margin-bottom: 0
}

.sus-hero__background-img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    /* min-height: 492px */
}

.sus-hero__content {
    /* border: 3px solid green; */
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    /* left: 50%; */
    /* transform: translate(-50%, -50%) */
}

.sus-hero__content--start {
    top: 0;
    left: 0;
    padding: 60px 4.5%;
    transform: translate(0)
}

.sus-hero__main-title {
    margin: 0 0 20px
}

.sus-hero__main-title--right em>div>div {
    padding: 0 10px;
    margin: 0 -10px
}

.sus-hero__title {
    color: var(--secondary);
    margin: 0 0 19px;
    font-size: 70px;
    line-height: 80px
}

.sus-hero__block {
    display: block
}

.sus-hero__italic {
    font-style: italic
}

.sus-hero--spacer {
    height: auto;
    margin-bottom: 0
}

.sus-hero--spacer .banner__background-img {
    max-height: 748px;
    height: auto;
    margin-bottom: 0
}

.sus-hero--center__sub-title {
    font-size: 14px;
    line-height: 24px
}

.sus-hero--center .banner__content {
    top: 50%;
    color: var(--secondary)
}

.sus-hero--center .banner__block {
    font-style: italic
}

.sus-hero-sustain {
    background-color: #e3dfdc;
    text-align: left;
    margin: 0 -25px
}

.sus-hero.sus-hero-sustain {
    background-color: transparent;
    max-height: 700px;
    height: 100%;
}

@media (min-width: 992px) {
    .sus-hero-sustain {
        margin: 0
    }
}

.sus-hero-sustain .sus-hero__background-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /* height: 89.5vh; */
}

.sus-hero-sustain .sus-hero__wrapper {
    position: relative;
    z-index: 1;
    padding-top: 15%;
    max-height: 700px;
    height: 100%;
}

/* .bg-overlay{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.2;
} */
/* @media (min-width: 1100px) {
    .sus-hero-sustain .sus-hero__wrapper {
        padding-top: 150px !important;
    }
} */

.sus-hero-sustain .sus-hero__content {
    position: static;
    /* transform: none; */
    padding: 0 25px;
    max-width: 780px;
    height: 100%
}

@media (min-width: 992px) {
    .sus-hero-sustain .sus-hero__content {
        padding: 0 78px
    }
}

@media (max-width: 991.98px) {

    .sus-hero-sustain .sus-hero__content .sus-hero__box,
    .sus-hero-sustain .sus-hero__content .sus-hero__content-wrapper,
    .sus-hero-sustain .sus-hero__content .sus-hero__head {
        height: 100%
    }
}

@media (max-width: 991.98px) {
    .sus-hero-sustain .sus-hero__content .sus-hero__head {
        /* display: flex; */
        flex-flow: column;
        justify-content: space-between
    }
}

.sus-hero-sustain .sus-hero__main-title {
    margin-bottom: 60px;
    color: #fff;
}

.sus-hero__main-title .paragraph-one {
    animation: fadeIn 0.6s ease-in;
}

@media (max-width: 991.98px) {
    .sus-hero-sustain .sus-hero__main-title {
        font-size: 30px !important;
        line-height: 35px !important
    }
}

.sus-hero-sustain .sus-hero__main-title--right {
    max-width: 60%
}

@media (min-width: 992px) {
    .sus-hero-sustain .sus-hero__main-title--right {
        text-align: right;
        max-width: 100%
    }
}

.sus-hero-sustain .sus-hero__foot {
    display: none;
    position: absolute;
    bottom: 100px;
    overflow: hidden
}

@media (min-width: 992px) {
    .sus-hero-sustain .sus-hero__foot {
        display: block
    }
}

.sus-hero-sustain .banner__background-img {
    width: 50%;
    margin: auto 0 auto auto
}

.sus-hero-sustain .banner__content {
    top: 50%;
    width: 100%
}

.sus-hero-sustain .banner__box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5%, 1fr));
    text-align: left
}

.sus-hero-sustain .banner__content-wrapper {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 6;
    grid-column-end: 6;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 60vh;
    align-items: flex-start
}

.sus-hero-sustain .banner__main-title {
    color: var(--text)
}

.sus-hero-sustain .banner__main-title--right {
    padding-left: 10%;
    text-align: right;
    transform: translate(60px);
}

@media (max-width: 767.98px) {
    .sus-hero {
        margin-bottom: 50px
    }

    .sus-hero-sustain {
        margin: 0px -20px 20px -20px !important;
    }

    .collapsible-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .faq-principle .accordian__sign {
        margin-right: 20px;
    }

    .sus-hero-sustain .banner__main-title--right {
        max-width: 216px;
        text-align: left;
        transform: translate(0)
    }

    .sustain {
        overflow-x: hidden;
    }

    .sustain .banner {}

    .main__insta h2 {
        margin: 30px 0px;
    }
}

.no-transition {
    transition: none !important
}

.pair-with {
    position: relative
}

.pair-with__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: var(--height-fill);
    padding-bottom: 20px;
    padding-top: 20px;
    align-items: stretch
}

.pair-with__image {
    position: relative;
    height: 100%
}

.pair-with__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute
}

.pair-with__right {
    background: var(--color2);
    align-items: center;
    position: relative
}

.pair-slider,
.pair-description {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 9
}

.pair-slider__items {
    display: flex;
    position: relative;
    justify-content: flex-end;
    width: 100%
}

.pair-slider__item {
    position: relative
}

.pair-slider__item {
    height: 150px;
    width: 150px;
    cursor: pointer
}

.pair-slider__item img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.pair-slider__active {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(-50%, -50%, 0)
}

.pair-slider__active img {
    height: 150px;
    transform: scale(2.5)
}

.pair-description {
    z-index: 11;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.pair-description__inner {
    grid-column: 2;
    margin-left: 225px;
    height: 210px;
    overflow: hidden
}

.pair-description__items {
    transform: translateY(210px)
}

.pair-description__item {
    display: flex;
    justify-content: center;
    height: 210px;
    flex-direction: column;
    max-width: 230px
}

.pair-description__item>p {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px
}

.pair-description__item>h4 {
    font-family: var(--font-untitled);
    margin-top: 7px;
    margin-bottom: 17px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.pair-description__item .btn {
    width: fit-content;
    padding: 10px 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 146.7%;
    letter-spacing: .1em;
    text-transform: uppercase
}

.pair-mobile {
    margin: 0 -25px 25px;
    padding: 40px 20px;
    background: #e4e1dc
}

.pair-mobile__heading {
    margin-bottom: 25px
}

.pair-mobile .pair-card__image {
    height: 332px
}

.pair-mobile .pair-card__image img {
    height: 100%
}

.pair-mobile .pair-card__product-img {
    margin-top: -130px
}

.pair-mobile .pair-card__product-img span {
    display: none;
    max-width: 280px;
    max-height: 280px;
    margin: 0 auto
}

.pair-mobile .pair-card__product-img span:first-of-type {
    display: block
}

.pair-mobile .pair-card__product-img img {
    object-fit: none
}

.pair-mobile .owl-dots--styled .owl-dots {
    margin-top: 0 !important
}

.pair-mobile .pair-description__item {
    font-size: 14px;
    height: auto;
    line-height: 24px;
    letter-spacing: -.02em;
    margin-bottom: 10px;
    max-width: none
}

.pair-mobile .pair-description__item h4,
.pair-mobile .pair-description__item p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.02em;
    max-width: 225px
}

.pair-mobile .pair-description__item .btn {
    width: 100%;
    display: block;
    background: #fff;
    line-height: 22px;
    padding: 14px 30px;
    margin-top: 25px
}

.pair-mobile .pair-description__item .btn:hover {
    background: var(--text)
}

.image-text__section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
    margin-top: 20px
}

.image-text__section--image-last .image-text__image {
    order: 2
}

.image-text__image {
    display: flex;
    /* max-height: 100vh */
}

.image-text__image img {
    width: 100%;
    height: 100%
}

.image-text-content {
    display: flex;
    align-items: center;
    background-color: var(--color2)
}

.image-text-content .inner {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 103px 0 133px
}

.image-text-content .title {
    margin: 0 0 18px
}

@media (max-width: 1199.98px) {
    .image-text__section {
        padding: 25px 25px 0;
        margin-left: -25px;
        margin-right: -25px
    }
}

@media (max-width: 991.98px) {
    .image-text__section {
        grid-template-columns: 100%;
        margin: 0px;
        padding: 0px;
    }

    .image-text__section--image-last .image-text__image {
        order: 1
    }

}

@media (max-width: 767.98px) {
    .image-text__section {
        background-color: #e4e1dc;
        margin-bottom: 0;
        margin-top: 0
    }

    .image-text-content {
        background-color: #0000
    }

    .image-text-content .inner {
        padding: 20px;
    }

    .image-text-content .title {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px !important
    }

    .home-intro-text__block:first-child {
        margin: 0px;
    }

    .text-list {
        margin-bottom: 0px !important;
    }

    .ethical-ingredients {
        padding: 25px;
    }
}


.main {
    margin-top: 0
}

.text-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 36px;
}

.text-list__check {
    margin-bottom: 5px
}

.text-list__check {
    margin-right: 10px;
}

.brands-testimonial h3 {
    font-size: 36px;
    line-height: 120%
}

@media (max-width: 767.98px) {
    .brands-testimonial h3 {
        font-size: 32px;
        line-height: 39px
    }
}

.banner--center .banner__sub-title {
    font-size: 14px;
    line-height: 18px
}

@media (max-width: 991.98px) {
    .banner-height--700 {
        height: 740px
    }

    .makeup-container {
        grid-template-columns: repeat(1, 1fr)
    }

    .makeup-container__img2,
    .makeup-container--circular .makeup-img,
    .makeup-container--help .makeup-img {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .makeup-container--nature:last-of-type .makeup-container__text {
        order: 2
    }

    .makeup-container--nature:last-of-type .makeup-text__wrapper {
        padding-bottom: 75px !important
    }

    .makeup-img__img {
        max-height: 500px
    }

    .makeup-text__wrapper {
        max-width: 90%
    }

    .makeup-text__btn {
        display: block
    }

    .makeup-text__desc {
        margin-bottom: 0 !important
    }

    .makeup-text__desc p:last-of-type {
        margin-bottom: 0
    }

    .feature-box-title {
        grid-column-end: auto
    }

    .featured-box-list {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: -1
    }

    .feature-box--row .feature-box-title {
        grid-column-end: 2
    }
}

@media (max-width: 991.98px)and (max-width: 991.98px) {
    .feature-box--carousel .feature-box-title {
        text-align: center
    }
}

@media (max-width: 991.98px)and (max-width: 991.98px) {
    .feature-box {
        grid-template-columns: auto
    }

    .feature-box-shop {
        display: none
    }

    .feature-box-title {
        margin-bottom: 23px;
        text-align: center
    }

    .featured-box-content {
        text-align: center;
        grid-template-columns: auto
    }

    .feature-box .feature-tabs {
        justify-content: center
    }
}

@media (max-width: 991.98px) {
    .products--feature-box .products__card {
        min-height: auto
    }

    .products--feature-box img {
        margin-bottom: 5px
    }
}

@media (max-width: 991.98px)and (min-width: 992px) {
    .products--feature-box img {
        max-height: 100%
    }
}

@media (max-width: 991.98px) {
    .gallery {
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery__item--one {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .gallery--model {
        grid-template-columns: repeat(3, 1fr)
    }

    .gallery--model .gallery__item:nth-child(4),
    .gallery--model .gallery__item:nth-child(5) {
        display: none
    }
}

@media (max-width: 991.98px) {
    .get-look {
        position: relative
    }

    .get-look__wrapper {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .get-look__btn {
        display: block;
        position: absolute;
        left: 0;
        width: 100%
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .get-look {
        padding-top: 0
    }
}

@media (max-width: 991.98px) {
    .people-saying-box {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }

    .people-saying__img {
        max-height: 420px
    }

    .people-saying__absolute {
        bottom: 325px;
        transform: translate(0)
    }

    .blog-detail-banner {
        margin-top: 0px;
        height: unset !important;
    }

    .blog-waves {
        padding-bottom: 16px;
    }

}

@media (max-width: 767.98px) {
    .banner {
        height: auto
    }

    .banner.banner--height {
        height: auto;
        margin-bottom: 0px;
    }

    .banner__background-img {
        margin-bottom: 25px
    }

    .description-grid-benefits .left-side img {
        padding-right: 0px;
    }

    .more-blogs {
        padding: 0px;
    }

    .match-made h2 {
        margin: 16px 0px;
    }

    .collection-card-details {
        margin: 10px;

    }

    .favourite img {
        height: unset;
        padding: 10px 0px 10px 40px;
    }

    .collection-heaven .page-width,
    .description-two .page-width,
    .skin-benefits .page-width {
        padding: 0px 20px;
        display: block;
    }

    .banner--height {
        height: 740px
    }

    .blog-detail-banner {
        margin-top: 70px;
        padding: 20px;
    }

    .text-blocks {
        padding: 25px;
    }



    .blog-detail-banner h2 {
        margin-top: 120px;
    }

    .banner__content:not(.banner__content--start) {
        position: static;
        transform: translate(0)
    }

    .banner__title {
        color: var(--text);
        font-size: 32px;
        line-height: 39px
    }

    .banner--center {
        margin-bottom: 0
    }

    .banner--center .banner__content {
        position: absolute;
        transform: translate(-50%, -50%)
    }

    .banner--center .banner__background-img {
        margin-bottom: 0
    }

    .banner--center .banner__main-title {
        margin: 0 0 10px
    }

    .banner--about .banner__content {
        position: absolute;
        transform: translate(-50%, -50%)
    }

    .banner--about .banner__title {
        font-size: 48px;
        line-height: 55px;
        color: var(--secondary)
    }

    .banner--about .banner__background-img {
        margin-bottom: 0
    }

    .banner--sustain {
        margin-bottom: 0;
        height: calc(100vh - 52px)
    }

    .banner--sustain .banner__background-img {
        width: 60%;
        margin: auto 0 0 auto;
        position: absolute;
        bottom: -140px;
        right: 0px
    }

    .banner--sustain .banner__content {
        position: absolute;
        transform: translate(-50%, -50%);
        width: calc(100% - 50px)
    }

    .banner--sustain .banner__content-wrapper {
        height: 80vh;
        grid-column-start: 1;
        grid-column-end: -1
    }

    .banner--sustain .banner__head {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .banner--sustain .banner__main-title--right {
        padding-left: 0;
        margin-bottom: 0
    }

    .makeup-container {
        background-color: var(--color2)
    }

    .makeup-container__action>div:not(:last-child) {
        margin-bottom: 0
    }

    .makeup-container__action>div:last-child .btn {
        background-color: var(--secondary)
    }

    .makeup-container__action>div:last-child .btn:hover {
        background-color: var(--text)
    }

    .makeup-container--blog-detail {
        text-align: center;
        margin-bottom: 0
    }

    .makeup-container--blog-detail .makeup-text__title {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 15px
    }

    .makeup-container--blog-detail .makeup-text__desc {
        margin: 0
    }

    .makeup-container--nature {
        background-color: #e4e1dc;
        margin-bottom: 0
    }

    .makeup-container--members {
        background-color: #0000
    }

    .makeup-container--members .makeup-text__wrapper {
        padding: 50px 0 20px
    }

    .makeup-container--circular {
        background-color: #e4e1dc
    }

    .makeup-container--circular .makeup-text__title {
        margin-bottom: 10px
    }

    .makeup-container--circular .makeup-text__desc:last-child {
        margin-bottom: 0
    } 

    .makeup-container hr,
    .makeup-container .accordian-item {
        border-color: #c5c5c5fc
    }

    .makeup-container--help {
        background-color: #0000
    }

    .makeup-container--help .makeup-text__title {
        margin: 0 0 10px
    }

    .makeup-text {
        background-color: #0000
    }

    .makeup-text__wrapper {
        padding: 26px 0 50px
    }

    .makeup-text__title--h2-1 {
        margin: 0 0 30px
    }

    .makeup-text__title--h2-2 {
        margin: 0 0 25px
    }

    .makeup-text__desc {
        margin: 0 0 30px
    }

    .makeup-text .text-list__check:not(:last-child) {
        margin-bottom: 22px
    }

    .makeup-text__wrapper {
        max-width: 100%
    }

    .text-list {
        display: block
    }

    .perfect-shade {
        padding-left: 0;
        padding-right: 0
    }

    .perfect-shade__title {
        margin: 0 0 21px
    }

    .perfect-shade__1,
    .perfect-shade__6 {
        display: none
    }

    .perfect-shade__2 {
        grid-row-start: 2;
        grid-column-start: 3;
        grid-row-end: 3;
        grid-column-end: 5
    }

    .perfect-shade__2>div>div {
        margin-top: -170px
    }

    .perfect-shade__3 {
        grid-row-start: 3;
        grid-column-start: 1;
        grid-row-end: 4;
        grid-column-end: -1;
        padding: 0
    }

    .perfect-shade__4 {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: 4
    }

    .perfect-shade__4 img {
        margin-top: 0
    }

    .perfect-shade__5 {
        grid-row-start: 1;
        grid-column-start: 5;
        grid-row-end: 2;
        grid-column-end: -1;
        position: relative;
        z-index: 10;
        display: grid;
        align-items: center
    }

    .brands-testimonial {
        padding: 50px 25px 0
    }

    .feature-box {
        padding-top: 20px
    }

    .feature-box-shop {
        display: none
    }

    .featured-box-content {
        grid-column: 1/-1;
        text-align: center
    }

    .contactus-modal .img-side {
        display: none;
    }

    .contact-main-form .description {
        margin-left: 0px;
    }

    .contactus-modal .modal-dialog {
        min-width: auto !important;
    }

    .contactus-modal .content-side {
        padding: 16px;
        width: 100%;
    }

    .contact-main-form {
        display: block;
        padding: 0px;
    }

    .contact-fill {
        padding-top: 80px;
    }

    .contact-main-form .content-side {
        padding: 0px;
    }

    hr {
        background-color: aliceblue;
        margin: 0px !important;
    }

    .main__insta.full-width h2 {
        margin: 16px;
    }

    .contacts-follow .main__insta__item-wrapper {
        width: 100%;
    }
}

@media (max-width: 767.98px)and (max-width: 991.98px) {
    .featured-box-content {
        grid-template-columns: auto
    }
}

@media (max-width: 767.98px) {
    .feature-box-title {
        margin-bottom: 23px
    }
}

@media (max-width: 767.98px) {
    .feature-box .feature-tabs {
        justify-content: center;
        margin-left: 0px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767.98px) {
    .feature-box--row {
        grid-template-columns: auto
    }

    .feature-box--row .feature-box-shop {
        display: none
    }

    .feature-box--row .feature-box-title {
        margin: 0
    }
}

@media (max-width: 767.98px) {
    .gallery {
        padding: 30px 0 50px;
        grid-template-columns: repeat(1, 1fr)
    }

    .gallery__block {
        display: inline-block
    }

    .gallery__item:not(:nth-child(2)) img {
        display: none
    }

    .gallery__img {
        max-height: 500px
    }

    .gallery--model {
        grid-template-columns: repeat(3, 1fr)
    }

    .gallery--model .gallery__item img {
        display: block
    }
}

@media (max-width: 767.98px) {
    .people-saying__title {
        margin-bottom: 25px;
        text-align: left;
        margin-top: 20px !important;
    }

    .banner__content--start {
        padding: 60px 25px;
    }

    .feature-content__tab {
        margin-top: 0px;
    }

    .sustain__sub-title {
        color: var(--text);
        margin: 0 0 10px
    }

    .sustain__title {
        font-size: 32px;
        line-height: 39px
    }

    .sustain__btn {
        display: inline-block !important;
        background-color: var(--primary)
    }
}

@media (max-width: 767.98px) {
    .get-look__title {
        margin: 0
    }

    .get-look__h3 {
        font-size: 32px;
        line-height: 39px;
        font-style: italic;
        margin: 0 0 30px
    }

    .get-look__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr))
    }

    .get-look__img1,
    .get-look__img2 {
        left: 0
    }

    .get-look__box:nth-child(1) {
        order: 2;
        justify-content: flex-start
    }

    .get-look__box:nth-child(2) {
        order: 1;
        display: flex;
        flex-direction: column-reverse
    }

    .get-look__box:nth-child(3) {
        order: 3
    }

    .get-look__spacer {
        padding-left: 0
    }

    .get-look__grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(21%, 1fr));
        align-items: center;
        width: 100%
    }

    .get-look__content {
        margin-bottom: 0;
        padding-left: 15px;
        grid-row-start: 1;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .get-look__block img {
        max-height: 500px;
        width: 100%;
        display: flex
    }

    .get-look__btn {
        bottom: -78px
    }
}

@media (max-width: 991.98px) {
    .products__box {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 25px
    }

    .products__wrapper {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: -1;
        padding: 15px 15px 0px;
    }

    .products__card {
        padding: 25px 25px 0
    }

    .products__card .products__hover-display {
        display: block
    }
}

@media screen and (max-width: 991.98px)and (pointer: coarse) {
    .products__card .products__hover-display-img {
        display: none !important
    }
}

@media (max-width: 991.98px) {
    .products__card .product__cart-wrapper {
        position: static
    }
}

@media (max-width: 991.98px) {

    .products__card .products__hover-display img,
    .products__card:hover .products__hover-display img {
        display: none
    }

    .products__card .product__cart-wrapper,
    .products__card:hover .product__cart-wrapper {
        position: static
    }
}

@media (max-width: 991.98px) {
    .products__price {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 5;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 10px
    }
}

@media (max-width: 991.98px)and (max-width: 767.98px) {
    .products__price {
        margin-bottom: 10px
    }
}

@media (max-width: 991.98px) {
    .products__price p {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 991.98px) {
    .products__title {
        margin: 0 0 5px
    }
}

@media (max-width: 991.98px) {
    .products__cart {
        background-color: var(--primary);
        color: var(--text)
    }
}

@media (max-width: 991.98px) {
    .products--feature-box .products__card {
        padding: 0px
    }
}

@media (max-width: 991.98px)and (min-width: 992px) {
    .products--feature-box .products__card {
        padding: 25px 25px 0
    }
}

@media (max-width: 991.98px) {
    .products--mobile-shop .product-box {
        row-gap: 3px
    }
}

@media (max-width: 991.98px)and (max-width: 991.98px) {
    .products--collection .products__hover-display {
        display: none
    }
}

@media (max-width: 991.98px) {
    .makeup-container {
        grid-template-columns: repeat(1, 1fr)
    }

    .makeup-container__img2,
    .makeup-container--circular .makeup-img,
    .makeup-container--help .makeup-img {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }
}

@media (max-width: 991.98px) {
    .makeup-img__img {
        max-height: 500px
    }
}

@media (max-width: 991.98px) {
    .makeup-text__wrapper {
        max-width: 100%
    }

    .makeup-text__btn {
        display: block
    }
}

@media (max-width: 991.98px) {
    .home-intro .text-list {
        display: block
    }
}

@media (max-width: 767.98px) {
    .instagram {
        padding: 100px 0 0
    }

    .instagram__box4,
    .instagram__box5,
    .instagram__box6 {
        display: none
    }

    .instagram__wrapper {
        grid-template-columns: repeat(3, 1fr)
    }

    .instagram--spacer {
        padding: 50px 0 0
    }

    .banner {
        height: auto
    }

    .banner__background-img {
        margin-bottom: 0
    }

    .banner--height {
        height: 740px
    }

    .banner__content:not(.banner__content--start) {
        position: static;
        transform: translate(0)
    }

    .banner__title {
        color: var(--text);
        font-size: 32px;
        line-height: 39px
    }

    .banner--center {
        margin-bottom: 0
    }

    .banner--center .banner__content {
        top: auto;
        bottom: 10px;
        position: absolute;
        transform: translate(-50%, -50%)
    }

    .banner--center .banner__content h4 {
        font-size: 28px;
        line-height: 34px
    }

    .banner--center .banner__background-img {
        margin-bottom: 0
    }

    .banner--center .banner__main-title {
        margin: 0 0 10px
    }

    .banner--about .banner__content {
        position: absolute;
        transform: translate(-50%, -50%)
    }

    .banner--about .banner__title {
        font-size: 48px;
        line-height: 55px;
        color: var(--secondary)
    }

    .banner--about .banner__background-img {
        margin-bottom: 0
    }

    .banner--sustain {
        margin-bottom: 0;
        height: calc(100vh - 52px)
    }

    .banner--sustain .banner__background-img {
        width: auto;
        margin: auto 0 0 auto;
        position: absolute;
        bottom: -140px;
        right: auto;
        left: 40px
    }

    .banner--sustain .banner__content {
        position: absolute;
        transform: translate(-50%, -50%);
        width: calc(100% - 50px)
    }

    .banner--sustain .banner__content-wrapper {
        height: 83vh;
        grid-column-start: 1;
        grid-column-end: -1
    }

    .banner--sustain .banner__head {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .banner--sustain .banner__main-title--right {
        padding-left: 0;
        margin-bottom: 0
    }

    .makeup-container {
        background-color: var(--color2)
    }

    .makeup-container__action>div:not(:last-child) {
        margin-bottom: 0
    }

    .makeup-container__action>div:last-child .btn {
        background-color: var(--secondary)
    }

    .makeup-container__action>div:last-child .btn:hover {
        background-color: var(--text)
    }

    .makeup-container--blog-detail {
        text-align: center
    }

    .makeup-container--blog-detail .makeup-text__title {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 15px
    }

    .makeup-container--blog-detail .makeup-text__desc {
        margin: 0
    }

    .makeup-container--nature {
        background-color: #e4e1dc;
        margin-bottom: 0
    }

    .makeup-container--members {
        padding-top: 0 !important;
        background-color: #0000
    }

    .makeup-container--members .makeup-text__wrapper {
        padding: 50px 0 20px
    }

    .makeup-container--members .associated-brand {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .makeup-container--members .associated-brand:first-of-type {
        margin-bottom: 30px
    }

    .makeup-container--members .makeup-text__sub-title {
        margin-bottom: 0
    }

    .makeup-container--members .makeup-text__desc {
        margin-bottom: 25px
    }

    .makeup-container--members .makeup-text__desc>p {
        margin-bottom: 0
    }

    .makeup-container--circular {
        background-color: #e4e1dc
    }

    .makeup-container--circular .makeup-text__wrapper {
        padding-top: 50px
    }

    .makeup-container--circular .makeup-text__title {
        margin-bottom: 15px !important
    }

    .makeup-container--circular .makeup-text__desc:last-child {
        margin-bottom: 0
    }

    .makeup-container--circular .mahati-circular { 
        margin-bottom: 25px
    }

    .makeup-container hr,
    .makeup-container .accordian-item {
        border-color: #c5c5c5fc
    }

    .makeup-container--help {
        background-color: #0000
    }

    .makeup-container--help .makeup-text__title {
        margin: 0 0 10px
    }

    .makeup-text {
        background-color: #0000
    }

    .makeup-text__wrapper {
        padding: 26px 0 50px;
        padding-top: 25px !important;
        padding-bottom: 50px !important
    }

    .makeup-text__title--h2-1 {
        margin: 0 0 30px
    }

    .makeup-text__title--h2-2 {
        margin: 0 0 25px
    }

    .makeup-text__desc {
        margin: 0 0 30px;
        padding: 20px 0px 0px 0px;
    }

    .makeup-text .text-list__check:not(:last-child) {
        margin-bottom: 10px
    }

    .makeup-text__wrapper {
        max-width: 100%
    }

    .text-list {
        display: block
    }

    .sustain__sub-title {
        color: var(--text);
        margin: 0 0 10px
    }

    .sustain__title {
        font-size: 32px;
        line-height: 39px
    }

    .sustain__btn {
        display: inline-block;
        background-color: var(--primary)
    }
}

@media (max-width: 575.98px) {
    .instagram__img {
        max-height: 180px;
        min-height: 180px
    }
}

@media screen and (pointer: coarse) {
    .owl-carousel .owl-item img.products__hover-display-img {
        display: none !important
    }
}

.inline-select {
    --bg-color: #EFECE6;
    max-width: 295px;
    position: relative;
    margin-top: 11px
}

.inline-select__main {
    padding: 8px 15px;
    border: 1px solid rgba(197, 197, 197, .99);
    background: var(--bg-color);
    cursor: pointer;
    display: flex;
    user-select: none;
    align-items: center
}

.inline-select__arrow {
    margin: auto 0 auto auto;
    flex-shrink: 0
}

.inline-select__dropdown {
    border: 1px solid rgba(197, 197, 197, .99);
    border-top: none;
    position: absolute;
    top: 100%;
    width: 100%;
    background: var(--bg-color);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 999
}

.inline-select__dropdown>ul {
    margin: 0;
    padding: 10px 20px;
    max-height: 140px;
    overflow-y: auto
}

.inline-select .inline-option {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    padding: 10px 0;
    cursor: pointer;
    align-items: center;
    position: relative
}

.inline-select .inline-option__name {
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    letter-spacing: -.02em;
    color: #000
}

.inline-select .inline-option__image {
    width: 20px;
    height: 20px;
    position: relative
}

.inline-select .inline-option__image:before {
    content: " ";
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    border: solid 1px #000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

.inline-select .inline-option__image img {
    height: 100%;
    width: 100%;
    border-radius: 50%
}

.inline-select .inline-option__checkbox {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0;
    left: 0;
    top: 0
}

.inline-select .inline-option__checkbox:checked~div>.inline-option__image:before,
.inline-select .inline-option__trigger:hover .inline-option__image:before {
    opacity: 1;
    visibility: inherit
}

.inline-select .inline-option__checkbox:disabled~div>.inline-option__image:before {
    opacity: 0 !important
}

.inline-select .inline-option__checkbox:disabled~.inline-option {
    pointer-events: none;
    opacity: .3
}

.inline-select .inline-option__trigger.disabled {
    opacity: .6;
    pointer-events: none
}

.inline-select__selected-name {
    padding-right: 15px
}

.inline-select__selected-name .inline-option {
    padding: 0;
    align-items: start
}

.inline-select__selected-name .inline-option__image {
    top: 2px
}

.inline-select__selected-name .inline-option__name {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em
}

.inline-select--sample {
    margin-top: -1px
}

.inline-select--sample .inline-select__selected-name .inline-option__name:before {
    content: "Sample "
}

.inline-select--sample .inline-select__selected-name .inline-option__name.no-prefix:before {
    content: ""
}

.inline-select.active {
    z-index: 9
}

.inline-select.active .inline-select__dropdown {
    opacity: 1;
    visibility: inherit
}

.inline-select.active .inline-select__arrow {
    transform: scaleY(-1)
}

.bundle-details {
    position: relative;
    height: 100%;
    width: 100%;
    height: calc(var(--height-fill) - 20px)
}

.bundle-details .makeup-text__wrapper {
    position: relative;
    height: 100%;
    padding: 66px 0 !important;
    overflow-y: auto;
    overflow-x: hidden
}

.bundle-details .bundle-details__wrapper {
    display: flex
}

.bundle-details .add-to-cart {
    width: 100%
}

.bundle-details__sticky {
    position: absolute;
    bottom: 0;
    padding-bottom: 66px;
    left: 0;
    width: 100%;
    background: #efece6;
    z-index: 6
}

.bundle-details__sticky:before {
    content: " ";
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 94px;
    z-index: -1;
    background: linear-gradient(180deg, rgba(239, 236, 230, 0) 9.46%, #EFECE6 28.32%)
}

.bundle-details__sticky .single-product__afterPay {
    margin-top: 18px;
    margin-bottom: 0
}

.bundle-details__scrollable {
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 100%;
    overflow-y: auto;
    margin-right: -40px;
    padding-right: 40px;
    width: auto
}

@media (max-width: 991.98px) {
    .bundle-details {
        height: auto;
        width: auto
    }

    .bundle-details__sticky {
        position: relative;
        background: none
    }

    .bundle-details__sticky:before {
        display: none
    }

    .bundle-details__scrollable {
        margin-right: 0;
        padding-right: 0;
        overflow: visible
    }

    .bundle-details .inline-select {
        --bg-color: #f6f6f4
    }

    .bundle-details .bundle-details__wrapper {
        display: block
    }

    .verfied-buyer-description label,
    .filter-grid .dates label {
        margin-bottom: 16px;
    }
}

.bundle-includes>h4 {
    font-family: var(--font-cardinal);
    font-style: italic;
    font-weight: 400;
    font-size: 24px;
    line-height: 117.7%;
    padding-bottom: 9px;
    width: 100%;
    border-bottom: 1px solid #e2dcd2;
    color: #000
}

.bundle-includes__items {
    padding-bottom: 120px;
    padding-top: 20px
}

@media (max-width: 991.98px) {
    .bundle-includes__items {
        padding-bottom: 20px
    }
}

.bundle-item {
    display: grid;
    grid-template-columns: 110px 1fr;
    margin-bottom: 16px;
    align-items: center
}

.bundle-item__image img {
    width: 100%;
    height: 72px;
    object-fit: cover
}

.bundle-item__details {
    padding: 16px 0
}

.bundle-item__details>h4 {
    font-family: var(--font-untitled);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 146.7%;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000
}

.bundle-item__details>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 146.7%;
    letter-spacing: -.02em;
    margin-bottom: 6px
}

.bundle-item .shade-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px
}

.bundle-item .shade-item>input {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.bundle-item .shade-item>input:checked+.shade-item__shade {
    outline: solid 2px #000
}

.bundle-item .shade-item__shade {
    overflow: hidden;
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.bundle-item .shade-item__shade img {
    display: block;
    height: 100%;
    width: 100%
}

.bundle-item--hide {
    display: none !important
}

@media (max-width: 767.98px) {
    .bundle-item {
        grid-template-columns: 90px 1fr
    }

    .bundle-item__details {
        padding-bottom: 0
    }
}

.single-product,
.product-faq,
.hero-ingredients,
.pair-product__hide-mobile {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 991.98px) {

    .hero-ingredients,
    .product-faq {
        grid-template-columns: repeat(1, 1fr)
    }
}

.single-product {
    margin-bottom: 0;
    min-height: calc(var(--height-fill) - 20px)
}

.single-product .makeup-text__wrapper {
    width: 100%;
    max-width: 441px;
    margin: 0 auto;
    padding: 0
}

.single-product__makeup-text,
.single-product__feature-product {
    background-color: var(--color2);
    margin-left: -25px;
    margin-right: -25px
}

@media (min-width: 992px) {

    .single-product__makeup-text,
    .single-product__feature-product {
        margin-left: 0;
        margin-right: 0
    }
}

.single-product__product-color-box {
    position: relative;
    margin-bottom: 30px
}

.single-product__product-color-box .color-list {
    gap: 14px
}

@media (max-width: 767.98px) {
    .single-product__product-color-box .color-list {
        gap: 8px
    }
}

.single-product__feature-product {
    display: flex;
    align-items: center
}

.single-product__wrapper {
    grid-column: 1/-1
}

.single-product__wrapper--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
    background: #f6f6f4
}

.single-product__category {
    margin: 0 0 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 20px
}

.single-product__title {
    margin: 0 0 6px
}

.single-product__short-desc {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 20px
}

.single-product__quantity {
    margin: 0 0 15px
}

.single-product__afterPay {
    align-items: center;
    margin: 0 0 34px
}

.single-product__rating {
    align-items: center;
    margin: 0 0 20px;
    position: relative
}

.single-product__rating .okeReviews-reviewsSummary-ratingCount span:first-of-type {
    line-height: 15px
}

.single-product__rating .okeReviews-reviewsSummary-ratingCount span:first-of-type:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background: #000;
    opacity: 0;
    margin-top: 2px
}

.single-product__rating:hover .okeReviews-reviewsSummary-ratingCount span:first-of-type:after {
    opacity: 1
}

.single-product__rating>a {
    position: absolute;
    z-index: 9;
    left: 79px;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 245px
}

.single-product__rating>a:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background: #000;
    opacity: 0;
    margin-top: 23px
}

.single-product__rating .okeReviews-reviewsSummary {
    display: block
}

.single-product__rating .okeReviews-reviewsSummary-starRating {
    display: inline-block;
    vertical-align: middle;
    transform: translateY(-2px)
}

.single-product__rating .okeReviews-reviewsSummary-ratingCount {
    font-size: 12px;
    line-height: 17px;
    font-family: var(--font-secondary)
}

.single-product__rating .okeReviews .reviews-quote {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 17px;
    font-family: var(--font-secondary)
}

.single-product__stars {
    margin-right: 12.59px
}

.single-product__read-reviews p,
.single-product__content p {
    font-size: 12px
}

.single-product__read-reviews p.afterpay-paragraph,
.single-product__content p.afterpay-paragraph {
    letter-spacing: -.02em;
    margin-right: 0
}

.single-product__read-reviews p img,
.single-product__content p img {
    width: 72px;
    height: auto
}

.single-product__read-reviews p strong,
.single-product__content p strong {
    font-weight: 400
}

.single-product__cart {
    margin: 1px 0 12px
}

.single-product__hide {
    margin-bottom: 22px
}

.single-product__afterPay {
    flex-wrap: wrap
}

.single-product__afterPay-img,
.single-product__afterPay,
.single-product__cart,
.single-product__gallery {
    display: flex
}

.single-product__gallery {
    justify-content: center;
    margin: 24px 0 16px;
    align-items: center
}

.single-product__gallery-item {
    width: 100%;
    max-width: calc(100% - 120px);
    margin: 0 auto;
    padding: 36px 0
}

.single-product__gallery-item-img {
    display: block;
    margin: 0 auto
}

.single-product__item:not(:last-child) {
    margin-right: 11px;
    margin-bottom: 3px
}

.single-product__box {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    overflow: hidden;
    padding: 0;
    margin: 0 10px
}

.single-product__box--active {
    border: 1px solid var(--text)
}

.single-product__box img {
    border-radius: 50%;
    display: block
}

@media (max-width: 767.98px) {
    .single-product__category {
        font-size: 14px;
        line-height: 22px
    }

    .single-product__title {
        font-size: 32px;
        line-height: 39px
    }
}

.single-product-carousel .item {
    padding: 40px 25px 30px
}

.product_main__pair .mobile-heading {
    margin-bottom: 25px
}

@media (min-width: 768px) {
    .product_main__pair .mobile-heading {
        display: none
    }
}

.product_main__pair .cart-submit {
    margin-top: 25px
}

@media (max-width: 767.98px) {
    .product_main__pair .cart-submit {
        width: 100%
    }
}

.cart-increment {
    background-color: var(--secondary);
    width: 100%;
    max-width: 113px;
    padding: 8.5px;
    display: flex
}

.cart-increment__plus,
.cart-increment__minus {
    width: 100%;
    max-width: 30px;
    margin: 0 auto;
    text-align: center;
    color: #000
}

.cart-increment__qty {
    width: calc(100% - 60px);
    text-align: center
}

.cart-increment__plus,
.cart-increment__minus,
.cart-increment__qty {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em
}

.add-to-cart {
    width: calc(100% - 113px)
}

.add-to-cart__btn {
    background-color: var(--text);
    color: var(--secondary);
    height: 100%;
    width: 100%
}

.add-to-cart__btn:hover {
    background-color: var(--primary);
    color: var(--text) !important
}

.add-to-cart__btn:hover span:before {
    background-color: var(--text)
}

.add-to-cart__btn span:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    margin: auto 7px;
    vertical-align: middle;
    transition: all .5s ease
}

.add-to-cart--unavailable .add-to-cart__btn {
    pointer-events: none
}

.add-to-cart--unavailable .add-to-cart__btn,
.add-to-cart--disabled .add-to-cart__btn,
.add-to-cart--sample .add-to-cart__btn {
    background: #c4c4c2 !important;
    color: #fff !important
}

.add-to-cart--unavailable .add-to-cart__btn span:before,
.add-to-cart--disabled .add-to-cart__btn span:before,
.add-to-cart--sample .add-to-cart__btn span:before {
    background: #fff !important
}

.color-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.color-list__item {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 5
}

@media (max-width: 767.98px) {
    .color-list__item {
        width: 14px !important;
        height: 14px !important;
        margin-right: 4px !important
    }

    .color-list__item .color-list__box {
        width: 14px !important;
        height: 14px !important
    }
}

.color-list__item:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 1px solid var(--text);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: -1
}

.color-list__item:hover:after,
.color-list__item--active:after {
    opacity: 1;
    visibility: inherit
}

.color-list__box {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #f0caa4;
    background-color: #0000
}

@media (max-width: 767.98px) {
    .color-list__box {
        width: 19px;
        height: 19px
    }

    .ingredients {
        padding: 16px 0px !important;
    }

    /* .content-box__desc {
        padding-left: 20px;
        padding-right: 20px;
    } */

}

.product-faq__heading {
    margin-bottom: 36px
}

.color-match {
    margin-left: -25px;
    margin-right: -25px;
    padding: 111px 0 0
}

@media (min-width: 992px) {
    .color-match {
        margin-left: 0;
        margin-right: 0
    }
}

.color-match__title {
    font-size: 109px;
    line-height: 119px;
    text-align: center;
    margin: 0 0 19px
}

.color-match__content {
    text-align: center
}

.color-match__d-block {
    display: block
}

.color-match__heading {
    margin-bottom: 30px
}

.ingredients {
    padding: 93px 0 70px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.ingredients:not(.ingredients--transparent) {
    background-color: var(--color2)
}

.ingredients__wrapper {
    width: 100%;
    max-width: 909px;
    margin: 0 auto
}

.ingredients__wrapper h6 {
    margin-bottom: 24px;
    letter-spacing: 2px
}

.ingredients__sub-title {
    font-size: 14px;
    line-height: 20.54px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 11px
}

.ingredients__heading {
    margin: 0 0 38px
}

.ingredients .text-list {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 36px;
    font-size: 20px;
}

.ingredients--transparent {
    padding: 137px 0 100px
}

.hero-ingredients__heading {
    margin-bottom: 25px
}

.hero-ingredients__heading-tip {
    margin: 54px 0 15px
}

.hero-ingredients__table-content {
    display: grid;
    margin: 0 0 22px;
    gap: 6px
}

@media (min-width: 992px) {
    .hero-ingredients__table-content {
        grid-template-columns: 40% 60%;
        gap: 30px
    }
}

.hero-ingredients__body p {
    font-size: 16px;
    line-height: 23px
}

.hero-ingredients__label {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.hero-ingredients__underline {
    text-decoration: underline;
    text-underline-offset: 5px
}

.hero-ingredients--packaging p {
    margin: 0 0 22px
}

.hero-ingredients--packaging .hero-ingredients__table-content {
    margin-top: 44px
}

.hero-ingredients--packaging .btn {
    display: block
}

.hero-ingredients__aleph-img {
    display: flex;
    justify-content: flex-end
}

.hero-ingredients__aleph-img img {
    display: block;
    margin-left: 10px
}

@media (max-width: 767.98px) {
    .hero-ingredients__label {
        margin-bottom: 0
    }

    .hero-ingredients__table-content--mobile {
        gap: 0
    }

    .hero-ingredients__body p {
        line-height: 23px
    }
}

.pair-product {
    background-color: var(--color2);
    overflow: hidden;
    margin-bottom: 20px
}

.pair-product__makeup-img,
.pair-product__makeup-text {
    position: relative
}

.pair-product__title {
    margin: 0 0 44px
}

.pair-product__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    align-items: center
}

.pair-product__product-name {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 18px
}

.pair-product__absolute-left,
.pair-product__absolute-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.pair-product__absolute-right {
    right: -50px
}

@media (max-width: 1399.98px) {
    .pair-product__absolute-left {
        max-width: 40%
    }
   
}

.product-reviews {
    padding: 176px 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9%, 1fr))
}

.product-reviews__wrapper {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 11
}

.product-reviews__filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 30px;
    padding-top: 50px
}

.product-reviews__filter h6 {
    font-size: 18px;
    line-height: 26px
}

.product-reviews__filter h6 img {
    vertical-align: middle
}

.product-reviews__rating-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.product-reviews__rating-item:not(:last-child) {
    margin-right: 12px
}

.product-reviews__feedback {
    border-bottom: 1px solid var(--color3);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.product-reviews__comments {
    display: grid;
    grid-template-columns: 30% 70%;
    border: 1px solid rgba(197, 197, 197, .9);
    padding: 56px 5%;
    position: relative
}

.product-reviews__comments:not(:last-child) {
    margin: 0 0 21px
}

.product-reviews__comments-name {
    font-size: 18px;
    line-height: 26px
}

.product-reviews__comments-rating {
    margin-bottom: 15px
}

.product-reviews__comments-img {
    margin: 24px auto 30px
}

.product-reviews__interaction {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.product-reviews__ask-question-btn,
.product-reviews__write-review-btn {
    padding: 21px 27px;
    display: block
}

.product-reviews__ask-question-btn {
    background-color: var(--secondary);
    border-left: 1px solid rgba(197, 197, 197, .9);
    border-bottom: 1px solid rgba(197, 197, 197, .9)
}

.product-reviews__write-review-btn {
    background-color: var(--text);
    color: var(--secondary);
    border-right: 1px solid rgba(197, 197, 197, .9);
    border-bottom: 1px solid rgba(197, 197, 197, .9)
}

.product-reviews__write-review-btn:hover {
    background-color: var(--primary);
    color: var(--text)
}

.product-reviews .featured-tabs-item:not(:last-child) {
    margin-right: 15px
}

.product-reviews .link-active:after {
    bottom: -1px
}

.product-reviews .feature-content {
    padding-top: 76px
}

.favourite-product {
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
    padding: 38px 130px 0
}

@media (max-width: 991.98px) {
    .favourite-product {
        padding: 38px 0 0
    }
}

.favourite-product__products .products__box {
    grid-template-columns: repeat(2, 1fr)
}

.favourite-product__products .products__card {
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.favourite-product__products .products__img {
    display: block;
    margin: 0 auto 16px
}

.favourite-product__title {
    margin: 0 0 5px
}

.favourite-product__wrapper {
    display: grid;
    grid-template-columns: 70% 30%
}

.favourite-product__wrapper p {
    text-align: right
}

.favourite-product__product-name {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.favourite-product__makeup-img {
    min-height: 100%
}

.favourite-product__link-box {
    width: 100%
}

.favourite-product__stock {
    min-width: 100%
}

.recent-view-products {
    padding: 195px 0 0
}

.recent-view-products__title,
.recent-view-products .products--feature-box {
    margin-bottom: 25px
}

.pagination {
    display: flex
}

.pagination__link {
    width: 20px;
    height: 20px;
    text-align: center;
    display: block
}

.sticky-product__cart {
    display: flex
}

.sticky-product__cart .cart-increment {
    background-color: #f6f6f4
}

.sticky-product .select-box {
    height: 100%;
    border-right: 1px solid rgba(197, 197, 197, .9);
    display: flex;
    align-items: center
}

.sticky-product .select-box__select {
    align-items: center;
    width: 100%
}

.product-shades__section {
    padding-top: 160px;
    padding-bottom: 160px;
    overflow-x: hidden
}

.product-shades__section h2 {
    margin-bottom: 30px
}

.product-shades__item {
    position: relative
}

.product-shades__main-img {
    margin-bottom: 35px
}

.product-shades__product-img {
    position: absolute;
    max-width: 100%;
    top: 200px;
    right: -24%
}

.product-shades__info {
    z-index: 5;
    position: relative;
    margin-right: 30px
}

.product-shades__info>h4 {
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    .product-shades__main-img {
        max-height: 440px
    }
}

@media (max-width: 991.98px) {

    .product-shades__main-img,
    .product-shades__main-img img {
        max-height: 370px
    }

    .product-shades__product-img {
        top: inherit;
        right: inherit;
        bottom: 0;
        position: relative;
        overflow: hidden;
        margin: -215px -80px 0 auto
    }

    .product-shades__info {
        margin-bottom: 50px
    }

    .product-shades__section {
        padding-bottom: 100px
    }

    .product-shades__section .owl-carousel .owl-dots {
        margin-top: 0 !important
    }
}

@media (max-width: 1199.98px) {
    .color-match__title {
        font-size: 60px;
        line-height: 60px
    }
}

@media (max-width: 991.98px) {
    .single-product {
        grid-template-columns: repeat(2, 1fr)
    }

    .single-product__gallery-item {
        display: none
    }

    .single-product__makeup-text {
        background-color: var(--color-bg)
    }

    .single-product .makeup-text__wrapper {
        padding: 25px 0 0
    }

    .single-product-carousel__img {
        margin: auto
    }

    .single-product-carousel__block {
        display: block
    }

    .color-match .gallery {
        grid-template-columns: repeat(5, 1fr)
    }

    .hero-ingredients .makeup-img {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: 2
    }

    .hero-ingredients .makeup-text__wrapper {
        padding-bottom: 0
    }

    .pair-product__absolute-left {
        right: 50%;
        top: 100%;
        transform: translate(50%, -50%);
        max-width: 30%
    }

    .sticky-product {
        grid-template-columns: 50% 50% 100%;
        padding-left: 0
    }

    .sticky-product__cart {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 3
    }

    .sticky-product__cart .cart-increment {
        border-left: 0
    }
}

@media (max-width: 991.98px) {
    .single-product {
        margin-bottom: 50px
    }

    .single-product .makeup-text__wrapper {
        padding-bottom: 0 !important
    }

    .single-product__short-desc {
        margin: 0 0 30px
    }

    .single-product__dropdown {
        display: grid;
        grid-template-columns: 50% 50%
    }

    .single-product__dropdown .select-box {
        border: 1px solid #efece6;
        border-bottom: 0
    }

    .single-product__afterPay {
        margin-bottom: 0
    }

    .product-faq__heading {
        font-size: 32px;
        line-height: 39px;
        margin: 0 0 50px
    }

    .accordian-head {
        padding: 24px 0
    }

    .gallery {
        row-gap: 25px
    }

    .gallery--match .gallery__item img,
    .gallery--how-to-us .gallery__item img {
        display: block
    }

    .gallery--how-to-us {
        background-color: var(--color1);
        margin-left: -25px !important;
        margin-right: -25px !important;
        padding: 50px 25px
    }

    .gallery--how-to-us .gallery__title {
        margin: 0 0 10px
    }

    .gallery--how-to-us .gallery__item p {
        margin: 0 0 30px
    }

    .gallery--how-to-us .gallery__item p:last-of-type {
        margin-bottom: 0
    }

    .color-match {
        display: flex;
        flex-direction: column;
        padding: 0 0 20px
    }

    .color-match .gallery {
        grid-template-columns: repeat(3, 1fr)
    }

    .color-match--match {
        order: 1
    }

    .color-match__title {
        order: 2;
        font-size: 48px !important;
        line-height: 55px !important;
        padding-top: 14px
    }

    .color-match__content {
        order: 3
    }

    .color-match__heading {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 30px
    }

    .ingredients {
        background-color: #fff;
        text-align: left
    }

    .ingredients__heading {
        font-size: 32px;
        line-height: 39px
    }

    .ingredients .text-list {
        max-width: 100%;
        margin-bottom: 0
    }


    .ingredients .text-list__check {
        margin-bottom: 0px;
    }

    .ingredients .text-list__check:not(:last-child) {
        margin-bottom: 0px !important
    }

    .page-collection .ingredients {
        background: rgba(0, 0, 0, 0)
    }

    .hero-ingredients__label {
        padding-right: 0
    }

    .hero-ingredients__underline {
        display: block;
        font-size: 14px;
        line-height: 20.54px;
        padding: 15px 27px;
        font-weight: 400;
        border-radius: 0;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        text-decoration: none;
        background: #e2dcd2
    }

    .hero-ingredients__underline:last-child {
        background-color: #efece6
    }

    .hero-ingredients__head:hover .hero-ingredients__underline,
    .hero-ingredients__body:hover .hero-ingredients__underline {
        background-color: var(--text);
        color: var(--secondary)
    }

    .hero-ingredients__body .hero-ingredients__underline {
        background-color: var(--color2)
    }

    .hero-ingredients__table-content--mobile .hero-ingredients__label {
        margin: 0
    }

    .pair-product__content {
        position: relative
    }

    .pair-product__absolute-left {
        max-width: 40%
    }

    .pair-product__makeup-text .makeup-text__wrapper {
        padding: 150px 0 0
    }

    .pair-product__product-name,
    .pair-product__price {
        font-size: 14px;
        line-height: 24px
    }

    .pair-product__price {
        display: block
    }

    .pair-product__btn {
        background-color: var(--secondary)
    }

    .hero-ingredients--packaging .hero-ingredients__table-content {
        grid-template-columns: repeat(2, 1fr)
    }

    .hero-ingredients--packaging .makeup-text__wrapper {
        padding-bottom: 0 !important
    }

    .product-reviews__wrapper {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .product-reviews h3 {
        font-size: 36px;
        line-height: 42px
    }

    .product-reviews__feedback {
        display: flex;
        flex-direction: column;
        border: 0
    }

    .product-reviews__feedback .feature-tabs,
    .product-reviews__rating-wrapper,
    .product-reviews__feedback {
        justify-content: center
    }

    .product-reviews__rating-wrapper {
        margin-bottom: 20px
    }

    .product-reviews__filter {
        margin: 21px 0 0;
        padding-top: 0
    }

    .product-reviews__comments {
        padding: 45px 25px;
        position: relative
    }

    .product-reviews__comments .product-reviews__comments-box:first-child {
        margin-bottom: 25px
    }

    .product-reviews__comments h6 {
        font-size: 18px;
        line-height: 27px;
        margin: 0 0 15px
    }

    .product-reviews__comments-rating {
        position: absolute;
        z-index: 1;
        top: 45px;
        right: 25px
    }

    .product-reviews .link-active:after {
        display: none
    }

    .product-reviews .featured-tabs-item {
        position: relative
    }

    .product-reviews .featured-tabs-item:not(:last-child):before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 20px;
        right: -25px;
        width: 32px;
        height: 1px;
        background-color: var(--text);
        transform: rotate(-75deg)
    }

    .favourite-product {
        padding: 0
    }

    .favourite-product__shop {
        display: block
    }

    .favourite-product .feature-box-title {
        text-align: center
    }

    .favourite-product__feature-box,
    .favourite-product .products__box {
        grid-template-columns: auto
    }

    .recent-view-products__title {
        text-align: center
    }
}

@media (max-width: 575.98px) {
    .slide-cart__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(20%, 1fr))
    }

    .slide-cart__dropdown {
        grid-template-columns: 100%
    }

    .slide-cart__product-img {
        grid-area: 1/1/2/-1
    }

    .slide-cart__content {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 5;
        padding-left: 0
    }

    .slide-cart__action {
        grid-row-start: 1;
        grid-column-start: 5;
        grid-row-end: 3;
        grid-column-end: -1
    }

    .slide-cart__action p {
        margin-top: 40px
    }

    .sticky-product {
        grid-template-columns: 60% 40% 100%
    }

    .sticky-product .select-box__item {
        padding: 5px 16px
    }

    .sticky-product .select-box__bgcolor {
        margin-right: 4px;
        vertical-align: middle
    }

    .sticky-product .select-box__options-head,
    .sticky-product .select-box__item {
        font-size: 14px;
        line-height: 24px
    }

    .sticky-product .select-box__options-head {
        padding: 15px 36px 15px 16px
    }

    .sticky-product .select-box__close {
        right: 16px
    }

    .subscribe__two-columns {
        grid-template-columns: 100%
    }

    .service-box {
        grid-template-columns: repeat(1, 1fr)
    }
}

.recent_viewed_products {
    margin-right: -25px
}

@media (min-width: 992px) {
    .recent_viewed_products {
        margin-right: 0
    }
}

.recent_viewed_products .slick-dots {
    margin-right: 25px
}

@media (min-width: 992px) {
    .recent_viewed_products .slick-dots {
        margin-right: 0;
        display: none !important
    }
}

.recent_viewed_products .slick-track {
    display: flex !important;
    margin-left: 0
}

@media (max-width: 991.98px) {
    .recent_viewed_products .slick-list {
        padding: 0 25px 0 0 !important;
        margin-left: 0
    }
}

.recent_viewed_products .slick-slide {
    height: inherit !important;
    margin-right: 3px
}

.recent_viewed_products .slick-slide img {
    margin: auto
}

.recent_viewed_products .products__card {
    padding-top: 30px
}

.product-how {
    position: relative;
    display: block
}

.product-how__grid {
    display: grid;
    grid-template-columns: 1fr 3fr
}

.product-how__left {
    padding-top: 30px
}

.product-how__play {
    position: relative
}

.product-how__play .icon-play {
    position: absolute;
    width: 72px;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    cursor: pointer;
    display: block
}

.product-how__right {
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(3, 1fr)
}

.product-how__right--items-1 {
    grid-template-columns: repeat(1, 1fr)
}

.product-how__right--items-2 {
    grid-template-columns: repeat(2, 1fr)
}

.product-how__item>a {
    cursor: default
}

.product-how__item--video>a {
    cursor: pointer
}

@media (max-width: 991.98px) {

    .product-how__grid,
    .product-how__right {
        grid-template-columns: auto
    }

    .product-how__left {
        margin-bottom: 25px
    }

    .product-how__right {
        gap: 50px
    }

    .product-how__right .gallery__content {
        padding-right: 0
    }

    .product-how__right .gallery__content p:empty {
        display: none
    }

    .product-how__right .gallery__sub-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 9px
    }

    .product-how__right .gallery__sub-title a {
        color: var(--text)
    }

    .product-how__play {
        display: block;
        margin-bottom: 25px
    }

    .product-how__play img {
        margin-bottom: 0
    }
}

.product-main__gallery {
    min-width: 0;
    background-color: #efece6
}

.product-main__gallery .product-gallery {
    position: relative
}

.product-main__gallery .product-gallery,
.product-main__gallery .product-gallery .owl-stage,
.product-main__gallery .product-gallery .owl-stage-outer,
.product-main__gallery .product-gallery .owl-item {
    height: 100%
}

.product-main__gallery .product-gallery .owl-stage {
    cursor: grab
}

.product-main__gallery .product-gallery .owl-stage:active {
    cursor: grabbing
}

.product-main__gallery .product-gallery__item {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(0, 0, 0, 0)
}

.product-main__gallery .product-gallery__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.product-main__gallery .product-gallery .owl-dots {
    position: absolute;
    bottom: 40px;
    left: 0;
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 11px;
    z-index: 9
}

.product-main__gallery .product-gallery .owl-dots .owl-dot {
    height: 50px;
    width: 50px;
    display: block;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    transition: all .5s ease
}

.product-main__gallery .product-gallery .owl-dots .owl-dot img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.product-main__gallery .product-gallery .owl-dots .owl-dot:hover,
.product-main__gallery .product-gallery .owl-dots .owl-dot.active {
    box-shadow: 0 0 0 1px #000
}

@media (max-width: 767.98px) {
    .product-main__gallery .product-gallery .owl-dots {
        gap: 6px
    }
}

@media (max-width: 991.98px) {
    .product-main__gallery .product-gallery {
        margin: 0 -25px;
        width: auto
    }

    .product-main__gallery .product-gallery__item img {
        height: 500px;
        position: relative;
        background-color: #efece6
    }

    .product-main__gallery .product-gallery .owl-dots .owl-dot {
        height: 6px;
        width: 6px;
        border: 1px solid #848484;
        margin: 0
    }

    .product-main__gallery .product-gallery .owl-dots .owl-dot.active {
        box-shadow: none;
        background-color: #848484
    }

    .product-main__gallery .product-gallery .owl-dots .owl-dot>img {
        display: none
    }
}

.product-main {
    position: relative
}

.product-main__color-name {
    position: relative;
    bottom: 0;
    left: 0;
    font-size: 14px;
    line-height: 1.3;
    width: 100%;
    display: block
}

.product-main__color-name>span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s cubic-bezier(.22, .61, .36, 1)
}

.product-main__color-name>span.active {
    opacity: 1;
    visibility: inherit
}

.product-main__color-name>span:first-of-type {
    position: static
}

@media (max-width: 767.98px) {
    .product-main__swatches {
        display: none
    }
}

.feature-content--collection .feature-content__header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 25px
}

@media (max-width: 767.98px) {
    .feature-content--collection .feature-content__header {
        display: block
    }
}

.feature-content--collection .feature-content__collection_navigation {
    margin-bottom: 0;
    overflow: hidden
}

.feature-content--collection .feature-content__collection_navigation nav ul {
    display: flex;
    list-style-type: none
}

.feature-content--collection .feature-content__collection_navigation nav ul li {
    margin: 0 15px
}

@media (min-width: 992px) {
    .feature-content--collection .feature-content__collection_navigation nav ul li {
        margin: 0 15px
    }
}

.feature-content--collection .feature-content__collection_navigation nav ul li:first-child {
    margin-left: 0
}

.feature-content--collection .feature-content__collection_navigation nav ul li a {
    position: relative
}

.feature-content--collection .feature-content__collection_navigation nav ul li a:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #000;
    opacity: 0;
    left: 0;
    bottom: -2px;
    position: absolute
}

.feature-content--collection .feature-content__collection_navigation nav ul li.active a {
    color: #000
}

.feature-content--collection .feature-content__collection_navigation nav ul li.active a:after {
    opacity: 1
}

.feature-content--collection .feature-content__collection_navigation nav ul li a {
    color: #0006
}

.feature-content--collection .feature-content__collection_navigation nav ul li a:hover {
    color: #000
}

@media (max-width: 767.98px) {
    .feature-content--collection .feature-content__collection_navigation nav {
        position: relative;
        display: block;
        width: 100%;
        max-width: none
    }

    .feature-content--collection .feature-content__collection_navigation nav ul {
        display: flex;
        list-style-type: none;
        overflow-x: auto
    }

    .feature-content--collection .feature-content__collection_navigation nav ul::-webkit-scrollbar {
        display: none
    }

    .feature-content--collection .feature-content__collection_navigation nav ul li {
        margin: 0;
        display: flex;
        padding: 0 15px
    }

    .feature-content--collection .feature-content__collection_navigation nav ul li:nth-child(n+5) {
        display: none
    }

    .feature-content--collection .feature-content__collection_navigation nav ul li:first-of-type {
        padding-left: 0
    }

    .feature-content--collection .feature-content__collection_navigation nav ul li.active a {
        color: #000
    }

    .feature-content--collection .feature-content__collection_navigation nav ul li.active a:after {
        opacity: 1;
        bottom: 0
    }

    .feature-content--collection .feature-content__collection_navigation nav ul li a {
        padding-bottom: 2px;
        white-space: nowrap
    }
}

@media (max-width: 767.98px) {
    #product-main #product-form {
        display: none
    }
}

.product--out-of-stock .variant-bar {
    display: none
}

.image-text__ref .image-text__section {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 25px
}

@media (max-width: 991.98px) {
    .image-text__ref .image-text__section .image-text-content {
        order: 10
    }
}

@media (max-width: 767.98px) {
    .image-text__ref .image-text__section {
        padding: 25px 25px 0
    }
}

.content-box {
    padding: 180px 0 80px
}

.content-box__wrapper {
    width: 100%;
    max-width: 554px;
    margin: 0 auto;
    text-align: center
}

.content-box__title {
    margin: 0 0 6px
}

.content-box__italic {
    font-style: italic
}

.content-box__desc {
    margin: 0 0 30px
}

.content-box__desc__cta-button {
    background-color: var(--color2)
}

.content-box__sub-title {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    color: var(--color3);
    text-transform: uppercase;
    margin-bottom: 9px
}

.content-box__link-box {
    display: block
}

.content-box__img {
    width: 100%
}

.content-box .feature-tabs {
    margin-bottom: 20px
}

.content-box--option2 {
    padding-top: 70px;
    padding-bottom: 92px
}

.content-box--looks,
.content-box--video {
    padding-bottom: 84px
}

.content-box--looks .content-box__italic,
.content-box--video .content-box__italic {
    font-size: 28px;
    line-height: 34px
}

.content-box--looks .content-box__desc,
.content-box--video .content-box__desc {
    margin-bottom: 0
}

.content-box--video {
    padding-bottom: 50px
}

.content-box--search .content-box__title {
    margin: 0 0 12px
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .content-box {
        padding-top: 90px;
        padding-bottom: 60px
    }
}

.shop-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px
}

.shop-products:last-of-type {
    padding-bottom: 0
}

.shop-products .products {
    aspect-ratio: 1
}

.shop-products .products__card {
    padding: 25px 30px;
    justify-content: space-between
}

.shop-products .products__img {
    margin-bottom: 74px
}

.shop-products .color-list {
    justify-content: flex-end
}

.shop-products .color-list__item {
    width: 23px;
    height: 23px
}

.shop-products .color-list__item a {
    height: auto
}

.shop-products .color-list__box {
    width: 14px;
    height: 14px
}

.shop-products .banner {
    margin-bottom: 0;
    height: 100%;
    aspect-ratio: 1
}

.shop-products .banner,
.shop-products .banner__background-img {
    min-height: 100%
}

.shop-products .banner__content {
    top: 0;
    right: 0;
    margin: 25px 30px;
    transform: translate(0);
    z-index: 2;
    width: auto;
    left: auto
}

.shop-products .btn-home--collection {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.shop-products .banner:hover .btn-home {
    opacity: 1;
    z-index: 3
}

.shop-products:not(.shop-products--option-2) .products__title {
    font-size: 18px;
    line-height: 26.41px
}

.shop-products:not(.shop-products--option-2) .products__title a:hover {
    color: inherit
}

.shop-products .products__card a {
    max-height: 604px;
    padding-bottom: 74px
}

@media (max-width: 991.98px) {

    .products__label,
    .products__price {
        display: block !important;
        text-align: left !important
    }
}

.products__price {
    padding-top: 7px
}

.products__card {
    padding: 20px 20px 0;
    justify-content: space-between
}

@media (min-width: 992px) {
    .products__card {
        padding: 25px 30px
    }
}

.products__img {
    margin-bottom: 74px;
    max-width: 340px;
    max-height: 100%;
    position: relative;
    left: auto;
    top: auto;
    transform: none
}

@media (max-width: 991.98px) {
    .products__img {
        max-height: 270px;
        margin-bottom: 0
    }
}

.products__hover-display {
    display: none
}

@media (max-width: 991.98px) {
    .products__hover-display {
        display: block !important
    }
}

.feature-tabs__row {
    display: grid;
    grid-template-columns: 1fr auto
}

.feature-tabs__filter {
    display: flex;
    gap: 25px
}

@media (max-width: 767.98px) {
    .feature-tabs__filter {
        gap: 15px
    }
}

@media (max-width: 991.98px) {
    .shop-products {
        grid-template-columns: repeat(1, 1fr)
    }

    .content-box__desc {
        margin: 0 0 0px
    }

    .shop-products .banner {
        width: 100%;
        max-height: 53px
    }

    .shop-products .banner__background-img {
        opacity: 0
    }

    .shop-products .banner__content {
        padding: 0;
        margin: 0;
        width: 100%
    }

    .shop-products .btn-home {
        opacity: 1;
        padding: 16px 27px;
        display: block
    }

    .find-product .shop-products {
        gap: 0
    }

    .find-product .shop-products:not(:last-child) {
        margin-bottom: 25px
    }

    .find-product .shop-products:nth-child(even) .products {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .find-product .banner__content:not(.banner__content--start) {
        position: absolute
    }

    .contact-box__img {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }
}

@media (max-width: 767.98px) {
    .content-box {
        padding: 0 0 20px
    }

    .content-box--option2 {
        padding-bottom: 0
    }

    .content-box__wrapper {
        text-align: left;
        max-width: 100%
    }

    .content-box__title {
        margin: 0 0 10px
    }



    .content-box__btn {
        margin-bottom: 50px
    }

    .find-product .products__price {
        display: none
    }

    .shop-products .color-list {
        justify-content: flex-start
    }

    .shop-products:not(.shop-products--option-2) .products__title {
        font-size: 14px;
        line-height: 24px
    }

    .shop-products .products__card {
        padding: 20px
    }

    .shop-products .products__img {
        margin-bottom: 16px
    }

    .shop-products .products__content {
        grid-column-end: -1
    }

    .shop-products--option-2 .products__price {
        margin-bottom: 0
    }
}

.career,
.contact-box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 20px
}

@media (min-width: 992px) {

    .career,
    .contact-box {
        grid-template-columns: repeat(2, 1fr)
    }
}

.contact-box .makeup-text p {
    margin: 0 0 22px
}

.contact-box__title {
    margin: 0 0 18px
}

.contact-box dl {
    display: grid;
    grid-template-columns: 1.5fr 2fr
}

@media (min-width: 992px) {
    .contact-box dl {
        margin-bottom: 50px
    }
}

.contact-box dl a {
    text-decoration: underline
}

.contact-box__text {
    position: relative
}

@media (min-width: 992px) {
    .contact-box__text {
        background-color: #efece6
    }
}

@media (max-width: 991.98px) {
    .contact-box__text .makeup-text__wrapper {
        padding-bottom: 75px !important
    }

    .ingredients {
        padding: 16px 0px 0px 0px !important;
    }
}

.contact-box .contact-form {
    margin-top: 0
}

@media (max-width: 767.98px) {
    .contact-box .contact-form {
        position: relative
    }

    .terms .blog-details {
        padding-top: 150px !important;
    }

    .collection-header .content-box__title span {
        margin-top: 20px;
    }
}

.career__title {
    margin-bottom: 18px
}

.career__sub-title,
.career__link-box {
    border-bottom: 1px solid var(--color3)
}

.career__sub-title {
    font-size: 14px;
    line-height: 20.54px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color3);
    margin: 40px 0 0;
    padding-bottom: 20px
}

.career__link-box {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.career__heading {
    font-size: inherit;
    line-height: inherit
}

.career__arrow {
    display: flex;
    align-items: center;
    justify-content: center
}

.can-not-find {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 174px 0 191px;
    background-color: var(--primary);
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 9
}

.can-not-find__sub-title {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 11px;
    letter-spacing: 2px
}

.can-not-find__title {
    margin: 0 0 25px
}

.can-not-find__btn-wrapper {
    display: flex;
    flex-wrap: wrap
}

.can-not-find__btn-wrapper>div:not(:last-child) {
    margin-right: 20px
}

.can-not-find .btn {
    background-color: var(--secondary)
}

.can-not-find .btn:hover {
    background-color: var(--text)
}

@media (max-width: 991.98px) {
    .can-not-find {
        margin-right: -25px;
        margin-left: -25px;
        margin-bottom: 0;
        padding: 0;
    }
}

@media (max-width: 767.98px) {

    .career,
    .contact-box {
        position: relative;
        margin-bottom: 0
    }

    .career .makeup-text__wrapper,
    .contact-box .makeup-text__wrapper {
        padding-top: 50px
    }

    .content-box--option2 .content-box__wrapper {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .career__title {
        margin-bottom: 10px
    }

    .career__link-box {
        padding: 24px 0
    }

    .can-not-find__wrappper {
        width: 100%
    }

    .can-not-find__btn-wrapper {
        flex-direction: column
    }

    .can-not-find__btn-wrapper>div:not(:last-child) {
        margin-right: 0
    }

    .can-not-find__btn-wrapper>div:last-child .btn {
        background-color: #f6f6f4
    }

    .can-not-find__btn-wrapper>div:last-child .btn:hover {
        background-color: var(--text)
    }
}

.faq {
    display: grid;
    grid-template-columns: 70%;
    justify-content: center;
    padding: 60px 0 140px
}

.help-center {
    padding: 118px 0 177px;
    background-color: var(--primary);
    text-align: center;
    margin-bottom: 25px
}

.help-center__title {
    margin: 0 0 38px
}

.help-center__wrapper {
    display: grid;
    grid-template-columns: 82%;
    justify-content: center
}

.help-center__categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px
}

.help-center__bg-img {
    position: relative
}

.help-center__bg-img--wrapper {
    position: relative;
    padding-bottom: 72.6153846154%
}

.help-center__bg-img--wrapper:after {
    content: " ";
    background-color: #0003;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.help-center__bg-img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 0
}

.help-center__bg-img:hover .help-center__link {
    visibility: visible
}

.help-center-content {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 50px);
    color: var(--secondary);
    z-index: 3
}

.help-center__sub-title {
    margin-bottom: 13px
}

.help-center__link {
    visibility: hidden;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 991.98px) {
    .faq {
        grid-template-columns: 100% !important;
        padding-bottom: 100px
    }

    .faq-principle .accordian-head {
        grid-template-columns: 85% 15%
    }

    .faq-principle .accordian__body {
        gap: 25px;
        grid-template-columns: auto
    }

    .faq-principle .accordian__body .accordian__img-box {
        display: block
    }

    .help-center__categories {
        grid-template-columns: repeat(2, 1fr)
    }

    .contact-form {
        margin-top: 0px !important
    }
}

@media (max-width: 767.98px) {
    .faq {
        padding-bottom: 50px
    }

    .faq-principle .accordian__body {
        grid-template-columns: auto
    }

    .help-center {
        padding: 75px 0 25px
    }

    .help-center__categories {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 25px
    }

    .help-center-content {
        top: 50%
    }

    .help-center__title {
        margin-bottom: 30px
    }

    .help-center__wrapper {
        grid-template-columns: 100%
    }

    .help-center__sub-title {
        margin-bottom: 10px
    }

    .help-center__link {
        visibility: visible
    }
}

.blog .banner {
    margin-bottom: 0
}

.tabs-bottom-fixed {
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    position: fixed;
    top: auto;
    background-color: #f6f6f4
}

.tabs-bottom-fixed--active {
    position: fixed
}

.tabs-bottom-fixed .feature-tabs {
    padding: 15px;
    background-color: #f6f6f4;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    position: relative
}

@media (max-width: 991.98px) {
    .tabs-bottom-fixed .feature-tabs {
        margin-left: 0;
        margin-right: 0
    }
}

.tabs-bottom-fixed .feature-tabs:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #e2dcd2;
    top: 0;
    left: 0;
    position: absolute
}

.tabs-bottom-fixed .featured-tabs-item:not(:last-child) {
    margin-right: 28px
}

.tabs-bottom-fixed .featured-tabs-item:last-child {
    padding-right: 28px
}

.tabs-bottom-fixed .featured-tabs-link {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.tabs-bottom-fixed .featured-tabs-link a {
    text-transform: uppercase
}

.tabs-bottom-fixed .featured-tabs-link:hover {
    color: #848484;
    border-bottom: 0px
}

.tabs-bottom-fixed .featured-tabs-link:hover:after {
    background-color: #0000
}

.tabs-bottom-fixed .featured-tabs-link.link-active {
    border-bottom: 0px
}

.tabs-bottom-fixed .featured-tabs-link.link-active:after {
    background-color: #000
}

.tabs-bottom-fixed .featured-tabs-link.link-active:hover {
    border-bottom: 0px
}

.tabs-bottom-fixed .featured-tabs-link.link-active:hover:after {
    background-color: #000 !important
}

.tabs-bottom-fixed .featured-tabs-item:hover .featured-tabs-link {
    border-bottom: 0px
}

.tabs-bottom-fixed .featured-tabs-item:hover .featured-tabs-link:after {
    background-color: #0000
}

.category-box,
.feature-video__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3px
}

.category-box__link-box,
.feature-video__link-box {
    display: block
}

.category-box__img-wrapper,
.feature-video__img-wrapper {
    height: 100%;
    max-height: 300px;
    position: relative;
    margin-bottom: 30px
}

.category-box__img,
.feature-video__img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.category-box__category-label,
.feature-video__category-label {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.category-box__content,
.feature-video__content {
    width: 100%;
    max-width: 438px;
    margin: 0 auto 0 0
}

.category-box__btn:not(.feature-video__btn--opacity),
.feature-video__btn:not(.feature-video__btn--opacity) {
    opacity: 0
}

.category-box .article-card__image {
    height: 720px
}

.category-box .article-card__info {
    max-width: 430px
}

.category-box__block {
    margin-bottom: 47px;
    position: relative
}

.category-box__block:hover .category-box__btn {
    opacity: 1
}

.category-box__img {
    max-height: 720px;
    margin-bottom: 23px
}

.category-box__category-label {
    color: var(--color3)
}

.category-box__sub-title,
.category-box__category-label {
    margin-bottom: 9px
}

.category-box__sub-title {
    color: var(--text)
}

.category-box__desc {
    margin-bottom: 23px;
    color: var(--text)
}

.category-box__btn:hover {
    background-color: var(--text)
}

.category-box:hover {
    cursor: pointer
}

.feature-video__wrapper,
.pagination-move__wrapper {
    display: grid;
    grid-template-columns: 82%;
    justify-content: center
}

@media (max-width: 991.98px) {

    .feature-video__wrapper,
    .pagination-move__wrapper {
        grid-template-columns: 100%
    }
}

.feature-video:not(.feature-video--transprent) {
    background-color: var(--primary);
    padding: 84px 0 120px;
    margin-bottom: 3px
}

.feature-video__head {
    text-align: center;
    padding: 0 0 54px
}

.feature-video__italic {
    font-style: italic
}

.feature-video__title,
.feature-video__title-name {
    margin: 0 0 24px
}

.feature-video__btn {
    background-color: var(--secondary)
}

.feature-video__category-label {
    margin: 0 0 9px
}

.feature-video__link-box:hover {
    cursor: pointer
}

.feature-video__link-box:hover .feature-video__btn {
    opacity: 1
}

.feature-video__link-box:hover .feature-video__category-label,
.feature-video__link-box:hover .feature-video__title-name {
    color: #000
}

.feature-video--transprent:first-child {
    padding-bottom: 50px
}

.feature-video--transprent .feature-video__grid {
    row-gap: 50px
}

.feature-video--transprent .feature-video__category-label {
    color: var(--color3)
}

.feature-video--similar:not(.feature-video--transprent) {
    background-color: var(--color2);
    margin-bottom: 20px
}

.feature-video--similar .feature-video__title {
    margin: 0
}

@media (max-width: 767.98px) {
    .feature-video__img {
        margin-bottom: 30px;
        display: block
    }

    .feature-video__head {
        padding-bottom: 43px
    }

    .feature-video__head>.btn {
        display: inline-block;
        margin: 0 auto
    }

    .navbar__search {
        height: calc(100vh);
    }
}

@media (max-width:576.98px) {
    .intro-section-title>em:first-of-type {
        font-size: 22px;
        line-height: 30px;
    }
}

.hero-img,
.blog-details {
    display: grid;
    grid-template-columns: 80%;
    justify-content: center
}

.blog-details-wrapper,
.blog-gallery {
    display: grid;
    grid-template-columns: 50% 50%
}

.terms .blog-details__products {
    height: fit-content
}

.blog-details {
    padding: 100px 0 31px
}

.blog-details__title {
    margin: 250px 0 20px 0;
}

.blog-details__sub-heading,
.blog-details ul {
    font-size: 18px;
    line-height: 26px
}

.blog-details .unstyled {
    padding-left: 25px;
    margin-bottom: 50px
}

.blog-details__sub-heading {
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.blog-details__tags {
    margin-bottom: 50px
}

.blog-details__products.sticky-top {
    max-height: 100vh;
    align-items: center;
    display: grid;
    margin-bottom: 50px
}

.blog-details__feature-product {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 18px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.blog-details__product-box {
    display: grid;
    grid-template-columns: 20% 80%;
    align-items: center;
    margin: 0 0 9px
}

.blog-details__product-box:last-child {
    margin: 0 0 18px
}

.blog-details__block {
    display: block
}

.blog-details__product-name {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 6px;
    letter-spacing: 2px
}

.blog-details__content {
    padding-left: 15px
}

.blog-details__products-content .description-text p,
.blog-details__products-content h6 {
    font-size: 14px;
    line-height: 21px
}

.blog-details__products-content h6 {
    text-transform: uppercase;
    margin: 0 0 27px;
    letter-spacing: 2px
}

.blog-details--full-desc {
    padding-bottom: 130px
}

.blog-details--full-desc .blog-details__products-content {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: -1
}

.blog-details--full-desc .blog-details__title {
    margin: 0 0 25px
}

.blog-details .feature-tabs {
    flex-direction: column
}

.blog-details .featured-tabs-item:not(:last-child) {
    margin: 0 0 15px
}

.blog-details .featured-tabs-link {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block
}

.description-text p {
    font-size: 18px;
    line-height: 26px
}

.description-text p:not(:last-child) {
    margin: 0 0 27px
}

.hero-img__img {
    width: 100%
}

.hero-img__img-center {
    margin: 0 auto;
    display: block
}

.card-letter {
    padding: 30px;
    background-color: var(--color2);
    margin-top: 70px
}

.card-letter__title {
    margin: 0 0 30px;
    font-style: italic
}

.card-letter--spacer {
    margin-top: 50px
}

.blog-gallery__img {
    width: 100%;
    height: 100%
}

.blog-gallery__box {
    max-height: 100%
}

.related-articles {
    padding: 93px 0 0
}

.related-articles__title {
    margin: 0 0 70px;
    text-align: center
}

.related-articles__italic {
    font-style: italic
}

@media (max-width: 1199.98px) {
    main.blog {
        margin-top: 105px
    }

    .tabs-bottom-fixed .feature-tabs {
        padding-left: 25px;
        padding-right: 25px;
        overflow-x: auto;
        white-space: nowrap;
        justify-content: flex-start;
        background-color: var(--color1);
        flex-wrap: nowrap;
        padding-bottom: 15px;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .tabs-bottom-fixed .feature-tabs::-webkit-scrollbar {
        width: 0 !important;
        display: none
    }
}

@media (max-width: 1199.98px)and (max-width: 767.98px) {
    .tabs-bottom-fixed {
        bottom: auto
    }
}

@media (max-width: 991.98px) {
    .blog-details {
        padding-bottom: 100px
    }

    .footer-wrapper ul {
        width: 50%;
    }

    .carousel.owl-loaded,
    .main__insta__wrapper {
        margin: 0px 25px 20px !important;
    }

    .blog-details__products {
        margin-bottom: 50px
    }



    .main__insta__item-wrapper,
    .main__insta__item {
        width: 100%;
    }

    .blog-details__products-content .description-text {
        margin-top: 45px;
    }

    .blog-details__nav .feature-tabs {
        background-color: var(--color1);
        padding: 15px 25px;
        overflow-x: auto;
        white-space: nowrap;
        justify-content: flex-start;
    }

    .blog-details--full-desc .blog-details__products-content {
        grid-row-start: auto;
        grid-column-start: auto;
        grid-row-end: auto;
    }

    .blog-details__nav .featured-tabs-item:not(:last-child) {
        margin-right: 28px;
        margin-bottom: 0
    }

    .description-text p {
        font-size: 16px;
        line-height: 23px
    }

    .related-articles .gallery {
        padding-top: 0
    }

    .category-box .article-card__image {
        height: 335px
    }

    .related-articles {
        overflow: hidden;
        background-color: #e2dcd2;
        margin-left: -25px;
        margin-right: -25px;
        padding-top: 75px
    }

    .related-articles__title {
        margin-bottom: 30px
    }

    .related-articles .gallery--blog-gallery {
        display: none
    }

    .related-articles .article-card__carousel-wrapper {
        margin-left: 25px;
        margin-right: -25px;
        overflow: hidden
    }

    .related-articles .article-card__carousel {
        margin-bottom: 75px
    }

    .related-articles .article-card__carousel .owl-stage-outer {
        left: -25px
    }

    .related-articles .article-card__carousel .owl-dots {
        margin-right: 50px;
        margin-top: 25px !important
    }

    .related-articles .article-card__carousel .owl-item:not(.active) .article-card__info,
    .related-articles .article-card__carousel .owl-item:not(.active) .btn {
        opacity: 0
    }

    .related-articles .article-card__image {
        height: 335px
    }

    .related-articles .article-card__info {
        text-align: center
    }

    .related-articles .article-card__info>h4 {
        font-size: 24px;
        line-height: 28px
    }

    .related-articles .article-card__excerpt {
        display: none
    }

    .related-articles .article-card .btn {
        width: 100%;
        background-color: #fff
    }
}

@media (max-width: 767.98px) {
    .tabs-bottom-fixed {
        bottom: auto;
        top: var(--nav-height)
    }

    .feature-tabs {
        margin-left: 0px;
    }

    .category-box,
    .feature-video__grid {
        grid-template-columns: auto
    }

    .footer-wrapper ul {
        width: 50% !important;
    }

    .category-box__img-wrapper,
    .feature-video__img-wrapper {
        padding-bottom: 0
    }

    .blog .banner--center .banner__content {
        top: calc(100% - 140px)
    }

    .main__insta__item {
        width: 100%;
    }

    .main__insta__item-wrapper {
        height: 100%;
        width: 100%;
        /* padding-bottom: 50%; */
    }

    .content-model-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .content-model-grid .img-side {
        display: none;
    }

    .content-side {
        padding: 20px;
    }

    .blog-hero .banner.banner--center {
        margin-top: 76px
    }

    .modal-resgister {
        margin: 0px 30px;
    }

    .content-box--looks {
        padding-top: 50px
    }

    .content-box--looks .content-box__wrapper {
        text-align: center
    }

    .content-box--looks .content-box__title {
        font-size: 48px;
        line-height: 55px
    }

    .content-box--looks .content-box__looks-box {
        padding: 50px 0
    }

    .content-box--video {
        padding-top: 50px
    }

    .content-box--video .content-box__looks-box {
        padding: 50px 0
    }

    .blog-category {
        margin-top: 20px
    }

    .blog-category .gallery {
        padding-top: 0;
        row-gap: 47px
    }

    .blog-category--spacer {
        margin-top: 0
    }

    .category-box__img {
        max-height: 500px
    }

    .category-box__sub-title {
        font-size: 24px;
        line-height: 28px
    }

    .category-box__content,
    .category-box .gallery__content,
    .feature-video__content,
    .feature-video .gallery__content,
    .gallery--blog-gallery__content,
    .gallery--blog-gallery .gallery__content {
        max-width: 100%;
        text-align: center
    }

    .category-box__btn,
    .category-box .gallery__btn,
    .feature-video__btn,
    .feature-video .gallery__btn,
    .gallery--blog-gallery__btn,
    .gallery--blog-gallery .gallery__btn {
        width: 100%
    }

    .category-box:not(.feature-video__btn--opacity),
    .feature-video:not(.feature-video__btn--opacity),
    .gallery--blog-gallery:not(.feature-video__btn--opacity) {
        opacity: 1
    }

    .category-box__btn:not(.feature-video__btn--opacity),
    .feature-video__btn:not(.feature-video__btn--opacity),
    .gallery--blog-gallery .gallery__btn {
        opacity: 1
    }

    .category-box__btn:not(.feature-video__btn--opacity):hover,
    .feature-video__btn:not(.feature-video__btn--opacity):hover,
    .gallery--blog-gallery .gallery__btn:hover {
        color: var(--text) !important;
        background: var(--primary)
    }

    .feature-video__btn:not(.feature-video__btn--opacity):hover {
        color: var(--text) !important;
        background: #fff
    }

    .gallery--blog-gallery .gallery__item img {
        display: block
    }

    .gallery--blog-gallery .gallery__content {
        padding-right: 0
    }

    .gallery--blog-gallery .gallery__title-name {
        font-size: 24px;
        line-height: 28px
    }

    .feature-video {
        margin-bottom: 47px
    }

    .feature-video__btn--opacity {
        width: auto;
        display: inline-block
    }

    .feature-video__grid {
        row-gap: 47px
    }

    .feature-video__title-name {
        font-size: 24px;
        line-height: 28px
    }

    .feature-video:not(.feature-video--transprent) {
        background-color: var(--color2);
        padding: 50px 25px;
        margin-left: -25px;
        margin-right: -25px
    }

    .feature-video--transprent {
        padding-bottom: 0
    }

    .feature-video--similar:not(.feature-video--transprent) {
        background-color: #e4e1dc
    }

    .feature-video--similar .feature-video__head {
        padding-bottom: 30px
    }

    .blog-details__feature-product {
        font-size: 14px;
        line-height: 22px
    }

    .blog-details__product-box {
        grid-template-columns: 15% 85%
    }

    .blog-details__content {
        padding-left: 13px
    }

    .blog-details--video-detail .blog-details__products {
        margin-bottom: 0
    }

    .blog-details--video-detail .blog-details__sub-heading {
        font-size: 16px;
        line-height: 23px
    }

    .blog-details--video-detail .blog-details__overflow {
        display: flex;
        flex-direction: column
    }

    .blog-details--video-detail .blog-details__overflow .btn {
        order: 2
    }

    .blog-details--video-detail .blog-details__overflow .blog-details__product-container {
        order: 1
    }

    .blog-details--video-detail .blog-details__overflow .blog-details__title {
        margin-top: 50px;
        order: 3
    }

    .blog-details--video-detail .blog-details__overflow .blog-details__block {
        display: inline-block
    }

    .blog-details--video-detail .blog-details__overflow .blog-details__tags {
        display: none
    }

    .blog-details--video-detail .blog-details__overflow .blog-details__products {
        margin-bottom: 0
    }

    .blog-gallery {
        row-gap: 20px
    }

    .blog-gallery__img {
        max-height: 500px
    }
}

@media (min-width: 1200px) {
    .blog-details--video-detail .blog-details-wrapper .article-block:not(.article-hero):not(.article-two-col):not(.article-video):not(.article-makeup-author) {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.blog-details--video-detail .blog-details-wrapper .article-intro {
    grid-template-columns: repeat(1, 1fr)
}

.blog-details--video-detail .blog-details-wrapper .article-intro__featured-contents-section {
    padding: 0
}

@media (min-width: 992px) {
    .article-card__carousel-wrapper {
        display: none
    }
}

.journal-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.journal-title>span {
    overflow: hidden;
    display: block
}

.journal-title>span:nth-of-type(2) {
    padding: 10px;
    margin: -10px
}

.journal-title>span>span {
    display: block
}

.journal-sub-heading {
    display: block;
    overflow: hidden
}

.journal-sub-heading>span {
    display: block
}

.hero-content {
    text-align: center;
    padding: 20px 0 58px
}

.hero-content__wrapper {
    width: 100%;
    max-width: 660px;
    margin: 0 auto
}

.hero-content__category {
    text-transform: uppercase;
    color: var(--color3);
    letter-spacing: 2px;
    margin: 0 0 9px
}

.hero-content__title {
    margin: 0 0 36px
}

.pagination-move {
    padding: 0 0 132px
}

.pagination-move__alignment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--color3);
    padding-top: 18px
}

.pagination-move__alignment>div:last-child {
    width: 100%;
    max-width: 195px;
    margin-right: 0;
    text-align: right
}

.pagination-move a,
.pagination-move button {
    font-size: 50px;
    line-height: 61px;
    font-family: var(--font-primary)
}

.pagination-move--disabled {
    color: #00000080
}

.content-container__link-box {
    display: block
}

.content-container__img {
    width: 100%
}

@media (max-width: 767.98px) {

    .hero-content,
    .pagination-move {
        padding-bottom: 50px
    }

    .pagination-move__alignment>div:last-child {
        max-width: 11px
    }

    .pagination-move__next-arrow img {
        transform: rotate(180deg)
    }

    .content-container {
        display: flex;
        flex-direction: column
    }

    .content-container .content-box {
        padding-bottom: 60px;
        border-bottom: 1px solid var(--primary);
        order: 2
    }

    .content-container .content-box__wrapper {
        text-align: center
    }

    .content-container .content-box__desc {
        margin: 0
    }

    .content-container__link-box {
        order: 1;
        margin-top: 20px;
        display: flex
    }

    .form-box {
        min-height: auto;
        padding-bottom: 120px
    }

    .form-box,
    .form-box__wrapper {
        padding-top: 50px
    }
}

.search-products {
    padding: 0 0 137px
}

@media (max-width: 991.98px) {
    .search-products {
        padding-bottom: 100px
    }

    .search-products .products__box {
        grid-template-columns: repeat(2, 1fr)
    }

    .search-articles .gallery {
        padding-top: 0
    }
}

@media (max-width: 767.98px) {

    .search-products,
    .content-box--search .content-box__wrapper {
        padding-bottom: 50px
    }

    .content-box--search .content-box__desc {
        margin: 0
    }

    .content-box--search .content-box__wrapper {
        text-align: center
    }

    .content-box__looks-box {
        padding-top: 50px
    }
}

@media (max-width: 575.98px) {
    .search-result .products__box {
        grid-template-columns: repeat(1, 1fr)
    }

    .search-result__btn-view {
        display: block
    }

    .feature-content-tab.feature-content-tab--active {
        padding: 0px;
    }
}

.search-results {
    width: 100%;
    margin-top: 9%
}

.search-results--page {
    padding-bottom: 0
}

.search-results__header {
    margin-bottom: 50px;
    text-align: center
}

@media (min-width: 992px) {
    .search-results__header {
        margin-bottom: 100px
    }
}

.search-results__header h3 {
    margin-bottom: 15px
}

@media (max-width: 991.98px) {
    .search-results__header h3 {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 10px
    }
}

.search-results__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
    margin-bottom: 50px
}

@media (min-width: 768px) {
    .search-results__grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 1fr;
        gap: 3px;
        margin-bottom: 137px
    }
}

@media (min-width: 992px) {
    .search-results__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 1200px) {
    .search-results__grid--article {
        grid-template-columns: repeat(4, 1fr)
    }
}

.search-results .products__badges {
    margin-bottom: 6px
}

.search-results .products__title {
    letter-spacing: 1px
}

.search-results .products__img {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .search-results .products__cart-wrapper {
        display: none
    }
}

@media (min-width: 992px) {
    .search-results__item .article-card {
        margin-bottom: 80px
    }
}

.form-box {
    display: grid;
    grid-template-columns: 33.33%;
    justify-content: center;
    align-items: center;
    margin: 340px 0px 240px 0px;
}

.form-box__title {
    margin: 0 0 10px
}

.form-box__desc {
    margin: 0 0 30px
}

@media (max-width: 991.98px) {
    .form-box {
        grid-template-columns: 80%
    }
}

@media (max-width: 767.98px) {
    .form-box {
        align-items: unset;
        padding-top: 0 !important;
        grid-template-columns: 100%
    }

    .form-box__wrapper {
        padding-top: 100px
    }
}

.orders {
    padding: 120px 0;
    position: relative
}

.orders__wrapper {
    display: grid;
    grid-template-columns: 80%;
    justify-content: center
}

.orders .feature-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.orders .featured-tabs-item:not(:last-child) {
    margin-right: 0
}

.orders .featured-tabs-link {
    font-size: 18px;
    line-height: 27px;
    display: block;
    background-color: var(--color2);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 17px
}

.orders .featured-tabs-link.link-active,
.orders .featured-tabs-link:focus,
.orders .featured-tabs-link:active {
    background-color: var(--primary)
}

.orders .featured-tabs-link.link-active:after {
    background-color: #0000
}

.orders__content {
    padding: 60px 0 0
}

.orders__template,
.orders__new-address {
    display: grid;
    grid-template-columns: 25% 75%
}

.orders__billing {
    margin: 0 0 16px;
    color: var(--color3);
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.orders__shipping-address {
    margin-bottom: 38px
}

.orders__detail:not(.orders__detail--active) {
    display: none
}

.orders__back {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 36px
}

.orders__summary {
    padding-left: 10%
}

.orders__summary-grid {
    display: grid;
    grid-template-columns: 75% 25%;
    margin: 0 0 17px
}

.orders__summary-heading {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.orders__price {
    text-align: right
}

.orders__submit {
    margin: 54px 0 20px
}

.orders__actions-btns>div:first-child {
    margin-bottom: 20px
}

.orders__shipping-box {
    margin-top: 54px
}

@media (max-width: 1199.98px) {
    .orders .feature-tabs {
        position: fixed;
        left: 20px;
        right: 20px;
        z-index: 99;
        top: 105px;
        margin-left: -20px;
        margin-right: -20px
    }

    .orders__wrapper,
    .orders__template {
        grid-template-columns: 100%
    }

    .orders__template>div:first-child {
        margin: 0 0 75px
    }

    .orders__template--active>div:first-child {
        padding-top: 75px;
        border-top: 1px solid rgba(197, 197, 197, .99);
        margin: 75px 0 0;
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: -1
    }

    .orders__template--active .orders__back .btn {
        display: block;
        width: 100%;
        padding: 15px 27px
    }

    .orders__back {
        position: absolute;
        z-index: 1;
        bottom: 15px;
        left: 0;
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .orders .feature-tabs {
        background-color: var(--color1);
        padding: 15px 25px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        white-space: nowrap
    }

    .orders .featured-tabs-item:not(:last-child) {
        margin-right: 28px
    }

    .orders .featured-tabs-link {
        padding: 0;
        font-size: 14px;
        line-height: 21px
    }

    .orders .featured-tabs-link,
    .orders .featured-tabs-link.link-active,
    .orders .featured-tabs-link:focus,
    .orders .featured-tabs-link:active {
        background-color: #0000
    }

    .orders__actions-btns {
        padding-bottom: 75px;
        border-bottom: 1px solid rgba(197, 197, 197, .99)
    }

    .orders__new-address>div:nth-child(2) {
        padding-top: 75px
    }
}

@media (max-width: 767.98px) {

    table tbody td,
    table tbody th,
    table tbody tr,
    table thead td,
    table thead th,
    table thead tr {
        display: block;
        font-size: 16px
    }

    .billing-table:not(.billing-table--description) thead th {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .billing-table:not(.billing-table--description) tbody tr {
        position: relative;
        padding-top: 50px
    }

    .billing-table:not(.billing-table--description) tbody tr td:nth-child(1):before {
        content: "Order"
    }

    .billing-table:not(.billing-table--description) tbody tr td:nth-child(2):before {
        content: "Date"
    }

    .billing-table:not(.billing-table--description) tbody tr td:nth-child(3):before {
        content: "Payment Status"
    }

    .billing-table:not(.billing-table--description) tbody tr td:nth-child(4):before {
        content: "Status"
    }

    .billing-table:not(.billing-table--description) tbody tr td:nth-child(5):before {
        content: "Total"
    }

    .billing-table:not(.billing-table--description) tbody tr td {
        position: relative;
        text-align: right;
        border-bottom: 0;
        padding: 12px 10px
    }

    .billing-table:not(.billing-table--description) tbody tr td:before {
        position: absolute;
        top: 0;
        left: 0;
        text-align: left;
        font-size: 14px;
        line-height: 21px;
        display: flex;
        align-items: center;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        color: var(--color3);
        text-transform: uppercase;
        letter-spacing: 2px;
        height: 100%
    }

    .billing-table:not(.billing-table--description) tbody tr td:last-child {
        margin-bottom: 18px
    }

    .billing-table:not(.billing-table--description) tbody tr {
        border-top: 1px solid rgba(197, 197, 197, .99)
    }

    .billing-table:not(.billing-table--description) tbody tr:not(:last-child) {
        margin-bottom: 75px
    }

    .billing-table:not(.billing-table--description) tbody tr:after {
        content: "View details";
        display: block;
        background-color: var(--color2);
        color: var(--text);
        font-size: 14px;
        line-height: 20.54px;
        padding: 15px 27px;
        font-weight: 400;
        border-radius: 0;
        text-transform: uppercase;
        letter-spacing: 2px
    }

    .billing-table--description {
        border-bottom: 1px solid rgba(197, 197, 197, .99)
    }

    .billing-table--description thead tr {
        margin-bottom: 30px
    }

    .billing-table--description thead th {
        border: 0
    }

    .billing-table--description thead th:first-child {
        display: flex;
        justify-content: space-between;
        padding: 0
    }

    .billing-table--description thead th:not(:first-child) {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .billing-table--description tbody tr:not(:last-child) {
        margin-bottom: 30px
    }

    .billing-table--description tbody tr:last-child {
        margin-bottom: 36px
    }

    .billing-table--description tbody tr td {
        border: 0;
        padding: 2px 0
    }

    .billing-table--description tbody tr td:nth-child(2):before {
        content: "QTY: "
    }

    .billing-table--description tbody tr td:nth-child(3):before {
        content: "Total: "
    }

    .billing-table--description tbody tr td,
    .billing-table--description tbody tr td:last-child {
        text-align: left
    }

    .orders {
        padding: 90px 0
    }

    .orders__edit-address .btn {
        background-color: var(--primary)
    }

    .orders__summary {
        padding-left: 0
    }

    .orders__summary-heading {
        color: var(--color3)
    }

    .orders .orders__edit-address .btn {
        display: block
    }

    .orders__actions-btns>div:first-child {
        margin-bottom: 0
    }

    .orders__actions-btns>div:last-child .btn {
        background-color: var(--color2)
    }

    .recommended-products__content {
        max-width: 100%;
        text-align: left
    }

    .recommended-products .makeup-container {
        background-color: #0000
    }

    .recommended-products .circular-sustain-img {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .recommended-products .makeup-text__wrapper {
        padding-top: 50px
    }
}

.recommended-products__title {
    margin: 0 0 8px
}

.recommended-products__content {
    width: 100%;
    max-width: 554px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 54px
}

.recommended-products .products {
    margin-bottom: 20px
}

.recommended-products .makeup-container__text {
    background-color: #0000
}

.feature-video--recomended-video {
    background-color: #e4e1dc
}

.feature-video--recomended-video .feature-video__title {
    text-align: center
}

em {
    font-family: var(--font-primary);
    font-style: italic
}

@media (max-width: 575.98px) {
    .makeup-container--nature {
        margin-top: 0
    }
}

.makeup-video__link-block {
    display: flex
}

.makeup-video__img {
    width: 100%
}

.makeup-artist__blog-details {
    padding: 159px 0 120px
}

.feature-makeup-artist {
    display: grid;
    grid-template-columns: 65% 35%
}

.feature-makeup-artist__wrapper {
    background-color: #e4e1dc;
    padding: 60px 0;
    display: flex;
    align-items: center
}

.feature-makeup-artist__content {
    width: 100%;
    max-width: 560px;
    margin: 0 auto
}

.feature-makeup-artist__sub-title {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 64px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.feature-makeup-artist__italic {
    font-style: italic;
    display: block;
    margin: 0 0 38px
}

.feature-makeup-artist__img-wrapper {
    display: flex
}

.feature-makeup-artist__img {
    width: 100%
}

@media (min-width: 992px) {
    .feature-makeup-artist__img-wrapper {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .feature-makeup-artist__img {
        width: auto;
        max-height: 500px;
        display: block;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .feature-makeup-artist {
        background-color: #e4e1dc
    }

    .feature-makeup-artist__wrapper {
        background-color: #0000
    }

    .feature-makeup-artist__content {
        max-width: 100%
    }

    .feature-makeup-artist__sub-title {
        font-size: 14px;
        line-height: 25px;
        margin: 0 0 10px
    }

    .feature-makeup-artist__about-karim {
        font-size: 24px;
        line-height: 28px
    }

    .feature-makeup-artist__italic {
        margin: 0 0 25px
    }

    .feature-box--full .feature-box-title {
        margin-bottom: 0;
        text-align: left
    }

    .related-articles__title {
        margin: 0 0 70px
    }

    .related-articles--mobile-carousel {
        background-color: var(--primary)
    }

    .related-articles .gallery__btn {
        background-color: var(--secondary)
    }

    .related-articles .gallery__btn:hover {
        background-color: var(--text)
    }
}

.stockists {
    display: grid;
    grid-template-columns: 35% 65%
}

.stockists__wrapper {
    width: 100%;
    max-width: 329px;
    margin: 0 auto;
    padding: 57px 0 98px
}

.stockists__sub-heading {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 9px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.tags {
    display: flex;
    flex-wrap: wrap
}

.tags__item {
    margin: 0 17px 20px 0
}

.tags__link {
    padding: 8px 13px;
    background-color: var(--color2);
    border-radius: 50px;
    display: inline-block
}

.tags__link:hover {
    background-color: var(--text);
    color: var(--secondary)
}

.info-block {
    padding: 30px 0;
    border-top: 1px solid var(--color3)
}

.info-block p {
    margin: 0 0 22px
}

.info-block__title {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 7px
}

.info-block__action {
    display: flex;
    flex-wrap: wrap
}

.info-block__item:not(:last-child) {
    margin: 0 18px 5px 0
}

.info-block__link {
    text-decoration: underline
}

@media (max-width: 1199.98px) {
    .stockists {
        grid-template-columns: 100%
    }

    .stockists__iframe-box {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 2;
        grid-column-end: -1
    }

    .stockists__wrapper {
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .stockists__wrapper {
        padding: 50px 0
    }
}

.sus-intro {
    padding: 100px 0
}

.sus-intro__wrapper {
    width: 100%;
    max-width: 821px;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 767.98px) {
    .sus-intro {
        padding: 50px 0
    }

    .sus-intro .pursuit-beauty__wrapper {
        text-align: left
    }

    .sus-intro .pursuit-beauty__title {
        font-size: 16px;
        line-height: 23px;
        margin: 0 0 20px;
        letter-spacing: -.02em;
        font-family: var(--font-secondary)
    }

    .sus-intro .pursuit-beauty__title>br:first-of-type {
        display: block
    }
}

.sustain__width {
    width: 100%;
    max-width: 584px;
    margin: 0 auto 0 0
}

.sustain__sub-title {
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 13px;
    letter-spacing: 2px
}

.sustain__title {
    margin: 0 0 32px
}

.sustain__btn {
    background-color: var(--secondary)
}

.mahati-circular {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 36px
}

.mahati-circular img {
    display: block
}

.mahati-circular__box:not(:last-child) {
    margin-right: 11px
}

.principle {
    padding: 135px 0 0
}

.principle__title {
    margin: 0 auto 84px;
    display: grid;
    max-width: 650px
}

.principle__title>span {
    font-size: 70px;
    line-height: 117.7%
}

.principle__title>span:first-of-type {
    text-align: left
}

.principle__title>span:last-of-type {
    text-align: center
}

.principle .faq {
    padding-top: 0
}

@media (max-width: 767.98px) {
    .principle__title {
        display: block;
        text-align: center
    }

    .principle__title>span {
        font-size: 30px;
        line-height: 38px
    }

    .principle__title>span:first-of-type {
        text-align: initial
    }

    .principle__title>span:last-of-type {
        text-align: initial
    }
}

.makeup-container--members .makeup-img,
.makeup-container--circular .makeup-img {
    height: 100%;
    padding: 0
}

.how-work {
    background-color: var(--primary);
    padding: 50px 0;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .how-work {
        padding: 104px 0 110px
    }
}

.how-work__head {
    text-align: center;
    width: 100%;
    max-width: 710px;
    margin: 0 auto
}

.how-work__main-title {
    margin: 0 0 15px;
    font-size: 70px;
    line-height: 80px
}

.how-work__text {
    margin: 0 0 70px
}

.how-work__wrapper {
    display: grid;
    grid-template-columns: 82%;
    justify-content: center
}

.service-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    column-gap: 10px;
    row-gap: 50px
}

.service-box-sub-heading {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 2px;
    margin: 0 0 7px
}

.service-box-img {
    margin: 0 auto 24px;
    max-width: 90px;
    max-height: 72px
}

.service-box p {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 20px
}

@media (max-width: 767.98px) {
    .service-box p {
        margin-bottom: 0;
        max-width: 100%
    }
}

.faq {
    grid-template-columns: 880px
}

@media (min-width: 992px) {

    .journey .makeup-img__img {
        width: 100%;
        height: 100%
    }
}

@media (max-width: 1199.98px) {
    .how-work__main-title {
        font-size: 60px;
        line-height: 60px
    }
}

@media (max-width: 991.98px) {
    .service-box {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767.98px) {
    .service-box {
        grid-template-columns: auto
    }

    .pursuit-beauty--option2 .pursuit-beauty__title {
        font-size: 16px;
        line-height: 23px;
        text-align: left;
        font-family: UntitledSansWeb-Regular
    }

    .principle {
        padding-top: 25px !important
    }

    .principle__title {
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 0px;
    }

    .faq-principle .accordian-head {
        grid-template-columns: 85% 15%;
        padding: 24px 0
    }

    .faq-principle .accordian-head h3 {
        font-size: 21px;
        line-height: 26px
    }

    .faq-principle .accordian__sign span {
        width: 22px
    }

    .faq-principle .accordian__body .accordian__img-box {
        margin-bottom: 25px
    }

    .how-work {
        margin-bottom: 0
    }

    .how-work__wrapper {
        margin-left: 25px;
        margin-right: 25px;
        grid-template-columns: auto
    }



    .how-work__head {
        max-width: 100%;
        text-align: left;
        width: auto;
        margin: 0 25px
    }

    .how-work__main-title {
        margin: 0 0 20px
    }

    .how-work__text {
        margin: 0 0 50px;
        font-size: 16px;
        line-height: 23px;
        font-family: var(--font-secondary)
    }

    .journey {
        margin-bottom: 0
    }

    .journey .makeup-text__wrapper {
        padding-bottom: 50px
    }

    .journey .makeup-text__desc {
        margin-bottom: 25px !important
    }

    .makeup-container--help {
        margin-bottom: 0
    }

    .makeup-container--help .makeup-text__wrapper {
        padding-bottom: 50px
    }

    .makeup-container--circular {
        margin-bottom: 0
    }

    .makeup-container--circular .makeup-text__wrapper {
        padding: 16px;
    }
}

@media (max-width: 991.98px) {
    .template-page-sustainability .subscribe {
        padding-top: 0 !important
    }
}

.makeup-container__action {
    padding-top: 30px
}

.collection-products {
    display: grid;
    gap: 25px
}

@media (min-width: 768px) {
    .collection-products {
        gap: 3px
    }
}

@media (min-width: 992px) {
    .collection-products {
        grid-template-columns: repeat(2, 1fr);
        gap: 3px
    }

    .collection-products--collections {
        /*grid-template-columns: auto*/
    }
}

@media (min-width: 992px) {
    .collection-products--three-column-grid:not(.collection-products--collections) {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 992px) {
    .collection-products .products {
        margin-bottom: 0
    }
}

.collection-products--collections .shop-products:nth-of-type(2n) .products {
    order: 5
}

@media (max-width: 767.98px) {
    .shop-products {
        grid-template-columns: auto
    }

    .ingredients {
        padding-top: 40px;
        margin-bottom: 0;
        background-color: #0000
    }
}

@media (min-width: 768px)and (max-width: 991.98px) {
    .page-collection .ingredients {
        padding-right: 50px;
        padding-top: 100px;
        padding-bottom: 90px
    }
}

.article-content {
    padding: 100px 0 0
}

.article-content .article-block:last-of-type,
.article-content .article-content-main__contents:last-of-type {
    margin-bottom: 0 !important
}

.article-content .article-content-main__contents:last-of-type {
    padding-bottom: 0 !important
}

.article-content .article-content-main__contents p:last-of-type {
    margin-bottom: 0 !important
}

.article-content__content {
    padding-bottom: 100px
}

@media (max-width: 767.98px) {
    .article-content {
        padding-top: 50px;
        padding-bottom: 0
    }

    .article-content__content {
        padding-bottom: 0
    }
}

.article-content ul,
.article-content ol {
    margin-left: 20px;
    list-style-type: disc
}

.article-content ul li,
.article-content ol li {
    margin-bottom: 20px
}

.article-content a {
    position: relative
}

.article-content a:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    background: var(--text);
    left: 0;
    bottom: -3px
}

.article-content a:hover:after {
    display: none
}

.article-content .article-intro__products-list a:after {
    display: none
}

.article-content .article-intro__products-list a:hover:after {
    display: none
}

@media (min-width: 1200px) {
    .article-block:not(.article-hero):not(.article-two-col):not(.article-video):not(.article-makeup-author) {
        width: 1093px;
        margin-left: auto;
        margin-right: auto
    }
}

.article-block h1,
.article-block h2,
.article-block h3,
.article-block h4,
.article-block h5 {
    margin-bottom: 10px
}

.article-block h1:empty,
.article-block h1:-moz-only-whitespace,
.article-block h1:last-child,
.article-block h2:empty,
.article-block h2:-moz-only-whitespace,
.article-block h2:last-child,
.article-block h3:empty,
.article-block h3:-moz-only-whitespace,
.article-block h3:last-child,
.article-block h4:empty,
.article-block h4:-moz-only-whitespace,
.article-block h4:last-child,
.article-block h5:empty,
.article-block h5:-moz-only-whitespace,
.article-block h5:last-child {
    margin-bottom: 0
}

.article-block p {
    margin-bottom: 25px;
    line-height: 23px
}

.article-block p em {
    font-family: var(--font-secondary);
    font-style: italic
}

.article-hero {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: calc(var(--height-fill) - 20px);
    gap: 3px
}

@media (max-width: 991.98px) {
    .article-hero {
        height: auto;
        grid-template-columns: repeat(1, 1fr);
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: 50px;
        gap: 0
    }
}

.article-hero__image {
    display: flex;
    max-height: 100vh;
    position: relative
}

.article-hero__image .image {
    width: 100%;
    height: 100%;
    position: absolute
}

@media (max-width: 767.98px) {
    .article-hero__image .image {
        height: 100% !important
    }
}

@media (max-width: 991.98px) {
    .article-hero__image .image {
        padding: 25px;
        background-color: var(--color2);
        height: 400px;
        position: relative
    }
}

.article-hero__image .image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.article-hero__content {
    display: flex;
    align-items: center;
    background-color: var(--color2)
}

.article-hero__content-wrapper {
    width: 100%;
    max-width: 441px;
    margin: 0 auto;
    padding: 103px 0 133px
}

@media (max-width: 991.98px) {
    .article-hero__content-wrapper {
        padding: 25px 0 50px;
        text-align: center
    }
}

.article-hero__category {
    font-size: 14px;
    line-height: 20.54px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color3)
}

.article-hero__title {
    margin: 12px 0 35px
}

@media (max-width: 991.98px) {
    .article-hero__title {
        margin: 10px 0 5px !important;
        padding-left: var(--padding-x);
        padding-right: var(--padding-x);
        font-size: 24px !important;
        line-height: 28px !important
    }
}

.article-hero__desc {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em
}

.article-hero__desc>p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 22px;
    letter-spacing: -.02em
}

.article-content-main {
    padding-bottom: 50px;
    display: flex
}

@media (min-width: 992px) {
    .article-content-main {
        justify-content: flex-end
    }
}

.article-content-main__contents {
    width: 100%;
    margin-bottom: 50px
}

@media (min-width: 992px) {
    .article-content-main__contents {
        width: 50%;
        padding: 0 40px 20px;
        margin-bottom: 70px
    }
}

@media (min-width: 1200px) {
    .article-content-main__contents {
        padding-right: 0
    }
}

.article-content-main__contents-inner {
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767.98px) {
    .article-content-main__contents-inner {
        max-width: 460px !important
    }
}

@media (max-width: 991.98px) {
    .article-content-main__contents-inner {
        max-width: calc(100% - 150px)
    }
}

@media (min-width: 1200px) {
    .article-content-main__contents-inner {
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .article-content-main p {
        margin-bottom: 30px !important
    }
}

.article-featured-block {
    display: flex
}

@media (min-width: 992px) {
    .article-featured-block {
        justify-content: flex-end
    }
}

.article-featured-block__main-contents {
    width: 100%;
    margin-bottom: 50px
}

@media (min-width: 992px) {
    .article-featured-block__main-contents {
        width: 50%;
        padding: 0 40px;
        margin-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .article-featured-block__main-contents {
        padding-right: 0
    }
}

.article-featured-block__box {
    padding: 37px 25px;
    background-color: #efece6;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .article-featured-block__box {
        padding: 20px 30px;
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .article-featured-block__box {
        max-width: 460px !important
    }
}

@media (max-width: 991.98px) {
    .article-featured-block__box {
        max-width: calc(100% - 150px)
    }
}

.article-featured-block__heading {
    margin-bottom: 20px
}

.article-intro {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 50px
}

@media (max-width: 991.98px) {
    .article-intro {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 0
    }
}

.article-intro__featured-products-section {
    margin-bottom: 50px
}

@media (min-width: 992px) {
    .article-intro__featured-products-section {
        margin-bottom: 0
    }
}

.article-intro__featured-products-section-inner {
    max-width: 428px;
    margin: 0 auto
}

@media (min-width: 1200px) {
    .article-intro__featured-products-section-inner {
        max-width: 100%
    }
}

.article-intro__featured-products-section button {
    width: 100%
}

@media (min-width: 992px) {
    .article-intro__featured-products-section button {
        width: auto
    }
}

.article-intro__heading {
    margin-bottom: 30px
}

.article-intro__heading h5 {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .article-intro__heading h5 {
        font-size: 18px;
        line-height: 26px
    }
}

.article-intro__products-list {
    margin: 0 0 25px;
    padding: 0;
    list-style-type: none
}

.article-intro__products-list li {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

@media (min-width: 992px) {
    .article-intro__products-list li {
        margin-bottom: 7px
    }
}

.article-intro__products-list li .image {
    margin-right: 10px;
    width: 106px;
    text-align: center
}

.article-intro__products-list li .image img {
    max-width: 100%;
    vertical-align: middle
}

.article-intro__products-list li .details {
    flex: 1
}

.article-intro__products-list li .details p {
    margin: 0
}

.article-intro__products-list li .details p.title {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px
}

@media (min-width: 992px) {
    .article-intro__products-list li .details p.title {
        letter-spacing: .1em
    }
}

@media (min-width: 992px) {
    .article-intro__featured-contents-section {
        padding: 0 40px
    }
}

@media (min-width: 1200px) {
    .article-intro__featured-contents-section {
        padding-right: 0
    }
}

.article-intro__featured-contents-section-inner {
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767.98px) {
    .article-intro__featured-contents-section-inner {
        max-width: 460px !important
    }
}

@media (max-width: 991.98px) {
    .article-intro__featured-contents-section-inner {
        max-width: calc(100% - 150px)
    }
}

@media (min-width: 1200px) {
    .article-intro__featured-contents-section-inner {
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .article-intro__featured-contents-section p {
        margin-bottom: 30px !important
    }
}

.article-intro--center {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 15px
}

@media (min-width: 992px) {
    .article-intro--center {
        padding-top: 60px;
        margin-bottom: 0
    }

    .article-intro--center:first-child {
        padding-top: 0;
        padding-bottom: 100px
    }
}

.article-intro--center .article-intro__featured-contents-section-inner {
    margin: 0 auto;
    text-align: center
}

@media (max-width: 767.98px) {
    .article-intro--center .article-intro__featured-contents-section-inner {
        max-width: 821px
    }
}

@media (max-width: 991.98px) {
    .article-intro--center .article-intro__featured-contents-section-inner {
        max-width: calc(100% - 150px)
    }
}

.article-image {
    margin-bottom: 25px
}

@media (min-width: 992px) {
    .article-image {
        margin-bottom: 50px
    }
}

.article-image__wrapper {
    padding: 25px 0;
    text-align: center
}

.article-image__wrapper img {
    max-width: 100%
}

@media (min-width: 992px) {
    .article-image--center .article-image__wrapper {
        max-width: 600px;
        margin: 0 auto
    }
}

.article-two-col {
    margin: 100px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px
}

@media (max-width: 991.98px) {
    .article-two-col {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 50px;
        gap: 25px
    }
}

.article-two-col__left-image-section,
.article-two-col__right-image-section {
    text-align: center
}

.article-two-col .image {
    width: 100%;
    height: 100%
}

.article-two-col .image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.article-video {
    margin-bottom: 50px
}

@media (min-width: 992px) {
    .article-video {
        margin-bottom: 100px
    }
}

.article-video__player {
    position: relative
}

.article-video__player:not(.article-video__player--no-padding) {
    padding-bottom: 56.25%
}

@media (max-width: 991.98px) {
    .article-video__player:not(.article-video__player--no-padding) {
        padding-bottom: 0;
        height: 420px
    }
}

.article-video__player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.article-video__player .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.article-video__player .overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article-video__player .overlay .play-button {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.article-video__category {
    font-size: 14px;
    line-height: 20.54px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color3);
    margin-bottom: 10px
}

@media (max-width:1024.98px) {
    .sustain__width {
        width: 100%;
        max-width: 465px;
    }
}

@media (min-width: 992px) {
    .article-video__category {
        margin-bottom: 0
    }
}

.article-video__title {
    margin: 0 0 6px !important
}

@media (max-width: 991.98px) {
    .article-video__title {
        margin: 0 0 15px
    }
}

.article-video__desc {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.02em;
    margin-bottom: 0 !important
}

@media (max-width: 991.98px) {
    .article-video__desc {
        display: none
    }
}

.article-video__desc p {
    font-size: 16px;
    line-height: 23px;
    margin: 0 !important;
    letter-spacing: -.02em
}

.article-video__contents-section-inner {
    max-width: 560px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

@media (min-width: 992px) {
    .article-video__contents-section-inner {
        padding: 70px 0 80px
    }
}

@media (max-width: 991.98px) {
    .article-video__media-section {
        order: -1
    }
}

@media (max-width: 991.98px) {
    .article-video--featured {
        display: grid;
        padding-top: 20px
    }
}

.article-makeup-author {
    display: grid;
    grid-template-columns: 1fr;
    background-color: #e4e1dc;
    margin: 50px -25px 100px;
    padding: 25px
}

@media (min-width: 992px) {
    .article-makeup-author {
        margin-top: 100px;
        grid-template-columns: 1fr 470px;
        margin-left: 0;
        margin-right: 0;
        padding: 0
    }
}

.article-makeup-author__content-section {
    padding: 50px 0
}

@media (min-width: 991.98px) {
    .article-makeup-author__content-section {
        padding: 60px 70px
    }
}

@media (max-width: 767.98px) {
    .article-makeup-author__content-section-inner {
        max-width: 100% !important
    }
}
@media (max-width: 575.98px) {
    .products__box:not(.products__box--carousel){
        grid-template-columns: repeat(1, 1fr);
    }   
}
@media (max-width: 991.98px) {
    .article-makeup-author__content-section-inner {
        max-width: calc(100% - 150px);
        margin: 0 auto
    }

    .home-background {
        height: unset !important;
        margin-bottom: 0px !important;
    }
}

@media (min-width: 1200px) {
    .article-makeup-author__content-section-inner {
        max-width: 560px
    }
}

.article-makeup-author__heading {
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .article-makeup-author__heading {
        margin-bottom: 60px
    }
}

.article-makeup-author__heading h5 {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0
}

@media (min-width: 992px) {
    .article-makeup-author__heading h5 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 2px
    }
}

.article-makeup-author__sub-heading {
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .article-makeup-author__sub-heading {
        font-size: 24px;
        line-height: 28px
    }

    .article-makeup-author__sub-heading em {
        font-style: normal
    }

    .article-makeup-author__body h4 {
        font-size: 21px;
        line-height: 26px
    }

    .ingredients-row {
        padding-top: 20px;
    }

    .contact-fill {
        padding: 70px 0px 0px 0px;
    }
}

@media (max-width:913.98px) {
    .people-saying__content {
        flex: 1;
        padding: 16px;
    }

    .principle__title>span {
        font-size: 46px;
    }

    .principle__title>span:last-of-type {
        text-align: center;
    }

    .principle__title {
        margin-bottom: 50px !important;
    }
}

.people-saying__carousel .owl-carousel .owl-item {
    width: 100% !important;
}

.article-makeup-author__body h4::last-child,
.article-makeup-author__body h4::last-of-type {
    margin-bottom: 0
}

.article-makeup-author__image-section {
    order: -1
}


.article-makeup-author__image-section .image {
    height: 100%;
    width: 100%
}

.article-makeup-author__image-section .image img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.article-main--video .article-intro__featured-products-section-inner {
    display: none
}

.product-card__carousel--featured-wrapper {
    margin-right: -25px
}

.product-card__carousel--featured {
    padding-bottom: 50px
}

.product-card__carousel--featured .owl-dots {
    margin-top: 30px !important;
    margin-right: 25px
}

/*# sourceMappingURL=/cdn/shop/t/198/assets/main.css.map?v=117665846295496587111684791901 */



@media (max-width: 991.98px) {
    .product-card__carousel--featured-wrapper {
        display: none
    }

    .collapsible-header .accordian__img-box {
        height: 80px !important;
        width: 80px !important;
    }

    .product-faq,
    .hero-ingredients,
    .pair-product,
    .shop-products,
    .career,
    .contact-box,
    .category-box,
    .feature-video__grid,
    .blog-details,
    .blog-details-wrapper,
    .orders__new-address,
    .ethical-ingredients,
    .feature-makeup-artist,
    .model__body-wrapper,
    .free-photo__wrapper,
    .model-about-wrapper,
    .foundation,
    .single-product {
        grid-template-columns: repeat(1, 1fr)
    }

    .ethical-ingredients {
        padding-top: 20px;
    }

    .makeup-text__wrapper,
    .ingredients--transparent,
    .can-not-find,
    .help-center,
    .feature-video,
    .pursuit-beauty,
    .how-work {
        padding: 100px 0
    }

    .makeup-text__wrapper {
        padding: 20px 0px;
    }

    .people-saying,
    .product-reviews,
    .recent-view-products,
    .founder,
    .ethical-ingredients .makeup-text__wrapper {
        padding: 100px 0 0
    }

    .home-hero:before {
        margin-bottom: 0px;
        height: 0px;
    }

    .principle {
        padding: 50px 0px 0px;
    }

    .people-saying {
        padding-top: 0px;
        padding-left: 0px;
    }

    .color-match,
    .color-match .gallery {
        padding: 0
    }

    .feature-video--transprent {
        padding-top: 0
    }

}

@media (max-width: 1199.98px) {
    body {
        padding: 0 25px
    }

    body.product .ingredients {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    body.product .color-match__content {
        padding: 0 25px 25px
    }

    body.product .ingredients {
        background-color: #f6f6f6
    }



    .header {
        grid-template-columns: repeat(3, 1fr);

    }

    .header:after {
        display: none
    }



    .header__brand .humberger {
        display: block
    }

    .header__brand__mini-bag {
        order: 3
    }

    .header__logo {
        order: 2
    }

    .header__mini-bag {
        order: 3;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .1em;
        text-align: right
    }

    .header__mini-bag:hover {
        color: inherit !important
    }

    .header-add-pb {
        overflow-y: auto;
        height: 100vh;
        z-index: 9999;
        bottom: 0;
        display: flex;
        flex-direction: column;
        left: 0;
        right: 0;
        min-height: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .header-add-pb .navbar__announcement {
        width: 100%
    }

    .header-add-pb .header__brand {
        padding: 0 25px
    }

    .header-add-pb .header__brand,
    .header-add-pb ul {
        width: 100%
    }

    .header-add-pb ul {
        display: block
    }

    .header-add-pb .humberger__btn-active span:first-child {
        transform: rotate(45deg);
        top: 4px
    }

    .header-add-pb .humberger__btn-active span:nth-child(2) {
        display: none
    }

    .header-add-pb .humberger__btn-active span:last-child {
        transform: rotate(-45deg);
        top: -3px
    }

    .header-item {
        margin-right: 0
    }

    .home-intro-img {
        max-height: 100% !important;
    }

    .header__link,
    .header__menu-item {
        font-size: 13px;
        line-height: 26px;
        display: block;
        padding: 10px 12px;
        position: relative
    }

    .btn-home {
        display: inline-flex !important;
    }

    .header__link.link-active:after {
        display: none
    }

    .search-result__products {
        grid-column-end: -1;
        margin-bottom: 25px
    }

    .search-result__articles {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: -1;
        padding-left: 0
    }

    .slide-cart {
        background-color: #f6f6f4;
        padding: 0
    }

    .slide-cart__head {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 10px
    }

    .slide-cart__close {
        right: 20px
    }

    .slide-cart__shipping {
        padding: 0 25px 10px;
        border-bottom: 1px solid var(--primary);
        font-size: 13px;
        line-height: 17px;
        text-align: center
    }

    .slide-cart__added-product,
    .slide-cart__foot {
        padding-left: 25px;
        padding-right: 25px
    }

    .btn {
        padding: 15px 27px;
        display: block
    }

    .terms .blog-details {
        padding-top: 100px
    }

    .hero-ingredients__table-content,
    .pair-product__wrapper,
    .product-reviews__comments,
    .favourite-product,
    .favourite-product__feature-box,
    .faq,
    .help-center__wrapper,
    .feature-video__wrapper,
    .pagination-move__wrapper,
    .hero-img,
    .blog-gallery,
    .search-products .products__box,
    .form-box,
    .faq-principle .accordian__body,
    .how-work__wrapper,
    .model__container,
    .card-box--undertone,
    .free-photo__box,
    .model .accordian__body {
        grid-template-columns: repeat(1, 1fr)
    }

    .makeup-container,
    .feature-makeup-artist {
        padding: 25px 25px 0
    }

    .product-reviews .feature-content,
    .recent-view-products,
    .related-articles {
        padding: 50px 0 0
    }

    .footer-wrapper,
    .pursuit-beauty,
    .founder,
    .feature-makeup-artist__wrapper,
    .model__products-head,
    .file-uploader__width {
        padding: 50px 0
    }

    .gallery--how-to-us,
    .ingredients,
    .pair-product,
    .can-not-find__wrappper,
    .help-center__wrapper,
    .orders__template--active .orders__edit-address,
    .related-articles--mobile-carousel,
    .how-work,
    .banner--sustain,
    .model__body-wrapper {
        padding-left: 25px;
        padding-right: 25px
    }

    .gallery--how-to-us,
    .ingredients,
    .hero-ingredients .makeup-text__wrapper,
    .pair-product,
    .blog-details,
    .related-articles--mobile-carousel,
    .how-work {
        padding-top: 50px;
        padding-bottom: 50px
    }

    /* .makeup-container,
    .footer,
    .gallery--how-to-us,
    .ingredients:not(.ingredients--transparent),
    .pair-product,
    .help-center,
    .orders__template--active>div:first-child,
    .ethical-ingredients,
    .feature-makeup-artist,
    .related-articles--mobile-carousel,
    .how-work,
    .banner--sustain {
        margin-left: -25px;
        margin-right: -25px
    } */

    .hero-ingredients__label,
    .product-reviews .feature-tabs {
        margin-bottom: 10px
    }

    .ingredients__heading,
    .hero-ingredients__table-content,
    .pair-product__title,
    .category-box__sub-title,
    .hero-content__title {
        margin-bottom: 25px
    }

    .hero-ingredients__heading,
    .hero-ingredients__heading-tip,
    .hero-ingredients__head h3,
    .feature-box-title,
    .recent-view-products__title,
    .content-box__title,
    .career__title,
    .help-center__sub-title,
    .help-center__title,
    .contact-box__title,
    .form-box__title,
    .recommended-products__title,
    .makeup-container--circular .makeup-text__title,
    .how-work__main-title,
    .makeup-container--help .makeup-text__title,
    .model__body-wrapper .makeup-text__title,
    .model__body-wrapper .model__title,
    .foundation__title,
    .model--about .model__main-title {
        font-size: 32px;
        line-height: 39px
    }

    .single-product__hide,
    .gallery--match .gallery__item:nth-child(4) img,
    .gallery--match .gallery__item:nth-child(5) img,
    .pair-product__hide-mobile,
    .product-reviews__interaction,
    .favourite-product__products,
    .category-box__desc,
    .gallery--blog-gallery .gallery__desc,
    .pagination-move__prev-text,
    .pagination-move__next-text,
    .orders__edit-address .btn,
    .ethical-ingredients__hide-mobile,
    .related-articles__gallery-wrapper .gallery--blog-gallery:nth-child(1),
    .banner__foot,
    .faq-principle .accordian-head .accordian__img-box,
    .file-uploader__drag-title {
        display: none
    }

    .single-product__makeup-text {
        padding-left: 25px;
        padding-right: 25px
    }

    .single-product__dropdown,
    .single-product__cart {
        margin-left: -25px;
        margin-right: -25px
    }

    .main__insta h2 {
        font-size: 24px !important;
        line-height: 31px !important
    }

}

@media (max-width: 575.98px) {
    h2 {
        font-size: 22px !important;
        line-height: 26px !important
    }

    .home-content.sustainbility-content h2 {
        font-size: 25px !important;
        line-height: 32px !important
    }

    .products--mobile-shop .products__box,
    .search-result .products__box {
        grid-template-columns: repeat(1, 1fr)
    }

    .search-result__btn-view {
        display: block
    }

    .perfect-shade__2>div>div {
        width: 150px;
        height: 170px;
        margin-top: -120px
    }

    .instagram__img {
        max-height: 180px;
        min-height: 180px
    }

    .slide-cart__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(20%, 1fr))
    }

    .slide-cart__dropdown {
        grid-template-columns: 100%
    }

    .slide-cart__product-img {
        grid-area: 1/1/2/-1
    }

    .slide-cart__content {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3;
        grid-column-end: 5;
        padding-left: 0
    }

    .slide-cart__action {
        grid-row-start: 1;
        grid-column-start: 5;
        grid-row-end: 3;
        grid-column-end: -1
    }

    .slide-cart__action p {
        margin-top: 40px
    }

    .sticky-product {
        grid-template-columns: 60% 40% 100%
    }

    .sticky-product .select-box__item {
        padding: 5px 16px
    }

    .sticky-product .select-box__bgcolor {
        margin-right: 4px;
        vertical-align: middle
    }

    .sticky-product .select-box__options-head,
    .sticky-product .select-box__item {
        font-size: 14px;
        line-height: 24px
    }

    .sticky-product .select-box__options-head {
        padding: 15px 36px 15px 16px
    }

    .sticky-product .select-box__close {
        right: 16px
    }

    .subscribe__two-columns {
        grid-template-columns: 100%
    }

    .service-box {
        grid-template-columns: repeat(1, 1fr)
    }

    .model__block {
        display: inline
    }

    .model .featured-tabs-item:not(:last-child) {
        margin-bottom: 5px
    }

    .key-points {
        grid-template-columns: repeat(2, 1fr)
    }

    .card-box--skin-ton,
    .card-box--natural {
        grid-template-columns: repeat(1, 1fr)
    }

    .ff_fileupload_fileinfo {
        display: none
    }

    .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile {
        display: none !important
    }

    .footer-part-two ul a {
        display: block
    }

    .footer-part-two ul:first-child {
        grid-column-end: -1
    }

    .footer-part-two ul:nth-child(2) {
        grid-row-start: 2;
        grid-column-start: 1;
        grid-row-end: 3
    }
}




.feature-tabs__item:not(:last-child) {
    margin-right: 32px
}

.feature-tabs__link {
    display: block;
    position: relative;
    color: #848484
}

.feature-tabs__link:hover {
    color: #000
}

.feature-tabs__link:after {
    content: "";
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #0000
}

.feature-tabs__link.active {
    color: #000 !important
}

.feature-tabs__link.active:after {
    background-color: #000
}

.feature-tabs__link.link-active {
    border-bottom: 1px solid #000;
    color: #000
}

.feature-tabs__link.link-active:hover {
    color: #000 !important
}

.feature-tabs__item.link-active a {
    color: #000
}

.feature-tabs__link:not(.link-active) {
    color: #848484
}

.feature-tabs__link:not(.link-active):hover {
    color: #000
}



.blog-details .feature-tabs__item:not(:last-child) {
    margin: 0 0 15px
}

.blog-details .feature-tabs__link {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block
}


.accordian__item {
    border-bottom: 1px solid #848484 !important;
}

.accordian__item:not(.accordian__item--active) .accordian__body {
    display: none
}

.accordian__item--active .accordian__sign span:last-child {
    display: none
}

.accordian__head {
    padding: 16px 0;
    display: grid;
    grid-template-columns: 85% 15%;
    align-items: center;
    cursor: pointer
}

.accordian__title {
    font-size: 16px;
    line-height: 23px;
    font-family: var(--font-secondary)
}

.accordian__body {
    padding: 0 0 15px
}

.accordian__body p {
    font-size: 16px;
    line-height: 23px;
    margin: auto;
    max-width: 720px;
    text-align: center;
}
.home-faq .accordian__body p {
    font-size: 16px;
    line-height: 23px;
    margin: auto;
     max-width: 100%; 
     text-align: left; 
}
.accordian__sign {
    display: grid;
    justify-content: flex-end
}

.accordian__sign span {
    display: block;
    width: 13px;
    height: 1px;
    background-color: #1d322d
}

.accordian__sign span:first-child {
    position: relative
}



.faq {
    display: grid;
    grid-template-columns: 90%;
    justify-content: center;
    padding: 60px 0 140px;
    background-color: #efece6;
    margin: 30px 0px;
}
.home-faq{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: unset;
    padding: 10px;
    background-color: #fff;
    margin: 30px 0px;
    gap:20px;
}
.home-faq h3 { 
    padding-bottom: 8px;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 600;
    letter-spacing: 2.6px;
    text-transform: uppercase;
}

.home-faq .collapsible-header{
    text-align:left !important;
}

.collapsible-header .icon {
    font-size: 30px !important;
}

.help-center {
    padding: 118px 0 177px;
    background-color: var(--primary);
    text-align: center;
    margin-bottom: 25px
}

.help-center__title {
    margin: 0 0 38px
}

.help-center__wrapper {
    display: grid;
    grid-template-columns: 82%;
    justify-content: center
}

.help-center__categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px
}

.help-center__bg-img {
    position: relative
}

.help-center__bg-img--wrapper {
    position: relative;
    padding-bottom: 72.6153846154%
}

.help-center__bg-img--wrapper:after {
    content: " ";
    background-color: #0003;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.help-center__bg-img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 0
}

.help-center__bg-img:hover .help-center__link {
    visibility: visible
}

.help-center__content {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 50px);
    color: var(--secondary);
    z-index: 3
}

.help-center__sub-title {
    margin-bottom: 13px
}

.customer-feedback {
    display: flex;
}

.help-center__link {
    visibility: hidden;
    text-decoration: underline;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 20px
}

.signup-tag {
    margin-top: 20px;
}

@media (max-width:280.98.px) {
    .toggle-password-visibility {
        bottom: 145px;
    }
}

/* styles.css */
.popup {
    display: none;
    position: fixed;
    padding: 10px;
    width: 280px;
    left: 50%;
    margin-left: -150px;
    height: 180px;
    top: 50%;
    margin-top: -100px;
    background: #FFF;
    border: 3px solid #F04A49;
    z-index: 20;
}

#popup:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -2;
}

#popup:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: -1;
}



.popupk {
    display: none;
    position: fixed;
    padding: 10px;
    width: 280px;
    left: 50%;
    margin-left: -150px;
    height: 180px;
    top: 50%;
    margin-top: -100px;
    background: #FFF;
    border: 3px solid #F04A49;
    z-index: 20;
}

#popupk:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -2;
}

#popupk:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: -1;
}

.down-arrow {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

.cart-drawer__grid .cart-item-select-wrapper img {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}

/* payment */
.payment-right {
    padding: 66px;
    /* border: 2px solid red; */
    width: 55%;
    padding-left: 18%;
    justify-content: flex-end;
}


.or {
    /* border: 3px solid red; */
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 
.or p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
} */

.or::before,
.or::after {
    content: "";
    height: 0.5px;
    width: 45%;
    opacity: 0.5;
    background: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.or::before {
    left: 0;
}

.or::after {
    right: 0;
}

.pay-contact {
    display: flex;
    justify-content: space-between;
}

.pay-contact p a {
    color: #83241e;
}

.nav-breadcrumb .breadcrumb-item a {
    text-decoration: none;
    color: #83241e;
}

.nav-breadcrumb .breadcrumb-item.active {
    color: #000;
    opacity: 1;
}

.nav-breadcrumb .breadcrumb-item {
    color: #000;
}




.pay-option {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.paypal {
    text-align: center;
    padding: 15px 0px;
    border-radius: 4px;
    background: #ffc439;
}

.paypal img {
    height: 24px;
}

.gpay {
    background: #000;
}

.phonepay {
    background: #865AB6;
}

.shipping-details-from input {
    /* border: 2px solid; */
    padding: 15px;
    align-items: center;
}



.payment-left {
    /* border: 4px solid blue; */
    padding: 66px 30px;
    background: #cea896;
    /* position: relative; */
    width: 45%;
    padding-right: 18%;
}


/* .payment-left::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 40%;
    background: #cea896;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: -1;
} */

.order-item {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    position: relative;
}

.order-item-img {
    position: relative;

}

.order-item-img img {
    width: 80px;
    height: 80px;
}

.order-item-count {
    position: absolute;
    /* padding: 10px; */
    height: 20px;
    width: 20px;
    display: flex;
    text-align: center !important;
    justify-content: space-around;
    align-items: center;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    background: #333;
    color: #fff;
    font-size: 16px;
}

.oredr-price {
    right: 0;
    position: absolute;
}


.total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0px;
}

@keyframes zoom-in {
    0% {
        transform: scale(1.3, 1.3);
    }



    100% {
        transform: scale(1, 1);
    }
}

@keyframes fadeIn {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeIntwo {
    from {
        transform: translate3d(0, 60px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInThree {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}


.celebrating-years {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.top-section-first {
    position: relative;
}

.top-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 90%;
    width: 100%;
    top: 0;
}

.top-section-second {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.blog-card-img {
    width: 100%;
    height: 525px;
}

.blog-card-new-img {
    height: auto;
}

.btn-readmore {
    padding: 0px 10px;
    border: 1px solid;
    height: 38px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border-radius: 20px;
}

.btn-readmore:hover {
    border: 1px solid;
    background-color: #000;
    color: #fff;
}

.celebrating-img {
    width: 100%;
    height: 90%;
}

.blog-card-img,
.blog-card-img-new {
    overflow: hidden;
}

.blog-card-img img,
.blog-card-img-new img {
    transition: transform 0.3s ease;
    max-height:400px;
    width:100%;
}

.blog-card-img:hover img,
.blog-card-img-new:hover img {
    transform: scale(1.15);
    cursor: pointer;
}

.blog-card-body h4 {
    font-weight: 600;
    /* height: 100px; */
}

.celebratring-years-body {
    position: absolute;
    top: 70%;
    height: 80%;
    width: 100%;
    padding: 60px;
}

.celebratring-years-body h2,
.celebratring-years-body p {
    color: #fff;
}

.celebratring-years-body h2 {
    letter-spacing: 2px;
}

.celebratring-years-body .btn-readmore {
    background-color: white;
}

.celebratring-years-body .btn-readmore:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000 !important;
}

.blog-grid-second {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.blog-main {
    padding: 100px 90px 50px 90px;
}

.blog-card-two:hover {
    color: #000;
}

@media (max-width:991.98px) {

    .celebrating-years {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .top-section-second,
    .blog-grid-second {
        grid-template-columns: repeat(2, 1fr) !important;

    }

    .celebrating-years {
        margin-top: 50px;
    }

    .blog-main {
        padding: 70px 25px 25px 25px !important;
    }

    .section-large-usp-text h2 {
        line-height: 30px !important;
    }

    .celebratring-years-body {
        top: 19%;
        padding: 23px;
    }

    .page-width {
        max-width: 100vw;
    }

    .section-large-usp-text {
        overflow-x: hidden;
    }

    .blog-card-img {
        height: auto;
    }
}

@media (max-width:476px) {

    .blog-grid-second,
    .top-section-second {
        grid-template-columns: repeat(1, 1fr) !important;

    }
}



.founder-portion {
    align-items: flex-start;
}

.offcanvas.show {
    max-width: 650px;
    width: 100%;
}

.offcanvas-body::-webkit-scrollbar {
    display: none;
}

.canvas-banner {
    display: flex;
    gap: 20px;
    position: relative;
}

.canvas-banner .item-img {
    width: 150px;
}

.canvas-banner .item-img img {
    width: 100%;
}

.canvas-banner .item-details {
    /* border: 2px solid red; */
    width: 100%;
    justify-content: left;
    border: 0;
}

.canvas-banner .item-details .item-text {
    width: 100%;
    border: none;
    margin-top: 0px;
}


.whould-portion {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    /* border: 3px solid green; */
}

.add-btn {
    border: 1px solid #83241e;
    border-radius: 0;
    font-size: 16px;
}


.add-btn:hover {
    border: 1px solid #83241e;
}

.canvas-footer {
    /* border: 4px solid blue; */
    /* padding: 10px; */
}

.btn-addtocart {
    border-radius: 0;
    width: 100%;
    background: #b68a5a;
    padding: 15px;
}

.btn-addtocart:hover {
    border-radius: 0;
    width: 100%;
    background: #b68a5a;
    padding: 15px;
}

.canvas-icon ul {
    list-style: none;
    align-items: center;
    /* border: 3px solid red; */
    width: fit-content;
    padding: 0;
    margin: 20px auto;
}

.canvas-icon ul li {
    width: 40px;
    height: 30px;
    float: left;
    align-items: center;
    border: 1px solid #333;
    border-radius: 3px;
    margin: 0px 5px;
    padding: 2px 5px;
}

.canvas-icon ul li img {
    width: 100%;
}

.remove-cart {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 0px;
    /* position: absolute;
    bottom: 0; */
    /* width: 100%; */
}

.remove {
    position: absolute;
    right: 0;
}

.remove-cart span {
    cursor: pointer;
}

.remove-cart .number {
    /* margin: 100px; */
    align-items: center;
    width: fit-content;
    margin-left: 50px;
}

.remove-cart .minus,
.remove-cart .plus {
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.remove-cart input {
    height: 34px;
    width: 50px;
    text-align: center;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

/* payment */
.payment-right {
    padding: 66px;
    /* border: 2px solid red; */
    width: 55%;
    padding-left: 18%;
    justify-content: flex-end;
}


.or {
    /* border: 3px solid red; */
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 
.or p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
} */

.or::before,
.or::after {
    content: "";
    height: 0.5px;
    width: 45%;
    opacity: 0.5;
    background: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.or::before {
    left: 0;
}

.or::after {
    right: 0;
}

.pay-contact {
    display: flex;
    justify-content: space-between;
}

.pay-contact p a {
    color: #7d7d7d;
}

.was-validated .form-check-input:invalid {
    border-color: #000;
}

.nav-breadcrumb .breadcrumb-item a {
    text-decoration: none;
    color: #000;
}

.was-validated .form-check-input:valid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: unset;
}

.was-validated .form-control:invalid,
.was-validated .form-control::placeholder {
    font-size: 11px;
}

.was-validated .form-check-input:invalid .form-control.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
    border-color: #aaa;
}

.was-validated .form-check-input:valid:checked {
    background-color: #1c1c1c;
}

.nav-breadcrumb .breadcrumb-item.active {
    color: #000;
    opacity: 1;
}

.nav-breadcrumb .breadcrumb-item {
    color: #000;
}

.pay-option {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.paypal {
    text-align: center;
    padding: 15px 0px;
    border-radius: 4px;
    background: #ffc439;
}

.paypal img {
    height: 24px;
}

.gpay {
    background: #000;
}

.phonepay {
    background: #865AB6;
}

.shipping-details-from input {
    /* border: 2px solid; */
    padding: 15px;
    align-items: center;
}


.payment-left {
    /* border: 4px solid blue; */
    padding: 66px 44px;
    background: #efece6;
    /* position: relative; */
    width: 45%;
    padding-right: 18%;
}


/* .payment-left::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 40%;
    background: #cea896;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: -1;
} */

.order-item {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    position: relative;
}

.order-item-img {
    position: relative;
    border-radius: 10px;
}

.order-item-img img {
    width: 64px;
    height: 64px;
    border-radius: 10px;
    border: 1px solid #aaa;
    background-color: #e8e3da;
}

.order-item-count {
    position: absolute;
    /* padding: 10px; */
    height: 20px;
    width: 20px;
    display: flex;
    text-align: center !important;
    justify-content: space-around;
    align-items: center;
    border-radius: 50%;
    top: -10px;
    right: -10px;
    background: #333;
    color: #fff;
    font-size: 16px;
}

.oredr-price {
    right: 0;
    position: absolute;
}

.text-decoration-light {
    border-color: #777;
}

.total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0px;
}

.clear {
    clear: both;
}

.cart-section {
    overflow-x: hidden;
}

/* https: //youtu.be/RtXA60HewUw */
/* https: //youtu.be/GlLRYml8mCY */


.sub-heading {
    font-size: 24px;
    /* font-family: Museo_Slab_300 ; */
    /* font-family: Museo_Slab_300 !important; */
    font-family: 'Cardinal Fruit', sans-serif;
    font-weight: 800;
}

.head-title {
    font-size: 35px;
    /* font-family: Museo_Slab_300; */
    font-family: 'Cardinal Fruit', sans-serif;
}

.was-validated .form-control:invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #0000;
    box-shadow: 0 0 0 0.2px #000
}

.normal-text {
    font-size: 18px;
    /* font-family: greycliffcf-thin; */
}

.logo img {
    width: 68px;
    margin-bottom: 10px;
}

.input-box {
    /* border: 2px solid red; */
    position: relative;
    width: 100%;
    max-width: 30px;
    height: 30px;
    /* margin: 0 50px; */
    background-color: #fff;
    border-radius: 6px;
    transition: all 0.5s ease-in-out;
}

.input-box.open {
    max-width: 350px;
    /* width: 100%; */
    /* border: 3px solid green; */
    margin: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.input-box.open .navbar-collapse {
    display: none !important;
}

.search-box {
    /* border: 4px solid blue !important; */
    width: 100%;
}

.mainheader .page-name {
    /* border: 3px solid orange; */
    display: none;
}

.mainheader .right-nav {
    /* border: 3px solid red; */
    left: 50%;
    transform: translateX(-50%);
}

.input-box input {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 0 15px;
    border: none;
    border-radius: 6px;
    outline: none;
    transition: all 0.5s ease-in-out;
}

.input-box.open input {
    padding: 0 15px 0 65px;
}

.input-box .search {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.input-box.open .search {
    border-radius: 6px 0 0 6px;
}

.search .search-icon {
    /* font-size: 16px; */
    color: #1c1c1c;
}

.input-box .close-icon {
    position: absolute;
    top: 50%;
    /* font-size: 30px; */
    color: #1c1c1c;
    padding: 5px;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
}

.input-box.open .close-icon {
    transform: translateY(-50%) rotate(180deg);
    pointer-events: auto;
    opacity: 1;
}

.main-nav .navbar-collapse {
    overflow-x: hidden;
    /* justify-content: space-between; */
    /* display: grid; */
    /* grid-template-areas: "left-menu heading right-menu"; */
    position: relative;
    height: 100%;
    align-items: center;
    height: 120px;
}

.right-nav {
    position: absolute;
    right: 0;
}

.center-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.main-nav .navbar-collapse ul li a {
    font-size: 18px;
    color: #b68a5a;
    /* color: #83241e; */
    /* font-family: greycliffcf-regular; */
}

.main-nav .navbar-collapse ul li a:hover {
    transition: all 0.5s;
    color: #83241e;
}

.main-nav .navbar-collapse ul li a.active {
    color: #83241e;
    font-weight: 500;
    font-family: 'Cardinal Fruit', sans-serif;
}

/* home-banner-section */
.home-banner-section {
    position: relative;
}


.home-banner-portion {
    /* height: 700px; */
    height: 100%;
    padding: 0;
}

.home-banner-portion img {
    width: 100%;
    height: 100%;
}

.home-banner-text {
    /* border: 3px outset green; */
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0px 50px;
}

/* second-section */

.p-all {
    /* border: 3px solid red; */
    padding: 50px;
}

.second-portion {
    /* border: 3px solid green; */
    display: flex;
    align-items: center;
}


.second-portion .left-portion {
    /* border: 4px solid black; */
    width: 100%;
}

.second-portion .right-portion {
    /* border: 4px outset red; */
    width: 100%;
}

.sub-title {
    padding: 0;
    background: transparent;
    box-shadow: none;
    justify-content: flex-start;
    opacity: 1 !important;
    /* text-decoration: underline; */
    /* font-family: Greycliff CF ; */
    font-family: 'Cardinal Fruit', sans-serif;

    /* font-family: 'Cardinal Fruit', sans-serif; */
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    letter-spacing: .14rem;
    text-transform: uppercase;
}

.image-with-text__subHeading {
    margin-bottom: 0;
    font-family: Museo Slab;

}

.mid-text {
    /* font-family: greycliffcf-thin; */
    /* font-family: greycliffcf-thin; */
    font-family: 'Cardinal Fruit', sans-serif;
    font-size: 26px;
    line-height: 37px;
    letter-spacing: 0;
    padding-right: 10%;
    margin: 20px 0px 30px;
}

.to-link {
    margin-top: 4rem !important;
    padding: 0;
    background: transparent;
    box-shadow: none;
    color: #000;
    justify-content: flex-start;
    opacity: 1 !important;
    text-decoration: underline;
    font-size: 12px;
    min-height: unset;
    font-family: 'Cardinal Fruit', sans-serif;
    text-transform: uppercase;
    letter-spacing: .09em;
    cursor: pointer;
}

.video {
    text-align: center;
}

.list ul {
    list-style: none;
    padding: 0;
}

.list ul li a {
    font-family: 'Cardinal Fruit', sans-serif;
    text-decoration: none;
    font-size: 15px;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #A88069 !important;
    margin-bottom: 12px;
    cursor: pointer;
    /* opacity: 0.8; */
}

.list ul li a:hover {
    color: #000 !important;
    transition: all 0.5s;
    opacity: 1;
}

.list ul li a span {
    margin-right: 5px;
}

.serum-img {
    padding: 30px;
}

.serum-img img {
    border-radius: 0px 15% 0px 15%;
}

.best-seller-portion {
    /* border: 3px solid green; */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.seller-part {
    /* border: 4px solid blue; */
}

.seller-part a {
    text-decoration: none;
    color: #000;
}

.seller-img {
    /* border: 3px solid red; */
    height: 480px;
    /* background: #e7e7e7; */
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.seller-img img {
    width: 100%;
    height: 100%;
}

.seller-img .img-second {
    /* display: none; */
    position: absolute;
    top: 0 !important;
    display: block;
    z-index: 1;
    opacity: 0;
}

.seller-part .img-one {
    /* display: none; */
    /* opacity: 0; */
    transition: 1s;
    z-index: 2;
}

/* .seller-part:hover .img-second {
    opacity: 1;
    transition: all 1s;
    transform: scale(1.05);
} */

.item-text,
.item-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.item-text {
    margin-top: 2.5rem;
    font-family: 'Cardinal Fruit', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: .14em;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 0.5px solid black;
}

.item-info {
    /* font-family: Greycliff Thin CF ; */
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: .03em;
    text-align: left;
    opacity: 0.6;
}

.item-star i {
    color: #cea896;
    margin: 0px 2px;
}

.item-star {
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: .14em;
}


.addtocart {
    /* border: 2px solid green; */
    width: 100%;
    margin: 0px;
    display: block;
    padding: 20px;
    text-align: center;
    width: 100%;
    font-family: 'Cardinal Fruit', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .09em;
    text-align: center;
    background-color: #ece7e2;
    color: #000;
    transition: all ease-in-out .3s;
    transform: translateY(100%);
    text-transform: uppercase;
    z-index: 3;
    opacity: 2;
}

.seller-part:hover .addtocart {
    transform: translateY(0%);
    z-index: 3;
    display: block;
    opacity: 1;
    transition: all 0.5s;
    position: absolute;
    bottom: 0;
}

h2.title {
    margin: 0;
    /* font-family: Museo Slab ; */
    font-family: 'Cardinal Fruit', sans-serif !important;

    font-size: 26px;
    /* font-weight: 300; */
    line-height: 31px;
    letter-spacing: .09em;
    text-align: center;
    text-transform: uppercase;
}


.subtitle {
    /* font-family: Greycliff Thin CF ; */
    font-size: 16px;
    font-style: normal;
    /* font-weight: 300; */
    line-height: 20px;
    letter-spacing: .03em;
    text-align: center;
    color: #000;
    margin-top: 1.7rem;
    margin-bottom: 1.7rem;
}

.view-all-items {
    text-align: center;
    margin: 30px 0px;
}


.menu-img {
    position: relative;
    width: 500px;
    height: 500px;
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
}

.menu-img img {
    opacity: 0;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.menu-img-one img {
    opacity: 1 !important;
}

.our-ethos .head-title {
    margin: 3rem 0 1.5rem;
}

.our-ethos .normal-text {
    margin-bottom: 3rem;
}

.glow-bundle-portion {
    /* border: 4px solid green; */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.product-glow-bundle-portion {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.glow-bundle-details {
    /* border: 4px solid blue; */
}

.glow-bundle-details .seller-img {
    /* border: 3px solid red; */
    height: 350px;
}


.series-portion-text .mid-text {
    width: 68%;
    margin: auto;
    padding: 0;
}

.logo-portion {
    /* border: 3px solid red; */
}

.proudly-portion {
    /* border: 3px solid blue; */
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 50px;
}


.proudly-details {
    text-align: center;
    opacity: 0.5;
}

.proudly-part:hover .proudly-details {
    opacity: 1;
    transition: all 0.5s;
}

.proudly-part:hover h5 {
    scale: 1.1;
    transition: all 0.5s;

}

.proudly-part:hover img {
    scale: 1.2;
    transition: all 0.3s;
}

.proudly-details h5 {
    font-family: 'Cardinal Fruit', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: .14em;
    text-align: center;
    min-height: 38px;
    color: #000;
    max-width: 103px;
    margin: 22px auto 0;
}

.client-portion {
    border-bottom: 1px solid #000;
    padding-bottom: 50px !important;
    margin: 0;
}

.testimonial-image {
    text-align: center;
}

.add-to-cart-section {
    overflow: auto;
}

.footer-portion {
    /* border: 4px solid green; */
    display: flex;
    justify-content: space-between;
}

.ft-menu ul {
    list-style: none;
    padding: 0;
}

.ft-menu ul li a {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Cardinal Fruit', sans-serif;

    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0.14em;
    text-align: left;
    width: max-content;
    color: #000;
}

.ft-menu ul li a:hover {
    text-decoration: underline;
}

.footer-portion .right-portion {
    text-align: left;
}

.copyright-section {
    /* border: 3px solid green; */
    padding: 30px 50px;
    background: #A88069;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.copyright-section a {
    text-decoration: none;
    color: #fff;
    font-family: 'Cardinal Fruit', sans-serif;

    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-align: left;
    color: white;
    text-transform: uppercase;
}

.tandc-part a:last-child {
    margin-left: 35px;
}

.copyright-section a:hover {
    color: #000;
    text-decoration: underline;
}

.tandc-part a {
    font-family: 'Cardinal Fruit', sans-serif;

    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-align: left;
}

.bg-lightbrowen {
    background-color: #ECE7E2;
}

.click-portion {
    /* border: 4px solid red; */
    height: 30px;
}

.click-portion ul {
    list-style: none;
    padding: 0px;
    /* border: 3px solid blue; */
    width: fit-content;
    margin: auto;
}

.click-portion ul li {
    float: left;
    /* border: 4px solid red; */
    margin: 0px 30px;
    position: relative;
}

.click-portion ul li a {
    text-decoration: none;
    /* font-family: Greycliff-Thin ; */
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: .03em;
    text-align: center;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.click-portion ul li a.active-tab {
    text-decoration: underline;
}

.logo-section .sub-heading {
    width: 35%;
    margin: auto;

}

.contact-section {
    border-bottom: 0.5px solid #000;
}

.sustainable-section {
    /* border: 4px solid red; */
}

.sustainable-portion {
    /* border: 3px solid green; */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    padding: 0;
}

.sustainable-text {
    padding: 150px;
}

.sustainable-img {
    /* border: 4px solid blue; */
    padding: 0px;
    margin: 0px;
}

.sustainable-img video {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
}


.sustainable-btn a {
    color: currentColor;
    text-decoration: none;
}

.sustainable-btn {
    display: inline-block;
    border: 1px solid currentColor;
    width: fit-content;
    margin-top: 30px;
    padding-top: .85em;
    padding-bottom: .85em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-size: .8rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .1em;
    transition: 150ms;
}

.sustainable-btn:hover {
    background: #ffe3d6;
}

.counter-box-bt {
    border-bottom: 1px solid currentColor;
}

.counter-box {
    border-left: 1px solid currentColor;
    border-right: 1px solid currentColor;
}

.accordion {
    cursor: pointer;
    padding: 10px 10px 10px 0;
    width: 100%;
    border-bottom: 1px solid #bbbbbb;
    text-align: left;
    outline: none;
    transition: 0.4s;
    align-items: center;
    display: flex;
    justify-content: space-between;
    color: #A88069;
    /*   background-color: #ebf9fe;
    margin-bottom: 2px;*/
}

.accordion:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #83241e;
    float: right;
    margin-left: 5px;
}

.accordion.active {
    border: none;
}

.accordion.active:after {
    content: "\2795" !important;
    /* Unicode character for "minus" sign (-) */
}

.accordion .active,
.accordion:hover {
    font-weight: 500;
}

.accordion-details .panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.owner-img {
    height: auto !important;
    width: auto !important;
    object-fit: contain;
}

.accordion-details .panel p {
    padding: 20px;
}

.accordion-details .panel ul {
    margin: 40px 0;
}

.accordion-details .panel ul>li {
    color: #83241e;
}

.shop-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-inner-menu {
    display: flex;
    align-items: center;
    gap: 30px;
}

.dropdown-form select {
    /* border: 3px solid red; */
    outline: 0;
    border: none;
}

#rangers,
#islanders,
#penguins,
#plh,
#phl,
#don,
#dno {
    display: none;
}


select {
    padding: 5px;
    border-radius: 4px;
    font-size: 16px;
}

.item-details {
    justify-content: end;
}

.blog-side-img {
    padding-left: 10%;
}

.blog-side-img img {
    /* height: 700px; */
    width: 100%;
}

.blog-section {
    /* border: 4px solid red; */
}

.blog-portion {
    /* border: 4px solid green; */
}

.blog-middle-part {
    /* border: 3px solid red; */
    padding: 0px 5px;
}

.bolg-cm-img img {
    height: 400px;
    width: 100%;
}

.blog-part-info a {
    text-decoration: none;
    color: currentColor;
}

.blog-part-info:hover a {
    text-decoration: underline;
    cursor: pointer;
    transition: all 0.5s;
}

.blog-part-info:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.bolg-cm-img {
    overflow: hidden;
    transition: 3s;
    border-radius: 10px;
}

/* product-inner-section */

.product-inner-portion ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "\3e";
}

.product-inner-portion ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
}

.product-inner-portion ul.breadcrumb li a {
    text-decoration: none;
    color: currentColor;
}

/*  */

.product {
    /*     display: flex; */
    column-gap: 1.2rem;
    /* border: 3px solid #b68a5a; */
    border-radius: 30px;
}

.product-small-image {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 10px;
    justify-content: space-between;
    margin-top: 10px;
}

.product-small-image img {
    width: 100px;
    height: 100px;
    cursor: pointer;
    object-fit: cover;
    filter: brightness(70%);
    transition: all .5s ease-out;
    border: 3px solid #b68a5a;
    border-radius: 20px;
}

.product-small-image img:hover {
    cursor: pointer;

}

.product-big-image {
    width: 400px;
    height: 400px;
    text-align: center;
    margin: auto;
}

.product-big-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.product-big-image img.fade-out {
    opacity: 0;
}

.gallery {
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

/* text carousel */

.slider {
    width: auto;
    /* border: 4px solid red; */
    position: relative;
    /* display: flex; */
    overflow: hidden;
}

.inner-text-caro {
    /* border: 4px solid blue; */
    width: 100%;
    padding: 50px !important;
    display: inline-block;
}

.slick-slide {
    /* color: #A88069; */
}

.slick-prev:before,
.slick-next:before {
    /* color: black; */
    color: #A88069;
    content: '\f176';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
}


.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 0px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #fff;
    z-index: 99;
}

.slick-prev {
    transform: translateY(-50%) rotate(-90deg);
    display: block;
    font-size: 0px;
}

.slick-next {
    right: 0;
    display: block;
    transform: translateY(-50%) rotate(90deg);
    font-size: 0px;
}

.inner-text-caro .star {
    font-size: 16px;
}

.star-icon {
    color: #A88069;
}

.buyer {
    background: #000;
    color: #fff;
    padding: 3px;
    font-size: 11px;
}

.age-no span {
    font-size: 14px;
    font-weight: bold;

}

.age-no {
    font-size: 16px;
}

.ishna-reply {
    background: #e8c4af;
    padding: 10px 15px;
    margin: 10px 0px 0px;
    border-left: 3px solid currentColor;
}

.ishna-reply span {
    font-weight: bold;
}

.flex-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.planting-portion .second-portion img {
    border-radius: 0px 15% 0px 15%;
    margin: auto;
}

/* .change-no video {
    height: 700px;
} */

.founder-portion {
    align-items: flex-start;
}

.offcanvas.show {
    max-width: 650px;
    width: 100%;
}

.offcanvas-body::-webkit-scrollbar {
    border: 3px solid red;
    display: none;
}

.canvas-banner {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
}

.canvas-banner .item-img {
    width: 150px;
}

.canvas-banner .item-img img {
    width: 100%;
}

.canvas-banner .item-details {
    /* border: 2px solid red; */
    width: 100%;
    justify-content: left;
    border: 0;
}

.canvas-banner .item-details .item-text {
    width: 100%;
    border: none;
    margin-top: 0px;
}


.whould-portion {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    /* border: 3px solid green; */
}

.add-btn {
    border: none;
    border-radius: 0;
    font-size: 16px;
}


.add-btn:hover {
    border: 1px solid #83241e;
}

.canvas-footer {
    /* border: 4px solid blue; */
    /* padding: 10px; */
}

.right-side .breadcrumb {
    justify-content: start;
}

.breadcrumb {
    display: flex;
    justify-content: center;
}

.btn-addtocart {
    border-radius: 5px;
    width: 100%;
    background: #000;
    padding: 15px;
    color: #fff;
    border: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: none;
}

.btn-addtocart:hover {
    border-radius: 0;
    width: 100%;
    background: #b68a5a;
    padding: 15px;
}

.canvas-icon ul {
    list-style: none;
    align-items: center;
    /* border: 3px solid red; */
    width: fit-content;
    padding: 0;
    margin: 20px auto;
}

.canvas-icon ul li {
    width: 40px;
    height: 30px;
    float: left;
    align-items: center;
    border: 1px solid #333;
    border-radius: 3px;
    margin: 0px 5px;
    padding: 2px 5px;
}

.canvas-icon ul li img {
    width: 100%;
}

.remove-cart {
    display: flex;
    align-items: center;
    position: relative;
    /* position: absolute; */
    bottom: 0;
}

.remove {
    position: absolute;
    right: 0;
}

.remove-cart span {
    cursor: pointer;
}

.remove-cart .number {
    /* margin: 100px; */
    align-items: center;
    width: fit-content;
    margin-left: 50px;
}

.remove-cart .minus,
.remove-cart .plus {
    width: 20px;
    height: 20px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.remove-cart input {
    height: 34px;
    width: 50px;
    text-align: center;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
}

.dropdown-toggle-price {
    display: none;
}

@media (max-width:992px) {
    .d-md-flex {
        display: block;
    }

    .dropdown-toggle-price {
        display: block;
    }

    .payment-right,
    .payment-left {
        width: 100%;
        padding: 0px;
    }

    .form-control-lname {
        margin-top: 16px;
    }

    .mb-16 {
        margin-bottom: 16px;
    }

    .payment-left {
        display: none;
    }

    .pay-option {
        grid-template-columns: repeat(1, 1fr);
    }

    .p-15 {
        padding: 0px 15px;
    }

    .order-summary {
        display: flex;
        justify-content: space-between;
        border: 1px solid rgb(214, 214, 213);
        border-left: 0px;
        border-right: 0px;
        padding: 16px;
    }
}

/* .payment-accordion {
    display: inline !important;
} */

.payment-accordion::after {
    content: '';
}

.payment-accordion h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-accordion .accordion-button {
    width: auto;
}

.payment-accordion .accordion-button::after {
    margin-left: unset;
}

.payment-accordion .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.payment-accordion label {
    margin-right: 20px;
}

.card-content .card-header img {
    height: 380px;
    width: 100%;
    object-fit: cover;
}

.menuToggle {
    display: block;
    position: relative;
    top: 50px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

.menuToggle a {
    text-decoration: none;
    color: #232323;
    transition: all 0.3s ease;
}

.menuToggle a:hover {
    color: tomato;
}

.menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none;
}

.menuToggle span {
    position: relative;
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.menuToggle span:first-child {
    transform-origin: 0% 0%;
}

.menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

.menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
}

.menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

.menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

.menuToggle input:checked~.menuItem {
    transform: none;
}

.menuItem {
    position: absolute;
    width: 300px;
    padding: 50px;
    padding-top: 125px;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.menuItem li {
    padding: 10px 0;
    font-size: 22px;
}

.menu--left {
    position: relative;
    width: 50%;
}

.menu--left .menuToggle {
    left: 0;
}

.menu--left .menuToggle input {
    left: 50px;
}

.menu--left .menuToggle span {
    left: 50px;
}

.menu--left .menuItem {
    left: 50px;
    margin: -100px 0 0 -50px;
    transform: translate(-100%, 0);
}



@keyframes text-slide-in {
    0% {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}





.owner-image img {
    width: 65% !important;
    margin: auto auto 0;
}
@media (max-width:1280.98px){
.owner-image img {
    width: 90% !important;
    margin: auto auto 0 !important;
    margin-top: 20px !important;
}
.header-item {
    margin-right: 20px;
}
}
@media (max-width:991.98px) {
    .owner-image img {
        width: 50% !important;
        margin: auto auto 0 !important;
        margin-top: 20px !important;
    }
}

.check {
    position: absolute;
    top: 0px;
    left: 1rem;
    height: 3rem;
    width: 3rem;
    opacity: 0;
    z-index: 3;
}

.check:hover {
    cursor: pointer;
}

.check:checked~.menu-items {
    display: block;
    transform: translateX(0%);
    opacity: 1;
}

.ham-menu {
    height: 3rem;
    width: 3rem;
    position: absolute;
    top: 0px;
    left: 1rem;
    padding: 0.5rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 0.25em;
}

.ham-menu .line {
    background-color: black;
    border-radius: 0px;
    width: 30px;
    height: 2px;
}

.ham-menu .line1 {
    transform-origin: 0% 0%;
    transition: transform 100ms ease-in-out;
}

.ham-menu .line3 {
    transform-origin: 0% 100%;
    transition: transform 100ms ease-in-out;
}

.check:checked~.ham-menu .line1 {
    display: block;
    transform: rotate(45deg);
}

.check:checked~.ham-menu .line2 {
    opacity: 0;
}

.check:checked~.ham-menu .line3 {
    display: block;
    transform: rotate(-45deg);
}

.thumbnails-sections {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 4px solid green !important;
}


.product-img-section .swiper-wrapper {
    display: flex;
    width:100%;
}

.product-img-section .swiper-container {
    width: 100%;
    /* max-width: 940px; */
}

.product-img-section .swiper-container.slider {
    /* height: 80vh; */
    /* float: left; */
    display: flex;
    width: 100% !important;
}

.product-img-section .swiper-container.slider-thumbnail {
    /* height: 20vh; */
    width: 80px;
}

.product-img-section .product-small-img {
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding: 0px;
    transform: none;
    position: relative;
}

.product-img-section .product-small-img img {
    width: 80px !important;
    height: 80px;
}

.product-img-section .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 100%;
    /* opacity: 0.5; */
    overflow: visible;
    /* float: left; */
}

.product-img-section .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.product-img-section {
    display: grid;
    /* width: 100%; */
    grid-template-columns: 15% 85%;
    overflow: hidden;

}

.product-img-section .product-small-img .swiper-slide {
    width: 100% !important;
    position: relative;
}

.product-img-section .product-big-img .swiper-slide img {
    width: 90%;
    height: 100%;
    z-index: 1;
}

.product-img-section .swiper-button-next,
.product-img-section .swiper-button-prev {

    /* position: absolute; */
    height: 30px;
    width: 30px;
    text-align: center;
    align-items: center;
    z-index: 9999;
    margin: auto;
    font-size: 20px;
    cursor: pointer;
}

.product-img-section .swiper-button-next {
    transform: rotate(-90deg);
}

.product-img-section .swiper-button-prev {
    transform: rotate(-90deg);
}

@media (max-width: 767.98px) {
    .navbar__spacing {
        height: 50px
    }
}

.cart-page {
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 4rem
}

.cart-page__header {
    padding: 100px 0 70px;
    text-align: center;
    border-bottom: 1px solid #e2dcd2
}

.cart-page__header>h1 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 6px
}

.cart-page__header .cart-drawer__ship-info,
.cart-page__header .cart-drawer__ship-info p {
    font-size: 16px;
    line-height: 23px
}

@media (max-width: 767.98px) {
    .cart-page {
        height: calc(100vh - 50px);
        padding-bottom: 0;
        position: relative;
        z-index: 2
    }

    .cart-page__header {
        padding-top: 50px;
        padding-bottom: 28px;
        border-bottom: 0px;
    }

    .cart-page__header>h1 {
        margin-bottom: 25px;
        font-size: 32px !important;
        line-height: 39px !important;
        margin-top: 10px;
    }

    .cart-page__header>p {
        font-size: 13px;
        line-height: 17px
    }
}

.cart__item {
    padding: 37px 0;
    border-bottom: 1px solid #e2dcd2
}

.cart__item-wrapper {
    gap: 15px;
    display: grid;
    align-items: center;
    grid-template-columns: 107px 1fr
}

.cart__item-wrapper>picture {
    width: 107px;
    height: 107px;
    display: flex;
    align-items: center
}

.cart__item-wrapper>picture img {
    width: 107px;
    height: 107px;
    object-fit: cover
}

.cart__product-name {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: left
}

.cart-item__desc {
    text-align: left
}

.cart-content {
    gap: 15px;
    display: grid;
    align-items: center;
    grid-template-columns: 2fr 1fr 1fr 1fr
}

.cart-content>div:not(:last-of-type) {
    text-align: center
}

.cart-content>div:first-of-type {
    text-align: left
}

.cart-content>div:last-of-type {
    text-align: right
}

.cart__quantity-box {
    max-width: 50px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 5px;
    text-align: center
}

.cart__quantity-box>input {
    width: 20px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.cart .btn-remove {
    text-transform: uppercase !important;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    letter-spacing: .1em;

}

.cart-page .btn-remove:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #000
}

.cart-page .btn {
    background-color: transparent;
}

.cart__footer {
    padding-top: 22px;
    padding-bottom: 22px;
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
}

.cart__footer--grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.cart__footer--right {
    align-items: center
}

.cart__footer--right .btn {
    width: 100%;
    display: block;
    color: #fff;
    background-color: #000;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: .1em;
    margin-bottom: 23px
}

.cart__footer--right .btn:hover {
    background-color: var(--color-primary);
    color: var(--text) !important
}

.cart__footer--right .btn:hover .dot {
    background-color: var(--text)
}

.cart__footer--right p {
    font-size: 13px;
    line-height: 17px;
    text-align: left
}

@media (max-width: 767.98px) {
    .cart__item {
        padding-top: 15px;
        padding-bottom: 25px
    }

    .cart__item:not(:first-of-type) {
        padding-top: 25px
    }

    .cart__quantity-box {
        display: grid;
        grid-template-columns: 20px 1fr 20px;
        border: 1px solid #000;
        width: 70px;
        max-width: 70px;
        border-radius: 0;
        font-size: 15px;
        align-items: center;
        gap: 0
    }

    .cart-quantity__input {
        padding: 0;
        text-align: center;
        border: 0px solid rgba(0, 0, 0, 0);
        outline: none;
        background-color: #0000;
        width: 100%;
        color: #000;
        height: 100%;
        display: block
    }

    .cart-content {
        grid-template-columns: 1fr auto;
        gap: 0px;
    }

    .btn.btn-remove {
        padding-left: 0px;
    }

    .cart-form {
        height: 350px;
        overflow-y: auto;
    }

    .cart-content>div,
    .product-card__price {
        text-align: left !important
    }

    .cart-content>div:nth-child(2n) {
        text-align: right !important
    }

    .cart-content__header,
    .cart-content__header p {
        font-size: 15px;
        letter-spacing: .01em
    }

    .cart-content__footer>.btn-remove {
        text-decoration: underline;
        letter-spacing: .05em
    }

    .cart-content__footer>.btn-remove:after {
        display: none
    }

    .cart__footer {
        position: absolute
    }

    .cart__footer--grid {
        grid-template-columns: auto
    }

    .cart__quantity-box {
        margin: 0
    }
}

/*# sourceMappingURL=/cdn/shop/t/198/assets/page-cart.css.map?v=62023314520794802701684706196 */

.celebrating-years {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.top-section-first {
    position: relative;
}

.top-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 90%;
    width: 100%;
    top: 0;
}

.top-section-second {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.blog-card-img {
    width: 100%;
    height: 525px;
}

.blog-card-new-img {
    height: auto;
}

.btn-readmore {
    padding: 0px 10px;
    border: 1px solid;
    height: 38px;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    border-radius: 20px;
}

.btn-readmore:hover {
    border: 1px solid;
    background-color: #000;
    color: #fff;
}

.celebrating-img {
    width: 100%;
    height: 90%;
}

.blog-card-img,
.blog-card-img-new {
    overflow: hidden;
}

.blog-card-img img,
.blog-card-img-new img {
    transition: transform 0.3s ease;
}

.blog-card-img:hover img,
.blog-card-img-new:hover img {
    transform: scale(1.15);
    cursor: pointer;
}

.blog-card-body h4 {
    font-weight: 600;
}

.celebratring-years-body {
    position: absolute;
    top: 70%;
    height: 80%;
    width: 100%;
    padding: 60px;
}

.celebratring-years-body h2,
.celebratring-years-body p {
    color: #fff;
}

.celebratring-years-body h2 {
    letter-spacing: 2px;
}

.celebratring-years-body .btn-readmore {
    background-color: white;
}

.celebratring-years-body .btn-readmore:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000 !important;
}

.blog-grid-second {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.blog-main {
    padding: 100px 90px 50px 90px;
}

.blog-card-two:hover {
    color: #000;
}

@media (max-width:991px) {

    .celebrating-years {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .swiper-container {
        margin-bottom: 20px;
    }

    .top-section-second,
    .blog-grid-second {
        grid-template-columns: repeat(2, 1fr) !important;

    }

    .celebrating-years {
        margin-top: 50px;
    }

    .blog-main {
        padding: 24px;
    }

    .section-large-usp-text h2 {
        line-height: 30px !important;
    }

    .celebratring-years-body {
        top: 19%;
        padding: 23px;
    }

    .page-width {
        max-width: 100vw;
    }

    .section-large-usp-text {
        overflow-x: hidden;
    }

    .blog-card-img {
        height: auto;
    }
}

@media (max-width:476px) {

    .blog-grid-second,
    .top-section-second {
        grid-template-columns: repeat(1, 1fr) !important;

    }
}

.left-side .brighten,
.left-side .btn-addbag,
.left-side .alternative-accordion {
    display: none;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.m-auto {
    margin: auto!important;
}
.listtype{
    list-style: none;
    padding: 0;
    margin: 0;
}
.listtype a{
    color: #000;
    text-decoration: none;
    font-size: 14px;
}
.listtype li{
    margin: 5px 0;
}
.amflicon{
    height: 40px;
    width: 40px;
    margin-right: 15px;
}
.ptb{
    padding: 50px 10px !important;
}
.h-35{
    height: 35px;
}
.me-3 {
    margin-right: 1rem!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.text-center{
    justify-content:center;
}
.footertwo {
    background-color: var(--color1);
}
.w-auto{
    width:auto;
}
@media (min-width: 576px)
{
    .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
}

}
@media (min-width: 992px)
{
    .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
}

}
@media (min-width: 1200px)
{
    .fs-4 {
    font-size: 1.5rem!important;
}

}
@media (max-width: 1200px)
{.description-grid-benefits .left-side img {
    padding: 0px 50px 0px 0px;
}
}
@media (max-width: 600px)
{.description-grid-benefits .left-side img {
    padding: 0px 0px 0px 0px;
}
}
.fs-4 {
    font-size: calc(1.275rem + .3vw)!important;
}.float {
    position: fixed;
    width: 46px;
    height: 46px;
    bottom: 50px;
    right: 50px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 0px 0px 5px #fff;
    z-index: 100;
    display: flex; 
    text-decoration:none;
}



/* product slick slider */
.slick-line{ 
    position:relative;
}
.product-slide:hover .vline{
    transform:rotate(-90deg);
    top: 12px;
    left: 8px;
    transition: all 0.5s ease-out;
}
.vline{
    position:absolute;
    top:0;
    left:-5px;
    height:20px;
    width:3px;
    background:#217062;
    /*transform:rotate(-90deg);*/
}

.product-slide p{
    opacity:0;
}
.product-slide p:first{
    opacity:100;
}
.product-slide:hover {
  box-shadow: 0px 0px 5px #000;
}
.product-slide:hover p{
    opacity:1;
    transition:all 0.8s ease-out;
}

.product-slider{
    padding:100px 0px;
}
.product-section .container{
    width:80%;
    margin:auto;
}
.r-180 {
  transform: rotate(180deg);
}
.product-section .slick-slider-demo {
  height: 100%;
}
.product-section .slick-slider-demo .slider-item {
  position: relative;
  display: inline-block !important;
  padding:10px;
  /*opacity: 100;*/
}
.product-section .slick-slider-demo .slider-item:first {
  position: relative;
  display: inline-block !important;
  padding:10px;
  opacity: 100;
}

.product-section .slick-slider-demo .slider2 {
  margin: auto;
  position: relative;
}
.product-section .slick-arrow {
  position: absolute; 
  padding: 15px 20px;
  border-radius: 50%;
  cursor: pointer;  
  transition: all 0.5s ease-out;
  transform: translateY(-50%);
}
.product-section .slick-arrow.prev-arrow {
  top: 50%;
  left: -5%;
}

.product-section .slick-arrow.next-arrow {
  top: 50%;
  right: -5%;
}
.product-section .slick-slide {
  opacity: 0;
  transition: all 0.5s ease-out;
}
.product-section .slick-slide.slick-active {
  opacity: 1;
  transition: all 0.5s ease-out;
}

.product-slide {
  width: fit-content;
  background: #fff; 
}
.product-details-text{
    padding:15px;
} 
.prouct-img {
  position: relative;
}

.product-slide:hover .layer {
  opacity: 1;
  transition: all 0.8s ease-out;
  transform: scaleX(-1);
}
.prouct-img img { 
    height:350px;
    width:100%;
    object-fit:cover;
  overflow: hidden;
}

/* Home product slick slider */

.home-product-slider {
  position: relative;
  overflow: visible !important;
  z-index: 1;
}
.home-slick {
  /* border: 3px solid green; */
  overflow: visible !important;
  z-index: -3;
  /* position: relative; */
}
 
.modal-image img {
  width: 100%;
  height: 100%;
}

.swap-section a.button {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.buttongradiant {
  background: #000;
  color: #fff;
  transition: all 0.5s ease-out;
}
.buttongradiant.active {
  background-color: var(--green);
  color: white !important;
}
.swap-section .content {
  margin-top: 30px;
}

.swap-section div[class*="content-"] {
  display: none;
}
.swap-section div.active {
  display: block;
}

.swap-details {
  padding: 10px;
}

.swap-info {
  padding: 20px;
}
.shop-check input {
  padding: 0;
}
.product-details-info {
  position: relative;
}

.product-details-info img {
  width: 100%;
  border-radius: 50px;
  position: relative;
  z-index: 1;
}
.text-on-img-details {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.08);
  z-index: 2;
  border-radius: 0 0 20px 20px;
}


/*@media (max-width: 900px)*/
/*{*/
/*    .description-grid .left-side, .description-grid .right-side{*/
/*         padding: 0px 0px 0px 0px!important;*/
/*    } */
/*    .description-grid-benefits .right-side{*/
/*          padding: 0px 0px 0px 0px!important;*/
/*    }*/
/*}*/

@media (min-width: 899px)
{
    .description-grid .left-side, .description-grid .right-side{
         padding: 0px 0px 0px 0px!important;
    } 
    .description-grid-benefits .right-side{
          padding: 0px 0px 0px 0px!important;
    }
}