:root{
            --primary-color:#0d47a1;
            --secondary-color:#ffffff;
            --accent-color:#ff2d20;
            --text-dark:#333333;
            --text-light:#666666;
            --bg-light:#f8f9fa;
            --gold:#d4af37;
        }
        body{font-family:'Poppins',sans-serif;color:var(--text-dark);overflow-x:hidden;background:#f9f9fb;}
    
        /* ==== HERO ==== */
        .hero-section{background:linear-gradient(135deg,#0d47a1 0%,#1976d2 100%);padding:100px 0;color:var(--secondary-color);position:relative;overflow:hidden;padding-top: 20px;height: 78vh;}
        .hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.1" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,138.7C960,139,1056,117,1152,106.7C1248,96,1344,96,1392,96L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;}
        .hero-content{position:relative;z-index:2;}
        .hero-section h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;color:white;}
        .hero-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9;color:white;}
        .hero-image img{
            max-width: 100%;
            height: auto;
            border-radius:30px;
            margin-top:30px;
        }

.hero-buttons {
    display: flex;
    flex-direction: column; /* Stack vertically on small screens */
    gap: 1rem; /* Space between buttons */
    margin-top: 20px;
}

@media (min-width: 768px) {
    .hero-buttons {
        flex-direction: row; /* Side-by-side on medium and larger screens */
    }
}

.btn-explore, .btn-contact {
    display: inline-block;
    padding: 0.9rem 2.8rem;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    transition: all 0.35s ease;
    min-width: 245px;
}

/* START APPLICATION – SOLID RED */
.btn-explore {
    background: #e02618;
    color: white;
    border: 3px solid #e02618;
     text-decoration: none;
}

.btn-explore:hover {
    background: #e02618; /* Darker red on hover */
    color: black; /* Keep text white on hover */
    transform: translateY(-3px);
}

/* DOWNLOAD BROCHURE – WHITE OUTLINE */
.btn-contact {
    background:#e02618; /* Changed to transparent for an outline style */
    color: white;
    border: 3px solid #e02618;
    text-decoration: none;
}

.btn-contact:hover {
    background: #e02618; /* White background on hover */
    color: black; /* Red text on hover */
    transform: translateY(-3px);
}
        .counter-box {
    background: var(--accent-color);
    padding: 1.5rem;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    text-align: center;
    position: absolute;
     text-decoration: none;
}

.counter-box.students {
    top: 20%;
    right: -14%;
}

.counter-box.courses {
    bottom: 20%;
    left: -8%;
}

/* Mobile responsive - remove absolute positioning on smaller screens */
@media(max-width:768px) {
    .counter-box {
        position: relative;
        margin-bottom: 1rem;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
    }
}

.counter-box h3 {
    color: var(--primary-color);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.counter-box p {
    color: white;
    margin: 0;
    font-size: 0.9rem;
}
        /* ==== SECTION TITLE ==== */
        .section-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;position:relative;display:inline-block;}
        .section-title::after{content:'';display:block;width:80px;height:4px;background:var(--accent-color);margin-top:.8rem;}
        /* ==== LUXURY FORM ==== */
        .apply-form-section{padding:100px 0;background:var(--secondary-color);}
        .form-container{background:var(--secondary-color);border-radius:25px;box-shadow:0 20px 60px rgba(13,71,161,.15);padding:3rem;overflow:hidden;position:relative;}
        .form-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));}
        .progress-container{margin-bottom:2.5rem;text-align:center;}
        .progress-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;position:relative;}
        .progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));width:0%;transition:width .6s ease;}
        .step-indicator{display:flex;justify-content:space-between;margin:1.5rem 0;}
        .step{display:flex;flex-direction:column;align-items:center;flex:1;}
        .step-number{width:45px;height:45px;border-radius:50%;background:#e0e0e0;color:#999;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2;}
        .step.active .step-number{background:var(--primary-color);color:white;box-shadow:0 0 0 4px rgba(13,71,161,.2);}
        .step.completed .step-number{background:var(--accent-color);color:white;}
        .step.completed::after{content:'';position:absolute;top:22px;left:50%;width:100%;height:3px;background:var(--accent-color);z-index:1;transform:translateX(-50%);}
        .step-label{font-size:.9rem;margin-top:.5rem;color:var(--text-light);transition:color .3s;}
        .step.active .step-label,.step.completed .step-label{color:var(--primary-color);font-weight:600;}
        .form-step{display:none;}
        .form-step.active{display:block;}
        .form-group{margin-bottom:1.5rem;}
        .form-label{font-weight:600;color:var(--primary-color);margin-bottom:.5rem;display:block;}
        .form-control,.form-select{
            border-radius:12px;padding:.75rem 1rem;border:1px solid #ddd;font-size:1rem;
            transition:all .3s ease;background:var(--bg-light);
        }
        .form-control:focus,.form-select:focus{
            border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(13,71,161,.15);background:white;
        }
        .form-control::placeholder{color:#aaa;}
        .btn-nav{
            background:var(--primary-color);color:white;padding:.7rem 1.8rem;border-radius:50px;font-weight:600;
            border:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;
        }
        .btn-nav:hover{background:#0a3d8a;transform:translateY(-2px);}
        .btn-nav.prev{background:#6c757d;}
        .btn-nav.prev:hover{background:#5a6268;}
        .btn-submit{
            background:var(--accent-color);color:white;padding:.9rem 3rem;border-radius:50px;font-weight:700;
            border:none;transition:all .3s ease;font-size:1.1rem;
        }
        .btn-submit:hover{background:#e02618;transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,45,32,.4);}
        .upload-area{
            border:2px dashed #ccc;border-radius:15px;padding:2rem;text-align:center;cursor:pointer;
            transition:all .3s ease;background:var(--bg-light);
        }
        .upload-area:hover{border-color:var(--primary-color);background:#f0f4ff;}
        .upload-area.dragover{background:#e3f2fd;border-color:var(--primary-color);}
        .file-list{margin-top:1rem;}
        .file-item{background:#f1f3f5;padding:.5rem 1rem;border-radius:8px;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;}
        .file-item .remove{color:var(--accent-color);cursor:pointer;}
        /* ==== FOOTER ==== */
      
        /* ==== RESPONSIVE ==== */
        @media(max-width:991px){
            .hero-section h1{font-size:2.2rem;}
        }
        @media(max-width:768px){
            .hero-section{padding:60px 0;height: 125vh;}
            .hero-section h1{font-size:1.8rem;}
            .section-title{font-size:2rem;}
            .apply-form-section,.contact-info,.contact-form-section,.contact-map{padding:60px 0;}
            .form-container{padding:2rem;}
            .step-indicator{flex-wrap:wrap;}
            .step{flex:1 1 45%;margin-bottom:1rem;}
        }