.weare-sub__wrapper{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 739px;
}

.we-are__container{
    padding: 7rem 9rem 9rem 9rem;
    background: url("../img/we-are-bg.webp");
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 100%;
}


.contact-container{
    /* height: 100vh; */
    width: 100%;
    display: flex;
    flex-direction: column;
}

.we-are__container >h1{
font-size: 58px;  
}

.input-style__wrapper{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.email-contact__wrapper{
    display: flex;
    gap: 1.5rem;
}

.input-style__wrapper > input, textarea{
    border-radius: 6px;
    padding: 0.5rem;
    border: 1px solid #B9B9B9;
    outline: none;
}
.contact-send-button{
    background-color: #EDC55A;
    padding: 0.5rem;
    width: 100%;
    border-radius: 6px;
}

.contact-form__container{
    background: url("../img/contact-right-img.webp")no-repeat;
    background-position: right;
    background-size: contain;
    padding: 3rem 9rem;
}

.contact-form__wrapper{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
    background-color: #ffffffe8;
    border-radius: 6px;
    max-width: 700px;
}

.contact-form__wrapper header > h1{
    font-size: 50px;
}

.contact-inputs__container{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contact-input-style{
    width: unset;
}

.nav-contact {
    background-color: #EDC55A;
    width: 121px;
    border-radius: 10px 10px 0 0;

}

.nav-contact>img {
    filter: contrast(31.5);
}

div.nav-contact>p {
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width:600px) {
    .we-are__container{
        padding: 2rem;
        height: unset;
        background: url("../img/mob-contact-bg.jpg")no-repeat;
        background-position: center;
        height: 830px;
        background-size: cover;
        gap: 1rem;
    }
    .weare-sub__wrapper{
        width: unset;
        gap: .5rem;
    }
    .weare-sub__wrapper >p{
        font-size: 12px;
    }

    .contact-form__container{
        padding: 1rem;
        background: url("../img/mob-contact-form-bg.jpg")no-repeat;
        background-position: center;
        background-size: cover;

    }

    .input-style__wrapper > p{
        font-size: 12px;
        
    }

    .contact-form__wrapper{
        padding: 0;
        max-width: unset;
        background-color:unset;
    }

    .input-style__wrapper{
        /* width: unset; */
    }

    .contact-input-style{
        width: 100%;
    }
    
    .email-contact__wrapper {
        gap: 1rem;
        flex-direction: column;
    }

    .contact-form__wrapper header > p{
        font-weight: bold;
    }

    .mob-contact-option{
        background-color: #EDC55A ;
    }

    .mob-contact-option >p{
        color: #fff ;
    }

    .mob-contact-option >img{
        filter: brightness(5);
    }
}

@media screen and (max-width:375px) {
    .email-contact__wrapper{
        flex-direction: column;
    }
}