/* Hero Slider */
.hero-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    animation: slideAnimation 15s infinite;
}

.slide:nth-child(1) {
    animation-delay: 0s;
    background-image: url('../Images/Energy.jpeg');
}

.slide:nth-child(2) {
    animation-delay: 5s;
    background-image: url('../Images/Renewable Energy 1.jpeg');
}

.slide:nth-child(3) {
    animation-delay: 10s;
    background-image: url('../Images/Renewable Energy 2.jpeg');
}

@keyframes slideAnimation {
    0% {
        opacity: 0;
        transform: scale(1.05);
    }

    10% {
        opacity: 1;
    }

    33.33% {
        opacity: 1;
    }

    43.33% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 0;
    }
}

/* Ensure hero content sits on top */
.hero {
    position: relative;
    overflow: hidden;
}

.hero-content {
    z-index: 2;
    position: relative;
}