.heroSwiper .swiper-button-prev,
.heroSwiper .swiper-button-next { transform: scale(0.5); }
.heroSwiper .swiper-button-prev { transform-origin: right center; left: 0; }
.heroSwiper .swiper-button-next { transform-origin: left center; right: 0; }
@media (min-width: 768px) {
    .heroSwiper .swiper-button-prev,
    .heroSwiper .swiper-button-next { transform: scale(0.75); }
    .banner-btn-row { margin-bottom: 8rem !important; margin-top: 0 !important; }
}
.btn-banner-solid { display: inline-flex; align-items: center; padding: 10px 20px; background: #2563eb; color: #fff; border-radius: 8px; font-size: 14px; font-weight: 500; transition: all .15s; }
.btn-banner-solid:hover { background: #1d4ed8; }
.btn-banner-outline { display: inline-flex; align-items: center; padding: 10px 20px; border: 1px solid rgba(255,255,255,.4); color: #fff; border-radius: 8px; font-size: 14px; font-weight: 500; transition: all .15s; }
.btn-banner-outline:hover { border-color: rgba(255,255,255,.8); }
@media (max-width: 767px) {
    .btn-banner-solid, .btn-banner-outline { padding: 8px 16px; font-size: 12px; }
    .heroSwiper .swiper-button-prev,
    .heroSwiper .swiper-button-next { top: calc(50% - 40px); }
    main > section { overflow-x: clip; }
    .heroSwiper {
        width: 100svw;
        max-width: 100svw;
        overflow: hidden;
    }
    .heroSwiper .swiper-wrapper,
    .heroSwiper .swiper-slide {
        max-width: 100svw;
    }
}
@supports not (overflow: clip) {
    @media (max-width: 767px) {
        main > section { overflow-x: hidden; }
    }
}