/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --font-family: "Montserrat", sans-serif;
  --black: #000;
  --black-opacity-20: rgba(0, 0, 0, 0.2);
  --black-opacity-50: rgba(0, 0, 0, 0.5);
  --white: #fff;
  --white-opacity-20: rgba(255, 255, 255, 0.2);
  --gray: #efefef;
  --gray-122: #7a7a7a;
  --gray-175: #afafaf;
  --gray-187: #bbbbbb;
  --gray-202: #cacaca;
  --gray-227: #e3e3e3;
  --gray-239: #efefef;
  --gray-243: #f3f3f3;
  --gray-244: #f4f4f4;
  --blue: #3169f8;
  --blue-38: #264cac;
  --blue-65: #4150e5;
  --purple: #6023c3;
  --yellow: #e3aa06;
  --gold: #ffc700;
  --radius-10: 10px;
  --radius-30: 30px;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family);
  color: var(--black);
  font-size: 20px;
  font-weight: 400;
  padding: 106px 0 0 0;
  background-color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  display: block;
}

a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

button {
  padding: 0;
  border: none;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.container {
  max-width: 1206px;
  padding: 0 20px;
  margin: 0 auto;
}

.container-wide {
  max-width: 1700px;
  padding: 0 20px;
  margin: 0 auto;
}

html,
body {
  height: 100%;
}

.app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.footer {
  margin-top: auto;
}

input,
textarea {
  outline-color: var(--blue);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input::placeholder,
textarea::placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
  opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.title {
  font-size: 32px;
  line-height: 39px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .title {
    font-size: 40px;
    line-height: 49px;
  }
}
.title--white {
  color: var(--white);
}

.phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--black);
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: 0.3s color;
  transition: 0.3s color;
}
.phone--black:hover {
  color: var(--blue);
}
.phone--white {
  color: var(--white);
}

.page-content {
  padding: 40px 0 80px;
}

h1:not([class]) {
  font-size: 32px;
  font-size: 29px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 40px 0 40px 0;
}
@media (min-width: 1200px) {
  h1:not([class]) {
    font-size: 40px;
    font-size: 49px;
  }
}
h1:not([class]):first-child {
  margin-top: 0;
}

h2:not([class]) {
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
  margin: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  h2:not([class]) {
    font-size: 32px;
    line-height: 39px;
  }
}
h2:not([class]):first-child {
  margin-top: 0;
}

h3:not([class]) {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 20px 0 20px 0;
}
@media (min-width: 1200px) {
  h3:not([class]) {
    font-size: 24px;
    line-height: 29px;
  }
}
h3:not([class]):first-child {
  margin-top: 0;
}

p:not([class]) {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  p:not([class]) {
    font-size: 20px;
    line-height: 24px;
  }
}
p:not([class]):last-child {
  margin-bottom: 0;
}

a:not([class]) {
  color: var(--blue);
}

ul:not([class]) {
  margin: 0 0 20px 0;
}
ul:not([class]):last-child {
  margin-bottom: 0;
}
ul:not([class]) li:not([class]) {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px 0;
  padding: 0 0 0 30px;
}
@media (min-width: 1200px) {
  ul:not([class]) li:not([class]) {
    padding: 0 0 0 40px;
    font-size: 20px;
    line-height: 24px;
  }
}
ul:not([class]) li:not([class]):last-child {
  margin-bottom: 0;
}
ul:not([class]) li:not([class])::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--blue);
}
@media (min-width: 1200px) {
  ul:not([class]) li:not([class])::before {
    top: 10px;
    left: 13px;
  }
}

ol:not([class]) {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}
@media (min-width: 1200px) {
  ol:not([class]) {
    padding: 0 0 0 30px;
  }
}
ol:not([class]):last-child {
  margin-bottom: 0;
}
ol:not([class]) li:not([class]) {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px 0;
  padding: 0 0 0 10px;
  list-style-type: decimal;
}
@media (min-width: 1200px) {
  ol:not([class]) li:not([class]) {
    font-size: 20px;
    line-height: 24px;
  }
}
ol:not([class]) li:not([class]):last-child {
  margin-bottom: 0;
}

.ln-btn {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 20px;
  line-height: 24px;
  white-space: nowrap;
  border-radius: 38px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ln-btn {
    min-width: 365px;
  }
}
.ln-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ln-btn span,
.ln-btn svg {
  position: relative;
}
.ln-btn--white {
  padding: 18px 24px;
  color: var(--black);
  background: linear-gradient(105deg, #e67b53 0%, #fecb11 100%);
}
@media (min-width: 1200px) {
  .ln-btn--white {
    padding: 21px 36px;
  }
}
.ln-btn--white::before {
  background-color: var(--white);
}
@media (min-width: 1200px) {
  .ln-btn--white:hover::before {
    opacity: 0;
  }
}
.ln-btn--gradiented {
  min-width: 222px;
  padding: 18px 36px;
  color: var(--white);
  background-color: var(--white);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ln-btn--gradiented::before {
  background: linear-gradient(233deg, #6023c3 0%, #3169f8 100%);
}
.ln-btn--gradiented:not(:disabled):hover {
  color: var(--black);
}
.ln-btn--gradiented:not(:disabled):hover::before {
  opacity: 0;
}
.ln-btn--gradiented.animated span {
  color: transparent;
}
.ln-btn--gradiented.animated span::after {
  opacity: 1;
  visibility: visible;
  -webkit-animation: btn-animate 1s ease-in-out infinite;
          animation: btn-animate 1s ease-in-out infinite;
}
.ln-btn--gradiented:disabled {
  cursor: default;
}
.ln-btn--gradiented span {
  position: relative;
}
.ln-btn--gradiented span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  border-radius: 50%;
  border: 3px solid var(--white-opacity-20);
  border-top-color: var(--white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

@-webkit-keyframes btn-animate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes btn-animate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.slider-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
}
.slider-buttons__prev, .slider-buttons__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 72px;
  height: 72px;
}
.slider-buttons__prev svg, .slider-buttons__next svg {
  position: absolute;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.slider-buttons__prev svg:nth-child(2), .slider-buttons__next svg:nth-child(2) {
  opacity: 0;
}
.slider-buttons__prev:not(.swiper-button-disabled):hover svg:nth-child(1), .slider-buttons__next:not(.swiper-button-disabled):hover svg:nth-child(1) {
  opacity: 0;
}
.slider-buttons__prev:not(.swiper-button-disabled):hover svg:nth-child(2), .slider-buttons__next:not(.swiper-button-disabled):hover svg:nth-child(2) {
  opacity: 1;
}
.slider-buttons__prev.swiper-button-disabled, .slider-buttons__next.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.slider-buttons__next {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.slider-buttons--white .slider-buttons__prev,
.slider-buttons--white .slider-buttons__next {
  color: var(--white);
}
.slider-buttons--gray .slider-buttons__prev,
.slider-buttons--gray .slider-buttons__next {
  color: var(--gray-227);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  font-family: var(--font-family);
  background-color: var(--white);
  border-bottom: 1px solid var(--gray);
}
.header.menu-open .header__logo img:nth-child(1) {
  opacity: 0;
}
.header.menu-open .header__logo img:nth-child(2) {
  opacity: 1;
}
.header.menu-open .header__burger span, .header.menu-open .header__burger::before, .header.menu-open .header__burger::after {
  opacity: 0;
}
.header.menu-open .header__burger svg {
  opacity: 1;
}
@media (min-width: 1200px) {
  .header__logo {
    position: relative;
    z-index: 1;
  }
}
.header__logo img {
  width: auto;
  height: auto;
  max-height: 38px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (min-width: 1200px) {
  .header__logo img {
    max-height: 60px;
  }
}
.header__logo img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.header__nav {
  display: none;
}
@media (min-width: 992px) {
  .header__nav {
    display: block;
    margin: 0 26px 0 auto;
  }
}
@media (min-width: 1200px) {
  .header__nav {
    margin: 0 20px 0 auto;
  }
}
@media (min-width: 1400px) {
  .header__nav {
    margin: 0 75px 0 auto;
  }
}
.header__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__phone {
  display: none;
}
@media (min-width: 1200px) {
  .header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__social.social {
  display: none;
}
@media (min-width: 1200px) {
  .header__social.social {
    display: block;
    margin: 0 0 0 18px;
  }
}
@media (min-width: 1400px) {
  .header__social.social {
    margin: 0 0 0 28px;
  }
}
.header__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1200px) {
  .header__icon {
    margin: 0 0 0 32px;
  }
}

.header-top {
  background-color: var(--gray);
}
.header-top__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 25px;
}
.header-top__comment {
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--gray-122);
}
.header-top__comment:nth-child(1) {
  display: none;
}
@media (min-width: 992px) {
  .header-top__comment:nth-child(1) {
    display: block;
  }
}
.header-top__comment:nth-child(3) {
  display: none;
}
@media (min-width: 1200px) {
  .header-top__comment:nth-child(3) {
    display: block;
  }
}
.header-top__comment:nth-child(4) {
  display: block;
}
@media (min-width: 1200px) {
  .header-top__comment:nth-child(4) {
    display: none;
  }
}
.header-top__icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0 50px 0 0;
}
@media (min-width: 992px) {
  .header-top__icon {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin: 0 auto 0 36px;
  }
}
@media (min-width: 1200px) {
  .header-top__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0;
  }
}
.header-top__icon img {
  width: auto;
  height: auto;
  max-height: 20px;
}
.header-top__icon svg {
  display: block;
  color: var(--white);
}

.header-main__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 80px;
}

.burger {
  position: relative;
  z-index: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  margin: 0 -4px 0 16px;
  width: 40px;
  height: 40px;
}
.burger span, .burger::before, .burger::after {
  width: 32px;
  height: 3px;
  border-radius: 10px;
  background: -webkit-gradient(linear, right top, left top, from(#6023c3), to(#3169f8));
  background: linear-gradient(270deg, #6023c3 0%, #3169f8 100%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.burger::before, .burger::after {
  content: "";
  width: 32px;
  height: 3px;
  border-radius: 10px;
  background: -webkit-gradient(linear, right top, left top, from(#6023c3), to(#3169f8));
  background: linear-gradient(270deg, #6023c3 0%, #3169f8 100%);
}
.burger svg {
  position: absolute;
  color: var(--white);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.ln-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin: 0;
  padding: 0;
}
@media (min-width: 1400px) {
  .ln-nav__list {
    -webkit-column-gap: 46px;
       -moz-column-gap: 46px;
            column-gap: 46px;
  }
}
.ln-nav__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ln-nav__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  color: var(--black);
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ln-nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 3px;
  border-radius: 4px;
  background: linear-gradient(244deg, #6023c3 0%, #3169f8 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ln-nav__link:hover {
  color: var(--blue);
}
.ln-nav__link:hover::after {
  opacity: 1;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.social__caption {
  display: block;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}
.social__list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 26px;
  margin: 0;
  padding: 0;
}
@media (min-width: 1400px) {
  .social__list {
    gap: 28px;
  }
}
.social__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s color;
  transition: 0.3s color;
}
.social--black .social__link {
  color: var(--black);
}
.social--black .social__link:hover {
  color: var(--blue);
}
.social--white {
  color: var(--white);
}
.social--white .social__link {
  color: var(--white);
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 0 0;
  background: linear-gradient(119deg, #6023c3 0%, #3169f8 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 1200px) {
  .menu {
    padding: 145px 0 0;
  }
}
.menu.active {
  opacity: 1;
  visibility: visible;
}
.menu__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  max-width: 1206px;
  padding: 0 20px;
  margin: 0 auto;
  overflow-y: auto;
}
.menu__list {
  max-width: 630px;
  margin: 0 0 48px 0;
  padding: 0;
}
.menu__item:not(:last-child) {
  margin: 0 0 25px 0;
}
.menu__item-login .menu__link::before {
  width: 24px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7331 4.09511C10.7331 5.0852 11.1732 10.4207 11.3932 12.9646C11.6242 13.2947 12.067 13.1021 12.2595 12.9646C12.562 9.59559 13.1423 2.62648 13.0433 1.7024C12.9196 0.547298 11.3932 0.959838 10.7331 1.28987C10.0731 1.6199 10.7332 2.8575 10.7331 4.09511Z' fill='white'/%3E%3Cpath d='M13.7702 2.11399C13.5279 4.66181 13.0433 9.83662 13.0433 10.1532C14.8915 8.23371 17.5467 8.36399 18.6432 8.66907C18.2969 6.8221 17.3174 2.9748 16.1696 2.36135C15.0219 1.74789 14.0918 1.94083 13.7702 2.11399Z' fill='white'/%3E%3Cpath d='M5.21151 9.08958C8.15511 7.75383 9.91138 9.7822 10.0845 9.88114C10.0845 9.44578 9.85367 4.68655 9.73824 2.36135C9.59806 2.1417 9.11487 1.78472 8.30353 2.11399C6.01264 2.83713 4.41995 8.05066 5.21151 9.08958Z' fill='white'/%3E%3Cpath d='M7.00337 9.40879C9.10162 9.35922 10.3008 10.9026 10.6381 11.6805L10.8419 12.5429C10.5895 12.1855 9.68039 11.4365 8.06383 11.3001C6.04313 11.1295 4.45717 12.6891 3.50677 13.9563C2.55637 15.2235 0.923621 20.3898 0.655558 21.194C0.441108 21.8374 0.306249 21.3646 0.265625 21.0478C0.395596 20.4711 0.782257 18.8692 1.28914 17.0756C2.70256 12.2261 4.38056 9.47074 7.00337 9.40879Z' fill='white'/%3E%3Cpath d='M17.8359 9.25305C14.9701 8.75059 13.2789 10.662 12.7915 11.6805L12.5722 12.5429C13.7825 11.6088 16.637 10.0524 18.3721 11.3001C20.5409 12.8597 22.8316 20.4873 23.1484 21.7058C23.4019 22.6806 23.6115 21.852 23.6846 21.3159C22.9291 17.5043 20.7018 9.75552 17.8359 9.25305Z' fill='white'/%3E%3Cpath d='M7.19832 12.3834C8.54031 12.0698 9.60742 12.6402 9.97323 12.9646C10.2209 13.1412 10.0764 13.2778 9.97323 13.324C9.69103 13.2042 8.91408 12.9205 8.06383 12.7439C7.00102 12.5232 6.13226 13.3083 5.83439 13.81C5.59609 14.2113 5.93368 15.0642 6.13226 15.4405C5.97026 15.4457 5.59296 15.315 5.37974 14.7506C5.11323 14.0452 5.52084 12.7753 7.19832 12.3834Z' fill='white'/%3E%3Cpath d='M16.9626 11.8334C14.8833 11.2835 13.4437 12.9646 13.3016 12.9646C13.0633 13.1412 13.2023 13.3386 13.3016 13.4152C13.3964 13.2967 13.8312 12.9244 14.8122 12.3834C16.0385 11.707 17.5847 12.3834 17.8359 13.0597C18.0872 13.7361 18.1178 14.6237 17.8359 14.9969C17.5541 15.3701 18.3721 15.068 18.6432 14.7506C18.9144 14.4333 19.042 12.3834 16.9626 11.8334Z' fill='white'/%3E%3Cpath d='M17.5491 13.4152C17.2623 12.7221 16.1273 12.5429 15.9318 12.5429C15.8311 12.65 15.7257 12.8843 16.1096 12.9646C16.5894 13.065 16.6783 13.324 16.9626 13.81C17.247 14.296 17.087 14.4637 17.3358 14.4637C17.5847 14.4637 17.8359 14.1083 17.5491 13.4152Z' fill='white'/%3E%3Cpath d='M6.13226 14.3038C6.37056 13.3085 7.18416 13.0597 7.56117 13.0597C7.72872 13.0597 7.99174 13.1126 7.70335 13.324C7.34286 13.5883 7.00337 13.81 6.9036 14.3038C6.80383 14.7975 5.83439 15.5478 6.13226 14.3038Z' fill='white'/%3E%3Cpath d='M10.3692 14.3038C10.2803 13.8569 9.40947 13.6107 9.24952 13.6107C9.24952 13.8062 9.37393 15.0857 8.73413 15.2635C8.09433 15.4412 8.06383 14.9969 7.70335 15.2635C7.34286 15.53 7.86329 15.9033 9.05403 15.8144C10.2448 15.7255 10.458 14.7506 10.3692 14.3038Z' fill='white'/%3E%3Cpath d='M13.3016 14.4637C13.4082 13.664 14.2257 13.81 14.4568 13.81C14.2079 13.9746 13.7885 14.3535 14.1013 14.5526C14.4141 14.7516 14.9781 14.4696 15.221 14.3038C14.9662 14.5348 14.4568 15.0289 14.4568 15.1568C14.4568 15.3168 15.0966 15.4405 15.3454 15.2635C15.5942 15.0865 16.1096 15.1391 16.1096 15.4405C16.1096 15.7418 14.9366 15.921 14.6167 15.8144C14.2968 15.7078 13.1949 15.2635 13.3016 14.4637Z' fill='white'/%3E%3Cpath d='M11.6132 13.4152C12.0575 13.2197 12.2595 13.81 12.3774 13.81L11.0445 13.9563C11.086 13.8411 11.2578 13.5716 11.6132 13.4152Z' fill='white'/%3E%3Cpath d='M11.862 14.1438C11.4497 14.1438 11.2045 14.4163 11.1334 14.5526H12.3774C12.3774 14.4163 12.2743 14.1438 11.862 14.1438Z' fill='white'/%3E%3Cpath d='M11.862 14.7506C11.4497 14.7506 11.2045 15.0214 11.1334 15.1568C11.4319 15.0715 12.0085 15.1924 12.2595 15.2635C12.2988 15.0925 12.2743 14.7506 11.862 14.7506Z' fill='white'/%3E%3Cpath d='M11.862 15.4405C11.4645 15.4405 11.0445 15.8144 11.0445 15.9388C11.3696 15.7966 12.0686 15.8796 12.3774 15.9388C12.3381 15.7727 12.18 15.4405 11.862 15.4405Z' fill='white'/%3E%3Cpath d='M11.1334 17.6627C11.1334 17.3784 11.5125 17.1528 11.7021 17.0756C11.9272 17.0756 12.4164 17.1504 12.5722 17.4494C12.728 17.7485 12.3058 18.0598 12.0753 18.1781C11.7613 18.1248 11.1334 17.9471 11.1334 17.6627Z' fill='white'/%3E%3Cpath d='M17.1226 16.5253C16.1629 16.3476 14.8122 16.9518 14.7233 17.0756C16.5183 16.8617 17.6735 17.5561 18.6432 17.0756C19.613 16.5951 19.5751 15.2635 19.8062 14.7506C20.0372 14.2378 19.5751 14.1438 19.5751 14.4637C19.3263 16.3845 18.0823 16.703 17.1226 16.5253Z' fill='white'/%3E%3Cpath d='M5.83439 16.5253H8.06383C8.17471 16.6082 8.32993 16.7812 8.06383 16.8096C7.73121 16.8452 5.92613 17.4494 5.37974 17.0756C4.83336 16.7018 4.20224 15.8144 3.95343 14.9969C3.70462 14.1794 4.04229 13.6107 4.20224 14.3038C4.36218 14.9969 5.0553 16.5253 5.83439 16.5253Z' fill='white'/%3E%3Cpath d='M16.1096 22.8088C15.8263 22.3448 13.8446 19.7517 12.8892 18.5132C12.7638 18.2154 13.0303 17.8705 13.3016 18.0743C13.5728 18.2781 16.5421 22.6677 16.9626 23.1851C17.3832 23.7025 16.4637 23.3889 16.1096 22.8088Z' fill='white'/%3E%3Cpath d='M7.55891 22.9186C7.87245 22.3699 10.5376 18.5132 10.663 18.4035C10.8661 18.1364 10.663 17.6627 10.3692 18.0743C10.0753 18.4858 7.3551 22.2758 6.9036 22.9186C6.4521 23.5614 7.24536 23.4673 7.55891 22.9186Z' fill='white'/%3E%3Cpath d='M10.2868 23.1851V19.642C10.2868 19.1779 10.9243 18.9365 11.2431 18.8738C11.2065 20.0496 11.1553 22.5329 11.2431 23.0597C11.3309 23.5864 11.9573 23.5718 12.2595 23.4986V19.642C12.2595 18.8519 12.6793 18.9992 12.8892 19.1717V22.9186C12.8892 23.7338 13.7358 23.3889 13.7358 23.0597C13.7358 22.7963 13.7985 21.3299 13.8299 20.6297C13.9605 20.8584 14.2344 21.3159 14.2845 21.3159C14.3472 21.3159 14.6167 22.605 14.4568 23.1851C14.2968 23.7652 14.8959 23.4986 15.0527 23.1851C15.1781 22.9343 15.2171 22.6416 15.221 22.5266L16.2285 23.6554H15.3454L13.971 23.969L12.8892 23.6554C12.5757 23.7129 11.9313 23.8279 11.862 23.8279C11.7928 23.8279 11.222 23.6084 10.9452 23.4986C10.8512 23.6554 10.6043 23.969 10.3692 23.969C10.1341 23.969 9.51602 23.7599 9.23639 23.6554C8.996 23.7547 8.49014 23.9564 8.38981 23.969C8.28947 23.9815 7.89036 23.7652 7.70335 23.6554L7.90381 23.1851L8.06383 23.4986H8.73413L8.84445 22.025L9.59697 20.8962V23.1851C9.59697 23.6868 10.2868 23.53 10.2868 23.1851Z' fill='white'/%3E%3Cpath d='M13.3016 24.2825C14.2826 24.2951 15.4421 24.0787 15.8993 23.969C16.1906 23.9051 16.3383 24.2825 16.2285 24.3609C16.1188 24.4393 14.9273 24.6744 14.2845 24.6744C13.6417 24.6744 9.23639 24.7372 8.48387 24.6744C7.73136 24.6117 7.55891 24.5334 7.55891 24.3609C7.55891 24.1884 7.90381 24.2825 8.48387 24.2825C9.06394 24.2825 12.0753 24.2668 13.3016 24.2825Z' fill='white'/%3E%3Cpath d='M16.495 23.969C16.495 23.8185 16.6727 23.6972 16.7615 23.6554C17.0281 23.6554 17.3358 23.8279 17.42 24.0944C17.5042 24.3609 17.1226 24.3609 16.8243 24.3609C16.5259 24.3609 16.495 24.1571 16.495 23.969Z' fill='white'/%3E%3Cpath d='M6.13226 23.969C6.13226 23.6554 6.57123 23.6554 6.74368 23.6554C6.89915 23.6514 7.07291 23.6554 7.22968 23.969C7.38645 24.2825 6.9036 24.4863 6.74368 24.4863C6.58376 24.4863 6.13226 24.2825 6.13226 23.969Z' fill='white'/%3E%3Cpath d='M10.083 17.5569L7.80974 21.0843L6.43013 22.1974L5.52084 17.9488L8.06383 17.165L10.083 17.5569Z' fill='white'/%3E%3Cpath d='M13.971 18.0743C14.9682 19.3128 16.9626 21.8086 16.9626 21.8839L18.0001 18.5132L17.42 17.6627L15.8993 17.3374L14.2845 17.5569L13.971 18.0743Z' fill='white'/%3E%3C/svg%3E%0A");
}
.menu__link {
  position: relative;
  padding: 0 0 0 47px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--white);
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 768px) {
  .menu__link {
    padding: 0 0 0 50px;
    font-size: 36px;
    line-height: 44px;
  }
}
.menu__link::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background-repeat: no-repeat;
  width: 34px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='21' viewBox='0 0 34 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7242 5.63742C10.714 4.89723 10.785 3.35601 11.15 3.11266C11.6063 2.80847 14.6786 0.831257 17.3859 0.861675C20.0931 0.892094 22.8308 2.53471 23.1654 3.11266C23.5 3.69061 23.8955 5.30282 23.8955 5.63742C23.8955 5.9051 20.813 6.479 19.2718 6.73249H14.9219C13.6038 6.44858 10.9188 5.83211 10.7242 5.63742ZM11.15 7.90117H17.2002H23.1654V10.031L21.9552 11.3683L19.5529 10.3529L21.5341 11.8636L21.658 12.3837L21.1874 13.5477V14.6126L19.9739 13.5477C19.652 13.4239 18.9536 13.0623 18.7357 12.6066C18.5177 12.1509 18.1826 11.1619 18.0422 10.7244V12.1361L16.8783 11.9875L16.7297 10.6006C16.6389 10.9556 16.4028 11.7596 16.1848 12.1361C15.9124 12.6066 14.9465 13.4734 14.2284 13.6963C13.6538 13.8746 13.2625 14.3814 13.1387 14.6126V12.9781C13.1387 12.6809 13.0066 12.2929 12.9405 12.1361L15.8133 10.3529C15.0539 10.7492 13.416 11.5417 12.9405 11.5417C12.4651 11.5417 11.5488 10.5346 11.15 10.031V7.90117ZM11.15 13.5477L12.8445 15.0641C11.507 15.6759 10.9829 17.1925 10.888 17.8743C10.5738 17.5601 9.83151 16.7929 9.37618 16.238C9.27658 14.8578 10.5173 13.8694 11.15 13.5477ZM11.15 18.07C11.3003 17.2933 11.9084 15.6439 13.1387 15.2597C13.6655 14.9932 14.3042 14.6942 14.8899 14.42L14.8899 14.42C15.5157 14.1271 16.0808 13.8625 16.384 13.6963C16.9709 13.3744 17.9184 13.4633 18.7357 13.9436C19.0659 14.1376 19.5579 14.3665 20.0466 14.5939L20.0466 14.5939C20.7673 14.9292 21.4809 15.2612 21.658 15.4732C21.6923 15.5142 21.7387 15.5655 21.7939 15.6264L21.7939 15.6265L21.7941 15.6267L21.7941 15.6267C22.2167 16.0933 23.1503 17.1243 23.0716 18.4613C23.0574 18.8454 22.1882 19.6174 21.7554 19.9553C21.5045 20.1687 20.7969 20.4676 19.9739 19.9553C19.6371 19.6707 19.3655 19.149 19.2718 18.9237H18.5895L18.2515 19.564H16.544L16.1848 18.9237H15.548C15.5374 19.3209 15.2586 20.1581 14.2284 20.3288C13.1981 20.4996 12.6275 20.151 12.471 19.9553C12.118 19.8486 11.3597 19.3221 11.15 18.07ZM23.3384 17.8743C23.1961 16.8214 22.2831 15.6925 21.8444 15.2597C22.1527 14.8981 22.8831 14.1285 23.3384 13.9436C25.3305 14.4416 25.117 16.238 25.0103 16.4692C24.9468 16.6068 24.5558 16.9081 24.1372 17.2308C23.8522 17.4504 23.5545 17.6798 23.3384 17.8743ZM23.8364 13.6963C24.3048 13.755 25.3056 14.2922 25.5617 15.9712C25.5439 16.6293 26.0241 16.2024 25.8996 15.3487C25.7751 14.4949 24.9392 13.5878 24.619 13.3922C24.3629 13.2357 24.2751 9.66629 24.2633 7.90117H23.6052L23.7297 13.5477L23.8364 13.6963ZM10.888 7.90117V13.2499C9.39394 14.2598 9.04417 15.4138 9.05604 15.8645C8.8841 15.734 8.5509 15.4732 8.59358 15.4732C8.72165 13.9364 9.66669 13.3507 10.1232 13.2499V7.90117H10.888ZM24.619 9.07012V12.1361H25.0103V9.07012H24.619ZM9.85644 12.3837V8.89225H9.21614V12.3837H9.85644ZM11.5995 11.1689C11.6707 11.6339 11.9161 12.6468 12.3287 12.9781C12.7414 13.3094 12.8445 14.0681 12.8445 14.406L11.3149 12.9781L11.5995 11.1689ZM22.2357 12.9781C21.7092 13.4536 21.6312 14.2659 21.658 14.6126L23.0716 13.5477L22.8938 11.1689C22.8938 11.5738 22.7622 12.5026 22.2357 12.9781ZM19.0257 9.61713L18.4304 8.36214H22.6459V9.61713L21.6805 10.663L19.0257 9.61713ZM11.8498 9.77803V8.50694H16.2583L15.6952 9.77803L13.6518 10.7434H13.2013L11.8498 9.77803ZM15.177 17.9691C14.7976 17.6868 13.8589 17.2518 13.139 17.7706C12.239 18.4191 12.5699 19.9674 13.6551 20.0204C14.5232 20.0627 15.0843 19.0852 15.2564 18.5911H15.7063L16.8842 15.8649H18.0752L18.9089 18.4323L19.5574 18.5117C19.5133 18.9175 19.6765 19.7583 20.6823 19.8748C21.9395 20.0204 21.913 18.7367 21.7675 18.3529C21.6219 17.9691 20.9999 17.453 19.9544 17.85C19.118 18.1676 18.9089 17.7353 18.9089 17.4795L18.2737 15.4547H16.6062L15.4417 17.9691H15.177ZM16.2344 18.4323L16.9953 16.1974H17.8475L18.3852 18.3529L17.9591 19.0178L16.8842 19.1091L16.2344 18.4323Z' fill='white'/%3E%3Cpath d='M7.4707 12.1868H0.0332031' stroke='white' stroke-width='0.5'/%3E%3Cpath d='M33.3574 12.1868H25.9199' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .menu__link::before {
    top: 12px;
  }
}
.menu__link:hover {
  text-decoration: underline;
}
.menu__sub-list {
  padding: 0 0 0 47px;
  margin: 25px 0 0 0;
  padding: 0;
}
@media (min-width: 768px) {
  .menu__sub-list {
    padding: 0 0 0 50px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
.menu__sub-item:not(:last-child) {
  margin: 0 0 14px 0;
}
@media (min-width: 768px) {
  .menu__sub-item:not(:last-child) {
    margin: 0 0 8px 0;
  }
}
.menu__sub-link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--white);
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
}
.menu__sub-link:hover {
  text-decoration: underline;
}
.menu__footer {
  padding: 32px 0;
  margin: auto 0 0 0;
}
.menu__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 14px 0;
  color: var(--white);
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  white-space: nowrap;
  background: -webkit-gradient(linear, right top, left top, from(#e67b53), to(#fecb11));
  background: linear-gradient(270deg, #e67b53 0%, #fecb11 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .menu__phone {
    font-size: 36px;
    line-height: 44px;
  }
}
@media (min-width: 1200px) {
  .menu__phone {
    position: absolute;
    top: 0;
    right: 20px;
    margin: 0;
  }
}
.menu__social .social__list {
  gap: 18px;
}
@media (min-width: 768px) {
  .menu__social .social__item:nth-child(2) {
    margin: 0 auto 0 0;
  }
}

.hero {
  position: relative;
}
.hero__swiper .swiper-slide {
  height: auto;
}
@media (min-width: 992px) {
  .hero__control {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .hero__control-inner {
    position: relative;
  }
}
.hero__buttons {
  position: absolute;
  z-index: 1;
  top: 280px;
  left: 20px;
  right: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 992px) {
  .hero__buttons {
    top: auto;
    left: auto;
    right: 0;
    bottom: 188px;
  }
}
.hero__pagination.swiper-pagination-bullets {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
  z-index: 1;
  width: auto;
  top: 335px;
  left: 80px;
  right: 80px;
  bottom: auto;
}
@media (min-width: 576px) {
  .hero__pagination.swiper-pagination-bullets {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .hero__pagination.swiper-pagination-bullets {
    top: auto;
    left: 55%;
    right: auto;
    bottom: 42px;
  }
}
@media (min-width: 1200px) {
  .hero__pagination.swiper-pagination-bullets {
    left: 0;
    width: 100%;
  }
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: 13px;
  height: 13px;
  opacity: 1;
  background-color: var(--white);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
  background-color: var(--blue);
}
.hero__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: var(--blue);
}
.hero__pointer {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 0 40px 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: transparent;
}
@media (min-width: 992px) {
  .hero__pointer {
    display: none;
    left: auto;
    right: 0;
    color: var(--white);
  }
}
.hero__pointer::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  border-top: 13px solid var(--blue-65);
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
}
@media (min-width: 992px) {
  .hero__pointer::after {
    border-top-color: var(--yellow);
  }
}

.hero-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: var(--gray-175);
  overflow: hidden;
}
@media (min-width: 992px) {
  .hero-item {
    display: block;
  }
}

.hero-item__wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  max-width: 1206px;
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 10px 20px 90px;
  background: linear-gradient(119deg, #6023c3 0%, #3169f8 100%);
}


.hero-item__wrapper_ege {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  max-width: 1206px;
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 10px 20px 90px;
  background: linear-gradient(119deg, #0B2E87 0%, #0B2E87 100%);
}


.hero-item__wrapper_it {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  max-width: 1206px;
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 10px 20px 90px;
  background: linear-gradient(119deg, #E67B53 0%, #E67B53 100%);
}


.hero-item__wrapper_games {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  max-width: 1206px;
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 10px 20px 90px;
  background: linear-gradient(119deg, #3C0C8A 0%, #3C0C8A 100%);
}


.hero-item__wrapper_first_steps {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  max-width: 1206px;
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  padding: 10px 20px 90px;
  background: linear-gradient(119deg, #6023C3 80%, #6023C3 100%);
}

@media (min-width: 992px) {
  .hero-item__wrapper {
    min-height: 652px;
    padding: 178px 20px 80px;
    background: transparent;
  }
}
.hero-item__comment {
  display: block;
  margin: 0 0 8px 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: var(--white);
}
.hero-item__title {
  min-height: 78px;
  font-weight: 700;
  font-size: 36px;
  line-height: 39px;
  text-transform: uppercase;
  color: var(--white);
}
@media (min-width: 992px) {
  .hero-item__title {
    min-height: 140px;
    font-size: 64px;
    line-height: 70px;
  }
}
.hero-item__btn {
  margin: 20px 0 0 0;
}
@media (min-width: 768px) {
  .hero-item__btn {
    margin: 30px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .hero-item__btn {
    margin: 46px 0 0 0;
  }
}
.hero-item__footnote {
  position: absolute;
  bottom: 40px;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}

@media (min-width: 992px) {
  .hero-item-bg {
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    width: 1920px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1920px) {
  .hero-item-bg {
    width: 100%;
  }
}
.hero-item-bg__left {
  display: none;
}
@media (min-width: 992px) {
  .hero-item-bg__left {
    display: block;
    position: relative;
    z-index: 1;
    width: 50%;
    /*background: linear-gradient(119deg, #6023c3 0%, #3169f8 100%);*/
  }
  .hero-item-bg__left.blue {
    background: linear-gradient(180deg, #3169F8 0%, #0B2E87 100%);
  }
  .hero-item-bg__left.purple {
    background: linear-gradient(180deg, #6023C3 0%, #3C0C8A 100%);
  }
  .hero-item-bg__left.yellow {
    background: linear-gradient(180deg, #FECB11 0%, #E67B53 75%);
  }
  .hero-item-bg__left.pink {
    background: linear-gradient(180deg, #E67B53 0%, #6023C3 100%);
  }
}
@media (min-width: 1200px) {
  .hero-item-bg__left {
    width: 41.3%;
  }
}
.hero-item-bg__right {
  height: 380px;
  margin: 0 0 -1px 0;
}
@media (min-width: 992px) {
  .hero-item-bg__right {
    position: relative;
    width: calc(50% + 1px);
    height: auto;
  }
}
@media (min-width: 1200px) {
  .hero-item-bg__right {
    width: calc(58.7% + 1px);
  }
}
.hero-item-bg__right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
@media (min-width: 992px) {
  .hero-item-bg__right img {
    position: absolute;
    top: 0;
    left: -1px;
    -o-object-position: center;
       object-position: center;
  }
}
@media (min-width: 1200px) {
  .hero-item-bg__right img {
    -o-object-position: left;
       object-position: left;
  }
}

.benefits {
  padding: 68px 0 0;
}
@media (min-width: 768px) {
  .benefits {
    padding: 68px 0 60px;
  }
}
@media (min-width: 1200px) {
  .benefits {
    padding: 68px 0 80px;
  }
}
.benefits__title {
  margin: 0 0 38px 0;
}
.benefits__images {
  position: relative;
  height: 270px;
  margin: 0 -20px 20px;
}
@media (min-width: 576px) {
  .benefits__images {
    height: 320px;
  }
}
@media (min-width: 768px) {
  .benefits__images {
    display: none;
  }
}
.benefits__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.benefits__img.active {
  opacity: 1;
}
.benefits__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.benefits__items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  counter-reset: benefits-counter;
  overflow-x: auto;
  margin: 0 -20px;
  padding: 0 20px 60px;
  scrollbar-width: none;
}
@media (min-width: 768px) {
  .benefits__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 0;
    padding: 0;
    overflow-x: visible;
  }
}
@media (min-width: 1200px) {
  .benefits__items {
    gap: 22px;
  }
}
.benefits__items::-webkit-scrollbar {
  height: 0;
}

.benefits-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 160px;
  height: 180px;
}
@media (min-width: 576px) {
  .benefits-item {
    width: 178px;
  }
}
@media (min-width: 768px) {
  .benefits-item {
    width: auto;
    height: 320px;
  }
}
@media (min-width: 1200px) {
  .benefits-item {
    height: 373px;
  }
}
.benefits-item:nth-child(1) {
  display: none;
}
@media (min-width: 768px) {
  .benefits-item:nth-child(1) {
    position: relative;
    display: block;
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .benefits-item:nth-child(n+3) {
    height: 265px;
  }
}
@media (min-width: 1200px) {
  .benefits-item:nth-child(n+3) {
    height: 285px;
  }
}
.benefits-item:hover .benefits-item__inner {
  height: 240px;
}
@media (min-width: 768px) {
  .benefits-item:hover .benefits-item__inner {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .benefits-item:hover:nth-child(n+3) .benefits-item__inner {
    height: 325px;
  }
}
@media (min-width: 1200px) {
  .benefits-item:hover:nth-child(n+3) .benefits-item__inner {
    height: 375px;
  }
}
.benefits-item:hover .benefits-item__inner {
  background-color: var(--blue);
}
.benefits-item:hover .benefits-item__title {
  color: var(--white);
}
.benefits-item:hover .benefits-item__icon {
  -webkit-transform: scale(2.35);
      -ms-transform: scale(2.35);
          transform: scale(2.35);
}
@media (min-width: 768px) {
  .benefits-item:hover .benefits-item__icon {
    -webkit-transform: scale(3);
        -ms-transform: scale(3);
            transform: scale(3);
  }
}
.benefits-item:hover .benefits-item__icon img:nth-child(1) {
  opacity: 0;
}
.benefits-item:hover .benefits-item__icon img:nth-child(2) {
  opacity: 1;
}
.benefits-item:hover .benefits-item__icon svg {
  color: var(--blue-38);
}
.benefits-item__inner {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: var(--gray-227);
  border-radius: var(--radius-10);
  -webkit-transition-property: background-color, height;
  transition-property: background-color, height;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media (min-width: 992px) {
  .benefits-item__inner {
    padding: 18px 28px;
  }
}
@media (min-width: 1200px) {
  .benefits-item__inner {
    border-radius: var(--radius-30);
  }
}
.benefits-item__inner::before {
  content: counter(benefits-counter) ".";
  counter-increment: benefits-counter;
  position: absolute;
  top: 10px;
  left: 15px;
  color: var(--white);
  font-size: 40px;
  line-height: 100%;
  font-weight: 600;
}
@media (min-width: 768px) {
  .benefits-item__inner::before {
    font-size: 80px;
  }
}
@media (min-width: 992px) {
  .benefits-item__inner::before {
    left: 28px;
  }
}
@media (min-width: 1200px) {
  .benefits-item__inner::before {
    font-size: 128px;
  }
}
.benefits-item__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-10);
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (min-width: 1200px) {
  .benefits-item__img {
    border-radius: var(--radius-30);
  }
}
.benefits-item__img.active {
  opacity: 1;
}
.benefits-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.benefits-item__icon {
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (min-width: 768px) {
  .benefits-item__icon {
    top: 30px;
    right: 30px;
  }
}
.benefits-item__icon img {
  width: auto;
  height: auto;
  max-width: 30px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.benefits-item__icon img:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
.benefits-item__icon svg {
  color: var(--gray-175);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.benefits-item__title {
  margin: auto 0 0 0;
  font-family: var(--font-family);
  color: var(--black);
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 6;
}
@media (min-width: 768px) {
  .benefits-item__title {
    min-height: 68px;
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 992px) {
  .benefits-item__title {
    min-height: 80px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
  }
}
@media (min-width: 1200px) {
  .benefits-item__title {
    min-height: 116px;
    font-size: 24px;
    line-height: 29px;
  }
}

.courses {
  position: relative;
  padding: 40px 0 85px;
}
@media (min-width: 1200px) {
  .courses {
    padding: 80px 0 105px;
  }
}
@media (min-width: 1200px) {
  .courses__wrapper.active .swiper-slide:nth-child(n+7) {
    display: block;
  }
}
.courses__swiper {
  margin: 0 -20px;
  padding: 38px 20px 42px;
}
@media (min-width: 1200px) {
  .courses__swiper {
    margin: 0;
    padding: 28px 0 0;
  }
}
@media (min-width: 1200px) {
  .courses__swiper {
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .courses__swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 24px;
  }
}
.courses__swiper .swiper-slide {
  height: auto;
}
@media (min-width: 1200px) {
  .courses__swiper .swiper-slide:nth-child(n+7) {
    display: none;
  }
}
.courses__buttons {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 576px) {
  .courses__buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1200px) {
  .courses__buttons {
    display: none;
  }
}
@media (min-width: 1200px) {
  .courses__pagination {
    display: none !important;
  }
}
.courses__pagination.swiper-pagination-bullets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  z-index: 1;
  width: auto;
  margin: 0 0 40px 0;
}
@media (min-width: 576px) {
  .courses__pagination.swiper-pagination-bullets {
    gap: 16px;
  }
}
.courses__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: 13px;
  height: 13px;
  opacity: 1;
  background-color: var(--gray-227);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.courses__pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
  background-color: var(--blue);
}
.courses__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: var(--blue);
}
.courses__btn {
  display: none;
}
@media (min-width: 1200px) {
  .courses__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 120px auto 0;
  }
}
.courses__btn svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.courses__btn.active svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.courses-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: var(--white);
  border-radius: var(--radius-30);
  background-color: var(--white);
  -webkit-box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.courses-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(269deg, #2f47cb 0%, #202380 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.courses-card:hover::before {
  opacity: 1;
}
.courses-card:hover .courses-card__title {
  color: var(--white);
}
.courses-card:hover .courses-card__comment {
  color: var(--white);
}
.courses-card:hover .courses-card__btn {
  width: 100%;
}
.courses-card:hover .courses-card__btn span {
  width: 100%;
  padding: 0 36px;
}
.courses-card__top {
  min-height: 108px;
  background-color: var(--white);
  padding: 25px 28px;
}
.courses-card__title {
  position: relative;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (min-width: 1200px) {
  .courses-card__title {
    font-size: 24px;
    line-height: 29px;
  }
}
.courses-card__comment {
  position: relative;
  display: block;
  margin: 9px 0 0 0;
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.courses-card__img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto 0 0 0;
  height: 186px;
  background: linear-gradient(269deg, #2f47cb 0%, #202380 100%);
}
.courses-card__img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.courses-card__bottom {
  padding: 24px 28px;
  background-color: var(--white);
}
.courses-card__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  height: 60px;
  color: var(--white);
  font-size: 20px;
  line-height: 24px;
  background: linear-gradient(233deg, #6023c3 0%, #3169f8 100%);
  border-radius: var(--radius-30);
  overflow: hidden;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.courses-card__btn span {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 28px;
  width: 300px;
  -webkit-transition: width 0.3s, padding 0.3s;
  transition: width 0.3s, padding 0.3s;
}

.reviews {
  padding: 50px 0 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .reviews {
    padding: 80px 0 0;
  }
}
@media (min-width: 1200px) {
  .reviews {
    padding: 115px 0 0;
  }
}
.reviews__wrapper {
  position: relative;
}
.reviews__title {
  margin: 0 0 55px 0;
}
@media (min-width: 768px) {
  .reviews__title {
    margin: 0 0 80px 0;
  }
}
@media (min-width: 1200px) {
  .reviews__title {
    margin: 0 0 110px 0;
    padding: 0 200px 0 0;
  }
}
.reviews__blockquote {
  position: relative;
  margin: 0 0 64px 0;
  padding: 0 0 0 100px;
  max-width: 805px;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .reviews__blockquote {
    padding: 0 0 0 130px;
    font-size: 20px;
    line-height: 24px;
  }
}
.reviews__blockquote::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 74px;
  height: 65px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='74' height='65' viewBox='0 0 74 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M66.7098 32.3765C70.4037 32.3765 73.5293 35.5021 73.5293 39.196V57.3813C73.5293 61.2173 70.4037 64.2008 66.7098 64.2008H48.5245C44.6885 64.2008 41.705 61.2173 41.705 57.3813V23.2839C41.705 10.7815 51.7922 0.552246 64.4366 0.552246H65.5732C67.4202 0.552246 68.983 2.11505 68.983 3.96199V10.7815C68.983 12.7705 67.4202 14.1912 65.5732 14.1912H64.4366C59.322 14.1912 55.344 18.3113 55.344 23.2839V32.3765H66.7098ZM25.7929 32.3765C29.4868 32.3765 32.6124 35.5021 32.6124 39.196V57.3813C32.6124 61.2173 29.4868 64.2008 25.7929 64.2008H7.60757C3.77161 64.2008 0.788086 61.2173 0.788086 57.3813V23.2839C0.788086 10.7815 10.8752 0.552246 23.5197 0.552246H24.6563C26.5032 0.552246 28.066 2.11505 28.066 3.96199V10.7815C28.066 12.7705 26.5032 14.1912 24.6563 14.1912H23.5197C18.4051 14.1912 14.4271 18.3113 14.4271 23.2839V32.3765H25.7929Z' fill='%236023C3'/%3E%3C/svg%3E%0A");
}
@media (min-width: 1200px) {
  .reviews__blockquote::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.reviews__swiper {
  margin: 0 -20px;
  padding: 0 20px;
}
@media (min-width: 1200px) {
  .reviews__swiper {
    margin: 0;
    padding: 0;
  }
}
.reviews__swiper .swiper-slide {
  height: auto;
}
.reviews__swiper .swiper-slide:nth-child(even) .reviews-card__content {
  background-color: var(--purple);
}
.reviews__buttons {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 36px 0 0 0;
}
@media (min-width: 576px) {
  .reviews__buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1200px) {
  .reviews__buttons {
    position: absolute;
    top: -23px;
    right: 0;
    margin: 0;
  }
}

.reviews-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-radius: var(--radius-10);
  overflow: hidden;
}
@media (min-width: 1200px) {
  .reviews-card {
    border-radius: var(--radius-30);
  }
}
.reviews-card__img {
  position: relative;
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 768px) {
  .reviews-card__img {
    width: 140px;
  }
}
@media (min-width: 1200px) {
  .reviews-card__img {
    width: 190px;
  }
}
.reviews-card__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 16px;
  background-color: var(--blue);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (min-width: 1200px) {
  .reviews-card__content {
    padding: 33px 40px 27px 27px;
  }
}
.reviews-card__name {
  margin: 0 0 4px 0;
  color: var(--white);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .reviews-card__name {
    margin: 0 0 12px 0;
    font-size: 24px;
    line-height: 29px;
  }
}
.reviews-card__course {
  display: block;
  margin: 0 0 25px 0;
  color: var(--white);
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .reviews-card__course {
    margin: 0 0 16px 0;
    font-size: 20px;
    line-height: 24px;
  }
}
.reviews-card__descr {
  margin: 0 0 28px 0;
  color: var(--white);
  font-size: 14px;
  line-height: 17px;
}
@media (min-width: 1200px) {
  .reviews-card__descr {
    font-size: 20px;
    line-height: 24px;
  }
}
.reviews-card__rating {
  margin: auto 0 0 0;
}

.results {
  padding: 120px 0 0;
}
.results__title {
  margin: 0 0 35px 0;
}
@media (min-width: 1200px) {
  .results__title {
    margin: 0 0 42px 0;
  }
}
.results__inner {
  margin: 0 -20px;
}
@media (min-width: 768px) {
  .results__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    margin: 0;
  }
}
.results__left {
  min-height: 642px;
  position: relative;
  border-radius: var(--radius-30);
  padding: 0 0 256px 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .results__left {
    min-height: 0;
    width: 566px;
    padding: 0;
  }
}
.results__left .results-card {
  padding: 12px 20px 0 0;
}
@media (min-width: 1200px) {
  .results__left .results-card {
    padding: 34px 57px 0 0;
  }
}
.results__left .results-card:first-child {
  padding-top: 34px;
}
.results__left .results-card:first-child .results-card__title {
  margin-bottom: 12px;
}
@media (min-width: 1200px) {
  .results__left .results-card:first-child .results-card__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .results__left .results-card:last-child .results-card__descr {
    max-width: 262px;
  }
}
.results__right {
  margin: -60px 0 0 0;
}
@media (min-width: 768px) {
  .results__right {
    width: 580px;
    margin: 0;
  }
}
.results__right .results-card {
  min-height: 292px;
  padding: 44px 42px 90px 0;
}
.results__right .results-card:first-child {
  padding-top: 34px;
}
.results__right .results-card:last-child {
  min-height: 0;
  padding-bottom: 42px;
}
@media (min-width: 768px) {
  .results__right .results-card:last-child {
    min-height: 275px;
  }
}
.results__right .results-card:not(:last-child) {
  margin: 0 0 -60px 0;
}
.results__right .results-card__img {
  width: 80px;
  margin: -10px 0 0 0;
}
@media (min-width: 1200px) {
  .results__right .results-card__img {
    width: 176px;
  }
}
.results__img {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#ddd7d8), to(#ccc9ca));
  background: linear-gradient(90deg, #ddd7d8 0%, #ccc9ca 100%);
}
.results__img img {
  width: 100%;
  height: auto;
  margin: auto 0 0 0;
}

.results-card {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--radius-30);
}
.results-card__img {
  width: 68px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: -10px 0 0 0;
}
@media (min-width: 1200px) {
  .results-card__img {
    width: 140px;
    margin: -15px 0 0 0;
  }
}
.results-card__img img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.results-card__title {
  margin: 0 0 12px 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .results-card__title {
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 29px;
  }
}
.results-card__descr {
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .results-card__descr {
    font-size: 20px;
    line-height: 24px;
  }
}
.results-card--white {
  color: var(--white);
}

.rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: var(--gray-202);
}
.rating__item svg {
  display: block;
  width: 24px;
  height: 23px;
}
@media (min-width: 1200px) {
  .rating__item svg {
    width: 28px;
    height: 27px;
  }
}

.rating[data-total-value="1"] .rating__item:nth-child(n+5),
.rating[data-total-value="2"] .rating__item:nth-child(n+4),
.rating[data-total-value="3"] .rating__item:nth-child(n+3),
.rating[data-total-value="4"] .rating__item:nth-child(n+2),
.rating[data-total-value="5"] .rating__item:nth-child(n+1) {
  color: var(--gold);
}

.help__wrapper {
  position: relative;
  margin: 0 -20px;
  padding: 40px 20px;
  background: linear-gradient(345deg, #e67b53 0%, #fecb11 100%);
  overflow: hidden;
}
@media (min-width: 768px) {
  .help__wrapper {
    margin: 0;
    padding: 40px 35px;
    border-radius: var(--radius-30);
  }
}
.help__content {
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .help__content {
    max-width: 650px;
  }
}
.help__title {
  margin: 0 0 14px 0;
  color: var(--white);
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .help__title {
    margin: 0 0 25px 0;
    font-size: 48px;
    line-height: 59px;
  }
}
.help__descr {
  max-width: 575px;
  color: var(--white);
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 1200px) {
  .help__descr {
    font-size: 20px;
    line-height: 24px;
  }
}
.help__btn {
  margin: 40px 0 0 0;
}
@media (min-width: 1200px) {
  .help__btn {
    margin: 72px 0 0 0;
  }
}
.help__img {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(68%, -63%) rotate(150deg);
      -ms-transform: translate(68%, -63%) rotate(150deg);
          transform: translate(68%, -63%) rotate(150deg);
  width: 468px;
}
@media (min-width: 576px) {
  .help__img {
    -webkit-transform: translate(68%, -50%) rotate(150deg);
        -ms-transform: translate(68%, -50%) rotate(150deg);
            transform: translate(68%, -50%) rotate(150deg);
  }
}
@media (min-width: 1200px) {
  .help__img {
    right: 50px;
    -webkit-transform: translate(0, -50%) rotate(0);
        -ms-transform: translate(0, -50%) rotate(0);
            transform: translate(0, -50%) rotate(0);
  }
}
.help__img img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.footer {
  padding: 54px 0 40px;
  font-family: var(--font-family);
  background: linear-gradient(119deg, #6023c3 0%, #3169f8 100%);
}
@media (min-width: 1200px) {
  .footer {
    padding: 45px 0 70px;
  }
}
.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px 40px;
}
@media (min-width: 1200px) {
  .footer__wrapper {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 40px;
  }
}
.footer__col {
  width: 100%;
}
@media (min-width: 768px) {
  .footer__col {
    padding: 5px 0 0 0;
    width: calc(50% - 20px);
  }
}
@media (min-width: 1200px) {
  .footer__col {
    width: auto;
    padding: 15px 0 0 0;
  }
}
.footer__col:first-child {
  display: none;
}
@media (min-width: 1200px) {
  .footer__col:first-child {
    display: block;
    padding: 0;
  }
}
.footer__col:last-child {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  padding: 0;
}
@media (min-width: 1200px) {
  .footer__col:last-child {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding: 15px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .footer__col:last-child .footer__logo {
    display: none;
  }
}
.footer__col--wide {
  width: 100%;
}
@media (min-width: 1200px) {
  .footer__col--wide {
    width: auto;
  }
}
.footer__col--wide .footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (min-width: 1200px) {
  .footer__col--wide .footer__list {
    display: block;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
.footer__col--wide .footer__item {
  width: calc(50% - 5px);
}
@media (min-width: 1200px) {
  .footer__col--wide .footer__item {
    width: auto;
  }
}
.footer__logo {
  display: block;
  margin: 0 0 58px 0;
}
@media (min-width: 768px) {
  .footer__logo {
    margin: 0 0 25px 0;
  }
}
@media (min-width: 1200px) {
  .footer__logo {
    margin: 0;
  }
}
.footer__logo img {
  width: auto;
  height: auto;
  max-height: 59px;
  max-width: 285px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .footer__logo img {
    margin: 0;
  }
}
.footer__caption {
  display: block;
  margin: 0 0 30px 0;
  color: var(--white);
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.footer__list {
  margin: 0;
  padding: 0;
}
.footer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__item:not(:last-child) {
  margin: 0 0 8px 0;
}
.footer__link {
  color: var(--white);
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
}
.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px 35px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) {
  .footer__contacts {
    display: block;
  }
}
.footer__social {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 768px) {
  .footer__social {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin: 0 0 16px 0;
  }
}
.footer__social .social__list {
  gap: 24px;
}

.field {
  display: block;
}
.field__input, .field__textarea {
  display: block;
  width: 100%;
  padding: 17px 15px;
  color: var(--black);
  font-size: 16px;
  line-height: 20px;
  border: none;
  border-radius: var(--radius-10);
}
@media (min-width: 1200px) {
  .field__input, .field__textarea {
    padding: 15px;
    font-size: 20px;
    line-height: 24px;
  }
}
.field__input::-webkit-input-placeholder, .field__textarea::-webkit-input-placeholder {
  color: var(--black);
}
.field__input::-moz-placeholder, .field__textarea::-moz-placeholder {
  color: var(--black);
}
.field__input:-ms-input-placeholder, .field__textarea:-ms-input-placeholder {
  color: var(--black);
}
.field__input::-ms-input-placeholder, .field__textarea::-ms-input-placeholder {
  color: var(--black);
}
.field__input::placeholder, .field__textarea::placeholder {
  color: var(--black);
}
.field__input {
  height: 54px;
}
.field__input::-webkit-input-placeholder {
  color: var(--gray-187);
}
.field__input::-moz-placeholder {
  color: var(--gray-187);
}
.field__input:-ms-input-placeholder {
  color: var(--gray-187);
}
.field__input::-ms-input-placeholder {
  color: var(--gray-187);
}
.field__input::placeholder {
  color: var(--gray-187);
}
.field__textarea {
  resize: none;
  height: 120px;
}
.field__error {
  display: block;
  margin: 10px 0 0 0;
  padding: 0 0 0 15px;
  color: var(--white);
  font-size: 12px;
  line-height: 100%;
}
@media (min-width: 1200px) {
  .field__error {
    font-size: 14px;
  }
}

.spoilers {
  position: relative;
  padding: 70px 0 42px;
}
@media (min-width: 768px) {
  .spoilers {
    padding: 70px 0;
  }
}
@media (min-width: 1200px) {
  .spoilers {
    padding: 90px 0;
  }
}
.spoilers__title {
  margin: 0 0 10px 0;
}
@media (min-width: 1200px) {
  .spoilers__title {
    margin: 0 0 25px 0;
  }
}

.spoilers-item {
  position: relative;
  border-bottom: 1px solid #e3e3e3;
}
.spoilers-item.active .spoilers-item__btn::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.spoilers-item.active .spoilers-item__inner {
  grid-template-rows: 1fr;
}
.spoilers-item.active .spoilers-item__content {
  padding: 24px 0px 40px;
}
@media (min-width: 1200px) {
  .spoilers-item.active .spoilers-item__content {
    padding: 16px 0px 87px;
  }
}
.spoilers-item__btn {
  display: block;
  width: 100%;
  padding: 35px 40px 35px 42px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  text-align: left;
}
@media (min-width: 1200px) {
  .spoilers-item__btn {
    padding: 35px 70px 35px 112px;
    font-size: 24px;
    line-height: 29px;
  }
}
.spoilers-item__btn span:nth-child(1) {
  position: absolute;
  top: 31px;
  left: 0;
  font-size: 24px;
  line-height: 29px;
  background: -webkit-gradient(linear, left top, left bottom, from(#6023c3), to(#3169f8));
  background: linear-gradient(180deg, #6023c3 0%, #3169f8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 1200px) {
  .spoilers-item__btn span:nth-child(1) {
    top: 35px;
  }
}
.spoilers-item__btn::before, .spoilers-item__btn::after {
  content: "";
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(#6023c3), to(#3169f8));
  background: linear-gradient(180deg, #6023c3 0%, #3169f8 100%);
}
.spoilers-item__btn::before {
  top: 44px;
  right: 0;
  width: 25px;
  height: 3px;
}
@media (min-width: 1200px) {
  .spoilers-item__btn::before {
    top: 48px;
    right: 28px;
  }
}
.spoilers-item__btn::after {
  top: 33px;
  right: 11px;
  width: 3px;
  height: 25px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (min-width: 1200px) {
  .spoilers-item__btn::after {
    top: 37px;
    right: 39px;
  }
}
.spoilers-item__inner {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0 0 0 42px;
  -webkit-transition: grid-template-rows 0.3s;
  transition: grid-template-rows 0.3s;
  transition: grid-template-rows 0.3s, -ms-grid-rows 0.3s;
}
@media (min-width: 1200px) {
  .spoilers-item__inner {
    padding: 0 0 0 112px;
  }
}
.spoilers-item__content {
  max-width: 713px;
  overflow: hidden;
  padding: 0;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
.spoilers-item__caption {
  margin: 0 0 16px 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .spoilers-item__caption {
    font-size: 24px;
    line-height: 29px;
  }
}
.spoilers-item__descr p {
  margin: 0 0 16px 0;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .spoilers-item__descr p {
    font-size: 20px;
    line-height: 24px;
  }
}
.spoilers-item__descr p:last-child {
  margin-bottom: 0;
}

.any-questions {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  .any-questions {
    padding: 0 0 80px;
  }
}
@media (min-width: 1200px) {
  .any-questions {
    padding: 0 0 120px;
  }
}
.any-questions__wrapper {
  position: relative;
  margin: 0 -20px;
  padding: 50px 20px;
  background: linear-gradient(345deg, #e67b53 0%, #fecb11 100%);
  overflow: hidden;
}
@media (min-width: 768px) {
  .any-questions__wrapper {
    margin: 0;
    padding: 50px 40px;
    border-radius: var(--radius-30);
  }
}
@media (min-width: 1200px) {
  .any-questions__wrapper {
    padding: 50px 67px;
  }
}
.any-questions__content {
  position: relative;
  z-index: 1;
}
@media (min-width: 1200px) {
  .any-questions__content {
    max-width: 660px;
  }
}
.any-questions__title {
  margin: 0 0 20px 0;
}
@media (min-width: 1200px) {
  .any-questions__title {
    margin: 0 0 16px 0;
  }
}
.any-questions__descr {
  margin: 0 0 24px 0;
  color: var(--white);
  font-size: 20px;
  line-height: 24px;
}
.any-questions__fields {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  margin: 0 0 44px 0;
}
@media (min-width: 768px) {
  .any-questions__fields {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .any-questions__fields {
    margin: 0 0 18px 0;
  }
}
@media (min-width: 768px) {
  .any-questions__field--wide {
    grid-column: span 2;
  }
}
.any-questions__img {
  position: absolute;
  right: -50px;
  bottom: 0;
  width: 256px;
}
@media (min-width: 1200px) {
  .any-questions__img {
    right: 0;
    width: 435px;
  }
}
.any-questions__img img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
  margin: 0 -20px;
  padding: 34px 20px 24px;
  overflow-x: auto;
  scrollbar-width: none;
}
.breadcrumbs__list::-webkit-scrollbar {
  height: 0;
}
@media (min-width: 1200px) {
  .breadcrumbs__list {
    padding: 34px 20px 24px 94px;
  }
}
.breadcrumbs__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
  color: var(--blue);
}
.breadcrumbs__item:not(:last-child) .breadcrumbs__link {
  position: relative;
}
.breadcrumbs__item:not(:last-child) .breadcrumbs__link::after {
  content: "#";
  position: absolute;
  top: 0;
  right: -24px;
}
.breadcrumbs__link {
  display: block;
  color: var(--black);
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
}

.course {
  position: relative;
  -webkit-box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .course {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.course__wrapper {
  margin: 0 -20px;
  background-color: var(--white);
  overflow: hidden;
}
@media (min-width: 768px) {
  .course__wrapper {
    margin: 0;
    -webkit-box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--white);
    border-radius: var(--radius-30);
  }
}
@media (min-width: 992px) {
  .course__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.course__left {
  padding: 50px 20px 35px;
}
@media (min-width: 768px) {
  .course__left {
    padding: 50px 40px 35px;
  }
}
@media (min-width: 992px) {
  .course__left {
    width: 700px;
    padding: 50px 40px;
  }
}
@media (min-width: 1200px) {
  .course__left {
    padding: 50px 68px 74px;
  }
}
.course__top {
  margin: 0 0 40px 0;
}
@media (min-width: 1200px) {
  .course__top {
    margin: 0 0 32px 0;
  }
}
.course__title {
  margin: 0 0 6px 0;
}
@media (min-width: 1200px) {
  .course__title {
    margin: 0 0 2px 0;
  }
}
.course__comment {
  display: block;
  font-size: 16px;
  line-height: 20px;
}
.course__descr {
  margin: 0 0 30px 0;
}
@media (min-width: 1200px) {
  .course__descr {
    margin: 0 0 40px 0;
  }
}
.course__descr p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .course__descr p {
    margin: 0 0 24px 0;
    font-size: 20px;
    line-height: 24px;
  }
}
.course__descr p:last-child {
  margin: 0;
}
.course__blocks {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 35px;
}
@media (min-width: 1200px) {
  .course__blocks {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 36px 0 0 0;
    border-top: 1px solid var(--gray-239);
  }
}
.course__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px 20px;
  background: linear-gradient(119deg, #6023c3 0%, #3169f8 100%);
}
@media (min-width: 768px) {
  .course__right {
    padding: 50px 40px;
  }
}
@media (min-width: 992px) {
  .course__right {
    width: 466px;
  }
}
@media (min-width: 1200px) {
  .course__right {
    padding: 80px 40px;
  }
}
.course__img {
  margin: 0 0 34px;
}
@media (min-width: 992px) {
  .course__img {
    margin: auto 0;
  }
}
.course__img img {
  max-width: 270px;
  width: auto;
  height: auto;
}

.course-block__title {
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
  margin: 0 0 40px 0;
}
@media (min-width: 1200px) {
  .course-block__title {
    font-size: 24px;
    line-height: 29px;
    margin: 0 0 44px 0;
  }
}
.course-block__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (min-width: 1200px) {
  .course-block__items {
    gap: 30px;
  }
}
.course-block__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  margin: 0 0 16px 0;
}
.course-block__img img {
  max-height: 100px;
}
.course-block__descr {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.about {
  background-color: var(--gray-243);
}
@media (min-width: 768px) {
  .about {
    margin: -328px 0 -141px;
    padding: 388px 0 189px;
  }
}
@media (min-width: 1200px) {
  .about {
    margin: -290px 0 -205px;
    padding: 350px 0 290px;
  }
}
.about__wrapper {
  margin: 0 -20px;
}
@media (min-width: 768px) {
  .about__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 40px;
    margin: 0px;
  }
}
.about__left {
  padding: 60px 20px 45px;
}
@media (min-width: 768px) {
  .about__left {
    width: 615px;
    padding: 0;
  }
}
.about__title {
  margin: 0 0 34px 0;
}
.about__descr p {
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .about__descr p {
    font-size: 20px;
    line-height: 24px;
  }
}
.about__descr p:not(:last-child) {
  margin: 0 0 24px 0;
}
.about__right {
  padding: 45px 20px;
  background-color: var(--white);
}
@media (min-width: 768px) {
  .about__right {
    width: 467px;
    border-radius: var(--radius-30);
    -webkit-box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 11px 29px 0 rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 1200px) {
  .about__right {
    padding: 46px 42px 80px;
  }
}
.about__caption {
  margin: 0 0 28px 0;
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
}
.about__item {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 42px;
}
@media (min-width: 1200px) {
  .about__item {
    font-size: 20px;
    line-height: 24px;
  }
}
.about__item:not(:last-child) {
  margin: 0 0 24px 0;
}
.about__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.303 0.0791505C23.4967 0.0791501 30.1391 6.72152 30.1391 14.9153C30.1391 23.1091 23.4967 29.7515 15.303 29.7515C7.10917 29.7515 0.466797 23.1091 0.466796 14.9153C0.466796 6.72153 7.10917 0.0791509 15.303 0.0791505ZM15.303 27.5915C22.3038 27.5915 27.9791 21.9162 27.9791 14.9153C27.9791 7.91445 22.3038 2.23913 15.303 2.23913C8.30209 2.23913 2.62677 7.91445 2.62677 14.9153C2.62677 21.9162 8.30209 27.5915 15.303 27.5915Z' fill='url(%23paint0_linear_2002_29)'/%3E%3Cpath d='M13.0332 20.7319L8.49414 16.1929C8.2207 15.9194 8.2207 15.4546 8.49414 15.1812L9.47852 14.1968C9.75195 13.9233 10.1895 13.9233 10.4629 14.1968L13.5527 17.2593L20.1152 10.6968C20.3887 10.4233 20.8262 10.4233 21.0996 10.6968L22.084 11.6812C22.3574 11.9546 22.3574 12.4194 22.084 12.6929L14.0449 20.7319C13.7715 21.0054 13.3066 21.0054 13.0332 20.7319Z' fill='url(%23paint1_linear_2002_29)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2002_29' x1='7.30896' y1='14.9153' x2='24.5633' y2='14.9153' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236023C3'/%3E%3Cstop offset='1' stop-color='%233169F8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2002_29' x1='5.99049' y1='15.034' x2='21.5398' y2='15.9507' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236023C3'/%3E%3Cstop offset='1' stop-color='%233169F8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.feedback__wrapper {
  margin: 0 -20px;
}
@media (min-width: 768px) {
  .feedback__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
  }
}
.feedback__descr {
  margin: 0 0 20px 0;
}
@media (min-width: 1200px) {
  .feedback__descr {
    margin: 0 0 44px 0;
  }
}
.feedback__descr p {
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .feedback__descr p {
    font-size: 20px;
    line-height: 24px;
  }
}
.feedback__descr p:not(:last-child) {
  margin: 0 0 22px 0;
}
@media (min-width: 1200px) {
  .feedback__descr p:not(:last-child) {
    margin: 0 0 14px 0;
  }
}
.feedback__list {
  padding-left: 20px;
}
.feedback__item {
  list-style-type: decimal;
  padding-left: 4px;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .feedback__item {
    font-size: 20px;
    line-height: 24px;
  }
}
.feedback__item:not(:last-child) {
  margin: 0 0 22px 0;
}
@media (min-width: 1200px) {
  .feedback__item:not(:last-child) {
    margin: 0 0 14px 0;
  }
}
.feedback__caption {
  margin: 0 0 32px 0;
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .feedback__caption {
    font-size: 32px;
    line-height: 39px;
  }
}
@media (min-width: 1200px) {
  .feedback__fields {
    max-width: 425px;
  }
}
.feedback .field:not(:last-child) {
  margin: 0 0 10px 0;
}
.feedback__footnote {
  margin: 16px 0 0 0;
  font-size: 12px;
  line-height: 15px;
}
@media (min-width: 1200px) {
  .feedback__footnote {
    margin: 10px 0 0 0;
    font-size: 14px;
    line-height: 17px;
  }
}
.feedback__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin: 16px 0 0 0;
}
@media (min-width: 1200px) {
  .feedback__action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
}
.feedback__btn {
  width: auto;
}
@media (min-width: 576px) {
  .feedback__btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.feedback__policy {
  font-size: 12px;
  line-height: 15px;
}
.feedback__policy a {
  color: inherit;
  text-decoration: underline;
}
.feedback--mod-1 {
  padding: 85px 0 0;
  color: white;
}
@media (min-width: 768px) {
  .feedback--mod-1 {
    padding: 85px 0 0;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-1 {
    padding: 150px 0 0;
  }
}
.feedback--mod-1 .feedback__wrapper {
  background: linear-gradient(119deg, #6023c3 0%, #3169f8 100%);
}
@media (min-width: 768px) {
  .feedback--mod-1 .feedback__wrapper {
    border-radius: var(--radius-30);
  }
}
.feedback--mod-1 .feedback__left {
  padding: 35px 20px 38px;
}
@media (min-width: 768px) {
  .feedback--mod-1 .feedback__left {
    padding: 50px 20px 50px 40px;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-1 .feedback__left {
    padding: 65px 50px 65px 72px;
  }
}
.feedback--mod-1 .feedback__title {
  margin: 0 0 38px 0;
}
@media (min-width: 1200px) {
  .feedback--mod-1 .feedback__title {
    margin: 0 0 18px 0;
  }
}
.feedback--mod-1 .feedback__form {
  padding: 0 20px 54px;
}
@media (min-width: 768px) {
  .feedback--mod-1 .feedback__form {
    padding: 50px 40px 50px 20px;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-1 .feedback__form {
    padding: 65px 85px 65px 50px;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-1 .feedback__caption {
    margin: 0 0 40px 0;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-1 .feedback__field:not(:last-child) {
    margin: 0 0 16px 0;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-1 .feedback__action {
    margin: 30px 0 0 0;
  }
}
.feedback--mod-1 .feedback__btn {
  color: var(--black);
}
.feedback--mod-1 .feedback__btn::before {
  background: linear-gradient(105deg, #e67b53 0%, #fecb11 100%);
}
.feedback--mod-1 .feedback__btn span::after {
  border-color: var(--black-opacity-20);
  border-top-color: var(--black);
}
.feedback--mod-2 {
  padding: 80px 0 0;
}
@media (min-width: 768px) {
  .feedback--mod-2 {
    padding: 80px 0 60px;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-2 {
    padding: 135px 0 80px;
  }
}
.feedback--mod-2 .feedback__wrapper {
  grid-gap: 20px;
}
.feedback--mod-2 .feedback__left {
  padding: 46px 20px 57px;
  color: var(--white);
  background: linear-gradient(345deg, #e67b53 0%, #fecb11 100%);
}
@media (min-width: 768px) {
  .feedback--mod-2 .feedback__left {
    padding: 50px 20px 50px 40px;
    border-radius: var(--radius-30);
  }
}
@media (min-width: 1200px) {
  .feedback--mod-2 .feedback__left {
    padding: 46px 64px;
  }
}
.feedback--mod-2 .feedback__title {
  margin: 0 0 52px 0;
}
@media (min-width: 1200px) {
  .feedback--mod-2 .feedback__title {
    margin: 0 0 32px 0;
  }
}
.feedback--mod-2 .feedback__form {
  padding: 32px 20px 55px;
  background-color: var(--gray-244);
}
@media (min-width: 768px) {
  .feedback--mod-2 .feedback__form {
    padding: 50px 40px 50px 20px;
    border-radius: var(--radius-30);
  }
}
@media (min-width: 1200px) {
  .feedback--mod-2 .feedback__form {
    padding: 32px 62px 46px;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-2 .feedback__caption {
    margin: 0 0 20px 0;
  }
}
@media (min-width: 1200px) {
  .feedback--mod-2 .feedback__action {
    margin: 20px 0 0 0;
  }
}
.feedback--mod-2 .field__error {
  color: var(--blue);
}

.program {
  padding: 40px 0 0;
}
@media (min-width: 768px) {
  .program {
    padding: 60px 0 0;
  }
}
@media (min-width: 1200px) {
  .program {
    padding: 105px 0 0;
  }
}
.program__wrapper {
  position: relative;
}
.program__title {
  margin: 0 0 40px 0;
}
@media (min-width: 1200px) {
  .program__title {
    margin: 0 0 80px 0;
    padding: 0 200px 0 0;
  }
}
@media (min-width: 1200px) {
  .program__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
.program__thumb {
  display: none;
}
@media (min-width: 1200px) {
  .program__thumb {
    display: block;
    width: 380px;
  }
}
.program__thumb-swiper {
  height: 500px;
}
.program__thumb-swiper .swiper-slide {
  height: auto;
}
@media (min-width: 1200px) {
  .program__slider {
    width: 700px;
  }
}
.program__slider-swiper {
  margin: 0 -20px;
  padding: 0 20px;
}
@media (min-width: 1200px) {
  .program__slider-swiper {
    margin: 0;
    padding: 0;
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .program__slider-swiper .swiper-slide {
    height: 50%;
  }
}
.program__buttons {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 0 0;
}
@media (min-width: 576px) {
  .program__buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 1200px) {
  .program__buttons {
    position: absolute;
    top: -23px;
    right: 0;
    margin: 0;
  }
}

.program-cover {
  position: relative;
  height: 100%;
}
.program-cover__img {
  height: 385px;
}
.program-cover__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.program-cover__content {
  position: absolute;
  bottom: 0;
  left: 0;
}
.program-cover__title {
  margin: 0 0 4px 0;
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
}
.program-cover__descr {
  font-size: 20px;
  line-height: 24px;
}

.program-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.program-item:hover .program-item__num {
  color: transparent;
}
.program-item__num {
  min-width: 110px;
  margin: -10px 0 0 0;
  font-size: 80px;
  line-height: 100%;
  font-weight: 600;
  color: var(--gray-227);
  background: linear-gradient(93deg, #6023c3 0%, #3169f8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (min-width: 1200px) {
  .program-item__num {
    font-size: 96px;
    min-width: 135px;
  }
}
.program-item__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.program-item__title {
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .program-item__title {
    margin: 0 0 18px 0;
    font-size: 24px;
    line-height: 29px;
  }
}
.program-item__descr {
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .program-item__descr {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
  }
}
.program-item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 -62px;
  gap: 16px 20px;
  font-size: 16px;
  line-height: 23px;
}
@media (min-width: 480px) {
  .program-item__bottom {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .program-item__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 20px;
  }
}
.program-item__bottom span {
  position: relative;
  padding: 0 0 5px 48px;
}
.program-item__bottom span::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 31px;
  height: 31px;
  background-repeat: no-repeat;
}
.program-item__bottom span:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1714 0.156249C23.4058 0.156249 30.0811 6.83153 30.0811 15.0659C30.0811 23.3003 23.4058 29.9756 15.1714 29.9756C6.937 29.9756 0.261718 23.3003 0.261718 15.0659C0.261718 6.83154 6.937 0.15625 15.1714 0.156249ZM15.1714 27.8049C22.2069 27.8049 27.9104 22.1015 27.9104 15.0659C27.9104 8.03037 22.2069 2.32693 15.1714 2.32693C8.13584 2.32693 2.4324 8.03037 2.4324 15.0659C2.4324 22.1015 8.13584 27.8049 15.1714 27.8049Z' fill='url(%23paint0_linear_204_148)'/%3E%3Cpath d='M13.9492 6.83252V16.3007H23.4171' stroke='url(%23paint1_linear_204_148)' stroke-width='2' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_204_148' x1='7.13779' y1='15.0659' x2='24.4776' y2='15.0659' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236023C3'/%3E%3Cstop offset='1' stop-color='%233169F8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_204_148' x1='10.2366' y1='14.5103' x2='23.4171' y2='14.4561' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236023C3'/%3E%3Cstop offset='1' stop-color='%233169F8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.program-item__bottom span:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4612 0.402393C23.6549 0.402392 30.2973 7.04477 30.2973 15.2385C30.2973 23.4323 23.6549 30.0747 15.4612 30.0747C7.26737 30.0747 0.625 23.4323 0.624999 15.2386C0.624999 7.04477 7.26737 0.402393 15.4612 0.402393ZM15.4612 27.9147C22.462 27.9147 28.1373 22.2394 28.1373 15.2385C28.1373 8.23769 22.462 2.56237 15.4612 2.56237C8.46029 2.56237 2.78498 8.23769 2.78498 15.2386C2.78498 22.2394 8.4603 27.9147 15.4612 27.9147Z' fill='url(%23paint0_linear_204_139)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_204_139' x1='7.46717' y1='15.2386' x2='24.7215' y2='15.2386' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236023C3'/%3E%3Cstop offset='1' stop-color='%233169F8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.program-item__bottom span:nth-child(2)::after {
  content: attr(data-qty);
  position: absolute;
  top: -3px;
  left: 0;
  width: 30px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-weight: 600;
  background: linear-gradient(93deg, #6023c3 0%, #3169f8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 80px 20px;
  background-color: var(--black-opacity-50);
  overflow-y: auto;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal__wrapper {
  position: relative;
  margin: auto;
  width: 500px;
  padding: 40px 20px;
  background-color: var(--white);
  border-radius: var(--radius-30);
}
@media (min-width: 768px) {
  .modal__wrapper {
    padding: 50px 40px;
  }
}
.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  -webkit-columns: var(--black);
  -moz-columns: var(--black);
  columns: var(--black);
}
.modal__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
@media (min-width: 1200px) {
  .modal__title {
    font-size: 24px;
    line-height: 29px;
  }
}
.modal__descr p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .modal__descr p {
    font-size: 20px;
    line-height: 24px;
  }
}
.modal__descr p:last-child {
  margin-bottom: 0;
}