@font-face {
  font-family:HindSiliguri;
  src:url(HindSiliguri-Regular.ttf);
}


html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

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

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

   @media (min-width: 1280px) {
    .swiper {
      width: 100%;
      height:695px;
    }
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit:fill;
    }
    
   }

    .swiper-button-next, .swiper-button-prev{
      color: white;
    }
  

    .mySwiper2 {
      width: 100%;
      height: 100%;
    }
    .mySwiper2 .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    #shadow{
      box-shadow: 10px orange;
    }
    .swiper-button-prev::after, .swiper-button-next::after{
      font-size: 29px;
      font-weight:bolder;
    }

    .img-product{
  
}
.img-products{
  width: 450px;
  height: 600px;
  border: 5px solid #000;
  border-radius: 10px;
  margin-top: 15px;
}

/* mobile responsive  */
@media (max-width:575.98px) {
  .img-products{ 
  width: 350px;
  height: 400px;
}
.img-product{
    display: flex;
    justify-content: center;
  }
  .Product-Color{
  display: none;
}

}
/* tablet responsive  */
@media (min-width:768px) and (max-width:991.98px) {
  .img-product{
    display: flex;
    justify-content: center;
  }
  .Product-Color{
  display: none;
}

}
/* desktop responsive  */
@media (min-width:992px) and (max-width:1199.98px) {
  .img-product{
    display: flex;
    justify-content: center;
  }
  .Product-Color{
    display: none;
  }

}
/*Extra larg responsive  */
@media (min-width:1200px) {
    .Product-Colors{
    display: none;
  }

}



.product-radio {
    display: block;
    cursor: pointer;
}

.product-radio input[type="radio"] {
    display: none;
}

.radio-box:hover{
  border-color: #22c55e;
    background-color: #22c55e10;
}

.radio-box.active {
    background-color: #22c55e1a; /* green/10 */
    border-color: #22c55e;       /* green-500 */
}
#productImage{
   border-radius: 5px;
}

.option{
    border:2px solid #ccc;
    padding:12px;
    border-radius:6px;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    cursor:pointer;
    transition:0.3s;
    background:#fff;
}

.option input{
    margin-right:10px;
}

/* active */
.option.active{
    border-color:#16a34a;
    background:#ecfdf5;
}