/** Shopify CDN: Minification failed

Line 185:8 Expected ":"
Line 185:9 Expected identifier but found "250px"
Line 1482:0 Unexpected "}"

**/
@font-face {
    font-family: 'afterglowregular';
    src: url('/cdn/shop/files/afterglow-regular-webfont.woff2?v=1721892240') format('woff2'),
         url('/cdn/shop/files/afterglow-regular-webfont.woff?v=1721892240') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'adam.cg_proregular';
    src: url('/cdn/shop/files/adam.cg_pro-webfont.woff2?v=1720859355') format('woff2'),
         url('/cdn/shop/files/adam.cg_pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cralikaregular';
    src: url('/cdn/shop/files/cralika-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/cralika-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dinproregular';
    src: url('/cdn/shop/files/dinpro-regular-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/dinpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
      font-family: 'Freya';
      src: url('/cdn/shop/files/Freya_Semi_Bold.otf?v=1722236103') format('opentype');
      font-weight: 600;
      font-style: normal;
}
@font-face {
    font-family: 'kathy_coxregular';
    src: url('/cdn/shop/files/kathycox.woff2?v=1722515645') format('woff2'),
         url('/cdn/shop/files/kathycox.woff?v=1722515646') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriad_proregular';
    src: url('/cdn/shop/files/myriadpro-regular.woff2?v=1722515915') format('woff2'),
         url('/cdn/shop/files/myriadpro-regular.woff?v=1722515916') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'playfair_displayitalic';
    src: url('/cdn/shop/files/playfairdisplay-italic-variablefont_wght-webfont.woff2?v=1722593167') format('woff2'),
         url('/cdn/shop/files/playfairdisplay-italic-variablefont_wght-webfont.woff?v=1722593167') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'glacial_indifferenceregular';
    src: url('/cdn/shop/files/glacialindifference-regular-webfont.woff2?v=1722593167') format('woff2'),
         url('/cdn/shop/files/glacialindifference-regular-webfont.woff?v=1722593167') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('/cdn/shop/files/bebasneue-regular-webfont.woff2?v=1722593167') format('woff2'),
         url('/cdn/shop/files/bebasneue-regular-webfont.woff?v=1722593167') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('/cdn/shop/files/Gotham-Book.woff2?v=1740397985') format('woff2'),
        url('/cdn/shop/files/Gotham-Book.woff?v=1740397986') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'amiriregular';
    src: url('/cdn/shop/files/amiri-regular-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/amiri-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
section#firstSection:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: hsl(0deg 0% 0% / 10%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.doubly-wrapper {
    position: fixed;
    bottom: 25px;
    background: #242833;
    padding: 8px !important;
    border-radius: 5px;
    left: 15px;
    margin: 0 !important;
}
.doubly-nice-select.right .list {
    top: -90px;
}

table.cart-items tr th {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.curated-section .curated_area .card_reviews {
    display: none !important;
}
.product .price--sold-out .price__badge-sale, 
.product .price--sold-out .price__badge-sold-out {
    display: none;
}
.card_reviews {
    padding: 0rem 0px 0px 2rem;
    height: 28px;
    display: block !important;
}
.card__content.card__content_data {
    padding-top: 0;
}
.card_reviews .rating span.rating-star {
    --color-rating-star: #C6AA76;
    letter-spacing: 1px;
    font-size: 18px;
}
#judgeme_product_reviews span.jdgm-rev__author, 
#judgeme_product_reviews .jdgm-rev__icon:before {
    color: #242833;
}
.circle_title.womens_title h2 {
    font-family: 'playfair_displayitalic';
    font-size: 30px;
    text-align: left;
    line-height: 160%;
}
.circle_title.mens_title h2 {
    font-family: 'glacial_indifferenceregular';
    font-size: 30px;
    text-align: left;
    line-height: 160%;
}
.circle_title.womens_title h2 span, 
.circle_title.mens_title h2 span {
    font-size: 60px;
    display: block;
    margin-left: 0;
  text-transform: uppercase;
}
.circle_title.mens_title h2 span{
    font-family: 'bebas_neueregular';
}
.circle_title.womens_title, .circle_title.mens_title {
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 0 15px;
}
.circle-section .pdp_point{
  top: -70px
}
.ctm_tabs {
    margin: 30px 0;
}
.img3{
  height;250px;
}
footer h2.footer-block__heading.inline-richtext {
    font-family: 'adam.cg_proregular';
    font-size: 16px;
    font-weight: 400;
    line-height: 14.4px;
}
.custom-slider .heading1 {
    text-transform: capitalize;
}
.magic360-overlay-icon:before{
  z-index: 1 !important;
}
 .exceptional-banner {
            padding-top: 50px;
            overflow: hidden;
            position: relative;
            width: 100%;
            height: 100vh;
            background-image: url("/cdn/shop/files/Layer_Back.png?v=1722065459");
            background-size: cover;
            background-position: center;
            color: white;
            text-align: center;
        }

        .exceptional-banner-layer {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
            left: 0;
            background-size: cover;
            background-position: center;
            top: 0;
        }

        .exceptional-content {
            padding-left: 60px;
            position: relative;
            width: auto;
            z-index: 99;
        }

        .exceptional-bottle-area {
            display: flex;
            height: 100%;
            justify-content: right;
            z-index: 2;
            width: 100%;
        }

        .exceptional-content h1 {
            font-family: 'Freya', sans-serif;
            color: #fff;
            text-transform: uppercase;
            font-size: 150px;
            margin: 0;
            font-weight: 600;
            line-height: 130px;
            text-align: left;
            animation: fadeUpinexceptional 2s forwards;
        }

        .exceptional-flex-container {
            display: flex;
            align-items: center;
            height: 100%;
            justify-content: space-around;
        }

        .exceptional-content p {
            font-size: 20px;
            width: 80%;
            color: #fff;
            line-height: 1.6;
            text-align: left;
            margin-top: 1vw;
            animation: fadeUpinexceptional 2s forwards;
            font-family: dinproregular;
        }

        @keyframes fadeUpinexceptional {
            from {
                opacity: 0;
                transform: translateY(70%);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .bottle-exceptional {
            width: 40%;
            position: relative;
            margin: auto;
            animation: slideUpinexceptional 2s forwards;
            bottom: -150%; /* Initial position for the animation */
        }

        @keyframes slideUpinexceptional {
            from {
                bottom: -150%;
            }
            to {
                bottom: 0%;
            }
        }

        @media (max-width: 786px) {

          
            .exceptional-flex-container {
                display: block;
            }

            .bottle-exceptional {
                width: 80%;
                animation: slideUpinexceptional 2s forwards;
                bottom: -80%;
            }

            .exceptional-content {
                padding: 0;
                text-align: center;
              z-index: 1!important;
            }

            .exceptional-content h1 {
                font-size: 61px;
                text-align: center;
                line-height: 1.2;
            }

            .exceptional-content p {
                font-size: 16px;
                width: 90%;
                text-align: center;
                margin: auto;
                margin-top: 2vw;
            }
        }

        @media (max-width: 480px) {
            .exceptional-content h1 {
                font-size: 128px;
                line-height: 116px;
            }

            .exceptional-content p {
                font-size: 14px;
                margin-bottom: 20px;
            }

            .exceptional-banner-layer {
                position: absolute;
                width: 100%;
                height: 30%;
                z-index: 0;
                left: 0;
                background-size: contain;
                background-position: bottom;
                top: auto;
                border: 0;
                bottom: 0;
            }

            .bottle-exceptional {
                width: 80%;
                margin: auto;
                left: 0;
                bottom: -60%;
            }
        }

        @media (min-width: 1440px) {
            .exceptional-content h1 {
                font-family: 'Freya', sans-serif;
                color: #fff;
                text-transform: uppercase;
                font-size: 250px;
                margin: 0;
                font-weight: 600;
                line-height: 130px;
                text-align: left;
                animation: fadeUpinexceptional 2s forwards;
            }
        }
/* ---------------------------extrame ex------------------------------------ */
 .extreme-usp-banner {
        position: relative;
        width: 100%;
    background: url("/cdn/shop/files/Exceptional_Banner.png?v=1722846422") no-repeat center center;
        overflow: hidden;
        height: 100vh;
       
       
        background-size: cover;
      }
.banner-execp{
    background: url("/cdn/shop/files/Exceptional_Extreme_Banner.png?v=1722846059")   no-repeat center center;
  
  background-size: cover;
    background-repeat: no-repeat;
}
      .extreme-usp-text-container {
        position: absolute;
       
        color: #fff;
        font-size: 16.11px;
        font-weight: 400;
        line-height: 27.78px;
        width: 20%;
        opacity: 0;
      }
.extreme-usp-text{
   text-transform: uppercase ;
}
      .extreme-usp-text-top-left {
        top: 10%;
        left: 10%;
      }
      .extreme-usp-text-top-right {
        top: 10%;
        right: 10%;
        text-align: right;
      }
      .extreme-usp-text-bottom-left {
        bottom: 10%;
        left: 10%;
      }
      .extreme-usp-text-bottom-right {
        bottom: 10%;
        right: 10%;
        text-align: right;
      }
      .extreme-usp-bottle-left {
        position: absolute;
        top: 35%;
        left: 46%;
        rotate: 20deg;
        width: 20%;
        opacity: 0;
      }
      .extreme-usp-bottle-right {
        position: absolute;
        top: 35%;
        right: 46%;
        rotate: -20deg;
        width: 20%;
        opacity: 0;
      }
      @keyframes extremeUspFadeUp {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      @keyframes extremeUspSlideUp {
        from {
          opacity: 0;
          transform: translateY(100%);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .extreme-usp-star {
        display: none;
      }
      /* Mobile Responsive */
      @media (max-width: 767px) {
        .extreme-usp-star {
          margin: 10px 7px 0px 0px;
          display: block;
        }
        .extreme-usp-banner {
          padding: 80px 0px;
          height: auto;
          width: 100%;

          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
        
        .extreme-usp-mar-top {
          margin-top: 40px;
        }
        .extreme-usp-text-top-left,
        .extreme-usp-text-bottom-right,
        .extreme-usp-text-bottom-left,
        .extreme-usp-text-top-right {
          left: 0;
          top: 50px;

          right: 0;
        }
        .pb12 {
          padding-bottom: 20px;
        }
        .extreme-usp-bottle-left {
          position: relative;
          top: 3px;
          left: 8%;
          rotate: 30deg;
          width: 40%;
        }
        .extreme-usp-bottle-right {
          position: absolute;
          top: 12%;
          right: 42%;
          rotate: -25deg;
          width: 40%;
        }
        .extreme-usp-text-container {
          position: relative;
          width: 90%;
          display: flex;
          text-align: left;
          margin: 0px auto;
        }
        .extreme-usp-text-container p {
          margin: 5px 0px;
        }
      }

/*------------------------------------extrame ex end-------------------------------*/
/* ------------------moy start---------------------------- */


  
      .moy-usps-banner {
            position: relative;
            width: 100%;
            height: 100vh;
            background: url("/cdn/shop/files/man_of_the_year.webp") no-repeat center center;
            background-size: cover;
            overflow: hidden;
        }
        .moy-usps-text-container {
            position: absolute;
          
            color: white;
            opacity: 0;
            transform: translateY(20px);
        }
        .moy-usps-text-top-left {
            top: 20px;
            left: 20px;
            width: 20%;
        }
        .moy-usps-text-top-right {
            top: 20px;
            right: 20px;
            width: 20%;
            text-align: right;
        }
        .moy-usps-text {
            color: #fff;
            font-family: DINPro;
          text-transform: uppercase;
            font-size: 18.11px;
            font-weight: 400;
            line-height: 27.78px;
            text-align: left;
        }
        .moy-usps-text-bottom-left {
            bottom: 20px;
            left: 20px;
            width: 20%;
        }
        .moy-usps-text-bottom-right {
            bottom: 20px;
            right: 20px;
            width: 20%;
            text-align: right;
        }
        .moy-usps-bottle {
            position: absolute;
            bottom: -22%;
            left: 50%;
            rotate: 10deg;
            transform: translateX(-50%) scale(0);
            width: 25%;
            opacity: 0;
        }
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        @keyframes scaleUp {
            from {
                opacity: 0;
                transform: translateX(-50%) scale(0);
            }
            to {
                opacity: 1;
                transform: translateX(-50%) scale(1);
            }
        }
        .moy-usps-star {
            display: none;
        }

        /* Mobile Responsive */
        @media (max-width: 767px) {
            .moy-usps-star {
                margin: 10px 7px 0px 0px;
                display: block;
            }
            .moy-usps-banner {
                height: auto;
                width: 100%;
                display: flex;
                flex-direction: column;
              padding-bottom: 40px;
                align-items: center;
                justify-content: center;
            }
            .moy-usps-text-top-left,
            .moy-usps-text-bottom-right,
            .moy-usps-text-bottom-left,
            .moy-usps-text-top-right {
                left: 0;
                top: 0px;
                right: 0;
            }
            .moy-usps-bottle {
                position: relative;
                padding: 40px 0px;
                bottom: 0px;
                left: 37%;
                rotate: 0deg;
                width: 80%;
                animation: scaleUp 1s ease-in-out forwards;
                animation-delay: 1s;
            }
            .moy-usps-text-container {
                position: relative;
                width: 90%;
                display: flex;
                text-align: left;
                margin: 0px auto;
                opacity: 1;
                transform: none;
                animation: none;
            }
            .moy-usps-text-container p {
                margin: 5px 0px;
            }
        }
/**---------Start--Tab View CSS-----------***/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .exceptional-content {
              z-index: 1!important;
            }
  
  .moy-usps-bottle {
    bottom: 15%;
    width: 40%;
}
  .moy-usps-text-top-left {
    width: 30%;
}
  .moy-usps-text-top-right {
    width: 30%;
}
  .moy-usps-text-bottom-right {
    width: 30%;
    bottom: 50px;
}
  .moy-usps-text-bottom-left {
    width: 30%;
    bottom: 50px;
}

  
}

/* -------------------moy end-------------------------------- */

/* --------------------mia start--------------------- */


    .mia-usps-banner {
            background-color: #fff;
            position: relative;
      overflow : hidden;
            width: 100%;
            height: 100vh;
        }
        .mia-usps-d-flex-mia {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .mia-usps-background-image {
            width: 30%;
            margin: auto;
            height: auto;
            position: absolute;
            z-index: 0;
            opacity: 0;
            transform: scale(1);
        }
        .mia-usps-text-container {
            position: absolute;
            color: white;
                     text-transform: uppercase;
            font-size: 18.11px;
            font-weight: 400;
            line-height: 27.78px;
            width: 20%;
            opacity: 0;
            transform: translateY(20px);
        }
        .mia-usps-text-top-left {
            top: 10%;
            left: 10%;
          color: #2D2926;
        }
        .mia-usps-text-top-right {
            top: 10%;
            right: 10%;
           color: #2D2926;
            text-align: right;
        }
        .mia-usps-text-bottom-left {
            bottom: 10%;
           color: #2D2926;
            left: 10%;
        }
        .mia-usps-text-bottom-right {
            bottom: 10%;
            right: 10%;
           color: #2D2926;
            text-align: right;
        }
        .mia-usps-bottle {
            position: absolute;
            bottom: -14%;
            left: 37%;
            transform: translateX(-50%) scale(1);
            width: 25%;
            opacity: 0;
        }
        .mia-usps-banner-new .mia-usps-bottle{
          bottom:10%;
        }
        @keyframes mia-usps-fadeUpText {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        @keyframes mia-usps-scaleInBackground {
            from {
                opacity: 0;
                transform: scale(1);
            }
            to {
                opacity: 1;
                transform: scale(1.1);
            }
        }
        @keyframes mia-usps-scaleInBottle {
            from {
                opacity: 0.5;
                transform: scale(1.2);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        .mia-usps-star {
            display: none;
        }
        /* Mobile Responsive */
        @media (max-width: 767px) {
            .mia-usps-text-top-left {
                top: 10%;
                left: 0%;
            }
            .mia-usps-text-top-right {
                top: 10%;
                left: 0%;
                text-align: left;
            }
            .mia-usps-text-bottom-left {
                bottom: 10%;
                left: 0%;
            }
            .mia-usps-text-bottom-right {
                bottom: 10%;
                left: 0%;
                text-align: left;
            }
            .mia-usps-star {
                margin-top: 7px;
                display: block;
                margin-right: 7px;
            }
            .mia-usps-banner {
                height: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }
            .mia-usps-d-flex-mia {
                width: 100%;
                height: auto;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                margin-bottom: 20px; 
            }
            .mia-usps-background-image {
                width: 80%;
                margin: 0 auto;
                transform: scale(1.1);
                position: absolute;
                top: 60px;
            }
            .mia-usps-bottle {
                width: 60%;
                margin: 20px auto;
                transform: scale(1);
                position: relative;
                left: 0;
                top: 30px;
            }
            .mia-usps-text-container {
                position: relative;
                display: flex;
                width: 90%;
                text-align: left;
                margin: 10px 0;
                opacity: 1;
                transform: none;
            }
            .mia-usps-text-container p {
                margin: 0;
              font-size: 14px;
            }
        }

/**---------Start--Tab View CSS-----------***/
@media only screen and (min-width: 768px) and (max-width: 1200px) {

  .mia-usps-text-container {
    width: 30%;
}
  .mia-usps-background-image {
    width: 50%;
}
      .mia-usps-bottle {
        bottom: 25%;
        width: 30%;
        left: 35%;
    }
}
/* ---------------------mia end----------------- */
/* ---------------will of man---------------------------- */
  @keyframes wom-usps-scaleUp {
            0% {
                opacity: 0;
                transform: scale(0.8);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }
        .wom-usps-banner {
            position: relative;
          padding: 50px;
            background-image: url(/cdn/shop/files/bg_1.png?v=1722340759);
            width: 100%;
            height: 100vh;
        }
        .wom-usps-d-flex-mia {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .wom-usps-text-container {
            position: absolute;
            color: white;
          text-transform: uppercase;
            font-size: 18.11px;
            font-weight: 400;
            line-height: 27.78px;
            width: 20%;
            opacity: 0;
            transform: translateY(0);
        }
        .wom-usps-text-top-left {
            top: 5%;
            left: 5%;
        }
        .wom-usps-text-top-right {
            top: 5%;
            right: 5%;
            text-align: right;
        }

        .wom-usps-text-bottom-left {
            bottom: 5%;
            left: 5%;
        }

        .wom-usps-text-bottom-right {
            bottom: 5%;
            right: 5%;
            text-align: right;
        }

        .wom-usps-background-image {
            width: 60px;
            margin: auto;
            height: auto;
            opacity: 0;
            transform: translateY(0);
        }

        .wom-usps-h2 {
            font-family: Cralika;
            font-size: 52px;
            font-weight: 400;
            margin: 10px;
            line-height: 56.4px;
            color: #fff;
            text-align: center;
            opacity: 0;
            transform: translateY(0);
        }

        .wom-usps-text-box {
            width: 45%;
            margin: auto;
            text-align: center;
            transform: translateY(0);
        }

        .wom-usps-text-box p {
            font-family: DINPro;
            font-size: 20px;
            font-weight: 400;
            color: #fff;
            right: 20%;
            width: 80%;
            margin: auto;
            line-height: 28px;
            text-align: center;
            opacity: 0;
        }

        .wom-usps-bottle {
            position: absolute;
            bottom: -14%;
            left: 31%;
            transform: translateX(-50%) scale(1);
            width: 37%;
            opacity: 0;
        }

        .wom-usps-wom-bottle-left,
        .wom-usps-wom-bottle-right {
            position: relative;
            width: 28%;
            margin-top: 50px;
            opacity: 0;
        }

        .wom-usps-wom-bottle-left {
            left: 4%;
            rotate: -30deg;
            z-index: 1;
        }

        .wom-usps-wom-bottle-right {
            rotate: 38deg;
            right: 8%;
        }

        .wom-usps-star {
            display: none;
        }

        @media (max-width: 767px) {
            .wom-usps-text-box {
                width: 90%;
            }

            .wom-usps-banner {
                height: 100%;
                padding: 40px 4px;
            }

            .wom-usps-star {
                display: block;
            }

            .wom-usps-h2 {
                font-size: 32px;
                line-height: 36px;
            }

            .wom-usps-text-box p {
                font-size: 16px;
                margin: 0px;
                line-height: 24px;
                width: 100%;
            }

            .wom-usps-bottle {
                bottom: 0;
                left: 50%;
                width: 60%;
                transform: translate(-50%, 0) scale(1);
            }

            .wom-usps-wom-bottle-left,
            .wom-usps-wom-bottle-right {
                width: 45%;
                margin-top: 40px;
                left: auto;
                right: auto;
                bottom: 10%;
                transform: rotate(0);
            }

            .wom-usps-wom-bottle-left {
                left: 12%;
            }

            .wom-usps-wom-bottle-right {
                right: 12%;
            }

            .wom-usps-text-container p {
                margin: 0px;
              font-size: 14px;
            }

            .wom-usps-text-container {
                margin: 0px auto;
                text-align: left;
                display: flex;
                gap: 0px 10px;
            }

            .wom-usps-text-top-left,
            .wom-usps-text-top-right,
            .wom-usps-text-bottom-left,
            .wom-usps-text-bottom-right {
                width: 90%;
                left: 0;
                right: 0;
                position: relative;
                margin: 10px auto;
            }
        }

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .wom-usps-text-box {
    width: 100%;
}
  .wom-usps-text-container {
    width: 30%;
}
}

/* ------------------will of man end------------------ */
/* -----------------------chill-pill-usps------------- */
   .chill-pill-usps-banner {
            position: relative;
            width: 100%;
            padding: 40px 0px;
            overflow: hidden;
            height: 100vh;
            background-color: rgba(232, 228, 224, 1);
        }
        .chill-pill-usps-d-flex-mia {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .chill-pill-usps-background-image {
               width: 17%;
    bottom: 0%;
    margin: auto;
    height: auto;
    position: absolute;
    z-index: 0;
    left: 39%;
    opacity: 0;
    transform: translateY(100%) rotate(0deg);
        }
        .chill-pill-usps-text-container {
            position: absolute;
            color: #000;
                      text-transform: uppercase;
            font-size: 18.11px;
            font-weight: 400;
            line-height: 27.78px;
            width: 20%;
            opacity: 0;
            transform: translateY(20px) scale(0.8);
        }
        .chill-pill-usps-text-top-left {
            top: 10%;
            left: 10%;
        }
        .chill-pill-usps-text-top-right {
            top: 10%;
            right: 10%;
            text-align: right;
        }
        .chill-pill-usps-text-bottom-left {
            bottom: 10%;
            left: 10%;
        }
        .chill-pill-usps-text-bottom-right {
            bottom: 10%;
            right: 10%;
            text-align: right;
        }
        .chill-pill-usps-bottle {
            position: absolute;
            bottom: 2%;
            left: 40%;
            transform: translateX(-50%) translateY(100%);
            width: 20%;
            opacity: 0;
        }
        @keyframes chill-pill-usps-fadeUpScaleText {
            from {
                opacity: 0;
                transform: translateY(20px) scale(0.8);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        @keyframes chill-pill-usps-translateRotateBackground {
            from {
                opacity: 0;
                transform: translateY(100%) rotate(0deg);
            }
            to {
                opacity: 1;
                transform: translateY(0) rotate(450deg);
            }
        }
        @keyframes chill-pill-usps-translateUpBottle {
            from {
                opacity: 0;
                transform: translateY(100%);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .chill-pill-usps-star {
            display: none;
        }

        /* Mobile Responsive */
        @media (max-width: 767px) {
            .chill-pill-usps-d-flex-mia {
                padding-bottom: 40px;
            }
            .chill-pill-usps-text-container {
                width: 80%;
                display: flex;
                margin: auto;
                left: 0%;
                right: 0%;
                text-align: left;
                gap: 0px 3px;
            }
            .chill-pill-usps-text-container p {
                margin: 0;
            }
            .chill-pill-usps-star {
                display: block;
                margin-top: 7px;
                margin-right: 7px;
            }
            .chill-pill-usps-banner {
                height: 100%;
            }
            .chill-pill-usps-text-top-left,
            .chill-pill-usps-text-top-right,
            .chill-pill-usps-text-bottom-left,
            .chill-pill-usps-text-bottom-right {
                position: relative;
                margin-top: 0px;
                margin-bottom: 20px;
            }
          
           
              .chill-pill-usps-bottle {
        width: 50%;
        bottom: 2%;
        left: 0%;
        position: relative;
        transform: translate(-50%) translateY(100%);
    }
    .chill-pill-usps-background-image {
        width: 35%;
        bottom: -28px;
        position: relative;
        left: 28%;
        transform: translate(-50%) translateY(100%) rotate(0);
    }
          section#shopify-section-template--18840485626093__circle_animation_egbWMb .circle-section .pdp_point_item span {
          color: #fff !important;
          font-size: 14px;
          padding-left: 10px;
        }
        }
/***----tab view css--***/
@media only screen and (min-width: 768px) and (max-width: 1200px) {


  /***----wanderer-immortal-***/
      #firstSection {
        height: 65vh !important;
        padding-bottom: 0px !important;
    }
  .home-text-1 {
        font-size: 120px!important;
    }
.home-text-2 {
    font-size: 80px!important;
    line-height: 1.54!important
}
  .big-img {
        bottom: -420px !important;
    }
  #bottle-cap .headingset {
    top: 30px!important;
}
 #firstSection h2.text-wanderer {
    font-size: 120px !important;
}
      .small-img2, .small-img1 {
        max-width: 20% !important;
    }

  .bottle-wild {
    width: 70%!important;
}
.absloute-banner .wild-content h1 {
    font-size: 60px!important;
  line-height: 80px !important;
  
}
.chill-pill-usps-text-container {
            width: 35%;
        }
.chill-pill-usps-bottle {
    bottom: auto;
    width: 30%;
}
  .chill-pill-usps-background-image {
    width: 27%;
    bottom: auto;
}

  .desc_point .desc_icon {
    width:100%;
}
  .exceptional-extreme-banner-layer {
    z-index: 0!important;
}

  .wild-content h1 {
    font-size: 60px!important;
}

  
}

/* -------------chill-pill-usps-end--------------- */


 
 .exceptional-extreme-banner {
            padding-top: 50px;
            overflow: hidden;
            position: relative;
            width: 100%;
            height: 100vh;
            background-image: url("/cdn/shop/files/Layer_Back_1.png?v=1722237867");
            background-size: cover;
            background-position: center;
            color: white;
            text-align: center;
        }

        .exceptional-extreme-banner-layer {
            position: absolute;
            width: 100%;
            height: 100%;
            /* z-index: 9; */
            left: 0;
            background-size: cover;
            background-position: center;
            top: 0;
        }

        .exceptional-extreme-content {
            padding-left: 60px;
            position: relative;
            width: auto;
            z-index: 1;
        }

        .exceptional-extreme-bottle-area {
            display: flex;
            height: 100%;
            justify-content: right;
            z-index: 2;
            width: 100%;
        }

        .exceptional-extreme-content h1 {
            font-family: 'Freya', sans-serif;
            color: #fff;
            text-transform: uppercase;
            font-size: 150px;
            margin: 0;
            font-weight: 600;
            line-height: 145px;
            text-align: left;
            animation: fadeUpinexceptional 2s forwards;
        }

        .exceptional-extreme-flex-container {
            display: flex;
            align-items: center;
            height: 100%;
            justify-content: space-around;
        }

        .exceptional-extreme-content p {
            font-size: 20px;
            width: 80%;
            color: #fff;
            line-height: 1.6;
            text-align: left;
            margin-top: 1vw;
            animation: fadeUpinexceptional 2s forwards;
        }

        @keyframes fadeUpinexceptional {
            from {
                opacity: 0;
                transform: translateY(70%);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .bottle-exceptional-extreme {
            width: 40%;
            position: relative;
            margin: auto;
            animation: slideUpinexceptional 2s forwards;
            bottom: -150%; /* Initial position for the animation */
        }

        @keyframes slideUpinexceptional {
            from {
                bottom: -150%;
            }
            to {
                bottom: 0%;
            }
        }

        @media (max-width: 767px) {
            .exceptional-extreme-flex-container {
                display: block;
            }

            .bottle-exceptional-extreme {
                width: 80%;
                animation: slideUpinexceptional 2s forwards;
                bottom: -80%;
            }

            .exceptional-extreme-content {
                padding: 0;
                text-align: center;
              z-index: 1!important;
            }

            .exceptional-extreme-content h1 {
                font-size: 61px;
                text-align: center;
                line-height: 1.2;
            }

            .exceptional-extreme-content p {
                font-size: 16px;
                width: 90%;
                text-align: center;
                margin: auto;
                margin-top: 2vw;
            }
           .wild-content h1 {
    font-size: 45px!important;
}
        }

        @media (max-width: 480px) {
            .exceptional-extreme-content h1 {
                font-size: 128px;
                line-height: 116px;
            }

            .exceptional-extreme-content p {
                font-size: 14px;
                margin-bottom: 20px;
            }

            .exceptional-extreme-banner-layer {
                position: absolute;
                width: 100%;
                height: 30%;
                z-index: 0;
                left: 0;
                background-size: contain;
                background-position: bottom;
                top: auto;
                border: 0;
                bottom: 0;
            }

            .bottle-exceptional-extreme {
                width: 80%;
                margin: auto;
                left: 0;
                bottom: -60%;
            }
        }

        @media (min-width: 1440px) {
            .exceptional-extreme-content h1 {
                font-family: 'Freya', sans-serif;
                color: #fff;
                text-transform: uppercase;
                font-size: 250px;
                margin: 0;
                font-weight: 600;
                line-height: 240px;
                text-align: left;
                animation: fadeUpinexceptional 2s forwards;
            }
        }
}
body{
font-family: "Roboto", sans-serif;
}
h1,h2,h3,h4{
  font-family: 'cralikaregular';
}
#judgeme_product_reviews h2.jdgm-rev-widg__title {
    font-size: 45px;
    margin-bottom: 30px;
}
section#shopify-section-template--18101332902125__1722056516827da635 {
    background: #E8E4E0;
}
.wanderer_subtitle,
h3.card__heading,
.card-information,
.badge{
    font-family: 'adam.cg_proregular';
}
.product__title{
    text-transform:uppercase;
}
.text-box h2 {
    font-size: 18px;
    position: relative;
    color: #000;
    z-index: 1;
    line-height: 24px;
    text-align: left;
    font-family: 'dinproregular' !important;
}
#shopify-section-template--18062797865197__custom_product_URGYxW .product__title,
#shopify-section-template--18062797865197__custom_product_URGYxW .inline-richtext, 
#shopify-section-template--18062797865197__custom_product_URGYxW .price--compare, 
#shopify-section-template--18062797865197__custom_product_URGYxW .price--sale {
    font-family: 'cralikaregular' !important;
}
.overlay1{
    display: none;
}
.slick-slide img.img2{
  width: 100% !important;
  height: 250px;
  object-fit: cover;
}
.circle-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(45, 41, 38, 0.7);
    opacity: 0.6;
    z-index: 1;
}
.center-text p {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    line-height: 25px;
    font-family: 'dinproregular' !important;
}
/* --------------------------------extreme--------------------------------- */
.extrame-banner {
            position: relative;
            width: 100%;
            padding: 0 5vw;
            height: 100vh;
            overflow: hidden;
            color: white;
            text-align: center;
            box-sizing: border-box;
        }
 .mystrem-bg{
        background-color: #003549;
      }
 .fortitudo-bg{
        background: #141310;
      }
 .invicta-bg{
            background: #181720;
        }
      .extrame-bg{
        background-color: #2D2926;
      }
        .extrame-banner-content {
            height: 100%;
            position: relative;
            z-index: 2;
            top: 5%;
        }

        .extrame-helicopter,
.fortitudo-belt,
        .extrame-bottle,
        .extrame-belt,
        .extrame-man,
        .extrame-small,
        .extrame-small-1 {
            position: absolute;
            opacity: 0;
            transform: translateY(100vh);
            animation: fadeUpSmooth12 2s ease-out forwards;
        }

        .extrame-helicopter {
            left: 32%;
            width: 120px;
            z-index: 2;
            top: 9%;
            animation-delay: 0.5s;
        }

        .extrame-bottle {
            bottom: 0;
            z-index: 2;
            left: 45%;
            width: 19%;
            animation-delay: 1s;
        }
 .extrame-small {
            width: 110px;
            left: 3%;
            bottom: 10%;
            rotate: 25deg;
            animation-delay: 2.5s;
        }


        .extrame-small-1 {
            width: 110px;
            right: -4%;
            top: 20%;
            rotate: -25deg;
            animation-delay: 3s;
        }


.fortitudo-belt {
  position: absolute;
            right: 24%;
            width: 120px;
            z-index: 2;
            bottom: 40%;
            animation-delay: 1.5s;
        }
        .extrame-belt {
            right: 25%;
            width: 120px;
            z-index: 2;
            bottom: 26%;
            animation-delay: 1.5s;
        }

        .extrame-man {
            bottom: 0;
            left: 34%;
            z-index: 1;
            width: 15%;
            animation-delay: 2s;
        }

       
        .extrame-banner h1 {
            font-family: "Antonio", sans-serif;
            font-size: 182px;
            color: #fff;
            font-weight: 600;
            margin-top: 0px;
            text-align: left;
            line-height: 1.1;
            margin-bottom: 0;
            opacity: 0;
            animation: fadeUpTextextrame 2s ease-out forwards;
            animation-delay: 0.5s;
        }

        .extrame-banner .extrame-subheading {
            font-size: 82.85px;
            font-weight: 600;
            margin-top: 10px;
            line-height: 65.14px;
            text-align: left;
            color: #F2C077;
            margin-top: 0;
            opacity: 0;
            animation: fadeUpTextextrame 2s ease-out forwards;
            animation-delay: 1s;
        }

        .extrame-banner .extrame-description {
            position: absolute;
            bottom: 10%;
            right: 5%;
            width: 27%;
            font-size: 1.2vw;
            line-height: 1.5;
            text-align: left;
            opacity: 0;
            animation: fadeUpTextextrame 2s ease-out forwards;
            animation-delay: 1.5s;
            font-family: 'dinproregular';
            font-weight: 500;
        }

        @media (max-width: 767px) {
            .extrame-banner h1 {
                font-size: 13vw;
                text-align: center;
            }
        
            .extrame-banner .extrame-subheading {
                font-size: 9vw;
                text-align: center;
                padding-left: 23px;
            }
            .extrame-banner .extrame-description {
                font-size: 3vw;
                width: 80%;
                margin: auto;
                text-align: center;
                bottom: 0%;
                position: relative;
            }
            .extrame-helicopter {
                left: 20%;
                width: 80px;
                top: 5%;
            }
            .extrame-belt {
                display: none;
            }
            .extrame-bottle {
               width: 58%;
        left: 34%;
            }
            .extrame-belt {
                right: 20%;
                width: 80px;
                bottom: 20%;
            }
            .extrame-man {
                width: 60%;
                left: -5%;
            }
            .extrame-small {
                width: 80px;
                display: none;
                left: 10%;
                bottom: 5%;
            }
            .extrame-small-1 {
                width: 80px;
                right: 0%;
              display:none;
                top: 15%;
            }
        }

/**---------Start--Tab View CSS-----------***/
@media only screen and (min-width: 768px) and (max-width: 1200px) {

  .exceptional-extreme-banner {
    height: 60vh!important;
}
  .extrame-banner h1 {
    font-size: 90px !important;
        line-height: 1.5;
}

  .moy-usps-banner {
    height: 85vh;
  }
      .extrame-banner {
        height: 60vh!important;
    }
  
  .extreme-usp-text-container {
    width: 40%;
}
  .extreme-usp-bottle-left {
    position: absolute;
    top: 30%;
    width: 28%;
}
  .extreme-usp-bottle-right {
    position: absolute;
    top: 28%;
    width: 30%;
    
}
      .exceptional-extreme-content {
        z-index: 1!important;
    }

  .exceptional-extreme-content h1 {
    font-size: 110px;
    line-height: 110px;
}
}

/**---------End--Tab View CSS-----------***/

        @media (min-width: 1440px) {
            .extrame-banner h1 {
                font-size: 240px;
            }
              .extrame-belt {
      right: 32%;
        width: 140px;
        bottom: 19%;
    }
          .fortitudo-belt {
          position: absolute;
        right: 33%;
        width: 120px;
        z-index: 2;
        bottom: 28%;
        animation-delay: 1.5s;
}
          .extrame-banner .extrame-description {
    position: absolute;
    bottom: 10%;
    right: 9%;}
            .extrame-banner .extrame-subheading {
                font-size: 70px;
            }
            .extrame-banner .extrame-description {
                font-size: 1.2vw;
                width: 30%;
            }
            .extrame-helicopter {
                left: 35%;
                width: 140px;
                top: 12%;
            }
        .extrame-bottle {
            bottom: 0;
            z-index: 2;
          
            left: 40%;
            width: 19%;
            animation-delay: 1s;
        }
 .extrame-small {
            width: 110px;
            left: 3%;
            bottom: 10%;
            rotate: 25deg;
            animation-delay: 2.5s;
        }


        .extrame-small-1 {
            width: 110px;
            right: 2%;
            top: 20%;
            rotate: -25deg;
            animation-delay: 3s;
        }
           
            .extrame-man {
                width: 17%;
                left: 26%;
            }
          
        }

        @keyframes fadeUpSmooth12 {
            0% {
                opacity: 0;
                transform: translateY(100vh);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeUpTextextrame {
            0% {
                opacity: 0;
                transform: translateY(30px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }


/* --------------------extreme end----------------------- */
/* -------------------------wild of mens-------------------------------- */
       .wild-banner {
            padding: 0;
            overflow: hidden;
            position: relative;
            width: 100%;
            height: 100%;
            /* background-image: url("/cdn/shop/files/Will_of_Man_Design-02.png?v=1721986589");
            background-size: cover;
            background-position: center; */
            color: white;
            text-align: center;
        }

        .wild-content {
            padding-left: 60px;
            position: relative;
            z-index: 2;
        }

        .wild-bottle-area {
            display: flex;
            height: 100%;
            justify-content: right;
            z-index: 2;
            width: 100%;
        }
 .absloute-banner .wild-content h1 {
            font-family: 'kathy_coxregular';
            font-size: 80px;
            color: #fff;
            font-weight: 400;
            line-height: 80px;
            margin: 0;
            text-align: left;
            animation: fadeUpin 2s forwards;
        }

        .wild-content h1 {
            font-family: 'kathy_coxregular';
            font-size: 140px;
            color: #fff;
            font-weight: 400;
            line-height: 130px;
            margin: 0;
            text-align: left;
            animation: fadeUpin 2s forwards;
        }

        .wild-flex-container {
            padding: 100px 0;
            display: flex;
            align-items: center;
            height: 100%;
            justify-content: space-around;
        }

        .wild-content p {
            font-size: 18px;
            width: 80%;
            color: #fff;
            line-height: 1.6;
            text-align: left;
            margin-top: 1vw;
            animation: fadeUpin 2s forwards;
            font-family: dinproregular;
            font-weight: 500;
        }
        .wild-banner video#backgroundVideo {
            left: 0;
            right: 0;
        }
        @keyframes fadeUpin {
            from {
                opacity: 0;
                transform: translateY(70%);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .bottle-wild {
            width: 30%;
            bottom: 50%;
            position: relative;
            margin: auto;
            animation: fadeUpin 2s forwards;
        }

        @keyframes slideUpin {
            to {
                bottom: 0%;
            }
        }
.wanderer-key-note{
      margin-bottom: 0;
    
}
 @media (max-width: 767px) {
   
 }

        @media (max-width: 767px) {
          .wild-flex-container {
              display: block;
              padding: 50px 0 0;
           }
           .absloute-banner .wild-content h1 {
              font-size: 45px;
              text-align: center;
              line-height: 50px;
           }
          /* .wild-banner{
            padding: 50px 0 50px;
          } */
          .wanderer-key-note{
      margin-bottom: 0;
    margin-left: 0px;
}
.section-template--18840485626093__main-padding{
  margin-top:-1px;
}
            .bottle-wild {
                width: 80%;
                bottom: -80%;
              margin-top:40px;
                animation: fadeUpin 2s forwards;
            }

            .wild-content {
                padding: 0;
                text-align: center;
            }

            .wild-content h1 {
                font-size: 61px;
                text-align: center;
                line-height: 1.2;
            }

            .wild-content p {
                font-size: 16px;
                width: 90%;
                text-align: center;
                margin: auto;
                margin-top: 2vw;
            }
        }

        @media (max-width: 480px) {
            .wild-content h1 {
                font-size: 68px;
            }

            .wild-content p {
                font-size: 14px;
            }

            .bottle-wild {
                width: 60%;
                bottom: -60%;
            }
        }
/* -------------------------wild of mens end-------------------------------- */
/* --------------------silder css---------------- */
.img2 {
      scroll-snap-align: center;
  width: 100%;
    }
.mx-4{
  margin: 0px 16px;
 }
/*
--------------------- bella start------------------------------ */

    .banner-bella {
            background-color: #E8E4E0;
            width: 100%;
            position: relative;
            height: 100vh;
            overflow: hidden;
        }
 
        .bella-heading {
             font-family: 'LuxiaRegular';
            line-height: 0.8;
            font-size: 385.91px;
            font-weight: 400;
            color: #fff;
            text-align: center;
            position: relative;
            opacity: 0;
            transform: translateY(50px);
            animation: fadeUp 2s ease-out forwards;
        }

        .text-content-bella {
            display: flex;
            justify-content: flex-end;
            font-family: DINPro;
            font-size: 20.11px;
            font-weight: 400;
              font-weight: 300;
            line-height: 37.78px;
            text-align: left;
            margin-right: 0px;
            position: relative;
            opacity: 0;
            transform: translateY(50px);
            animation: fadeUp 2s ease-out forwards;
            animation-delay: 0.5s;
        }

        .bottle-image-bella {
            position: absolute;
            width: 40%;
            bottom: 0%;
           
            transform: translateX(0%) translateY(50%);
            opacity: 0;
            animation: fadeUp 2s ease-out forwards;
            animation-delay: 1s;
        }

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

        .text-content-bella p {
            width: 25%;
        }

        @keyframes fadeUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media(max-width: 786px) {
            .bella-heading {
                padding-top: 50px;
                font-size: 102.91px;
            }

            .bottle-image-bella {
                position: relative;
                width: 100%;
                animation: fadeUpMobile 2s ease-out forwards;
            }

            .text-content-bella p {
                width: 80%;
                margin-top: 20px;
                text-align: center;
                margin: auto;
            }

            @keyframes fadeUpMobile {
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
        }

/* Bella New Banner */
.banner-bella.banner-bella-new {
    padding: 0 60px;
    height: auto;
}
.bella_new_area {
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center;
    max-width: 1320px;
    margin: 0 auto;
}
.bella_new_area .text-content-bella {
    display: block;
    max-width: 50%;
}
.bella_new_area .bella-heading {
    font-size: 100px;
    text-align: left;
}
.bella_new_area .text-content-bella p {
    width: auto;
    padding: 0;
}
.bella_new_area .bella-flex {
    width: 50%;
    text-align: center;
}
.bella_new_area .bella-flex img {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 480px;
}
/* --------------------chill pill celestine banner code--------------- */
  
   

      .celestine-banner {
        display: flex;
        padding: 60px 100px 0;
        position: relative;
        object-fit: contain;
        width: 100%;
        height: 100vh;
        background-image: url("/cdn/shop/files/banner.png?v=1721812437");
        background-size: cover;
        background-position: center;
        color: white;
        text-align: center;
      }

      .celestine-content {
        position: relative;
        z-index: 2;
        width: 50%;
      }

      .celestine-bottle-area {
        position: relative;
        display: flex;
        height: 100%;
        justify-content: flex-end;
        z-index: 2;
        width: 50%;
      }
      .d-chill-pill{
        display: flex;
      }
      .chill-top-20{
        position: relative;
        top: -40px;
      }
     .celestine-content h1 {
    font-family: 'kathy_coxregular';
    font-size: 122px;
       color:#fff;
       padding-left: 0px;
    font-weight: 400;
    line-height: 118.5px;
    margin: 0;
    text-align: left;
    animation: celestine-textSlideUp 2s forwards;
}

      .celestine-content p {
        font-size: 1.5vw;
            font-weight: 300;

        width: 50%;
        position: absolute;
        text-align: left;
        bottom: 10%;
        margin-top: 1vw;
        animation: celestine-textSlideUp 2s forwards;
      }

      @keyframes celestine-textSlideUp {
        from {
          opacity: 0;
          transform: translateY(20%);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .celestine-bottle {
        position: absolute;
        bottom: -50%;
        left: 50%;
        transform: translateX(-50%);
        width: 20vw;
        animation: celestine-slideUp 2s forwards;
      }

      @keyframes celestine-slideUp {
        to {
          bottom: 0%;
        }
      }

      .celestine-cloud {
        position: relative;
        bottom: 0;
        object-fit: contain;
        object-position: bottom;
        z-index: 3;
        height: auto;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        animation: celestine-slideUp 2s forwards;
      }

      @media (max-width: 786px) {
        .celestine-banner {
          padding: 0px;
          flex-direction: column;
          align-items: center;
        }
 .chill-top-20{
        position: relative;
        top: 0px;
      }
        .celestine-content {
          width: 100%;
        }

        .celestine-bottle-area {
          width: 100%;
          justify-content: center;
          padding-top: 20px;
        }

        .celestine-content p {
          font-size: 20px;
              font-weight: 300;

          text-align: center;
          width: auto;
          padding: 0px 20px;
          position: relative;
          bottom: 0;
          margin-top: 20px;
        }

        .celestine-content h1 {
          font-size: 70px;
          line-height: 117.5px;
          text-align: center;
          animation: celestine-textSlideUp 2s forwards;
        }

        .celestine-bottle {
          width: 58vw;
        }

        .celestine-cloud {
          width: 120vw;
        }

        .celestine-desktop-br {
          display: none;
        }
      }

      @media (min-width: 787px) {
        .celestine-desktop-br {
          display: inline;
        }
      }
  
/* --------------------chill pill selestine banner code end-----------------------


----------------------seraphina----------------------------------------- */

.banner-Seraphina {
      padding-top: 50px;
      overflow: hidden;
        position: relative;
        object-fit: contain;
        width: 100%;
        left: 0;
       height: 100%;
        background-image: url("/cdn/shop/files/Seraphina.png?v=1721908450"); /* Use the path to your background image */
        background-size: cover;
        background-position: center;
       

       
        color: white;
        text-align: center;
      }

      .content-Seraphina {
        position: relative;
        z-index: 2;

      }
      .bottle-area {
        position: relative;
        display: flex;
        height: 100%;
        margin: auto;
        justify-content: right;
        z-index: 2;
        width: 50%;
      }

      .content-Seraphina h1 {
        font-family: 'kathy_coxregular';
        font-size: 80px;
        color: #000;
        font-weight: 400;
        line-height: 80px;
        margin: 0px;
        text-transform: uppercase;
        text-align: center;
        animation: textSlideUp 2s forwards;
      }
      .content-Seraphina span {
          color: #000;
          font-size: 40px;
          font-family: 'Gotham';
          text-transform: uppercase;
      }
      .content-Seraphina p {
         font-size: 20px;
         width: 45%;
         color: #000;
         font-weight: 300;
         text-align: center;
         margin: auto;
        text-align: center;
        font-family: 'myriad_proregular';
        margin-top: 1vw;
        animation: textSlideUp 2s forwards;
      }

      @keyframes textSlideUp {
        from {
          opacity: 0;
          transform: translateY(70%);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .bottle {
      width: 40%;
      bottom: -80%;
      position: relative;
        margin: auto;
        animation: textSlideUp 2s forwards;
      }

      @keyframes slideUp {
        to {
          bottom: -70%;
        }
      }
      .cloud {
        position: relative;
        bottom: 0;
        object-fit: contain;
        object-position: bottom;
        z-index: 3;
        height: auto;
        left: 50%;
        width: 100%;

        transform: translateX(-50%);

        animation: slideUp 2s forwards;
      }

      @keyframes slideUp {
        to {
          bottom: 0%;
        }
      }
      @media(max-width: 786px) {
        .bottle {
      width: 80%;
      bottom: -80%;
      position: relative;
        margin: auto;
        animation: textSlideUp 2s forwards;
      }
      .content-Seraphina h1 {
    
    font-size: 61px;
    
}
      .content-Seraphina p {
        font-size: 20px;
            font-weight: 300;

       width: 80%;
       color: #000;
       text-align: center;
       margin: auto;
        
        text-align: center;
       
        margin-top: 1vw;
        animation: textSlideUp 2s forwards;
      }
     
      }
  .banner-kaimana {
      padding-top: 50px;
      overflow: hidden;
        position: relative;
        object-fit: contain;
        width: 100%;
        left: 0;
       height: 100%;
        background-image: url("/cdn/shop/files/Kaimana_3.png?v=1721911271"); /* Use the path to your background image */
        background-size: cover;
        background-position: center;
       

       
        color: white;
        text-align: center;
      }

/* ----------------------------------------Seraphina----------------------------------------- */
/* ------------------------------ambrosia----------------------- */


.content-ambrosia {
  display: flex;
  justify-content: space-between;
}
  .without-bottle-cap-kaimana {
    width: 15%;
    margin: auto;
    position: relative;
    top: 10px;
    left: 0;
    z-index: 1;
}

.cap-kaimana {
    width: 10%;
  top:20px;
    z-index: 1;
    position: relative;
    margin: auto;
}
.without-bottle-cap-ambrosia {
    width: 15%;
    margin: auto;
    position: relative;
    top: -14px;
    left: 0;
    z-index: 1;
}

.cap-ambrosia {
    width: 8%;
  top:20px;
    z-index: 1;
    position: relative;
    margin: auto;
}
.without-bottle-cap-seraphina {
    width: 15%;
    margin: auto;
    position: relative;
    top: -14px;
    left: 0;
    z-index: 1;
}

.cap-seraphina {
    width: 8%;
  top:20px;
    z-index: 1;
    position: relative;
    margin: auto;
}
.banner-ambrosia {
  padding-top: 50px;
  overflow: hidden;
  position: relative;
  object-fit: contain;
  width: 100%;
  left: 0;
  height: 100%;
  background-image: url("/cdn/shop/files/Chill_Pill_Ambrosia_6de956ef-3a22-4a22-9adc-e7825ff1f5e4.png?v=1721910372");
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
}

.content-ambrosia {
  position: relative;
  z-index: 2;
}

.bottle-area-ambrosia {
  position: relative;
  display: flex;
  height: 100%;
  margin: auto;
  justify-content: right;
  z-index: 2;
  width: 50%;
}


.content-ambrosia h1 {
  font-family: 'kathy_coxregular';
  font-size: 100px;
  color: #000;
  padding-left: 40px;
  font-weight: 400;
  line-height: 107.5px;
  margin: 0px;
  text-align: center;
  animation: textSlideUp 2s forwards;
}

.content-ambrosia p {
  font-size: 20px;
  width: 30%;
  color: #000;
  text-align: center;
      font-weight: 300;

  margin: auto;
  text-align: left;
  margin-top: 1vw;
  animation: textSlideUp 2s forwards;
}

@keyframes textSlideUp {
  from {
    opacity: 0;
    transform: translateY(70%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bottle-ambrosia {
  width: 40%;
  bottom: -80%;
  left:-50%;
  transform: translateX(-130%);
  position: relative;
  margin: auto;
  animation: bottleAmbrosia 2s forwards;
}

@keyframes bottleAmbrosia {
  from {
    opacity: 0;
    transform: translateY(70%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cloud-ambrosia {
  position: relative;
  bottom: 0;
  object-fit: contain;
  object-position: bottom;
  z-index: 3;
  height: auto;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  animation: slideUp 2s forwards;
}



@media (max-width: 786px) {
  .bottle-ambrosia {
    width: 80%;
    bottom: -80%;
    left: 0;
    transform: translateX(0%);
    position: relative;
    margin: auto;
    animation: bottleAmbrosia 2s forwards;
  }
     .without-bottle-cap-seraphina {
    width: 45%;
    margin: auto;
    position: relative;
    top: -14px;
    left: 0;
    z-index: 1;
}

.cap-seraphina {
    width: 30%;
  top: 5px;
    z-index: 1;
    position: relative;
    margin: auto;
}
  


  .without-bottle-cap-ambrosia {
    width: 45%;
    margin: auto;
    position: relative;
    top: -14px;
    left: 0;
    z-index: 1;
}
  
  .without-bottle-cap-kaimana {
    width: 45%;
    margin: auto;
    position: relative;
    top: -14px;
    left: 0;
    z-index: 1;
}

.cap-kaimana {
    width: 30%;
  top: 5px;
    z-index: 1;
    position: relative;
    margin: auto;
}

.cap-ambrosia {
    width: 30%;
  top:-20px;
    z-index: 1;
    position: relative;
    margin: auto;
}
  
  .content-ambrosia h1 {
    font-family: 'kathy_coxregular';
    font-size: 64px;
  }
  .content-ambrosia {
    display: inline-block;
  }
  .content-ambrosia h1 {
    padding: 50px 0px 0px;
  }
  
  .content-ambrosia p {
    font-size: 20px;
    width: 80%;
        font-weight: 300;

    color: #000;
    text-align: center;
    margin: auto;
    text-align: center;
    margin-top: 1vw;
    animation: textSlideUp 2s forwards;
  }
}
/* -----------------------ambrisa end--------------- */



.mx-5{
  margin: 0px 20px !important;
}
h3.inline-richtext,
h2.title.inline-richtext,
.center-text h2,
h2.inline-richtext {
    font-family: 'cralikaregular';
}
.center-text h2 {
    color:#2D2926;
}
a.link.animate-arrow, .rte p {
    font-family: 'dinproregular';
}
#shopify-section-template--18101332738285__feature_tabs_m3Ymwm .quick-add__submit {
    border: 1.8px solid #2D2926;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    padding: 10px;
    height: auto;
    color: #2D2926;
    text-transform: uppercase;
}
.curated-section .curated_area {
    background: #2D2926;
}
.curated-section .curated_area .card__content {
    padding: 0;
}
.curated-section .curated_area .card__information {
    padding: 10px;
    background: #e8e4e0;
}
.curated-section .curated_area h3.card__heading {
    font-size: 18px;
    line-height: 100%;
}
.curated-section .curated_area .price {
    font-size: 16px !important;
}
.curated-section .quick-add__submit span {
    font-family: Cralika;
}
.collection_slider_main button.slick-prev.slick-arrow {
    right: auto;
    left: 10px;
      font-size: 0;
    z-index: 999;
}
.collection_slider_main button.slick-next.slick-arrow {
    left: auto;
    right: 80px;
      font-size: 0;
    z-index: 999;
}
.collection_slider_main button.slick-next.slick-arrow:before {
    content: "";
    background-image: url(/cdn/shop/files/arrow_left.png?v=1721629054);
    position: absolute;
    width: 90px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}
.collection_slider_main button.slick-prev.slick-arrow:before {
    content: "";
    background-image: url(/cdn/shop/files/arroe_right.png?v=1721629055);
    position: absolute;
    width: 90px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}
.collection__title--desktop-slider button.tab-link {
    border: 1.5px solid #2D2926;
    color: #2d2926;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 25px;
    min-width: 112px;
    margin-left: 15px;
}
.collection__title--desktop-slider button.tab-link:hover, 
.collection__title--desktop-slider button.tab-link.active {
    background: #2D2926;
    color: #fff;
}
.collection__title--desktop-slider h2.title {
    font-size: 35px;
    margin: 0;
    font-family: 'dinproregular';
    line-height: 45px;
}
.collection__title--desktop-slider .collection__description {
    max-width: 65%;
}
.product .quantity__button:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.product .quantity__button:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.quantity__input {
    font-family: Cralika;
}
/* Will of Man */
section.will_man {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px 0;
}
.footer__content-bottom-wrapper{
  padding: 1px 0px;
}
.will_man_left h2 {
    font-family: afterglowregular;
    font-size: 130px;
    line-height: 140px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 -60px;
}
.will_man_left p {
    color: #fff;
}
.will_man_right {
    text-align: center;
}
.will_man_right img {
    max-width: 80%;
}
/* Mia */
@media only screen and (max-width: 767px) {
.bella_new_area {
    display: block;
}
.bella_new_area .text-content-bella, .bella_new_area .bella-flex {
    max-width: 100%;
    text-align: center;
    width: 100%;
}
.bella_new_area .bella-heading {
    text-align: center;
    margin-bottom: 15px;
    font-size: 70px;
}
.bella_new_area .text-content-bella p {
    font-size: 18px;
    line-height: 25px;
}
.banner-bella.banner-bella-new {
    padding: 0px 20px;
}
  .collection__title--desktop-slider .tabs-flex {
      display: block;
  }
  .collection__title--desktop-slider .collection__description {
      max-width: 100%;
      margin-bottom: 30px;
  }
  .collection__title--desktop-slider button.tab-link {
      margin: 0;
  }
  .reviews_title h2 {
      font-size: 30px !important;
      margin-top: 0;
  }
  .TestimoniaSlide .slideshow__text.banner__box{
    padding-bottom:0;
  }
  .product .product__title h1 {
      font-size: 35px !important;
      line-height: 45px !important;
  }
  section#thirdSection {
      padding-top: 50px;
  }
  .product .product__description {
      margin: 1.5rem 0 !important;
      font-size: 15px !important;
  }
  .circle-section {
      padding: 0 15px;
  }
}
@media screen and (max-width: 749px) {
.doubly-wrapper {
    position: fixed !important;
    margin-top: 0;
    right: 10px;
}
.doubly-nice-select.right .list {
    top: -90px;
}
section#shopify-section-template--18840485462253__review_custom_FLkhwe button.slider-button {
    height: auto;
    width: auto;
}
section#shopify-section-template--18840485462253__review_custom_FLkhwe .slideshow__text.banner__box {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}
.shadow-icon, 
.shadow-icon-right {
    top: 47%;
}
.shadow-icon svg, 
.shadow-icon-right svg {
    width: 30px;
    height: 30px;
}
.TestimoniaSlide p {
    font-size: 16px !important;
    line-height: 160% !important;
    max-width: 90% !important;
    margin-bottom: 10px !important;
}
.shadow-icon {
    left: 10px;
}
.shadow-icon-right {
    right: 10px;
}
#judgeme_product_reviews h2.jdgm-rev-widg__title {
    font-size: 35px;
}
.footer-block__image-wrapper {
    max-width: 150px !important;
}
}

/**---------Start--Tab View CSS-----------***/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .tab_title .main_btn {
    width: 25%;
}
  .circle-text img {
    width: 280px;
    top: 0;
    height: 280px;
}
  .line-bar {
    width: 40%!important;
}
  .doubly-wrapper {
        margin: 0!important;
    }

     .banner-bella {
        height: 550px!important;
    }
.Perfuma-heading {
        padding-top: 50px;
        font-size: 70px!important;
    }
  .text-content-bella p {
    width: 100%!important;
    text-align: center;
    padding: 10px 50px!important;
}

  .bottle-image-bella {
    width: 50%;
}
.bella_new_area .text-content-bella p {
    width: auto !important;
    text-align: left;
    padding: 0 !important;
}
  
}


/**---------End--Tab View CSS-----------***/

#shopify-section-sections--18840481267949__header .list-menu__item {
 color: #fff !important; 
}