@font-face {
  font-family: "Inter";
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Inter_Thin.woff2) format("woff2"), url(../fonts/Inter_Thin.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Inter_ExtraLight.woff2) format("woff2"), url(../fonts/Inter_ExtraLight.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Inter_Light.woff2) format("woff2"), url(../fonts/Inter_Light.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Inter_Regular.woff2) format("woff2"), url(../fonts/Inter_Regular.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Inter_Medium.woff2) format("woff2"), url(../fonts/Inter_Medium.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Inter_SemiBold.woff2) format("woff2"), url(../fonts/Inter_SemiBold.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Inter_Bold.woff2) format("woff2"), url(../fonts/Inter_Bold.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Inter_ExtraBold.woff2) format("woff2"), url(../fonts/Inter_ExtraBold.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/Inter_Black.woff2) format("woff2"), url(../fonts/Inter_Black.woff) format("woff");
}
.container-inner {
  max-width: 1380px;
}

section.contacts {
  display: flex;
  gap: 63px;
}
section.contacts .left {
  flex: 0 1 775px;
  aspect-ratio: 1.5;
}
section.contacts .left > div {
  height: 100%;
}
section.contacts .right {
  padding-top: 50px;
  flex: 0 0 468px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
section.contacts .right h1 {
  font: 600 36px/1 "Inter";
  color: #222C58;
  text-align: center;
}
section.contacts .right .form-wrapper {
  flex-grow: 1;
}
@media (max-width: 1024px) {
  section.contacts {
    flex-direction: column-reverse;
  }
  section.contacts .right {
    max-width: 728px;
    align-self: center;
  }
  section.contacts .left {
    flex: auto;
    aspect-ratio: 2;
  }
}
@media (max-width: 576px) {
  section.contacts .right h1 {
    font-size: 32px;
  }
}/*# sourceMappingURL=contacts.css.map */