#corporate-customer-inner {
    padding-inline: 0px;
    max-width: 800px;
}

.enterprise-form-section {
    max-width: 800px;
    margin: 20px auto;
    border: 0.2rem solid rgba(113, 124, 125, 0.16);
    border-radius: 1rem;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
    background-color: #d2edf4;
}

.enterprise-form-section form {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.input-wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.input-wrapper>input,
.input-wrapper>textarea,
.captcha-section input.captcha-input {
    padding: 0.4rem 1rem;
    border: 0.1rem solid rgba(113, 124, 125, 0.36);
    border-radius: 0.5rem;
}

.input-wrapper label {
    font-weight: 400;
    letter-spacing: 0.2px;
}

.captcha-section label span, .input-wrapper label span {
    color: red;
}

textarea#enterprise-form-message {
    height: 7.5rem;
    resize: vertical;
    max-height: 30rem;
    min-height: 33.8px;
}

.errorDisplay {
    color: red;
    text-align: center;
    padding: 10px 4px 0px 4px;
}

.captcha-section {
    grid-row-gap: 10px;
}

.captcha-section {
    display: grid;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "label input input" "image submit submit";
}

.captcha-section label {
    grid-row: 1;
    grid-column: 1;
    grid-area: label;
    font-weight: 400;
}

.captcha-section input {
    grid-row: 1;
    grid-column: 2;
    grid-area: input;
}

#enterprise-form-captcha-input {
    height: 33.8px;
}

.captcha-section img {
    grid-row: 2;
    grid-column: 1;
    grid-area: image;
    max-width: 200px;
    max-height: 70px;
}

.captcha-section input[type="submit"] {
    grid-row: 2;
    grid-column: 2;
    grid-area: submit;
    margin-top: auto;
    height: 35px;
    background-color: var(--white);
    border-radius: 0.5rem;
    border: 1px solid var(--gray-900);
}

.input-wrapper input::placeholder,
.captcha-section input::placeholder {
    color: transparent;
}

@media (max-width: 525px) {
    .input-wrapper {
        display: flex;
        flex-direction: column;
    }

    .enterprise-form-section form {
        padding: 1rem;
    }
}

@media (max-width: 700px) {
    .captcha-section {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .captcha-section label {
        order: 1;
    }

    .captcha-section img {
        order: 2;
    }

    .captcha-section input {
        order: 3;
    }

    .captcha-section #submit {
        order: 4;
    }
}

@media (max-width: 768px) {
    .enterprise-form-section {
        max-width: 96%;
    }

    .input-wrapper {
        grid-template-columns: 1fr;
    }

    .input-wrapper label, .captcha-section label {
        display: none;
    }

    .captcha-section {
        grid-template-columns: 1fr;
        grid-template-areas: "image" "input" "submit";
        gap: 1rem;
    }

    .input-wrapper input::placeholder,
    .captcha-section input::placeholder {
        color: revert;
    }
}