.contacts {
  padding: 64px 0 var(--sp);
}

.contacts__inner {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}

.contacts__content {
  display: flex;
  flex-wrap: wrap;
  gap: 72px 60px;
  width: 100%;
  max-width: 550px;
}

.contacts__col {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex: 1 1 40%;
}

.contacts__col a:hover {
  color: var(--primary-2);
}

.contacts__title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
  letter-spacing: -0.18px;
  color: var(--primary-1);
}

.contacts__title::before {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1;
}

.contacts__phone .contacts__title::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.964 14.4435L14.2186 11.0381C14.0416 10.8769 13.8089 10.791 13.5697 10.7984C13.3305 10.8058 13.1036 10.9059 12.9369 11.0777L10.7321 13.3452C10.2013 13.2438 9.13439 12.9112 8.03611 11.8157C6.93783 10.7165 6.60521 9.64679 6.50662 9.11976L8.77229 6.91398C8.94405 6.74733 9.04422 6.52039 9.05162 6.28119C9.05901 6.04198 8.97305 5.80929 8.81191 5.63235L5.40742 1.88787C5.24622 1.71037 5.02217 1.6027 4.78287 1.58774C4.54356 1.57277 4.30785 1.65168 4.12578 1.80771L2.12639 3.52239C1.9671 3.68226 1.87202 3.89504 1.85919 4.12036C1.84537 4.35071 1.58186 9.80711 5.81283 14.0399C9.50387 17.73 14.1273 18 15.4007 18C15.5868 18 15.7011 17.9945 15.7315 17.9926C15.9566 17.9793 16.169 17.8839 16.3285 17.7245L18.0423 15.7242C18.1989 15.5427 18.2784 15.3072 18.2638 15.0679C18.2491 14.8286 18.1415 14.6045 17.964 14.4435Z' fill='%231E3D7A'/%3E%3C/svg%3E") center/contain no-repeat;
}

.contacts__phone a {
  font: 700 var(--h5)/110% var(--heading-font-family);
  text-transform: uppercase;
  letter-spacing: -0.2px;
}

.contacts__email .contacts__title::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.87023 4H17.1202C18.3702 4 19.0002 4.59 19.0002 5.79V14.21C19.0002 15.4 18.3702 16 17.1202 16H3.87023C2.62023 16 1.99023 15.4 1.99023 14.21V5.79C1.99023 4.59 2.62023 4 3.87023 4ZM10.4902 12.6L17.2302 7.07C17.4702 6.87 17.6602 6.41 17.3602 6C17.0702 5.59 16.5402 5.58 16.1902 5.83L10.4902 9.69L4.80023 5.83C4.45023 5.58 3.92023 5.59 3.63023 6C3.33023 6.41 3.52023 6.87 3.76023 7.07L10.4902 12.6Z' fill='%231E3D7A'/%3E%3C/svg%3E") center/contain no-repeat;
}

.contacts__location {
  max-width: 230px;
}

.contacts__location .contacts__title::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0005 0.644531C6.13228 0.644531 2.98438 3.81426 2.98438 7.71133C2.98438 13.2486 9.34099 18.966 9.6115 19.2061C9.72298 19.3051 9.86174 19.3542 10.0005 19.3542C10.1393 19.3542 10.278 19.3051 10.3895 19.2069C10.66 18.966 17.0166 13.2486 17.0166 7.71133C17.0166 3.81426 13.8687 0.644531 10.0005 0.644531ZM10.0005 11.5585C7.85123 11.5585 6.10265 9.80993 6.10265 7.66066C6.10265 5.51139 7.85123 3.76281 10.0005 3.76281C12.1498 3.76281 13.8984 5.51139 13.8984 7.66066C13.8984 9.80993 12.1498 11.5585 10.0005 11.5585Z' fill='%231E3D7A'/%3E%3C/svg%3E") center/contain no-repeat;
}

.contacts__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contacts__list span {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.contacts__social-items {
  display: flex;
  flex-wrap: wrap;
  transform: translate3d(0, 0, 0);
  width: 100%;
}

.contacts__social-items .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid var(--neutral-2);
  background: var(--secondary-1);
  z-index: 2;
  transform: translate3d(0, 0, 0);
}

.contacts__social-items .item:hover svg path {
  fill: var(--primary-2);
}

.contacts__social-items .item:not(:first-child) {
  margin-left: -32px;
}

.contacts__social-items .item svg {
  display: block;
  max-width: 26px;
  max-height: 26px;
  width: 100%;
  height: auto;
}

.contacts__social-items .item svg path {
  transition: var(--transition);
  fill: var(--secondary-2);
}

.contacts__map {
  position: relative;
  width: 50%;
}

.contacts__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50vw;
}

@media (max-width: 1260px) {
  .contacts__content {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .contacts__social-items {
    gap: 4px;
  }

  .contacts__social-items .item:not(:first-child) {
    margin-left: 0;
  }

  .contacts__map {
    width: 100%;
    height: 400px;
  }

  .contacts__map iframe {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .contacts__content {
    gap: 30px;
  }

  .contacts__col {
    flex-basis: 100%;
  }

  .contacts__social-items .item {
    width: calc((100% - 20px) / 6);
  }

  .contacts__social-items .item svg {
    max-width: 18px;
    max-height: 18px;
  }
}