/** Contact Begin */
.sp-contact {
  background: url(https://webbackend.mqdc.com/assets/e97227ca-be8b-4966-ae97-8b5f0db7c21f)
    no-repeat center center / cover;
  width: 3.625em;
  height: 3.625em;
  font-size: 0.6em;
}

.sp-contact.icon-document {
  background-position: 0 0;
}

.sp-contact.icon-building {
  background-position: 50% 0;
}

.sp-contact.icon-warehouse {
  background-position: 100% 0;
}

#contact {
  background: linear-gradient(180deg, #ffffff 0%, #dfe3eb 100%);
}

#contact ul li {
  padding-left: 1.8em;
  position: relative;
  margin-bottom: 0.5em;
  color: #000;
}

#contact ul li a:not(:hover) {
  color: #000;
}

#contact .list-address::before {
  content: "\f3c5";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  width: 1em;
  margin-left: -1.5em;
}

#contact .list-call::before {
  content: "\f095";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  width: 1em;
  margin-left: -1.5em;
}

#contact .list-email::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  width: 1em;
  margin-left: -1.5em;
}

#contact iframe {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 991.99px) {
  #contact .container {
    max-width: 750px;
  }
}

/** Contact End */