.contactPage {
    background-color: #f9f9f9;
}
.contactPage .getInTouch .card .card-header i {
    font-size: 40px;
    color: var(--primary-green);
}
.contactPage .getInTouch .card .card-body {
    height: 84px;
}
.contactPage .getInTouch .card .card-body .addressText {
    color: var(--primary-blue);
}
.contactPage .contactDetail .card {
    border: 1px solid var(--primary-blue);
    height: 312px;
    overflow: hidden;
}
.contactPage .contactDetail .card .card-header {
    background-color: transparent;
    height: 155px;
}
.contactPage .contactDetail .card .card-header i {
    font-size: 32px;
    color: var(--primary-green);
}
.contactPage .contactDetail .card .card-header h4 {
    font-size: 22px;
    min-height: 78px;
    overflow: hidden;
}
.contactPage .contactDetail .card .card-header hr {
    width: 25%;
    margin: auto;
    border-radius: 40px;
    border: 3px solid var(--primary-green);
    opacity: 1;
}
.contactPage .contactDetail .card .card-body a {
    color: var(--primary-blue);
}
.contactPage .contactDetail .card .card-body a i {
    font-size: var(--font-20);
    color: var(--primary-green);
}
.contactPage .contactDetail .card .card-body .phnText{
    height: 45px;
    overflow: hidden;
}
.contactPage .contactDetail .card:hover {
    background-color: var(--primary-blue);
    transition: all ease-in;
}
.contactPage .contactDetail .card:hover .card-header i {
    color: var(--primary-green);
}
.contactPage .contactDetail .card:hover .card-header h4 {
    font-size: 22px;
    color: var(--bs-white);
}
.contactPage .contactDetail .card:hover .card-body a {
    color: var(--bs-white);
}

.contactPage .contactForm .formHeading{
    font-size: 18px;
    line-height: 24px;
}



@media (max-width: 767px) {
    .contactPage .mapSection iframe{
        height: 280px;
    }
    .contactPage .contactDetail .card,
    .contactPage .contactDetail .card .card-header,
    .contactPage .contactDetail .card .card-header h4,
    .contactPage .contactDetail .card .card-body .phnText {
        height: auto;
    }
    .contactPage .contactDetail .card .card-header h4{
        min-height: auto;
    }
}