.contactSection{display:block}
.contactSection .container{display:flex;flex-direction:column;gap:15px}
.contactSection .contactBox{padding:30px;background:#2B5BA7;display:flex;gap:20px;border-radius:50px;position:relative;flex-direction:row-reverse}
.contactSection .contactDetails{padding:30px;width:50%;background:#F7F9FB;display:flex;flex-direction:column;border-radius:30px;overflow:hidden;gap:10px}
.contactSection .contactDetails h2{font-size:35px;font-weight:400;line-height:40px;color:#2B5BA7}
.contactSection .contactDetails h2 strong{color:#2B5BA7;font-weight:700}
.contactSection .contactDetails p{color:#666}
.contactSection .contactDetails .itemBox{margin-top:40px;display:flex;gap:40px;flex-direction:column}
.contactSection .contactDetails .itemBox .item{position:relative;display:flex;gap:15px}
.contactSection .contactDetails .itemBox .item .icon{width:60px;height:60px;border:solid 2px #2B5BA7;background:#2B5BA7;border-radius:100px;display:flex;align-items:center;justify-content:center}
.contactSection .contactDetails .itemBox .item .icon img{max-height:30px;max-width:30px}
.contactSection .contactDetails .itemBox .item .details{padding-top:8px;width:calc(100% - 80px);display:flex;flex-direction:column}
.contactSection .contactDetails .itemBox .item .details .tagName{font-size:14px;color:#666}
.contactSection .contactDetails .itemBox .item .details .tagType{font-size:20px;font-weight:600;color:#2B5BA7;line-height:1.2}
.contactSection .contactImg{width:50%;border-radius:30px;overflow:hidden}
.contactSection .contactImg img{width:100%;height:100%;object-fit:cover}
.socialLinksBox{margin:30px 0 0 75px}
.socialLinksBox ul{display:inline-flex;gap:10px;align-items:center;flex-direction:initial;justify-content:center;position:relative}
.socialLinksBox ul li{display:flex}
.socialLinksBox ul li a em{display:block;font-size:35px;color:#2B5BA7}
.socialLinksBox ul li:hover a{text-decoration:none}
.socialLinksBox ul li:hover a em{color:#2D385E!important}
.quickContactSection{background:#F4F6F8}
.mapBoxSection{display:flex;gap:20px}
.mapBoxSection .mapBox{width:50%;background:#f5f3f3;border-radius:30px;overflow:hidden}
.mapBoxSection .mapBox .iframe{width:100%;height:100%}
.mapBoxSection .formBox{display:block;width:50%}
.mapBoxSection .formBox .formHeadingBox{padding:30px;background:#2B5BA7;display:flex;flex-direction:column;border-radius:30px 30px 0 0}
.mapBoxSection .formBox .formHeadingBox strong{font-size:25px;color:#fff;font-weight:600}
.mapBoxSection .formBox .formHeadingBox p{margin-top:10px;color:#fff;font-weight:300;display:block}
.mapBoxSection .formBox form{padding:30px;background:#fff;border-radius:0 0 30px 30px;display:flex;flex-wrap:wrap;gap:10px 15px;border:solid 1px #2d385e1c}
.mapBoxSection .formBox .form-group{width:100%}
.mapBoxSection .formBox .btnBox{margin:0;width:100%;justify-content:flex-end}
.ourOfficesSection{display:block;overflow:hidden;position:relative}
.ourOfficesBg{position:absolute;top:0;left:0;width:100%;height:100%}
.ourOfficesBg img{width:100%;height:100%;object-fit:cover}
.ourOfficesBg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.85;background-image:linear-gradient(295deg,#f20000,#2b5ba7)}
.ourOfficesBox{margin-top:35px;position:relative;display:flex;gap:20px}
.ourOfficesBox .item{width:25%;display:flex;flex-direction:column;background:#ffffff3b;border:#FFF solid 1px;border-radius:30px;text-align:center}
.ourOfficesBox .item h3{padding:15px 20px;font-size:22px;color:#fff}
.ourOfficesBox .item .box{padding:20px;border-top:#ffffff4a solid 1px;min-height:200px}
.ourOfficesBox .item .box + .box{min-height:auto}
.ourOfficesBox .item .box p{margin-top:15px;font-size:14px;color:#fff}
.ourOfficesBox .item .box a{margin-top:10px;font-size:14px;color:#fff}
.ourOfficesBox .item:hover .box a{text-decoration:underline}
@media screen and (max-width:1024px) {
.contactSection .contactDetails .itemBox .item .details .tagType{font-size:18px}
.ourOfficesBox{flex-wrap:wrap}
.ourOfficesBox .item{width:calc(50% - 10px)}
.ourOfficesBox .item .box{min-height:150px}
}
@media screen and (max-width:768px) {
.contactSection .contactBox,.mapBoxSection{flex-direction:column}
.contactSection .contactDetails,.mapBoxSection .formBox,.mapBoxSection .mapBox{width:100%}
.contactSection .contactImg{width:100%;height:250px}
.mapBoxSection .mapBox{height:400px}
}
@media screen and (max-width:540px) {
.quickContactSection{padding-top:0px;background:none;}
.contactSection{padding-bottom:15px;}
.contactSection .contactBox,.mapBoxSection,.ourOfficesBox{gap:15px;}	
.contactSection .contactImg,.contactSection .contactDetails, .contactBox .formBox,.contactSection .contactBox,.mapBoxSection .mapBox,.mapBoxSection .formBox,.ourOfficesBox .item{border-radius:15px;}	
.contactSection .contactDetails h2{line-height:32px; }
.contactSection .contactImg,.mapBoxSection .mapBox{height:200px}
.contactSection .contactBox{padding:0;background:none}
.contactSection .contactDetails,.contactBox .formBox{padding:15px;border:solid 1px #2d385e1c}
.contactSection .formBox form{margin-top:10px}
.contactSection .formBox form .form-group{width:100%!important}
.contactSection .contactDetails .h2Heading,.contactSection .formBox .h2Heading{font-size:25px}
.contactSection .contactDetails .itemBox{margin-top:20px}
.contactSection .contactDetails .itemBox .item .icon img{max-height:20px;max-width:20px}
.contactSection .contactDetails .itemBox .item .details{padding-top:0}
.contactSection .contactDetails .itemBox .item .details .tagType{font-size:14px}
.contactSection .contactDetails .itemBox .item .icon{width:40px;height:40px;border:solid 1px #2B5BA7;font-size:20px}
.socialLinksBox{margin:30px 0 0 55px}
.mapBoxSection .formBox .formHeadingBox p{font-size:10px;line-height:16px;}
.mapBoxSection .formBox .formHeadingBox,.mapBoxSection .formBox form{padding:15px}
.mapBoxSection .formBox .formHeadingBox{border-radius:15px 15px 0 0;}
.mapBoxSection .formBox form{border-radius:0 0 15px 15px;}
.ourOfficesBox .item{width:100%}
}