@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: inherit;
          box-sizing: inherit;
}

* {
  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: var(--EDU-BG, #F5F5F7);
}

body.overflow-hidden {
  overflow: hidden;
  position: relative;
}

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 {
  position: relative;
  width: 100%;
  max-width: 1224px;
  padding: 0;
  margin: 0 auto;
  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: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

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

.row {
  width: 100%;
}

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

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 112px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--Grey-scale-Grey-50, #EDEDFA);
  background: var(--White, #FFF);
}

header .line1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #E6E6F0);
  padding: 16px 108px;
}

header .line1 .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .line1 .buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 10px 16px 12px 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(--Grey-scale-Grey-500, #909099);
  line-height: 20px;
}

header .line1 .buttons a:hover {
  color: var(--Primary-blue-Blue-500, #6C71FF);
}

header .line1 .buttons a.active {
  padding-bottom: 10px;
  color: var(--Primary-blue-Blue-500, #6C71FF);
  border-radius: 12px 12px 0px 0px;
  border-bottom: 2px solid var(--Primary-blue-Blue-500, #6C71FF);
}

header .line2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
  padding: 9px 108px;
}

header .inner {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

header .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.28px;
  text-decoration: none;
  color: var(--Grey-scale-Gray-900, #1D1D1F);
}

header a span {
  color: var(--onyx-dark-black-text-color, #1D1D1F);
  letter-spacing: 0.28px;
}

header a.logo {
  display: block;
  width: 196px;
  height: 38px;
  background: url("../img/logo.png") no-repeat 0 0;
}

header a.phone span {
  color: var(--Grey-scale-Grey-800, #353538);
  font-weight: 400;
  padding: 0 0 0 6px;
}

header a.basket {
  padding: 0 38px 0 0;
}

header a.basket:hover span {
  color: var(--Primary-blue-Blue-500, #6C71FF);
}

header a.profile {
  position: relative;
}

header a.profile img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

header a.profile--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: 17px;
  top: 0;
  z-index: 3;
}

.header-corp {
  height: 56px;
}

.header-corp--noauth .inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header-corp__line {
  padding: 9px 108px;
  width: 100%;
}

.profile-dropdown {
  position: absolute;
  -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);
  background: #fff;
  z-index: 2;
  padding: 8px 0;
  border-radius: 10px;
  top: 44px;
  right: 0;
  display: none;
}

.profile-dropdown svg {
  position: absolute;
  z-index: 3;
  top: -12px;
  left: calc(50% - 7.5px);
}

.profile-dropdown__item {
  padding: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #E6E6F0);
  white-space: nowrap;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.profile-dropdown__item:hover {
  color: var(--Primary-blue-Blue-500, #6C71FF);
}

.profile-dropdown__item:last-child {
  border-bottom: none;
}

.popup-open:hover span {
  color: var(--Primary-blue-Blue-500, #6C71FF);
}

.phone:hover span {
  color: var(--Primary-blue-Blue-500, #6C71FF);
}

header .profile:hover span {
  color: var(--Primary-blue-Blue-500, #6C71FF);
}

.mob-menu {
  display: none;
  cursor: pointer;
}

.mob-nav {
  display: none;
  width: 100%;
  border-top: 1px solid var(--Grey-scale-Grey-50, #F0F0F7);
}

.mob-nav__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid var(--Grey-scale-Grey-50, #F0F0F7);
}

.mob-nav__header-item {
  padding: 10px 16px;
  color: var(--Grey-scale-Grey-500, #909099);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
  position: relative;
}

.mob-nav__header-item::before {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 12px 12px 0px 0px;
  background: #6C71FF;
  position: absolute;
  left: 0;
  bottom: -1px;
  opacity: 0;
}

.mob-nav__header-item:hover {
  color: #6C71FF;
}

.mob-nav__header-item--active {
  color: #6C71FF;
}

.mob-nav__header-item--active::before {
  opacity: 1;
}

.mob-nav__body {
  max-width: 300px;
  width: 100%;
  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: 8px;
  padding: 24px 0;
}

.mob-nav__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border-radius: 12px;
  width: 100%;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
}

.mob-nav__item .mob-nav__item-icon-active {
  display: none;
}

.mob-nav__item span {
  display: inline-block;
  padding: 10px;
  border-radius: 12px;
}

.mob-nav__item--active {
  background: #F5F5F7;
}

.mob-nav__item--active span {
  background: #474EFF;
}

.mob-nav__item--active span .mob-nav__item-icon {
  display: none;
}

.mob-nav__item--active span .mob-nav__item-icon-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mob-nav__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 24px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #E6E6F0;
}

.mob-nav__tel {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.mob-nav__tel:hover {
  color: #6C71FF;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 381px;
  padding: 80px 108px;
  -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: 24px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: var(--White, #ffffff);
}

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.footer__column:last-child {
  padding: 0 54px 0 0;
}

.footer__title {
  color: var(--Blue-600, #474EFF);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.64px;
  text-transform: uppercase;
}

.footer__navlinks {
  list-style: none;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
}

.footer__navlinks a {
  text-decoration: none;
  color: var(--Grey-scale-Grey-700, #606066);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.28px;
}

.footer__navlinks a:hover {
  text-decoration: underline;
}

.footer__divider {
  width: 100%;
  height: 1px;
  background-color: var(---Grey-scale-Grey-300, #C0C0CC);
  margin-top: 24px;
  margin-bottom: 24px;
}

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

.footer__copyright p {
  padding: 0;
  margin: 0;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.24px;
}

.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.popup-show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-animation: fadeIn 0.6s ease 1 forwards;
          animation: fadeIn 0.6s ease 1 forwards;
}

.popup.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 .popup-close {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
  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: 32px;
  height: 32px;
  border-radius: 60px;
  background-image: url("../img/icon/close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--Grey-scale-Grey-200, #DFDFE8);
}

.popup .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: 0 0 40px rgba(90, 97, 107, 0.1);
          box-shadow: 0 0 40px rgba(90, 97, 107, 0.1);
  border-radius: 16px;
}

.popup .popup-logo {
  text-align: center;
}

.popup .popup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 64px);
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.48px;
  color: var(--Grey-scale-Gray-900, #1D1D1F);
  margin: 0 0 30px 0;
}

.popup .popup-content {
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin: 0 0 24px 0;
}

.popup .popup-content .separator {
  background-color: #DCE0E5;
  height: 1px;
  width: 100%;
  margin: 18px 0;
}

.popup .popup-content ul {
  list-style-position: inside;
  list-style-type: disc;
}

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

.popup .popup-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-buttons.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup .popup-buttons.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.popup .popup-buttons.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#popup-notice .popup-container {
  max-width: 600px;
}

#popup-sign-in .popup-container {
  padding: 40px;
  max-width: 416px;
}

#popup-sign-in .popup-close {
  right: 40px;
  top: 40px;
}

#popup-sign-in .popup-title {
  margin: 0 0 24px 0;
}

#popup-sign-in .popup-content {
  margin: 0;
}

#popup-sign-in .row.remember {
  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: 0 0 24px 0;
}

#popup-sign-in .row.remember label {
  padding: 0;
}

#popup-sign-in .row.buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 24px 0;
}

#popup-sign-in .row.buttons button {
  width: 160px;
  margin: 0 16px 0 0;
}

#popup-sign-in .row.buttons a {
  width: 160px;
}

#popup-sign-in span.notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--Grey-scale-Grey-500, #909099);
  line-height: 20px;
  letter-spacing: 0.28px;
}

#popup-sign-in a.forgot {
  color: var(--Blue-600, #474EFF);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.48px;
  text-decoration: none;
  padding: 14px;
}

#popup-sign-in a.forgot:hover {
  text-decoration: underline;
}

#popup-delete .popup-container {
  max-width: 600px;
}

#popup-delete .popup-title {
  margin-bottom: 30px;
}

#popup-delete .popup-content {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-bottom: 30px;
}

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

.popup-item:last-child {
  margin-bottom: 0;
}

.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 .popup-item__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  font-weight: 400;
}

.popup-item--promo .popup-item__value input {
  margin-bottom: 0;
  padding: 8px 30px 8px 16px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  border-radius: 10px;
  border: 1px solid var(--Primary-blue-Blue-200, #C8CAFF);
  font-size: 16px;
}

.popup-item--promo .popup-item__value button.clear {
  top: 8px;
  right: 4px;
}

.popup-item--promo .popup-item__value .button {
  padding: 10px 16px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  font-size: 16px;
}

.popup-item--points .popup-item__value input {
  margin-bottom: 8px;
  padding: 8px 30px 8px 16px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  border-radius: 10px;
  border: 1px solid var(--Primary-blue-Blue-200, #C8CAFF);
  max-width: 135px;
  font-size: 16px;
}

.popup-item--points .popup-item__value button.clear {
  top: 8px;
  right: 4px;
}

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

#popup-payment ul li {
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.28px;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#popup-payment ul li::before {
  content: "•";
  margin-right: 10px;
}

#popup-payment .popup-content {
  margin-bottom: 30px;
}

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

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

.popup-ban-btns {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 24px;
}

.popup-ban-btns--double {
  margin-top: 24px;
  grid-template-columns: repeat(2, 1fr);
}

#popup-ban .popup-content {
  margin-bottom: 0;
}

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

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

.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 label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.14px;
}

#popup-instruction .popup-desc {
  max-height: 400px;
  overflow: auto;
}

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;
}

button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 16px 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-radius: 16px;
  background: var(--Primary-blue-Blue-600, #474EFF);
  color: var(--White, #FFF);
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.54px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

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

button:focus {
  background: var(--Primary-blue-Blue-800, #2B2FA5);
  border-color: var(--Primary-blue-Blue-800, #2B2FA5);
}

button:disabled {
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--Grey-scale-Grey-300, #C0C0CC);
}

button:disabled:hover {
  background: var(--Grey-scale-Grey-300, #C0C0CC);
}

button:disabled:focus {
  background: var(--Grey-scale-Grey-300, #C0C0CC);
}

button.size2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 14px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.48px;
}

button.clear {
  display: none;
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../img/icon/clear.svg") no-repeat 0 0;
  top: calc(50% - 12px);
  right: 16px;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: auto !important;
}

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

button.clear.size2 {
  top: 12px;
}

button.clear:hover {
  border: none;
  background: url("../img/icon/clear.svg") no-repeat 0 0;
}

button.invert {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 14px;
  -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: var(--White, #FFF);
  color: var(--Blue-600, #474EFF);
  border: 1px solid var(--Blue-600, #474EFF);
}

button.invert.size1 {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 16px 20px;
}

a.button {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 16px 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  background: var(--Blue-600, #474EFF);
  color: var(--White, #FFF);
  border: 1px solid var(--Blue-600, #474EFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.54px;
  text-decoration: none;
}

a.button.full {
  width: 100%;
}

a.button.invert {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 14px;
  -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: var(--White, #FFF);
  color: var(--Blue-600, #474EFF);
  border: 1px solid var(--Blue-600, #474EFF);
}

a.button.invert.size1 {
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 16px 20px;
}

a.button.size2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding: 14px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.48px;
}

a.button.type3 {
  color: var(--Secondary-Violet-Violet-600, #A140FF);
  border-radius: 16px;
  border: 1px solid var(--Secondary-Violet-Violet-600, #A140FF);
}

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

a.button:focus {
  background: var(--Primary-blue-Blue-800, #2B2FA5);
  border-color: var(--Primary-blue-Blue-800, #2B2FA5);
}

a.button.invert:hover {
  border: 1px solid var(--Primary-blue-Blue-700, #393FD2);
  background: var(--Primary-blue-Blue-50, #EDEDFF);
  color: var(--Primary-blue-Blue-700, #393FD2);
}

a.button.invert:focus {
  border: 1px solid var(--Primary-blue-Blue-800, #2B2FA5);
  background: var(--Primary-blue-Blue-100, #DADCFF);
  color: var(--Primary-blue-Blue-800, #2B2FA5);
}

a.button.disabled {
  color: var(--Color-Light-Base-6, #8992A8);
  border: 1px solid #DADDE7;
  background: transparent;
  cursor: default;
}

a.button.disabled:hover,
a.button.disabled:focus {
  color: var(--Color-Light-Base-6, #8992A8);
  border: 1px solid #DADDE7;
  background: transparent;
}

a.button.red {
  border: 1px solid var(--Secondary-Red-Red-600, #EE307D);
  background: transparent;
  color: var(--Secondary-Red-Red-600, #EE307D);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

a.button.red:hover {
  color: var(--Secondary-Red-Red-700, #BE2664);
  border: 1px solid var(--Secondary-Red-Red-700, #BE2664);
  background: var(--Secondary-Red-Red-50, #FDEAF2);
}

a.button.red:focus {
  color: var(--Secondary-Red-Red-800, #8F1D4B);
  border: 1px solid var(--Secondary-Red-Red-800, #8F1D4B);
  background: var(--Secondary-Red-Red-100, #FCD6E5);
}

a.button.red-invert {
  background: var(--Secondary-Red-Red-600, #EE307D);
  color: #fff;
}

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

a.button.red-invert:focus {
  color: #fff;
  border-color: var(--Secondary-Red-Red-800, #8F1D4B);
  background: var(--Secondary-Red-Red-800, #8F1D4B);
}

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

i.ico.upload-gray {
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
  background-image: url("../img/icon/upload-icon.svg");
}

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

i.ico.task-gray {
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
  background-image: url("../img/icon/task-icon.svg");
}

i.ico.calendar-gray {
  min-width: 32px;
  width: 32px;
  min-height: 32px;
  height: 32px;
  background-image: url("../img/icon/calendar-gray.svg");
}

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

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

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

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

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

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

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

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

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

i.ico.close-gray {
  min-width: 32px;
  width: 32px;
  height: 32px;
  background-image: url("../img/icon/close.svg");
  border-radius: 50%;
}

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

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

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

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

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

i.ico.left-sm {
  background-image: url("../img/icon/arrow-left-sm.svg");
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

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

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

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

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

i.ico.pen {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/pen-icon.svg");
  margin: 0 !important;
}

i.ico.ban {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/ban-icon.svg");
  margin: 0 !important;
}

i.ico.lector {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/lector-icon.svg");
  margin: 0 !important;
}

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

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

i.ico.pin {
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  background-image: url("../img/icon/pin-icon.svg");
  margin: 0 !important;
}

i.ico.chat-1 {
  background-image: url("../img/icon/chat-btn-1.svg");
  margin: 0 !important;
}

i.ico.chat-2 {
  background-image: url("../img/icon/chat-btn-2.svg");
  margin: 0 !important;
}

i.ico.chat-3 {
  background-image: url("../img/icon/chat-3.svg");
  margin: 0 !important;
}

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

i.ico.file {
  background-image: url("../img/icon/file-icon.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  margin: 0 !important;
}

i.ico.send {
  background-image: url("../img/icon/send.svg");
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  margin: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

i.ico.photo {
  background-image: url("../img/icon/photo.svg");
  position: absolute;
  bottom: 22px;
  right: 0;
  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;
}

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

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

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

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

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

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

.nowrap {
  white-space: nowrap !important;
}

.p0 {
  padding: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.p24 {
  padding: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.p40 {
  padding: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.ma {
  margin: auto !important;
}

.mla {
  margin-left: auto !important;
}

.mra {
  margin-right: auto !important;
}

.mta {
  margin-top: auto !important;
}

.mba {
  margin-bottom: auto !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml8 {
  margin-left: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.m24 {
  margin: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml42 {
  margin-left: 42px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.group--input {
  position: relative;
}

.group--input .help-block {
  color: var(--Status-colors-Danger-600, #DC3545);
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  padding-top: 4px;
  display: none;
}

.error-text {
  color: var(--Status-colors-Danger-600, #DC3545);
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.14px;
  margin-bottom: 16px;
  display: none;
}

.error-field input {
  border: 1px solid var(--Status-colors-Danger-600, #DC3545);
  margin-bottom: 4px;
}

.error-field.group--input-date input {
  color: #DC3545;
}

.error-field.group--input-date input:focus {
  color: var(--Grey-scale-Gray-900, #1D1D1F);
}

.error-field .calendar-blue {
  background-image: url("../img/icon/calendar-error.svg") !important;
}

.error-field .help-block {
  display: block;
}

.error-field .error-text {
  display: block;
}

.error-field .select2-container {
  margin-bottom: 4px;
}

.error-field .select2-container--default .select2-selection--single {
  border: 1px solid var(--Status-colors-Danger-600, #DC3545);
}

label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--Grey-scale-Gray-900, #1D1D1F);
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.14px;
  padding: 0 0 8px 0;
}

label span.require {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--Status-colors-Danger-600, #DC3545);
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.32px;
}

label.checkbox {
  color: var(--Grey-scale-Gray-900, #1D1D1F);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin: 0 0 16px 0;
}

label.checkbox a {
  text-decoration: none;
  color: var(--Primary-blue-Blue-700, #393FD2);
}

label.checkbox a:hover {
  text-decoration: underline;
}

label.checkbox span.label-checkbox-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

label.checkbox span.label-checkbox-notice span {
  color: var(--Grey-scale-Gray-900, #1D1D1F);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.32px;
}

label.checkbox span.label-checkbox-notice small {
  padding: 10px 0 0 0;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}

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;
}

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

label .notice span.title {
  color: var(--Grey-scale-Gray-900, #1D1D1F);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  padding: 0 0 8px 0;
}

input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  padding: 8px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background-color: #F2F3F7;
  border: 1px solid #F2F3F7;
  width: 100%;
  margin: 0 0 16px 0;
  color: var(--Grey-scale-Gray-900, #1D1D1F);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

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

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

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

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

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

input:hover {
  border: 1px solid var(--Primary-blue-Blue-500, #6C71FF);
}

input:focus {
  border: 1px solid var(--Primary-blue-Blue-700, #393FD2);
  background-color: var(--white, #FFF);
}

input.error {
  color: var(--Status-colors-Danger-600, #DC3545);
  border: 1px solid var(--Status-colors-Danger-600, #DC3545);
  background-color: var(--Grey-scale-Grey-25, #F2F3F7);
}

input.error:focus {
  background-color: var(--white, #FFF);
}

input.size2 {
  padding: 14px 12px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  font-size: 16px;
  line-height: 20px;
  border-radius: 12px;
}

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

input.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 со следующими стилями */
}

input.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;
}

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

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

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

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

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

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

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

.password-control {
  display: inline-block;
  position: absolute;
  background: url("../img/icon/eye-gray.svg") no-repeat 0 0;
  width: 24px;
  height: 24px;
  top: 16px;
  right: 16px;
}

.password-control.view {
  background: url("../img/icon/eye.svg") no-repeat 0 0;
}

.group--input input[type=text] {
  padding-right: 38px;
}

.group--input.password-change input.password-change {
  padding-right: 72px;
}

.group--input.password-change button.clear {
  right: 48px;
}

.group--input-file {
  position: relative;
}

.group--input-file .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.group--input-file input[type=file] {
  display: none;
}

.group--input-file .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;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  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;
}

.group--input-file .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%;
}

.group--input-file .area.prepare._active {
  background-color: #B5B8FF;
  color: #F7F8FF;
  border-color: #F7F8FF;
}

.group--input-file .area.preload {
  border: none;
  background: var(--Status-colors-Success-15, #E4F5E8);
  color: var(--Secondary-green-Green-700, #1A8A68);
}

.group--input-file .area.preload::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/done_green.svg");
  background-size: 100%;
}

.group--input-file .area.error {
  border: none;
  background-color: #FCEBEC;
  color: #DC3545;
}

.group--input-file .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%;
}

.group--input-file .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;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  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;
}

.group--input-file .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%;
}

.group--input-file .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;
}

.group--input-file .preview img {
  height: 100%;
}

.group--input-file .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);
}

.group--input-file .preview .clear.disabled {
  cursor: default;
  border-radius: 60px;
  background-color: #E4E4F2;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.group--radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.group--radio .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;
  margin: 12px 18px 0 0;
}

.group--radio .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);
}

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

.group--radio .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;
}

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

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

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

.group--radio .radio:disabled:checked + label::before {
  border: 6px solid #DFDFE8;
  background-color: #A8A8B2;
}

.account-document-file-upload {
  text-align: center;
  display: block;
  cursor: pointer;
  width: 100%;
  padding: 0;
}

.account-document-file-upload input {
  display: none;
}

.form-field-checkbox-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.form-field-checkbox-slider input[type=checkbox] {
  display: none;
}

.form-field-checkbox-slider input[type=checkbox]:checked ~ .form-field-checkbox-slider-toggle {
  background-color: var(--Primary-blue-Blue-600, #474EFF);
}

.form-field-checkbox-slider input[type=checkbox]:checked ~ .form-field-checkbox-slider-toggle:after {
  left: 22px;
}

.form-field-checkbox-slider-toggle {
  position: relative;
  min-width: 44px;
  width: 44px;
  height: 24px;
  border-radius: 25px;
  background-color: #E8EAEE;
}

.form-field-checkbox-slider-toggle: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;
}

.form-field-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;
}

.select2-container {
  width: auto !important;
  height: 56px;
  margin: 0 0 16px 0;
}

.select2-container--default .select2-selection--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  height: 56px;
  min-height: 56px;
  max-height: 56px;
  border-radius: 16px;
  background-color: #F2F3F7;
  border: 1px solid #F2F3F7;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

.select2-container--default .select2-selection--single:hover {
  border: 1px solid var(--Primary-blue-Blue-500, #6C71FF);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #909099;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute;
  right: 28px;
  top: 16px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background-image: url("../img/icon/clear.svg");
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 72px 0 0;
  color: var(--Grey-scale-Gray-900, #1D1D1F);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 56px;
  top: 0;
  right: 0;
  width: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url("../img/icon/chevron.svg");
  width: 24px;
  height: 24px;
  margin-left: -10px;
  margin-top: 16px;
  border-color: unset;
  border-style: none;
  border-width: unset;
  left: unset;
  top: unset;
}

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

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-radius: 16px !important;
}

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

.select2-container--default .select2-results__option--selected {
  background-color: #F7F7FF;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  padding: 0;
  height: 40px;
  max-height: 40px;
  min-height: 40px;
  border-radius: unset;
  margin: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: transparent;
  border-color: #C0C0CC;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  border-left: 1px solid #C0C0CC;
}

.select2-dropdown {
  border: unset;
  border-radius: 8px;
  top: 8px;
}

.select2-results__option {
  color: #1D1D1F;
  padding: 8px 16px;
  border-bottom: 1px solid var(--Grey-scale-Grey-100, #E6E6F0);
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.32px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 16px;
  -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);
}

.select2-search--dropdown {
  padding: 6px 34px 6px 8px;
  border-bottom: 1px solid #E4E4F2;
}

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

.textarea-group {
  position: relative;
}

.textarea-group textarea {
  border-radius: 12px;
  background: #F2F3F7;
  padding: 14px 12px;
  width: 100%;
  border: 1px solid transparent;
  font-family: Gilroy;
  font-size: 16px;
  min-height: 96px;
  resize: vertical;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

.textarea-group textarea::-webkit-input-placeholder {
  font-family: Gilroy;
  font-size: 16px;
  color: var(--Grey-scale-Grey-500, #909099);
}

.textarea-group textarea::-moz-placeholder {
  font-family: Gilroy;
  font-size: 16px;
  color: var(--Grey-scale-Grey-500, #909099);
}

.textarea-group textarea:-ms-input-placeholder {
  font-family: Gilroy;
  font-size: 16px;
  color: var(--Grey-scale-Grey-500, #909099);
}

.textarea-group textarea::-ms-input-placeholder {
  font-family: Gilroy;
  font-size: 16px;
  color: var(--Grey-scale-Grey-500, #909099);
}

.textarea-group textarea::placeholder {
  font-family: Gilroy;
  font-size: 16px;
  color: var(--Grey-scale-Grey-500, #909099);
}

.textarea-group textarea:hover {
  border-color: var(--Primary-blue-Blue-700, #393FD2);
  background: var(--white, #FFF);
  color: var(--Grey-scale-Gray-900, #1D1D1F);
}

.textarea-group textarea:focus {
  border-color: var(--Primary-blue-Blue-700, #393FD2);
  background: var(--white, #FFF);
  color: var(--Grey-scale-Gray-900, #1D1D1F);
}

.group--input-search input {
  padding-left: 42px !important;
}

.group--input-search .search {
  position: absolute;
  top: 13px;
  left: 12px;
}

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

::-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;
}

.programs {
  margin-top: 40px;
  width: 100%;
}

.programs__hero {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, right top, color-stop(48.69%, #5a60ff), to(#3e44e4));
  background: linear-gradient(90deg, #5a60ff 48.69%, #3e44e4 100%);
  padding: 40px;
  -webkit-transition: 700ms linear all;
  transition: 700ms linear all;
  opacity: 0;
  overflow: hidden;
}

.programs__hero--active {
  opacity: 1;
}

.programs__hero-info {
  -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;
  -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: 20px;
}

.programs__hero-info .title {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.96px;
  -webkit-transition: 600ms linear all;
  transition: 600ms linear all;
  opacity: 0;
  -webkit-transform: translateY(-200px);
      -ms-transform: translateY(-200px);
          transform: translateY(-200px);
}

.programs__hero-info .title--active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.programs__hero-info .desc {
  color: #f2f2f2;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.48px;
  padding-top: 24px;
  opacity: 0;
  -webkit-transition: 600ms linear all;
  transition: 600ms linear all;
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
}

.programs__hero-info .desc--active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.programs__hero-img-holder {
  min-width: 38.724%;
  width: 38.724%;
  padding-bottom: 38.724%;
  background: url("/img/programs/hero.png") no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: 600ms ease all;
  transition: 600ms ease all;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

.programs__hero-img-holder--active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.programs__hero-btn {
  opacity: 0;
  -webkit-transform: translateX(-250px);
      -ms-transform: translateX(-250px);
          transform: translateX(-250px);
}

.programs__hero-btn--active {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.programs__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-bottom: 64px;
}

.programs__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: 16px;
  padding: 24px;
  border-radius: 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
  background: #fff;
  position: relative;
}

.programs__item::before {
  content: "";
  width: 0%;
  height: 100%;
  border-radius: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(48.69%, #5a60ff), to(#3e44e4));
  background: linear-gradient(90deg, #5a60ff 48.69%, #3e44e4 100%);
  -webkit-transition: 600ms linear all;
  transition: 600ms linear all;
}

.programs__item-text {
  width: 60%;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  position: relative;
  z-index: 2;
}

.programs__item-img {
  position: relative;
  z-index: 2;
}

.programs__item img {
  max-width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.programs__item--active .programs__item-text {
  color: #fff;
}

.programs__item--active::before {
  width: 100%;
}

.programs .subtitle {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.56px;
  padding-bottom: 32px;
}

.programs__services {
  background: #fff;
  padding: 80px 0;
}

.programs__services-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px;
}

.programs__services-item {
  border-radius: 24px;
  background: #f5f5f7;
  padding: 24px;
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.32px;
  opacity: 0;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition: 400ms ease all;
  transition: 400ms ease all;
}

.programs__services-item--active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.programs__services-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

.programs__services-item-header span {
  color: var(--Blue-600, #474eff);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
}

.programs__services-item-icon-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;
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #fff;
}

.programs__btn-holder {
  text-align: center;
  padding-top: 32px;
}

.programs__advantages {
  padding-top: 64px;
  padding-bottom: 64px;
}

.programs__advantages-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
}

.programs__advantages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 24px 24px 0 24px;
  border-radius: 24px;
  background: #fff;
  -webkit-transition: 500ms linear all;
  transition: 500ms linear all;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
}

.programs__advantages-item img {
  max-width: 216px;
  width: 100%;
  display: block;
  margin: 0 auto;
  -webkit-transition: 500ms linear all;
  transition: 500ms linear all;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.programs__advantages-item-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
}

.programs__advantages-item-desc {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

.programs__advantages-item-desc a {
  color: var(--Primary-blue-Blue-600, #474eff);
  text-decoration: none;
}

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

.programs__advantages-item--active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.programs__advantages-item--active img {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.programs__partners {
  padding-bottom: 40px;
  overflow-x: hidden;
}

.programs__partners .desc {
  color: var(--Grey-scale-Gray-900, #1d1d1f);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

.programs__partners-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding-top: 32px;
  overflow-x: auto;
  padding-bottom: 16px;
}

.programs__partners-item {
  padding: 24px;
  border-radius: 24px;
  background: #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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  color: var(--Grey-scale-Grey-600, #78787f);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
  -webkit-transition: 400ms linear all;
  transition: 400ms linear all;
  opacity: 0;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
  height: 200px;
  width: 225px;
  min-width: 225px;
}

.programs__partners-item img {
  max-width: 100%;
}

.programs__partners-item--active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.programs__awards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  gap: 40px;
}

.programs__awards-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: 16px;
  color: var(--Grey-scale-Grey-600, #78787f);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  padding: 24px;
  height: 124px;
  -webkit-transition: 400ms linear all;
  transition: 400ms linear all;
  opacity: 0;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
}

.programs__awards-item--active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.programs__faq {
  padding-bottom: 80px;
  padding-top: 64px;
}

.programs__faq-container {
  border-radius: 24px;
  background: #fff;
  padding: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 32px;
  grid-row-gap: 24px;
}

.programs__faq-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.programs__faq-item-header span {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.programs__faq-item-desc {
  color: var(--Grey-scale-Grey-800, #353538);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.32px;
}

@media (max-width: 1365px) {
  .inner {
    padding: 0 15px;
  }

  .header-corp__line {
    padding-left: 0;
    padding-right: 0;
  }

  header .inner {
    max-width: 1224px;
  }

  header .line1,
  header .line2 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1199px) {
  .programs__hero {
    padding: 25px;
  }

  .programs__hero .title {
    font-size: 35px;
  }

  .programs__hero .desc {
    font-size: 20px;
  }

  .programs__items {
    gap: 12px;
  }

  .programs__item {
    font-size: 16px;
  }

  .programs__item img {
    max-width: 115px;
  }

  .programs__services {
    padding: 40px 0;
  }

  .programs__services-item {
    padding: 15px;
  }

  .programs__services-item-header {
    margin-bottom: 15px;
  }

  .programs__services-item-header span {
    font-size: 18px;
  }
}

@media (max-width: 999px) {
  body .wrapper.fixed {
    padding-top: 108px;
  }

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

@media (max-width: 992px) {
  #popup-specialties .popup-title {
    font-size: 20px;
  }

  .popup-specialties {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }
}

@media (max-width: 991px) {
  header {
    height: auto;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
  }

  .header-placeholder {
    height: 56px;
    min-height: 56px;
  }

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

  .mob-menu__text {
    color: var(--Blue-600, #474EFF);
    font-size: 16px;
    font-weight: 600;
  }

  header .line1 {
    display: none;
  }

  header .icons {
    display: none;
  }

  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    -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;
    padding: 3px 0;
  }

  .header__burger span {
    width: 100%;
    display: inline-block;
    background: #1D1D1F;
    height: 2px;
    min-height: 2px;
    border-radius: 4px;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
    position: relative;
  }

  .header__burger--active span:nth-child(2) {
    opacity: 0;
  }

  .header__burger--active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 7px;
  }

  .header__burger--active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: -5px;
  }

  a.button {
    padding: 14px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    font-size: 16px;
    border-radius: 12px;
  }

  a.button.invert.size1 {
    padding: 14px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    font-size: 16px;
    border-radius: 12px;
  }
}

@media (max-width: 989px) {
  .programs__hero .title {
    font-size: 28px;
  }

  .programs__hero .desc {
    font-size: 16px;
  }

  .programs__item {
    padding: 15px 15px 70px 15px;
    border-radius: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .programs__item-text {
    width: 100%;
    line-height: 1.2;
  }

  .programs__item img {
    width: 80px;
    right: calc(50% - 40px);
  }

  .programs .subtitle {
    font-size: 24px;
    line-height: 1.2;
  }

  .programs__services-item-header {
    gap: 12px;
  }

  .programs__services-item-header span {
    font-size: 16px;
    line-height: 1.2;
  }

  .programs__advantages {
    padding: 40px 0;
  }

  .programs__advantages-items {
    grid-gap: 12px;
  }

  .programs__advantages-item {
    padding: 15px 15px 0 15px;
    border-radius: 18px;
  }

  .programs__advantages-item-title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 12px;
  }

  .programs__advantages-item-desc {
    font-size: 14px;
    line-height: 1.2;
  }

  .programs__advantages-item img {
    max-width: 80%;
  }

  .programs__partners-items {
    gap: 12px;
  }

  .programs__partners-item {
    padding: 15px;
    border-radius: 18px;
    min-width: 180px;
    width: 180px;
    height: 180px;
    font-size: 14px;
    line-height: 1.2;
  }

  .programs__faq {
    padding: 40px 0;
  }

  .programs__faq-container {
    padding: 15px;
    border-radius: 18px;
  }

  .programs__faq-item-header span {
    font-size: 16px;
    line-height: 1.2;
  }

  .programs__faq-item-desc {
    font-size: 14px;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  body .wrapper.fixed {
    padding-top: 70px;
  }

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

  .footer {
    padding-bottom: 80px;
  }

  .footer__menu {
    -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;
    gap: 24px;
  }

  .footer__column:last-child {
    padding-right: 0;
  }

  .footer__copyright {
    text-align: center;
  }

  #popup-specialties .popup-content {
    max-height: 60vh;
  }

  .popup-specialties {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }

  button {
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    padding: 14px;
    font-size: 16px;
  }

  .select2-results__option {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
  }

  .programs {
    margin-top: 20px;
  }

  .programs__hero {
    padding: 15px;
    border-radius: 18px;
  }

  .programs__hero .title {
    font-size: 20px;
    line-height: 1.2;
  }

  .programs__hero .desc {
    font-size: 14px;
    line-height: 1.2;
    padding-top: 12px;
  }

  .programs__items {
    padding-bottom: 40px;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 12px;
  }

  .programs__item {
    padding: 15px;
    border-radius: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    min-height: 80px;
  }

  .programs__item::before {
    border-radius: 18px;
  }

  .programs__item-text {
    width: 70%;
  }

  .programs__item img {
    right: 0;
  }

  .programs .subtitle {
    font-size: 20px;
  }

  .programs__services-items {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }

  .programs__services-item {
    border-radius: 12px;
  }

  .programs__services-item-icon-holder {
    min-width: 30px;
    width: 30px;
    height: 30px;
  }

  .programs__services-item-icon-holder i.ico {
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: contain;
  }

  .programs__advantages-items {
    grid-template-columns: repeat(1, 1fr);
  }

  .programs__advantages-item img {
    max-width: 120px;
  }

  .programs__partners-item {
    height: auto;
    padding: 10px;
    gap: 12px;
  }

  .programs__awards {
    gap: 12px;
  }

  .programs__awards-item {
    padding: 12px;
    width: 30%;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .programs__awards-item img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }

  .programs__faq {
    padding-top: 0;
  }

  .programs__faq-container {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 18px;
  }
}

@media (max-width: 575px) {
  .mob-menu__text {
    display: none;
  }
}

@media (max-width: 540px) {
  .popup .popup-close {
    right: 15px !important;
    top: 15px !important;
  }

  .popup .popup-container {
    padding: 15px !important;
  }

  .popup .popup-title {
    width: calc(100% - 34px);
    font-size: 20px;
    line-height: 1.2;
  }

  #popup-sign-in .row.remember {
    -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;
  }

  #popup-sign-in .row.remember a.forgot {
    padding-left: 0;
  }

  #popup-email .popup-buttons.right,
  #popup-end-exam .popup-buttons.right,
  #popup-test .popup-buttons.right {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  #popup-email .popup-buttons.right div,
  #popup-end-exam .popup-buttons.right div,
  #popup-test .popup-buttons.right div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  #popup-email .popup-buttons.right div a,
  #popup-end-exam .popup-buttons.right div a,
  #popup-test .popup-buttons.right div a {
    width: 100%;
    margin: 0 !important;
  }

  .popup-ban-btns {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 16px;
  }

  .popup-ban-btns--double {
    margin-top: 16px;
  }
}

@media (max-width: 479px) {
  .popup-specialties {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }

  .programs__hero {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-x: hidden;
    min-height: 200px;
    position: relative;
  }

  .programs__hero .title {
    font-size: 16px;
  }

  .programs__hero .desc {
    max-width: 70%;
  }

  .programs__hero-img-holder {
    position: absolute;
    right: 0;
    top: 29%;
    min-width: 30%;
    width: 30%;
    padding-bottom: 30%;
  }

  .programs__hero-btn {
    min-height: 35px !important;
    height: 35px !important;
    max-height: 35px !important;
    font-size: 14px !important;
  }

  .programs__item {
    font-size: 14px;
  }

  .programs__services-item-header span {
    font-size: 14px;
  }

  .programs__services-item {
    font-size: 14px;
  }

  .programs .subtitle {
    padding-bottom: 15px;
  }

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

  .programs__awards-item {
    padding: 0;
    width: 100%;
    height: auto;
    gap: 8px;
  }

  .programs__faq {
    padding-top: 40px;
  }

  .programs__faq-item-header span {
    font-size: 14px;
  }

  .programs__items {
    padding-top: 30px;
  }
}

@media (max-width: 389px) {
  .header-corp .profile span {
    display: none;
  }
}