/** Shopify CDN: Minification failed

Line 490:1 Expected identifier but found "."
Line 1092:16 Unexpected "/"

**/
html {
  scroll-behavior: smooth;
}
/* -------------header-css------------------ */
.gradient {
    background: #fff !important;
}
.announcement-bar-section .gradient.utility-bar--bottom-border{
    background: var(--Secondary, #2B1666) !important;
}
sticky-header.header-wrapper{
    background: #fff !important;
}
header.header .header__heading-logo-wrapper img{
    filter: unset !important;
}
header.header span {
 color: #000 !important;
}
.localization-form__select svg path {
    fill: #000 !important;
}
.localization-form__select span{
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 22.4px; /* 140% */
}
.header:not(.drawer-menu).page-width {
        /* padding-left: 40px !important;
        padding-right: 40px !important; */
    }
header.header nav.header__inline-menu ul li a span{
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
        text-transform: capitalize;
    line-height: 22.4px; /* 140% */
}
.announcement-bar__message {
    text-align: center;
    padding: 8px 0 !important;
    margin: 0;
    letter-spacing: 0 !important;
    min-height: 3.8rem;
}
.header__heading-logo-wrapper img {
    width: 58px;
    height: 50px;
    object-fit: contain;
}
    header.header li a {
        padding: 0 20px !important;
    }
    header.header .header__icons {
    column-gap: 10px !important;
}
.announcement-bar__message span{
    color: #FFF;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 22.4px; /* 140% */
    text-transform: uppercase;
}
.utility-bar.color-scheme-1.gradient.utility-bar--bottom-border{
    background: #2B1666;
}
/* ------------- */
.custom-product-images-slider{
   position: relative;
}
.main-pro-swiper-pagination{
    position: absolute;
    bottom: 20px !important;
    z-index: 1;
    left: 12px !important;
    background: #EBD8EA;
    width: max-content !important;
    padding: 0px 10px;
    border-radius: 5px;
}
.main-pro-swiper-pagination .swiper-pagination-bullet-active{
    background: var(--Secondary, #2B1666);
}
.product_main_custon_class{
    background: #fff ! IMPORTANT;
}
.product_main_custon_class .product__title h1{
    color: var(--Secondary, #2B1666) !important;
    font-family: "ITC Clearface Std" !important;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 350 !important;
    line-height: normal;
    letter-spacing: -1.28px;
    padding-top: 12px;
}
.product_main_custon_class .oke-sr-count{
    color: var(--Secondary, #2B1666);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 22.4px; /* 140% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.product_main_custon_class .cs_main_pro_custom_richtext{
    padding: 12px 0 0 0;
}
.product_main_custon_class .cs_main_pro_custom_richtext p strong{
    margin: 0;
    color: var(--Secondary, #2B1666);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 22.4px; /* 140% */
} 
.product_main_custon_class .cs_main_pro_custom_richtext p{
    margin: 0;
    color: var(--Secondary, #2B1666);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 22.4px; /* 140% */
} 

.product_main_custon_class .cs_main_pro_custom_richtext {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.product_main_custon_class .cs_main_pro_icon_text_main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: start;
    justify-content: space-between;
    /* gap: 35px; */
    margin: 12px 0 0px 0; 
} 
.product_main_custon_class .cs_pro_main_icon_text_title{
    margin: 0;
    color: var(--Secondary, #2B1666);
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 18px; /* 128.571% */
    margin: 0 auto;
}
.product_main_custon_class .cs_pro_main_icon_text_title11{
        max-width: 102px;
}
/* .product_main_custon_class .cs_pro_main_icon_text_title33{
        max-width: 88px;
} */
/* .product_main_custon_class .cs_pro_main_icon_text_title44{
        max-width: 92px;
} */
.product_main_custon_class .cs_pro_main_icon_text_in{
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
.cs-featured .cs_main_pro_icon_text_main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: start;
    gap: 35px;
    margin: 12px 0 10px 0; 
} 
.cs-featured .cs_pro_main_icon_text_title{
    margin: 0;
    color: var(--Secondary, #2B1666);
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 18px; /* 128.571% */
}
.cs-featured .cs_pro_main_icon_text_in{
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
.product_main_custon_class .main-default-product-page .product-media-container {
    max-width: 100%;
     width: 100% !important;
}
.product_main_custon_class .product-media-container {
    width: 100%;
}
.product_main_custon_class .media>*:not(.zoom):not(.deferred-media__poster-button){
    height: auto;
}
/*--------------------product_variant_css---------------------------  */
.cs_pro_variant_main_class .form__label{
    display: none;
}
.cs_pro_variant_main_class variant-selects{
    background: #fff !important;
    border-radius: 0px !important;
    padding: 0px !important;
    /* border: 0.5px solid var(--Secondary, #2B1666); */
        margin-bottom: 28px;
}
.cs_pro_variant_main_class .product-form__input{
    max-width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.cs_pro_variant_main_class .product-form__input--pill input[type=radio]+label{
    border: 0.5px solid var(--Blue, #2B1666);
background: var(--White, #FFF);
    border-radius: 0;
    color: var(--Secondary, #2B1666) !important;
    text-align: center;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px; /* 140% */
    margin: 0;
    padding: 10px 0 !important;
}
.cs_pro_variant_main_class .product-form__input--pill input[type=radio]:checked+label {
    background-color: #EBD8EA !important;
}
.cs_pro_variant_main_class .cs_pro_variant_heading{
    margin: 0;
    color: var(--Blue, #2B1666);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px; /* 140% */
    padding: 20px 0;
}
.cs_pro_variant_main_class .cs_pro_variant_after_before_title{
    margin: 0;
    color: var(--Blue, #2B1666);
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px; /* 112% */
}
.cs_pro_variant_main_class .cs_pro_variant_after_before_title {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 10px; /* text aur line ke beech spacing */
  /* margin-top: 20px; */
}

.cs_pro_variant_main_class .cs_pro_variant_after_before_title::before,
.cs_pro_variant_main_class .cs_pro_variant_after_before_title::after {
  content: "";
  flex: 1;
  border-bottom: 2px solid #2B1666; /* line ka color aur style */
}
/* --------------------sub--css----------------------- */
.cs_custom_sub_button_main .sls-purchase-options-container{
    flex-direction: column-reverse;
}
.cs_custom_sub_button_main .sealsubs-target-element {
    margin-top: 0px;
}
.cs_custom_sub_button_main .sealsubs-target-element .sls-option-container.seal-table{
    flex: unset;
}
.cs_custom_sub_button_main .sealsubs-container .sls-purchase-options-container .sls-option-container{
    padding: 20px;
    border: 0.5px solid var(--Secondary, #2B1666) !important;
    border-radius: 0 !important;
}
.cs_custom_sub_button_main .sls-purchase-options-container .sls-option-container.seal-table.sls-active {
    box-shadow: unset !important;
    border-radius: 0px 0 0 0 !important;
}
.cs_custom_sub_button_main .sls-purchase-options-container .sls-option-container.seal-table:first-of-type {
    border-radius: 0px 0px 0 0 !important;
    margin-top: 12px;
}
.cs_custom_sub_button_main .cs_custom_sub_title_text{
    margin: 0;
    color: var(--Blue, #2B1666);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px; /* 140% */
    padding: 28px 0 12px 0;
}
.cs_custom_sub_button_main .sls-purchase-options-container .sls-option-container.seal-table.sls-active{
   background: var(--Purple, #EBD8EA);
}
.cs_custom_sub_button_main .sealsubs-target-element .sls-option[type=radio]:checked+.sls-custom-radio:after{
        background: #2B1666;
}
.cs_custom_sub_button_main .sealsubs-container .seal-row .sls-label-container.seal-col label{
    color: var(--Secondary, #2B1666);
    font-family: Outfit;
    font-size: 17.969px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 133.565% */
    letter-spacing: -0.4px;
}
.cs_custom_sub_button_main .sls-purchase-options-container .sls-option-container.seal-table.sls-active:last-child:before{
    right: 19px;
    transform: unset;
    left: unset;
    background: var(--Secondary, #2B1666);
    padding: 5px 16.001px 5px 16.609px;
    border-radius: 0;
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 8.594px;
    font-style: normal;
    font-weight: 700;
    line-height: 8px; /* 93.091% */
    text-transform: uppercase;
}
.cs_custom_sub_button_main .sealsubs-target-element .sls-label-container.seal-col .sls-selling-plan-group-first-line {
    display: flex;
}
.cs_custom_sub_button_main span.money.conversion-bear-money{
    color: var(--Secondary, #2B1666);
    text-align: right;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.4px; /* 140% */
}
.cs_custom_sub_button_main .product-form.product-form .product-form__buttons button{
    border: 1px solid #2B1666;
    background: linear-gradient(90deg, #075B54 0%, #4DA8A5 71.24%);
    box-shadow: 3px 3px 0 0 #2B1666;
    border-radius: 0;
    height: 48px;
}
.cs_custom_sub_button_main product-form.product-form .product-form__buttons button{
    color: var(--White, #FFF);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px; /* 140% */
}
/* ---------------collapse-css----------------------- */
.collapsable-tab-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease, padding-top 0.4s ease;
  width: 100%;
  padding-left: 0px;
  padding-top: 0;
}

.collapsable-tab-content.open {
  opacity: 1;
  padding-top: 10px;
}
.collapsable-tab-heading {
    margin: 0;
  color: #000;
 color: var(--Blue, #2B1666);
text-align: center;
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 350;
line-height: 22.4px; /* 140% */
}
.collapsable-tab-top {
  display: flex;
  justify-content: space-between;
}
.collapsable-tab-main {
  padding: 16px 0px;
  border-bottom: 1px dashed var(--Blue, #2B1666);
  /* border-bottom: var(--stroke-weight-1, 1px) solid #D2D2D2; */
  /* background: #f7f7f7; */
  cursor: pointer;
}
/* .first-tab {
  border-radius: 10px 10px 0px 0px;
  border-top-width: 2px;
}
.last-tab {
  border-radius: 0px 0px 10px 10px;
  border-bottom-width: 2px;
} */
.collapsable-tab-content p {
  color: var(--Secondary, #2B1666);
  font-family: Outfit;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 18.9px; /* 135% */
  letter-spacing: -0.4px;
  margin: 0;
}
.collapsable-tab-main.first-tab{
    margin-top: 20px;
}
.custom-product-images{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 14px;
  }
  .custom-product-picks img{
    display: block;
       object-fit: cover;
  }

  /* featured section */

  .cs-featured .product__title.h1 {
    color: var(--Secondary, #2B1666);
    font-family: "ITC Clearface Std";
    font-size: 32px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    letter-spacing: -1.28px;
    padding: 12px 0;
}
.cs-featured .cs-rich {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 32px;
}
.cs_pro_main_icon_text_svg {
    display: block;
    width: 36px;
    height: 36px;
    aspect-ratio: 1 / 1;
}
.cs-featured .cs-rich p {
    margin: 0;
    color: var(--Gray, #505257);
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 350;
line-height: 22.4px; /* 140% */
}
.cs-featured .cs-rich p strong {
   color: var(--Secondary, #2B1666);
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 350;
line-height: 22.4px; /* 140% */
}
..cs-featured .product__view-details{
    color: var(--Blue, #2B1666);
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.6px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    padding-top: 20px;
}
.cs-featured product-form.product-form .product-form__buttons button{
        color: var(--White, #FFF);
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
    border: 1px solid #2B1666;
    background: linear-gradient(90deg, #075B54 0%, #4DA8A5 71.24%);
    box-shadow: 3px 3px 0 0 #2B1666;
    display: flex;
    height: 48px;
    padding: 12px 60px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 0;
    text-transform: inherit;
    margin-top: 18px;
    margin-bottom:0px;
}
.testimo-cards-slider {
    padding-bottom: 4px;
}
.arow-icon svg {
    display: block;
    width: 16px;
    height: 16px;
}
.buy-btn-content{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.line-svg svg {
    display: block;
}
.cs-featured .product__view-details{
    padding-top: 20px;
    color: var(--Blue, #2B1666) !important;
    text-align: center !important;
    font-family: Outfit;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 19.6px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.cs-rating-text{
    color: var(--Secondary, #2B1666);
font-family: Outfit;
font-size: 16px;
font-style: normal;
font-weight: 350;
line-height: 22.4px; /* 140% */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.rating-star-cs {
    width: 85px;
    height: 14px;
    display:block;
}
.cs-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}
.swiper-slide .testi-img {
    border-radius: 91.687px !important;
    width: 91.687px;
    height: 91.687px;
    flex-shrink: 0;
    object-fit: cover;
    /* display: block; */
}
video.testi-video {
    border-radius: 91.687px;
    width: 91.687px;
    height: 91.687px;
    flex-shrink: 0;
    object-fit: cover;
        cursor: pointer;
}
.custom-testi-next {
    max-width: fit-content;
    height: 42px;
    transform: translateY(-50%);
    cursor: pointer;
    transition: .3s ease;
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 1;
    width: 11.069px;
    /* height: 24.629px; */
}
.testimonal-main .testim-heading {
    margin: 0;
    color: var(--Blue, #2B1666);
    font-family: Outfit !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
    padding-bottom: 18px;
    padding-top: 15px;
}
.custom-footer-main-content-text{
    color: #2B1666;
}













.my_custom_swiper_slider_next, .my_custom_swiper_slider_prev{
  display: none;
}
.my_custom_swiper_slider_prev{
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 8px;
  z-index: 1;
}
.my_custom_swiper_slider_next{
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  right: 8px;
  z-index: 1;
}
.my_custom_swiper_slider_prev svg{
    width: 35px;
    height: 35px;
}
.my_custom_swiper_slider_next svg{
    width: 35px;
    height: 35px;
}

@media screen and (max-width: 768px) {
    .custom-footer {
    padding: 40px 20px 20px 20px;
}
.header.header--middle-center.page-width{
        max-width: 100% !important;
}
.header.header--middle-center.page-width{
        max-width: 100% !important;
            padding-left: 20px !important;
    padding-right: 20px !important;
}
.page-width.utility-bar__grid{
    max-width: 100% !important; 
}
.my_custom_swiper_slider_next, .my_custom_swiper_slider_prev{
  display: block;
}
.announcement-bar__message span{
    font-size: 14px;
}
    .swiper.custom-think-wrapper {
    padding: 0 !important;
}
.video-popup-content {
    max-width: 95%;
    max-height: 85%;
}
.cs-featured .product__title.h1{
font-size: 28px;
font-style: normal;
font-weight: 350;
line-height: 39.2px;
}
.cs-featured .grid__item.product__media-wrapper {
    display: none;
}
.cs-featured .cs-rich p strong{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.4px;
}
.cs-featured .cs-rich{
    padding-bottom: 20px;
}
.cs-featured .cs_pro_main_icon_text_title{
font-size: 12px;
font-style: normal;
font-weight: 350;
line-height: 16.8px;
}
.cs-featured .cs_main_pro_icon_text_main{
    gap:8px;
    padding-bottom:20px;
}
.cs-featured .cs_pro_variant_main_class .cs_pro_variant_after_before_title{
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22.4px;
}

}

.mp-block-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
}
.mp-block-wrap img {
    /* height: 464px !important; */
    height: 100% !important;
    align-self: stretch;
    width: 100%;
}

@media (min-width: 1441px) and (max-width: 3000px){
    .mp-subhead_mian_screen{
            font-size: 22px;
    }
    /* .li--- p{
        font-size: 21px;
    } */
    /* .stm-bottom{
            font-size: 19px;
    } */
    .custom-support-wrapper-2-block-text{
        font-size: 17px;
    }
    .csc-support .custom-support-wrapper-text{
        font-size: 17px;
    }
    .custom-footer-menu-list li {
    font-size: 18px !impoarant;
}
.custom-footer-main-content-text p{
font-size: 18px !impoarant;
}
}


/* --------------my-css----------- */
.custom-product-images-slider{
    margin-right: -1px; 
}


@media (max-width: 768px){
    .cs_main_pro_custom_richtext_des{
        padding-top: 0 !important;
        padding-bottom: 20 !important;
    }
    .custom-testi-next{
        display: none !important;
    }
    .video-popup-content{
        /* height: 70vh;  */
         max-width: 79% !important;
    max-height: 69vh !important;
    }
}
/* -----------------cart----------------------------- */
.cs_cart_drawer_title_total{
       display: none !important;
}

.cs_cart_drawer_body{
    padding-top: 45px !important;
}
.cs_product-option_cart_price{
    display: none;
}
 .shipping-protection-section {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
} 
.shipping-protection-section_main {
  
  border: 1px solid #2B1666;
  padding: 20px;
  margin: 16px 28px;
  box-shadow: 3px 3px 0px 0px #2B1666;
}
.shipping-protection-image img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 0px;
}

.shipping-protection-details {
  display: flex;
  flex-direction: column;
}

.shipping-protection-title {
  font-weight: bold;
  font-size: 16px;
}

.shipping-protection-description {
  font-family: General Sans, sans-serif;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #2B1666;
}

.shipping-protection-price {
  display: flex;
  flex-direction: column;
  text-align: right;
}

.original-price {
  text-decoration: line-through;
  color: #777;
}

.discounted-price {
  font-family: Outfit;
  font-weight: 600;
  font-style: Semibold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2B1666;
}

.shipping-toggle {
  display: flex;
  align-items: center;
  position: relative;
}

.shipping-protection-toggle {
  width: 50px;
  height: 25px;
  border-radius: 25px;
  background-color: #ccc;
  cursor: pointer;
}

.shipping-protection-toggle:checked {
  background-color: #28a745;
}
.cs_shipping_price_maain {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cs_payment_icon_main{
  padding-top: 16px;
  padding: 16px 28px 0 28px;
  background: #FBF9FF;

}
.cs_payment_icon_main img{
  display: block;
  object-fit: cover;
  max-width: 100%;
  max-height: 43px;
}
#CartDrawer-Item-1 .quantity__input{
    padding: 0;
  }
  .cart-item__image{
    max-width: 80px;
    /* max-height: 80px; */
  }
  .cs_cart_footer_shipping_mian{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0px;
  }
  .cs_cart_footer_cs_shipping{
    margin: 0;
    font-family: General Sans,sans-serif !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2B1666;
  }
  .cs_cart_footer_shipping_richtext{
    margin: 0;
    font-family: General Sans,sans-serif !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #505257;
  }
  .cs_cart_add_button .product-form.product-form .product-form__buttons button{
    border: 1.5px solid #2B1666;
    background: transparent;
    min-width: 89px;
    min-height: 23px;
    height: 23px;
    font-family: Outfit;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 10.21px;
    leading-trim: NONE;
    line-height: 10.61px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #2B1666;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
  .drawer__footer{
    padding: 0 0 24px 0 !important;
  }
.drawer__header{
    padding: 31px 28px 17px 28px;
}
#cart-timer-message{
    margin: 0;
    font-family: Outfit;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #2B1666; 
    max-width: 271px;
        text-align: left;
}
.cart-drawer .cart-items{
    padding: 0 28px;
}
.cart-drawer .cart-drawer tbody{
    padding: 20px 0;
}
.cart-item__name.h4{
    font-family: Outfit !important;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
    color: #2B1666; 
}
.cart-drawer .cart-items td {
    padding-top: 0 !important;
}
td.cs_cart_pro_remove {
    display: flex;
    align-items: start;
    justify-content: end;
}
.cart-item__price-wrapper .price--end{
    font-family: Outfit;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 15.38px;
    letter-spacing: 0%;
    text-align: right;
    vertical-align: middle;
    color: #2B1666;
}
.cart-item__quantity-wrapper {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.quantity__button{
    width: 100%;
}
.quantity{
    width: 81px;
    min-height: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
cart-drawer.drawer.active quantity-input.quantity.cart-quantity{
    border-radius: 0;
    border: 1px solid #505257;
        padding: 0 6px;

}
.shipping-protection-description-mbl{
    display: none;
}
@media screen and (min-width: 750px) {
    .cs_cart_pro_remove cart-remove-button {
        margin: 0;
    }
}

  /* -------------------progress-bar-------------------- */
 .free-shipping-progress {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 12px 15px;
  margin: 10px 0 15px;
  font-size: 14px;
}
.fsp-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.fsp-text {
  font-weight: 600;
}
.fsp-bar {
  width: 100%;
  height: 8px;
  background: #e1e1e1;
  border-radius: 8px;
  overflow: hidden;
}
.fsp-bar-fill {
  height: 100%;
  width: 0%;
  border-radius: 8px;
  background: linear-gradient(90deg, #198754, #81c784);
  transition: width 0.4s ease;
}
.fsp-unlocked {
  color: #198754;
}

















* Progress bar */
.progress-bar-container {
  width: 100%;
  margin: auto;
}

.progress-bar {
  height: 0.13rem;
  width: 100%;
}

.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-foreground));
  animation: indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;
  transform-origin: 0;
}

.progress-bar .progress-bar-value {
  display: block;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-20%) scaleX(0);
  }
  40% {
    transform: translateX(30%) scaleX(0.7);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }
}
.progress-bar-done {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: #0ADD08;
    background-image: repeating-linear-gradient(to left, #0ADD08, #0ADD08, #0ADD08);
    /* box-shadow: 0 5px 5px -6px #000;
    border-radius: 0.75em; */
    height: 10px;
    transition: 1s ease 0.4s;
    max-width: 100%;
    width: 66%;
}
.free_shipping_notice{
      font-family: Outfit;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: #2B1666;

}
.progress-bar {
    height: .13rem;
    width: 100%;
}
.progress-bar {
    background-color: #E2E4E3;
    display: flex;
    height: 10px;
    width: 100%;
    /* border-radius: 0.75em; */
    padding: 0px;
    position: relative;
    align-items: center;
}
.shipping-message {
  margin-top: 0px;
  margin-bottom:20px ;
}
.cart-drawer__progress{
    padding: 20px 28px 0 28px;
}

/* ----------------- */
span.cs_progress_bar_icon1 {
    position: absolute;
    left: -1px;
    display: flex;
    flex-direction: column;
    align-items: start;
    z-index: 1;
    top: 38px;
    font-family: Outfit;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: CAP_HEIGHT;
    line-height: 22.37px;
    letter-spacing: 0%;
    color: #2B1666;
}
span.cs_progress_bar_icon2 {
    position: absolute;
    right: -1px;
    display: flex;
    flex-direction: column;
    align-items: end;
    z-index: 1;
    top: 38px;
    font-family: Outfit;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    leading-trim: CAP_HEIGHT;
    line-height: 22.37px;
    letter-spacing: 0%;
    color: #2B1666;
}
.upsell-container {
    position: relative;
}
@media screen and (max-width: 767px) {
    cart-drawer.drawer.active .drawer__inner td.cart-item__details a.cart-item__name.h4.break {
        font-size: 16px !important;
    }
}
@media (max-width: 768px){
    .cart-drawer .drawer__inner .drawer__header h2{
        font-size: 16px; 
    }
    .shipping-protection-description-mbl{
    display: block;
}
.shipping-protection-description-des{
    display: none;
}
    .drawer__header{
        padding: 16px;
    }
    #cart-timer-message{
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .cs_min__main #minutes{
        font-size: 30px !important;
    }
    .cs_sec__main #seconds{
        font-size: 30px !important;
    }
    
    .cart-timer{
        padding: 12px 16px !important;
                gap: 10px !important;
    }
    .cart-drawer__progress {
    padding: 20px 16px 0 16px;
}
.free_shipping_notice{
    font-size: 14px;
}
.shipping-message {
    margin-bottom: 15px;
}
.cart-drawer .cart-items {
    padding: 24px 16px 0 16px;
}
.cart-drawer .cart-item{
    gap: 13px !important;
}
.cart-drawer .cart-item>td+td {
    padding-left: 0 !important;
}
.cart-item__price-wrapper .price--end{
    font-size: 14px;
}
.cart-drawer .cart-item {
    padding-bottom: 16px;
}
.shipping-protection-section_main {
    border: 1px solid #2B1666;
    padding: 12px;
    margin: 20px 16px;
}
.shipping-protection-section{
    gap: 10px;
    justify-content: space-between;
            display: grid
;
        grid-template-columns: 19% 1fr 1fr;
}
.cart-drawer__footer {
    padding: 12px 16px 16px 16px !important;
}
.cart-drawer__footer .totals h2.totals__total {
    font-size: 18px;
}
.totals__total-value {
    font-size: 16px;
}
.cs_cart_footer_cs_shipping {
    font-style: Regular;
    font-size: 14px;
}
.cart__ctas {
    padding: 0 16px;
}
.cs_payment_icon_main {
    padding: 16px 26px 0 16px !important;
}
span.cs_progress_bar_icon1 {
    left: -2px;
    top: 29px;
}
span.cs_progress_bar_icon2 {
    left: -2px;
    top: 29px;
}
}