.page-contact{
  background: url(../images/contact_ban.jpg) center center no-repeat;
  background-size: cover;
}
.contact-us-page{
 width: 100%;
 background-image: url('../images/projects-bg.png');
 background-size: cover;
 height: fit-content;
}
.contact-us-page-group{
 width: 100%;
 height: 100%;
}
.contact-us-page-social{
 bottom: 0;
 left:0;
 right: 0;
 padding: 4%;
 box-shadow: 0 3px 5px rgba(0,0,0,0.08);
}

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

.conact-us-right {padding-right: 4%;}
.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:991px){
  .conact-us-left{
    margin-top: 40px;
  }
}
@media(max-width:767px){
 .contact-us-page-group{
  flex-direction: column;
 }
 .contact-us-right{padding-left: 0px !important;}
}