/*  ***************  3.8 contact us ************************************************* */
    
   form{
    text-align: left !important;
}
.contact-title{
    font-size: 1.5rem;
}
#map{
    width: 100%;
    height: 12rem;
    padding-bottom: 1rem;
}
.contact-inf{
   text-align: left;
   padding:2px 10px;
}
.contact-inf a i{
  padding: 10px 15px;
  color: var(--white-color);
  background-color:var(--black-color);
  transition: color .3s;
  border-radius: 0.5rem;
}
.contact-inf a i:hover{
background-color: var(--main-color);
}
/*****************end contact us section *************************/