/* .dark-filter {
    background: radial-gradient(92.82% 30.9% at -2.2% 106.86%, rgb(57, 39, 139) 0%, rgba(57, 39, 139, 0) 100%), radial-gradient(78.38% 42.35% at 104.98% 47.14%, rgb(57, 39, 139) 0%, rgba(57, 39, 139, 0) 100%) white;
    opacity: 0.6;
    transform: rotate(180deg);
    backdrop-filter: blur(5px);
} */

.hero-container::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../assets/images/bg-gradient.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: blur(5px);
    transform: scale(1.2) rotateX(180deg) rotateY(0deg);
    opacity: 0.1;
    z-index: 3;
}

.hero-video{
    object-position: 100% 0%;
}

/* .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;
}

.hero-icons{
    filter: invert(17%) sepia(87%) saturate(3095%) hue-rotate(210deg) brightness(78%) contrast(80%);
}

/* About Us */
.gradient-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../assets/images/bg-gradient.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.1;
}

.about-shape{
    filter: invert(57%) sepia(96%) saturate(373%) hue-rotate(150deg) brightness(95%) contrast(99%);
}

/* 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;
} */

/* background: radial-gradient(92.82% 30.9% at -2.2% 106.86%, rgb(57, 39, 139, 0.2) 0%, rgba(57, 39, 139, 0) 100%), radial-gradient(78.38% 42.35% at 104.98% 47.14%, rgb(57, 39, 139, 0.2) 0%, rgba(57, 39, 139, 0) 100%) #000000a9; */
/* .attend-container {
    background: radial-gradient(92.82% 30.9% at -2.2% 106.86%, rgb(41, 194, 242, 0.2) 0%, rgb(25, 76, 148, 0.1) 100%), radial-gradient(78.38% 42.35% at 104.98% 47.14%, rgb(41, 194, 242, 0.2) 0%, rgb(25, 76, 148, 0.1) 100%) white;
} */

.glass-body{
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}


/* 
@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%;
    }
    .count-text {
        font-size: 5lvw !important;
        line-height: 6lvw !important;
    }
}