/*============================================================================================
   Start Hero css
==============================================================================================*/
.hero.style-8 .banner img,
.hero.style-8 .swiper-slide img {
    border-radius: 16px;
    width: 100%;
}

.hero.style-8 .pg-inner .swiper-pagination {
    bottom: 16px;
}
.hero.style-8 .intro-slide-wrapper,
.hero.style-8 .intro-banner-wrapper {
    margin-top: 2rem;
}
@media (max-width: 991px) {
    .d-sm-none {
        display: none;
    }
    .hero.style-8 .intro-banner-wrapper {
        margin-top: 16px;
    }
}

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