*,
*::before,
*::after {
    box-sizing: border-box;
}


.enquiry-section {
    width: 100%;

    overflow: hidden;

    background: #31597d;
}


.enquiry-container {
    position: relative;
    width: min(83%, 77rem);
    min-height: clamp(36rem, 48vw, 42rem);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(16rem, 29%) minmax(28rem, 58%);
    justify-content: space-between;
    align-items: start;
    column-gap: clamp(4rem, 9vw, 8rem);
    padding: clamp(4.5rem, 7vw, 5.5rem) 0 clamp(3rem, 5vw, 4rem);
}
    padding:
        clamp(4.5rem, 7vw, 5.5rem)
        0
        clamp(3rem, 5vw, 4rem);
}

.enquiry-visual {
    position: relative;

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;
}


.enquiry-picture {
    display: block;

    width: 100%;
}


.enquiry-picture img {
    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;
}

.enquiry-title {
    position: relative;

    z-index: 2;

    width: 100%;

    margin:
        clamp(-2rem, -2.8vw, -1.5rem)
        0
        0;

    padding: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    font-family: 'Big Caslon';

    line-height: 0.96;
}


.enquiry-title-one {
    display: block;

    color: #073760;

    font-size:
        clamp(
            1.8rem,
            2.35vw,
            2.4rem
        );

    white-space: nowrap;
}


.enquiry-title-two {
    display: block;

    margin-top:
        clamp(
            0.12rem,
            0.25vw,
            0.25rem
        );

    color: #ead9bb;

    font-size:
        clamp(
            1.8rem,
            2.35vw,
            2.4rem
        );

    white-space: nowrap;
}

.enquiry-form-area {
    width: 80%;

    margin-top:
        clamp(
            4rem,
            5.3vw,
            0rem
        );
}


.enquiry-form {
    width: 100%;
}


.enquiry-field {
    width: 100%;

    margin-bottom:
        clamp(
            1.2rem,
            1.8vw,
            1.5rem
        );
}


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

    width: 100%;

    height:
        clamp(
            2rem,
            2.6vw,
            2.45rem
        );

    padding:
        0
        clamp(
            0.55rem,
            0.9vw,
            0.8rem
        );

    border: 0;

    outline: 0;

    border-radius: 0;

    background: #ffffff;

    color: #111111;

   font-family: 'Avenir';

    font-size:
        clamp(
            0.66rem,
            0.82vw,
            0.8rem
        );

    font-weight: 400;
}


.enquiry-field input::placeholder {
    color: #111111;

    opacity: 1;
}



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

.enquiry-select {
    position: relative;
}


.enquiry-select select {
    appearance: none;

    -webkit-appearance: none;

    padding-right: 2.8rem;

    cursor: pointer;
}


.enquiry-select::after {
    content: "";

    position: absolute;

    top: 50%;

    right:
        clamp(
            0.7rem,
            1vw,
            1rem
        );

    width: 0;

    height: 0;

    transform:
        translateY(-30%);

    border-left:
        0.42rem solid transparent;

    border-right:
        0.42rem solid transparent;

    border-top:
        0.55rem solid #d9cbb0;

    pointer-events: none;
}




.enquiry-consent {
    width: 100%;

    display: grid;

    grid-template-columns:
        auto
        1fr;

    align-items: start;

    gap:
        clamp(
            0.5rem,
            0.8vw,
            0.7rem
        );

    margin-top:
        clamp(
            0.1rem,
            0.3vw,
            0.3rem
        );

    cursor: pointer;
}


.enquiry-consent input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


.enquiry-checkbox {
    position: relative;

    display: block;

    width:
        clamp(
            0.8rem,
            1vw,
            1rem
        );

    aspect-ratio: 1 / 1;

    background: #e0d0b3;
}


.enquiry-consent input:checked
+ .enquiry-checkbox::after {
    content: "";

    position: absolute;

    left: 31%;

    top: 11%;

    width: 30%;

    height: 55%;

    border-right:
        0.1rem solid #31597d;

    border-bottom:
        0.1rem solid #31597d;

    transform:
        rotate(45deg);
}


.enquiry-consent-text {
    display: block;

    color: #ffffff;

    font-family: 'Avenir';

    font-size:
        clamp(
            0.4rem,
            0.5vw,
            0.5rem
        );

    line-height: 1.35;
}


.enquiry-submit {
    min-width:
        clamp(
            6.8rem,
            8.7vw,
            8rem
        );

    min-height:
        clamp(
            2rem,
            2.6vw,
            2.35rem
        );

    margin-top:
        clamp(
            3.3rem,
            5.2vw,
            4.3rem
        );

    padding:
        0
        1.3rem;

    border: 0;

    border-radius:
        clamp(
            0.45rem,
            0.7vw,
            0.6rem
        );

    background: #e4d5b8;

    color: #000000;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        clamp(
            0.72rem,
            0.9vw,
            0.85rem
        );

    font-weight: 600;

    letter-spacing: 0.2em;

    cursor: pointer;

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


.enquiry-submit:hover {
    transform:
        translateY(-0.1rem);
}


.enquiry-submit:active {
    transform:
        translateY(0);
}


.enquiry-copyright {
    position: absolute;

    left: 0;

    bottom:
        clamp(
            0.5rem,
            1vw,
            0.8rem
        );

    color: #ffffff;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        clamp(
            0.43rem,
            0.5vw,
            0.52rem
        );

    white-space: nowrap;
}


@media (max-width: 1024px) and (orientation: portrait) {

    .enquiry-section {
        width: 100%;

        background: #31597d;
    }


    .enquiry-container {
        width: 100%;

        min-height: 0;

        margin: 0;

        display: flex;

        flex-direction: column;

        padding: 0;

        row-gap: 0;
    }



    /* IMAGE */

    .enquiry-visual {
        order: 1;

        width: 100%;

        display: flex;

        flex-direction: column;
    }


    .enquiry-picture {
        width: 100%;
    }


    .enquiry-picture img {
        width: 100%;

        height: auto;

        object-fit: contain;
    }



    /* TITLE */

    .enquiry-title {
        width: 100%;

        margin-top:
            clamp(
                -1.9rem,
                -5vw,
                -1.45rem
            );

        margin-bottom: 0;

        padding:
            0
            5%
            clamp(
                0.65rem,
                3vw,
                1rem
            );

        line-height: 0.92;
    }


    .enquiry-title-one {
        color: #073760;

        font-size:
            clamp(
                1.85rem,
                8vw,
                2.6rem
            );
    }


    .enquiry-title-two {
        margin-top: 0.08rem;

        color: #ead9bb;

        font-size:
            clamp(
                1.85rem,
                8vw,
                2.6rem
            );
    }



    /* FORM */

    .enquiry-form-area {
        order: 2;

        width: 100%;

        margin: 0;

        padding:
            0
            7%
            clamp(
                2rem,
                8vw,
                3rem
            );
    }


    .enquiry-form {
        width: 100%;
    }


    .enquiry-field {
        width: 100%;

        margin-bottom:
            clamp(
                0.35rem,
                1.7vw,
                0.55rem
            );
    }


    .enquiry-field input,
    .enquiry-field select {
        width: 100%;

        height:
            clamp(
                2rem,
                8.5vw,
                2.55rem
            );

        padding:
            0
            clamp(
                0.55rem,
                2.5vw,
                0.8rem
            );

        font-size:
            clamp(
                0.62rem,
                2.7vw,
                0.82rem
            );
    }



    /* CONSENT */

    .enquiry-consent {
        width: 100%;

        margin-top:
            clamp(
                0.7rem,
                3vw,
                1rem
            );

        grid-template-columns:
            clamp(
                1.25rem,
                6vw,
                1.65rem
            )
            1fr;

        gap:
            clamp(
                0.7rem,
                3.5vw,
                1rem
            );
    }


    .enquiry-checkbox {
        width:
            clamp(
                1.25rem,
                6vw,
                1.65rem
            );

        height: auto;

        aspect-ratio: 1 / 1;
    }


    .enquiry-consent-text {
        padding-right: 2%;

        font-size:
            clamp(
                0.55rem,
                2.45vw,
                0.7rem
            );

        line-height: 1.3;
    }



    /* BUTTON */

    .enquiry-submit {
        display: block;

        min-width:
            clamp(
                8rem,
                41vw,
                10.5rem
            );

        min-height: 0;

        margin:
            clamp(
                1.3rem,
                6vw,
                2rem
            )
            auto
            0;

        padding:
            clamp(
                0.7rem,
                3vw,
                0.9rem
            )
            1rem;

        border-radius:
            clamp(
                0.45rem,
                2vw,
                0.6rem
            );

        font-size:
            clamp(
                0.72rem,
                3vw,
                0.9rem
            );
    }



    /* COPYRIGHT */

    .enquiry-copyright {
        position: relative;

        order: 3;

        left: auto;

        bottom: auto;

        width: 100%;

        padding:
            0
            1rem
            clamp(
                1rem,
                5vw,
                1.5rem
            );

        text-align: center;

        font-size:
            clamp(
                0.48rem,
                2vw,
                0.62rem
            );
    }

}

@media (max-width: 480px) and (orientation: portrait) {

    .enquiry-title {
        margin-top: -1.7rem;

        padding-bottom: 0.8rem;
    }


    .enquiry-title-one,
    .enquiry-title-two {
        font-size:
            clamp(
                1.8rem,
                8vw,
                2.2rem
            );
    }


    .enquiry-form-area {
        padding:
            0
            7%
            2.2rem;
    }


    .enquiry-consent-text {
        font-size:
            clamp(
                0.54rem,
                2.5vw,
                0.67rem
            );
    }

}

@media (max-width: 1024px) and (orientation: landscape) {

    .enquiry-container {
        width: 90%;

        min-height:
            clamp(
                28rem,
                95vh,
                38rem
            );

        grid-template-columns:
            minmax(14rem, 35%)
            minmax(25rem, 55%);

        column-gap: 10%;

        padding:
            3rem
            0;
    }


    .enquiry-form-area {
        margin-top:
            clamp(
                2.5rem,
                8vh,
                4rem
            );
    }


    .enquiry-title {
        margin-top: -1.5rem;
    }


    .enquiry-title-one,
    .enquiry-title-two {
        font-size:
            clamp(
                1.4rem,
                3vw,
                1.9rem
            );
    }


    .enquiry-field {
        margin-bottom:
            clamp(
                0.75rem,
                2vh,
                1rem
            );
    }


    .enquiry-field input,
    .enquiry-field select {
        height:
            clamp(
                2rem,
                5vh,
                2.3rem
            );

        font-size:
            clamp(
                0.55rem,
                1.2vw,
                0.72rem
            );
    }


    .enquiry-consent-text {
        font-size:
            clamp(
                0.4rem,
                0.85vw,
                0.55rem
            );
    }


    .enquiry-submit {
        margin-top:
            clamp(
                1.5rem,
                5vh,
                2.5rem
            );
    }

}