/*============================================================================================
   Start Hero css
==============================================================================================*/
.hero.style-2 .swiper-container {
  margin-top: 2.2rem;
  margin-left: 30rem;
}
.hero.style-2 .swiper-pagination {
  position: absolute;
}
@media (max-width: 1199px) {
  .hero.style-2 .swiper-container {
    margin-left: 0px;
  }
}

@media (max-width: 991px) {
  .hero.style-2 .swiper-container {
    margin-left: 0px;
  }
  .hero.style-2 .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero.style-2 .swiper-pagination-custom,
  .hero.style-2 .swiper-pagination-fraction {
    bottom: 0;
  }
}
@media (max-width: 575px) {
  .hero.style-2 .swiper-container {
    margin-left: 0px;
  }
}

/*============================================================================================
     End Hero css
  ==============================================================================================*/