/* ========== RESPONSIVE STYLES ========== */
.hero-slider .slide-content h1,
.hero-slider .slide-content p {
    display: none !important;
    /* Hide the text elements */
}

.hero-buttons {
    margin-top: 160px !important;
    /* Hide the buttons */
}

@media (max-width: 1200px) {

    /* Adjust button positioning */
    .hero-slider .hero-buttons {
        top: 170px !important;

    }

    .hero-slider .slide-content h1 {
        font-size: 3rem;
    }

    .hero-slider .slide-content p {
        font-size: 1.2rem;
    }
}

/* Desktop - Hide mobile button */
.btn-volunteer-mobile {
    display: none;
}

@media (max-width: 992px) {

    /* Adjust hero slider for tablets */
    .hero-slider {
        padding-top: 80px;
        /* Adjust for header */
        height: 80vh;
        /* Slightly less than full height on tablets */
    }

    .hero-slider .slide-content h1 {
        font-size: 2.8rem;
    }

    .hero-slider .slide-content p {
        font-size: 1.1rem;
    }

    .hero-buttons {
        justify-content: center;
    }

}


@media (max-width: 768px) {

    /* Adjust hero slider for mobile */
    .hero-slider {
        height: 70vh;
        /* Smaller height on mobile */
        padding-top: 70px;
        /* Adjust for header */
    }

    .hero-slider .slide-content h1 {
        font-size: 2.2rem;
    }

    .hero-slider .slide-content p {
        font-size: 1rem;
    }

    .hero-buttons {
        flex-direction: column;
        gap: 15px;
    }

    /* Swiper navigation arrows on mobile */
    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px;
        --swiper-navigation-size: 20px;
    }




}


@media (max-width: 576px) {
    .hero-slider .slide-content h1 {
        font-size: 1.8rem;
    }

    .hero-slider .slide-content p {
        font-size: 0.9rem;
    }

    .hero-buttons .btn {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

}