.swiper-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.swiper-button-next,
.swiper-button-prev {
    background: #0000008f;
    height: 50px;
    width: 32px;
    border-radius: 4px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px;
    color: #fff;
}
/* ==== Hero Slider ==== */
.swiper-button-next,
.swiper-button-prev {
    background: #0000008f;
    height: 50px;
    width: 32px;
    border-radius: 4px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px;
    color: #fff;
}
@media only screen and (max-width: 767px) {
}