@font-face {
  src: url('../fonts/wadik/Wadik.otf') format('opentype'),
  url('../fonts/wadik/Wadik.eot?') format('eot'),
  url('../fonts/wadik/Wadik.woff') format('woff'),
  url('../fonts/wadik/Wadik.ttf') format('truetype'),
  url('../fonts/wadik/Wadik.svg#WadikBold') format('svg');

  font-family: 'Wadik';
  font-weight: normal;
  font-style: normal;
}

:root {
  --color-dark-blue: #0f47ff;
  --color-dark-primary: #0b0911;
  --color-gray-primary: #20162a;
  --color-light-blue: #12a4ff;
  --color-purple-primary: #9900ff;
  --color-white-primary: #e9effd;
  --font-primary: 'PT Sans', sans-serif;
  --font-secondary: 'Wadik';
  --gradient-primary: linear-gradient(
  140deg,
  #1271ff 0%,
  #0f47ff 36%,
  #9900ff 92%
  );
  --shadow-blue-primary: 0px 0px 4.4px 0px var(--color-light-blue),
  0px 0px 8px 0px var(--color-light-blue);
  --shadow-blue-secondary: 0px 0px 4px 0px var(--color-light-blue);
  --shadow-inset-purple: inset 0px 0px 12px 2px var(--color-purple-primary),
  0px 0px 4px 2px var(--color-purple-primary);
  --shadow-light-purple: 0px 0px 12px 0px var(--color-purple-primary);
  --shadow-text-blue: 0 0px 4px #3284ff;
  --shadow-text-purple: 0 0px 12px #9900ff;
}

* {
  box-sizing: border-box;
}

.h1,
.h2,
.h2-5,
.h3,
.h4,
.h5 {
  margin: 0;

  font-family: var(--font-secondary);
}
.h1 {
  font-size: 40px;
  line-height: 120%;
}
.h2 {
  font-size: 48px;
  line-height: 100%;
}
.h2-5 {
  font-size: 40px;
  line-height: 100%;
}
.h3 {
  font-size: 32px;
  line-height: 125%;
}
.h4 {
  font-size: 20px;
  line-height: 125%;
}
.h5 {
  font-family: var(--font-primary);
  font-size: 20px;
  line-height: 120%;
}
.t1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.form-input {
  height: 80px;
  padding: 24px;

  resize: none;

  color: var(--color-white-primary);
  border: 1px solid var(--color-light-blue);
  border-radius: 24px;
  outline: 0;
  background: var(--color-gray-primary);
  box-shadow: 0px 0px 4px 0px var(--color-light-blue);

  font-size: 20px;

  @media (max-width: 1439px) {
    height: 60px;
  }

  @media (max-width: 1279px) {
    height: 48px;

    font-size: 12px;
  }

  @media (max-width: 767px) {
    padding: 12px;

    border-radius: 12px;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;

  margin: 0;

  background: var(--color-dark-primary);

  font-family: var(--font-primary);
  font-smooth: never;
}

.container {
  min-width: 360px;
  max-width: 1920px;
  margin: 0px auto;
  padding: 0 80px;

  @media (max-width: 1919px) {
    max-width: 1440px;
    padding: 0 60px;
  }

  @media (max-width: 1439px) {
    max-width: 1280px;
    padding: 0 40px;
  }

  @media (max-width: 1279px) {
    max-width: 1024px;
    padding: 0 40px;
  }

  @media (max-width: 1023px) {
    max-width: 768px;
    padding: 0 20px;
  }

  @media (max-width: 767px) {
    max-width: 360px;
    padding: 0 20px;
  }
}

.button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 56px;
  padding: 7px 24px;

  transition: all 0.3s;
  text-decoration: none;

  color: var(--color-white-primary);
  border-radius: 12px;
  background: var(--color-dark-blue);

  font-size: 16px;
  font-weight: 700;
  line-height: 120%;

  @media (max-width: 1439px) {
    height: 48px;
    padding: 7px 20px;
  }
}
.button-primary:hover {
  color: var(--color-dark-blue);
  background: var(--color-white-primary);
}

.button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 400px;
  height: 64px;
  padding: 10px;

  text-decoration: none;
  letter-spacing: 1px;

  color: var(--color-white-primary);
  border-radius: 20px;
  background: var(--gradient-primary);
  box-shadow: var(--shadow-blue-primary);

  font-size: 24px;
  font-weight: 700;
  line-height: 120%;

  @media (max-width: 1279px) {
    height: 40px;

    font-size: 16px;
  }
}
.button-secondary:hover {
  color: var(--color-dark-blue);
  background: var(--color-white-primary);
}

.header {
  margin-bottom: 40px;
  padding: 24px 0;

  @media (max-width: 1279px) {
    margin-bottom: 12px;
    padding: 16px 0;
  }
}

.header__inner {
  display: flex;
  justify-content: space-between;

  @media (max-width: 1439px) {
    gap: 60px;
  }

  @media (max-width: 1279px) {
    gap: 0;

    align-items: center;
  }
}

.header-logo {
  display: flex;
  align-items: center;

  width: 541px;

  @media (max-width: 1919px) {
    width: 269px;
  }

  @media (max-width: 1439px) {
    width: 170px;
  }

  @media (max-width: 1279px) {
    width: 170px;
    height: 32px;
  }
}
.header-logo img {
  @media (max-width: 1279px) {
    width: 98px;
    height: 28px;
  }

  @media (max-width: 1023px) {
    width: 93px;
    height: 23px;
  }
}
.header-submenu {
  gap: 48px;

  display: flex;
  align-items: center;

  @media (max-width: 1919px) {
    gap: 32px;
  }

  @media (max-width: 1279px) {
    gap: 16px;
  }

  @media (max-width: 1023px) {
    flex-direction: row-reverse;
  }
}
.header-submenu .button-primary {
  @media (max-width: 1439px) {
    width: 220px;
  }

  @media (max-width: 1023px) {
    width: 118px;
    padding: 0;

    text-align: right;
    text-decoration: underline;

    color: var(--color-light-blue);
    background: none;

    font-size: 12px;
  }
}
.header-phone {
  display: flex;
  align-items: center;

  text-decoration: none;

  color: var(--color-white-primary);

  font-size: 24px;
  font-weight: 400;
  line-height: 120%;

  @media (max-width: 1919px) {
    font-size: 20px;
  }

  @media (max-width: 1279px) {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    border-radius: 50%;
    background: var(--gradient-primary);
  }
}
.header-phone::before {
  width: 36px;
  height: 36px;
  margin-right: 10px;

  content: '';

  background: url('../img/page-inet/phone-icon.svg');

  @media (max-width: 1279px) {
    width: 24px;
    height: 24px;
    margin: 0;

    background-size: contain;
  }
}
.header-phone span {
  @media (max-width: 1279px) {
    display: none;
  }
}

.header-menu {
  display: flex;
  align-items: center;

  @media (max-width: 1023px) {
    display: none;
  }
}
.header-menu__inner {
  gap: 48px;

  display: flex;

  margin: 0;
  padding: 0;

  list-style: none;

  @media (max-width: 1919px) {
    gap: 32px;
  }
}
.header-menu-link {
  text-decoration: none;

  color: var(--color-white-primary);
}

.hero {
  display: flex;

  height: 850px;
  margin-bottom: -140px;
  padding-top: 56px;

  background: url('../img/page-inet/wave-big-1.svg') no-repeat,
  url('../img/page-inet/hero-image.webp') no-repeat;
  background-position: -140px 170px, 920px -50px;

  @media (max-width: 1919px) {
    height: 760px;
    padding-top: 0;

    background-position: 170px 280px, 863px 8px;
    background-size: 1800px, 943px;
  }

  @media (max-width: 1439px) {
    justify-content: center;

    height: 640px;
    margin-bottom: -80px;
    padding-top: 80px;

    background-position: 90px 220px, 644px 0px;
    background-size: 1616px, 815px;
  }

  @media (max-width: 1279px) {
    align-items: center;

    height: 400px;
    margin-bottom: 0px;
    padding-top: 0px;

    background-position: 120px 150px, 640px 30px;
    background-size: 1139px 254px, 445px 341px;
  }

  @media (max-width: 1024px) {
    background-position: 100px 150px, 580px 30px;
  }

  @media (max-width: 1023px) {
    align-items: normal;

    height: 330px;
    margin-bottom: -48px;
    padding-top: 48px;

    background-position: 100px 140px, 370px -20px;
    background-size: 854px 190px, 445px 341px;
  }

  @media (max-width: 767px) {
    height: 460px;
    margin: 0;
    padding: 0;

    background-position: center 240px, center 97px;
    background-size: 595px 190px, 425px;
  }
}
.hero__inner {
  display: flex;
  flex-direction: column;

  width: 100%;

  @media (max-width: 1439px) {
    justify-content: center;

    height: 438px;
  }

  @media (max-width: 1279px) {
    height: 260px;
  }

  @media (max-width: 1023px) {
    height: 230px;
  }

  @media (max-width: 767px) {
    height: 100%;
  }
}
.hero__header {
  display: flex;
  align-items: center;

  width: 1180px;
  height: 544px;

  @media (max-width: 1919px) {
    width: 1110px;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  @media (max-width: 1439px) {
    width: 698px;
    height: 232px;
    margin-bottom: 80px;
    padding: 0px;
  }

  @media (max-width: 1279px) {
    width: 515px;
    margin-bottom: 60px;
  }

  @media (max-width: 1023px) {
    width: 420px;
    margin-bottom: 48px;
  }

  @media (max-width: 767px) {
    width: 100%;
    margin-bottom: 310px;
  }
}
.hero__header-title {
  margin: 0;

  color: transparent;
  background: var(--gradient-primary);
  -webkit-background-clip: text;
          background-clip: text;

  font-family: var(--font-secondary);
  font-size: 72px;
  line-height: 120%;

  @media (max-width: 1919px) {
    font-size: 60px;
  }

  @media (max-width: 1439px) {
    font-size: 48px;
  }

  @media (max-width: 1279px) {
    font-size: 32px;
    line-height: 125%;
  }

  @media (max-width: 1023px) {
    font-size: 24px;
  }

  @media (max-width: 767px) {
    font-size: 20px;
  }
}
.hero-button {
  @media (max-width: 1279px) {
    width: 280px;
    min-width: 280px;
  }
}

.partners {
  margin-top: 240px;

  @media (max-width: 1919px) {
    margin-top: 200px;
  }
  @media (max-width: 1439px) {
    margin-top: 160px;
  }

  @media (max-width: 1279px) {
    margin-top: 100px;
  }

  @media (max-width: 1023px) {
    margin-top: 80px;
  }

  @media (max-width: 767px) {
    margin-top: 100px;
  }
}
.partners__header {
  margin-bottom: 48px;

  text-align: center;

  @media (max-width: 1439px) {
    margin-bottom: 32px;
  }

  @media (max-width: 1279px) {
    margin-bottom: 24px;
  }
}
.partners__header-title {
  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1439px) {
    font-size: 36px;
  }

  @media (max-width: 1279px) {
    text-align: initial;

    font-size: 20px;
  }
}
.partners__content {
  gap: 48px;

  display: flex;
  flex-direction: column;

  @media (max-width: 1023px) {
    gap: 16px;
  }
}
.partners__content-row:first-child {
  grid-template-columns: repeat(5, 1fr);

  display: grid;
  align-items: center;
  justify-content: center;

  @media (max-width: 1919px) {
    gap: 120px;
  }

  @media (max-width: 1023px) {
    gap: 48px;
  }

  @media (max-width: 767px) {
    display: none;
  }
}
.partners__content-row:last-child {
  grid-template-columns: repeat(4, 1fr);

  display: grid;

  @media (max-width: 1919px) {
    gap: 120px;
  }

  @media (max-width: 1023px) {
    gap: 48px;
  }

  @media (max-width: 767px) {
    display: none;
  }
}
.partners__content-row-mobile {
  display: none;

  @media (max-width: 767px) {
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);

    display: grid;
  }
}
.partners-item {
  display: flex;
  align-items: center;
  justify-content: center;

  @media (max-width: 767px) {
    width: 100%;
  }
}
.partners-item img {
  @media (max-width: 1919px) {
    width: 100%;
  }
}

.advantages {
  position: relative;

  padding-top: 240px;

  @media (max-width: 1919px) {
    padding-top: 200px;
  }

  @media (max-width: 1439px) {
    padding-top: 160px;
  }

  @media (max-width: 1279px) {
    padding-top: 100px;
  }

  @media (max-width: 1023px) {
    padding-top: 80px;
  }

  @media (max-width: 767px) {
    padding-top: 100px;
  }
}
.advantages::before {
  position: absolute;
  z-index: 1;
  left: -190px;

  width: 100%;
  height: 100%;

  content: '';

  background: url('../img/page-inet/wave-small-1.svg') no-repeat;

  @media (max-width: 1919px) {
    bottom: -145px;
    left: -106px;

    width: 918px;
    height: 506px;

    background-size: contain;
  }

  @media (max-width: 1440px) {
    bottom: -165px;
    left: -186px;
  }

  @media (max-width: 1280px) {
    left: -246px;
  }

  @media (max-width: 1279px) {
    bottom: -335px;
    left: -40px;

    width: 459px;

    background: url('../img/page-inet/wave-small-mob2.svg') no-repeat;
    background-size: contain;
  }

  @media (max-width: 1024px) {
    left: -120px;
  }

  @media (max-width: 1023px) {
    bottom: 5px;
    left: -21px;

    width: 364px;
    height: 132px;
  }

  @media (max-width: 767px) {
    display: none;
  }
}
.advantages::after {
  position: absolute;
  top: 154px;
  left: 74px;

  width: 548px;
  height: 100%;

  content: '';

  background: url('../img/page-inet/advantages-photo-bg.png') no-repeat;

  @media (max-width: 1919px) {
    top: 275px;
    left: 145px;

    width: 430px;
    height: 467px;

    background-size: contain;
  }

  @media (max-width: 1440px) {
    top: 285px;
    left: 35px;
  }

  @media (max-width: 1439px) {
    top: 235px;
    left: 55px;
  }

  @media (max-width: 1280px) {
    left: 5px;
  }

  @media (max-width: 1279px) {
    top: 145px;
    left: 125px;

    width: 248px;
    height: 223px;
  }

  @media (max-width: 1024px) {
    top: 145px;
    left: 35px;
  }

  @media (max-width: 1023px) {
    top: 95px;
    left: 25px;

    width: 216px;
    height: 183px;
  }

  @media (max-width: 767px) {
    display: none;
  }
}
.advantages__inner {
  position: relative;
  z-index: 1;
}
.advantages__header {
  margin-bottom: 48px;

  text-align: center;

  @media (max-width: 1439px) {
    margin-bottom: 32px;
  }

  @media (max-width: 1279px) {
    margin-bottom: 24px;

    text-align: initial;
  }
}
.advantages__header-title {
  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1439px) {
    font-size: 36px;
  }

  @media (max-width: 1279px) {
    font-size: 20px;
  }
}
.advantages__content {
  position: relative;
  z-index: 2;

  display: flex;
  justify-content: end;

  @media (max-width: 767px) {
    justify-content: flex-start;
  }
}
.advantages__content__inner {
  gap: 8px 40px;
  grid-template-columns: repeat(3, 1fr);

  display: grid;

  width: 72%;

  @media (max-width: 1919px) {
    gap: 8px 20px;

    width: 77%;
  }

  @media (max-width: 1439px) {
    gap: 20px;
    grid-template-columns: repeat(3, calc(3 / 12 * 100% - 20px / 2));

    justify-content: end;

    width: 100%;
  }

  @media (max-width: 1279px) {
    gap: 12px 20px;
    grid-template-columns: repeat(3, calc(3.33 / 12 * 100% - 20px / 2));
  }

  @media (max-width: 1023px) {
    gap: 0 12px;
    grid-template-columns: repeat(3, calc(3.2 / 12 * 100% - 12px / 2));
  }

  @media (max-width: 767px) {
    gap: 16px;
    grid-template-columns: 100%;

    justify-content: flex-start;
  }
}
.advantages-item {
  gap: 20px;

  display: flex;
  align-items: center;

  height: 120px;
  padding: 0 8px;

  @media (max-width: 1919px) {
    padding: 0 4px;
  }

  @media (max-width: 1279px) {
    gap: 12px;

    height: 60px;
  }

  @media (max-width: 767px) {
    gap: 12px;

    height: auto;
  }
}
.advantages-item img {
  @media (max-width: 1279px) {
    width: 40px;
  }

  @media (max-width: 1023px) {
    width: 34px;
  }
}
.advantages-item__title {
  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1919px) {
    font-size: 16px;
  }

  @media (max-width: 1439px) {
    word-break: break-word;
  }

  @media (max-width: 1279px) {
    font-size: 12px;
  }

  @media (max-width: 1023px) {
    font-size: 8px;
  }

  @media (max-width: 767px) {
    font-size: 16px;
  }
}

.advantages-item__title .dash {
  display: none;

  @media (max-width: 1439px) {
    display: inline;
  }

  @media (max-width: 1279px) {
    display: none;
  }
}

.advantages-mobile {
  /* position: relative; */
  display: none;
  align-items: end;

  height: 300px;
  margin-top: 24px;

  background: url('../img/page-inet/wave-small-mob2.svg'),
  url(../img/page-inet/advantages-mobile-photo.webp);
  background-repeat: no-repeat;
  background-position: center 80px, center top;
  background-size: 436px, 313px;

  @media (max-width: 767px) {
    display: flex;
  }
}
.advantages-mobile__header p {
  position: relative;
  z-index: 1;

  margin: 0;

  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  font-family: var(--font-secondary);
  font-size: 20px;
  line-height: 125%;
}

.connect-primary {
  margin-top: 240px;

  @media (max-width: 1919px) {
    margin-top: 200px;
  }

  @media (max-width: 1439px) {
    margin-top: 160px;
  }

  @media (max-width: 1279px) {
    margin-top: 100px;
  }

  @media (max-width: 1023px) {
    margin-top: 80px;
  }

  @media (max-width: 767px) {
    margin-top: 100px;
  }
}
.connect-primary__header {
  margin-bottom: 48px;

  text-align: center;

  @media (max-width: 1439px) {
    margin-bottom: 32px;
  }

  @media (max-width: 1279px) {
    margin-bottom: 24px;

    text-align: initial;
  }
}
.connect-primary__header-title {
  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1439px) {
    font-size: 36px;
  }

  @media (max-width: 1279px) {
    font-size: 20px;
  }
}
.connect-primary__content {
  gap: 24px;

  display: flex;

  @media (max-width: 1439px) {
    gap: 12px;
  }

  @media (max-width: 767px) {
    flex-wrap: wrap;
  }
}
.connect-primary-item {
  display: flex;
  flex-direction: column;

  width: 570px;

  border: 2px solid var(--color-purple-primary);
  border-radius: 48px;
  background: url('../img/page-inet/hexagon-purple-big.svg') no-repeat;
  background-position: center bottom;
  background-size: 100%;

  @media (max-width: 1919px) {
    width: 424px;
  }

  @media (max-width: 1439px) {
    width: 392px;
  }

  @media (max-width: 1279px) {
    width: 306px;

    border-radius: 24px;
  }

  @media (max-width: 1023px) {
    width: 235px;
  }

  @media (max-width: 767px) {
    width: 100%;
  }
}
.connect-primary-item__image {
  position: relative;
  top: -2px;
  right: -2px;
  left: -2px;

  overflow: hidden;

  width: calc(100% + 3px);

  border: 2px solid var(--color-purple-primary);
  border-radius: 48px;

  @media (max-width: 1279px) {
    border-radius: 24px;
  }
}
.connect-primary-item__image img {
  object-fit: contain;

  width: 100%;
}
.connect-primary-item__content {
  flex: 1;

  padding: 32px;

  @media (max-width: 1023px) {
    padding: 20px 16px 24px;

    font-size: 12px;
  }
}
.connect-primary-item__header {
  gap: 12px;

  display: flex;
  flex-direction: column;

  height: 100%;
}
.connect-primary-item__header-title {
  gap: 10px;

  display: flex;

  margin: 0;

  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1919px) {
    font-size: 20px;
    line-height: 125%;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }

  @media (max-width: 1023px) {
    font-size: 12px;
  }

  @media (max-width: 767px) {
    font-size: 18px;
  }
}
.connect-primary-item__header-subtitle {
  color: var(--color-white-primary);

  @media (max-width: 1279px) {
    font-size: 16px;
  }

  @media (max-width: 1023px) {
    font-size: 12px;
  }

  @media (max-width: 767px) {
    font-size: 18px;
  }
}

.connect-secondary {
  margin-top: 240px;

  @media (max-width: 1919px) {
    margin-top: 200px;
  }

  @media (max-width: 1439px) {
    margin-top: 160px;
  }

  @media (max-width: 1279px) {
    margin-top: 100px;
  }

  @media (max-width: 1023px) {
    margin-top: 80px;
  }

  @media (max-width: 767px) {
    margin-top: 100px;
  }
}
.connect-secondary__inner {
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);

  display: grid;

  @media (max-width: 1279px) {
    gap: 12px;
  }

  @media (max-width: 767px) {
    grid-template-columns: 100%;
  }
}
.connect-secondary-item {
  display: flex;

  height: 240px;
  padding: 32px;

  color: var(--color-white-primary);
  border: 2px solid transparent;
  border-radius: 48px;

  @media (max-width: 1279px) {
    height: 148px;
    padding: 20px 16px;

    border-radius: 24px;
  }

  @media (max-width: 767px) {
    height: auto;
  }
}
.connect-secondary-item:first-child {
  padding: 12px;
}
.connect-secondary-item:first-child .connect-secondary-item__title {
  width: 70%;

  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1919px) {
    width: 100%;
  }

  @media (max-width: 1279px) {
    width: 90%;
  }

  @media (max-width: 1279px) {
    font-size: 20px;
  }
}
.connect-secondary-item--purple {
  border-color: var(--color-purple-primary);
  background: rgba(153, 0, 255, 0.08) url('../img/page-inet/hexagon-purple.svg')
  no-repeat;
  background-position: center bottom;
  background-size: 100%;
}
.connect-secondary-item--purple .connect-secondary-item__title {
  text-shadow: var(--shadow-text-purple);
}
.connect-secondary-item--blue {
  border-color: var(--color-light-blue);
  background: rgba(0, 102, 255, 0.08) url('../img/page-inet/hexagon-blue.svg')
  no-repeat;
  background-position: center bottom;
  background-size: 100%;
  box-shadow: var(--shadow-blue-primary);
}
.connect-secondary-item--blue .connect-secondary-item__title {
  text-shadow: var(--shadow-text-blue);
}
.connect-secondary-item__inner {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;

  @media (max-width: 767px) {
    gap: 12px;
  }
}
.connect-secondary-item__title {
  font-family: var(--font-secondary);

  @media (max-width: 1919px) {
    font-size: 32px;
    line-height: 125%;
  }

  @media (max-width: 1279px) {
    font-size: 20px;
  }

  @media (max-width: 1023px) {
    font-size: 16px;
  }
}
.connect-secondary-item__text {
  @media (max-width: 1279px) {
    font-size: 14px;
  }

  @media (max-width: 1023px) {
    font-size: 12px;
  }

  @media (max-width: 767px) {
    font-size: 16px;
  }
}

.tariffs {
  margin-top: 240px;

  @media (max-width: 1919px) {
    margin-top: 200px;
  }

  @media (max-width: 1439px) {
    margin-top: 160px;
  }

  @media (max-width: 1279px) {
    margin-top: 100px;
  }

  @media (max-width: 1023px) {
    margin-top: 80px;
  }

  @media (max-width: 767px) {
    margin-top: 100px;
  }
}
.tariffs__header {
  margin-bottom: 48px;

  text-align: center;

  @media (max-width: 1439px) {
    margin-bottom: 32px;
  }

  @media (max-width: 1279px) {
    margin-bottom: 24px;

    text-align: initial;
  }
}
.tariffs__header-title {
  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1439px) {
    font-size: 36px;
  }

  @media (max-width: 1279px) {
    font-size: 20px;
  }
}
.tariffs__list {
  gap: 24px;
  grid-template-columns: repeat(3, 1fr);

  display: grid;

  @media (max-width: 1439px) {
    gap: 12px;
  }

  @media (max-width: 767px) {
    gap: 24px;
    grid-template-columns: 100%;
  }
}

.tariff-item {
  gap: 48px;

  display: flex;
  flex-direction: column;

  padding: 32px 32px 24px;

  color: var(--color-white-primary);
  border: 2px solid transparent;
  border-radius: 48px;

  @media (max-width: 1439px) {
    gap: 0;

    padding: 24px;
  }

  @media (max-width: 1279px) {
    padding: 16px 20px;

    border-radius: 24px;
  }

  @media (max-width: 1023px) {
    padding: 20px 16px 16px;
  }
}
.tariff-item--blue {
  border-color: var(--color-light-blue);
  background: rgba(0, 102, 255, 0.08) url('../img/page-inet/hexagon-blue.svg')
  no-repeat;
  background-position: bottom;
  background-size: 100%;
  box-shadow: var(--shadow-blue-primary);
}
.tariff-item--blue .tariff-item__header,
.tariff-item--blue .tariff-item__price {
  text-shadow: var(--shadow-text-blue);
}
.tariff-item--purple {
  border-color: var(--color-purple-primary);
  background: rgba(153, 0, 255, 0.08) url('../img/page-inet/hexagon-purple.svg')
  no-repeat;
  background-position: bottom;
  background-size: 100%;
  box-shadow: var(--shadow-inset-purple);
}
.tariff-item--purple:hover {
  background: rgba(32, 22, 42, 1) url('../img/page-inet/hexagon-purple.svg')
  no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.tariff-item--purple .tariff-item__header,
.tariff-item--purple .tariff-item__price {
  text-shadow: var(--shadow-text-purple);
}
.tariff-item__inner {
  gap: 48px;

  display: flex;
  flex: 1;
  flex-direction: column;

  @media (max-width: 1919px) {
    gap: 24px;
  }

  @media (max-width: 1439px) {
    margin-bottom: 48px;
  }

  @media (max-width: 1279px) {
    margin-bottom: 24px;
  }

  @media (max-width: 1023px) {
    gap: 12px;
  }

  @media (max-width: 767px) {
    gap: 24px;
  }
}
.tariff-item__header {
  gap: 24px;

  display: flex;
  flex-direction: column;

  @media (max-width: 1023px) {
    gap: 12px;
  }

  @media (max-width: 767px) {
    gap: 24px;
  }
}
.tariff-item__header-name,
.tariff-item__header-speed {
  margin: 0;

  font-family: var(--font-secondary);
}
.tariff-item__header-name {
  font-size: 32px;
  line-height: 125%;

  @media (max-width: 1919px) {
    font-size: 28px;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }
}
.tariff-item__header-speed {
  font-size: 20px;
  line-height: 125%;

  @media (max-width: 1279px) {
    font-size: 12px;
  }
}
.tariff-item__content {
  display: flex;
  align-items: center;
  flex: 1;
}
.tariff-item__content ul {
  margin: 0;
  padding-left: 28px;
}
.tariff-item__content ul li {
  font-size: 20px;
  line-height: 140%;

  @media (max-width: 1919px) {
    line-height: 160%;
  }

  @media (max-width: 1279px) {
    font-size: 12px;
  }

  @media (max-width: 767px) {
    font-size: 14px;
  }
}
.tariff-item__price {
  font-family: var(--font-secondary);
  font-size: 28px;

  @media (max-width: 1279px) {
    font-size: 20px;
  }
}
.tariff-item .button-secondary {
  @media (max-width: 1919px) {
    min-width: 100%;
  }
}

.stocks {
  margin-top: 240px;

  @media (max-width: 1919px) {
    margin-top: 200px;
  }

  @media (max-width: 1439px) {
    margin-top: 160px;
  }

  @media (max-width: 1279px) {
    margin-top: 100px;
  }

  @media (max-width: 1023px) {
    margin-top: 80px;
  }

  @media (max-width: 767px) {
    margin-top: 100px;
  }
}
.stocks__header {
  margin-bottom: 48px;

  text-align: center;

  @media (max-width: 1279px) {
    margin-bottom: 24px;

    text-align: initial;
  }
}
.stocks__header-title {
  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1439px) {
    font-size: 36px;
  }

  @media (max-width: 1279px) {
    font-size: 20px;
  }
}
.stocks__content {
  gap: 24px;

  display: flex;
  flex-direction: column;

  @media (max-width: 1279px) {
    gap: 12px;
  }
}
.stocks__row-primary {
  gap: 24px;
  grid-template-columns: 70% 30%;

  display: grid;

  height: 400px;

  @media (max-width: 1919px) {
    grid-template-columns: 67% 1fr;
  }

  @media (max-width: 1439px) {
    height: 360px;
  }

  @media (max-width: 1279px) {
    gap: 12px;
    grid-template-columns: 1fr 1fr;

    height: 160px;
  }

  @media (max-width: 767px) {
    gap: 12px;
    grid-template-columns: 100%;

    height: auto;
  }
}
.stocks__row-secondary {
  gap: 24px;
  grid-template-columns: 30% 70%;

  display: grid;

  height: 480px;

  @media (max-width: 1919px) {
    grid-template-columns: 32% 1fr;
  }

  @media (max-width: 1439px) {
    height: 360px;
  }

  @media (max-width: 1279px) {
    gap: 12px;
    grid-template-columns: calc(8 / 12 * 100% - 12px / 2) 1fr;

    height: 160px;
  }

  @media (max-width: 767px) {
    grid-template-columns: 100%;

    height: auto;
  }
}
.stocks__row-secondary-item {
  gap: 24px;

  display: flex;
  flex-direction: column;

  @media (max-width: 1439px) {
    display: grid;
  }

  @media (max-width: 1279px) {
    gap: 12px;
    grid-template-columns: 1fr 1fr;
  }

  @media (max-width: 767px) {
    grid-template-columns: 100%;
  }
}

.stocks-item-partner,
.stocks-item-start,
.stocks-item-audit,
.stocks-item-instalment,
.stocks-item-trial-period {
  color: var(--color-white-primary);
  border-radius: 48px;

  @media (max-width: 1279px) {
    border-radius: 24px;
  }

  @media (max-width: 767px) {
    height: 200px;
  }
}

.stocks-item-partner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 32px;

  border: 2px solid var(--color-light-blue);
  background: url('../img/page-inet/stocks-one.jpg') no-repeat;
  background-size: cover;
  box-shadow: var(--shadow-blue-primary);

  @media (max-width: 1279px) {
    padding: 12px;
  }
}
.stocks-item-partner p {
  -webkit-text-stroke: 1px var(--color-light-blue);
          text-stroke: 1px var(--color-light-blue);

  margin: 0;

  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  font-family: var(--font-secondary);

  @media (max-width: 1919px) {
    width: 80%;
  }

  @media (max-width: 1439px) {
    width: 85%;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }

  @media (max-width: 1023px) {
    width: 95%;
  }

  @media (max-width: 767px) {
    width: 100%;
  }
}
.stocks-item-partner p span:first-child {
  font-size: 34px;
  line-height: 125%;

  @media (max-width: 1919px) {
    font-size: 32px;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }

  @media (max-width: 1023px) {
    display: inline-block;

    margin-bottom: 16px;
  }
}
.stocks-item-partner p span:last-child {
  font-size: 60px;

  @media (max-width: 1919px) {
    font-size: 48px;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }
}
.stocks-item-partner .button-secondary {
  @media (max-width: 1279px) {
    width: 315px;
  }

  @media (max-width: 1023px) {
    width: 100%;
    min-width: auto;
  }
}

.stocks-item-start {
  -webkit-text-stroke: 1px var(--color-purple-primary);
          text-stroke: 1px var(--color-purple-primary);

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 24px;

  color: var(--color-white-primary);
  background: url('../img/page-inet/stocks-two.jpg') no-repeat;
  background-size: cover;
  box-shadow: var(--shadow-inset-purple);
  text-shadow: var(--shadow-text-purple);

  font-family: var(--font-secondary);

  @media (max-width: 1279px) {
    display: none;
  }

  @media (max-width: 767px) {
    display: flex;

    padding: 12px;
  }
}
.stocks-item-start.stocks-item-start--mobile {
  display: none;

  @media (max-width: 1279px) {
    display: flex;

    padding: 12px;
  }

  @media (max-width: 767px) {
    display: none;
  }
}
.stocks-item-start p {
  @media (max-width: 1439px) {
    font-size: 24px;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }
}
.stocks-item-start span {
  @media (max-width: 1919px) {
    font-size: 16px;
  }

  @media (max-width: 1279px) {
    font-size: 12px;
  }
}

.stocks-item-audit {
  -webkit-text-stroke: 1px var(--color-purple-primary);
          text-stroke: 1px var(--color-purple-primary);

  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;

  padding: 24px;

  background: url('../img/page-inet/stocks-three.jpg') no-repeat;
  background-size: cover;
  box-shadow: var(--shadow-inset-purple);
  text-shadow: var(--shadow-text-purple);

  font-family: var(--font-secondary);

  @media (max-width: 1279px) {
    padding: 12px;
  }
}
.stocks-item-audit p {
  @media (max-width: 1439px) {
    font-size: 24px;
  }
  @media (max-width: 1279px) {
    font-size: 16px;
  }
}
.stocks-item-audit span {
  @media (max-width: 1919px) {
    font-size: 16px;
  }
  @media (max-width: 1279px) {
    font-size: 12px;
  }
}

.stocks-item-instalment {
  -webkit-text-stroke: 1px var(--color-purple-primary);
          text-stroke: 1px var(--color-purple-primary);

  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;

  padding: 24px;

  background: url('../img/page-inet/stocks-four.jpg') no-repeat;
  background-size: cover;
  box-shadow: var(--shadow-inset-purple);
  text-shadow: var(--shadow-text-purple);

  font-family: var(--font-secondary);

  @media (max-width: 1279px) {
    padding: 12px;
  }
}
.stocks-item-instalment p {
  @media (max-width: 1439px) {
    font-size: 24px;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }
}
.stocks-item-instalment span {
  @media (max-width: 1919px) {
    font-size: 16px;
  }
  @media (max-width: 1279px) {
    font-size: 12px;
  }
}

.stocks-item-trial-period {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;

  padding: 32px;

  background: url('../img/page-inet/stocks-five.jpg') no-repeat;
  background-size: cover;
  box-shadow: var(--shadow-blue-primary);

  @media (max-width: 1279px) {
    display: none;

    padding: 12px;
  }

  @media (max-width: 767px) {
    display: flex;
  }
}
.stocks-item-trial-period p {
  -webkit-text-stroke: 1px var(--color-light-blue);
          text-stroke: 1px var(--color-light-blue);

  text-shadow: var(--shadow-text-blue);

  font-family: var(--font-secondary);

  @media (max-width: 1439px) {
    width: 85%;

    font-size: 24px;
  }

  @media (max-width: 1279px) {
    font-size: 16px;
  }

  @media (max-width: 767px) {
    width: 100%;
  }
}
.stocks-item-trial-period .button-secondary {
  @media (max-width: 767px) {
    min-width: 100%;
  }
}

.stocks-item-trial-period--mobile {
  display: none;

  border: 2px solid var(--color-light-blue);

  @media (max-width: 1279px) {
    display: flex;
  }

  @media (max-width: 767px) {
    display: none;
  }
}
.stocks-item-trial-period--mobile p {
  @media (max-width: 1279px) {
    width: 100%;

    font-size: 16px;
  }

  @media (max-width: 1023px) {
    width: 95%;
  }
}
.stocks-item-trial-period--mobile .button-secondary {
  width: 100%;

  @media (max-width: 1023px) {
    min-width: auto;
  }
}

.contacts {
  position: relative;

  overflow: hidden;

  padding-top: 240px;

  @media (max-width: 1919px) {
    padding-top: 200px;
  }

  @media (max-width: 1279px) {
    padding-top: 160px;
  }

  @media (max-width: 1279px) {
    padding-top: 100px;
  }

  @media (max-width: 1023px) {
    padding-top: 80px;
  }

  @media (max-width: 767px) {
    padding-top: 100px;
  }
}
.contacts::before {
  position: absolute;
  top: 20px;
  left: -750px;

  width: 2721px;
  height: 1022px;

  content: '';

  background: url('../img/page-inet/wave-big-2.svg') no-repeat;

  @media (max-width: 1919px) {
    top: 110px;
    left: -490px;

    width: 2213px;
    height: 794px;

    background-size: cover;
  }

  @media (max-width: 1439px) {
    top: 70px;
  }

  @media (max-width: 1279px) {
    top: 60px;
    left: -160px;

    width: 1278px;
    height: 578px;

    background-size: contain;
  }

  @media (max-width: 1023px) {
    top: 50px;
    left: -390px;
  }

  @media (max-width: 767px) {
    top: 30px;
    left: -710px;
  }
}

.contacts__inner {
  position: relative;

  padding: 32px;

  border: 2px solid var(--color-purple-primary);
  border-radius: 48px;
  background: rgba(153, 0, 255, 0.04) url('../img/page-inet/hexagon-purple.svg')
  no-repeat;
  background-position: bottom;
  background-size: 100%;

  @media (max-width: 1279px) {
    padding: 16px 20px;

    border-radius: 24px;
  }

  @media (max-width: 767px) {
    padding-top: 281px;
  }
}
.contacts__inner::before {
  position: absolute;
  top: -124px;
  right: 120px;

  width: 623px;
  height: 864px;

  content: '';

  background: url('../img/page-inet/contact-image.png') no-repeat;

  @media (max-width: 1919px) {
    top: -32px;
    right: 50px;

    width: 545px;
    height: 756px;

    background-size: contain;
  }

  @media (max-width: 1439px) {
    top: -6px;
    right: 40px;

    width: 466px;
    height: 646px;
  }

  @media (max-width: 1279px) {
    top: -9px;
    right: 90px;

    width: 279px;
    height: 419px;

    background-position: center;
  }

  @media (max-width: 1023px) {
    right: 45px;
  }

  @media (max-width: 767px) {
    top: -65px;
    right: 0;
    left: 26px;

    width: 260px;
  }
}
.contacts__header {
  position: relative;

  margin-bottom: 48px;

  @media (max-width: 1919px) {
    margin-bottom: 40px;
  }

  @media (max-width: 1279px) {
    margin-bottom: 24px;
  }
}
.contacts__header-title {
  color: var(--color-white-primary);
  text-shadow: var(--shadow-text-purple);

  @media (max-width: 1919px) {
    font-size: 40px;
  }

  @media (max-width: 1439px) {
    font-size: 36px;
  }

  @media (max-width: 1279px) {
    font-size: 20px;
  }

  @media (max-width: 767px) {
    -webkit-text-stroke: 0.5px var(--color-purple-primary);
            text-stroke: 0.5px var(--color-purple-primary);
  }
}

.contacts__form {
  gap: 40px;

  display: flex;
  flex-direction: column;

  width: 50%;

  @media (max-width: 1279px) {
    gap: 24px;
  }

  @media (max-width: 767px) {
    width: 100%;
  }
}
.contacts__form-fields {
  gap: 12px;

  display: flex;
  flex-direction: column;

  @media (max-width: 1279px) {
    gap: 8px;
  }
}
.contacts__form-fields textarea {
  height: 200px;

  @media (max-width: 1439px) {
    height: 180px;
  }

  @media (max-width: 1279px) {
    height: 80px;
  }
}
.contacts__form .button-secondary {
  @media (max-width: 1023px) {
    min-width: auto;
  }
}

.footer {
  display: flex;

  margin-top: 240px;
  padding-bottom: 100px;

  @media (max-width: 1919px) {
    margin-top: 200px;
  }

  @media (max-width: 1439px) {
    margin-top: 160px;
  }

  @media (max-width: 1279px) {
    margin-top: 100px;
  }

  @media (max-width: 1023px) {
    margin-top: 80px;
  }

  @media (max-width: 767px) {
    margin-top: 100px;
  }
}
.footer .container {
  flex: 1;
}
.footer__inner {
  gap: 24px;
  grid-template-columns: 30% 70%;

  display: grid;

  height: 240px;

  @media (max-width: 1919px) {
    gap: 20px;
    grid-template-columns: var(--width);

    --width: calc(5 / 12 * 100% - 20px / 2) calc(7 / 12 * 100% - 20px / 2);
  }

  @media (max-width: 1279px) {
    height: auto;
  }

  @media (max-width: 767px) {
    grid-template-columns: 100%;
  }
}
.footer__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  @media (max-width: 767px) {
    gap: 16px;
  }
}
.footer__header p {
  margin: 0;

  color: var(--color-white-primary);

  @media (max-width: 1279px) {
    font-size: 14px;
  }

  @media (max-width: 1023px) {
    width: 90%;
  }

  @media (max-width: 767px) {
    width: 100%;

    font-size: 14px;
  }
}
.footer__header-button {
  @media (max-width: 767px) {
    display: none;
  }
}
.footer-logo {
  display: flex;
  align-items: center;
}
.footer-logo img {
  @media (max-width: 1279px) {
    width: 106px;
    height: 32px;
  }
}
.footer__button--mobile {
  display: none;

  @media (max-width: 767px) {
    display: flex;
  }
}
.footer__navigation {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer__navigation-row {
  grid-template-columns: repeat(2, 1fr);

  display: grid;
  align-items: center;

  padding-top: 20px;

  @media (max-width: 1279px) {
    padding-top: 0px;
    padding-bottom: 40px;
  }

  @media (max-width: 767px) {
    display: none;
  }
}

.footer__navigation-company {
  grid-template-columns: repeat(2, 1fr);

  display: grid;
  align-items: end;

  @media (max-width: 767px) {
    gap: 12px;
    grid-template-columns: 100%;
  }
}

.footer__navigation-company p {
  margin-bottom: 20px;

  color: var(--color-white-primary);

  font-weight: 600;

  @media (max-width: 1279px) {
    font-size: 16px;
  }

  @media (max-width: 1279px) {
    margin-bottom: 11px;
  }
}
.footer__navigation-company ul {
  gap: 20px;

  display: flex;
  flex-direction: column;

  margin: 0;
  padding: 0;

  list-style: none;

  @media (max-width: 1279px) {
    gap: 11px;
  }
}
.footer__navigation-company ul li a {
  text-decoration: none;

  color: var(--color-white-primary);

  font-size: 16px;
  line-height: 120%;

  @media (max-width: 1279px) {
    font-size: 14px;
  }
}
.footer-phone,
.footer-email {
  display: inline;

  text-decoration: none;

  color: var(--color-white-primary);

  @media (max-width: 1279px) {
    font-size: 12px;
  }

  @media (max-width: 767px) {
    display: none;
  }
}
.footer-phone--mobiel,
.footer-email--mobile {
  display: none;

  @media (max-width: 767px) {
    display: inline;

    font-family: var(--font-primary);
    font-size: 18px;
  }
}
.footer__copy {
  margin-top: 80px;

  text-align: center;

  color: var(--color-white-primary);

  @media (max-width: 1279px) {
    margin-top: 48px;

    font-size: 12px;
  }

  @media (max-width: 767px) {
    margin-top: 24px;

    text-align: start;
  }
}