@charset "UTF-8";

/* line 58, resources/assets/styles/common/variables.scss */

:root {
  --black: #111;
  --white: #ffff;
  --red: #c9212b;
  --silver-grey: #818c99;
  --light-grey: rgba(167, 167, 201, 0.15);
  --light-grey2: rgba(167, 167, 201, 0.25);
  --light-grey100: #f2f2f7;
  --card: white;
  --about-page-bg: #f2f2f7;
  --partners-bg: #f9f9f9;
  --partner-black: #2a2927;
  --header-color: #fff;
  --visited-title-color: #111;
  --combo-bg: #fff;
  --combo-color: #111;
  --pill-bg: #111;
  --pill-color: #fff;
  --pill-bg-default: #a7a7c926;
  --pill-color-default: #111;
  --custom-input-field: rgba(17, 17, 17, 0.02);
  --custom-search-color: rgba(167, 167, 201, 0.15);
}

/* line 62, resources/assets/styles/common/variables.scss */

:root[data-theme="dark"] {
  --black: #fff;
  --white: #111;
  --red: #c9212b;
  --silver-grey: #797979;
  --light-grey: rgba(255, 255, 255, 0.06);
  --light-grey2: rgba(255, 255, 255, 0.16);
  --light-grey100: #1f1f1f;
  --card: #1c1c1c;
  --about-page-bg: #111;
  --partners-bg: #292929;
  --partner-black: #fff;
  --header-color: #1c1c1c;
  --visited-title-color: #fff;
  --combo-bg: #ffffff0f;
  --combo-color: #fff;
  --pill-bg: #fff;
  --pill-color: #111;
  --pill-bg-default: #ffffff0f;
  --pill-color-default: #fff;
  --custom-input-field: rgba(255, 255, 255, 0.03);
  --custom-search-color: rgba(255, 255, 255, 0.06);
}

/* line 1, resources/assets/styles/common/global.scss */

* {
  padding: 0;
  margin: 0;
}

/* line 6, resources/assets/styles/common/global.scss */

button,
input,
textarea,
select {
  outline: none;
}

/* line 13, resources/assets/styles/common/global.scss */

button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
}

/* line 20, resources/assets/styles/common/global.scss */

body {
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: var(--pill-color);
}

/* line 28, resources/assets/styles/common/global.scss */

.container {
  padding: 0 36px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1920px;
}

@media screen and (max-width: 768px) {
  /* line 28, resources/assets/styles/common/global.scss */

  .container {
    padding: 0 16px;
  }
}

/* line 39, resources/assets/styles/common/global.scss */

.container_rg {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1040px;
}

@media screen and (max-width: 1024px) {
  /* line 39, resources/assets/styles/common/global.scss */

  .container_rg {
    padding: 0 24px;
  }
}

@media screen and (max-width: 520px) {
  /* line 39, resources/assets/styles/common/global.scss */

  .container_rg {
    padding: 0 16px;
  }
}

/* line 56, resources/assets/styles/common/global.scss */

.btn_primary {
  padding: 12px 24px;
  background: var(--pill-bg);
  color: var(--pill-color);
  border-radius: 12px;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

/* line 68, resources/assets/styles/common/global.scss */

.btn_primary:hover {
  opacity: 92% !important;
  background: var(--pill-color-default) !important;
}

/* line 74, resources/assets/styles/common/global.scss */

.btn_secondary {
  background: var(--light-grey);
  color: var(--black);
  padding: 12px 24px;
  font-size: 15px;
  border-radius: 12px;
  font-weight: 500;
  line-height: 20px;
}

/* line 83, resources/assets/styles/common/global.scss */

.btn_secondary:hover {
  background: rgba(167, 167, 201, 0.25);
}

/* line 89, resources/assets/styles/common/global.scss */

a {
  text-decoration: none;
  /* убирает подчёркивание */
  color: inherit;
  /* берёт цвет текста родителя */
}

/* line 94, resources/assets/styles/common/global.scss */

.logo {
  display: none;
}

/* line 98, resources/assets/styles/common/global.scss */

:root[data-theme="light"] .logo--light {
  display: block;
}

/* line 102, resources/assets/styles/common/global.scss */

:root[data-theme="dark"] .logo--dark {
  display: block;
}

/* Components */

/* line 1, resources/assets/styles/components/header/wrap.scss */

.header {
  padding: 12px 0;
  position: sticky;
  top: 0;
  z-index: 100;
}

/* line 7, resources/assets/styles/components/header/wrap.scss */

.header.active {
  -webkit-box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
  background: var(--card);
  z-index: 100;
}

/* line 13, resources/assets/styles/components/header/wrap.scss */

.header__logo {
  width: 350px;
}

/* line 17, resources/assets/styles/components/header/wrap.scss */

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 976px) {
  /* line 23, resources/assets/styles/components/header/wrap.scss */

  .header__menu {
    display: none;
  }
}

/* line 29, resources/assets/styles/components/header/wrap.scss */

.header__menu .menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 37, resources/assets/styles/components/header/wrap.scss */

.header__menu .menu__link {
  text-decoration: none;
  color: var(--black);
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

/* line 45, resources/assets/styles/components/header/wrap.scss */

.header__menu .menu__link:hover {
  opacity: 92%;
}

/* line 52, resources/assets/styles/components/header/wrap.scss */

.header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 350px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 60, resources/assets/styles/components/header/wrap.scss */

.header__login {
  padding: 12px 24px;
  background: var(--pill-bg);
  color: var(--pill-color);
  border-radius: 12px;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

/* line 72, resources/assets/styles/components/header/wrap.scss */

.header__login:hover {
  opacity: 92% !important;
  background: var(--pill-color-default) !important;
}

@media screen and (max-width: 768px) {
  /* line 60, resources/assets/styles/components/header/wrap.scss */

  .header__login {
    padding: 12px;
    font-size: 0;
    gap: 0;
  }
}

/* line 84, resources/assets/styles/components/header/wrap.scss */

.header__register {
  padding: 12px 24px;
  background: var(--light-grey);
  color: var(--black);
  border-radius: 12px;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}

/* line 94, resources/assets/styles/components/header/wrap.scss */

.header__register:hover {
  background: rgba(167, 167, 201, 0.25);
}

/* line 99, resources/assets/styles/components/header/wrap.scss */

.header__change-theme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  background: var(--light-grey);
  border-radius: 12px;
  text-decoration: none;
}

/* line 108, resources/assets/styles/components/header/wrap.scss */

.header__change-theme:hover {
  background: rgba(167, 167, 201, 0.25);
}

@media screen and (max-width: 976px) {
  /* line 99, resources/assets/styles/components/header/wrap.scss */

  .header__change-theme {
    display: none;
  }
}

/* line 117, resources/assets/styles/components/header/wrap.scss */

.header__hamburger {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  background: var(--light-grey);
  border-radius: 12px;
  text-decoration: none;
}

/* line 126, resources/assets/styles/components/header/wrap.scss */

.header__hamburger:hover {
  background: rgba(167, 167, 201, 0.25);
}

@media screen and (max-width: 976px) {
  /* line 117, resources/assets/styles/components/header/wrap.scss */

  .header__hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 136, resources/assets/styles/components/header/wrap.scss */

.mobile-menu {
  display: none;
  position: fixed;
  top: 65px;
  -webkit-box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
  padding: 16px;
  right: 38px;
  background: var(--card);
  border-radius: 12px;
  border: 1px solid rgba(17, 17, 17, 0.02);
  z-index: 99;
}

/* line 148, resources/assets/styles/components/header/wrap.scss */

.mobile-menu.active {
  display: block;
}

/* line 152, resources/assets/styles/components/header/wrap.scss */

.mobile-menu ul {
  list-style-type: none;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

/* line 160, resources/assets/styles/components/header/wrap.scss */

.mobile-menu ul li {
  margin-bottom: 12px;
  padding-top: 12px;
}

/* line 164, resources/assets/styles/components/header/wrap.scss */

.mobile-menu ul li:first-child {
  padding-top: 0;
}

/* line 168, resources/assets/styles/components/header/wrap.scss */

.mobile-menu ul li:last-child {
  margin-bottom: 0;
  padding-top: 12px;
  border-top: 1px solid var(--light-grey);
}

/* line 174, resources/assets/styles/components/header/wrap.scss */

.mobile-menu ul li a {
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  text-decoration: none;
  font-weight: 500;
}

/* line 185, resources/assets/styles/components/header/wrap.scss */

.theme-toggle-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}

/* line 192, resources/assets/styles/components/header/wrap.scss */

.header__hamburger svg {
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

/* line 196, resources/assets/styles/components/header/wrap.scss */

.icon-close {
  display: none;
}

/* line 200, resources/assets/styles/components/header/wrap.scss */

.header__hamburger.active .icon-burger {
  display: none;
}

/* line 204, resources/assets/styles/components/header/wrap.scss */

.header__hamburger.active .icon-close {
  display: inline;
}

/* line 1, resources/assets/styles/components/sections/wrap.scss */

.section {
  max-width: 752px;
  margin: auto;
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  /* line 1, resources/assets/styles/components/sections/wrap.scss */

  .section {
    padding-top: 60px;
  }
}

/* line 10, resources/assets/styles/components/sections/wrap.scss */

.section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}

/* line 16, resources/assets/styles/components/sections/wrap.scss */

.section__header h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: var(--black);
  margin: 0;
}

/* line 25, resources/assets/styles/components/sections/wrap.scss */

.section__link {
  font-size: 15px;
  line-height: 20px;
  color: var(--silver-grey);
  text-decoration: none;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}

@media screen and (max-width: 768px) {
  /* line 35, resources/assets/styles/components/sections/wrap.scss */

  .section__link span {
    display: none;
  }
}

/* line 41, resources/assets/styles/components/sections/wrap.scss */

.section__link:hover {
  color: var(--black);
}

/* line 45, resources/assets/styles/components/sections/wrap.scss */

.section__link:hover svg path {
  stroke: var(--black) !important;
}

/* line 2, resources/assets/styles/components/search/wrap.scss */

.search h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  color: var(--black);
  text-align: center;
  margin-top: 0;
}

/* line 11, resources/assets/styles/components/search/wrap.scss */

.search__img {
  text-align: center;
  margin-bottom: 36px;
}

/* line 15, resources/assets/styles/components/search/wrap.scss */

.search__img svg {
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
}

/* line 21, resources/assets/styles/components/search/wrap.scss */

.search__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--custom-input-field);
  gap: 12px;
  border: 1px solid var(--light-grey);
  border-radius: 16px;
  padding: 16px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 36px;
}

/* line 34, resources/assets/styles/components/search/wrap.scss */

.search__input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 17px;
  line-height: 24px;
  color: var(--black);
  width: 100%;
}

/* line 43, resources/assets/styles/components/search/wrap.scss */

.search__input::-webkit-input-placeholder {
  color: var(--silver-grey);
}

.search__input::-moz-placeholder {
  color: var(--silver-grey);
}

.search__input::-ms-input-placeholder {
  color: var(--silver-grey);
}

.search__input::placeholder {
  color: var(--silver-grey);
}

/* line 2, resources/assets/styles/components/table/wrap.scss */

.table__item {
  padding: 16px 0;
  border-top: 1px solid var(--light-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

/* line 10, resources/assets/styles/components/table/wrap.scss */

.table__item:first-of-type {
  display: none;
}

/* line 14, resources/assets/styles/components/table/wrap.scss */

.table__item:last-of-type {
  border-bottom: 1px solid var(--light-grey);
}

@media screen and (max-width: 768px) {
  /* line 2, resources/assets/styles/components/table/wrap.scss */

  .table__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* line 24, resources/assets/styles/components/table/wrap.scss */

.table__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

@media screen and (max-width: 768px) {
  /* line 24, resources/assets/styles/components/table/wrap.scss */

  .table__content {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 34, resources/assets/styles/components/table/wrap.scss */

  .table__users {
    width: 36px;
    height: 36px;
  }
}

/* line 41, resources/assets/styles/components/table/wrap.scss */

.table__title {
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  /* line 41, resources/assets/styles/components/table/wrap.scss */

  .table__title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
  }
}

/* line 54, resources/assets/styles/components/table/wrap.scss */

.table__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--silver-grey);
}

/* line 62, resources/assets/styles/components/table/wrap.scss */

.user-avatars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 65, resources/assets/styles/components/table/wrap.scss */

.user-avatars img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: -5px;
}

@media screen and (max-width: 768px) {
  /* line 65, resources/assets/styles/components/table/wrap.scss */

  .user-avatars img {
    display: none;
  }

  /* line 75, resources/assets/styles/components/table/wrap.scss */

  .user-avatars img:last-child {
    width: 36px;
    height: 36px;
    display: block;
  }
}

/* line 84, resources/assets/styles/components/table/wrap.scss */

.tag-pill {
  display: inline-block;
  /* или block */
}

/* line 88, resources/assets/styles/components/table/wrap.scss */

.tag-pill:not(:last-child)::after {
  content: "\B7";
  margin-left: 4px;
  margin-right: 4px;
}

/* line 94, resources/assets/styles/components/table/wrap.scss */

.tag-pill::first-letter {
  text-transform: uppercase;
}

/* line 1, resources/assets/styles/components/cards/wrap.scss */

.cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media screen and (max-width: 768px) {
  /* line 1, resources/assets/styles/components/cards/wrap.scss */

  .cards {
    grid-template-columns: 1fr;
  }
}

/* line 10, resources/assets/styles/components/cards/wrap.scss */

.cards__item {
  background: var(--card);
  border-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
  padding: 8px;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}

/* line 24, resources/assets/styles/components/cards/wrap.scss */

.cards:has(.cards__item:hover) .cards__item {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

/* line 29, resources/assets/styles/components/cards/wrap.scss */

.cards:has(.cards__item:hover) .cards__item:hover {
  -webkit-box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  background: var(--card);
}

/* line 36, resources/assets/styles/components/cards/wrap.scss */

.cards__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
}

/* line 43, resources/assets/styles/components/cards/wrap.scss */

.cards__title {
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  color: var(--black);
}

/* line 50, resources/assets/styles/components/cards/wrap.scss */

.cards__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: var(--silver-grey);
}

/* stylelint-disable no-descending-specificity */

/* line 3, resources/assets/styles/components/fond-page/wrap.scss */

.page-fond {
  background: var(--about-page-bg);
}

/* line 7, resources/assets/styles/components/fond-page/wrap.scss */

.main-section {
  text-align: center;
  margin: auto;
  padding-top: 100px;
  max-width: 1040px !important;
}

/* line 13, resources/assets/styles/components/fond-page/wrap.scss */

.main-section h3 {
  font-size: 13px;
  color: var(--red);
  line-height: 120%;
  letter-spacing: 16%;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  /* line 13, resources/assets/styles/components/fond-page/wrap.scss */

  .main-section h3 {
    font-size: 13px;
  }
}

/* line 26, resources/assets/styles/components/fond-page/wrap.scss */

.main-section h1 {
  font-size: 72px;
  font-weight: 700;
  color: var(--black);
  letter-spacing: -3%;
  line-height: 90%;
  margin-top: 12px;
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  /* line 26, resources/assets/styles/components/fond-page/wrap.scss */

  .main-section h1 {
    font-size: 60px;
  }
}

@media screen and (max-width: 520px) {
  /* line 26, resources/assets/styles/components/fond-page/wrap.scss */

  .main-section h1 {
    font-size: 48px;
  }
}

@media screen and (max-width: 490px) {
  /* line 26, resources/assets/styles/components/fond-page/wrap.scss */

  .main-section h1 {
    font-size: 38px;
  }
}

/* line 48, resources/assets/styles/components/fond-page/wrap.scss */

.main-section__img {
  text-align: center;
  margin-bottom: 36px;
}

/* line 52, resources/assets/styles/components/fond-page/wrap.scss */

.main-section__img svg {
  border-radius: 16px;
  -webkit-box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.08);
}

/* line 59, resources/assets/styles/components/fond-page/wrap.scss */

.partners {
  --gap: 12px;
}

/* line 62, resources/assets/styles/components/fond-page/wrap.scss */

.partners__title {
  padding-left: 36px;
  padding-right: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1023px) {
  /* line 62, resources/assets/styles/components/fond-page/wrap.scss */

  .partners__title {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 75, resources/assets/styles/components/fond-page/wrap.scss */

.partners__controls {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

@media (max-width: 1023px) {
  /* line 75, resources/assets/styles/components/fond-page/wrap.scss */

  .partners__controls {
    display: none;
  }
}

/* line 85, resources/assets/styles/components/fond-page/wrap.scss */

.partners__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid var(--stroke, #e7e7e7);
  background: var(--card, #fff);
  color: var(--black);
  -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  -o-transition: opacity 0.15s ease, -o-transform 0.15s ease;
  transition: transform 0.15s ease, opacity 0.15s ease;
  transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease, -o-transform 0.15s ease;
}

/* line 97, resources/assets/styles/components/fond-page/wrap.scss */

.partners__btn:hover {
  -webkit-transform: translateY(-1px);
       -o-transform: translateY(-1px);
          transform: translateY(-1px);
}

/* line 101, resources/assets/styles/components/fond-page/wrap.scss */

.partners__btn:active {
  -webkit-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

/* line 105, resources/assets/styles/components/fond-page/wrap.scss */

.partners__btn:disabled {
  opacity: 0.4;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  /* line 59, resources/assets/styles/components/fond-page/wrap.scss */

  .partners {
    overflow: scroll;
  }
}

/* line 115, resources/assets/styles/components/fond-page/wrap.scss */

.partners__viewport {
  overflow: hidden;
}

@media (max-width: 1023px) {
  /* line 115, resources/assets/styles/components/fond-page/wrap.scss */

  .partners__viewport {
    overflow-x: auto;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
}

/* line 125, resources/assets/styles/components/fond-page/wrap.scss */

.partners__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  scroll-behavior: smooth;
  will-change: transform;
}

@media screen and (max-width: 768px) {
  /* line 125, resources/assets/styles/components/fond-page/wrap.scss */

  .partners__track {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
  }
}

/* line 137, resources/assets/styles/components/fond-page/wrap.scss */

.partners__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media screen and (max-width: 768px) {
  /* line 137, resources/assets/styles/components/fond-page/wrap.scss */

  .partners__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
  }
}

/* line 148, resources/assets/styles/components/fond-page/wrap.scss */

.partners__item {
  background: var(--card);
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 12px * 2) / 3);
          flex: 0 0 calc((100% - 12px * 2) / 3);
}

@media screen and (max-width: 1023px) {
  /* line 148, resources/assets/styles/components/fond-page/wrap.scss */

  .partners__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
            flex: 0 0 340px;
  }
}

/* line 164, resources/assets/styles/components/fond-page/wrap.scss */

.partners__text {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

/* line 170, resources/assets/styles/components/fond-page/wrap.scss */

.partners__text span {
  font-size: 17px;
  color: var(--black);
  font-weight: 500;
}

/* line 176, resources/assets/styles/components/fond-page/wrap.scss */

.partners__text p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  color: var(--silver-grey);
}

/* line 186, resources/assets/styles/components/fond-page/wrap.scss */

.partners__image {
  background: var(--partners-bg);
  height: 185px;
  width: 100%;
  border-radius: 24px;
  -moz-text-align-last: center;
       text-align-last: center;
}

@media screen and (max-width: 768px) {
  /* line 195, resources/assets/styles/components/fond-page/wrap.scss */

  .napravleniya {
    overflow: scroll;
  }
}

/* line 200, resources/assets/styles/components/fond-page/wrap.scss */

.napravleniya__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media screen and (max-width: 768px) {
  /* line 200, resources/assets/styles/components/fond-page/wrap.scss */

  .napravleniya__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
  }
}

/* line 211, resources/assets/styles/components/fond-page/wrap.scss */

.napravleniya__item {
  background: var(--card);
  border-radius: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  /* line 211, resources/assets/styles/components/fond-page/wrap.scss */

  .napravleniya__item {
    width: 340px;
  }
}

/* line 224, resources/assets/styles/components/fond-page/wrap.scss */

.napravleniya__image {
  font-size: 0;
}

/* line 227, resources/assets/styles/components/fond-page/wrap.scss */

.napravleniya__image img {
  width: 100%;
}

/* line 232, resources/assets/styles/components/fond-page/wrap.scss */

.napravleniya__text {
  padding: 36px 36px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

/* line 238, resources/assets/styles/components/fond-page/wrap.scss */

.napravleniya__text span {
  font-size: 17px;
  color: var(--black);
  font-weight: 500;
}

/* line 244, resources/assets/styles/components/fond-page/wrap.scss */

.napravleniya__text p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 400;
  color: var(--silver-grey);
  line-height: 150%;
}

/* line 255, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner {
  width: 100%;
  background: var(--red);
  border-radius: 90px;
  position: relative;
  margin-top: 240px;
  padding-bottom: 240px;
}

@media screen and (max-width: 480px) {
  /* line 255, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner {
    margin-top: 180px;
    padding-bottom: 168px;
  }
}

/* line 268, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__bottom {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #c9212bff), to(#c9212b00));
  background: -webkit-linear-gradient(bottom, #c9212bff 70%, #c9212b00 100%);
  background: -o-linear-gradient(bottom, #c9212bff 70%, #c9212b00 100%);
  background: linear-gradient(to top, #c9212bff 70%, #c9212b00 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 90px 90px;
}

@media screen and (max-width: 768px) {
  /* line 268, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__bottom {
    border-radius: 0 0 60px 60px;
  }
}

@media screen and (max-width: 480px) {
  /* line 268, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__bottom {
    border-radius: 0 0 36px 36px;
  }
}

/* line 284, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 36px 40px 94px;
}

@media screen and (max-width: 768px) {
  /* line 284, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons {
    padding: 36px 24px 94px;
  }
}

@media screen and (max-width: 480px) {
  /* line 284, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons {
    padding: 36px 16px 94px;
  }
}

@media screen and (max-width: 479px) {
  /* line 284, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons {
    padding: 36px 16px 24px;
  }
}

@media screen and (max-width: 390px) {
  /* line 284, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons {
    padding: 36px 24px 24px;
  }
}

/* line 306, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__buttons .long {
  padding: 24px 10px;
  background: #fff;
  color: #111;
  font-size: 17px;
  font-weight: 500;
  border-radius: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 319, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__buttons .long:hover {
  color: #c9212b;
}

@media screen and (max-width: 768px) {
  /* line 306, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons .long {
    padding: 16px 10px;
    border-radius: 16px;
  }
}

@media screen and (max-width: 390px) {
  /* line 306, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons .long {
    border-radius: 12px;
    padding: 12px 10px;
    font-size: 15px;
    font-weight: 500;
  }
}

/* line 336, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__buttons .icon {
  background: #fff;
  color: #111;
  width: 72px;
  height: 72px;
  border-radius: 20px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 768px) {
  /* line 336, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons .icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
  }

  /* line 352, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons .icon svg {
    width: 28px;
    height: 28px;
  }
}

@media screen and (max-width: 390px) {
  /* line 336, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons .icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  /* line 363, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__buttons .icon svg {
    width: 22px;
    height: 22px;
  }
}

/* line 371, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text {
  text-align: center;
  padding-left: 36px;
  padding-right: 36px;
  margin: auto;
  margin-bottom: 36px;
  /* stylelint-disable-next-line media-feature-name-no-unknown */
}

/* line 378, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text span {
  font-size: 38px;
  color: #ffff;
  line-height: 130%;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  /* line 378, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text span {
    font-size: 34px;
  }
}

@media screen and (max-width: 520px) {
  /* line 378, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text span {
    font-size: 24px;
  }
}

@media screen and (max-width: 490px) {
  /* line 378, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text span {
    font-size: 20px;
  }
}

/* line 397, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .text-slider__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 24px 16px;
}

/* line 403, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .text-slider__nav .nav-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  max-width: 70px;
  height: 4px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  overflow: hidden;
  cursor: pointer;
  border: 0;
}

/* line 414, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .text-slider__nav .nav-item::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 0%;
  background: #fff;
  border-radius: inherit;
}

/* line 425, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .text-slider__nav .nav-item.is-active::after {
  -webkit-animation: sliderProgress var(--dur, 10s) linear forwards;
       -o-animation: sliderProgress var(--dur, 10s) linear forwards;
          animation: sliderProgress var(--dur, 10s) linear forwards;
}

/* line 429, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .text-slider__nav .nav-item.is-complete::after {
  width: 100%;
}

@-webkit-keyframes sliderProgress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@-o-keyframes sliderProgress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@keyframes sliderProgress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

/* line 444, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .text-slider {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease;
}

/* line 450, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-transform: translateY(8px);
       -o-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, -webkit-transform 0.6s ease;
  -o-transition: opacity 0.6s ease, -o-transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease;
  transition: opacity 0.6s ease, transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 459, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .slide span {
  font-size: 34px;
  color: #fff;
  line-height: 130%;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 468, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text .slide span {
    font-size: 34px;
  }
}

@media (max-width: 520px) {
  /* line 474, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text .slide span {
    font-size: 24px;
  }
}

@media (max-width: 490px) {
  /* line 480, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text .slide span {
    font-size: 20px;
  }
}

@media (max-width: 380px) {
  /* line 486, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text .slide span {
    font-size: 17px;
  }
}

/* line 492, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__text .slide.is-active {
  position: relative;
  opacity: 1;
  -webkit-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  /* line 500, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text .text-slider {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  /* line 504, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text .slide {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

  /* line 508, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text .text-slider__nav .nav-item.is-active::after {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
    width: 100%;
  }
}

@media screen and (max-width: 520px) {
  /* line 371, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__text {
    margin-bottom: 0;
    padding: 0 16px;
  }
}

/* line 521, resources/assets/styles/components/fond-page/wrap.scss */

.main-banner__picture img {
  width: 100%;
  margin-top: -240px;
}

@media screen and (max-width: 490px) {
  /* line 521, resources/assets/styles/components/fond-page/wrap.scss */

  .main-banner__picture img {
    margin-top: -180px;
  }
}

/* line 532, resources/assets/styles/components/fond-page/wrap.scss */

.history-block {
  position: relative;
  max-width: 1040px;
  background: var(--card);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  border-radius: 36px;
  margin-top: -60px;
  margin-left: 40px;
  margin-right: 40px;
}

@media screen and (max-width: 1024px) {
  /* line 532, resources/assets/styles/components/fond-page/wrap.scss */

  .history-block {
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media screen and (max-width: 520px) {
  /* line 532, resources/assets/styles/components/fond-page/wrap.scss */

  .history-block {
    margin-left: 16px;
    margin-right: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}

@media screen and (max-width: 479px) {
  /* line 532, resources/assets/styles/components/fond-page/wrap.scss */

  .history-block {
    margin-top: 16px;
  }
}

@media screen and (max-width: 520px) {
  /* line 562, resources/assets/styles/components/fond-page/wrap.scss */

  .history-block__action {
    width: 100%;
  }
}

/* line 567, resources/assets/styles/components/fond-page/wrap.scss */

.history-block__action a {
  cursor: pointer !important;
}

@media screen and (max-width: 520px) {
  /* line 567, resources/assets/styles/components/fond-page/wrap.scss */

  .history-block__action a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* line 577, resources/assets/styles/components/fond-page/wrap.scss */

.history-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 8px;
}

@media screen and (max-width: 520px) {
  /* line 577, resources/assets/styles/components/fond-page/wrap.scss */

  .history-block__content {
    width: 100%;
  }
}

/* line 588, resources/assets/styles/components/fond-page/wrap.scss */

.history-block__content .image img {
  width: 68px;
  height: 68px;
  border-radius: 200px;
}

/* line 595, resources/assets/styles/components/fond-page/wrap.scss */

.history-block__content .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

/* line 600, resources/assets/styles/components/fond-page/wrap.scss */

.history-block__content .content .name {
  font-size: 17px;
  color: var(--black);
  font-weight: 500;
}

/* line 606, resources/assets/styles/components/fond-page/wrap.scss */

.history-block__content .content .description {
  font-size: 15px;
  color: var(--silver-grey);
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  /* line 612, resources/assets/styles/components/fond-page/wrap.scss */

  .history-block__content .content .description span {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  /* line 621, resources/assets/styles/components/fond-page/wrap.scss */

  .feedback {
    overflow: scroll;
  }
}

/* line 626, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media screen and (max-width: 768px) {
  /* line 626, resources/assets/styles/components/fond-page/wrap.scss */

  .feedback__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
  }
}

@media screen and (max-width: 520px) {
  /* line 626, resources/assets/styles/components/fond-page/wrap.scss */

  .feedback__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 12px;
    width: 100%;
  }
}

/* line 643, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__item {
  border-radius: 36px;
  background: var(--card);
  padding: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

@media screen and (max-width: 768px) {
  /* line 643, resources/assets/styles/components/fond-page/wrap.scss */

  .feedback__item {
    width: 340px;
  }
}

@media screen and (max-width: 520px) {
  /* line 643, resources/assets/styles/components/fond-page/wrap.scss */

  .feedback__item {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100vw - 32px);
            flex: 0 0 calc(100vw - 32px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
}

/* line 662, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__item_create {
  border-radius: 36px;
  background: var(--black);
  padding: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  /* line 662, resources/assets/styles/components/fond-page/wrap.scss */

  .feedback__item_create {
    width: 340px;
  }
}

@media screen and (max-width: 768px) {
  /* line 662, resources/assets/styles/components/fond-page/wrap.scss */

  .feedback__item_create {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100vw - 32px);
            flex: 0 0 calc(100vw - 32px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

/* line 683, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__user .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 689, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__user .user__image img {
  width: 60px;
  height: 60px;
  border-radius: 200px;
}

/* line 696, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__user .user__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

/* line 702, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__user .user__name {
  font-size: 17px;
  color: var(--black);
  font-weight: 500;
}

/* line 708, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__user .user__age {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  color: var(--silver-grey);
}

/* line 720, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__body p {
  margin: 0;
  padding: 0;
  color: var(--black);
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
}

/* line 731, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__action a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

/* line 738, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__action_create a {
  background: var(--card);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 743, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__action_create a:hover {
  background-color: var(--card) !important;
  color: #c9212b !important;
}

/* line 751, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

/* line 758, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__slogan p {
  margin: 0;
  padding: 0;
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

/* line 766, resources/assets/styles/components/fond-page/wrap.scss */

.feedback__slogan p span {
  color: #ff8f33;
}

/* line 774, resources/assets/styles/components/fond-page/wrap.scss */

.divided__title {
  padding: 0 36px;
  margin-bottom: 60px;
}

@media screen and (max-width: 1024px) {
  /* line 774, resources/assets/styles/components/fond-page/wrap.scss */

  .divided__title {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 490px) {
  /* line 774, resources/assets/styles/components/fond-page/wrap.scss */

  .divided__title {
    margin-bottom: 36px;
  }
}

/* line 786, resources/assets/styles/components/fond-page/wrap.scss */

.divided__title h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 130%;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  /* line 786, resources/assets/styles/components/fond-page/wrap.scss */

  .divided__title h2 {
    font-size: 38px;
    justify-self: center;
  }
}

@media screen and (max-width: 768px) {
  /* line 786, resources/assets/styles/components/fond-page/wrap.scss */

  .divided__title h2 {
    font-size: 34px;
  }
}

@media screen and (max-width: 520px) {
  /* line 786, resources/assets/styles/components/fond-page/wrap.scss */

  .divided__title h2 {
    font-size: 32px;
  }

  /* line 804, resources/assets/styles/components/fond-page/wrap.scss */

  .divided__title h2 br {
    display: none;
  }
}

@media screen and (max-width: 490px) {
  /* line 786, resources/assets/styles/components/fond-page/wrap.scss */

  .divided__title h2 {
    font-size: 28px;
  }
}

/* line 816, resources/assets/styles/components/fond-page/wrap.scss */

.about-section {
  margin-top: 120px;
}

@media screen and (max-width: 1024px) {
  /* line 816, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section {
    margin-top: 80px;
  }
}

@media screen and (max-width: 490px) {
  /* line 816, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section {
    margin-top: 60px;
  }
}

/* line 827, resources/assets/styles/components/fond-page/wrap.scss */

.about-section_divided {
  margin-top: 120px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12px;
}

@media screen and (max-width: 1024px) {
  /* line 827, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section_divided {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  /* line 827, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section_divided {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 520px) {
  /* line 827, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section_divided {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}

@media screen and (max-width: 490px) {
  /* line 827, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section_divided {
    margin-top: 60px;
  }
}

/* line 852, resources/assets/styles/components/fond-page/wrap.scss */

.about-section__title {
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  /* line 852, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section__title {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 490px) {
  /* line 852, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section__title {
    margin-bottom: 36px;
  }
}

/* line 864, resources/assets/styles/components/fond-page/wrap.scss */

.about-section__title h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 130%;
  color: var(--black);
}

@media screen and (max-width: 768px) {
  /* line 864, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section__title h2 {
    font-size: 34px;
  }
}

@media screen and (max-width: 520px) {
  /* line 864, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section__title h2 {
    font-size: 32px;
  }

  /* line 877, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section__title h2 br {
    display: none;
  }
}

@media screen and (max-width: 490px) {
  /* line 864, resources/assets/styles/components/fond-page/wrap.scss */

  .about-section__title h2 {
    font-size: 28px;
  }
}

/* line 889, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card {
  background: var(--card);
  padding: 36px;
  border-radius: 36px;
}

/* line 894, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 899, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .label {
  font-size: 15px;
  font-weight: 500;
  color: var(--silver-grey);
}

/* line 905, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .value {
  font-size: 15px;
  font-weight: 500;
  color: var(--black);
  line-height: 150%;
  position: relative;
  padding-right: 28px;
}

/* line 913, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .value .copy-btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 4px;
  cursor: pointer;
}

/* line 925, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .value .copy-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--red);
}

/* line 932, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .value:hover {
  color: var(--red);
}

/* line 935, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .value:hover .copy-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* line 941, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .row {
  display: grid;
  grid-template-columns: 280px 1fr;
  /* метка + значение */
  gap: 12px;
  border-bottom: 1px solid var(--light-grey);
  padding: 24px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
}

/* line 950, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .row:first-of-type {
  padding: 0;
  padding-bottom: 24px;
}

@media screen and (max-width: 520px) {
  /* line 941, resources/assets/styles/components/fond-page/wrap.scss */

  .rec-card .row {
    grid-template-columns: 1fr;
    /* метка + значение */
  }
}

/* line 960, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .row:hover .label {
  color: var(--black);
}

/* line 964, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .row:hover .value {
  color: var(--red);
}

/* line 969, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .row:last-child {
  border-bottom: 0;
}

/* line 974, resources/assets/styles/components/fond-page/wrap.scss */

.rec-card .perevod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 982, resources/assets/styles/components/fond-page/wrap.scss */

.files-card {
  background: var(--card);
  padding: 36px;
  border-radius: 36px;
}

/* line 987, resources/assets/styles/components/fond-page/wrap.scss */

.files-card .btn_secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 992, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

/* line 998, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid var(--light-grey);
  padding-bottom: 24px;
  padding-top: 24px;
}

/* line 1006, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__item:first-child {
  padding-top: 0;
}

/* line 1010, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__item:last-of-type {
  border-bottom: 0;
}

/* line 1015, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

/* line 1021, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__name {
  font-size: 15px;
  font-weight: 500;
  color: var(--black);
}

/* line 1027, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__size {
  font-size: 13px;
  font-weight: 500;
  color: var(--silver-grey);
}

/* line 1034, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__action a {
  background: var(--light-grey);
  color: var(--black);
  padding: 12px;
  font-size: 15px;
  border-radius: 12px;
  font-weight: 500;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 1045, resources/assets/styles/components/fond-page/wrap.scss */

.files-card__action a:hover {
  background: rgba(167, 167, 201, 0.25);
}

/* line 1052, resources/assets/styles/components/fond-page/wrap.scss */

.quote-card {
  width: 320px;
  background: var(--card);
  padding: 24px;
  position: absolute;
  bottom: 30px;
  right: -100px;
  border-radius: 36px;
  -webkit-box-shadow: 0 4px 28px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 28px rgba(0, 0, 0, 0.08);
  display: none;
  z-index: 99;
}

/* line 1064, resources/assets/styles/components/fond-page/wrap.scss */

.quote-card__body {
  margin-top: 16px;
}

/* line 1067, resources/assets/styles/components/fond-page/wrap.scss */

.quote-card__body p {
  margin: 0;
  padding: 0;
  color: var(--black);
  font-size: 13px;
  line-height: 150%;
  font-weight: 500;
}

/* line 1077, resources/assets/styles/components/fond-page/wrap.scss */

.quote-card__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 1082, resources/assets/styles/components/fond-page/wrap.scss */

.quote-card__user img {
  width: 36px !important;
  height: 36px !important;
  border: 200px;
}

/* line 1088, resources/assets/styles/components/fond-page/wrap.scss */

.quote-card__user span {
  font-size: 15px;
  font-weight: 600;
  color: var(--black);
}

/* ✅ Мобильная адаптация quote-card */

@media screen and (max-width: 768px) {
  /* line 1098, resources/assets/styles/components/fond-page/wrap.scss */

  .team__quote {
    position: relative;
    /* якорь для абсолютного позиционирования карточки */
    /* показывать не только по hover, но и по фокусу */
    /* можно открывать по тапу классом */
  }

  /* line 1102, resources/assets/styles/components/fond-page/wrap.scss */

  .team__quote:focus-within .quote-card {
    display: block;
  }

  /* line 1106, resources/assets/styles/components/fond-page/wrap.scss */

  .team__quote.is-open .quote-card {
    display: block;
  }

  /* line 1111, resources/assets/styles/components/fond-page/wrap.scss */

  .quote-card {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    bottom: auto;
    right: 50%;
    left: 50%;
    top: -8px;
    -webkit-transform: translate(-50%, -100%) translateY(-8px);
         -o-transform: translate(-50%, -100%) translateY(-8px);
            transform: translate(-50%, -100%) translateY(-8px);
    /* ширина под экран, с безопасными отступами */
    width: calc(100vw - 32px);
    /* если текста много — не вылезаем по высоте (без min()) */
    max-height: 60vh;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    padding: 16px;
    border-radius: 16px;
    margin-top: env(safe-area-inset-top, 0);
  }
}

@media screen and (max-width: 768px) and (min-width: 392px) {
  /* line 1111, resources/assets/styles/components/fond-page/wrap.scss */

  .quote-card {
    width: 360px;
  }
}

@media screen and (max-width: 768px) and (min-height: 800px) {
  /* line 1111, resources/assets/styles/components/fond-page/wrap.scss */

  .quote-card {
    max-height: 480px;
  }
}

@media screen and (max-width: 768px) {
  /* переворачиваем "хвостик" вниз и центрируем его по карточке */

  /* line 1141, resources/assets/styles/components/fond-page/wrap.scss */

  .quote-card::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 50%;
    -webkit-transform: translateX(50%) rotate(225deg);
         -o-transform: translateX(50%) rotate(225deg);
            transform: translateX(50%) rotate(225deg);
    width: 12px;
    height: 12px;
    background: var(--card);
    border-right: 1px solid var(--border, rgba(0, 0, 0, 0.08));
    border-bottom: 1px solid var(--border, rgba(0, 0, 0, 0.08));
  }
}

/* line 1156, resources/assets/styles/components/fond-page/wrap.scss */

.team__wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media screen and (max-width: 1024px) {
  /* line 1156, resources/assets/styles/components/fond-page/wrap.scss */

  .team__wrap {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 768px) {
  /* line 1156, resources/assets/styles/components/fond-page/wrap.scss */

  .team__wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 520px) {
  /* line 1156, resources/assets/styles/components/fond-page/wrap.scss */

  .team__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 1174, resources/assets/styles/components/fond-page/wrap.scss */

.team__wrap_quadro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

/* line 1180, resources/assets/styles/components/fond-page/wrap.scss */

.team__wrap_quadro .team__element {
  width: 192px;
}

/* line 1186, resources/assets/styles/components/fond-page/wrap.scss */

.team__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 1194, resources/assets/styles/components/fond-page/wrap.scss */

.team__photo {
  position: relative;
}

/* line 1197, resources/assets/styles/components/fond-page/wrap.scss */

.team__photo .avatar-initial {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 1212, resources/assets/styles/components/fond-page/wrap.scss */

.team__photo .avatar-initial--sm {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}

/* line 1225, resources/assets/styles/components/fond-page/wrap.scss */

.team__photo img {
  width: 120px;
  height: 120px;
  border-radius: 200px;
}

/* line 1232, resources/assets/styles/components/fond-page/wrap.scss */

.team__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 1239, resources/assets/styles/components/fond-page/wrap.scss */

.team__name {
  font-size: 15px;
  font-weight: 500;
  color: var(--black);
  text-align: center;
}

/* line 1246, resources/assets/styles/components/fond-page/wrap.scss */

.team__quote {
  width: 28px;
  height: 28px;
  background: var(--card);
  border-radius: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 1259, resources/assets/styles/components/fond-page/wrap.scss */

.team__quote svg path {
  fill: var(--silver-grey);
}

/* line 1265, resources/assets/styles/components/fond-page/wrap.scss */

.team__quote:hover .quote-card {
  display: block;
}

/* line 1270, resources/assets/styles/components/fond-page/wrap.scss */

.team__quote:hover svg path {
  fill: var(--red) !important;
}

/* line 1277, resources/assets/styles/components/fond-page/wrap.scss */

.team__position {
  font-size: 13px;
  font-weight: 500;
  color: var(--silver-grey);
  text-align: center;
  line-height: 150%;
}

/* line 1286, resources/assets/styles/components/fond-page/wrap.scss */

.team__element:nth-last-child(-n + 4) {
  grid-column: span 1;
}

/* line 1293, resources/assets/styles/components/fond-page/wrap.scss */

#vk-icon:hover svg path {
  fill: #0277ff !important;
}

/* line 1303, resources/assets/styles/components/fond-page/wrap.scss */

#tg-icon:hover svg path {
  fill: #08c !important;
}

/* line 1310, resources/assets/styles/components/fond-page/wrap.scss */

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 36px;
  margin-bottom: 0;
}

/* line 1316, resources/assets/styles/components/fond-page/wrap.scss */

.form_text {
  border: 1px solid var(--light-grey);
  background: var(--custom-input-field);
  padding: 12px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 12px;
  margin-bottom: 16px;
  color: var(--black);
}

/* line 1326, resources/assets/styles/components/fond-page/wrap.scss */

.form_text::-webkit-input-placeholder {
  color: var(--silver-grey);
}

.form_text::-moz-placeholder {
  color: var(--silver-grey);
}

.form_text::-ms-input-placeholder {
  color: var(--silver-grey);
}

.form_text::placeholder {
  color: var(--silver-grey);
}

/* line 1331, resources/assets/styles/components/fond-page/wrap.scss */

.form_textarea {
  border: 1px solid var(--light-grey);
  background: var(--custom-input-field);
  padding: 12px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 12px;
  margin-bottom: 16px;
  color: var(--black);
  resize: vertical;
  font-family: "Inter", sans-serif;
}

/* line 1343, resources/assets/styles/components/fond-page/wrap.scss */

.form_textarea::-webkit-input-placeholder {
  color: var(--silver-grey);
}

.form_textarea::-moz-placeholder {
  color: var(--silver-grey);
}

.form_textarea::-ms-input-placeholder {
  color: var(--silver-grey);
}

.form_textarea::placeholder {
  color: var(--silver-grey);
}

/* line 1348, resources/assets/styles/components/fond-page/wrap.scss */

.form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 24px;
}

/* line 1355, resources/assets/styles/components/fond-page/wrap.scss */

.form-checkbox input[type="checkbox"] {
  /* stylelint-disable-next-line property-no-unknown */
  accent-color: var(--black);
}

/* line 1360, resources/assets/styles/components/fond-page/wrap.scss */

.form-checkbox label {
  font-size: 15px;
  color: var(--black);
  line-height: 150%;
  font-weight: 500;
}

/* line 1366, resources/assets/styles/components/fond-page/wrap.scss */

.form-checkbox label a {
  color: var(--red);
}

/* line 1372, resources/assets/styles/components/fond-page/wrap.scss */

.form button {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 1381, resources/assets/styles/components/fond-page/wrap.scss */

.quote-right {
  -webkit-transform: translate(-38%, calc(-100% - 8px));
       -o-transform: translate(-38%, calc(-100% - 8px));
          transform: translate(-38%, calc(-100% - 8px));
}

/* line 1385, resources/assets/styles/components/fond-page/wrap.scss */

.quote-left {
  -webkit-transform: translate(-88%, calc(-100% - 8px));
       -o-transform: translate(-88%, calc(-100% - 8px));
          transform: translate(-88%, calc(-100% - 8px));
}

/* line 1389, resources/assets/styles/components/fond-page/wrap.scss */

.avatar-initial {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 1, resources/assets/styles/components/events/wrap.scss */

.blog {
  background: var(--about-page-bg);
}

/* line 5, resources/assets/styles/components/events/wrap.scss */

.div-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100vh - 100px);
  gap: 24px;
}

/* line 11, resources/assets/styles/components/events/wrap.scss */

.div-flex .wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* line 15, resources/assets/styles/components/events/wrap.scss */

.div-flex .footer {
  margin-top: auto;
}

/* line 21, resources/assets/styles/components/events/wrap.scss */

.events .page-title {
  margin-top: 40px;
  margin-bottom: 36px;
  font-size: 38px;
  font-weight: 700;
  line-height: 130%;
  color: var(--black);
  justify-self: center;
  text-align: center;
}

@media screen and (max-width: 520px) {
  /* line 21, resources/assets/styles/components/events/wrap.scss */

  .events .page-title {
    font-size: 28px;
    margin-bottom: 24px;
    margin-top: 24px;
  }
}

/* line 38, resources/assets/styles/components/events/wrap.scss */

.events .follow-us {
  background: var(--light-grey);
  border-radius: 36px;
  padding: 24px 24px 24px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

@media screen and (max-width: 520px) {
  /* line 38, resources/assets/styles/components/events/wrap.scss */

  .events .follow-us {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 12px;
    gap: 8px;
    border-radius: 24px;
  }
}

/* line 54, resources/assets/styles/components/events/wrap.scss */

.events .follow-us__text {
  font-size: 17px;
  line-height: 150%;
  color: var(--black);
  font-weight: 500;
}

@media screen and (max-width: 520px) {
  /* line 54, resources/assets/styles/components/events/wrap.scss */

  .events .follow-us__text {
    font-size: 15px;
    font-weight: 500;
    padding: 12px;
  }
}

/* line 67, resources/assets/styles/components/events/wrap.scss */

.events .follow-us__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

/* line 73, resources/assets/styles/components/events/wrap.scss */

.events .follow-us__button_vk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #0277ff;
  padding: 10px 24px;
  gap: 10px;
  border-radius: 12px;
  color: #fff;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 86, resources/assets/styles/components/events/wrap.scss */

.events .follow-us__button_telegram {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #0088cc;
  padding: 10px 24px;
  gap: 10px;
  border-radius: 12px;
  color: #fff;
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 102, resources/assets/styles/components/events/wrap.scss */

.events-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 12px;
}

@media screen and (max-width: 520px) {
  /* line 102, resources/assets/styles/components/events/wrap.scss */

  .events-cards {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* line 112, resources/assets/styles/components/events/wrap.scss */

.events-cards__element {
  background: var(--card);
  border-radius: 36px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 520px) {
  /* line 112, resources/assets/styles/components/events/wrap.scss */

  .events-cards__element {
    border-radius: 24px;
  }
}

/* line 123, resources/assets/styles/components/events/wrap.scss */

.events-cards__element a {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 129, resources/assets/styles/components/events/wrap.scss */

.events-cards__image {
  width: 100%;
  max-height: 280px;
  height: 100%;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 768px) {
  /* line 129, resources/assets/styles/components/events/wrap.scss */

  .events-cards__image {
    height: auto;
  }
}

@media screen and (max-width: 520px) {
  /* line 129, resources/assets/styles/components/events/wrap.scss */

  .events-cards__image {
    border-radius: 12px;
  }
}

/* line 145, resources/assets/styles/components/events/wrap.scss */

.events-cards__content {
  padding: 24px;
}

/* line 149, resources/assets/styles/components/events/wrap.scss */

.events-cards__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  color: var(--black);
  margin-bottom: 8px;
}

/* line 157, resources/assets/styles/components/events/wrap.scss */

.events-cards__text {
  margin-bottom: 16px;
}

/* line 160, resources/assets/styles/components/events/wrap.scss */

.events-cards__text p {
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
  color: var(--silver-grey);
}

/* line 168, resources/assets/styles/components/events/wrap.scss */

.events-cards__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--silver-grey);
  font-size: 13px;
  line-height: 150%;
  font-weight: 400;
}

/* line 1, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 36px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 768px) {
  /* line 1, resources/assets/styles/components/detail-page/wrap.scss */

  .detail-page {
    grid-template-columns: 1fr;
  }
}

/* line 11, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__image {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
}

@media (max-width: 520px) {
  /* line 11, resources/assets/styles/components/detail-page/wrap.scss */

  .detail-page__image {
    border-radius: 16px;
  }
}

/* line 21, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__image a {
  position: absolute;
  inset: 0;
  display: block;
  text-decoration: none;
}

/* line 28, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__image img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: inherit;
  display: block;
  max-width: none !important;
  -webkit-transform: none !important;
       -o-transform: none !important;
          transform: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* line 44, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__content h1 {
  color: var(--black);
  font-weight: 600;
  line-height: 130%;
  font-size: 20px;
  margin-bottom: 16px;
}

@media (max-width: 520px) {
  /* line 44, resources/assets/styles/components/detail-page/wrap.scss */

  .detail-page__content h1 {
    font-size: 17px;
  }
}

/* line 56, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__content p {
  color: var(--black);
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  margin-top: 12px;
}

/* line 63, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__content p:first-of-type {
  margin-top: 0;
}

/* line 69, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__divider {
  height: 1px;
  background: var(--light-grey);
  width: 100%;
  margin: 24px 0;
}

/* line 76, resources/assets/styles/components/detail-page/wrap.scss */

.detail-page__postinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--silver-grey);
  font-size: 15px;
  line-height: 150%;
  font-weight: 400;
}

@media (max-width: 520px) {
  /* line 76, resources/assets/styles/components/detail-page/wrap.scss */

  .detail-page__postinfo {
    font-size: 13px;
  }
}

/* line 90, resources/assets/styles/components/detail-page/wrap.scss */

.detail__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--silver-grey);
  font-size: 15px;
  margin: 24px 0;
}

/* line 98, resources/assets/styles/components/detail-page/wrap.scss */

.detail__back:hover {
  color: var(--black);
}

/* line 101, resources/assets/styles/components/detail-page/wrap.scss */

.detail__back:hover svg path {
  stroke: var(--black) !important;
}

/* line 107, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider__viewport {
  height: auto !important;
}

/* line 111, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider {
  position: relative;
  width: 100%;
}

/* line 115, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__viewport {
  position: relative;
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  border-radius: 24px;
}

@media (max-width: 520px) {
  /* line 115, resources/assets/styles/components/detail-page/wrap.scss */

  .media-slider .media-slider__viewport {
    border-radius: 16px;
  }
}

/* line 127, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__track {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease, -o-transform 400ms ease;
  will-change: transform;
}

/* line 135, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__track.is-dragging {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* line 141, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__slide {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  height: 100%;
}

/* line 146, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__slide .media-slider__image,
.media-slider .media-slider__slide .media-slider__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* line 154, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__slide img,
.media-slider .media-slider__slide iframe,
.media-slider .media-slider__slide video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
  display: block;
}

/* line 167, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border: 1px solid var(--light-grey);
  display: grid;
  place-items: center;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

/* line 184, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__nav--prev {
  left: 10px;
}

/* line 188, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__nav--next {
  right: 10px;
}

/* line 192, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__nav:hover {
  background: #fff;
}

/* line 197, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  z-index: 3;
}

/* line 207, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/* line 215, resources/assets/styles/components/detail-page/wrap.scss */

.media-slider .media-slider__dot.is-active {
  background: #fff;
}

/* line 1, resources/assets/styles/components/modals/wrap.scss */

body.modal-open {
  overflow: hidden;
  padding-right: var(--scrollbar, 0);
}

/* line 6, resources/assets/styles/components/modals/wrap.scss */

.modal {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(6px);
       -o-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: opacity 0.2s ease, -o-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
}

/* line 17, resources/assets/styles/components/modals/wrap.scss */

.modal[aria-hidden="false"] {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: none;
       -o-transform: none;
          transform: none;
}

/* line 24, resources/assets/styles/components/modals/wrap.scss */

.modal__body p {
  color: var(--black);
  font-size: 15px;
  line-height: 150%;
  font-weight: 500;
}

/* line 32, resources/assets/styles/components/modals/wrap.scss */

.modal__longtext {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-wrap: break-word;
  word-break: break-word;
  height: 590px;
  padding-top: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 41, resources/assets/styles/components/modals/wrap.scss */

.modal__longtext p {
  font-size: 15px;
  line-height: 150%;
  color: var(--black);
  padding: 0;
  margin: 0;
  margin-top: 24px;
  margin-bottom: 24px;
}

/* line 50, resources/assets/styles/components/modals/wrap.scss */

.modal__longtext p:first-child {
  margin-top: 0;
}

/* line 54, resources/assets/styles/components/modals/wrap.scss */

.modal__longtext p:last-child {
  margin-bottom: 0;
}

/* line 60, resources/assets/styles/components/modals/wrap.scss */

.modal__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 16px;
}

/* line 67, resources/assets/styles/components/modals/wrap.scss */

.modal__user .image img {
  width: 60px;
  height: 60px;
  border-radius: 200px;
}

/* line 74, resources/assets/styles/components/modals/wrap.scss */

.modal__user .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

/* line 79, resources/assets/styles/components/modals/wrap.scss */

.modal__user .info .name {
  font-size: 17px;
  color: var(--black);
  font-weight: 500;
}

/* line 85, resources/assets/styles/components/modals/wrap.scss */

.modal__user .info .position {
  font-size: 15px;
  color: var(--silver-grey);
  font-weight: 500;
}

/* line 94, resources/assets/styles/components/modals/wrap.scss */

.modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.44);
}

/* line 100, resources/assets/styles/components/modals/wrap.scss */

.modal__dialog {
  position: relative;
  max-width: 720px;
  max-height: 720px;
  width: 100%;
  background: var(--card);
  border-radius: 36px;
  padding: 36px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 111, resources/assets/styles/components/modals/wrap.scss */

.modal__dialog_sm {
  position: relative;
  max-width: 400px;
  max-height: 720px;
  width: 100%;
  background: var(--card);
  border-radius: 36px;
  padding: 36px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 122, resources/assets/styles/components/modals/wrap.scss */

.modal__dialog_sm h2 {
  margin: 0;
  color: var(--black);
  font-size: 20px;
  font-weight: 700;
  padding: 0 12px;
}

/* line 132, resources/assets/styles/components/modals/wrap.scss */

.modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  background: none;
  cursor: pointer;
}

@media (max-width: 560px) {
  /* line 142, resources/assets/styles/components/modals/wrap.scss */

  .modal__dialog {
    border-radius: 14px;
    padding: 18px;
  }
}

/* line 148, resources/assets/styles/components/modals/wrap.scss */

.contact-menu {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

/* line 154, resources/assets/styles/components/modals/wrap.scss */

.contact-menu__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  border-radius: 24px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 163, resources/assets/styles/components/modals/wrap.scss */

.contact-menu__element .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

/* line 169, resources/assets/styles/components/modals/wrap.scss */

.contact-menu__element .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--light-grey);
  width: 44px;
  height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 179, resources/assets/styles/components/modals/wrap.scss */

.contact-menu__element .title {
  font-size: 15px;
  color: var(--black);
  font-weight: 500;
}

/* line 186, resources/assets/styles/components/modals/wrap.scss */

.contact-menu__element .action svg {
  stroke: var(--silver-grey);
}

/* line 191, resources/assets/styles/components/modals/wrap.scss */

.contact-menu__element:hover {
  background: var(--light-grey);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

/* line 196, resources/assets/styles/components/modals/wrap.scss */

.contact-menu__element:hover .action svg {
  stroke: var(--black);
}

/* line 204, resources/assets/styles/components/modals/wrap.scss */

.modal-title-witharrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
}

/* line 211, resources/assets/styles/components/modals/wrap.scss */

.modal__qr-image {
  max-width: 220px;
  height: auto;
}

/* line 1, resources/assets/styles/components/footer/wrap.scss */

.footer {
  margin-top: 100px;
  background: var(--custom-input-field);
  border-top: 1px solid var(--light-grey);
  padding: 24px 0;
}

/* line 7, resources/assets/styles/components/footer/wrap.scss */

.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

/* line 16, resources/assets/styles/components/footer/wrap.scss */

.footer__left span {
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  font-weight: 500;
}

/* line 24, resources/assets/styles/components/footer/wrap.scss */

.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 36px;
}

@media screen and (max-width: 768px) {
  /* line 24, resources/assets/styles/components/footer/wrap.scss */

  .footer__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

/* line 35, resources/assets/styles/components/footer/wrap.scss */

.footer__text {
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  font-weight: 500;
}

/* line 42, resources/assets/styles/components/footer/wrap.scss */

.footer__link {
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  font-weight: 500;
  cursor: pointer;
}

/* line 49, resources/assets/styles/components/footer/wrap.scss */

.footer__link:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  /* line 42, resources/assets/styles/components/footer/wrap.scss */

  .footer__link {
    display: none;
  }
}

/* line 59, resources/assets/styles/components/footer/wrap.scss */

.footer-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  /* line 59, resources/assets/styles/components/footer/wrap.scss */

  .footer-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
  }
}

/* line 69, resources/assets/styles/components/footer/wrap.scss */

.footer-mobile__link {
  font-size: 15px;
  line-height: 20px;
  color: var(--black);
  font-weight: 500;
  cursor: pointer;
}

/* line 76, resources/assets/styles/components/footer/wrap.scss */

.footer-mobile__link:hover {
  opacity: 0.8;
}


/*# sourceMappingURL=main.css.map*/