.contact-us-section {
    border-bottom: 1px solid #dcdddc;
    padding-top: 85px;
}
.contact-us {
    background: url(../images/contact-us-background.png) no-repeat;
    background-position-y: top;
    background-repeat: round;
}
.contact-us-container {
    display: flex;
}

.hop-on-board {
    background: linear-gradient(161.86deg, #94E7FD -3.03%, #EAFFF9 87.66%);
    padding: 64px 60px;
    flex: 0 0 50%;
}
.hop-on-board .heading-large {
    margin-bottom: 26px;
    line-height: 100%;
    padding-left: 14px;
    color: #2D2D2D;
}
.hop-on-board p {
    color: #2D2D2D;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    padding-left: 14px;
}
.hop-on-board p span{
    font-weight: 700;
}

.hop-on-board .team-behind-text {
    font-size: 78px;
    line-height: 70px;
    color: transparent;
    margin-top: 40px;
    margin-bottom: 40px;
}

.contact-us-form {
    flex: 0 0 50%;
    padding: 49px 74px;
}

.contact-us-form .form-control {
    background: #F3F3F3;
    line-height: 27px;
    font-size: 17px;
    padding: 16px 24px;
    border: 1px solid #f3f3f3;
    color: #2D2D2D;
    margin-bottom: 12px;
}
.first-name-last-name {
    display: flex;
    column-gap: 10px;
}

.checkbox-text {
    display: flex;
    column-gap: 8px;
}

/* Style for the Submit button */
.btn-submit {
    background-color: #d3d3d3; /* Grey background color */
    color: #FFF; /* Black text color */
    border: none; /* Remove border */
    padding: 9px 35px; /* Add padding for better spacing */
    font-size: 16px; /* Adjust font size */
    font-weight: 500; /* Slightly bold text */
    border-radius: 4px; /* Add rounded corners */
    cursor: pointer; /* Pointer cursor */
    margin-top: 32px;
}

/* Disable hover effects */
.btn-submit:hover {
    background-color: #d3d3d3; /* Keep the same grey background */
    color: #FFF; /* Keep the same text color */
    cursor: pointer; /* Ensure the pointer cursor remains */
}

.btn-submit-active {
    background-color: black;
    color: white;
    border: none;
    padding: 9px 35px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 32px;
}

/* Style for the Close button in the modal */
.modal-footer .btn-secondary {
    background-color: #fff; /* White background */
    color: #000; /* Black text */
    border: 1px solid #000; /* Black border */
    padding: 8px 16px; /* Add padding for better spacing */
    font-size: 14px; /* Adjust font size */
    border-radius: 4px; /* Add rounded corners */
    cursor: pointer; /* Pointer cursor */
    width: 222px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}

/* Disable hover effects */
.modal-footer .btn-secondary:hover {
    background-color: #fff; /* Keep the same white background */
    color: #000; /* Keep the same black text */
    border: 1px solid #000; /* Keep the same black border */
}

#contactUsModal .modal-body {
    text-align: center;
    padding: 65px 22px 27px;
}

#contactUsModal .modal-body .modal-title{
    font-size: 32px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase;
}

#contactUsModal .modal-body p{
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}

#contactUsModal .modal-body a{
    text-decoration: none;
}

#contactUsModal .btn-contact-us {
    width: 222px;
    white-space: nowrap;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}

#contactUsModal .modal-footer {
    justify-content: center;
    row-gap: 20px;
    border-top: 0;
}

#contactUsModal .modal-dialog {
    max-width: 516px;
}

@media (min-width: 1200px) {
    .hop-on-board .heading-large
    {
        font-size: 65px;
    }

    .hop-on-board .team-behind-text{
        font-size: 57px;
        line-height: 70px;
    }
}

@media (max-width: 576px) { 
    .contact-us {
        background: none;
    }
    .contact-us-container {
        flex-direction: column;
        padding: 0;
    }
    .hop-on-board {
        padding: 32px 18px;
    }
    .hop-on-board .heading-large {
        font-size: 48px;
        line-height: 62px;
    }
    .hop-on-board p {
        font-size: 24px;
        line-height: 36px;
    } 
    .hop-on-board .team-behind-text {
        font-size: 49px;
        line-height: 60px;
        margin-top: 76px;
    }
    .contact-us-form {
        padding: 50px 18px;
    }
    .first-name-last-name {
        flex-direction: column;
    }
    .contact-us-form .form-control {
        margin-bottom: 24px;
    }
    #contactUsModal .btn-contact-us {
        padding: 9px 30px;
    }
}