.dark-filter {
    background: rgb(255, 255, 255);
    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    /* background: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%); */
}

/* .hero-container::after{
    background-image: url('../assets/images/hero-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 0;
    filter: blur(5px);
    mix-blend-mode: screen;
} */

.hero-sub-container {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
}

/* About Us */
.about-us-container {
    background-image: url('../assets/images/about-us.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* Attend */
.attend-1-container,
.attend-2-container {
    background-image: url('../assets/images/attend-bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


@media screen and (max-width: 992px) {
    .dark-filter {
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 80%);
        position: relative;
    }
}

@media screen and (max-width: 576px) {
    .hero-image {
        max-width: 85%;
    }
}