.contact_hero_wrapper{
    background-color: #F9F9F9;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

}

.contact_hero{
    justify-content: center;
    align-items: center;
}

.contact_hero_content{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.contact_hero_content p{
    width: 85%;
}

.contact_link{
    color: rgb(63, 63, 63);
    font-size: var(--small-font-size);
    font-weight: 500;
    margin-bottom: 1rem;
}
.contact_desc{
    width: 80%;
}

.contact_left{
    width: 50%;
}
.contact_right{
    width: 50%;
}

.contact_main{
    align-items: center;
    justify-content: center;
}

.contact_head{
    flex-direction: column;
    gap: 1rem;
}

.contact_left{
    flex-direction: column;
    gap: 2rem;
}

.contact_form_ori{
    border-radius: 10px;
    padding: 2.5rem;
    background-color: rgba(249, 249, 249, 1);
}
.contact_form_ori input{
    background-color: white;
    border-radius: 6px;
}
.contact_form_ori textarea{
    background-color: white;
    border-radius: 6px;
}

@media only screen and (max-width: 750px) {
    .contact_hero{
        flex-direction: column-reverse;
        justify-content: center;
        align-content: center;
        gap: 1rem;
        min-height: calc(100vh - var(--header-height));
    }
    .contact_hero_content{
        width: 100%;
    }
    .contact_hero_gallery{
        width: 95%;
    }
    .contact_main{
        flex-direction: column;
        gap: 1rem;
    }
    .contact_left,.contact_right{
        width: 100%;
    }
}

/* @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
    .contact_hero_wrapper{
        min-height: 70vh;
    }
} */
