/*=========================================================
                ADMISSIONS INTRODUCTION
=========================================================*/

.admissions-intro{

    padding:100px 0 40px;

}

.admissions-intro .section-heading{

    max-width:900px;

    margin:0 auto;

    text-align:center;

}



/*=========================================================
                ADMISSION PROCESS
=========================================================*/

.admission-process{

    padding:60px 0 100px;

}

.process-grid{

    display:grid;

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

    gap:30px;

    margin-top:60px;

}

.process-card{

    background:#fff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s ease;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.process-number{

    width:70px;

    height:70px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:var(--primary-color);

    color:#fff;

    font-size:24px;

    font-weight:700;

}

.process-card h3{

    margin-bottom:18px;

}

.process-card p{

    margin:0;

}
/*=========================================================
                ELIGIBILITY
=========================================================*/

.eligibility{

    padding:100px 0;

}

.eligibility-grid{

    display:grid;

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

    gap:70px;

    align-items:center;

}

.eligibility-content h2{

    margin:15px 0 25px;

}

.eligibility-content p{

    margin-bottom:35px;

    line-height:1.8;

}

.eligibility-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.eligibility-item{

    display:flex;

    align-items:flex-start;

    gap:15px;

}

.eligibility-item i{

    color:var(--primary-color);

    margin-top:4px;

}

.eligibility-image img{

    width:100%;

    display:block;

    border-radius:20px;

}



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

.required-documents{

    padding:100px 0;

}

.required-documents .section-heading{

    text-align:center;

    max-width:850px;

    margin:0 auto 60px;

}

.documents-grid{

    display:grid;

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

    gap:30px;

}

.document-card{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.3s;

}

.document-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.document-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:rgba(39,93,169,.1);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.document-icon i{

    font-size:28px;

    color:var(--primary-color);

}

.document-card h3{

    margin-bottom:18px;

}

.document-card p{

    margin:0;

    line-height:1.8;

}
/*=========================================================
                BEGIN YOUR ADMISSION
=========================================================*/

.begin-admission{

    padding:100px 0 50px;

}

.admission-card{

    max-width:900px;

    margin:0 auto;

    background:#fff;

    padding:60px;

    border-radius:24px;

    text-align:center;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.admission-card h2{

    margin:15px 0 20px;

}

.admission-card p{

    max-width:700px;

    margin:0 auto 35px;

    line-height:1.8;

}

.admission-features{

    display:grid;

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

    gap:18px 35px;

    margin:40px 0;

    text-align:left;

}

.admission-feature{

    display:flex;

    align-items:center;

    gap:12px;

}

.admission-feature i{

    color:var(--primary-color);

    font-size:18px;

}

.admission-toggle{

    margin-top:10px;

}



/*=========================================================
                APPLICATION UPLOAD
=========================================================*/

.application-upload{

    padding:50px 0 100px;

}

.upload-card{

    max-width:900px;

    margin:0 auto;

    background:#fff;

    padding:60px;

    border-radius:24px;

    text-align:center;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.upload-card h2{

    margin:15px 0 20px;

}

.upload-card p{

    max-width:700px;

    margin:0 auto 35px;

    line-height:1.8;

}

.upload-area{

    border:3px dashed var(--primary-color);

    border-radius:20px;

    padding:60px 30px;

    background:#f8fbff;

    transition:.3s ease;

    cursor:pointer;

}

.upload-area:hover{

    background:#eef6ff;

    transform:translateY(-5px);

}

.upload-area i{

    font-size:65px;

    color:var(--primary-color);

    margin-bottom:20px;

}

.upload-area h3{

    margin-bottom:10px;

}

.upload-area p{

    margin-bottom:25px;

}

.upload-area input[type="file"]{

    width:100%;

    max-width:350px;

}

.upload-form small{

    display:block;

    margin:25px 0;

    color:#666;

    line-height:1.8;

}

.upload-buttons{

    margin-top:15px;

}
/*=========================================================
                RESPONSIVE DESIGN
=========================================================*/


/*=========================
        Large Tablets
=========================*/

@media (max-width:992px){

    .process-grid{

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

    }

    .eligibility-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .documents-grid{

        grid-template-columns:1fr;

    }

    .admission-features{

        grid-template-columns:1fr;

    }

    .admission-card,
    .upload-card{

        padding:50px 40px;

    }

}



/*=========================
        Mobile Devices
=========================*/

@media (max-width:768px){

    .admissions-intro,
    .required-documents,
    .eligibility,
    .begin-admission,
    .application-upload{

        padding:80px 0;

    }

    .process-grid{

        grid-template-columns:1fr;

    }

    .admission-card,
    .upload-card{

        padding:40px 25px;

    }

    .upload-area{

        padding:45px 20px;

    }

    .upload-area i{

        font-size:50px;

    }

}



/*=========================
        Small Phones
=========================*/

@media (max-width:576px){

    .admission-card,
    .upload-card{

        padding:30px 20px;

    }

    .document-card{

        padding:30px;

    }

    .process-card{

        padding:35px 25px;

    }

    .upload-area{

        padding:35px 15px;

    }

    .upload-area h3{

        font-size:22px;

    }

}
/*=========================================================
                ADMISSIONS HERO
=========================================================*/

.admissions-hero{
    padding:120px 0;
    background:#f8fbff;
}

.admissions-hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.admissions-content h1{
    font-size:3rem;
    line-height:1.2;
    margin:20px 0;
    color:var(--dark-color);
}

.admissions-content p{
    font-size:1.1rem;
    line-height:1.9;
    color:#666;
    margin-bottom:35px;
}

.hero-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.admissions-image img{
    width:100%;
    border-radius:24px;
    display:block;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

@media(max-width:991px){

.admissions-hero-grid{
    grid-template-columns:1fr;
    text-align:center;
}

.hero-buttons{
    justify-content:center;
}

.admissions-content{
    order:2;
}

.admissions-image{
    order:1;
}

.admissions-content h1{
    font-size:2.3rem;
}

}