@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: 1391px;
}

section.frame {
  margin-bottom: 70px;
  padding: 41px 38px 50px;
  background: linear-gradient(180deg, #141C3F 0%, #415193 100%);
  border-radius: 56px;
  position: relative;
}
section.frame::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  border-radius: 0 0 56px 56px;
  background: #222C58;
  transform: translateY(60px);
  z-index: -1;
}

h1 {
  font: 800 48px/1 "Inter";
  color: #ffffff;
  margin-bottom: 20px;
}

p {
  font: 300 32px/1 "Inter";
  color: #ffffff;
  text-align: justify;
}

.images {
  padding: 50px 0;
  display: flex;
  gap: 20px;
  justify-content: space-evenly;
}
.images .item {
  flex: 0 1 351px;
}

@media (max-width: 576px) {
  section.frame {
    padding-left: 20px;
    padding-right: 20px;
  }
  h1 {
    font-size: 32px;
  }
  p {
    font-size: 16px;
  }
  .images .item:first-of-type {
    display: none;
  }
}/*# sourceMappingURL=about.css.map */