/** Shopify CDN: Minification failed

Line 457:49 Unexpected "@media"
Line 584:30 "ont-weight" is not a known CSS property
Line 2868:40 Expected identifier but found "`"
Line 3071:46 Unexpected "/"

**/



  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
html#frequently-asked-questions-faq-aavrani, body#frequently-asked-questions-faq-aavrani {
    overflow: inherit;
}
/* [data-item-title='Hydra Bottle']{pointer-events:none;} */
  :root{
    --Aavrani-Blue:#0047BB;
    --Background: #F6FAFF;
    --Charcoal: #2C2E30;
    --White: #fff;
    --Lightest-Blue: #C3D3F9;
    --primary-aavrani-blue: #0047BB;
    --Secondary-Blue:#457BD7;
    --Cream-Web:#F1F1F1;
    --Tertiary-Blue: #6891EF;
    --Style: rgba(60, 60, 67, 0.85);
    --primary-charcoal: #2C2E30;
    --Hibiscus: #FF5A2D;
    --Amla: #D7D73A;
  }
.free_gift_condition_2 .when_added{display:none;}
.free_gift_condition_2 .when_no_added{display:none;}
.product_card.hidedd{display:none !important;}
.announcement__text>div{opacity:1 !important;}
.mb-0{margin-bottom: 0 !important;}
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }

.toggle-menu-tab .scroll{-webkit-user-drag: element;}
#free_item_in_cart{opacity:0; width:0; height:0;}
.cart__item.noClickable{pointer-events:none; touch-action:none; z-index:1;}
  @font-face {
    font-family:"Proxima Nova Rg";
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family:"Proxima Nova Rg";
    src: url('/cdn/shop/files/ProximaNova-Bold.woff2?v=1701686044') format('woff2'),
        url('/cdn/shop/files/ProximaNova-Bold.woff?v=1701686045') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: 'Proxima Nova Alt Lt';
    src: url('/cdn/shop/files/ProximaNovaA-Semibold.woff2?v=1740064173') format('woff2'),
        url('/cdn/shop/files/ProximaNovaA-Semibold.woff?v=1740064173') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


  @font-face {
    font-family:"Proxima Nova Bg";
    src: url('/cdn/shop/files/ProximaNova-Bold.woff2?v=1701686044') format('woff2'),
        url('/cdn/shop/files/ProximaNova-Bold.woff?v=1701686045') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
.deferred-media__poster-button{background:transparent;}
.deferred-media__poster-button svg{width:60px; height:60px;}
.btn.justify-content-center{justify-content:center !important;}
.swatch-element.soldout{display:none;}
.faq_aside ul li .widget__link{transition:none;}
.hero-banner-content h1{font-weight:300;}
/* .hero-banner-content h1 strong{font-weight:300 !important;} */
/* .yotpo-widget-instance{margin:10px 0;} */
.yotpo-widget-instance, .yotpo-widget-clear{cursor:pointer !important;}
.subscribe_radio .cus-radio{cursor:pointer;}
html.template-index  {
    overflow-x: hidden;
} 

a.btn.btn-quiz:hover{
  border-color: #0047BB;
  background: rgba(62, 116, 207, 0.69);
  color:#fff;
}
a.btn.btn-quiz:active{
  border-color: #0047BB;
  background: rgba(104, 145, 239, 0.56);
  color:#fff;
}
.drawer__inner{transition:opacity .1s ease,transform .2s ease,visibility 0s linear .1s;}
.hero-banner{
opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;  
}
ol li, ul li{font-weight:normal;}
.slick-initialized.hero-banner{ visibility: visible;
    opacity: 1;    }
  body {
    margin: 0;
    background-color: var(--White) ;
    -webkit-text-size-adjust: 100%;
    font-size: 18px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
   font-family: "proxima-nova",sans-serif;
    color: #101828;
    direction: ltr;
    font-stretch:normal;
  }

  hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
  }

  hr:not([size]) {
    height: 1px;
  }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  font-family: 'Lekton', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  }
.form-field .error ul{list-style:none; margin:0; padding:0;}
form .errors,
.form-errors {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: none;
  color: red;
}
.w-100{width:100% !important;}
form .errors ul,
.form-errors ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: inherit;
  text-align:center;
  line-height:1;
  font-size:18px;
  line-height:150%;
  font-family:'proxima-nova', sans-serif;
}
.contact-form .form-success {
    margin: 0;
    max-width: 100%;
    border: none;
    padding: 0;
  box-shadow:none;
}
.cart__buttons-all+p{font-size:13px; text-align:center}
.free-shipping__default-message p, .free-shipping__success-message p{font-size:12px;}
.contact-form-required{line-height:9px;}
  .h1, h1 {  font-size: 65px; letter-spacing: 4.55px;}
  .h2, h2 {font-size: 32px;line-height: 140%; letter-spacing: 3.2px;}
  .h3, h3 { font-size: 28px; line-height: 140%; letter-spacing: 2.8px;}
  .h4, h4 { font-size: 24px;line-height: 140%;letter-spacing: 2px;}
  .h5, h5 {font-size: 24px;line-height: 140%;font-family:"proxima-nova";text-transform: inherit; font-weight: normal;letter-spacing: normal;}
  .h6, h6 {font-size: 18px; line-height: 140%; letter-spacing: 1.8px;}
  .mb-1{margin-bottom:5px;}
  .mb-2{margin-bottom:10px;}
  .mb-3{margin-bottom:15px;}
  p{margin-top: 0; font-size: 18px; line-height: 140%; font-family:"proxima-nova";font-weight: normal;  }
  small{font-size: 16px; line-height: 140%;}
  .img-fluid{max-width: 100%; height: auto;}
  .container{/*max-width: 1552px;*/ max-width: 1252px; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px;}
  .btn{display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: transparent; position: relative;   text-align: center; border:2px solid transparent;  letter-spacing: 2.52px;   text-transform: uppercase; font-family: "proxima-nova",sans-serif;   font-weight: 700;font-size: 16px;line-height: 1; border-radius: 0; text-align: center; padding:22px;   text-decoration: none; cursor: pointer;
       /* -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; */
      }
  .btn-primary{background: var(--Aavrani-Blue); border: 2px solid var(--Aavrani-Blue);  color: var(--White); }
  .btn-primary:hover:not([disabled]), button#AddToCart:disabled{background: var(--Secondary-Blue) !important; color: var(--White); border-color: var(--Secondary-Blue) !important;   }
.btn-primary:active:not([disabled]){background: var(--Tertiary-Blue, #6891EF) !important; border-color: #6891EF !important;  color: var(--White) !important; }
 .btn-maroon{background:#d74761; border: 2px solid #d74761;  color: var(--White); }
  .btn-maroon:hover:not([disabled]){background: #d74761 !important; color: var(--White); border-color: #d74761 !important;   }
.btn-maroon:active:not([disabled]){background: #d74761 !important; border-color: #d74761 !important;  color: var(--White) !important; }
 /* .btn-primary:focus, .btn-primary:active */
  .btn-primary.is-loading{background: var(--Secondary-Blue) !important; color: var(--White) !important; border-color: var(--Secondary-Blue) !important; }
  .btn-outline{background: var(--White); color: var(--Aavrani-Blue);  border: 2px solid var(--Aavrani-Blue);}
  .btn-outline:hover{border: 2px solid var(--Aavrani-Blue) !important; background: var(--Secondary-Blue) !important; color: var(--White) !important}
  
  .btn-outline:active{border: 2px solid var(--Aavrani-Blue) !important; /*background: rgba(104, 145, 239, 0.56) !important;*/ background: var(--Tertiary-Blue) !important; color: var(--White) !important;}
  .btn-secondary{background: #FF1485; border: 2px solid #FF1485;  color: var(--White); }
  .btn-secondary:hover{background: var(--White) !important; color: #FF1485 !important;}
  .btn:disabled{background: rgba(60, 60, 67, 1); border-color:rgba(60, 60, 67, 1); color: var(--White); opacity:1; pointer-events:none;}
.btn:disabled:hover{background: rgba(60, 60, 67, 1); border-color:rgba(60, 60, 67, 1);}

 .btn-primary.is-loading:disabled, .btn-primary.is-added:disabled{background: var(--Tertiary-Blue) !important; color: var(--White) !important; border-color: var(--Tertiary-Blue, #6891EF) !important; }
  .btn-white{background: var(--White); color: var(--Aavrani-Blue); border-color: var(--White);}
   .btn-white:hover{background: #3E74CF; color: var(--White);border-color:  #0047BB; }
/* @media screen and (min-width:768px){
body{cursor: url('lychee-normal.png') 29 29, auto;}
  a, button{cursor: url('lychee-normal-hover.png') 29 29, auto !important;}
  a:hover, button:hover{cursor: url('lychee-normal-hover.png') 29 29, auto !important;}
} */
@media (hover: hover) {

 
  
}
  .btn-white:active{background: var(--Tertiary-Blue, #6891EF); color: var(--White); border-color: var(--Aavrani-Blue);}
.btn-white:disabled{background: var(--Style, #6B6D76); color: var(--White); border: 2px solid var(--Aavrani-Blue); opacity:1; pointer-events:none;}




  .btn-outline-w{border: 2px solid var(--White); color: var(--White);}
  .btn-outline-w:hover{color: #000; background: var(--White);}
  .btn-lg{min-width: 280px;}
  .mobile-show{display: none  !important;}


  .slick-dots{margin: 0; margin-top: 18px; position: relative; bottom: auto;}
  .slick-dots li{width: 8px; height: 8px; border-radius: 50%; background: var(--Lightest-Blue, #C3D3F9);}
  .slick-dots li.slick-active{background: var(--Aavrani-Blue);}
  .slick-dots li button{display: none;}

  .slick-arrow{width: 54px; height: 54px; z-index: 2; background: var(--White); border-radius: 50%;}
  .slick-arrow::before{display: none;}
  .slick-prev {left: -5%;}
  .slick-next {right: -5%;}
  .text-center{text-align: center;}
  .text-left{text-align: left;}
  .text-right{text-align: right;}
  b, strong{font-weight: 700;}

/* .scroll::-webkit-scrollbar, .scroll::horizontal {width: 100%; background: var(--Lightest-Blue);  height: 2px; margin-left: 14px; margin-right: 14px;}
.scroll::-webkit-scrollbar-track, .scroll::scrollbar-track { background: var(--Lightest-Blue) ; display: block; height: 2px !important; margin-left: 14px; margin-right: 14px;  }

 .scroll::-webkit-scrollbar:horizontal{height: 2px; width: 100%;  background-color:  var(--Lightest-Blue) ;}
 .scroll::-webkit-scrollbar-thumb:horizontal{ background: var(--primary-aavrani-blue); border-radius: 0; margin-left: 14px; margin-right: 14px;}
 .scroll::-webkit-scrollbar-track:horizontal, .scroll::scrollbar:horizontal{margin-left: 14px; margin-right: 14px;}
.scroll::-webkit-scrollbar-thumb, .scroll::scrollbar-thumb { background: var(--primary-aavrani-blue) ; display: block; }
.scroll::-webkit-scrollbar-thumb:hover {background: var(--primary-aavrani-blue) ; display: block;  } */
.scroll, .scroll2 {
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #0047BB #C3D3F9;
     
}
.drawer__menu{overflow-x:auto;}
.drawer--header.is-open .drawer__inner{transform:translateX(100%);}

.scrollbar .mCSB_scrollTools .mCSB_draggerContainer{background-color:  var(--Lightest-Blue) ; height: 2px; left:0; right:0; margin: 0;}
.scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: var(--primary-aavrani-blue); height: 2px; margin:0;}
.scrollbar  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{display:none;}

.explore-collection .scroll .mCSB_scrollTools .mCSB_draggerContainer{left:16px; right:16px;}
.mCSB_scrollTools{opacity:1;}
  .mobile-xs-show{display: none  !important;}
.scroll.explore-collection-row .mCSB_horizontal.mCSB_inside>.mCSB_container {  margin-right: 0;  margin-bottom: 30px;}
.scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:2px;}

.scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:16px; right:16px;}


  /* Reset CSS ends */
  .PageOverlay {width: 100%;height: 100%; position: fixed;background: rgba(11, 23, 26,0.15);top: 0;left: 0; z-index: 5;opacity: 0;visibility: hidden;}
  .PageOverlay.is-visible{opacity: 1; visibility: visible;}
  .no-scroll .PageOverlay{opacity: 1; visibility: visible;}
  body.no-scroll{overflow: hidden;}


  .menu-btn {display: none; }
  .header__nav-button { background: transparent;width: 24px;height: 16px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  .header__nav-button:hover, .header__nav-button:focus { outline: none; }
  .header__nav-button > span {background: var(--White);display: block;position: absolute;height: 2px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);-o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); }
  .header__nav-button > span:nth-child(1) { top: 0px; }
  .header__nav-button > span:nth-child(2) {top: 8px; }
  .header__nav-button > span:nth-child(3) {top: 16px; }
  .header__nav-button.header__nav-button_open > span:nth-child(1), .mm-opened .header__nav-button  > span:nth-child(1)  {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
  .header__nav-button.header__nav-button_open > span:nth-child(2), .mm-opened .header__nav-button  > span:nth-child(2) {opacity: 0;left: -60px; }
  .header__nav-button.header__nav-button_open > span:nth-child(3), .mm-opened .header__nav-button  > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
  .header__nav-button.header__nav-button_open > span, .mm-opened .header__nav-button  > span{background: #000;}

.announcement__text p {
    color: var(--Aavrani-Blue, var(--Aavrani-Blue, #0047BB));
     font-family: 'Lekton', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

  /* header css*/
.announcement-bar-link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
  .header_wrap{background: var(--Aavrani-Blue);padding-top: 16px; padding-bottom: 16px;}
  .header_row{display: flex; align-items: center;}
  .logo a{display: block; max-width: 151px;}
  .logo a img{display: block;}
  .menu-list ul{list-style: none; display: flex; align-items: center; margin: 0; padding: 0;}
  .nav_element{font-size: 16px;font-style: normal; font-weight: 700; line-height: normal;letter-spacing: 1.6px; margin: 0; text-transform: uppercase; margin: 0 32px;}
  .nav_element>a{color: var(--White); text-decoration: none; position: relative;}
  .nav_element>a::before{content: ""; width: 47.5px; height: 7.563px; background: url(../img/menu-before.svg) no-repeat center; background-size: cover; display: block; position: absolute; bottom: -2px; opacity: 0; visibility: hidden; transition: 0.5s ease all; left: 50%; transform: translateX(-50%);}
  .nav_element:hover>a::before, .nav_element.active>a::before{opacity: 1; visibility: visible;}
  .nav_element>a img{display: inline-block; vertical-align: middle;}
  .header_item{display: flex; align-items: center;}
  .menu-list{flex: 1 0 0; margin-left: 68px;}
  .menu-right {justify-content: flex-end;}
  .menu-right a{color: var(--White);font-size: 17px; font-style: normal; display: inline-flex; align-items: flex-start; font-weight: 700;line-height: normal;letter-spacing: 1.7px;text-transform: uppercase; text-decoration: none;}
  .menu-right a~a{margin-left: 24px;}
  .menu-right a img{margin-right: 5px; display: block;}
.header__mobile__bottom { border-top: 0.5px solid #FFF;}
.header__mobile__nav .navlink{font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
   letter-spacing: 0.98px; padding:5.5px var(--inner);
    text-transform: uppercase;}
.header__mobile__nav .navlink .navtext{font-weight:400; font-size: 16px; letter-spacing: 0.98px;}
.header__mobile{padding-left:0; padding-right:0;}
.announcement__text p a{padding-bottom:0;}
.mega-menu { position: absolute;top: 100%;left: 0; width: 100%; background: #f6faff; opacity:0; visibility: hidden;pointer-events: none; transition: .5s ease all;     border-bottom: 2px solid #C3D3F9;}
.mega-menu-tab {  border-bottom: 1px solid #C3D3F9;padding: 16px; padding-bottom:15px; }
.mega-menu-tab ul {  display: flex;  align-items: center; justify-content: center; gap: 40px; margin: 0; padding: 0;}
.mega-menu-tab ul li { font-size: 16px;font-weight: 700; line-height:1;}
.mega-menu-tab ul li a { color: #2C2E30; font-family: 'Lekton', sans-serif;     display: inline-block; padding-bottom:4px; text-transform: uppercase;  border-bottom:1px solid transparent}
.mega-menu-tab ul li a.active{border-color:#0047BB}
.mega-menu-tab ul li .tag {  background: #D7D73A; color: #2C2E30; font-size: 8.21px; line-height: 1; padding: 2px 9.5px;  border-radius: 20px; vertical-align: middle; margin-left: 4px;}

.mega-menu-tab-content { padding: 46px 15px;}
.menu-tab-box-inner {  max-width: 1170px; /* 1013px*/ margin: 0 auto; display: flex; justify-content: space-between;align-items: flex-start;}
.menu-child h6 { color: #2C2E30; font-weight: 700; letter-spacing: normal; line-height:1; margin-bottom:17px;}
.menu-child ul li a { color: #2C2E30; font-weight: 400; display: inline-flex;align-items: center;}
.menu-child ul li { font-size: 18px;line-height: 1; font-weight: 400; font-family: "proxima-nova"; margin-bottom: 0; padding-bottom:23px; display: flex;align-items: center; white-space:normal;}
.menu-child ul li .tag.save-tag { font-size: 8.21px; white-space:nowrap; line-height: 1;background: #0047BB; border-radius: 20px;color: #fff; font-weight: 700; padding: 3.5px 11px;margin-left: 8px;}
.all-pro { color: #0047BB; font-family: "proxima-nova"; font-weight: 700; text-decoration: underline; display: inline-block;  margin-top: 5px;}
.all-pro:hover{color:#3E74CF}
.menu-banner.bg-imgs { max-width: 598px;min-height: 285px; width: 100%; position:relative;  padding:0 25px 25px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.menu-banner.bg-imgs img{width:100%; display:block;}
.menu-banner.bg-imgs h3 { margin-bottom: 15px;}
.menu-banner.bg-imgs p {font-family: "proxima-nova"; margin-bottom: 24px;}
.menu-banner.bg-imgs p strong { font-family: "proxima-nova"; font-weight: 700;}
.menu-banner.bg-imgs .btn { font-size: 9.6px; line-height: 1; padding: 13px 13px 12px; min-width: 139px; text-align: center;}
.menu-tab-box { display: none;}
.menu-tab-box-inner.two-colum .menu-banner.bg-img {max-width: 492px;}
.menu-tab-box-inner.two-colum .menu-child ul {column-count: 2; gap: 70px;}
.menu-tab-box-inner.two-colum .menu-banner.bg-img p { margin-bottom: 15px;}
.menu-tab-box-inner .menu-banner.bg-img h3 { margin-bottom: 0;}
.menu-banner.bg-img img.fpo-icon { position: absolute; right: 15px;  top: 20px;}
.menu-tab-box-inner.two-colum .menu-banner.bg-img img.fpo-icon { left: 134px; right: auto;top: 20px;}
.menu-tab-box-inner.two-colum .menu-banner.bg-imgs {
    padding: 0;
    max-width: 426px;
}
.menu__item .icon-plus:before { content: ""; width: 8px; height: 2px; background-color: #fff; position: absolute; top: -1px; transform: rotate(90deg); left: 0;}
.menu__item .icon-plus:after { content: ""; width: 8px; height: 2px; background-color: #fff; position: absolute; top: -1px; transform: rotate(0); left: 0;}
.menu__item .icon-plus {  position: relative; width: 8px; margin-left: 2px;}
.menu__item .navtext{padding: 5.5px 4px 3.5px; border: 1px solid transparent;}
.menu__item.child span.navtext {display: flex !important; align-items: center; border: 1px solid transparent;padding: 5.5px 4px 3.5px;}
.menu__item.child:hover  span.navtext {border-color:#fff;}
.menu__item.child:hover .icon-plus:before { opacity: 0;}
.menu__item.child:hover .mega-menu{opacity:1; visibility:visible; pointer-events:inherit}

.theme__header .section-padding.container {
    padding-top: 0;
    padding-bottom: 0;
}
.menu-tab-box-inner.two-colum {
    gap: 10px;
}
.mobile-tab-menu.sliderule__wrapper { padding: 16px 14px 16px 15px;   }
.mobile-tab-content { border-radius: 15px;  border: 1px solid var(--Aavrani-Blue, #0047BB);background: var(--White, #FFF); padding: 17.5px 15px; margin-bottom: 16px;}
.mobile-tab-content>h6 {margin: 0;color: var(--Charcoal, #2C2E30); position: relative; font-size: 16px; font-style: normal;font-weight: 700;line-height: 1;  text-transform: uppercase;padding-left: 23px;}
.mobile-tab-content>h6:before { content: ""; width: 10px; height: 2px; background-color: #2C2E30; position: absolute; top: 6px; transform: rotate(90deg); left: 0;}
.mobile-tab-content>h6:after { content: ""; width: 10px; height: 2px; background-color: #2C2E30; position: absolute; top: 6px; transform: rotate(0); left: 0;}
.mobile-tab-content>h6 .tag {  background: #D7D73A; color: #2C2E30;font-family: "proxima-nova"; font-size: 8.21px; line-height: 1; padding: 2px 6px;  border-radius: 20px; vertical-align: middle; position:relative; top:-2px; margin-left: 0;}
 .header__wrapper .drawer__inner {background: var(--Background, #F6FAFF);} 
.drawer__inner .pro-all { color: #0047BB; display:flex; align-items:center; font-family: "proxima-nova"; font-size: 16px; font-style: normal; font-weight: 700;line-height: 140%; text-decoration-line: underline; text-transform: capitalize;}
.drawer__inner .pro-all:hover{color:#3E74CF}
.drawer--header .drawer__inner .drawer__head{background: #0047BB; } 
.drawer__inner .pro-all svg { display: block; margin-left: 10px;}
.quiz-btn-m .btn {font-size: 18px;font-weight: 700; line-height: normal;letter-spacing: 1.8px; text-transform: uppercase; padding: 8px 13px 4px; font-family: 'Lekton', sans-serif; line-height: 1;}
.quiz-btn-m { margin-top: 30px;}

.mobile-menu-banner.bg-imgs { margin: 16px 0 30px; /*padding: 29px 17px; background-size: cover; background-position: center;*/}
.mobile-menu-banner.bg-imgs img{width:100%; height:auto; display:block;}
.mobile-menu-banner.bg-img h4 { margin: 0; color: #000; font-style: normal; text-transform: uppercase; width: 40%;}
.mobile-menu-links>ul>li { color: var(--Charcoal, #2C2E30);font-family: 'Lekton', sans-serif;  font-size: 14px;font-style: normal;font-weight: 700;line-height: 1; /* 19.6px */ letter-spacing: 0.98px;text-transform: uppercase; padding-bottom: 22px;}
.mobile-menu-links>ul>li>a {color: var(--Charcoal, #2C2E30); position:relative;padding-left: 33px; }
.m-dropdown li { font-family: "proxima-nova"; font-size: 10px; font-style: normal; font-weight: 400;line-height: 140%; margin-bottom: 10px; text-transform: initial;}
.m-dropdown li a { color: var(--Charcoal, #2C2E30);}
ul.m-dropdown { padding-left: 33px !important; padding-top: 12px;padding-bottom: 0;     display: none; width:100% !important}
/* .m-droplink:before { content: ""; width: 8px; height: 2px; background-color: #2C2E30; position: absolute; top: 10px; transform: rotate(90deg); left: 9px;}
.m-droplink:after { content: ""; width: 8px; height: 2px; background-color: #2C2E30; position: absolute; top: 10px; transform: rotate(0); left: 9px;} */
.m-droplink:before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #2C2E30;
    position: absolute;
    top: 10px;
    transform: rotate(90deg);
    left: 8px;
}
.m-droplink:after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #2C2E30;
    position: absolute;
    top: 10px;
    transform: rotate(0) ;
    left: 8px;
}
.m-droplink:before {
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
@media {
top:5px;
}
}
}
.m-droplink:after {
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
@media {
top:5px;
}
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .m-droplink:after, .m-droplink:before { 
top:5px

    }
}
@supports (-webkit-hyphens:none) { .m-droplink:after, .m-droplink:before {top:5px} }
@media not all and (min-resolution:.001dpcm) { > @media { .m-droplink:after, .m-droplink:before {top:5px} }}
  /* @media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) {

    
}} */

.active.m-droplink:before, .mobile-tab-content>h6.active:before{opacity:0;}
.menu-product-wrap { display: flex; gap: 10px; padding-bottom: 19px;}

.menu-product-wrap .single-prod { min-width: 100px; width: 100px;}

.menu-product-wrap .single-prod .img {  width: 100px; background: #D9D9D9; border-radius: 12px; overflow: hidden;  display: block; margin-bottom: 10px;}

.menu-product-wrap .single-prod .img img { display: block;}

.menu-product-wrap .single-prod h5 { font-size: 10px;color: var(--Charcoal, #2C2E30); font-weight: 700; line-height: 140%; letter-spacing: normal;margin-bottom: 6px;}

.menu-product-wrap .single-prod h5 a { color: var(--Charcoal, #2C2E30);}
.menu-product-wrap .single-prod p {color: var(--Charcoal, #2C2E30); font-size: 9px;  font-style: normal; font-weight: 400; line-height: 140%; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ margin: 0;}
.toggle-menu-tab { padding-top: 10px; display:none; }
.toggle-menu-tab .scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal {left: 0;right: 0;}
.toggle-menu-tab .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 0;}
.toggle-menu-tab .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:4px;}
.header__wrapper .drawer__inner {max-width: 100%; /*top:calc( var(--header-height) - 36px);*/}

.drawer--header .drawer__inner .drawer__head{display: flex; justify-content:space-between}
.header-item-me { flex: 1 0 0;  align-items: center;display: flex;}

.drawer--header .drawer__inner .drawer__head .header-item-me:nth-child(2) {justify-content: center;}

.header__wrapper .drawer--header .drawer__close { top: auto; left: 0;position: relative;transform: none; padding:  0;}

.header-item-me a.header__logo__link {  display: block; margin: 0 auto;max-width: 140px;}

.header-item-me a.header__logo__link figure.logo__img { position: relative;}
.header__wrapper .drawer__close .icon {
    display: block;
    fill: currentColor;
    transition: transform .3s;
    pointer-events: none;
    width: 34px;
    height: 30px;
}

  /* home banner css*/
  .hero-banner{background: var(--Background); margin:0;}
 .hero-banner .item{display: flex; justify-content: space-between; align-items: center; height: inherit;}
  .hero-banner-img {width: 50%; height: 100%; }
  .hero-banner-img img{display: block; width: 100%; height: 100%; object-fit: cover;}
  .hero-banner-content {width: 45%;}
  .hero-banner-content .content-inner{max-width: 590px; margin: 0 ; }
  .hero-banner-content h3{color:var(--Aavrani-Blue); margin-bottom: 4px;font-size: 26px;font-style: normal;font-weight: 400;line-height: 140%; /* 36.4px */letter-spacing: 2.6px;text-transform: uppercase;}
  .hero-banner-content h2, .hero-banner-content h1{ color:var(--Aavrani-Blue); font-size: 65px;font-style: normal;font-weight: 300;line-height: 1;letter-spacing: normal; margin-bottom:3px;}
  .hero-banner-content h4{margin-bottom: 41px; font-size:20px; font-weight: 300; line-height:120%; color: var(--Charcoal);}
  .btn-group{display: flex; gap:20px;}
  .btn-group .btn{width: 38.5%;  }
 .hero-banner-content .btn{max-width:228px; padding:22px 5px;}
.hero-banner .slick-dots{margin:0; position:absolute; text-align:center; bottom:30px;}
.hero-banner-content h3 a, .hero-banner-content h2 a, .hero-banner-content h4 a {text-decoration:underline}
.hero-banner-content h3 strong, .hero-banner-content h2 strong, .hero-banner-content h1 strong, .hero-banner-content h4 strong {font-weight:700 }

.hero-banner .slick-track { display: flex;height: inherit;}
.full-bleed .hero-banner-img { width: 100%;  height: 100%;}
.hero-banner .item.full-bleed {display: block; position: relative; height: inherit;}
.full-bleed .hero-banner-img img, .full-bleed .hero-banner-img video { width: 100%; height: 100%; object-fit: cover;}
.hero-banner .item.full-bleed-left .hero-banner-content {width: auto;position: absolute;top: 46%; left: calc((100% - 1220px)/2); transform: translateY(-50%);}
.hero-banner .item.full-bleed-right .hero-banner-content {width: auto;position: absolute;top: 46%; text-align:right; right: calc((100% - 1220px)/2); transform: translateY(-50%);}
.hero-banner .item.full-bleed-right .btn-group {justify-content: flex-end;}

.hero-banner .item.full-bleed-top .hero-banner-content {width: 100%;position: absolute;top: 11%; text-align:center; }
.hero-banner .item.full-bleed-top .btn-group {justify-content: center;}
.full-bleed-top .hero-banner-content .content-inner {max-width: 662px;  margin: 0 auto;}
.hero-banner .item.full-bleed-left .hero-banner-content{text-align:left !important;}
.hero-banner .item.full-bleed-center .hero-banner-content {width: 100%;position: absolute;top: 47%; text-align:center; transform: translateY(-50%); }
.hero-banner .item.full-bleed-center .btn-group {justify-content: center;}
.full-bleed-center .hero-banner-content .content-inner {max-width: 662px;  margin: 0 auto;}

.btn.flex span.price2 s {
    font-size: 14px;
    color: #C3D3F9;
    font-weight: 400;
    margin-left: 5px;
}
#digital-gift-card .pro-icon-text{margin-top:2px;}


@media (min-width:992px) {
.hero-banner-content .content-inner{min-width:590px;}
  .scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal{display:none !important;}
  .scroll.explore-collection-row .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:0 !important;}
   .scroll2 .mCSB_scrollTools.mCSB_scrollTools_horizontal{display:none !important;}

}

/* slide cart */
.drawer--cart .drawer__head h3 {
    color: #2C2E30;
    font-family:"proxima-nova";
}
.drawer--cart .drawer__close{color: #2C2E30;     font-size:20px; font-weight:500;  font-family: "proxima-nova";}
.drawer--cart .free-shipping, p.drawer__empty__message{color: #2C2E30;font-family:"proxima-nova";}
.drawer__empty.is-hidden{padding:0; height:0; margin:0 !important;}
.drawer__empty__item .btn { width: 100%;}
.cart__item__title, .cart__item__title a, .cart__quantity .cart__quantity-field, .cart__item__selected-options, .cart__item__property, .cart__price, .cart__item__remove, .cart__total__label, .cart__total__price, em.cart__note { color: #2C2E30;} 
.cart__total__price.cart__total__price--animated {
    font-weight: 700;
}
.drawer--cart quantity-counter.cart__quantity-counter button{color: #2C2E30;}
.drawer--cart .cart__quantity .icon {
    --icon-size: 17px;
}

@media (max-width:1220px) {
 .item.half-bleed .hero-banner-content .content-inner {
    min-width: 100%;
}
}


  /*inspiredby section*/
  .a-inspiredby{background: var(--White, var(--White)); box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); position: relative; padding-top: 101px; padding-bottom: 101px;}
  /* .a-inspiredby::before{content: ""; width: 24%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: url(../img/inspiredby-before.svg) no-repeat center right; background-size: cover;}
  .a-inspiredby::after{content: ""; width: 28%; height: 100%; display: block; position: absolute; right: 0; top: 0; background: url(../img/inspiredby-after.svg) no-repeat top left; background-size: cover;}*/
  .inspiredby-content{max-width: 877px; margin: 0 auto; position: relative; z-index: 1; text-align: center;} 
  .inspiredby-content h2{color: var(--White, #FFF); font-weight: 400; margin-bottom: 16px;}
  .inspiredby-content h2 b, .inspiredby-content h2 strong{font-weight: 700;}
  .inspiredby-content h5{text-transform: inherit; color: var(--White, #FFF); font-weight: 500;}
.inspiredby-content h5 strong{ont-weight: 700;}
.inspiredby-content h2 a,   .inspiredby-content h5 a{color:currentcolor; text-decoration:underline}

  .inspiredby-blocks{display: inline-flex;gap: 80px; justify-content: center; flex-wrap: wrap; margin-top: 50px; }
  .inspiredby-item .icon{min-height: 75px; width:auto; height:auto; display: flex; align-items: center; justify-content: center; margin-bottom: 8px;}
.inspiredby-item .icon img {width: auto; max-height: 75px;}
  .inspiredby-item  h4{color: var(--White, #FFF); font-weight: 600; font-family:"proxima-nova"; margin: 0;}

.a-inspiredby {position: relative;overflow: hidden;}
.video-backgrounds {width: 100%; height: 100%; position: absolute; left: 0;top: 0;z-index: 1; display: inline;object-fit: cover; object-position: center;}

.collection-footer-wrap.a-inspiredby2 {background: #fff;}

.collection-footer-wrap.a-inspiredby2:after { display: none;}
* {
    box-sizing: border-box;
}
  /* home collection css*/
  .a-collection{background: var(--Background); padding-top: 64px; padding-bottom: 64px; position:relative}
 .a-collection:before{content:''; width:595px; height:197px; display:block; position:absolute; bottom:0; left:0; background:url(bg-col-list.svg)no-repeat top center; background-size:cover;}
 .a-collection .container{position:relative; min-height:852px;}
  .a-collection .section-head{text-align:left; margin-bottom: 8px;}
  .a-collection .section-head h2{margin-bottom: 10px; color: var(--Charcoal, #2C2E30); }
  .a-collection .section-head h5{ margin: 0px;}
  .a-collection .d-flex{display: flex; align-items: center; justify-content: space-between;}
  .tab-menu ul{list-style: none; display: flex; margin: 0; padding: 0; border: 1px solid var(--Aavrani-Blue);}
 .tab-menu ul li{margin:0;}
  .tab-menu ul li~li{border-left: 1px solid var(--Aavrani-Blue);}
  .tab-menu ul li a{padding: 18px 19px 17px; min-width:162px; text-align:center; display: block; font-family: 'Lekton'; font-size: 18px; text-decoration: none; color: #000; font-style: normal;font-weight: 700; line-height: 140%; letter-spacing: 1.26px; text-transform: uppercase;}
  .tab-menu ul li a.active{background:var(--Aavrani-Blue) ; color: var(--White);}
  .tab-box{display: none; margin:0 -12px;}
  .tab-contents {padding-top: 48px;}
  .tab-row { display: flex; flex-wrap: wrap; margin: 0 ;}
  .scroll{overflow-x:auto;}
  .product_card {padding: 0 12px;width: 25%; /*float:left;*/ display: flex; flex-direction: column; justify-content: space-between; margin-bottom:32px;}
  .product-card-img {position: relative; border: 1px solid var(--Aavrani-Blue); background:  lightgray 9px 24.333px / 95.028% 89.185% no-repeat, var(--Cream-Web, #F1F1F1);}
  .product-card-img a{display: block; position: relative;}
.product-card-img a img{transition: 0.5s ease all;}
.product-card-img a>*:not(:only-child):last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}
@media screen and (min-width:992px){
  .product-card-img:hover a>*:not(:only-child):last-child { opacity: 1;  z-index: 2;}
}

.a-collection .product-card-img a{padding-top:125%;}
.a-collection .product-card-img a>img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}

  .product-card-img a img{width: 100%; display: block;}
.product-tag{position: absolute; z-index:10; top:16px; right: 16px; font-family: "proxima-nova",sans-serif;  border-radius: 28px;background:  #D7D73A; padding: 10px 16px; color: var(--Charcoal);text-align: center; font-size: 18px;font-style: normal;font-weight: 700;line-height: 1; letter-spacing: 1.8px; text-transform: uppercase;} 
  .product-tag.tag-new{background:  #D7D73A; color: var(--Charcoal); font-family: "proxima-nova",sans-serif; z-index:2;  text-transform: uppercase;} 
.product-tag.tag-new-out{color: #000;
    font-family: "proxima-nova", sans-serif;
    z-index: 2;
    text-transform: uppercase;
    background: #FF5A2D;}
.product-tag.tag-coming-soon{background:var(--Lightest-Blue);}
.product-tag.tag-gift-worthy{background:#b54F8C; color:#ffffff;}
.product-tag.save{background:  #FF6FFF; color: var(--Charcoal); font-family: "proxima-nova",sans-serif;  text-transform: uppercase;} 
.product__wrapper--thumbnails-left .product__images{position:relative;}
.badge_comingsoon{z-index:3; font-weight:700; text-transform:uppercase; background:var(--Lightest-Blue); padding:8px 16px; font-family: "proxima-nova",sans-serif;  border-radius: 28px; font-size:18px; letter-spacing:3.25px; top:33px; right:25px; position:absolute;}
  .product-card-content{margin-top: 16px;}
  .product-card-content div.flex{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 5px;}
  .product-card-content h4{margin: 0; letter-spacing: 1.26px; font-size:18px; max-width:85%;}
  .product-card-content h4 a{color: var(--Charcoal); text-decoration: none;}
  .product-card-content h5{  font-family: 'Lekton', sans-serif; display: flex;  font-weight: 700;line-height: 140%;letter-spacing: 1.26px; font-size: 18px; color: var(--Charcoal); margin: 0; }
  .product-card-content h5 .compare{text-decoration: line-through; margin-left: 7px;}
.product-card-content h5 s {  padding-left: 6px;}
  .product-card-content p{margin: 6px 0 8px; color:var(--Charcoal);}
  .btn.flex{display: flex; align-items: center; justify-content: space-between; padding: 15px 24px;}
  .btn.flex span.p, .btn.flex span{ font-size: 14px; font-style: normal; line-height: 22px;  letter-spacing: 2.24px;}
  .product-card-content .star{display: flex; align-items: center; margin-bottom: 14px;}
  .product-card-content .star span, .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text{margin-left: 0; color: var(--Charcoal) ; font-family: "proxima-nova"; font-size: 18px !important; font-style: normal;font-weight: 400 !important ;  }
.yotpo-reviews-star-ratings-widget .yotpo-sr-bottom-line-summary {
    align-items: center !important;
}
  .tag-new.save{background:  #FF6FFF;}
.btn.flex span span s {color: #C3D3F9; font-weight: 400;}
.product_card .btn.btn-primary.flex, .product_card .btn.btn-outline.flex {
    font-size: 14px;
    width: 100%;
    padding: 11px 18px;
}

  /* brand section css*/
  .a-brand{background: var(--Cream, #F9F1E2); box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25);padding-top: 82px; padding-bottom: 82px; position:relative;}
  .subheading{display: inline-block; border: 2px solid var(--Aavrani-Blue); background: var(--Lightest-Blue); padding: 14px 58px 6px; color: var(--Aavrani-Blue, var(--Aavrani-Blue));}
  .slide-brand-content {margin: 60px auto 63px;}
  .slide-brand-content p{font-size: 28px; letter-spacing: 2.8px; max-width: 1219px; margin: 0 auto; font-style: normal; text-align: center; font-weight: 600; line-height: 140%; color:var(--Charcoal);}
  .slide-brand-img {margin-bottom: 0;}
  .slide-brand-img .item{opacity: 0.5; position: relative; min-height: 60px; display: flex; align-items: center; justify-content: center; padding-bottom: 7px;}
  .slide-brand-img .item img{display: block; width:auto; margin: 0 auto ; max-width:88%}
  .slide-brand-img .item.slick-current.slick-active{opacity: 1;}
  .slide-brand-img .slick-track{display: flex; align-items: center; margin:auto;}
  .slide-brand-img .item.slick-current.slick-active:after{content: ''; width: 112px; height: 5px; background: var(--Aavrani-Blue); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
  .a-brand h2{font-size:28px; letter-spacing: 2.8px;}
.a-brand .subheading{padding:15px 35px 9px;}
.slide-brand-img .slick-arrow { width: auto;  height: auto; background: transparent;  border-radius: 0;}
.slide-brand-img .slick-arrow { top: auto;  bottom: -16px;}
.slide-brand-img .slick-arrow.slick-next { right: 0;}
.slide-brand-img .slick-arrow.slick-prev { left: 0;}

  /* home lilly singh css*/
  .a-lillysingh{background:  var(--Background); display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between;}
  .lillysingh-img {width: 50%; margin-right:-30px;}
  .lillysingh-img img {display: block; width: 100%;}
  .lillysingh-content{width: 48%; padding: 0 15px;}
  .lillysingh-content>div{max-width: 625px; margin: 0; margin-left:auto; margin-right:-61px;}
  .lillysingh-content img{display: block;}
  .lillysingh-content h5{margin: 38px 0; font-weight: 500;}
  .a-lillysingh.reversed { flex-direction: row;}
   .a-lillysingh.reversed .lillysingh-content>div { margin: 0 auto;}
.lillysingh-content .flex-logo {
    display: flex;
    align-items: center; justify-content:space-between;
}

.lillysingh-content .flex-logo span {
    margin: 0 14px;
    color: var(--Aavrani-Blue, var(--Aavrani-Blue, #0047BB));
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.4px;
}

  /* lily singh pack*/


  /*small banner section*/
  .small-banner{position: relative;}
  .small-banner>img{width: 100%; display: block;}
  .small-banner-content{position: absolute; top: 50%; text-align: center; max-width: 632px; transform: translateY(-50%); right: calc((100% - 1220px)/2); z-index:3;}
  .small-banner-content h2{color: var(--Charcoal, #2C2E30); letter-spacing: 2.24px; font-weight: 400; margin-bottom: 28px;}
  .small-banner-content h5{max-width: 551px; color: var(--Charcoal, #2C2E30); margin: 0 auto 42px; font-weight: 500;}
.small-banner-content .btn{min-width:228px;}
.small-banner-content.bleed-center{ top: 50%; left: 50%; text-align: center; max-width: 632px; transform: translate(-50%, -50%); }
.small-banner-content.bleed-left {left: calc((100% - 1252px)/2); right: auto; text-align:left}
.small-banner-content.bleed-left h5{margin-left:0;}

  /* result wrap */
  .result-wrap{background: rgba(255,255,255,0.5); position: relative;  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); padding-top: 68px; padding-bottom: 32px;}
.result-wrap .section-head{margin-bottom:0px;}
.result-wrap .section-head h2{color: var(--Charcoal, #2C2E30); margin:0}
.result_slide{padding:0 80px; margin:0}
  .reslut_row{ display: flex; flex-wrap: wrap;   transition:0.5s ease all; box-shadow:0px 1px 15px 0px rgba(0, 0, 0, 0.25);}
  .compare-img{width: 56.5%; position: relative;}
  .result_content{width: 43.5%;  padding: 24px; background: #FFF;}
  .twentytwenty-container img{width: 100%; height: auto; display: block;}
  .result_content>div { max-width: 345px;margin: 0 auto;}
  .result_content h5{color: var(--Charcoal, #2C2E30); font-size: 18px; margin-bottom: 12px;}
  .result_content h4{color: var(--Charcoal, #2C2E30); font-size:20px; }
  .result-pro{margin-top: 22px; display: flex; align-items: flex-start;}
  .result-pro-img { border: 1.5px solid var(--Aavrani-Blue, #0047BB); width:120px;  background: #f1f1f1;  height: 149px;  display: flex;align-items: center;  justify-content: center;}
  .result-pro-img a{display: block;}
  .result-pro-img img{display: block;}
  .result-pro-content {width: calc(100% - 120px);padding-left: 16px;}
  .result-pro-content h6{margin-bottom: 10px; color: var(--Charcoal, #2C2E30); font-size:14px; letter-spacing: 1.4px;}
  .result_content .star{display: flex; margin-bottom: 20px;}
.result_content .star a{display: flex; width:100%;}
  .result-pro-content h6 a{color: var(--Charcoal, #2C2E30);}
  .result-pro-content h6 span{display: block;}
  .result-pro-content .btn{min-width: 201px;}
.result-pro-content .star img{min-width:auto;}
.result-pro-content .star{margin-bottom:23px;}
  .result-pro-content .star span, .result-pro-content  .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text{font-size: 14px !important; margin-left:5px; font-family:"proxima-nova"; font-weight:400 !important; color: var(--Charcoal, #2C2E30);}
 .result-pro-content .btn{padding:11px 13px; font-size:14px; letter-spacing:0.98px;}

  .result_slide .item{padding: 33px 8px;}
  .result_slide .slick-dots{margin-top: 0;}
.result_slide .slick-prev{left:0}
.result_slide .slick-next{right:0}
.result_slide button.owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.result_slide button.owl-next {
    top: 50%;
    right: 0;
    position: absolute;
    transform: translateY(-50%);
}
.result_slide .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    background: var(--Lightest-Blue, #C3D3F9);
    border-radius: 50%;
    margin: 0 5px;
}

.result_slide .owl-dots {
    text-align: center;
}

.result_slide .owl-dots .owl-dot.active {
    background: var(--Aavrani-Blue);
}
.product__thumb__link{background-color:transparent;}
@media (min-width:992px) {
.result_slide .item .reslut_row{position:relative; transform: translate(0, 0) scale(.95);}
/* .result_slide .item.slick-slide.slick-current.slick-active.slick-center .reslut_row {     transform: scale(1.04);} */
  /* .result_slide .item.slick-slide.slick-center .reslut_row {     transform: scale(1.04);} */
   .result_slide .item.slick-slide.slick-current.slick-active.slick-center .reslut_row{    transform:translate(0, 0) scale(1.04);}
   .result_slide .owl-item.active  .item .reslut_row{    transform:translate(0, 0) scale(1.04);}


/* .result_slide  .slick-track {
    display: flex;
    align-items: center;
} */
  
}

  /* morden-life css*/
  .morden-life{ background: var(--Background); padding-top: 63px; padding-bottom: 57px;}
  .section-head{text-align: center; margin-bottom: 45px;}
  .section-head h2{font-weight: normal; margin-bottom:10px; color: var(--Aavrani-Blue, var(--Aavrani-Blue));}
  .section-head h5{max-width: 749px; margin: 0 auto; font-weight: 500;}
.section-head h2 a, .section-head h5 a{color:currentcolor;; text-decoration:underline}
  .morden-life-row{display: flex; flex-wrap: wrap; margin: 0 ;}
  .single-mordern{width: 50%; margin-bottom: 16px; padding: 0 ;}
  .single-mordern .bg-img {padding-top: 81%;background-size: cover; overflow:hidden; background-position: center;position: relative;}
  .single-mordern .bg-img::before{content: ""; width: 100%; height: 100%; background: #000; opacity: 20%; position: absolute; top: 0; left: 0;}
  .single-mordern .overlay{position: absolute; z-index:2; bottom: 36px; text-align: center; width: 100%; padding: 10px; }
  .single-mordern .overlay h2{color: var(--White);font-size: 65px;font-style: normal;font-weight: normal; line-height: 1;font-size: 65px; margin-bottom: 70px;}
  .single-mordern .overlay h2 b{display: block;}
  .single-mordern .overlay .btn{max-width: 228px; margin: 0 auto; display: block;}

  /* founder css*/
  .founder_wrap{background: var(--White);filter: drop-shadow(0px 1px 15px rgba(0, 0, 0, 0.25)); padding-top: 72px; padding-bottom: 72px; position: relative;}
  .founder_row { display: flex; margin-top: 24px; align-items: center;}
  .founder_img {width: 51%;}
  .founder_img img{display: block; width: 100%;}
  .founder_content{width: 49%;   }
  .founder_content>div{width: 113%; margin-left: -13%; text-align: center; background: var(--Aavrani-Blue); padding: 80px 64px; }
  .founder_content h3{color: var(--White); margin-bottom: 30px; font-weight: 400;}
  .founder_content p{margin-bottom: 38px; font-weight: 400; color: var(--White); font-size: 20px;font-weight: 500;}
  .founder_content>div>*{position: relative; z-index: 2;}
  .founder_content .btn{max-width:228px; width:100%; margin:0 auto; display:block;}

  /* home blog css*/
  .a-blog-wrap{background: var(--Background); padding-top: 62px; padding-bottom:48px ;}
  .a-blog-wrap h2{color: var(--Charcoal, #2C2E30); font-weight: 700; margin-bottom: 0;}
  .a-blog-wrap .d-flex{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 32px;}
  .a-blog-wrap .d-flex h5{margin: 0; font-weight: 500;}
  .link-arrow{display: inline-flex; min-width: 195px; text-align: right; justify-content: flex-end; align-items: center; text-decoration: none; text-transform: uppercase; color: var(--Aavrani-Blue); font-family: Lekton,sans-serif; font-size: 20px; font-weight: 700; line-height: 140%; letter-spacing: 2px;}
  .link-arrow span{text-decoration: underline; margin-right: 16px;}
  .link-arrow img{display: block;}
  .a-blog-wrap  .link-arrow{margin-top:8px;}

.scroll {
    overflow-x: auto;
    overflow-y: hidden;
}
  .a-blog-row{display: flex; margin: 0 ;}
.scroll-left{margin:0- 12px;}
  .single-blog{ float:left; padding: 0 12px; margin-bottom: 24px;     display: flex; flex-direction: column;justify-content: space-between;}
.single-blog{min-width:305px; width:305px; white-space:normal;}
  .single-blog-img{position: relative; margin-bottom: 22px;}
  .single-blog-img>a{display: block; padding-top: 63%;background-size: cover;background-position: center;}
  .single-blog-img .tag { position: absolute; right: 16px; top: 20px;}
  .single-blog-img .tag span{background: var(--Hibiscus, #FF5A2D); padding: 7px 18px; color: var(--Charcoal, #2C2E30);text-align: center; display: block; font-family:"proxima-nova"; font-size: 18px; font-style: normal;font-weight: 400; line-height: 1;  letter-spacing: 3.24px;  text-transform: uppercase;  border-radius: 28px;border: 1px solid var(--Charcoal, #2C2E30); background: var(--Background, #F6FAFF);}
.single-blog-img .tag.amla-bg span{background: var(--Amla, #D7D73A);}
  .single-blog-content h4{ margin-bottom: 12px; color:#2C2E30; font-size: 24px; letter-spacing: 2.3px; line-height: 120%;}
  .single-blog-content h4 a{text-decoration: none; color:#2C2E30; transition: 0.5s ease all;}
  .single-blog-content h4 a:hover{color:#2C2E30;}
  .single-blog-content p{ margin-bottom: 10px;     color: #2C2E30;}
  .link{color: var(--Aavrani-Blue); transition: 0.5s ease all; font-size: 20px; font-weight: 700; line-height: 140%; font-family: Lekton;  letter-spacing: 2px;text-decoration-line: underline;text-transform: uppercase;}
  .link:hover, .link-arrow:hover{color: #6891EF;}
 .link:active{color:#2C2E30}

  /* instagram section css*/
  .insta_wrap{background: var(--White); box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); padding-top: 72px; padding-bottom: 0;}
  .insta_wrap h2{margin-bottom: 13px; font-weight: 400; color: var(--Charcoal, #2C2E30); }
  .insta_wrap h5{color: var(--Charcoal, #2C2E30); font-weight: 500; margin-bottom: 22px;}
.insta_wrap .container{padding-bottom: 42px;}
.insta_wrap a.btn img {  display: inline-block; align-items: center;justify-content: flex-start;vertical-align: middle; margin-right:5px; margin-top:-3px;}

/* Home product section css*/
.home-pro-wrap{padding:72px 0;}
.home-pro-box {border-radius: 3px; background: #FFF;   box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); padding: 64px 48px 32px;  display: flex; flex-wrap:wrap; justify-content:space-between}
.home-pro-test { order: 1; width: 31.2%; text-align:center; }
.home-pro-img{width:31.5%; order: 2;}
.home-pro-info{width:33%; order: 3}
.home-pro-img-slide {margin:0}
.home-pro-test h3{color: var(--primary-charcoal, #2C2E30); margin:0; font-weight:400;}
.home-pro-test .icon{display: flex;width: 140px;height: 140px; border-radius:50%;background: #F9F1E2; justify-content: center;align-items: center; margin:22px auto 0;}
.home-pro-test .icon img{max-width:100px;}
.home-pro-test h2{font-size: 140px;font-style: normal;font-weight: 700;    line-height: 1.2; margin:0; color: var(--primary-charcoal, #2C2E30);}
.home-pro-test h4{margin-bottom:52px; margin-top:-20px; color:var(--Charcoal); font-size:20px;}
.home-pro-test p{font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%; margin:0; color:var(--Charcoal);}
.home-pro-img-slide .item{position:relative}
.home-pro-img-slide .item a {
  height: 0;
    overflow: hidden;
    padding-top: 124%;
    display: block;
    position: relative;}
.home-pro-img-slide .item img{width:100%; height:100%; display:block; position:absolute; top:0; left:0; object-fit:cover;}
.home-pro-img-slide .item .tag{border-radius: 44.444px;background: var(--Bright-Green, #61B448); font-family: "proxima-nova",sans-serif;  position:absolute; top:20px; padding:2px 15px; right:20px; color: var(--Cream, #F9F1E2);font-size: 24px;font-style: normal;font-weight: 500;line-height: 140%; }
.home-pro-img-slide .slick-dots{margin-top:30px;}
.home-pro-info h2{font-size: 33px;font-style: normal;font-weight: 700;letter-spacing: 3.3px;text-transform: uppercase; color:var(--Charcoal); margin-bottom:12px;}
.home-pro-info .star span{color: var(--primary-charcoal, #2C2E30); font-family: "proxima-nova",sans-serif; font-size: 18px;font-style: normal;font-weight: 700;line-height: 140%; margin-left:5px;}
.home-pro-info > .star { display: flex;   margin-bottom: 22px;}
.home-pro-info p{color:var(--Charcoal); }
.home-pro-info ul{margin:42px 0 12px; list-style:none; padding:0;  display:flex; flex-wrap:wrap; justify-content:space-between}
.home-pro-info ul li{display:flex; width:48%; align-items:center; font-size: 18px;letter-spacing: 1.26px; color:var(--Charcoal); margin-bottom:31px; font-family: "proxima-nova",sans-serif;   font-weight:600; text-transform: uppercase;}
.home-pro-info ul li .icon{display: flex;width: 60px;height: 60px;justify-content: center;align-items: center;flex-shrink: 0;}
.home-pro-info .btn-primary{width:100%; padding: 4px 18px; font-size: 14px;}

.product-card-content .star-container.yotpo-sr-star-full svg path {
    fill: #2C2E30;
    stroke: transparent;
}
.product-card-content .star-container.yotpo-sr-star-half svg defs stop {
    stop-color: #2C2E30!important;
}
.product-card-content .star-container.yotpo-sr-star-half svg defs stop~stop {
    stop-color: #d9d9d9!important;
}
.product-card-content .star-container.yotpo-sr-star-half svg path { stroke: transparent; }

.product-card-content .star-container.yotpo-sr-star-empty svg path, .star-container.yotpo-sr-star-empty svg path{stroke: transparent; fill:#d9d9d9;}

.rat-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rat-flex .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text {
    font-weight: 600 !important;
}


.yotpo-sr-bottom-line-summary>div {
    margin-right: 0 !important;
}
.yotpo-sr-bottom-line-summary svg path {
    stroke: transparent;
}
.yotpo-sr-bottom-line-summary .star-container.yotpo-sr-star-half svg defs stop~stop {
    stop-color: #d9d9d9!important;
}
.section-fullscreen svg path {
    stroke: transparent;
}
.section-fullscreen .star-container svg.yotpo-star-rating-icon.yotpo-sr-star-half  defs stop~stop {
    stop-color: #d9d9d9!important;
}

.yotpo-horizontal-pagination .yotpo-reviews-pagination-item{padding:5px 0 !important;     color: var(--Style, rgba(60, 60, 67, 0.85)) !important; font-size: 18px !important;}
.yotpo-horizontal-pagination .selected, .yotpo-horizontal-pagination .yotpo-pagination-number:hover {
    color: #4A4A4A !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.yotpo-horizontal-pagination .selected {
    color: #4A4A4A !important; font-weight:700 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.upsell-pro .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text{font-size:14px !important; font-weight:400 !important;}

  /*footer css*/
  .footer_wrap{background: var(--Aavrani-Blue); padding-top: 72px; padding-bottom: 30px;}
  .footer_row {display: flex;justify-content: space-between;}
  .footer_logo{width: 30%;}
  .footer-links{margin-bottom:45px;}
  .footer-links h4{color: var(--White, var(--White)); font-size: 24px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing: 2.4px; margin-bottom:13px; }
.footer-links ul {list-style: none; margin: 0; padding: 0;}
  .footer-links ul li{font-size: 18px;font-family: "proxima-nova",sans-serif; font-style: normal;font-weight: 400;  line-height: 140.625%; margin-bottom: 15px;}
  .footer-links ul li:last-child{margin-bottom: 0;}
  .footer-links ul li a{color: var(--White); text-decoration: none;}
.footer__logo_wrapper {width: 37%;}
.footer_blocks { display: flex; gap:10px; flex-wrap: wrap;justify-content: space-between; width: 43.8%; margin-top:30px;}
.social-links { width: 100%;}

.social-links ul { display: flex; margin:0; justify-content: flex-end;align-items: center; list-style: none; padding: 0; gap: 16px;  margin-right: 28px;}

.footer_bottom {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
}

.footer_bottom p {
    margin: 0;
    font-size: 12px;
  font-family:"proxima-nova";
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
}

.footer_bottom ul {
    margin: 0;
    list-style: none;
    padding: 0;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.footer_bottom ul li {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  font-family:"proxima-nova";
    margin: 0;
}

.footer_bottom ul li a {
    color: #fff;
    text-decoration: none;
}
.newsletter {
    margin-top: 43px;
}
.newsletter h3 { margin: 0;}

.newsletter p {max-width: 304px; margin-bottom: 12px;}
.input-groups {display: flex;}

.input-groups .form-control { width: 100%;  margin: 0; padding:4px 16px; border:none; height: 40px;background: #FFF;color: var(--Charcoal, #2C2E30); font-family:"proxima-nova"; font-size: 18px;font-style: normal; font-weight: 400; line-height: 140%;}
.input-groups .form-control::-webkit-input-placeholder{color: #6B6D76;}
.input-groups .form-control::-moz-placeholder{color: #6B6D76;}
.input-groups .form-control:-ms-input-placeholder{color: #6B6D76;}
.input-groups .form-control::-ms-input-placeholder{color: #6B6D76;}
.input-groups .form-control::placeholder{color: #6B6D76;}
.input-groups .btn-primary2 { padding: 5px; min-width: 102px; font-size: 14px; font-style: normal; font-weight: 700;line-height: 140%; letter-spacing: normal;  margin-left: 7px;  background: var(--Tertiary-Blue, #6891EF); border-color: var(--Tertiary-Blue, #6891EF);}
.input-groups .btn-primary2:hover{background-color:#fff; color:#6891F0; border-color:#6891F0;}



  /* collection page css*/
/* .collection-wrapper{background: var(--Background); padding-bottom:1px; position: relative; } */
  .collection-wrap{background: var(--Background); padding-bottom: 96px; overflow: hidden; position: relative;}
  .collection-wrap::before{content: ""; width: 562px; height: 2341px; background: url(collection-before-vector.svg) no-repeat center right; background-size:cover ; position: absolute; left: 0; top:0}
  .collection-wrap::after{content: ""; width: 874px; height: 770px; background: url(collection-after-vector.svg) no-repeat center left; background-size:cover ; position: absolute; right: 0;  bottom:-5%}
 /* .shape-col{position:absolute: left:0; top:0; widt} */
.shape-col::before{content: ""; width: 501px; height: 2571px; background: url(col-all-shape2.svg) no-repeat top right; background-size:cover ; position: absolute; left: 0; bottom:-12%}
  .shape-col::after{content: ""; width: 793px; height: 2571px; background: url(col-all-shape1.svg) no-repeat center left; background-size:cover ; position: absolute; right: 0;  top:32%}
 
.collection-wrap .container{position: relative; z-index: 2;}
  .breadcrumb{margin: 0; padding: 28px 0; display: flex; list-style: none;}
  .breadcrumb li{color: var(--Charcoal);font-family:"proxima-nova"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
  .breadcrumb li a{color: var(--Aavrani-Blue, var(--Aavrani-Blue)); text-decoration-line: underline;}
.breadcrumb li a:hover{color:#6891EF;}
  .breadcrumb li+li::before{ content: "/"; margin: 0 3px; text-decoration: none; }
.collection-wrap.small-v2::after { bottom: auto; top: 13%;}
  .product-type-list { display: flex;gap: 32px;justify-content: center;flex-wrap: wrap;padding: 2px 0 52px;}

  .single-product-type {max-width: 140px; text-align: center;}
  .single-product-type a{display: block; text-decoration: none;}
  .single-product-type a .img{margin-bottom: 16px; border-radius:100%; overflow:hidden;}
  .single-product-type .img {width:104px; margin-left: auto; margin-right: auto;  height: 104px; object-fit: cover; border-radius: 50%;}
  .single-product-type p{color: var(--Aavrani-Blue, var(--Aavrani-Blue)); transition:0.5s ease all; border-radius: 50px; margin-bottom: 0; font-family: Lekton; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;letter-spacing: 1.6px; text-transform: uppercase; padding:13px 16px; line-height: 1;}
  .single-product-type a.active p, .single-product-type a.active:hover p{background: var(--Aavrani-Blue); color: var(--White);}
.single-product-type a:hover p{background: #C3D3F9; }  


  .collection-head{text-align: center;}
  .collection-head h1{color: var(--Charcoal, #2C2E30); margin-bottom: 12px;  font-size: 65px;font-style: normal;font-weight: 700;line-height: 1;letter-spacing: 6.5px; margin-bottom: 0;}

  .colection-row-t{display: flex; flex-wrap: wrap; margin-top: 40px; padding-bottom: 63px;}
  .single-pro-type .heading { background: var(--Secondary-Blue); text-align: center;color: var(--White);padding: 20px 10px;}
  .single-pro-type .heading h2 {margin: 0;}
.single-pro-type .heading h4{margin-bottom:0;}
 .single-pro-type .heading p{margin-bottom:0;}
  .single-pro-type .img{position: relative;}
  .single-pro-type .img img{width: 100%; height: auto;}
  .single-pro-type .pro-count{position: absolute; width: max-content; bottom: 50px; left: 50%; transform: translateX(-50%); border-radius: 50px;background: var(--Cream-Web, #F1F1F1); color: var(--Charcoal); text-align: center; font-family:"proxima-nova"; font-size: 18px;font-style: normal;font-weight: 700; line-height: normal;letter-spacing: 3.24px;text-transform: uppercase; padding: 8px 16px;}

  .collection-deatil-l {width: 24%;}
  .collection-row-r {width: 76%;display: flex;flex-wrap: wrap; padding-left: 12px; margin-right: -12px;}
  .collection-row-r-full{display: flex;flex-wrap: wrap; margin-left: -12px; margin-right: -12px; padding-bottom: 52px; width:100%}
  .collection-row-r .product_card{min-width: 33.33%; margin-bottom: 36px; flex: 0;}
.changbutonpric div{display:flex; align-items:center;}
.product_card .btn.btn-primary.flex  s {color: #C3D3F9;
    font-weight: 400;
    margin-left: 5px;}
 .collection-row-r.w-100 .product_card{width:25%; min-width:25%;}
  .collection-row-r-full .product_card { margin-bottom: 48px;}
  .back-top a { 
    color: var(--Aavrani-Blue);
    font-family: 'Lekton', sans-serif;
    font-weight: 700; font-size:20px;
    line-height: 140%; /* 28px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: flex-start; background:transparent;
    justify-content: flex-end;
  }
 .back-top a:hover {
    color: #6891EF;
}
  .back-top {text-align: center; position:relative; z-index:2;}
  .back-top a span{text-decoration: underline; margin-right: 10px;}

.collection-wrap .col-space-con .container:last-child .colection-row-t {padding-bottom:0}



  .hair-banner-row{margin-bottom: 66px; background: var(--Lightest-Blue); display: flex; justify-content: space-between;}
  .hair-banner-img{width: 50%;}
  .hair-banner-img img{width: 100%; height: 100%; object-fit: cover;}
  .hair-banner-content{width: 50%; padding: 96px 15px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .hair-banner-content>div{max-width: 446px; text-align: center;}
  .hair-banner-content h3{margin-bottom:14px; color: var(--Charcoal);}
  .hair-banner-content h5{font-weight: 500; margin-bottom: 22px; color: var(--Charcoal);}
  .hair-banner-content .btn{max-width: 250px; width: 100%; display: block; margin-left: auto; margin-right: auto;}
  .hair-banner-content .btn-white {border-color:var(--Aavrani-Blue);}

  .product_card.w-50{flex: auto;}
  .product_card_banner{width: 100%; padding: 20px; background-size: cover; min-height: 450px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; color: var(--White);}
  .product_card_banner .reward{color: var(--Charcoal);text-align: center;font-family:"proxima-nova"; font-size: 18px; font-style: normal; background:  #FF6FFF; font-weight: 700; padding: 8px 16px; border-radius: 50px; line-height: 1; letter-spacing: 3.24px; text-transform: uppercase; padding: 8px 16px;}
  .product_card_banner h3{margin: 0;}
  .product_card_banner h5{font-weight: 500; text-align: center; line-height: 140%; max-width: 446px; margin:0 auto; }
  .product_card_banner .btn{max-width: 282px; width: 100%; margin: 0 auto; display: block;}

  /* .colection-row-t-wrap .colection-row-t:last-child{padding-bottom: 30px;} */

  .collection_v1{padding-bottom: 1px;}
  .collection_v1 .colection-row-t{padding-bottom: 0;}
  .collection-about-wrap{ position: relative; z-index: 1; padding: 87px 0 60px; background: #F9F1E2;box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);}
  .collection-about-wrap  h2{color: var(--Charcoal); text-align:center; margin-bottom: 38px; text-align: center;}
  .collection-about-wrap h4~h4 {margin-top: 22px;}
  .collection-about-wrap h4{color: var(--Charcoal); color: var(--Charcoal, #2C2E30);}
  .collection-about-wrap p{color: var(--Charcoal); margin-bottom: 6px; font-size: 18px;font-style: normal;font-weight: 400;line-height: 140%; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
  .collection-about-wrap p a{color: var(--Aavrani-Blue); text-decoration:underline; background:transparent}
/* .collection-about-wrap p~p{opacity:0; transition: 1.5s ease all;} */
  .moretext{max-height: 196px; overflow: hidden; 
  -webkit-transition: all 0.4s ease-in-out, max-height 0.4s ease-in-out; transition: all 0.4s ease-in-out, max-height 0.4s ease-in-out;}
  .moretext.h-auto{max-height: 1500px !important;  -webkit-transition: all 0.4s ease-in-out, max-height 0.4s ease-in-out; transition: all 0.4s ease-in-out, max-height 0.4s ease-in-out;}
  /* .moretext.h-auto p{-webkit-line-clamp: inherit; overflow: visible;}
 .moretext.h-auto p~p{opacity:1} */
  .small-container{max-width: 1006px; margin: 0 auto 33px;}
  .read-m{display: inline-flex;  transition: 0.5s ease all; font-family: 'Lekton', sans-serif; color: var(--Aavrani-Blue);text-align: right; font-size: 16px; font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 1.6px;text-decoration-line: underline;text-transform: uppercase;}
@media (hover: hover) {
  .read-m:hover{color: var(--Secondary-Blue);}
}

  .read-m:active{color: var(--Tertiary-Blue);}
  .read-m:disabled{color: var(--Style);}
  .small-container .text-right{display: block;}
.collection-about-wrap .read-m{margin-top:48px;}

  .collection-footer-wrap {display: flex;justify-content: space-between; flex-wrap: wrap; position: relative; background:  var(--Background); z-index:2;}
  .collection-footer-wrap:after{content: ""; width: 185px; height: 100%; background: url(collection-footer-vector.svg) no-repeat center left; background-size: cover; position: absolute; right: 0; top: 0;}
  .collection-footer-img { width: 50%;}
  .collection-footer-img img{width: 100%; display: block; height: 100%; object-fit: cover;}
  .collection-footer-content {width: 50%; position: relative; z-index: 2; padding:35px  25px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
  .collection-footer-content-inner{max-width: 609px; margin-left: 70px; color:var(--Charcoal);}
  .collection-footer-content-inner h2{font-weight: normal; color: var(--Charcoal); margin-bottom: 11px;}
  .collection-footer-content-inner h5{font-weight: 500; font-size: 21px;  color: var(--Charcoal); }
  .collection-footer-content-inner .inspiredby-blocks{margin-top: 30px; text-align: center;}
  .collection-footer-content-inner .inspiredby-item h4{font-family:"proxima-nova";font-size: 18px;     color: var(--Charcoal); font-style: normal;font-weight: 600; line-height: 140%; letter-spacing: 1.26px;text-transform: uppercase;}


  .small-v2 .colection-row-t { margin-top:11px; padding-bottom:37px; }
  .small-v2 .single-pro-type .heading{padding: 40px 0;}
  .small-v2 .single-pro-type .heading h5{margin-bottom: 0; font-family: 'Lekton', sans-serif; font-size:24px; font-weight: 700;line-height: 120%;letter-spacing: 2.4px;text-transform: uppercase; color: var(--White);}
  .small-v2 .single-pro-type .heading h6{font-size: 16px; margin: 0;}
  .small-v2 .collection-row-r .product_card{margin-bottom: 48px;}
  .collection-wrap.small-v2{padding-bottom: 77px;}
  .product_card .hair-banner-content{    background: var(--Lightest-Blue); min-height: 349px; background-size: cover; display: flex; align-items: center; justify-content: center; width: 100%;}
  .product_card .hair-banner-content h3{margin-bottom: 0;}
  .product_card .hair-banner-content h5{margin-bottom: 33px;}

.product-card-content .swatch-grid, .product_card .swatch-grid{ display: flex; flex-wrap: wrap; gap: 8px;  margin-bottom: 16px;}

.product-card-content .swatch-grid input, .product_card .swatch-grid input {display: none;}

.product-card-content .swatch-grid label, .product_card .swatch-grid label { width: max-content; cursor:pointer;  border: 2px solid var(--Aavrani-Blue, #0047BB); background: var(--White, #FFF); padding: 9px 12px 6px; font-family: Lekton; font-size: 18px; font-style: normal; font-weight: 700; line-height: 110%; /* 19.8px */letter-spacing: 1.26px; text-transform: uppercase; color: var(--Aavrani-Blue, var(--Aavrani-Blue, #0047BB));}

.product-card-content .swatch-grid input:checked + label , .product_card .swatch-grid input:checked + label { background: #C3D3F9;}
.template-collection .swatch-grid label, .product_card .swatch-grid label{padding-left:10px; padding-right:10px;}
.a-collection .product_card .swatch-grid {gap:5px;}
  /* faq page css*/
  .faq-wrap{background: var(--Background); padding-bottom: 1px; position: relative;}
  .faq-wrap::after{content: ""; width: 269px; height: 90%; background: url(faq-after.svg) no-repeat center left; background-size:cover; position: absolute; display: block; right: 0; top:0}
  .faq-wrap::before{content: ""; width: 630px; height: 575px; background: url(faq-before.svg) no-repeat center right; background-size:cover; position: absolute; display: block; left: 0; bottom:30%; /*90px;*/}
  
  .faq_head{max-width: 586px; margin-left: auto; margin-right: auto; text-align: center; padding-bottom: 48px; position: relative; z-index: 2;}
  .faq_head h1{color: var(--Charcoal); margin-bottom: 0px;}
  .faq_head p{color: var(--Charcoal); margin-bottom: 0;}
  .faq_head p a{text-decoration: underline; color: var(--Aavrani-Blue); background:transparent; transition: 0.5s ease all;}
  .faq_head p a:hover{color: var(--Secondary-Blue);}
  .faq_row{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; position: relative; z-index: 2;}
  .faq_aside{position: sticky; top: 80px; padding-bottom:15%; left: 0; flex:auto; width: 20%;}
 .faq_aside h4{color: var(--Charcoal); letter-spacing: 2.4px; line-height:120%; margin-bottom: 16px; font-size:24px}
 .faq_aside ul{list-style: none; margin: 0; padding: 0;}
  .faq_aside ul li{ font-family:"proxima-nova"; font-size: 18px;font-style: normal;font-weight: 400;line-height: 140%; margin: 10px 0 16px;}
  .faq_aside ul li a, .faq_aside ul li button{color: var(--Charcoal, #2C2E30); padding:0; transition: 0.5s ease all; text-decoration: none;}
  /* .faq_aside ul li a:hover{color: var(--Aavrani-Blue);} */
  .faq_aside ul li.active, .faq_aside ul li button.is-selected{font-size: 18px; font-weight: 500;}
.faq_aside ul li button:focus{color:var(--Charcoal, #2C2E30)}
.faq_aside ul li a{border-bottom:1px solid transparent; padding-bottom:0;}
  .faq_aside ul li.active a, .faq_aside ul li button.is-selected, .faq_aside ul li a.active{color: var(--Charcoal, #2C2E30);  text-decoration-color:  #0047BB !important; text-underline-offset: 2px;  text-decoration: none; border-color:#0047BB;}
.faq_aside ul li button::after{display:none !important;}
  .faq_aside ul li button.is-selected:focus{color: var(--Charcoal, #2C2E30);}

  .faq_sidebar { width: 76%; flex: auto; padding:0 10px 0 10px;}
  .faq-content{padding-bottom: 89px;}
  .faq-content h3{color: var(--Charcoal); margin: 0; padding-bottom: 12px; }
.faq-content h3~h3{padding-top:89px;}
  .faq-content .accordion{list-style: none; padding: 0; margin: 0; border-bottom:none;}
  .faq-content .accordion li{border-bottom: 2px solid  #3E74CF;margin: 0;}
  .faq-content .accordion li:first-child{border-top: 2px solid  #3E74CF;}
  .faq-content .accordion li>a.h4, summary.accordion__title.h4{color: var(--Charcoal); text-decoration: none; margin: 0; display: block; padding: 25px 34px 18px 0; position: relative; font-size:20px;}
  .faq-content .accordion li>a.h4::before{content: ""; width: 20px; transition: 0.5s ease all; height: 20px; background: url(angle-down.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
  .faq-content .accordion li.active>a.h4::before{transform: rotate(180deg) translateY(50%);}
  .faq_ans{padding-bottom: 20px;}
.faq_ans p{color: var(--Charcoal);}
.faq_ans p a{text-underline-offset:0.25rem;}
.faq_ans a{text-decoration: underline; color: var(--Aavrani-Blue); background:transparent;}
.faq_ans p:last-child{margin-bottom: 0;}

/*contact page css*/
.contact-wrap{background: var(--Background); overflow: hidden; padding-bottom: 96px; position: relative; }
.contact-wrap::before{content: ""; width: 447px; height: 651px; background: url(contact-b.svg) no-repeat top right; background-size: cover; position: absolute; display: block; bottom: 0; left: 0;}
.contact-wrap::after{content: ""; width: 444px; height: 100%; background: url(contact-a.svg) no-repeat center left; background-size: cover; position: absolute; display: block; top: 0; right: 0;}
.contact-wrap .container{position: relative; z-index: 2;}
.contact-row{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;z-index: 2;}
.contact-content{width: 36.5%;}
.contact-img{width: calc(50% - 12px); }
.contact-img img{width: 100%; height: auto; display: block;}
.contact-content h1{color: var(--Charcoal); margin-bottom: 5px;}
.contact-content h2{color: var(--Charcoal);}
.contact-content P{color: var(--Charcoal);}
.contact-content form{margin-top: 0;}
.contact-content .form-control{width: 100%; background: transparent; margin:0; border: 1px solid var(--Charcoal); height: 40px; padding:  2px 16px; color: var(--Charcoal) !important ;font-family:"proxima-nova"; font-size: 18px; font-weight: 400;line-height: normal; letter-spacing: normal;}
.contact-content  .form-group{margin-bottom: 16px;}
.contact-content .form-control:focus{outline: none;}
.contact-content textarea.form-control{height: 142px; padding:12px 16px 16px 16px;  resize: none; display: block;}
.contact-content .form-control::-webkit-input-placeholder{color: #6B6D76 !important;  font-family:"proxima-nova";}
.contact-content .form-control::-moz-placeholder{color: #6B6D76 !important;  font-family:"proxima-nova";}
.contact-content .form-control:-ms-input-placeholder{color: #6B6D76 !important;  font-family:"proxima-nova";}
.contact-content .form-control::-ms-input-placeholder{color: #6B6D76 !important;  font-family:"proxima-nova";}
.contact-content .form-control::placeholder{color: #6B6D76 !important;  font-family:"proxima-nova";}

.contact-content .form-control[placeholder]{color: #6B6D76 ;}
.contact-content .form-control[placeholder]:focus{color: var(--Charcoal)  ;} 

.contact-content p small{font-size: 14px;}
.contact-content p{margin-bottom: 16px;}
.contact-content .btn{max-width: 228px; width: 100%; display: block;}
.contact-form{background:transparent}
.contact-content form .form-group:first-of-type{margin-top:24px;}
.testselect{width:100%;z-index:1;background:transparent url(select-arrow.svg) no-repeat center right; margin:0; background-position: 95%; appearance: none; padding:2px 16px; height:40px; font-family:"proxima-nova";font-size: 18px; text-align: left; color: var(--Charcoal, #2C2E30); border:1px solid var(--Charcoal);}
.testselect option{color: var(--Charcoal, #2C2E30); font-size: 14px; text-indent: 9px 18px 9px 24px; background:#fff; padding: 9px 18px 9px 24px; text-align:left;}
.testselect:focus{box-shadow:none;outline:none;}

.contact-content p.error{color: #F00 !important; margin-bottom:24px;}
.contact-content form  .custom-form__block--group{margin-top:0 !important}

/* main page css*/
.page-wrap  {background: var(--Background); overflow: hidden; padding-bottom: 76px; position: relative; }
.page-wrap .container{position: relative; z-index: 2;}
.page-wrap::before{content: ""; width: 562px; height: 2341px; background: url(privacy-b.svg) no-repeat center left; background-size: contain; position: absolute; left: 0; top: -3%;}
/* .page-wrap::after{content: ""; width: 562px; height: 2571px; background: url(privacy-a.svg) no-repeat center right; background-size: contain; position: absolute; right: 0; bottom: 5%; } */
.page-wrap::after{content: ""; width: 239px; height: 1747px; background: url(privacy-a1.svg) no-repeat center right; background-size: contain; position: absolute; right: 0; bottom: -27%; }
.page-content h1 {color: var(--Charcoal); margin-bottom: 30px;}
.page-content p{color: var(--Charcoal);font-size: 18px; line-height: 140%; margin-bottom: 12px;}
.page-content h4{font-size: 24px; color: var(--Charcoal); font-style: normal; font-weight: 700; line-height: 120%; margin-top: 38px; margin-bottom: 9px;  letter-spacing: 2.4px; text-transform: uppercase}
.page-content ul li{color: var(--Charcoal); font-family:"proxima-nova"; margin-bottom: 16px;font-size: 18px; line-height: 140%;}
.page-content ul{margin-left:3rem}
.page-content a{text-decoration: underline; color: var(--Aavrani-Blue); background:transparent; }
.page-content h5{color: var(--Charcoal);font-size: 20px; font-style: normal; font-weight: 500; line-height: 140%; margin-top:16px; margin-bottom: 15px;}
/* .page-wrap .flower { position: absolute; width: 874px;  height: 770px; background: url(privacy-fl.svg) no-repeat center left; background-size: cover; right:0; top:14%;}
 */
.page-wrap .flower { position: absolute; width: 326px;  height: 699px; background: url(privacy-fl-n.svg) no-repeat center left; background-size: cover; right:0; top:0%;}


/* page 404 css*/
.page-404{background: var(--Background); overflow: hidden; padding-bottom: 96px; position: relative; }
.page-404::before{content: ""; width: 567px; height: 100%; background: url(collection-before-vector.svg) no-repeat center right; background-size: cover; position: absolute; left: 0; top: 0%;}
.page-404 .container{position: relative;z-index: 2;}
.page-404-head{text-align: center; padding-bottom: 60px;}
.page-404-head h1{color: var(--Charcoal); margin: 0; margin-bottom:4px;}
.page-404-head p{color: var(--Charcoal); margin-bottom:22px;}
/* .page-404-head .btn{max-width: 265px; width: 100%; display: block; margin: 0 auto;} */
.page-404-head .btn-block{width:100%; display:block;}
.explore-collection h5{text-align: center; letter-spacing: 2.4px; font-weight: 700; margin-bottom: 20px; font-family: 'Lekton', sans-serif;  text-transform: uppercase; color: var(--Charcoal);}

.explore-collection .product-card-img{border: none;}
.explore-collection .product_card .btn {font-size: 16px; padding: 22px;}
.explore-collection .product-card-content { margin-top: 12px;}
.explore-collection .product-card-content h4 { margin: 0;  letter-spacing: 2px; font-size: 20px;}
.explore-collection .product-card-content p { margin: 2px 0 10px;}



/* login page css*/
.login_wrap{background: var(--Background); padding-bottom:90px; position:relative; overflow:hidden}
.login_wrap:before{content:''; width:652px; height:575px; position:absolute; left:0; bottom:-16%; background:url(login-before.svg) top right; background-size:cover;}
.login_wrap:after{content:''; width:386px; height:100%; position:absolute; right:0; top:0; background:url(login-after.svg) center left; background-size:cover;}
.login_wrap .container{position:relative; z-index:2}
.login_wrap .login{max-width:442px; margin:26px auto 0;}
.login_wrap  .page__heading{color: var(--Charcoal);}
.login_wrap .login p{color: var(--Charcoal);}
.login .form-control { border: 1px solid var(--Charcoal, #2C2E30); height:46px; width:100%;  color: var(--Charcoal, #2C2E30); margin:0; font-family:"proxima-nova";  font-size: 18px;  font-style: normal; font-weight: 400;  line-height: 140%;}
.login .form-control::-webkit-input-placeholder{color: #6B6D76;  font-family:"proxima-nova";}
.login .form-control::-moz-placeholder{color: #6B6D76;  font-family:"proxima-nova";}
.login .form-control:-ms-input-placeholder{color: #6B6D76;  font-family:"proxima-nova";}
.login .form-control::-ms-input-placeholder{color: #6B6D76;  font-family:"proxima-nova";}
.login .form-control::placeholder{color: #6B6D76;  font-family:"proxima-nova";}
.login .form-field{margin-bottom:16px;     max-width: 100%;}
.login .btn{max-width:228px; display:block; font-size:16px; width:100%; padding:22px; margin:32px auto 26px auto;}
.mt32{margin-top:32px;}
.login .form-field p, .text-link{font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%; color: var(--Charcoal); }
.login .form-field p a, .text-link{ color: var(--primary-aavrani-blue); background:transparent; text-decoration:underline; opacity:1;    text-underline-offset: 3px; padding:0 0 1px;  font-family:"proxima-nova"; }
.login .form-field .error a, #create-account .errors li a{color:red; text-decoration:underline;}
.login .form-field p a:hover, .text-link:hover, div#rc_login p a:hover{color:#6891EF}
div#rc_login p a{color: var(--primary-aavrani-blue); background:transparent; text-decoration:underline; opacity:1; padding:0 0 1px;     text-underline-offset: 3px;  font-family:"proxima-nova";}
.form-message{margin-bottom:30px}
.form-message p{font-size:16px;}
.form-message p.res{font-size:18px;     max-width: 399px;margin-left: auto;margin-right: auto;}
form#create_customer{margin-top:24px;}
.customer-register h2+p{font-size:18px;}
.checkbox input[type=checkbox]+label, .checkbox input[type=checkbox]+label p{align-items:flex-start; font-family:"proxima-nova";  font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; color: var(--Charcoal, #2C2E30); text-align: left; padding-left:26px; display:block; }
.checkbox input[type=checkbox]+label p{padding-left:0;}
.checkbox input[type=checkbox]+label p a{color: var(--Aavrani-Blue);text-decoration: none; padding-bottom: 0; background:transparent; border-bottom:1px solid var( --Aavrani-Blue);}
.checkbox input[type=checkbox]+label .text-link, .f-18, .f-18 .text-link{font-size: 16px;}
.checkbox input[type=checkbox]+label:before{margin-top:0; position:absolute; left:0; top:4px; border:1px solid var( --Aavrani-Blue);     width: 18px;
    height: 18px;} 
.checkbox input[type=checkbox]:checked+label:before{background:url(tick.svg) no-repeat center; background-size:10px;}
.checkbox {
    position: relative;
    margin-bottom: 25px;
}
.login .action-bottom+.f-18, .login .action-bottom+.f-18 .text-link {font-size:16px;}
.site-footer {
    display: flex;
    justify-content: space-between;
}

.forgot-password.form-field button.text-link.small {
    margin-bottom: 3px;
}
.footer__blocks {
    width: 70%;
}
.h5.footer__block__title {
    color: var(--White, var(--White));
    font-size: 14px;
    font-style: normal;
   font-family:"proxima-nova";
    font-weight: bold;
    line-height: 140.625%;
    margin-bottom: 20px;
padding:0;
}
.footer__quicklinks li{    font-size: 14px;
    font-family: "proxima-nova";
    font-style: normal;
    font-weight: 400;
    line-height: 140.625%;
    margin-bottom: 14px;}

.login .form-field .error, .login .error, .login .error a{color: #F00 !important; font-size:18px; text-align:center}
.login .form-message .error{font-size:16px;}

/* .header__mobile__button header-search-popdown {  display: none;} */
.text-link a {
    background: transparent;
}
.password_w::before {
    bottom: -42%;
}
.form-field.mb-8 {
    margin-bottom: 10px;
}


.hero-banner-img video.video-background {
    width: 100%;
    height: auto;
    display: block;
}


/* product page css*/
.product__wrapper{background:var(--Background); margin:0; position:relative; /*overflow:hidden;*/ padding-bottom:96px;}
.product__wrapper__inner.container{position:relative; z-index:3;}
.product__wrapper::before { content: "";  width: 695px; height: 574px; background: url(pro-b.svg) no-repeat center right;background-size: cover;  position: absolute;  display: block;   left: 0; bottom: -15%; top:858px;}
.product__wrapper::after {  content: "";  width: 327px;  height: 1834px;  background: url(pro-a.svg) no-repeat top left; background-size: cover;position: absolute; display: block;  right: 0; top: 0;}
.product__wrapper .product__title.heading-size-6 {  font-size: 32px; color:#2C2E30; font-style: normal; line-height: 140%;letter-spacing: 3.2px;text-transform: uppercase;}
a.product__thumb__link{border:1.5px solid transparent; }
.product__thumb.is-active a.product__thumb__link{border:1.5px solid var(--Aavrani-Blue, #0047BB)}
.product__thumb.is-active:after{opacity:0;}
.product__slide  {border:1.5px solid var(--Aavrani-Blue, #0047BB)}
.faq-wrap.pro-faq { padding: 86px 0 96px; position:inherit}
.faq-wrap.pro-faq .container {
    position: relative;
    z-index: 1;
}
.faq-wrap.pro-faq:before, .faq-wrap.pro-faq:after{display:none;}
.faq-wrap.pro-faq .faq_head { padding-bottom: 10px;}
.faq-wrap.pro-faq .faq_sidebar {width: 100%;max-width: 1027px; margin: 0 auto; padding: 0;}
.faq-wrap.pro-faq .faq-content{padding:0;}
.faq-wrap.pro-faq .faq_ans p{font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; margin-bottom:28px;}
/* .faq-wrap.pro-faq .faq_ans p a{font-weight:700; font-family:"Proxima Nova Rg";} */
.faq-wrap.pro-faq .faq_ans p:last-child{margin-bottom:7px;}
.cart-bar {bottom: auto; top: var(--header-height);}

.pro-test-wrap{padding:96px 0; box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, 0.25); position:relative}
.pro-test-wrap .tab-menu{margin-top:8px;}
.pro-test-innner {  max-width: 918px; margin: 0 auto; background: #FFF; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); padding: 54px 15px 40px; text-align: center;}
.pro-test-head h2{font-weight: 400; margin-bottom:4px; color: var(--Charcoal, #2C2E30);}
.pro-test-head p { font-size: 24px; color: var(--Charcoal, #2C2E30); font-style: normal; font-weight: 500; line-height: 140%;  max-width: 530px;  margin: 0 auto;}
.pro-test-footer p { max-width: 539px; color: var(--Charcoal, #2C2E30);  margin: 0 auto; font-size: 16px;font-style: normal;font-weight: 400; line-height: 140%;}
.pro-test-slide .item { padding: 0 12px;}
.pro-test-slide .slick-track{margin:0 auto;}
.pro-test-slide{margin:38px 0;}
.pro-test-box .icon {width: 142px;height: 142px;background: #F9F1E2; border-radius: 50%;display: flex;align-items: center;justify-content: center; margin: 0 auto 33px auto; padding: 26px;}
.pro-test-box .icon img{max-width:60px;}
.pro-test-box h2 { font-size: 65px;font-style: normal;font-weight: 700;line-height: 1; letter-spacing: 6.5px; text-transform: uppercase; margin: 0;}
.pro-test-box h4{color: var(--Charcoal, #2C2E30); margin:14px 0 0 0; font-size: 20px;line-height: 24px;}
.xs7-show{display:none !important;}
.scroll, .scroll2{flex-wrap:nowrap}
.scroll>div, .scroll2>div{width:100%;}

span.reward {
    text-align: center;

    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 19.6px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #FFF;
    padding: 7px;
    display: inline-block;
    margin-bottom: 34px;
}

.product__content .form-vertical { background: #FFF; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25);  padding: 22px 17px 38px 17px; margin-bottom: 30px;}
.product__content .form-vertical .swatch .header{margin-top:-5px;}
.swatch .header { font-size: 20px; font-family:"proxima-nova"; width:100%; display:block; font-style: normal; font-weight: 600; font-family: 'Proxima Nova Alt Lt';line-height: 140%;  margin-bottom: 7px;}
.product__content .swatch { display: flex; flex-wrap: wrap;column-gap: 11px; margin-bottom: 17px; /*24*/}
.result-pro-content .swatch-grid{margin-bottom:20px; display:flex;}
.swatch-element input, .result-pro-content .swatch-grid input{display: none;}
.swatch-element label, .result-pro-content .swatch-grid label {width: max-content; display: block; text-align:center; min-width:134px; cursor: pointer; border: 2px solid var(--Aavrani-Blue, #0047BB); background: var(--White, #FFF); padding:14px 12px 10px;font-family: Lekton; font-size: 18px;  font-style: normal;font-weight: 700; line-height: 110%; letter-spacing: 1.26px;  text-transform: uppercase; color: var(--Charcoal, #2C2E30);}

.result-pro-content .swatch-grid label{min-width:max-content; margin:5px;}
.swatch-element  input:checked + label, .swatch-grid  input:checked + label { background: #C3D3F9;}
.subscribe_radio { display: flex; column-gap: 26px; margin-bottom:16px;}
.subscribe_radio .cus-radio { width: 100%;}
.subscribe_radio .cus-radio input { display: none;}
.subscribe_radio .cus-radio label {cursor:pointer; font-size: 16px;  transition:0.5s ease all; font-family:"proxima-nova"; font-style: normal; font-weight: 400;line-height: 140%; padding: 16px 24px 16px 48px; display: block; border-radius: 50px; border: 2px solid var(--Primary-Aavrani-Blue, #0047BB);  background: var(--White, #FFF); color: var(--Charcoal, #2C2E30); text-transform: capitalize; position: relative;}
.subscribe_radio .cus-radio label:before {content: ""; width: 16px; height: 16px;border: 2px solid #0047BB; display: block;border-radius: 50%; position: absolute; left: 24px; top: 19px;}
.subscribe_radio .cus-radio label:after {  content: ""; opacity:0; transition:0.5s ease all; width: 8px; height: 8px; background: #0047BB; display: block; border-radius: 50%; top: 23px;  position: absolute;left: 28px;}
.subscribe_radio .cus-radio input:checked + label{background: var(--Lightest-Blue, #C3D3F9);}
.subscribe_radio .cus-radio input:checked + label:after{opacity:1;}
.all_subsciption_options { display: flex; gap: 16px; margin-bottom:16px;}
#ProductPrice, #ComparePrice { font-size: 20px;font-style: normal;  display:inline-flex;    font-family: 'Lekton', sans-serif;  font-weight: 700; line-height: 140%; letter-spacing: 2px;  text-transform: uppercase;color: var(--Charcoal, #2C2E30);}
#ComparePrice{text-decoration:line-through;}
#ProductPrice s{margin-left:15px;}
#ComparePrice{margin-left:5px;}
.all_subsciption_options span {font-size: 14px; font-family:"proxima-nova"; color: var(--Charcoal, #2C2E30); font-style: normal; font-weight: 400; line-height: 150%;min-width: fit-content; margin-top: 12px;}

.select-dropdown {width: 100%;position: relative;}

.select-dropdown .select-toggle { padding: 12.5px 16px 12.5px 24px; font-family: "proxima-nova"; color: var(--Charcoal, #2C2E30); cursor:pointer; position:relative; font-size: 16px; font-style: normal; font-weight: 700;line-height: 131.25%;text-align: center; display: block; width: 100%;border: 1px solid var(--Primary-Aavrani-Blue, #0047BB);  background: #FFF;}

.select-dropdown .select-toggle .icons {position: absolute;  right: 16px;top: 50%; transform: translateY(-50%); margin: 0;}
.select-dropdown .select-toggle .icons svg{display:block}

.dropdown-days { width: 100% !important;left: 0; display:none; background: #fff; z-index: 3; box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.25);}

.dropdown-days label { display: block; letter-spacing: normal; cursor:pointer; font-family:"proxima-nova"; color: var(--Charcoal, #2C2E30); text-align: center;font-size: 16px;font-style: normal;font-weight: 500; line-height: 21px; padding: 14px 16px 14px 24px; border-bottom: 1px solid  rgba(44,46, 48,0.5);}
.dropdown-days .swatch-element label{width:100%; border:none; border-bottom:1px solid  rgba(44,46, 48,0.5);}
.giftscardswatch .dropdown-days .swatch-element{border:none;}
.giftscardswatch .dropdown-days .swatch-element label{border-bottom:1px solid  rgba(44,46, 48,0.5); margin:0;}
.giftscardswatch  .dropdown-days .swatch-element:last-child label{border:none;}
.giftscardswatch  .dropdown-days .swatch-element label{margin:0;}
.giftscardswatch .swatch-element input:checked + label{border-color:transparent;}
.giftscardswatch .dropdown-days .swatch-element:last-of-type label{border:none !important;}
.dropdown-days label:last-of-type {
    border: none;
}


.giftscardswatch.all_subsciption_options{margin-bottom:0;} 
.dropdown-days label:hover{background:#C3D3F9; font-weight:700;}
.dropdown-days label input { display: none;}
/* .dropdown-days label.active:last-of-type{border:none;} */
.dropdown-days input:checked + label{background: var(--Lightest-Blue, #C3D3F9); font-weight:700;}
.dropdown-days input:checked + label{border-color:transparent}
.dropdown-days.actives {display: block;}
.select-dropdown .select-toggle.active-menu .icons {
    transform: rotate(-180deg) translateY(50%);
}
.giftscardswatch .swatch-element {
    border-bottom: 1px solid  rgba(44,46, 48,0.5);
}
#cart-bar .giftscardswatch .swatch-element{border-bottom:0;}
#cart-bar .giftscardswatch .swatch-element{margin:0 6px;}
.product__content #cart-bar .swatch{margin:0;}
.giftscardswatch .swatch-element:hover label{background:#C3D3F9; font-weight:700;}
.giftscardswatch .dropdown-days label{border:none;}
.giftscardswatch .dropdown-days  .swatch-element:last-of-type {
    border: none;
}
#cart-bar .pur_type{display:none;}
.pro-small-des{margin-top:14px; margin-bottom:28px;}
.product__content .subtile { font-size: 24px;font-style: normal;  font-weight: 500; line-height: 140%;color: var(--Secondary-Blue, #3E74CF);margin-bottom: 14px;}

.product__content .product__block.product__head { margin-bottom: 1px;}

/* .tab-contents .scroll { overflow: hidden;} */
.pro-qtybtn, .cart-bar__submit {display: flex; gap: 8px;  height: 100%;}
button#AddToCart { width: 100%;font-size: 14px;padding: 11px 18px;}
.pro-qtybtn quantity-counter.cart__quantity-counter { min-width: 99px;  }
.pro-qtybtn .cart__quantity {position: relative;width: 99px; transition: opacity .4s; height: 100%;}
.pro-qtybtn  .cart__quantity input[type=number] { height: 100%; border-color:var(--Aavrani-Blue, #0047BB);color: var(--Charcoal, #2C2E30);font-family:'Proxima Nova Rg', sans-serif; font-size: 13px;font-style: normal; font-weight: 700;line-height: 21px;}
.pro-qtybtn .cart__quantity button{color: var(--Charcoal, #2C2E30);}
.pro-qtybtn .cart__quantity button .icon{stroke-width:2px;}
.cart-bar__form__wrapper{padding-left:0;}
.cart-bar{height:auto;}
.cart_bar_img { max-width: 98px;}
.cart_bar_img img {  display: block;}
.cart-bar__product__title{margin-left:8px; letter-spacing: 2.4px; color: #2C2E30;}

/* Product page css*/
.pro-small-des p{color: var(--Charcoal, #2C2E30); margin-bottom:0}
.pro-icon-text {margin: 24px 0 32px; display: grid;grid-template-columns: repeat(4, 1fr); display:flex; justify-content:center; gap: 45px;}
.pro-icon-text .icon-text-c{width:calc(25% - 22.5px);}
.icon-text-c .icon { width: 40px;min-height: 40px; display: flex;align-items: center; justify-content: center; margin: 0 auto 14px;}
.icon-text-c p {text-align: center;font-size: 16px; color: var(--Charcoal, #2C2E30); margin:0; font-style: normal;font-weight: 500;line-height: 150%;  text-transform: uppercase;}


 .pro-tab .accordion-custom{list-style: none; padding: 0; margin: 0; border-bottom:none;}
  .pro-tab .accordion-custom>li{border-bottom: 2px solid  #3E74CF;margin: 0;}
  .pro-tab .accordion-custom>li:first-child{border-top: 2px solid  #3E74CF;}
  .pro-tab .accordion-custom>li>a.h3{color: var(--Charcoal); transition:0.5s ease all; text-decoration: none; margin: 0; display: block; padding: 19px 34px 16px 0; position: relative;}
  .pro-tab .accordion-custom>li>a.h3::before{content: ""; width: 20px; transition: 0.5s ease all; height: 20px; background: url(angle-down.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
  .pro-tab .accordion-custom>li>a.h3.active::before{transform: rotate(180deg) translateY(50%);}
/* .pro-tab .accordion-custom>li>a.h3.active{padding-bottom:9px;} */
.pro-tab .accordion-custom .faq_ans{display:none; width:100% !important;}
.key-ingredients ul {  list-style: none;  padding: 0;  margin: 0;}
.pro-tab .faq_ans {padding-bottom: 24px;}
.pro-tab .accordion-custom .key-ingredients ul li { border: none; margin-bottom: 16px;}
.pro-tab .accordion-custom .key-ingredients p {font-size: 16px; font-weight: 400; line-height: 150%; color: var(--Charcoal, #2C2E30);}
.pro-tab .accordion-custom .key-ingredients ul li h6 {display: flex; align-items:center; margin:0; margin-bottom:8px;  font-size: 18px;  font-style: normal;font-weight: 400;line-height: 140%;font-family: "proxima-nova";  color: var(--Charcoal, #2C2E30);}
.pro-tab .accordion-custom .key-ingredients ul li h6 .icon { min-width: 30px; height:auto; margin-right: 8px;}
.pro-tab .accordion-custom .key-ingredients ul li h6 .icon img {
    display: block;
}
.key-ingredients .read {font-size: 16px; font-style: normal; transition:0.5s ease all; font-weight: 700; line-height: 140%;letter-spacing: 1.6px; text-decoration-line: underline; text-transform: uppercase; font-family: 'Lekton', sans-serif; cursor:pointer; color:var(--Aavrani-Blue);}
@media (hover: hover) {
.key-ingredients .read:hover{cursor:pointer; color: #6891EF;}  
}
.key-ingredients .read:active{color:#6891EF;}

.see-all-ingrad-wrap {padding-top: 10px;}
.see-all-ingrad-wrap h5:first-of-type{margin-top:0px !important;}
.for-ingredients ul {  list-style: none; padding: 0; margin: 0; /*display: grid; grid-template-columns:  repeat(3, 1fr);*/ display:flex; flex-wrap:wrap;  column-gap: 20px;row-gap: 16px;}
.see-all-ingrad-wrap h5{font-size:16px; color:#2C2E30;  font-family: 'Lekton', sans-serif; font-weight: 700; line-height: 140%;letter-spacing: 1.6px;}
.for-ingredients ul li {font-size: 16px;font-family: "proxima-nova"; font-style: normal; font-weight: 500; line-height: 140%;color: var(--Charcoal, #2C2E30); display: flex; align-items: center; margin: 0; max-width:195px;}

.for-ingredients ul li .icon {width: 64px;  height: 64px; display: flex; align-items: center;justify-content: center;  margin-right: 1px; min-width: 64px; padding: 8px 0;}
.upsell-pro{padding-bottom:7px;}
.upsell-pro .result-pro{align-items:center; margin-top:30px;}
.upsell-pro .result-pro-img {
    width: 192px;
    height: 239px;
}

.product__block{margin-bottom:0;}

.upsell-pro .result-pro-content {
    width: calc(100% - 192px);
    padding-left: 24px;
}

.upsell-pro .result-pro-content h6 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
    letter-spacing: 2px;
    margin-bottom: 13px;
}
.upsell-pro .result-pro-content  .btn{width:100%;}

.upsell-pro .price-q {
    display: flex;
    align-items: center; margin-bottom:24px;
    justify-content: space-between;
}

.upsell-pro .result-pro-content h6 a {
    text-decoration: none;
}
.upsell-pro .result-pro:first-child {
    margin-top: 8px;
}
.upsell-pro .price-q h3 {
    margin: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
    letter-spacing: 2px;
}

.upsell-pro .result-pro-content .star { margin: 0;}

.returns-3 { margin-top: 25px; display: flex; align-items: center;margin-bottom: 0;font-family: "proxima-nova"; font-size: 16px;font-style: normal;font-weight: 400; line-height: 150%; color:#2C2E30;}
.returns-3 span {min-width: 32px;text-align: center;margin-right: 8px;font-size: 16px; font-style: normal;font-weight: 400; line-height: 150%;}
.returns-3 span svg {display: block; margin: 0 auto;}
/* .faq-wrap.pro-faq{box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25);} */
.faq-wrap.pro-faq .faq_head h2 { color: #2C2E30;}

.tab-menu.new-tabs ul { border: none; column-gap: 33px;}

.tab-menu.new-tabs  ul li a { padding: 11px 20px 10px 20px;text-align: center;  border: 1px solid var(--Aavrani-Blue); background: var(--White);color: var(--Charcoal);min-width: 230px;text-align: center;}

.tab-menu.new-tabs ul li a.active {background: #C3D3F9;}

.key-ingredients .tab-box { margin: 0;padding-top: 16px;}

.key-ingredients .tab-box p {font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%;color: var(--Charcoal);}
.key-ingredients .tab-box h5{color: var(--Charcoal, #2C2E30); font-family: 'Lekton', sans-serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: 1.6px;text-transform: uppercase; margin:16px 0 8px;}

.detail-pro .result-pro-content h6 {font-size: 18px; letter-spacing: 1.26px; margin-bottom: 0;}

.detail-pro .result-pro-content h6 a {text-decoration: none;}

.detail-pro .result-pro-content  p { font-size: 16px;line-height: 140%; margin: 0;}

.detail-pro .result-pro-content {padding-right: 9%;}

.detail-pro .result-pro {margin-top: 7px;}

.detail-pro { margin-top: 23px;}
.tab-menu.new-tabs ul li~li{border:none;}
.pro-test-wrap .tab-menu.new-tabs ul { justify-content: center; margin-bottom: 28px;}
.pro-test-wrap .tab-box{margin:0}
.result-wrap .tab-box{margin:0}
.result-wrap .tab-menu.new-tabs ul { justify-content: center; margin-bottom: 10px; margin-top: 10px;}

.a-collection .tab-contents .tab-row{ white-space: nowrap; flex-wrap: nowrap;}
.a-collection .tab-contents .product_card { min-width: 311px; white-space: normal; float:left }
.tab-contents .tab-row.scroll {
    /* overflow-x: auto;  overflow-y: hidden;-webkit-overflow-scrolling: auto; */
    white-space: nowrap;
    flex-wrap: nowrap; /*padding-bottom: 24px;*/
}
.tab-contents .tab-row.scroll .product_card { min-width: 311px; white-space: normal; float:left }
  .tab-contents .tab-row.scroll::-webkit-scrollbar-track{ display:block; width:calc(100%  - 24px); margin-left: 12px; margin-right: 12px; }
.tab-contents .tab-row.scroll::-webkit-scrollbar {background: var(--Lightest-Blue); height:2px; width:calc(100%  - 24px); margin-left: 12px;  }
.tab-contents .tab-row.scroll::-webkit-scrollbar-thumb { background: var(--primary-aavrani-blue); height:5px; }  
/* .tab-row.explore-collection-row.scroll::-webkit-scrollbar-track{ display:block; }
.tab-row.explore-collection-row.scroll::-webkit-scrollbar-track {background: var(--Lightest-Blue); height:2px; margin-left: 14px; margin-right: 14px; }
.tab-row.explore-collection-row.scroll::-webkit-scrollbar-thumb { background: var(--primary-aavrani-blue); height:2px;} 
 */

.announcement__message .mobile-onlyy{display:none;}
.announcement__message .desktop-onlyy{display:block;}
.result-wrap .mobile-onlyy{display:none;}
.result-wrap .desktop-onlyy{display:block;}

.cart-bar__submit  .deattachhere {
    display: flex;
    align-items: center;
    gap: 69px;
}
div#cart-bar .dropdown-days {
    display: block;
    box-shadow: none;
    background: transparent;
}
div#cart-bar .pro-qtybtn button#AddToCart {
    width: 453px;
}
div#cart-bar .pro-qtybtn button#AddToCart span.price2 {
    margin-left: 10px;
}
div#cart-bar .cart-bar__form {
    max-width: fit-content;
    margin-left: auto;
}
.cart-bar__submit .all_subsciption_options {   gap: 13px;align-items: center;     margin: 0;}
div#cart-bar .dropdown-days label {
    border: 1px solid var(--Aavrani-Blue, #0047BB);
    background: var(--White, #FFF);
    min-width: 102px;
    text-align: center;
    color: var(--Charcoal, #2C2E30);
    text-align: center;
    font-family: "proxima-nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    padding: 14px;
}
div#cart-bar .giftscardswatch .dropdown-days .swatch-element:last-of-type label{border: 1px solid var(--Aavrani-Blue, #0047BB) !important;}
div#cart-bar .dropdown-days input:checked + label{background: var(--Lightest-Blue, #C3D3F9);}

.cart-bar__submit .all_subsciption_options span {
    margin: 0;
    color: #000;
}
.product-temp-result{padding-top: 63px;}
.product-temp-result .result_content h4:before {
    content: "—";
    display: inline-block;
    margin-right: 10px;
}
.upsell-pro .result-pro-content .star a{text-decoration:none;}
/* Blog page css*/
.av-blog-wrap {background: #f6faff; padding-bottom:72px; position:relative; overflow:hidden;}
.av-blog-wrap:before{content:''; width:508px; height:976px; background:url(blog-before-b.svg) no-repeat right; background-size:cover; position:absolute; left:0; top: 811px;}
.av-blog-wrap:after{content:''; width:432px; height:2274px; background:url(blog-after-b.svg) no-repeat left; background-size:cover; position:absolute; right:0; top:0;}
.av-blog-wrap .container{position:relative;     z-index: 2;}
.av-blog-header{text-align:center; margin-bottom:32px ;margin-top:10px}
.av-blog-header h1{color:#2C2E30; line-height:1; margin:0; margin-bottom:3px;}
.av-blog-header p{color:#2C2E30; max-width:523px; margin:0 auto;}
.latest_blog h2{color: #2C2E30;}
.latest_blog_row {display: flex; flex-wrap: wrap;justify-content: space-between;}
.latest_blog_big {  width: 55.5%;}
.latest_blog_big .single-blog { min-width: 100%;width: 100%; float: none; padding: 0; background: #C3D3F9; padding-bottom:20px;}
.latest_blog_big .single-blog-content { padding: 21px; padding-bottom: 0;}
.latest_blog_big .single-blog-img { margin: 0;}
.latest_blog_big .link {padding: 0 21px;}
.latest_blog_big  .single-blog-content p{margin-bottom:12px;}
.sidear_blog { width: 42.7%;}
.sidear_blog .single-blog {min-width: 100%; padding:0; margin-bottom:32px;  width: 100%; float: none;}
.sidear_blog .single-blog>div { display: flex; justify-content: space-between;}

.sidear_blog .single-blog-img { margin: 0; width: 51.6%;}
.sidear_blog .single-blog-content{display:flex; flex-direction:column; justify-content:space-between}
.sidear_blog .single-blog-content .link{font-size:18px;}

.sidear_blog .single-blog-content { width: 45%;}
.sidear_blog  .tag {margin-bottom:10px;}
.sidear_blog  .tag span { padding: 3px 14px; color: var(--Charcoal, #2C2E30); display:inline-block; text-align: center; font-family: "proxima-nova"; font-size: 18px;font-style: normal; font-weight: 400; line-height: normal;letter-spacing: 3.24px;text-transform: uppercase; border-radius: 28px;border: 1px solid var(--Charcoal, #2C2E30);}
.sidear_blog .single-blog-content h4 {  font-size: 22px; margin-bottom:23px;}
.av-blog-all h2 { color: #2C2E30;}
.av-blog-all { margin-top: 15px;}
.av-blog-row {display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 20px;row-gap: 43px; margin-bottom:48px;}
.av-blog-row .single-blog { min-width: auto; width: 100%; margin:0; float: none; padding: 0;}
.av-blog-row  .single-blog-content h4 {  font-size: 20px;}
.av-blog-row .single-blog-content p{  font-size: 16px;}
.av-blog-all .btn.btn-outline { min-width: 228px;}
.blog-email-section { background: #F9F1E2; min-height: 457px; text-align: center; padding-top: 70px; padding-bottom: 70px;   -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.10) inset;box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.10) inset;}
.blog-email-section h2 { max-width: 1006px; margin: 0 auto 18px; color: #2C2E30;}
.form-c .form-control { display: block;  margin: 0 auto; max-width: 442px; font-size:18px; font-family: "proxima-nova", sans-serif; font-weight:400; width: 100%; height: 42px;    color: #2C2E30; border: 1px solid var(--Charcoal, #2C2E30); margin-bottom: 30px;}
.form-c .form-control::-webkit-input-placeholder{color: #6B6D76; font-family: "proxima-nova", sans-serif; font-weight:400;}
.form-c .form-control::-moz-placeholder{color: #6B6D76; font-family: "proxima-nova", sans-serif; font-weight:400;}
.form-c .form-control:-ms-input-placeholder{color: #6B6D76; font-family: "proxima-nova", sans-serif; font-weight:400;}
.form-c .form-control::-ms-input-placeholder{color: #6B6D76; font-family: "proxima-nova", sans-serif; font-weight:400;}
.form-c .form-control::placeholder{color: #6B6D76; font-family: "proxima-nova", sans-serif; font-weight:400;}
.form-c .btn { min-width: 228px; margin-bottom:24px;}
.form-c p { max-width: 498px;font-size: 16px; line-height: 24px;  margin: 0 auto; color: #2C2E30;}
.av-blog-wrap .tag span {font-weight:400; border-width:1px; padding: 7px 13.9px; line-height:1; display:block;}
.av-blog-wrap .single-blog-img .tag  {  top:20px; right:20px;}
.latest_blog_big .single-blog-img>a {padding-top: 38.6%;}
.latest_blog_big .single-blog-content h4{margin-bottom:10px;}
.blog-email-section .success_message h3 , .blog-email-section .success_message  {
    font-size: 18px;
    letter-spacing: 1.26px;
  font-family: 'Lekton', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #2C2E30;
}
.blog-email-section  .error_message, .blog-email-section  .error_message p  {color: #F00;}

/* Single Blog page css*/
.article_wrapper { margin-top: 5px;}
.av-single-blog-wrap{background: #f6faff; position:relative; overflow:hidden; padding-bottom:72px;}
/* .av-single-blog-wrap .right-flower:before {content:''; width:874px; height:732px; background:url(single-blog-f.svg) no-repeat center left; background-size:cover; position: absolute; right: 0; top: 21%;} */
.av-single-blog-wrap .right-flower:before {content:''; position: absolute;
    width: 326px;
    height: 699px;
    background: url(privacy-fl-n.svg) no-repeat center left;
    background-size: cover;
    right: 0;
    top: 0%;}
.av-single-blog-wrap:before{content:''; width:562px; height:2227px; position:absolute; left:0; top:0; background:url(single-artice-b.svg) no-repeat center right; background-size:cover;}
/* .av-single-blog-wrap:after{content:''; width:793px; height:2445px; position:absolute; right:-20px; bottom:-62px; background:url(single-artice-a.svg) no-repeat center left; background-size:cover;} */
.av-single-blog-wrap:after {
    content: "";
    width: 239px;
    height: 1747px;
    background: url(privacy-a1.svg) no-repeat center right;
    background-size: contain;
    position: absolute; display:block;
    right: 0;
    bottom:0%;
}
.av-single-blog-wrap .container{position:relative; z-index:2;}
.article-head{margin-bottom:42px;}
.article-head h1{color:#2C2E30;     margin-bottom: 4px;}
.article-head .time{color:#2C2E30; margin:0;}

.article_wrap {display: flex; justify-content: space-between;flex-wrap: wrap;}

.article_content { width: 74.5%;}
.article-img{margin-bottom:20px;}
.article-img a {  position: relative;}
.article-img a img { display: block;width: 100%;  margin: 0;}
.article_content img { margin: 24px auto 0; max-width: 100%;  height:auto !important;}
.article-img .tag { position: absolute;right: 16px; top: 16px;}
.article-img .tag span {padding: 3px 18px; color: var(--Charcoal, #2C2E30); text-align: center;  font-family: "proxima-nova";  font-size: 18px; font-style: normal;  font-weight: 400; line-height: normal;  letter-spacing: 3.24px;text-transform: uppercase; border-radius: 28px;  border: 1px solid var(--Charcoal, #2C2E30); background: var(--Background, #F6FAFF);}
.article_content a{color:#0047BB; transition:0.5s ease all; background:none; text-decoration:underline}
.article_content a:hover{color: #6891EF;}
.article_content h4 { margin-top: 32px;margin-bottom: 10px; color:#2C2E30;}
.article_content h3, .article_content h2, .article_content h5, .article_content h6{color:#2C2E30}
.article_content p{color:#2C2E30;}
.article_content h5{color: var(--Charcoal); font-family:"proxima-nova"; font-weight: 500; font-size:20px; line-height:1.4; margin-bottom: 15px;}
.article_content ul{padding-left:30px;}
.article_content ul li { color: var(--Charcoal); font-family:"proxima-nova"; font-weight:400; margin-bottom: 16px;     font-size: 18px;line-height: 140%;}
.article_content p~h5 { margin-top: 16px;}
.article_content iframe{margin-top:48px; margin-bottom:24px; max-width:100%;}
.related-product { width: 23.5%;}
.related-product .product_card { width: 100%; margin-bottom:24px;  padding: 0;}
.related-product>h3 { line-height: 1;color: #2C2E30; margin-bottom: 14px;}
.related-product .scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0;  right: 0;}
@media (min-width:992px) {

.related-product .scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .related-product .scrollbar .mCSB_scrollTools .mCSB_draggerContainer{background:transparent;}
}
.av-single-blog-wrap .a-blog-wrap {
    padding-bottom: 0;
    padding-top: 50px;
}
.av-single-blog-wrap .single-blog {  min-width: 311px; width: 311px; white-space: normal;}
.av-single-blog-wrap .a-blog-wrap .d-flex {
    margin-bottom: 12px;
}

.av-single-blog-wrap .scroll-left {
    margin: 0 -12px;
}

.product__submit--spb .cart-bar__form { order: 2;}

.product__submit--spb .btn { order: 3;}
.product__submit--spb .pro-qtybtn.attachhere {
    margin-right: 22px;
}
.cart-bar .btn.flex {  padding: 12px 24px; width: 450px; font-size: 14px;}
.product__submit--spb  .btn.flex span s {
    font-size: 14px;
    color: #C3D3F9;
    font-weight: 400;
    margin-left: 5px;
}
.cart-bar__form__wrapper {
    padding-left: 0;
    justify-content: space-between;
}
.cart-bar__form__wrapper .cart-bar__info {
    width: 35%;
}
.cart-bar__form__wrapper>.cart-bar__form{width:75%}

 /* Quiz page css*/
#hair-quiz .page-wrap, #hair-quiz-which-products-are-right-for-you-aavrani .page-wrap{padding:0; min-height:388px;}
#hair-quiz .page-wrap .container, #hair-quiz-which-products-are-right-for-you-aavrani  .page-wrap .container{max-width: 100%; padding: 0;}
#hair-quiz .page-wrap  h1.h2.text-center, #hair-quiz-which-products-are-right-for-you-aavrani .page-wrap  h1.h2.text-center {display: none;}
#hair-quiz .page-wrap ul.breadcrumb, #hair-quiz-which-products-are-right-for-you-aavrani .page-wrap ul.breadcrumb {  display: none;}
#hair-quiz .flower, #hair-quiz-which-products-are-right-for-you-aavrani .flower { display: none;}

.oct-quiz-wrapper.oct-quiz-wrapper--explainer {
    padding-left: 15px;
}
.octane-ai-quiz-rendered {  min-height: inherit !important;}
.octane-ai-quiz-rendered>div{background: #b5d0e5;}
.octane-ai-quiz-rendered  .oct-quiz-wrapper.oct-quiz-wrapper--explainer {  padding: 96px 15px 168px;
                                                                         padding-left: calc((100% - 1220px)/2);
                                                                        }
.octane-ai-quiz-rendered .oct-quiz-content{text-align:left}
.octane-ai-quiz-rendered .oct-quiz-subheading { font-size: 28px; line-height: 140%;  letter-spacing: 2.8px; padding-top:0;}
.octane-ai-quiz-rendered .oct-quiz-body-text { font-size: 20px; line-height: 28px; font-family: "proxima-nova";   max-width: 459px; }
.octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--explainer .oct-quiz-body-text{text-align:left;}
.oct-quiz-btn.oct-quiz-btn--primary.oct-quiz-btn--large { max-width: 228px;  width: 100%; font-family: "proxima-nova";  letter-spacing: 2.52px;  text-transform: uppercase; font-size: 16px; padding: 21.5px; transition:0.5s ease all;}

.oct-quiz-btn.oct-quiz-btn--primary.oct-quiz-btn--large:hover:not([disabled]){background: var(--Secondary-Blue) !important; box-shadow:none; transform:none; color: var(--White); border-color: var(--Secondary-Blue) !important;   }

.oct-quiz-multiple-choice-options.oct-quiz-multiple-choice-options--stacked li.oct-quiz-multiple-choice-options__option {
    font-size: 12px ;
    font-weight: 700 !important;
    /* padding: 21.5px 10px !important; */
  font-size: 12px; text-transform:uppercase !important;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 2.16px; margin-bottom:10px;
  max-width:288px;
  padding:24px !important;
}
.octane-ai-quiz-rendered>div{margin-bottom:-2px !important;}
.oct-quiz-result-actions-content{margin-left:0 !important; margin-right:0 !important;}
.oct-quiz-multiple-choice-options.oct-quiz-multiple-choice-options--stacked li.oct-quiz-multiple-choice-options__option:hover{font-weight:700 !important; transform:none !important;}

.octane-ai-quiz-rendered .oct-quiz-rich-text p { text-align: left !important; margin: 0;line-height: 1;}
.octane-ai-quiz-rendered .oct-quiz-rich-text p strong { font-size: 65px !important; line-height: 1 !important; background: transparent !important; font-family: "proxima-nova";}
.octane-ai-quiz-rendered .oct-quiz-top_content {padding-top: 0; text-align:center;}
/* .octane-ai-quiz-rendered .oct-quiz-rich-text { padding-bottom: 1px !important;} */
.octane-ai-quiz-rendered .oct-quiz-btn-wrapper { padding-top: 42px;}
.octane-ai-quiz-rendered>div>div:before { background-size: 127%;}

/* step 2 css*/
.octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice {  padding: 60px 16px 66px; background: transparent; min-height: inherit !important;}
.oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice .oct-quiz-content { max-width: 740px; text-align: center;}
.oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice .oct-quiz-title { font-size: 24px;line-height: 140%; letter-spacing: 2px;max-width: 509px; margin: 0 auto;}
.oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice .oct-quiz-body-text { font-size: 18px; line-height: 140%; max-width: 520px; margin:0 auto; padding: 0;}
.oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice  .oct-quiz-rich-text p{text-align:center !important}
.oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice  .oct-quiz-rich-text p span, .oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice  .oct-quiz-rich-text p strong{ font-size: 18px !important; font-family: "proxima-nova" !important; line-height: 140% !important; font-weight:400 !important; letter-spacing: normal !important; max-width: 100%;}

.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-options--horizontal li.oct-quiz-multiple-choice-options__option { margin: 0; cursor:pointer; width: 100%; font-family: "proxima-nova"; font-weight:700 !important;  letter-spacing: 2.52px;  text-transform: uppercase; font-size: 12px; padding: 21.5px; transition:0.5s ease all; min-height:80px;}
.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-options--horizontal {display: grid !important;gap: 24px;grid-template-columns: repeat(3, 1fr);}
.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-options--horizontal li.oct-quiz-multiple-choice-options__option:hover{font-weight:700 !important; background: var(--Secondary-Blue) !important; box-shadow:none; transform:none; color: var(--White); border-color: var(--Secondary-Blue) !important; }
.oct-quiz-btn.oct-quiz-btn--primary-text.oct-quiz-btn--large {font-size: 16px; line-height: 1;left: calc((100% - 1220px)/2);top: 34px;}

.oct-quiz-btn.oct-quiz-btn--primary-text.oct-quiz-btn--large:hover{ 
 background: transparent;  
  transform: none !important; font-weight:700 !Important;  box-shadow: none;}
.oct-quiz-multiple-choice-options.oct-quiz-multiple-choice-options--stacked li:hover{
  background: #3e74cf;  
  border-color:#3e74cf;
} 

.octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--picture-choice {  padding: 60px 16px 136px; background: transparent; min-height: inherit !important;}
.oct-quiz-wrapper.oct-quiz-wrapper--picture-choice .oct-quiz-content { max-width: 740px; text-align: center;}
.oct-quiz-wrapper.oct-quiz-wrapper--picture-choice .oct-quiz-title { font-size: 24px;line-height: 140%; letter-spacing: 2px;max-width: 509px; margin: 0 auto;}
.oct-quiz-wrapper.oct-quiz-wrapper--picture-choice .oct-quiz-picture-choice-wrapper { max-width: 100%;}
.oct-quiz-wrapper.oct-quiz-wrapper--picture-choice li.oct-quiz-picture-choice-options__option:hover{transform:none}
.oct-quiz-multiple-choice-options.oct-quiz-multiple-choice-options--stacked li {font-size: 12px !important; font-family: "proxima-nova" !important;}

 .octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--email { background: transparent; min-height: inherit !important; padding: 95px 16px 104px;}

.octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--email:before {    background: url(https://octaneairsrc.com/l1gayea2ybv07ca9/quizimg/9a7f1282-0143-4f27-a72a-0c6f014713de) no-repeat top center; background-size:cover;}
.oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-content {max-width: 518px; margin: 0 auto;  text-align: center;}
.oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-top_content .oct-quiz-subheading {font-size: 20px; line-height: 28px; font-family: "proxima-nova"; letter-spacing: normal; font-weight: 400;max-width: 477px; color:#2C2E30 ;  margin: 0 auto;}
.oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-rich-text p span { font-size: 65px !important;line-height: 1 !IMPORTANT; letter-spacing:6.5px !important; display: block !important;text-align: center; color:#2C2E30 !important;}
.oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-rich-text p { margin: 0;}
.oct-quiz-email-wrapper { max-width: 438px; margin: 0 auto; background:transparent;}
.oct-quiz-email-wrapper {padding-top:40px !important; padding-bottom:10px !important}
.oct-quiz-email-wrapper input[type="text"], .oct-quiz-email-wrapper input[type="email"] { width: 100% !important;  max-width: 100%;  text-align: left; background: transparent;  font-size: 18px; color: #6B6D76;  height: 40px; margin: 0; border: 1px solid #2C2E30;}
.oct-quiz-wrapper--email .oct-quiz-btn-wrapper {display: inline-block; min-width: 218px;}
.oct-quiz-wrapper--email .oct-quiz-btn:hover { transform: none !important; box-shadow: none !important;}
.oct-quiz-wrapper--email .oct-quiz-btn.oct-quiz-btn--primary.oct-quiz-btn--large:disabled{opacity:1; background:#2C2E30}
.octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-rich-text p { text-align: center !important}

.oct-quiz-wrapper.oct-quiz-wrapper--result-page { padding: 76px 16px 152px;}
.oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-title { font-size: 65px;  line-height: 1;  text-align: center; letter-spacing: 4.55px;  margin-bottom: 25px;}
.oct-quiz-wrapper--result-page .oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center {text-align:center}
.oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center { text-align: center;}
.oct-quiz-wrapper.oct-quiz-wrapper--result-page  .oct-quiz-top_content .oct-quiz-rich-text p {  text-align: center !important;}
.oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-rich-text p span, .oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-rich-text p strong {font-size: 28px !important; background: transparent !important;}
.oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-media p strong{letter-spacing:normal !important;}

.oct-quiz-wrapper--result-page .oct-quiz-products { /* max-width: 650px;*/ width: 100%;margin: 40px auto 0; display: flex; justify-content: space-between; transform: none; text-align:center;}
.oct-quiz-wrapper--result-page .oct-quiz-rich-text{margin-top:0; margin-bottom:0;}
.oct-quiz-btn-wrapper-buy-all{text-align:center !important;}
.oct-quiz-wrapper--result-page .oct-quiz-products__item { margin-top: 0;}
.oct-quiz-wrapper--result-page .oct-quiz-result-item__img.quiz-result-item__img--ratio-square {padding: 124% 0 0;  background-size: cover;}
.oct-quiz-wrapper--result-page .oct-quiz-result-item__img-wrapper { padding-bottom: 12px;}
.oct-quiz-wrapper--result-page .oct-quiz-result-item__title{text-transform:uppercase; padding-bottom:9px;}
.oct-quiz-result-item__description p span { font-family: 'proxima-nova', sans-serif !important;}
.oct-quiz-wrapper--result-page .oct-quiz-btn.oct-quiz-btn--secondary.oct-quiz-btn--large { display: block;      padding: 21px 15px; font-family: 'proxima-nova'; font-weight: 700;letter-spacing: 2.52px; text-transform: uppercase; margin:auto; max-width:max-content; min-width:285px;}
.oct-quiz-wrapper--result-page .oct-quiz-btn.oct-quiz-btn--secondary.oct-quiz-btn--large:hover{border-color: var(--Aavrani-Blue) !important; transform:none !important; box-shadow:none; background: var(--Secondary-Blue) !important; color: var(--White) !important}
.oct-quiz-wrapper--result-page .oct-quiz-result-actions-content>div { display: block !important; margin-left:0; margin-right:0;}
.oct-quiz-wrapper--result-page .oct-quiz-result-actions-content .oct-quiz-btn.oct-quiz-btn--primary-text.oct-quiz-btn--large { display: inline-block; margin-top: 20px;text-decoration: underline;font-weight: 700;letter-spacing: 1px;}
.octane-ai-quiz-rendered  .oct-quiz-wrapper--result-page .oct-quiz-btn-wrapper { padding-top: 42px;}
.oct-quiz-wrapper--result-page .oct-quiz-bottom_content .oct-quiz-btn.oct-quiz-btn--secondary.oct-quiz-btn--large {min-width: 285px; max-width:max-content; margin:auto;}
.octane-ai-quiz-rendered .oct-quiz-wrapper--result-page .oct-quiz-btn-wrapper { padding-top: 0;}
.oct-quiz-wrapper--result-page  .oct-quiz-btn.oct-quiz-btn--primary.oct-quiz-btn--large { max-width: 286px;  min-width: 285px;}

.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--left~.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center {
    margin: 55px auto;
}
.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--left~.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center .oct-quiz-rich-text~.oct-quiz-rich-text {
    margin-bottom: 40px;
}
.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--left~.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center .oct-quiz-rich-text~.oct-quiz-rich-text p span,
.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--left~.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center .oct-quiz-rich-text~.oct-quiz-rich-text p strong{
  font-size:24px !important; font-family: "proxima-nova" !important;
}

.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--left{padding-top:35px;}
.product-temp-result .result_content .star {
    margin-bottom: 32px;
}
.result_slide .slick-dots { margin-top: 14px;}

.collection_v1.praful .product-type-list {
    padding-bottom: 3px;
}
.collection_v1.praful {
    padding-bottom: 32px;
}
.collection_v1.gopal .product-type-list {
    padding-bottom: 35px;
}
.collection_v1.gopal .colection-row-t{margin-top:32px;}


/* Notify css*/
div#notifypop { background: #FFF; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); padding: 28px 20px 40px;  margin-bottom: 30px;}
.notify_wrap  h2 { margin-bottom: 5px; color: #2C2E30;}

.notify_wrap p {color: #2C2E30; margin-bottom:15px;}

.notify_wrap input.Form__Input.notemail {width: 100%; color:#2C2E30; font-size:18px; margin: 0; height: 40px; border: 1px solid #2C2E30;}

.notify_wrap .Form__Item { margin-bottom: 14px;}
.notify_wrap .btn { font-size: 14px; padding: 15px;}
.notify_wrap h4 {font-size: 18px; line-height: 25.3px;letter-spacing: 1.26px;color: #0047BB; margin: 0;}

.Loyalty-Rewards{overflow:hidden;}

.sidear_blog .single-blog-img>a {background-size: cover; background-position: center;}

.product-temp-result .result_content p, .product-temp-result .result_content h4{font-size:24px;}

/* Search page css*/
.search_wrappaer{min-height:767px; position:relative; background:#f6faff;}
.search_wrappaer:before{content:''; width:625px; height:575px; background:url(search-wrap-b.svg) no-repeat center right; background-size:cover; position:absolute; left:0; top:158px;}
.search_wrappaer:after{content:''; width:386px; height:823px; background:url(search-wrap-a.svg) no-repeat center left; background-size:cover; position:absolute; right:0; top:0;}
.search_wrappaer .container{position:relative; z-index:2;}
.search_wrappaer h1{text-align:center; color:#2C2E30; letter-spacing: 6.5px; margin-top:23px;}
.search-bar {margin-top: 50px; position: relative; z-index:4; }
.search-bar .search-popdown {position: relative; opacity: 1; visibility: visible;transform: none;background: transparent; box-shadow: none;}
.search-bar .search-popdown .wrapper { max-width: 1490px;padding: 0 16px;}
.search-bar  .search-popdown__close{display:none;}
.search-bar #predictive-search-results { border-top: 3px solid #0047BB; }
.search-bar .predictive-search{top:115%;}
.search_wrappaer .grid-outers{margin-top:34px;}
.search_wrappaer .count-item{color:#2C2E30; text-align:center; margin-top:38px; margin-bottom:0;}

.grids .grid-item.product_card {
    justify-content: flex-start;
}

.section-fullscreen {
    background: #fff;
    position: relative;
}
/* .section-fullscreen .wrapper{padding-top:1px} */
/* About page css*/
.about-bradcrumb{background:var(--Background)}
.about-banner { display: flex; align-items: center; flex-wrap: wrap;}
.about-banner-content h1 { color: #0047BB;letter-spacing: 6.4px;margin: 0; font-size: 64px;line-height: 89.6px;}
.about-banner-content h1 img { margin-left: 14px; top: 0; position: relative;}
  .about-banner-content .collection-footer-content-inner h2{font-size:28px; letter-spacing:2.8px;     margin-bottom: 35px;}
.about-banner-content .collection-footer-content-inner p { max-width: 501px;font-size: 18px; line-height: 25.2px; margin-bottom: 25px; color: #2C2E30; font-weight: 400;}
.about-banner-content .collection-footer-content-inner p:last-child{margin-bottom:0}
.about-banner-content .collection-footer-content-inner{margin-left:64px;}
.about-banner  .collection-footer-img { width: 51.45%;}
.about-banner .collection-footer-content.about-banner-content{width:48.55%; padding:40px 25px;}

.brand-pillars-wrap{background:var(--Background); position:relative; padding-top:69px; padding-bottom:54px;}
.brand-pillars-wrap:before{content:''; width:465px; height:928px; background:url(about-before-v.svg)no-repeat center right; background-size:cover; position:absolute; display:block; left:0; bottom:-32%;}
.brand-pillars-wrap:after{content:''; width:233px; height:876px; background:url(about-after-v.svg)no-repeat center left; background-size:cover;  position:absolute; display:block; right:0; bottom:-15%;}
.brand-pillars-wrap .container{position:relative; z-index:2;}
.brand-pillars-wrap h3{text-align:center; color:#2C2E30; font-size:32px; line-height:44.8px; letter-spacing:3.2px; margin-bottom: 24px; font-weight:700;}
.brand-pillars-row {  max-width: 788px; margin: 0 auto; row-gap: 25px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.brand-pillars-section { max-width: 370px; width:100%}
.brand-pillars-section .icon-brand {  max-width: 60px; height: 60px; display: flex; align-items: center;justify-content: center;}
.brand-pillars-section h4 { color: #2C2E30; font-size: 28px; line-height: 39.2px;     margin-bottom: 5px; letter-spacing: 2.8px;}
.brand-pillars-row .brand-pillars-section:nth-child(even){max-width:315px;}
.brand-pillars-section p{color:#2C2E30; font-size:18px; margin:0; max-width:315px;}

.formula-philosophy-wrap { background: #C3D3F9; padding:63px 0 79px; position: relative;}

.formula-philosophy-wrap h2 {text-align: center;color: #2C2E30; margin-bottom: 37px; font-weight: 700;}

.formula-row {display: flex; flex-wrap:wrap; justify-content: center;gap: 46px;}
.formula-section {text-align: center; min-width: 205px;}
.icon-formula { min-height: 71px;display: flex;align-items: center;justify-content: center; margin-bottom: 9px;}
.formula-section p {text-transform: uppercase;letter-spacing: 1.26px; font-weight: 600;color: #2C2E30;}

.aavrani-sephora{background:#F3F3F3; position:relative; padding-top:39px; padding-bottom:39px;}
.aavrani-sephora-row { display: flex; flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.sephora-img { width: 431px;}
.sephora-content { width: calc(100% - 431px);}
.sephora-content .flex-logo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 54px; padding-right: 60px;}
.sephora-content .flex-logo span {
    margin: 0 14px;
    color: var(--Aavrani-Blue, var(--Aavrani-Blue, #0047BB));
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.4px;
}
.sephora-content h5 { color: #2c2e30; font-size:20px; line-height:28px; font-weight:500; max-width:613px; width:90%}
.sephora-content .btn { min-width: 238px;  margin-top: 33px;}
.morden-life.about-morden-life{padding-top:88px; padding-bottom:79px;}
.morden-life.about-morden-life .section-head h2 {color: #2C2E30;}
.about-morden-life  p {color: #2C2E30;}

.slide-brand-img2{margin:0; margin-top:71px;}
.slide-brand-img2 .slick-track { display: flex; align-items: center;margin: auto;}
.slide-brand-img2 .item img {display: block; width: auto; margin: 0 auto;}
.slide-brand-img2 .slick-arrow { width: auto;  height: auto; background: transparent;  border-radius: 0;}
.slide-brand-img2 .slick-arrow { top: auto;  bottom: -16px;}
.slide-brand-img2 .slick-arrow.slick-next { right: 0;}
.slide-brand-img2 .slick-arrow.slick-prev { left: 0;}

.founder_wrap.about-founder { padding-top: 38px; padding-bottom:0}
.founder_wrap.about-founder  .founder_img { width: 39.3%;}
.founder_wrap.about-founder .founder_content{width:60.7%;}
.founder_wrap.about-founder .founder_content>div { padding: 28px 63px 28px 35px; width: 107%;  margin-left: -7%;}

.founder_wrap.about-founder .founder_content p{font-size:18px; font-weight:400; margin-bottom:25px;}
.founder_wrap.about-founder .founder_row{margin-top:49px;}
.a-brand.about-a-brand{padding:79px 0;}

.small-banner.shantibhawan-banner {
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25);
}
.small-banner.shantibhawan-banner .small-banner-content { position: absolute; top: 50%; text-align: center;  max-width: 686px; transform: translateY(-50%); left:auto;left: calc((100% - 1220px) / 2);  z-index: 3;}
.small-banner.shantibhawan-banner .small-banner-content h2 { letter-spacing: 3.2px;  color: var(--Charcoal, #2C2E30);}
.small-banner.shantibhawan-banner .small-banner-content p{font-size: 18px;font-style: normal;font-weight: 400;line-height: 140%;    margin-bottom: 24px;     color: var(--Charcoal, #2C2E30);}
.small-banner.shantibhawan-banner .small-banner-content .btn { margin-top: 25px;}
.small-banner.shantibhawan-banner>img{min-height:596px; object-fit:cover;}


  @media (max-width:1700px) {
  /* .small-banner-content{right: 5%;} */
    .small-banner-content.bleed-left{left:5%;}
  .slick-prev{left: -14px;}
  .slick-next{right: -14px;}
.collection-footer-content {padding:70px 25px 90px;}
div#cart-bar .pro-qtybtn button#AddToCart {
    width: 100%;
}
div#cart-bar .pro-qtybtn button#AddToCart span.price2 {
    margin-left: 10px;
}
    .cart-bar__submit .deattachhere{gap:23px;}

  .cart-bar .btn.flex {  width:300px; font-size: 14px;}

  }

  @media (max-width:1550px) {

    div#cart-bar .dropdown-days label{min-width:85px;}
  }


  @media (max-width:1440px) {
      .hero-banner .item.full-bleed-left .hero-banner-content { left: 5%}
.hero-banner .item.full-bleed-right .hero-banner-content { right: 5%;}

    /* home banner css*/
  .btn-group .btn{padding: 24px 6px;}

  /* brand section css*/
  .slide-brand-img .item img{max-width: 88%;}

  /* .founder_wrap::before {content: ""; width: 610px; height: 588px;} */

  /* .single-blog-img .tag span{font-size: 14px;} */
  .single-blog-img .tag{right: 10px;}

  /* .collection-wrap::after { width: 47%; height: 32%;} */


.collection-wrap.small-v2::after {
    width: 874px;
    height: 770px;
}

      /* login  page css*/
    .login_wrap:before { content: "";width: 326px;   height: 288px; bottom:0;}
    .login_wrap:after{width:294px;}
    .password_w::before {
    bottom: 0;
}

      .faq-wrap::before{width: 315px; height: 287px;}
  .contact-wrap::before { content: ""; width: 224px; height: 326px;}
  .contact-wrap::after{width: 250px;}

  /* .page-wrap::before{content: ""; width: 300px; }
.page-wrap::after{content: ""; width: 300px;  } */
.page-404::before{width: 300px;}

    .account-drop ul.dropdown{right:0; left:auto;}
.slide-brand-img2 .item img {
    max-width: 88%;
}
  }

  @media (max-width:1300px) {
  .tab-menu ul li a{padding: 18px 8px 17px; min-width:154px; font-size: 15px;}
  .collection-footer-content-inner{margin-left: auto; margin-right: auto;}
    .compare-img {
    width: 51.5%;
    position: relative;
}
.result_content {
    width: 48.5%;}
    .hero-banner .item.full-bleed-left .hero-banner-content{left:16px;}
    /* .hero-banner .item.full-bleed-right .hero-banner-content{right:16px;} */
.cart-bar .btn.flex{width:320px;}
   
    .formula-row{gap:18px;}
    .sephora-content .flex-logo img {max-width: 238px;}
  }
 .a-blog-row {white-space: nowrap; flex-wrap:nowrap; }

  @media (max-width:1200px) {

  .single-mordern .overlay h2{margin-bottom: 12%;}
  .founder_wrap::before{display: none;}

  /* home blog css*/
  .a-blog-row {white-space: nowrap; flex-wrap:nowrap; /*overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom:24px;*/}
     .a-blog-row.scroll::-webkit-scrollbar-track{ display:block; }
  .single-blog {white-space: normal;     }
      .scroll.a-blog-row .mCSB_scrollTools.mCSB_scrollTools_horizontal{display:block !important;}
  .a-blog-row  .single-blog{margin-bottom:4px;}
     .a-blog-wrap .scroll .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:24px !important;}
.a-blog-wrap .scroll .mCSB_scrollTools .mCSB_draggerContainer{left:14px; right:14px}

    .a-blog-row.scroll::-webkit-scrollbar {background: var(--Lightest-Blue); height:2px; margin-left: 14px; margin-right: 14px; }
     .a-blog-row.scroll::-webkit-scrollbar-thumb { background: var(--primary-aavrani-blue); height:2px;  margin-left: 14px; margin-right: 14px;} 
     .a-blog-row.scroll::-webkit-scrollbar-track:horizontal, .a-blog-row.scroll::scrollbar:horizontal{margin-left: 14px; margin-right: 14px;}


  .collection-footer-content-inner .inspiredby-blocks{gap: 40px;}

  .collection-row-r .product_card{min-width: 50%;}

    .tab-menu ul li a{min-width:130px;}

     .footer_blocks{width:51%}
    .footer__logo_wrapper { width: 41%;}

    .octane-ai-quiz-rendered>div>div:before {background-size: cover;}
.small-banner.shantibhawan-banner .small-banner-content{left:16px;}
  }
@media (max-width:1100px) {
 .compare-img {width: 50%;  position: relative;}
.result_content {width: 50%;}

  .page-wrap::before{content: ""; width: 450px; }
/* .page-wrap::after{content: ""; width: 450px;  } */
  /* .page-wrap .flower {width: 437px; height: 385px; top:21%} */
}

  @media (max-width:992px) {
    .cart-bar__submit .all_subsciption_options {
    display: none !important;
}
    .lillysingh-content>div{margin-right:0;}
    .header_wrap { padding-top: 18px; padding-bottom: 14px;}
    .menu-list {display: none;}
    a.login{display: none;}
    .menu-btn{display: flex; flex: 1 0 0;}
    .menu-right{flex: 1 0 0;}
    .logo a img{max-width: 110px;}


  /* home banner css*/
  .hero-banner .item{flex-wrap: wrap; padding-bottom: 64px;}
  .hero-banner-img{width: 100%; }
         .hero-banner-img{height:auto;}
  .desk-show{display: none !important;}
  .mobile-show{display: block !important;}
  .hero-banner-content{width: 100%; text-align:center; padding-top: 16px;}
    .hero-banner-content .content-inner{margin:0 auto;}
    .btn-group{justify-content:center;}
    .hero-banner .item.full-bleed{padding-bottom:0;}
    .hero-banner .item.full-bleed-left .hero-banner-content { left: 0;padding: 92px 16px; width:100%; text-align: left; top: auto;  bottom: 0; transform: none;}
    .hero-banner .item.full-bleed-left .hero-banner-content .btn-group {justify-content: flex-start;}
.hero-banner-content .content-inner a.btn { font-size: 14px; padding: 15px 3px;}
 .full-bleed-left .hero-banner-content h3, .full-bleed-left .hero-banner-content h2, .full-bleed-left .hero-banner-content h1, .full-bleed-left .hero-banner-content h4{color:#fff}
.hero-banner .item.full-bleed-right .hero-banner-content{padding:55px 16px; width:100%; right:0; text-align:center; transform: none; top:auto;  bottom: 0;}
  .full-bleed-right  .hero-banner-content h3, .full-bleed-right .hero-banner-content h2, .full-bleed-right .hero-banner-content h1, .full-bleed-right .hero-banner-content h4{color:#fff}
    .hero-banner .item.full-bleed-right .btn-group {justify-content: center;}
.hero-banner .slick-dots{bottom:26px;}
    .hero-banner-img video.video-background {min-height: 600px;object-fit: cover; object-position: center;}

    .hero-banner .item.full-bleed-center .hero-banner-content {padding:69px 16px; width:100%; right:0; text-align:center; transform: none; top:auto;  bottom: 0;}
    .full-bleed-center .hero-banner-content h3, .full-bleed-center .hero-banner-content h2, .full-bleed-center .hero-banner-content h1, .full-bleed-center .hero-banner-content h4{color:#fff}
  .hero-banner-content.text-left .content-inner{max-width:100%;}
      .hero-banner-content.text-right .content-inner{max-width:100%;}
 .hero-banner .item.full-bleed .hero-banner-content.text-left{padding:69px 16px; max-width:100%; width:100%; right:0; text-align:left; transform: none; top:auto;  bottom: 0;}
 .hero-banner .item.full-bleed .hero-banner-content.text-right{padding:69px 16px; max-width:100%; width:100%; right:0; text-align:right; transform: none; top:auto;  bottom: 0;}
     .hero-banner .item.full-bleed .hero-banner-content.text-center{ text-align:center; max-width:100%;}
    .hero-banner .item.full-bleed .hero-banner-content.text-right .btn-group {justify-content: flex-end;}
    .hero-banner .item.full-bleed .hero-banner-content.text-centerd .content-inner{ text-align:center; max-width:100%;}
    .hero-banner .item.full-bleed .hero-banner-content.text-top {max-width:100%; width:100%; right:0; text-align:center; top:26px; padding-top:0; bottom:auto}
     .hero-banner .item.full-bleed .hero-banner-content.text-top .content-inner{ text-align:center; max-width:100%; }
   .hero-banner .item.full-bleed .hero-banner-content.text-top .content-inner .btn-group{justify-content:center;}
 .hero-banner .item.full-bleed .hero-banner-content.text-centerd .content-inner h4, .hero-banner .item.full-bleed .hero-banner-content.text-top .content-inner h4{max-width:286px; margin-left:auto; margin-right:auto;}
          .hero-banner  .hero-banner-content.text-centerd .content-inner .btn-group, .hero-banner  .hero-banner-content.text-top .content-inner .btn-group {
    flex-wrap: wrap; justify-content:center;
    gap: 16px;
}
.hero-banner .hero-banner-content.text-left .content-inner .btn-group{justify-content:flex-start;}
.hero-banner .hero-banner-content.text-right .content-inner .btn-group{justify-content:flex-end;}
.hero-banner .item.half-bleed{height:auto; align-items:flex-start; display:block;}
    

    
  /* inspiredby section css*/
  /* .a-inspiredby{padding-top: 150px; padding-bottom: 213px; } */
    .a-inspiredby{padding-top: 75px; padding-bottom: 89px; }
  /* .a-inspiredby::before{ background: var(--Background); width: 100%; top: -15px; left: 0; height: 10%; display: block; }
  .a-inspiredby::after{display: none;} */
  .a-inspiredby>img{width: 100%; display: block; position: relative; z-index: 2;}

  /* home collection css*/
     .a-collection:before{content:''; width:316px; height:410px; display:block; position:absolute; bottom:0; left:0; background:url(collection-before-vector.svg)no-repeat top center; background-size:cover;}
  .a-collection{padding-top: 48px; padding-bottom: 8px; overflow:hidden}
  .a-collection .section-head{flex-wrap: wrap; display:flex; margin-bottom:17px; padding-left:16px; justify-content: space-between; text-align: left; padding-right: 14px;}
  .a-collection .section-head h2{margin-right: 0; margin-bottom: 12px;}
  .a-collection .section-head h5{width: 60%; max-width: 60%; text-align: left; color:var(--Charcoal)}
  .a-collection .section-head .mobile-show{width: 40%; text-align: right;}
  .a-collection .container{padding-right: 0; padding-left:0}
  .tab-menu{overflow: hidden;}
  .tab-menu ul li a{padding:19px 12px 18px ; font-size: 14px; letter-spacing: 1.4px;}
  .tab-menu ul{white-space: nowrap; overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch;}
  .tab-menu ul li{white-space: normal; min-width: fit-content;}
  .tab-row{white-space: nowrap; flex-wrap: nowrap; /*overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: auto;*/ padding-bottom: 0;}
  .tab-row .product_card, .a-collection .tab-contents .product_card { min-width: 264px; white-space: normal; float:left }
     .a-collection .tab-contents{padding-left:16px;}
     .a-collection .tab-menu ul{border:none; padding-left:16px;}
   .a-collection  .tab-menu ul li {
    border-top: 1px solid var(--Aavrani-Blue);
    border-bottom: 1px solid var(--Aavrani-Blue);
}
     .a-collection  .tab-menu ul li:first-child{ border-left: 1px solid var(--Aavrani-Blue);}
    .a-collection  .tab-menu ul li:last-child{ border-right: 1px solid var(--Aavrani-Blue);}
    .tab-contents .tab-row.scroll .product_card { min-width: 264px; white-space: normal; float:left }
.tab-contents .tab-row.scroll::-webkit-scrollbar-track, .tab-contents .tab-row.scroll::-webkit-scrollbar{display:none;}
/* .tab-contents .tab-row.scroll::-webkit-scrollbar {background: var(--Lightest-Blue); display:none; height:2px; margin-left: 14px; margin-right: 14px; }
.tab-contents .tab-row.scroll::-webkit-scrollbar-thumb { background: var(--primary-aavrani-blue); height:2px;}  */
    /* .tab-row.scroll::-webkit-scrollbar{display:none;} */
    .tab-menu ul::-webkit-scrollbar{display:none;}
    .a-collection .tab-row.scroll.dark .mCSB_horizontal.mCSB_inside>.mCSB_container {margin-bottom: 0!important;}
     .a-collection .tab-row.scroll.dark  .mCSB_scrollTools .mCSB_draggerContainer{}
    .a-collection  .scroll .mCSB_scrollTools .mCSB_draggerContainer, .a-collection .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:transparent}
    .tab-row.explore-collection-row{padding-bottom:0;}
     /*  */


  /* home lilly singh css*/
  .a-lillysingh{flex-wrap: wrap;}
  .lillysingh-img{width: 100%; margin-right:0;}
  .lillysingh-content{width: 100%; padding: 32px  36px 32px; text-align: center;}
.lillysingh-content>div{margin:0 auto;}
    .lillysingh-content img{max-width:115px; margin:0 ;}
    .lillysingh-content img.logo2{max-width:123px;}
    .lillysingh-content .flex-logo span {
    font-size: 11.921px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.192px;
    margin: 0 23px;
}
.lillysingh-content .flex-logo {
    justify-content: center;
}
  /* small banner css*/
  .small-banner-content {right: auto;max-width: 100%; width:100%; padding: 35px 31px;top: 50%;}
    .small-banner-content.bleed-left{left:0}
    .small-banner-content h2, .small-banner-content h5 {color: var(--White, #FFF);}
video.video-background {
    width: 100%;
    height: auto;
    display: block;
}


  /* result wrap */
    .result-wrap .container{padding:0;}
    .result_slide{padding:0;}
    .result-wrap .section-head{padding:0 16px;}
  .compare-img{width: 100%;}
  .result_content{width: 100%; background:transparent; box-shadow: none; margin:0 auto; padding: 0 16px; margin-top:24px;}
  .result_content>div{max-width: 100%; padding:0 ; }
    .tab-box .result_content {
    margin-top: 29px;
}
    /* .compare-img{max-width:500px; margin:0 auto;} */
    .tab-box .result_content>div{max-width: 100%; padding:0 ; }
   .shadow-m{background: var(--White, #FFF);box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); padding:24px 16px;}
    .result_slide .item { padding: 24px 0 17px}
  .result-pro-content .btn{}
  .result-pro{align-items: center;}
  .result_content h4{margin-bottom: 0;}
    .result_slide .slick-arrow {width: auto; height: auto;  background: transparent; border-radius: 0;}
    .result_slide .slick-arrow {
    top: auto;
    bottom: -16px;
}
    .result_slide .slick-arrow.slick-next {
    right: 16px;
}
   .result_slide .slick-arrow.slick-prev {
    left: 16px;
}
    
  /* morden-life css*/
  .single-mordern{width: 100%;}

  /* fonuder css*/
  .founder_wrap{padding-bottom: 0; padding-top:0; background: var(--Aavrani-Blue, #0047BB);}
  .founder_row{flex-wrap: wrap; margin:0}
  .founder_wrap h2{text-align: center;}
  .founder_img{width: 100%;}
  .founder_content { width: 100%;margin-top: 0;}
  .founder_content>div{width: 100%; margin-left: 0;}
  .founder_wrap .container{padding: 0;}
    .founder_wrap .subheading { display: block; border: none; padding:0; background: transparent;   color: #fff;}
    .founder_wrap h2{margin:0; padding:30px 15px 22px;}

  /* home blog css*/

  .single-blog {white-space: normal; /*min-width: 39%;*/ }


    /* home product css*/
    .home-pro-wrap{padding:48px 0 32px; background: #FFF;box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25);}
    .home-pro-box{padding:0; box-shadow:none; display:block;}
    .home-pro-img{width:100%;}
    .home-pro-img-slide .item .tag { font-size: 16px;padding: 3px 15px 2px; top: 16px; right: 16px;}
    .home-pro-info {width: 100%;  margin-top: 30px;}
    .home-pro-info h2 { font-size: 24px; letter-spacing: 2.4px; margin-bottom: 4px;}
    .home-pro-info .star {display: flex; margin-bottom: 3px;}
    .home-pro-info ul { margin: 16px 0 0; display:block;     column-count: 2;}
    .home-pro-info ul li { font-size: 16px;font-weight: 400; width:auto;  letter-spacing: normal; font-family: proxima-nova; margin-bottom: 15px;}
    .home-pro-info ul li .icon { width: 56px;height: 56px; padding: 7px 7px 8.2px 7px;}
    .home-pro-test { width: 100%; margin-top: 20px;background: var(--White, #FFF); box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.25); padding: 25px 13px 32px; margin-bottom: 24px;}
  .home-pro-test .icon { width: 80px;height: 80px; padding: 12px; margin-top:18px;}
    .home-pro-test h2 {font-size: 85px;line-height: 140%;}
    .home-pro-test h4 {  margin-bottom: 14px; margin-top: -15px; font-size: 20px;}
    .home-pro-test p{font-size:14px;}
    .home-pro-wrap .btn.flex span { font-size: 14px;}
    .home-pro-box .mobile-show .btn {width: 100%; font-size:14px; padding:12px;}

  /* footer css*/
  .footer_logo{width: 35%;}
  .footer_links{width: 65%;}


  .collection-footer-img{width: 100%;}
  .collection-footer-content{width: 100%; padding: 40px 24px;}
  .collection-footer-content-inner{margin: 0 auto;}
  .collection-footer-wrap:after{width: 100%; bottom: 0; top: auto; background: url(collection-footer-vector-m.svg) no-repeat center top; background-size: cover; height: 18%;}
  .collection-footer-content-inner{text-align: center;}
  .collection-footer-content-inner .inspiredby-blocks{margin-top: 64px;}
  .product-type-list {white-space: nowrap;overflow-x: auto;  scrollbar-width: none; -ms-overflow-style: none; overflow-y: hidden;-webkit-overflow-scrolling: touch; display: flex; flex-wrap: nowrap; justify-content:center;}
  .single-product-type { white-space: normal;min-width: 140px;}
  .product-type-list::-webkit-scrollbar {
    display: none;
  }
  /* .collection-wrap .container{padding: 0;} */
  .collection-wrap .breadcrumb, .collection-head, .colection-row-t-wrap{padding-left: 16px; padding-right: 16px;}

  .collection-row-r-full .product_card { width: 33.33%;}
  .collection-deatil-l{width: 30%; margin-bottom: 48px;}
  .collection-row-r{width: 70%; margin: 0 ; padding: 0;}
  .small-v2 .colection-row-t-wrap{padding: 0;}
  .small-v2  .collection-row-r{padding: 0 2px;}
  .small-v2 .collection-row-r .product_card{margin-bottom: 32px;}
  .small-v2 .single-pro-type .heading{padding: 18px 14px;}
  .product_card .hair-banner-content{min-height: auto; padding: 54px 26px;}
  .product_card .hair-banner-content h3{margin-bottom: 8px;}
  .product_card .hair-banner-content h5{margin-bottom: 22px;}
  .collection-wrap.small-v2{padding-bottom: 32px;}
  .small-v2 .colection-row-t{margin-top: 11px;}


      /* faq page css*/
      .section-sidebar__aside{display:block;}
      .faq_head h1{margin-bottom:12px;}
  .faq-wrap::after {width: 150px; height: 36%; background-position: right bottom;}
.faq_sidebar{width: 100%;}
.faq_aside{position: sticky; background:var(--Background); top: var(--header-height); padding-bottom:0; z-index:2; width: 100%; margin-bottom: 30px;}
.faq_aside h4{display: none;}
.faq_aside ul{display: flex; background: var(--Background); padding: 10px 0 10px 16px; margin-left:-15px; margin-right: -16px;   white-space: nowrap;overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch;}
    .faq_aside ul::-webkit-scrollbar{display:none;}
.faq_aside ul li{white-space: normal;  min-width: fit-content; margin: 0; padding-right: 24px; font-size: 14px;}
.faq_aside ul li.active{font-size: 14px;}
      .faq_aside ul li button.is-selected{font-size: 14px; text-decoration:underline}
      /* .faq_aside ul li.active button{text-decoration:none} */
.faq_head{padding-bottom: 30px;}
.faq-wrap::before{width: 190px; height: 252px; bottom: 35%;}
.faq-content{padding-bottom: 60px;}
      .faq-content h3~h3{padding-top: 60px;}
.faq_sidebar .faq-content:last-child {
    padding-bottom: 48px;
}
.faq_ans {
    padding-bottom: 30px;
}
    .page-404{padding-bottom:48px;}


      .collection-row-r-full, .collection-row-r{padding-bottom: 0; margin:0;}
      .collection-row-r-full, .collection-row-r {
    /* column-gap: 24px;  */  column-gap: 0;
}
      .collection_v1  .collection-row-r-full{column-gap:0;}
      .collection-row-r{padding:0 16px;}
       .collection_v1 .collection-head{margin-top:32px;}
      
     .collection-row-r-full .collection-row-r.w-100 .product_card { padding:0;
                                           
    width: calc(50% - 12px); min-width:calc(50% - 12px);
}
     .collection_v1 .product-type-list{padding-bottom:0;}
      .colection-row-t-wrap{padding:0}
    #collections .collection-row-r, #all .collection-row-r{column-gap:0;}
    .collection_v1.praful .collection-row-r{column-gap:0;}
    .tab-menu.new-tabs ul li a {
    font-size: 16px;
    min-width: 158px;
    padding: 14px 7px 10px 7px;
    letter-spacing: normal;
}
    .tab-menu.new-tabs ul {
    border: none;
    column-gap: 14px;
}
    .key-ingredients .tab-box {
    margin: 0;
    padding-top: 10px;
}
    .av-blog-wrap:before{display:none;}
    .av-blog-wrap:after{width:256px;}
    .sidear_blog .tag span {  font-size: 14px;  padding: 3px 6px;}
    .latest_blog_big { width: 100%; margin-bottom:2px;}
    .latest_blog_big .single-blog {background: transparent;padding: 0;}
    .latest_blog_big .single-blog-content { padding: 10px 15px; padding-bottom: 0;}
    .latest_blog_big .link{margin-left:15px; margin-bottom:10px;}
    .latest_blog_big .single-blog-img{margin-bottom:22px;}
    .latest_blog_big .link {padding: 0;}
    .sidear_blog { width: 100%; clear:both;}
    .sidear_blog .single-blog { min-width: 191px;width: 191px;  float: left;  margin-right: 32px; margin-bottom:0;}
    .sidear_blog .single-blog>div{display:block;}
    .sidear_blog .single-blog-img { margin: 0;width: 100%; margin-bottom: 15px;}
    .sidear_blog .single-blog-content { width: 100%;}
    .sidear_blog .tag span { font-size: 12px; padding: 3px 10px;}
   .sidear_blog .single-blog-content h4 {font-size: 18px;}
    .av-blog-all{margin-top:40px;}
    .sidear_blog .single-blog-content .linl{font-size:16px;}
    .a-blog-rows{white-space: nowrap;     display: flex;  flex-wrap: nowrap;}
    .av-blog-header { margin-bottom: 24px; margin-top: 0;}
     .av-blog-wrap .scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0; right:0}

    .article_content{width:100%;}
    .related-product {width: 100%; margin-top: 38px;}
    .related-product-row { display: flex; flex-wrap: nowrap; margin: 0 -12px; }
    .related-product .product_card{min-width:264px; width:264px; padding:0 12px;}
 /* .av-single-blog-wrap .right-flower:before {
    width: 368px;
    height: 621px;
    top: 42%;
} */

    .octane-ai-quiz-rendered  .oct-quiz-wrapper.oct-quiz-wrapper--explainer {  padding: 48px 16px 80px; }
    .key-ingredients .tab-menu.new-tabs ul {
    margin: 0;
}
    .key-ingredients .tab-menu.new-tabs ul li {
    margin-bottom:14px;
}
    .result_slide .slick-dots {
    margin-top: 0;
}
    .result_slide button.owl-prev {
    position: absolute;
    top: auto;
    left: 16px;
    transform: none;
    bottom: 0px;
}
    .result_slide button.owl-next {
    top: auto;
    right: 16px;
    position: absolute;
    transform: none;
    bottom: 0px;
}

    .about-banner .collection-footer-img {width: 100%;}
    .about-banner .collection-footer-content.about-banner-content { width: 100%;}
    .about-banner-content .collection-footer-content-inner {margin: 0 auto;}
    .brand-pillars-wrap:before,.brand-pillars-wrap:after{display:none}
.formula-philosophy-wrap{position:relative;     z-index: 2;}
    .aavrani-sephora{background:var(--Background); padding:32px 0 34px;}
     .aavrani-sephora:before{content:''; display:block; width:308px; height:1055px; background:url(about-shap-m-vector.svg) no-repeat right bottom; background-size:cover; position:absolute;left:0; bottom:-50px;}
    .aavrani-sephora-row{flex-wrap:wrap;position:relative}
    .sephora-content { width: 100%; margin-top:23px;}
    .sephora-img {width: 100%;}
    .sephora-img img { max-width: 431px; margin: 0 auto;}
    .sephora-content div { max-width: 522px;  margin: 0 auto;text-align: center;}
    .sephora-content h5 { width: 100%;}
    .founder_wrap.about-founder { padding-top: 0; background: var(--Aavrani-Blue, #0047BB);}
    .founder_wrap.about-founder .founder_row { margin-top: 0;}
    .founder_wrap.about-founder .founder_img {width: 100%;}
    .founder_wrap.about-founder .founder_content { width: 100%;}
    .founder_wrap.about-founder .founder_content>div {  padding: 32px 16px; width: 100%; margin-left: 0;}

    .small-banner.shantibhawan-banner{background: #F6FAFF; box-shadow:none;}
    .small-banner.shantibhawan-banner .small-banner-content { padding:30px 17px 34px; position: relative;top: auto; left: 0; transform: none; margin: 0 auto;}
.small-banner.shantibhawan-banner>img {min-height: auto; object-fit:cover;}



  }



    @media (max-width:767px) {
     .product__wrapper .product__title.heading-size-6 {max-width:75%;}
      .pro-tab .accordion-custom .key-ingredients p{font-size:14px;}
      .template-index  .a-collection .container{min-height:550px;}
      .template-index  .a-collection  {padding-bottom:48px;}
      .a-blog-row{padding-bottom:28px;}
      .product_card .swatch-grid label{border-width:1px;}
       .shadow-m{padding:22px 16px 16px;}
      /* div#cart-bar .cart-bar__form {
    max-width: 100%;     width: 100%;
    margin-left: auto;
} */
   div#cart-bar .cart-bar__form {
    max-width: 100%;
    margin-left: 0;
}
      div#cart-bar .cart-bar__form .cart-bar__form {
    width:auto;
    margin-left: 0;
}
      .cart-bar__form .product__submit, .cart-bar__submit .deattachhere {

    width: 100%;
}
      .cart-bar__form__wrapper {
    padding-left: 0;
    padding: 24px 16px;
}
      .cart-bar__form .pro-qtybtn {
    gap: 16px;
    /* width: 100%; */
}
      .cart-bar__submit.product__submit.product__submit--spb .btn {
    width: calc(100% - 99px);
}
      .cart-bar.less-padding .cart-bar__submit.product__submit.product__submit--spb .btn{width:100%;}
      .cart-bar.less-padding .cart-bar__submit{gap:0;}
      .cart-bar__form__wrapper {
    padding-left: 0;
    padding: 9px 16px;
}

      
  .h1, h1 {  font-size: 32px; line-height: 140%; letter-spacing: 3.2px;}
  .h2, h2 {font-size: 24px;line-height: 120%; letter-spacing: 2.4px;}
  .h3, h3 { font-size: 20px; line-height: 140%; letter-spacing: 2px;}
  .h4, h4 { font-size: 18px;line-height: 140%;letter-spacing: 1.8px;}
  .h5, h5 {font-size: 16px;line-height: 140%; letter-spacing: 1.6px;}
  .h6, h6 {font-size: 14px; line-height: 140%; letter-spacing: 1.4px;}
  p{font-size: 16px; line-height: 140%;  }
  small, .small, p small{font-size: 14px; line-height: 140%;}
  .btn, .btn-outline, .btn-primary{border-width:1px; padding:16px 16.5px;}
      .btn-outline:hover {
    border: 1px solid var(--Aavrani-Blue) !important;
    background: var(--Secondary-Blue) !important;
    color: var(--White) !important;
}
      .btn-outline:active {
    border: 1px solid var(--Aavrani-Blue) !important;
         color: var(--White) !important;
        background: var(--Tertiary-Blue, #6891EF) !important;

}
  .container{padding: 0 16px;}
  .btn-lg {min-width: 207px;}

      .header__mobile{padding:0;}
      .header__mobile{min-height:60px;}

span.reward{margin-bottom:24px;}
      .announcement__message .mobile-onlyy{display:block;}
      .announcement__message .desktop-onlyy{display:none;}
      .result-wrap .mobile-onlyy{display:block;}
      .result-wrap .desktop-onlyy{display:none;}
      .announcement__text p{font-size: 10px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 1px;}
  /* home banner css*/
  .hero-banner-content h3{font-size: 20px;line-height: 28px; letter-spacing: 2px;}
      .item.half-bleed .hero-banner-content .content-inner{min-width:0;}
  .hero-banner-content .content-inner{max-width: 320px;}
      .hero-banner-content .content-inner.sidebyside{max-width:95%;}
  .hero-banner-content h2, .hero-banner-content h1{font-size: 32px; line-height: 44.8px; letter-spacing: normal; margin-bottom: 3px;}
  .hero-banner-content h4{margin-bottom: 17px; font-size:18px;  line-height: 140%;}
  .btn-group{flex-wrap: wrap; gap:16px;}
  .btn-group .btn{width: 100%; max-width:240px; margin: 0; padding: 17px 10px;}
  .btn-group .btn~.btn{margin-top: 0;}
  .hero-banner .item{display: flex; justify-content: space-between; align-items: flex-start; height: inherit;}
  .full-bleed-left .hero-banner-content .content-inner { max-width: 100%; text-align:left;}
      .full-bleed-left .text-right .content-inner{text-align:right !important;}
  .full-bleed-left   .btn-group{flex-wrap: nowrap; gap:16px;}
  .full-bleed-left .btn-group .btn{width: 100%; font-size:14px; max-width:240px;     padding: 15px 3px;}
      .hero-banner .item.full-bleed-left .hero-banner-content .btn-group{ justify-content:left;}
  .full-bleed-right .hero-banner-content .content-inner { max-width: 100%; text-align:right;}
      .full-bleed-right .hero-banner-content.text-left .content-inner{text-align:left;}
  .hero-banner .item.full-bleed-right .btn-group{justify-content:flex-end;}
   
    .btn-group.flex-nowrap{flex-wrap:nowrap !important; gap:10px;}
 
      
      .hero-banner .item.full-bleed-top .hero-banner-content{top:5px; padding:25px 16px;}
      /* .hero-banner .item.full-bleed-left .hero-banner-content .btn-group{ justify-content:center;} */
      
   .hero-banner-content.text-left .content-inner{max-width:100%;}
      .hero-banner-content.text-right .content-inner{max-width:100%;}
 .hero-banner .item.full-bleed .hero-banner-content.text-left{padding:69px 16px; max-width:100%; width:100%; right:0; text-align:left; transform: none; top:auto;  bottom: 0;}
 .hero-banner .item.full-bleed .hero-banner-content.text-right{padding:69px 16px; max-width:100%; width:100%; right:0; text-align:right; transform: none; top:auto;  bottom: 0;}
     .hero-banner .item.full-bleed .hero-banner-content.text-centerd{ text-align:center; max-width:100%;}
    .hero-banner .item.full-bleed .hero-banner-content.text-right .btn-group {justify-content: flex-end;}
     .hero-banner-content.text-centerd .content-inner{max-width:100%; text-align:center;}
      .hero-banner  .hero-banner-content.text-centerd .content-inner .btn-group {
    flex-wrap: wrap; justify-content:center;
    gap: 16px;
}
.hero-banner .hero-banner-content.text-left .content-inner .btn-group{justify-content:flex-start;}
.hero-banner .hero-banner-content.text-right .content-inner .btn-group{justify-content:flex-end;}
         .hero-banner .item.full-bleed .hero-banner-content.text-centerd .content-inner h4{max-width:286px; margin-left:auto; margin-right:auto;}

      
  /* inspiredby section css*/
  .inspiredby-blocks{gap: 21px; margin-top: 12px;}
  .inspiredby-content h5{letter-spacing: normal;}
  .inspiredby-item h4{font-size: 14px; line-height: 140%;  letter-spacing: 0.90px;}
  .inspiredby-item .icon{min-height: 55px;}
  .inspiredby-item .icon img{max-width: 45px;  max-height: 55px; }

  /* home collection css*/
  .link-arrow{font-size: 16px;line-height: 140%; letter-spacing: 1.12px; min-width: 120px;}
  .link-arrow span{margin-right: 8px;}
  .link-arrow img{max-width: 21px;}
  .product-tag {font-size: 12px;right: 8px;top: 8px;letter-spacing: 1.8px; padding: 8px 12px;}
  .tab-contents{padding-top: 24px;}
  .product-card-content div.flex{flex-direction: column-reverse;}
  .product-card-content h5{color: var(--Aavrani-Blue, var(--Aavrani-Blue)); margin-bottom: 10px; font-family: "proxima-nova";font-size: 18px;font-style: normal; font-weight: 700;line-height: 140%; /* 25.2px */letter-spacing: 1.26px}
  .product-card-content p{font-size: 18px; line-height:22.5px;}
  .product-card-content .star span{font-size: 11px; color: var(--Charcoal, #2C2E30) ;}
      .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text{font-size: 16px !important;}
  .btn.flex{padding: 13px 24px;}
  .a-collection .container{overflow: hidden; min-height:800px;}
     .a-collection .product-card-img { border: 2px solid var(--Aavrani-Blue);}
.product-card-content h4{font-size: 21px; color: var(--Charcoal, #2C2E30);line-height: 23.1px; letter-spacing: 2.1px; max-width:100%;}
 .product-card-content { margin-top: 8px;}
      .a-collection .product_card .btn.flex{
    font-size: 16.5px;
    padding: 24px 15px;
    letter-spacing: 2.97px;
}
     .a-collection .product_card .btn.flex span {font-size: 16.5px; letter-spacing: 1.98px;}

  /* brand section css*/
  .a-brand{padding-top: 48px; padding-bottom: 48px;}
      .a-brand h2 { font-size: 20px;  letter-spacing: 2px;}
  .subheading{padding: 11px 29px 5px;}
  .a-brand .subheading { padding: 12px 22px 7px;}
  .slide-brand-content{margin: 28px auto 28px; padding: 0 30px;}
  .slide-brand-content p{font-size: 20px; font-weight:600; line-height: 140%; letter-spacing:normal}
  .slide-brand-img {padding:  0 30px;}
  .slide-brand-img .item.slick-current.slick-active:after{display: none;}
  .slide-brand-img .item{min-height: auto; padding: 0;}
  .slide-brand-img .slick-track{display: block;}
  .slide-brand-img .item img{max-width: 95%;}
      .slide-brand-img  .slick-dots{margin-top:20px;}

  /* home lilly singh css*/
  .lillysingh-content h5 { margin: 22px 0 19px; letter-spacing: normal;}

  /* small banner css*/
  .small-banner-content h2{margin-bottom: 14px;}
  .small-banner-content h5{margin-bottom: 20px; max-width: 272px; margin-left: auto; margin-right: auto; letter-spacing: normal;}
.small-banner-content .btn {  min-width: 240px; font-size:14px;}
      
  /* result wrap */
  .result-wrap{padding-top: 45px; padding-bottom: 52px;}
  .result-wrap .section-head{margin-bottom: 0;}
  .result-wrap .section-head h2{text-align: center;}
      .result-wrap .section-head h2 b{display:block;}
      .result-wrap .section-head h2 strong {
    display: block;
}
  .result_content .star img { max-width: 26px; width: 100%; height: auto;display: block;}

  .result_content .star {margin-bottom: 15px;}
  /* .result_slide { margin: 0 -12px;}  */
  .result_content h5{letter-spacing: normal; font-size: 16px; margin-bottom: 20px; font-weight:500;}
  .result_content h4{font-size: 18px; letter-spacing: 1.8px;}
      .result-pro-content .star img{max-width:13px;}
  .result-pro{margin-top: 30px;}
     .result-pro-content  .btn.flex span{font-size:14px;}


  /* morden-life css*/
  .single-mordern .bg-img{padding-top: 58%;}
      .single-mordern{margin-bottom:24px;}
  .single-mordern .overlay {bottom: auto;top: 50%; transform: translateY(-50%);}
  .single-mordern .overlay h2{font-size: 32px;letter-spacing: 3.2px; margin-bottom:18px}
  .single-mordern .overlay .btn{max-width: 240px; font-size:14px;}
  .morden-life{padding-top: 42px; padding-bottom: 2px;}
  .section-head h5{letter-spacing: normal;}
  .morden-life .section-head{margin-bottom: 20px;}

  /* fonuder css*/
  .founder_wrap{padding-top: 0; filter: inherit;}
  .founder_row{margin-top: 0;}
  .founder_content>div{padding: 24px 16px 32px;}
  .founder_wrap .subheading {padding: 0;}
  .founder_content h3{margin-bottom: 12px;}
  .founder_content p{font-size: 16px; margin-bottom: 19px;}
      .founder_content .btn {max-width: 240px; padding: 16px; font-size:14px;}


  /* home blog css*/
  .a-blog-wrap{padding-top: 30px; padding-bottom: 30px;}
  /* .a-blog-row{margin: 0 -14px;} */
      .scroll-left{margin: 0 -14px;}
  .single-blog {white-space: normal; min-width: 279px; width:279px; padding: 0 14px;}
  .single-blog-img>a{padding-top: 63.5%;}
  .single-blog-img .tag{right: 16px; top: 16px;}
  .single-blog-img .tag span{font-size: 12px; padding: 5px 12px; letter-spacing: 1.2px;     min-width: auto;text-align: center;}
  .single-blog-content h4 {min-height: auto;margin-bottom: 5px;line-height: 140%; font-size: 18px; letter-spacing: 1.7px;}
  .single-blog-content p {min-height: auto;margin-bottom: 15px; font-size:14px;}
  .link{font-size: 16px; letter-spacing: 1.6px;}
  .a-blog-wrap .d-flex{ margin-bottom: 16px; align-items:flex-end}
  .a-blog-wrap .d-flex h5{margin-top: 22px;}
      

  /* insta css*/
  .insta_wrap{padding-top: 32px; padding-bottom: 0;}
      .insta_wrap .container{padding-bottom:18px;}
  .insta_wrap .d-flex{flex-direction: column; align-items: flex-start; margin-bottom: 14px;}
  .insta_wrap h2{margin-right: 0; margin-bottom: 4px; font-size: 20px; line-height: 140%; letter-spacing: 2px;}
  .insta_wrap h3{font-size: 16px; letter-spacing: 1.6px;}
      .insta_wrap h5{letter-spacing:normal; margin-bottom:12px;}
  .insta_wrap h3 img{max-width: 22px;}
  .insta_wrap h3 a{margin-left: 7px;}
      .insta_wrap .btn { font-size:14px;`
       padding: 14px 3.5px;
    line-height: 1.3;
    letter-spacing: 0.98px;
    max-width: 250px;
    width: 100%;
}

  /* footer css*/
  .footer_wrap{padding: 29px 0 37px;}
  .footer_row{flex-wrap: wrap;}
      .footer__logo_wrapper{width:100%;}
      .footer__logo{max-width:161px;}
      .newsletter { margin-top: 30px;}
.newsletter h3 { font-size: 22px;  line-height: 120%; letter-spacing: 2.2px; margin-bottom:4px;}
.newsletter p { max-width: 293px; margin-bottom: 12px; font-size: 14px;}
.input-groups{flex-wrap:wrap;}
 .input-groups .btn-primary2 {margin-left: 0;margin-top: 16px; max-width: 240px; width: 100%; letter-spacing: 2.52px;  padding: 13px;}
  .footer_blocks {width: 100%; margin-top: 38px;}
      .footer_blocks .footer-links:nth-of-type(2){padding-left:10%;}
.footer-links { margin-bottom: 22px;  width: calc(50% - 5px);}
 .footer-links h4 { font-size: 18px; line-height: 140%; letter-spacing: 1.8px;}
.footer-links ul li {font-size: 14px; line-height: 140%; margin-bottom:16px;}
      .social-links {width: calc(50% - 5px); padding-right:15%;}
      .social-links li img, .social-links li svg{max-width:24px;}
      .footer_bottom { display: block; text-align: center; margin-top:5px;}
      .footer_bottom ul{margin-bottom:15px; padding:0;}
      .footer_bottom ul li,  .footer_bottom p{font-size:10px;}

      
  .collection-wrap::before {height: 80%; width: 278px; top: 50%;  transform: translateY(-50%);}

.collection-wrap::after{display: none;} 
  .product-type-list{gap: 0; justify-content: center; padding-left: 0px; padding-top: 0; padding-bottom: 32px;}
  .single-product-type{min-width: 104px; max-width: 104px;}
  .single-product-type a .img { margin-bottom: 8px; width: 68px; height: 68px;}
  .single-product-type p{padding: 8px; border-radius: 16px; font-size: 13px;font-weight: 700; line-height: 120%;  letter-spacing: 1.3px;}

  .collection-head h1{font-size: 32px; line-height: 140%; letter-spacing: 3.2px;}
  .collection-head h5{letter-spacing: normal; font-weight: 500;}

  .collection-footer-content-inner .inspiredby-item h4{color: var(--Charcoal);  font-size: 14px;line-height: 140%;letter-spacing: 0.907px;}
  .collection-footer-content{padding: 40px 14px;}
  .collection-footer-content-inner{max-width: 100%;}
  .collection-footer-content-inner h2{margin-bottom: 14px;}
  .collection-footer-wrap:after{height: 20%;}

  .collection-about-wrap{padding: 32px 0 2px;}
  .collection-about-wrap h2{text-align: center; margin-bottom: 20px;}
  .collection-about-wrap p{font-size: 16px; line-height: 140%;}
      .collection-about-wrap p{-webkit-line-clamp:2;}
      .moretext{max-height:154px;}
  .small-container{margin-bottom: 22px;}
      .collection-about-wrap .read-m {
    margin-top: 30px;
}

  .collection-row-r-full .product_card { width: 50%;}
  .colection-row-t{margin-top: 41px;}
  .product-card-content h5{display: none;}
  .colection-row-t .product-card-content h4, .template-article .product-card-content h4{font-size: 14px; line-height: 110%; letter-spacing: 1.4px;}
  .colection-row-t  .product-card-content p, .template-article  .product-card-content p{font-size: 12px; line-height: 125%;}
  .colection-row-t  .product-card-content .star span, .template-article  .product-card-content .star span{font-size: 11px;}
  .colection-row-t  .product-card-content .btn.flex, .template-article .product-card-content .btn.flex{font-size: 11px; padding: 12px;}
  .colection-row-t  .product-card-content  .btn.flex span, .template-article .product-card-content  .btn.flex span {font-size: 11px;}
      .related-product-row{padding-bottom:24px;}
  .collection-row-r-full, .collection-row-r{padding-bottom: 0; margin:0;}
     .collection-row-r {
    column-gap: 0px; 
}
       .collection-row-r-full{column-gap:24px;}
      .collection_v1  .collection-row-r-full{column-gap:0;}
      .collection-row-r{padding:0 16px;}
       .collection_v1 .collection-head{margin-top:18px;}
      
     .collection-row-r-full .product_card { padding:0;width: calc(50% - 12px) !important; min-width:calc(50% - 12px) !important;}
     .collection_v1 .product-type-list{padding-bottom:0;}
      .colection-row-t-wrap{padding:0}
       .collection_v1.praful .collection-row-r{column-gap:24px;}
  .collection-footer-content-inner h5{letter-spacing: normal; font-size: 16px; font-weight: 500;}
  .colection-row-t{padding-bottom: 0;}
      /* #collections .colection-row-t-wrap .colection-row-t:last-child{padding-bottom:0;}  */
      .small-v2 .colection-row-t{padding-bottom:8px;}
  .hair-banner-row{margin-bottom: 46px;}
  .hair-banner-img{display: none;}
  .hair-banner-content{width: 100%; padding: 50px 25px;}
      .hair-banner-row {margin:0 15.5px 48px 15.5px;}
  .collection-wrap{padding-bottom: 26px;}
  .hair-banner-content h3{margin-bottom: 8px;}
  .hair-banner-content h5{letter-spacing: normal;}
  .hair-banner-content .btn{max-width: 241px; font-size:12px; padding: 15px 5px;}
      .small-v2 .single-pro-type .heading {
    padding: 26px 14px;
}
  .small-v2 .single-pro-type .heading h5{font-size: 20px;
    line-height: 28px;
    letter-spacing: 1.8px;}
      .single-pro-type .heading {
    background: var(--Secondary-Blue);
    text-align: center;
    color: var(--White);
    padding: 15px 10px;
}
      .single-pro-type .heading h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.single-pro-type .heading p {
    margin: 0;
}
  .small-v2 .product-type-list{padding-bottom: 15px; padding-top:0;}
  .product_card .btn.flex, .btn.flex span{font-size: 11px;}
      .back-top{margin-top:14px;}
      .back-top a{font-size:16px;}
  .btn.flex{padding: 13px;}

  .collection-row-r-full .product_card{margin-bottom: 32px;}
       .collection-about-wrap h4~h4 {margin-top: 30px;}
      .collection_v1 .collection-row-r{column-gap:24px; width:100%;}

  /* .breadcrumb */
  .breadcrumb li{font-size: 14px;}
  .breadcrumb{padding: 16px 0;}

  .product-card-content p{margin: -5px 0 0;}
      .product-card-content .star{margin-bottom:5px; margin-top:2px;}
      .colection-row-t-wrap .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text {
    font-size: 11px !important;
}
     .product-card-content .star-container svg {
    width: 10px;
}
      .a-collection .product_card .swatch-grid{margin-bottom: 16px;}
.a-collection .product-card-content h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.a-collection .product-card-content p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* contact page css*/
.contact-wrap{padding-bottom: 48px;}
.contact-img{display: none;}
.contact-content{width: 100%; text-align: center;}
.contact-content .btn{margin: 23px auto 0; max-width: 240px;padding: 15px;}
.contact-wrap::before{display: none;}
.contact-wrap::after{width: 225px;}
.contact-content form{margin-top: 0;}
      .contact-content form .form-group:first-of-type{margin-top:30px;}
/* .contact-content form p{color: var(--Secondary, #979797); } */
      .contact-content .form-control, .testselect{font-size:16px;}
      .contact-content fieldset.custom-form__block.custom-form__block--group.form-group~.custom-form__block.form-group {
    margin-bottom: 6px;
}


/* main page css*/
.page-wrap{padding-bottom: 38px;}
.page-content h1{margin-bottom: 20px;}
.page-content h4 {font-size: 18px;font-style: normal;font-weight: 700;line-height: 140%;margin-top: 22px; margin-bottom: 10px; letter-spacing: 1.8px;}
.page-content h5{font-size: 16px; margin-bottom: 4px; letter-spacing: normal; font-weight: 600;}
      .page-content ul{margin-bottom:0;     margin-left: 29px;}
.page-wrap::before{content: ""; width: 248px; height: 1230px; top:0%; }
/* .page-wrap::after{content: ""; width: 300px; height: 1230px; bottom: 10%;  } */
      .page-wrap::after{ height: 1230px; bottom: -5%; }
      .page-wrap .flower { width: 262px;height: 474px; background:url(priv-flow-m.svg) no-repeat left center; background-size:cover; top:25% }
/* page 404 css*/
.page-404-head{padding-bottom: 48px;}
      .page-404-head h1{margin-bottom:13px;}
.page-404-head .btn { max-width: 240px; padding: 14px 17px;     padding: 16px 10px; font-size: 14px; width: 100%;}
.explore-collection h5{font-size: 18px; letter-spacing: 1.8px; margin-bottom: 16px;}
.page-404::before{width: 357px; height: 551px; background-position:top right ; bottom: 0; top: auto;}
.explore-collection .product-card-content h4{font-size:18px; letter-spacing: 1.8px;}
      .explore-collection .product-card-content p{font-size:16px; margin:3px 0 12px}
      .explore-collection .product_card .btn { font-size: 14px;  padding: 16px;}

         /* faq page css*/
      /* .faq_aside{top:96px;} */
      /* .section-sidebar__aside{display:block;}
      .faq_head h1{margin-bottom:12px;}
  .faq-wrap::after {width: 150px; height: 36%; background-position: right bottom;}
.faq_sidebar{width: 100%;}
.faq_aside{position: sticky; background:var(--Background); top: 0; z-index:2; width: 100%; margin-bottom: 30px;}
.faq_aside h4{display: none;}
.faq_aside ul{display: flex; background: var(--Background); padding: 10px 0 10px 0; margin-right: -16px;   white-space: nowrap;overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.faq_aside ul li{white-space: normal;  min-width: fit-content; margin: 0; padding-right: 24px; font-size: 14px;}
.faq_aside ul li.active{font-size: 14px;}
      .faq_aside ul li button.is-selected{font-size: 14px; text-decoration:underline}
      /* .faq_aside ul li.active button{text-decoration:none} */
.faq_head{padding-bottom: 30px;}
.faq-wrap::before{width: 190px; height: 252px; bottom: 35%;}
.faq-content{padding-bottom: 60px;}
      .faq-content h3~h3{padding-top: 60px;} */


   /* login page css*/
      .login_wrap{padding-bottom:48px;}
      .login_wrap .login{margin-top:0;}
      .login_wrap:after { width: 104px;height: 331px;}
      .login_wrap:before { width: 150px; height: 200px;}
      .login .form-control{height:40px; font-size:16px;}
      .login .btn{max-width:240px; padding:14.5px; font-size:14px; margin:24px auto;}
      .login .form-field p, .text-link{font-size:14px;}
      .checkbox input[type=checkbox]+label, .checkbox input[type=checkbox]+label .text-link, .checkbox input[type=checkbox]+label p{font-size:14px;}
      .f-18, .f-18 .text-link{font-size:14px;}
      .checkbox{margin-bottom:12px;}
      .site-footer{flex-wrap:wrap;}
      .login .form-field .error, .login .error{font-size:16px;}
      .footer__logo__wrapper {
    max-width: 103px;
}
      .footer__blocks {
    width: 100%;
    flex-flow: row;
    flex-wrap: wrap;
}
      .footer__block {
    flex: auto; margin-bottom: 40px;
    width: 50% !important;
}
      .form-message p.res {
    font-size: 16px; max-width:335px;
}.customer-register h2+p {
    font-size: 16px;
    max-width: 311px;
    margin-left: auto;
    margin-right: auto;
}
      .account--login .login p {
    max-width: 341px;
    margin-left: auto;
    margin-right: auto;
}

 /* product page css*/
       
      .faq-wrap.pro-faq { padding: 47px 0;}
      .faq-wrap.pro-faq.gift-card1{padding-top:0;}
      .pro-test-wrap{padding:40px 0 0; background: #F8F8F8;box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25);}
      .pro-test-innner {background: transparent; box-shadow: none; padding: 0;}
      .pro-test-head p {font-size: 18px;}
      .pro-test-box{background: var(--White, #FFF); padding:16px; padding-bottom:12px; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.25);}
      .pro-test-slide{margin:8px 0 23px;}
.pro-test-slide .item { padding: 12px 8px;}
     .pro-test-slide .slick-list.draggable{padding-left:0 !important;}
      .pro-test-box .icon {width: 80px; height: 80px; padding: 20px; margin-bottom:28px;}
      .pro-test-slide .slick-arrow {width: auto; height: auto;background: transparent;border-radius: 0;  top: auto;bottom: -13px;}
.pro-test-slide .slick-arrow.slick-prev{left:14px;}
.pro-test-slide .slick-arrow.slick-next{right:14px;}
      .pro-test-footer {  padding-bottom: 36px;  padding-top: 5px;}
      .pro-test-footer p {font-size: 14px;  padding: 0 16px;}
.xs7-show{display:block !important;}
      .hair-banner-row.full_bg{margin:15.5px 15.5px 48px 15.5px;}
      .product_card .btn.btn-primary.flex{font-size:11px; padding-left:9px; padding-right:9px; letter-spacing:0.77px;}
      .product_card .btn.btn-primary.flex span{font-size:11px;}
      .product-card-content .swatch-grid label, .product_card .swatch-grid label{font-size:14px; min-width:72px; padding:6px; text-align:center;}
      .template-index .product_card .btn.btn-primary.flex{font-size:11px; padding:11px 9px;  letter-spacing: 2px; justify-content: space-between;}
      .collection-deatil-l{width:100%; margin-bottom:24px;}
      .small-v2 .collection-row-r{width:100%;}
      .collection-wrap .container{padding:0;}


      .upsell-pro .result-pro-img {
    width: 120px;
    height: 149px;
}

.upsell-pro .result-pro-content {
    width: calc(100% - 120px);
    padding-left: 16px;
}

.upsell-pro .result-pro-content h6 {
    font-size: 14px;
    letter-spacing: 1.4px;;
    margin-bottom: 13px;
}
.upsell-pro .result-pro-content  .btn{width:100%;}

.upsell-pro .price-q {
    display: flex;
    align-items: center; margin-bottom:24px;
    justify-content: space-between;
}

.upsell-pro .result-pro-content h6 a {
    text-decoration: none;
}

.upsell-pro .price-q h3 {
    display:none
}
      .for-ingredients ul {
    grid-template-columns: repeat(2, 1fr);

}
      .for-ingredients ul li .icon {
    width: 43px;
    height: 43px;
    min-width: 43px;
    padding: 0;
    margin-right: 8px;
}
      .pro-icon-text {
    margin: 18px 0 24px; 
        gap:4px;
}
      .pro-icon-text{justify-content: space-around;}
      .pro-icon-text .icon-text-c {
    /* width: calc(25% - 2px); */
}
      .pro-icon-text .icon-text-c {
    width: auto;
}

.icon-text-c p {
    font-size: 14px;
}
      .product__wrapper{padding-bottom:48px;}
      .product__wrapper::after{display:none;}
      .product__title__wrapper{padding-right:0;}
      .product__wrapper::before { content: "";width: 310px; height: 888px; background: url(pro-bg.svg) no-repeat center right;  background-size: cover; position: absolute;display: block; left: 0; bottom: auto; top:100px;}
    .product__wrapper .product__title.heading-size-6{font-size: 24px;line-height: 120%;letter-spacing: 2.4px; margin-top:0; margin-bottom:3px;}
      .product__content .subtile{font-size:16px; margin-bottom:8px;}
      .product__content .product__block.product__head { margin-bottom: 0 !important;}
      .pro-small-des {margin-top: 8px;} 
      .product__content .form-vertical{/*padding:24px 15px 24px 15px; padding-bottom:24px;*/ padding:16px 15px 22px;     margin: 0 -16px 32px;}
      .swatch-element label { padding: 8px 7px 5px; margin-bottom:7px;}
      .swatch .header{font-size:16px;}
      .subscribe_radio .cus-radio label {padding: 10px 0 10px 28px; font-size: 13px;}
      .subscribe_radio .cus-radio label:before {top: 11px; left: 8px;}
      .subscribe_radio .cus-radio label:after { left: 12px; top: 15px;}
      .product__content .swatch {margin-bottom: 17px; justify-content:space-between}
       .product__content .swatch-element label{min-width:156px;}
      .subscribe_radio { column-gap: 14px;}
      .pro-qtybtn{gap:16px;}
      button#AddToCart { width: 100%;  font-size: 14px; padding: 13px 8px;}
      .dropdown-days {position: absolute; top: 100%;}
      .select-dropdown .select-toggle, .dropdown-days label{font-size:14px; padding:14px 16px 14px 24px}
      .returns-3{font-size:14px; line-height:140%;}
.cart-bar__info{display:none}
      .key-ingredients .tab-box p{font-size:14px; line-height:140%;}
      .tab-menu.new-tabs ul {
    white-space: normal;
    overflow: hidden;
    flex-wrap: wrap;
}

      .detail-pro .result-pro {
    margin-top: 7px;
    align-items: flex-start;
}

.detail-pro .result-pro-content h6{font-size:13px;letter-spacing: 1.3px;}
    .detail-pro .result-pro-content p{font-size: 14px;line-height: 140%;}
      
.detail-pro .result-pro-content { padding-right: 0;}
      .pro-test-wrap .tab-menu.new-tabs ul {  justify-content: center;  margin-bottom: 18px;}
      .result-wrap .tab-menu.new-tabs ul {justify-content: center; margin-bottom: 11px; margin-top: 13px;}
      .link-arrow svg {max-width: 21px;}
      .announcement__slider .flickity-cell{left:0; right:0;}
      .header__mobile .icon-profile-circled{height:24px; width:auto;}
      .header__mobile .icons.icon-bag{height:24px; width:18px;}
      .header__mobile .icons.icon-search{width:19px; height:19px;}
      .a-collection .scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    display: none !important;
}

section.a-collection .scrollbar .mCSB_scrollTools .mCSB_draggerContainer {
    background: transparent !important;
}
.av-blog-all h2{margin-bottom:15px;}
      .blog-email-section { min-height: 413px; padding-top: 34px;padding-bottom: 34px; display: flex;align-items: center;}
      .blog-email-section h2 { font-size: 20px; line-height: 28px; letter-spacing: 1.8px; margin-bottom: 24px;}
      .form-c .form-control{height:40px; font-size:16px;}
      .form-c .btn { min-width: 240px; margin-bottom: 20px;font-size: 14px;}
      .form-c p { font-size: 14px;  line-height: 19.6px;}
      .av-blog-row {grid-template-columns: repeat(2, 1fr);row-gap: 28px;     margin-bottom: 49px;}
      .av-blog-row .single-blog-content h4 { font-size: 18px;}
      .av-blog-row .single-blog-content p { font-size: 14px;}
      .av-blog-all .btn.btn-outline{font-size: 14px; }
.av-single-blog-wrap{padding-bottom:49px;}
      .av-single-blog-wrap .breadcrumb li:last-child { width: 147px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; overflow: hidden;}
      .article-head {margin-bottom: 27px;}
      .article-img .tag span {  font-size: 12px; padding: 2px 12px; letter-spacing: 1.2px;  min-width: 110px; text-align: center;}
.article_content h4{margin-top:21px; margin-bottom: 4px;}
      .article_content h5 {  font-size: 16px; letter-spacing: normal; margin-bottom: 5px; font-weight: 500;}
      .article_content p~h5 {margin-top: 12px;}
      .article_content img{margin-top:19px;}
      .article_content ul li { font-size: 16px;margin-bottom: 10px;}
      .related-product .product_card { min-width: 184px; width: 184px;  padding: 0 12px; margin-bottom:6px;}
     .related-product .product-card-content h4{font-size:14px;}
     .related-product  .product_card .swatch-grid label { font-size: 14px; min-width: 72px; padding: 6px;  border-width: 1px;}
      .related-product .product-card-content .star img {
    max-width: 45px;
}
     .related-product .product-card-content .star span {
    font-size: 11px;
    margin-left: 0;
}
      .av-single-blog-wrap .a-blog-wrap {
    padding-bottom: 0;
    padding-top: 34px;
}
      .av-single-blog-wrap .single-blog {
    min-width: 279px;
    width: 279px;
    white-space: normal;
}
      .av-single-blog-wrap:before {
    width: 353px;
    height: 1653px;
    top: 3%;
}
      /* .av-single-blog-wrap:after {
    width: 338px;
    height: 1077px;
    bottom: 14%;
} */
      .av-single-blog-wrap:after{bottom:0}
      .collection-wrap .product_card .swatch-grid label {
    font-size: 14px;
    min-width: 72px;
    padding: 6px;
    text-align: center;
    border-width: 1px;
}
    .av-single-blog-wrap .right-flower:before {
    width: 262px;
    height: 474px; display:none;
    background: url(priv-flow-m.svg) no-repeat left center;
    background-size: cover;
    top: 25%;
}
      .pro-test-box h4{font-size:18px; line-height:25px; margin-top:11px;}
      .cart-bar__form__wrapper>.cart-bar__form{width:100%;}
          .product__submit--spb .pro-qtybtn.attachhere {
    margin-right: 0;
}

      .octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--explainer {padding: 26px 16px 0;}
      .octane-ai-quiz-rendered .oct-quiz-content {text-align: center;}
      .octane-ai-quiz-rendered .oct-quiz-top_content {  padding-top: 8px;}
      .octane-ai-quiz-rendered .oct-quiz-rich-text {padding-bottom: 4px !important;}
      .octane-ai-quiz-rendered .oct-quiz-subheading { font-size: 18px; letter-spacing: 1.8px;}
      .octane-ai-quiz-rendered .oct-quiz-rich-text p strong { font-size: 32px !important; line-height: 140% !important; font-family: "proxima-nova";}
      .octane-ai-quiz-rendered .oct-quiz-rich-text p { text-align: center !important;}
      .octane-ai-quiz-rendered .oct-quiz-body-text { font-size: 16px; line-height: 140%; font-family: "proxima-nova"; max-width: 252px; text-align:center;   margin: 0 auto;}
      .oct-quiz-btn.oct-quiz-btn--primary.oct-quiz-btn--large { max-width: 240px; font-size: 14px; padding: 10.5px; min-height: 48px;}
       .octane-ai-quiz-rendered .oct-quiz-btn-wrapper{padding-top:25px !important; text-align:center;}
      .octane-ai-quiz-rendered>div>div:before { background-size: 100%;}
      .oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice .oct-quiz-body-text{font-size:14px; margin-bottom: 14px;  max-width: 200px;}
      .oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice .oct-quiz-rich-text p span, .oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice .oct-quiz-rich-text p strong {font-size: 14px !important;}
 .oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-options--horizontal { gap: 6px; ;grid-template-columns: repeat(1, 1fr); padding-top:23px !important;}
.oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-options--horizontal li.oct-quiz-multiple-choice-options__option {max-width: 240px; margin: 0 auto;font-size: 14px; padding: 13.5px;}
      .page-content p{font-size:16px; margin-bottom:8px;}
      .page-content ul li{font-size:16px;margin-bottom:10px;}
      .octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice{padding:60px 16px 48px}
  .oct-quiz-wrapper.oct-quiz-wrapper--multiple-choice .oct-quiz-title, .oct-quiz-wrapper.oct-quiz-wrapper--picture-choice .oct-quiz-title { font-size: 18px;letter-spacing: 1.8px; max-width: 356px;}
.btn.flex span.p, .btn.flex span{letter-spacing:1.25px;}
      .product_card .btn.flex, .btn.flex span{font-size:14px;}
      .octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-rich-text p { max-width: 234px; margin: 0 auto;}
      .oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-rich-text p span { font-size: 32px !important;line-height: 140% !important;  letter-spacing: 3.2px !important;}
      .oct-quiz-wrapper.oct-quiz-wrapper--email .oct-quiz-top_content .oct-quiz-subheading { font-size: 16px;line-height: 22.4px;  max-width: 272px; margin: 0 auto;}
      .oct-quiz-wrapper--email .oct-quiz-btn-wrapper { min-width: 240px;}
      .oct-quiz-wrapper.oct-quiz-wrapper--email { padding: 63px 16px 167px;}
 .octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--email:before { background: url(https://octaneairsrc.com/l1gayea2ybv07ca9/quizimg/af5fa744-a08f-424e-8433-e0ae9b318c82) no-repeat center center;background-size: cover;  z-index: -1;
}

      .pro-tab .accordion-custom>li>a.h3{padding: 27px 34px 24px 0;}
      .pro-tab .accordion-custom>li>a.h3.active {
    padding-bottom: 21px;
}
      .key-ingredients ul{margin-bottom:26px;}
      .for-ingredients {
    padding-bottom: 4px;
}
      .pro-tab .faq_ans{padding-bottom:26px; margin-top:-3px;}
      .product-temp-result .result_slide .item {
    padding: 17px 0 15px;
}
     .product-temp-result .result_content{padding-top:0;}
      .pro-test-head h2{margin-bottom:10px}
      .pro-test-wrap ul.slick-dots { margin-top: 22px;}
      .faq-wrap.pro-faq .faq-content:last-child {  padding-bottom: 0;}
      .see-all-ingrad-wrap {padding-top: 15px;}
      .for-ingredients ul li { max-width: max-content;}
      .product-temp-result .result_content h5{margin-bottom:4px;}
      .pro-test-wrap .tab-menu.new-tabs ul{flex-wrap:nowrap}
      .tab-menu.new-tabs ul li a { text-overflow: ellipsis; width: 158px; overflow: hidden;}
      .tab-menu.new-tabs ul li{max-width:158px;     white-space: nowrap;}
      .product-temp-result .result_content .star {
    margin-bottom: 15px;
}
      .collection_v1.praful .colection-row-t{margin-top:30px;}
      .collection_v1.praful {
    padding-bottom: 15px;
}
      .collection_v1.gopal .product-type-list {
    padding-bottom: 21px;
}
      .collection_v1.gopal .collection-head {
    margin-top: 0;
}
      .collection_v1.gopal .colection-row-t {
    margin-top: 19px;
}
      .collection-wrap.gopal {
    padding-bottom: 14px;
}
      .tab-contents .product-tag { font-size: 12px; right: 8px;top: 8px; letter-spacing: 1.8px; padding: 8px 12px;}
      .a-collection .tab-menu ul{padding-right:12px;}
      .a-collection .product_card .btn.btn-primary.flex span{font-size:11px;}
  /* Home page Mobile css */
      .lillysingh-content .btn { min-width: 240px; font-size: 14px;}
      .home-pro-info ul{padding-left:10px;}
      .home-pro-img-slide .item .tag { letter-spacing: normal;text-transform: inherit;     padding: 3px 13px 2px;}
      .home-pro-img-slide .slick-dots {margin-top: 28px;}
      .home-pro-info{margin-top:24px;}
      .home-pro-info p, .home-pro-info ul li{font-weight:500;}
      .home-pro-info ul li:nth-child(3), .home-pro-info ul li:nth-child(4) { padding-left: 5px;}
      .home-pro-test{margin-top:18px;}
        .shape-col::before{display:none;}
      .shape-col::after {
    content: "";
    width: 345px;
    height: 1424px; 
    right: 0;
    top: auto; bottom:0;
}
     .bg_wrap.collection-wrap.small-v2::after{display:block; width:375px; height:1299px; background:url(col-mobile-flower.svg)no-repeat center; background-size:cover;     top: 33.5%; left:0;}
.bg_wrap.collection-wrap.small-v2::before{top:24%;}
      .a-collection .tab-box { margin-right: 0;}
      .hero-banner .item.full-bleed-center .hero-banner-content{padding:69px 16px;}
      div#notifypop { margin: 0 -16px 32px; padding: 24px 15px 28px;}
      .notify_wrap h2{margin-bottom:8px;}
      .notify_wrap p{margin-bottom:20px;}
      .notify_wrap input.Form__Input.notemail{font-size:16px;}
      .notify_wrap h4 { font-size: 14px; line-height: 19.6px;letter-spacing: 0.98px;}
      .faq-content .accordion li>a.h4, summary.accordion__title.h4{font-size:18px;}
      .faq-wrap.pro-faq .faq_ans p{font-size:16px;}
      .inspiredby-item:first-of-type .icon img{width:33px;}
      .latest_blog h2{margin-bottom: 9px;}
      .latest_blog_big .single-blog-img>a { padding-top: 63%;} 
      .single-blog-img .tag {  right: 12px; top: 14px;}
      .latest_blog_big .single-blog-content h4{font-size:20px; line-height:28px; letter-spacing:2px; margin-bottom: 2px;}
      .latest_blog_big .single-blog-img{margin-bottom:11px;}
      .latest_blog_big .single-blog-content p{font-size:16px;}
      .latest_blog_big .link{font-size:18px;}
      .sidear_blog .single-blog-content .link {font-size: 16px;}
      .sidear_blog .single-blog-content h4 { font-size: 18px; margin-bottom: 19px;}
      .sidear_blog .single-blog-img{margin-bottom:13px;}
      .sidear_blog .scroll {padding-bottom: 22px;}
      .av-blog-all {margin-top: 24px;}
       .av-blog-all .single-blog-img {margin-bottom: 10px;}
      .av-blog-row .single-blog-content h4 {font-size: 18px; margin-bottom: 2px;}
      .av-blog-row .single-blog-content p {font-size: 14px; margin-bottom: 9px;}
      .sidear_blog .tag {margin-bottom: 11px;}
      .article_wrapper {
    margin-top: 4px;
}
      .av-single-blog-wrap .a-blog-wrap .d-flex {
    margin-bottom: 17px;
}
      .link-arrow span {
    margin-right: 8px;
    top: 1px;
    position: relative;
}
      .product-temp-result .result_content p, .result_content h5{font-size:16px; font-weight:500;}
       .product-temp-result .result_content h4{font-size:18px;}
      .home-pro-test p{font-weight:400;}
.about-bradcrumb ul.breadcrumb {padding: 18px 0 23px;}
        .about-banner .collection-footer-content.about-banner-content{padding:15px 17px 22px;}
      .about-banner-content h1{font-size: 32px;font-weight: 700;line-height: 140%; letter-spacing: 3.2px;     margin-bottom: 23px;}
      .about-banner-content h1 img { max-width: 162px; margin-left:7px;}
      .about-banner-content .collection-footer-content-inner h2 { font-size: 24px;letter-spacing: 2.4px; margin-bottom:14px; }
      .about-banner-content .collection-footer-content-inner p{font-size:16px; margin-bottom:18px;}
      .brand-pillars-wrap{padding:42px 0 46px}
      .brand-pillars-wrap h3{font-size: 24px;line-height: 28.8px;letter-spacing: 2.4px;}
      .brand-pillars-section .icon-brand {max-width: 40px;height: 40px; margin-bottom:4px;}
       .brand-pillars-section .icon-brand img { max-width: 30px;}
      .brand-pillars-section h4{font-size: 18px;line-height: 25.2px; letter-spacing: 1.8px;}
      .brand-pillars-section p {font-size: 16px; font-style: normal; font-weight: 400;line-height: 140%;max-width: 306px;}
      .formula-philosophy-wrap{padding:40px 0 34px}
      .formula-philosophy-wrap h2 {font-size: 20px; font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: 2px; margin-bottom:25px;}
      .formula-section { text-align: center; min-width: 111px; width:111px}
      .formula-row { gap: 24px;  max-width: 246px; margin: 0 auto;row-gap:15px;}
      .icon-formula { min-height: 48px;margin-bottom: 20px;}
      .formula-section p{font-size: 14px;font-style: normal;font-weight: 600;line-height: 140%; letter-spacing: 0.98px;}
      .formula-row .formula-section:last-child{width:100%;}
      .sephora-img img {  max-width: 272px;  margin: 0 auto;     height: 296px; object-fit: cover;}
        .sephora-content .flex-logo { max-width: 288px; margin-bottom:26px; padding-right:0}
      .sephora-content .flex-logo img { max-width: 115px;}
      .sephora-content .flex-logo img~img{max-width:122px;}
      .sephora-content .flex-logo span { font-size: 11.921px; font-style: normal; font-weight: 700;line-height: normal; letter-spacing: 1.192px;}
      .sephora-content h5 { font-size: 16px; font-weight: 400;line-height: 140%; letter-spacing:normal;     max-width: 304px; margin: 0 auto;}
.sephora-content .btn {min-width: 240px; margin-top: 30px; font-size: 14px;}
      .founder_wrap.about-founder{padding-bottom:8px;}
.founder_wrap.about-founder .founder_content p {font-size: 16px;  font-weight: 400; margin-bottom: 19px;}
      .founder_wrap.about-founder h2 {font-size: 20px; letter-spacing: 2px; max-width: 300px; margin: 0 auto;line-height: 140%; padding: 22px 15px 22px;}
      .morden-life.about-morden-life {padding-top: 13px; padding-bottom: 8px;}
      .morden-life.about-morden-life .section-head h2 {  margin-bottom: 20px;}
      .morden-life.about-morden-life .section-head {margin-bottom: 25px;}
      .morden-life.about-morden-life .single-mordern .bg-img { padding-top: 58.5%;}
      .a-brand.about-a-brand { padding: 48px 0 58px;}
          .small-banner.shantibhawan-banner .small-banner-content h2 {letter-spacing: 2.4px;}
.small-banner.shantibhawan-banner .small-banner-content p{font-size:16px;}

      
    }
 
    @media (max-width:749px) {
      .home-pro-info .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text{font-size:18px !important; font-weight:700 !important;}
      details[open=true] .search-popdown{top:0%;}
      .cart-bar{min-height:98px;}
      .cart-bar.less-padding{min-height:90px;}
.product__thumb{padding-bottom:0; margin-top:4px;}
      .product__thumbs.scrollbar.mCustomScrollbar._mCS_2 .mCSB_scrollTools.mCSB_scrollTools_horizontal  {
    left: 0;
    right: 0;
}
      .product__thumb__link {
    width: 64px;
    /* height: 80px; */
}
    }
    @media (max-width:640px) {
      .small-banner.shantibhawan-banner .small-banner-content p{max-width:304px; margin:0 auto 23px;}
      .small-banner.shantibhawan-banner .small-banner-content .btn {
    margin-top: 2px;
}
    .footer_links{flex-wrap: wrap;}
    .footer_links>div{width: 50%;}
    .collection-footer-wrap:after{height: 22%;}
    .collection-footer-content-inner .inspiredby-blocks { gap: 21px;justify-content: center;display: flex;}

    .collection-footer-content-inner .inspiredby-blocks{margin-top: 36px;}

      .faq_head p {max-width: 352px; margin-left: auto; margin-right: auto;}
      .faq_sidebar{padding:0;}

      .moretext {
    max-height: 175px;
}
      .result_content {
    width: 100%; 
    padding: 0 16px ;
    margin: 24px auto 0 auto;
}
      .av-blog-row {grid-template-columns: repeat(1, 1fr); row-gap: 28px;}
      /* added on 13 feb */
      .product__wrapper__inner .breadcrumb li{white-space:nowrap;}
      .product__wrapper__inner .breadcrumb li:last-of-type{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
      .result-pro-content .swatch-grid label{padding-top:5px; padding-bottom:5px; font-size:14px;}
      .upsell-pro .result-pro{align-items:flex-start;}
      .upsell-pro .price-q{margin-bottom:8px;}
      .result-pro-content .swatch-grid{margin-bottom:8px;}
      .result-pro-content .swatch-grid label{margin:0px 5px 5px 0;}
      .pro-test-box .icon img{max-width:35px;}
      .upsell-pro .result-pro-content h6{margin-bottom:8px;}
      .pro-test-box h2{margin-top:5px;}
      #ProductPrice s{margin-left:13px;}
      .product-type-list{justify-content:flex-start; padding-left:16px; }
      .collection-about-wrap h2 { max-width: 234px;  margin-left: auto;  margin-right: auto;}
      .home-pro-img-slide .item a { padding-top: 371px; max-width: 299px;  margin: 0 auto;}
      .home-pro-img-slide .slick-dots { margin-top: 8px;}
      .home-pro-test h4 { max-width: 285px; margin-left: auto; margin-right: auto;}
      .home-pro-test p{max-width:290px;margin-left: auto; margin-right: auto;}
      .reslut_row{box-shadow:none;}
      .about-banner-content .collection-footer-content-inner p { font-size: 16px; max-width: 332px;}
      .morden-life.about-morden-life .section-head p {
    max-width: 292px;
    margin: 0 auto;
}
    }


@media screen and (min-width:767px) and (max-width:1440px){
  /* .main-content, .footer-sections, .header-sections, .drawer__head, .drawer__body, .drawer__foot  {zoom:80%;} */
  .main-content, .footer-sections, .drawer__head, .drawer__body, .drawer__foot  {zoom:80%;}
  .subscribe_radio .cus-radio label:after{top:23px; left:27.5px;}
  /* .page-wrap {
    margin-top: -8px;
} */
  .cart-bar {
    bottom: auto;
    top: 65px;
}

}

@media screen and (min-width:680px) and (max-width:1440px){
   .main-content {
    margin-top: -8px;
}
}


.img-comp-img {position: absolute; height: 100%; width:100%; overflow: hidden;}

.img-comp-img img {display:block;vertical-align:middle;}

.img-comp-slider { position: absolute; z-index:9; cursor: ew-resize; width: 79px;height: 80px; background:url(/cdn/shop/t/7/assets/slider-b-arrow.svg?v=1708173224) no-repeat center; background-size:cover; opacity: 1;}
    .img-comp-img[data-beer-label]:after {content: attr(data-beer-label);  position: absolute ; right: 0;  color: var(--Charcoal, #2C2E30); text-align: center; font-family: Lekton;  font-size: 24px; font-style: normal; font-weight: 700;line-height: 1; letter-spacing: 2.4px; text-transform: uppercase;  top: auto;  bottom: 16px;  background: #fff;  padding: 5px 5px 1px; min-width: 116px;}
.beer-reveals.img-comp-img.img-comp-overlay[data-beer-label]:after { left: 0;right: auto;}
.beer-reveals.img-comp-img.img-comp-overlay {border-right: 3px solid #C3D3F9;}
.beer-reveals.img-comp-img.img-comp-overlay11[data-beer-label]:after { left: 0;right: auto;}
.beer-reveals.img-comp-img.img-comp-overlay11 {border-right: 3px solid #C3D3F9;}
@media (max-width: 767px){
  .header__mobile__button .navlink--cart--icon .header__cart__status{top:3px;width:15px; height:15px; font-size:11px; font-family:"proxima-nova"; line-height:1; right:-7px; text-align:center; letter-spacing:0;}
  .announcement__text p a{padding-bottom:0;}
 .img-comp-slider{width:58px; height:58px;}
  .beer-slider.img-comp-container {
    height: 400px !IMPORTANT;
}
  /* .tab-row .product_card, .a-collection .tab-contents .product_card{min-width:50%;} */
  .a-collection .product-card-img{border-width:1px;}
  .a-collection .product-card-content h4{font-size:14px; line-height:110%; letter-spacing:1.4px;}
  .a-collection .product-card-content p{font-size:12px; line-height:125%;}
  .blog-email-section .success_message h3, .blog-email-section .success_message  {font-size: 14px;letter-spacing: 0.98px;}
  }



.cd-image-container {
  position: relative;
  width:100%; overflow:hidden;
  margin: 0em auto; 
}

.cd-image-container img {
  display: block;
  min-width:100%;
}

.cd-image-label {
  position: absolute;
  bottom: 16px;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
  color: var(--Charcoal, #2C2E30); text-align: center; font-family: Lekton;  font-size: 24px; font-style: normal; font-weight: 700;line-height: 1; letter-spacing: 2.4px; text-transform: uppercase;    background: #fff;  padding: 5px 5px 1px; min-width: 116px;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-right: 3px solid #C3D3F9;
}
.cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;

  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
z-index:5;
  /* center the element */
  /* opacity:0; */
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
width: 79px;height: 81px; background:url(/cdn/shop/t/7/assets/slider-b-arrow.svg?v=1708173224) no-repeat center; background-size:cover; opacity: 1;
 cursor: ew-resize;
}




 
@media screen and (min-width:640px) and (max-width:992px){
  .cd-image-container>img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
   .cd-image-container {
  position: relative;
  width:100%; overflow:hidden;
  margin: 0em auto; padding-top:130%;
}
.cd-image-container img {
  display: block;
}
.cd-resize-img {
  padding-top: 130%;
}
.cd-image-container>img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.image-comparison__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 50%;
     object-position: 0 50%;
  overflow: hidden;
}
.compare-img.mobile-onlyy .cd-image-container.is-visible {
    padding-top: 80%;
}

.compare-img.mobile-onlyy  .cd-resize-img {
    padding-top: 80%;
}
}
html, body{overflow-x:hidden;}
.product-card-content a {
    cursor: pointer;
    display: block;
}
@media (max-width: 767px){
 #cart-bar.gif_class .cart-bar__submit.product__submit.product__submit--spb .btn {width:100%;}
  .cart-bar__submit.product__submit.product__submit--spb .btn{letter-spacing:0.98px; padding-left:13px; padding-right:13px;}
  .cart-bar__form .pro-qtybtn{margin-right:8px;}
  .cart-bar__form .product__submit{gap:0;}
 #cart-bar.gif_class .cart-bar__submit{gap:0; display:block;} 
  .dropdown-days input:checked + label{margin-bottom:0;}
  .home-pro-test .icon img{max-width:72px;}
 .product__images .badge_comingsoon{top:16px; right:16px; font-size:14px;}
  .product_card .btn.btn-outline.flex { font-size:11px; letter-spacing:1.90px; padding:16.5px 12px; justify-content:center;}
  .product_card .btn.btn-outline.flex > div{display:none;}
  /* .product__slides .flickity-slider>.product__slide{width:80%;} */
.cd-handle{width:58px; height:58px; min-width:58px;   margin-left: -29px;
  margin-top: -29px;}

 .cd-image-label{ font-size: 20.018px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 2.002px;
    min-width: 87px;
    padding: 2px 5px 0;}
  .a-blog-wrap .link-arrow {
    margin-top: 0;
}
  .av-blog-wrap .tag span {
    font-weight: 400;
    border-width: 1px;
    padding: 5px 11px;
    line-height: 1;
    display: block;
}
  .av-blog-wrap .single-blog-img .tag {
    top: 16px;
}
  .search_wrappaer{min-height:335px;     padding-top: 40px;
    margin-top: -40px;}
  .search_wrappaer h1 {
    font-size: 24px;
    letter-spacing: 2.4px;
    margin: 0;
}
  .search-bar {
    margin-top: 14px;
    position: relative;
    z-index: 3;
}
.search_wrappaer:after{width:104px; height:331px;}
  .search_wrappaer:before {
    content: '';
    width: 173px;
    height: 289px;
    background: url(mobile-search-b.svg) no-repeat top right;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 285px;
}

  .slide-brand-img2 .item img {
    max-width: 100%;
}
  .slide-brand-img2 {
    margin: 0;
    margin-top: 25px;
}
    .slide-brand-img2 .slick-dots{margin-top:27px;}
  .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text {
    font-size: 12px !important;
}
  .rat-flex .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css .yotpo-sr-bottom-line-text{
    font-size: 18px !important;
}
 .rat-flex .star-container svg {
    width: 16px !important;
    height: 16px !important;
}
  .oct-quiz-multiple-choice-options.oct-quiz-multiple-choice-options--stacked li.oct-quiz-multiple-choice-options__option {
    font-size: 14px !important;
    font-weight: 700;
    padding: 12.5px 10px !important;
    font-size: 12px;
    text-transform: uppercase !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: 2.52px;
    margin-bottom: 10px;
}
  .oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-title {
    font-size: 32px;
    line-height: 1;
    text-align: center;
    letter-spacing: 3.2px;
    margin-bottom: 16px;
}
  .oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-rich-text p span, .oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-rich-text p strong {
    font-size: 18px !important;
    background: transparent !important;
}
  .oct-quiz-wrapper.oct-quiz-wrapper--result-page .oct-quiz-top_content .oct-quiz-rich-text p br{display:none !important}
  .oct-quiz-wrapper--result-page .oct-quiz-products{justify-content:center !important}
  .oct-quiz-wrapper--result-page .oct-quiz-products__item~.oct-quiz-products__item  {
    margin-top: 40px;
}
  .oct-quiz-wrapper--result-page .oct-quiz-products{margin:0 auto}
.oct-quiz-wrapper--result-page .oct-quiz-result-item__title {
    text-transform: uppercase;
    padding-bottom: 9px;
    font-size: 20px;
}
  .oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--left~.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center .oct-quiz-rich-text~.oct-quiz-rich-text p span, .oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--left~.oct-quiz-product-block.oct-quiz-product-block--vertical.oct-quiz-product-block--center .oct-quiz-rich-text~.oct-quiz-rich-text p strong {
    font-size: 16px !important;
    font-family: "proxima-nova" !important;
}
.oct-quiz-wrapper--result-page .oct-quiz-btn.oct-quiz-btn--secondary.oct-quiz-btn--large {
    margin-bottom: 21px;
    font-size: 14px;
    padding: 12px;
    max-height: 48px;
    min-width: 240px;
}
  .oct-quiz-wrapper--result-page .oct-quiz-btn.oct-quiz-btn--primary.oct-quiz-btn--large {
    max-width: 240px;
    min-width: 240px;
}

  .oct-quiz-wrapper--multiple-choice .oct-quiz-multiple-choice-options--horizontal li.oct-quiz-multiple-choice-options__option{min-height:68px;}
  .octane-ai-quiz-rendered .oct-quiz-wrapper.oct-quiz-wrapper--picture-choice{padding-bottom:48px;}
  .oct-quiz-wrapper.oct-quiz-wrapper--result-page{padding-bottom:48px;}

  .oct-quiz-multiple-choice-options.oct-quiz-multiple-choice-options--stacked li.oct-quiz-multiple-choice-options__option{letter-spacing:1.75px;}
  }









.cd-image-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
}


.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}

.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.key-ingredients .tab-menu.new-tabs ul {
    flex-wrap: wrap;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #0047BB #C3D3F9;
    overflow-x: auto;
}

.upsell-pro .btn.btn-outline.flex {
    text-decoration: none;
    background: #fff;
}

.account-sidebar .mobile{display:none;}

@media (max-width: 749px){

.account-sidebar .mobile{display:block;}
  .account-sidebar .desktop{display:none;}
  
}


/* Slide Cart css*/

#cart-drawer .drawer__inner { left: 84vw; max-width:450px; border-radius: 10px; top:10px; border: 3px solid var(--Aavrani-Blue, #0047BB); background: var(--White, #FFF);
                             
                             /* max-height: 677px; */
                             max-height:90%;
                             height:auto;
                            }
#cart-drawer .drawer__head { padding: 27px; padding-bottom:21px;   border: none; display: flex; align-items: center; justify-content: space-between;}
#cart-drawer .drawer__head .d-flex {display: flex; align-items: center; gap:17px;}
.drawer--cart .drawer__head h3{font-family: 'Lekton', sans-serif;font-size: 18px;font-style: normal;font-weight: 700;line-height: 140%; letter-spacing: 1.26px;text-transform: uppercase;}
.drawer--cart#cart-drawer .drawer__close { color: #2C2E30; font-size: 20px;font-weight: 500; font-family: "proxima-nova"; position: relative;  top: auto; padding: 0;  left: 0; transform: none;}
#cart-drawer .drawer__head h4 {font-family: 'Lekton', sans-serif;font-size: 18px;font-style: normal;font-weight: 700; line-height: 140%;letter-spacing: 1.26px; text-transform: uppercase; margin: 0;}
#cart-drawer .drawer__body { padding: 0 25px 36px;}
#cart-drawer .drawer__message.free-shipping{ border-radius: 15px;background: #F0F0F0; padding: 15px 25px; text-align: center;}
.drawer__message  span.free-shipping__default-message {width: 100%; display: block; text-align: center; color: var(--Charcoal, #2C2E30); font-family:"proxima-nova",sans-serif; font-size: 12px; font-style: normal;  line-height: 140%;}
/* .drawer__message span.free-shipping__default-message span {font-weight: 700;} */
.free-shipping__progress-bar {--progress-value: #0047BB; height: 6.4px;background: #C3D3F9;}
#cart-drawer p.drawer__empty__message{color: var(--Charcoal, #2C2E30);text-align: center;font-family: Lekton;font-size: 24px;font-style: normal;font-weight: 700;line-height: 120%; letter-spacing: 2.4px;text-transform: uppercase;     max-width: 261px;margin-left: auto;margin-right: auto;}
#cart-drawer .drawer__empty__item .btn { width: 100%;padding: 11px; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal;letter-spacing: 2.52px;}
#cart-drawer .drawer__empty{padding-left:0; padding-right:0; margin-top:24px;}
.drawer_empty_trending{border-radius: 10px; margin-top:8px; border: 2px solid var(--Aavrani-Blue, #0047BB);background: var(--Background, #F6FAFF); padding:15px 23px 19px 23px;}
.drawer_empty_trending h6{color: var(--Charcoal, #2C2E30);font-family: 'Lekton', sans-serif;font-size: 16px;font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: 1.12px;text-transform: uppercase; margin-bottom:7px;}
.drawer_empty_trending .result-pro {margin: 0; align-items:center}
.drawer_empty_trending .result-pro-img { width: 108px; height: 135px;}
.drawer_empty_trending .result-pro-content {width: calc(100% - 108px);padding-left: 13px;}
.drawer_empty_trending .result-pro-content h6{letter-spacing:1.6px; margin-bottom:0;}
.drawer_empty_trending .result-pro-content h3 { color: var(--Charcoal, #2C2E30); font-family: 'Lekton', sans-serif;font-size: 11px; font-style: normal; font-weight: 400;line-height: 140%; letter-spacing: 1.1px; text-transform: uppercase;}
.drawer_empty_trending .result-pro-content .star{display:none;}
.drawer_empty_trending .result-pro-content .btn {  margin-top: 16px;}
.drawer_empty_trending .result-pro-content .btn { margin-top: 16px; letter-spacing: 1.8px; font-size: 10px; padding: 1px 7px; width: 100%;min-width: auto;}
.drawer_empty_trending  .result-pro-content .btn span {font-size: 10px;}
.drawer__empty__buttons { margin-top: 0;}

#cart-drawer .drawer__inner.small-hight {max-height: inherit;height: auto; max-height:94%;}
#cart-drawer .drawer__items{margin-top:32px;}
#cart-drawer .cart__item { padding: 0; padding-bottom: 13px; border:none;}
.cart__item__image a { display: block; width: 90px; height: 109px; background-color: var(--bg); text-decoration: none;transition: opacity .3s; width: 88px;border: 1px solid var(--Aavrani-Blue, #0047BB); background: url(<path-to-image>) lightgray -2.542px -5.123px / 106.555% 100.004% no-repeat, var(--Cream-Web, #F1F1F1);}
#cart-drawer .cart__item__content{padding-left:14px;}
#cart-drawer .cart__item__title {color: var(--Charcoal, #2C2E30); margin-bottom: 0; font-family: 'Lekton', sans-serif;font-size: 15.4px;font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: 1.078px; text-transform: uppercase;}
#cart-drawer p.cart__item__selected-options{color: var(--Charcoal, #2C2E30);font-family: 'Lekton', sans-serif;font-size: 12px;font-style: normal;font-weight: 400;line-height: 140%;letter-spacing: 0.84px;text-transform: uppercase;}
/* .drawer__body::-webkit-scrollbar {width: 8px; display:none;}
.drawer__body::-webkit-scrollbar-track {border-radius: 10px;}
.drawer__body::-webkit-scrollbar-thumb { background: #6B6D76;  border-radius: 10px;}
.drawer__body::-webkit-scrollbar-thumb:hover {background: #6B6D76; }
.drawer__body{-ms-overflow-style: none;  
  scrollbar-width: none;} */

.cart__quantity .cart__quantity-field {
color:  #2C2E30;
font-family: "proxima-nova",sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
    border-color: var(--Aavrani-Blue, #0047BB);
    max-width: 89px;
    height: 36px;
}
.cart__item__remove{margin-left:0;}
.cart__item__meta {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}
#cart-drawer p.cart__price{color: var(--Charcoal, #2C2E30); margin-bottom: 0; font-family: 'Lekton', sans-serif;font-size: 15.4px;font-style: normal; font-weight: 700; line-height: 140%; letter-spacing: 1.078px; text-transform: uppercase;}
.drawer__foot { width: 100%; margin-top: auto; padding: 0 25px 34px;}
.cart__foot__inner { border-top: 2px solid #0047BB;padding: 8px 0 calc(var(--inner) - 2px) 0 !IMPORTANT; padding-bottom:0 !important;}
.cart__total.is-animated {margin-bottom: 10px;}
.cart__total__label { font-family: 'Lekton', sans-serif;; font-size: 24px; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 2.4px;text-transform: uppercase;}
.cart__total__price.cart__total__price--animated { font-weight: 700; font-family: Lekton;font-size: 24px;font-style: normal;font-weight: 700;line-height: 120%;  letter-spacing: normal;text-transform: uppercase;}
.btn--full.cart__checkout { font-size: 14px; font-style: normal; margin-bottom: 22px; font-weight: 700; line-height: normal; letter-spacing: 2.52px;text-transform: uppercase; padding: 12px;}
p.pay-kl {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap; margin:0;
}
.cart__item ~.drawer_empty_trending {
    margin-top: 16px;
}
span.free-shipping__success-message {
    width: 100%;
}
#cart-drawer  .drawer__head.message-head {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
}
@media (max-width: 1700px){
#cart-drawer .drawer__inner{left:90vw}
}

@media (max-width: 1450px){
#cart-drawer .drawer__inner{left:97vw}
}

@media (max-width: 600px){
#cart-drawer .drawer__inner {
    left: 100vw;
    max-width: 450px;
    border-radius: 0;
    top: 0;
    max-height: initial;
    height: 100%; border:none;
}
  #cart-drawer .drawer__inner.small-hight {
    max-height: inherit;
    height: 100%;
    max-height: inherit;
}
  
}

@media screen and (max-width:480px){
  
  .cart__quantity .cart__quantity-plus{right:30px;}
  .pro-qtybtn .cart__quantity .cart__quantity-plus{right:6px;}
}

p.when_added, p.when_no_added {
    border-radius: 15px;
    background: #F0F0F0;
    padding: 15px 25px;
    text-align: center;
    font-size: 12px;
}
.all_subsciption_options.list{padding:0 16px;}
.all_subsciption_options.list ul {list-style:none; padding:0; margin:0}
  .all_subsciption_options.list ul li::before{content:'.'; position:absolute; top:-7px; font-size:27px; left:10px;}
.all_subsciption_options.list ul li {
    color: var(--Primary-Charcoal, #2C2E30); padding-left:24px; position:relative;
    font-size: 16px; margin-bottom:1px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.all_subsciption_options.list p{color: var(--Primary-Charcoal, #2C2E30);
font-size: 16px;
font-style: normal;
line-height: 150%; margin:0;font-weight:700;}
.all_subsciption_options.list p b, .all_subsciption_options.list p strong{font-weight:700}
.all_subsciption_options.list .mobile-content{display:none;}
#cart-bar .all_subsciption_options.list{display:none !important}
.pro-qtybtn.attachhere{
    min-height: auto !important;
}

.deattachhere label.header {
    color: #000;
    text-align: left;
    leading-trim: both;
    text-edge: cap;
font-family: 'Proxima Nova Alt Lt';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; 
    margin-bottom: 10px;
    display: block;
}

@media screen and (max-width:767px){
  .pro-qtybtn.attachhere {
    min-height: auto !important;
}
.all_subsciption_options.list .desk-content{display:none;}
  .all_subsciption_options.list{margin-top:0px; padding:0; margin-bottom:5px;}
  .all_subsciption_options.list ul li {color: var(--Primary-Charcoal, #2C2E30);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%;margin-bottom:8px; }
  .all_subsciption_options.list .mobile-content{display:block;}
  .all_subsciption_options.list p{color: var(--Primary-Charcoal, #2C2E30);
font-size: 14px;font-weight:700;
font-style: normal;
line-height: 150%;}

  .swatch .header, .deattachhere label.header {
        font-size: 16px;
        font-family: "proxima-nova";
        font-weight: 400;
    }
  .product__content .swatch-element label {
        min-width: 80px;
    }
      .product__content .swatch {
        margin-bottom: 13px;
        justify-content: flex-start;
        column-gap: 8px;
    }
  .swatch .header{margin-bottom:9px;}
  .deattachhere label.header{margin-bottom:12px;}
}




.buy-box-wrap { background: #F6F9FE; padding: 25px 0}

.buy-box-row { display: flex;  flex-wrap: wrap;}

.buy-box-info { width: 45.5%; text-align: center; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.buy-box-info>div{width: 100%}
.buy-box-image { width: 54.5%;}
.buy-box-info .badge-text { border-radius: 28px;
background: #d74761; padding:7px 16px; margin-bottom: 12px;    display: inline-block; color: #fff;
text-align: center;
font-family: "proxima-nova";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 3.24px;
text-transform: uppercase;}
.buy-box-info h4 {color: var(--AAVRANI-text, #01207D);font-family: "proxima-nova"; font-size: 18px;  font-style: normal;  font-weight: 700; line-height: normal;letter-spacing: 1.8px;text-transform: uppercase; margin: 0;}
.buy-box-image img { width: 100%;  display: block; height: 100%; object-fit: cover;}
.buy-box-info h2{color: var(--AAVRANI-text, #01207D); letter-spacing: normal; margin: 0;font-family: 'Lekton', sans-serif;font-size: 30px;font-style: normal;font-weight: 700;line-height: normal; margin-bottom: 32px;}
.buy-box-info p{color: var(--AAVRANI-text, #01207D);font-size: 18px;font-style: normal;font-weight: 400;line-height: 140%; max-width: 465px;
    margin: 0 auto 12px;}
.buy-box-info .yotpo-reviews-star-ratings-widget{text-align:center !Important; align-items:center !important; justify-content: center !important;}
.buy-box-info .star{margin-bottom: 40px;}
.buy-box-icons { display: flex; flex-wrap: wrap;  margin: 22px 0 42px;}

.buy-box-icons .item { width: 33%;}
.buy-box-icons .item img{max-width:40px;}
.buy-box-info .buy-box-icons p { padding: 0 5px;
    color: var(--Primary, #01207D);; font-size: 16px; font-style: normal; font-weight: 400;  line-height: 24px; /* 150% */  text-transform: uppercase;  margin-top: 8px;  margin-bottom: 0;}

.buy-box-info .btn-primary, .buy-box-info .btn-maroon {
    padding: 14.5px;
    font-size: 14px;
    max-width: 404px;
    width: 100%;
}
.buy-box-info .btn-primary.is-loading, .buy-box-info .btn-maroon.is-loading{
  background: #b5364d !important;
}
.buy-box-info .btn-primary.is-added, .buy-box-info .btn-maroon.is-added{
  background: #b5364d !important;
}
@media screen and (max-width:992px){
.buy-box-info{padding: 20px;}
  .buy-box-info h2{font-size: 3vw}
  .buy-box-info h4 {
    font-size: 1.8vw;
}
}
@media screen and (max-width:767px){
  .buy-box-row{flex-direction: column-reverse}
.buy-box-info{ width:100%; padding: 25px 0}
  .buy-box-image{width:100%;}
  .buy-box-info .buy-box-icons p{font-size: 14px;}
  .buy-box-info .badge-text, .buy-box-info h4{font-size: 14px;}
  .buy-box-info h2{font-size: 6vw;}
  .buy-box-info p{font-size: 16px;}
  .buy-box-info h4 {
    font-size: 3vw;
}
}

/* new collective page css*/

.collective_banner_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.collective_banner_image {
    width: 35%;
}

.collective_banner_text {
    width: 35%;
}
.collective_banner_text h1{color:#fff;letter-spacing: normal;font-family: 'proxima-nova'; line-height: 0.90;}
.collective_banner_text p {
    font-size: 18px;
    margin-bottom: 12px;
    color: #fff;
}

.collective_banner_text h6 {
    font-size: 16px;
    color: #fff;
    font-family: "proxima-nova";
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 14px;
}
.collective_banner_text .btn {
    padding: 15px 32px;
}
.collective_banner {
    padding: 40px 0; background: url(collective-banner.jpg)no-repeat center;background-size: cover; 
}
.collective_info_wrap:before{content:''; width: 686px; height:1886px;     width: 15%;
    height: 100%;display: block; position: absolute; top:0; left:0; background: url(left-top-b.png)no-repeat center right; background-size:cover;  }
.collective_info_wrap:after{content:''; width: 686px; height:1886px;     width: 26%;
    height: 100%;display: block; position: absolute; top:0; right:0; background: url(right-top-b.png)no-repeat center left; background-size:cover;  }
.collective_info {
    max-width: 606px; margin: 0 auto;
  position: relative;
    z-index: 2;
}
.collective_info p {
    color: var(--Charcoal);
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 25px;
}

.collective_info_wrap {
    text-align: center;
    padding: 80px 0; position: relative;
}
.collective_info h4 {
    display: inline-block;
    background: #d0dcfa;
    padding: 5px 25px 2px;
    margin-bottom: 25px;
    font-size: 24px;
}

.collective_info ul {
    text-align: left;
    margin-bottom: 40px;
}

.collective_info ul li {
    font-size: 18px;
    color: var(--Charcoal);
    line-height: 140%;
    list-style: disc;
}

.collective_info .btn {
    min-width: 250px;
}
.collective_banner2>a{display: block}
  .collective_banner2 img{width: 100%; display: block; }
@media screen and (max-width:767px){
.collective_banner_text {
    width: 100%;
    margin-bottom: 34px;
}
  .collective_banner_image img {
    max-width: 51%;
    margin-left: auto;
    display: block;
}
.collective_banner_image {
    width: 100%;
   
}
  .collective_info_wrap:before{width:94%;}
}