.contact-us-page{
 width: 100%;
 background-image: url('/newmoban/_external/demo.mobanwang.com/mb/lo202601/202601060/html/images/projects-bg.png');
 background-size: cover;
 height: fit-content;
}
.contact-us-page-group{
 width: 100%;
 height: 100%;
}
.contact-us-page-social{
 bottom: 5%;
 /* left: 18%; */
 left:12px;
 width: 95%;
}

.contact-form button:hover{
  background-color: var(--green) !important;
  color: #fff !important;
  border-color: var(--green) !important;
}

.conact-us-right {padding-left: 80px !important;}
.contact-us-page-social .pin-svg path,.contact-us-page-social .call-svg path,.contact-us-page-social .email-svg path{
 fill: var(--green);
}
.contact-us-page-social .clock-svg path{stroke: var(--green);}

.contact-us-page-social a span{color: var(--grey);}
.contact-us-page-social a:not(:last-child):hover span{color: var(--green) !important; font-weight: bold;}
.contact-us-page-social .icon-bg{background-color:#4AAB3D1A;}
.contact-us-page-social {background-color: #fff;}
.contact-us-right input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media (max-width:1399px){
.conact-us-right {padding-left: 20px !important;}

}

@media(max-width:767px){
 .contact-us-page-group{
  flex-direction: column;
 }
 .contact-us-right{padding-left: 0px !important;}
}