@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    background-color: white;
    color: black;
}
/* Hero Image Overlay */
section.relative:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}
section.relative:first-child > div {
    position: relative;
    z-index: 2;
}

section.relative:first-child img {
    opacity: 1 !important;
}
/* Course Content */
.bg-gray-100 {
    background-color: white;
}

/* FAQ Section */
.py-16 {
    background-color: white;
}
.py-16 h2, 
.py-16 .font-medium, 
.py-16 p {
    color: black;
}

/* FAQ Animation */
.faq-answer {
    transition: all 0.3s ease;
}
.faq-question.active i {
    transform: rotate(180deg);
}

/* Custom Button Animation */
.btn-hover-animation {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-hover-animation:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Pulse Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.pulse-animation {
    animation: pulse 2s infinite;
}