/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body Base Styles */
body {
    font-family: 'Roboto', 'Open Sans', sans-serif;
    line-height: 1.6;
}

/* Hero Section */
.hero-section {
    background: linear-gradient(to right, #0047AB, #1E90FF);
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Modal Overlay */
.modal-overlay {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}

/* Modal Animation */
.modal-animate {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Card Hover Effects */
.course-card:hover,
.faculty-card:hover,
.testimonial-card:hover,
.success-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* FAQ Toggle Icon Rotation */
.faq-toggle.active .fa-chevron-down {
    transform: rotate(180deg);
}

/* Logo Image */
.logo-img {
    transition: transform 0.3s ease;
}

.logo-img:hover {
    transform: scale(1.1);
}

/* Button Transitions */
button,
a {
    transition: all 0.3s ease;
}

/* Custom Scroll Behavior for Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .hero-section {
        padding: 4rem 1rem;
    }

    .hero-section h1 {
        font-size: 2.5rem;
    }

    .hero-section p {
        font-size: 1.125rem;
    }
}

@media (max-width: 768px) {
    .hero-section {
        padding: 3rem 1rem;
    }

    .hero-section h1 {
        font-size: 2rem;
    }

    .hero-section p {
        font-size: 1rem;
    }

    .quick-links .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal-animate {
        max-width: 90%;
    }
}

@media (max-width: 640px) {
    .quick-links .grid {
        grid-template-columns: 1fr;
    }

    .hero-section h1 {
        font-size: 1.75rem;
    }

    .hero-section p {
        font-size: 0.875rem;
    }

    .modal-animate {
        max-width: 95%;
        padding: 1rem;
    }

    .course-card,
    .faculty-card,
    .testimonial-card,
    .success-card {
        max-width: 100%;
    }
}

/* Ensure Tailwind Utility Consistency */
@layer utilities {
    .text-adhyanics-blue {
        color: #0047AB;
    }

    .text-adhyanics-yellow {
        color: #FFC107;
    }

    .text-adhyanics-white {
        color: #FFFFFF;
    }

    .text-adhyanics-black {
        color: #000000;
    }

    .bg-adhyanics-blue {
        background-color: #0047AB;
    }

    .bg-adhyanics-yellow {
        background-color: #FFC107;
    }

    .bg-adhyanics-white {
        background-color: #FFFFFF;
    }

    .bg-adhyanics-black {
        background-color: #000000;
    }

    .border-adhyanics-black {
        border-color: #000000;
    }

    .border-adhyanics-yellow {
        border-color: #FFC107;
    }

    .hover\:text-adhyanics-blue:hover {
        color: #0047AB;
    }

    .hover\:text-adhyanics-yellow:hover {
        color: #FFC107;
    }

    .hover\:bg-adhyanics-blue:hover {
        background-color: #0047AB;
    }

    .hover\:bg-adhyanics-yellow:hover {
        background-color: #FFC107;
    }
}


.carousel-item {
    transition: opacity 1s ease-in-out;
}
.carousel-item.active {
    opacity: 1;
}
#welcomeModal {
    transition: opacity 0.3s ease-in-out;
}
#welcomeModal.hidden {
    opacity: 0;
    pointer-events: none;
}
#success-stories .border:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}
@media (max-width: 640px) {
    .carousel-item h1 {
        font-size: 1.5rem;
    }
    .carousel-item p {
        font-size: 0.875rem;
    }
    #welcomeModal .max-w-lg {
        max-width: 90%;
    }
}


#main-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: white;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  padding: 10px 20px;
}




#siteHeader {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 40;
            width: 100%;
            background-color: #FFFFFF;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            border-bottom: 2px solid #0047AB;
        }
        #mobileMenu {
            width: 100%;
            background-color: #FFFFFF;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 39;
            display: none;
        }
        #mobileMenu.active {
            display: block;
        }
        #headerContainer {
            overflow: visible;
        }
        body {
            padding-top: 95px;
        }
        @media (max-width: 767px) {
            body {
                padding-top: 80px;
            }
        }
        .active-link {
            color: #FBBF24;
            text-decoration: underline;
            font-weight: bold;
        }