.contact {
    background: url(https://img.freepik.com/free-photo/top-view-blue-monday-concept-composition-with-telephone_23-2149139101.jpg?w=1380&t=st=1693149691~exp=1693150291~hmac=585928d8ab655ee15f2665c455919a77feea5f72ca3723c4fbd60ee0bdb6ee0a);
    min-height: 30vh;
    background-position: center;
    background-size: cover;
}
.contact__message {
    width: 30%;
    color: var(--black);
    background: rgba(255, 255, 255,0.9);
    padding: 1.5rem;
    border-radius: 1rem;
}
.form__group {
    margin: 1.5rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.form__group input ,.form__group textarea {
    width: 100%;
    padding: .4rem 1rem;
    border: .1rem solid var(--gray);
    resize: none;
}

.form__group:nth-of-type(1) input {
    width: 48%;
    flex-grow: 1;
}

.branch_item {
    background: var(--gray);
    height: 18rem;
    padding: 2rem ;
    border: .1rem solid rgba(0, 0, 0, .1);
}
.contact_info_social a {
    transition: .4s;
}

.contact_info_social a:hover {
    color: var(--secondary) !important;
}
@media (max-width:768px) {
    .form__group:nth-of-type(1) input {
        width: 100% ;
    }
    .contact__message {
        width: 100%;
    }
}