/* Section Background Styles */
section {
    position: relative;
    overflow: hidden;
}

.section-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

section .container {
    position: relative;
    z-index: 2;
}

/* Add subtle gradient overlays to each section */
#about::after,
#courses::after,
#gallery::after,
#testimonials::after,
#admission::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

#about::after {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.05), rgba(8, 145, 178, 0.02));
}

#courses::after {
    background: linear-gradient(135deg, rgba(8, 145, 178, 0.05), rgba(124, 58, 237, 0.02));
}

#gallery::after {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.05), rgba(249, 115, 22, 0.02));
}

#testimonials::after {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.05), rgba(6, 182, 212, 0.02));
}

#admission::after {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.05), rgba(124, 58, 237, 0.02));
}

#contact {
    color: var(--white);
}

#contact::after {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.15), rgba(234, 179, 8, 0.1));
}