/* Custom CSS for intro slider container */
.intro-slider-container {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.intro-slide {
    height: 440px !important; /* Fixed height for consistent slides */
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

@media (max-width: 768px) {
    .intro-slide {
        height: 350px; /* Smaller height for mobile devices */
    }
}

@media (max-width: 576px) {
    .intro-slide {
        height: 250px; /* Even smaller for very small devices */
    }
}

/* Improve slider navigation buttons */
.owl-nav button {
    background-color: rgba(255, 255, 255, 0.6) !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
}

.owl-nav button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Improve dots navigation */
.owl-dots .owl-dot span {
    background-color: rgba(255, 255, 255, 0.5);
}

.owl-dots .owl-dot.active span {
    background-color: #fcb941; /* Using the primary color from your theme */
}