/** Shopify CDN: Minification failed

Line 8:9 Unexpected "<"
Line 11:0 All "@import" rules must come first
Line 12:0 All "@import" rules must come first

**/
.archivo-<uniquifier> {
  font-family: "Archivo", sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* @font-face {
font-family: Brandon Grotesque;
src: url('/cdn/shop/files/Brandon_bld.otf?v=1715927319');
url('/cdn/shop/files/Brandon_bld.otf?v=1715927319') format('otf');
font-weight: 700;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
@font-face {
font-family: Brandon Med;
src: url('/cdn/shop/files/Brandon_med.otf?v=1715927655');
url('/cdn/shop/files/Brandon_med.otf?v=1715927655') format('otf');
font-weight: 500;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
@font-face {
font-family: Brandon reg;
src: url('/cdn/shop/files/Brandon_reg.otf?v=1715927655');
url('/cdn/shop/files/Brandon_reg.otf?v=1715927655') format('otf');
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
 */

@font-face {
    font-family: 'Bryant Light';
    src: url('/cdn/shop/files/fonnts.com-Bryant_Light.otf?v=1721020717') format('opentype');
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Bryant Bold';
    src: url('/cdn/shop/files/fonnts.com-Bryant_Bold_e40fda0e-339b-463d-a7c4-2b0af64dc704.otf?v=1721020717') format('opentype');
    font-weight: 700;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Bryant Medium Italic';
    src: url('/cdn/shop/files/fonnts.com-Bryant_Medium_Italic.otf?v=1721020717') format('opentype');
    font-weight: 500;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Bryant Medium Alternate';
    src: url('/cdn/shop/files/fonnts.com-Bryant_Medium_Alternate.otf?v=1721020717') format('opentype');
    font-weight: 500;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Brandon Light';
    src: url('/cdn/shop/files/Brandon_light.otf?v=1715927655') format('opentype');
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Brandon Regular';
    src: url('/cdn/shop/files/Brandon_reg_90864358-8bb0-40dd-9063-0bb77aca0855.otf?v=1721020717') format('opentype');
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('/cdn/shop/files/Brandon_bld_9d9460a7-c353-4e3f-b2e5-503c06467b08.otf?v=1721020717') format('opentype');
    font-weight: 700;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Brandon Medium';
    src: url('/cdn/shop/files/Brandon_med_a7a76794-1b87-4600-bb58-a33076f5186a.otf?v=1721020717') format('opentype');
    font-weight: 500;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}


a::after{
  content:unset !important;
}
a::before{
  content:unset !important;
}
body.cs_page.CV_page.page_stockists .main-page-title {
    display: none;
}
.header__heading-logo {
    width: 130px;
}
#MegaMenu-Content-1{
  min-height:290px;
}
.header__inline-menu ul li a, summary.list-menu__item{
  padding: 10px 25px 10px 25px;
  font-family: Archivo;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 17.41px;
  text-decoration:none;
  color:#333333;
}
.header__active-menu-item{
  text-decoration:none;
}
.mega-menu .mega-menu__list--condensed {
    padding: 0px !important;
}
.header__inline-menu>ul>li>a:hover, summary.list-menu__item:hover{
  background-color:#164A5B;
  color:#DCC17D;
  border-radius:40px;
  box-shadow: 0px 0px 24.54px 11px #E26A6A;
}
.header__inline-menu>ul>li>a:hover .header__active-menu-item, summary.list-menu__item:hover .header__active-menu-item{
  color:#EBB4B9;
}
.mega-menu__list li a{
  text-transform:uppercase;
  color:#333333;
  padding:10px 0px;
}
.mega-menu__list li a {
    padding: 10px 10px;
}
.mega-menu__list li a:hover{
  border-radius: unset;
  color: #F95866;
  background: unset;
  box-shadow: unset;
}
.list-menu--inline {
    gap: 15px;
}
.header h1.header__heading {
    padding: 7px 0px;
}
/* div#MegaMenu-Content-1 {
    padding-right: 11rem;
} */
.c-maga_manu_list{
  width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  padding: 0;
}
.header_iconsWP {
    display: flex;
}
.menu-rightside {
    padding-right: 7rem;
}
.menu-rightside ul li a{
    padding: 10px 25px 10px 25px;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 17.41px;
    text-decoration: none;
    color: #333333;
}
.menu-rightside ul li a:hover{
  background-color: #164A5B;
    color: #DCC17D;
    border-radius: 40px;
    box-shadow: 0px 0px 24.54px 11px #E26A6A;
}
.c-maga_manu_list .mega-menu__list li a{
  padding: 10px 0px;
}
.c-maga_manu_list .mega-menu__list{
  margin-right:4rem;
}
.c-maga_manu_list .megadiv:nth-child(5){
  margin-left: 4rem;
}
.c-maga_manu_list .megadiv a{
  padding:0px;
}
.header__menu-item:hover span {
    text-decoration: none;
    text-underline-offset: .3rem;
}
.banner{overflow-X:hidden;}
@keyframes fade-out {
  0% {scale: 1; }
  100% {scale: 1.5; }
}
.c-banner_box h2.banner__heading.inline-richtext.h0 {
    font-family: Brandon Medium;
    font-size: 49px;
    font-weight: 500;
    line-height: normal;
    /* margin-top: -20px; */
    color:#2D6982;
}
.c-banner_box .banner__text.rte {
    font-family: Bryant Medium Alternate;
    font-size: 30px;
    font-weight: 500;
    line-height: normal;
    color: #D44A4A;
    margin: 0;
}
.c-banner_box .banner__content.banner__content--top-left.page-width {
    padding-left: 8px;
}
.c-drink_section2 h2.c-title_heading.title.inline-richtext.h1{
    text-align: center;
    margin-bottom:20px;
}
.c-drink_section2 h2.c-title_heading.title.inline-richtext.h1 strong{
    position: relative;
    font-family: Brandon Medium;
    font-size: 40px;
    font-weight: 500;
    color: #ffffff;
}
.c-drink_section2 p{
    font-family: Bryant Medium Alternate;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    color:#ffffff;
}
.c-drink_section2 p{
  margin:8px 0px;
}
.c-drink_section2 .c-drink_section{
  width: 90%;
  margin: 0 auto;
}
.c-drink_section2 .c-drink_section li{
  max-width: 29%;
  margin: 0 auto;
}
.c-drink_section2 .c-drink_section li .multicolumn-card__info .rte{
  margin-top:0px;
}
.c-drink_section2 .c-drink_section li .multicolumn-card__image-wrapper--half-width {
    width: 40%;
}
.c-drink_section2 .c-drink_section li .multicolumn-card__info .rte p{
  font-family: Brandon Regular;
  font-size: 14px;
  color:#ffffff;
  line-height:20px;
}
.c-for_product .product_img img{
  height: auto;
  width: 100% !important;
  max-width: 190px;
}
/* .c-for_product .page-width{
  padding-top:40px;
} */
.c-product_heading h2{
  margin: 20px 0px 20px 0px;
}
.c-product_heading h2 strong{
    position: relative;
    font-family: Brandon Regular;
    font-size: 35px;
    /* text-shadow: 4px 5px 10px #ffffff, 8px 4px 34px #ffffff, 6px 6px 36px #ffffff, 8px 8px 38px #ffffff, 10px 10px 40px #ffffffb3; */
    color: #164154;
    text-transform:uppercase;
}

.c-for_product .col-sm-4 {
    margin: 0 auto;
}
.c-for_product .product_img{
  max-width: 80%;
  margin: 0 auto;
}
.c-for_product .product_img img{
  margin-top: -10px;
  width: 110%;
}

.c-for_product .product_desc{
  font-family: Brandon Regular;
  font-size: 18px;
  font-weight: 390;
  line-height: 30px;
  color:#000;
  margin-top: 0px;
}
.c-for_product .product_img{
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 480px;
  padding-top:40px;
}
.c-drink_section2 .c-drink_section li .multicolumn-card__info h3{
  font-family: Brandon Medium;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color:#ffffff;
}
.c-marquee_slider p{
  font-family: Brandon Regular;
  font-size: 26.17px;
  font-weight: 420;
  line-height: 37.42px;
  text-align: center;
  text-transform: uppercase;
}
.c-sweet_spot .image-with-text__media.image-with-text__media--adapt.global-media-settings.gradient.color-scheme-358206ef-c266-4ac1-baaa-a570c5aa8ff2.media {
  border-radius:27px;
}
.c-sweet_spot div#ImageWithText--template--15319032299563__image_with_text_det6Fb {
  margin: 4% 0px;
  max-height: 90%;
  padding:2.5rem;
}
.c-sweet_spot .c-section_sweet #ImageWithText--template--15319032299563__image_with_text_det6Fb {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.c-sweet_spot .c-section_sweet h2.image-with-text__heading.inline-richtext.h1{
  font-family: Brandon Regular;
  font-size: 38px;
  line-height: 43px;
  /* font-style:italic; */
  text-transform: uppercase;
  color: #042D3B;
}
.c-sweet_spot .c-section_sweet .image-with-text__media.image-with-text__media--adapt.global-media-settings.gradient.color-scheme-1.media {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}
.c-sweet_spot .c-section_sweet p.c-section_sweet-text {
  font-family: Bryant Medium Alternate;
  font-size: 20px;
  font-weight:500;
  line-height: 25px;
  color: #164154;
}
.c-sweet_spot .c-section_sweet p.c-section_sweet-te-list {
  font-family: Bryant Medium Alternate;
  font-size: 19px;
  line-height: 25px;
  color:#164154;
}
.c-sweet_spot .c-section_sweet .html_image_text_sec{
  margin-top: 1rem;
}
.c-mix_match{
  background-color: #EEC9B0;
}
.c-mix_match .image-with-text__media.image-with-text__media--adapt.global-media-settings.background-transparent.media {
    border: none;
}
.c-mix_match h2.image-with-text__heading.inline-richtext.h1 {
    font-family: Archivo;
    font-size: 41px;
    font-weight: 700;
    line-height: 36px;
    color: #042D3B;
}
.c-mix_match p {
    font-family: Brandon Regular;
    font-size: 23px;
    line-height: 31px;
    color: #042D3B;
}
.c-mix_match a.button.button--primary {
    padding: 15px 34px 14px 35px;
    border-radius: 40px;
    background: #164A5B;
    box-shadow: 0px 0px 34.54px 15px #E26A6A;
   font-family: 'Archivo';
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    border: none !IMPORTANT;
    text-align: center;
    color: #fff;
    opacity: 1;
    WIDTH: 100%;
    display: block;
}
.c-mix_match .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
  box-shadow: unset;
} 
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
    box-shadow: unset;
}
.c-mix-neon p{
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color:#FFFAFA;
  font-family: Bryant Medium Alternate;
}
.c-mix-neon h2{
  font-family: Brandon Medium;
  font-size: 44px;
}
.c-mix-neon .button--secondary:after {
    --border-opacity: 0px;
}
.c-mix-neon a {
    text-decoration: 1px underline;
    font-family: Brandon light;
    font-size: 30px;
    color: #fff;
    opacity: 1 !important;
}
.c-mix-neon .banner__box {
    padding: 1rem 0 !important;
}
.c-mix-neon{
  background: #F9EBE2;
}
.c-slide_dms .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.multicolumn__title {
    text-align: center;
}

.c-slide_dms h2{
  font-family: Brandon Regular;
  font-size: 33px;
  font-weight: 600;
  line-height: 100px;
  text-align: center;
  color: #175169;
}
.c-slide_dms a {
  padding: 15px 36px 15px 36px;
  border-radius: 40px;
  background: #F05967;
  font-family: Brandon Medium;
  font-size: 24px;
  font-weight: 450;
  line-height: 18px;
  text-align: center;
  color:#fff !important;
  text-decoration: none;
}
.c-slide_dms a:hover {
  box-shadow: 0px 0px 24.54px 11px #E26A6A;
}
.newsletter h2{
  font-family: Bryant Bold;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  color: #0D4659;
  text-transform: uppercase;
}
.newsletter form#contact_form {
    max-width: 60%;
}
.newsletter .newsletter-form__field-wrapper.scroll-trigger.animate--slide-in {
  max-width: 100%;
}
.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
    border-radius: 0px; 
    box-shadow: unset;
    transition: unset;
}
.newsletter input#NewsletterForm--sections--15319032758315__newsletter_Ngnheh {
    border: 2px solid #0D4659;
    border-radius: 100px;
    outline: none !important;
    padding:14px;
    height:55px;
    background-color:#ffffff;
    outline:none;
}
.newsletter input#NewsletterForm--sections--15319032758315__newsletter_Ngnheh::placeholder {
  color: #AB8B77;
  opacity: 1; /* Firefox */
}
.newsletter input#NewsletterForm--sections--15319032758315__newsletter_Ngnheh:focus {
  box-shadow: unset !important;
}
.field::after{
  content:unset;
}
.field::before{
  content:unset;
}
.newsletter button#Subscribe {
  padding: 10px 60px;
  width: auto;
  background: #0D4659;
  border-radius: 100px;
  color: #fff;
  font-family: Lato;
  font-size: 18px;
  font-weight: 500;
  line-height: 80px;
  text-align: center;
}
.footer h2{
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.10000000149011612px;
  text-align: left;
}
.footer ul li a{
  color:#fff !important;
}
.cs_login main#MainContent, .cs_cart main#MainContent {
    padding-top: 7%;
}
h1#login {
    DISPLAY: NONE;
}
h1.title.title--primary {
    font-family: Brandon Medium;
    font-size: 32px;
    font-weight: 500;
    color: #164154 !important;
    text-transform: uppercase;
}

div#shopify-section-sections--15319032758315__footer {
  /* background-image: url(/cdn/shop/files/footer-Vector.png?v=1716186733); */
  width: 100%;
  background-color: #0d4659;
  height: auto;
  /* padding-top: 10%; */
  background-size: cover;
  margin-top: 5%;
}
footer{
    background-color: unset !important;
}
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    justify-content: end;
}
.products_part .h2.product-title a{
    font-family: Brandon Medium;
    font-size: 22px !important;
    font-weight: 450;
    line-height: 30px;
    text-align: center;
  text-decoration:none;
  color:#042D3B;
}
#MainContent .products_part .product_section{
  text-align:center;
}
#MainContent .products_part a.button{
  background: #164A5B;
  border-radius: 100px;
  padding: 15px 36px;
  margin-top:25px;
}
#MainContent .products_part a.button:hover{
  box-shadow: 0px 0px 15px 7px #E26A6A;
}
#MainContent .products_part a.button svg{
  margin-left: 7px;
    margin-top: 5px;
}
.product-form__input--pill input[type="radio"]:checked + label {
   font-family: Brandon Medium;
    font-size: 15px;
  color: #164154 ;
}
.product-form__input--pill input[type="radio"] + label {
  font-family: Brandon Medium;
    font-size: 15px;
  color: #164154 ;
}
.product__info-wrapper.grid__item.scroll-trigger .quantity{
  border: 1px solid #164154;
    color: #164154;
}
.multi_inner p{
  font-family: Archivo;
    font-size: 13px;
    font-weight: 700;
    color: #164154 ;
  text-transform:uppercase;
}
.product__info-wrapper.grid__item.scroll-trigger button.thumbnail.global-media-settings.global-media-settings--no-shadow {
  box-shadow: none;
    border: none;
    background-color: #F14788;
}
.product__info-wrapper.grid__item.scroll-trigger legend.form__label {
    display: none;
}
.product__info-wrapper.grid__item.scroll-trigger label.quantity__label.form__label {
    font-size: 13px;
    color: #164154;
    font-family:Brandon Regular;
}
.product__info-wrapper.grid__item.scroll-trigger .quantity__button svg {
    width: 1.2rem;
    color: #164154;
    fill: #164154;
}
.product__info-wrapper.grid__item.scroll-trigger button#ProductSubmitButton-template--15319032463403__main {
    text-transform: uppercase;
    font-family: Brandon Regular;
    font-size: 16px;
    line-height: 30px;
}
.product__info-wrapper.grid__item.scroll-trigger .product-popup-modal__button {
    color: #164154;
    font-size: 18px;
  font-family:Brandon Medium;
}
button.thumbnail.global-media-settings.global-media-settings--no-shadow {
    border: none;
    box-shadow: none;
    background-color: #F14788;
  border-radius: 21px;
}
.c-main_product .thumbnail[aria-current]:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
.section-template--15319032463403__main-padding {
    padding-top: 36px;
    padding-bottom: 36px !important;
}
.c-taste_style h3.inline-richtext {
  font-family: Archivo;
  font-size: 28.84px;
  font-weight: 600;
  line-height: 31.38px;
  color:#164154;
}
.c-taste_style p {
  font-family: Archivo;
  font-size: 17px;
  font-weight: 400;
  line-height: 24.06px;
  color: #164154;
  text-transform: capitalize;
}
.c-taste_style ul li {
  padding:10px 25px;
}
.c-taste_style .multicolumn-card__image-wrapper--half-width {
    width: 90%;
}
.c-taste_style ul li .stickhead{
  border-top:1px solid #ffffff;
  padding-top:50px !important;
  gap: 20px;
}
.c-taste_style .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--half-width.multicolumn-card-spacing {
    margin: 0;
}
.c-taste_style .multicolumn-card__info {
    padding: 0 !important;
}
.c-taste_style .stickhead.multicolumn-card.content-container h3.inline-richtext {
    top: 10px;
    left: 0px;
}
.c-sweet_style h2.image-with-text__heading.inline-richtext.h1 {
  font-family: Archivo;
  font-size: 38px;
  font-weight: 700;
  line-height: 48px;
  color:#042D3B;
  text-transform:uppercase;
}
.c-sweet_style p {
  font-family: Brandon Medium;
  font-size: 20px;
  color:#042D3B;
  line-height: 26px;
  margin-bottom: 20px !important;
}
.c-our_story-s h2{
  font-family: Brandon Medium;
  font-size: 36px;
  font-weight: 420;
  line-height: 48px;
  text-transform:uppercase;
  color: #042D3B;
}
.c-our_story-s p{
  font-size: 18px;
  color:#175169;
  line-height:22px;
  font-family: Bryant Medium Alternate;
  font-weight: 500;
}
.c-our_story-s img{
  border-radius:39px;
}
.CV_page_our-story .wave{
  background-color: #ffcdd8;
}
.c-drink_section2.our-story h2{
  font-family: Archivo;
  font-size: 40px;
  font-weight: 600;
  line-height: 100px;
  text-align: center;
  color:#175169;
}
.c-drink_story-1 h2 {
    text-align:center;
}
.c-drink_story-1 h2 strong{
    font-family: Brandon Regular;
    font-size: 38px;
    font-weight: 500;
    text-transform:uppercase;
    color:#ffffff;
}
.c-drink_story-1 .title-wrapper-with-link p{
  font-family: Brandon Regular;
  font-size: 24px;
  line-height: normal;
  text-align: center;
  color:#ffffff;
  width:80%;
  margin:15px auto;
}
.c-drink_story-1 ul{
  width: 85%;
    margin: 0px auto;
}
 .c-drink_story-1 ul li h3{
  font-family: Brandon Regular;
  font-size: 18px;
  font-weight: 420;
  line-height: 16px;
  color:#ffffff;
  text-transform:uppercase;
}
 .c-drink_story-1 ul li p{
  font-family: Brandon Regular;
  font-size: 12px;
  font-weight: 420;
  line-height: 16px;
   color:#ffffff;
   text-transform:uppercase;
}
.c-sweet_spot .c-section_sweet p{
  font-family: Bryant Medium Alternate;
  font-size: 19px;
    line-height: 25px;
  color:#000000;
  margin-bottom:10px;
}
.c-flavor_product .product_desc p{
  font-family: Brandon Regular;
    font-size: 18px;
    font-weight: 390;
    line-height: 30px;
    color: #000;
}
.c-sweet_spot .c-section_sweet p:nth-child(1){
  color:#DE4C4C;
} 

.c-section_sweet .image-with-text__text-item.grid__item {
    padding: 0px;
}
.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    margin: 0px;
}
.c-section_sweet div#ImageWithText--template--15327704055851__image_with_text_xh9f37 {
  margin-left:unset ;
  padding: 3.5rem 3rem;
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
}
.c-our_story-s div#ImageWithText--template--15327704055851__image_with_text_zViiGy {
    padding: 20px  0px 0px 35px;
    justify-content: flex-start;
}
.c-our_story-s .grid--3-col-tablet .grid__item {
    width: calc(40% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
.c-our_story-s .image-with-text__media.image-with-text__media--adapt.global-media-settings.background-transparent.media {
  border:none;
}
.c-variety_style .banner--desktop-transparent .banner__box {
    max-width: 35rem;
    margin-top:6rem;
}
.c-variety_style .slideshow__text-wrapper{
  padding:0px !important;
}
.c-variety_style .banner--desktop-transparent .banner__box h2{
  font-family: Brandon Medium;
  font-size: 42px;
  font-weight: 420;
  line-height: 46px;
  text-align: left;
}
.c-variety_style .banner--desktop-transparent .banner__box p{
  font-family:Bryant Medium Alternate;
  font-size: 20px;
  font-weight: 500;
  line-height: 31px;
  text-align: center;
  color:#fff;
  max-width: 80%;
  margin: 0 auto;
}
.c-variety_style .banner--desktop-transparent .banner__box .banner__buttons a {
    background: #F12750;
    border-radius: 100px;
    padding: 15px 36px;
    margin-top: 20px;
}
.c-variety_style .banner--desktop-transparent .banner__box .banner__buttons a svg{
  margin-left:5px;
}
.c-variety_style .banner--desktop-transparent .banner__box .banner__buttons a:hover {
    box-shadow: 0px 0px 24.54px 11px #E26A6A;
}
.c-banner_box .banner__content .banner__box{
  padding: 21rem 0 !important;
} 
.innerimage p{
  font-family: Brandon Regular;
  font-size: 18px;
  color:#000000;
  line-height:24px;
} 
.innerimage h4{
  font-family: Brandon Regular;
  font-size: 20px;
  color:#000000;
  text-transform:uppercase;
  margin-top:10px;
} 
.c-reviwe_slider h2{
  font-family: Brandon Medium;
  font-size: 40px;
  font-weight: 420;
  color:#164154;
}
.c-slide_dms .title-wrapper-with-link {
  margin: 5rem 0 6rem;
}
.c-flavor_product h2{
  margin: 20px 0px;
}
.c-flavor_product{
  padding-bottom:70px !important;
}
.c-flavor_product .product_img img{
  visibility: hidden;
}
/*//////////////////////////////////login page css////////////  */
#create_customer h2.form__message {
    font-family: Brandon Medium;
    /* font-size: 38px; */
    font-weight: 420;
    /* line-height: 80px; */
    text-align: center;
    color: #164154;
    margin: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
  outline: none;
    box-shadow: none;
}
#create_customer ul {
    padding-left: 20px !important;
    /* list-style: none; */
}
#create_customer ul li a{
  text-decoration: none;
    font-family: Bryant Medium Alternate;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
}
#customer_login input, #create_customer input, .account-reset-password form input{
 background: #fff !important;
    border-radius: 12px !important;
}
.account-reset-password p {
    font-family: Bryant Medium Alternate;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
}
.account-reset-password a {
    font-family: Brandon Grotesque;
    font-size: 18px;
    font-weight: 390;
    line-height: 25.74px;
    text-align: left;
    color: #164154;
}
#customer_login .field:before, #customer_login .field:after, #create_customer .field:after, #create_customer .field:before, .account-reset-password .field:before, .account-reset-password .field:after{
  content:unset;
}
#customer_login button, #create_customer button, .account-reset-password button{
  width: 100%;
    background-color: #164154;
    border-radius: 12px;
}
#customer_login a {
    margin-top: 1rem;
    font-family: Brandon Grotesque;
    font-size: 18px;
    font-weight: 390;
    line-height: 25.74px;
    text-align: left;
    color: #164154;
}
.cs_register main#MainContent {
    padding-top: 7%;
}
.cs_register .customer.register h1, h1#recover {
  font-family: Brandon Medium;
    font-size: 38px;
    font-weight: 420;
    line-height: 80px;
    text-align: center;
    color: #164154;
    margin: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
}
/* /////////////////////////////////Faq ////////////////// */
.CV_page_faq #MainContent{
  padding-top:5%;
}
.CV_page_faq h3.accordion__title.inline-richtext.h4 {
    font-family: Brandon Regular;
    font-size: 20px;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
  color: #042D3B;
}
.CV_page_faq .accordion__content p{
  font-family: Bryant Medium Alternate;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
}
.CV_page_faq h2.collapsible-content__heading.inline-richtext.h1 {
    font-family: Brandon Medium;
    font-size: 34px;
    font-weight: 420;
    line-height: 48px;
    text-align: center;
    color: #042D3B;
}
/* /////////////////////contact page css/////////////  */
.c-need_help .c-title_heading{
  font-family: Brandon Medium;
  font-size: 34px;
  line-height: 48px;
  text-transform:uppercase;
  color:#175169;
}
.c-need_help .c-drink_section{
  gap: 3%;
}
.c-need_help .c-drink_section li{
  width: calc(30.33% - var(--grid-desktop-horizontal-spacing)* 2 / 3);
}

.c-contact_form h2{
  font-family: Brandon Medium;
  font-size: 20px;
  font-weight: 420;
  line-height: 32px;
  text-align: center;
  color:#164154;
  text-transform: uppercase;
}
.c-contact_form input, .c-contact_form textarea {
    background-color: #fff;
    padding: 20px !important;
    outline: none !important;
    box-shadow: none;
    border-radius: 20px;
    height: 60px;
}
.c-contact_form input::placeholder, .c-contact_form textarea::placeholder {
  color: #6E727E;
  opacity: 1; /* Firefox */
  font-family: Brandon Regular;
}

.c-contact_form .contact__button button{
    width: 100%;
    background-color: #164154;
    padding: 20px;
    border-radius: 20px;
}
.c-contact_form .contact__button button::after{
  content: unset;
}
.c-contact_form .contact__button button::before{
  content: unset;
}

.c-contact_form .field__input:focus-visible, .c-contact_form .select__select:focus-visible, .c-contact_form .customer .field input:focus-visible, .c-contact_form .customer select:focus-visible, .c-contact_form .localization-form__select:focus-visible.localization-form__select:after {
    box-shadow: none !important;
    outline: 0;
   border-radius: 20px !important;
}
.c-sweet_spot .image-with-text__media.image-with-text__media--medium.global-media-settings.gradient.color-scheme-1.media {
  border-radius:27px;
}
/* ////////////////////flavours Page css////////////////// */
.c-variety_packs .image-with-text__content {
    padding: 6rem 4rem 7rem 10rem;
}
.c-variety_packs h2{
  font-family: Brandon Medium;
  font-size: 47px;
  line-height: 46px;
  text-transform:uppercase;
  color: #042D3B;
}
.c-variety_packs p{
  font-family: Bryant Medium Alternate;
  font-size: 24px;
  font-weight: 500;
  line-height: 31px;
  color: #164154;
}
.c-variety_packs a {
    background: #164A5B;
    border-radius: 100px;
    padding: 15px 36px;
    opacity: 1 !important;
    text-transform: uppercase;
}
.c-variety_packs a:hover {
  box-shadow: 0px 0px 28.81px 0px #E26A6A !important;
}
.c-variety_packs a svg{
  margin-left:5px;
}
.c-variety_packs a:hover {
    box-shadow: 0px 0px 24.54px 11px #E26A6A;
}
.Drink-Better{
  padding: 6rem 0px;
    background-color: #FFBDBD;
}
.Drink-Better .gridText h1{
  font-family:Brandon Medium;
  font-size: 37px;
  font-weight: 450;
  margin: 0px 0px 10px 0px;
  text-transform:uppercase;
  color:#164154;
}
.Drink-Better .grid--gapless{
  align-items:flex-end;
}
.Drink-Better .gridText .desp{
  font-family: Bryant Medium Alternate;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  text-transform:uppercase;
  color:#164154;
}
.Drink-Better  .title {
    margin-top: 0px;
}
.Drink-Better .title p {
    font-family: Brandon Medium;
    font-size: 16.4px;
    font-weight: 420;
    line-height: 18.22px;
    text-transform: uppercase;
    color:#164154;
    margin:0px;
}
.Drink-Better .title p:nth-child(2) {
  font-size: 14.4px;
}
.c-taste_style ul li h2{
  font-family: Brandon Medium;
  font-size: 33px;
  line-height: 40px;
  color:#042D3B;
  margin: 18px 0px 30px 0px;
}
.c-text_blue ul li h2{
  color:#EBD68D;
}
.c-text_blue ul li p { 
  color:#EBD68D;
}
.c-taste_style ul li .multicolumn-card{
  gap:20px;
}
.c-taste_style ul li .multicolumn-card .mango, .c-taste_style ul li .multicolumn-card .guava {
  padding-bottom:100% !important;
}
.c-taste_style ul li .multicolumn-card .media img{
  width:100%;
}
.c-taste_style ul li p{
  font-family: Brandon Medium;
  font-size: 19px;
  line-height: 25.38px;
  color:#164154;
  margin-bottom:15px;
  text-transform: unset;
}
.c-product_3-box .multicolumn-card__image-wrapper--third-width {
    width: 20%;
}
.Mainproduct-wrapper .product-media-container.constrain-height.media-fit-contain {
    --contained-width: calc(var(--constrained-height) * var(--aspect-ratio));
    width: min(var(--contained-width),100%);
    --contained-width: 100%;
}
/* .Mainproduct-wrapper button.slider-button {
    display: none !important;
} */
.c-product_3-box .multicolumn-card__info p {
    font-family: Brandon Medium;
    font-size: 16.4px;
    font-weight: 420;
    line-height: 18.22px;
    text-transform: uppercase;
    color: #164154;
    margin: 0px;
}
.c-text_blue .multicolumn-card__info p{
  color:#EDD78D;
}
.c-product_3-box .multicolumn-card__info p:nth-child(2) {
    font-size: 14.4px;
}
.c-product_3-box {
    margin-bottom: -40px;
    position: relative;
    z-index: 1;
}
/*//////////////////////////Product page css////////////////////  */
.c-taste_style .passionfruit-calamansi, .c-taste_style .guava, .c-taste_style .mango {
  width: 130px;
  height:130px;
}

.c-sugar_moderation .banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient {
    width: 30%;
    min-width: 39%;
}
.c-variety_style .banner--desktop-transparent .banner__box .banner__buttons a span{
    margin-left:5px;
}
.c-sugar_moderation .banner__heading{
  font-family: Brandon Medium;
  font-size: 34px;
  line-height: 48px;
  color:#042D3B;
  /* font-style:italic; */
  text-transform:uppercase;
}
.c-sugar_moderation p{
  font-family: Bryant Medium Alternate;
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
  color:#042D3B;
}
.c-variety_product_1 h2{
  color: #ffffff;
}
.c-variety_product_1 p {
    color: #ffffff;
}

.c-main_product .product__info-wrapper .product__title h1{
  font-family: Brandon Medium;
  font-size: 33px;
  font-weight: 420;
  line-height: 40px;
  color: #164154;
}
.c-main_product .product__info-wrapper p{
  font-family: Bryant Medium Alternate;
  font-size: 15px;
  font-weight: 500;
  line-height: 21.5px;
  color:#164154;
}
.c-main_product .product__info-wrapper {
    padding: 0 0 0 12rem;
}
.c-main_product .product--medium .thumbnail-list {
    grid-template-columns: repeat(3,1fr);
}
.c-main_product .product-popup-modal__button img{
  width:18px !important;
}
.c-main_product .product-popup-modal__opener {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.c-main_product .product__tax.caption.rte {
    font-family: Brandon Regular;
    font-size: 15px;
    font-weight: 390;
    line-height: 28px;
    color: #164154;
  margin-top: 4px;
}
.c-main_product .product__tax.caption.rte a {
   color: #164154;
}
.listing-points ul li {
    font-family: Brandon Grotesque;
    font-size: 14.21px;
    font-weight: 420;
    line-height: 27.7px;
    color:#164154;
}
.listing-points ul {
  padding-left: 15px;
}
.c-main_product .product-popup-modal__button {
    display: flex;
    min-height: 30px;
    column-gap: 5px;
    background: #fff;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    border-radius: 20px;
    padding: 5px 12px;
    text-decoration: none;
}
.c-main_product label.quantity__label.form__label .quantity__rules-cart{
  display:none;
}
/* //////////////////////////////mix better////////////////////// */
.c-drink_section2 .multicolumn-card .column-icons {
    min-height: 95px;
}
.c-drink_section2 .multicolumn-card .column-icons svg:hover path{
  fill:#E9B0B6;
}
.sec-animationOuter.c-mix_better-main {
    background: linear-gradient(185.07deg, #320428 7.09%, #0D0B4B 48.39%, #052D2A 70.67%);
    padding: 70px 15px 200px;
    position: relative;
    margin-bottom: -140px;
}
.CV_collection_mix-better .c-slide_dms{
  display:none;
}
.CV_collection_mix-better div#shopify-section-sections--15319032758315__footer {
    z-index: 0;
}
.CV_collection_mix-better .newsletter{
  display:none;
}
.c-mix_better-main img.leftBackgroundImo {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
  width: 30%;
}
.c-mix_better-main .custom-sec {
    z-index: 1;
    position: relative;
}
.c-mix_better-main img.rightBackgroundImo {
    position: absolute;
    right: 0;
    bottom: 0;
  width: 30%;
}
.c-mix_better-main .Bk-heading h2{
    font-family: Brandon Medium;
    font-size: 64px;
    font-weight: 420;
    line-height: 100px;
    text-align: center;
    color: #FFCD07;
    margin: 25px 0px 30px;
    text-shadow: 4px 5px 10px #E36464, 8px 4px 34px #E36464, 6px 6px 36px #E36464, 8px 8px 38px #E36464, 10px 10px 40px #E36464;
}
.c-mix_better-main .BK-description p{
    font-family: Bryant Medium Alternate;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    color:#ffffff;
    text-transform: uppercase;
    width: 80%;
    margin: 0px auto;
}
.c-mix_better-main .imageText-blocks{
  display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 50px 0px;
}
.c-mix_better-main .textImo-InnerBK {
    width: 25%;
    text-align: center;
    color: #fff;
}
.c-mix_better-main .Image-BK {
    min-height: 110px;
  margin-bottom: 15px;
}
.c-mix_better-main .Image-Txtie p{
  font-family: Brandon Regular;
  font-size: 18px;
  font-weight: 420;
  line-height: 20px;
  text-align: center;
  text-transform:uppercase;
  margin: 0;
}
.c-mix_better-main .Image-Txtie span{
  font-family: Brandon Regular;
  font-size: 12px;
  text-align: center;
  text-transform:uppercase
}
.c-mix_better-main .image-textContainer{
  position: relative;
}
.c-mix_better-main .image-textContainer .background-image {
  position: absolute;
    left: 41%;
    top: -10%;
  z-index:0;
}
.c-mix_better-main .image-textBK {
    z-index: 2;
    position: relative;
}
.c-mix_better-main .wholePack-details {
  display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
  margin-top: 40px;
}
.c-mix_better-main .wholePack-details .Leftcontent-sec {
    width: 40%;
}
.c-mix_better-main .wholePack-details .Leftcontent-sec .image-sec img{
  width:100%;
  height:auto ;
}
.c-mix_better-main .wholePack-details .Leftcontent-sec  .image-para p{
  font-family: Bryant Light;
font-size: 22px;
font-weight: 400;
line-height: 26.4px;
text-align: center;
color:#ffffff;
  margin:10px 0px;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec {
    width: 57%;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .packHeading h2{
  font-family: Brandon Medium;
  font-size: 36px;
  font-weight: 420;
  line-height: 40px;
  color:#ffffff;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .packdescription p{
  font-family: Bryant Light;
font-size: 18px;
font-weight: 500;
line-height: 30px;
  color:#ffffff;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .packs-links{
  display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
  margin-top:50px;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .shopButton a{
  background: #FFCD07;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-family: DM Sans;
    font-size: 15.02px;
    font-weight: 700;
    line-height: 15.02px;
    text-align: center;
    color: #05384F;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .shopButton a:hover{
  box-shadow: 0px 0px 0.69px 0px #E26A6A;
    box-shadow: 0px 0px 1.37px 0px #E26A6A;
    box-shadow: 0px 0px 4.8px 0px #E26A6A;
    box-shadow: 0px 0px 9.6px 0px #E26A6A;
    box-shadow: 0px 0px 16.46px 0px #E26A6A;
    box-shadow: 0px 0px 28.81px 0px #E26A6A;
}
.c-mix-neon .banner__box.content-container.content-container--full-width-mobile.color-scheme-3.gradient {
    max-width:120rem;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .shopButton a span svg{
    color: #05384F;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .explorebutton a {
    border: 1px solid #E2D39B;
    padding: 15px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-family: DM Sans;
    font-size: 15.02px;
    font-weight: 700;
    line-height: 15.02px;
    text-align: center;
    color: #FFFFFF;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .explorebutton a span svg{
    color: #FFFFFF;
}
.c-mix_better-main .wholePack-details .Rightcontent-sec .explorebutton a:hover {
    box-shadow: 0px 0px 0.69px 0px #E26A6A;
    box-shadow: 0px 0px 1.37px 0px #E26A6A;
    box-shadow: 0px 0px 4.8px 0px #E26A6A;
    box-shadow: 0px 0px 9.6px 0px #E26A6A;
    box-shadow: 0px 0px 16.46px 0px #E26A6A;
    box-shadow: 0px 0px 28.81px 0px #E26A6A;
    color: #FFFFFF;
    text-shadow: 2px 3px 5px #E26A6A, 4px 2px 16px #E26A6A, 2px 3px 24px #E26A6A, 4px 4px 26px #E26A6A, 4px 5px 28px #E26A6A;
}
.content-alignment-right .Leftcontent-sec{
order:2;
}
.CV_collection_mix-better sticky-header.header-wrapper.color-scheme-1.gradient {
    background: #F9EBE2;
}
/* ///////////////////////////blog page //////// */
.cs_blog .main-blog.page-width.section-template--15319032201259__main-padding {
    display: none;
}


.card__information .caption-with-letter-spacing.h5 time {
    font-family: Brandon Grotesque;
    font-size: 15px;
    font-weight: 420;
    line-height: 36px;
    text-align: left;
    color: #164154;
}
span.reading-timeEST {
  font-family: Brandon Grotesque;
    font-size: 15px;
    font-weight: 420;
    line-height: 36px;
    text-align: left;
    color: #164154;
}
.article-card__info.caption-with-letter-spacing.h5 {
    display: none;
} 
.append_blog-data .blog-articles {
  gap:50px;
}
.append_blog-data .article-card__image.media.media--hover-effect {
    overflow: hidden;
    border-radius: 33px;
}
.append_blog-data a.full-unstyled-link {
    font-family: Brandon Grotesque;
    font-size: 30px;
    font-weight: 420;
    line-height: 36px;
    text-align: left;
    color: #164154;
  text-decoration:none;
}
.append_blog-data p.article-card__excerpt.rte-width {
    font-family: Bryant Medium Alternate;
    font-size: 20px;
    font-weight: 500;
    line-height: 31px;
    text-align: left;
    color: #164154;
}
.append_blog-data .read-more a{
  font-family: Brandon Grotesque;
    font-size: 20.4px;
    font-weight: 420;
    line-height: 33.66px;
    text-align: left;
    color: #E93B4B;
    text-decoration: none;
}
.append_blog-data .read-more a svg {
    margin-bottom: -3px;
}
.cs_blog .top-picksWrapper {
    padding-top: 15rem;
}
.top-picks-blogs.swiper-wrapper{
  max-height:490px;
}
.top-picksWrapper .MainOuterBlogs-BK.swiper-slide.swiper-slide-active {
   display: flex;
    flex-wrap: wrap;
    background-color: #F79DA4;
    border-radius: 33px;
    overflow: hidden;
}
.top-picksWrapper .MainOuterBlogs-BK .ImageBlock {
    width: 50%;
  position: relative;
height: 450px;
    overflow: hidden;
}
.top-picksWrapper .MainOuterBlogs-BK .ImageBlock span{
    position: absolute;
    font-family: 'Brandon Medium';
    font-size: 24px;
    font-weight: 420;
    line-height: 36px;
    letter-spacing: 1px;
    text-align: left;
    color: #2B2B2B;
  text-transform: uppercase;
  top: 5%;
    left: 5%;
}
.top-picksWrapper .MainOuterBlogs-BK .TitleBlock {
    width: 50%;
  display: flex;
    align-items: center;
}
.blogtitle-btn-content {
    padding: 0px 8rem 0px 4rem;
}
.blog-Heading h2 {
    font-family: Brandon Medium;
    font-size: 34px;
    font-weight: 420;
    line-height: 42.5px;
    text-align: left;
    color: #164154;
    text-transform: uppercase;
}
.readmore-btn a {
    font-family: Brandon Medium;
    font-size: 26px;
    font-weight: 420;
    line-height: 49.5px;
    text-align: left;
  color:#164154;
  text-decoration: none;
}
.readmore-btn a svg{
  margin-bottom: -3px;
}
.top-picksWrapper .MainOuterBlogs-BK .ImageBlock .blog-Image img{
  height:100%;
  
}
.tabvs_all_wraper {
    display: flex;
  justify-content: space-around;
    align-items: center;
    gap: 20px;
  border: 1px solid #E26A6A;
    border-radius: 20px;
    padding:15px 20px;
  margin-top: 3rem;
  margin-bottom: 4rem;
}
.tabvs_all_wraper p.blogs-tabs-data {
    font-family: Brandon Medium;
    font-size: 20px;
    font-weight: 420;
    line-height: 28.1px;
    text-align: left;
    color: #164154;
    text-transform: uppercase;
    margin: 0px;
  cursor: pointer;
}
div#shopify-section-template--15319032201259__tab_blogs_6kb8qm {
    background-color: #FADFCF;
    /* padding-top: 4rem; */
  margin-top: 12rem;
}
.append_blog-data {
    padding-top: 5rem;
}
.blog-wave .wave {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23FADFCF'/%3E%3C/svg%3E");
}
.Image-titleDIV {
    display: flex;
    flex-wrap: wrap;
  margin-top: 12rem !important;
  background-color: #FFAEAE;
    padding: 0px;
    border-radius: 33px;
    overflow: hidden;
}
.Image-titleDIV > .article-template {
    max-width: 50%;
    width: 100%;
}
.Image-titleDIV > .article-template > .article-template__hero-adapt.media {
    margin: 0 !important;
}
.Image-titleDIV > header.page-width.page-width--narrow {
    max-width: 50%;
    width: 100%;
  display: flex;
    align-items: center;
    padding: 0rem 6rem 0px 4rem;
}
.Image-titleDIV > header.page-width.page-width--narrow h1{
    font-family: Brandon Medium;
    font-size: 37px;
    font-weight: 420;
    line-height: 46.5px;
    text-align: left;
    color: #164154;
}
p.blogs-tabs-data.is__active {
  font-family: Brandon Grotesque;
  color: #f79da4;
}
.CV_article .article-template__content.page-width.rte p {
  font-family: Brandon Regular;
  font-size: 24px;
  font-weight: 390;
  line-height: 34px;
  text-align: left;
  color:#164154;
}
.CV_article .article-template__content.page-width.rte p strong{
  font-family: Brandon Grotesque;
  font-size: 33px;
  font-weight: 390;
  line-height: 34px;
  text-align: left;
  color:#164154;
}
/* //////////////////////////About US///////////////// */
.Outer-ing {
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    gap: 20px;
}
.ingredientsWrapper {
    background-color: #ffcdd8;
    padding: 30px 0px;
}
.content-pointBK {
    width: 45%;
}
.Image-ing-wrapper {
    width: 53%;
}
.Image-ing-wrapper .imageInnerBK img{
    width: 100%;
    height:auto;
}
.contentImage-innerBK {
    display: flex;
    align-items: center;
    gap: 20px;
}
.contentImage-innerBK  .textie-con p{
  font-family: Brandon Medium;
  font-size: 20px;
  font-weight: 420;
  line-height: 25px;
  text-align: left;
  color:#164154;
}
.Outer-ing .content-pointBK .section-mainHeading h2{
  font-family: Brandon Medium;
  font-size: 34px;
  font-weight: 420;
  line-height: 48px;
  text-align: left;
  color:#042D3B;
}
.CV_page_our-story sticky-header.header-wrapper.color-scheme-1.gradient {
    background: #F9EBE2;
}
.CV_page_our-story .c-slide_dms, .CV_page_our-story .newsletter__wrapper, .CV_page_our-story .shopify-section-group-footer-group{
  background: #ffcdd8;
}
/* /////////////////////////////////////////////product page css///////////  */
.c-main_product .product-form__input--pill input[type="radio"]:checked + label {
  background-color: #fff4cb;
  color: #164154;
  border: 1px solid #164154;
}
.c-main_product .product-form__submit:after {
  box-shadow: 0px 0px 0px 0px !important;
}
.c-main_product .product-form__submit.button--primary {
  background: #164154;
  border-radius: 30px;
}
.c-main_product .product-form__submit.button--primary span{
  font-family: Brandon Medium;
  font-size: 16px;
  font-weight: 420;
  line-height: 30px;
  text-align: center;
  color:#FFFFFF;
  text-transform:uppercase;
  margin-bottom:0px;
}
.c-main_product .product-form__input--pill input[type="radio"] + label {
  background-color: #fff;
  color: #164154;
  border: 1px solid #164154;
  text-transform: capitalize;
}
.c-main_product .quantity {
  background: #fff;
  border-radius: 45px !important;
  overflow: hidden;
  width: 100%;
  border: 1px solid #164154;
}
.c-main_product .quantity:after {
  box-shadow: 0px 0px 0px;
}
.c-main_product  label.quantity__label.form__label {
    font-family: Brandon Text;
    font-size: 13px;
    font-weight: 390;
    line-height: 20px;
    text-align: left;
  color:#164154;
}
.c-main_product button.quantity__button{
    color: #164154;
}
.c-main_product input{
    box-shadow: none !important;
    outline: none;
    background-color: #ffffff !important;
    font-family: Brandon Grotesque;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #164154;
}
/* //////////////////////////////////Bundle Page css//////////////////// */
#Slide-template--15341082968107__multicolumn_B7q7KY-1 .Image_adjustment>.multicolumn-card__image-wrapper {
  width: 150px;
}
#Slide-template--15331435118635__multicolumn_B7q7KY-1 .Image_adjustment>.multicolumn-card__image-wrapper {
  width: 150px;
}
#Slide-template--15331435085867__multicolumn_B7q7KY-1 .Image_adjustment>.multicolumn-card__image-wrapper {
  width: 150px;
}
.CV_product_passionfruit-calamansi .custom-insta-sec {
    background-color: #DFF8FF;
}
.CV_product_guava .custom-insta-sec {
    background-color: #ffcdd8;
}
.CV_product_mango .custom-insta-sec {
    background-color: #F9EACF;
}

.CV_product_guava .wave{
  background-color: #ffcdd8;
}

.CV_product_mango .wave{
   background-color: #f9eacf;
}
.CV_product_passionfruit-calamansi .c-slide_dms_blue .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.multicolumn__title{
  display:none;
}
.CV_product_guava .c-slide_dms_blue .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.multicolumn__title{
  display:none;
}
.CV_product_mango .c-slide_dms_blue .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.multicolumn__title{
  display:none;
}
.CV_product_passionfruit-calamansi .newsletter__wrapper.color-scheme-1.gradient.content-container.isolate.content-container--full-width.section-sections--15319032758315__newsletter_Ngnheh-padding {
    background-color: #dff8ff;
}
.CV_product_passionfruit-calamansi .wave{
   background-color: #dff8ff;
}
.CV_product_guava .newsletter__wrapper.color-scheme-1.gradient.content-container.isolate.content-container--full-width.section-sections--15319032758315__newsletter_Ngnheh-padding {
    background-color: #ffcdd8;
}
.CV_product_mango .newsletter__wrapper.color-scheme-1.gradient.content-container.isolate.content-container--full-width.section-sections--15319032758315__newsletter_Ngnheh-padding {
    background-color:#F9EACF;
}
.footer__content-bottom {
    display: none;
}
.cansBanner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.cans-bannerInnerDIV img {
    width: 100%;
}
.pro-bundlesInner {
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}
.productBundles {
    width: 31%;
    background-color: #ffffff;
    border-radius: 18px;
    padding: 20px 15px;
    border: 1px solid #FF914D;
}
.product-title h2{
  font-family: Brandon Medium;
    font-size: 16px;
    font-weight: 450;
    text-align: center;
    color: #042D3B;
  text-transform: uppercase;
}
.OuterBudles {
    display: flex;
    gap: 30px;
  width:100%;
}
.bundles-productDetails {
    width: 75%;
}
.AddBundles_InSide {
    width: 100%;
}
.bundle_product_image img {
    width: 100%;
}
.bundlesItems {
    display: flex;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #FF914D;
    padding: 10px;
    margin-bottom: 20px;
  justify-content: space-between;
}
.bundle_product_name {
    font-family:Brandon Medium;
    font-size: 11px;
    font-weight: 450;
  text-transform:uppercase;
  color:#042D3B;
}
.bundle_product_image {
    width: 85px;
  position: relative;
}
.CV_collection_bundle sticky-header.header-wrapper.color-scheme-1.gradient {
    position: absolute;
    width: 100%;
    background: #F9EBE2;
}
.CV_collection_bundle .banner__media img{
  top:100px !important;
}
.crossBundle svg {
    width: 20px;
    height: 20px;
    display:flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #164154;
    border-radius: 50px;
    line-height: 0px;
    color: #164154;
  padding:2px;
}
.bundle_variant {
    font-family: DM Sans;
    font-size: 10.3px;
    font-weight: 400;
    line-height: 11.3px;
    /* text-align: center; */
    color: #E26A6A;
  margin: 5px 0px 10px;
}
.bundle_price {
    font-family: Brandon Medium;
    font-size: 16px;
    font-weight: 450;
    line-height: 15.02px;
    /* text-align: center; */
    color: #052D3B;
}
.AddingBundles.Qty-based {
    background-color: #164A5B;
    text-align: center;
    color: #ffffff;
    font-family: DM Sans;
    font-size: 15.02px;
    font-weight: 700;
    line-height: 15.02px;
    text-align: center;
    padding: 20px;
    border-radius: 50px;
}
.shipping_txt {
    font-family: Brandon Regular;
    font-size: 13px;
    font-weight: 420;
    line-height: 18.59px;
    text-align: left;
    color: #164A5B;
    margin-top: 20px;
}
.bundle_details {
    width: 100%;
}
.bundle_product_image img {
    width: 30px;
}
.productQuantity {
    display: flex;
    border: 1px solid #164154;
    align-items: center;
    width: 50%;
    margin: 0px auto;
    border-radius: 50px;
    justify-content: space-between;
    height: 40px;
    overflow: hidden;
    margin-bottom: 15px;
}
.productQuantity button {
    border: none;
    background-color: #f0f8ff00;
    width: 30%;
    font-size: 22px;
    color: #164154;
}
.productQuantity input#\31 {
    border: none;
    text-align: center;
  outline: none;
    box-shadow: unset;
  color: #164154;
}
.variant-input input:checked {
  border: none;
  background-color:#000000;
}

/* Chrome, Safari, Edge, Opera */
.productQuantity input::-webkit-outer-spin-button,
.productQuantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.productQuantity input[type=number] {
  -moz-appearance: textfield;
}
.c-sweet_spot-bundle{
  background-color:#FFDCC6;
}
.c-sweet_spot-bundle h2 strong{
  color: #164154 !important;
  text-transform:uppercase;
}
.c-sweet_spot-bundle .title-wrapper-with-link p{
  color: #164154 !important;
  text-transform:uppercase;
  font-weight: 600;
}
.c-sweet_spot-bundle .multicolumn-card__info h3{
  font-family: Brandon Medium !important;
font-size: 18px !important;
  color:#042D3B !important;
  font-weight:700;
}
.c-sweet_spot-bundle .multicolumn-card__info p{
  font-family: Brandon Medium !important;
font-size: 12px !important;
  color:#042D3B !important;
  font-weight:700;
}
.c-sweet_spot-bundle div#ImageWithText--template--15338429186091__image_with_text_KA69Rw {
    margin: 4% 0px;
    max-height: 90%;
    padding: 2.5rem;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.c-section_bundle-text {
    font-family: Brandon Regular;
    font-size: 18px;
    line-height: 25px;
    color: #164154 !important;
}
.c-section_bundle-text:nth-child(1) {
    color: #DE4C4C !important;
}
.c-sweet_spot-bundle .multicolumn-card .media img{
  object-fit: unset;
}
.c-sweet_spot-bundle  .c-drink_section {
    width: 75%;
    margin: 6rem auto 0px;
}
.Added_bundlesDIV {
    width: 23%;
}
.bundlesHeading h2{
  font-family: Brandon Medium;
  font-size: 40px;
  font-weight: 450;
  text-align: center;
  color:#164154;
  margin: 0px 0px 10px 0px;
}
.bundles-pro {
    padding: 40px 0px;
    background-color: #F9EBE2;
}
.productBundle-img a img{
  width: 50%;
  max-width: 100%;
  height: 100%;
}
img.MainImage {
    margin-top: -25px;
}
.productBundle-img{
  position:relative;
  margin-top:20px;
  min-height:250px;
}
.productBundle-img a img:nth-child(1) {
  position:relative;
  z-index:2;
}
.productBundle-img a img.background {
    position: absolute;
    left: 8%;
    top: 0;
    width: 200px;
    height: 200px;
  z-index: 0;
}
.bundlesDescription p{
  font-family: Brandon Medium;
  font-size: 20px;
  font-weight: 420;
  text-align: center;
  color:#C04343;
  margin: 0px 0px 50px 0px;
}
.c-sweet_spot-bundle li .multicolumn-card__image-wrapper--half-width {
    width: 40%;
}
.productBundle-img{
  text-align:center;
}
.variant-input.active {
    background-color: #FFF4CB;
}
.variant-input-wrap {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
  justify-content:center;
}
.variant-input {
    border: 0.61px solid #9DBFCE;
    border-radius: 50px;
    padding: 4px 6px;
    font-family: Brandon Regular;
    font-size: 11px;
    font-weight: 420;
    line-height: 13.15px;
    text-align: center;
  color:#164154;
}
.variant-input input{
  display:none;
}
.Product_variantWP {
    margin: 15px 0px;
  min-height: 30px;
}
.product_price {
    margin-bottom: 20px;
    font-family: DM Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 15.02px;
    text-align: center;
    color: #052D3B;
}
.addBundles-btn {
    background-color: #164A5B;
    padding: 15px;
    border-radius: 50px;
    color: #ffffff;
    font-family: DM Sans;
    font-size: 15.02px;
    font-weight: 700;
    line-height: 15.02px;
    text-align: center;
}
.product-title {
    min-height: 45px;
}
.bundle_quantity {
  position: absolute;
    top: -8%;
    right: 15%;
}
.bundle_quantity span {
    width: 20px;
    height: 20px;
  border-radius:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F57727;
    font-family: Brandon Grotesque;
    font-size: 10.82px;
    font-weight: 420;
    line-height: 15.47px;
    text-align: center;
    color: #ffff;
}
/* ////////////////////////////////////////////banner//////////// */
.banner_mobileImage{
  display:none;
}
/* //////////////////////////////////Account/////////////////////////// */
.cs_account .customer.account.section-template--15319032528939__main-padding, .cs_addresses .customer.addresses.section-template--15319032594475__main-padding, .cs_order .customer.order.section-template--15319032627243__main-padding{
    padding-top: 10%;
}
.cs_account h1, .cs_addresses h1, .cs_order .customer__title{
      font-family: Brandon Grotesque;
    font-size: 35px;
    color: #164154;
    text-transform: uppercase;
}
.cs_account .customer.account.section-template--15319032528939__main-padding a, .cs_addresses .customer.addresses.section-template--15319032594475__main-padding a, .cs_order .customer.order.section-template--15319032627243__main-padding a{
    color: #164154;
    text-transform: uppercase;
    font-family: Brandon Regular;
  text-decoration: none;
}
.cs_addresses button {
    background: #164A5B;
    border-radius: 100px;
    padding: 15px 36px;
    margin-top: 25px;
}
.cs_account .customer p {
    font-family: Bryant Medium Alternate;
    font-size: 19px;
    line-height: 25px;
    color: #164154;
}
.cs_order .customer.order.section-template--15319032627243__main-padding p, .cs_order .customer.order.section-template--15319032627243__main-padding p .strong  {
    font-family: Bryant Medium Alternate;
    /* font-size: 19px; */
    line-height: 25px;
    color: #164154;
}
.cs_account .customer h2, .cs_order .customer.order.section-template--15319032627243__main-padding h2{
  font-family: Brandon Regular;
    line-height: 43px;
    text-transform: uppercase;
    color: #042D3B;
}
/* ///////////////////////////////////////////////////////Footer animat//// */
/* waves */
.c-taste_style-mango-b{
  background-color:#f4d257;
}
.c-text_blue{
  background-color:#155a71;
}

.waveForPP {
    display: none;
}

.CV_product_mango .waveForPP, .CV_product_passionfruit-calamansi .waveForPP, .CV_product_guava .waveForPP {
    display: block;
  padding-top: 10rem;
    background-color: #f9eacf;
}
.CV_product_passionfruit-calamansi .waveForPP {
    background-color: #caedf7;
}
.CV_product_guava .waveForPP{
  background-color:#ffcdd8;
}
.c-main_ocean{
  position:relative;
}
.ocean {
  height: 81px; /* change the height of the waves here */
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
}

.wave {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%230D4659'/%3E%3C/svg%3E");
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -3s linear infinite;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  display: block !important;
}
.CV_product_mango .waveForPP .wave {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23f4d257'/%3E%3C/svg%3E");
}
.CV_product_passionfruit-calamansi .waveForPP .wave{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23155a71'/%3E%3C/svg%3E");
}
.CV_product_guava .waveForPP .wave{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23e96980'/%3E%3C/svg%3E");
}
.CV_product_mango .waveForPP .Below-wave{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cg transform='scale(1, -1) translate(0, -88.7)'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23f4d257'/%3E%3C/g%3E%3C/svg%3E");
}
.CV_product_guava .waveForPP .Below-wave{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cg transform='scale(1, -1) translate(0, -88.7)'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23e96980'/%3E%3C/g%3E%3C/svg%3E");
}
.CV_product_passionfruit-calamansi .waveForPP .Below-wave{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cg transform='scale(1, -1) translate(0, -88.7)'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23155a71'/%3E%3C/g%3E%3C/svg%3E");
}
.c-main_ocean.waveForPP.below-waveWrapper {
    z-index: 2;
    background-color: #f0f8ff00;
}
.CV_product_mango .c-sugar_moderation, .CV_product_guava .c-sugar_moderation, .CV_product_passionfruit-calamansi .c-sugar_moderation{
  margin-top:-60px;
}

.wave:nth-of-type(2) {
  bottom: 0;
  animation: wave 18s linear reverse infinite;
  opacity: 0.5;
}

.wave:nth-of-type(3) {
  bottom: 0;
  animation: wave 20s -1s linear infinite;
  opacity: 0.5;
}

@keyframes wave {
    0% {transform: translateX(0);}
    50% {transform: translateX(-25%);}
    100% {transform: translateX(-50%);}
}

/* /////////////////////////////////store-locator///////////////////////////////// */
.page_store-locator .newsletter.center {
    display: none;
}
.page_store-locator h1.main-page-title.page-title.h0 {
    display: none;
}
.c-stocked_text h2 {
    font-family: Brandon Grotesque;
    font-size: 33px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: #175169;
}
.c-stocked_text{
  margin-top:70px;
}
.c-stocked_text .rich-text__blocks.center {
    max-width: 100%;
}
.MainImage {
  animation: jump 2s infinite;
}
 
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
/*/////////////////////////////marquee/////////////////////////  */

.js-marquee {
    margin-right: 15px !important;
}
.c-review_slider h2{
  font-family: Brandon Grotesque;
  font-size: 40px;
  font-weight: 420;
  color:#164154;
  text-transform: uppercase;
  position:relative;
  z-index:2;
  margin: 10px 0px 50px 0px;
}
/* .CV_product_guava .c-review_slider h2:after, .CV_product_mango .c-review_slider h2:after, .CV_product_passionfruit-calamansi .c-review_slider h2:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 32%;
    width: 36%;
    height: 3px;
    background-color: #efb59094;
    transform: translateY(-50%);
    box-shadow: 0px 0px 85.58px 0px #EFB590;
    z-index: -1;
} */
.c-sugar_moderation .banner__content.banner__content--middle-left.page-width.scroll-trigger.animate--slide-in {
  padding: 10px 0px;
}
.marquee-sec {
  overflow: hidden; /* hide the overflow to create a marquee effect */
  white-space: nowrap; /* prevent line breaks */
}
 .marqueeBk p {
    font-family: Brandon Regular;
    font-size: 26.17px;
    font-weight: 420;
    line-height: 37.42px;
    text-align: center;
    text-transform: uppercase;
   margin: 12px 0px;
   color:#FFFFFF;
}
.marquee-content {
    display: flex;
    align-items: center;
  gap: 20px;
}
.marquee-container {
  display: inline-block; /* make the container inline-block */
}
 
.marqueeOuterBk {
  display: inline-block; /* make the outer container inline-block */
}
 
.marqueeBk {
  display: inline-block; /* make each marquee element inline-block */
  margin-right: 10px; /* add some space between each element */
}
/*//////////////////////////////////////////////////////////////  */
.shopify-policy__container {
    max-width: 120rem;
    margin: 15rem auto 0px;
    padding-left: 20px;
    padding-right: 20px;
}
/* //////////////////////////////instagram slider//////////////////////////////////// */
.instaPost-Bk {
    display: flex;
    align-items: center;
}
.instaInner-post a{
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
  color: inherit; /* Ensure the text color is inherited */
  text-decoration: none; /* Remove underline from the link */
}
.instaInner-post a::before {
  content: "" !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 97%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  color: white; /* Text color */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s ease; /* Smooth transition */
  z-index: 1; /* Ensure it appears above other content */
}
.instaInner-post a:hover::before {
  opacity: 1; /* Show on hover */
}
.instafeed-overlay {
    position: absolute;
    top: 45%;
    left: 43%;
  opacity: 0;
  z-index:9999;
}
.instaInner-post a:hover .instafeed-overlay {
  opacity: 1;
}
.instaInner-post img{
    width:100%;
  height:100%;
}
.custom-insta-sec {
    padding: 40px 0px;
}
.insta-mainheading h2{
  font-family: Brandon Medium;
    font-size: 38px;
    font-weight: 420;
    line-height: 80px;
    text-align: center;
    color: #164154;
  margin: 0;
  margin-bottom: 30px;
}
.insta-mainheading a{
 padding: 15px 30px;
  background-color: #F05967;
    border-radius: 50px;
    font-family: Brandon Grotesque;
  text-decoration:none;
    font-size: 24px;
    font-weight: 450;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
}
.insta-mainheading {
    margin-bottom: 8rem;
  text-align:center;
}
.CV_collection_mix-better .insta-sec-container{
  display:none;
}
.header__icons {
    align-items: center;
}
.header__icons account-icon {
    margin-bottom: 4px;
}
summary .icon-caret {
    position: absolute;
    height: 0.9rem;
    right: 1.5rem;
    top: calc(50% - .5rem) !important;
}
.header__menu-item .icon-caret {
    right: 0.9rem;
}
.header__icons svg.icon.icon-cart {
    margin-top: 5px;
}
.product-popup-modal__content {
    border-radius: 12px !important;
}
.product-popup-modal__content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)  !important;
	border-radius: 10px  !important;
	background-color: #F5F5F5 !important;
}
.product-popup-modal__content::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
  margin-left:-10px;
}
.product-popup-modal__content::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #154c5e;
}

/*////////////////////////////////////////////////  */
@media screen and (max-width: 778px) {
  .small-hide {
    display: block !important;
  }
  .productQuantity {
    width: 70%;
  }
  .c-sweet_spot-bundle  .c-drink_section {
    width: 100%;
  }
  .OuterBudles {
    flex-wrap: wrap;
  }
  .bundles-productDetails {
    width: 100%;
  }
  .Added_bundlesDIV {
    width: 100%;
  }
  .productBundle-img a img.background {
    left: 0%;
    top: 0;
    width:100%;
    height:auto;
}
  h2.banner__heading.inline-richtext.h0 {
    font-size: 52px;
    line-height: 50px;
    text-align: left;
  }
  .banner__text.rte {
    font-size: 28px;
    text-align: left;
  }
  .c-sweet_spot .c-section_sweet .image-with-text__media.image-with-text__media--adapt.global-media-settings.gradient.color-scheme-1.media {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: -9px;
  }
  .c-sweet_spot .c-section_sweet #ImageWithText--template--15319032299563__image_with_text_det6Fb {
    border-radius: 27px;
  }
  .c-mix_match h2.image-with-text__heading.inline-richtext.h1 {
    font-size: 36px;
  }
  .banner__text.rte {
    font-size: 22px !important;
  }
  .products_part .d-flex {
    flex-wrap: wrap !important;
  }
  .products_part .col-sm-4 {
    width: 100% !important;
  }
  .newsletter form#contact_form {
    max-width: 100%;
  }
  .c-mix_match .image-with-text__content {
    padding: 4rem calc(2rem / var(--font-body-scale)) 5rem !important;
  }
}
@media screen and (max-width: 550px) {
  .header__inline-menu>ul>li>a:hover, summary.list-menu__item:hover {
    background-color: unset !important;
    color:  unset !important;
    /* border-radius: 40px; */
    box-shadow:  unset !important;
}
  .menu-drawer__navigation ul li a{
    padding: 10px 25px 10px 25px;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 17.41px;
    text-decoration: none;
    color: #333333;
  }
  .tabvs_all_wraper {
    flex-wrap: wrap;
  }
  .MainOuterBlogs-BK.swiper-slide.swiper-slide-active {
    margin-bottom: 4rem;
}
  .top-picksWrapper .MainOuterBlogs-BK .ImageBlock {
    width: 100%;
    height: auto;
  }
  .top-picksWrapper .MainOuterBlogs-BK .TitleBlock {
    width: 100%;
  }
  .top-picks-blogs.swiper-wrapper {
    max-height: max-content;
}
  .ocean {
    height: 80px;
    width: 100%;
    bottom: -42px;
}
  .wave {
    height: 60%;
    animation: wave 8s -3s linear infinite;
}
  .c-drink_section2 .c-drink_section li {
    max-width: 100%;
    margin: 0 auto;
  }
  .c-section_sweet div#ImageWithText--template--15319032299563__image_with_text_det6Fb {
    border-radius: 20px !important;
  }
  .c-reviwe_slider .swiper-wrapper{
    overflow-y: scroll;
    width: 100%;
  }
  .c-reviwe_slider .swiper-wrapper .swiper-slide{
    width: 100% !important;
  }
  .c-need_help .c-drink_section li {
    width: 100%;
    margin-bottom: 20px;
  }
  .bundle_quantity {
  position: absolute;
    top: -8%;
    right: 15%;
}
  /* ////////////////////////product page/ */
  .c-main_product .product__info-wrapper {
    padding: 0 0 0 0rem;
  }
  .c-taste_style .multicolumn-card.content-container {
    flex-wrap:wrap;
  }
  .c-sugar_moderation .banner__box.content-container.content-container--full-width-mobile.color-scheme-1.gradient {
    width: 100%;
    min-width: 100%;
    padding: 4rem 1.5rem;
  }
  .c-sugar_moderation .banner__heading {
    font-size: 24px;
    line-height: 28px;
    text-align: left;
  }
  .c-sugar_moderation p {
    font-size: 18px;
  }
  .c-variety_packs .image-with-text__content{
    padding:30px 0px 0px 0px;
  }
  .c-variety_packs h2 {
    font-size: 28px;
    line-height: 30px;
  }
  .c-variety_packs p {
    font-size: 20px;
    line-height: 25px;
  }
  .c-variety_packs a {
    margin-top: 2rem;
  }
  .c-reviwe_slider h2 {
    font-size: 28px;
  }
  .c-slide_dms h2 {
    font-size: 28px;
    line-height: normal;
  }
  .c-taste_style ul li{
    padding:0px;
  }
  .newsletter__wrapper {
    padding-right: calc(1rem / var(--font-body-scale)) !important;
    padding-left: calc(1rem / var(--font-body-scale)) !important;
  }
  .c-main_product .multival {
    flex-wrap: wrap;
  }
  .c-sweet_spot .c-section_sweet h2.image-with-text__heading.inline-richtext.h1 {
    font-size: 24px;
    line-height: normal;
  }
  .c-sweet_spot div#ImageWithText--template--15319032299563__image_with_text_det6Fb {
    padding: 3.5rem 2.5rem;
  }
  .c-mix-neon .banner__box h2{
        font-family: Brandon Medium;
       font-size: 24px;
  }
  .c-mix-neon p {
    font-size: 18px;
    line-height: normal;
  }
  .Drink-Better .grid--gapless {
    flex-wrap: wrap;
    gap: 20px;
  }
  .Drink-Better .col-sm-3.gridText {
    width: 100%;
    text-align: center;
  }
  .Drink-Better .col-sm-3.gridImage {
    width: 100%;
    text-align: center;
  }
  .c-banner_box .banner__content .banner__box {
    padding: 2rem 1.5rem !important;
}
  .c-variety_style .slideshow__media img{
    object-fit: cover;
    object-position: right;
  }
  /*///////////mix better/////  */
  .c-mix_better-main .textImo-InnerBK {
    width: 100%;
  }
  .c-mix_better-main .BK-description p {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  .c-mix_better-main .wholePack-details .Leftcontent-sec  .image-para p {
    font-size: 18px;
    line-height: 22.4px;
    text-align: left;
  }

.c-mix_better-main .wholePack-details {
    gap: 0px;
  margin-top: 0px;
}
.wholePack-details.content-alignment-right {
    margin: 60px 0px;
}
  
  .c-mix_better-main .wholePack-details .Rightcontent-sec .packs-links {
    gap: 10px;
    margin-top: 20px;
  }
  .c-mix_better-main .wholePack-details .Rightcontent-sec .shopButton a {
    padding: 12px 15px;
    font-size: 13.02px;
  }
  .c-mix_better-main .wholePack-details .Rightcontent-sec .explorebutton a {
    padding: 12px 15px;
    font-size: 13.02px;
  }
  .c-mix_better-main .image-textContainer .background-image {
    left: 0%;
    top: -5%;
    text-align: center;
  }
  .c-mix_better-main .image-textContainer .background-image img{
    width: 40%;
    height: auto;
  }
  .c-mix_better-main .wholePack-details .Rightcontent-sec .packdescription p {
    line-height: 26px;
  }
  .c-mix_better-main .wholePack-details .Rightcontent-sec .packHeading h2 {
    font-size: 24px;
    margin: 5px 0px;
    line-height: 30px;
  }
  .sec-animationOuter.c-mix_better-main {
    padding: 70px 15px 70px;
    margin-bottom: -20px;
  }
  .c-mix_better-main .Bk-heading h2 {
    font-size: 30px;
    line-height: 34px;
    margin: 10px 0px;
  }
  .c-mix_better-main .wholePack-details .Leftcontent-sec {
    width: 100%;
  }
  .c-mix_better-main .wholePack-details .Leftcontent-sec img {
    object-fit: contain;
  }
  .c-mix_better-main .wholePack-details .Rightcontent-sec {
    width: 100%;
  }
  .content-alignment-right .Leftcontent-sec{
    order:1;
  }
  .content-alignment-right .Rightcontent-sec{
    order:1;
  }
  .content-pointBK {
    width: 100%;
  }
  /*/////////////////////////////About Page  */
  .CV_page_our-story .c-our_story-s .image-with-text__text-item.grid__item {
    width: 100%;
  }
   .CV_page_our-story  .Image-ing-wrapper {
    width: 100%;
  }
  .CV_page_our-story .image-with-text--overlap .image-with-text__content {
    max-width: 90%;
    margin: 0rem auto 0;
    border-radius: 20px;
  }
  /*//////////////////////////////////bundle   */
  .OuterBudles {
    flex-wrap: wrap;
  }
  .bundles-productDetails {
    width: 100%;
  }
  .productBundles {
    width: 100%;
  }
  .productBundle-img a img.background {
    left: 0%;
    top: 0%;
  }
  .Added_bundlesDIV {
    width: 100%;
}
  .bundle_product_image {
    width: 110px;
}
  .bundle_product_image img {
    width: 110px;
}
  .c-drink_story-1 .title-wrapper-with-link p{
  font-size: 20px;
  width:100%;
}
  .c-drink_story-1 ul{
  width: 100%;
  }
  .c-section_sweet div#ImageWithText--template--15327704055851__image_with_text_xh9f37 {
    margin: 0px auto;
}
  .c-sweet_spot .c-section_sweet p {
    font-size: 18px;
    line-height: 24px;
  }
  .c-main_ocean.waveForPP.below-waveWrapper {
    padding: 3rem;
  }
  .CV_product_mango .c-sugar_moderation, .CV_product_guava .c-sugar_moderation, .CV_product_passionfruit-calamansi .c-sugar_moderation {
    margin-top: -20px;
  }
  .bundle_product_image img {
    max-width: 40px;
    width: 100%;
  }
  .bundle_details {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .bundle_quantity {
    position: absolute;
    top: 0%;
    right: 29%;
  }
  .c-sweet_spot-bundle div#ImageWithText--template--15338429186091__image_with_text_KA69Rw {
   border-radius: 20px;
        max-width: 90%;
        margin: 0px auto;
        max-height: 100%;
  }
  .c-banner_box h2.banner__heading.inline-richtext.h0 {
    font-size: 32px;
  }
  .c-drink_section2 h2.c-title_heading.title.inline-richtext.h1 strong {
    font-size: 28px;
  }
  .c-drink_section2 p {
    font-size: 16px;
    line-height: 26px;
  }
  .c-product_heading h2 strong {
    font-size: 28px;
    line-height: 36px;
  }
  .products_part .h2.product-title a {
    font-size: 20px !important;
    line-height: 26px;
}
.c-sweet_spot .c-section_sweet p.c-section_sweet-te-list {
    font-size: 18px;
    line-height: 24px;
}
.c-sweet_spot .c-section_sweet p.c-section_sweet-text {
    font-size: 19px;
    line-height: 24px;
}
  .c-variety_style .banner--desktop-transparent .banner__box h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .c-variety_style .banner--desktop-transparent .banner__box p {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
  }
  .c-review_slider h2 {
    font-size: 28px;
    margin: 10px 0px 20px 0px;
  }
  .c-mix-neon .banner__box.content-container.content-container--full-width-mobile.color-scheme-3.gradient {
    padding: 20px !important;
  }
  .insta-mainheading h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .custom-insta-sec {
    padding: 0px 0px;
  }
  .insta-mainheading {
    margin-bottom: 5rem;
  }
  .c-our_story-s h2 {
    font-size: 28px;
  }
  .c-our_story-s div#ImageWithText--template--15327704055851__image_with_text_zViiGy {
    padding: 20px  0px 0px 0px;
    justify-content: flex-start;
  }
  .c-drink_story-1 h2 strong {
    font-size: 30px;
  }
  .newsletter h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .newsletter input#NewsletterForm--sections--15319032758315__newsletter_Ngnheh {
    height: 44px;
  }
  .newsletter button#Subscribe {
    padding: 10px 30px;
    font-size: 14px;
  }
  .Drink-Better .gridText h1 {
    font-size: 28px;
  }
  .Drink-Better .gridText .desp {
    font-size: 16px;
    line-height: 24px;
  }
  .bundlesHeading h2 {
    font-size: 28px;
  }
  .bundlesDescription p {
    font-size: 18px;
    margin: 0px 0px 30px 0px;
    line-height: 26px;
  }
  .Outer-ing .content-pointBK .section-mainHeading h2 {
    font-size: 28px;
    line-height: 35px;
    margin: 10px 0px 0px;
  }
  .contentImage-innerBK  .textie-con p {
    font-size: 18px;
  }
  .c-stocked_text h2 {
    font-size: 29px;
    line-height: 35px;
  }
  .CV_page.page_store-locator .custom-insta-sec {
    padding: 0px 0px 30px;
  }
  .c-main_product .product__info-wrapper .product__title h1 {
    font-size: 28px;
    line-height: 34px;
  }
  .c-taste_style ul li h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .c-taste_style .passionfruit-calamansi, .c-taste_style .guava, .c-taste_style .mango {
    width: 100%;
    height: auto;
  }
  .c-taste_style ul li p {
    font-size: 18px;
    line-height: 25px;
  }
  .c-sugar_moderation p {
    font-size: 18px;
    text-align: left;
  }
.banner_mobileImage img{
  width: 100%;
    height: auto;
}
  .CV_collection_mix-better .banner__media.media.scroll-trigger.animate--fade-in {
    margin-top: 40px;
  }
  .cs_index .banner__media.media.scroll-trigger.animate--fade-in {
    display: none;
  }
  .banner_mobileImage {
    display: block;
  }
  .cs_index .banner__content.banner__content--top-left.page-width.scroll-trigger.animate--slide-in {
    position: absolute;
    top: 25%;
    min-height: 12rem;
  }
  .cs_index .banner_mobileImage img {
    margin-bottom: -10px;
  }
  .CV_collection_flavor .banner__media.media.scroll-trigger.animate--fade-in {
    display: none;
  }
  .CV_collection_mix-better .banner__media.media.scroll-trigger.animate--fade-in {
    display: none;
  }
  .CV_collection_bundle .banner__media.media.scroll-trigger.animate--fade-in {
    display: none;
  }
  .CV_collection_bundle .banner_mobileImage {
    display: block;
    margin-top: 9rem;
  }
  .CV_collection_mix-better .banner_mobileImage img {
        margin-top: 40px;
    margin-bottom: -8px;
  }
  .c-mix-neon .banner__media.media.scroll-trigger.animate--fade-in {
        display: block;
  }
  .CV_page_our-story .banner__media.media.scroll-trigger.animate--fade-in {
    display: none;
  }
  .CV_page_our-story .banner_mobileImage {
    margin-top: 9rem;
  }
  .header__heading-logo {
    width: 90px;
  }
  .productBundle-img a img.background {
    width: 100%;
    height: auto;
  }
  .productBundle-img a img {
    width: 60%;
  }
  .header__icon, .header__icon--cart .icon {
    height: 3.4rem;
    width: 3.4rem;
    padding: 0;
  }
  a.header__icon.header__icon--account.link.focus-inset.small-hide {
    text-align: center;
  }
  .menu-rightside {
    display: none;
}
  .starsvg svg{
    width:20px;
  }
  .c-sweet_spot div#ImageWithText--template--15319032299563__image_with_text_det6Fb {
    margin: 0px auto;
    max-width: 90%;
    padding: 2.5rem;
    max-height: 100%;
  }
  .c-sweet_spot .image-with-text__text-item.grid__item {
    margin-top: -18px; 
    /* margin-top: -50px; */
  }
  .blogtitle-btn-content {
    padding: 0px 3rem 0px 3rem;
  }
  .blog-Heading h2 {
    font-size: 28px;
    line-height: 38.5px;
  }
  .readmore-btn a {
    font-size: 20px;
  }
  .readmore-btn a svg {
    margin-bottom: -6px;
    width: 20px;
  }
  .Image-titleDIV > .article-template {
    max-width: 100%;
    width: 100%;
  }
  .Image-titleDIV > header.page-width.page-width--narrow {
    max-width: 100%;
    width: 100%;
    padding: 0rem 3rem 0px 3rem;
    margin: 3rem 0px;
  }
  .Image-titleDIV > header.page-width.page-width--narrow h1 {
    font-size: 30px;
    line-height: 38.5px;
  }
  .CV_article .article-template__content.page-width.rte p {
    font-size: 20px;
    line-height: 28px;
  }
  .CV_article .article-template__content.page-width.rte p strong {
    font-size: 30px;
    line-height: 34px;
  }
  
  .c-banner_box .banner__text.rte {
        margin-top: -3px;
  }
}