.contact {
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  margin: 0 !important;
  color: #565656;
}
.contact .h1 {
  margin-bottom: 1.5rem;
  font-size: 2rem !important;
  color: #9a9a9a;
}

.about2 {
  display: contents;
}

.almarkaz-contact{
  margin-top: 0 !important;
}

.socials{
  list-style: none !important;
}

@media only screen and (max-width: 900px) {
  .about{
    margin-right: 0 !important;
    padding: 0.4rem !important;
  }

  .ltr .about{
    margin-left: 0 !important;
  }

  .contact{
    padding: 0.4rem;
  }
}

@media only screen and (max-width: 1350px) {
  .contact{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 900px) {
.contact{
  grid-template-columns: 1fr ;
}

}