@media (min-width: 1024px){
  #main-slider-swiper .swiper-button-prev,
  #main-slider-swiper .swiper-button-next,
  .hero-area-slider .swiper-button-prev,
  .hero-area-slider .swiper-button-next{
    z-index: 9999 !important;
    pointer-events: auto !important;
  }

  #main-slider-swiper .swiper-wrapper,
  .hero-area-slider .swiper-wrapper{
    gap: 20px !important;
  }

  #main-slider-swiper .swiper-slide,
  .hero-area-slider .swiper-slide{
    width: calc((100% - 40px) / 3) !important;
    height: 270px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  #main-slider-swiper .swiper-slide img,
  .hero-area-slider .swiper-slide img,
  .hero-area-slider .hero-slide-media img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .hero-area-slider .hero-slide-card,
  .hero-area-slider .hero-slide-link,
  .hero-area-slider .hero-slide-media{
    width: 100% !important;
    height: 100% !important;
  }
}
@media (max-width: 1023px){
  #main-slider-swiper .swiper-wrapper,
  .hero-area-slider .swiper-wrapper{
    gap: 0 !important;
  }

  #main-slider-swiper .swiper-slide,
  .hero-area-slider .swiper-slide{
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-right: 0 !important;
  }

  #main-slider-swiper .swiper-slide img,
  .hero-area-slider .swiper-slide img,
  .hero-area-slider .hero-slide-media img{
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  .hero-area-slider .hero-slide-card,
  .hero-area-slider .hero-slide-link,
  .hero-area-slider .hero-slide-media{
    width: 100% !important;
    height: auto !important;
  }
}