/*=========================================
            PRINCIPAL SECTION
=========================================*/
.page-banner{

    position:relative;

    width:100%;

    height:380px;

    background:url("../images/contact/banner.jpg") center center/cover no-repeat;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(15,76,129,.75),
        rgba(15,76,129,.75)
    );

}

.banner-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

}

.banner-content h1{

    font-size:3rem;

    font-weight:700;

    margin-bottom:15px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.banner-content p{

    font-size:1rem;

    font-weight:500;

}

.banner-content a{

    color:#D4AF37;

    transition:.3s;

}

.banner-content a:hover{

    color:#fff;

}

.banner-content span{

    margin:0 8px;

    color:#fff;

}

/*=========================================
        ADMISSION GUIDELINES
=========================================*/

.guidelines-section{

    padding:80px 0 40px;

    background:#F8FAFC;

}

.section-heading{

    text-align:center;

    max-width:850px;

    margin:0 auto 45px;

}

.section-heading span{

    display:inline-block;

    color:var(--secondary);

    font-size:15px;

    font-weight:600;

    margin-bottom:8px;

}

.section-heading h2{

    color:var(--primary);

    font-size:32px;

    font-weight:700;

    margin-bottom:12px;

}

.section-heading p{

    color:var(--text);

    font-size:15px;

    line-height:1.8;

}


/*=========================================
        GUIDELINE CARD
=========================================*/

.guideline-card{

    max-width:1050px;

    margin:auto;

    padding:45px 55px;

    background:#fff;

    border-top:5px solid var(--secondary);

    border-radius:0 0 20px 20px;

    box-shadow:0 15px 40px rgba(15,76,129,.10);

}


/*=========================================
            GUIDELINES LIST
=========================================*/

.guideline-card ol{

    padding-left:25px;

    margin:0;

}

.guideline-card ol li{

    padding-left:10px;

    margin-bottom:18px;

    color:#475569;

    font-size:15px;

    line-height:1.8;

}

.guideline-card ol li::marker{

    color:var(--primary);

    font-weight:700;

}

.guideline-card strong{

    color:var(--primary);

}


/*=========================================
        PROCEDURE HEADING
=========================================*/

.procedure-heading{

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:40px;

    margin-bottom:25px;

    padding-bottom:15px;

    border-bottom:1px solid var(--border);

}

.procedure-heading span{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--primary);

    color:#fff;

    border-radius:10px;

}

.procedure-heading h3{

    color:var(--primary);

    font-size:22px;

}


/*=========================================
        PROCEDURE LIST
=========================================*/

.procedure-list{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}

.procedure-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:16px;

    background:#F8FAFC;

    border:1px solid var(--border);

    border-radius:10px;

    transition:.3s ease;

}

.procedure-item:hover{

    transform:translateY(-3px);

    border-color:var(--secondary);

    box-shadow:0 8px 20px rgba(15,76,129,.08);

}

.procedure-icon{

    min-width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--primary);

    color:#fff;

    border-radius:50%;

    font-size:14px;

}

.procedure-item p{

    color:#475569;

    font-size:14px;

    line-height:1.6;

}


/*=========================================
        DOCUMENTS
=========================================*/

.documents-section{

    padding:40px 0 90px;

    background:#fff;

}

.documents-grid{

    max-width:1050px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}

.document-card{

    min-height:150px;

    padding:25px 18px;

    background:#F8FAFC;

    border:1px solid var(--border);

    border-radius:15px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    transition:.35s ease;

}

.document-card:hover{

    transform:translateY(-6px);

    border-color:var(--secondary);

    box-shadow:0 12px 30px rgba(15,76,129,.10);

}

.document-icon{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--primary);

    color:#fff;

    border-radius:50%;

    margin-bottom:15px;

    font-size:19px;

    transition:.3s ease;

}

.document-card:hover .document-icon{

    background:var(--secondary);

    color:var(--primary);

}

.document-card p{

    color:var(--dark);

    font-size:14px;

    font-weight:500;

    line-height:1.5;

}