/* =========================================================
   ADMISSION ENQUIRY SECTION
   ========================================================= */

.admission-enquiry-section {
    width: 100%;
    box-sizing: border-box;

    background: var(--ae-background, #171B30);

    padding-top: var(--ae-padding-top-desktop, 100px);
    padding-right: var(--ae-padding-right-desktop, 40px);
    padding-bottom: var(--ae-padding-bottom-desktop, 100px);
    padding-left: var(--ae-padding-left-desktop, 40px);

    border-radius: var(--ae-radius, 0);
}


/* =========================================================
   CONTAINER
   ========================================================= */

.admission-enquiry-container {
    width: 100%;
    max-width: var(--ae-max-width, 1200px);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        var(--ae-desktop-columns, 1fr 1fr);

    gap: var(--ae-desktop-gap, 80px);

    align-items:
        var(--ae-desktop-align, center);
}


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

.admission-enquiry-content {
    width: 100%;
}


.admission-enquiry-eyebrow {
    margin-bottom: 16px;

    font-weight: 700;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}


.admission-enquiry-heading {
    margin: 0 0 22px;

    font-weight: 700;
}


.admission-enquiry-description {
    max-width: 560px;

    margin: 0;
}


/* =========================================================
   FORM WRAPPER
   ========================================================= */

.admission-enquiry-form-wrapper {
    width: 100%;
}


/* =========================================================
   FORM
   ========================================================= */

.admission-enquiry-form {
    width: 100%;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    gap: 16px;

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


/* =========================================================
   FIELD
   ========================================================= */

.admission-enquiry-field {
    width: 100%;
}


/* =========================================================
   LABEL
   ========================================================= */

.admission-enquiry-field label {
    display: block;

    margin-bottom: 7px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;
}


/* =========================================================
   INPUT / SELECT / TEXTAREA
   ========================================================= */

.admission-enquiry-field input,
.admission-enquiry-field select,
.admission-enquiry-field textarea {
    display: block;

    width: 100%;

    box-sizing: border-box;

    font-family: inherit;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.admission-enquiry-field input::placeholder,
.admission-enquiry-field textarea::placeholder {
    color: var(--ae-input-placeholder-color, #9DA5BA);

    opacity: 1;
}


/* =========================================================
   SELECT
   ========================================================= */

.admission-enquiry-field select {
    cursor: pointer;

    appearance: auto;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.admission-enquiry-field textarea {
    min-height: 130px;

    resize: vertical;
}


/* =========================================================
   STATUS
   ========================================================= */

.admission-enquiry-status {
    min-height: 20px;

    margin-top: 2px;

    font-size: 14px;

    line-height: 1.5;

    text-align: center;
}


.admission-enquiry-status-success {
    color: #50E3A4;
}


.admission-enquiry-status-error {
    color: #FF7B8B;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.admission-enquiry-submit {
    display: block;

    width: 100%;

    margin-top: 4px;

    font-family: inherit;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}


.admission-enquiry-submit:hover {
    transform: translateY(-1px);
}


.admission-enquiry-submit:disabled {
    cursor: wait;

    opacity: 0.65;

    transform: none;
}


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

@media (max-width: 767px) {

    .admission-enquiry-section {

        padding-top:
            var(--ae-padding-top-mobile, 60px);

        padding-right:
            var(--ae-padding-right-mobile, 20px);

        padding-bottom:
            var(--ae-padding-bottom-mobile, 60px);

        padding-left:
            var(--ae-padding-left-mobile, 20px);
    }


    .admission-enquiry-container {

        grid-template-columns:
            var(--ae-mobile-columns, 1fr);

        gap:
            var(--ae-mobile-gap, 40px);
    }


    .admission-enquiry-heading {

        font-size: 36px !important;
    }


    .admission-enquiry-description {

        font-size: 15px !important;
    }


    .admission-enquiry-form {

        padding: 24px !important;

        border-radius: 16px !important;
    }

}