/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v48-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v48-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* play-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/play-v20-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* play-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/play-v20-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

ul {
  list-style: none;
}
/* link */
.nav-link {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: var(--Primary-colors3);
  font-size: 18px;
  cursor: pointer;
}
.nav-link:hover {
  color: var(--Primary-colors2);
  font-weight: 700;
}
:root {
  --Primary-colors1: #ffffff;
  --Primary-colors2: #2b7fff;
  --Primary-colors3: #011c44;
}
/* base */
body {
  font-family: 'play', 'roboto', sans-sherif;
  color: var(--Primary-colors3);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
.main-text {
  font-weight: 700;
  font-family: 'Play', 'sans-serif';
  font-size: 140px;
}
/* button */
.button {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  background-color: var(--Primary-colors2);
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 32px;
  border: 2px solid var(--Primary-colors2);
}
.button:hover {
  font-family: 'Roboto', sans-serif;
  color: var(--Primary-colors3);
  background-color: transparent;
  cursor: pointer;
}
.under-button-text {
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}
.above-text {
  font-weight: 400;
  font-size: 18px;
}
.section-title {
  color: var(--Primary-colors3);
  font-weight: 700;
  font-family: 'play', sans-serif;
  font-size: 64px;
}
.section-title .section-text {
  text-transform: capitalize;
  color: var(--Primary-colors2);
  font-weight: 700;
  font-family: 'play', 'sans-serif';
  font-size: 64px;
}
.section-title .section-textlow {
  font-family: 'play', sans-serif;
  color: var(--Primary-colors2);
  font-weight: 700;
  font-size: 64px;
}
.section22 {
  font-size: 22px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  color: var(--Primary-colors3);
}
.section22 .span-section {
  font-family: Roboto;
  font-weight: 600;
  font-style: 'Roboto', sans-serif;
  font-size: 22px;
  line-height: 38px;
  letter-spacing: 0%;
  text-transform: capitalize;
}
.our-procedures {
  padding-top: 24px;
  padding-left: 32px;
  padding-right: 32px;
  text-align: center;
  height: 133px;
  width: 252px;
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
}
.address {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.maps {
  border-radius: 32px;
  width: 605px;
  height: 481px;
}
footer {
  background-color: var(--Primary-colors3);
}
.nav-link-footer {
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  width: 203;
  height: 19;
}
.nav-link-footer:hover {
  color: var(--Primary-colors2);
  font-weight: 700;
}
.logo {
  color: var(--Primary-colors2);
  width: 83px;
  height: 42px;
  background-color: transparent;
}