.contact-us-container {
    padding: 10% 0;
}

.contact-us-container > .d-flex > .p-2:first-child {
    width: 70%;
}

.contact-us-container > .d-flex > .p-2:nth-child(2) {
    width: 40%;
}

.contact-us-detail-container {
    padding: 10%;
}

.contact-us-details {
    display: flex;
}

.contact-us-detail-heading {
    font-family: "DM Serif Display";
    color: #273e60;
    font-weight: bold;
}

.contact-us-details-data {
    margin: 10% 0 10% 5%;
}

.contact-us-details-data > p {
    margin: 0;
}

.contact-us-form {
    margin-top: 5%;
}

.contact-us-form > .d-flex {
    padding-right: 10%;
}

.mobile-contact-us-form {
    display: none;
}

.contact-us-form .form-group > label, .mobile-contact-us-form .form-group > label {
    font-weight: bold;
}

@media (max-width: 1024px) and (min-height: 1366px) {
    .contact-us-container {
        padding: 12% 0;
    }
}

@media (max-width: 990px) {
    .contact-us-container > .d-flex {
        display: block !important;
        padding: 0;
    }

    .contact-us-container > .d-flex > .p-2:first-child, .contact-us-container > .d-flex > .p-2:nth-child(2) {
        width: 100%;
    }

    .contact-us-form > .d-flex {
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .contact-us-container {
        padding: 17% 0;
    }

    .contact-us-container > .d-flex {
        padding: 0 15px;
    }

    .contact-us-form {
        display: none;
    }

    .mobile-contact-us-form {
        display: block;
    }

    .contact-us-details {
        display: block;
        width: 100%;
        text-align: center;
    }

    .contact-us-details-data {
        margin: 15% 0;
    }
}

@media (max-width: 600px) {
    .contact-us-container {
        padding: 25% 0;
    }
}