/* =========================================================
   ADMISSIONS PAGE
========================================================= */

.admissions-page {

    width: 100%;

    min-height: calc(100vh - 120px);

    padding: 100px 4% 120px;

    display: flex;

    justify-content: center;

    align-items: flex-start;

}


/* =========================================================
   MAIN ADMISSIONS CARD
========================================================= */

.admissions-section {

    width: min(1100px, 100%);

    background: #ffffff;

    border-radius: 24px;

    padding: 60px;

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.18);

}


/* =========================================================
   HEADER
========================================================= */

.admissions-header {

    text-align: center;

    margin-bottom: 40px;

}


.admissions-icon {

    width: 70px;

    height: 70px;

    margin: 0 auto 20px;

    border-radius: 50%;

    background: #052b70;

    color: #fbbf24;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 28px;

}


.admissions-tag {

    display: inline-block;

    padding: 8px 16px;

    border-radius: 999px;

    background: rgba(11, 79, 216, 0.08);

    color: #0b4fd8;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;

    margin-bottom: 15px;

}


.admissions-header h1 {

    margin: 0;

    color: #08245c;

    font-size: 42px;

    font-weight: 900;

    line-height: 1.2;

}


.admissions-line {

    width: 80px;

    height: 4px;

    margin: 18px auto 0;

    background: #d4a22b;

    border-radius: 20px;

}


/* =========================================================
   CONTENT
========================================================= */

.admissions-content {

    width: 100%;

    max-width: 850px;

    margin: 0 auto;

    text-align: center;

}


.admissions-content > p {

    margin: 0 0 20px;

    color: #475569;

    font-size: 16px;

    line-height: 1.9;

}


/* =========================================================
   CONTACT BOX
========================================================= */

.admissions-contact {

    margin-top: 40px;

    padding: 30px;

    background: #f5f7fb;

    border-radius: 18px;

    border: 1px solid #e5e7eb;

    text-align: center;

}


.admissions-contact h3 {

    margin: 0 0 10px;

    color: #08245c;

    font-size: 20px;

    font-weight: 800;

}


.admissions-contact p {

    margin: 0 0 22px;

    color: #64748b;

    font-size: 14px;

    line-height: 1.7;

}


/* =========================================================
   CONTACT BUTTONS
========================================================= */

.contact-details {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;

}


.contact-details a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 12px 20px;

    background: #0b4fd8;

    color: #ffffff;

    border: 2px solid #0b4fd8;

    border-radius: 10px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 700;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;

}


.contact-details a:hover {

    background: #ffffff;

    color: #0b4fd8;

    transform: translateY(-2px);

}


.contact-details i {

    font-size: 14px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 992px) {

    .admissions-page {

        padding: 80px 4% 100px;

    }


    .admissions-section {

        padding: 50px 40px;

    }


    .admissions-header h1 {

        font-size: 36px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .admissions-page {

        padding: 50px 4% 80px;

    }


    .admissions-section {

        width: 100%;

        padding: 40px 22px;

        border-radius: 20px;

    }


    .admissions-icon {

        width: 60px;

        height: 60px;

        font-size: 24px;

        margin-bottom: 16px;

    }


    .admissions-tag {

        font-size: 11px;

        padding: 7px 14px;

    }


    .admissions-header h1 {

        font-size: 30px;

    }


    .admissions-line {

        width: 60px;

        height: 3px;

    }


    .admissions-content > p {

        font-size: 14px;

        line-height: 1.8;

        margin-bottom: 18px;

    }


    .admissions-contact {

        margin-top: 30px;

        padding: 25px 18px;

    }


    .admissions-contact h3 {

        font-size: 18px;

    }


    .admissions-contact p {

        font-size: 13px;

    }


    .contact-details {

        flex-direction: column;

        width: 100%;

        gap: 10px;

    }


    .contact-details a {

        width: 100%;

        padding: 12px 15px;

        font-size: 13px;

    }

}


/* =========================================================
   IPHONE 13 MINI
========================================================= */

@media (max-width: 390px) {

    .admissions-page {

        padding: 40px 4% 60px;

    }


    .admissions-section {

        padding: 30px 18px;

        border-radius: 18px;

    }


    .admissions-icon {

        width: 55px;

        height: 55px;

        font-size: 22px;

    }


    .admissions-tag {

        font-size: 10px;

        letter-spacing: 1.2px;

    }


    .admissions-header h1 {

        font-size: 27px;

    }


    .admissions-line {

        width: 55px;

    }


    .admissions-content > p {

        font-size: 13px;

        line-height: 1.8;

    }


    .admissions-contact {

        padding: 22px 15px;

    }


    .admissions-contact h3 {

        font-size: 17px;

    }


    .admissions-contact p {

        font-size: 12px;

    }


    .contact-details a {

        font-size: 12px;

        padding: 11px 12px;

    }

}