.design_ico{background:url(../images/designation.png)no-repeat top left; background-position:center; background-size:auto; display:inline-block; width:25px; height:25px; margin-right:8px;}
.mail_ico{background:url(../images/mail_ico.png)no-repeat top left; background-position:center; background-size:auto; display:inline-block; width:25px; height:25px; margin-right:8px;}
.phone_ico{background:url(../images/phone_ico.png)no-repeat top left; background-position:center; background-size:auto; display:inline-block; width:25px; height:25px; margin-right:8px;}

.contactSection{background:url(../images/contact_us_bg.png)no-repeat bottom 0 left 0; background-size:104% 102%;}
.dotted_ringsBg{padding:150px 0 220px;background:url(../images/Ellipse17.png)no-repeat right -96px top 15px, url(../images/lightdot.png)no-repeat bottom -83px right 65px;}
.mapPinWrap{position:relative; padding:20px; margin-top:200px; background-color:#fff; border-radius:10px;}
.mapPinWrap:after{content:""; left:80px; bottom:-23px; width:0px; position:absolute; border-top:25px solid #fff; border-left:15px solid transparent; border-right:15px solid transparent;}
.mapPinWrap .mapAddress p{color:#182920; font-size:14px; font-weight:700; letter-spacing:0.9px; line-height:22px; font-family:'Muli', sans-serif;}
.mapAddress .mapointerCircle{position:absolute; display: block; bottom:-100px; left:71px;width:48px; height:48px; padding:14px; border-radius:50%; background-color:rgb(255 255 255 / 0.60); box-shadow:0 0 0 8px rgb(255 255 255 / 0.3); animation:pulse 2s infinite;}
.mapAddress .mapointerCircle .circle{width:100%; height:100%; border-radius:50%; background-color:#fff;}

.mapAddress .mapointerCircle:hover{animation:none;}

@-webkit-keyframes pulse {
0%{-webkit-box-shadow:0 0 0 8px rgb(255 255 255 / 0.3)}
70%{-webkit-box-shadow:0 0 0 14px rgb(255 255 255 / 0.4)}
100%{-webkit-box-shadow:0 0 0 8px rgb(255 255 255 / 0.3)}
}
@keyframes pulse {
0%{-moz-box-shadow:0 0 0 8px rgb(255 255 255 / 0.3);box-shadow:0 0 0 8px rgb(255 255 255 / 0.3)}
70%{-moz-box-shadow:0 0 0 14px rgb(255 255 255 / 0.4);box-shadow:0 0 0 14px rgb(255 255 255 / 0.4)}
100%{-moz-box-shadow:0 0 0 8px rgb(255 255 255 / 0.3);box-shadow:0 0 0 8px rgb(255 255 255 / 0.3)}
}

.contactFormWrap {padding:70px 68px; background-color:#fff; border-radius:15px; box-shadow:0 1px 16px 0 rgb(0 0 0 / 16%)}
.contactFormWrap h3{color:#29373F; font-size:30px; margin:0 0 30px; font-weight:700; letter-spacing:0.8px; line-height:45px; font-family:'Muli', sans-serif;}
.contactFormWrap p{color:#18B5B1; font-size:14px; font-weight:400; letter-spacing:0.8px; line-height:18px; font-family:'Muli', sans-serif; width: 100% !important;}
.contactFormWrap .form-group{position:relative; padding:15px 0 24px;}
.contactFormWrap .form-group *{text-align:left;}
.contactFormWrap .form-group .form-control{text-align:left; color:#000; padding:8px 15px; border:none; border-bottom:1px solid #707070; border-radius:0; box-shadow:none;}
.contactFormWrap .form-group label{position:absolute; top:22px; left:15px; color:#BDBDBD; font-size:16px; font-family:'Muli', sans-serif; letter-spacing:0.9px; line-height:22px; transition:all 0.4s ease-in-out;}
.form-group.labelfocus label {top:-1px; font-size:12px;}
.contactFormWrap .form-group label.labelfocus{transform:translate(15px, -15px); font-size:12px;}

.contactCardWrap{padding-top:80px;}
.contactCardWrap .contactCard{padding:40px 30px 30px; border-radius:12px; box-shadow:0 0 12px 0 rgb(0 0 0 / 16%); text-align:left; background-color:#fff;}
.contactCardWrap .equalBox{float:left; width:calc(100% / 3);}
.contactCardWrap .equalBox .contactDetails{padding:8px 0;}
.contactCardWrap .equalBox .contactDetails span,
.contactCardWrap .equalBox .contactDetails a{color:#6B727E; font-size:18px; font-family:'Muli', sans-serif; letter-spacing:0.9px; line-height:22px; display:inline-block; vertical-align:middle;}

@media(max-width:1024px){
.contactSection{background:url(../images/contact_us_bg.png)no-repeat top 0px left; background-size:cover;}
.dotted_ringsBg{padding:40px 0 80px;}
.contactFormWrap{padding:40px 30px;}
.contactFormWrap .form-group{padding:8px 0 8px;}
.contactFormWrap .form-group label{top:15px;}
.form-group.labelfocus label {top:-4px; font-size:12px;}
.contactFormWrap p{margin:8px 0;}
.contactCardWrap{padding-top:40px;}
.mapPinWrap{margin-top:120px;}
.contactCardWrap .contactCard{padding:25px 20px;}
}

@media(min-width:768px) and (max-width:1023px){
.contactSection{background:url(../images/contact_us_bg.png)no-repeat top 0px left; background-size:cover;}
.dotted_ringsBg{padding:30px 0 80px;}
.contactFormWrap{padding:35px 20px;}
.contactFormWrap h3{font-size:22px; line-height:30px; margin:0 0 10px;}
.contactFormWrap .form-group{padding:8px 0 8px;}
.contactFormWrap .form-group label{top:15px;}
.form-group.labelfocus label {top:-4px; font-size:12px;}
.contactFormWrap p{margin:8px 0;}
.contactCardWrap{padding-top:40px;}
.mapPinWrap{margin-top:100px;}
.contactCardWrap .contactCard{padding:18px 8px;}
.contactCardWrap .equalBox .contactDetails span, 
.contactCardWrap .equalBox .contactDetails a{font-size:14px;}
.design_ico,
.mail_ico,
.phone_ico{width:18px; height:18px; background-size:100%;}
.contactCardWrap .equalBox .contactDetails{padding:5px 0;}
}

@media(max-width:767px){
.dotted_ringsBg{padding:30px 0 80px; background:url(../images/Ellipse17.png)no-repeat right -33px top 18px, url(../images/lightdot.png)no-repeat bottom -48px right -18px; background-size:18%;}
.mapPinWrap{margin-top:40px;}
.contactSection .leftContact{padding-bottom:130px;}
.mapAddress .mapointerCircle{bottom:-92px;}
.contactFormWrap{padding:25px 15px;}
.contactFormWrap h3{font-size:18px; line-height:28px; margin:0 0 10px;}
.contactFormWrap .form-group{padding:5px 0;}
.contactFormWrap .form-group label{left:10px;}
.contactFormWrap .form-group .form-control{padding:8px 10px}
.contactCardWrap .equalBox{width:100%; margin-bottom:15px;}
.contactCardWrap .contactCard{padding:20px 15px;}
.contactCardWrap .equalBox .contactDetails span, 
.contactCardWrap .equalBox .contactDetails a{font-size:15px;}
.contactCardWrap .equalBox .contactDetails{padding:5px 0;}
}