/** Shopify CDN: Minification failed

Line 17:46 Unexpected "!"
Line 62:61 Unexpected "!"
Line 126:50 Unexpected "!"
Line 127:35 Expected identifier but found whitespace
Line 127:37 Unexpected "{"
Line 127:46 Expected ":"
Line 127:74 Unexpected "{"
Line 127:83 Expected ":"
Line 127:112 Expected ":"
Line 151:61 Unexpected "!"
... and 4 more hidden warnings

**/

<!----------comparison table------------------!>
    .Diamond_setting-1,.Diamond_setting-2{display:none}
    .comparison-table{max-width:100%;overflow-x:auto;padding:1rem 0rem 1rem 0rem;margin-top:0}
    .comparison-table thead th span{display:block;font-weight:400;font-size:12px;margin-top:4px}
    .comparison-table thead th{background:#fff;font-size:14px;font-weight:600;padding:15px 10px;text-transform:uppercase;border-bottom:1px solid #ddd}
    .comparison-table thead th span{font-weight:500!important;font-size:12px!important;line-height:1.5!important;letter-spacing:.9px!important;text-align:center;text-transform:uppercase;color:#1a1a1a}
    .comparison-table td{padding:12px 10px;border-bottom:1px solid #fff;font-weight:500}
    .comparison-table .total-row td{font-size:15px}
    .comparison-table .green{color:green}
    .comparison-table .red{color:red}
    .comparison-table .icon{margin-right:6px}
    .comparison-table .tooltip-icon{font-size:11px;margin-left:3px;color:#999;text-transform:lowercase}
    .comparison-table table:not([class]) td,.comparison-table table:not([class]) th{padding:.7rem;border:.1rem solid rgba(var(--color-foreground),.2);text-transform:uppercase;align-items:center;text-align:center;letter-spacing:1px;font-size:12px}
    .comparison-table table:not([class]) td{padding-left:10px!important}
    .comparison-table table svg{position:relative;z-index:1;display:block}
    td.icon-head{display:flex;justify-content:left;align-items:left}
    .tr-color-bg{background:#f3e0CF66}
    .comparison-table table,.comparison-table td,.comparison-table th{border:none!important}
    table:not([class]){font-size:1.4rem;border-style:hidden;box-shadow:none}
    .comparison-table table{border-spacing:3px;border-collapse:separate!important}
    .comparison-table td,.comparison-table th{padding:12px 20px}
    .tooltip-icon{position:relative;display:inline-block;cursor:pointer;font-size:14px;margin-left:6px}
    .tooltip-box-1{width:115px;display:none;position:absolute;right:-300%;top:335%;transform:translateY(-50%);background-color:#e7e7e7;padding:8px;padding-right:0!important;border-radius:9px;color:#000;font-size:11px;z-index:100;min-width:90px;text-transform:uppercase;text-align:left}
    .tooltip-box-2{width:115px;display:none;position:absolute;right:-335%;top:-335%;transform:translateY(-50%);background-color:#e7e7e7;padding:8px;padding-right:0!important;border-radius:9px;color:#000;font-size:11px;z-index:100;min-width:90px;text-transform:uppercase;text-align:left}
    .tooltip-icon:hover .tooltip-box{display:block}
    .comparison-table table{width:100%}
    table:not([class]) td, table:not([class]) th {padding: 10px;}
    table:not([class]) th {font-weight: 600;}
    table:not([class]) td {font-weight: 500;}
    @media(max-width:768px){
    .comparison-table table:not([class]) td,.comparison-table table:not([class]) th{font-size:12px;padding-left:0;padding-right:0}
    .comparison-table thead th span,.tooltip-box{font-size:10px}
    .comparison-table table:not([class]) td{padding-left:6px!important}
    .brad-delivery-container{padding:9px 0;margin-bottom:0!important}
    .comparison-table table:not([class]) td{padding-left:10px!important;padding-right:10px!important;padding-top:8px!important;padding-bottom:8px!important;font-family:Futura Std;font-weight:500;font-size:10px;line-height:1.8;letter-spacing:.6px;text-align:center;text-transform:uppercase}
    .comparison-table thead th span{font-weight:500!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.4px!important;text-align:center;text-transform:uppercase;color:#1a1a1a}
    .comparison-table{padding:1.2rem 0rem 1rem 0rem}
    table:not([class]){font-size:12px;border-style:hidden;box-shadow:none}
    table:not([class]) th {font-weight: 600;}
    table:not([class]) td {font-weight: 500;}
    table:not([class]) td,  table:not([class]) th{padding: 8px;}
    }



   <!------------------------logo-slider---------------------!>
        .logo-carousel {
            /* display: flex;
            align-items: center;
            justify-content: space-between; */
            width: 100%;
            max-width: 1400px;
            padding: 20px 0px;
            border-radius: 50px;
            margin:auto;
        }
        .logo-carousel i {
            font-size: 24px;
            color: #888;
            cursor: pointer;
        }
        .logo-carousel-item {
            text-align: center;
            flex: 1;
        }
        .logo-carousel-item img {
            width: 50px;
            height: 50px;
            margin: auto auto 10px auto;
            max-width: 100%;
        }
        .logo-carousel-item p {
            margin: 0;
            color: #666666;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0.10000000149011612px;
        }
   img.pdp-logo-slider-btn {
    position: absolute;
    width: 12px;
    height: 16px;
}
   img.pdp-logo-slider-btn.btn-prev {
    z-index: 9;
    top: 45%;
}
   img.pdp-logo-slider-btn.btn-next {
    z-index: 1;
    right: 30px;
    top: 45%;
}
        @media (max-width: 768px) {
            .logo-carousel {
                /* flex-direction: column; */
                padding: 10px;
            }
            .logo-carousel-item {
                margin-bottom: 20px;
            }
            .logo-carousel-item:last-child {
                margin-bottom: 0;
            }
        }
  


      
<!---------------pdp match and shine--------------!>
  .pdp-match-shine { padding-block: {{ section.settings.padding_top }}px {{ section.settings.padding_bottom }}px; height: max-content; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .pdp-match-shine-headers{display:flex;flex-direction:column;align-items:center;gap:4px;margin-block:2rem}
  .pdp-match-shine-headers>*{margin:0;text-align:center}
  .pdp-match-shine-content{position:relative;height:100%;width:100%;padding:3rem;background:#f4f4f4;display:flex;align-items:center;justify-content:space-around;gap:1rem;border-radius:16px}
  .pdp-match-shine-main-product{height:auto;width:40%;border-radius:12px;display:flex;align-items:center;justify-content:center}
  .pdp-match-shine-slider{height:fit-content;width:60%;display:flex;gap:1rem;align-items:center;padding:1rem}
  .pdp-match-shine-slider>div{flex:1}
  .pdp-match-shine-slider .card_delivery_status{font-size:10px}
  .pdp-match-shine-slider .badge-Instock{display:none}
  .pdp-match-shine-slider-btn{height:3rem;width:3rem;cursor:pointer}
  .card-wrapper{background-color:#fff}
  .pdp-match-shine-slider-item{padding:0 5px}
  .pdp-match-shine-content .product-video-icon-wrapper {display: none;}
  .pdp-match-shine-content .card-wrapper {padding: 0 !important;}
  .pdp-match-shine-content a.product-card-link {display: none;}
  .pdp-match-shine-content .card__information {padding: 0.75rem 8px !important;}
  .pdp-match-shine-content .card__inner.color-scheme-2.gradient.ratio {border: 0 !important;}
  @media screen and (max-width:750px){
  .pdp-match-shine-main-product{display:none}
  .pdp-match-shine-content{padding-inline:0}
  .pdp-match-shine-slider{width:100%;padding:0}
}


<!------------------------variant drawer---------------------!>


  fieldset.js.product-form__input.product-form__input--pill.vd-margBottom {
      padding: 30px 30px 0px 30px;
  }
    .vd-vector{
      background: white;
      position: absolute;
      bottom: 10px;
      right: 15px;
      border-radius: 50%;
      width: 32px;
      height: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1;
    }
    .vd-cardTitle1{
      /* font-family: Futura Std; */
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 1%;
      color:white;

    }
    .vd-cardTitle2{
     font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 3%;
      color:white;

    }

    .vd-container {
       padding: 30px;
    }
    .vd-sectionTitle {
        /* font-family: Futura Std; */
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 1%;

    }
    .vd-card {
      display: flex;
      align-items: center;
      background: white;
      margin: 10px 0;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      transition: transform 0.2s;
      height: 191px;
      position: relative;
      overflow: hidden;
  }

  .vd-card::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40%; /* Adjust height based on how much shade you want */
      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
      border-radius: 8px;
  }
    .vd-card:hover {
        transform: scale(1.02);
    }
    .vd-cardImage {
        width:100%;
        height:100%;
      border-radius:12px;
    }
    .vd-cardContent {
        flex-grow: 1;
          position: absolute;
          bottom: 10px;
          left: 15px;
      z-index: 1;
    }
    .vd-helpButton {
        display: block;
        margin: 20px auto;
        padding: 10px 15px;
        background: #F1F1F6;
        color: #4E4B66;
        text-align: center;
        border-radius: 21px;
        cursor: pointer;
        width: fit-content;
    }
  .custom-variant-table .vd-cnfrm-button{
    display:flex;
    justify-content:center;
    width:80%;
    padding:20px;
    background-color:#A68380;
    color:white;
    border-radius:48px;
    cursor:pointer;
    margin: 50px auto;
  }
    :is(.product-form__input--pill, .product-form__input--swatch) .form__label {
    text-transform: capitalize;
  }
    .pass-modal-content .vd-margBottom{
          margin: 0rem !important;
          padding:10px;
      }
    .vd-option-label{
      display: flex;
      justify-content: space-between;
      margin: 0 0 13px;
    }

    .back-button {
      background-color: rgb(53, 85, 138);
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      cursor: pointer;
      position: absolute;
      margin: 10px;;
    }

    .back-button:hover {
      background-color: rgb(40, 70, 115);
    }
     .sliding-panel {
      position: fixed;
      top: 0;
      right: -100%; /* Initially off-screen to the right */
      height: 100%;
       width:100%;
      background-color: #fff;
      box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3); /* Shadow on left side */
      transition: right 0.5s ease;
      z-index: 9999;
       overflow-y: auto;
    }

    .sliding-content {

      overflow-y: auto;
    }

    .open-slide {
      right: 0; /* Slide in from the right */
    }
    /* Modal styles */
    .variant-modal {
      display: none; /* Initially hidden */
      position: fixed;
      top: 0;
      right: 0;
      width: 400px;
      height: 100vh; /* Full viewport height */
      background-color: white;
      box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.2);
      transform: translateX(100%); /* Off-screen initially */
      transition: transform 0.3s ease-in-out; /* Smooth transition for sliding */
      z-index: 9999;
      justify-content: center;
      align-items: center;
    }

    .modal-content {
      /* padding: 20px; */
      overflow-y: auto;
      height: 100%; /* Ensure content fits within the modal */
    }
    .variant-modal-content{
      width: 100%;
    }

    .close-btn {
      font-size: 30px;
      font-weight: bold;
      cursor: pointer;
      position: absolute;
      top: 0px;
      right: 26px;
      z-index:10000;
      text-shadow: 0px -1px 3px rgb(255 255 255 / 80%);
    }

    .open-modal-btn {
         cursor: pointer;
      margin: 0;
      background: transparent;
      border: none;
      padding: 0;
      text-decoration: underline;
      font-size: 14px;
      font-weight: 300;
      line-height: 21px;
      letter-spacing: 0.03em;
      font-family: 'Futura';
    }



    /* Modal Overlay (background darkening) */
    .modal-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Slight black overlay */
      z-index: 9998;
    }

    .head-banner{
      background-color: #F4F0F0;
      width: 100%;
      height: 60px;
      font-size: 16px !important;
      text-transform: uppercase;
      letter-spacing: 0.4em;
      display: flex;
      align-items: center;
      padding: 0 20px;
    }


    /* Prevent background scrolling when modal is open */


  .icon-arrow {
    width: 16px;
    height: 16px;
    transform: rotate(270deg);
  }

  .modal-bottom {
      padding: 10px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .dropdown-content {
      display: none;
      padding: 10px;
      margin-top: 5px;
      border: 1px solid #ddd;
      border-radius: 4px;
      background-color: #f9f9f9;
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  }
     .custom-variant-table {
      margin:0px !important;
      padding: 0px !important;
    }
        .custom-variant-table table {
            width: 100%;
            border-collapse: collapse;
        }
        .custom-variant-table th, .custom-variant-table td {
            padding: 10px;
            text-align: left;
            border: 1px solid #ddd;
        }
        .custom-variant-table th {
               word-break: break-all;
            font-weight: bold;
        }
        .custom-variant-table-header {
            background-color: #EAE2E1;
            font-weight: bold;
            text-align: left;
            padding: 10px;
            border: 1px solid #ddd;
        }
        .total-row {
            font-weight: bold;
        }


        .custom-variant-table th, .custom-variant-table td {
            font-size: 10px;
        }

    .rate-table-title-sku {
      display: flex;
      /* flex-wrap: wrap; */
      justify-content: space-between;
      margin: 10px 5px;
      border: 1px solid #CCCCCC;
      border-radius: 8px;
      align-items: center;
      padding: 3px 7px;
  }
    .rate-table-title-sku p {
      margin-top: 5px;
      margin-bottom: 5px;
      font-size: 12px;
  }
  .rate-table-item-img {
      width: 30%;
  }
    .rate-table-item-details {
      width: 70%;
  }
  .rate-table-variants-wrap {
      display: flex;
      align-items: center;
  }
    .rate-table-variants-wrap label {
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      line-height: 21px;
      letter-spacing: 0.01em;
      color: #4D4D4D;
  }
    .rate-table-variants-wrap p {
      margin: 0;
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: 0.04em;
      color: #666666;
      background: #F2F2F2;
      padding: 2px 8px;
      margin: 3px 3px;
      border-radius: 8px;
  }
    /*  */


  .price-breakup-accordion {

  }

  .price-breakup-accordion-item {
    background-color: #fff;
    color: #111;
    margin: 1rem 0;
    border-radius: 8px;

  }

  .price-breakup-accordion-item-header {
      padding: 0.5rem 3rem 0.5rem 1rem;
      display: flex;
      align-items: center;
      position: relative;
      cursor: pointer;
      font-size: 12px;
      font-weight: 600;
      line-height: 16px;
      letter-spacing: 1.5px;
      color: #1a1a1a;
      text-transform: uppercase;
  }

  .price-breakup-accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
  }

  .price-breakup-accordion-item-header.active::after {
    content: "\2212";
  }

  .price-breakup-accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  .price-breakup-accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
  }
  .main-item-wraper {
      display: flex;
      justify-content: space-between;
  }


<!-- customoiza code **************************** -->

      .variant-container {
          display: flex;
          flex-direction: column;
          /* gap: 20px; */
          margin-bottom: 20px;
      }

      .variant-title {
          font-weight: bold;
          font-size: 16px;
          margin-bottom: 10px;
          margin-top: 20px;
      }

      .variant-box-grid {
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      }

      .variant-box {
      margin: 5px;
      padding: 7px 16px;
      border: 1px solid #ddd;
      border-radius: 12px;
      text-align: center;
      transition: all 0.3s ease;
      background-color: #F8F8F8;
      cursor: pointer;
      }

      .variant-box.active {
          background-color: #333;
          color: #fff;
          border-color: #333;
      }
      .variant-box:hover {
          background-color: #f5f5f5;
      }
      .variant-box.color-box {
          height: 32px;
          width: 32px;
          border-radius: 50%;
          padding: 0;
          margin: 0;
      }
      /* .variant-box.color-box.active {
          border: 2px solid gray;
      } */
      .size-variant-grid.active {
       display: flex;
      flex-wrap: wrap;
      }
     .image-with-title-with-price{
      border: .5px solid #cfcfcf;
      background-color: #fff;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column;
      text-align: center;
      border-radius: 12px;
      background-color: #F8F8F8;
      min-width: 100px;
      box-shadow: none;
      padding: 10px;
      cursor: pointer;
      }
     .variant-name{
      font-size: 13px;
      line-height: 1.4;
      font-weight: 400;
      white-space: pre;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 90px;
      width: 90%;
      margin: 2px 0px;
      }
    span.variant-name-2{
      font-size: 18px;
      font-weight: 600;
      color: #242330;
      background-color: #f8f8f8;
      }
    span.variant-price {
      font-size: 15px;
    }
    .variant-info{
    text-align: left;
      position: relative;
      left: 10px;
      top: 5px;
    }
    .variant-box.color-box{
    background-size: cover;
    border: 1px solid #dddddd;
    }

  .image-with-title-with-price.active-border {
      border: 1px solid black;
  }


  <!------------------price breakup------------------!>

  
  .back-button {
    background-color: rgb(53, 85, 138);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    margin: 10px;;
  }

  .back-button:hover {
    background-color: rgb(40, 70, 115);
  }
   .sliding-panel {
    position: fixed;
    top: 0;
    right: -100%; /* Initially off-screen to the right */
    height: 100%;
     width:100%;
    background-color: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3); /* Shadow on left side */
    transition: right 0.5s ease;
    z-index: 9999;
     overflow-y: auto;
  }

  .sliding-content {
    
    overflow-y: auto;
  }

  .open-slide {
    right: 0; /* Slide in from the right */
  }
  /* Modal styles */
  .modal {
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    right: 0;
    width: 400px;
    height: 100vh; /* Full viewport height */
    background-color: white;
    box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.2);
    transform: translateX(100%); /* Off-screen initially */
    transition: transform 0.3s ease-in-out; /* Smooth transition for sliding */
    z-index: 9999;
    justify-content: center;
    align-items: center;
  }

  .modal-content {
    /* padding: 20px; */
    overflow-y: auto;
    height: 100%; /* Ensure content fits within the modal */
  }

  .close-btn {
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 26px;
    z-index:10000;
    text-shadow: 0px -1px 3px rgb(255 255 255 / 80%);
  }

  .open-modal-btn {
       cursor: pointer;
    margin: 0;
    background: transparent;
    border: none;
    padding: 0;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.03em;
    font-family: 'Futura';
  }



  /* Modal Overlay (background darkening) */
  .modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Slight black overlay */
    z-index: 9998;
  }

  .head-banner{
    background-color: #F4F0F0;
    width: 100%;
    height: 60px;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    display: flex;
    align-items: center;
    padding: 0 20px;
  }


  /* Prevent background scrolling when modal is open */
 

.icon-arrow {
  width: 16px;
  height: 16px;
  transform: rotate(270deg);
}

.modal-bottom {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-content {
    display: none;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f9f9f9;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

   .custom-rate-table {
      margin:20px;
  }
      .custom-rate-table table {
          width: 100%;
          border-collapse: collapse;
      }
      .custom-rate-table th, .custom-rate-table td {
          padding: 10px;
          text-align: left;
          border: 1px solid #ddd;
      }
      .custom-rate-table th {
             word-break: break-all;
          font-weight: bold;
      }
      .custom-rate-table-header {
          background-color: #EAE2E1;
          font-weight: bold;
          text-align: left;
          padding: 10px;
          border: 1px solid #ddd;
      }
      .total-row {
          font-weight: bold;
      }

   
      .custom-rate-table th, .custom-rate-table td {
          font-size: 10px;
      }
   
  .rate-table-title-sku {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    margin: 10px 5px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    align-items: center;
    padding: 3px 7px;
    gap:20px;
}
  .rate-table-title-sku p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}
.rate-table-item-img {
    width: 30%;
}
  .rate-table-item-details {
    width: 70%;
}
.rate-table-variants-wrap {
    display: flex;
    align-items: center;
}
  .rate-table-variants-wrap label {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #4D4D4D;
}
  .rate-table-variants-wrap p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.04em;
    color: #666666;
    background: #F2F2F2;
    padding: 2px 8px;
    margin: 3px 3px;
    border-radius: 8px;
}
  /*  */
  

.price-breakup-accordion {
  
}

.price-breakup-accordion-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 8px;

}

.price-breakup-accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1.5px;
    color: #1a1a1a;
    text-transform: uppercase;
}

.price-breakup-accordion-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}

.price-breakup-accordion-item-header.active::after {
  content: "\2212";
}

.price-breakup-accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.price-breakup-accordion-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}
.main-item-wraper {
    display: flex;
    justify-content: space-between;
}


<!-------------faetured in----------!>

  .featured-in-web {
    padding: 60px 20px 60px;
    background: #fff;
  }
  
  .featured-in-parent {
    text-align: center;
    margin-bottom: 40px;
  }
  
  .featured-in {
    margin-bottom: 10px;
    font-family: Futura, sans-serif;
    font-weight: 500;
    line-height: 150%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #1a1a1a;
    text-align: center;
    margin: 0;
    font-size: 24px;
    letter-spacing: 1px;
  }
  
  .into-the-web {
    font-size: 18px;
    color: #666;
  }
  
  .logos-container {
    display: flex;
    flex-wrap: nowrap; /* always single row */
    overflow-x: auto;  /* scroll on small screens */
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 20px;
    padding: 10px 0;
    justify-content: flex-start;
  }
  
  .logos-container::-webkit-scrollbar {
    display: none;
  }
  
  .logo-item {
    scroll-snap-align: center;
    flex: 0 0 auto; /* default no growing */
    padding: 10px;
    text-align: center;
    min-width: 120px;
    max-width: 160px;
    margin: 0;
  }
  
  .logo-image {
    height: 60px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: inline-block;
  }
  
  .featured-in-web .logos-container {padding: 0;}

  /* Large screen adjustments */
  @media (min-width: 1024px) {
    .logos-container {
      overflow-x: hidden; /* disable horizontal scroll on desktop */
      justify-content: space-between; /* spread logos evenly */
    }

    .logo-item {
      flex: 1 1 auto; /* allow logos to grow and fill space evenly */
      max-width: none; /* remove max-width to allow flex-grow */
      min-width: 0;    /* allow shrinking */
    }

    .logo-image {
      max-height: 80px; /* optional bigger logos on large screens */
    }
  }

@media only screen and (min-width:0px) and (max-width:767px){
  h2.featured-in {font-size: 18px !important;}
  .featured-in-web {padding-top: 40px;padding-bottom: 40px;}
  .product-template-page .featured-in-web {padding-top: 0px;}
  .featured-in-parent {
    text-align: center;
    margin-bottom: 20px;
  }
  
  .featured-in-web .logos-container {padding: 0;}
  
  /* Large screen adjustments */
  @media (min-width: 1024px) {
    .logos-container {
      overflow-x: hidden; /* disable horizontal scroll on desktop */
      justify-content: space-between; /* spread logos evenly */
    }
  
    .logo-item {
      flex: 1 1 auto; /* allow logos to grow and fill space evenly */
      max-width: none; /* remove max-width to allow flex-grow */
      min-width: 0;    /* allow shrinking */
    }
  
    .logo-image {
      max-height: 80px; /* optional bigger logos on large screens */
    }
  }
  
  @media only screen and (min-width:0px) and (max-width:767px){
    h2.featured-in {font-size: 18px !important;}
    .featured-in-web {padding-top: 40px;padding-bottom: 40px;}
    .product-template-page .featured-in-web {padding-top: 0px;}
    .featured-in-parent {
      text-align: center;
      margin-bottom: 20px;
    }
  }
  
  @media only screen and (min-width:0px) and (max-width:767px;){
    .into-the-web {font-size: 12px !important; color: #666;}
  }