.contact_title {
    color: #252b62;
}
select :focus {
    outline: none !important;
    border: 1px solid #41e596 !important;
}
.contact_form {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    ::placeholder {
        color: #b5b6b6;
    }
    .contact_field {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 45%);
        grid-template-rows: repeat(2, 40px);
        grid-gap: 20px;

        input:focus {
            outline: none !important;
            border: 1px solid #41e596 !important;
        }
    }
    .contact_area {
        width: 100%;
        height: 180px;
        .contact_area_input {
            width: 92%;
            resize: none;
        }
        .contact_area_input:focus {
            outline: none !important;
            border: 1px solid #41e596 !important;
        }
    }
    input[type="checkbox"] {
        width: 14px;
        height: 14px;
    }
    .upload_area {
        width: 100%;
        height: 180px;
    }
}

.contact_container {
    display: grid;
    grid-template-columns: repeat(3, 32%);
    grid-template-rows: repeat(1, 350px);
    justify-content: space-between;

    .contact_card {
        box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    }
}
#contact,
#resume {
    transition: border-bottom 0.3s ease-in-out;
}
#buttonResume,
.submit_btn {
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
#buttonResume:hover,
.submit_btn:hover {
    box-shadow: 0 0 10px#252B62;
}

@media (max-width: 1024px) {
    .contact_form {
        .contact_form_title,
        .contact_form_title_mb {
            padding-inline: 4.5%;
            font-size: 28px;
        }
        .contact_field {
            display: flex;
            flex-direction: column;
            padding-inline: 4%;
        }
        .contact_checkbox {
            display: flex;
            flex-direction: column;
            padding-left: 0;
            gap: 0;
            div {
                padding-inline: 4%;
                justify-content: flex-start;
            }
        }
        .submit_btn,#buttonResume {
            height: 50px;
            width: 92%;
            margin-bottom: 25px;
        }
        .howhear_text,
        .policy_checkbox,
        .howhear_dropdown {
            padding-inline: 4%;
        }
    }

    .contact_container {
        display: flex;
        flex-direction: column;
        .contact_card {
            margin-top: 20px;
            padding-top: 15px;
            padding-bottom: 15px;
            .contact_card_img img {
                width: 70px;
                height: 70px;
            }
        }
    }
}

@media (max-width: 768px) {
    .contact_title {
        padding: 40px 0 !important;
    }
    .contact_form {
        .contact_form_title,
        .contact_form_title_mb {
            font-size: 24px;
        }
    }
}