/** Shopify CDN: Minification failed

Line 588:6 Unexpected "{"
Line 588:7 Expected identifier but found "%"
Line 593:6 Unexpected "{"
Line 593:7 Expected identifier but found "%"

**/



    .grid__item.product__media-wrapper .swiper {
      width: 100%;
      height: 100%;
      max-height:900px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .grid__item.product__media-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
      background-color: #0c382b;
    }
    .grid__item.product__media-wrapper  .swiper-wrapper {
      flex-grow: 1;
    }

    .grid__item.product__media-wrapper  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .grid__item.product__media-wrapper  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .grid__item.product__media-wrapper .swiper-pagination {
      margin-bottom: 20px;
    }

    .grid__item.product__media-wrapper  .swiper-button-next,
    .grid__item.product__media-wrapper  .swiper-button-prev {
      margin-top: auto;
      margin-bottom: auto;
    }

    /* =================================>custome swiper code  */
    .mySwiperPDP {
      max-width: 546px;
      height: 890px;



    }
    
    .mySwiperPDP .swiper-wrapper {
      border: 1px solid green;
      border-radius: 16px;
      overflow: hidden;
    }

    .mySwiperPDP .swiper-wrapper {
      height: 817px;
    }

    .grid__item.product__media-wrapper .swiper-button-next,
    .grid__item.product__media-wrapper .swiper-button-prev {
      top: unset;
      bottom: 0px;

    }

    
    .swiper.testimonials .swiper-button-next,
    .swiper.testimonials .swiper-button-prev {
      top: unset;
      bottom: -4px;
      

    }
    
    .grid__item.product__media-wrapper  .swiper-horizontal>.swiper-pagination-progressbar,
    .grid__item.product__media-wrapper  .swiper-pagination-progressbar.swiper-pagination-horizontal {
      bottom: 0;
      top: unset;
      width: 80%;
      left: 10%;

    }
    

    .mySwiperPDP.swiper {
      flex-direction: row !important;
    }


    /* ==============================================> style for tabs */

    /* Style the tabs */
    .tabs {
      overflow: hidden;
    }
    .offline-title{width: max-content;
      padding: 5px 10px;
      font-weight: 700;
      font-family: "Poppins";
      background: #ea5411;
      color: #FFFF;
      border-radius: 40px;
      line-height: 20px;
      font-size: 12px;}

    .tablinks {
      background-color: #FFFFFF;
      float: left;
      border: none;
      border-bottom: 1px solid #ccc;
      outline: none;
      cursor: pointer;
      padding: 10px 20px;
      font-size: clamp(calc(16 * .9px), calc(100vw/1440 * 16), 16px);

    }
    .description-table-content tr:nth-child(odd) {
      background: rgb(246, 247, 240);
  }
  .description-table-content tr:first-child{
    background-color: unset;
  }
  .description-table-content td{
    padding-top: 10px;
    padding-bottom: 10px;
  }
    .description-table-content table{
      box-shadow: none;
    }
    .tab-main-container table:not([class]) td,.tab-main-container  table:not([class]) th{
      border: none;
      padding: .5rem;
      padding-right: 10px;
    }
    .tab-main-container p{
      color: #444444;
    }
    div#tab2 p{
      color: #0c382b;
    }
    .tab-main-container tr{
      font-size: 12px;
      line-height: 14px;
      color: #444444;
      vertical-align: baseline;
    }
    .tab-main-container th{
      font-size: 16px;
      line-height: 26px;
      color: #444444;
    }
    .tab-main-container td{
      max-width: 285px;
    }
    p.description-table-content-title{
      color: #0c382b;
      font-family: "Poppins";
      font-weight: 700;
      margin-top: 40px;
      margin-bottom: 30px;
      font-size: clamp(calc(16*0.9px),calc(100vw/1440 *16),16px);
      line-height: clamp(calc(26*0.9px),calc(100vw/1440 *26),26px);;
    }

    /* Style the tab content */
    .tabcontent {
      display: none;
      padding: 20px;

    }
    div#tab2 {
      padding-left: 0;
    }
    div#tab2 p{
      font-size: 16px;
      font-family: "Roboto Condensed";
      line-height: 26px;
      font-weight: 700;
      margin-bottom: 10px;
    }
    .description-title-list >div {
      margin-bottom: 10px;
  }
  .pickup-locations p.heading{
    margin-bottom: 20px;

  }
  #tab3 p.heading{
    font-size: 16px;
    line-height: 26px;
  }
  .pickup_location_list{
    margin-bottom: 20px;
  }
  .pickup_location_list p{
    
    line-height: 26px;
  }
  .pickup_location_list a{
    color: #0c382b;
    font-weight: 700;
    font-family: "Poppins";
  }
  .add_to_cart_button p{
    font-weight: 700;
    font-family: "Poppins";
  }
  .add_to_cart_button{
    height: 55px;
    background: #0c382b;
    border-radius: 40px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    color: #FFFFFF;
  }
  .product__info-container .product__description{
    margin-top: 1rem;
  }
  .product__title,.product__info-container>*+*{
    margin-bottom: .5rem;
    margin-top: .5rem;
  }
  .button_box{
    display: flex;
    gap: 10px;
    align-items: flex-start;
    width: 100%;

  }
  span.quantity__rules-cart {
    display: none;
}
.labels-content #tab2 p{
  color: #0c382b;
}
    #tab2 a.labels-content{
      text-decoration: underline;
      line-height: 40px;
     
    }
    .tab-main-container{
      max-width: 490x;
    }
    /* div.swiper-button-next, div.swiper-button-prev{
      display: block;
    } */
    #tab1 > div > div, #tab1 > div > p{
      margin-bottom: 20px;
    } 

    /* Show the selected tab */
    .tabs .active {
      display: block;
      color: #0c382b;
      font-weight: 700;
      font-family: "Poppins";
      border-bottom: 5px solid #0c382b;
      padding-bottom: 5px;
    }
    

    /* ===============================================> endfor style tabs */

    /* ==========================================> */
    .percent-off {
      font-size: clamp(calc(0.9 * 12px), calc(100vw/1440 * 12px), 12px);
      font-size: clamp(calc(0.9px * 20), calc(100vw/1440 * 20), 20px);
      background-color: #ea5411;
      height: 20px;
      border-radius: 16px;
      width: FIT-CONTENT;
      padding: 8PX;
      color: #ffff;


    }

    .PDP_main_content_div {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      margin: 50px 10px;
      gap: 10px;
    }

    .product__title h1 {
      font-size: clamp(calc(0.9*24px), calc(100vw/1440 * 24), 24px);
      line-height: 36px;
      color: #444444;
      font-weight: 700;
      text-transform: capitalize;
      font-family: "Poppins";
    }

    .product__description.rte.quick-add-hidden {
      font-size: clamp(calc(0.9*16px), calc(100vw/1440 * 16), 16px);
      line-height: 26px;
      margin-bottom:10px;
      color: #444444;

    }
    span.badge.price__badge-sale.color-scheme-4{
      display: none;
    }
    .product-form__submit.button.button--full-width.button--secondary{
      background-color:#0c382b;
      border-radius: 40px;
      color: #FFFF;
      font: optional;
    }
    
    .quantity:after{
      box-shadow: none;
      border: 2px solid var(--Blue-Chalk, #EAEDFF)
    }
    
    quantity-input.quantity{
      
      border-radius: 8px;
      height: 51px;
      
      overflow: hidden;
    }
    .button:after{
      box-shadow: unset;
    }
    pickup-availability.product__pickup-availabilities.quick-add-hidden{
      display: none;
    }
    .button_box .product-form__submit.button.button--full-width.button--primary{
      font-size: 16px;
      line-height: 26px;
      font-weight: 700;
      font-family: "Roboto Condensed";
      text-transform: uppercase;
    }
    .card-wrapper.product-card-wrapper  .product-form__submit.button.button--full-width.button--primary{
      margin: 0;
      

    }
    .card-wrapper.product-card-wrapper product-form{
      padding-bottom: 0;
      margin-bottom: 0;
      margin-top: 0;
    }
    .button_box .product-form__submit.button.button--full-width.button--primary {
      background: #0c382b;
      height: 55px;
      border-radius: 36px;
      max-width: 384px;
  }
  .button:not([disabled]):hover:after{
    box-shadow: none;
  }
  .button_box >div{
    flex-grow: 1;
  }
    product-form.product-form{
      display: flex;
    flex-direction: column-reverse;
    margin-top: 0;
    margin: 4px;
    }
    .product__info-container .product-form{
      margin-top: 0;
    }

    span.price-item.price-item--sale.price-item--last {
      color: #ea5411;
      font-weight: 700;
      font-size: clamp(calc(0.9*24px), calc(100vw/1440 * 24), 24px);
      line-height: 36px;
      font-family: "Poppins";
      margin-right: 10px;
      }
      .tab-main-container > :nth-child(2){
        display: block;
      }
    .price__sale span {
      color: #44444480;
      font-size: 16px;
      line-height: 26px;
    }
    .description-title-list > div{
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .description-table-content table{
      border-spacing: 10px;
      text-align: left;
    }
    .svg_container svg{
      height:85px;
    }
    .pickup-locations >div>div{
      display: flex;
      align-items: center;

    }
    .pdp-left-content{
      max-width: 546px;
      height: 900px;
    }
    .pdp-left-content .swiper-slide img{
      border-radius:20px;
      max-height:817px ;
      border: 1px solid #0c382b ;
    
      
    }
    
    .labels-content{
      color: #0c382b;
      font-size: 16px;
      line-height: 26px;
      text-decoration: none;
      font-weight: 700;
      font-family: "Poppins";
    }

    .offline-title.offline-2{
      display: none;
    }
    .pdp-left-content  .swiper-slide img{
      border-radius:20px;
      max-height:817px ;
      border: 1px solid #0c382b ;
    }
    .quotebutton p{
      font-weight: 700;
      font-family: "Poppins";
    }
    .add_to_cart_button{
      max-width: 384px;
    }
    .add_to_cart_button.quotebutton{
      max-width: 458px;
      cursor: pointer;
    }
    .product-form__input{
      max-width: unset;
    }
    .quantity__button{
      flex-shrink: 1;
    }
 .pdp-left-content .swiper-slide{
      padding-bottom: 40px;
    }

    @media screen and (max-width:600px) {

     
      .tab-main-container{
        max-width:95vw;
      }
      .grid__item.product__media-wrapper .swiper-button-next,
    .grid__item.product__media-wrapper .swiper-button-prev {
     
      bottom: -2px;

    }
      .swiper.testimonials .swiper-button-next,
    .swiper.testimonials .swiper-button-prev {
      bottom: -8px;

    }
      .pdp-left-content  .swiper-button-next, .swiper-button-prev{
        bottom: -2px;
      }
      .grid__item.product__media-wrapper  .pdp-left-content  .swiper-pagination-progressbar.swiper-pagination-horizontal{
        left: 15%;
        width: 70%;
      }
      .grid__item.product__media-wrapper  .pdp-left-content  .swiper-button-next{
        right: 6%;
      }
      .grid__item.product__media-wrapper  .pdp-left-content .swiper-button-prev{
        left: 6%;
      }
      .add_to_cart_button{
        width: 50vw;
        min-width: 259px;
      }
      quantity-input.quantity{
        width: 96px;
      }
      .button_box{
        gap: 5px;
      }
      .add_to_cart_button.quotebutton{
        width: 97vw;
        max-width: 384px;
      }
  
      .pdp-left-content{
        max-width: 100%;
        height: 425px;
        padding-bottom: 10px;
      }
      .grid__item.product__media-wrapper .swiper-slide img{
        border-radius:20px;
        max-height:349px ;
        border: 1px solid #0c382b ;
      }
      .product__title h1{
        font-size: 16px;
        line-height: 26px;
      }
      
      .scroll-div{
        overflow: scroll;
      }

      .offline-title.offline-2 {
        display: block;
        position: absolute;
        z-index: 2;
        top: 2%;
        right: 10px;
    }
    .offline-title.offline-1{
      display: none;
    }
    .grid__item.product__media-wrapper  .mySwiperPDP.swiper{
      
      position: relative;
    }
    
   
      quantity-input.quantity button,quantity-input.quantityinput{
        width: 31%;
      }

      .percent-off {
        position: absolute;
        top: 10px;
        z-index: 2;
        right: calc((100vw - 370px) / 2 + 10px);
      }

      .PDP_main_content_div {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: 50px 10px;
      }

      
      .svg_container svg{
      height:61px;
      width: 61px;
    }

    .grid__item.product__media-wrapper  .mySwiperPDP .swiper-wrapper {
        max-width: 364px;
        height: 329px;
      }
      .tabs{
        display: flex;
        justify-content: center;
        width: max-content;
      }
      .grid__item.product__media-wrapper  .mySwiperPDP {
        max-width: 370px;
        height: 380px;



      }
    }

    @media screen and (max-width:1024px) and (min-width:600px) {
      {% if template.suffix == "professional-control-page" %}
      .page-width{
        padding-left:20px;
        padding-right: 20px;
      }
      {% endif %}
      .grid__item.product__media-wrapper .swiper-button-next, .grid__item.product__media-wrapper .swiper-button-prev{
        bottom: 1px;
      }
      .grid__item.product__media-wrapper  .pdp-left-content div.swiper-button-next,.pdp-left-content div.swiper-button-prev{
        height: 40px;
      }
      .tab-main-container {
        max-width: 490px;
        width: 44vw;
    }
      .tabs{
        width: max-content;

      } 
      .scroll-div{
        overflow: scroll;
      } 
      
    }
@media screen and (min-width:750px){
   .pdp-left-content .swiper-slide{
      padding-bottom: 0px;
    }
 
}
@media screen and (max-width:750px){
  .small-hide{
  display:block !important
}
  a.header__icon.header__icon--account.link.focus-inset.small-hide{
    display:none !important;
  }
   .tab-main-container{
    width:unset;
  }
}
@media screen and (min-width:1441px) {

      .page-width.testimonials-mainsection{
        padding-left: var(--tablet-padding);
        padding-right: var(--tablet-padding);
      }
    }
    @media screen and (min-width:600px) {
      .swiper.pdp-swiper.pdp-left-content.swiper-initialized.swiper-horizontal.swiper-backface-hidden{
        margin-bottom: 10%;
      }
      .grid__item.product__media-wrapper .swiper-slide{
        height: 817px;
      }
      
    }

    /* =====================================================> css other then swiper css */