@font-face {
  font-family: EuclidCircular;
  font-weight: 300;
  font-style: normal;
  src: url(../fonts/EuclidCircularA-Light.woff);
  font-display: swap;
}
@font-face {
  font-family: EuclidCircular;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/EuclidCircularA-Regular.woff);
  font-display: swap;
}
@font-face {
  font-family: EuclidCircular;
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/EuclidCircularA-Medium.woff);
  font-display: swap;
}
@font-face {
  font-family: EuclidCircular;
  font-weight: 500;
  font-style: italic;
  src: url(../fonts/EuclidCircularA-MediumItalic.woff);
  font-display: swap;
}
@font-face {
  font-family: EuclidCircular;
  font-weight: 600;
  font-style: normal;
  src: url(../fonts/EuclidCircularA-SemiBold.woff);
  font-display: swap;
}
@font-face {
  font-family: EuclidCircular;
  font-weight: 600;
  font-style: italic;
  src: url(../fonts/EuclidCircularA-SemiBoldItalic.woff);
  font-display: swap;
}
@font-face {
  font-family: EuclidCircular;
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/EuclidCircularA-Bold.woff);
  font-display: swap;
}
@font-face {
  font-family: Gordita;
  font-weight: 300;
  font-style: normal;
  src: url(../fonts/Gordita-Light.woff);
  font-display: swap;
}
@font-face {
  font-family: Gordita;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/Gordita-Regular.woff);
  font-display: swap;
}
@font-face {
  font-family: Gordita;
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/Gordita-Medium.woff);
  font-display: swap;
}
@font-face {
  font-family: CeraPro;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/CeraPro-Regular.woff);
  font-display: swap;
}
@font-face {
  font-family: CeraPro;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/CeraPro-Medium.woff);
  font-display: swap;
}
@font-face {
  font-family: NunitoSans;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/NunitoSans-Regular.woff);
  font-display: swap;
}
@font-face {
  font-family: SFProDisplay;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/SFProDisplay-Regular.woff);
  font-display: swap;
}
@font-face {
  font-family: SFProDisplay;
  font-weight: 600;
  font-style: normal;
  src: url(../fonts/SFProDisplay-Semibold.woff);
  font-display: swap;
}
@font-face {
  font-family: SFProText;
  font-weight: 600;
  font-style: normal;
  src: url(../fonts/SFUIText-Semibold.woff);
  font-display: swap;
}
@font-face {
  font-family: Inter;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/Inter-Regular.woff);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 200;
  font-style: italic;
  src: url(../fonts/Montserrat-ThinItalic.woff);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/Montserrat-Medium.woff);
  font-display: swap;
}
@font-face {
  font-family: OpenSans;
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/OpenSans-SemiBold.woff);
  font-display: swap;
}
:root {
  --white: #fff;
  --dark: #000;
  --black: #202229;
  --blue: #0075ff;
  --gray: #767e8f;
  --gray-light: #f3f4f7;
  --sky-blue: #00c3ee;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  font-family: EuclidCircular, Arial, sans-serif;
  color: var(--black);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
body.overflow-hidden {
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 120%;
}
a {
  text-decoration: none;
  color: var(--black);
  transition: 0.5s;
}
a:hover {
  color: var(--blue);
}
img {
  max-width: 100%;
  height: auto;
}
.btn {
  background: 0 0;
  border: none;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
  color: inherit;
  transition: 0.3s;
}
.terra-btn {
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  font-family: Gordita;
  font-size: 14px;
  font-weight: 500;
}
.terra-btn--blue {
  background-color: var(--blue);
  color: var(--white);
  border: 1px solid transparent;
}
.terra-btn--blue svg {
  fill: transparent;
  stroke: var(--white);
  position: relative;
}
.terra-btn--blue[disabled] {
  background-color: #75b5ff;
  pointer-events: none;
}
.terra-btn--blue:not([disabled]):focus,
.terra-btn--blue:not([disabled]):hover {
  background-color: var(--white);
  color: var(--blue);
  border-color: var(--blue);
}
.terra-btn--blue:not([disabled]):focus svg,
.terra-btn--blue:not([disabled]):hover svg {
  stroke: var(--blue);
}
.terra-btn--blue-outline {
  border-color: var(--blue);
  background-color: var(--white);
  background-color: var(--white);
  color: var(--blue);
}
.terra-btn--blue-outline svg {
  stroke: var(--blue);
}
.terra-btn--blue-outline:not([disabled]):focus,
.terra-btn--blue-outline:not([disabled]):hover {
  background-color: var(--blue);
  color: var(--white);
}
.terra-btn--blue-outline:not([disabled]):focus svg,
.terra-btn--blue-outline:not([disabled]):hover svg {
  fill: transparent;
  stroke: var(--white);
}
.terra-btn--blue-outline-gray {
  background-color: transparent;
}
.terra-btn--gray {
  background-color: var(--gray);
  color: var(--white);
  border: 1px solid transparent;
}
.terra-btn--gray svg {
  fill: transparent;
  stroke: var(--white);
}
.terra-btn--gray[disabled] {
  background-color: var(--gray-light);
  pointer-events: none;
}
.terra-btn--gray:not([disabled]):focus,
.terra-btn--gray:not([disabled]):hover {
  background-color: var(--white);
  color: var(--gray);
  border-color: var(--gray);
}
.terra-btn--gray:not([disabled]):focus svg,
.terra-btn--gray:not([disabled]):hover svg {
  stroke: var(--blue);
}
.terra-btn--white {
  background-color: var(--white);
  color: var(--black);
}
.terra-btn--white svg {
  fill: transparent;
  stroke: var(--black);
}
.terra-btn--white[disabled] {
  background-color: #75b5ff;
  pointer-events: none;
}
.terra-btn--white:not([disabled]):focus,
.terra-btn--white:not([disabled]):hover {
  background-color: var(--blue);
  color: var(--white);
}
.terra-btn--white:not([disabled]):focus svg,
.terra-btn--white:not([disabled]):hover svg {
  stroke: var(--white);
}
.terra-btn--outline {
  background-color: var(--white);
  color: var(--black);
  padding: 0 16px;
  border: 1px solid var(--black);
  border-radius: 62px;
}
.terra-btn--outline svg {
  fill: transparent;
  stroke: var(--black);
}
.terra-btn--outline:focus,
.terra-btn--outline:hover {
  background-color: var(--blue);
  color: var(--white);
  border-color: var(--blue);
}
.terra-btn--outline:focus svg,
.terra-btn--outline:hover svg {
  stroke: var(--white);
}
.terra-btn--52 {
  height: 52px;
}
.terra-btn--58 {
  height: 58px;
}
.terra-btn--334 {
  padding: 0 16px;
  justify-content: center;
  width: 100%;
  max-width: 334px;
}
.terra-btn--regular {
  font-weight: 400;
  font-family: EuclidCircular, Arial, sans-serif;
}
.blue-link {
  font-size: 14px;
  color: var(--blue);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.blue-link:hover {
  text-decoration: none;
}
.container {
  width: 100%;
  max-width: 1412px;
  padding: 0 20px;
  margin: 0 auto;
}
#footer,
#header {
  flex: 0 0 auto;
}
#content {
  flex: 1 0 auto;
}
.section--gray {
  background-color: #f3f5ff;
}
.section--radius {
  border-radius: 40px 40px 0 0;
}
.section-gap {
  padding: 70px 0;
}
.section-gap-top {
  padding-top: 70px;
}
.section-gap-bottom {
  padding-bottom: 70px;
}
.section__header {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  position: relative;
  margin-bottom: clamp(1.875rem, 1.411rem + 1.9vw, 3.125rem);
}
.section__header--center {
  text-align: center;
}
.section__header-heading {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  row-gap: 16px;
  position: relative;
}
.section__header-line {
  top: -25px;
  left: -40px;
  position: absolute;
}
.section__header--half {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.section__header-right {
  display: flex;
  align-items: center;
  -moz-column-gap: 60px;
  column-gap: 60px;
}
.section__title {
  font-size: 36px;
  font-weight: 500;
  margin: 0;
  position: relative;
}
.section__title span {
  color: var(--blue);
}
.section__title span.skyblue {
  color: #44c2ea;
}
.section__title--short {
  max-width: 340px;
}
.section__description {
  color: var(--gray);
  position: relative;
}
.section__description--big {
  text-transform: uppercase;
  font-size: 35px;
  color: var(--black);
  line-height: 120%;
}
.section__description--24 {
  font-size: clamp(1.125rem, 0.986rem + 0.57vw, 1.5rem);
  color: var(--black);
  line-height: 140%;
}
.section__subtitle {
  font-weight: 600;
  color: var(--blue);
  text-transform: uppercase;
  margin-top: 40px;
  position: relative;
}
.section__half {
  display: grid;
  grid-template-columns: 395px 1fr;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.section__footer {
  position: relative;
  z-index: 2;
  margin-top: 22px;
  justify-content: space-between;
}
.section__join {
  margin-top: auto;
  width: 100%;
  max-width: 262px;
}
.form__field {
  border: 1px solid #d6d6d6;
  background: 0 0;
  border-radius: 12px;
  height: 48px;
  outline: 0;
  padding: 0 16px;
  width: 100%;
  transition: 0.3s;
}
.form__field::-moz-placeholder {
  color: var(--gray);
}
.form__field::placeholder {
  color: var(--gray);
}
.form__field:focus {
  border-color: var(--blue);
}
.form__radio {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  position: relative;
  cursor: pointer;
}
.form__radio i {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid var(--blue);
  border-radius: 50%;
  display: inline-block;
  top: -1px;
}
.form__radio i::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--blue);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.form__radio input {
  display: none;
}
.form__radio input:checked ~ i::before {
  display: block;
}
.form__checkbox {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  cursor: pointer;
  position: relative;
}
.form__checkbox i {
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 30px;
  display: inline-block;
  background-color: var(--blue);
  top: -1px;
}
.form__checkbox i::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: var(--white);
  top: 50%;
  transform: translate(13%, -50%);
  transition: 0.3s;
}
.form__checkbox input {
  display: none;
}
.form__checkbox input:checked ~ i::before {
  transform: translate(109%, -50%);
}
.form__checkbox input:checked ~ span {
  color: var(--blue);
}
.form__checkbox--rect i {
  top: -2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid var(--blue);
}
.form__checkbox--rect i::before {
  content: unset;
}
.form__checkbox--rect input:checked ~ i {
  background-color: var(--blue);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjUgMUwzLjMxMjUgN0wwLjUgNC4yNzI3MyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-position: center;
  background-size: 11px;
  background-repeat: no-repeat;
}
.form__checkbox--rect input:checked ~ span {
  color: inherit;
}
.form__date {
  position: relative;
}
.form__date-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
}
.form__date-toggle:hover {
  color: var(--blue);
}
.form__date-toggle:hover svg path {
  fill: var(--blue);
}
.form__date-toggle svg path {
  transition: 0.3s;
}
.form__date-calendar {
  position: absolute;
  z-index: 22;
  opacity: 0;
  visibility: hidden;
  margin-top: 20px;
  box-shadow: 0 10px 48px 0 rgba(85, 85, 85, 0.1);
  background: var(--white);
  border-radius: 13px;
}
.form__date-calendar.active {
  opacity: 1;
  visibility: visible;
}
.form__date-calendar .vanilla-calendar-month,
.form__date-calendar .vanilla-calendar-year {
  font-size: 20px;
  font-weight: 400;
}
.form__date-calendar .vanilla-calendar-arrow {
  width: 18px;
  height: 18px;
}
.form__date-calendar .vanilla-calendar-week__day {
  font-size: 13px;
  font-weight: 400;
  color: rgba(60, 60, 67, 0.3);
}
.form__date-calendar .vanilla-calendar-day__btn {
  font-weight: 300;
  color: var(--black);
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.form__date-calendar
  .vanilla-calendar-day__btn.vanilla-calendar-day__btn_selected:not(
    .vanilla-calendar-day__btn_weekend
  ) {
  background-color: var(--blue);
  color: var(--white);
}
.form__date-calendar
  .vanilla-calendar-day__btn.vanilla-calendar-day__btn_weekend:not(
    .vanilla-calendar-day__btn_selected
  ) {
  color: #f43f5e;
}
.form__date-calendar .vanilla-calendar-months__month {
  font-weight: 300;
  color: var(--black);
}
.form__date-calendar
  .vanilla-calendar-months__month.vanilla-calendar-months__month_selected {
  background-color: var(--blue);
}
.form__date-calendar .vanilla-calendar-years__year {
  font-weight: 300;
  color: var(--black);
}
.form__date-calendar
  .vanilla-calendar-years__year.vanilla-calendar-years__year_selected {
  background-color: var(--blue);
}
.logo {
  display: flex;
}
.nav__list,
.tags {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tag {
  background-color: var(--bg-color, #fff);
  padding: 8px 14px;
  display: inline-block;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 300;
  color: var(--color, #202229);
}
.tag--green {
  background-color: #bbf7d0;
}
.tag--gray {
  background-color: var(--gray-light);
}
.tag--blue {
  background-color: var(--blue);
  color: var(--white);
}
.tag--outline {
  background-color: transparent;
  border: 1px solid var(--black);
}
.tag--outline:hover {
  border-color: var(--blue);
}
.tag--selected,
.tag:not(.tag--no-hover):focus,
.tag:not(.tag--no-hover):hover {
  background-color: var(--blue);
  color: var(--white);
}
.tag--small {
  font-size: 16px;
  padding: 5px 16px;
  display: flex;
  align-items: center;
}
.social {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social__link {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #121212;
}
.social__link--telegram {
  background-color: #08c;
}
.social__link--vk {
  background-color: #07f;
}
.social__link--youtube {
  background-color: red;
}
.social__link--instagram {
  background-color: #833ab4;
}
.social__link--googleplay {
  background-color: #f1f1f1;
}
.social__link--appstore {
  background-color: #1ca5f9;
}
.social__link svg {
  width: 16px;
  height: 16px;
  fill: var(--white);
}
.social__link:focus,
.social__link:hover {
  background-color: var(--white);
}
.social__link:focus svg,
.social__link:hover svg {
  fill: var(--blue);
}
.tab__content {
  display: none;
}
.tab__content--active {
  display: block;
}
.card {
  background-color: var(--bgcolor, #ffe6d8);
  padding: 36px 26px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  min-height: 284px;
}
.card--bg {
  background-repeat: no-repeat;
}
.card__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.card__inner {
  width: 100%;
  display: flex;
  align-items: flex-start;
  position: relative;
  height: 100%;
  z-index: 2;
}
.card__info {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  height: 100%;
}
.card__info-heading {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.card__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
}
.card__title--big {
  font-size: 32px;
  max-width: 502px;
}
.card__subtitle {
  font-size: 14px;
  margin: 0;
  opacity: 0.6;
  max-width: 337px;
}
.card__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
  max-width: 314px;
}
.card__tag {
  padding: 14px 16px;
  font-size: 17px;
  font-weight: 500;
  background-color: var(--bg-color, #d2ecff);
  color: var(--black);
}
.card__link {
  margin-top: auto;
  padding: 0 16px;
}
.card__img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.card--has-tags .card__info-inner {
  display: flex;
  justify-content: space-between;
}
.card--white {
  color: var(--white);
}
.card--white .card__subtitle {
  opacity: 1;
}
.slider-nav {
  display: flex;
  align-items: center;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
.slider-nav svg {
  fill: transparent;
  stroke: var(--black);
  stroke-width: 1px;
}
.slider-nav__button {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-nav__button--prev {
  transform: rotate(-180deg);
}
.slider-nav__button.swiper-button-disabled {
  cursor: inherit;
  pointer-events: none;
}
.slider-nav__button.swiper-button-disabled svg {
  stroke: #a6acb9;
}
.slider-nav__button:focus svg,
.slider-nav__button:hover svg {
  stroke: var(--blue);
}
.slider-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.slider-pagination .swiper-pagination-bullet {
  border-radius: 42px;
  margin: 0 !important;
  opacity: 1;
  width: 48px;
  height: 5px;
  background-color: #d6d6d6;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--blue);
}
.quote {
  background-color: var(--white);
  border-radius: 10px;
  margin: 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.quote__text {
  font-size: 18px;
  line-height: 30px;
}
.quote__author {
  text-align: right;
  color: var(--blue);
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}
.quote__icon {
  color: var(--blue);
  font-size: 50px;
  font-weight: 600;
  color: var(--blue);
}
.video {
  position: relative;
  overflow: hidden;
  display: flex;
}
.video::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(32, 34, 41, 0.3);
  transition: 0.3s;
  opacity: 0;
}
.video__preview {
  width: 100%;
  transition: 0.3s;
}
.video__preview-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video__preview--blur {
  filter: blur(8px);
}
.video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(32, 34, 41, 0.3);
  z-index: 3;
  transition: 0.3s;
}
.video__play svg {
  width: 22px;
  height: 22px;
  fill: var(--white);
  position: relative;
  left: 1px;
  top: 1px;
}
.video__play--blue {
  background-color: var(--blue);
}
.video:focus .video__preview--blur,
.video:hover .video__preview--blur {
  filter: blur(0);
}
.video:focus .video__play,
.video:hover .video__play {
  background-color: var(--blue);
}
.video:focus .video__play svg,
.video:hover .video__play svg {
  fill: var(--white);
}
.video:focus::before,
.video:hover::before {
  opacity: 1;
}
.video-v2 {
  background-image: url(../img/bg/video-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f3f4f7;
  border-radius: 16px;
  padding: clamp(1.875rem, 1.318rem + 2.29vw, 3.375rem)
    clamp(1.875rem, 0.714rem + 4.76vw, 5rem);
  justify-content: space-between;
  row-gap: 30px;
}
.video__info {
  width: 100%;
  max-width: 460px;
  display: flex;
  flex-direction: column;
  row-gap: clamp(1.875rem, 1.042rem + 2.31vw, 3.125rem);
  position: relative;
  z-index: 1;
}
.video__title {
  font-size: clamp(1.5rem, 0.667rem + 2.31vw, 2.75rem);
  font-weight: 500;
  color: var(--blue);
}
.video__subtitle {
  color: var(--black);
  font-size: clamp(1.75rem, -0.25rem + 5.56vw, 4.75rem);
  font-weight: 500;
  line-height: 120%;
}
.video__params {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.video__img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: clamp(25rem, 19rem + 16.67vw, 34rem);
}
.video--small {
  padding: clamp(1.875rem, 1.527rem + 1.43vw, 2.813rem);
}
.video--small .video__info {
  row-gap: 30px;
}
.video--small .video__title {
  font-size: clamp(1.5rem, 1.375rem + 0.35vw, 1.688rem);
}
.video--small .video__subtitle {
  font-size: clamp(1.75rem, 1.309rem + 1.81vw, 2.938rem);
}
.video--small .video__params .params__item-title {
  font-size: 15px;
}
.video--small .video__img {
  right: 0;
  bottom: 0;
  position: absolute;
  max-width: clamp(10rem, -4.167rem + 39.35vw, 31.25rem);
}
.feature {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  box-shadow: 0 24px 32px 0 rgba(50, 50, 71, 0.08);
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  display: flex;
  flex-direction: column;
  row-gap: clamp(0.5rem, 0.401rem + 0.41vw, 0.75rem);
  border-radius: 16px;
}
.feature__icon {
  display: inline-block;
  width: clamp(1.5rem, 1.252rem + 1.02vw, 2.125rem);
  height: clamp(1.5rem, 1.252rem + 1.02vw, 2.125rem);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.feature__title {
  font-size: clamp(1rem, 0.901rem + 0.41vw, 1.25rem);
  font-weight: 600;
}
.feature__description {
  font-size: 14px;
  color: var(--gray);
}
.result {
  display: flex;
  flex-direction: column;
  padding: 36px 26px 26px;
  background-color: #bbf7d0;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.result svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.result__inner {
  position: relative;
}
.result__number {
  display: block;
  margin-bottom: 22px;
  font-size: 52px;
  font-weight: 700;
}
.result__title {
  font-size: 13px;
  font-weight: 500;
  background-color: var(--white);
  padding: 2px 8px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 44px;
}
.result__descr {
  margin-top: 10px;
  max-width: 180px;
}
.result--blue-sky {
  background-color: #b9f6ff;
}
.result--blue {
  background-color: #cddeff;
}
.result--orange {
  background-color: #ffe6d8;
}
.result--red {
  background-color: #ffdcd6;
}
.person-card {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.person-card__thumb {
  border-radius: 20px;
  overflow: hidden;
  display: flex;
}
.person-card__img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: clamp(21.875rem, 19.414rem + 10.1vw, 28.5rem);
}
.person-card__name {
  font-size: 20px;
  font-weight: 600;
}
.course-card {
  border-radius: 30px;
  padding: 30px 20px 20px;
  color: var(--white);
  height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
}
.course-card::before {
  content: "";
  position: absolute;
  background-color: #4f3dc5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  mix-blend-mode: screen;
}
.course-card__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.course-card__header {
  padding-bottom: 50px;
  position: relative;
}
.course-card__header::after {
  content: "";
  position: absolute;
  width: 49px;
  height: 1px;
  background-color: var(--white);
  left: 0;
  bottom: 28px;
}
.course-card__title {
  font-size: 22px;
  font-weight: 600;
  position: relative;
}
.course-card__title::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  opacity: 0.36;
  width: 100%;
  height: 150%;
  top: 50%;
  left: 0;
  transform: translate(-20px, -50%);
}
.course-card__description {
  font-size: 14px;
  font-weight: 500;
  max-width: 200px;
}
.course-card__link {
  border-radius: 50px;
  background-color: var(--white);
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  width: 100%;
  max-width: 40px;
  padding: 0 13px;
  height: 40px;
  font-size: 0;
  display: inline-flex;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  margin-left: auto;
}
.course-card__link span {
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  margin-right: 10px;
  opacity: 0;
}
.course-card__link svg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.course-card__link:hover {
  color: var(--black);
  max-width: 220px;
}
.course-card__link:hover span {
  opacity: 1;
}
.course-card__recommendation {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin-top: 34px;
  color: #a6acb9;
}
.course-card--green::before {
  background-color: #0094a8;
}
.course-card--blue::before {
  background-color: #0075ff;
}
.course-card--black::before {
  background-color: #202229;
}
.course-card--blue-dark::before {
  background-color: #213d56;
  mix-blend-mode: unset;
  opacity: 0.8;
}
.course-card:hover {
  box-shadow: 0 32px 40px 0 rgba(50, 50, 71, 0.1),
    0 20px 20px 0 rgba(50, 50, 71, 0.1);
}
.direction-card {
  position: relative;
}
.direction-card__inner {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  -webkit-clip-path: polygon(
    100% 87.069%,
    100% 87.069%,
    99.896% 89.166%,
    99.595% 91.156%,
    99.114% 93.012%,
    98.469% 94.706%,
    97.675% 96.213%,
    96.751% 97.505%,
    95.711% 98.557%,
    94.572% 99.341%,
    93.351% 99.831%,
    92.063% 100%,
    7.937% 100%,
    7.937% 100%,
    6.649% 99.831%,
    5.428% 99.341%,
    4.289% 98.557%,
    3.249% 97.505%,
    2.325% 96.213%,
    1.531% 94.706%,
    0.886% 93.012%,
    0.405% 91.156%,
    0.104% 89.166%,
    0 87.069%,
    0 12.931%,
    0 12.931%,
    0.104% 10.834%,
    0.405% 8.844%,
    0.886% 6.988%,
    1.531% 5.294%,
    2.325% 3.787%,
    3.249% 2.495%,
    4.289% 1.443%,
    5.428% 0.659%,
    6.649% 0.169%,
    7.937% 0,
    65.771% 0,
    65.771% 0,
    66.386% 0.039%,
    66.993% 0.154%,
    67.591% 0.345%,
    68.177% 0.608%,
    68.747% 0.944%,
    69.3% 1.349%,
    69.834% 1.822%,
    70.344% 2.363%,
    70.83% 2.968%,
    71.289% 3.637%,
    76.793% 12.311%,
    76.793% 12.311%,
    77.252% 12.98%,
    77.738% 13.585%,
    78.248% 14.126%,
    78.782% 14.599%,
    79.335% 15.005%,
    79.905% 15.34%,
    80.491% 15.604%,
    81.088% 15.794%,
    81.696% 15.909%,
    82.311% 15.948%,
    92.063% 15.948%,
    92.063% 15.948%,
    93.351% 16.117%,
    94.572% 16.607%,
    95.711% 17.392%,
    96.751% 18.443%,
    97.675% 19.736%,
    98.469% 21.242%,
    99.114% 22.937%,
    99.595% 24.792%,
    99.896% 26.782%,
    100% 28.879%,
    100% 87.069%
  );
  clip-path: polygon(
    100% 87.069%,
    100% 87.069%,
    99.896% 89.166%,
    99.595% 91.156%,
    99.114% 93.012%,
    98.469% 94.706%,
    97.675% 96.213%,
    96.751% 97.505%,
    95.711% 98.557%,
    94.572% 99.341%,
    93.351% 99.831%,
    92.063% 100%,
    7.937% 100%,
    7.937% 100%,
    6.649% 99.831%,
    5.428% 99.341%,
    4.289% 98.557%,
    3.249% 97.505%,
    2.325% 96.213%,
    1.531% 94.706%,
    0.886% 93.012%,
    0.405% 91.156%,
    0.104% 89.166%,
    0 87.069%,
    0 12.931%,
    0 12.931%,
    0.104% 10.834%,
    0.405% 8.844%,
    0.886% 6.988%,
    1.531% 5.294%,
    2.325% 3.787%,
    3.249% 2.495%,
    4.289% 1.443%,
    5.428% 0.659%,
    6.649% 0.169%,
    7.937% 0,
    65.771% 0,
    65.771% 0,
    66.386% 0.039%,
    66.993% 0.154%,
    67.591% 0.345%,
    68.177% 0.608%,
    68.747% 0.944%,
    69.3% 1.349%,
    69.834% 1.822%,
    70.344% 2.363%,
    70.83% 2.968%,
    71.289% 3.637%,
    76.793% 12.311%,
    76.793% 12.311%,
    77.252% 12.98%,
    77.738% 13.585%,
    78.248% 14.126%,
    78.782% 14.599%,
    79.335% 15.005%,
    79.905% 15.34%,
    80.491% 15.604%,
    81.088% 15.794%,
    81.696% 15.909%,
    82.311% 15.948%,
    92.063% 15.948%,
    92.063% 15.948%,
    93.351% 16.117%,
    94.572% 16.607%,
    95.711% 17.392%,
    96.751% 18.443%,
    97.675% 19.736%,
    98.469% 21.242%,
    99.114% 22.937%,
    99.595% 24.792%,
    99.896% 26.782%,
    100% 28.879%,
    100% 87.069%
  );
  border-radius: 30px;
  background-color: #f3f5ff;
  padding: 26px 20px;
  transition: 0.3s;
}
.direction-card__title {
  font-size: 20px;
  color: var(--gray);
}
.direction-card__subtitle {
  color: var(--blue);
  font-size: 33px;
  font-weight: 600;
  line-height: 120%;
}
.direction-card__link {
  width: 100%;
  font-size: 20px;
}
.direction-card::before {
  content: "";
  position: absolute;
  width: 101px;
  height: 48px;
  background-color: #e3e8ff;
  top: 10px;
  right: 8%;
  border-radius: 30px;
  transition: 0.3s;
}
.direction-card:hover .direction-card {
  color: var(--white);
}
.direction-card:hover .direction-card__inner {
  background-color: var(--blue);
}
.direction-card:hover .direction-card__title {
  color: var(--white);
}
.direction-card:hover .direction-card__subtitle {
  color: var(--white) !important;
}
.direction-card:hover .direction-card__link {
  border-color: var(--white);
  color: var(--white);
}
.direction-card:hover .direction-card__link svg {
  stroke: var(--white);
}
.direction-card:hover .direction-card__link:hover {
  background-color: var(--white);
  color: var(--blue);
}
.direction-card:hover .direction-card__link:hover svg {
  stroke: var(--blue);
}
.direction-card:hover::before {
  background-color: #004ba4;
}
.case-card {
  position: relative;
}
.case-card::before {
  content: "";
  position: absolute;
  width: 101px;
  height: 48px;
  background-color: #e3e8ff;
  top: 21px;
  right: 30px;
  border-radius: 30px;
  transition: 0.3s;
}
.case-card__inner {
  height: 100%;
  padding: 18px 13px 51px;
  border-radius: 30px;
  background-color: #f3f5ff;
  -webkit-clip-path: polygon(
    100% 91.477%,
    100% 91.477%,
    99.875% 92.86%,
    99.511% 94.171%,
    98.93% 95.394%,
    98.151% 96.511%,
    97.193% 97.504%,
    96.076% 98.356%,
    94.82% 99.049%,
    93.445% 99.566%,
    91.97% 99.888%,
    90.415% 100%,
    9.585% 100%,
    9.585% 100%,
    8.03% 99.888%,
    6.555% 99.566%,
    5.18% 99.049%,
    3.924% 98.356%,
    2.807% 97.504%,
    1.849% 96.511%,
    1.07% 95.394%,
    0.489% 94.171%,
    0.125% 92.86%,
    0 91.477%,
    0 8.523%,
    0 8.523%,
    0.125% 7.14%,
    0.489% 5.829%,
    1.07% 4.606%,
    1.849% 3.489%,
    2.807% 2.496%,
    3.924% 1.644%,
    5.18% 0.951%,
    6.555% 0.434%,
    8.03% 0.112%,
    9.585% 0,
    52.513% 0,
    52.513% 0,
    53.255% 0.026%,
    53.989% 0.102%,
    54.711% 0.227%,
    55.418% 0.401%,
    56.107% 0.622%,
    56.775% 0.889%,
    57.419% 1.201%,
    58.036% 1.557%,
    58.623% 1.956%,
    59.176% 2.397%,
    65.824% 8.114%,
    65.824% 8.114%,
    66.377% 8.555%,
    66.964% 8.954%,
    67.581% 9.31%,
    68.225% 9.622%,
    68.893% 9.889%,
    69.582% 10.11%,
    70.289% 10.284%,
    71.011% 10.41%,
    71.745% 10.486%,
    72.488% 10.511%,
    90.415% 10.511%,
    90.415% 10.511%,
    91.97% 10.623%,
    93.445% 10.946%,
    94.82% 11.463%,
    96.076% 12.156%,
    97.193% 13.008%,
    98.151% 14.001%,
    98.93% 15.117%,
    99.511% 16.34%,
    99.875% 17.652%,
    100% 19.034%,
    100% 91.477%
  );
  clip-path: polygon(
    100% 91.477%,
    100% 91.477%,
    99.875% 92.86%,
    99.511% 94.171%,
    98.93% 95.394%,
    98.151% 96.511%,
    97.193% 97.504%,
    96.076% 98.356%,
    94.82% 99.049%,
    93.445% 99.566%,
    91.97% 99.888%,
    90.415% 100%,
    9.585% 100%,
    9.585% 100%,
    8.03% 99.888%,
    6.555% 99.566%,
    5.18% 99.049%,
    3.924% 98.356%,
    2.807% 97.504%,
    1.849% 96.511%,
    1.07% 95.394%,
    0.489% 94.171%,
    0.125% 92.86%,
    0 91.477%,
    0 8.523%,
    0 8.523%,
    0.125% 7.14%,
    0.489% 5.829%,
    1.07% 4.606%,
    1.849% 3.489%,
    2.807% 2.496%,
    3.924% 1.644%,
    5.18% 0.951%,
    6.555% 0.434%,
    8.03% 0.112%,
    9.585% 0,
    52.513% 0,
    52.513% 0,
    53.255% 0.026%,
    53.989% 0.102%,
    54.711% 0.227%,
    55.418% 0.401%,
    56.107% 0.622%,
    56.775% 0.889%,
    57.419% 1.201%,
    58.036% 1.557%,
    58.623% 1.956%,
    59.176% 2.397%,
    65.824% 8.114%,
    65.824% 8.114%,
    66.377% 8.555%,
    66.964% 8.954%,
    67.581% 9.31%,
    68.225% 9.622%,
    68.893% 9.889%,
    69.582% 10.11%,
    70.289% 10.284%,
    71.011% 10.41%,
    71.745% 10.486%,
    72.488% 10.511%,
    90.415% 10.511%,
    90.415% 10.511%,
    91.97% 10.623%,
    93.445% 10.946%,
    94.82% 11.463%,
    96.076% 12.156%,
    97.193% 13.008%,
    98.151% 14.001%,
    98.93% 15.117%,
    99.511% 16.34%,
    99.875% 17.652%,
    100% 19.034%,
    100% 91.477%
  );
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  transition: 0.3s;
}
.case-card__number {
  font-size: 18px;
  color: var(--white);
  font-weight: 600;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.case-card__img {
  border-radius: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 165px;
}
.case-card__info {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.case-card__title {
  font-size: 18px;
  font-weight: 600;
}
.case-card__description {
  font-size: 14px;
  color: var(--gray);
  max-width: 250px;
}
.case-card__tags {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
.case-card__tag {
  border: 1px solid transparent;
}
.case-card__arrow {
  position: absolute;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  bottom: -20px;
  right: -10px;
  opacity: 0;
  z-index: 3;
  visibility: hidden;
  transition: 0.3s;
}
.case-card__arrow-icon {
  fill: var(--blue);
}
.case-card:hover::before {
  background-color: #004ba4;
}
.case-card:hover .case-card__inner {
  box-shadow: 0 16px 24px 0 rgba(50, 50, 71, 0.08),
    0 12px 12px 0 rgba(50, 50, 71, 0.08);
  background-color: var(--blue);
  color: var(--white);
}
.case-card:hover .case-card__number {
  opacity: 1;
  visibility: visible;
}
.case-card:hover .case-card__description {
  color: inherit;
}
.case-card:hover .case-card__arrow {
  opacity: 1;
  visibility: visible;
}
.case-card:hover .case-card__tag {
  color: var(--blue);
}
.case-card:hover .case-card__tag:hover {
  border-color: var(--white);
  color: var(--white);
}
.youtube-button {
  padding: 0 29px;
  height: clamp(2.438rem, 2.066rem + 1.52vw, 3.438rem);
  color: red;
  border: 1px solid red;
  line-height: 0;
}
.youtube-button svg {
  fill: red;
}
.youtube-button:hover {
  background-color: red;
  color: var(--white);
}
.youtube-button:hover svg {
  fill: var(--white);
}
.pagination__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.pagination__link {
  border-radius: 8px;
  width: clamp(2.188rem, 2.071rem + 0.48vw, 2.5rem);
  height: clamp(2.188rem, 2.071rem + 0.48vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.875rem, 0.829rem + 0.19vw, 1rem);
  font-weight: 600;
  border: 1px solid #d6d6d6;
}
.pagination__link--current {
  color: var(--white);
  background-color: var(--blue);
  border-color: var(--blue);
  pointer-events: none;
}
.pagination__link--more {
  border-color: transparent;
  font-size: 13px;
  font-weight: 400;
}
.pagination__link--next:hover svg path,
.pagination__link--prev:hover svg path,
.pagination__link--rewind:hover svg {
  fill: var(--blue);
}
.pagination__link--end svg {
  transform: rotate(180deg);
}
.load-more {
  display: flex;
  justify-content: center;
}
.load-more__button {
  width: 100%;
  max-width: 262px;
}
.section-wrap {
  position: relative;
  overflow: hidden;
}
.section-wrap__inner {
  position: relative;
}
.decoration {
  position: absolute;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}
.decoration--circle {
  background-image: url(../img/bg/circle.png);
}
.decoration--circle-biggest {
  width: clamp(29.75rem, -25.607rem + 89.29vw, 54.75rem);
  height: clamp(29.75rem, -25.607rem + 89.29vw, 54.75rem);
  top: 10%;
  left: -22vw;
}
.decoration--circle-big {
  width: clamp(34.563rem, 15.326rem + 31.03vw, 43.25rem);
  height: clamp(34.563rem, 15.326rem + 31.03vw, 43.25rem);
  top: 10%;
  left: -22vw;
}
.decoration--circle-small {
  width: clamp(12.5rem, -13.656rem + 42.19vw, 24.313rem);
  height: clamp(12.5rem, -13.656rem + 42.19vw, 24.313rem);
  right: -12%;
  top: 21%;
}
.decoration--gradient {
  top: 8%;
  left: -7vw;
  width: 443px;
  height: 714px;
  background-image: url(../img/bg/gradient.png);
  z-index: 1;
}
.view-button {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid transparent;
}
.view-button--active {
  background-color: var(--white);
}
.view-button--active svg {
  fill: var(--blue);
}
.view-button:focus {
  border-color: var(--blue);
}
.view-button:focus svg,
.view-button:hover svg {
  fill: var(--blue);
}
.view-button--blue.view-button--active {
  background-color: var(--blue);
}
.view-button--blue.view-button--active svg {
  fill: var(--white);
}
.widget__title {
  font-size: clamp(1.25rem, 0.879rem + 1.52vw, 2.25rem);
  font-weight: 500;
  margin: 0;
  margin-bottom: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.review-card {
  padding: 24px 32px;
  display: flex;
  gap: 24px;
  background-color: var(--white);
  border-radius: 24px;
  height: 100%;
}
.review-card__thumb {
  display: flex;
  width: 100%;
  max-width: clamp(18.188rem, 18.095rem + 0.38vw, 18.438rem);
  height: clamp(12.5rem, 9.668rem + 11.62vw, 20.125rem);
  flex-shrink: 0;
}
.review-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}
.review-card__info {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-size: 16px;
  font-weight: 300;
}
.review-card__title {
  font-size: clamp(1.5rem, 1.221rem + 1.14vw, 2.25rem);
  font-weight: 500;
  margin: 0;
}
.review-card__position {
  color: var(--blue);
}
.info-block {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  background-color: #f3f4f7;
  border-radius: 8px;
  padding: 16px;
}
.info-block__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.info-block__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 20px;
  font-weight: 300;
}
.info-block__title svg {
  fill: var(--blue);
}
.info-block__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.info-block__subtitle {
  font-size: clamp(1.125rem, 0.962rem + 0.67vw, 1.563rem);
  line-height: 130%;
}
.info-block__link {
  width: 100%;
  max-width: clamp(8.625rem, 7.975rem + 2.67vw, 10.375rem);
  height: 38px;
  background-color: transparent;
}
.blue-scrollbar::-webkit-scrollbar {
  height: 7px;
  border-radius: 34px;
}
.blue-scrollbar::-webkit-scrollbar-track {
  background: #d6d6d6;
}
.blue-scrollbar::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 34px;
}
.blue-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.blue-scrollbar--y::-webkit-scrollbar {
  height: auto;
  width: 7px;
}
.filter-toggle {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid transparent;
  background-color: var(--gray-light);
  flex-shrink: 0;
}
.filter-toggle:hover {
  background-color: var(--blue);
}
.filter-toggle:hover svg {
  fill: var(--white);
}
.filter-form {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}
.filter-form__header {
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  position: relative;
}
.filter-form__title {
  font-size: 24px;
  font-weight: 500;
  color: var(--black);
}
.filter-form__actions {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-top: auto;
}
.filter-form__action {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  height: 44px;
}
.filter-form__close {
  color: #a6acb9;
  font-size: 16px;
  position: absolute;
  right: 0;
  top: 79%;
  transform: translate(0, -50%);
}
.filter-form__item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 16px;
}
.filter-form__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.filter-form__checkboxes {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-size: 16px;
}
.filter-form__field--hidden:not(.filter-form__field--show) {
  display: none;
}
.filter-form__toggle-items {
  text-align: left;
  color: var(--blue);
  font-size: 14px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.filter-form__toggle-items svg {
  width: 10px;
  height: 10px;
}
.filter-form__toggle-items:hover {
  text-decoration: underline;
}
.filter-form__radio {
  font-size: 14px;
  font-weight: 300;
}
.filter-form__toggle {
  border-color: var(--black);
  background-color: transparent;
}
.filter-form__toggle:focus,
.filter-form__toggle:hover {
  border-color: var(--blue);
}
.search-form {
  position: relative;
  width: 100%;
  max-width: 424px;
}
.search-form__input {
  padding-left: 48px;
}
.search-form__input::-moz-placeholder {
  color: #a6acb9;
}
.search-form__input::placeholder {
  color: #a6acb9;
}
.search-form__icon {
  position: absolute;
  top: 50%;
  left: 24px;
  fill: transparent;
  stroke: #a6acb9;
  transform: translate(-50%, -50%);
}
.range {
  position: relative;
  width: 100%;
  max-width: 240px;
}
.range__track {
  width: 100%;
  height: 1px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: linear-gradient(
    to right,
    #dadae5 30%,
    #3264fe 30%,
    #3264fe 70%,
    #dadae5 70%
  );
}
.range__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: 0;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.range__input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}
.range__input::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}
.range__input::-ms-track {
  appearance: none;
  height: 5px;
}
.range__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  background-color: #3264fe;
  cursor: pointer;
  margin-top: -2px;
  pointer-events: auto;
  border-radius: 50%;
}
.range__input::-moz-range-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #3264fe;
  pointer-events: auto;
  border: none;
}
.range__input::-ms-thumb {
  appearance: none;
  height: 10px;
  width: 10px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #3264fe;
  pointer-events: auto;
}
.range__input:active::-webkit-slider-thumb {
  background-color: #fff;
  border: 1px solid #3264fe;
}
.range__values {
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.range__value {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 2px;
  column-gap: 2px;
  text-align: center;
  background-color: #f3f4f7;
  padding: 0 8px;
  height: 23px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 0;
}
.select {
  position: relative;
}
.select select {
  display: none;
}
.select__current {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #d6d6d6;
  border-radius: 50px;
  padding: 8px 15px;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.3s;
}
.select__list {
  padding: 20px;
  margin: 0;
  list-style: none;
  position: absolute;
  z-index: 3;
  top: 105%;
  right: 0;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  box-shadow: 1px 5px 20px -5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  min-width: 220px;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.select__item {
  cursor: pointer;
}
.select__item--current,
.select__item:hover {
  color: var(--blue);
}
.select--order .select__current {
  display: flex;
  justify-content: space-between;
  min-width: 200px;
}
.select--order .select__current::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjQ2OTIgNy41MzAwMUMxMy42MDk4IDcuNjcwNDYgMTMuODAwNCA3Ljc0OTM1IDEzLjk5OTIgNy43NDkzNUMxNC4xOTc5IDcuNzQ5MzUgMTQuMzg4NiA3LjY3MDQ2IDE0LjUyOTIgNy41MzAwMUwxNS4yNDkyIDYuODEwMDFWMTdDMTUuMjQ5MiAxNy4xOTg5IDE1LjMyODIgMTcuMzg5NyAxNS40Njg4IDE3LjUzMDNDMTUuNjA5NSAxNy42NzEgMTUuODAwMyAxNy43NSAxNS45OTkyIDE3Ljc1QzE2LjE5ODEgMTcuNzUgMTYuMzg4OSAxNy42NzEgMTYuNTI5NSAxNy41MzAzQzE2LjY3MDIgMTcuMzg5NyAxNi43NDkyIDE3LjE5ODkgMTYuNzQ5MiAxN1Y2LjgxMDAxTDE3LjQ2OTIgNy41MzAwMUMxNy41Mzc4IDcuNjAzNyAxNy42MjA2IDcuNjYyOCAxNy43MTI2IDcuNzAzNzlDMTcuODA0NiA3Ljc0NDc4IDE3LjkwNCA3Ljc2NjgzIDE4LjAwNDcgNy43Njg2QzE4LjEwNTQgNy43NzAzOCAxOC4yMDU0IDcuNzUxODYgMTguMjk4OCA3LjcxNDEzQzE4LjM5MjIgNy42NzY0MSAxOC40NzcgNy42MjAyNyAxOC41NDgyIDcuNTQ5MDVDMTguNjE5NCA3LjQ3NzgzIDE4LjY3NTYgNy4zOTMgMTguNzEzMyA3LjI5OTYxQzE4Ljc1MSA3LjIwNjIyIDE4Ljc2OTUgNy4xMDYxOSAxOC43Njc4IDcuMDA1NDlDMTguNzY2IDYuOTA0NzkgMTguNzQ0IDYuODA1NDcgMTguNzAzIDYuNzEzNDdDMTguNjYyIDYuNjIxNDcgMTguNjAyOSA2LjUzODY3IDE4LjUyOTIgNi40NzAwMUwxNi41MjkyIDQuNDcwMDFDMTYuMzg4NiA0LjMyOTU2IDE2LjE5NzkgNC4yNTA2NyAxNS45OTkyIDQuMjUwNjdDMTUuODAwNCA0LjI1MDY3IDE1LjYwOTggNC4zMjk1NiAxNS40NjkyIDQuNDcwMDFMMTMuNDY5MiA2LjQ3MDAxQzEzLjMyODcgNi42MTA2NCAxMy4yNDk4IDYuODAxMjYgMTMuMjQ5OCA3LjAwMDAxQzEzLjI0OTggNy4xOTg3NiAxMy4zMjg3IDcuMzg5MzkgMTMuNDY5MiA3LjUzMDAxWk04Ljc0OTE4IDE3LjE5TDkuNDY5MTggMTYuNDdDOS41Mzc4NCAxNi4zOTYzIDkuNjIwNjQgMTYuMzM3MiA5LjcxMjY0IDE2LjI5NjJDOS44MDQ2NCAxNi4yNTUyIDkuOTAzOTUgMTYuMjMzMiAxMC4wMDQ3IDE2LjIzMTRDMTAuMTA1NCAxNi4yMjk2IDEwLjIwNTQgMTYuMjQ4MiAxMC4yOTg4IDE2LjI4NTlDMTAuMzkyMiAxNi4zMjM2IDEwLjQ3NyAxNi4zNzk4IDEwLjU0ODIgMTYuNDUxQzEwLjYxOTQgMTYuNTIyMiAxMC42NzU2IDE2LjYwNyAxMC43MTMzIDE2LjcwMDRDMTAuNzUxIDE2Ljc5MzggMTAuNzY5NSAxNi44OTM4IDEwLjc2NzggMTYuOTk0NUMxMC43NjYgMTcuMDk1MiAxMC43NDQgMTcuMTk0NiAxMC43MDMgMTcuMjg2NkMxMC42NjIgMTcuMzc4NSAxMC42MDI5IDE3LjQ2MTQgMTAuNTI5MiAxNy41M0w4LjUyOTE4IDE5LjUzQzguMzg4NTUgMTkuNjcwNSA4LjE5NzkzIDE5Ljc0OTQgNy45OTkxOCAxOS43NDk0QzcuODAwNDMgMTkuNzQ5NCA3LjYwOTggMTkuNjcwNSA3LjQ2OTE4IDE5LjUzTDUuNDY5MTggMTcuNTNDNS4zOTU0OSAxNy40NjE0IDUuMzM2MzkgMTcuMzc4NSA1LjI5NTQgMTcuMjg2NkM1LjI1NDQgMTcuMTk0NiA1LjIzMjM2IDE3LjA5NTIgNS4yMzA1OSAxNi45OTQ1QzUuMjI4ODEgMTYuODkzOCA1LjI0NzMzIDE2Ljc5MzggNS4yODUwNSAxNi43MDA0QzUuMzIyNzggMTYuNjA3IDUuMzc4OTIgMTYuNTIyMiA1LjQ1MDE0IDE2LjQ1MUM1LjUyMTM2IDE2LjM3OTggNS42MDYxOSAxNi4zMjM2IDUuNjk5NTggMTYuMjg1OUM1Ljc5Mjk3IDE2LjI0ODIgNS44OTMgMTYuMjI5NiA1Ljk5MzcgMTYuMjMxNEM2LjA5NDQgMTYuMjMzMiA2LjE5MzcyIDE2LjI1NTIgNi4yODU3MiAxNi4yOTYyQzYuMzc3NzEgMTYuMzM3MiA2LjQ2MDUyIDE2LjM5NjMgNi41MjkxOCAxNi40N0w3LjI0OTE4IDE3LjE5VjcuMDAwMDFDNy4yNDkxOCA2LjgwMTEgNy4zMjgxOSA2LjYxMDMzIDcuNDY4ODUgNi40Njk2OEM3LjYwOTUgNi4zMjkwMyA3LjgwMDI2IDYuMjUwMDEgNy45OTkxOCA2LjI1MDAxQzguMTk4MDkgNi4yNTAwMSA4LjM4ODg1IDYuMzI5MDMgOC41Mjk1MSA2LjQ2OTY4QzguNjcwMTYgNi42MTAzMyA4Ljc0OTE4IDYuODAxMSA4Ljc0OTE4IDcuMDAwMDFWMTcuMTlaIiBmaWxsPSIjMjAyMjI5Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.select--active .select__current {
  background-color: var(--blue);
  color: var(--white);
  border-color: var(--white);
}
.select--active .select__current::after {
  filter: invert(1);
}
.select--active .select__list {
  opacity: 1;
  visibility: visible;
}
.header {
  padding: 26px 0;
  margin-bottom: clamp(1.875rem, 1.55rem + 1.33vw, 2.75rem);
}
.header--absolute {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 333;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  row-gap: 20px;
}
.header__top {
  display: flex;
  align-items: center;
  width: 100%;
}
.header__logo {
  max-width: 146px;
  margin-right: 24px;
}
.header__location {
  margin-right: auto;
}
.header__location-button {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
  color: var(--blue);
}
.header__location-button:hover {
  color: var(--black);
}
.header__location-icon-angle {
  fill: transparent;
  stroke: var(--blue);
  transform: rotate(90deg);
  position: relative;
  top: 1px;
}
.header__nav-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.header__nav-item--has-children svg {
  fill: transparent;
  stroke: var(--black);
  transform: rotate(90deg);
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.header__nav-item--has-children:hover .header__nav-submenu {
  opacity: 1;
  visibility: visible;
}
.header__nav-item--has-children:hover .header__nav-link {
  color: var(--blue);
}
.header__nav-item--has-children:hover .header__nav-item-toggle svg {
  stroke: var(--blue);
}
.header__nav-submenu {
  position: absolute;
  margin: 0;
  padding: 15px;
  list-style: none;
  background-color: var(--white);
  padding-top: 20px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  min-width: 200px;
  box-shadow: 1px 5px 20px -5px rgba(0, 0, 0, 0.1);
  z-index: 22;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.header__nav-submenu-link {
  display: block;
}
.header__nav-toggle {
  width: 26px;
  height: 26px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  align-items: center;
  justify-content: center;
}
.header__nav-toggle-item {
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--black);
  transform-origin: 4px 0;
  border-radius: 10px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s;
}
.header__nav-toggle--active .header__nav-toggle-item:nth-child(1) {
  transform: rotate(45deg) translate(4px, -1px);
}
.header__nav-toggle--active .header__nav-toggle-item:nth-child(2) {
  opacity: 0;
}
.header__nav-toggle--active .header__nav-toggle-item:nth-child(3) {
  transform: rotate(-45deg) translate(2px, 0);
}
.header__join {
  padding: 0 16px;
  margin-left: auto;
  margin-right: 20px;
  height: 39px;
}
.header__top-right {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.header__contacts {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.header__contact {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
  color: var(--blue);
}
.header__contact svg {
  flex-shrink: 0;
}
.header__contact[href]:hover {
  color: var(--black);
}
.header__telegram {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 24px;
  font-weight: 400;
}
.header__telegram svg {
  stroke: none;
}
.intro {
  position: relative;
  padding-top: 180px;
  min-height: 830px;
  background-image: url(../img/bg/intro-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-color: #f3f5ff;
}
.intro__inner {
  display: flex;
  -moz-column-gap: 100px;
  column-gap: 100px;
}
.intro__info {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  max-width: clamp(35rem, 27.116rem + 12.72vw, 42.375rem);
  flex-shrink: 0;
  width: 100%;
}
.intro__title {
  margin: 0;
  font-weight: 500;
  font-size: clamp(2.375rem, 1.573rem + 1.29vw, 3.125rem);
  line-height: 104%;
}
.intro__title span {
  color: var(--sky-blue);
}
.intro__title span.blue {
  color: var(--blue);
}
.intro__description {
  font-size: 18px;
  line-height: 130%;
  max-width: 550px;
  color: var(--dark);
}
.intro__subtitle {
  font-size: clamp(1.25rem, 1.002rem + 1.02vw, 1.875rem);
  line-height: 130%;
  color: var(--gray);
}
.intro__features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 26px;
  column-gap: 26px;
  row-gap: 10px;
}
.intro__benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.intro__benefit {
  background-color: var(--bg-color, #b9f6ff);
  color: var(--color, #202229);
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.intro__benefit svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
.intro__benefit-inner {
  padding: 15px 24px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.intro__benefit-title {
  font-size: clamp(1.125rem, 0.571rem + 0.89vw, 1.375rem);
  font-weight: 600;
}
.intro__benefit-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.intro__search {
  position: relative;
}
.intro__search-form {
  width: 100%;
  display: flex;
  align-items: center;
}
.intro__search-icon {
  stroke: #a6acb9;
  fill: transparent;
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translate(-50%, -50%);
}
.intro__search-input {
  position: relative;
  width: 100%;
}
.intro__search-field {
  outline: 0;
  height: 48px;
  background-color: var(--white);
  border: 1px solid #d6d6d6;
  border-right: 0;
  padding-left: 48px;
  padding-right: 16px;
  border-radius: 12px 0 0 12px;
  width: 100%;
}
.intro__search-field::-moz-placeholder {
  color: #a6acb9;
}
.intro__search-field::placeholder {
  color: #a6acb9;
}
.intro__search-field:focus {
  border-color: var(--sky-blue);
}
.intro__search-button {
  color: var(--white);
  background-color: #44c2ea;
  border-radius: 0 12px 12px 0;
  padding: 12px 16px;
  height: 100%;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  right: 0;
  top: 0;
}
.intro__search-button svg {
  fill: transparent;
  stroke: var(--white);
}
.intro__search-button:focus,
.intro__search-button:hover {
  opacity: 0.8;
}
.intro__tags {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
  column-gap: 12px;
  row-gap: 10px;
}
.intro__stats {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-column-gap: 56px;
  column-gap: 56px;
}
.intro__stat {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}
.intro__stat-number {
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}
.intro__stat-title {
  font-size: 16px;
  color: var(--gray);
}
.intro__link {
  flex-shrink: 0;
  padding: 0 16px;
  justify-content: center;
  width: 100%;
  max-width: 360px;
}
.intro__link--262 {
  max-width: 262px;
}
.intro__link--334 {
  max-width: 334px;
}
.intro__slider {
  margin-left: 10px;
  overflow: visible;
}
.intro__slide {
  max-width: clamp(18.75rem, 12.002rem + 10.88vw, 25.063rem);
  height: clamp(25rem, 17.784rem + 11.64vw, 31.75rem);
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s;
}
.intro__slide.swiper-slide-active {
  height: clamp(28.313rem, 18.291rem + 16.16vw, 37.688rem);
}
.intro__slide--small {
  max-width: clamp(18.75rem, 15.384rem + 13.81vw, 27.813rem);
  height: clamp(25rem, 22.493rem + 10.29vw, 31.75rem);
}
.intro__slide--small.swiper-slide-active {
  height: clamp(31.25rem, 21.147rem + 16.29vw, 35.813rem);
}
.intro__card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}
.intro__card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.intro__card-info {
  position: absolute;
  bottom: 0;
  padding: clamp(0.625rem, 0.254rem + 1.52vw, 1.625rem);
  padding-bottom: clamp(0.625rem, 0.021rem + 2.48vw, 2.25rem);
  color: var(--white);
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.intro__card-title {
  font-size: clamp(1.25rem, 1.111rem + 0.57vw, 1.625rem);
  font-weight: 600;
}
.intro__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.intro__card-tag {
  color: var(--black);
  font-size: 14px;
}
.intro__card-description {
  font-size: clamp(0.875rem, 0.829rem + 0.19vw, 1rem);
  line-height: 125%;
}
.intro--inner .intro__inner {
  -moz-column-gap: clamp(1.875rem, -7.813rem + 15.63vw, 6.25rem);
  column-gap: clamp(1.875rem, -7.813rem + 15.63vw, 6.25rem);
}
.intro--inner .intro__info {
  margin-left: unset;
  max-width: 61%;
  position: relative;
  z-index: 2;
}
.intro.intro-slider .intro__right {
  margin-left: -20px;
  padding-left: 20px;
  -webkit-clip-path: inset(-100vw -100vw -100vw 0);
  clip-path: inset(-100vw -100vw -100vw 0);
}
.intro.v2 .intro__inner {
  display: grid;
  grid-template-columns: 1fr 445px;
  -moz-column-gap: 35px;
  column-gap: 35px;
}
.intro.v2 .intro__info {
  max-width: unset;
}
.intro.v2 .intro__card {
  max-width: 445px;
}
.intro__img {
  position: absolute;
  right: 0;
  max-width: 783px;
}
.cases__blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.cases__card--colspan {
  grid-column: span 2;
}
.cases__card--rowspan {
  grid-row: span 2;
  min-height: 590px;
}
.cases__more {
  margin-top: 28px;
}
.cases__more-link {
  border-radius: 10px;
  text-align: center;
  padding: 18px 15px;
  font-size: 20px;
  font-weight: 500;
  background-color: #e1f8ff;
  display: block;
  width: 100%;
}
.cases__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.cases__item .case-card__inner {
  padding-bottom: 32px;
}
.cases__load-more,
.cases__pagination {
  margin-top: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.navigation {
  background-color: var(--gray-light);
  padding: 40px 0;
}
.navigation__inner {
  display: flex;
  -moz-column-gap: 48px;
  column-gap: 48px;
}
.navigation__item-title {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--black);
}
.navigation__item:first-child {
  margin-right: auto;
}
.navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.navigation__list--two-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.navigation__list-link {
  display: inline-block;
}
.navigation__list-link--blue {
  color: var(--blue);
}
.navigation__list-link--blue:hover {
  color: var(--black);
}
.projects__slide {
  display: flex;
  max-width: 442px;
}
.projects__card {
  width: 100%;
}
.events {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkyIiBoZWlnaHQ9Ijc2NSIgdmlld0JveD0iMCAwIDQ5MiA3NjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfMzgwXzEzNjQpIj4KPHBhdGggZD0iTS0yOTYuMjg1IDYyMS44MjVDLTMzNS40ODUgNDk3LjU4IC0xMjguMzM0IDMyMS42NiAtMTkuODU3NyAyNDkuMjMxQzU1LjMyMDggMTQyLjE3OCAyOTYuMzE3IDc3Ljk0NSAyNzYuNzUzIDE1MC4xMzJDMjU3LjE5IDIyMi4zMTkgMzY1Ljk2NSAyNzYuODE3IDMzMC45OSA0MTQuMjI3QzI5Ni4wMTUgNTUxLjYzNyAyMjguNTQ2IDU5Ni41ODkgNjUuNDM3NSA2NDEuNTc1Qy05Ny42NzA1IDY4Ni41NjIgLTI0Ny4yODQgNzc3LjEzMiAtMjk2LjI4NSA2MjEuODI1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzM4MF8xMzY0KSIgZmlsbC1vcGFjaXR5PSIwLjI4Ii8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl8zODBfMTM2NCIgeD0iLTQ1NC43NTMiIHk9Ii0zNC4xNDA1IiB3aWR0aD0iOTQ2LjMyNiIgaGVpZ2h0PSI4OTYuNzI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ijc2LjgiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8zODBfMTM2NCIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzM4MF8xMzY0IiB4MT0iMzQyLjQxMiIgeTE9IjI5Ny41NzciIHgyPSItMzE5LjY3NSIgeTI9IjU2NS45MzgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzk1RjJGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEMDgzRjQiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center left;
  overflow: hidden;
}
.events__header {
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.events__view {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.events__view-button {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid transparent;
}
.events__inner {
  display: grid;
  grid-template-columns: 384px 1fr;
  gap: 50px;
}
.events__right {
  -webkit-clip-path: inset(-100vw -100vw -100vw 0);
  clip-path: inset(-100vw -100vw -100vw 0);
}
.events__slider {
  overflow: visible;
}
.events__slide {
  max-width: 315px;
}
.events__slide--double {
  max-width: 424px;
}
.events__link {
  margin-top: 32px;
  padding: 0 16px;
}
.events__card {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  padding: 16px 16px 26px;
  border-radius: 30px;
  min-height: 476px;
  row-gap: 17px;
  font-size: 14px;
  color: var(--gray);
}
.events__card:hover {
  color: inherit;
  background-color: var(--blue);
  color: var(--white);
}
.events__card-thumb {
  width: 100%;
  height: 246px;
  border-radius: 20px;
  overflow: hidden;
}
.events__card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.events__card-info {
  display: flex;
  flex-direction: column;
  row-gap: 13px;
  flex-grow: 1;
}
.events__card-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--black);
  display: flex;
  justify-content: space-between;
}
.events__card-title svg {
  stroke: #28303f;
  width: 16px;
  margin-right: 5px;
  display: none;
}
.events__card-date {
  margin-top: auto;
}
.events__card:hover .events__card-title {
  color: var(--white);
}
.events__card:hover .events__card-title svg {
  stroke: var(--white);
}
.events__card--horizontal {
  flex-direction: row;
  height: 223px;
  min-height: auto;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.events__card--horizontal .events__card-thumb {
  width: 161px;
  height: 100%;
}
.events__card--horizontal .events__card-thumb--circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
}
.events__card--horizontal .events__card-info {
  padding: 10px 0;
}
.events__card--reverse {
  flex-direction: row-reverse;
}
.events__cards {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.events__slider--vertical {
  overflow: clip;
  padding-right: 14px;
}
.events__slider--vertical .swiper-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  max-height: 437px;
  overflow: auto;
  padding-right: 14px;
}
.events__slider--vertical .swiper-wrapper::-webkit-scrollbar {
  width: 7px;
}
.events__slider--vertical .swiper-wrapper::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 36px;
}
.events__slider--vertical .swiper-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--gray);
}
.events__slider--vertical .swiper-slide {
  max-width: 100%;
}
.events__slider--vertical .events__cards {
  row-gap: 8px;
}
.events__slider--vertical .events__card {
  padding: 16px 10px;
  height: unset;
  min-height: unset;
  border-radius: 12px;
}
.events__slider--vertical .events__card-thumb {
  display: none;
}
.events__slider--vertical .events__card-info {
  padding: 0;
  row-gap: 11px;
}
.events__slider--vertical .events__card-title {
  font-size: 20px;
  font-weight: 500;
}
.events__slider--vertical .events__card-title svg {
  display: inline-block;
}
.events__slider--vertical .events__card-description {
  display: none;
}
.events__slider--vertical .events__card--horizontal {
  min-height: unset;
}
.reports__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.reports__card {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  background-color: var(--gray-light);
  border-radius: 20px;
  padding: 16px 24px;
}
.reports__card-title {
  font-size: clamp(1.25rem, 0.143rem + 1.79vw, 1.75rem);
  font-weight: 500;
  line-height: 120%;
}
.reports__card-slider {
  position: relative;
}
.reports__card-slider-pagination {
  position: absolute;
  margin-bottom: 12px;
  z-index: 2;
}
.reports__card-img {
  border-radius: 16px;
}
.reports__card-meta {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 12px;
}
.reports__card-meta-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 20px;
}
.reports__card-link {
  background-color: transparent;
  width: 100%;
  max-width: 164px;
  height: 48px;
  color: var(--black);
}
.reports__card-slide {
  width: 100%;
}
.statistics__inner {
  display: grid;
  grid-template-columns: 418px 1fr;
  gap: 166px;
}
.statistics__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.statistics__item {
  display: flex;
  flex-direction: column;
}
.statistics__item-number {
  font-size: 50px;
  font-weight: 500;
  line-height: 120%;
}
.statistics__item-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--sky-blue);
}
.statistics__item-description {
  margin-top: 20px;
  color: var(--gray);
  font-size: 14px;
}
.statistics__item-link {
  margin-top: 10px;
}
.statistics__thumb-wrap {
  overflow: auto;
}
.statistics__thumb-wrap::-webkit-scrollbar {
  height: 4px;
  border-radius: 34px;
}
.statistics__thumb-wrap::-webkit-scrollbar-track {
  background: #d6d6d6;
}
.statistics__thumb-wrap::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 34px;
}
.statistics__thumb-wrap::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.statistics__thumb {
  overflow: auto;
  width: 741px;
}
.terra {
  overflow: hidden;
  position: relative;
}
.terra__header {
  max-width: 643px;
}
.terra__inner {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  position: relative;
}
.terra__tags {
  margin: 0;
  padding: 0 0 30px;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.terra__tag {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.terra__tag:nth-child(2) {
  left: 163px;
}
.terra__tag:nth-child(3) {
  left: 73px;
}
.terra__tag:nth-child(4) {
  left: 245px;
}
.terra__tag:nth-child(5) {
  left: 148px;
}
.terra__tag:nth-child(6) {
  left: 74px;
}
.terra__tag:nth-child(8) {
  left: 38px;
}
.terra__tag:nth-child(9) {
  left: 174px;
}
.terra__tag:nth-child(10) {
  left: 74px;
}
.terra__tag:nth-child(11) {
  left: 123px;
}
.terra__tag-link {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 8px;
  font-size: 14px;
  transition: 0.3s;
}
.terra__tag-link:hover {
  box-shadow: 0 20px 20px 0 rgba(50, 50, 71, 0.1);
  background: linear-gradient(
    90deg,
    #e1f8ff 0,
    #e1f8ff 33.5%,
    #e1f8ff 70%,
    #e1f8ff 100%
  );
}
.terra__icon {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.terra__icon--left {
  left: 4%;
  top: 36%;
}
.terra__icon--right {
  right: -15%;
  top: 55%;
  z-index: -1;
}
.terra__img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom;
}
.terra__thumb {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
}
.mission {
  background-image: url(../img/bg/mission-bg.png);
  background-repeat: no-repeat;
  background-position: center right;
}
.mission__inner {
  display: grid;
  grid-template-columns: 1fr minmax(200px, 729px);
  gap: 44px;
}
.mission__info {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.mission__content {
  color: var(--gray);
  font-size: 18px;
  line-height: 30px;
}
.mission__content p:first-child {
  margin-top: 0;
}
.mission__link {
  padding: 0 16px;
}
.mission__video {
  width: 100%;
  height: 452px;
  border-radius: 30px;
}
.stories__youtube {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: var(--gray);
  font-weight: 500;
  font-size: 14px;
}
.stories .swiper-wrapper {
  padding: 50px;
  margin: -50px;
}
.stories__slide {
  height: auto;
}
.stories__title--short {
  max-width: 549px;
}
.charity__cards,
.charity__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.faq__items {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.faq__item-title {
  display: flex;
  position: relative;
  width: 100%;
  padding: 16px 30px 16px 0;
  font-size: 22px;
  font-weight: 500;
  text-align: left;
}
.faq__item-title:hover {
  color: var(--blue);
}
.faq__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.faq__item-icon::after,
.faq__item-icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background-color: var(--gray);
  transition: 0.3s;
}
.faq__item-icon::after {
  transform: rotate(90deg);
}
.faq__item-content {
  display: none;
  flex-direction: column;
  border-top: 1px solid #d6d6d6;
  color: var(--gray);
  padding-top: 24px;
  padding-bottom: 16px;
  line-height: 140%;
}
.faq__item-content p:first-child {
  margin-top: 0;
}
.faq__item--active .faq__item-icon::after {
  transform: rotate(0);
}
.quiz__form {
  background-color: #e1f8ff;
  background-image: url(../img/bg/quiz-bg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  border-radius: 30px;
  min-height: 394px;
  padding: 40px;
  position: relative;
  overflow: hidden;
}
.quiz__form::before {
  content: "";
  position: absolute;
  width: 474px;
  height: 371px;
  background-image: url(../img/bg/quiz-shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  mix-blend-mode: color-burn;
}
.quiz__dots {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
  column-gap: 14px;
  position: absolute;
  right: 0;
  top: 0;
}
.quiz__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid var(--blue);
}
.quiz__dot--active {
  background-color: var(--blue);
}
.quiz__inner {
  position: relative;
  z-index: 2;
}
.quiz__step {
  flex-direction: column;
  row-gap: 36px;
  transition: transform 0.3s;
  display: none;
}
.quiz__step-header {
  position: absolute;
  left: 0;
  top: 0;
}
.quiz__step-body {
  padding-top: 80px;
}
.quiz__step-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  max-width: 500px;
}
.quiz__step-footer {
  margin-top: auto;
}
.quiz__step-buttons {
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.quiz__step-button {
  padding-left: 16px;
  padding-right: 20px;
}
.quiz__step-button--prev svg {
  transform: rotate(-180deg);
  top: -1px;
  position: relative;
}
.quiz__step--current {
  display: flex;
}
.quiz__options {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.quiz__option {
  padding: 26px 20px;
  max-width: 226px;
  height: 166px;
  width: 100%;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.3s;
}
.quiz__option--active,
.quiz__option:hover {
  background-color: var(--white);
}
.slider-container {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
.gallery__slider {
  max-width: 917px;
  height: 413px;
  overflow: visible;
}
.gallery .swiper-wrapper {
  align-items: center;
}
.gallery__slide {
  overflow: hidden;
  border-radius: 30px;
  display: flex;
  transition: 0.2s linear;
  transform: scale(0.9) !important;
}
.gallery__slide.swiper-slide-active {
  transform: scale(1) !important;
}
.gallery__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gallery__footer {
  max-width: 917px;
  margin: 40px auto 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.gallery__footer-link {
  padding: 0 16px;
}
.gallery__buttons {
  display: flex;
  justify-content: space-between;
}
.gallery__caption {
  font-size: 22px;
  font-weight: 500;
}
.gallery__nav-button {
  width: 26px;
  height: 26px;
}
.gallery__nav-button svg {
  width: 19px;
  height: 19px;
}
.gallery__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 26px;
}
.gallery__link {
  font-size: 14px;
}
.abroad {
  position: relative;
  border-radius: 32px 32px 0 0;
  padding-bottom: 148px;
}
.abroad__header {
  max-width: 355px;
}
.abroad__tab {
  width: 100%;
}
.abroad__tab-buttons {
  display: flex;
  align-items: center;
  -moz-column-gap: 43px;
  column-gap: 43px;
  border-bottom: 1px solid #d6d6d6;
}
.abroad__tab-button {
  font-size: 22px;
  font-weight: 500;
  color: var(--gray);
  position: relative;
  padding-bottom: 16px;
}
.abroad__tab-button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: var(--blue);
  opacity: 0;
  visibility: hidden;
}
.abroad__tab-button.tab__button--active {
  color: var(--blue);
}
.abroad__tab-button.tab__button--active::after {
  opacity: 1;
  visibility: visible;
}
.abroad__tab-button:hover {
  color: var(--blue);
}
.abroad__tab-inner {
  padding: 36px 0;
}
.abroad__address {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
}
.abroad__address-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.abroad__address-item {
  display: flex;
}
.abroad__address-tag {
  display: flex;
  align-items: center;
}
.abroad__address-tag svg {
  width: 10px;
  height: 12px;
  fill: transparent;
  stroke: var(--white);
  margin-left: 10px;
}
.abroad__address-tag--sky {
  background-color: var(--sky-blue);
  color: var(--white);
  line-height: 100%;
}
.abroad__address-tag--active {
  background-color: var(--blue);
  color: var(--white);
}
.abroad__address-box {
  position: fixed;
  top: 50%;
  left: 50%;
  box-shadow: 0 16px 24px 0 rgba(50, 50, 71, 0.08),
    0 12px 12px 0 rgba(50, 50, 71, 0.08);
  background: var(--white);
  border-radius: 30px;
  padding: 26px;
  max-width: 361px;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 31px;
  opacity: 0;
  visibility: hidden;
  z-index: 334;
  transform: translate(-50%, -50%) scale(0.5);
  transition: 0.3s ease-in;
}
.abroad__address-box--active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.abroad__address-box-header {
  display: flex;
  justify-content: space-between;
}
.abroad__address-box-body {
  display: flex;
  flex-direction: column;
  row-gap: 31px;
}
.abroad__address-box-title {
  font-size: 20px;
  font-weight: 600;
}
.abroad__address-box-close {
  width: 24px;
  height: 24px;
}
.abroad__address-box-close svg {
  stroke: var(--black);
  transition: 0.3s;
}
.abroad__address-box-close svg:hover {
  stroke: var(--blue);
}
.abroad__address-box-item-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
  display: inline-block;
}
.abroad__address-box-item-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.abroad__address-box-item-tag:hover {
  background-color: var(--gray-light);
  color: inherit;
}
.abroad__address-box-item-link {
  color: var(--blue);
  text-decoration: underline;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
}
.abroad__address-box-item-link:hover {
  text-decoration: none;
}
.abroad__address-box-telegram {
  height: 44px;
  justify-content: center;
  width: 100%;
  max-width: 125px;
}
.abroad__address-box-telegram svg {
  fill: var(--white);
  stroke: none;
}
.abroad__address-box-website {
  color: var(--blue);
  text-decoration: underline;
  font-size: 12px;
}
.abroad__address-box-website:hover {
  text-decoration: none;
}
.abroad__address-box-footer {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
.abroad__form {
  position: relative;
  width: 100%;
  max-width: 621px;
}
.abroad__form-field {
  width: 100%;
  height: 62px;
  background-color: var(--gray-light);
  padding-right: 56px;
  border-color: transparent;
}
.abroad__form svg {
  position: absolute;
  fill: transparent;
  stroke: var(--gray);
  right: 12px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.abroad__map iframe {
  border: none;
  width: 100%;
}
.abroad-address-overlay {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: rgba(18, 18, 18, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 333;
  transition: 0.3s;
}
.terra-today__inner {
  grid-template-columns: 317px 1fr;
}
.terra-today__header {
  margin-bottom: 0;
}
.terra-today__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: clamp(1.25rem, 1.101rem + 0.61vw, 1.625rem);
  column-gap: clamp(1.25rem, 1.101rem + 0.61vw, 1.625rem);
  row-gap: clamp(1.25rem, 0.828rem + 1.73vw, 2.313rem);
}
.terra-today__item {
  background-color: var(--gray-light);
  padding: 20px 16px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.terra-today__item-number {
  font-size: clamp(2.5rem, 1.755rem + 3.05vw, 4.375rem);
  line-height: 120%;
}
.terra-today__item-desc {
  font-size: 16px;
  line-height: 125%;
  color: var(--gray);
  opacity: 0.6;
}
.terra-today__item--rowspan {
  grid-row: span 2;
}
.terra-today__item--stretch {
  width: 306px;
}
.terra-today__join-mobile {
  display: none;
}
.results__inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}
.results__footer {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.ceo {
  background-image: url(../img/bg/ceo-bg.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
  overflow: hidden;
}
.ceo::before {
  content: "";
  position: absolute;
  width: 809px;
  height: 809px;
  background-color: #e1f8ff;
  border-radius: 50%;
  top: 92%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ceo__header {
  align-self: start;
}
.ceo__name {
  font-size: 20px;
  font-weight: 600;
  color: var(--blue);
  margin-top: clamp(1.5rem, 0.855rem + 2.65vw, 3.125rem);
}
.ceo__inner {
  display: grid;
  grid-template-columns: 326px 1fr 1fr;
  position: relative;
  align-items: center;
}
.ceo__img {
  max-width: clamp(24.688rem, 10.848rem + 22.32vw, 30.938rem);
  height: clamp(28.125rem, 14.147rem + 22.54vw, 34.438rem);
  align-self: flex-end;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom;
}
.ceo__quotes {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1.25rem, 1.151rem + 0.41vw, 1.5rem);
  position: relative;
  left: -100px;
  padding-bottom: 30px;
}
.ceo__quote {
  background-color: #f1ffea;
  margin: 0;
  border-radius: 30px;
  padding: 30px 20px;
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ceo__quote span {
  font-size: 50px;
  font-weight: 600;
  color: var(--blue);
}
.ceo__quote:nth-child(2) {
  left: 60px;
  background-color: #e2ecff;
}
.ceo__quote:nth-child(3) {
  left: 129px;
  background-color: #fffdee;
}
.team__bottom {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.5rem, 0.757rem + 3.05vw, 3.5rem);
}
.team__join {
  width: 100%;
  max-width: 338px;
}
.team__scrollbar {
  height: 4.3px;
  width: 100%;
  background-color: #d6d6d6;
  border-radius: 34px;
  margin-top: 24px;
}
.team__scrollbar .swiper-scrollbar-drag {
  background-color: var(--blue);
}
.ecosystem-bg {
  background-image: url(../img/bg/ecosystem-bg.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.ecosystem__slider {
  padding: 80px 0;
  margin: -80px 0;
}
.directions__inner {
  grid-template-columns: 1fr 815px;
}
.directions__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 60px;
  column-gap: 60px;
  row-gap: 20px;
}
.directions__card .direction-card__link {
  height: 60px;
}
.benefits__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: clamp(3.75rem, -2.553rem + 11.86vw, 8.125rem);
  column-gap: clamp(3.75rem, -2.553rem + 11.86vw, 8.125rem);
  row-gap: 20px;
}
.benefits__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.benefits__card-icon {
  width: 210px;
  height: 210px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 20px;
}
.benefits__card-info {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.benefits__card-title {
  font-size: 22px;
  font-weight: 600;
}
.benefits__card-descr {
  font-size: 14px;
  color: var(--gray);
  max-width: 350px;
}
.case-cats__header {
  margin-bottom: 0;
  row-gap: clamp(1.5rem, 1.129rem + 1.52vw, 2.5rem);
}
.case-cats__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  position: relative;
  max-height: 126px;
  overflow: hidden;
}
.case-cats__list::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
  bottom: -5px;
}
.case-cats__list-link {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-cats__list-expand {
  font-weight: 500;
  color: var(--blue);
}
.case-cats__list-expand svg {
  fill: transparent;
  stroke: var(--blue);
  transform: rotate(90deg);
  position: relative;
  top: 1px;
  margin-left: 4px;
  width: 10px;
  height: 10px;
}
.case-cats__list-expand:focus svg,
.case-cats__list-expand:hover svg {
  stroke: var(--white);
}
.case-cats__list--expanded {
  max-height: 100% !important;
}
.case-cats__list--expanded::before {
  visibility: hidden;
}
.join {
  padding-top: 150px;
}
.join__inner {
  position: relative;
}
.join__info {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  row-gap: 33px;
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}
.join__link {
  max-width: 282px;
  width: 100%;
}
.join__img {
  max-width: clamp(34.563rem, 12.696rem + 35.27vw, 44.438rem);
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom;
  object-position: bottom;
  position: absolute;
  bottom: 0;
  right: 0;
}
.mentoring__quote {
  border-radius: clamp(1rem, 0.675rem + 1.33vw, 1.875rem);
  padding: 20px;
  color: var(--gray);
  row-gap: clamp(0.625rem, 0.393rem + 0.95vw, 1.25rem);
}
.mentoring__quote .quote__author {
  font-size: clamp(1rem, 0.907rem + 0.38vw, 1.25rem);
}
.mentoring__quote .quote__text {
  font-size: clamp(1rem, 0.861rem + 0.57vw, 1.375rem);
}
.mentoring__link {
  width: 100%;
  max-width: 334px;
}
.mentoring__inner {
  -moz-column-gap: clamp(1.25rem, -9.821rem + 17.86vw, 6.25rem);
  column-gap: clamp(1.25rem, -9.821rem + 17.86vw, 6.25rem);
}
.mentoring-decoration--biggest {
  top: -26%;
  left: 11vw;
}
.mentoring-decoration--big {
  right: -18vw;
  top: 29%;
}
.mentoring-decoration--small {
  right: unset;
  left: -11vw;
  top: 25%;
}
.statistic-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.statistic-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding-bottom: clamp(0.625rem, 0.416rem + 0.86vw, 1.188rem);
  border-bottom: 1px solid rgba(214, 214, 214, 0.48);
}
.statistic-list__item-title {
  font-size: 22px;
  line-height: 130%;
}
.statistic-list__item-percent {
  padding: 0 14px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bbf7d0;
  border-radius: 50px;
  font-size: clamp(1rem, 0.814rem + 0.76vw, 1.5rem);
  font-weight: 300;
  text-align: center;
}
.mentors__header {
  margin-bottom: 0;
}
.mentors__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: clamp(3.75rem, -3.453rem + 13.56vw, 8.75rem);
  column-gap: clamp(3.75rem, -3.453rem + 13.56vw, 8.75rem);
}
.income__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: clamp(3.125rem, -4.21rem + 11.83vw, 6.438rem);
  column-gap: clamp(3.125rem, -4.21rem + 11.83vw, 6.438rem);
}
.income__stats-title {
  font-size: clamp(1.125rem, 0.986rem + 0.57vw, 1.5rem);
  line-height: 120%;
  margin-bottom: clamp(0.75rem, 0.471rem + 1.14vw, 1.5rem);
}
.income__stats-title span {
  color: var(--blue);
}
.income__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.mentoring-stats__inner {
  grid-template-columns: 1fr 563px;
  -moz-column-gap: 68px;
  column-gap: 68px;
}
.mentoring-stats__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
}
.mentoring-stats__thumb-wrap {
  overflow: unset;
}
.mentoring-stats__thumb-wrap-inner {
  overflow: auto;
}
.mentoring-stats__thumb-header {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-bottom: 16px;
}
.mentoring-stats__thumb-title {
  font-size: clamp(1.25rem, 1.064rem + 0.76vw, 1.75rem);
  line-height: clamp(1.625rem, 1.346rem + 1.14vw, 2.375rem);
  font-weight: 500;
}
.mentoring-stats__thumb-title span {
  color: var(--blue);
}
.mentoring-stats__thumb-description {
  font-size: 16px;
  color: var(--gray);
}
.rules__inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 25px;
}
.rules__inner--four {
  grid-template-columns: repeat(4, 1fr);
}
.page__header {
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(1.875rem, 1.411rem + 1.9vw, 3.125rem);
}
.page__header--center {
  text-align: center;
  align-items: center;
}
.page__title {
  margin: 0;
  font-size: clamp(1.688rem, 1.154rem + 2.19vw, 3.125rem);
  font-weight: 500;
}
.article {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 20px;
}
.article__thumb {
  width: 100%;
  height: clamp(12.5rem, 11.339rem + 4.76vw, 15.625rem);
  border-radius: 30px;
  overflow: hidden;
  flex-shrink: 0;
}
.article__thumb:hover img {
  transform: scale(1.2);
}
.article__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.3s;
}
.article__categories,
.article__meta {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.article__date {
  margin-left: auto;
  font-family: NunitoSans;
  font-size: 16px;
  color: #121212;
  opacity: 0.8;
}
.article__info {
  display: flex;
  flex-direction: column;
  row-gap: clamp(0.625rem, 0.393rem + 0.95vw, 1.25rem);
  height: 100%;
}
.article__title {
  font-size: clamp(1.5rem, 1.407rem + 0.38vw, 1.75rem);
  font-weight: 500;
  line-height: 130%;
  color: #101010;
}
.article__description {
  font-weight: 300;
  font-size: clamp(1rem, 0.954rem + 0.19vw, 1.125rem);
  line-height: 150%;
}
.article__link {
  color: var(--blue);
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-top: auto;
}
.article__link svg {
  stroke: var(--blue);
  transition: 0.3s;
}
.article__link:hover {
  color: var(--black);
}
.article__link:hover svg {
  stroke: var(--black);
}
.blog__header {
  margin-bottom: 24px;
}
.blog__header-bottom {
  display: flex;
  align-items: center;
  -moz-column-gap: 50px;
  column-gap: 50px;
  margin-top: 20px;
}
.blog__categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.blog__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.blog__items--list {
  grid-template-columns: 1fr;
}
.blog__items--list .blog__card {
  flex-direction: row;
}
.blog__items--list .blog__card .article__thumb {
  max-width: clamp(18.75rem, 9.49rem + 19.32vw, 26.875rem);
}
.blog__search {
  position: relative;
  width: 100%;
  max-width: 424px;
}
.blog__search-input {
  padding-left: 48px;
}
.blog__search-input::-moz-placeholder {
  color: #a6acb9;
}
.blog__search-input::placeholder {
  color: #a6acb9;
}
.blog__search-icon {
  position: absolute;
  top: 50%;
  left: 24px;
  fill: transparent;
  stroke: #a6acb9;
  transform: translate(-50%, -50%);
}
.blog__view {
  display: flex;
  align-items: center;
  -moz-column-gap: 14px;
  column-gap: 14px;
}
.blog__card--full {
  grid-column: 1/-1;
}
.blog__card:first-child {
  flex-direction: row;
}
.blog__card:first-child .article__thumb {
  max-width: clamp(18.75rem, 9.49rem + 19.32vw, 26.875rem);
}
.blog__pagination {
  margin-top: 30px;
}
.entry {
  padding-top: 30px;
}
.entry__inner {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 40px;
}
.entry__header {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
  margin-bottom: 20px;
}
.entry__heading {
  margin-bottom: 0;
}
.entry__thumb {
  width: 100%;
  height: clamp(12.5rem, 6.696rem + 23.81vw, 28.125rem);
  border-radius: clamp(1.875rem, 0.9rem + 4vw, 4.5rem);
  -o-object-fit: cover;
  object-fit: cover;
}
.entry__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.entry__categories {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.entry__date {
  margin-left: auto;
  font-family: NunitoSans;
  font-size: 16px;
  color: #121212;
  opacity: 0.8;
}
.entry__nav-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px;
}
.entry__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.entry__nav-item {
  position: relative;
  padding-left: 18px;
}
.entry__nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background-color: var(--blue);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.entry__nav-link {
  color: var(--blue);
  font-size: 18px;
  font-weight: 500;
}
.entry__nav-link:hover {
  color: var(--black);
}
.entry__content {
  font-size: 18px;
  line-height: 150%;
}
.entry__content img {
  width: 100%;
  height: clamp(12.5rem, 7.857rem + 19.05vw, 25rem);
  border-radius: 24px;
  margin: 20px 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.entry__content h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}
.entry__content ul {
  padding-left: 19px;
}
.entry__source {
  font-size: 16px;
  line-height: 150%;
  font-family: NunitoSans;
  text-align: center;
  color: #636f87;
  margin: 0 auto;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.widget-article__content {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.widget-article__item .article__thumb {
  height: 200px;
}
.widget-article__more {
  width: 100%;
}
.telegram {
  margin-top: clamp(1.5rem, 0.943rem + 2.29vw, 3rem);
}
.telegram__inner {
  overflow: hidden;
  position: relative;
  background-color: #bbf7d0;
  border-radius: 30px;
  padding: clamp(1.25rem, 0.879rem + 1.52vw, 2.25rem)
    clamp(1.25rem, 1.018rem + 0.95vw, 1.875rem);
  min-height: 325px;
}
.telegram__info {
  max-width: 70%;
}
.telegram__title {
  margin: 0;
  font-size: clamp(1.5rem, 1.291rem + 0.86vw, 2.063rem);
  font-weight: 500;
}
.telegram__description {
  font-size: 14px;
  line-height: 20px;
  opacity: 0.6;
}
.telegram__link {
  margin-top: 20px;
  min-width: 137px;
}
.telegram__img {
  width: 100%;
  max-width: 269px;
  position: absolute;
  bottom: 0;
  right: 15px;
}
.contacts__inner {
  display: grid;
  grid-template-columns: 1fr 545px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 32px;
  padding-top: 10px;
}
.contacts__left {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.contacts__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.contacts__features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.contacts__feature {
  min-height: 211px;
}
.contacts__feature .result__number {
  font-size: 32px;
  margin-bottom: 16px;
}
.contacts__slider {
  height: clamp(22.188rem, 17.754rem + 18.19vw, 34.125rem);
}
.contacts__slider-pagination {
  position: absolute;
  top: unset !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 22;
}
.contacts__slide-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
}
.contacts__map-inner {
  display: grid;
  grid-template-columns: 545px 1fr;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 20px;
  align-items: center;
}
.contacts__map-info {
  display: flex;
  flex-direction: column;
}
.contacts__map-address {
  display: flex;
  flex-direction: column;
  font-style: normal;
  row-gap: 16px;
  color: var(--dark);
  margin-bottom: 24px;
}
.contacts__map-address-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 20px;
  font-weight: 500;
}
.contacts__map-description {
  color: var(--dark);
  line-height: 140%;
}
.contacts__map-description p:first-of-type {
  margin-top: 0;
}
.contacts__map-iframe iframe {
  border-radius: 24px;
  border: 0;
  width: 100%;
  height: 245px;
}
.contacts__join-decoration--left {
  left: 3vw;
  top: unset;
  bottom: -46%;
  width: clamp(24.313rem, -10.376rem + 72.36vw, 54.75rem);
  height: clamp(24.313rem, -10.376rem + 72.36vw, 54.75rem);
}
.contacts__join-decoration--right {
  left: unset;
  right: -22vw;
  top: 0;
}
.contacts__join-inner {
  display: grid;
  grid-template-columns: 1fr 407px;
  gap: 40px;
}
.contacts__social {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: clamp(1.625rem, -0.313rem + 3.13vw, 2.5rem);
}
.contacts__social-link {
  width: 100px;
  height: 100px;
  border: 1px solid transparent;
}
.contacts__social-link svg {
  width: 50%;
  height: 50%;
}
.contacts__social-link:focus,
.contacts__social-link:hover {
  border-color: var(--blue);
}
.contacts__social-link:focus.social__link--appstore,
.contacts__social-link:hover.social__link--appstore {
  background-color: var(--blue);
}
.reviews__inner {
  background-image: url(../img/bg/review-bg.png);
  background-color: var(--gray-light);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: clamp(2rem, 1.629rem + 1.52vw, 3rem) 0;
}
.reviews__slide {
  height: auto;
}
.mentoring-features__inner {
  display: grid;
  grid-template-columns: 1fr minmax(200px, 494px);
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 32px;
}
.mentoring-features__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 26px;
  column-gap: 26px;
  row-gap: 10px;
}
.mentoring-features__link {
  margin-top: clamp(1.625rem, 1.532rem + 0.38vw, 1.875rem);
  max-width: 282px;
  width: 100%;
}
.mentoring-features__thumb {
  display: flex;
  height: clamp(22.188rem, 18.914rem + 13.43vw, 31rem);
}
.mentoring-features__img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.step-card {
  background-color: var(--card-color, #fbe3ff);
  padding: clamp(1.5rem, 0.393rem + 1.79vw, 2rem)
    clamp(1rem, -0.107rem + 1.79vw, 1.5rem);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  row-gap: 16px;
}
.step-card__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 8px;
}
.step-card__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--card-color, #fbe3ff);
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: center;
}
.step-card__content {
  position: relative;
  text-align: center;
  z-index: 2;
}
.step-card__title {
  font-size: clamp(1rem, 0.907rem + 0.38vw, 1.25rem);
  font-weight: 500;
  height: 50px;
  display: flex;
  align-items: flex-end;
  line-height: 130%;
}
.step-card__description {
  font-size: 16px;
  font-weight: 300;
  color: var(--text-color, #000);
  max-width: 323px;
}
.steps {
  overflow: hidden;
}
.steps__cards {
  padding: 164px 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.steps__cards--four {
  grid-template-columns: repeat(4, 1fr);
}
.steps__card {
  border-radius: 0;
}
.steps__card-header {
  position: absolute;
  left: 50%;
  top: -80%;
  transform: translate(-50%, -50%);
  flex-direction: column-reverse;
  min-width: 300px;
  z-index: -1;
}
.steps__card-icon::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100px;
  border: 1px dashed var(--card-color, #fbe3ff);
  z-index: -1;
  top: 100%;
}
.steps__card:first-child {
  border-radius: 16px 0 0 16px;
}
.steps__card:last-child {
  border-radius: 0 16px 16px 0;
}
.steps__card:nth-child(2n) .steps__card-header {
  top: 100%;
  flex-direction: column;
  transform: translate(-50%, 50%);
}
.steps__card:nth-child(2n) .steps__card-title {
  align-items: flex-start;
}
.steps__card:nth-child(2n) .steps__card-icon::after {
  top: unset;
  bottom: 100%;
}
.steps__card:not(:last-child)::after {
  content: "";
  border-top: 37px solid transparent;
  border-left: 50px solid var(--card-color, #fbe3ff);
  border-bottom: 37px solid transparent;
  position: absolute;
  right: -18px;
  z-index: 1;
}
.steps__link {
  margin: 40px auto 0;
}
.params {
  margin: 0;
  padding: 0;
  list-style: none;
}
.params__item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.params__item-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.params__item-title {
  font-size: clamp(1rem, 0.907rem + 0.38vw, 1.25rem);
}
.params__item-title span {
  color: var(--blue);
}
.course__intro {
  height: auto;
}
.course__intro-inner {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(400px, 708px) 1fr;
  -moz-column-gap: clamp(2.5rem, -66.723rem + 81.08vw, 6.25rem);
  column-gap: clamp(2.5rem, -66.723rem + 81.08vw, 6.25rem);
  row-gap: 30px;
}
.course__intro-info {
  max-width: 100%;
}
.course__intro-card {
  max-width: 565px;
  max-height: 573px;
}
.course__intro-params {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.course__result-inner {
  grid-template-columns: 299px 1fr;
}
.course__result-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
  align-items: center;
}
.course__result-item {
  background-color: var(--gray-light);
  padding: 20px 16px;
  border-radius: clamp(1.25rem, 1.018rem + 0.95vw, 1.875rem);
  font-size: clamp(1.25rem, 1.157rem + 0.38vw, 1.5rem);
  height: 100%;
  line-height: 120%;
}
.course__for-cards {
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.course__for-card {
  background-color: var(--card-color, #9181ff);
  color: var(--text-color, #fff);
  border-radius: 24px;
  padding: clamp(1rem, 0.814rem + 0.76vw, 1.5rem);
  position: relative;
  overflow: hidden;
}
.course__for-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 24px;
  position: relative;
}
.course__for-card-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.course__for-card-bg--small {
  width: 75%;
  height: 75%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.course__for-card-img {
  width: 170px;
  height: 170px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.course__for-card-title {
  font-size: clamp(1.5rem, 1.407rem + 0.38vw, 1.75rem);
  line-height: 120%;
  font-weight: 500;
}
.course__subjects-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.course__program-content {
  border-radius: 24px;
  background-color: var(--gray-light);
  padding: 32px clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.course__program-description {
  color: var(--black);
}
.course__program-labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.course__program-items {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.course__program-item-header {
  display: flex;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.course__program-item-header:hover .course__program-item-icon,
.course__program-item-header:hover .course__program-item-name {
  background-color: var(--blue);
}
.course__program-item-header:hover .course__program-item-icon svg {
  stroke: var(--white);
}
.course__program-item-name {
  font-size: clamp(1.125rem, 0.983rem + 0.3vw, 1.25rem);
  padding: 5px 16px;
  background-color: var(--black);
  color: var(--white);
  border-radius: clamp(1rem, -0.14rem + 2.38vw, 2rem);
  display: flex;
  align-items: center;
  transition: 0.2s;
}
.course__program-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--white);
  border-radius: 50%;
  flex-shrink: 0;
  transition: 0.2s;
}
.course__program-item-icon svg {
  fill: transparent;
  stroke: var(--black);
  transition: 0.2s;
}
.course__program-item-content {
  padding-top: 32px;
  display: none;
}
.course__program-item-footer {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 16px;
}
.course__program-item-footer p {
  margin: 0;
}
.course__program-item--active .course__program-item-icon svg {
  transform: rotate(180deg);
}
.course__program-subjects {
  margin: 0;
  padding: 0 0 0 8px;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: clamp(1rem, 0.629rem + 1.52vw, 2rem);
  counter-reset: list-counter;
}
.course__program-subject {
  padding-bottom: clamp(1rem, 0.814rem + 0.76vw, 1.5rem);
  border-bottom: 1px solid #d6d6d6;
  counter-increment: list-counter;
}
.course__program-subject-name {
  font-size: clamp(1.125rem, 0.986rem + 0.57vw, 1.5rem);
  font-weight: 500;
}
.course__program-subject-name::before {
  content: counter(list-counter) ". ";
}
.course__program-subject-duration {
  font-size: clamp(0.875rem, 0.829rem + 0.19vw, 1rem);
  color: #a6acb9;
  margin-top: 8px;
}
.course__program-subject-description {
  margin-top: clamp(1rem, 0.814rem + 0.76vw, 1.5rem);
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.course__program-subject-description p {
  margin: 0;
}
.course__join-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  align-items: center;
}
.course__join-img {
  max-height: 355px;
}
.course__join-info {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.course__join-title {
  font-size: clamp(1.25rem, 1.157rem + 0.38vw, 1.5rem);
  font-weight: 500;
  line-height: 130%;
}
.course__join-features {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.course__join-feature {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  position: relative;
  font-size: 18px;
}
.course__join-feature::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: var(--blue);
  border-radius: 50%;
  flex-shrink: 0;
}
.course__join-feature::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/sprite.svg#check);
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: center;
  left: 4px;
  filter: invert(1);
}
.course__mentor-inner {
  display: grid;
  grid-template-columns: 1fr 660px;
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
  align-items: center;
}
.course__mentor-img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  max-height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
}
.course__mentor-info {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.course__mentor-name {
  font-size: 24px;
  font-weight: 500;
}
.course__mentor-params {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  line-height: 140%;
}
.course__process-description {
  margin-top: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.course__process-inner {
  display: grid;
  grid-template-columns: 1fr minmax(200px, 545px);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.course__process-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.course__process-video {
  border-radius: 16px;
  max-height: 546px;
}
.testimonial {
  background-color: var(--gray-light);
  padding: 16px 24px;
  font-size: 16px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 666px;
  height: 100%;
}
.testimonial__author-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.testimonial__subtitle {
  font-size: 14px;
  color: var(--gray);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 246px;
}
.testimonial__rating {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.testimonial__rating svg {
  stroke: #f2cb41;
}
.testimonial__rating-item {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDE4NTYgMS4wMjIxNEM1LjIyOTE1IC0wLjA1NTQ2NzEgNi43NzA4NSAtMC4wNTU0NjkgNi45ODE0NCAxLjAyMjE0TDcuMzYxNTEgMi45NjcwMUM3LjQ2MjA5IDMuNDgxNzIgNy45NDMyMiAzLjgzMTI4IDguNDYzODEgMy43Njc4OUwxMC40MzA5IDMuNTI4MzZDMTEuNTIwOSAzLjM5NTY0IDExLjk5NzMgNC44NjE4OCAxMS4wMzc1IDUuMzk1MTZMOS4zMDUyNyA2LjM1NzYyQzguODQ2ODQgNi42MTIzNCA4LjY2MzA3IDcuMTc3OTQgOC44ODQyMyA3LjY1MzQ3TDkuNzE5OTEgOS40NTAzQzEwLjE4MjkgMTAuNDQ1OSA4LjkzNTY5IDExLjM1MjEgOC4xMzE5MiAxMC42MDRMNi42ODEyNiA5LjI1NDAxQzYuMjk3MzUgOC44OTY3MyA1LjcwMjY1IDguODk2NzMgNS4zMTg3NCA5LjI1NDAxTDMuODY4MDkgMTAuNjA0QzMuMDY0MzEgMTEuMzUyMSAxLjgxNzA2IDEwLjQ0NTkgMi4yODAwOSA5LjQ1MDNMMy4xMTU3NyA3LjY1MzQ3QzMuMzM2OTMgNy4xNzc5NCAzLjE1MzE2IDYuNjEyMzQgMi42OTQ3MyA2LjM1NzYyTDAuOTYyNDk0IDUuMzk1MTZDMC4wMDI3MDI2OSA0Ljg2MTg4IDAuNDc5MTExIDMuMzk1NjQgMS41NjkwNSAzLjUyODM2TDMuNTM2MTkgMy43Njc4OUM0LjA1Njc4IDMuODMxMjggNC41Mzc5MSAzLjQ4MTcyIDQuNjM4NDkgMi45NjcwMUw1LjAxODU2IDEuMDIyMTRaIiBmaWxsPSIjRjJDQjQxIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.testimonial__author {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.testimonial__images {
  display: flex;
  align-items: center;
  overflow-x: auto;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding-bottom: 10px;
}
.testimonial__images::-webkit-scrollbar {
  height: 3px;
}
.testimonial__image {
  width: 97px;
  height: 97px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}
.testimonial__description {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.testimonial__description p {
  margin: 0;
}
.testimonial__content {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.testimonial__video {
  border-radius: 24px;
}
.testimonial__video-preview {
  height: 302px;
}
.testimonial__video-play {
  width: 50px;
  height: 50px;
}
.testimonials {
  overflow: hidden;
}
.testimonials__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  align-items: center;
}
.testimonials__items {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  max-height: 650px;
  overflow-y: auto;
  padding-right: 24px;
}
.testimonials__slide {
  max-width: 350px;
  height: auto;
  overflow: hidden;
}
.mentor__about-header {
  margin-bottom: 24px;
}
.mentor__about-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 40px;
}
.mentor__about-params {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.mentor__about-items {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.mentor__about-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.mentor__about-description {
  font-size: clamp(1.125rem, 1.079rem + 0.19vw, 1.25rem);
}
.mentor__presentation-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.mentor__presentation-header {
  margin-bottom: 0;
}
.mentor__presentation-youtube {
  margin-top: clamp(1.875rem, 1.318rem + 2.29vw, 3.375rem);
  width: 100%;
  max-width: 262px;
}
.mentor__presentation-right {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.mentor__presentation-info {
  display: flex;
  flex-direction: column;
}
.mentor__presentation-info-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px;
}
.mentor__presentation-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.mentor__presentation-tag {
  border-radius: 8px;
}
.mentor__presentation-description {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-size: clamp(1rem, 0.954rem + 0.19vw, 1.125rem);
  line-height: 150%;
}
.mentor__presentation-description p {
  margin: 0;
}
.mentor__speaker-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.mentor__speaker-card-tags {
  justify-content: flex-start;
  margin-top: auto;
}
.mentor__date-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
}
.mentor__date-card {
  min-height: auto;
}
.mentor__date-card-info {
  row-gap: 20px;
  width: 54%;
}
.mentor__date-card-subtitle {
  font-size: 20px;
  opacity: 1;
}
.mentor__date-card-img {
  height: 100%;
  max-width: 46%;
}
.mentor__date-card-img--full {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 46%;
}
.mentor-card {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.mentor-card__thumb {
  position: relative;
}
.mentor-card__gallery {
  display: flex;
}
.mentor-card__image {
  width: 100%;
  height: clamp(13.688rem, 10.646rem + 12.48vw, 21.875rem);
  -o-object-fit: cover;
  object-fit: cover;
}
.mentor-card__tags {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.mentor-card__tag {
  padding: 4px 8px;
}
.mentor-card__info {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.mentor-card__name {
  font-size: 20px;
  font-weight: 500;
}
.mentor-card__params {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.mentor-card__param {
  font-weight: 300;
}
.mentor-card__param span {
  color: var(--blue);
}
.mentor-card__habits {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(0.313rem, 0.15rem + 0.67vw, 0.75rem);
}
.mentor-card__specs-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.mentor-card__specs-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.mentor-card__specs-tag {
  border-radius: 8px;
  padding: 4px 10px;
  font-weight: 400;
}
.mentor-card__specs-item strong {
  font-weight: 500;
}
.mentor-card__specs-item.row {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.mentor-card__description {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  font-size: 16px;
  font-weight: 300;
}
.mentor-card__description p {
  margin: 0;
}
.mentor-card__links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.mentor-card__link {
  color: var(--blue);
  font-size: clamp(1rem, 0.954rem + 0.19vw, 1.125rem);
  display: flex;
  align-items: center;
  text-align: left;
  gap: 10px;
}
.mentor-card__link svg {
  stroke: var(--blue);
  position: relative;
  top: 2px;
}
.mentor-card__link:hover {
  color: var(--black);
}
.mentor-card__link:hover svg {
  stroke: var(--black);
}
.mentor-card--on-modal {
  display: none;
}
.list {
  overflow: hidden;
}
.list__inner {
  display: grid;
  grid-template-columns: 313px 1fr;
  -moz-column-gap: 35px;
  column-gap: 35px;
}
.list__header {
  margin-bottom: clamp(1.25rem, 0.786rem + 1.9vw, 2.5rem);
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.list__header-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}
.list__search {
  max-width: 313px;
  flex-shrink: 0;
}
.list__search input {
  border-radius: 12px 0 0 12px;
}
.list__range {
  margin-top: -30px;
}
.list__dates {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 16px;
  overflow-x: auto;
  width: 100%;
}
.list__date {
  border: 1px solid var(--gray);
  border-radius: 8px;
  padding: 4px 8px;
  height: 44px;
  text-align: center;
  font-size: 16px;
}
.list__date--current {
  background-color: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}
.list__terms {
  display: flex;
  align-items: center;
  -moz-column-gap: clamp(1rem, 0.814rem + 0.76vw, 1.5rem);
  column-gap: clamp(1rem, 0.814rem + 0.76vw, 1.5rem);
  padding-bottom: 5px;
  margin-bottom: -5px;
  overflow-x: auto;
  width: 100%;
}
.list__term {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
  column-gap: 10px;
  white-space: nowrap;
}
.list__term:not(.list__term--reset)::after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgOUw5IDFNMSAxTDkgOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  top: 1px;
  transition: 0.3s;
}
.list__term:not(.list__term--reset):hover::after {
  filter: invert(1);
}
.list__term--reset {
  background-color: #ffddca;
  border-color: transparent;
}
.list__order {
  margin-left: auto;
}
.list__view {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.list__items-mentors {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: clamp(0.625rem, -0.071rem + 2.86vw, 2.5rem);
  column-gap: clamp(0.625rem, -0.071rem + 2.86vw, 2.5rem);
  row-gap: clamp(1.875rem, 1.643rem + 0.95vw, 2.5rem);
}
.list__items-mentors .mentor-card__description,
.list__items-mentors .mentor-card__params {
  display: none;
}
.list__items-courses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: clamp(0.625rem, -0.071rem + 2.86vw, 2.5rem);
  column-gap: clamp(0.625rem, -0.071rem + 2.86vw, 2.5rem);
  row-gap: clamp(1.875rem, 1.643rem + 0.95vw, 2.5rem);
}
.list__items-course--full {
  grid-column: 1/-1;
}
.list__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
  margin-top: 32px;
}
.list__load-more {
  max-width: 262px;
  width: 100%;
}
.footer {
  background-color: var(--black);
  padding-top: 37px;
  color: var(--white);
  border-radius: 32px 32px 0 0;
}
.footer__top {
  margin-bottom: 40px;
}
.footer__logo {
  max-width: 146px;
  width: 100%;
}
.footer__social {
  display: flex;
  align-items: center;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-top: 57px;
}
.footer__bottom {
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
  justify-content: space-between;
  padding-bottom: 50px;
}
.footer__item {
  width: 100%;
}
.footer__item--description {
  max-width: 374px;
}
.footer__item--contacts {
  max-width: 330px;
  display: flex;
  flex-direction: column;
  row-gap: 21px;
}
.footer__item--subscribe {
  max-width: 360px;
}
.footer__description {
  opacity: 0.6;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  row-gap: 21px;
  font-size: 14px;
}
.footer a.footer__contact {
  color: var(--white);
}
.footer a.footer__contact:hover {
  color: var(--blue);
}
.footer__contact {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.footer__contact svg {
  flex-shrink: 0;
  fill: var(--white);
}
.footer__contact--address {
  align-items: flex-start;
}
.footer__app,
.footer__apps {
  display: flex;
  align-items: center;
  -moz-column-gap: 21px;
  column-gap: 21px;
}
.footer__app-item {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 8px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__app-item--appstore {
  background-color: #1ca5f9;
}
.footer__app-item:hover {
  opacity: 0.7;
}
.footer__app-link {
  color: var(--white);
}
.footer__app-link:hover {
  color: var(--blue);
}
.footer__bot-link {
  font-family: EuclidCircular, sans-serif;
  font-weight: 400;
  height: 40px;
  padding: 0 24px;
}
.footer__bot-link svg {
  stroke: none;
}
.footer__bot-link:hover {
  color: var(--white);
}
.footer__subscribe-title {
  opacity: 0.6;
  max-width: 300px;
  margin-bottom: 29px;
}
.footer__subscribe-form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.footer__subscribe-field {
  height: 62px;
  background-color: var(--white);
  padding: 0 16px;
  width: 100%;
  border: none;
  border-radius: 12px;
  outline: 0;
}
.footer__subscribe-submit {
  justify-content: center;
  width: 100%;
  height: 54px;
}
.footer__copyright {
  padding: 22px 0;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__copyright-link {
  text-transform: uppercase;
  color: var(--white);
  opacity: 0.6;
}
.footer__copyright-link:hover {
  opacity: 1;
}
.modal {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background: rgba(18, 18, 18, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.modal__inner {
  background-color: var(--white);
  border-radius: 16px;
  position: relative;
  z-index: 1;
  transform: scale(0.7);
  transition: 0.3s;
}
.modal__title {
  margin: 0;
}
.modal__close {
  top: 15px;
  right: 15px;
  position: absolute;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  z-index: 2;
}
.modal__close::after,
.modal__close::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background-color: var(--black);
}
.modal__close::before {
  transform: rotate(-45deg);
}
.modal__close::after {
  transform: rotate(45deg);
}
.modal__close:focus::after,
.modal__close:focus::before,
.modal__close:hover::after,
.modal__close:hover::before {
  background-color: var(--blue);
}
.modal--active {
  opacity: 1;
  visibility: visible;
}
.modal--active .modal__inner {
  transform: scale(1);
}
.location__inner {
  padding: 30px;
  width: 100%;
  max-width: 500px;
  min-height: 600px;
}
.location__title {
  margin-bottom: 20px;
}
.location__search {
  width: 100%;
  padding: 10px 15px;
  margin-bottom: 20px;
  outline: 0;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.location__search:focus {
  border-color: var(--sky-blue);
}
.location__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-height: 400px;
  overflow: auto;
}
.location__list::-webkit-scrollbar {
  width: 7px;
}
.location__list::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 36px;
}
.location__list::-webkit-scrollbar-thumb:hover {
  background: var(--gray);
}
.location__list-link--current {
  color: var(--blue);
  pointer-events: none;
}
.mentor-preview__inner {
  min-height: 450px;
  width: 100%;
  max-width: 1006px;
  overflow: auto;
}
.mentor-preview__content {
  display: flex;
}
.mentor-preview__header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mentor-preview__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.mentor-preview__left {
  max-width: 450px;
}
.mentor-preview__info {
  padding: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
}
.mentor-preview .mentor-card__link {
  margin-top: auto;
}
.mentor-preview .mentor-card__name {
  flex-shrink: 0;
}
.mentor-preview .modal__close {
  top: 10px;
  right: 10px;
  background-color: var(--white);
  border-radius: 50%;
}
.mentor-preview .modal__close::after,
.mentor-preview .modal__close::before {
  width: 70%;
}
.mentor-preview__slider {
  height: 100%;
}
.mentor-preview .swiper-slide {
  display: flex;
  height: auto;
}
.mentor-preview .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.mentor-preview__slider-pagination {
  position: absolute;
  z-index: 2;
  margin-bottom: 15px;
}
@media (max-width: 1366px) {
  .intro--inner:not(.v2) .intro__info {
    max-width: 70%;
  }
  .intro__img:not(.small) {
    right: -13%;
  }
  .statistics__inner {
    gap: 90px;
  }
  .mission__inner {
    grid-template-columns: 1fr minmax(200px, 600px);
  }
  .terra__header {
    max-width: 514px;
  }
  .terra__thumb {
    max-width: 580px;
  }
  .quiz__form {
    background-size: cover;
    background-position: -100% bottom;
  }
  .charity__card .card__img {
    width: 50%;
  }
  .terra-today__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .terra-today__item--stretch {
    width: auto;
  }
  .terra-today__item--rowspan {
    grid-area: 3/1/3/4;
  }
  .ceo__quote:nth-child(3) {
    left: 90px;
  }
  .cases__items {
    grid-template-columns: repeat(3, 1fr);
  }
  .contacts__inner {
    display: flex;
    flex-direction: column;
  }
  .contacts__social {
    grid-template-columns: repeat(4, 1fr);
  }
  .contacts__join-inner,
  .mentoring-features__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .mentoring-features__card:last-child {
    grid-column: 1/-1;
  }
  .course__intro-inner,
  .course__intro-params {
    grid-template-columns: repeat(2, 1fr);
  }
  .header__contacts:not(.header__contacts--mobile) {
    display: none;
  }
}
@media (max-width: 1170px) {
  .hide-xl {
    display: none;
  }
  .header__nav-list {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .section__half {
    grid-template-columns: 310px 1fr;
  }
  .cases__header {
    margin-bottom: 30px;
  }
  .cases__card--colspan,
  .cases__heading {
    grid-column: span 3;
  }
  .cases__card--colspan--second {
    grid-column: span 2;
  }
  .statistics__inner {
    gap: 30px;
  }
  .statistics__thumb {
    overflow: auto;
    width: 650px;
  }
  .mission__inner {
    grid-template-columns: 1fr 1fr;
  }
  .quiz__option {
    height: 130px;
  }
  .terra__tag {
    left: 0 !important;
  }
  .terra__icon {
    width: 82px;
  }
  .terra__thumb {
    max-width: clamp(23.438rem, 6.124rem + 36.07vw, 32.5rem);
  }
  .results__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .results__card:last-of-type {
    grid-column: span 2;
  }
  .ceo__header {
    grid-area: 1/1/1/-1;
  }
  .ceo__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .directions__inner {
    grid-template-columns: 210px 1fr;
  }
  .rules__inner {
    grid-template-columns: repeat(3, 1fr);
  }
  .rules__inner--four {
    grid-template-columns: repeat(2, 1fr);
  }
  .rules__inner--four .rules__card:last-child {
    grid-column: auto;
  }
  .rules__card:last-child {
    grid-column: span 2;
  }
  .blog__items--grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .telegram__info {
    max-width: 60%;
  }
  .course__mentor-inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .course__process-inner {
    grid-template-columns: 1fr;
  }
  .course__process-video {
    max-height: clamp(18.75rem, 11.063rem + 31.54vw, 34.125rem);
  }
  .mentor__presentation-inner {
    grid-template-columns: 1fr;
  }
  .list__items-mentors {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .hide-md {
    display: none;
  }
  .terra-btn--58 {
    height: clamp(2.75rem, 2.218rem + 2.27vw, 3.625rem);
  }
  .section__header {
    margin-bottom: clamp(1.875rem, 1.115rem + 3.24vw, 3.125rem);
  }
  .section__header-line {
    width: 205px;
    left: 0;
  }
  .section__title {
    font-size: clamp(1.688rem, 1.346rem + 1.46vw, 2.25rem);
  }
  .section__description--big {
    font-size: clamp(1.188rem, 0.58rem + 2.59vw, 2.188rem);
  }
  .section__half {
    grid-template-columns: 1fr;
  }
  .header__telegram {
    display: none;
  }
  .header__bottom {
    overflow: auto;
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--white);
    z-index: 999;
    padding: 100px 15px 30px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    transform: translateX(-100%);
    transition: 0.3s;
  }
  .header__bottom--active {
    transform: translateX(0);
  }
  .header__nav {
    margin-bottom: 30px;
  }
  .header__nav-list {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 32px;
  }
  .header__nav-link {
    font-size: 18px;
    font-weight: 500;
  }
  .header__nav-item {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }
  .header__nav-item-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 10px;
    top: -8px;
    z-index: 222;
  }
  .header__nav-item-toggle svg {
    position: relative;
    right: 5px;
  }
  .header__nav-item.nav__item--active .header__nav-item-toggle svg {
    transform: rotate(-90deg);
  }
  .header__nav-submenu {
    display: none;
    position: static;
    width: 100%;
    box-shadow: unset;
    padding: 30px 15px;
    opacity: 1;
    visibility: visible;
    transition: unset;
  }
  .header__contacts {
    flex-direction: column;
    font-size: 18px;
    align-items: flex-start;
    row-gap: 20px;
  }
  .header__address {
    max-width: 300px;
  }
  .header__social {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
  }
  .header__social-link {
    width: 35px;
    height: 35px;
  }
  .header__social-link svg {
    width: 20px;
    height: 20px;
  }
  .header__social-link:hover {
    background-color: var(--blue);
  }
  .header__social-link:hover svg {
    fill: var(--white);
  }
  .header--nav-active .header__top {
    position: relative;
    background: var(--white);
    padding-top: 26px;
    padding-bottom: 15px;
    margin-top: -26px;
    z-index: 9999;
  }
  .video__play {
    width: 60px;
    height: 60px;
  }
  .quote__text {
    font-size: 16px;
  }
  .intro {
    padding-top: 140px;
    padding-bottom: 50px;
    min-height: unset;
    height: auto;
  }
  .intro__info {
    max-width: 100%;
  }
  .intro__stats {
    overflow: hidden;
    overflow-x: auto;
    -moz-column-gap: clamp(1.875rem, 0.887rem + 4.21vw, 3.5rem);
    column-gap: clamp(1.875rem, 0.887rem + 4.21vw, 3.5rem);
  }
  .intro__stat {
    row-gap: clamp(0.75rem, 0.256rem + 2.11vw, 1.563rem);
  }
  .intro__stat-number {
    font-size: clamp(1.625rem, 1.093rem + 2.27vw, 2.5rem);
  }
  .intro__slide--small.swiper-slide-active {
    height: clamp(25rem, 22.493rem + 10.29vw, 31.75rem);
  }
  .intro--inner:not(.v2) .intro__info {
    max-width: 100%;
  }
  .intro.v2 .intro__inner {
    grid-template-columns: 1fr;
  }
  .intro.v2 .intro__info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    gap: 30px;
  }
  .intro.v2 .intro__title {
    grid-column: 1/-1;
  }
  .intro.v2 .intro__benefits,
  .intro.v2 .intro__features {
    grid-template-columns: repeat(1, 1fr);
  }
  .intro.v2 .intro__link {
    max-width: 100%;
  }
  .intro.intro-slider .intro__right {
    -webkit-clip-path: unset;
    clip-path: unset;
    margin: 0;
    padding: 0;
  }
  .cases__blocks {
    gap: 15px;
  }
  .cases__card .card__img {
    width: 50%;
  }
  .cases__card---rowspan {
    min-height: unset;
  }
  .cases__card---rowspan .card__img {
    width: 100%;
    top: unset;
  }
  .abroad {
    padding-bottom: 70px;
  }
  .abroad__header {
    max-width: 100%;
  }
  .abroad__address-list {
    gap: 10px;
  }
  .abroad__map iframe {
    height: clamp(18.75rem, 14.951rem + 16.21vw, 25rem);
  }
  .abroad__tab-button {
    font-size: 18px;
  }
  .slider-container {
    padding: 0 15px;
  }
  .mission {
    background-position: bottom right;
    background-size: 200px;
  }
  .mission__inner {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .mission__content {
    font-size: 16px;
  }
  .mission__video {
    order: -1;
    height: clamp(18.75rem, 12.976rem + 24.64vw, 28.25rem);
  }
  .events__header {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
  }
  .events__header-right {
    width: 100%;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .events__inner {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
  }
  .events__filter {
    order: 1;
  }
  .events__filter-toggle {
    background-color: var(--white);
    display: flex;
  }
  .events__link {
    height: 58px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .events__nav {
    margin-left: auto;
  }
  .reports__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .quiz__options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .quiz__option {
    max-width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: flex-start;
  }
  .charity__inner {
    gap: 20px;
  }
  .faq__items {
    row-gap: 10px;
  }
  .faq__item-title {
    font-size: clamp(1.125rem, 0.973rem + 0.65vw, 1.375rem);
  }
  .terra__tags {
    max-width: 60%;
  }
  .terra__tag-link {
    padding: 10px 15px;
  }
  .terra__icon {
    display: none;
  }
  .navigation__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 32px;
  }
  .navigation__item-title {
    margin-bottom: 16px;
  }
  .cases__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .mentoring__inner {
    flex-direction: column;
    row-gap: 20px;
    overflow: hidden;
  }
  .footer__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
  .footer__item--subscribe {
    max-width: 100%;
    grid-column: span 2;
  }
  .pagination__list {
    justify-content: center;
  }
  .mentoring-stats__inner {
    grid-template-columns: 1fr;
  }
  .mentoring-stats__items {
    order: -1;
  }
  .mentoring-stats__thumb {
    width: 100%;
    min-width: 650px;
  }
  .mentoring-stats__card:last-of-type {
    grid-column: span 2;
  }
  .entry__heading {
    margin-bottom: 0;
  }
  .entry__inner {
    grid-template-columns: 1fr;
  }
  .contacts__map-inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .mentoring-features__cards,
  .mentoring-features__inner {
    grid-template-columns: 1fr;
  }
  .mentoring-features__card {
    min-height: 128px;
  }
  .mentoring-features__card:last-child {
    grid-column: auto;
  }
  .mentoring-features__link {
    margin-left: auto;
    margin-right: auto;
  }
  .steps__cards {
    gap: 16px;
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
  }
  .steps__cards--four .steps__card:last-child {
    grid-column: auto;
  }
  .steps__card {
    border-radius: 16px;
  }
  .steps__card-header {
    position: static;
    transform: unset;
    z-index: auto;
    flex-direction: column;
  }
  .steps__card-title {
    height: auto;
    color: var(--text-color, #000);
  }
  .steps__card-icon::after {
    content: unset;
  }
  .steps__card:first-child,
  .steps__card:last-child {
    border-radius: 16px;
  }
  .steps__card:not(:last-child)::after {
    content: unset;
  }
  .steps__card:nth-child(2n) .steps__card-header {
    transform: unset;
  }
  .steps__card:last-child {
    grid-column: 1/-1;
  }
  .course__for-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .course__for-card:last-child {
    grid-column: 1/-1;
  }
  .course__join-inner,
  .testimonials__inner {
    grid-template-columns: 1fr;
  }
  .testimonials__card {
    max-width: 80vw;
    flex-shrink: 0;
  }
  .testimonials__items {
    overflow-x: auto;
    flex-direction: row;
    padding-bottom: 20px;
    gap: 20px;
    max-width: 100vw;
  }
  .testimonials__items::-webkit-scrollbar {
    height: 5px;
  }
  .filter-form {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--white);
    z-index: 222;
    padding: 15px;
    transform: translateX(-100%);
    opacity: 0;
    visibility: visible;
    overflow: auto;
    transition: 0.3s;
  }
  .filter-form--active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .filter-form__header {
    margin-bottom: 15px;
  }
  .filter-form__item-title {
    font-size: 20px;
  }
  .filter-form__button {
    background-color: var(--gray-light);
  }
  .mentor__speaker-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .mentor__speaker-card:last-child {
    grid-column: 1/-1;
  }
  .mentor__date-cards {
    grid-template-columns: 1fr;
  }
  .list__items-mentors {
    grid-template-columns: repeat(2, 1fr);
  }
  .list__inner {
    grid-template-columns: 1fr;
  }
  .list__search {
    max-width: 100%;
  }
  .list__range {
    max-width: 100%;
    margin-top: 0;
  }
  .list-courses .list__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .mentor-preview__inner {
    max-width: 500px;
    max-height: 80vh;
  }
  .mentor-preview__content {
    flex-direction: column;
  }
  .mentor-preview__left {
    max-width: 100%;
  }
  .mentor-preview .swiper-slide {
    height: 330px;
  }
  .mentor-preview__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 850px) {
  .section__header {
    row-gap: 12px;
  }
  .section-gap {
    padding: 40px 0;
  }
  .section-gap-top {
    padding-top: 40px;
  }
  .section-gap-bottom {
    padding-bottom: 40px;
  }
  .section__subtitle {
    margin-top: 10px;
  }
  .hide-sm {
    display: none;
  }
  .show-sm {
    display: block;
  }
  .show-sm-flex {
    display: flex;
  }
  .container {
    padding: 0 15px;
  }
  .intro__subtitle {
    max-width: 500px;
  }
  .intro__features {
    grid-template-columns: 1fr;
  }
  .cases__card {
    grid-column: span 3;
    padding: 24px 20px;
  }
  .cases__card .card__img {
    right: 0;
    max-width: 264px;
    width: 100%;
  }
  .cases__card--rowspan {
    min-height: auto;
  }
  .cases__card--rowspan .card__img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .cases__card.card--has-tags .card__tags {
    justify-content: flex-start;
  }
  .cases__card.card--has-tags .card__tag {
    font-size: 16px;
  }
  .cases__card.card--has-tags .card__info-inner {
    flex-direction: column;
    row-gap: 16px;
  }
  .projects__slider-container {
    padding: 0;
  }
  .projects__slider {
    padding-right: 30px;
  }
  .projects .swiper-wrapper {
    padding-left: 15px;
  }
  .projects__slide {
    max-width: 300px;
  }
  .projects__card {
    height: 390px;
  }
  .projects__card .card__title {
    min-height: 53px;
  }
  .projects__card .card__info {
    height: auto;
  }
  .quiz__form {
    background-image: unset;
    min-height: 530px;
    padding: 30px;
  }
  .quiz__step-header {
    top: 15px;
  }
  .quiz__step-title {
    font-size: clamp(1.125rem, 0.973rem + 0.65vw, 1.375rem);
  }
  .quiz__options {
    grid-template-columns: repeat(1, 1fr);
  }
  .quiz__option {
    padding: 20px;
  }
  .quiz__dots {
    top: -5px;
    left: 0;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
  .terra__tags {
    max-width: 50%;
  }
  .charity__inner {
    grid-template-columns: 1fr;
  }
  .charity__card .card__img {
    max-width: 200px;
  }
  .mission__link {
    margin-left: auto;
    margin-right: auto;
  }
  .statistics__inner {
    grid-template-columns: 1fr;
  }
  .statistics__items {
    gap: 30px;
  }
  .statistics__thumb {
    margin: 0 auto;
    padding-bottom: 30px;
  }
  .gallery__slider {
    height: clamp(15.625rem, 9.927rem + 24.31vw, 25rem);
  }
  .gallery__footer {
    margin-top: 20px;
  }
  .gallery__caption {
    font-size: clamp(1rem, 0.772rem + 0.97vw, 1.375rem);
    max-width: 70%;
  }
  .gallery__nav {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .terra-today__join:not(.terra-today__join-mobile) {
    display: none;
  }
  .terra-today__join-mobile {
    display: flex;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .team__slide {
    max-width: 250px;
  }
  .team__slider {
    padding-right: 30px;
  }
  .team__slider-container {
    padding: 0;
  }
  .team .swiper-wrapper {
    padding-left: 15px;
  }
  .ecosystem-bg {
    background-image: unset;
  }
  .ecosystem__slide {
    max-width: 260px;
  }
  .ecosystem__slider {
    padding-right: 30px;
  }
  .ecosystem__slider-container {
    padding: 0;
  }
  .ecosystem .swiper-wrapper {
    padding-left: 15px;
  }
  .benefits__inner {
    grid-template-columns: 1fr;
  }
  .case-cats__list {
    max-height: 264px;
  }
  .income__inner,
  .mentors__list {
    grid-template-columns: 1fr;
  }
  .income__img {
    display: none;
  }
  .entry {
    padding-top: 0;
  }
  .contacts__map-inner {
    grid-template-columns: 1fr;
  }
  .contacts__social {
    max-width: 352px;
    grid-template-columns: repeat(3, 1fr);
  }
  .contacts__social-item:last-child {
    grid-area: 3/2;
  }
  .contacts__join-inner {
    grid-template-columns: 1fr;
  }
  .contacts__join-decoration--left {
    left: -63vw;
    bottom: 2%;
  }
  .testimonials__slider-container {
    padding: 0;
  }
  .testimonials__slider {
    padding-left: 15px;
  }
}
@media (max-width: 753px) {
  .terra__inner {
    display: flex;
    flex-direction: column;
  }
  .terra__thumb {
    width: 50%;
    transform: scale(1.4);
    right: -10%;
  }
  .intro.v2 .intro__card {
    max-width: 100%;
  }
  .intro.v2 .intro__info {
    grid-template-columns: 1fr;
  }
  .navigation__item {
    width: 100%;
  }
  .navigation__item:first-child,
  .navigation__item:last-child {
    grid-column: span 2;
  }
  .ceo {
    background-image: unset;
  }
  .ceo::before {
    width: 375px;
    height: 375px;
    top: 89%;
  }
  .ceo__inner {
    grid-template-columns: repeat(1, 1fr);
  }
  .ceo__quote:nth-child(1),
  .ceo__quote:nth-child(2),
  .ceo__quote:nth-child(3),
  .ceo__quotes {
    left: 0;
  }
  .ceo__img {
    order: 1;
    margin: 0 auto;
  }
  .directions__items {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .directions__card {
    width: 100%;
    max-width: 500px;
  }
  .rules__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .blog__categories {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: auto;
  }
  .blog__categories-link {
    white-space: nowrap;
  }
  .blog__view {
    display: none;
  }
  .blog__search {
    max-width: 100%;
  }
  .blog__items--grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .blog__items--list .blog__card {
    flex-direction: column;
  }
  .blog__items--list .blog__card .article__thumb {
    max-width: 100%;
  }
  .blog__card:first-child {
    flex-direction: column;
  }
  .blog__card:first-child .article__thumb {
    max-width: 100%;
  }
  .telegram__inner {
    padding-bottom: 87px;
  }
  .telegram__info {
    max-width: 100%;
  }
  .telegram__img {
    bottom: -38%;
    right: -13vw;
  }
  .contacts__features,
  .contacts__items {
    grid-template-columns: 1fr;
  }
  .reviews__card {
    flex-direction: column;
  }
  .reviews__card .review-card__thumb {
    max-width: 100%;
  }
  .steps__cards {
    padding-top: 20px;
    grid-template-columns: 1fr;
  }
  .course__intro-inner {
    grid-template-columns: 1fr;
  }
  .course__intro-params {
    grid-template-columns: repeat(2, 1fr);
  }
  .course__intro-card {
    max-width: 100%;
  }
  .course__for-cards,
  .course__result-items {
    grid-template-columns: 1fr;
  }
  .course__program-item-header {
    position: relative;
  }
  .course__program-item-name {
    width: 100%;
    min-height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 40px;
  }
  .course__program-item-icon {
    position: absolute;
    right: 10px;
    width: 24px;
    height: 24px;
    background-color: unset;
  }
  .course__program-item-icon svg {
    stroke: var(--white);
  }
  .course__mentor-inner,
  .course__process-items {
    grid-template-columns: repeat(1, 1fr);
  }
  .video-v2:not(.video--small) {
    flex-direction: column;
  }
  .mentor__about-inner {
    display: grid;
    grid-template-columns: 1fr;
  }
  .mentor__speaker-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .mentor__date-card-info {
    width: 100%;
  }
  .mentor__date-card-img {
    display: none;
  }
  .list__items-courses,
  .reports__inner {
    grid-template-columns: 1fr;
  }
  .footer__top {
    margin-bottom: 20px;
  }
  .footer__social {
    margin-top: 24px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    justify-content: center;
  }
  .footer__bottom {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
    padding-bottom: 30px;
  }
  .footer__item--contacts {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    max-width: 100%;
    padding-top: 32px;
  }
  .footer__item--description {
    max-width: 100%;
  }
  .footer__item--subscribe {
    grid-area: auto;
  }
  .footer__copyright {
    border-top: 0;
    flex-wrap: wrap;
    row-gap: 30px;
  }
}
@media (max-width: 576px) {
  .section__header-right {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .xs-stretch {
    max-width: 100%;
    width: 100%;
    justify-content: center;
  }
  .header__location:not(.header__location--mobile) {
    display: none;
  }
  .slider-nav {
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .cases .card__img {
    max-width: 194px;
  }
  .cases__card--colspan {
    min-height: 404px;
  }
  .cases__card--rowspan {
    min-height: 522px;
  }
  .quiz__step-button {
    flex-grow: 1;
    justify-content: center;
  }
  .stories__inner {
    padding: 0;
  }
  .stories__slider {
    padding-right: 30px;
  }
  .stories .swiper-wrapper {
    padding: 50px 0 50px 15px;
    margin: -50px 0;
  }
  .stories__slide {
    max-width: 280px;
  }
  .terra__tags {
    max-width: 100%;
  }
  .terra__tag,
  .terra__tag-link {
    width: 100%;
  }
  .terra__thumb {
    width: 100%;
    transform: scale(1);
    align-self: center;
    position: static;
  }
  .terra-today__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .terra-today__item--rowspan {
    grid-area: unset;
    order: 1;
    grid-column: 1/-1;
  }
  .results__inner {
    grid-template-columns: repeat(1, 1fr);
  }
  .results__card:last-of-type {
    grid-column: auto;
  }
  .cases__items,
  .mentoring-stats__items {
    grid-template-columns: 1fr;
  }
  .mentoring-stats__card:last-of-type {
    grid-area: auto;
  }
  .rules__inner {
    grid-template-columns: 1fr;
  }
  .rules__card:last-child {
    grid-column: auto;
  }
  .video--small .video__params {
    max-width: 59%;
  }
  .testimonials__slide {
    max-width: 90vw;
  }
}
@media (min-width: 851px) {
  .show-sm,
  .show-sm-flex {
    display: none;
  }
}
@media (min-width: 993px) {
  #nav-toggle,
  .header__join,
  .show-md,
  .show-md-flex {
    display: none;
  }
}
@media (min-width: 1920px) {
  .intro {
    max-height: 900px;
  }
}
@media (min-width: 1171px) {
  .list__items--list {
    grid-template-columns: 1fr;
  }
  .list__items--list .mentor-card {
    display: grid;
    grid-template-columns: 350px 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .list__items--list .mentor-card__thumb {
    max-width: 350px;
  }
  .list__items--list .mentor-card__description,
  .list__items--list .mentor-card__params {
    display: flex;
  }
  .list__items--list .mentor-card__links {
    margin-top: auto;
    margin-bottom: 16px;
  }
}

.join-team__button {
  height: 40px;
  padding: 0 24px;
}
@media (max-width: 550px) {
  .join-team__button {
    display: none;
  }
}