/* =========================
   HERO
========================= */
.admission-hero{
    background:linear-gradient(rgba(15,61,46,.9),rgba(15,61,46,.9)),
    url("../../schoolPics/hero-students-smiling-holding-books.png") center/auto no-repeat;
    padding:100px 0;
    color:#fff;
}

.admission-hero h1{
    font-size:42px;
    margin-bottom:10px;
    color: #fff;
}

.admission-hero p{
    color:#C8A24A;
}

/* =========================
   SECTION
========================= */
.admission-section{
    padding:80px 0;
    background:#F8F6F1;
}

/* =========================
   PROCESS CARD
========================= */
.process-card{
    background:#fff;
    padding:30px;
    border-radius:8px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.process-card h5{
    margin-bottom:20px;
}

.process-card ul{
    list-style:none;
    padding:0;
}

.process-card li{
    padding:12px;
    border-left:4px solid #C8A24A;
    margin-bottom:12px;
    background:#f9f9f9;
}

.process-card span{
    background:#C8A24A;
    color:#000;
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-right:8px;
    font-weight:600;
}

/* =========================
   FORM CARD
========================= */
.form-card{
    background:#fff;
    padding:40px;
    border-radius:8px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.form-title{
    margin-bottom:20px;
    color:#0F3D2E;
}

.form-divider{
    margin:40px 0;
    border-top:2px solid #C8A24A;
    width:60px;
}

/* =========================
   PASSPORT
========================= */
.passport-img{
    width:120px;
    height:150px;
    object-fit:cover;
    border-radius:6px;
    border:2px solid #ddd;
}

/* =========================
   FORM INPUT IMPROVEMENTS
========================= */
.form-control,
.form-select{
    padding:12px;
    border-radius:6px;
}

.form-control:focus,
.form-select:focus{
    border-color:#C8A24A;
    box-shadow:0 0 0 .15rem rgba(200,162,74,.3);
}