.swiper.all-inclusive  {
width: 100%;
height: 90vh;
border-radius: 8px;
}
.all-inclusive .swiper-slide {
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.all-inclusive .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.all-inclusive .slide-content {
position: absolute;
top: 15%;
right: 5%;
transform: translateY(-50%);
text-align: left;
color: #fff;
z-index: 10;
}
.all-inclusive .slide-content h4 {
font-size: 16px;
letter-spacing: 2px;
margin-bottom: 10px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
}
.all-inclusive .slide-content h1 {
font-size: 48px;
line-height: 1.2;
font-weight: bold;
margin-bottom: 20px;
color: #fff;
text-transform: uppercase;
} .all-inclusive .swiper-pagination {
display: flex;
justify-content: center;
gap: 10px;
}
.all-inclusive .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 3rem;
}
.all-inclusive .swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
opacity: 0.6;
transition: 0.3s;
}
.all-inclusive .swiper-pagination-bullet-active {
width: 40px;
border-radius: 20px;
background-color: #8a6b52;;
opacity: 1;
}
@media screen and (max-width: 1024px) {
.swiper.all-inclusive {
height: 70vh;
}
}
@media screen and (max-width: 788px) {
.swiper.all-inclusive  {
height: 60vh;
}
.all-inclusive .slide-content {
top: 25%;
}
.all-inclusive .slide-content h1 {
font-size: 24px;
}
.all-inclusive .slide-content{
left: 10%;
right: unset;
}
}