.form-verita-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #e7e5e4;
    padding: 2rem 1rem;
    container-type: inline-size;
}

.form-verita-1 .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5.25rem;
    width: 100%;
    background-color: white;
    padding: 4rem 4rem 6rem;
    max-width: 101rem;
}

.form-verita-1 .content-wrapper .upper-part {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.form-verita-1 .content-wrapper .upper-part .left-side {
    display: flex;
    flex-direction: column;
    width: 40rem;
    gap: 1.5rem;
}

.form-verita-1 .content-wrapper .upper-part .left-side > h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #a66a3f;
    font-weight: 500;
}

.form-verita-1 .content-wrapper .upper-part .left-side > h2 {
    font-size: 3rem;
    line-height: 3.25rem;
    color: #161b1d;
    font-weight: 500;
}

.form-verita-1 .content-wrapper .upper-part .right-side {
    display: flex;
    flex-wrap: wrap;
    width: 28rem;
    gap: 1.5rem;
    row-gap: 3rem;
}

.form-verita-1 .content-wrapper .upper-part .right-side .contact-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-verita-1 .content-wrapper .upper-part .right-side .contact-item .contact-icon {
    width: 1.5rem;
    height: 1.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.form-verita-1 .content-wrapper .upper-part .right-side .contact-item .contact-text {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #161b1d;
    font-weight: 500;
}

.form-verita-1 .content-wrapper .contact-form {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}

.form-verita-1 .content-wrapper .contact-form .left-group {
    display: flex;
    gap: 0.5rem;
}

.form-verita-1 .content-wrapper .contact-form .left-group .input-container {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    border: solid 1px #949b9e;
    width: auto;
    height: 4rem;
    padding-inline: 1.5rem;
}

.form-verita-1 .content-wrapper .contact-form .left-group .input-container > input {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 1.25rem;
    line-height: 1rem;
    color: #161b1d;
    font-weight: 500;
    border-bottom: 0.14rem solid transparent;
    transition-duration: 0.4s;
}

.form-verita-1
    .content-wrapper
    .contact-form
    .left-group
    .input-container
    > input.invalid {
    border-bottom: 0.14rem solid #fe0000;
}

.form-verita-1 .content-wrapper .contact-form .left-group .input-container > span {
    font-size: 1.4rem;
    font-weight: 500;
}

.form-verita-1
    .content-wrapper
    .contact-form
    .left-group
    .input-container
    > input:focus {
    outline: none;
}

.form-verita-1
    .content-wrapper
    .contact-form
    .left-group
    .input-container
    ::-moz-placeholder {
    color: #161b1d;
}

.form-verita-1
    .content-wrapper
    .contact-form
    .left-group
    .input-container
    ::placeholder {
    color: #161b1d;
}

.form-verita-1 .content-wrapper .contact-form > button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 28rem;
    border-radius: 2rem;
    padding: 1.5rem 2rem;
    border: unset;
    background-color: #fd2a00;
    color: white;
    font-size: 1.25rem;
    line-height: 1rem;
    cursor: pointer;
    transition-duration: 0.4s;
}

.form-verita-1 .content-wrapper .contact-form > button.sending {
    background-color: #535353;
}

.form-verita-1 .content-wrapper .contact-form > button.sent {
    background-color: #0b8000;
}

.form-verita-1 .content-wrapper .contact-form > button .button-icon {
    width: 1rem;
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.form-verita-1 .content-wrapper .contact-info-phone-tablet-container {
    display: none;
}

@container (max-width: 100rem) {
    .form-verita-1 {
        padding: 4rem 4.5rem 6rem;
    }

    .form-verita-1 .content-wrapper {
        gap: 0;
        width: 100%;
        max-width: unset;
    }

    .form-verita-1 .content-wrapper .upper-part {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .form-verita-1 .content-wrapper .upper-part .left-side {
        width: 100%;
    }

    .form-verita-1 .content-wrapper .upper-part .left-side > h2 {
        font-size: 3rem;
        line-height: 3.25rem;
        font-weight: 500;
    }

    .form-verita-1 .content-wrapper .upper-part .right-side {
        display: none;
    }

    .form-verita-1 .content-wrapper .contact-form {
        display: flex;
        flex-direction: column;
        justify-content: unset;
        margin-top: 4rem;
        gap: 0;
    }

    .form-verita-1 .content-wrapper .contact-form .left-group {
        flex-direction: column;
        gap: 2rem;
    }

    .form-verita-1 .content-wrapper .contact-form .left-group .input-container {
        width: 33rem;
        height: 5rem;
        padding-inline: 2rem;
    }

    .form-verita-1 .content-wrapper .contact-form .left-group .input-container > input {
        font-size: 1.5rem;
        line-height: 1.25rem;
    }

    .form-verita-1 .content-wrapper .contact-form > button {
        margin-top: 4rem;
        margin-bottom: 5rem;
        width: 28rem;
    }

    .form-verita-1 .content-wrapper .contact-info-phone-tablet-container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 3rem;
    }

    .form-verita-1 .content-wrapper .contact-info-phone-tablet-container .contact-item {
        display: flex;
        gap: 0.75rem;
        align-items: center;
    }

    .form-verita-1
        .content-wrapper
        .contact-info-phone-tablet-container
        .contact-item
        .contact-icon {
        width: 1.5rem;
        height: 1.5rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .form-verita-1
        .content-wrapper
        .contact-info-phone-tablet-container
        .contact-item
        .contact-text {
        font-size: 1.5rem;
        line-height: 2rem;
        color: #161b1d;
        font-weight: 500;
    }
}

@container (max-width: 45rem) {
    .form-verita-1 {
        padding: 1.5rem;
    }

    .form-verita-1 .content-wrapper .upper-part .left-side > h2 {
        font-size: 2rem;
        line-height: 2.25rem;
        font-weight: 600;
    }

    .form-verita-1 .content-wrapper .contact-form {
        margin-top: 3rem;
    }

    .form-verita-1 .content-wrapper .contact-form .left-group {
        flex-direction: column;
        gap: 1rem;
    }

    .form-verita-1 .content-wrapper .contact-form .left-group .input-container {
        width: 100%;
        height: 4rem;
        padding-inline: 1.5rem;
    }

    .form-verita-1 .content-wrapper .contact-form .left-group .input-container > input {
        font-size: 1.25rem;
        line-height: 1rem;
    }

    .form-verita-1 .content-wrapper .contact-form > button {
        margin-top: 3rem;
        margin-bottom: 3rem;
        width: 100%;
    }

    .form-verita-1 .content-wrapper .contact-info-phone-tablet-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        gap: 1rem;
    }

    .form-verita-1 .content-wrapper .contact-info-phone-tablet-container .contact-item {
        display: flex;
        gap: 0.5rem;
    }

    .form-verita-1
        .content-wrapper
        .contact-info-phone-tablet-container
        .contact-item
        .contact-icon {
        width: 1rem;
        height: 1rem;
    }

    .form-verita-1
        .content-wrapper
        .contact-info-phone-tablet-container
        .contact-item
        .contact-text {
        font-size: 0.875rem;
        line-height: 1rem;
    }
}