.bm-banner {
position: relative;
width: 100%;
overflow: hidden;
}
.bm-banner a {
display: block;
text-decoration: none;
}
.bm-banner-desktop {
display: block;
}
.bm-banner-mobile {
display: none;
}
.bm-banner img {
width: 100%;
height: auto;
display: block;
} @media screen and (max-width: 768px) {
.bm-banner-desktop {
display: none;
}
.bm-banner-mobile {
display: block;
}
} .bm-carousel {
position: relative;
width: 100%;
}
.bm-carousel .swiper-slide {
width: 100%;
}
.bm-carousel .bm-banner-carousel {
height: 100%;
}
.bm-carousel .bm-banner-carousel a {
display: block;
height: 100%;
}
.bm-carousel .bm-banner-carousel img {
width: 100%;
height: auto;
display: block;
} .bm-swiper-button {
width: 40px !important;
height: 40px !important;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
transition: all 0.3s ease;
}
.bm-swiper-button:after {
font-size: 18px !important;
font-weight: bold;
}
.bm-swiper-button:hover {
background: rgba(0, 0, 0, 0.5);
}
.bm-swiper-button.swiper-button-prev {
left: 10px;
}
.bm-swiper-button.swiper-button-next {
right: 10px;
} .bm-swiper-pagination {
bottom: 10px !important;
}
.bm-swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 6px;
opacity: 0.5;
transition: all 0.3s ease;
}
.bm-swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
transform: scale(1.2);
}