/* Desktop Slider Height & Code Badge styling */
    @media (min-width: 992px) {
        #heroSlider .carousel-inner {
            height: 70vh !important; /* Fixed Desktop Height */
        }
        #heroSlider .col-lg-7 {
            position: relative;
        }
        /* Stylish Code Badge in Desktop View */
        .college-code-badge {
            position: absolute;
            bottom: -20px; /* Moves it below the image into the white space */
            left: 30px;
            background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);
            color: #ff9800;
            padding: 15px 30px;
            border-radius: 12px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
            z-index: 10;
            border-bottom: 4px solid #ff6600;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .college-code-badge h4 {
            font-size: 1.8rem;
            margin-bottom: 0;
            font-weight: 800;
        }
        .college-code-badge small {
            color: white;
            font-weight: 600;
            letter-spacing: 1px;
        }
        #heroSlider .col-lg-5 {
            padding-bottom: 5rem !important; /* Add padding for badge in desktop */
        }
    }

    /* Mobile Slider Styling */
    @media (max-width: 991px) {
        .college-code-badge {
            display: none; /* Hide on mobile to prevent clutter */
        }
        #heroSlider .carousel-inner {
            height: auto !important; /* Let mobile height adapt */
        }
        #heroSlider .col-lg-7 {
            height: 40vh; /* Shorter image on mobile */
        }
        #heroSlider .col-lg-5 {
            padding: 3rem 1.5rem !important; /* Standard padding for mobile */
            text-align: center;
        }
    }


    /* Premium Styling retain */
    .text-outline { letter-spacing: 2px; text-transform: uppercase; font-family: 'Playfair Display', serif; }
    .shadow-xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); }
    .border-end-lg { border-right: 2px solid #f0f0f0 !important; }
    
    @media (max-width: 991px) {
        .border-end-lg { border-right: none !important; border-bottom: 2px solid #f0f0f0 !important; padding-bottom: 2rem !important; margin-bottom: 2rem !important; }
    }

    /* Modern Hover Effects for Images */
    #aboutSection .row img { transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #aboutSection .position-relative:hover img { transform: scale(1.05); }
    
    .slider-overlay {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.15); z-index: 3;
        transition: background 0.3s;
    }
    #aboutSection .position-relative:hover .slider-overlay {
        background: rgba(0,0,0,0); /* Removes overlay on hover for better image view */
    }


    /* Stylish Validation States */
    .form-control:focus, .form-select:focus {
        background-color: #fff !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
        border-bottom: 2px solid #1b5e20 !important;
    }
    
    .is-invalid {
        border-bottom: 2px solid #dc3545 !important;
        background-color: #fff8f8 !important;
    }

    .is-valid {
        border-bottom: 2px solid #198754 !important;
        background-color: #f8fff8 !important;
    }

    .hover-lift:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(27, 94, 32, 0.2) !important;
        background: #2e7d32 !important;
    }