.weng-carousel {
height: 100vh;
}
.weng-carousel .weng-swiper-slide {
height: 100vh;
overflow: auto;
display: flex;
}
.weng-carousel .weng-swiper-slide > div {
width: 100%;
}
.weng-carousel-pagination {
position: absolute;
left: 3%;
right: unset !important;
top: 50% !important;
z-index: 10;
display: flex;
flex-direction: column;
gap: 8px;
background-color: #28409c;
padding: 5px;
border-radius: 99px;
width: 50px;
}
.weng-carousel-pagination .swiper-pagination-bullet {
width: 40px;
height: 40px;
padding: 0;
margin: 0 !important;
background-color: #28409c;
border-radius: 99px;
font-weight: bold;
font-size: 15px;
color: #fff;
cursor: pointer;
opacity: 1;
align-content: center;
transition: 0.3s;
text-align: center;
line-height: 0;
}
.white-bg,
.white-bg > .swiper-pagination-bullet:not(.swiper-pagination-bullet.swiper-pagination-bullet-active){
background-color: #FFF !important;
color: #28409C !important;
}
.white-bg .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #eb495d !important;
}
.weng-carousel-pagination .swiper-pagination-bullet-active {
background-color: #EB495D;
color: white;
} @media only screen and (min-width: 1024px) and (max-width:1366px){
.weng-carousel-pagination{ left: 1% !important;
align-items: center;
width: 40px;
}
.weng-carousel-pagination .swiper-pagination-bullet{
width:30px;
height:30px;
}
}