/** Shopify CDN: Minification failed

Line 1453:16 Unexpected "{"
Line 1457:1 Unexpected "{"
Line 1708:4 Expected identifier but found "*"
Line 2453:0 Unexpected "}"
Line 2497:0 Unexpected "}"
Line 2656:6 Expected ":"
Line 2663:6 Expected ":"
Line 2668:6 Expected ":"
Line 2673:6 Expected ":"
Line 2678:6 Expected ":"
... and 8 more hidden warnings

**/
#shopify-section-template--15521340653612__product-grid .card__heading a {
  font-size: 20px !important;
}

#shopify-section-template--15521340653612__product-grid .price-item--last {
  font-size: 17px !important;
}



li#product_6880763215916 {
    display: none !important;
}

.Privacy main#MainContent, .FAQs .multi-box {
    background: #fff !important;
}

.FAQs .multi-box {
    background: #fff !important;
}

.tab > div, .tab {
    width: 100%;
}

.Privacy p, .Privacy div, .Conditions p, .question span, .FAQs h1, .FAQs h2 {
    color: #193938;
}

.fit__cover {
    object-fit: cover;
}

.Privacy .parent-marquee p, .Conditions .parent-marquee p {
    color: white;
}

.border_active {
    border-color: #193938 !important;
}

.shop_blends {
    min-height: 80vh;
    display: flex;
    align-items: center;
}

/* product result */
.small, small {
    font-size: 60%;
}

.img_text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
}

.spurit-ros__account-bar-wrapper {
    display: none;
}

/* reviews */

.spr-icon, span.spr-summary-actions-togglereviews {
    font-size: 12px !important;
}

.spr-review-header * {
    font-size: 16px;
}

.spr-review-footer.rte {
    display: none;
}

.accordion__title {
    text-transform: uppercase !important;
}

::placeholder {
    font-size: 14px;
    /*     padding: 14px!Important; */
}

.before {
    width: 70% !important;
    border-radius: 100% 100% 0 0;
    background: #fccc8a;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 90px;
    bottom: 1.5rem !important;;
    z-index: 0;

}

.product_list ul li:before {
    content: '\2713';
    position: absolute;
    left: 0;
    transform: translateX(-150%);
    font-weight: 900;
}

/* .img_box.posistion-relative.d-block {
    max-height: 120px;
} */
.blue_bg, .before {
    padding: 5px;
    background: #b0dff6;
}

.before {
    background: #b0dff6;
}

.product_list ul li:before {
    color: #ffe281;
    color: #fccc8a;
    color: #b0dff6;
}


.child:nth-child(even) .product_list ul li:before {
    color: #fccc8a;
}

.child:nth-child(even) .blue_bg,
.child:nth-child(even) .before {
    background: #fccc8a;
}

.child:nth-child(3n) .product_list ul li:before {
    color: #ffe281;
}

.child:nth-child(3n) .blue_bg,
.child:nth-child(3n) .before {
    background: #ffe281;
}

#productDetail .col:nth-child(even) .blue_bg {
    background: #ffe281;
}

#productDetail .col:nth-child(3n) .blue_bg {
    background: #fccc8a;
}

.img_text span {
    position: absolute;
    top: 50%;
    transform: translateY(-43%);
}

.spr-form-input {
    padding: 7px;
    line-height: 1;
    border: 1px solid #a3a3a3;
}

input.spr-button.spr-button-primary.button.button-primary.btn.btn-primary {
    padding-block: 12px;
    margin-right: 7px;
    background: #193938 !Important;
}

div.spr-form-input {
    border: none;
}

h2.spr-header-title {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

.spr-container {
    border: none !important;
    max-width: 550px;
    margin-inline: auto;
}

.spr-review {
    border-block: 1px solid #A3A3A3 !important;
    padding-block: 20px !important;
}

div#shopify-product-reviews {
    margin-block: min(max(30px, 5vw), 60px) !important;
}

p.spr-review-content-body {
    font-size: min(max(14px, 1.5vw), 16px) !important;
}

/*product-detail-page*/
variant-selects.no-js-hidden {
    display: flex;
    width: 100% !important;
}

.storeqty {
    width: 100% !important;
    min-width: 50% !important;
}

.storename_product {
    color: #A3A3A3 !important;
}

.rating-star:before {
    letter-spacing: 1px;
}

.storediscription {
    color: #666;
    width: min(max(55%, 12vw), 65%) !important;
}

.storesubmit button[type=submit] span, .store-product-price .price__container span {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

.storesubmit button[type=submit] span {
    color: #ffffff;
}

.store-product-price .price__container span {
    color: #193938;
}

.storesubmit button[type=submit]:hover {
    background-color: #A8D3AF;
    border: 2px solid #A8D3AF;
}

.card__information .price * {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.card.card--standard.card--media {
    border: 0;
}

product-recommendations,
.recommendation-products {
    padding-inline: 0 !important;
    /* max-width: 700px !Important; */
}

.smartrr-purchase-options {
    padding-top: 20px;
}

.product-form__buttons.storesubmit {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    padding-top: 10px;
    grid-template-columns: 1fr 1fr;
}

.store-accordian-title {
    font-weight: 700;

}

#storeshipping {
    color: #000;
    border-bottom: 1px solid #CDE4C6;
}

#storegurantee {
    color: #CDE4C6;
}

.product-form__buttons.storesubmit .shopify-payment-button__button--unbranded:after {
    display: none !important;
}

.product-form__buttons.storesubmit .shopify-payment-button__button--unbranded {
    background: transparent;
    border: 2px solid #CDE4C6;
    border-radius: 30px;
    color: #000;
}

.product-form__buttons.storesubmit .shopify-payment-button__button--unbranded:hover {
    background: #CDE4C6;
    /* border:none; */
}

.storeqty button.quantity__button.no-js-hidden {
    color: #A3A3A3 !important;
}

storename_product f-16 product__text subtitle
    /* new updates */
.result_header.bg-white.rounded_top {
    border-radius: 100% 100% 0px 0px !Important;
}

.fix_me {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: 9;
    display: grid;
    align-items: center;
}

.border_height {
    height: 110px;
    background: #19393800;
    width: 10px;
    margin: 20px 0px;
    position: relative;
}

.shopify-hero-section .hero {
    background-color: var(--hero-bottom-border-color, #f6fcf3);
}

.hero_section {
    background-color: #2c7662;
    border-radius: 0 0 100em 100em;
    min-height: 98vh;
    display: grid;
    align-items: center;
    position: relative;
}

.hero_section__container {
    position: relative;
}

.hero__image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0 0 100em 100em;
}

.hero__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.hero_section__heading {
    font-size: 72px;
    color: var(--hero-text-color-desktop, #193938);
}

.hero_section__subheading {
    color: var(--hero-text-color-desktop, #193938);
}

.hero_section .hero__links-wrapper {
    width: fit-content;
    text-align: center;
}

.hero_section .hero__button {
    background-color: var(--hero-button-bg-color);
    color: var(--hero-button-text-color);
}

.hero_section .hero__button:hover {
    background-color: var(--hero-button-bg-color-hover);
    color: var(--hero-button-text-color-hover);
}

.made-for-you__text,
.made-for-you__text * {
    font-size: min(max(40px, 4.8vw), 55px);
    color: #193938;
}

.made-for-you__shop-button,
.hero__shop-button {
    display: inline-block;
    color: #FFFFFF;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: fit-content;
}

.made-for-you__shop-button span,
.hero__shop-button span {
    position: relative;
}

.made-for-you__shop-button span::after,
.hero__shop-button span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #193938;
    transform: scaleX(1);
    transition: all 0.3s ease;
}

.made-for-you__shop-button:hover,
.hero__shop-button:hover {
    color: #193938;
}

.made-for-you__shop-button:hover span::after,
.hero__shop-button:hover span::after {
    transform: scaleX(0);
}

.made_for_you .img_box {
    position: relative;
    padding-top: 85%;
    height: 100%;
}

.made_for_you .img-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.made_for_you__col.made_for_you__col--text {
    background-color: var(--background-color);
}

.section-how .sub-heading {
    font-family: "granary-medium" !important;
    padding-bottom: 15px;
}

.section-how .line {
    top: 3px;
    height: 90% !important;
}

.made_for_you .top_text,
.made_for_you .heading_title,
.made_for_you .text {
    color: var(--text-color);
}

.made_for_you .border_height div {
    background: var(--border-color);
}

.section-how .my-btn {
    margin-top: 20px;
    padding-bottom: 0;
}

.footer .row {
    justify-content: center;
}

.footer__newsletter {
    max-width: 350px;
    width: 100%;
}

.footer__newsletter-text {
    color: white;
    margin-bottom: 15px !important;
    line-height: 1.6 !important;
}

.footer__newsletter-form {

}

.footer__newsletter-form-field {
    border-bottom: 1px solid white;
    display: flex;
    align-items: center;
}

.footer__newsletter-form-input {
    width: 100%;
    border: none;
    background-color: transparent;
    font-size: 16px;
    caret-color: white;
    color: white;
}

.footer__newsletter-form-input::placeholder {
    font-size: 16px;
    font-weight: 400;
}

.footer__newsletter-form-input:-webkit-autofill,
.footer__newsletter-form-input:-webkit-autofill:hover,
.footer__newsletter-form-input:-webkit-autofill:focus {
    background-color: transparent !important;
}

.footer__newsletter-form-submit {
    background-color: transparent;
    position: relative;
    width: 25px;
    height: 25px;
    border: none;
}

.footer__newsletter-form-submit:hover svg path {
    fill: #A8D3AF;
}

.footer__newsletter-form-submit:hover svg {
    right: 0;
}

.footer__newsletter-form-submit svg {
    position: absolute;
    top: 0;
    right: 10px;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}

.footer__newsletter-form-submit svg path {
    fill: white;
    transition: fill 0.3s ease;
}

.footer__newsletter-form-submit:hover {
    background-color: #193938;
    color: white;
}

.footer__newsletter-form-message {
    margin-bottom: 15px !important;
}

.footer__newsletter-form-message.footer__newsletter-form-message--error {
    color: #da5252;
}

.footer__newsletter-form-message.footer__newsletter-form-message--success {
    color: #42ac13;
}


.footer_section.fix_me .mobile-menu-col-wrapper {
    display: block;
}

.footer_section.fix_me .footer__newsletter-wrapper {
    display: none;
}

.mobile-menu-col-wrapper {
    display: none;
}

.header__icon.header__icon--burger {
    display: none;
}

.shop-section .card--standard>.card__content .card__information {
    padding-left: 10px;
    padding-right: 10px;
}

.shop-section .card__information .price * {
    font-size: 14px;
}

@media (max-width: 989px) {
    .header__icon.header__icon--burger {
        display: flex;
        justify-content: flex-start;
    }

    .hero_section {
        background-size: contain;
        min-height: 65vh;
    }

    .hero_section * {
        margin-inline: auto;
    }

    .hero_section .row {
        text-align: center;
    }

    .hero_section .sub-heading {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .hero_section {
        display: flex;
    }

    .hero_section__mobile-content-top {
        align-items: flex-start;
    }

    .hero_section__mobile-content-middle {
        align-items: center;
    }

    .hero_section__mobile-content-bottom {
        align-items: flex-end;
    }

    .made-for-you__shop-button,
    .hero__shop-button {
        margin-top: 5px;
    }

    .hero_section__heading {
        font-size: 26px;
        color: var(--hero-text-color-mobile, #ffffff);
    }

    .hero_section__subheading {
        color: var(--hero-text-color-mobile, #ffffff);
    }

    .made_for_you .top_text,
    .made_for_you .heading_title,
    .made_for_you .text {
        text-align: center;
    }

    .made_for_you .border_height {
        margin-left: auto;
        margin-right: auto;
    }

    .made_for_you .sub-heading {
        text-align: center !important;
    }

    .scientifically_speaking .top_text,
    .scientifically_speaking .heading_title,
    .scientifically_speaking .text {
        text-align: center;
    }

    .scientifically_speaking .sub-heading {
        text-align: center !important;
    }

    .scientifically_speaking .border_height {
        margin-left: auto;
        margin-right: auto;
    }

    .footer__newsletter {
        margin-bottom: 15px;
    }

    .shop-section .top_text,
    .shop-section .heading_title,
    .shop-section .text {
        text-align: center;
    }

    .shop-section .border_height {
        margin-left: auto;
        margin-right: auto;
    }

    .shop-section .sub-heading {
        text-align: center !important;
    }
}

@media (max-width: 575px) {
    .hero_section {
        background-position: center bottom;
    }

    .hero_section__container {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .made-for-you__text,
    .made-for-you__text * {
        font-size: 25px;
    }
}

.hero_border {
    background: #193a38;
    width: 2px;
    transform: translateX(-50%);
}

.scientifically_speaking {
    background-size: 50%;
    background-position: left;
    background-repeat: no-repeat;
}

.scientifically_speaking .img_box {
    position: relative;
    height: 100%;
    padding-top: 85%;
}

.scientifically_speaking .img-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.heading_title {
    line-height: 1;
}

.top_text {
    padding-bottom: min(max(10px, 2vw), 20px);
}

.border_height div {
    position: absolute;
    left: 0;
    width: 2px;
    height: 100%;
    background: #fe9085;
    display: block;
}

.border_height .div {
    background: #97d0ed;
}

.show_me, .show_me1 {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

li.menu-link.mb-1, li.list-social__item {
    line-height: 1.7;
}

.footer-links li.menu-link.lh-1 {
    padding-bottom: min(max(7px, 1vw), 10px);
}

.menu-link.menu-link--account svg {
    width: 14px;
    height: 14px;
}

.accordion__content li:before {
    position: absolute;
    content: '';
    left: 0;
    height: 17px;
    background: #193938;
    width: 14px;
    border-radius: 0px 0px 50% 50%;
    top: 5px;
    transform: translateX(-160%);
}

.accordion__content li {
    position: relative;
}

div#shopify-section-template--14803684065324__1652801311e63047ed {
    background-color: #f6fcf3;
    position: relative;
    background-image: url(//cdn.shopify.com/s/files/1/0576/2976/9772/files/text_pattern.png?v=1653317361);
    padding-bottom: min(max(50px, 7vw), 90px);
}

.sticky-header .header-wrapper {
    background: #ffffff00 !important;
}

/**Fonts**/
.sub-heading, .fontHeight.title {
    font-family: "granary-bold" !important;
}

#home-02 .header-bg {
    background: transparent;
    border: navajowhite;
}

header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.header__inline-menu, .header__heading {
    grid-area: unset !important;
}

.top-header {
    position: absolute;
    top: 0;
    max-width: 100%;
    width: 100%;
    background: transparent;
}

.home-header {
    position: fixed;
    top: 38px;
    max-width: 100%;
    width: 100%;
    background: transparent;
}

/* .result_section .container{
  max-height: 90vh;
  overflow-y: scroll;
} */
/* Hide scrollbar for Chrome, Safari and Opera */
.result_section .container::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.result_section .container {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.sticky-header {
    background: #fff !important;
    top: 0;
    position: fixed;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.header__inline-menu .list-menu__item {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Futura Md BT' !important;
}

.product_card img {
    max-height: 120px;
    width: 100%;
    object-fit: contain;
}

.result_section {
    background: white !important;
}

.announcement-bar__message {
    color: #fff;
    border-bottom: 0px solid #fff;
    font-size: 16px;
}

.header h1.header__heading {
    width: auto;
    text-align: left;
}

.header .header__icons {
    width: auto;
    justify-content: flex-end;
}

.header .header__icon.header__icon--burger {

    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

.header .header__icon.header__icon--burger i {
    font-size: 22px;
}

.header .header__icon.header__icon--burger:hover i {
    color: #0a58ca;
    transform: scale(1.07);
}

.header .left-menu {
    width: 40%;
}

.header .header__submenu.list-menu {
    padding: 1rem 0;
    background: #fff;
}

.header .right-menu {
    margin-right: 4rem;
}

.multi-box {
    padding: min(max(40px, 10vw), 50px) 0;
}

.underline {
    text-decoration: underline;
}

.multi-box .page-width {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.multi-box a {
    background: #96cfea;
    color: #fff;
    font-size: min(max(16px, 2vw), 22px);
    text-decoration: none;
    padding: min(max(7px, 2vw), 20px) min(max(20px, 3vw), 50px);
    text-transform: uppercase;
    border-radius: 10px;
    display: table;
    min-width: 30%;
    text-align: center;
}

.find_yours {
    background-color: #ccffd2;
}

.find_yours .image-with-text__content {
    padding: min(max(35px, 9vw), 130px) 0;
    background: transparent;
}

.find_yours .global-media-settings {
    background-color: transparent;
    border: none;
}

.find_yours h2 {
    color: #193938;
    font-size: min(max(35px, 4.69vw), 68px);
}

.find_yours p {
    color: #193938;
    font-size: min(max(18px, 2vw), 26px);
}

.find_yours a {
    background: transparent;
    color: #000;
    text-transform: uppercase;
}

#shopify-section-template--14375603306579__164632695670978f4f {
    background: #F2F2F2;
    text-align: center;
    padding: min(max(60px, 10vw), 90px) 0;
}

.shop-now a {
    text-align: center;
    margin: 30px auto 0;
    line-height: 1em;
    text-transform: uppercase;
    background: transparent;
    color: #000;
}

#shopify-section-template--14375603306579__1646332149c2a29a55 .rich-text {
    background: #96cfea;
    padding: min(max(60px, 10vw), 90px) 0;
}

.section-footer-padding {
    background: #193938;
    color: #fff;
}

.template-page h1 {
    display: none;
}

.maxWidth {
    max-width: 40%;
}

.py_40 {
    padding-top: min(max(30px, 10vw), 40px);
    padding-bottom: min(max(30px, 10vw), 40px);
}


.main-page-title {
    margin-block: 2rem !important;
    font-size: min(max(30px, 3vw), 42px);
}

.banner-bg {
    height: 80vh;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.section-template--14383432630355__main-padding {
    display: none !important;
}

.about-us-section h2 {
    margin: 0px !important;
    line-height: 1;
    font-weight: 500;
}

.btn-mr {
    margin-top: 50px;
}

#products .card__heading a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#products .incubate-collections-add-to-cart-variant-selector {
    display: none !important;
}

#results .card--standard {
    display: flex !important;
    gap: 40px;
}

#results .grid__item {
    width: 100% !important;
    max-width: 100%;
    padding: 40px;
    border: 1px solid #eee;

}

#results #Slider-template--14386063999059__164675036375f6a0ba {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

#results #shopify-section-template--14384194814035__main,
#results #shopify-section-template--14386063999059__main {
    display: none !important;
}

.product-flex {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    border: 1px solid #eee;
    padding: 40px;
    margin-bottom: 30px;
}

.p_tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    padding: min(max(40px, 10vw), 60px) 0px;
    margin-top: 40px;
    text-align: center;
    gap: 10px;
    cursor: pointer;
    align-items: center;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
    .shop-section .grid--1-col-tablet-down.grid--peek .grid__item {
        width: calc((70% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
    }
}

@media (max-width: 749px) {
    .product-flex {
        grid-template-columns: 1fr
    }

    #shopify-section-announcement-bar {
    
    }

    #shopify-section-header {
        top: 0px !important;
        background: #fff !important;

    }

    .header__icon {
        color: black;
    }

    .header {
        display: grid !important;
        grid-template-columns: 1fr 2fr 1fr;
    }

    .shop-section .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item {
        width: calc(75% - var(--grid-mobile-horizontal-spacing) - 3rem);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .header__icon {
        color: black;
    }

}

@media (max-width: 600px) {


}

.show-products-section .product-title a h2 {
    padding: 0px;
    margin: 0px;
}

.show-products-section .product-title a {
    color: #222;

}

#test-page .shopify-section.section,
#quiz-ending-screen #shopify-section-template--14392342970451__main,
#quiz-ending-screen #shopify-section-announcement-bar,
#quiz-ending-screen #shopify-section-header {
    display: none !important;
}

body#quiz-ending-screen:before {
    content: "";
    height: 85px;
    position: absolute;
    background: #222;
    width: 2px;
    left: 50%;
}

.quiz-flex {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media (max-width: 575px) {
    .terms-section__container {
        display: block;
        overflow-x: hidden;
    }

    .table-wrapper {
        display: block;
        overflow-y: auto;
        border: 1px solid #000000;
    }

    .table-wrapper table td, .table-wrapper table th {
        padding: 5px;
    }
}


.generic-text {
    background: #A8D1AF !important;
    padding: 15px 35px;
    color: white;
    text-transform: uppercase;
    border: 0px !important;
    border-radius: 15px;
    font-size: 14px !important;
    cursor: pointer;

}

.accordians {
    margin: 12px 0px 18px 0;

}

.text-center {

    text-align: center;
}

.text-left {

    text-align: left;
}

.text-right {

    text-align: right;
}

.primary-color {

    color: #A8D1AF;
}

.accordion .primary-color {

    color: #96CFEA;
    font-weight: 100 !important;
}

#about-us .slider-section:before, #about-us .slider-section:after {
    width: 0px !important;
}

.futura-md {
    font-family: 'Futura Md BT';
    font-weight: 500;

}

.section-paragraph {
    display: flex;
    justify-content: center;
}

p {
    margin-bottom: 0 !IMPORTANT;
}

.light_green {
    color: #A8D3AF;
}

.yellow_bg {
    background: #FFE281;
}

.orange_bg {
    background: #FCCC8A;
}

.green {
    color: #193938;
}

.dark_grey {
    color: #666;
}

.light_blue_bg {
    background: #F7F7F7;
}

.light_blue {
    color: #F7F7F7;
}

.light_green_bg {
    background: #A8D3AF;
}

.green_bg {
    background: #193938;
}


/*   custom css */

.max-600 {
    max-width: 600px !important;
}

.mx-auto {
    margin: 0 auto;
}

.color-white {
    color: white;
}

.fit-contain {
    object-fit: contain;
}

.fit-cover {
    object-fit: cover;
}

.overflow-hidden {
    overflow: hidden;
}

.h-200px {
    height: 200px;
}

.padding_st {
    padding-top: min(max(40px, 10vw), 90px);
    padding-bottom: min(max(40px, 10vw), 90px);
}

#yoursy-store .padding_st {
    padding-top: min(max(60px, 10vw), 90px);
    padding-bottom: min(max(60px, 10vw), 90px);
}

.box-shadow {
    box-shadow: 0px 8px 20px #00000017 !important;
}

.w-200px {
    width: 200px;
}

.w-max-content {
    width: max-content;
}

.footer-block__details-content p {
    margin: 0 !important;
    margin-bottom: 20px !important;
    line-height: 1.2;
}

margin-0 {
    margin: 0 !Important;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.footer-links ul {
    line-height: 1.5;
    list-style: none;
    padding-left: 0;
}

.font-normal {
    font-weight: normal;
}

.font-bold {
    font-weight: bold;
}

a {
    text-decoration: none;
}

.d-block {
    display: block;
}

.justify-content {
    justify-content: start !important;
}

.w-100 {
    width: 100%;
}

.flex-with-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.banner__media, {
    background: #ffe185;
}

 {
    background: url(https://cdn.shopify.com/s/files/1/0559/1030/1779/files/Yoursy_2570614_1.png?v=1646926448);
    background-size: 55%;
    background-position: center left;
    background-repeat: no-repeat;
    background-color: #ffe383;
    /*     height: 90vh; */
    display: flex;
    align-items: center;
    justify-content: center;
   

}
.image-u-banner .banner__media{
   border-radius: 0px 0px 1500rem 1500rem;

}

/*   .banner__media .page-width > div{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
} */

#yoursy-store .header-bg {
    background: transparent;
    border-bottom: none;
}

.h-100vh {
    height: 100vh;
}

.h-200vh {
    height: 200vh;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.dark-green {
    color: #193938;
}

.category-box .a {
    border-bottom: 3px solid #19393800;
    margin-right: min(max(15px, 4vw), 30px);
    padding-bottom: 10px;
    font-size: min(max(14px, 2vw), 28px) !important;
}

.category-box .a:hover {
    border-bottom: 3px solid #FACD8A;
}

.category-box {
    border-bottom: 1px solid #707070
}

.uppercase {
    text-transform: uppercase;
}

.shop-by {
    margin-right: min(max(20px, 4vw), 60px);
    padding-bottom: 10px;
}

.facets__display {
    margin-bottom: 20px;
}

.text-center {
    text-align: center;
}


/*   font sizes */
.granary_bold {
    font-family: "granary-bold";
}

.granary_regulare {
    font-family: "granary-regular" !important;
}

.f-200 {
    font-size: min(max(80px, 15vw), 200px) !important;
}

.f-130 {
    font-size: min(max(35px, 8vw), 130px) !important;
}

.f-76 {
    font-size: min(max(40px, 5.24vw), 76px) !important;
}

.f-72 {
    font-size: min(max(40px, 4.32vw), 72px) !important;
}

.f-68 {
    font-size: min(max(35px, 4.69vw), 68px) !important;
}

.f-48 {
    font-size: min(max(28px, 3.32vw), 48px) !important;
}

.f-60 {
    font-size: min(max(30px, 4.13vw), 60px) !important;
}

.f-58 {
    font-size: min(max(30px, 4vw), 60px) !important;
}

.f-54, .product__title {
    font-size: min(max(30px, 4vw), 54px) !important;
}

.f-56, h1.product__title {
    font-size: min(max(30px, 4vw), 56px);
}

.f-42 {
    font-size: min(max(26px, 2.89vw), 42px) !important;
}

.f-40 {
    font-size: min(max(26px, 2.75vw), 40px) !important;
}

.f-36 {
    font-size: min(max(24px, 2.41vw), 36px) !important;
}

.f-35 {
    font-size: min(max(24px, 2.41vw), 35px) !important;
}

.f-32 {
    font-size: min(max(24px, 2.2vw), 32px) !important;
}

.f-30 {
    font-size: min(max(24px, 2.1vw), 30px) !important;
}

.f-28 {
    font-size: min(max(20px, 2vw), 28px) !important;
}

.f-24 {
    font-size: min(max(18px, 1.655vw), 24px) !important;
}

.f-22 {
    font-size: min(max(18px, 1.855vw), 22px) !important;
}

.f-23 {
    font-size: min(max(18px, 1.555vw), 23px) !important;
}

.f-20 {
    font-size: min(max(16px, 1.38vw), 20px) !important;
}

.f-21 {
    font-size: min(max(16px, 1.36vw), 21px) !important;
}

.f-18, .product__text {
    font-size: min(max(16px, 1.24vw), 18px) !important;
}

.f-17 {
    font-size: min(max(14px, 1.2vw), 17px) !important;
}

.f-16, .product__description.rte li {
    font-size: min(max(14px, 1.2vw), 16px) !important;
}

.f-12 {
    font-size: min(max(12px, 1vw), 12px) !important;
    line-height: 1.7 !Important;
}

.timeline h3 {
    font-size: min(max(16px, 2.41vw), 36px) !important;
}

.timeline p {
    font-size: min(max(12px, 1.2vw), 16px) !important;
}

.dark_color, .p-line, .inner-sec-info-box p, .inner-sec-info-box h2 {
    color: #193938 !important;
}

select.ymq-dropdown {
    border-color: #96cfea;
    height: 50px;
    font-size: min(max(16px, 1.5vw), 18px);
    max-width: 130px;
}

/*  ------------------------ splash screen--------------------------- */
.product__text {
    color: #96CFEA;
}

.splash-text {

}

.moving_text {
    position: relative;
    animation: typing 5s steps(40), blink .5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    padding: 0px 5px;
    display: block;
}

.moving_text:before, .moving_text:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
}

.moving_text::before {
    /*   background: #193938;
      animation: write 5s steps(25) 0.5s ; /* Number of steps */
    width: 100%;
    */
}

/* .moving_text::after {
  opacity: 1;
  width: 0.15em;
  background: white;
  animation: write 5s steps(25) 0.5s , blink 0.75s steps(2) infinite;
} */
#product-grid ul {
    list-style: none !important;
    padding: 0;
}

.splash_text_section {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background: #193938;
    overflow: hidden;
    animation: splash_height 10s;
    border-radius: 0 0% 50% 50%;
}

.cart-heading-section {
    min-height: min(max(80px, 10vw), 120px);
}

.main-page-title {
    text-align: center;
}

.accordians .active .fa-plus {
    position: relative;
}

.active .fa-plus:before {
    content: "" !important;
    width: 26px;
    height: 4px;
    background: #96cfea;
    position: absolute;
    top: -14px;
}

/*   ----------------shop page ----------*/

@media (min-width: 768px) {
    .footer__blocks-wrapper.grid-2 {
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .product_header {
        min-width: 120px;
    }

    .flex-with-wrap {
        flex-wrap: nowrap;
    }

    .my-grid {
        display: grid;
        grid-template-columns: 20% auto;
        width: 95%;
        max-width: 1500px;
        margin: 0 auto;
    }

    .my-grid .page-width {
        max-width: inherit !important;
    }

    .my-grid #ProductGridContainer {
        width: 100%;
    }

    .my-grid #main-collection-filters {
        width: 100%;

    }

    .facets__form {
        grid-template-columns: 1fr !important;
    }

    .my-grid .facets__wrapper {
        display: grid !important;
    }

    .my-grid .facets__display {
        position: relative !important;
        width: 100%;
        left: 0 !important;
    }

    .my-grid .facets__heading {
        margin-bottom: 10px;
    }

    .my-grid .facets__disclosure {
        margin-right: 0 !important;
    }
}

.justify-start {
    justify-content: start;
}

button.quantity__button.no-js-hidden {
    color: #96ceea;
}

.your-shopping-cart button.quantity__button.no-js-hidden {
    color: #F49084;
}

p, .p-line {
    line-height: 1.32 !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.feature-section::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.feature-section {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/*   accordion */

.faq .faq_inner {
    padding: 10px 20px;
    border: 1px solid #707070;
}

.faq .q {
    cursor: pointer;
    border-bottom: 0;
}

.faq .q:last-child {
    cursor: pointer;
    border-bottom: 1px;
}

.faq .a {
    border-top: 1px solid #707070;
    padding-top: 10px;
    display: none;
}

.faqpage {
    width: 100%;
    border-bottom: 1px solid #707070;
}

/*   cart page------------- */
.parent-marquee {
    height: 45px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.marquee {
    animation: marquee 18s linear infinite;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    transition: transform 1s ease-in-out 0s;
}

.marquee2 {
    left: -30%;
    animation-delay: 10s;
}

.marquee3 {
    left: -30%;
    animation-delay: 20s;
}

@keyframes marquee {
    0% {
        left: 100%;
    }
    100% {
        left: -22%;
    }
}

@media (max-width: 1700px) {
    @keyframes marquee {
        0% {
            left: 100%;
        }
        100% {
            left: -28%;
        }
    }
}

@media (max-width: 1500px) {
    @keyframes marquee {
        0% {
            left: 100%;
        }
        100% {
            left: -32%;
        }
    }
}

@media (max-width: 1300px) {
    @keyframes marquee {
        0% {
            left: 100%;
        }
        100% {
            left: -36%;
        }
    }
}

@media (max-width: 1199px) {
    .marquee {
        animation: marquee 16s linear infinite;
    }

    @keyframes marquee {
        0% {
            left: 100%;
        }
        100% {
            left: -40%;
        }
    }
}

@media (max-width: 991px) {
    .marquee {
        animation: marquee 13s linear infinite;
    }

    @keyframes marquee {
        0% {
            left: 100%;
        }
        100% {
            left: -55%;
        }
    }
}


/*   edtis ------------*/
.list-social__item .icon {
    height: 14px !important;
    width: 14px !important;
    overflow: visible;
}

a.link.list-social__link {
    border: 1px solid #537575;
    padding: 5px;
    border-radius: 42px;
    padding: 6px;
    margin-right: 10px;
    margin-block: 6px;
}

body#about-us .announcement-bar {
    background: #F8B9B4 !important;
}

body#faq .announcement-bar {
    background: #FDECB4 !important;
}

body#faq .marquee {
    color: #193938
}

body#privacy-policy .announcement-bar, #your-shopping-cart .announcement-bar {
    background: #a8d1af !important;
}

body#terms-amp-conditions .announcement-bar {
    background: #f8b9b4 !important;
}

.gradient .announcement-bar {
    background: #193938 !important;
}

.gradient .marquee {
    color: #fff;
}

#yoursy-store .announcement-bar {
    background: #ffe18500 !important;
}

body#faq .marquee {
    color: white
}

body#products .announcement-bar {
    background: #FACD8A !important;
}

body#yoursy-store .announcement-bar {
    background: #FCE183 !important;
}

body#yoursy-store .header-wrapper {
    background: transparent !important;
    border-bottom: 0;
}

body#yoursy-store .banner__media {
    align-items: flex-end !important;
    padding-bottom: 8% !important;
}

body#terms-amp-conditions .announcement-bar {
    background: #C8F1FF !important;
}

button.incubate-collections-add-to-cart-add-to-cart-button {
    background: #C8F1FF !important;
    color: #343434 !important;
    font-family: 'Futura' !important;
    font-weight: normal !important;
    font-size: min(max(14px, 1vw), 15px) !important;
    border: transparent !important;
    border-radius: 10px !important;
}

.main#MainContent {
    margin-top: 0;
}

.sticky-header + main#MainContent {
    margin-top: var(--header-height);
}

.panel p {
    height: 0;
    transition: all 1s ease;
}

.active + .panel p {
    height: auto !important;
}

#products button.incubate-collections-add-to-cart-add-to-cart-button {
    background: #FACD8A !important;
    color: white !important;
}

.product-form__buttons .product-form__submit {
    background-color: #193938;
    width: 100%;
    border-radius: 30px;
    color: #fff !important;
    transition-property: background-color, border;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.product-form__buttons .product-form__submit span {
    color: #fff !important;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.product-form__buttons .product-form__submit:hover {
    background-color: #A8D3AF;
    color: #212529 !important;
}

.product-form__buttons .product-form__submit:hover span {
    color: #212529 !important;
}

.product-form__buttons .button--secondary:after {
    display: none !important;
}

h3.f-23.card__heading.h5 {
    max-height: 27px;
    overflow: hidden;
    margin: 0 !important;
    margin-top: min(max(10px, 2vw), 20px) !important;
    display: block;
}

.incubate-collections-add-to-cart-add-to-cart-button {
    color: #fff !important;
    text-transform: uppercase;
}

ul.slick-dots {
    margin-top: min(max(40px, 6vw), 80px) !important;
}

ul#product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: min(max(20px, 4vw), 62px);
}

ul#product-grid .grid__item {
    max-width: min(300px, 88%) !important;
    width: 100% !important;
}

#yoursy-store .button-style {
    background: #fd9082 !important;
}

.sub-heading.my-btn a {
    width: max-content !important;
    font-weight: 400;
    font-size: 14px !important;
    text-transform: uppercase;
    padding-top: 13px !important;
    display: inline-block;
    margin-top: 10px;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.button-dark:hover {
    background-color: #A8D3AF;
    color: #212529 !important;
}

.button-light,
.button-dark{
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.button-light:hover {
    color: #ffffff !important;
    background-color: #193938;
}

.sub-heading {
    line-height: 1;
}

/*   keyframes------------------- */

@keyframes splash_height {
    0% {
        height:: 200vh;
    }
    40% {
        height: 200vh;
    }
    100% {
        height: 0vh;
    }

}

@keyframes typing {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }

}


@keyframes blink {
    50% {
        border-color: transparent
    }
}

/*  ------------------------ splash screen--------------------------- */


/*   ---------------Quiz---------------- */
#about-us .slider_item.slick-slide > div {
    width: 85%;
    margin: 0 auto;
}

.max-content {
    width: max-content;
}

.postion-relative {
    position: relative;
}

.multi-box .w-100 {
    z-index: 2;
}

#faq .multi-box:before {
    content: '';
    position: absolute;
    left: -10%;
    top: 50%;
    height: 500px;
    width: 500px;
    background: #fce183;
    border-radius: 10000px;
    z-index: 0;
}

button.incubate-collections-add-to-cart-add-to-cart-button {
    position: absolute;
    bottom: 39px;
    width: max-content !important;
    height: auto !important;
    padding: 14px 20px !important;
    right: 0;
}

.card__content {
    max-height: 350px;
}

*:not(i) {
    font-family: 'Granary-Medium', Helvetica, Arial, Sans-Serif !important;
}

.footer_section.fix_me {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
}

@media (max-width: 767px) {
    .shop-section__row {
        flex-direction: column-reverse;
    }

    .footer_section.fix_me .container {
        margin-top: 60px;
    }

    .footer_section.fix_me .mobile-menu-col-wrapper {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 2px solid #fff;
    }

    .footer_section.fix_me .menu-link:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .footer_section.fix_me .hide-on-mobile,
    .footer_section.fix_me .copy-rights {
        display: none;
    }
    
    .footer_section.fix_me .show-on-mobile {
        display: block;
    }

    .mobile-menu__row {
        width: calc(100% - 30px);
    }
}

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

.cross_footer {
    z-index: 999;
}

/*   font sizes */

/* Generic */
.letter_spacing-1 {
    letter-spacing: 1px;
}

/* .result_section .container:hover {
  border: 5px solid red;
} */

.result_section .container {
    /* border: 1px solid red !important; */
    /* border: 1px solid #C3C3C3;
    border-radius: 1px; */
    transition: all .5s;
}

.toggl_class_active, .toggl_variation {
    position: relative;
}

.toggl_class_active:hover, .toggl_variation:hover, .toggl_class_active.active, .toggl_variation.active {
    cursor: pointer;
    border: 1px solid #193938 !important;
    border-radius: .3rem !important;

    position: relative;
    transition: all .5s;
}

.remove_data i {
    right: 0;
    position: absolute;
    border-radius: 100px;
    transform: translate(79%, -34%);
    font-size: 24px;
    z-index: 1;
    color: #193938;
    background: white;
}

.remove_data i.grey {
    color: #888;
}

/* .product_card:hover {
  border: 1px solid #193938 !important;

  position: relative;
  transition: all .5s;
} */
.toggl_class_active::after, .toggl_variation::after {
    opacity: 0;
}

.toggl_class_active.active::after, .toggl_variation.active::after {
    content: "\2713";
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #193938;
    background-color: #193938;
    color: #fff;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    text-align: center;
    border-radius: 50%;
    transform: translate(30%, -30%);
}

/* Product */
.product__image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition-property: visibility, opacity;
    transition-timing-function: ease;
    transition-duration: 0.3s;
}

.product__image.product__image--alternative {
    opacity: 0;
    visibility: hidden;
}

.card:hover .product__image {
    opacity: 0;
    visibility: hidden;
}

.card:hover .product__image.product__image--alternative {
    opacity: 1;
    visibility: visible;
}

/* Left */
.product_list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.product_list ul li {
    flex: 0 0 50%;
    position: relative;
}

.product_list ul li i {
    color: #95CFEB;
}

/* .product_card:hover {
  cursor: pointer;
} */

/* Right */
.product_card:hover {
    border: 1px solid #193938 !important;

    position: relative;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    transition: all .5s;
}

/* .product_card:hover::after {
  content: "\2713";
  position: absolute;
  top: -7px;
  right: -7px;
  border: 1px solid #193938;
  background-color: #193938;
  color: #fff;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  line-height: 1;
  border-radius: 50%;
  /* opacity: 0; */
}
*

/

/* Choose a plan section */

.plan {

}

.plan_list ul {
    /* display: flex;
    flex-wrap: wrap; */
    list-style: none;
}

.plan .card:hover {
    border: 1px solid #193938 !important;
    cursor: pointer;

    position: relative;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    transition: all .5s;
}

/*
.plan .card:hover::after {
  content: "\2713";
  position: absolute;
  top: -7px;
  right: -7px;
  border: 1px solid #193938;
  background-color: #193938;
  color: #fff;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  line-height: 1;
  border-radius: 50%;
  text-align: center;
  /* opacity: 0; */
}
*

/


.card {

}

.card-body {

}

.card-title {

}

.plan .card-subtitle span {
    /* color: orange; */
    /* vertical-align: top; */
    /* display: inline-block; */
    /* margin-bottom: 20px !important; */
}

.card-subtitle {
}

.plan .card-footer {
    border-top: 1px solid transparent !important;
}

/* .plan_list ul li {
  flex: 0 0 50%;
} */

/* - Spacing system (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128 */

/*  */
.translate-left {
    transform: translateX(-20px) !important;
}

/*
.position-center {
  position: absolute;
    left: 40%;
} */

.header > .header__heading-link img, .header__heading-logo {
    object-fit: contain;
    width: 110px;
}

/* Buttons */
.btn {

}

.btn-large {
    padding: 12px 64px !important;
}

.btn-medium {
    padding: 8px 32px !important;
}

.btn-green {
    border-radius: 100px !important;
    color: #fff !important;
    /* padding: 12px 80px !important; */
    transition: all .5s;
}

.btn-green--dark {
    background-color: #193938 !important;
}

.btn-green--dark:hover {
    background-color: #0f2222 !important;
}

.btn-green--mid {
    background-color: #A8D3AF !important;
}

.btn-green--mid:hover {
    background-color: #657f69 !important;
}

.btn-green--light {
    background-color: #CDE4C6 !important;
}

.header > .header__heading-link img {
    object-fit: contain;
    width: 110px;
}

.btn-green--light:hover {
    background-color: #7b8977 !important;
}

.btn-back {
    position: absolute;
    left: 6%;
}

.light-grey {
    color: #666666 !Important;
}

.f-8 {
    font-size: min(max(6px, 0.6vw), 8.5px);
}

.light_green_bg--1 {
    background-color: #E8F2E2;
}

/* Dropdown */
.frequency-dropdown {
    margin: 0 auto !important;
}

.frequency-dropdown button {
    /* width: 35%; */
    max-width: 465px;
    padding: 12px 24px;
    background-color: #fff !important;
    border-color: #C3C3C3;
}

.frequency-dropdown button:hover {
    color: #193938 !important;
}

.frequency-dropdown .badge {
    margin: 0 20px !important;
}

.frequency-dropdown .btn-secondary:focus {
    color: #193938 !important;
}

/* Dropdown select */
.frequency-select {
    /* width: 30% !important; */
    max-width: 400px !important;
    padding: 12px 24px !important;
    background-position: right 18px center;
    background-size: 16px;
    border: 1px solid #C3C3C3;
    border-radius: 8px;
}

/* Improve UI */
.product-form__buttons.storesubmit > .spurit-ros__wrapper {
       
    grid-area: 1 / 1 / 2 / -1 !important;
}

/* grid-column: 1 / -1 */

.product .button:after {
       
    display: none !important;
}

.product ul {
       
    list-style: none !important;
}

.card a {
       
    transition: all .5s !important;
}

.card a:hover {
       
    color: #193938 !important;
}

/* @media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
}  */


#toggl_icon:hover {
       
    cursor: pointer !important;
         
    color: rgb(25 57 56) !important;
}

.icon-account:hover,
.icon-cart-empty:hover {
       
    color: #193938 !important;
}

.copy-rights a {
       
    transition: all .3s;
}

.copy-rights a:hover {
       
    color: #fff !important;
}


/* Media queries */

@media screen and (max-width: 980px) {
      .made_for_you .col-md-6:nth-child(2) {
        /*   background-color: red !important; */
           
        padding-top: 30px !important;
           
        padding-bottom: 30px !important;
         
    }
}

@media only screen and (max-width: 991px) {
    .btn-large {
        padding: 12px 58px !important;
    }

    .btn-medium {
        padding: 8px 24px !important;
    }
}

/* Box */
.box {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

/* Symbol */
.symbol {
    text-align: center;
    transform: translateX(-50%);
}

.symbol__mobile {
    display: none;
}

@media (max-width: 767px) {
    .symbol__desktop {
        display: none;
    }

    .symbol__mobile {
        display: block;
        margin-bottom: 15px;
        transform: none;
    }
}

/* Vertical line */
.vl {
    height: 114px;
    text-align: center;
    background: #193938;
    width: 1px;
}

/* Media queries */
/* Phones */
@media only screen and (max-width: 56.25em) {
    .product_list ul li {
        flex: 0 0 100% !important;
    }
}

/*   custom media */

@media (min-width: 1025px) {
    .fix_me .copy-rights {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .header > .header__heading-link, .header__icons, .header h1.header__heading {
        width: 20% !important;
    }
}

@media (max-width: 1025px) {
    ul#product-grid {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }
}

@media (max-width: 989px) {
    .header > * {
        width: 100% !important;
    }

    .header h1.header__heading {
        text-align: center;
    }

    .fix_me > div {
        height: 100%;
        overflow-y: scroll;
    }

    img.header__heading-logo {
        max-width: 100px;
    }
}

@media (min-width: 768px) {
    /*     .hero_section .w-100{
          padding-top: 20rem
        }
        */
    .flex-with-wrap {
        flex-wrap: nowrap;
    }

    .button-div {
        padding-right: 25px !important;
        width: 100%;

    }

    .button-div:last-child {
        padding-right: 0px !important;
    }

    .made-for-you__col {
        width: 70%;
    }

    .product-specs .product-specs__image-block {
        width: 40%;
    }
}

@media (min-width: 540px) {
    .grid-2 {
        display: grid;
        grid-template-columns: 1fr auto;
    }
}

@media (max-width: 1100px) {
    body#yoursy-store .banner__media {
        padding-bottom: 8% !important;
        background-position: center bottom;
    }

    .banner__media {
        background-position: center bottom;
        background-color: #ffe383;
        height: min(max(380px, 70vw), 650px);
    }
}

@media (max-width: 767px) {

    .container {
        max-width: 95%;
    }

    .sub-heading.my-btn a {
        margin: 15px auto 10px;
        margin-bottom: 0;
    }

    section.section-selected.bg-white.rounded_top {
        border-radius: 0px !important;
    }

    .curve_background {
        background: white !important;
    }

    .section-selected {
        max-width: 90%;
        margin: 0 auto;
    }

    .button-div {
        padding-right: 0 !important;
        width: 100%;
    }

    .sub-heading {
        line-height: 1;
    }

    .scientifically_speaking .row {
        flex-direction: column-reverse;
    }

    .banner__media {
        background-position: center bottom;
        background-color: #ffe383;
        height: min(max(380px, 70vw), 650px);
    }

    .scientifically_speaking {
        background-size: 0%;
        background-position: right;
    }
}

.Conditions .header-wrapper, .Policy .header-wrapper, .FAQs .header-wrapper {
    color: white !important;
    background-color: #193938 !Important;
    border-top: 1px solid #e8e9eb;
}

.collection__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
    padding-left: 0;
    list-style: none;
}

.collection__col {
    width: 25%;
    margin-bottom: 40px;
    padding: 0 30px;
}

@media (max-width: 1199px) {
    .collection__row {
        margin: 0 -25px;
    }

    .collection__col {
        width: 33.333%;
        margin-bottom: 30px;
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .collection__row {
        margin: 0 -20px;
    }

    .collection__col {
        width: 50%;
        padding: 0 20px;
    }
}

@media (max-width: 749px) {
    .facets-container {
        margin-bottom: 30px;
        padding-top: 0;
    }
}

@media (max-width: 575px) {
    .collection__row {
        margin: 0 -10px;
    }

    .collection__col {
        width: 50%;
        padding: 0 10px;
    }

    .hero_section {
        min-height: 85vh;
    }
}

@media (max-width: 575px) and (max-height: 750px) {
    .hero_section {
        min-height: 92vh;
    }
}

@media (max-width: 575px) and (max-height: 575px) {
    .hero_section {
        min-height: 98vh;
    }
}

@media (max-width: 374px) {
    .header .header__icons {
        margin-right: -5px;
    }

    .header__icon {
        width: 4rem;
        height: 4rem;
    }

    .header .header__icon.header__icon--burger i {
        font-size: 20px;
    }
}

.main-product .slider-buttons {
    display: none;
}

.product__media-wrapper .thumbnail-list__item.slider__slide{
    width: calc(22% - .6rem) !important;
    margin-left: 0px !important;
    margin-right: 8px !important;
  }
  .product__media-wrapper .slider-button{
    display: none;
  }
 .product__media-wrapper .thumbnail-slider .thumbnail-list.slider{
    padding: .5rem 15px ;
  }
@media (max-width: 749px) {
    .main-product .slider-buttons {
        /* display: flex; */
    }
 .product__media-wrapper .thumbnail-list__item.slider__slide{
    width: calc(22% - .6rem) !important;
    margin-left: 0px !important;
    margin-right: 8px !important;
  }
  .product__media-wrapper .slider-button{
    display: none;
  }
 .product__media-wrapper .thumbnail-slider .thumbnail-list.slider{
    padding: .5rem 15px ;
  }
}

.quantity__button:disabled {
    opacity: 0.3;
}

button.quantity__button.no-js-hidden {
    color: #000;
}

.product-specs .product-specs__list.product-specs__list--desktop {
    display: block;
}

.product-specs .product-specs__list.product-specs__list--mobile {
    display: none;
}

@media (max-width: 767px) {
    .product-specs .product-specs__image-container {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .product-specs .product-specs__image {
        width: 100%;
        max-width: 70%;
    }

    .product-specs .product-specs__list.product-specs__list--desktop {
        display: none;
    }

    .product-specs .product-specs__list.product-specs__list--mobile {
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
}


@media (max-width: 767px) {
 .img-wth-txt__content-container {
     max-width: 95%;
     margin-left: auto;
     margin-right: auto;
 }
}

.hcarticle-toggle a {
    color: gray !important;
}

@media screen and (max-width: 768px) {
    .s4com-helpcenter .category-group .sections-list {
        justify-content: space-between !important;
    }

    .s4com-helpcenter .category-group .sections-list-item {
        flex: 0 1 32% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 14px !important;
    }
}

@media screen and (max-width: 575px) {
    .s4com-helpcenter .category-group .sections-list-item {
        margin-bottom: 11px !important;
    }
}

@media screen and (max-width: 575px) {
    .s4com-helpcenter .category-group .sections-list-item {
        margin-bottom: 9px !important;
    }
}

@media screen and (max-width: 380px) {
    .s4com-helpcenter .category-group .sections-list-item {
        margin-bottom: 8px !important;
    }
}

.smartrr-container [data-smartrr-selling-plan-groups] .smartrr-selling-plan-group-header {
    background-color: transparent !important;
}

.product__info-container {
    color: #193938;
}

.product__info-container .form__label {
    color: rgba(25, 57, 56, 0.75);
}

.product-short-specs__text {
    color: #193938;
}

.product__description {
    color: #193938;
}
#fsb_bar{
  display: none
}

.product-form__input label{
  font-family: 'Granary-Regular' !important;
}
.product-form__input.product-form__quantity .form__label{
    margin-bottom: 0px;
  }
 .product-form__input label{
font-size: 18px;
font-weight: 300;
line-height: 24px !important;
letter-spacing: 0.4000000059604645px;
text-align: left;
padding-bottom: 5px;
    margin-bottom: 0px;
  }
  .product-form__input .select__select{
    margin-left: 0px;
  }
.product-form__input .select:after, .product-form__input .quantity:after{
  box-shadow: none;
  border-color: #193938;
}
.product__info-container .smartrr-container{
  margin-top: 0px;
  margin-bottom: 0px;
}
@media(max-width: 749px){
  .product-form__input label{
font-size: 14px;
font-weight: 300;
line-height: 20px !important;
letter-spacing: 0.4000000059604645px;
text-align: left;
padding-bottom: 5px;
    margin-bottom: 0px;
  }
  .product-form__input.product-form__quantity .form__label{
    margin-bottom: 0px;
  }
  
.product-form__input .select:after, .product-form__input .quantity:after{
  box-shadow: none;
  border-color: #193938;
}
  .recommendation-products__heading {
font-size: 24px;
font-weight: 500;
line-height: 28px !important;
letter-spacing: 0px;
text-align: center;

}
  .featured-collection .slider-button--prev{
    left: 0px !important;
  }
  
  .mob-hide-sect{
    display: none !important;
  }
}

@media(min-width: 750px){
  .desk-hide-sect{
    display: none !important;
  }
 .recommendation-products .grid{
    column-gap: 25px;
    row-gap: 20px;
    
  }
  .recommendation-products .grid__item {
    width: 30.33%;
    max-width: 30.33%;
  }
}

@media(min-width: 990px){
 .collection .collection__title.title-wrapper{
    margin-bottom: 4.5rem ;
  }
}