.contact-container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    margin-top: 70px;
    height: 100vh;
}

.contact-left{
    width: 640px;
}

.contact-header{
    width: 637px;

    color: #0A0A0A;
    font-family: Urbanist;
    font-size: 72px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%; /* 82.8px */
    letter-spacing: -2px;
}

.contact-description{
    color: #3B3B3B;

    /* Body/18px/Regular */
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 30.6px */
}

.contact-right{
    display: flex;
    width: 797px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;

    margin-left: 140px;
}

.contact-form-names-wrapper{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.contact-form-item{
    display: flex;
    height: 90px;
    /* padding: 16px 286.5px 16px 24px; */
    align-items: center;
    flex: 100;

    border-radius: 16px;
    border: 1.5px solid rgba(216, 226, 230, 0.70);

    background: #F0F5F6;

    margin:  24px;
    height: 100%;
}

.contact-form-item input, .contact-form-item textarea{
    appearance: none;
    -webkit-appearance: none;
     box-shadow: none !important;
    border: none;
    background: none;
}

.contact-form-item p{
    padding: 12px 24px;
}

.contact-submit-button{
    margin:  24px;
    
    border-radius: 1000px;
    background: #0A0A0A;

    color: #FFF;
    /* Body/16px/Medium */
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 25.6px */

    display: flex;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}


/* Styles for iPad Mini */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .contact-container{
        flex-direction: column;

        height: auto;
        margin: 60px auto;
    }
}