.hero-section {
    padding: 1px 0;
    position: relative;
    height: 85vh; /* Full viewport height */
    overflow: hidden; /* Hide overflowing content */
}

.slider {
    position: relative;
    height: 100%;
    width: 100%;
}

.slides {
    display: flex;
    transition: transform 0.5s ease; /* Smooth transition */
}

.slide {
    min-width: 100%; /* Each slide takes full width */
    height: 85vh; /* Each slide takes full height */
    display: flex;
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    color: white; /* Text color */
    text-align: center; /* Center text */
    position: relative;
    background-size: cover; /* Ensure the entire image fits */
    background-position: center; /* Center the image */
}

.slide:nth-child(1) {
    background-image: url('../images/111.jpg'); /* Replace with your image path */
}

.slide:nth-child(2) {
    background-image: url('../images/IMG_7636.jpg'); 
}

.slide:nth-child(3) {
    background-image: url('../images/IMG_8781.jpg'); /* Replace with your image path */
}

.slide:nth-child(4) {
    background-image: url('../images/IMG_9448.jpg'); /* Replace with your image path */
     
    
}
.slide:nth-child(5) {
    background-image: url('../images/IMG_9889.jpg'); /* Replace with your image path */
     
    
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-section {
        height: 75vh; /* Adjust height for smaller screens */
    }

    .slide {
        height: 70vh; /* Adjust height for smaller screens */
    }
}

@media (max-width: 480px) {
    .hero-section {
        height: 60vh; /* Further adjust for mobile devices */
    }

    .slide {
        height: 50vh; /* Further adjust height */
    }
}