body {
    background: #F8F8F8;
}


.contact-us__container {
    position: relative;
    background-color: var(--color-white);
    width: min(114.6rem, calc(100% - 1.6rem));
    margin-inline: auto;
    top: -5rem;
    padding: 6.5rem 23.3rem 11.5rem;
}

.contact-us__container>p {

    margin-block: 2rem 3rem;
    max-width: 45.2rem;
}

.contact-us__container>form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 33rem), 1fr));
    row-gap: 1.5rem;
    column-gap: 2rem;
}

.contact-us__container>form> :is(.message-field, .btn) {
    grid-column: 1/-1;
}


.contact-us__container>form>.btn {
    padding: 1.5rem 2rem;
    font-size: 1.8rem;
}

@media screen and (max-width: 992px){
    h4 {
        font-size: 3rem;
    }

}

@media screen and (max-width:480px) {
    .contact-us__container{
        padding: 3.9rem 1.6rem 5.4rem;
        top: -3rem;
    }

    .contact-us__container > form{
        gap: 1rem;
    }


}