/*============================================================================================
   Start Hero css
==============================================================================================*/
.hero.style-5 .pg-inner .swiper-pagination {
  bottom: 16px;
}
.hero.style-5 .intro-slide-wrapper,
.hero.style-5 .intro-banner-wrapper {
  margin-top: 2rem;
}
.hero.style-5 .hero-banner-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.hero.style-5 .hero-single-banner img {
  width: 100%;
  border-radius: 0.5rem;
}
@media (max-width: 991px) {
  .hero.style-5 .intro-banner-wrapper {
    margin-top: 16px;
  }
  .hero.style-5 .intro-banner-wrapper .mb-4 {
    margin: 0 !important;
  }
  .hero.style-5 .pg-inner .swiper-pagination {
    bottom: 0;
  }
  .hero.style-5 .hero-banner-wrapper {
    gap: 12px;
  }
}

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