:root {
            --navy: #0a2351;
            --gold: #c5a059;
            --patha-red: #800000;
            --text-dark: #2d3436;
            --soft-bg: #f8f9fa;
        }

        html { scroll-behavior: smooth; }
        body { font-family: 'Outfit', sans-serif; color: var(--text-dark); line-height: 1.6; overflow-x: hidden; }
        h1, h2, h3, .font-serif { font-family: 'Lora', serif; font-weight: 700; color: var(--gold); }

        /* Navigation */
        .navbar { background: rgba(255,255,255,0.98); backdrop-filter: blur(10px); border-bottom: 2px solid var(--navy); }
        .nav-link { font-weight: 600; color: var(--navy) !important; text-transform: uppercase; font-size: 0.85rem; }
        .nav-link:hover { color: var(--gold) !important; }

        /* Hero Slider */
        .carousel-item {
            height: 85vh; 
            background-size: cover; 
            background-position: center; 
        }
        @media screen and (max-width: 576px) {
            .carousel-item {
                height: 28vh;   /* adjust as needed */
            }
        }
        @media screen and (max-width: 768px) {
            .carousel-item {
                height: 33vh;
            }
        }
        .carousel-overlay {
             background: rgba(0,0,0,0.45); 
             height: 100%; display: flex; 
             align-items: center; color: white; 
        }
        .hero-text h1 
        { 
            font-size: 4.5rem; 
            text-shadow: 2px 2px 12px rgba(0,0,0,0.6); 
        }

        /* Notice Board Widget */
        .notice-card { border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.15); border-radius: 12px; overflow: hidden; }
        .notice-header { background: var(--patha-red); color: white; padding: 18px; text-align: center; font-weight: 700; letter-spacing: 1px; }
        .notice-body { height: 350px; overflow-y: auto; background: white; padding: 20px; }
        .notice-item { border-bottom: 1px solid #eee; padding: 12px 0; font-size: 0.95rem; transition: 0.3s; }
        .notice-item:hover { background: #fff5f5; padding-left: 8px; color: var(--patha-red); }

        /* About Section - High Visibility */
        .about-main-img { 
            border-radius: 20px; 
            box-shadow: 0 20px 40px rgba(0,0,0,0.2); 
            border: 8px solid white;
            transition: transform 0.5s ease;
        }
        .about-main-img:hover { transform: scale(1.02); }

        /* Student Toppers Section (Replaces Alumni) */
        .topper-section { background: #fdfaf0; padding: 80px 0; border-top: 5px solid var(--gold); }
        .topper-card { 
            background: white; 
            border: 2px solid var(--gold); 
            border-radius: 15px; 
            padding: 25px; 
            text-align: center; 
            transition: 0.4s; 
            box-shadow: 0 8px 20px rgba(197, 160, 89, 0.1);
        }
        .topper-card:hover { transform: translateY(-12px); box-shadow: 0 15px 30px rgba(197, 160, 89, 0.2); }
        .topper-img { 
            width: 120px; 
            height: 120px; 
            border-radius: 50%; 
            border: 5px solid var(--navy); 
            margin-bottom: 15px; 
            object-fit: cover; 
        }
        .marks-badge { background: var(--navy); color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold; font-size: 0.9rem; }

        /* Stats Row */
        .stats-section { background: var(--navy); padding: 60px 0; color: white; }
        .stat-item h2 { font-size: 3.2rem; color: var(--gold); }

        /* Features/Categories Grid */
        .feature-box { border: 1px solid #f1f1f1; padding: 35px; text-align: center; transition: 0.4s; background: white; height: 100%; }
        .feature-box:hover { border-color: var(--gold); background: var(--soft-bg); transform: scale(1.05); }
        .feature-box i { font-size: 2.2rem; color: var(--gold); margin-bottom: 20px; }

        /* Admission Form Visibility Fix */
        .enquiry-box { background: var(--navy); border-radius: 30px; padding: 60px; color: white; margin-top: -50px; position: relative; }
        .custom-input { 
            background: #ffffff !important; 
            border: 2px solid #e1e1e1 !important; 
            color: #333 !important; 
            font-weight: 500;
        }

        /* Search Bar Styling */
    .btn-search-custom {
        background-color: #0a2351 !important; /* Your Navy Color */
        color: #ffffff !important;
        border: none;
        transition: all 0.3s ease;
    }

    .btn-search-custom:hover {
        background-color: #c5a059 !important; /* Gold on hover */
        color: #0a2351 !important;
    }

    /* Input Group Formatting */
    .input-group .custom-select-style {
        max-width: 160px;
        outline: none !important;
        box-shadow: none !important;
        border-right: none !important;
    }

    .input-group .form-control:focus {
        box-shadow: none !important;
        outline: none !important;
    }

    /* Fixing the Search Button within the Pill */
    .input-group .btn-search-custom {
        margin-left: 5px;
        border-radius: 50px !important; /* Keeps it a perfect pill inside the group */
        padding: 0 40px;
        z-index: 4;
    }

    /* Mobile Responsive Fix */
    @media (max-width: 768px) {
        .input-group {
            border-radius: 20px !important;
            flex-direction: column !important;
            border: none !important;
            box-shadow: none !important;
        }
        .input-group > * {
            width: 100% !important;
            margin: 5px 0 !important;
            border-radius: 10px !important;
            border: 1px solid #eee !important;
        }
        .input-group .btn-search-custom {
            margin-top: 10px !important;
            padding: 15px !important;
        }
        .vr { display: none; }
    }



        .custom-input::placeholder { color: #888 !important; font-weight: 400; }
        .custom-input:focus { border-color: var(--gold) !important; box-shadow: 0 0 10px rgba(197, 160, 89, 0.3); }

        footer { background: #020b1a; color: #ced6e0; padding: 80px 0 30px; }