/* Set Inter as the default font and apply smooth scrolling */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f7f9fc;
            scroll-behavior: smooth;
        }

        /* Custom scrollbar styling for the course wrapper (modern aesthetic) */
        .course-scroll-wrapper::-webkit-scrollbar {
            height: 8px;
        }
        .course-scroll-wrapper::-webkit-scrollbar-track {
            background: #e0e7ff; /* Light background */
            border-radius: 10px;
        }
        .course-scroll-wrapper::-webkit-scrollbar-thumb {
            background: #f36035; /* Secondary color for the thumb */
            border-radius: 10px;
        }
.b-t-h{
    font-size: 26px;
}

.orange-color:#f36035 !important;
.courses-card img{
    border-radius: 10px 10px 0px 0px;
}
.courses-card h3{
    color: #f36035;
}
.courses-card button{
    color: #f36035;
}

.fb-container {
    width: 100%;
    max-width: 380px; /* FB plugin needs max width */
    overflow: hidden;
}
.swiper-pagination {
    position: revert !important;}
.swiper-pagination-bullet-active{
    background: #f36035 !important;
}
.apply-section-heading {
  font-size: 1.9rem;
  font-weight: 800;
  position: relative;
    display: flex;
    align-items: center;      /* Vertical center */
    justify-content: center;  /* Horizontal center */
    width: 100%;
    height: 100%;
}


        /* Custom Heading Style */
        .section-heading {
            font-size: 2.5rem;
            font-weight: 800;
            color: #3e4095;
            position: relative;
            margin-bottom: 2.5rem;
            padding-bottom: 0.5rem;
        }
        .section-heading::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 70px;
            height: 5px;
            background-color: #f36035; /* Secondary color for underline */
            border-radius: 2px;
        }
.apply-button {
    background-color: #3e4095;
   border-radius: 10px;
}
.apply-button:hover {
    background-color: #f36035;
}


        @media (max-width: 640px) {
             .section-heading {
                 font-size: 2rem;
             }          
        }
        
        /* Custom CSS for Slider Transition */
        .slider-item {
            transition: opacity 1.5s ease-in-out;
            opacity: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-size: cover;
            background-position: center;
        }

        .slider-item.active {
            opacity: 1;
            z-index: 1;
        }

        /* Animation for the Main Text in Hero */
        .hero-text-content {
            animation: fadeInTop 1s ease-out forwards;
        }

        @keyframes fadeInTop {
            0% { opacity: 0; transform: translateY(-20px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        /* FAQ Accordion Styles */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
            padding: 0 1.5rem;
        }
        .faq-content.active {
            padding-bottom: 1.5rem;
        }
        .faq-icon {
            transition: transform 0.3s ease;
        }
        .faq-icon.rotate-180 {
            transform: rotate(180deg);
        }

  @media (max-width: 440px) {
            .apply-section-heading {
                font-size: 1.8rem;
                text-align: center;       /* Center text */
            }
      .mobile-pop{
          margin-top: 300px !important;
      }
        }

@media (max-width: 640px) {
    #admissionPopup .mobile-pop {
        width: 95% !important;
        padding: 20px !important;
        margin: 20px auto !important;
    }

    #admissionPopup form .grid {
        grid-template-columns: 1fr !important;
    }

    #admissionPopup {
        align-items: flex-start !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}