.template-product #main-product .banner-slider {
  .swiper-button-disabled {
    opacity: 0 !important;
  }

  .swiper-button-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .swiper-button-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-prev:after,
  .swiper-button-next:after,
  .swiper-rtl .swiper-button-next:after {
    color: #0c0000;
    font-weight: bold;
    font-size: 16px !important;
  }
  .swiper-button-prev,
  .swiper-button-next {
    display: grid !important;
    place-content: center !important;
    place-items: center !important;
  }
  .product-img-slide {
    margin-top: 20px;
  }
  .thumb-slider .swiper-slide {
    border: 1px solid #f7f7f7;
  }
  .thumb-slider .swiper-slide.swiper-slide-active {
    border: 1px solid #f7f7f7;
  }
  .thumb-slider
    .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #000 !important;
  }

  .thumb-slider .swiper-slide {
    max-width: 75px;
    aspect-ratio: 1;
    padding: 5px;
  }
  .thumb-slider .swiper-slide img {
    aspect-ratio: 1;
    object-fit: cover;
  }
  .swiper-button-prev:before {
    content: "\e907";
    font-family: "i";
    cursor: pointer !important;
    color: var(--gray_text);
  }

  
  .swiper-button-next:before {
    content: "\e906";
    cursor: pointer !important;
    font-family: "i";
    color: var(--gray_text);
  }

.swiper-button-prev:hover:before,
.swiper-button-next:hover:before {
     color: var(--secondary_bg);
}
  
  .swiper-slide,
  .vbm-variant-table,
  .vbm-product-image {
    cursor: pointer !important;
  }

  @media (min-width: 769px) {
    
    .product-img-slide {
      max-width: 80% !important;
      margin-inline: auto;
      margin-top: 30px;
    }
    .swiper-button-next {
      inset-inline-end: 10px !important;
    }
    .swiper-button-prev {
      inset-inline-start: 10px !important;
    }
    .main-slider.product-main-default img {
      aspect-ratio: 400/500;
      width: 100%;
      max-width: 450px !important;
      margin-inline: auto !important;
      display: flex;
    }
  }
  @media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
      background: #ffffff !important;
      aspect-ratio: 1;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      opacity: 0.7;
    }
    .swiper-button-next {
      inset-inline-end: 0 !important;
    }
    .swiper-button-prev {
      inset-inline-start: 0 !important;
    }
    /* .swiper-button-prev:before {
      content: url(/cdn/shop/files/left-arrow.svg) !important;
      scale: 0.5;
    }
    .swiper-button-next:before {
      content: url(/cdn/shop/files/right-arrow.svg) !important;
      scale: 0.5;
    } */

    
    .swiper-button-prev:hover:before,
    .swiper-button-next:hover:before {
            color: var(--gray_text);
    }
  }
}
#main-product .product-img-slide .swiper.thumb-slider.product-thumb-default .swiper-wrapper {
 justify-content: center;
}

@media (max-width:768px) {
    #main-product .banner-slider .slider-for-main .swiper.main-slider .swiper-slide {
    margin: 0 !important;
    text-align: center;
}

#main-product .banner-slider .slider-for-main .swiper.main-slider .swiper-slide img.lazyload {
    width: auto !important;
}
}

/* template-product end */