.font55 {font-size: 55px !important;}
.fontBo {font-weight: bold;}
.padT20 {padding-top: 20px;}
.padT30 {padding-top: 30px;}
.mar0 {margin: 0px;}
.contact-header {margin: 30px 0px 0px 0px !important;}
.hrLine {width: 40%; margin: 20px auto;}
.txtcenter {text-align: center;}

.addressbox {position: relative;z-index: 2;padding: 40px;}
.icon-circle {display: inline-flex;align-items: center;justify-content: center;background-color: #8d1e0a;color: white;width: 40px;height: 40px;border-radius: 50%;font-size: 20px;}
.icon-contact-box {display: flex;align-items: center;justify-content: center;gap: 30px;flex-wrap: nowrap;overflow-x: auto;padding: 10px 20px;}
.contact-item {display: flex;align-items: center;gap: 10px;white-space: nowrap;}
.icon-circle {background-color: #8d1e0a;color: white;border-radius: 50%;padding: 10px;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;font-size: 18px;}

.mapbox {position: relative;z-index: 1;margin-top: -20%;line-height: 0px;}
.mapboximg {margin-bottom: 0;  background-image: url(/images/contact/bg.jpg); background-size: cover; background-position: center center;  position: relative;}
.mapboximginner {position: relative; z-index: 2; margin-bottom: -100px; text-align: center; padding-top: 200px;}
.mapboximginner img {display: block; margin: 0 auto;}

.mapboxGooGle {position: relative; z-index: 1;}

@media (max-width: 767px) {
    .icon-contact-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        flex-wrap: wrap;
    }
}