/* ____________Hero Section__________ */

.contact-hero-section{
    padding: 140px 40px 50px;
}

.contact-hero-section .hero-content{
    max-width: 650px;
}

.hero-heading{
    font-size: 55px;
    font-weight: 700;
}

.hero-subheading{
    font-size: 18px;
    font-weight: 500;
}




/* ____________Form Section__________ */
.contact-form-section{
    padding: 10px 40px 60px;
}

.contact-form-section .contact-info-headings{
    max-width: 300px;
}

.contact-form-section .section-heading{
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
}

.contact-form-section .why-partner-description{
    font-size: 18px;
    line-height: 1.2;
}

.contact-form-section .contact-info-list a{
    color: #fff;
}

.contact-form-section .contact-info-list a:hover{
    color: var(--color-secondary);
}

.contact-form-section .contact-info-list .contact-li-icon{
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.contact-form-section .row{
    border-radius: 10px;
    min-height: 600px;
}

.contact-form-section .row > div{
    padding: 40px;
    border-radius: 10px;
}



@media screen and (max-width: 992px) {
    .contact-form-section .row > div{
        padding: 30px 15px;
    }
}

@media screen and (max-width: 768px) {
    .contact-hero-section{
        padding: 120px 20px 20px;
    }

    .hero-heading{
        font-size: 42px;
    }

    .hero-subheading{
        font-size: 16px;
    }


    /* ____________Form Section__________ */
    .contact-form-section{
        padding: 10px 20px 50px;
    }
}

@media screen and (max-width: 576px) {
    .contact-hero-section{
        padding: 110px 8px 20px;
    }
    .contact-form-section .contact-info-list .contact-li-icon{
        width: 16px;
        height: 16px;
        margin-top: 3px;
    }
    .contact-form-section .row > div.contact-form-col{
        padding: 30px 8px;
    }
}