.simple-banner{
border-radius: 20px;
overflow: hidden;
position: relative;
}
.simple-banner .banner-image{
border-radius: 20px;
}
.simple-banner-title{
padding-left: 48px !important;
padding-right: 48px !important;
margin-top: 34px !important;
margin-bottom: 34px !important;
} .simple-banner .banner-wrapper {
position: absolute;
inset: 0;
width: calc(100% - 78px);
height: 100%;
margin-left: 39px;
margin-right: 39px;
}
.simple-banner .simple-banner-slider {
width: 100%;
height: 100%;
}
.simple-banner .swiper-slide {
width: 100%;
height: 100%;
}
.simple-banner .banner-image {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.simple-banner .swiper-pagination {
bottom: 20px !important;
z-index: 20;
}
.simple-banner .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.simple-banner .swiper-pagination-bullet-active {
background: #FCFAEF;
}
@media screen and (max-width: 768px){
.simple-banner-title{
padding-left: 18px !important;
padding-right: 18px !important;
margin-top: 42px !important;
margin-bottom: 42px !important;
}
.simple-banner .banner-wrapper {
width: calc(100% - 36px);
margin-left: 18px;
margin-right: 18px;
}
.simple-banner .swiper-pagination {
bottom: 10px !important;
}
.simple-banner .swiper-pagination-bullet {
width: 8px;
height: 8px;
}
}