@charset "UTF-8";

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-ExtraBold.eot");
  src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("../fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Heavy.eot");
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("../fonts/Gilroy/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Heavy.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-LightItalic.eot");
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url("../fonts/Gilroy/Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-LightItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-ThinItalic.eot");
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url("../fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ThinItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-BlackItalic.eot");
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url("../fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-BlackItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-BoldItalic.eot");
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url("../fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-BoldItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-SemiBold.eot");
  src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("../fonts/Gilroy/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-SemiBold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-UltraLightItalic.eot");
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url("../fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-UltraLightItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-UltraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-SemiBoldItalic.eot");
  src: local("Gilroy SemiBold Italic"), local("Gilroy-SemiBoldItalic"), url("../fonts/Gilroy/Gilroy-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-SemiBoldItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Light.eot");
  src: local("Gilroy Light"), local("Gilroy-Light"), url("../fonts/Gilroy/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-MediumItalic.eot");
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url("../fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-MediumItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.eot");
  src: local("Gilroy ExtraBold Italic"), local("Gilroy-ExtraBoldItalic"), url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-HeavyItalic.eot");
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url("../fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-HeavyItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Medium.eot");
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url("../fonts/Gilroy/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-RegularItalic.eot");
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url("../fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-UltraLight.eot");
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url("../fonts/Gilroy/Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-UltraLight.woff") format("woff"), url("../fonts/Gilroy/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Bold.eot");
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url("../fonts/Gilroy/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Thin.eot");
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url("../fonts/Gilroy/Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Thin.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Black.eot");
  src: local("Gilroy Black"), local("Gilroy-Black"), url("../fonts/Gilroy/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Black.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
  overflow-x: hidden;
}

body.fullscreen {
  overflow: hidden;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

/* Remove outline on the forms and links */

:active,
:hover,
:focus {
  outline: 0;
  outline-offset: 0;
}

/* common */

body {
  font-family: "Gilroy", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  background-color: #fff;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 100px;
}

body.overflow-hidden {
  overflow: hidden;
}

body .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin: 0 auto;
  padding: 0;
  height: 100%;
}

body .wrapper.fixed {
  padding-top: 128px;
}

body .wrapper.fixed.ribbon {
  padding-top: 192px;
}

.inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 100px;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1224px;
  padding: 0;
  margin: 0 auto;
}

.clearfix {
  clear: both;
  width: 100%;
}

.row {
  width: 100%;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: var(--Grey-scale-Grey-100, #e6e6f0);
}

a {
  color: initial;
  text-decoration: none;
}

h2 {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 24px;
  font-weight: 700;
  line-height: 133.333%;
  letter-spacing: 0.48px;
}

body {
  --White: #ffffff;
  --Blue-600: #474EFF;
  --Primary-blue-Blue-900: #1C2078;
  --Primary-blue-Blue-800: #2B2FA5;
  --Primary-blue-Blue-700: #393FD2;
  --Primary-blue-Blue-600: #474EFF;
  --Primary-blue-Blue-500: #6C71FF;
  --Primary-blue-Blue-400: #9195FF;
  --Primary-blue-Blue-300: #B5B8FF;
  --Primary-blue-Blue-200: #C8CAFF;
  --Primary-blue-Blue-100: #DADCFF;
  --Primary-blue-Blue-50: #EDEDFF;
  --Primary-blue-Blue-25: #F7F7FF;
  --Primary-blue-Blue-15: #FAFAFF;
  --Secondary-Violet-Violet-900: #481A74;
  --Secondary-Violet-Violet-800: #6526A2;
  --Secondary-Violet-Violet-700: #8333D1;
  --Secondary-Violet-Violet-600: #A140FF;
  --Secondary-Violet-Violet-500: #B466FF;
  --Secondary-Violet-Violet-400: #C78CFF;
  --Secondary-Violet-Violet-300: #D9B3FF;
  --Secondary-Violet-Violet-200: #E3C6FF;
  --Secondary-Violet-Violet-100: #ECD9FF;
  --Secondary-Violet-Violet-50: #F6ECFF;
  --Secondary-Violet-Violet-25: #F9F2FF;
  --Secondary-Violet-Violet-15: #FAFAFF;
  --Secondary-Red-Red-900: #5F1332;
  --Secondary-Red-Red-800: #8F1D4B;
  --Secondary-Red-Red-700: #BE2664;
  --Secondary-Red-Red-600: #EE307D;
  --Secondary-Red-Red-500: #F15997;
  --Secondary-Red-Red-400: #F583B1;
  --Secondary-Red-Red-300: #F8ACCB;
  --Secondary-Red-Red-200: #FAC1D8;
  --Secondary-Red-Red-100: #FCD6E5;
  --Secondary-Red-Red-50: #FDEAF2;
  --Secondary-Red-Red-25: #FDF3F7;
  --Secondary-Red-Red-15: #FAF5F7;
  --Secondary-green-Green-900: #0D4534;
  --Secondary-green-Green-800: #13674E;
  --Secondary-green-Green-700: #1A8A68;
  --Secondary-green-Green-600: #20AC82;
  --Secondary-green-Green-500: #4BBC9A;
  --Secondary-green-Green-400: #76CCB2;
  --Secondary-green-Green-300: #A0DDCB;
  --Secondary-green-Green-200: #B6E5D7;
  --Secondary-green-Green-100: #CBEDE3;
  --Secondary-green-Green-50: #E1F5EF;
  --Secondary-green-Green-25: #EBF5F2;
  --Secondary-green-Green-15: #F7FAF9;
  --Grey-scale-Gray-900: #1D1D1F;
  --Grey-scale-Grey-800: #353538;
  --Grey-scale-Grey-700: #606066;
  --Grey-scale-Grey-600: #78787F;
  --Grey-scale-Grey-500: #909099;
  --Grey-scale-Grey-400: #A8A8B2;
  --Grey-scale-Grey-300: #C0C0CC;
  --Grey-scale-Grey-200: #D8D8E5;
  --Grey-scale-Grey-100: #E4E4F2;
  --Grey-scale-Grey-50: #EDEDFA;
  --Grey-scale-Grey-25: #F2F2FF;
  --Grey-scale-Grey-15: #F7F8FF;
}

/* полоса прокрутки (скроллбар) */

::-webkit-scrollbar {
  width: 4px;
  /* ширина для вертикального скролла */
  height: 4px;
  /* высота для горизонтального скролла */
  background-color: var(--Primary-blue-Blue-50, #EDEDFF);
  border-radius: 2px;
}

/* ползунок скроллбара */

::-webkit-scrollbar-thumb {
  background-color: var(--Grey-scale-Grey-300, #C0C0CC);
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--Grey-scale-Grey-300, #C0C0CC);
}

/* Стрелки */

::-webkit-scrollbar-button:vertical:start:decrement {
  display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
  display: none;
}

::-webkit-scrollbar-button:horizontal:start:decrement {
  display: none;
}

::-webkit-scrollbar-button:horizontal:end:increment {
  display: none;
}

.ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-size: contain;
}

.ico.medical {
  background-image: url("../img/icon/start-medical-icon.svg");
  min-width: 25px;
  width: 25px;
  height: 23px;
}

.ico.no-medical {
  background-image: url("../img/icon/start-nonmedical-icon.svg");
}

.ico.coins {
  background-image: url("../img/icon/coins.svg");
  min-width: 15px;
  width: 15px;
  height: 18px;
}

.ico.phone {
  background-image: url("../img/icon/phone.svg");
}

.ico.nav {
  background-image: url("../img/icon/nav.svg");
}

.ico.search-blue {
  background-image: url("../img/icon/search-blue.svg");
}

.ico.fav {
  background-image: url("../img/icon/fav.svg");
}

.ico.fav-blue {
  background-image: url("../img/icon/fav-blue.svg");
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  height: 20px;
}

.ico.share {
  background-image: url("../img/icon/share.svg");
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  height: 20px;
}

.ico.basket {
  background-image: url("../img/icon/basket.svg");
}

.ico.profile {
  background-image: url("../img/icon/profile.svg");
}

.ico.nav-doctors {
  background-image: url("../img/icon/nav-education-doctors.svg");
}

.ico.nav-farm {
  background-image: url("../img/icon/nav-education-farm.svg");
}

.ico.nav-middle {
  background-image: url("../img/icon/nav-education-middle.svg");
}

.ico.nav-lectors {
  background-image: url("../img/icon/nav-lectors.svg");
}

.ico.nav-lectors-blue {
  background-image: url("../img/icon/nav-lectors-blue.svg");
}

.ico.actions {
  background-image: url("../img/icon/actions.svg");
}

.ico.nav-stock {
  background-image: url("../img/icon/nav-stock.svg");
}

.ico.nav-contacts {
  background-image: url("../img/icon/nav-contacts.svg");
}

.ico.nav-contacts-blue {
  background-image: url("../img/icon/nav-contacts-blue.svg");
}

.ico.exit {
  background-image: url("../img/icon/exit.svg");
}

.ico.left-gray-sm {
  background-image: url("../img/icon/left-gray-sm.svg");
  min-width: 6px;
  width: 6px;
  height: 10px;
}

.ico.right-gray-sm {
  background-image: url("../img/icon/right-gray-sm.svg");
  min-width: 6px;
  width: 6px;
  height: 10px;
}

.ico.chevron-right-white {
  background-image: url("../img/icon/chevron-right-white.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.ico.mob-menu {
  background-image: url("../img/icon/mobmenu.svg");
}

.ico.profile-2 {
  background-image: url("../img/icon/profile-2.svg");
}

.ico.fav-gray {
  background-image: url("../img/icon/fav-gray.svg");
}

.ico.basket-gray {
  background-image: url("../img/icon/basket-gray.svg");
}

.ico.filter-white {
  background-image: url("../img/icon/filter-white.svg");
}

.ico.filter-blue {
  background-image: url("../img/icon/filter-blue.svg");
}

.ico.filter-red {
  background-image: url("../img/icon/filter-red.svg");
}

.ico.close-white {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background-image: url("../img/icon/close-white.svg");
}

.ico.clear {
  background-image: url("../img/icon/clear.svg");
}

.ico.key {
  background-image: url("../img/icon/key.svg");
}

.ico.vk {
  background-image: url("../img/icon/vk.svg");
}

.ico.google {
  background-image: url("../img/icon/google.svg");
}

.ico.yandex {
  background-image: url("../img/icon/yandex.svg");
}

.ico.fb {
  background-image: url("../img/icon/fb.svg");
}

.ico.error-red {
  background-image: url("../img/icon/error-red.svg");
}

.ico.eye-blue {
  background-image: url("../img/icon/eye.svg");
}

.ico.eye-gray {
  background-image: url("../img/icon/eye-gray.svg");
}

.ico.more {
  background-image: url("../img/icon/white-arrow-right.svg");
}

.ico.photo {
  background-image: url("../img/icon/photo.svg");
  width: 32px;
  height: 32px;
  max-height: 32px;
  min-height: 32px;
  min-width: 32px;
  max-width: 32px;
  background-color: rgba(232, 234, 238, 0.7);
  border-radius: 60px;
  background-size: auto;
}

.ico.calendar {
  background-image: url("../img/icon/calendar.svg");
}

.ico.calendar-gray {
  background-image: url("../img/icon/calendar-gray.svg");
}

.ico.info-gray {
  background-image: url("../img/icon/info-gray.svg");
}

.ico.delete-red {
  background-image: url("../img/icon/delete-red.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
  max-width: 20px;
}

.ico.dashboard {
  background-image: url("../img/icon/dashboard.svg");
}

.ico.profile-blue {
  background-image: url("../img/icon/profile-blue.svg");
}

.ico.upload {
  background-image: url("../img/icon/upload.svg");
}

.ico.sheild {
  background-image: url("../img/icon/sheild.svg");
}

.ico.done {
  background-image: url("../img/icon/done.svg");
}

.ico.peoples {
  background-image: url("../img/icon/peoples.svg");
}

.ico.select-arrow {
  background-image: url("../img/icon/select-arrow.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.ico.plus-blue {
  background-image: url("../img/icon/plus-blue.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
}

.ico.error {
  background-image: url("../img/icon/error.svg");
}

.ico.info {
  background-image: url("../img/icon/info.svg");
}

.ico.done-green {
  background-image: url("../img/icon/done-green.svg");
}

.ico.basket-blue {
  background-image: url("../img/icon/basket-blue.svg");
}

.ico.webinar {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/webinar.svg");
}

.ico.upload-mini {
  width: 16px;
  height: 16px;
  min-width: 16px;
  max-width: 16px;
  background-image: url("../img/icon/upload-mini.svg");
}

.ico.download {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/download.svg");
}

.ico.time {
  background-image: url("../img/icon/time.svg");
}

.ico.sort {
  background-image: url("../img/icon/sort.svg");
}

.ico.arrow-down {
  min-width: 16px;
  max-width: 16px;
  width: 16px;
  height: 16px;
  background-image: url("../img/icon/chevron.svg");
}

.ico.sort-gray {
  background-image: url("../img/icon/sort-gray.svg");
}

.ico.sort-gray-top {
  background-image: url("../img/icon/sort-gray-top.svg");
}

.ico.left-big {
  background-image: url("../img/icon/arrow-left-big.svg");
}

.ico.chevron {
  background-image: url("../img/icon/chevron.svg");
}

.ico.close {
  background-image: url("../img/icon/close.svg");
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.ico.instruction {
  background-image: url("../img/icon/instruction-icon.svg");
}

.ico.close-blue {
  background-image: url("../img/icon/close-blue.svg");
  background-size: auto;
}

.ico.pen {
  background-image: url("../img/icon/pen-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.ban {
  background-image: url("../img/icon/ban-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.lector {
  background-image: url("../img/icon/lector-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.delete {
  background-image: url("../img/icon/delete-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.pin {
  background-image: url("../img/icon/pin-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.file {
  background-image: url("../img/icon/file-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.chat-1 {
  background-image: url("../img/icon/chat-btn-1.svg");
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  background-size: auto;
}

.ico.chat-2 {
  background-image: url("../img/icon/chat-btn-2.svg");
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  background-size: auto;
}

.ico.send {
  background-image: url("../img/icon/send.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.fullscreen {
  background-image: url("../img/icon/fullscreen.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.sidebar {
  background-image: url("../img/icon/sidebar.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.close-red {
  background-image: url("../img/icon/close-red.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.remove-gray {
  background-image: url("../img/icon/remove-gray.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.chat-3 {
  background-image: url("../img/icon/chat-3.svg");
}

.ico.filters {
  background-image: url("../img/icon/filters.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-size: auto;
}

.ico.close-filter {
  background-image: url("../img/icon/close-btn.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
}

.ico.blank-info {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/blank-info.svg");
}

.ico.slider-arrow {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/slider-arrow-white.svg");
}

.ico.blank-passed {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/blank-passed.svg");
}

.ico.blank-not-accepted {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/blank-not-accepted.svg");
}

.ico.edit {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/edit-icon.svg");
}

.ico.print {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/print.svg");
}

.ico.question {
  background-image: url("../img/icon/question.svg");
}

.ico.clip {
  background-image: url("../img/icon/clip.svg");
}

.ico.docs {
  width: 32px;
  height: 32px;
  min-width: 32px;
  max-height: 32px;
  background-image: url("../img/icon/document-text.svg");
}

.ico.info-2 {
  background-image: url("../img/icon/info-2.svg");
}

.ico.ico-left {
  background-image: url("../img/icon/ico-left.svg");
}

.ico.loc {
  background-image: url("../img/icon/loc.svg");
}

.ico.case {
  background-image: url("../img/icon/case.svg");
}

.ico.document {
  background-image: url("../img/icon/document.svg");
}

.ico.education {
  background-image: url("../img/icon/education.svg");
}

.ico.education2 {
  background-image: url("../img/icon/education2.svg");
}

.ico.director {
  background-image: url("../img/icon/director.svg");
}

.ico.materials {
  background-image: url("../img/icon/materials.svg");
}

.ico.bonus {
  background-image: url("../img/icon/bonus.svg");
}

.ico.payment {
  background-image: url("../img/icon/payment.svg");
}

.ico.calculate {
  background-image: url("../img/icon/calculate.svg");
}

.ico.doctor {
  background-image: url("../img/icon/doctor.svg");
}

.ico.glasses {
  background-image: url("../img/icon/glasses.svg");
}

.ico.world {
  background-image: url("../img/icon/world.svg");
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input:disabled {
  background: transparent;
}

.input-group {
  position: relative;
  margin-bottom: 16px;
}

.input-group label {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: Gilroy, sans-serif;
  position: absolute;
  left: 12px;
  top: 17px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  z-index: 1;
}

.input-group label .require {
  color: var(--Status-colors-Danger-600, #dc3545);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}

.input-group .input-field {
  width: 100%;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: Gilroy, sans-serif;
  border-radius: 10px;
  border: 1px solid var(--Primary-blue-Blue-200, #c8caff);
  background: transparent;
  padding: 17px 12px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  height: 60px;
  max-height: 60px;
  position: relative;
  z-index: 2;
}

.input-group .input-field:hover {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.input-group .input-field:focus {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.input-group .input-field::-webkit-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: Gilroy, sans-serif;
}

.input-group .input-field::-moz-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: Gilroy, sans-serif;
}

.input-group .input-field:-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: Gilroy, sans-serif;
}

.input-group .input-field::-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: Gilroy, sans-serif;
}

.input-group .input-field::placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: Gilroy, sans-serif;
}

.input-group--focus label {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.28px;
  top: 8px;
}

.input-group--focus .input-field {
  padding-top: 27px;
  padding-bottom: 7px;
}

.input-group .clear-button {
  position: absolute;
  right: 12px;
  top: 17px;
  z-index: 5;
}

.input-group .tooltip-button {
  position: absolute;
  right: 36px;
  z-index: 5;
  top: 17px;
  display: none;
}

.input-group--error .input-field {
  border-color: #dc3545;
}

.input-group--error .input-field:hover,
.input-group--error .input-field:focus {
  border-color: #dc3545;
}

.input-group--error .tooltip-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.input-group--pass .password-control {
  position: absolute;
  right: 36px;
  top: 17px;
  z-index: 5;
}

.input-group--pass.input-group--error .password-control {
  display: none;
}

.input-group--sm .input-field {
  height: 48px;
  max-height: 48px;
  padding: 11px 12px;
}

.input-group--sm label {
  top: 11px;
}

.input-group--sm .clear-button,
.input-group--sm .password-control,
.input-group--sm .tooltip-button {
  top: 12px;
}

.input-group--sm.input-group--focus label {
  top: 3px;
}

.input-group--sm.input-group--focus .input-field {
  padding-top: 17px;
  padding-bottom: 5px;
  padding-right: 35px;
}

.input-group--sm.input-group--completed label {
  top: 3px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.input-group--sm.input-group--completed .input-field {
  padding-top: 17px;
  padding-bottom: 5px;
  padding-right: 35px;
}

.input-group--single {
  max-width: 200px;
}

.input-group--date:hover .input-field {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.input-group--top label {
  position: static;
  display: inline-block;
  padding-bottom: 8px;
  font-size: 16px;
}

.input-group--top .input-field:focus {
  padding: 11px 12px;
}

.input-group--top.input-group--focus .input-field,
.input-group--top.input-group--completed .input-field {
  padding: 11px 35px 11px 12px;
}

.input-group--top.input-group--focus label,
.input-group--top.input-group--completed label {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.input-group--top .clear-button,
.input-group--top .tooltip-button {
  top: auto;
  bottom: 12px;
}

.toogle-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.toogle-checkbox input[type=checkbox] {
  display: none;
}

.toogle-checkbox input[type=checkbox]:checked ~ .toogle-checkbox__slider-icon {
  background-color: var(--Primary-blue-Blue-600, #474eff);
}

.toogle-checkbox input[type=checkbox]:checked ~ .toogle-checkbox__slider-icon:after {
  left: 22px;
}

.toogle-checkbox__slider-icon {
  position: relative;
  min-width: 44px;
  width: 44px;
  height: 24px;
  border-radius: 25px;
  background-color: #e8eaee;
}

.toogle-checkbox__slider-icon:after {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 3px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.toogle-checkbox__slider-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding: 0 0 0 12px;
}

.checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  /* для элемента label, связанного с .checkbox */
  /* стили при наведении курсора на checkbox */
  /* стили для активного чекбокса (при нажатии на него) */
  /* стили для чекбокса, находящегося в фокусе */
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  /* стили для чекбокса, находящегося в состоянии checked */
  /* стили для чекбокса, находящегося в состоянии disabled */
}

.checkbox + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  /* создание в label псевдоэлемента before со следующими стилями */
}

.checkbox + label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border-radius: 4px;
  border: 2px solid var(--Grey-scale-Grey-200, #dfdfe8);
  background-color: transparent;
  margin-right: 12px;
}

.checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #474eff;
}

.checkbox:focus + label::before {
  border: none;
  background-image: url("../img/icon/checkbox-hover.svg");
  background-size: 100%;
}

.checkbox:checked + label::before {
  border-color: #474eff;
  background-color: #474eff;
  background-image: url("../img/icon/checkbox-active.svg");
  background-size: 100%;
}

.checkbox:disabled + label {
  cursor: default;
}

.checkbox:disabled + label span {
  color: var(--Grey-scale-Grey-400, #a8a8b2);
}

.checkbox:disabled + label::before {
  background-color: var(--Grey-scale-Grey-200, #dfdfe8);
  border-color: var(--Grey-scale-Grey-200, #dfdfe8);
}

.checkbox:disabled:checked + label::before {
  background-image: url("../img/icon/checkbox-disabled.svg");
  background-size: 100%;
}

.checkbox-label__notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
}

.checkbox-label__title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.checkbox-label__desc {
  color: var(--Grey-scale-Grey-800, #353538);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.radio-label {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}

.radiobox-group {
  margin-bottom: 20px;
}

.radiobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}

.radiobox .radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.radiobox .radio + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.radiobox .radio + label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 14px;
  border-radius: 50%;
  border: 2px solid var(--Grey-scale-Grey-200, #dfdfe8);
  background-color: var(--White, #fff);
}

.radiobox .radio:checked + label::before {
  border: 6px solid var(--Blue-600, #474eff);
  background-color: var(--White, #fff);
}

.radiobox .radio + label span {
  font-weight: 500;
  font-size: 15px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.03em;
  color: #1d1d1f;
}

.radiobox .radio:disabled + label {
  cursor: default;
  color: var(--Grey-scale-Grey-400, #a8a8b2);
}

.radiobox .radio:disabled + label span {
  color: var(--Grey-scale-Grey-400, #a8a8b2);
}

.radiobox .radio:disabled + label::before {
  background-color: var(--Grey-scale-Grey-200, #dfdfe8);
}

.radiobox .radio:disabled:checked + label::before {
  border: 6px solid #dfdfe8;
  background-color: #a8a8b2;
}

.radiobox--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.textarea-group label {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  display: inline-block;
  padding-bottom: 5px;
}

.textarea-group label .require {
  color: var(--Status-colors-Danger-600, #dc3545);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}

.textarea-group textarea {
  width: 100%;
  background: transparent;
  padding: 11px 12px;
  resize: none;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: "Gilroy", sans-serif;
  border-radius: 10px;
  border: 1px solid var(--Primary-blue-Blue-200, #c8caff);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  min-height: 120px;
}

.textarea-group textarea::-webkit-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: "Gilroy", sans-serif;
}

.textarea-group textarea::-moz-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: "Gilroy", sans-serif;
}

.textarea-group textarea:-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: "Gilroy", sans-serif;
}

.textarea-group textarea::-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: "Gilroy", sans-serif;
}

.textarea-group textarea::placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  font-family: "Gilroy", sans-serif;
}

.textarea-group textarea:hover {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.textarea-group textarea:focus {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.ui-buttons-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ui-buttons__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 40px;
}

.ui-buttons__subtitle {
  font-size: 18px;
  margin-bottom: 20px;
}

.ui-buttons__info-title {
  font-size: 18px;
  padding-bottom: 10px;
}

.ui-buttons__info {
  line-height: 1.6;
  padding-left: 20px;
  margin-bottom: 30px;
}

.ui-buttons__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}

.ui-note {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 800;
}

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 10px;
  color: var(--White, #fff);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  background: var(--Primary-blue-Blue-600, #474eff);
  border: 1px solid transparent;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 17px 23px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  font-family: "Gilroy", sans-serif;
}

.button--arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}

.button--sm {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding: 9px 15px;
}

.button--md {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding: 11px 15px;
}

.button--md-2 {
  min-width: 56px;
  height: 56px;
  padding: 15px 20px;
}

.button--md-2-icon {
  max-width: 56px;
}

.button:hover {
  background: var(--Primary-blue-Blue-700, #393fd2);
}

.button:active,
.button:focus {
  background: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--black {
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  color: var(--Grey-scale-Grey-100, #e6e6f0);
  background: transparent;
}

.button--black:hover,
.button--black:active,
.button--black:focus {
  background: rgba(255, 255, 255, 0.2);
}

.button--slider {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.94);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.64px;
  border-radius: 10px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  background: var(--Secondary-Red-Red-600, #ee307d);
  line-height: normal;
  padding: 12.5px 15px;
}

.button--slider:hover {
  background: var(--Secondary-Red-Red-700, #be2664);
}

.button--slider:active {
  background: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--purple-invert {
  background: transparent;
  border-color: 1px solid var(--Secondary-Violet-Violet-600, #a140ff);
  color: var(--Secondary-Violet-Violet-600, #a140ff);
}

.button--purple-invert:hover,
.button--purple-invert:focus,
.button--purple-invert:active {
  background: transparent;
  border-color: 1px solid var(--Secondary-Violet-Violet-600, #a140ff);
  color: var(--Secondary-Violet-Violet-600, #a140ff);
}

.button--invert {
  border-color: var(--Primary-blue-Blue-600, #474eff);
  background: transparent;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.button--invert:hover {
  border-color: var(--Primary-blue-Blue-700, #393fd2);
  background: transparent;
  color: var(--Primary-blue-Blue-700, #393fd2);
}

.button--invert:active,
.button--invert:focus {
  border-color: var(--Primary-blue-Blue-800, #2b2fa5);
  background: transparent;
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--invert:disabled {
  border: 1px solid #dadde7;
  color: #8992a8;
  background: transparent;
}

.button--invert:disabled:hover,
.button--invert:disabled:focus,
.button--invert:disabled:active {
  border: 1px solid #dadde7;
  color: #8992a8;
  background: transparent;
}

.button--transparent {
  background: transparent;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.button--transparent:hover {
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  border-color: var(--Primary-blue-Blue-25, #f7f7ff);
}

.button--transparent:active,
.button--transparent:focus {
  background: var(--Primary-blue-Blue-50, #ededff);
  border-color: var(--Primary-blue-Blue-50, #ededff);
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--red {
  background: var(--Secondary-Red-Red-600, #ee307d);
  border-color: var(--Secondary-Red-Red-600, #ee307d);
  color: #fff;
}

.button--red:hover {
  background: var(--Secondary-Red-Red-700, #be2664);
  border-color: var(--Secondary-Red-Red-700, #be2664);
}

.button--red:active,
.button--red:focus {
  background: var(--Secondary-Red-Red-800, #8f1d4b);
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--red--invert {
  background: transparent;
  color: var(--Secondary-Red-Red-600, #ee307d);
  border-color: var(--Secondary-Red-Red-600, #ee307d);
}

.button--red--invert:hover {
  background: transparent;
  border-color: var(--Secondary-Red-Red-700, #be2664);
  color: var(--Secondary-Red-Red-700, #be2664);
}

.button--red--invert:active,
.button--red--invert:focus {
  background: transparent;
  color: var(--Secondary-Red-Red-800, #8f1d4b);
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--red--transparent {
  background: none;
  border-color: transparent;
  color: var(--Secondary-Red-Red-600, #ee307d);
}

.button--red--transparent:hover {
  background: var(--Secondary-Red-Red-25, #fdf3f7);
  color: var(--Secondary-Red-Red-700, #be2664);
  border-color: var(--Secondary-Red-Red-25, #fdf3f7);
}

.button--red--transparent:active,
.button--red--transparent:focus {
  background: var(--Secondary-Red-Red-50, #fdeaf2);
  border-color: var(--Secondary-Red-Red-50, #fdeaf2);
  color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--icon {
  min-width: 60px;
  width: 60px;
  height: 60px;
  padding: 0;
}

.button--icon--sm {
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.button--icon--sm .ico {
  min-width: 20px;
  width: 20px;
  height: 20px;
}

.button--icon--md {
  min-width: 44px;
  width: 44px;
  height: 44px;
}

.button--icon--md-2 {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.button--icon:disabled {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  color: #fff;
  cursor: default;
}

.button--icon--gray {
  border-radius: 8px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  background: #fff;
}

.button--icon--gray:hover {
  border-color: var(--Primary-blue-Blue-600);
  background: #fff;
}

.button--icon--gray:active,
.button--icon--gray:focus {
  border-color: var(--Primary-blue-Blue-700);
  background: #fff;
}

.button--icon--invert {
  border-color: var(--Primary-blue-Blue-600, #474eff);
  background: transparent;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.button--icon--invert:hover {
  border-color: var(--Primary-blue-Blue-700, #393fd2);
  background: transparent;
  color: var(--Primary-blue-Blue-700, #393fd2);
}

.button--icon--invert:active,
.button--icon--invert:focus {
  border-color: var(--Primary-blue-Blue-800, #2b2fa5);
  background: transparent;
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.button--icon--invert:disabled {
  border: 1px solid var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--invert:disabled:hover,
.button--icon--invert:disabled:active,
.button--icon--invert:disabled:focus {
  border: 1px solid var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--invert:disabled:hover .ico,
.button--icon--invert:disabled:active .ico,
.button--icon--invert:disabled:focus .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--invert.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-blue-hover.svg");
}

.button--icon--invert.button--icon--filter:active .ico,
.button--icon--invert.button--icon--filter:focus .ico {
  background-image: url("../img/icon/filter-blue-active.svg");
}

.button--icon--invert.button--icon--filter:disabled .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--invert.button--icon--filter:disabled:hover .ico,
.button--icon--invert.button--icon--filter:disabled:active .ico,
.button--icon--invert.button--icon--filter:disabled:focus .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--transparent {
  border-color: transparent;
  background: transparent;
}

.button--icon--transparent:hover {
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  border-color: var(--Primary-blue-Blue-25, #f7f7ff);
}

.button--icon--transparent:active,
.button--icon--transparent:focus {
  border-color: var(--Primary-blue-Blue-50, #ededff);
  background: var(--Primary-blue-Blue-50, #ededff);
}

.button--icon--transparent:disabled {
  border-color: transparent;
  background: transparent;
}

.button--icon--transparent:disabled .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--transparent:disabled:hover,
.button--icon--transparent:disabled:active,
.button--icon--transparent:disabled:focus {
  border-color: transparent;
  background: transparent;
}

.button--icon--transparent.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-blue-hover.svg");
}

.button--icon--transparent.button--icon--filter:active .ico,
.button--icon--transparent.button--icon--filter:focus .ico {
  background-image: url("../img/icon/filter-blue-active.svg");
}

.button--icon--transparent.button--icon--filter:disabled:hover .ico,
.button--icon--transparent.button--icon--filter:disabled:active .ico,
.button--icon--transparent.button--icon--filter:disabled:focus .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--red {
  background: var(--Secondary-Red-Red-600, #ee307d);
  border-color: var(--Secondary-Red-Red-600, #ee307d);
}

.button--icon--red:hover {
  background: var(--Secondary-Red-Red-700, #be2664);
  border-color: var(--Secondary-Red-Red-700, #be2664);
}

.button--icon--red:active,
.button--icon--red:focus {
  background: var(--Secondary-Red-Red-800, #8f1d4b);
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
}

.button--icon--red:disabled {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
}

.button--icon--red:disabled:hover,
.button--icon--red:disabled:active,
.button--icon--red:disabled:focus {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
}

.button--icon--red--invert {
  border: 1px solid var(--Secondary-Red-Red-600, #ee307d);
  background: transparent;
}

.button--icon--red--invert:hover {
  border-color: var(--Secondary-Red-Red-700, #be2664);
  background: transparent;
}

.button--icon--red--invert:focus,
.button--icon--red--invert:active {
  border-color: var(--Secondary-Red-Red-800, #8f1d4b);
  background: transparent;
}

.button--icon--red--invert:disabled {
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--red--invert:disabled:hover,
.button--icon--red--invert:disabled:focus,
.button--icon--red--invert:disabled:active {
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  background: transparent;
}

.button--icon--red--invert.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-red-hover.svg");
}

.button--icon--red--invert.button--icon--filter:active .ico,
.button--icon--red--invert.button--icon--filter:focus .ico {
  background-image: url("../img/icon/filter-red-active.svg");
}

.button--icon--red--invert.button--icon--filter:disabled .ico {
  background: url("../img/icon/filter-disabled.svg");
}

.button--icon--red--transparent {
  background: transparent;
  border-color: transparent;
}

.button--icon--red--transparent:hover {
  background: var(--Secondary-Red-Red-25, #fdf3f7);
  border-color: var(--Secondary-Red-Red-25, #fdf3f7);
}

.button--icon--red--transparent:focus,
.button--icon--red--transparent:active {
  background: var(--Secondary-Red-Red-50, #fdeaf2);
  border-color: var(--Secondary-Red-Red-50, #fdeaf2);
}

.button--icon--red--transparent:disabled {
  border-color: transparent;
  background: transparent;
}

.button--icon--red--transparent:disabled:hover,
.button--icon--red--transparent:disabled:active,
.button--icon--red--transparent:disabled:focus {
  border-color: transparent;
  background: transparent;
}

.button--icon--red--transparent.button--icon--filter:disabled .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--red--transparent.button--icon--filter:disabled:hover .ico,
.button--icon--red--transparent.button--icon--filter:disabled:focus .ico,
.button--icon--red--transparent.button--icon--filter:disabled:active .ico {
  background-image: url("../img/icon/filter-disabled.svg");
}

.button--icon--red--transparent.button--icon--filter:hover .ico {
  background-image: url("../img/icon/filter-red-hover.svg");
}

.button--icon--red--transparent.button--icon--filter:focus .ico,
.button--icon--red--transparent.button--icon--filter:active .ico {
  background-image: url("../img/icon/filter-red-active.svg");
}

.button-close-blue {
  line-height: normal;
  min-width: 32px;
  width: 32px;
  height: 32px;
  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;
  border-radius: 50%;
  background: var(--Primary-blue-Blue-600, #474eff);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.button-close-blue:hover {
  background: var(--Primary-blue-Blue-700, #393fd2);
}

button.button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

button:disabled,
button[disabled] {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  color: #fff;
  cursor: default;
}

button:disabled:hover,
button:disabled:focus,
button:disabled:active,
button[disabled]:hover,
button[disabled]:focus,
button[disabled]:active {
  background: var(--Grey-scale-Grey-300, #c0c0cc);
  border-color: var(--Grey-scale-Grey-300, #c0c0cc);
  color: #fff;
  cursor: default;
}

.ui-buttons__inner--mob .button,
.ui-buttons__inner--mob .button--sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  padding: 7px 11px;
}

.ui-buttons__inner--icons-mob .button,
.ui-buttons__inner--icons-mob .button--sm {
  min-width: 32px;
  width: 32px;
  height: 32px;
}

.ui-buttons__inner--icons-mob .button .ico,
.ui-buttons__inner--icons-mob .button--sm .ico {
  min-width: 16px;
  width: 16px;
  height: 16px;
}

button.clear-button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  display: none;
}

button.clear-button:hover .ico {
  background-image: url("../img/icon/clear-hover.svg");
}

button.clear-button--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tooltip-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
}

.password-control {
  display: none;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: none;
  background: none;
  cursor: pointer;
}

.password-control--show-pass {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.password-control--show-pass .ico {
  background-image: url("../img/icon/eye-crossed.svg");
}

.password-control--show {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ui-inputs {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 50px 0 100px;
}

.ui-inputs p {
  padding-bottom: 20px;
}

.ui-inputs__group {
  margin: 30px 0 50px;
  max-width: 500px;
}

.ui-inputs__group-title {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 20px;
}

.ui-inputs .select-container {
  margin-bottom: 20px;
}

.ui-inputs .select-container__label {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding-bottom: 8px;
  color: var(--Grey-scale-Grey-500, #909099);
  font-family: Gilroy, sans-serif;
}

.ui-inputs .select-container__label .require {
  color: var(--Status-colors-Danger-600, #dc3545);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}

.ui-inputs .checkbox-group {
  margin-bottom: 20px;
}

section.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

section.content .row .field {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.header {
  position: fixed;
  z-index: 99;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0px 14px 39px 0px rgba(31, 31, 178, 0.03), 0px 9.074px 22.84px 0px rgba(31, 31, 178, 0.02), 0px 5.393px 12.422px 0px rgba(31, 31, 178, 0.02), 0px 2.8px 6.338px 0px rgba(31, 31, 178, 0.01), 0px 1.141px 3.178px 0px rgba(31, 31, 178, 0.01), 0px 0.259px 1.535px 0px rgba(31, 31, 178, 0.01);
          box-shadow: 0px 14px 39px 0px rgba(31, 31, 178, 0.03), 0px 9.074px 22.84px 0px rgba(31, 31, 178, 0.02), 0px 5.393px 12.422px 0px rgba(31, 31, 178, 0.02), 0px 2.8px 6.338px 0px rgba(31, 31, 178, 0.01), 0px 1.141px 3.178px 0px rgba(31, 31, 178, 0.01), 0px 0.259px 1.535px 0px rgba(31, 31, 178, 0.01);
}

.header__ribbon {
  background: var(--light-ribbon-bg, linear-gradient(270deg, #f7f0fa -2.57%, #f3ebfa 23.47%, #f2edfa 34.31%, #f1f0fa 81.15%, #f1f0fa 87.82%, #e8e6fa 100%));
}

.header__ribbon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}

.header__ribbon-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.header__ribbon-title {
  color: #7d52f7;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.header__ribbon-btn {
  color: #7d52f7;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  border-radius: 10px;
  border: 1px solid #7d52f7;
  padding: 10px 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header__line {
  padding: 12px 0;
  border-bottom: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
}

.header__line:last-child {
  border-bottom: none;
}

.header__groups {
  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;
}

.header__specs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px;
  border-radius: 8px;
  background: var(--Grey-scale-Grey-25, #f2f3f7);
}

.header__specs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5.5px 10px 5.5px 8px;
  font-weight: 600;
  line-height: 135.714%;
  letter-spacing: 0.28px;
  border-radius: 6px;
  color: #474eff;
  opacity: 0.6;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.header__specs-item:hover {
  opacity: 1;
}

.header__specs-item--active {
  color: #353538;
  opacity: 1;
  background: #fff;
}

.header__bonus-and-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__bonus,
.header__tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.header__bonus {
  position: relative;
}

.header__bonus:hover {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.header__bonus:hover .ico.coins {
  background-image: url("../img/icon/coins-hover.svg");
}

.header__bonus:active {
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.header__bonus:active .ico.coins {
  background-image: url("../img/icon/coins-press.svg");
}

.header__bonus--notification .header__notification-icon {
  display: inline-block;
  position: absolute;
  z-index: 2;
  left: 9px;
  top: -4px;
}

.header__tel:hover {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.header__tel:hover .ico.phone {
  background-image: url("../img/icon/phone-hover.svg");
}

.header__tel:active {
  color: var(--Primary-blue-Blue-800, #2b2fa5);
}

.header__tel:active .ico.phone {
  background-image: url("../img/icon/phone-press.svg");
}

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

.header__logo {
  margin-right: 72px;
  max-width: 158px;
}

.header__nav-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: var(--Primary-blue-Blue-600, #474eff);
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.92px;
  padding: 8px 20px 8px 17px;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

.header__nav-button:hover {
  background: var(--Primary-blue-Blue-700, #393fd2);
}

.header__nav-button:active {
  background: var(--Primary-blue-Blue-800, #2b2fa5);
}

.header__nav-button .ico {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.header__nav-button--active .ico.nav {
  background-image: url("../img/icon/nav-close.svg");
}

.header__search-group {
  min-width: 345px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.header__search-group i {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.header__search-group input {
  border-radius: 10px;
  border: 2px solid var(--Grey-scale-Grey-50, #f0f0f7);
  border-right: 42px solid var(--Grey-scale-Grey-50, #f0f0f7);
  background: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding: 6px 12px;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

.header__search-group input::-webkit-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
}

.header__search-group input::-moz-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
}

.header__search-group input:-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
}

.header__search-group input::-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
}

.header__search-group input::placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
}

.header__search-group input:hover {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.header__search-group input:hover + .header__search-button .ico {
  background-image: url("../img/icon/search-white.svg");
}

.header__search-group input:focus {
  border-color: var(--Primary-blue-Blue-600, #474eff);
}

.header__search-group input:focus + .header__search-button .ico {
  background-image: url("../img/icon/search-white.svg");
}

.header__search-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
}

.header__fast-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.header__fast-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px;
  border: 2px solid transparent;
  border-radius: 10px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.header__fast-nav-item:hover {
  color: #474EFF;
}

.header__fast-nav-item--fav:hover {
  border-color: var(--Primary-blue-Blue-200, #c8caff);
}

.header__fast-nav-item--fav:hover .ico.fav {
  background-image: url("../img/icon/fav-hover.svg");
}

.header__fast-nav-item--fav:active {
  border-color: var(--Primary-blue-Blue-600, #474eff);
}

.header__fast-nav-item--fav:active .ico.fav {
  background-image: url("../img/icon/fav-press.svg");
}

.header__fast-nav-item--basket:hover {
  border-color: var(--Primary-blue-Blue-200, #c8caff);
}

.header__fast-nav-item--basket:hover .ico.basket {
  background-image: url("../img/icon/basket-hover.svg");
}

.header__fast-nav-item--basket:active {
  border-color: var(--Primary-blue-Blue-600, #474eff);
}

.header__fast-nav-item--basket:active .ico.basket {
  background-image: url("../img/icon/basket-press.svg");
}

.header__fast-nav-item--profile:hover .ico.profile {
  background-image: url("../img/icon/profile-hover.svg");
}

.header__fast-nav-item--profile:active .ico.profile {
  background-image: url("../img/icon/profile-press.svg");
}

.header__nav {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  display: none;
}

.header__nav-container {
  padding: 0;
  background: var(--Grey-scale-Grey-25, #f2f3f7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0px 0px 10px 10px;
  -webkit-box-shadow: -1.755px 47.968px 68px 0px rgba(55, 50, 178, 0.07), -0.888px 24.284px 29.644px 0px rgba(55, 50, 178, 0.05), -0.351px 9.594px 11.05px 0px rgba(55, 50, 178, 0.04), -0.077px 2.099px 3.931px 0px rgba(55, 50, 178, 0.02);
          box-shadow: -1.755px 47.968px 68px 0px rgba(55, 50, 178, 0.07), -0.888px 24.284px 29.644px 0px rgba(55, 50, 178, 0.05), -0.351px 9.594px 11.05px 0px rgba(55, 50, 178, 0.04), -0.077px 2.099px 3.931px 0px rgba(55, 50, 178, 0.02);
}

.header__nav-aside {
  min-width: 350px;
  width: 350px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(14.72%, #474eff), color-stop(106.85%, #8333d1));
  background: linear-gradient(0deg, #474eff 14.72%, #8333d1 106.85%);
  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;
  padding: 30px;
  border-radius: 0 0 0 10px;
}

.header__nav-aside-item {
  color: #fff;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px 16px 16px 8px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(32.58%, rgba(255, 255, 255, 0.06)), color-stop(61.85%, rgba(255, 255, 255, 0.06)), color-stop(96.9%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 32.58%, rgba(255, 255, 255, 0.06) 61.85%, rgba(255, 255, 255, 0) 96.9%);
}

.header__nav-aside-item .ico {
  min-width: 38px;
  width: 38px;
  height: 38px;
}

.header__nav-content {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 125px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.header__nav-group {
  width: 255px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}

.header__nav-group-title {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
}

.header__nav-group-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}

.header__nav-group-items ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}

.header__nav-group-items ul li {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.28px;
}

.header__nav-group-items ul li a {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.header__nav-group-items ul li a:hover {
  color: #5c61ff;
}

.header__nav-advance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
}

.header__nav-advance-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.48px;
}

.header__nav-advance-item img {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.header__nav-advance-item:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.header__nav-socials {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.header__nav-socials svg path,
.header__nav-socials svg circle {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.header__nav-socials a:hover svg path {
  fill: #5c61ff;
}

.header__nav-socials a:hover svg circle {
  stroke: #5c61ff;
}

.header__phone {
  display: none;
}

.header__notification-icon {
  display: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff2e62;
  border: 2px solid #fff;
}

.mobile-nav {
  display: none;
}

.header-overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.45);
  display: none;
}

.mobile-menu {
  display: none;
  padding-bottom: 24px;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.mobile-menu__header {
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--Primary-blue-Blue-100, #dadcff);
}

.mobile-menu__header-item {
  padding: 10px 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 2px solid transparent;
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.mobile-menu__header-item--active {
  border-color: #6c71ff;
  color: var(--Primary-blue-Blue-500, #6c71ff);
}

.mobile-menu__body {
  max-width: 494px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 24px;
  border-bottom: 1px solid #e6e6f0;
  gap: 4px;
}

.mobile-menu__footer {
  max-width: 494px;
  margin: 0 auto;
  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;
}

.mobile-menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 10px 12px 10px 10px;
  font-size: 16px;
  font-weight: 600;
}

.footer {
  background: var(--Grey-scale-Grey-800, #353538);
  padding: 64px 0;
}

.footer__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-auto-rows: auto;
  grid-row-gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer__column:nth-child(1) {
  grid-area: 1/1/3/2;
}

.footer__column:nth-child(2) {
  grid-area: 1/2/3/3;
}

.footer__column:nth-last-child(3) {
  grid-area: 1/3/2/4;
}

.footer__column:nth-child(4) {
  grid-area: 2/3/3/4;
}

.footer__column:nth-child(5) {
  grid-area: 1/4/3/5;
}

.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  margin-top: 16px;
}

.footer__link {
  color: var(--Grey-scale-Grey-100, #e6e6f0);
  font-size: 14px;
  line-height: 14px;
}

.footer__link--tel {
  font-weight: 600;
}

.footer__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  margin-top: 24px;
}

.footer__button {
  min-width: 176px;
  width: 176px;
}

.footer__accordion-btn {
  display: none;
}

.footer__title {
  color: var(--Primary-blue-Blue-300, #b5b8ff);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.footer__navlinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  list-style: none;
  gap: 16px;
}

.footer__navlinks a {
  color: var(--Grey-scale-Grey-300, #c0c0cc);
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.28px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.footer__navlinks a:hover {
  color: #fff;
}

.footer .header__nav-advance {
  margin-top: 24px;
  grid-row-gap: 8px;
}

.footer .header__nav-advance .footer__description {
  width: 100%;
  display: block;
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.48px;
  margin-bottom: 24px;
}

.footer__divider {
  margin: 24px 0;
  width: 100%;
  height: 1px;
  background: #606066;
}

.footer__bottom {
  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;
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.48px;
}

.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 512px;
}

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

.select-container {
  position: relative;
  overflow: hidden;
}

.select-container__label {
  display: none;
}

.select-container .tooltip-button {
  position: absolute;
  right: 56px;
  z-index: 5;
  top: 12px;
  display: none;
}

.select-container.input-group--error .tooltip-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.select-container.input-group--error .select2-container .select2-selection--single {
  border-color: #dc3545;
}

.select-container.input-group--error .select2-container--default .select2-selection--single .select2-selection__arrow {
  border-left-color: #dc3545;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 10px !important;
  border: 1px solid var(--Primary-blue-Blue-200, #c8caff);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.select2-container .select2-selection--single {
  height: 48px;
  max-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  line-height: normal;
  padding: 15px 20px 14px 12px;
  font-size: 16px;
}

.select2-selection__placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.32px;
}

.select2-selection__placeholder .require {
  color: var(--Status-colors-Danger-600, #dc3545);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 30px;
  height: 48px;
  background-image: url("../img/icon/select-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-left: 1px solid var(--Primary-blue-Blue-200, #c8caff);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  background-image: url(../img/icon/clear.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 48px;
  margin-right: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__clear span {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover {
  background-image: url(../img/icon/clear-hover.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.select2-container--open .select2-selection--single .select2-selection__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  border-left: none;
  border-right: 1px solid var(--Primary-blue-Blue-200, #c8caff);
  background-image: url("../img/icon/select-arrow--active.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.select2-container:hover .select2-selection--single {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.select2-container:hover .select2-selection--single .select2-selection__arrow {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.select2-container--open .select2-selection--single {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.select2-container--open .select2-selection--single .select2-selection__arrow {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
  border-radius: 8px !important;
  top: 8px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(68, 83, 113, 0.1), 0px 12px 20px 0px rgba(68, 83, 113, 0.05);
          box-shadow: 0px 0px 20px 0px rgba(68, 83, 113, 0.1), 0px 12px 20px 0px rgba(68, 83, 113, 0.05);
  border: none;
  background: #fff;
}

.select2-results__option {
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  font-size: 16px;
  line-height: normal;
  padding: 6px 12px;
}

.select2-results__option:last-child {
  border-bottom: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f7f7ff;
  color: #1d1d1f;
}

.select2-search--dropdown {
  margin: 15px 12px;
  padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 8px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  padding: 11px 34px 11px 5px;
  font-size: 16px;
}

.select2-search--dropdown::after {
  content: "";
  display: block;
  position: absolute;
  right: 18px;
  top: 23px;
  width: 24px;
  height: 24px;
  background-image: url(../img/icon/select-search.svg);
}

.select2-dropdown {
  padding-bottom: 15px;
  z-index: 9999;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background: transparent;
}

.tippy-item__button {
  cursor: pointer;
}

.tippy-item__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  padding-bottom: 4px;
}

.tippy-item__desc {
  padding-right: 32px;
  color: var(--Status-colors-Info-15, #edf6f7);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.26px;
}

.tippy-item__container {
  position: relative;
}

.tippy-item__close {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  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;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.tippy-tooltip {
  max-width: 280px;
  min-width: 200px;
  background-color: var(--Status-colors-Info-600, #17a2b8);
  padding: 8px;
  border-radius: 8px;
  font-family: "Gilroy", sans-serif;
  font-style: normal;
}

.tippy-content {
  max-width: 280px;
}

.tippy-tooltip[data-placement^=top] > .tippy-arrow {
  border-top-color: var(--Status-colors-Info-600, #17a2b8);
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1200;
  padding: 20px;
}

.popup--show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.6s ease 1 forwards;
          animation: fadeIn 0.6s ease 1 forwards;
}

.popup--hide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeOut 0.6s ease 1 forwards;
          animation: fadeOut 0.6s ease 1 forwards;
}

.popup__close {
  position: absolute;
  right: 10px;
  top: 10px;
}

.popup__container {
  background-color: #ffffff;
  width: 100%;
  padding: 32px;
  max-width: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  max-height: 100%;
  overflow: auto;
  -webkit-box-shadow: 0px 0px 32px 0px rgba(68, 83, 113, 0.1), 0px 32px 32px 0px rgba(68, 83, 113, 0.05);
          box-shadow: 0px 0px 32px 0px rgba(68, 83, 113, 0.1), 0px 32px 32px 0px rgba(68, 83, 113, 0.05);
  border-radius: 16px;
}

.popup__title {
  color: var(--neutral-900, #252625);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.popup__content {
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin-top: 16px;
}

.popup__content ul {
  margin-left: 15px;
}

.popup__content ul li {
  line-height: 20px;
  letter-spacing: 0.28px;
}

.popup__forgot-link {
  text-align: right;
}

.popup__forgot-link a {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.popup__forgot-link a:hover {
  color: var(--Primary-blue-Blue-400);
}

.popup__buttons {
  margin: 24px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

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

.popup__buttons--between .button {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.popup__another-login {
  margin-top: 24px;
}

.popup__another-login-title {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.56px;
  text-align: center;
  padding-bottom: 12px;
}

.popup__another-login-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}

.popup__message {
  display: none;
  margin-top: 24px;
}

.popup__message.show {
  display: block;
}

.popup__message-text {
  color: var(--Secondary-Red-Red-600, #ee307d);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.56px;
  text-align: center;
}

.popup__note {
  color: var(--Grey-scale-Grey-300, #c0c0cc);
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.48px;
  margin-top: 10px;
}

.popup__note a {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.popup__note a:hover {
  color: var(--Primary-blue-Blue-400);
}

.popup__desc {
  color: var(--neutral-900, #252625);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.popup .recovery {
  max-width: 600px;
}

.popup .recovery .popup__desc {
  padding-bottom: 15px;
}

.popup .recovery__nav {
  padding: 0 24px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f2f3f7;
}

.popup .recovery__nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  text-decoration: none;
  padding: 10px 16px 17px;
  position: relative;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

.popup .recovery__nav-item:hover {
  color: var(--Primary-blue-Blue-400, #9195ff);
}

.popup .recovery__nav-item::before {
  content: "";
  width: 100%;
  height: 3px;
  background: #474eff;
  position: absolute;
  left: 0;
  bottom: -1px;
  opacity: 0;
}

.popup .recovery__nav-item--active {
  color: #1d1d1f;
  cursor: default;
}

.popup .recovery__nav-item--active:hover {
  color: #1d1d1f;
}

.popup .recovery__nav-item--active::before {
  opacity: 1;
}

.popup .recovery__email {
  display: none;
}

.popup .recovery__content {
  padding: 0 0 30px 0;
}

.popup .recovery__item {
  margin-bottom: 24px;
}

.popup .recovery__info-text {
  color: var(--Body-text-black, #424242);
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.popup .recovery__footer {
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  align-items: center;
  gap: 16px;
}

.popup .recovery .error-field button.clear {
  top: 16px;
}

.popup .recovery .phone-submit__field {
  margin-top: 24px;
  display: none;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.popup .recovery .phone-submit__field .input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.popup .recovery .phone-submit__timer {
  min-width: 102px;
  width: 102px;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  border-radius: 10px;
  border: 1px solid var(--Primary-blue-Blue-200, #c8caff);
  background: var(--White, #fff);
  padding: 17px 12px;
  height: 60px;
  max-height: 60px;
}

.popup .recovery .phone-submit__repeat {
  display: none;
  color: #c0c0cc;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  padding: 10px;
  text-decoration: none;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  cursor: default;
}

.popup .recovery .phone-submit__repeat--active {
  cursor: pointer;
  color: var(--Blue-600, #474eff);
}

.popup .recovery .phone-submit__repeat--active:hover {
  color: var(--Primary-blue-Blue-400);
}

.popup .recovery .recovery__sms-submit {
  display: none;
}

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

.popup-item__title {
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
  color: var(--Grey-scale-Grey-600, #78787f);
  text-align: right;
}

.popup-item__value {
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.popup-item--promo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup-item--promo .input-group {
  margin: 0;
  max-width: 115px;
}

.popup-item--promo .popup-item__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.popup-item--points .input-group {
  max-width: 150px;
}

.popup-total {
  padding-top: 24px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.popup-total .popup-item {
  font-size: 20px;
}

#popup-specialties .popup__container {
  max-width: 1224px;
}

#popup-specialties .popup__content {
  max-height: 604px;
  overflow: auto;
}

#popup-sign-in .popup__container,
#popup-registration .popup__container,
#popup-log-out .popup__container,
#popup-want-lector .popup__container,
#popup-callback .popup__container,
#popup-support .popup__container {
  max-width: 416px;
}

#popup-callback .checkbox-group-politic,
#popup-support .checkbox-group-politic {
  margin-top: 10px;
}

.support-list.filter-cycles__specs-list {
  margin-top: -16px;
  margin-bottom: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--Primary-blue-Blue-200, #c8caff);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 0;
}

.support-list.filter-cycles__specs-list .filter-cycles__specs-items {
  height: auto;
  max-height: 245px;
  padding-right: 0;
}

.support-choice {
  margin-bottom: 16px;
}

.support-choice.filter-cycles__specs-choise--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.popup-specialties {
  -webkit-columns: 5;
     -moz-columns: 5;
          columns: 5;
  padding-right: 16px;
}

.popup-specialties__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}

.popup-specialties__group-letter {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.popup-specialties__group-item input {
  width: auto;
}

.popup-specialties__group-item .checkbox-label__title {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.14px;
}

.popup__form {
  margin-top: 24px;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 25px 0 0 0;
}

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

.pagination__pages a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Blue-600, #474eff);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  text-decoration: none;
  margin: 0 9px 0 0;
  border-radius: 12px;
  background-color: var(--White, #fff);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.pagination__pages a:hover {
  background: var(--Primary-blue-Blue-50, #ededff);
}

.pagination__pages a:focus {
  background: var(--Primary-blue-Blue-100, #dadcff);
}

.pagination__pages a.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--White, #fff);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  border-radius: 12px;
  background-color: var(--Blue-600, #474eff);
}

.pagination__pages a.active:hover,
.pagination__pages a.active:focus {
  background-color: var(--Blue-600, #474eff);
}

.pagination__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 8px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  background-color: var(--White, #fff);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.pagination__more:hover {
  background: var(--Primary-blue-Blue-50, #ededff);
}

.pagination__more:focus {
  background: var(--Primary-blue-Blue-100, #dadcff);
}

.pagination__more a.more {
  color: var(--Blue-600, #474eff);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  text-decoration: none;
}

section.breadcrumbs ul {
  margin: 14px auto 22px;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 4px;
}

section.breadcrumbs ul:after {
  content: "";
  display: table;
  clear: both;
}

section.breadcrumbs ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-wrap: break-word;
  white-space: normal;
}

section.breadcrumbs ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

section.breadcrumbs ul li a span {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474EFF));
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.14px;
}

section.breadcrumbs ul li a i.arrow {
  display: inline-block;
  background: url("../img/icon/arrow-breadcrumbs.svg") no-repeat 0 0;
  width: 24px;
  height: 24px;
}

section.breadcrumbs ul li a:hover span {
  text-decoration: underline;
}

section.breadcrumbs ul li span {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.14px;
}

.journal {
  width: 100%;
  background: #fff;
  border-radius: 24px;
  min-height: 720px;
}

.journal__title {
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.journal__body {
  padding: 32px 24px;
}

.journal__filter-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  padding-bottom: 8px;
}

.journal__filter {
  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;
  margin-bottom: 24px;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.journal__filter-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.journal .journal__dates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.journal .journal__dates .input-group {
  max-width: 180px;
  width: 100%;
  margin: 0;
}

.journal .journal__dates .divider {
  min-width: 16px;
  height: 1px;
  background: var(--Primary-blue-Blue-200, #c8caff);
  margin: 0 8px;
  position: relative;
  top: 24px;
}

.journal__table {
  padding-bottom: 24px;
}

.journal .pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0;
}

.journal .pagination .pagination__more {
  display: none;
}

.journal__row-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--Grey-scale-Grey-200, #dfdfe8);
  background: var(--EDU-BG, #f5f5f7);
  border-radius: 8px 8px 0 0;
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  text-align: left;
}

.journal__row-header .journal__column {
  padding-bottom: 12px;
}

.journal__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  border-left: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  border-right: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.journal__row:hover {
  background: #f8f8fa;
}

.journal__column {
  padding: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.journal__column--name {
  padding-left: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  text-align: left;
}

.journal__column--name a {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  text-decoration: none;
}

.journal__column--name a:hover {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.journal__column--start {
  min-width: 165px;
  max-width: 165px;
}

.journal__column--result {
  min-width: 180px;
  max-width: 180px;
  text-align: left;
}

.journal__column--link {
  padding-right: 16px;
  min-width: 72px;
  max-width: 72px;
}

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

.journal__column--end {
  min-width: 165px;
  max-width: 165px;
}

.journal__column .date {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding-bottom: 2px;
}

.journal__column .time {
  color: var(--Grey-scale-Grey-700, #606066);
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
}

.journal__not-found {
  min-height: 487px;
  background: var(--EDU-BG, #f5f5f7);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.journal__not-found .title {
  max-width: 344px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  margin: 8px 0;
}

.journal__not-found .desc {
  color: var(--Grey-scale-Grey-600, #78787f);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.test-result {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 2px 8px 2px 2px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.test-result span {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.test-result--done {
  background: var(--Status-colors-Success-600, #28a745);
  color: #fff;
}

.test-result--done span {
  background: url("../img/icon/check-white.svg") no-repeat 0 0;
}

.test-result--fail {
  color: #fff;
  background: var(--Status-colors-Danger-600, #dc3545);
}

.test-result--fail span {
  background: url("../img/icon/error-white.svg") no-repeat 0 0;
}

.test-result--not-completed,
.test-result--take-test {
  color: #fff;
  background: var(--Primary-blue-Blue-500, #6c71ff);
}

.test-result--not-completed span,
.test-result--take-test span {
  background: url("../img/icon/instructionicon-icon-w.svg") no-repeat 0 0;
}

.journal__footer {
  padding: 24px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  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;
}

.journal-lk {
  margin-bottom: 0;
  min-height: auto;
}

.journal-lk input[type=checkbox] {
  width: auto;
}

.journal-lk .journal__filter {
  display: block;
}

.journal-lk .journal__dates {
  margin-right: 0;
}

.journal-lk .journal__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.journal-lk .journal__group--checks {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}

.journal-lk .journal__filter-group {
  display: block;
}

.journal-lk .journal__filter-group--search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.journal-lk .journal__checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.journal-lk .journal__column--end {
  min-width: 130px;
  max-width: 130px;
  text-align: left;
}

.journal-lk .journal__row .journal__column--sort {
  display: block;
}

.journal-lk {
  margin-bottom: 0;
  min-height: auto;
}

.journal-lk input[type=checkbox] {
  width: auto;
}

.journal-lk .journal__filter {
  display: block;
}

.journal-lk .journal__dates {
  margin-right: 0;
}

.journal-lk .journal__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.journal-lk .journal__group--checks {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}

.journal-lk .journal__filter-group {
  display: block;
}

.journal-lk .journal__filter-group--search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.journal-lk .journal__checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.journal-lk .journal__column--end {
  min-width: 130px;
  max-width: 130px;
}

.journal-lk .journal__row .journal__column--sort {
  display: block;
}

.journal-exam {
  background: #fff;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.journal-exam .journal__table-container {
  margin-bottom: 24px;
}

.cycle-card {
  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;
  border-radius: 16px;
  background-color: #f8f8fa;
  max-width: 100%;
}

.cycle-card__header {
  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;
  padding: 16px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.cycle-card__header .date,
.cycle-card__header .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--Grey-scale-Grey-800, #353538);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.26px;
}

.cycle-card__header .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--Status-colors-Info-600, #17a2b8);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.26px;
}

.cycle-card__header .status.passed {
  color: var(--Status-colors-Success-600, #28a745);
}

.cycle-card__header .status.not-accepted {
  color: var(--Status-colors-Danger-600, #dc3545);
}

.cycle-card__body {
  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;
  min-height: 180px;
  max-height: 180px;
  padding: 16px 16px 0;
}

.cycle-card__type {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.26px;
}

.cycle-card__name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.cycle-card__footer {
  padding: 16px;
  text-align: right;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.cycle-card__footer a {
  color: var(--Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding: 14px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cycle-card__footer a:hover {
  color: var(--Primary-blue-Blue-400);
}

.cycle-card--done .cycle-card__header {
  background-color: #edfaf6;
  border-radius: 12px 12px 0 0;
}

.cycle-card--not-accepted .cycle-card__header {
  border-radius: 12px 12px 0 0;
  background-color: #fdf0f5;
}

.event {
  border-radius: 24px;
  background: var(--White, #fff);
  margin-bottom: 16px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
}

.event__header {
  padding: 16px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.event__datetime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.event .date span {
  color: var(--Grey-scale-Grey-800, #353538);
  text-align: center;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.event .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.event__labels {
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.event__labels .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 8px 2px 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background-color: #f5f5ff;
  color: var(--Primary-blue-Blue-500, #6c71ff);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  gap: 5px;
}

.event__labels span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  max-height: 32px;
  padding: 0 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 60px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.event__labels .zet {
  background-color: #ebfff9;
  color: var(--Secondary-green-Green-600, #20ac82);
}

.event__labels .in-edu {
  background-color: #f5f5ff;
  color: var(--Primary-blue-Blue-500, #6c71ff);
}

.event__labels .pay {
  background-color: #f9f2ff;
  color: var(--Secondary-Violet-Violet-600, #a140ff);
}

.event__labels .error {
  background-color: var(--Secondary-Red-Red-25, #fdf3f7);
  color: var(--Secondary-Red-Red-600, #ee307d);
}

.event__labels .done {
  background-color: #ebfff9;
  color: var(--Status-colors-Success-600, #28a745);
}

.event__labels .in-cycle {
  background-color: #ebfcff;
  color: var(--Status-colors-Info-600, #17a2b8);
}

.event__labels .pay {
  background-color: #f9f2ff;
  color: var(--Secondary-Violet-Violet-600, #a140ff);
}

.event__body {
  padding: 16px;
  min-height: 190px;
}

.event__type {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding-bottom: 8px;
}

.event__title {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-bottom: 8px;
  display: inline-block;
}

.event__title:hover {
  text-decoration: underline;
}

.event__specialty {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding-bottom: 16px;
}

.event__specialty span {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.event__counter {
  cursor: pointer;
  margin-top: 20px;
  padding: 4px 0 16px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.event__counter:hover {
  color: var(--Primary-blue-Blue-400);
}

.event__counter:hover::after {
  opacity: 0.5;
}

.event__counter::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../img/icon/chevron.svg);
  margin: 0 0 0 8px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.event__counter--active::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.event__list {
  display: none;
  overflow: auto;
  max-height: 344px;
  margin: 0 0 10px 0;
}

.event__list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px 16px 8px 8px;
  background-color: #f8f8fa;
}

.event__list .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  text-decoration: none;
}

.event__list .item a:hover {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.event__list .item:nth-child(2n) {
  background-color: var(--White, #fff);
}

.event__list--active {
  display: block;
}

.event__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--Cards-BG, #f7f8ff);
  margin: 16px 0 0 0;
  border-radius: 8px 8px 0 0;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event__info div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Grey-scale-Grey-800, #353538);
  text-align: center;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.event__info div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--Secondary-green-Green-700, #1a8a68);
  text-align: center;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  margin: 0 8px;
}

.event__info div span.event__info-error {
  color: var(--Status-colors-Danger-600, #dc3545);
}

.event__info .exam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  gap: 8px;
}

.event__info .exam:hover {
  color: var(--Primary-blue-Blue-400);
}

.event__info .exam:hover .ico {
  opacity: 0.5;
}

.event__info--end {
  border-top: 1px solid #ffffff;
  border-radius: 0 0 8px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--Cards-BG, #f7f8ff);
  margin: 0;
}

.event__info .done {
  padding: 2px 8px 2px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background-color: #ebfff9;
  color: var(--Status-colors-Success-600, #28a745);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  margin: 0;
  gap: 5px;
}

.event__info .error {
  padding: 2px 8px 2px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background-color: var(--Secondary-Red-Red-25, #fdf3f7);
  color: var(--Secondary-Red-Red-600, #ee307d);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  margin: 0;
  gap: 5px;
}

.event__info .upload {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  gap: 5px;
}

.event__info .upload:hover {
  color: var(--Primary-blue-Blue-400);
}

.event__info .upload:hover .ico {
  opacity: 0.5;
}

.event__footer {
  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;
  padding: 16px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.event__footer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.event__footer .price {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px 12px;
  border-radius: 12px;
  background-color: var(--Grey-scale-Grey-25, #f2f3f7);
  height: 48px;
}

.event__footer .price span {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.event__footer .price sup {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.26px;
}

.event__footer .error {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Status-colors-Danger-600, #dc3545);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event__footer .done {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Status-colors-Success-600, #28a745);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event__footer--cycle {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.event__footer--cycle .event__footer-group {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event__footer--cycle .price {
  height: 56px;
}

.event-empty {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  padding: 24px;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 16px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
  border-radius: 24px;
}

.event--cart .event__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event--cart .event__controls {
  border-radius: 12px;
  background: var(--EDU-BG, #f5f5f7);
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.event--cart .event__controls .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.event--cart .event__controls .checkbox + label::before {
  margin: 0;
}

.event--cart .event__remove {
  padding: 4px;
}

.event--detail .event__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  padding: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event--detail .event__header .event__labels {
  margin-bottom: 0;
  width: 100%;
}

.event--detail .event__calendar {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.event--detail .event__calendar:hover {
  color: var(--Primary-blue-Blue-400);
}

.event--detail .event__calendar:hover .ico {
  opacity: 0.5;
}

.event--detail .event__type {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event--detail .event__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  margin-bottom: 16px;
}

.event--detail .event__title:hover {
  text-decoration: none;
}

.event--detail .event__labels {
  margin-bottom: 24px;
  margin-top: 0;
}

.event--detail .event__info-block-header {
  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;
  margin-bottom: 8px;
}

.event--detail .event__info-block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.event--detail .event__info-block-title span {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.event--detail .event__info-block-title .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background: var(--EDU-BG, #f5f5f7);
  color: var(--Secondary-green-Green-600, #20ac82);
  text-align: center;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.42px;
  font-size: 14px;
}

.event--detail .event__info-block-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  gap: 8px;
}

.event--detail .event__info-block-toggle .ico {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.event--detail .event__info-block-toggle:hover {
  color: var(--Primary-blue-Blue-400);
}

.event--detail .event__info-block-toggle:hover .ico {
  opacity: 0.5;
}

.event--detail .event__info-block--open .event__info-block-toggle .ico {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.event--detail .event__info-block--open .event__desc-short {
  display: none;
}

.event--detail .event__info-block--open .event__desc-full {
  display: block;
}

.event--detail .event__desc-full {
  display: none;
}

.event--detail .event__info {
  border-radius: 0;
  margin: 8px 0 24px 0;
}

.event--detail .event__desc {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event--detail .event__desc a {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event--detail .event__desc a:hover {
  text-decoration: underline;
}

.event--detail .event__footer--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.event--detail .event__footer--between .done {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Status-colors-Success-600, #28a745);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event--detail .event__footer--between .event__footer-group {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.event--detail--stat .event__info {
  border-radius: 8px 8px 0 0;
  margin: 8px 0 0;
}

.event--detail--stat .event__info--end {
  border-radius: 0 0 8px 8px;
  margin: 0 0 24px;
}

.event-list {
  margin-top: 32px;
  width: 100%;
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
}

.event-list__header {
  padding: 24px;
  border-radius: 24px 24px 0 0;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.event-list__body {
  margin: 24px;
  max-height: 446px;
  overflow: auto;
}

.event-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 0 10px 0;
  padding: 0 16px 0 0;
  gap: 32px;
}

.event-list__item-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 212px;
  color: var(--Grey-scale-Grey-800, #353538);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  gap: 8px;
}

.event-list__item-time::before {
  content: "";
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  background-image: url("../img/icon/time.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.event-list__item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  padding: 0 0 10px 0;
}

.event-list__item-desc p {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding: 8px 0 16px 0;
}

.event-list__footer {
  padding: 24px;
  text-align: right;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.event-list--cycle .event-list__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.event-list--cycle .event-list__body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding: 8px 0 16px 0;
}

.event-list--cycle .event-list__body .big {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.36px;
  padding: 0 0 24px 0;
}

.event-list--cycle .event-list__body a {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event-list--cycle .event-list__body a:hover {
  text-decoration: underline;
}

.event-list--cycle .event-list__body .bold {
  font-weight: 600;
}

.event-list--schedule {
  overflow-x: hidden;
  max-width: 1224px;
}

.event-list--schedule .event-list__body {
  max-height: none;
  overflow: hidden;
}

.event-list--schedule .event-list__header {
  padding-bottom: 0;
}

.event-list--schedule .event-list__nav {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -1px;
}

.event-list--schedule .event-list__nav-item {
  padding: 16px 17px;
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  border-bottom: 3px solid transparent;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.event-list--schedule .event-list__nav-item:hover {
  color: var(--Primary-blue-Blue-400);
}

.event-list--schedule .event-list__nav-item--active {
  border-color: #474eff;
}

.event-list--schedule .event-list__nav-item--active:hover {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.event-list--schedule .event-list__tab {
  display: none;
}

.event-list--schedule .event-list__tab:first-child {
  display: block;
}

.event-list--schedule .event-list__slider-controls {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-list--schedule .event-list__slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.event-list--schedule .event-list__slider-arrows .event-list__slider-right i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.event-list--schedule .swiper-dots {
  text-align: center;
  margin-left: 66px;
  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;
}

.event-list--schedule .swiper-dots .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid var(--Primary-blue-Blue-500, #6c71ff);
  cursor: pointer;
  margin: 2px 8px 0 8px;
  background: transparent;
  opacity: 1;
}

.event-list--schedule .swiper-dots .swiper-pagination-bullet:hover {
  background: var(--Primary-blue-Blue-50, #ededff);
}

.event-list--schedule .swiper-dots .swiper-pagination-bullet-active {
  width: 18px;
  height: 18px;
  margin: 0 8px;
  background: #474eff;
}

.event-list--schedule .swiper-dots .swiper-pagination-bullet-active:hover {
  background: #474eff;
}

.event-translation {
  margin-top: 32px;
  width: 100%;
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
}

.event-translation__header {
  padding: 24px;
  border-radius: 24px 24px 0 0;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.event-translation__img {
  max-width: 100%;
}

.event-translation__body {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.event-translation__title {
  padding: 16px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.event-translation__footer {
  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;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.event-translation__footer--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.event-translation .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.event-translation .date span {
  color: var(--Grey-scale-Grey-800, #353538);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event-translation .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.event-test {
  margin-top: 32px;
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
  background: #fff;
}

.event-test__header {
  padding: 24px;
  border-radius: 24px 24px 0 0;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.event-test__body {
  padding: 24px;
}

.event-test__footer {
  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;
  background: rgb(248, 248, 250);
  border-radius: 0 0 16px 16px;
  padding: 16px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.event-test__footer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.event-test .event__info {
  margin-top: 0;
  padding: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event-test .event-test__footer {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.event-translation__body--translation {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.event-translation__body-video {
  width: 100%;
  background: #fff;
}

.event-translation__body-video-stats {
  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: 14px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.event-translation__body-video .stats-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 4px;
}

.event-translation__body-video .stats-wrapper .views,
.event-translation__body-video .stats-wrapper .checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.event-translation__body-video .stats-wrapper .views span,
.event-translation__body-video .stats-wrapper .checks span {
  color: var(--Grey-scale-Grey-800, #353538);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.event-translation__body-video .stats-wrapper .views .count,
.event-translation__body-video .stats-wrapper .checks .count {
  font-weight: 600;
}

.event-translation__body-video .fullscreen-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.event-translation__body-video .fullscreen-container .fullscreen-btn,
.event-translation__body-video .fullscreen-container .toggle-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  gap: 8px;
}

.event-translation__body-video .fullscreen-container .fullscreen-btn:hover,
.event-translation__body-video .fullscreen-container .toggle-chat:hover {
  color: var(--Primary-blue-Blue-400);
}

.event-translation__body-video .fullscreen-container .fullscreen-btn:hover .ico,
.event-translation__body-video .fullscreen-container .toggle-chat:hover .ico {
  opacity: 0.5;
}

.event-translation__body-video .fullscreen-container .toggle-chat span::before {
  content: "Свернуть чат";
}

.event-translation__body-video .fullscreen-container .toggle-chat--hidden {
  display: none;
}

.event-translation__body-video .fullscreen-container .toggle-chat--active span::before {
  content: "Развернуть чат";
}

.event-translation__body-video .fullscreen-container .toggle-chat--active .ico {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

.event-translation__body-video-player {
  width: 100%;
  height: 492px;
}

.event-translation__body-video-player iframe {
  border: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-translation__body-video--full {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1000;
  position: fixed;
}

.event-translation-aside {
  min-width: 350px;
  max-width: 350px;
  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;
}

.event-translation-aside .message-container {
  display: none;
}

.event-translation-aside .message-container:first-child {
  display: block;
}

.event-translation-aside__header {
  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(--Grey-scale-Grey-100, #e6e6f0);
  border-left: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  height: 50px;
}

.event-translation-aside .chat-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}

.event-translation-aside .chat-nav__item {
  padding: 14px 16px;
  color: var(--Primary-blue-Blue-700, #393fd2);
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  text-decoration: none;
  position: relative;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.event-translation-aside .chat-nav__item:hover {
  color: var(--Primary-blue-Blue-400, #9195ff);
}

.event-translation-aside .chat-nav__item::before {
  content: "";
  width: 100%;
  height: 3px;
  background: var(--Blue-600, #474eff);
  position: absolute;
  left: 0;
  bottom: -2px;
  opacity: 0;
}

.event-translation-aside .chat-nav__item--active::before {
  opacity: 1;
}

.event-translation-aside .chat-nav__item--active:hover {
  color: var(--Primary-blue-Blue-700, #393fd2);
}

.event-translation-aside .chat-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-translation-aside .chat-controls__item {
  padding: 10px;
}

.event-translation-aside .chat-controls__item--new-tab {
  display: none;
}

.event-translation-aside__footer {
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.event-translation-aside__footer-controls {
  gap: 4px;
  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;
}

.event-translation-aside__footer-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.event-translation-aside__footer .field {
  padding: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.event-translation-aside__footer .field input {
  background: none;
  border-radius: 0;
  border: none;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-weight: 400;
  padding-right: 12px;
}

.event-translation-aside__footer .field input::-webkit-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-weight: 400;
}

.event-translation-aside__footer .field input::-moz-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-weight: 400;
}

.event-translation-aside__footer .field input:-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-weight: 400;
}

.event-translation-aside__footer .field input::-ms-input-placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-weight: 400;
}

.event-translation-aside__footer .field input::placeholder {
  color: var(--Grey-scale-Grey-500, #909099);
  font-weight: 400;
}

.event-translation-aside__footer .chat-file-btn {
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-height: 48px;
  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;
  border-radius: 12px;
  border: 1px solid var(--Blue-600, #474eff);
}

.event-translation-aside__footer .chat-file-input {
  display: none;
}

.event-translation-aside__footer .chat-submit-btn {
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-height: 48px;
  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;
  border-radius: 12px;
  background: var(--Color-Light-Base-4, #dadde7);
  border: 1px solid transparent;
}

.event-translation-aside__footer .chat-submit-btn--active {
  background: var(--Blue-600, #474eff);
  border-color: var(--Blue-600, #474eff);
}

.event-translation-aside__footer .chat-file-template {
  display: none;
}

.event-translation-aside__footer .chat-file {
  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: 6px 4px 4px;
  border-radius: 12px;
  background: var(--EDU-BG, #f5f5f7);
  padding: 6px;
}

.event-translation-aside__footer .chat-file .ico {
  margin: 0 !important;
}

.event-translation-aside__footer .chat-file__name {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-translation-aside__footer .chat-file__name::before {
  content: url(../img/icon/file-gray.svg);
  margin-right: 4px;
}

.event-translation-aside__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 8px;
  max-height: 420px;
  overflow-x: auto;
}

.event-translation-aside--hidden {
  min-width: 54px;
  width: 54px;
  max-width: 54px;
}

.event-translation-aside--hidden .chat-nav {
  display: none;
}

.event-translation-aside--hidden .chat-controls__item {
  display: none;
}

.event-translation-aside--hidden .chat-controls__item--new-tab {
  display: inline-block;
}

.event-translation-aside--hidden .event-translation-aside__body {
  display: none;
}

.event-translation-aside--hidden .event-translation-aside__footer {
  display: none;
}

.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding: 6px 4px;
  background: #fff;
}

.message__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: hidden;
}

.message__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  min-width: 40px;
}

.message__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: 8px;
  gap: 16px;
}

.message__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: none;
}

.message__control-item {
  position: relative;
}

.message__control-item--pen:hover i {
  background-image: url("../img/icon/pen-icon-hover.svg");
}

.message__control-item--ban:hover i {
  background-image: url("../img/icon/ban-icon-hover.svg");
}

.message__control-item--lector:hover i {
  background-image: url("../img/icon/lector-icon-hover.svg");
}

.message__control-item--delete:hover i {
  background-image: url("../img/icon/delete-icon-hover.svg");
}

.message__control-item--pin:hover i {
  background-image: url("../img/icon/pin-icon-hover.svg");
}

.message__control-item--pin-active i {
  background-image: url("../img/icon/pin-icon-active.svg") !important;
}

.message__control-item--pin-active i:hover {
  background-image: url("../img/icon/pin-icon-active.svg") !important;
}

.message__name {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.message__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding: 0 8px;
}

.message__edit-done i {
  margin: 0 !important;
}

.message__edit-cancel i {
  margin: 0 !important;
}

.message__file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  border-radius: 12px;
  background: #ebebed;
  text-decoration: none;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
  width: 100%;
  margin-top: 6px;
}

.message__file::before {
  content: url("../img/icon/file-gray.svg");
  margin-right: 4px;
}

.message:hover {
  background: var(--EDU-BG, #f5f5f7);
}

.message:hover .message__controls {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.message:hover .message__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
}

.message--pin {
  background: var(--Secondary-Violet-Violet-15, #fbf7ff);
  position: sticky;
  top: 0;
  z-index: 10;
}

.message--pin .message__file {
  background: var(--Secondary-Violet-Violet-50, #f6ecff);
}

.message--pin .message__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.message--pin .message__control-item {
  display: none;
}

.message--pin .message__control-item--pin {
  display: inline-block;
}

.message--pin .message__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
}

.message--pin:hover .message__name {
  max-width: 90%;
}

.edu {
  margin-top: 32px;
  padding: 24px;
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#feede5));
  background: linear-gradient(90deg, #fff 0%, #feede5 100%);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
}

.edu p {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.edu p span {
  color: #fe5500;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.edu__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 10px;
  background: #f8f8fa;
  margin: 16px 0;
}

.edu__add a {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.32px;
  text-decoration: none;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.edu__add a:hover {
  color: var(--Primary-blue-Blue-400);
}

.edu__notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  color: var(--Grey-scale-Grey-600, #78787f);
  line-height: 20px;
  letter-spacing: 0.28px;
}

.advertising {
  width: 100%;
  padding: 24px;
  border-radius: 24px;
  background: var(--White, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
  margin-top: 32px;
}

.advertising--gray {
  background: var(--Cards-BG, #f7f8ff);
}

.advertising__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  padding: 0 0 16px 0;
}

.advertising__desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
}

.advertising__img {
  margin: 26px auto 28px;
}

.advertising .button {
  width: 100%;
}

.events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.events__left {
  width: 392px;
  min-width: 392px;
  max-width: 392px;
}

.events__block {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.events__all {
  width: 100%;
  padding: 24px 24px 16px 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  border-radius: 24px;
  background: var(--White, #fff);
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.events__all--mobile {
  display: none;
  padding: 0;
}

.events__all--mobile .events__all-header {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.events__all--mobile .events__all-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.events__all--mobile .events__all-count {
  color: var(--Grey-scale-Grey-400, #a8a8b2);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.events__all--mobile .events-all__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 16px;
  overflow-x: auto;
}

.events__all--mobile .events-all__filters-item {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6px 12px;
  text-decoration: none;
  color: var(--Blue-600, #474eff);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  gap: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--Grey-scale-Grey-50, #f0f0f7);
  border-radius: 60px;
}

.events__all--mobile .events-all__filters-item .event__filter-close {
  display: none;
}

.events__all--mobile .events-all__filters-item--sort {
  padding: 6px;
}

.events__all--mobile .events-all__filters-item--active {
  padding: 6px 6px 6px 12px;
  color: #fff;
  background: var(--Primary-blue-Blue-600, #474eff);
}

.events__all--mobile .events-all__filters-item--active .event__filter-close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.events__all--mobile .events-all__filters-item--active i.ico.filters {
  background-image: url("../img/icon/filters-white.svg");
}

.events__all--mobile .events-all__filters-item--active i.ico.sort-mob {
  background-image: url("../img/icon/sort-mob-white.svg");
}

.events__filter {
  border-radius: 24px;
  background: var(--White, #fff);
  margin-bottom: 24px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.events__filter-header {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  padding: 24px 24px 16px 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.events__filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 24px 24px;
  gap: 8px;
}

.events__filter-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 6px 6px 6px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  background-color: var(--Blue-600, #474eff);
  color: var(--White, #fff);
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.56px;
  text-align: center;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  gap: 6px;
}

.events__filter-list-item:hover {
  background: var(--Primary-blue-Blue-700, #393fd2);
}

.events__filter-list-item .ico {
  cursor: pointer;
}

.events__filter-list-item--clear {
  padding: 6px 12px;
  background-color: var(--EDU-BG, #f5f5f7);
  color: var(--Blue-600, #474eff);
  cursor: pointer;
}

.events__filter-list-item--clear:hover {
  background: var(--Primary-blue-Blue-50, #ededff);
}

.cycle-not-found {
  min-height: 344px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px;
  border-radius: 24px;
  background: #ededf7;
}

.cycle-not-found__title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.36px;
  margin: 10px 0;
}

.cycle-not-found__desc {
  color: var(--Grey-scale-Grey-700, #606066);
  font-size: 14px;
}

.events__block--overflow-cycle {
  overflow-x: hidden;
}

.events__block--overflow-cycle .event,
.events__block--overflow-cycle .edu,
.events__block--overflow-cycle .event-list--schedule,
.events__block--overflow-cycle .event-list--cycle {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.filter-cycles {
  width: 100%;
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.filter-cycles__title {
  padding: 28px 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.filter-cycles__close {
  display: none;
}

.filter-cycles__specs {
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.filter-cycles__specs-choise {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 48px;
  max-height: 48px;
  padding: 11px 12px;
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  border-radius: 10px;
  border: 1px solid var(--Primary-blue-Blue-200, #c8caff);
  background: transparent;
}

.filter-cycles__specs-choise:hover {
  border-color: var(--Primary-blue-Blue-500, #6c71ff);
}

.filter-cycles__specs-choise--open i.ico {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.filter-cycles__specs-list {
  display: none;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(68, 83, 113, 0.1), 0px 12px 20px 0px rgba(68, 83, 113, 0.05);
          box-shadow: 0px 0px 20px 0px rgba(68, 83, 113, 0.1), 0px 12px 20px 0px rgba(68, 83, 113, 0.05);
  border-radius: 16px;
  padding-top: 15px;
}

.filter-cycles__specs-list .input-group--sm {
  margin: 0 16px 20px;
}

.filter-cycles__specs-list-all {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.filter-cycles__specs-list-all:hover {
  color: var(--Primary-blue-Blue-400);
}

.filter-cycles__specs-list--open {
  display: block;
}

.filter-cycles__specs-items {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 245px;
  padding: 0 13px 0 0;
}

.filter-cycles__specs-items .checkbox-group {
  padding: 8px 16px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.filter-cycles__specs-items .checkbox-group .checkbox-label {
  width: 100%;
}

.filter-cycles__specs-items .checkbox-group:last-child {
  border-bottom: none;
}

.filter-cycles__specs-link-holder {
  text-align: right;
  margin-top: 16px;
}

.filter-cycles__group-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-bottom: 18px;
}

.filter-cycles__body {
  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: 24px;
}

.filter-cycles__body .input-group {
  margin-bottom: 0;
}

.filter-cycles__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

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

.filter-cycles__inputs-divider {
  min-width: 16px;
  height: 2px;
  background: #c8caff;
}

.filter-cycles__footer {
  padding: 24px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.filter-cycles__footer .button {
  width: 100%;
}

.filter-cycles__close-btn {
  display: none;
}

.filter-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.65);
  display: none;
}

.profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.profile__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
  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;
}

.profile__inner--no-bg {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.profile__inner--no-bg .profile__header {
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
  border-bottom: none;
  border-radius: 24px;
  padding: 0;
  margin-bottom: 24px;
}

.profile__inner--no-bg .profile__header .profile__title {
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  padding: 24px;
}

.profile__inner--no-bg .profile__body {
  padding: 0;
}

.profile__header {
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.profile__header--documents {
  padding-bottom: 0;
}

.profile__title {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.profile__desc {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding-top: 10px;
}

.profile__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px;
}

.profile__footer {
  padding: 24px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.profile__footer-success {
  color: var(--Status-colors-Success-600, #28a745);
  font-weight: 600;
}

.profile__footer-error {
  color: var(--Secondary-Red-Red-600, #ee307d);
  font-weight: 600;
}

.profile__footer--right {
  text-align: right;
}

.profile__footer--between {
  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;
}

.change-pass {
  max-width: 380px;
}

.subscribes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.referral__account {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  margin-bottom: 24px;
}

.referral__account span {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.referral__get-link {
  display: none;
}

.referral__get-link-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  padding-bottom: 15px;
}

.referral__get-link-holder {
  padding: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 12px;
  background-color: var(--Cards-BG, #f7f8ff);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  margin-bottom: 24px;
}

.referral__get-link-holder a {
  color: var(--Primary-blue-Blue-700, #393fd2);
}

.referral__get-link-holder a:hover {
  text-decoration: underline;
}

.referral__desc {
  margin-top: 24px;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.referral--get-link .referral__invite-button {
  display: none;
}

.referral--get-link .referral__get-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.profile-form__title {
  font-size: 18px;
  letter-spacing: 0.36px;
  font-weight: 600;
}

.profile-form__group {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}

.profile-form__group .input-group {
  margin: 0;
}

.profile-form__group--single {
  grid-template-columns: repeat(1, 1fr);
}

.profile__subtitle {
  font-size: 18px;
  letter-spacing: 0.36px;
  font-weight: 600;
  padding-bottom: 24px;
}

.profile__added-work-template {
  margin-bottom: 24px;
  display: none;
}

.profile__added-work {
  margin-bottom: 24px;
}

.profile__added-work__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}

.profile__added-work__container .select-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 24px;
}

.profile__work-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 450px;
  gap: 16px;
}

.profile__work-date .input-group--date {
  min-width: 200px;
}

.profile__work-date-desc {
  letter-spacing: 0.28px;
}

.profile__add-work-button--hidden {
  display: none;
}

.profile__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  gap: 5px;
}

.profile__label--error {
  background-color: var(--Secondary-Red-Red-25, #fdf3f7);
  color: var(--Secondary-Red-Red-600, #ee307d);
}

.profile__label--active {
  background-color: #f5f5ff;
  color: var(--Primary-blue-Blue-500, #6c71ff);
}

.profile__label--done {
  background-color: #ebfff9;
  color: var(--Status-colors-Success-600, #28a745);
}

.profile__back {
  display: none;
}

.documents__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 20px;
}

.documents__nav-item {
  padding: 16px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  position: relative;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.documents__nav-item:hover {
  color: var(--Primary-blue-Blue-400, #9195ff);
}

.documents__nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  opacity: 0;
}

.documents__nav-item--active::before {
  opacity: 1;
}

.documents__nav-item--active:hover {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.documents__tab {
  display: none;
}

.documents__tab--active {
  display: block;
}

.documents__tab .checkbox-group {
  margin: 24px 0;
}

.documents__title {
  font-size: 18px;
  letter-spacing: 0.36px;
  font-weight: 600;
  margin-bottom: 24px;
}

.documents__title--offset-top {
  padding-top: 24px;
}

.documents__title--no-offset {
  padding: 0;
}

.profile__scan {
  padding-top: 24px;
}

.profile__scan-desc {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.profile__scan-desc span {
  color: var(--Status-colors-Danger-600, #dc3545);
}

.profile__scan-file {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.profile__scan-file-group {
  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;
}

.profile__scan input[type=file] {
  display: none;
}

.profile__scan .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 64px;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  border: 1px dashed var(--Primary-blue-Blue-300, #b5b8ff);
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
  position: relative;
}

.profile__scan .area::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0 8px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icon/documents-active.svg);
  background-size: 100%;
}

.profile__scan .area.preload {
  border: none;
  background: var(--Status-colors-Success-15, #e4f5e8);
  color: var(--Secondary-green-Green-700, #1a8a68);
}

.profile__scan .area.preload::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0 8px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icon/done-green.svg);
  background-size: 100%;
}

.profile__scan .area--active {
  background-color: #b5b8ff;
  color: #f7f8ff;
  border-color: #f7f8ff;
}

.profile__scan .area.error {
  border: none;
  background-color: #fcebec;
  color: #dc3545;
}

.profile__scan .area.error::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0 8px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/icon/error.svg");
  background-size: 100%;
}

.profile__scan .format {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 64px;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  background-color: #f8f8fa;
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
}

.profile__scan .format::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0 8px 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icon/documents.svg);
  background-size: 100%;
}

.profile__scan .preview {
  overflow: hidden;
  width: 106px;
  height: 136px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icon/preview-picture.svg);
  background-color: #ededfa;
  position: relative;
}

.profile__scan .preview .clear {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 60px;
  background-image: url(../img/icon/x.svg);
  background-color: #474eff;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 2px 2px 0 rgba(68, 83, 113, 0.2), 0 0 1px 0 rgba(68, 83, 113, 0.1);
          box-shadow: 0 2px 2px 0 rgba(68, 83, 113, 0.2), 0 0 1px 0 rgba(68, 83, 113, 0.1);
}

.profile__scan .preview .clear.disabled {
  cursor: default;
  border-radius: 60px;
  background-color: #e4e4f2;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.profile__pasport-family {
  margin-top: 24px;
}

.profile__pasport-optional {
  margin-top: 24px;
  display: none;
}

.profile__pasport-optional--show {
  display: block;
}

.profile__list {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.28px;
  margin: 0 0 16px;
}

.profile__list li {
  list-style: none;
}

.profile__header-period {
  padding: 24px;
}

.profile__header-period .input-group {
  margin: 0;
}

.profile__header-period-label {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  padding-bottom: 8px;
}

.profile__header-period-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}

.profile__header-period-group .input-group {
  width: 100%;
  max-width: 160px;
}

.profile__header-period-group .divider {
  width: 16px;
  height: 2px;
  min-width: 16px;
  background: #c8caff;
}

.profile__header-type-events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}

.profile__header-type-events-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.profile__header-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.profile__inner--testing {
  overflow-x: hidden;
}

.profile__inner--testing .profile__header-filter {
  margin-bottom: 24px;
}

.profile__inner--testing .profile__header-period {
  padding: 0;
}

.profile__inner--testing .profile__header-period-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.profile__inner--testing .profile__header-period-container .profile__header-period-item:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.profile__inner--testing .profile__header-period-group .input-group {
  max-width: 140px;
}

.lk-profile {
  width: 392px;
  min-width: 392px;
  max-width: 392px;
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.lk-profile__title {
  padding: 24px;
}

.lk-profile__person {
  padding: 0 24px 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
}

.lk-profile__person-photo-holder {
  position: relative;
}

.lk-profile__person-photo-holder .ico.photo {
  position: absolute;
  right: -5px;
  bottom: 5px;
  z-index: 2;
}

.lk-profile__person-photo {
  border-radius: 50%;
  width: 88px;
  height: 88px;
}

.lk-profile__person-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}

.lk-profile__person-fio {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
}

.lk-profile__person-type {
  border-radius: 60px;
  background: #edfff9;
  color: var(--Secondary-green-Green-600, #20ac82);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7.5px 12px;
}

.lk-profile__file-upload {
  cursor: pointer;
}

.lk-profile__file-upload-input {
  display: none;
}

.lk-profile__want-lector {
  padding: 0 24px 24px;
}

.lk-profile__contacts {
  padding: 0 24px 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: 10px;
  font-size: 16px;
}

.lk-profile__contacts-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;
  gap: 10px;
}

.lk-profile__contacts-item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.lk-profile__contacts-item-group span:first-child {
  color: var(--Grey-scale-Grey-600, #78787f);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.lk-profile__contacts-item-group span:last-child {
  word-break: break-all;
}

.lk-profile__contacts-item a {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-weight: 600;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.lk-profile__contacts-item a:hover {
  color: var(--Primary-blue-Blue-400);
}

.lk-profile__menu {
  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;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.lk-profile__menu a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  height: 48px;
  border-radius: 12px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.lk-profile__menu a:hover {
  background-color: var(--Primary-blue-Blue-25, #f7f7ff);
}

.lk-profile__menu a.active {
  background-color: var(--Primary-blue-Blue-25, #f7f7ff);
}

.lk-profile__menu a.active .lk-profile__menu-icon-holder {
  background-color: var(--Blue-600, #474eff);
}

.lk-profile__menu a.active .ico.calendar {
  background-image: url("../img/icon/calendar-white.svg");
}

.lk-profile__menu a.active .ico.dashboard {
  background-image: url("../img/icon/dashboard-white.svg");
}

.lk-profile__menu a.active .ico.profile-blue {
  background-image: url("../img/icon/profile-white.svg");
}

.lk-profile__menu a.active .ico.upload {
  background-image: url("../img/icon/upload-white.svg");
}

.lk-profile__menu a.active .ico.sheild {
  background-image: url("../img/icon/sheild-white.svg");
}

.lk-profile__menu a.active .ico.done {
  background-image: url("../img/icon/done-white.svg");
}

.lk-profile__menu a.active .ico.peoples {
  background-image: url("../img/icon/peoples-white.svg");
}

.lk-profile__menu a.notification::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: var(--Secondary-Red-Red-600, #ee307d);
  border-radius: 50%;
  border: 1.5px solid #fff;
  left: 27px;
  top: 11px;
  z-index: 3;
}

.lk-profile__menu-icon-holder {
  min-width: 48px;
  width: 48px;
  height: 48px;
  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;
  border-radius: 12px;
}

.cycle-reg {
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
}

.cycle-reg__header {
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.cycle-reg__header-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  padding-bottom: 16px;
}

.cycle-reg__header-desc {
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding-bottom: 24px;
  color: var(--Grey-scale-Grey-600, #78787f);
}

.cycle-reg__steps {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cycle-reg__steps-item {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  position: relative;
}

.cycle-reg__steps-item::before {
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 16px;
  background-color: var(--Grey-scale-Grey-400, #a8a8b2);
  width: 100%;
  height: 1px;
}

.cycle-reg__steps-item a span {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  border: 1px solid var(--Grey-scale-Grey-400, #a8a8b2);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  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;
  background: #fff;
  position: relative;
  z-index: 2;
}

.cycle-reg__steps-item-desc {
  color: var(--Grey-scale-Grey-600, #78787f);
  line-height: 20px;
  letter-spacing: 0.28px;
}

.cycle-reg__steps-item--active::before {
  background-color: var(--Blue-600, #474eff);
}

.cycle-reg__steps-item--active a span {
  border: 1px solid var(--Blue-600, #474eff);
  background-color: var(--Blue-600, #474eff);
  color: #fff;
}

.cycle-reg__steps-item:last-child::after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--Grey-scale-Grey-400, #a8a8b2);
  background-color: #ffffff;
  background-image: url("../img/icon/cycle-reg-flag.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.cycle-reg__steps-item:last-child.cycle-reg__steps-item--active::after {
  border: 1px solid var(--Blue-600, #474eff);
  background-color: var(--Blue-600, #474eff);
  background-image: url("../img/icon/cycle-reg-flag-final.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.cycle-reg__body {
  padding: 24px;
}

.cycle-reg__section {
  margin-bottom: 32px;
}

.cycle-reg__section-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  padding-bottom: 16px;
}

.cycle-reg__section-list {
  margin-left: 15px;
}

.cycle-reg__section-list li {
  color: var(--Grey-scale-Grey-800, #353538);
  font-weight: 400;
  line-height: 200%;
  letter-spacing: 0.28px;
}

.cycle-reg__section--snils .input-group {
  max-width: 424px;
}

.cycle-reg__section--new-fam {
  display: none;
}

.cycle-reg__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;
  gap: 20px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  padding-bottom: 18px;
}

.cycle-reg__section-header .cycle-reg__section-title {
  padding-bottom: 0;
}

.cycle-reg__section-toogle-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cycle-reg__section-toogle-btn::before {
  content: "Развернуть";
}

.cycle-reg__section-toogle-btn .ico {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cycle-reg__section-toogle-btn:hover {
  color: var(--Primary-blue-Blue-400);
}

.cycle-reg__section-toogle-btn:hover .ico {
  opacity: 0.5;
}

.cycle-reg__section-toogle-btn--open::before {
  content: "Свернуть";
}

.cycle-reg__section-toogle-btn--open .ico {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cycle-reg__group {
  margin-bottom: 16px;
}

.cycle-reg__group--pasport-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 34px;
}

.cycle-reg__group--pasport-radios .radio-label {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 12px;
  display: inline-block;
}

.cycle-reg__group--pasport-radios .radiobox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cycle-reg .input-group {
  margin-bottom: 0;
}

.cycle-reg__group--pasport-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cycle-reg__group--pasport-3 .input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cycle-reg__group--pasport-3 .input-group:nth-child(1),
.cycle-reg__group--pasport-3 .input-group:nth-child(2) {
  max-width: 200px;
}

.cycle-reg__group--pasport-3--reverse .input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cycle-reg__group--pasport-3--reverse .input-group:nth-child(1) {
  max-width: 100%;
}

.cycle-reg__group--pasport-3--reverse .input-group:nth-child(2),
.cycle-reg__group--pasport-3--reverse .input-group:nth-child(3) {
  max-width: 200px;
}

.cycle-reg__group--pasport-1-short .input-group {
  width: 100%;
  max-width: 200px;
}

.cycle-reg__labels {
  margin-bottom: 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;
}

.cycle-reg__labels span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 8px 2px 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  gap: 5px;
}

.cycle-reg__labels .done {
  background-color: #ebfff9;
  color: var(--Status-colors-Success-600, #28a745);
}

.cycle-reg__labels .error {
  background-color: var(--Secondary-Red-Red-25, #fdf3f7);
  color: var(--Secondary-Red-Red-600, #ee307d);
}

.cycle-reg__group--education-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cycle-reg__group--education-4 .input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cycle-reg__group--education-4 .input-group:nth-child(2),
.cycle-reg__group--education-4 .input-group:nth-child(3),
.cycle-reg__group--education-4 .input-group:nth-child(4) {
  max-width: 200px;
}

.cycle-reg__group--education-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cycle-reg__group--education-2 .input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cycle-reg__group--education-2 .input-group:nth-child(2) {
  max-width: 200px;
}

.cycle-reg__group--education-1 .input-group {
  max-width: 550px;
}

.cycle-reg__footer {
  padding: 24px;
  text-align: right;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.cycle-reg__group--sacan {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 24px;
}

.cycle-reg__group--sacan .profile__scan {
  margin: 0;
  padding: 0;
}

.cycle-reg__statement {
  border-radius: 16px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  padding: 24px;
  margin-top: 24px;
}

.cycle-reg__statement-whom {
  text-align: right;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  font-size: 16px;
  margin-bottom: 24px;
}

.cycle-reg__statement-from {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 24px;
}

.cycle-reg__statement-from-label {
  min-width: 20px;
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.cycle-reg__statement-from-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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;
}

.cycle-reg__statement-from-name {
  border-bottom: 1px solid #dfdfe8;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  padding-bottom: 4px;
}

.cycle-reg__statement-from-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  text-align: center;
  color: var(--Grey-scale-Grey-600, #78787f);
}

.cycle-reg__statement-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  margin-bottom: 24px;
}

.cycle-reg__statement-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-bottom: 24px;
}

.cycle-reg__statement-section {
  margin-bottom: 32px;
}

.cycle-reg__statement-section .cycle-reg__statement-section-header .cycle-reg__section-title {
  padding-bottom: 0;
}

.cycle-reg__statement-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}

.cycle-reg__statement-section-edit-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  gap: 8px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cycle-reg__statement-section-edit-link .ico {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cycle-reg__statement-section-edit-link:hover {
  color: var(--Primary-blue-Blue-400);
}

.cycle-reg__statement-section-edit-link:hover .ico {
  opacity: 0.5;
}

.cycle-reg__statement-group {
  margin-bottom: 16px;
}

.cycle-reg__statement-group .input-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cycle-reg__statement-group--2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.cycle-reg__statement-group--2 .input-group:nth-child(2) {
  max-width: 200px;
}

.cycle-reg__statement-group--3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.cycle-reg__statement-group--3 .input-group:nth-child(2),
.cycle-reg__statement-group--3 .input-group:nth-child(3) {
  max-width: 200px;
}

.cycle-reg__statement-group--4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.cycle-reg__statement-group--4 .input-group:nth-child(2),
.cycle-reg__statement-group--4 .input-group:nth-child(3),
.cycle-reg__statement-group--4 .input-group:nth-child(4) {
  max-width: 200px;
}

.cycle-reg__statement-group--2-long {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.cycle-reg__statement-group-passport-radio .radio-label {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding-bottom: 5px;
  display: inline-block;
}

.cycle-reg__statement-group-passport-radio .radiobox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cycle-reg__statement-politic {
  margin-bottom: 24px;
}

.cycle-reg__statement-politic p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  color: var(--Grey-scale-Grey-800, #353538);
  padding-bottom: 14px;
}

.cycle-reg__statement-signature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 34px;
}

.cycle-reg__statement-signature-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.cycle-reg__statement-signature-group:nth-child(2) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.cycle-reg__statement-signature-group:nth-child(2) span:nth-child(1) {
  border-bottom: 1px solid #dfdfe8;
  width: 200px;
  text-align: center;
  padding-bottom: 3px;
  font-size: 16px;
}

.cycle-reg__statement-signature-group:nth-child(2) span:nth-child(2) {
  line-height: 24px;
  letter-spacing: 0.32px;
  text-align: center;
  color: var(--Grey-scale-Grey-600, #78787f);
}

.cycle-reg__statement-signature-label {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.cycle-reg__statement-signature-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.cycle-reg__statement-signature-day span {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.cycle-reg__statement-signature-day input {
  border: none;
  border-bottom: 1px solid #dfdfe8;
  outline: none;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  padding: 0 0 4px;
  max-width: 32px;
  text-align: center;
}

.cycle-reg__statement-signature-month input {
  border: none;
  border-bottom: 1px solid #dfdfe8;
  outline: none;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  padding: 0 0 4px;
  max-width: 100px;
  text-align: center;
}

.cycle-reg__statement-signature-year {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.cycle-reg__politic {
  border-radius: 16px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  padding: 24px;
  margin-top: 24px;
}

.cycle-reg__politic-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  padding-bottom: 24px;
}

.cycle-reg__politic-title .big {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.cycle-reg__politic-content p {
  padding: 0 0 24px 0;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.cycle-reg__politic-content p span {
  border-bottom: 1px solid var(--Grey-scale-Grey-800, #353538);
  padding: 0 10px;
}

.cycle-reg__politic-content p.p0 {
  padding-bottom: 0;
}

.cycle-reg__politic-content ul {
  padding-left: 20px;
  padding-bottom: 24px;
}

.cycle-reg__politic-content ul li {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.cycle-reg__politic-sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 42px;
  gap: 24px;
  margin-bottom: 42px;
}

.cycle-reg__politic-sign span {
  border-top: 1px solid var(--Grey-scale-Grey-200, #dfdfe8);
  color: var(--Grey-scale-Grey-600, #78787f);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding: 8px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
}

.cycle-reg__politic-sign span:nth-child(1) {
  max-width: 240px;
}

.cycle-reg__section-toogle-footer {
  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;
}

.cycle-reg__section-toogle-footer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.cycle-reg__section-toogle-footer-group a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cycle-reg__section-toogle-footer-group a .ico {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cycle-reg__section-toogle-footer-group a:hover {
  color: var(--Primary-blue-Blue-400);
}

.cycle-reg__section-toogle-footer-group a:hover .ico {
  opacity: 0.5;
}

.cycle-reg__section-toggle {
  display: none;
}

.cycle-reg--last .cycle-reg__footer {
  border-top: none;
}

.cycle-reg .select-container__label {
  display: inline-block;
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding-bottom: 4px;
}

.cycle-reg .select-container__label .require {
  color: var(--Status-colors-Danger-600, #dc3545);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
}

.cycle-reg__statement-group-corp--3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.organization-nav {
  border-radius: 24px;
  background: #fff;
  width: 100%;
  max-width: 392px;
  min-width: 392px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.organization-nav__header {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  padding: 24px;
}

.organization-nav__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.organization-nav__tabs-item {
  padding: 24px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  position: relative;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.organization-nav__tabs-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  opacity: 0;
}

.organization-nav__tabs-item:hover {
  color: var(--Primary-blue-Blue-400);
}

.organization-nav__tabs-item--active {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.organization-nav__tabs-item--active:hover {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.organization-nav__tabs-item--active::before {
  opacity: 1;
}

.organization-nav__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 24px 32px;
}

.organization-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 12px;
  margin-bottom: 12px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.organization-nav__item:last-child {
  margin-bottom: 0;
}

.organization-nav__item i {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.organization-nav__item--active {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  background: var(--Grey-scale-Grey-25, #f2f3f7);
}

.organization-nav__item--active i.clip {
  background-image: url("../img/icon/clip-blue.svg");
}

.organization-nav__item--active i.loc {
  background-image: url("../img/icon/loc-active.svg");
}

.organization-nav__item--active i.case {
  background-image: url("../img/icon/case-active.svg");
}

.organization-nav__item--active i.document {
  background-image: url("../img/icon/document-active.svg");
}

.organization-nav__item--active i.education {
  background-image: url("../img/icon/education-active.svg");
}

.organization-nav__item--active i.education2 {
  background-image: url("../img/icon/education2-active.svg");
}

.organization-nav__item--active i.director {
  background-image: url("../img/icon/director-active.svg");
}

.organization-nav__item--active i.materials {
  background-image: url("../img/icon/materials-active.svg");
}

.organization-nav__item--active i.bonus {
  background-image: url("../img/icon/bonus-active.svg");
}

.organization-nav__item--active i.payment {
  background-image: url("../img/icon/payment-active.svg");
}

.organization-nav__item--active i.calculate {
  background-image: url("../img/icon/calculate-active.svg");
}

.organization-nav__item--active i.doctor {
  background-image: url("../img/icon/doctor-active.svg");
}

.organization-nav__item--active i.glasses {
  background-image: url("../img/icon/glasses-active.svg");
}

.organization-nav__item--active i.world {
  background-image: url("../img/icon/world-active.svg");
}

.organization-nav__item:hover {
  background: var(--Grey-scale-Grey-25, #f2f3f7);
}

.main-slider {
  overflow: hidden;
  border-radius: 0px 0px 12px 12px;
  background: linear-gradient(79deg, #474eff -4.4%, #a140ff 106.45%);
  height: 488px;
  position: relative;
}

.main-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.main-slider__img-holder {
  min-width: 540px;
  width: 540px;
  position: relative;
}

.main-slider__label {
  position: absolute;
  z-index: 2;
  left: 40px;
  top: 40px;
}

.main-slider__img {
  width: 100%;
  height: 100%;
}

.main-slider__info {
  padding: 50px 40px 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-slider__info-btn-holder {
  text-align: center;
}

.main-slider__title {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 135.714%;
  letter-spacing: 0.56px;
  margin-bottom: 16px;
}

.main-slider__title span {
  color: #ff6681;
}

.main-slider__desc {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  line-height: 144.444%;
  letter-spacing: 0.36px;
  margin-bottom: 16px;
}

.main-slider__note {
  color: rgba(255, 255, 255, 0.54);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.52px;
  max-width: 315px;
}

.main-slider__note-sm {
  color: #b4b1da;
  font-size: 9px;
  line-height: normal;
}

.main-slider__button {
  width: 250px;
}

.main-slider__advance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  margin-bottom: 8px;
}

.main-slider__advance-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}

.main-slider ul {
  color: rgba(255, 255, 255, 0.74);
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.36px;
  padding-left: 30px;
}

.main-slider__controls {
  position: absolute;
  width: 50%;
  right: 0;
  bottom: 50px;
}

.main-slider__pagination {
  text-align: center;
  position: relative;
  z-index: 2;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: 20px !important;
  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;
  gap: 12px;
}

.main-slider__pagination .swiper-pagination-bullet {
  margin: 0 !important;
  background: transparent;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
}

.main-slider__pagination .swiper-pagination-bullet-active {
  background: #ff4775;
}

.main-slider__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.main-slider__arrow {
  width: 50px;
  height: 50px;
  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;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  position: relative;
  z-index: 2;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.test {
  background: var(--White, #fff);
  border-radius: 24px;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.test__header {
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.test__line {
  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;
  margin-bottom: 16px;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.test__back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  text-decoration: none;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.test__back i {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.test__back:hover {
  color: var(--Primary-blue-Blue-400);
}

.test__back:hover i {
  opacity: 0.5;
}

.test__info {
  background: #f8f8fa;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 10px;
}

.test__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.test__info-item-title {
  color: var(--Grey-scale-Grey-800, #353538);
}

.test__info-item-value {
  color: var(--Secondary-green-Green-600, #20ac82);
  border-radius: 8px;
  background: var(--White, #fff);
  padding: 2px 8px;
}

.test__main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 8px;
  margin-bottom: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.test__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.test__type {
  border-radius: 60px;
  background: #ebfcff;
  padding: 6px 12px;
  color: var(--Status-colors-Info-600, #17a2b8);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.test__type--exam {
  color: var(--Secondary-Violet-Violet-600, #a140ff);
  background: #f9f2ff;
}

.test__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.test__pagination-item {
  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;
  height: 56px;
  max-width: 56px;
  min-width: 56px;
  min-height: 56px;
  max-height: 56px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--Blue-600, #474eff);
  color: var(--Blue-600, #474eff);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  cursor: pointer;
}

.test__pagination-item--active {
  color: #fff;
  background: var(--Blue-600);
}

.test__pagination-item--checked {
  background: var(--Color-Light-Base-4, #dadde7);
  border-color: var(--Color-Light-Base-4, #dadde7);
  color: #fff;
}

.test__pagination-item--error {
  background: var(--Secondary-Red-Red-700, #be2664);
  color: #fff;
  border-color: var(--Secondary-Red-Red-700, #be2664);
}

.test__pagination-item--correct {
  background: var(--Secondary-green-Green-700, #1a8a68);
  border-color: var(--Secondary-green-Green-700, #1a8a68);
  color: #fff;
}

.test__pagination--not-active {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.test__pagination--not-active .test__pagination-item {
  border-color: #8992a8;
  color: #8992a8;
  cursor: default;
}

.test__pagination--not-active .test__pagination-item--active {
  color: #fff;
  background: var(--Blue-600);
}

.test__pagination--not-active .test__pagination-item--checked {
  background: var(--Color-Light-Base-4, #dadde7);
  border-color: var(--Color-Light-Base-4, #dadde7);
  color: #fff;
}

.test__pagination--not-active .test__pagination-item--points {
  border: none;
  min-width: auto;
  width: auto;
  min-height: auto;
  height: auto;
  font-size: 20px;
}

.test__pagination--slider {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.test__pagination--slider .test__arrow.swiper-button-disabled {
  cursor: default;
  border-color: #8992a8;
}

.test__pagination--slider .test__arrow.swiper-button-disabled svg path {
  stroke: #8992a8;
}

.test__pagination--slider .test__pagination-container {
  overflow: hidden;
  width: 100%;
  padding: 0 5px;
}

.test__pagination--slider .slick-slide {
  width: 56px !important;
  height: 56px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 0 4px;
}

.test__pagination--slider .test__arrow {
  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;
  height: 56px;
  max-width: 56px;
  min-width: 56px;
  min-height: 56px;
  max-height: 56px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--Blue-600, #474eff);
  cursor: pointer;
}

.test__pagination--slider .test__pagination-item {
  cursor: default;
}

.test__body {
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.test__question {
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0.4px;
  padding-bottom: 24px;
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-weight: 700;
}

.test__choices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 22px;
}

.test__choices--active .test__choice-indicator {
  background: var(--Status-colors-Danger-600, #dc3545);
}

.test__choices--active .test__choice-indicator--correct {
  background: var(--Status-colors-Success-600, #28a745);
}

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

.test__choice-indicator {
  min-width: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f5f5f7;
}

.test__footer {
  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: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.test__counter {
  padding: 6px 12px;
  border-radius: 60px;
  background: #f5f5ff;
  color: var(--Primary-blue-Blue-500, #6c71ff);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
}

#testDone {
  width: 450px !important;
  height: auto;
  margin: 0 auto;
}

.test-results {
  min-height: auto !important;
}

.test-result__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding-top: 24px;
}

.test-result__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.test-result__item-title {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-weight: 500;
}

.test-result__item-value {
  font-weight: 600;
}

.test-result__item-value--fail {
  color: var(--Status-colors-Danger-600, #dc3545);
}

.test-result__item-value--done {
  color: var(--Status-colors-Success-600, #28a745);
}

.main-page__advantages {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.main-page__advantages-item {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  background: #fff;
}

.main-page__advantages-item-title {
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 28px;
  font-weight: 700;
  line-height: 135.714%;
  letter-spacing: 0.56px;
  margin-bottom: 8px;
}

.main-page__advantages-item-desc {
  color: #48484d;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.main-page__directions {
  margin-top: 48px;
}

.main-page__directions-title {
  margin-bottom: 24px;
}

.main-page__directions-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 12px;
}

.main-page__directions-item {
  padding: 24px 16px;
  border-radius: 12px;
  background: var(--Grey-scale-Grey-15, #f7f8fc);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 133.333%;
  letter-spacing: 0.36px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.main-page__directions-item:hover {
  background: #f0f0ff;
}

.main-page__directions-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin-top: 30px;
}

.main-page__directions-link {
  border-radius: 12px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.main-page__directions-link-holder {
  min-width: 56px;
  width: 56px;
  height: 56px;
  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;
  border-radius: 12px;
  background: #f5f5ff;
}

.main-page__directions-link-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
}

.main-page__directions-link-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 133.333%;
  letter-spacing: 0.36px;
}

.main-page__directions-link-desc {
  color: var(--Grey-scale-Grey-800, #353538);
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.main-page__services {
  margin-top: 48px;
  margin-bottom: 60px;
}

.main-page__services-title {
  margin-bottom: 24px;
}

.main-page__services-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.main-page__services-item {
  padding: 24px;
  border-radius: 12px;
  background: var(--BG-new, linear-gradient(90deg, #f0f0ff 0%, #fafaff 100%));
}

.main-page__services-item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 133.333%;
  letter-spacing: 0.36px;
  margin-bottom: 16px;
}

.main-page__services-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.main-page__services-item-group {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-page__services-item-desc {
  color: #606066;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.42px;
}

.main-page__services-item-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #fff;
  border-radius: 10px;
  background: var(--Secondary-Red-Red-600, #ee307d);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  padding: 10px 16px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.main-page__services-item-btn:hover {
  background: var(--Secondary-Red-Red-700, #be2664);
}

.main-page__services-item-btn:active {
  background: var(--Secondary-Red-Red-800, #8f1d4b);
}

.popup-page {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 50px 0 100px;
}

.popup-page__title {
  font-size: 30px;
  padding-bottom: 20px;
}

.popup-page__list a {
  color: var(--Primary-blue-Blue-600);
  font-size: 18px;
  font-weight: 600;
}

.popup-page__list a:hover {
  text-decoration: underline;
}

.about-page {
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.about-page__header {
  padding: 24px 24px 16px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.about-page__header-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.about-page__content {
  padding: 54px;
}

.about-page__subtitle {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  padding-bottom: 24px;
}

.about-page__desc {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  padding-bottom: 24px;
}

.about-page__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.about-page__container .about__desc {
  padding-bottom: 0;
}

.about-page__container p {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding-bottom: 24px;
}

.about-page__container p a {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.about-page__container p a:hover {
  text-decoration: none;
}

.about-page__img {
  max-width: 100%;
}

.faq-page {
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.faq-page__header {
  padding: 24px 24px 16px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.faq-page__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.faq-page__content {
  padding: 32px 54px 54px;
}

.faq-page__img {
  display: block;
  margin: 0 auto 32px;
}

.faq-page__item {
  margin-bottom: 32px;
}

.faq-page__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-bottom: 16px;
}

.faq-page__item-desc {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.faq-page__item-desc a {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.faq-page__item-desc a:hover {
  text-decoration: none;
}

.faq-page__item-desc ol {
  padding-left: 20px;
}

.contacts-page {
  border-radius: 24px;
  background: var(--White, #fff);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.contacts-page__title {
  padding: 24px 24px 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.contacts-page__body {
  padding: 32px 54px 54px;
}

.contacts-page__img {
  display: block;
  margin: 0 auto 40px;
}

.contacts-page__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.contacts-page__item {
  background: var(--EDU-BG, #f5f5f7);
  padding: 24px;
  border-radius: 16px;
}

.contacts-page__item-work {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  padding-bottom: 8px;
}

.contacts-page__item-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding-bottom: 4px;
}

.contacts-page__item-value {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.contacts-page__item a {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.contacts-page__item a:hover {
  color: var(--Primary-blue-Blue-400);
  text-decoration: none;
}

.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.cart__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cart__aside {
  min-width: 392px;
  max-width: 392px;
}

.cart__header {
  padding: 24px;
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
  background: #fff;
  margin-bottom: 24px;
}

.cart__header-group {
  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;
  margin-bottom: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}

.cart__header-title {
  font-family: Gilroy;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
}

.cart__header-desc {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.cart__header-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
}

.cart__header .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cart__header-remove {
  color: var(--Status-colors-Danger-600, #dc3545);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.cart__header-remove:hover {
  opacity: 0.5;
}

.cart__header-remove--hidden {
  display: none;
}

.cart__info {
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
  background: #fff;
}

.cart__info-header {
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.cart__info-header .cart__promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.cart__info-header .cart__promo .input-group {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cart__info-header-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.cart__info-header-active-promo {
  margin-top: 20px;
  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;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart__info-header-active-promo .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;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  color: var(--Grey-scale-Grey-600, #78787f);
}

.cart__info-header-active-promo .item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.cart__info-content {
  padding: 24px;
}

.cart__info-content-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  margin-bottom: 24px;
}

.cart__info-content-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;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  color: var(--Grey-scale-Grey-600, #78787f);
}

.cart__info-content-item--main {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
}

.cart__info-help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: var(--EDU-BG, #f5f5f7);
  padding: 16px;
  color: var(--Grey-scale-Grey-600, #78787f);
  line-height: 24px;
  letter-spacing: 0.32px;
  font-size: 16px;
  margin-top: 24px;
}

.cart__info-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 24px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.cart--empty {
  padding-top: 140px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}

.cart__empty-img-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 184px;
  min-width: 184px;
  height: 184px;
  background: #ffffff;
  border-radius: 50%;
  margin-bottom: 16px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01);
}

.cart__empty-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  margin-bottom: 8px;
  text-align: center;
}

.cart__empty-subtitle {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-bottom: 32px;
  text-align: center;
}

.cart__info-promo-submit {
  min-width: 72px;
}

.survey {
  margin-top: 32px;
}

.survey__title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 32px;
}

.survey__step {
  margin-bottom: 24px;
  padding: 24px;
  border: 1px solid #e4e4f2;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  font-size: 16px;
}

.survey__step-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  background-color: #f7f8ff;
  border-radius: 6px;
}

.survey__step--yellow {
  border-color: transparent;
  background-color: #fff9e6;
}

.survey__step--red {
  background-color: #fcebec;
  border-color: transparent;
}

.survey__step--green {
  background-color: #e4f5e8;
  border-color: transparent;
}

.survey__form {
  border-radius: 12px;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.survey__form-body {
  padding: 40px 32px 40px 32px;
}

.survey__form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.survey__form-content {
  max-width: 700px;
  width: 100%;
}

.survey__form-img {
  max-width: 100%;
}

.survey__form-title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 24px;
  font-weight: 600;
}

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

.survey__form-group .input-group {
  margin: 0;
}

.survey__form-desc {
  margin-top: 40px;
  font-weight: 400;
  line-height: 24px;
  color: #353538;
  letter-spacing: 0.2px;
}

.survey__form-date {
  width: 100%;
  max-width: 280px;
}

.survey__form-footer {
  text-align: right;
  border-top: 1px solid #e4e4f2;
  padding: 40px 32px;
}

.survey__form-footer--between {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}

.survey__form-footer--finish {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 16px;
}

.survey__form-footer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.survey__form-table {
  padding-top: 80px;
}

.survey__form-table-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e4e4f2);
}

.survey__form-table-header {
  padding: 10px 12px;
  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;
}

.survey__form-table-header .field {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.survey__form-table-list {
  padding: 10px 12px;
  max-height: 252px;
  overflow-y: auto;
}

.survey__form-table-list-item {
  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: 30px;
}

.survey__form-table-list-item:nth-child(2n) {
  background-color: #f7f8ff;
}

.survey__form-table-list-item-field {
  padding: 8px 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  font-weight: 600;
}

.survey__form-table-list-item-field:last-child {
  min-width: 120px;
  max-width: 120px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  color: var(--Grey-scale-Grey-700, #606066);
  text-align: right;
}

.survey__form-table-list-item-field a {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.survey__form-table-list-item-field a:hover {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.survey__form-table-empty {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.doc-filing {
  margin-top: 32px;
}

.doc-filing__title {
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 6px;
}

.doc-filing__subtitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.2px;
  margin-bottom: 30px;
}

.doc-filing__form {
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.doc-filing__header {
  padding: 24px;
  border-bottom: 1px solid #e4e4f2;
  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;
}

.doc-filing__header-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
}

.doc-filing__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.doc-filing__step {
  width: 40px;
  min-width: 40px;
  height: 40px;
  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;
  border: 3px solid transparent;
  border-radius: 8px;
  background: #fdeaf2;
  font-weight: 600;
  font-size: 14px;
  color: #ee307d;
}

.doc-filing__step--current {
  border-color: #ffc2d1;
  background: #ee307d;
  color: #fff;
}

.doc-filing__step--done {
  background: #cbede3;
  color: #1a8a68;
}

.doc-filing__section {
  padding: 24px;
}

.doc-filing__section-header {
  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;
  position: relative;
  padding: 0 32px 16px 32px;
  border-bottom: 2px solid #dadcff;
  cursor: pointer;
}

.doc-filing__section-header::after {
  content: url("../img/icon/done-gray.svg");
  position: absolute;
  right: 0;
}

.doc-filing__section-header-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.doc-filing__section-header-desc {
  color: #78787f;
  font-weight: 400;
  font-size: 16px;
}

.doc-filing__section-header::before {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../img/icon/chevron.svg");
}

.doc-filing__section--done .doc-filing__section-header::after {
  content: url("../img/icon/done-green.svg");
  position: absolute;
  right: 0;
}

.doc-filing__section--error .doc-filing__section-header::after {
  content: url("../img/icon/info-red.svg");
  position: absolute;
  right: 0;
}

.doc-filing__section-content {
  padding-top: 16px;
  display: none;
}

.doc-filing__section--open .doc-filing__section-header::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.doc-filing__section--open .doc-filing__section-content {
  display: block;
}

.doc-filing__section-template {
  display: none;
}

.doc-filing__group {
  margin-bottom: 24px;
}

.doc-filing__group:last-child {
  margin-bottom: 0;
}

.doc-filing__group .input-group {
  margin: 0;
}

.doc-filing__group .radiobox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.doc-filing__group--4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

.doc-filing__group--3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

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

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

.doc-filing__group--passport-change .input-group--seria,
.doc-filing__group--passport-change .input-group--code {
  display: none;
}

.doc-filing__footer {
  padding: 24px;
  margin-top: 16px;
  text-align: right;
  border-top: 1px solid #e4e4f2;
}

.doc-filing__footer--between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  text-align: left;
}

.doc-filing__footer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.doc-filing .profile__scan {
  padding-top: 0;
}

.doc-filing__add-button-holder {
  padding: 24px;
  text-align: right;
}

.doc-filing__remove-section {
  border: 1px solid #ee307d;
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  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;
}

.doc-filing__link-title {
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding-bottom: 3px;
}

.doc-filing__link-val {
  font-weight: 600;
  font-size: 16px;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.doc-filing__link-val:hover {
  color: var(--Primary-blue-Blue-400);
}

.doc-filing__check-item {
  padding: 32px 24px 24px;
}

.doc-filing__final {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}

.doc-filing__final-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.doc-filing__final p {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding: 14px 0;
}

.doc-filing__complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  gap: 8px;
  font-weight: 600;
}

.news .news-intro {
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.news .news-intro__first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.news .news-intro__description {
  width: 100%;
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.news .news-intro__sorting {
  max-width: 250px;
  width: 100%;
}

.news .news-intro__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  max-width: calc(100% - 266px);
}

.news .news-intro__second {
  padding: 24px;
}

.news .news-intro__second-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.news .news-intro__second-header h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
}

.news .news-intro__second-more {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--Primary-blue-Blue-600, #474eff);
}

.news .news-intro__second-more:hover {
  color: var(--Primary-blue-Blue-400);
}

.news .news-intro__second-more:hover i {
  opacity: 0.5;
}

.news .news-intro__second-more--active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.news .news-intro__list {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}

.news .news-intro__list a {
  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;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 60px;
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.56px;
  height: 32px;
}

.news .news-intro__list a:first-child {
  color: #a140ff;
  background-color: #f9f2ff;
}

.news .news-intro__list a.active:first-child {
  color: #fafaff;
  background-color: #b466ff;
  padding-right: 12px;
}

.news .news-intro__list a.active:first-child::after {
  content: none;
}

.news .news-intro__list a.active {
  color: #fafaff;
  background-color: #6c71ff;
  padding-right: 6px;
}

.news .news-intro__list a.active::after {
  content: "";
  background: url("../img/icon/ico-clear-category.svg") no-repeat center center;
  width: 20px;
  height: 20px;
}

.news .news-intro__list--more {
  display: none;
}

.news--all-categories .news-intro__list {
  display: none;
}

.news--all-categories .news-intro__list--more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news .news-content {
  margin-top: 24px;
}

.news .news-content__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
}

.news-content__list-item {
  border-radius: 16px;
  border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

.news-content__list-item-body {
  padding: 24px;
  min-height: 296px;
  max-height: 296px;
}

.news-content__list-item-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  margin-bottom: 16px;
}

.news-content__list-item-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

.news-content__list-item-date {
  padding: 24px;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.news-content__list-item:hover {
  -webkit-box-shadow: 0px 0px 16px 0px rgba(68, 83, 113, 0.1), 0px 4px 8px 0px rgba(68, 83, 113, 0.05);
          box-shadow: 0px 0px 16px 0px rgba(68, 83, 113, 0.1), 0px 4px 8px 0px rgba(68, 83, 113, 0.05);
}

.news-content__list-item:hover .news-content__list-item-title {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.news-detail {
  border-radius: 16px;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.news-detail__header {
  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: 24px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  background: var(--Primary-blue-Blue-15, #fafaff);
}

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

.news-detail__links .favorite,
.news-detail__links .print,
.news-detail__links .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 16px;
  gap: 8px;
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
}

.news-detail__links .favorite:hover,
.news-detail__links .print:hover,
.news-detail__links .share:hover {
  color: var(--Primary-blue-Blue-400);
}

.news-detail__links .favorite:hover i,
.news-detail__links .print:hover i,
.news-detail__links .share:hover i {
  opacity: 0.5;
}

.news-detail__links--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.news-detail .share-container {
  position: relative;
}

.news-detail .share-container .share-dropdown {
  position: absolute;
  width: 200px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(68, 83, 113, 0.1), 0px 12px 20px 0px rgba(68, 83, 113, 0.05);
          box-shadow: 0px 0px 20px 0px rgba(68, 83, 113, 0.1), 0px 12px 20px 0px rgba(68, 83, 113, 0.05);
  left: 0;
  top: 40px;
  z-index: 2;
  display: none;
}

.news-detail .share-container .share-dropdown__link {
  display: block;
  padding: 8px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.news-detail .share-container .share-dropdown__link:hover {
  color: #474eff;
}

.news-detail .share-container .share-dropdown__link:last-child {
  border-bottom: none;
}

.news-detail__return {
  gap: 0;
}

.news-detail__body {
  padding: 54px 80px 54px;
}

.news-detail__info {
  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;
  margin-bottom: 32px;
}

.news-detail__info-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.news-detail__info-categories-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.news-detail__info-categories-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.news-detail__info-categories-items a {
  border-radius: 60px;
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 12px;
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.56px;
}

.news-detail__info-categories--keywords {
  margin-bottom: 32px;
}

.news-detail__info-categories--keywords .news-detail__info-categories-items a {
  color: var(--Secondary-Violet-Violet-600, #a140ff);
  background: var(--Secondary-Violet-Violet-25, #f9f2ff);
}

.news-detail__info-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.news-detail__info-see,
.news-detail__info-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.28px;
}

.news-detail h1 {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.56px;
  margin-bottom: 24px;
}

.news-detail h3 {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  margin-bottom: 24px;
}

.news-detail p {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding-bottom: 16px;
}

.news-detail__images {
  text-align: center;
  margin-bottom: 32px;
}

.news-detail__images img {
  max-width: 100%;
}

.news-detail__images .news-sm {
  display: none;
}

.news-detail__literature {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 80px 0 24px;
  padding: 24px;
  border-radius: 12px;
  background-color: #f7f8ff;
}

.news-detail__literature-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #353538;
}

.news-detail__literature-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 28px;
  right: 44px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.04em;
  color: #474eff;
}

.news-detail__literature-switcher:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  background: url("../img/icon/chevron.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
}

.news-detail__literature-switcher.open:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.news-detail__literature-switcher:hover {
  color: var(--Primary-blue-Blue-400);
}

.news-detail__literature-switcher:hover::after {
  opacity: 0.5;
}

.news-detail__literature-items {
  display: none;
  margin: 24px 0 0 0;
}

.news-detail__literature-items.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-detail__literature-items ol li {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #78787f;
  list-style-position: outside;
  margin: 0 0 16px 20px;
}

.news-slider {
  overflow-x: hidden;
  margin-top: 24px;
  background: #fff;
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
}

.news-slider__header {
  padding: 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.news-slider__body {
  padding: 24px;
}

.news-slider__controls {
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.news-slider__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.news-slider__arrows .news-slider__right i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.news-slider .swiper-dots {
  text-align: center;
  margin-left: 66px;
  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;
}

.news-slider .swiper-dots .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid var(--Primary-blue-Blue-500, #6c71ff);
  cursor: pointer;
  margin: 2px 8px 0 8px;
  background: transparent;
  opacity: 1;
}

.news-slider .swiper-dots .swiper-pagination-bullet:hover {
  background: var(--Primary-blue-Blue-50, #ededff);
}

.news-slider .swiper-dots .swiper-pagination-bullet-active {
  width: 18px;
  height: 18px;
  margin: 0 8px;
  background: #474eff;
}

.news-slider .swiper-dots .swiper-pagination-bullet-active:hover {
  background: #474eff;
}

.news-detail__unauth {
  padding: 40px 24px;
  margin-top: 54px;
  border-radius: 12px;
  background: var(--Cards-BG, #f7f8ff);
  text-align: center;
  color: var(--Primary-blue-Blue-600, #474eff);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.news-detail__unauth a {
  color: var(--Primary-blue-Blue-600, #474eff);
  text-decoration: underline;
  cursor: pointer;
}

.news-detail__unauth a:hover {
  text-decoration: none;
}

.news-intro .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 12px 40px 12px 16px;
  color: var(--Grey-scale-Grey-500, #909099);
}

.news-intro .select2-container--default .select2-selection--single .select2-selection__rendered span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.news-intro .select2-container--default .select2-selection--single .select2-selection__rendered span i {
  opacity: 0.6;
}

.select2-results__option--selectable .news-select-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.select2-results__option--selectable .news-select-option i {
  opacity: 0.6;
}

.select2-container--default .select2-results__option--selected {
  background: var(--Primary-blue-Blue-25, #f7f7ff);
}

.select2-container--default .select2-results__option--selected .news-select-option {
  color: var(--Primary-blue-Blue-600, #474eff);
}

.select2-container--default .select2-results__option--selected .news-select-option i.ico.sort-gray {
  background-image: url("../img/icon/sort-down.svg");
  opacity: 1;
}

.select2-container--default .select2-results__option--selected .news-select-option i.ico.sort-gray-top {
  background-image: url("../img/icon/sort.svg");
  opacity: 1;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .news-select-option,
.select2-container--default .select2-results__option--selected .news-select-option {
  background: var(--Primary-blue-Blue-25, #f7f7ff);
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .news-select-option i.ico.sort-gray,
.select2-container--default .select2-results__option--selected .news-select-option i.ico.sort-gray {
  background-image: url("../img/icon/sort-down.svg");
  opacity: 1;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .news-select-option i.ico.sort-gray-top,
.select2-container--default .select2-results__option--selected .news-select-option i.ico.sort-gray-top {
  background-image: url("../img/icon/sort.svg");
  opacity: 1;
}

.organization-page {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.organization-page__back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #474eff;
  gap: 10px;
  font-size: 16px;
  display: none;
}

.organization-page__content {
  overflow-x: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 24px;
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.organization-page__content-header {
  padding: 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
}

.organization-page__content-body {
  padding: 32px 24px 40px;
  font-size: 16px;
}

.organization-page__content-body h3 {
  font-size: 18px;
  margin: 0 0 15px;
}

.organization-page__content-body a {
  color: var(--Primary-blue-Blue-600);
}

.organization-page__content-body a:hover {
  text-decoration: underline;
}

.organization-page__content-body .subtitle {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
  line-height: normal;
}

.organization-page__content-img {
  display: block;
  margin: 0 auto 40px;
}

.organization-page__content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.28px;
}

.organization-page__content .item__val {
  color: var(--Grey-scale-Grey-800, #353538);
}

.organization-page__content .item a {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.organization-page__content .item a:hover {
  text-decoration: none;
}

.organization-page__content .item--flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.organization-page__content .item--mb-16 {
  margin-bottom: 16px;
}

.organization-page__content .item-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
  padding-bottom: 8px;
}

.organization-page__content .item-title--md {
  font-size: 18px;
  padding-bottom: 24px;
}

.organization-page__content .item-title--pb-16 {
  padding-bottom: 16px;
}

.organization-page__content p {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.28px;
  margin-bottom: 24px;
}

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

.organization-page__content p a {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
}

.organization-page__content p a:hover {
  text-decoration: underline;
}

.organization-page__content ul {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.28px;
  padding-left: 20px;
  margin-bottom: 24px;
}

.organization-page__content-docs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.organization-page__content-docs .docs-item {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 8px;
  background: var(--EDU-BG, #f5f5f7);
  border-radius: 16px;
}

.organization-page__content-docs .docs-item__group {
  padding: 16px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

.organization-page__content-docs .docs-item__link {
  color: var(--Primary-blue-Blue-600, var(--Blue-600, #474eff));
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.48px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  text-decoration: none;
  padding: 16px;
}

.organization-page__content-docs .docs-item__link:hover {
  color: var(--Primary-blue-Blue-400);
}

.organization-page__content-docs .docs-item__name {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.28px;
  margin-top: 8px;
  margin-bottom: 4px;
}

.organization-page__content-docs .docs-item__size {
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.48px;
}

.organization-page__table-container {
  overflow-x: auto;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  border-radius: 16px;
}

.organization-page__table-container table {
  border-collapse: collapse;
}

.organization-page__table-container table thead tr {
  background-color: var(--Grey-scale-Grey-25, #f2f3f7);
}

.organization-page__table-container table thead tr td {
  padding: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.03em;
  color: rgba(0, 0, 0, 0.74);
}

.organization-page__table-container table tbody tr:nth-child(2n) {
  background-color: var(--Grey-scale-Grey-25, #f2f3f7);
}

.organization-page__table-container table tbody tr td {
  padding: 10px;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #212121;
}

.not-found {
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
  padding: 80px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.not-found__title {
  font-size: 100px;
  letter-spacing: 2px;
  font-weight: 600;
}

.not-found__subtitle {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0.76px;
}

.not-found__description {
  font-size: 16px;
  color: #909099;
  margin: 10px 0 24px;
}

.about-us {
  padding: 50px 24px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--Grey-scale-Grey-50, #f0f0f7);
  -webkit-box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
          box-shadow: 0px 0px 41px 0px rgba(23, 15, 203, 0.03), 0px 0px 24.012px 0px rgba(23, 15, 203, 0.02), 0px 0px 13.059px 0px rgba(23, 15, 203, 0.02), 0px 0px 6.662px 0px rgba(23, 15, 203, 0.01), 0px 0px 3.341px 0px rgba(23, 15, 203, 0.01), 0px 0px 1.613px 0px rgba(23, 15, 203, 0.01);
}

.about-us__container {
  max-width: 866px;
  margin: 0 auto;
}

.about-us__intro {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.02em;
}

.about-us__video-holder {
  margin-top: 50px;
  margin-bottom: 24px;
  padding-bottom: 52%;
  position: relative;
}

.about-us__video-holder iframe {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.about-us__fio {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.02em;
  padding-bottom: 8px;
}

.about-us__desc {
  color: var(--Grey-scale-Grey-500, #909099);
}

.about-us__info {
  padding-top: 42px;
}

.about-us__info h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.02em;
  padding-bottom: 16px;
}

.about-us__info h3:last-child {
  padding-bottom: 0;
}

.about-us__info p {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  padding: 14px 0;
}

@media (max-width: 1365px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header__nav-container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1199px) {
  .header__nav-container {
    padding: 0;
  }

  .header__nav-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 50px;
  }

  .organization-nav {
    min-width: 300px;
    max-width: 300px;
  }

  .organization-nav__header {
    font-size: 20px;
    padding: 24px 15px;
    line-height: 1.3;
  }

  .organization-nav__items {
    padding: 24px 12px;
  }

  .organization-nav__item {
    padding: 8px;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .main-slider {
    width: calc(100% + 60px);
    margin-left: -30px;
  }

  .main-slider__img-holder {
    min-width: 480px;
    width: 480px;
  }

  .main-slider__img {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .main-slider__info {
    padding: 40px 40px 60px 0;
  }

  .main-slider__desc {
    font-size: 16px;
    line-height: 150%;
  }

  .main-slider__note {
    font-size: 12px;
  }

  .main-slider__info-btn-holder {
    text-align: right;
    padding-right: 40px;
  }

  .main-slider ul {
    font-size: 16px;
  }

  .main-page__directions-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .about-page__content {
    padding: 30px 16px;
  }

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

  .news-detail__body {
    padding: 24px 24px 50px;
  }

  .organization-page__content-header {
    padding: 24px 15px;
    line-height: 1.3;
  }

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

@media (max-width: 1109px) {
  .profile__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }

  .profile__back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    gap: 8px;
    color: var(--Primary-blue-Blue-600);
  }

  .profile__inner {
    min-height: auto !important;
  }

  .lk-profile {
    display: none;
  }

  .lk-profile--mob {
    display: block;
    min-width: 100%;
    width: 100%;
  }
}

@media (max-width: 999px) {
  body .wrapper.fixed {
    padding-top: 108px;
  }

  body .wrapper.fixed.ribbon {
    padding-top: 162px;
  }
}

@media (max-width: 993px) {
  .event--detail .event__header {
    padding: 16px;
    gap: 14px;
  }

  .event--detail .event__type {
    font-size: 14px;
  }

  .event--detail .event__title {
    font-size: 20px;
    line-height: normal;
  }

  .event--detail .event__info-block-title span {
    font-size: 16px;
    line-height: normal;
  }

  .event--detail .event__info-block-toggle {
    font-size: 14px;
    line-height: normal;
  }

  .event-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
  }

  .event-list__item-time {
    min-width: auto;
  }

  .event-translation__body--translation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .event-translation__body-video .stats-wrapper .views,
  .event-translation__body-video .stats-wrapper .checks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }

  .event-translation__body-video .fullscreen-container .toggle-chat {
    display: none;
  }

  .fullscreen-btn span {
    display: none;
  }

  .event-translation__body-video-player {
    height: 415px;
  }

  .event-translation-aside {
    min-width: auto;
    max-width: none;
    width: 100%;
  }

  .event-translation-aside__body {
    max-height: 250px;
  }

  .event-translation__footer {
    padding: 16px;
  }

  .message__controls {
    display: none;
  }

  .message:hover .message__controls {
    display: none;
  }

  .events__all {
    display: none;
  }

  .events__all--mobile {
    display: block;
  }

  .events__filter {
    display: none;
  }

  .events__left {
    display: none;
  }

  .events__left--visible {
    display: block;
    position: absolute;
  }

  .events__block--overflow {
    overflow-x: hidden;
  }

  .events__block--overflow .events__all--mobile,
  .events__block--overflow .event {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid var(--Grey-scale-Grey-100, #e6e6f0);
  }

  .filter-cycles--mobile {
    position: fixed;
    width: 100%;
    min-width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    overflow-y: auto;
    border-radius: 0;
  }

  .filter-cycles--mobile .filter-cycles__title {
    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;
    text-align: center;
    padding: 16px 32px 16px 64px;
    border-radius: 0px 0px 24px 24px;
    font-size: 19px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    letter-spacing: 0.44px;
    position: relative;
    width: 100%;
    background: var(--Primary-blue-Blue-600, #474eff);
  }

  .filter-cycles--mobile .filter-cycles__title span {
    padding-right: 64px;
  }

  .filter-cycles--mobile .filter-cycles__close {
    position: absolute;
    right: 32px;
    display: inline-block;
  }

  .filter-cycles--mobile .filter-cycles__close i {
    min-width: 32px;
    width: 32px;
    height: 32px;
    background-size: cover;
  }

  .filter-cycles--mobile .filter-cycles__body .input-group {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .filter-cycles--mobile .filter-cycles__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 32px;
  }

  .filter-cycles--mobile .filter-cycles__footer .filter-cycles__close-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .filter-cycles--mobile .filter-cycles__footer .button {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .filter-cycles--price {
    height: auto;
    top: auto;
    bottom: 0;
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--price .filter-cycles__duration {
    display: none;
  }

  .filter-cycles--price .filter-cycles__date {
    display: none;
  }

  .filter-cycles--price .filter-cycles__specs {
    display: none;
  }

  .filter-cycles--price .filter-cycles__title {
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--duration {
    height: auto;
    top: auto;
    bottom: 0;
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--duration .filter-cycles__title {
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--duration .filter-cycles__date {
    display: none;
  }

  .filter-cycles--duration .filter-cycles__specs {
    display: none;
  }

  .filter-cycles--duration .filter-cycles__price {
    display: none;
  }

  .filter-cycles--duration .filter-cycles__payment {
    display: none;
  }

  .filter-cycles--spec {
    height: auto;
    top: auto;
    bottom: 0;
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--spec .filter-cycles__title {
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--spec .filter-cycles__body {
    display: none;
  }

  .filter-cycles--date {
    height: auto;
    top: auto;
    bottom: 0;
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--date .filter-cycles__title {
    border-radius: 24px 24px 0 0;
  }

  .filter-cycles--date .filter-cycles__specs {
    display: none;
  }

  .filter-cycles--date .filter-cycles__payment {
    display: none;
  }

  .filter-cycles--date .filter-cycles__duration {
    display: none;
  }

  .filter-cycles--date .filter-cycles__price {
    display: none;
  }

  .filter-cycles__group-title {
    font-size: 16px;
  }

  .cycle-reg__steps-item-desc {
    font-size: 12px;
    line-height: normal;
  }

  .cycle-reg__group--pasport-3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }

  .cycle-reg__group--pasport-3 .input-group {
    max-width: 100%;
  }

  .cycle-reg__group--pasport-3 .input-group:nth-child(1) {
    width: 50%;
    max-width: 50%;
  }

  .cycle-reg__group--pasport-3 .input-group:nth-child(2) {
    width: 50%;
    max-width: 50%;
  }

  .cycle-reg__group--pasport-3 .input-group:nth-child(3) {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

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

  .cycle-reg__group--education-4 .input-group {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .cycle-reg__group--education-2 {
    gap: 16px;
  }

  .cycle-reg__group--education-1 .input-group {
    max-width: 100%;
  }

  .cycle-reg__group--pasport-1-short .input-group {
    max-width: 50%;
  }

  .cycle-reg__group--sacan {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  .cycle-reg__statement-group--2,
  .cycle-reg__statement-group--3 {
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .cycle-reg__statement-group--3 {
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .cycle-reg__statement-group--3 .input-group:nth-child(1) {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .cycle-reg__statement-group--3 .input-group:nth-child(2),
  .cycle-reg__statement-group--3 .input-group:nth-child(3) {
    max-width: 50%;
  }

  .cycle-reg__statement-group--4 {
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .cycle-reg__statement-group--4 .input-group:nth-child(1) {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .cycle-reg__statement-group--4 .input-group:nth-child(2),
  .cycle-reg__statement-group--4 .input-group:nth-child(3),
  .cycle-reg__statement-group--4 .input-group:nth-child(4) {
    max-width: none;
  }

  .cycle-reg__statement-group--2-long {
    gap: 16px;
  }

  .cycle-reg__politic-title {
    font-size: 16px;
    line-height: normal;
  }

  .cycle-reg__politic-title .big {
    font-size: 18px;
    line-height: normal;
  }

  .cycle-reg__statement-group-corp--3 {
    gap: 16px;
  }
}

@media (max-width: 992px) {
  #popup-specialties .popup__title {
    font-size: 20px;
  }

  .popup-specialties {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }

  .advertising {
    display: none;
  }

  .cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cart__aside {
    min-width: 100%;
    max-width: 100%;
  }

  .cart--empty {
    padding-top: 50px;
  }
}

@media (max-width: 991px) {
  .button--slider {
    font-size: 14px;
    min-width: auto;
    width: auto;
    padding: 7.5px 16.5px;
  }

  .header__line--top {
    display: none;
  }

  .header__nav-button {
    display: none;
  }

  .header__fast-nav {
    display: none;
  }

  .header__phone {
    display: inline-block;
  }

  .header__phone .ico.phone {
    background-image: url("../img/icon/phone-hover.svg");
  }

  .mobile-nav {
    -webkit-box-shadow: 0px -12px 12px 0px rgba(66, 58, 166, 0.06);
            box-shadow: 0px -12px 12px 0px rgba(66, 58, 166, 0.06);
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    z-index: 99;
  }

  .mobile-nav__container {
    max-width: 474px;
    margin: 0 auto;
    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;
  }

  .mobile-nav__icon-holder {
    position: relative;
  }

  .mobile-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    color: var(--Grey-scale-Gray-900, #1d1d1f);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.66px;
    text-transform: uppercase;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .mobile-nav__item--notification .header__notification-icon {
    display: inline-block;
    position: absolute;
    right: -4px;
    top: -2px;
    z-index: 2;
  }

  .mobile-nav__item--active span {
    color: #1a21ff;
  }

  .mobile-nav__item--active .ico.mob-menu {
    background: url("../img/icon/mobmenu-close.svg");
  }

  .mobile-nav__item--active .ico.profile-2 {
    background: url("../img/icon/profile-2-active.svg");
  }

  .mobile-nav__item--active .ico.fav-gray {
    background: url("../img/icon/fav-gray-active.svg");
  }

  .mobile-nav__item--active .ico.basket-gray {
    background: url("../img/icon/basket-gray-active.svg");
  }

  .header__ribbon-group {
    gap: 16px;
  }

  .header__ribbon-container {
    gap: 25px;
  }

  .footer {
    padding: 40px 0 84px;
  }

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

  .footer__column:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    grid-area: 1/1/2/2;
  }

  .footer__column:nth-child(2) {
    grid-area: 1/2/3/3;
  }

  .footer__column:nth-child(3) {
    grid-area: 2/2/3/2;
  }

  .footer__column:nth-child(4) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    grid-area: 2/1/3/1;
  }

  .footer__column:nth-child(5) {
    grid-area: 1/3/2/3;
  }

  .footer__title {
    font-size: 14px;
    line-height: normal;
  }

  .footer__navlinks a {
    font-size: 13px;
    line-height: normal;
  }

  .footer .header__nav-advance {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 16px;
  }

  .footer .header__nav-advance .footer__description {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .footer__button {
    font-size: 14px;
    min-width: 150px;
    width: 150px;
    padding: 8px 10px;
    border-radius: 12px;
  }

  .main-slider {
    height: 400px;
  }

  .main-slider__title {
    line-height: normal;
  }

  .main-slider__note {
    line-height: normal;
  }

  .main-slider__img-holder {
    min-width: 369px;
    width: 369px;
  }

  .main-slider__info {
    padding: 32px 40px 40px 0;
  }

  .main-slider__desc {
    font-size: 14px;
    line-height: normal;
  }

  .main-slider__pagination {
    display: none;
  }

  .main-slider__info-btn-holder {
    padding-right: 0;
    text-align: left;
  }

  .main-slider__arrow {
    width: 38px;
    height: 38px;
  }

  .main-slider__controls {
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 40px;
  }

  .main-slider__arrows {
    gap: 8px;
  }

  .main-slider__advance {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    row-gap: 8px;
  }

  .main-slider__advance-item {
    font-size: 12px;
    gap: 8px;
  }

  .main-slider ul {
    font-size: 14px;
    line-height: normal;
    padding-left: 20px;
  }

  .test__pagination {
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 15px;
  }

  .test__pagination--slider {
    overflow: hidden;
    padding-bottom: 0;
  }

  .test__pagination--slider .test__pagination-container {
    padding: 0;
  }

  .test__pagination-item {
    height: 48px;
    max-width: 48px;
    min-width: 48px;
    min-height: 48px;
    max-height: 48px;
    font-size: 16px;
  }

  .test__pagination--slider .test__arrow,
  .test__pagination--slider .slick-slide {
    height: 48px;
    max-width: 48px;
    min-width: 48px;
    min-height: 48px;
    max-height: 48px;
    font-size: 16px;
  }

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

  .main-page__directions-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .main-page__services-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .main-page__services-item-desc {
    margin-bottom: 24px;
  }

  .news .news-intro__first .news-intro__title {
    font-size: 20px;
    line-height: normal;
  }

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

  .news-content__list-item-title {
    font-size: 16px;
    line-height: normal;
  }

  .news-detail__header .favorite,
  .news-detail__header .print {
    display: none;
  }
}

@media (max-width: 989px) {
  .journal__table-container {
    overflow-x: auto;
  }

  .journal__column--name {
    min-width: 350px;
  }

  .journal__table {
    min-width: 732px;
    padding-bottom: 0;
  }

  .journal .pagination {
    margin-top: 24px;
  }

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

  .journal__filter-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .organization-nav {
    display: none;
  }

  .organization-nav--mob {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .about-page__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .faq-page__content {
    padding: 30px 16px;
  }

  .contacts-page__body {
    padding: 32px 16px;
  }

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

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

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

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

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

  .doc-filing__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }

  .organization-page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .organization-page__content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .organization-page__back {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .organization-page__content {
    margin-left: 0;
    width: 100%;
    min-height: auto !important;
  }
}

@media (max-width: 767px) {
  body .wrapper.fixed {
    padding-top: 70px;
  }

  body .wrapper.fixed.ribbon {
    padding-top: 124px;
  }

  h2 {
    font-size: 22px;
    line-height: normal;
  }

  .button {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.48px;
    padding: 9px 12px;
    height: auto;
  }

  .button--icon--md-2 {
    height: 48px;
  }

  .header__group {
    gap: 22px;
  }

  .header__logo {
    max-width: none;
    width: 158px;
    margin-right: 0;
  }

  .header__search-group {
    min-width: 240px;
  }

  .mobile-nav__container {
    max-width: 378px;
  }

  .mobile-menu__body,
  .mobile-menu__footer {
    max-width: 398px;
  }

  .header__ribbon-title {
    font-size: 12px;
    line-height: normal;
    letter-spacing: normal;
  }

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

  .footer__column:nth-child(1) {
    grid-area: 1/1/2/2;
  }

  .footer__column:nth-child(2) {
    grid-area: 2/2/4/2;
  }

  .footer__column:nth-child(3) {
    grid-area: 3/1/4/1;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .footer__column:nth-child(4) {
    margin-top: -50px;
  }

  .footer__column:nth-child(5) {
    grid-area: 1/2/2/3;
  }

  .footer .header__nav-advance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .popup .recovery .recovery__header {
    padding: 24px 15px;
  }

  .popup .recovery .recovery__title {
    padding-bottom: 16px;
  }

  .popup .recovery .recovery__content,
  .popup .recovery .recovery__footer {
    padding: 24px 15px;
  }

  #popup-specialties .popup__content {
    max-height: 60vh;
  }

  .popup-specialties {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }

  .pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .pagination__pages a,
  .pagination__pages a.active {
    min-width: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 4px 12px;
    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;
    font-size: 14px;
  }

  .pagination__more {
    margin: 0 auto;
  }

  .pagination__more a.more {
    min-width: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 4px 12px;
    font-size: 14px;
  }

  .journal-lk .journal__group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .journal-lk .journal__checks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
    width: 100%;
  }

  .journal__not-found {
    min-height: 250px;
    padding: 15px;
  }

  .journal__not-found .title {
    font-size: 16px;
    line-height: normal;
  }

  .event__footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }

  .event__footer--cycle .event__footer-group {
    gap: 8px;
  }

  .event__footer--cycle .event__footer-group:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .event-list--schedule .swiper-dots {
    display: none;
  }

  .event-list--schedule .event-list__slider-controls {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .event-list--cycle .event-list__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }

  .profile-form__group {
    grid-template-columns: repeat(1, 1fr);
  }

  .documents__nav {
    overflow-x: auto;
  }

  .profile__inner--testing .profile__header-period-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .profile__inner--testing .profile__header-period-container .profile__header-period-item:first-child {
    width: 100%;
  }

  .profile__header-type-events {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .profile__header-type-events-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }

  .cycle-reg .input-group label {
    font-size: 12px;
  }

  .cycle-reg__section-title {
    font-size: 16px;
    padding-bottom: 18px;
  }

  .cycle-reg__group--pasport-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cycle-reg__group--pasport-3 .input-group {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }

  .cycle-reg__group--pasport-1-short .input-group {
    max-width: 100%;
  }

  .cycle-reg__group--pasport-radios {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

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

  .cycle-reg__group--education-2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .cycle-reg__group--education-2 .input-group:nth-child(2) {
    max-width: 100%;
  }

  .cycle-reg__section-title {
    line-height: normal;
  }

  .cycle-reg__statement {
    padding: 16px;
  }

  .cycle-reg__statement-whom {
    font-size: 14px;
    line-height: normal;
  }

  .cycle-reg__statement-from {
    gap: 16px;
  }

  .cycle-reg__statement-from-name {
    font-size: 14px;
  }

  .cycle-reg__statement-from-group {
    gap: 0;
  }

  .cycle-reg__statement-from-desc {
    font-size: 13px;
  }

  .cycle-reg__statement-title {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 16px;
  }

  .cycle-reg__statement-text {
    font-size: 14px;
    line-height: normal;
  }

  .cycle-reg__statement-section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .cycle-reg__statement-group--4,
  .cycle-reg__statement-group--2,
  .cycle-reg__statement-group--2-long {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .cycle-reg__statement-group--4 .input-group,
  .cycle-reg__statement-group--2 .input-group,
  .cycle-reg__statement-group--2-long .input-group {
    max-width: 100% !important;
  }

  .cycle-reg__statement-politic p {
    font-size: 14px;
    line-height: normal;
    padding-bottom: 8px;
  }

  .cycle-reg__statement-signature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 15px;
  }

  .cycle-reg__statement-signature-group {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .cycle-reg__statement-signature-label {
    font-size: 13px;
  }

  .cycle-reg__statement-signature-group:nth-child(2) {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .cycle-reg__section-toogle-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .cycle-reg__politic-content p {
    font-size: 14px;
    line-height: normal;
    padding-bottom: 8px;
  }

  .cycle-reg__politic-content ul li {
    font-size: 14px;
    line-height: normal;
  }

  .cycle-reg__politic-sign span {
    font-size: 13px;
  }

  .cycle-reg__politic {
    padding: 16px;
  }

  .cycle-reg__statement-group-corp--3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .main-slider {
    height: 540px;
  }

  .main-slider__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 32px 32px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
  }

  .main-slider__info {
    padding: 0;
  }

  .main-slider__img-holder {
    width: auto;
    min-width: auto;
    height: 396px;
    margin-top: -50px;
  }

  .main-slider__title {
    font-size: 22px;
    font-weight: 700;
  }

  .main-slider__info-btn-holder {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 22px;
    text-align: center;
  }

  .main-slider__label {
    display: none;
  }

  .main-slider__arrows {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 0 30px;
  }

  .main-slider__controls {
    bottom: auto;
    top: calc(50% - 19px);
    padding: 0;
    width: 100%;
  }

  #testDone {
    width: calc(100% - 64px) !important;
    height: auto;
  }

  .main-page__advantages {
    margin-top: 40px;
    grid-gap: 16px;
    grid-template-columns: repeat(1, 1fr);
  }

  .main-page__advantages-item {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }

  .main-page__advantages-item-title {
    line-height: normal;
    font-size: 22px;
    min-width: 120px;
  }

  .main-page__advantages-item-desc {
    line-height: normal;
    font-size: 14px;
  }

  .main-page__directions {
    margin-top: 32px;
  }

  .main-page__directions-title {
    margin-bottom: 22px;
  }

  .main-page__directions-items {
    grid-gap: 16px;
  }

  .main-page__directions-item {
    padding: 16px;
    font-size: 16px;
    line-height: normal;
  }

  .main-page__directions-links {
    margin-top: 22px;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
  }

  .main-page__directions-link-title {
    line-height: normal;
    font-size: 16px;
  }

  .main-page__directions-link-desc {
    line-height: normal;
    font-size: 13px;
  }

  .main-page__services {
    margin-top: 32px;
  }

  .main-page__services-items {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
  }

  .main-page__services-item-title {
    line-height: normal;
    font-size: 16px;
  }

  .main-page__services-item-desc {
    line-height: normal;
    font-size: 13px;
  }

  .main-page__services-item-btn {
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 8px;
  }

  .faq-page__item-title {
    font-size: 16px;
    line-height: 1.3;
  }

  .faq-page__item-desc {
    font-size: 14px;
    line-height: 1.2;
  }

  .contacts-page__items {
    grid-template-columns: repeat(1, 1fr);
  }

  .cart--empty {
    padding-top: 20px;
  }

  .survey {
    margin-top: 20px;
  }

  .survey__title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .survey__step {
    padding: 15px;
    gap: 16px;
    font-size: 14px;
  }

  .survey__form-body {
    padding: 20px 15px;
  }

  .survey__form-table {
    padding-top: 40px;
  }

  .survey__form-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .survey__form-title {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 16px;
  }

  .survey__form-group {
    grid-template-columns: repeat(1, 1fr);
  }

  .survey__form-footer {
    padding: 15px;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }

  .survey .survey__form-footer--finish .button {
    width: 100%;
  }

  .survey .survey__form-footer--finish .button:nth-child(1),
  .survey .survey__form-footer--finish .button:nth-child(2) {
    width: auto;
  }

  .doc-filing {
    margin-top: 0;
  }

  .doc-filing__title {
    font-size: 22px;
    line-height: normal;
  }

  .doc-filing__subtitle {
    line-height: normal;
  }

  .doc-filing__header,
  .doc-filing__section {
    padding: 24px 15px;
  }

  .doc-filing__step {
    min-width: 35px;
    width: 35px;
    height: 35px;
  }

  .doc-filing__section-header-title {
    font-size: 16px;
    line-height: normal;
  }

  .doc-filing__section-header-desc {
    font-size: 14px;
  }

  .doc-filing__section-header {
    gap: 16px;
  }

  .doc-filing .input-group--sm label {
    position: static;
    display: inline-block;
    padding-bottom: 8px;
    font-size: 16px !important;
  }

  .doc-filing .input-group--sm .input-field:focus {
    padding: 11px 12px;
  }

  .doc-filing .input-group--sm.input-group--focus .input-field,
  .doc-filing .input-group--sm.input-group--completed .input-field {
    padding: 11px 35px 11px 12px;
  }

  .doc-filing .input-group--sm .clear-button,
  .doc-filing .input-group--sm .tooltip-button {
    top: auto;
    bottom: 12px;
  }

  .doc-filing__final {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .doc-filing__final {
    padding: 24px 15px;
  }

  .doc-filing__footer {
    padding: 24px 15px;
  }

  .news .news-intro__first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .news .news-intro__first .news-intro__title {
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .news .news-intro__sorting {
    max-width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .news .news-intro__description {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .news .news-content__list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 16px;
  }

  .news-detail__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }

  .news-detail h1 {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 16px;
  }

  .news-detail h3 {
    font-size: 18px;
    line-height: normal;
  }

  .news-detail__info-categories {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .news-detail__links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .news-detail__images .news-sm {
    display: inline-block;
  }

  .news-detail__images .news-lg {
    display: none;
  }

  .news-detail__literature {
    margin-top: 40px;
  }

  .news-slider .swiper-dots {
    display: none;
  }

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

  .not-found {
    padding: 50px 24px;
  }

  .not-found__title {
    font-size: 60px;
  }

  .not-found__subtitle {
    font-size: 28px;
  }

  .about-us {
    padding: 32px 15px;
  }

  .about-us__intro {
    font-size: 16px;
  }

  .about-us__video-holder {
    margin-top: 32px;
  }
}

@media (max-width: 575px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  h2 {
    font-size: 20px;
  }

  .header__group {
    gap: 16px;
    margin-right: 16px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .header__search-group {
    min-width: auto;
    width: 0;
  }

  .header__search-group input {
    opacity: 0;
  }

  .mobile-nav__container {
    max-width: 354px;
  }

  .mobile-menu__body,
  .mobile-menu__footer {
    max-width: 374px;
  }

  .header__ribbon-group {
    gap: 0;
  }

  .header__ribbon-group img {
    display: block;
    margin-left: -25px;
  }

  .mobile-menu__header {
    padding: 0 15px;
  }

  .footer__links {
    margin-top: 24px;
  }

  .footer__buttons {
    gap: 12px;
  }

  .footer .header__nav-advance {
    gap: 16px;
  }

  .footer .header__nav-advance-item {
    font-size: 10px;
    text-transform: uppercase;
  }

  .footer .header__nav-advance .footer__description {
    font-size: 8px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: -8px;
  }

  .main-slider {
    height: 560px;
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .main-slider__item {
    padding: 32px 15px 0;
  }

  .main-slider__arrows {
    padding: 0 15px;
  }

  .main-page__advantages {
    margin-top: 24px;
  }

  .main-page__advantages-items {
    grid-gap: 8px;
  }

  .main-page__advantages-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }

  .main-page__advantages-item-title {
    min-width: auto;
    margin-bottom: 0;
  }

  .main-page__directions-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (max-width: 479px) {
  .popup-specialties {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }

  .popup__container {
    padding: 32px 15px;
  }

  .button-close-blue {
    min-width: 24px;
    width: 24px;
    height: 24px;
  }

  .popup__title {
    font-size: 18px;
    line-height: normal;
  }

  .popup__buttons {
    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;
  }

  #popup-payment .popup-item {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
  }

  #popup-payment .popup-item__title {
    text-align: left;
  }

  .journal-lk .journal__dates {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 14px;
  }

  .journal-lk .journal__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .journal-lk .journal__filter-group {
    width: 100%;
  }

  .journal-lk .journal__filter-group .group--input {
    max-width: 100%;
    width: 100%;
  }

  .journal-lk .journal__dates .divider {
    display: none;
  }

  .journal__footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }

  .test-results .journal__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .journal__title {
    padding: 24px 16px;
  }

  .journal__body {
    padding: 24px 16px;
  }

  .event__labels span {
    max-height: none;
    height: auto;
  }

  .event__footer--cycle .event__footer-group {
    width: 100%;
  }

  .event__footer--cycle .event__footer-group:nth-child(1) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .event-list--schedule .event-list__header {
    padding: 16px 16px 0;
  }

  .event-list--schedule .event-list__title {
    font-size: 18px;
  }

  .event-list--schedule .event-list__body {
    margin: 16px;
  }

  .event-list--schedule .event-list__slider-controls {
    padding-top: 16px;
  }

  .event-list--schedule .event-list__nav {
    overflow-x: auto;
  }

  .event-list--schedule .event-list__nav-item {
    padding: 10px 16px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .event-list--cycle .event-list__header {
    padding: 16px;
    font-size: 18px;
  }

  .event-list--cycle .event-list__body {
    margin: 16px;
  }

  .event-list--cycle .event-list__body p {
    padding-bottom: 16px;
  }

  .event-list--cycle .event-list__body .big {
    font-size: 16px;
    line-height: normal;
    padding-bottom: 16px;
  }

  .event-list--cycle .event-list__footer {
    padding: 16px;
  }

  .event--detail .event__footer--right .event__footer-group {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .event-list__footer a {
    width: 100%;
  }

  .event--detail .event__footer--between .event__footer-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .event--detail .event__footer--between .event__footer-group a {
    width: 100%;
  }

  .event-translation__title {
    font-size: 18px;
    line-height: normal;
  }

  .event-translation__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .event-translation__footer a,
  .event-translation__footer button {
    width: 100%;
  }

  .event-translation {
    width: calc(100% + 30px);
    margin-left: -15px;
    border-radius: 0;
  }

  .event-translation__header {
    padding: 16px;
    font-size: 18px;
  }

  .event-translation__body-video-stats {
    padding: 6px 16px;
  }

  .event-translation__body-video-player {
    height: 202px;
  }

  .event-translation-aside .chat-nav__item {
    padding: 10px 16px;
  }

  .event-translation-aside__header {
    height: auto;
  }

  .message__header {
    font-size: 14px;
  }

  .message__avatar {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }

  .event-test__body {
    padding: 0;
  }

  .event-test__footer .button {
    width: 100%;
  }

  .event-test__footer-group {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 8px;
  }

  .filter-cycles__specs,
  .filter-cycles__body {
    padding: 16px;
  }

  .filter-cycles--mobile .filter-cycles__footer {
    padding: 24px 16px;
    gap: 16px;
  }

  .profile__title {
    font-size: 16px;
    line-height: normal;
    gap: 16px;
  }

  .profile__back {
    font-size: 14px;
    gap: 4px;
  }

  .profile__back .ico.left-big {
    min-width: 18px;
    width: 18px;
    height: 18px;
  }

  .profile__scan-file {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .profile__work-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .profile__footer--between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }

  .documents__nav-item {
    padding: 8px 5px 4px;
    font-size: 13px;
  }

  .lk-profile__contacts-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }

  .lk-profile__menu {
    padding-left: 15px;
    padding-right: 15px;
  }

  .lk-profile__person-photo {
    width: 66px;
    height: 66px;
  }

  .lk-profile__person-photo-holder .ico.photo {
    bottom: 0;
  }

  .lk-profile__person-fio {
    line-height: normal;
    font-size: 14px;
  }

  .cycle-reg__steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .cycle-reg__steps-item {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .cycle-reg__steps-item::before {
    content: none;
  }

  .cycle-reg__steps-item-desc {
    font-size: 14px;
  }

  .cycle-reg__steps-item:last-child::after {
    content: none;
  }

  .cycle-reg__body {
    padding: 20px 15px;
  }

  .cycle-reg__labels span {
    font-size: 11px;
    line-height: normal;
  }

  .cycle-reg__section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
  }

  .cycle-reg__statement-group--3 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .cycle-reg__statement-group--3 .input-group {
    max-width: 100% !important;
  }

  .cycle-reg__statement-signature-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .cycle-reg__statement-signature-label {
    width: 100%;
  }

  .cycle-reg__politic-sign {
    gap: 16px;
    margin: 20px 0;
  }

  .cycle-reg__politic-sign span {
    font-size: 11px;
  }

  .organization-nav__header {
    font-size: 16px;
    padding: 15px;
  }

  .organization-nav__items {
    padding: 15px 12px;
  }

  .organization-nav__item {
    margin-bottom: 4px;
  }

  .test--exam .test__submit {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    min-width: 100%;
  }

  .survey .button {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .survey__form-table-list-item-field {
    padding-right: 0;
    font-size: 13px;
  }

  .survey__form-table-list-item-field:last-child {
    min-width: 100px;
    max-width: 100px;
    padding: 0 5px 0 0;
  }

  .doc-filing__header-title {
    font-size: 20px;
    line-height: normal;
  }

  .doc-filing__title {
    font-size: 20px;
  }

  .doc-filing__subtitle {
    font-size: 14px;
    margin: 16px 0 20px;
  }

  .doc-filing__step {
    min-width: 25px;
    width: 25px;
    height: 25px;
    font-size: 14px;
    border-width: 1px;
  }

  .doc-filing__section-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .doc-filing__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .doc-filing__footer .button i {
    min-width: 20px;
    width: 20px;
    height: 20px;
  }

  .doc-filing__footer-group {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .news-detail__header {
    padding: 24px 15px;
  }

  .news-detail__body {
    padding: 24px 15px;
  }

  .news-detail__info {
    margin-bottom: 16px;
  }

  .news-detail h1 {
    font-size: 20px;
  }

  .news-detail h3 {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .news-detail p {
    font-size: 14px;
    line-height: normal;
  }

  .news-detail__literature-switcher {
    position: static;
    margin-top: 10px;
  }

  .news-detail__literature {
    padding: 24px 15px;
  }

  .news-detail__unauth {
    margin-top: 24px;
    padding: 24px;
    font-size: 16px;
    line-height: normal;
  }

  .organization-page__content-header {
    font-size: 16px;
    padding: 15px;
  }

  .organization-page__content-body {
    padding: 15px 12px 30px;
  }

  .organization-page__content-docs {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  .organization-page__content .item--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
  }

  .organization-page__content .item {
    margin-bottom: 15px;
  }

  .organization-page__content .item-title--md {
    font-size: 16px;
    padding-bottom: 15px;
  }

  .not-found {
    padding: 24px 15px;
  }

  .not-found__title {
    font-size: 50px;
  }

  .not-found__subtitle {
    font-size: 26px;
  }

  .about-us__video-holder {
    padding-bottom: 100%;
  }
}

@media (max-width: 429px) {
  .mobile-nav__container {
    gap: 32px;
  }

  .header__ribbon-group img {
    margin-left: -55px;
  }

  .footer {
    padding-top: 34px;
  }

  .footer__inner {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }

  .footer__title {
    color: rgba(255, 243, 112, 0.86);
    margin-bottom: 0;
  }

  .footer__column {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 16px 0;
  }

  .footer__column ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
  }

  .footer__column ul a {
    font-size: 12px;
  }

  .footer__column:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border: none;
  }

  .footer__column:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .footer__column:nth-child(3) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    border: none;
  }

  .footer__column:nth-child(4) {
    margin: 0;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  .footer__column:nth-child(5) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .footer__column.accordion ul {
    display: none;
  }

  .footer__column.accordion .footer__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }

  .footer__column.accordion .footer__accordion-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #fff370;
    background: #343440;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .footer__column.accordion .footer__accordion-btn img {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .footer__column--active.accordion .footer__accordion-btn img {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
  }

  .footer__column--active.accordion .footer__navlinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer__navlinks {
    padding-top: 16px;
  }

  .footer__logo {
    margin: 0 auto;
    display: block;
  }

  .footer__links {
    margin-top: 16px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .footer__link--email {
    position: relative;
    top: -1px;
  }

  .footer__buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer__button {
    min-width: 260px;
    width: 260px;
  }

  .footer__divider {
    display: none;
  }

  .footer .header__nav-advance {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 16px;
  }

  .footer .header__nav-advance-item {
    width: auto;
  }

  .footer .header__nav-advance-item:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .footer .header__nav-advance-item:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .footer .header__nav-advance-item:last-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer .header__nav-advance .footer__description {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin: 0;
  }

  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    padding-top: 16px;
  }

  .footer__info {
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .main-slider {
    height: 386px;
  }

  .main-slider__item {
    padding-top: 24px;
  }

  .main-slider__img-holder {
    height: 262px;
    margin-top: -60px;
  }

  .main-slider__title {
    font-size: 20px;
    letter-spacing: normal;
  }

  .main-slider__note {
    display: none;
  }

  .main-slider__desc {
    font-weight: 400;
    letter-spacing: normal;
  }

  .main-slider__advance {
    gap: 12px;
  }

  .main-slider__advance-item {
    width: auto;
    font-size: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .main-slider__advance-item img {
    max-width: 70%;
  }

  .main-page__advantages {
    margin-top: 20px;
    gap: 8px;
  }
}