/* General Swiper Styling */

.swiper-container {

    width: 100%;

    overflow: hidden;

    position: relative;

}



.swiper-slide img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}



/* ✅ Equal Height for Both Sliders */

.horizontal-swiper, .vertical-swiper {

    height: auto;

    max-height: 600px;

}



/* 📌 Horizontal Swiper Styles */

.horizontal-swiper {

}



/* ✅ Horizontal Navigation Enabled */

.horizontal-swiper .swiper-button-next, 

.horizontal-swiper .swiper-button-prev {

    background-color: var(--ast-global-color-1);

    padding: 0px;

    border-radius: 50%;

    color: white;

    width: 40px;

    height: 40px;

  }

.horizontal-swiper .swiper-button-next:hover, 

.horizontal-swiper .swiper-button-prev:hover {

    background-color: var(--ast-global-color-8);

}

.horizontal-swiper .swiper-button-next::after, 

.horizontal-swiper .swiper-button-prev::after {

    font-size: 16px;

}

.horizontal-swiper .slide-content {

    position: absolute;

    bottom: 20px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 60%;

    background: rgba(255, 255, 255, 0.6);

    color: #fff;

    padding: 25px 15px;

    border-radius: 8px;

    text-align: center;

    height: fit-content;

}

/* Caption Title */

.horizontal-swiper .slide-content h2 {

    margin-bottom: 10px;

}

/* Description */

.horizontal-swiper .slide-content p {

    font-size: 16px;

    margin-bottom: 25px;

}

/* Button */

.horizontal-swiper .slide-btn {

    display: inline-block;

    background: var(--ast-global-color-2);

    color: white;

    padding: 10px 20px;

    text-decoration: none !important;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 0.8px;

    border-radius: 6px;

    transition: 0.3s;

    font-weight: 500;

    font-family: 'Roboto',sans-serif;

}

.horizontal-swiper .slide-btn:hover {
    background: var(--ast-global-color-1);
}

.horizontal-swiper .slide-btn span.visually-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* 📌 Vertical Swiper (Navigation Disabled) */

.vertical-swiper {

    height: auto;

    max-height: 600px;

    position: relative;

}



/* ❌ Remove Navigation Buttons for Vertical Swiper */

.vertical-swiper .swiper-button-next, 
.vertical-swiper .swiper-button-prev {
    display: none !important;
}



/* 📌 Vertical Bullet Pagination */

.swiper-pagination-vertical {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}



.swiper-pagination-bullet {
    background-color: var(--ast-global-color-1) !important;
    width: 18px;
    height: 18px;
    margin: 10px !important;
}



.swiper-pagination-bullet-active {
    background-color: var(--ast-global-color-8) !important;
}

@media (max-width: 1366px) {

.horizontal-swiper .slide-content h1 {
    font-size: 32px;
}

}

@media (max-width: 1200px) {

    .horizontal-swiper .slide-content h1 {
        font-size: 30px;
    }

}

@media (max-width: 920px) {

    .vertical-swiper, .horizontal-swiper {

        height: 340px !important;

    }

    .horizontal-swiper .slide-content h1 {

        font-size: 28px;

    }

    .horizontal-swiper .slide-content p {

        margin-bottom: 22px;

        font-size: 15px;

    }

    .horizontal-swiper .swiper-button-next, .horizontal-swiper .swiper-button-prev {

        width: 36px;

        height: 36px;

    }

    .horizontal-swiper .swiper-button-next::after, .horizontal-swiper .swiper-button-prev::after {

        font-size: 15px;

    }

    .horizontal-swiper .slide-btn {

        font-size: 13px;

    }

}

@media (max-width: 781px) {

    .horizontal-swiper .slide-content h1 {

        font-size: 26px;

    }

    .horizontal-swiper .slide-content p {

        margin-bottom: 20px;

    }

}

@media (max-width: 544px) {

    .vertical-swiper {

        height: 250px !important;

    }

    .horizontal-swiper {

        height: 320px !important;

    }

    .horizontal-swiper .slide-content {

        padding: 20px 10px;

    }

    .horizontal-swiper .slide-content h1 {

        font-size: 24px;

    }

    .horizontal-swiper .slide-content p {

        margin-bottom: 18px;

        font-size: 14px;

    }

    .horizontal-swiper .swiper-button-next, .horizontal-swiper .swiper-button-prev {

        width: 32px;

        height: 32px;

    }

    .horizontal-swiper .swiper-button-next::after, .horizontal-swiper .swiper-button-prev::after {

        font-size: 14px;

    }

    .horizontal-swiper .slide-btn {

        font-size: 12px;

    }

}

@media (max-width: 480px) {

    .vertical-swiper {

        height: 200px !important;

    }

    .horizontal-swiper {

        height: 300px !important;

    }

    .horizontal-swiper .slide-content h1 {

        font-size: 20px;

    }

    .horizontal-swiper .slide-content p {

        margin-bottom: 16px;

        font-size: 12px;

    }

    .horizontal-swiper .slide-btn {

        font-size: 12px;

        padding: 8px 18px;

    }

}