@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@keyframes up-to-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scale-image {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.frame-container a {
  text-decoration: underline;
  font-weight: bold;
}

/**
  Переменные для отступов
 */
/**
  Переменные для цветов
 */
/**
  Переменные для шрифтов
 */
/**
  Основные переменные для media запросов при изменении ширины экрана
*/
/**
  дополнительные переменные для media запросов при изменении ширины экрана
*/
/**
  Десктоп маленький
 */
/**
  Планшет горизонтальный
 */
/**
  Планшет вертикальный
 */
/**
  Мобильные устройства
 */
.desktop {
  display: unset;
}
@media screen and (max-width: 1023.98px) {
  .desktop {
    display: none;
  }
}

.desktop-tablet {
  display: unset;
}
@media screen and (max-width: 767.98px) {
  .desktop-tablet {
    display: none;
  }
}

.tablet {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .tablet {
    display: unset;
  }
}
@media screen and (max-width: 767.98px) {
  .tablet {
    display: none;
  }
}

.tablet-mobile {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .tablet-mobile {
    display: unset;
  }
}

.mobile {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .mobile {
    display: unset;
  }
}

.container {
  width: 1160px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1191.98px) {
  .container {
    width: 100vw;
    margin: 0;
    padding: 0 16px;
    gap: 20px;
  }
}

h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  h1 {
    font-weight: 500;
  }
}
h1 span {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  h1 span {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  h1 span {
    font-weight: 500;
  }
}

h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  h2 {
    font-weight: 500;
  }
}
h2 span {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  h2 span {
    font-weight: 500;
  }
}

h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
h3 span {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
h4 span {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.body__m {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

* {
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  scrollbar-width: 4px;
  scrollbar-color: #e0e1eb;
  font-family: 'Roboto';
  font-size: 16px;
  color: #424242;
  font-weight: 400;
  line-height: 150%;
  transition: 0.3s all linear;
}
*::-webkit-scrollbar {
  width: 4px;
  height: 0 !important;
}
*::-webkit-scrollbar-thumb {
  background-color: #e0e1eb;
  border-radius: 777px;
}
*:hover {
  transition: 0.3s all ease-in-out;
}
* #bx-panel,
* #bx-panel * {
  transition: none;
}
* #bx-panel:hover,
* #bx-panel *:hover {
  transition: none;
}

b {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
}

blockquote {
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-margin-start: 40px;
  margin-inline-start: 40px;
  -webkit-margin-end: 40px;
  margin-inline-end: 40px;
}

svg path {
  width: 100%;
}

.dMenu-nav__link-inner {
  color: #ffffff;
}

html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html.modal-open {
  transition: 0s;
  overflow: hidden;
  padding-right: 4px;
}

input,
textarea {
  -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input::-webkit-inner-spin-button,
textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input:focus,
textarea:focus {
  outline: none;
}
input[type='file'],
textarea[type='file'] {
  display: none;
}
input[type='date'],
textarea[type='date'] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  background-color: #f6f6f6;
}
body.bvi-active .header__login_logged {
  width: -moz-fit-content;
  width: fit-content;
}

.no-overflow {
  overflow: visible;
}

header {
  align-self: flex-start;
  width: 100vw;
}

footer {
  align-self: flex-end;
  width: 100vw;
}

.disable {
  display: none !important;
}

ul {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}

.content {
  width: 100%;
  padding: 23px 0 60px 0;
  flex: 1;
}
@media screen and (max-width: 1023.98px) {
  .content {
    padding: 20px 0 60px 0;
  }
}

.row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.row_justify {
  justify-content: space-between;
}

.col {
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.col_width {
  width: 100%;
}
.col_white {
  background: #fff;
}
.col_radio-checkbox {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.col_h-frame {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .col_h-frame {
    gap: 20px;
  }
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: #8762c5;
}

@media screen and (max-width: 1023.98px) {
  h2.h-scale {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
  }
}

@media screen and (max-width: 1023.98px) {
  h3.h-scale {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
  }
}

.main-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  gap: 10px;
  padding-bottom: 8px;
  align-items: center;
}
.main-link::after {
  content: '';
  -webkit-mask-image: url('../img/svg/next.svg');
  mask-image: url('../img/svg/next.svg');
  background-color: #424242;
  width: 10px;
  height: 17px;
}
.main-link_no-arrow::after {
  opacity: 0;
}

p strong {
  font-weight: 500;
  font-size: inherit;
}

.main-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.divider {
  border: 2px solid #e3edff;
}

.paragraph-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 60px;
}
@media screen and (max-width: 1023.98px) {
  .paragraph-icons {
    flex-direction: column;
    gap: 20px;
  }
}
.paragraph-icons_column {
  flex-direction: column;
  gap: 20px;
}
.paragraph-icons .paragraph-icon p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.paragraph-icon {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}
.paragraph-icon svg {
  min-width: 24px;
  min-height: 24px;
}

.close-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.link-wicon {
  display: flex;
  margin-top: 12px;
  gap: 12px;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.mail-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  color: #8762c5;
}

.a-link {
  color: #8762c5;
}

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

.a-close {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
}
.a-close::after {
  content: '';
  -webkit-mask-image: url('../img/svg/close.svg');
  mask-image: url('../img/svg/close.svg');
  background-color: #8762c5;
  width: 24px;
  height: 24px;
}

.mobile-event {
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 16px;
  display: none;
  justify-content: center;
}
@media screen and (max-width: 1023.98px) {
  .mobile-event {
    display: flex;
  }
}
.mobile-event::after {
  content: '';
  width: 48px;
  height: 4px;
  background: #798396;
  opacity: 0.45;
  border-radius: 100px;
}

.error-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #eb577b;
}

.docs-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.docs-block h2 {
  margin-bottom: 5px;
}
.docs-block__author {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}

.grey-text {
  color: #798396;
}

picture img {
  display: block;
}

.img-banner {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
}
.img-banner img {
  width: 100%;
}

.docs-download .button {
  background-color: transparent;
}
@media screen and (max-width: 1023.98px) {
  .docs-download .button {
    width: 100%;
    max-width: 100%;
  }
}

.back-link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
}
.back-link::before {
  content: '';
  -webkit-mask: url('../img/svg/back-link.svg');
  mask: url('../img/svg/back-link.svg');
  width: 20px;
  height: 11px;
  background-color: #424242;
  transition: 0.3s all linear;
}
.back-link:hover::before {
  background-color: #8762c5;
}

.circle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 890px;
  height: 890px;
  border: 1px solid #424242;
  border-radius: 50%;
}
.circle_dashed {
  border: none;
  background: url('../img/svg/dashed-circle.svg') no-repeat center;
  border-radius: 0;
}
@media screen and (max-width: 767.98px) {
  .circle {
    display: none;
  }
}

.illustration {
  position: absolute;
  top: -50%;
  right: 100%;
  z-index: 20;
}

.slider__arrow {
  border: 1.5px solid #424242;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  cursor: pointer;
}
@media screen and (max-width: 1023.98px) {
  .slider__arrow {
    display: none;
  }
}
.slider__arrow_next svg {
  transform: rotateZ(180deg);
}
.slider__arrow.active {
  background-color: #424242;
}
.slider__arrow.active svg {
  stroke: #ffffff;
  fill: #ffffff;
}
.slider__arrow.active svg path {
  stroke: #ffffff;
  fill: #ffffff;
}

.row.row_jcai {
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .row.row_jcai {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

.row.row_swiper .slider__img {
  border-radius: 10px;
  overflow: hidden;
  height: 580px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_swiper .slider__img {
    height: 400px;
  }
}
@media screen and (max-width: 767.98px) {
  .row.row_swiper .slider__img {
    height: 204px;
  }
}
.row.row_swiper .slider__img img {
  object-fit: cover;
  height: 100%;
}

.row.row_pagination {
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.row.row_pagination .swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0;
}

.swiper-slide {
  border-radius: 10px;
}
.swiper-pagination {
  position: inherit;
  margin-top: -20px;
}
@media screen and (max-width: 1023.98px) {
  .swiper-pagination {
    margin-top: 0;
  }
}
.swiper-pagination-bullet-active {
  background: #424242;
}

.swiper.slider img {
  width: 100%;
}

.files-list {
  display: none;
}
.files-list_show {
  display: block;
}
.files-list div {
  color: #8762c5;
}

.frame-pic {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .frame-pic {
    flex-direction: column;
    gap: 20px;
  }
}
.frame-pic__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 560px;
}
@media screen and (max-width: 1023.98px) {
  .frame-pic__content {
    max-width: 100%;
  }
}
.frame-pic__content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.frame-pic__content .button {
  margin-top: 4px;
  text-align: center;
}
@media screen and (max-width: 1023.98px) {
  .frame-pic__content .button {
    max-width: 100%;
    width: 100%;
    margin-top: 0;
    padding: 0 28px;
  }
}
.frame-pic__image {
  width: 200px;
  height: 200px;
  display: flex;
}
@media screen and (max-width: 1023.98px) {
  .frame-pic__image {
    width: 100%;
    height: auto;
  }
}
.frame-pic__image_mobile {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .frame-pic__image_mobile {
    display: flex;
  }
}
@media screen and (max-width: 1023.98px) {
  .frame-pic__image_desktop {
    display: none;
  }
}
.frame-pic__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.col.col_content .col_schedule {
  width: calc(100% - 300px);
}
@media screen and (max-width: 1023.98px) {
  .col.col_content .col_schedule {
    width: 100%;
  }
}

.image-banner img,
.image-banner source {
  max-width: 100%;
}

.double-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.double-banner img,
.double-banner source {
  max-width: 100%;
}

header {
  padding: 15px 0;
  background-color: #f6f6f6;
}
@media screen and (max-width: 1023.98px) {
  header {
    padding: 14px 0;
  }
}

.header {
  display: flex;
  width: 100%;
  gap: 59px;
}
@media screen and (max-width: 1023.98px) {
  .header {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 1023.98px) {
  .header .col_logo {
    flex-direction: row;
  }
}
.header .button__burger {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .header .button__burger {
    display: flex;
  }
}
.header .tablet-mobile {
  display: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .header .tablet-mobile {
    display: flex;
  }
}
.header__main {
  gap: 20px;
  flex: 1;
}
.header__menu {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  justify-content: space-between;
  border-bottom: 2px solid #e3edff;
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .header__menu {
    display: none;
  }
}
.header__menu-block {
  padding-bottom: 9px;
}
.header__menu-block:hover .header__menu-additional {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-wrap: wrap;
}
.header__menu-item {
  position: relative;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}
.header__menu-item::after {
  content: '';
  position: absolute;
  border: 1px solid #8762c5;
  border-radius: 2px;
  width: 0;
  opacity: 0;
  top: calc(100% + 12px);
  left: 0;
}
.header__menu-item:hover {
  color: #8762c5;
}
.header__menu-item.active {
  color: #8762c5;
}
.header__menu-item.active::after {
  opacity: 1;
  width: 100%;
}
.header__menu-additional {
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 30px 40px;
  display: none;
  gap: 60px;
  z-index: 11;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #e3edff;
}
.header__menu-additional .col {
  gap: 12px;
  width: max-content;
  max-width: 240px;
}
.header__second-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1191.98px) {
  .header__second-row {
    gap: 16px;
  }
}
@media screen and (max-width: 1023.98px) {
  .header__second-row .header__login {
    display: none;
  }
}
.header__login {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.header__login::after {
  content: '';
  -webkit-mask-image: url('../img/svg/door_open.svg');
  mask-image: url('../img/svg/door_open.svg');
  width: 24px;
  height: 24px;
  background-color: #424242;
  transition: 0.3s all linear;
}
.header__login:hover::after {
  background-color: #8762c5;
}
.header__login_logged {
  text-align: center;
  width: 62px;
}
.header__login_logged::after {
  width: 0;
  height: 0;
}
.header__dropdowns {
  display: flex;
  flex: 1;
  gap: 14px;
}
@media screen and (max-width: 1023.98px) {
  .header__dropdowns {
    display: none;
  }
}
.header__dropdowns .dropdown-menu__button {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 11px;
  grid-template-columns: 1fr 11px;
  justify-content: space-between;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
}
.header .superfield {
  max-width: 330px;
}
@media screen and (max-width: 1023.98px) {
  .header .superfield {
    max-width: 100%;
  }
}
.header .superfield input {
  border: 2px solid #798396;
  height: 100%;
  line-height: 20px;
  padding: 10px 18px 10px 52px;
  height: 48px;
  z-index: 2;
  background: transparent;
  transition: 0.15s all linear;
}
.header .superfield input:-ms-input-placeholder {
  color: inherit;
}
.header .superfield input::placeholder {
  color: inherit;
}
.header .superfield input:not(:-ms-input-placeholder) {
  padding: 10px 80px 10px 18px;
}
.header .superfield input:not(:placeholder-shown) {
  padding: 10px 80px 10px 18px;
}

.eye-switch {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-logo {
  width: 140px;
  height: 83px;
}
@media screen and (max-width: 767.98px) {
  .main-logo {
    width: 106px;
    height: 64px;
  }
}

a.logo {
  display: flex;
  flex: 1;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}

footer {
  padding: 60px 0;
  background-color: #503c72;
  color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  footer {
    padding: 16px 0;
  }
}

.footer {
  display: flex;
  flex-direction: column;
  gap: 49.5px;
}
@media screen and (max-width: 1023.98px) {
  .footer {
    gap: 30px;
  }
}

.footer-menu {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 1023.98px) {
  .footer-menu {
    gap: 4px;
  }
}
@media screen and (max-width: 1023.98px) {
  .footer-menu {
    flex-direction: column;
  }
}
.footer-menu__header {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  gap: 16px;
  align-items: baseline;
}
.footer-menu__header svg {
  fill: #ffffff;
  transition: 0.3s all linear;
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .footer-menu__header svg {
    display: flex;
  }
}
.footer-menu__header svg.active {
  transform: rotateZ(180deg);
  transition: 0.3s all linear;
}
.footer-menu__items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer-menu__items .footer-menu__item {
  color: #e3edff;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 1023.98px) {
  .footer-menu__items.active {
    max-height: max-content;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023.98px) {
  .footer-menu__items {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s max-height linear;
  }
}
.footer-menu .col {
  gap: 24px;
  padding: 4px 0;
  max-width: 254px;
}
@media screen and (max-width: 1023.98px) {
  .footer-menu .col {
    max-width: 100%;
  }
}

.low-vision {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1023.98px) {
  .low-vision {
    margin-bottom: 20px;
  }
}
.low-vision a {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  color: #ffffff;
}

.row.row_links {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .row.row_links {
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_links-bottom {
    gap: 10px;
  }
}
.row.row_links .links {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_links .links {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.row.row_links .links__item {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #e3edff;
}
.row.row_links .main-links {
  display: flex;
  flex-direction: row;
  gap: 60px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_links .main-links {
    gap: 24px;
    flex-direction: column;
  }
}
.row.row_links .main-links a {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .row.row_links .main-links a {
    font-weight: 500;
  }
}
.row.row_links .icons {
  display: flex;
  gap: 14px;
}

.row.row_accordion {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_accordion {
    gap: 30px;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_accordion h1 br,
  .row.row_accordion p br {
    display: none;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_accordion .col:last-of-type {
    width: 100%;
  }
}
.row.row_accordion .col:first-of-type {
  gap: 20px;
  width: 549px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_accordion .col:first-of-type {
    width: 100%;
  }
}

.container.index {
  gap: 100px;
  margin-top: 37px;
}
@media screen and (max-width: 1023.98px) {
  .container.index {
    margin-top: 0;
    gap: 60px;
  }
}
@media screen and (max-width: 1023.98px) {
  .container.index .formats__profile-avatar {
    justify-content: flex-start;
  }
}

.row.row_relative {
  position: relative;
}
.row.row_relative .circle {
  top: -64px;
  left: -275px;
}

.row.row_learning {
  position: relative;
  margin-top: 63px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_learning {
    margin-top: 50px;
  }
}
.row.row_learning .circle {
  top: -116px;
  right: -102.11px;
  left: unset;
}
.row.row_learning .illustration {
  top: -63px;
  right: 150px;
  z-index: 10;
}
@media screen and (max-width: 1023.98px) {
  .row.row_learning .illustration {
    width: 124px;
    height: 100px;
    top: -50px;
    right: 40px;
  }
}

.row.row_fb {
  position: relative;
  margin-top: 71px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_fb {
    margin-top: 50px;
  }
}
.row.row_fb .frame .button.tablet-mobile {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .row.row_fb .frame .button.tablet-mobile {
    display: flex;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_fb .frame .button {
    max-width: 100%;
    width: 100%;
  }
}
.row.row_fb .illustration {
  top: -71px;
  right: 120px;
  z-index: 10;
}
@media screen and (max-width: 1023.98px) {
  .row.row_fb .illustration {
    width: 130px;
    height: 94.5px;
    top: -50px;
    right: 40px;
  }
}

.row.row_places {
  position: relative;
  margin-top: 59px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_places {
    margin-top: 50px;
  }
}
.row.row_places .illustration {
  top: -59px;
  right: 125px;
  z-index: 10;
}
@media screen and (max-width: 1023.98px) {
  .row.row_places .illustration {
    width: 140px;
    height: 140px;
    top: -80px;
    right: 30px;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_places .frame {
    padding: 58px 18px 28px 18px;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_places .frame_white {
    background-color: transparent;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_places .frame_white .card-scroller__cards {
    padding: 20px 20px 47px 20px;
    background-color: #ffffff;
    border-radius: 20px;
  }
}

.banner {
  width: 100%;
  background: linear-gradient(267.52deg, #b469c3 0.52%, #8762c5 104.76%);
  border-radius: 20px;
  padding: 43px 60px;
  color: #ffffff;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 1023.98px) {
  .banner {
    flex-direction: column-reverse;
    padding: 20px 19px 20px 20px;
  }
  .banner svg {
    width: 120px;
    height: 120px;
  }
}
.banner .col {
  gap: 40px;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .banner .col {
    gap: 24px;
  }
}
.banner p {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .banner p {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .banner p {
    font-weight: 500;
  }
}

.col.col_cards {
  width: 100%;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .col.col_cards {
    gap: 24px;
  }
}

.cards {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  justify-content: space-between;
}
.cards__item {
  width: 100%;
  background-color: #f6f6f6;
}
.cards__item.olymp {
  padding: 21px 17px 17px 17px;
  display: flex;
  flex-direction: column;
  border: 2px solid #424242;
  border-radius: 10px;
  gap: 40px;
  cursor: pointer;
}
.cards__item.olymp:hover {
  border-color: #8762c5;
}
.cards__item.olymp:hover p {
  color: #8762c5;
}
@media screen and (max-width: 1023.98px) {
  .cards__item.olymp {
    padding: 18px 25px 18px 18px;
    gap: 24px;
    flex-direction: row;
    align-items: center;
  }
}
.cards__item.olymp object {
  width: 50px;
  height: 68px;
}
.cards__item.olymp p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .cards {
    flex-direction: column;
    gap: 20px;
  }
}

.container.learning {
  gap: 60px;
}
@media screen and (max-width: 1023.98px) {
  .container.learning {
    gap: 40px;
  }
}
.container.learning .frame {
  padding: 38px 58px;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .container.learning .frame {
    padding: 28px 18px;
    gap: 20px;
  }
}
.container.learning .frame.pic {
  padding: 38px 44px 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .container.learning .frame.pic {
    padding: 28px 18px;
  }
}
.container.learning .frame__content {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .container.learning .frame__content {
    gap: 20px;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 1023.98px) {
  .container.learning .frame__content svg.whiteground-svg {
    width: 100%;
    height: 100%;
  }
}
.container.learning .frame__arrows {
  display: flex;
  justify-content: space-between;
}
.container.learning .frame__arrows .arrows {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .container.learning .frame__arrows .arrows {
    display: flex;
  }
}
.container.learning .frame_center {
  display: flex;
  justify-content: center;
}
.container.learning .formats__profile {
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .container.learning .formats__profile {
    gap: 20px;
    text-align: center;
  }
}
.container.learning .formats__profile .col {
  gap: 10px;
}
.container.learning .formats__profile-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .container.learning .formats__profile-name {
    font-weight: 500;
  }
}
.container.learning .formats__profile-avatar img {
  width: 110px;
  height: 110px;
}
@media screen and (max-width: 1023.98px) {
  .container.learning .formats__profile-avatar img {
    width: 130px;
    height: 130px;
  }
}

.row.row_important {
  position: relative;
  margin-top: 74px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_important {
    margin-top: 50px;
  }
}
.row.row_important .illustration {
  top: -74px;
  right: 165px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_important .illustration {
    width: 124px;
    height: 100px;
    top: -50px;
    right: 40px;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_important .frame {
    padding: 58px 18px 28px 18px;
  }
}

.row.row_incol .col {
  gap: 40px;
  width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .row.row_incol .col {
    gap: 24px;
  }
}

.row.row_register .frame {
  flex-direction: row;
  justify-content: space-between;
}
.row.row_register .frame .col:first-of-type {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_register .frame .col:first-of-type {
    gap: 20px;
    align-items: center;
    width: 100%;
  }
}
.row.row_register .frame .col:first-of-type svg {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .row.row_register .frame .col:first-of-type svg {
    display: flex;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_register .frame .col:first-of-type .button {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_register .frame .col:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_register .frame__info {
    text-align: center;
  }
}

.row.row_additional-info .frame {
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_additional-info .frame {
    gap: 20px;
  }
}
.row.row_additional-info .frame__header {
  margin-bottom: 30px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_additional-info .frame__header {
    margin-bottom: 0;
  }
}
.row.row_additional-info .frame .button {
  margin-top: 30px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_additional-info .frame .button {
    margin-top: 0;
  }
}
.row.row_additional-info .frame .row {
  justify-content: space-between;
  gap: 20px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1023.98px) {
  .row.row_additional-info .frame .row {
    flex-direction: column;
  }
}
.row.row_additional-info .frame .row .col {
  gap: 10px;
}
.row.row_additional-info .frame .row .col:nth-child(1) {
  width: 240px;
}
.row.row_additional-info .frame .row .col:nth-child(2) {
  width: 160px;
}
.row.row_additional-info .frame .row .col:nth-child(3) {
  width: 180px;
}
.row.row_additional-info .frame .row .col:nth-child(4) {
  width: 240px;
}

.row.row_big-text .frame {
  padding: 54px 58px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_big-text .frame {
    padding: 28px 18px;
  }
}
.row.row_big-text .frame__whiteground {
  padding: 40px 60px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_big-text .frame__whiteground {
    padding: 30px 20px;
  }
}
.row.row_big-text .frame__whiteground-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  max-width: 742px;
}
.row.row_big-text .frame__whiteground-text ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .row.row_big-text .frame__whiteground-text {
    max-width: 100%;
  }
}

.row.row_list-icons .row {
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_list-icons .row {
    flex-direction: column;
  }
}
.row.row_list-icons .row .col {
  gap: 20px;
  flex: 1;
}

.row.row_experts {
  position: relative;
  margin-top: 89px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_experts {
    margin-top: 50px;
  }
}
.row.row_experts .illustration {
  top: -89px;
  right: 138px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_experts .illustration {
    width: 111px;
    height: 100px;
    top: -50px;
    right: calc(50% - 55.5px);
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_experts .frame {
    padding-top: 58px;
  }
}
.row.row_experts .frame__content {
  flex-direction: column;
}
@media screen and (max-width: 1023.98px) {
  .row.row_experts .frame__content {
    flex-direction: row;
    overflow-x: scroll;
  }
}
.row.row_experts .formats__profile-avatar img {
  width: 120px;
  height: 120px;
}

.frame__whiteground {
  padding: 30px 40px;
}
@media screen and (max-width: 1023.98px) {
  .frame__whiteground {
    padding: 30px 20px 20px 20px;
  }
}
.frame__whiteground-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 750px;
}
@media screen and (max-width: 1023.98px) {
  .frame__whiteground-content {
    gap: 30px;
    max-width: 100%;
  }
}
.frame__whiteground-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.frame__whiteground-additional {
  display: flex;
  gap: 20px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .frame__whiteground-additional {
    flex-direction: column;
    gap: 10px;
  }
}
.frame__whiteground-additional-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.frame__whiteground .col {
  gap: 12px;
}

.row.row_contacts .card-scroller__item {
  padding: 20px 40px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_contacts .card-scroller__item {
    padding: 30px 20px;
  }
}
.row.row_contacts .formats__profile-avatar img {
  width: 130px;
  height: 130px;
}

.row.row_avatar .frame {
  padding: 28px 58px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar .frame {
    padding: 38px 18px 28px 18px;
  }
}
.row.row_avatar .frame .row {
  align-items: center;
  flex-direction: row;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar .frame .row {
    flex-direction: column;
    gap: 20px;
  }
}
.row.row_avatar .frame .tag {
  text-align: start;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar .frame .tag {
    width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar .frame .card-scroller__programs {
    gap: 15px;
  }
}
.row.row_avatar .frame .card-scroller__grey {
  margin-bottom: 2px;
  font-weight: 700;
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar .frame .card-scroller__grey {
    margin-bottom: 0;
  }
}
.row.row_avatar .formats__profile-avatar {
  justify-content: flex-start;
}
.row.row_avatar .formats__profile-avatar img {
  width: 160px;
  height: 160px;
}
.row.row_avatar .formats__profile .col {
  gap: 16px;
}
.row.row_avatar .formats__profile .main-link {
  margin-top: 14px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar .formats__profile .main-link {
    justify-content: center;
    margin-top: -6px;
  }
}

.row.row_swiper .row {
  gap: 40px;
  align-items: center;
  overflow: hidden;
}

.row.row_frames {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_frames {
    flex-direction: column;
  }
}
.row.row_frames .frame {
  padding: 22px 28px;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_frames .frame {
    width: 100%;
  }
}
.row.row_frames .frame__text-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@media screen and (max-width: 1023.98px) {
  .row.row_cards-feedback .card-scroller .formats__profile {
    text-align: start;
  }
}
.row.row_cards-feedback .card-scroller .formats__profile-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.row.row_cards-feedback .card-scroller .formats__profile-italic {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
}
.row.row_cards-feedback .card-scroller .formats__profile .col {
  gap: 8px;
}

.row.row_main {
  gap: 100px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_main .col:last-of-type {
    display: none;
  }
}

.col-learning {
  gap: 30px;
  width: 600px;
}
@media screen and (max-width: 1023.98px) {
  .col-learning {
    gap: 20px;
    width: 100%;
  }
}
.col-learning__tags {
  display: flex;
  gap: 30px;
  align-items: center;
}
.col-learning__tag-about {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
}
@media screen and (max-width: 1023.98px) {
  .col-learning__tag-about:last-of-type {
    text-align: end;
  }
}
.col-learning__image {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .col-learning__image {
    display: flex;
  }
}
.col-learning__about {
  display: flex;
  flex-wrap: nowrap;
  gap: 26px;
}
@media screen and (max-width: 1023.98px) {
  .col-learning__about {
    flex-direction: column;
    gap: 1px;
  }
}
.col-learning__about-item {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
}

.form-sign {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-sign.js-role-student .js-role-birthday {
  display: flex;
}
.form-sign.js-role-student .js-role-graduate {
  display: flex;
}
.form-sign.js-role-student .js-role-workplace {
  display: none;
}
.form-sign.js-role-student .js-role-birthdate {
  display: none;
}
.form-sign.js-role-student .js-role-city {
  display: flex;
}
.form-sign.js-role-student .js-role-school {
  display: flex;
}
.form-sign.js-role-teacher .js-role-birthday {
  display: none;
}
.form-sign.js-role-teacher .js-role-graduate {
  display: none;
}
.form-sign.js-role-teacher .js-role-workplace {
  display: flex;
}
.form-sign.js-role-teacher .js-role-birthdate {
  display: flex;
}
.form-sign.js-role-teacher .js-role-city {
  display: none;
}
.form-sign.js-role-teacher .js-role-school {
  display: none;
}
.form-sign__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-sign__header p {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.form-sign__header a {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #8762c5;
}
.form-sign__radio {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.form-sign__switch {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
  text-align: center;
}
.form-sign__switch a {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #8762c5;
}
.form-sign__link {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #8762c5;
}
.form-sign .col {
  gap: 20px;
}

.row_sign {
  gap: 80px;
}
.row_sign .col_form {
  width: 560px;
}
@media screen and (max-width: 1023.98px) {
  .row_sign .col_form {
    width: 100%;
  }
}
.row_sign .col_picture {
  flex: 1;
  gap: 40px;
  align-items: center;
  max-width: 492px;
  position: sticky;
  top: 20px;
  height: 100%;
}
@media screen and (max-width: 1023.98px) {
  .row_sign .col_picture {
    display: none;
  }
}
.row_sign .col_picture .col {
  gap: 10px;
  text-align: center;
  align-items: center;
}
.row_sign .col_picture svg {
  max-width: 100%;
}
.row_sign .col_picture img:first-of-type {
  position: sticky;
  top: 20px;
}
@media screen and (max-width: 1023.98px) {
  .row_sign {
    flex-direction: column;
  }
}

.news .filters .dropdown-menu:first-of-type {
  margin-right: 3px;
}
@media screen and (max-width: 1023.98px) {
  .news .filters .dropdown-menu:first-of-type {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023.98px) {
  .news .filter-block {
    min-width: 100%;
    max-width: 100%;
    top: calc(100% + 16px);
  }
}

.news-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-header .card-scroller__tags {
  align-items: center;
}
.news-header .card-scroller__tags .card-scroller__grey:first-of-type {
  margin-right: 30px;
}
@media screen and (max-width: 1023.98px) {
  .news-header .card-scroller__tags .card-scroller__grey:first-of-type {
    margin-right: auto;
  }
}

.container.news .row.row_swiper {
  flex-direction: column;
  gap: 40px;
}
.container.news .frame {
  padding: 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .container.news .frame {
    padding: 28px 18px;
  }
}
.container.news .frame-container {
  width: 800px;
}
@media screen and (max-width: 1023.98px) {
  .container.news .frame-container {
    width: 100%;
  }
}

.frame-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.frame-container p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .frame-container {
    gap: 20px;
  }
}
.frame-container picture img,
.frame-container picture source {
  border-radius: 10px;
  width: 100%;
  height: 533px;
  object-fit: cover;
}
@media screen and (max-width: 1023.98px) {
  .frame-container picture img,
  .frame-container picture source {
    height: 202px;
  }
}
.frame-container .video {
  max-height: 450px;
}
.frame-container > p,
.frame-container li {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: #4f4f4f;
}
.frame-container section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.frame-container .row.row_photo {
  display: flex;
}
.frame-container h4 {
  color: #798396;
}
.frame-container table {
  border-collapse: collapse;
  overflow-x: scroll;
  display: flex;
}
.frame-container table th,
.frame-container table td {
  padding: 10px;
  border: 1px solid rgba(121, 131, 150, 0.2);
}
.frame-container table th {
  background-color: #e3edff;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
}
.frame-container table td {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.frame-container table ~ .table-legend {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
}

.footnotes {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footnotes__border {
  width: 200px;
  border: 1px solid #424242;
}
.footnotes p {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.footnotes p span {
  font-size: 8px;
}

.docs .frame {
  padding: 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .docs .frame {
    padding: 28px 18px;
  }
}
@media screen and (max-width: 1023.98px) {
  .docs .frame__whiteground {
    max-width: 100%;
  }
}
.docs .dropdown-menu__button--filter {
  height: 60px;
}
@media screen and (max-width: 1023.98px) {
  .docs .dropdown-menu__button--filter {
    height: 64px;
  }
}
.docs .frame {
  gap: 20px;
}
.docs .row_jcai {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023.98px) {
  .docs .row_jcai {
    margin-bottom: 0;
  }
}
.docs .pagination {
  margin-top: 25px;
}
@media screen and (max-width: 1023.98px) {
  .docs h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
  }
}

.row.row_profile {
  gap: 40px;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .row.row_profile {
    flex-direction: column;
  }
}
.row.row_profile .col.col_content {
  gap: 40px;
  flex: 1;
}
.row.row_profile .frame_avatar {
  padding: 28px 38px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_profile .frame_avatar {
    padding: 28px 18px;
  }
}
@media screen and (max-width: 1023.98px) {
  .row.row_profile .frame_avatar .button {
    width: 100%;
    max-width: 100%;
  }
}

.learning-edit {
  padding: 39px 60px;
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .learning-edit {
    padding: 20px;
  }
}
.learning-edit .error-text_msg {
  display: none;
  margin-top: -20px;
}
.learning-edit.error .error-text_msg {
  display: flex;
}
@media screen and (max-width: 1023.98px) {
  .learning-edit .button {
    max-width: 100%;
    width: 100%;
  }
}

.profile-maingrid {
  display: flex;
  gap: 30px 40px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.98px) {
  .profile-maingrid {
    gap: 40px;
  }
}
.profile .back-link {
  margin-bottom: -10px;
}
@media screen and (max-width: 1023.98px) {
  .profile .back-link {
    margin-bottom: 0;
  }
}
.profile .frame {
  padding: 38px 58px;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .profile .frame {
    padding: 18px;
    gap: 20px;
  }
}
.profile .buttons.buttons_avatar {
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .profile .buttons.buttons_avatar {
    gap: 20px;
  }
}
.profile .buttons {
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .profile .buttons {
    flex-direction: column;
  }
}
@media screen and (max-width: 1023.98px) {
  .profile .buttons .button {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .profile .buttons .button__link {
    justify-content: flex-start;
  }
  .profile .buttons .button__link::after {
    justify-self: flex-end;
  }
}
.profile .frame.frame_sign {
  padding: 40px 60px;
  border: none;
  width: 560px;
}
@media screen and (max-width: 1023.98px) {
  .profile .frame.frame_sign {
    width: 100%;
    padding: 15px;
  }
}
@media screen and (max-width: 1023.98px) {
  .profile .col-learning__about {
    gap: 16px;
  }
}
.profile .superfield,
.profile .superdropdown {
  max-width: 440px;
}
@media screen and (max-width: 1023.98px) {
  .profile .superfield,
  .profile .superdropdown {
    max-width: 100%;
  }
}
.profile .superfield textarea,
.profile .superdropdown textarea {
  min-height: 180px;
  resize: none;
}

.row.row_avatar {
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar {
    gap: 20px;
    flex-direction: column;
  }
}
.row.row_avatar .col.col_center {
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .row.row_avatar .col.col_center {
    align-items: center;
    gap: 10px;
    width: 100%;
  }
}

.avatar__name {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .avatar__name {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .avatar__name {
    text-align: center;
  }
}

.profile.student .row.row_avatar .col.col_center {
  gap: 14px;
}

.profile-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 60px;
  width: 600px;
}
@media screen and (max-width: 1023.98px) {
  .profile-grid {
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    gap: 20px;
  }
}
.profile-grid_column {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.profile-grid_column .profile-grid__item {
  width: -moz-fit-content;
  width: fit-content;
}
.profile-grid__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 160px;
}
@media screen and (max-width: 1023.98px) {
  .profile-grid__item {
    width: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.profile-grid__item_request {
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}
.profile-grid__item_request .block-delete {
  margin-top: 12px;
}
.profile-grid__item input {
  display: none;
}
.profile-grid__header {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
  word-break: break-all;
}
.profile-grid__content {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 303px;
  max-height: 21px;
  word-break: break-all;
}
.profile-grid__col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profile-grid a.profile-grid__content {
  color: #8762c5;
}
.profile-grid__no-items {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-top: -10px;
}

.frame.frame_diff-gap .profile-grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .frame.frame_diff-gap .profile-grid {
    gap: 20px;
  }
}
.frame.frame_diff-gap .profile-grid__item {
  width: 100%;
}

.request-id .frame.frame_white {
  padding: 31px 28px;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .request-id .frame.frame_white {
    padding: 18px;
  }
}
.request-id__header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.request-id__header_left {
  display: flex;
  gap: 20px;
  align-items: center;
}
.request-id__date {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  color: #798396;
}

.block-reason {
  display: flex;
  width: 100%;
  padding: 20px;
  gap: 6px;
  flex-direction: column;
  background-color: #f6f6f6;
  border-radius: 20px;
}
.block-reason__name {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
}
.block-reason__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.block-main {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.block-data {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .block-data {
    gap: 20px;
  }
}
.block-data__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.block-data__item-header {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.block-data__item-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.social-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .social-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.frame form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.request h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  .request h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .request h1 {
    font-weight: 500;
  }
}
.request .frame {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .request .frame {
    padding: 28px 18px;
  }
}

.form-request {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.form-request .col.col_white {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 40px 60px;
  border-radius: 20px;
}
@media screen and (max-width: 1023.98px) {
  .form-request .col.col_white {
    row-gap: 30px;
    padding: 20px;
  }
}
.form-request .col.col_white .col {
  row-gap: 20px;
}
.form-request .col.col_white .col_textarea {
  gap: 15px;
}
.form-request h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.form-request .form-request__additional {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.form-request .superfield,
.form-request .col_radio-checkbox,
.form-request .superdropdown {
  max-width: 440px;
}
.form-request .superfield.request__textarea {
  height: 180px;
}
.form-request .superfield.request__textarea textarea {
  height: 100%;
  max-height: none;
  resize: none;
}
.form-request .checkbox label {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #424242;
}
.form-request .superfield_loadfile label {
  margin-top: -5px;
}
@media screen and (max-width: 1023.98px) {
  .form-request .superfield_loadfile label {
    padding: 0 5px;
  }
}
.form-request__bottom {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-top: 10px;
}
.form-request__bottom .button {
  max-width: 224px;
}
@media screen and (max-width: 1023.98px) {
  .form-request__bottom .button {
    max-width: none;
  }
}
.form-request__bottom .checkbox label {
  font-size: 14px;
  color: #798396;
}

.learning-filter .filters .dropdown-menu__button--filter {
  max-width: 230px;
  gap: 16px;
}
.learning-filter .row_mobile-filter {
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.learning-filter .row_mobile-filter .filter_settings {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .learning-filter .row_mobile-filter .filter_settings {
    display: flex;
  }
}
.learning-filter .row.row_filters {
  margin: 20px 0;
}
@media screen and (max-width: 1023.98px) {
  .learning-filter .row.row_filters {
    display: none;
  }
}
@media screen and (max-width: 1023.98px) {
  .learning-filter .row_date {
    margin: 20px 0;
  }
}
@media screen and (max-width: 1023.98px) {
  .learning-filter .row_date h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
  }
}

.edu-organization .button__edu-org {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .button__edu-org {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
  }
}
.edu-organization .button__outside-link {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.edu-organization .row.row_swiper {
  flex-direction: column;
}
.edu-organization.container {
  gap: 60px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization.container {
    gap: 40px;
  }
}
.edu-organization h1 {
  margin-top: -20px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization h1 {
    margin-bottom: -20px;
  }
}
.edu-organization .col.col_outside-links {
  gap: 10px;
  margin-top: -20px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization h2.diff-mt {
    margin-top: -16px;
  }
}
.edu-organization .col.col_list {
  gap: 0;
}
.edu-organization .col.col_list a {
  padding: 10px 0 9px 0;
  border-bottom: 1px solid #e6e6e6;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .col.col_list a {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}
.edu-organization .col.col_rows {
  gap: 20px;
}
.edu-organization .col.col_rows .row {
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .col.col_rows .row {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.edu-organization .col.col_rows .row p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.edu-organization .frame {
  gap: 40px;
  padding: 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame {
    gap: 20px;
    padding: 28px 18px;
  }
}
.edu-organization .frame_padding60 {
  padding: 58px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame_padding60 {
    padding: 28px 18px;
  }
}
.edu-organization .frame__whiteground {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 40px 60px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame__whiteground {
    gap: 20px;
    padding: 30px 20px;
    max-width: 100%;
    min-width: 100%;
  }
}
.edu-organization .frame__whiteground_text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.edu-organization .frame__whiteground_tags {
  padding: 40px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame__whiteground_tags {
    padding: 20px;
  }
}
.edu-organization .frame__whiteground_ul {
  height: -moz-fit-content;
  height: fit-content;
}
.edu-organization .frame__whiteground_ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.edu-organization .frame__grid .frame__whiteground {
  padding: 16px 30px;
  gap: 10px;
  justify-content: space-between;
}
.edu-organization .frame__grid .col {
  gap: 15px;
}
.edu-organization .frame__grid .col p a {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.edu-organization .frame__grid .col p:first-of-type {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: -10px;
}
.edu-organization .frame__grid .col p:last-of-type {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
.edu-organization .frame_diff-gap {
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame_diff-gap {
    gap: 10px;
  }
}
.edu-organization .frame_M-text p {
  max-width: 683px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame_M-text p {
    max-width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame_M-text p > br {
    display: none;
  }
}
.edu-organization .frame_L-text p {
  max-width: 751px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .frame_L-text p {
    max-width: 100%;
  }
}
.edu-organization .tags {
  flex-direction: row;
  gap: 15px 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .tags {
    flex-direction: column;
  }
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .tags .tag {
    width: 100%;
  }
}
.edu-organization .edu-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.edu-organization .edu-block__double {
  gap: 10px;
}
.edu-organization .edu-block__double p:first-of-type {
  color: #798396;
}
.edu-organization .edu-block_nogap {
  gap: 0;
}
.edu-organization .edu-block_nogap h3 {
  margin-bottom: 15px;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization .edu-block h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
  }
}
.edu-organization p,
.edu-organization a,
.edu-organization li {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .edu-organization p,
  .edu-organization a,
  .edu-organization li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}

.outside-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}

.searchresults.container {
  gap: 60px;
}
@media screen and (max-width: 1023.98px) {
  .searchresults.container {
    gap: 20px;
  }
}
.searchresults .results {
  margin-top: -40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}
.searchresults .results span {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}
.searchresults .results__live {
  color: #8762c5;
}
@media screen and (max-width: 1023.98px) {
  .searchresults .results {
    display: none;
  }
}
.searchresults .col.col_results {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .searchresults .col.col_results {
    gap: 20px;
  }
}
.searchresults .pagination {
  margin-top: -20px;
}
@media screen and (max-width: 1023.98px) {
  .searchresults .pagination {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023.98px) {
  .searchresults_notfound .results {
    margin-top: 0;
    display: initial;
  }
}
.searchresults_notfound svg {
  max-width: 100%;
}

.result-card {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .result-card {
    align-items: flex-start;
  }
}
.result-card .col {
  gap: 10px;
}
.result-card__preview {
  min-width: 60px;
  min-height: 60px;
  max-width: 60px;
  max-height: 60px;
  border-radius: 10px;
}
.result-card__preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.result-card__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.result-card__tag {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}

.aboutus .frame {
  padding: 38px 58px;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .aboutus .frame {
    padding: 28px 18px;
    gap: 20px;
  }
}
.aboutus .row.row_big-text .frame__whiteground {
  min-width: 100%;
}
.aboutus .row.row_big-text .frame__whiteground-text {
  max-width: 836px;
}
@media screen and (max-width: 1023.98px) {
  .aboutus .row.row_big-text .frame__whiteground-text {
    max-width: 100%;
  }
}

.frame_structure .col {
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .frame_structure .col {
    gap: 20px;
  }
}

.frame-image {
  max-height: 240px;
  max-width: 100%;
  object-fit: contain;
}

.partners__title-data {
  margin-top: -20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}
@media screen and (max-width: 1023.98px) {
  .partners__title-data {
    margin-top: -10px;
  }
}
.partners__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .partners__grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.partners__grid_5 {
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 1191.98px) {
  .partners__grid_5 {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1023.98px) {
  .partners__grid_5 {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.partners-data {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: center;
}
.partners-data__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  text-align: center;
}
@media screen and (max-width: 1023.98px) {
  .partners-data__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .partners-data__title {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .partners-data__title {
    font-size: 40px;
  }
}
.partners-data__info {
  text-align: center;
}
.partners-data img {
  max-width: 160px;
  max-height: 130px;
  width: 100%;
}

.platforms.container {
  gap: 60px;
}
@media screen and (max-width: 1023.98px) {
  .platforms.container {
    gap: 40px;
  }
}
.platforms h1 {
  margin-top: -20px;
}
@media screen and (max-width: 1023.98px) {
  .platforms h1 {
    margin-bottom: -20px;
  }
}
.platforms .tabs {
  margin-bottom: -20px;
}
@media screen and (max-width: 1023.98px) {
  .platforms .tabs {
    margin-bottom: 0;
  }
}
.platforms .frame {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .platforms .frame {
    gap: 20px;
  }
}
.platforms ol li {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.platforms .frame:not(.frame_overflow, .frame_slider),
.platforms .frame__whiteground {
  padding: 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .platforms .frame:not(.frame_overflow, .frame_slider),
  .platforms .frame__whiteground {
    padding: 28px 18px;
  }
}
.platforms .frame__whiteground {
  min-width: 100%;
  max-width: 100%;
  padding: 40px 60px;
}
@media screen and (max-width: 1023.98px) {
  .platforms .frame__whiteground {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 1023.98px) {
  .platforms .frame__whiteground_ol {
    padding: 20px;
  }
}
.platforms .frame__whiteground p {
  max-width: 836px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .platforms .frame__whiteground p {
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}
.platforms .frame__whiteground p.definition-list__legend {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-style: italic;
  color: #798396;
}
.platforms .row.row_swiper .frame {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .platforms .row.row_swiper .frame {
    gap: 20px;
  }
}
.platforms .row.row_places {
  margin-top: 19px;
}
@media screen and (max-width: 1023.98px) {
  .platforms .row.row_places {
    margin-top: 49px;
  }
}
.platforms .frame__grid {
  gap: 40px;
}
.platforms .frame__grid .frame {
  padding: 28px 58px;
}
@media screen and (max-width: 1023.98px) {
  .platforms .frame__grid .frame {
    padding: 18px;
  }
}
.platforms .frame__grid .profile-grid__item {
  gap: 16px;
  width: 100%;
}
.platforms .frame__grid .profile-grid__content {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.notfound.container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px;
  min-height: 513px;
}
.notfound .col {
  gap: 40px;
  max-width: 474px;
}
@media screen and (max-width: 1023.98px) {
  .notfound .col {
    max-width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .notfound .col .button {
    max-width: 100%;
    width: 100%;
  }
}
.notfound .notfound__image {
  width: 100%;
  max-width: 492px;
}
@media screen and (max-width: 1023.98px) {
  .notfound .notfound__image {
    max-width: 100%;
  }
}
.notfound .notfound__image img {
  width: 100%;
}
.notfound .notfound__image_mobile {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .notfound .notfound__image_mobile {
    display: flex;
  }
}
.notfound .notfound__image_desktop {
  display: flex;
}
@media screen and (max-width: 1023.98px) {
  .notfound .notfound__image_desktop {
    display: none;
  }
}

.students.container {
  gap: 100px;
}
@media screen and (max-width: 1023.98px) {
  .students.container {
    gap: 60px;
  }
}
.students h1 {
  margin-top: -60px;
}
@media screen and (max-width: 1023.98px) {
  .students h1 {
    margin-top: -20px;
  }
}
.students .row.row_open-potencial {
  flex-direction: column;
  margin-top: -60px;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .students .row.row_open-potencial {
    margin-top: -20px;
  }
}
.students__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 42px;
}
@media screen and (max-width: 1023.98px) {
  .students__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.students .row.row_learning .circle:nth-child(1) {
  top: -552px;
  left: -534px;
}
.students .row.row_learning .circle:nth-child(2) {
  top: -296px;
  left: -631px;
}
.students .row.row_learning .circle:nth-child(3) {
  top: unset;
  left: unset;
  bottom: -151px;
  right: -387px;
}
.students .row.row_learning .circle:nth-child(4) {
  top: unset;
  left: unset;
  bottom: -407px;
  right: -290px;
}

.students-data {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
}
.students-data__image {
  width: 80px;
  height: 80px;
}
.students-data__title {
  font-size: 36px;
  font-weight: 400;
}
.students-data__info {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}

.public-teacher .card-scroller__avatar {
  display: flex;
}
.public-teacher .card-scroller__avatar img {
  width: 120px;
  height: 120px;
}
.public-teacher .card-scroller__item {
  min-width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .public-teacher .card-scroller__item {
    min-width: 100%;
    max-width: 100%;
  }
}
.public-teacher .card-scroller__item .main-link {
  padding: 0;
}
.public-teacher .page-grid {
  margin-top: 0;
}
.public-teacher .user-extend-card {
  margin-bottom: 20px;
}
.public-teacher .card-scroller__info {
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}

.gumo .frame__grid {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .gumo .frame__grid {
    gap: 60px;
  }
}
.gumo .frame {
  padding: 38px 58px;
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .gumo .frame {
    padding: 28px 18px;
  }
}
.gumo h2.frame-title {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023.98px) {
  .gumo h2.frame-title {
    margin-bottom: 0;
  }
}
.gumo .frame_L-text p,
.gumo .frame_L-text li {
  max-width: 836px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .gumo .frame_L-text p,
  .gumo .frame_L-text li {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 100%;
  }
}
.gumo .frame_L-text strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .gumo .frame_L-text strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}
.gumo .frame_paragraphs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gumo .frame_paragraphs p {
  max-width: 801px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .gumo .frame_paragraphs p {
    max-width: 100%;
  }
}

.association.container {
  gap: 60px;
}
@media screen and (max-width: 1023.98px) {
  .association.container {
    gap: 40px;
  }
}
.association .row.row_swiper p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .association .row.row_swiper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}
.association h1 {
  margin-top: -20px;
}
.association .tabs {
  margin-top: -20px;
}
.association .filters {
  gap: 16px;
  margin-top: -20px;
  flex-direction: row;
}
.association .page-grid {
  margin-top: -20px;
}
@media screen and (max-width: 1023.98px) {
  .association .page-grid {
    margin-top: 0;
  }
}
.association__pre-title {
  margin-top: -20px;
  max-width: 840px;
}
@media screen and (max-width: 1023.98px) {
  .association__pre-title {
    max-width: 100%;
    margin-top: 0;
  }
}
.association .frame {
  gap: 40px;
  padding: 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .association .frame {
    gap: 20px;
    padding: 28px 18px;
  }
}
.association .frame_data-blocks {
  padding: 58px;
}
@media screen and (max-width: 1023.98px) {
  .association .frame_data-blocks {
    padding: 28px 18px;
  }
}
.association .frame_video h2 {
  margin-bottom: -10px;
}
@media screen and (max-width: 1023.98px) {
  .association .frame_video h2 {
    margin-bottom: 0;
  }
}
.association .frame_video p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .association .frame_video p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}
.association .frame .paragraph-icons {
  gap: 24px;
  flex-direction: column;
}
@media screen and (max-width: 1023.98px) {
  .association .frame .paragraph-icons {
    gap: 15px;
  }
}
.association .formats__profile {
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .association .formats__profile {
    text-align: center;
  }
}
.association .formats__profile-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .association .formats__profile-name {
    font-weight: 500;
  }
}
.association .formats__profile-avatar img {
  width: 120px;
  height: 120px;
}
.association .col-learning {
  gap: 16px;
}
.association .col-learning__tag-about {
  text-align: start;
}
.association .col-learning .button {
  margin-top: 4px;
}
@media screen and (max-width: 1023.98px) {
  .association .col-learning .button {
    max-width: 100%;
    width: 100%;
  }
}
.association .row.row_jcai {
  gap: 15px;
}
@media screen and (max-width: 1023.98px) {
  .association .row.row_jcai {
    flex-direction: row;
  }
}
@media screen and (max-width: 767.98px) {
  .association .row.row_jcai {
    flex-direction: column;
  }
}
.association .association-3-image {
  width: 240px;
  height: 200px;
}
@media screen and (max-width: 767.98px) {
  .association .association-3-image {
    width: 100%;
    height: auto;
  }
}
.association .association-3-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.teacher-grid {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1023.98px) {
  .teacher-grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .teacher-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.teacher-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.teacher-card__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.teacher-card__info {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.teacher-card .card-scroller__avatar img {
  width: 120px;
  height: 120px;
}

.teacher-grid {
  display: -ms-grid;
  display: grid;
  gap: 30px 40px;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1023.98px) {
  .teacher-grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .teacher-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.teacher-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}
.teacher-card__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.teacher-card__info {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.teacher-card .card-scroller__avatar img {
  width: 120px;
  height: 120px;
}

.union h2.h-scale {
  max-width: 730px;
}
@media screen and (max-width: 1023.98px) {
  .union h2.h-scale {
    max-width: 100%;
  }
}

.union-cards {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .union-cards {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
  }
}
.union-cards .frame__whiteground {
  padding: 20px 40px;
}
@media screen and (max-width: 1023.98px) {
  .union-cards .frame__whiteground {
    padding: 0;
  }
}
.union-cards .frame__whiteground .formats__profile {
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .union-cards .frame__whiteground .formats__profile {
    text-align: center;
  }
}
.union-cards .frame__whiteground .formats__profile-avatar img {
  width: 120px;
  height: 120px;
}
.union-cards .frame__whiteground .formats__profile-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .union-cards .frame__whiteground .formats__profile-name {
    font-weight: 500;
  }
}
.union-cards .frame__whiteground .formats__profile .col {
  gap: 10px;
}

.olymp-center.container {
  gap: 60px;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center.container {
    gap: 40px;
  }
}
.olymp-center__pre-title {
  margin-top: -20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center__pre-title {
    margin-top: 0;
  }
}
.olymp-center .frame {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center .frame {
    gap: 20px;
  }
}
.olymp-center .frame_about-center .frame__whiteground p {
  max-width: 836px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center .frame_about-center .frame__whiteground p {
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}
.olymp-center .frame_about-center .frame-pic__image {
  width: 240px;
  height: 200px;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center .frame_about-center .frame-pic__image {
    width: 100%;
    height: auto;
  }
}
.olymp-center .frame_about-center .frame-pic__content {
  gap: 16px;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center .frame_about-center .frame-pic__content {
    gap: 12px;
  }
}
.olymp-center .frame_about-center .frame-pic p {
  max-width: 511px;
  color: #798396;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center .frame_about-center .frame-pic p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 100%;
  }
}
.olymp-center .frame .paragraph-icons {
  gap: 20px;
  flex-direction: column;
}
.olymp-center .col_h-frame .frame {
  padding: 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .olymp-center .col_h-frame .frame {
    padding: 28px 18px;
  }
}

.tourism.container {
  gap: 60px;
  padding-top: 7px;
}
@media screen and (max-width: 1023.98px) {
  .tourism.container {
    padding-top: 1px;
  }
}
.tourism .paragraph-icons {
  gap: 20px;
  flex-direction: column;
}
.tourism h1 {
  margin: -20px 0;
}
@media screen and (max-width: 1023.98px) {
  .tourism h1 {
    margin: -40px 0;
  }
}
.tourism .frame {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .tourism .frame {
    gap: 20px;
    padding: 28px 18px;
  }
}
.tourism .frame_composite {
  padding: 54px 58px;
}
@media screen and (max-width: 1023.98px) {
  .tourism .frame_composite {
    padding: 26px 18px;
  }
}
.tourism .frame_small {
  gap: 20px;
  padding: 38px 58px;
}
@media screen and (max-width: 1023.98px) {
  .tourism .frame_small {
    padding: 28px 18px;
  }
}
.tourism .frame__whiteground {
  padding: 40px 60px;
}
@media screen and (max-width: 1023.98px) {
  .tourism .frame__whiteground {
    padding: 20px;
  }
}
.tourism .frame__image {
  width: 100%;
  max-width: 1040px;
  border-radius: 10px;
}
.tourism .frame__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.tourism__section h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  .tourism__section h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .tourism__section h2 {
    font-weight: 500;
  }
}
.tourism__section_composite {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.tourism__section_composite:not(even) {
  margin-bottom: -2px;
}
@media screen and (max-width: 1023.98px) {
  .tourism__section_composite {
    gap: 30px;
  }
}
.tourism__section_small h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .tourism__section_small h2 {
    font-weight: 500;
  }
}
.tourism__subsection h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection h3 {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 14px;
  }
}
.tourism__subsection p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.tourism__subsection b {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 500;
}
.tourism__subsection blockquote,
.tourism__subsection cite {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.tourism__subsection blockquote p,
.tourism__subsection blockquote span,
.tourism__subsection cite p,
.tourism__subsection cite span {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  font-style: normal;
}
.tourism__subsection_composite {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_composite {
    gap: 20px;
  }
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_description h3 {
    margin-bottom: 30px;
  }
}
.tourism__subsection_auditorium h3,
.tourism__subsection_partners h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 40px;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_auditorium h3,
  .tourism__subsection_partners h3 {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_auditorium h3,
  .tourism__subsection_partners h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 18px;
  }
}
.tourism__subsection_auditorium .paragraph-icons {
  gap: 20px;
}
.tourism__subsection_auditorium .paragraph-icon {
  flex-basis: 41.2%;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_auditorium .paragraph-icon {
    flex-basis: 100%;
    margin-right: -2px;
  }
}
.tourism__subsection_auditorium .paragraph-icon span {
  flex: 0 0 auto;
  display: flex;
  width: 60px;
  height: 60px;
  background-color: #e3edff;
  border-radius: 10px;
}
.tourism__subsection_auditorium .paragraph-icon svg {
  margin: auto;
}
.tourism__subsection_placement p:not(:last-child) {
  margin-bottom: 24px;
}
.tourism__subsection_address {
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .tourism__subsection_address {
    gap: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .tourism__subsection_address {
    flex-direction: column;
  }
}
.tourism__subsection_address.frame__whiteground {
  padding: 20px 60px 12px;
}
@media screen and (max-width: 767.98px) {
  .tourism__subsection_address.frame__whiteground {
    padding: 20px;
    padding-bottom: 12px;
  }
}
.tourism__subsection_address h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_address h3 {
    font-weight: 500;
  }
}
.tourism__subsection_address .card-content {
  display: flex;
  gap: 90px;
  padding-top: 14px;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_address .card-content {
    gap: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .tourism__subsection_address .card-content {
    flex-direction: column;
    padding: 0;
  }
}
.tourism__subsection_address .card-content .col {
  gap: 22px;
}
.tourism__subsection_address .metro__items {
  flex-direction: row;
  gap: 30px;
}
@media screen and (max-width: 767.98px) {
  .tourism__subsection_address .metro__items {
    flex-direction: column;
    gap: 6px;
  }
}
.tourism__subsection_address .card-image {
  flex: 0 0 auto;
  max-width: 153px;
  margin-left: auto;
}
@media screen and (max-width: 767.98px) {
  .tourism__subsection_address .card-image {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}
.tourism__subsection_address .card-image img {
  width: 100%;
}
.tourism__subsection_schedule h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_schedule h3 {
    margin-bottom: 20px;
  }
}
.tourism__subsection_schedule p {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
  line-height: 1.3;
  font-style: italic;
  color: #798396;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_schedule p {
    margin-bottom: 30px;
  }
}
.tourism__subsection_nutrition h3 {
  margin-bottom: 0;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_nutrition {
    gap: 28px;
  }
  .tourism__subsection_nutrition br {
    display: none;
  }
}
.tourism__subsection_nutrition .paragraph-icons {
  flex-direction: column;
}
.tourism__subsection_contact.frame__grid {
  align-items: start;
}
.tourism__subsection_contact.frame__grid_4 {
  -ms-grid-columns: (auto) [4];
  grid-template-columns: repeat(4, auto);
  gap: 40px;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .tourism__subsection_contact.frame__grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .tourism__subsection_contact.frame__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.tourism__subsection_contact .profile-grid__item {
  width: auto;
}
.tourism__subsection_contact .profile-grid__header {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.council__title-data {
  margin-top: -20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}
.council .frame {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .council .frame:not(.link-card) {
    padding: 28px 18px;
  }
}
.council
.frame
.frame__whiteground
.data-block:first-of-type
.data-block__info {
  max-width: 836px;
}
@media screen and (max-width: 1023.98px) {
  .council
  .frame
  .frame__whiteground
  .data-block:first-of-type
  .data-block__info {
    max-width: 100%;
  }
}
.council .link-card {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .council .link-card {
    gap: 20px;
  }
}
.council .frame__whiteground {
  padding: 40px 60px;
}
@media screen and (max-width: 1023.98px) {
  .council .frame__whiteground {
    padding: 20px;
  }
}
.council .frame__whiteground_flex {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .council .frame__whiteground_flex {
    gap: 20px;
  }
}
.council .data-block {
  gap: 16px;
}
@media screen and (max-width: 1023.98px) {
  .council .data-block {
    gap: 15px;
  }
}
.council .data-block__info {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.council .data-block .link-card {
  margin-top: 20px;
}
@media screen and (max-width: 1023.98px) {
  .council .data-block .link-card {
    margin-top: 0;
  }
}
.council .paragraph-icons {
  gap: 20px;
  flex-direction: column;
}

.feedback {
  width: 100%;
  padding: 80px 0 60px 0;
  background-color: #503c72;
}
@media screen and (max-width: 1023.98px) {
  .feedback {
    padding: 30px 0;
  }
}
.feedback .row.row_feedback {
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .feedback .row.row_feedback {
    gap: 20px;
    flex-direction: column;
  }
}
.feedback__first {
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .feedback__first {
    flex-direction: column-reverse;
    gap: 20px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1023.98px) {
  .feedback__first svg {
    max-width: 130px;
    max-height: 130px;
  }
}
.feedback__first .col_first {
  width: 534px;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .feedback__first .col_first {
    width: 100%;
  }
}
.feedback__last .col {
  gap: 24px;
}
.feedback__form {
  background: #ffffff;
  border-radius: 20px;
  padding: 60px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .feedback__form {
    padding: 30px 20px;
  }
}
.feedback__header {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  .feedback__header {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .feedback__header {
    font-weight: 500;
  }
}
.feedback__radio {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .feedback__radio {
    flex-direction: column;
    gap: 16px;
  }
}
.feedback__fields {
  width: 100%;
  justify-content: space-between;
  gap: 20px 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  max-width: 640px;
}
@media screen and (max-width: 1023.98px) {
  .feedback__fields {
    max-width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    flex-direction: column;
  }
}
.feedback .superfield textarea {
  max-width: 360px;
  height: 100%;
  max-height: 100%;
  resize: none;
}
@media screen and (max-width: 1023.98px) {
  .feedback .superfield textarea {
    max-width: 100%;
    height: 140px;
  }
}

.modal {
  display: flex;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background: rgba(66, 66, 66, 0.6);
  z-index: 100;
  opacity: 0;
  pointer-events: none;
}
.modal.active {
  opacity: 1;
  pointer-events: all;
}
@media screen and (max-width: 1023.98px) {
  .modal {
    align-items: flex-end;
  }
}
.modal__content {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: #ffffff;
  border-radius: 20px;
  gap: 30px;
  width: 500px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1023.98px) {
  .modal__content {
    width: 100%;
    border-radius: 20px 20px 0 0;
    max-height: 50%;
    height: 50%;
    overflow-y: auto;
  }
}
.modal form {
  overflow-y: auto;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .modal form .buttons {
    margin-top: 15px;
  }
}
.modal .close-icon {
  padding: 5px;
}
.modal__main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.modal__header {
  text-align: center;
}
.modal__header p {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .modal__header p {
    font-weight: 500;
  }
}
.modal__message {
  text-align: center;
}
.modal__message p {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: #798396;
}
.modal__message a {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: #8762c5;
}

.calender {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.calender__filter {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 28px;
  border-bottom: 2px solid #e3edff;
}
@media screen and (max-width: 1023.98px) {
  .calender__filter {
    gap: 10px;
  }
}
.calender__placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}
.calender__input {
  background: #e3edff;
  border-radius: 10px;
  padding: 12px 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 380px;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .calender__input {
    width: 100%;
  }
}
.calender__input input {
  background-color: transparent;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 52px;
}
.calender__input input:not(:-ms-input-placeholder) ~ .calender__placeholder {
  display: none;
}
.calender__input input:not(:placeholder-shown) ~ .calender__placeholder {
  display: none;
}
.calender__days {
  padding: 0 4px;
  display: flex;
  gap: 10px;
  overflow: scroll;
}
.calender__days .col {
  min-width: 156px;
  max-width: 156px;
  gap: 30px;
}
.calender__events {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.calender__date {
  padding: 15px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
}
.calender__arrow {
  padding-top: 17.5px;
  height: 100%;
}
.calender__arrow.next-day {
  transform: rotateY(180deg);
}
.calender .events-item {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 4px;
  background-color: #e3edff;
  overflow: hidden;
}
.calender .events-item.science .events-item__preview {
  background: linear-gradient(0deg, #b469c3 11.76%, #8762c5 107.35%);
}
.calender .events-item.art .events-item__preview {
  background: linear-gradient(180deg, #cd64d0 0%, #e96eed 77.94%);
}
.calender .events-item.sport .events-item__preview {
  background: linear-gradient(359.48deg, #f8d458 -11.5%, #f5b65b 117.02%);
}
.calender .events-item__preview {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 16px 8px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  background: linear-gradient(0deg, #b469c3 11.76%, #8762c5 107.35%);
  transform: rotateZ(180deg);
}
.calender .events-item__info {
  display: flex;
  flex-direction: column;
  gap: 19px;
  padding: 14px 14px 11px 7px;
}
.calender .events-item__header {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.calender .events-item__header p {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  font-weight: 500;
}
.calender .events-item__author {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.calender .button {
  height: 48px;
}

.daterangepicker {
  width: -moz-fit-content;
  width: fit-content;
  border: 1.5px solid #e3edff;
  border-radius: 10px;
  margin-top: 22px;
}
.daterangepicker::after,
.daterangepicker::before {
  opacity: 0;
}
.daterangepicker.show-calendar .drp-buttons {
  display: flex;
  gap: 16px;
  border-top: none;
  padding: 0 29px 20px 29px;
}
.daterangepicker.show-calendar .drp-buttons .drp-selected {
  display: none;
}
.daterangepicker.show-calendar .drp-buttons .btn {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  padding: 0 30px;
}
.daterangepicker .drp-calendar table {
  border-spacing: 0 3px;
  border-collapse: separate;
}
.daterangepicker .drp-calendar.right {
  display: none;
}
.daterangepicker .drp-calendar.left {
  max-width: 380px;
  width: 380px;
  padding: 20px;
}
@media screen and (max-width: 767.98px) {
  .daterangepicker .drp-calendar.left {
    width: 100%;
    max-width: 100%;
    padding: 5px;
  }
}
.daterangepicker .drp-calendar.left th.month {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.daterangepicker .drp-calendar.left .calendar-table {
  padding: 0;
}
.daterangepicker .drp-calendar.left .calendar-table thead tr:last-of-type th {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
  width: 46px;
  height: 46px;
}
.daterangepicker .drp-calendar.left .calendar-table tbody td {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  width: 46px;
  height: 46px;
  max-width: 46px;
  max-height: 46px;
  border: 0;
  padding: 0;
  position: relative;
  margin-bottom: 3px;
}
.daterangepicker .drp-calendar.left .calendar-table tbody td:not(.in-range) {
  border-radius: 100%;
}
.daterangepicker .drp-calendar.left .calendar-table tbody td.in-range {
  background-color: #f6f6f6;
}
.daterangepicker .drp-calendar.left .calendar-table tbody td.start-date {
  background: #8762c5;
  border-radius: 100%;
  overflow: visible;
}
.daterangepicker .drp-calendar.left .calendar-table tbody td.start-date::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -2px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  border-radius: 100% 0 0 100%;
  -webkit-mask-image: url('../img/svg/calender-start.svg');
  mask-image: url('../img/svg/calender-start.svg');
  background-color: #f6f6f6;
}
.daterangepicker .drp-calendar.left .calendar-table tbody td.end-date {
  border-radius: 100%;
  background: #8762c5;
}
.daterangepicker .drp-calendar.left .calendar-table tbody td.end-date::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0 100% 100% 0;
  -webkit-mask-image: url('../img/svg/calender-end.svg');
  mask-image: url('../img/svg/calender-end.svg');
  background-color: #f6f6f6;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  top: 0;
  left: -2px;
}
.daterangepicker
.drp-calendar.left
.calendar-table
tbody
td.start-date.end-date {
  border-radius: 100%;
}
.daterangepicker
.drp-calendar.left
.calendar-table
tbody
td.start-date.end-date::after {
  opacity: 0;
}
.daterangepicker
.drp-calendar.left
.calendar-table
tbody
tr
td.in-range:last-of-type {
  border-radius: 0 100% 100% 0;
}
.daterangepicker
.drp-calendar.left
.calendar-table
tbody
tr
td.in-range:first-of-type {
  border-radius: 100% 0 0 100%;
}

.arrows {
  display: flex;
  gap: 20px;
}
.arrows .arrow {
  border: 1.5px solid #424242;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.arrows .arrow:after {
  content: '';
  height: 13px;
  width: 8px;
  background-color: #424242;
}
.arrows .arrow-right::after {
  -webkit-mask-image: url('../img/svg/arrow-right.svg');
  mask-image: url('../img/svg/arrow-right.svg');
  margin-right: -2px;
}
.arrows .arrow-left::after {
  -webkit-mask-image: url('../img/svg/arrow-left.svg');
  mask-image: url('../img/svg/arrow-left.svg');
  margin-left: -2px;
}
.arrows .arrow.active {
  background-color: #424242;
}
.arrows .arrow.active::after {
  background-color: #ffffff;
}

@keyframes accordionOpenThree {
  0% {
    width: 80px;
  }
  100% {
    width: 100%;
@media screen and (max-width: 767.98px) {
  width: 100%;
}
}
}
@keyframes accordionCloseThree {
  0% {
    width: 100%;
@media screen and (max-width: 767.98px) {
  width: 100%;
}
}
100% {
  width: 80px;
}
}
@keyframes accordionOpenFour {
  0% {
    width: 60px;
  }
  100% {
    width: 380px;
@media screen and (max-width: 767.98px) {
  width: 100%;
}
}
}
@keyframes accordionCloseFour {
  0% {
    width: 380px;
@media screen and (max-width: 767.98px) {
  width: 100%;
}
}
100% {
  width: 60px;
}
}
.accordion {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  height: 300px;
  overflow-x: scroll;
}
@media screen and (max-width: 1023.98px) {
  .accordion {
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.accordion.four {
  width: 590px;
}
@media screen and (max-width: 1023.98px) {
  .accordion.four {
    width: 100%;
  }
}
.accordion.four .accordion__item {
  padding: 30px 24.5px;
}
.accordion.four .accordion__item.passive {
  animation-name: accordionCloseFour;
  width: 60px;
}
@media screen and (max-width: 1023.98px) {
  .accordion.four .accordion__item.passive {
    width: 100%;
    animation: none;
  }
}
.accordion.four .accordion__item.active {
  animation-name: accordionOpenFour;
}
@media screen and (max-width: 1023.98px) {
  .accordion.four .accordion__item.active {
    animation: none;
  }
}
.accordion.three {
  width: 560px;
}
@media screen and (max-width: 1023.98px) {
  .accordion.three {
    width: 100%;
  }
}
.accordion.three .accordion__item {
  padding: 30px 14.5px;
}
.accordion.three .accordion__item.passive {
  animation-name: accordionCloseThree;
  width: 80px;
}
@media screen and (max-width: 1023.98px) {
  .accordion.three .accordion__item.passive {
    width: 100%;
    animation: none;
  }
}
.accordion.three .accordion__item.active {
  animation-name: accordionOpenThree;
}
@media screen and (max-width: 1023.98px) {
  .accordion.three .accordion__item.active {
    animation: none;
  }
}
.accordion__header-vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  opacity: 1;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  transition: none;
  transform: rotateZ(180deg);
}
@media screen and (max-width: 1023.98px) {
  .accordion__header-vertical {
    opacity: 0;
    max-width: 0;
    max-height: 0;
  }
}
.accordion__content {
  display: flex;
  opacity: 0;
  flex-direction: column;
  max-width: 0;
  max-height: 0;
  transition: none;
  flex-wrap: nowrap;
  word-spacing: keep-all;
}
@media screen and (max-width: 1023.98px) {
  .accordion__content {
    opacity: 1;
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
}
.accordion__header,
.accordion__header-vertical {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .accordion__header,
  .accordion__header-vertical {
    font-weight: 500;
  }
}
.accordion__additional {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #ffffff;
}
.accordion__item {
  border-radius: 20px;
  padding: 30px 14.5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 1023.98px) {
  .accordion__item {
    width: 100%;
    height: 300px;
    align-items: flex-start;
  }
}
.accordion__item:nth-child(1) {
  background-color: #efca4c;
  transition: 0.3s all linear;
}
.accordion__item:nth-child(1).active {
  /*  background: linear-gradient(
        0deg,
        rgba(50, 31, 73, 0.7) 0%,
        rgba(179, 105, 195, 0) 73%
      ),
      url('../img/pics/science_photo.png'), #898989;*/
  transition: 0.3s all linear;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023.98px) {
  .accordion__item:nth-child(1) {
    /* background: linear-gradient(
         0deg,
         rgba(50, 31, 73, 0.7) 0%,
         rgba(179, 105, 195, 0) 73%
       ),
       url('../img/pics/science_photo.png'), #898989;*/
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.accordion__item:nth-child(2) {
  background-color: #7c5ab7;
  transition: 0.3s all linear;
}
.accordion__item:nth-child(2).active {
  /*  background: linear-gradient(
        0deg,
        rgba(50, 31, 73, 0.7) 0%,
        rgba(179, 105, 195, 0) 73%
      ),
      url('../img/pics/art_photo.png'), #898989;*/
  transition: 0.3s all linear;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023.98px) {
  .accordion__item:nth-child(2) {
    /* background: linear-gradient(
         0deg,
         rgba(50, 31, 73, 0.7) 0%,
         rgba(179, 105, 195, 0) 73%
       ),
       url('../img/pics/art_photo.png'), #898989;*/
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.accordion__item:nth-child(3) {
  background-color: #e96eed;
  transition: 0.3s all linear;
}
.accordion__item:nth-child(3).active {
  /* background: linear-gradient(
       0deg,
       rgba(50, 31, 73, 0.7) 0%,
       rgba(179, 105, 195, 0) 73%
     ),
     url('../img/pics/sport_photo.png'), #898989;*/
  transition: 0.3s all linear;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023.98px) {
  .accordion__item:nth-child(3) {
    /*    background: linear-gradient(
            0deg,
            rgba(50, 31, 73, 0.7) 0%,
            rgba(179, 105, 195, 0) 73%
          ),
          url('../img/pics/sport_photo.png'), #898989;*/
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.accordion__item:nth-child(4) {
  background-color: #424242;
  transition: 0.3s all linear;
}
.accordion__item:nth-child(4).active {
  /*  background: linear-gradient(
        0deg,
        rgba(50, 31, 73, 0.7) 0%,
        rgba(179, 105, 195, 0) 73%
      ),
      url('../img/pics/olympic_photo.png'), #898989;*/
  transition: 0.3s all linear;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023.98px) {
  .accordion__item:nth-child(4) {
    /*  background: linear-gradient(
          0deg,
          rgba(50, 31, 73, 0.7) 0%,
          rgba(179, 105, 195, 0) 73%
        ),
        url('../img/pics/olympic_photo.png'), #898989;*/
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.accordion__item.passive {
  animation-duration: 0.7s;
  animation-delay: -0.1s;
}
.accordion__item.active {
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  align-items: flex-start;
}
.accordion__item.active .accordion__content {
  opacity: 1;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  transition: 0.3s all linear;
}
.accordion__item.active .accordion__header-vertical {
  opacity: 0;
  max-width: 0;
  max-height: 0;
  transition: none;
}
.accordion__item.active picture {
  opacity: 1;
}

.breadcrumps {
  display: flex;
  flex-wrap: nowrap;
  gap: 11px;
  align-items: center;
  max-width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .breadcrumps {
    display: none;
  }
}
.breadcrumps__item {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
  white-space: nowrap;
}
@media screen and (max-width: 1023.98px) {
  .breadcrumps__item {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
  }
}
.breadcrumps__mobile {
  display: none;
  align-items: center;
  gap: 11px;
}
.breadcrumps__mobile p {
  white-space: normal;
}
.breadcrumps__mobile-arrow {
  transform: rotateZ(180deg);
}
@media screen and (max-width: 1023.98px) {
  .breadcrumps__mobile {
    display: flex;
  }
}
.breadcrumps__mobile svg {
  min-width: 8px;
  min-height: 12px;
  max-width: 8px;
  max-height: 12px;
}
.breadcrumps svg {
  min-width: 8px;
  min-height: 12px;
  max-width: 8px;
  max-height: 12px;
}
.breadcrumps p.breadcrumps__item:last-of-type {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
@media screen and (max-width: 1023.98px) {
  .buttons {
    gap: 10px;
  }
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  background: transparent;
  border-radius: 40px;
  color: #424242;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 60px;
  padding: 0 30px;
  align-items: center;
  transition: 0.3s all linear;
}
.button:not(.button__outside-link):not(.button__edu-org) {
  text-align: center;
}
.button:hover {
  transition: 0.3s all linear;
}
.button__border {
  border: 1.5px solid #424242;
  border-radius: 10px;
  background-color: #f6f6f6;
}
.button__border:hover {
  background-color: rgba(227, 237, 255, 0.2);
  color: #424242;
}
.button__rounded {
  border-radius: 40px;
  background-color: #f6f6f6;
}
.button__border-white {
  color: #ffffff;
  border: 1.5px solid #ffffff;
  padding: 0 28.5px;
}
.button__border-white:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.button__small {
  height: 40px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.button__normal {
  height: 48px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.button__average {
  height: 60px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.button__big {
  height: 60px;
  width: 100%;
  max-width: 100%;
}
.button__line {
  border: 1.5px solid #424242;
  background: transparent;
}
.button__line:hover {
  background-color: rgba(227, 237, 255, 0.2);
  color: #424242;
}
.button__yellow {
  background: #efca4c;
}
.button__yellow:hover {
  background: linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.1),
          rgba(255, 255, 255, 0.1)
  ),
  #efca4c;
  color: #424242;
}
.button__link {
  height: 59px;
  border: 1.5px solid #424242;
  border-radius: 10px;
  gap: 16px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  align-items: center;
}
.button__link::after {
  content: '';
  -webkit-mask-image: url('../img/svg/next.svg');
  mask-image: url('../img/svg/next.svg');
  background-color: #424242;
  min-width: 10px;
  min-height: 17px;
  max-width: 10px;
  max-height: 17px;
}
.button__link:hover {
  color: #424242;
  background-color: rgba(227, 237, 255, 0.2);
}
.button__link-tag {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  color: #8762c5;
}
@media screen and (max-width: 1023.98px) {
  .button__link-tag {
    font-weight: 500;
  }
}
.button__link p {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.button__upload::before {
  content: '';
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  -webkit-mask-image: url('../img/svg/upload.svg');
  mask-image: url('../img/svg/upload.svg');
  background-color: #424242;
}
.button__outside-link {
  background-color: #ffffff;
  border-radius: 20px;
  min-height: 56px;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 16px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.button__outside-link::before {
  content: '';
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  -webkit-mask-image: url('../img/svg/link2.svg');
  mask-image: url('../img/svg/link2.svg');
  background-color: #424242;
}
@media screen and (max-width: 1023.98px) {
  .button__outside-link {
    width: 100%;
  }
}
.button__outside-link_transparent {
  padding: 0;
  min-height: -moz-fit-content;
  min-height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
}
.button__edu-org {
  padding: 18px;
  border-radius: 20px;
  max-height: -moz-fit-content;
  max-height: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .button__edu-org {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
  }
}
.button__burger {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
}
.button__burger.active .burger span:nth-of-type(2) {
  top: 50%;
  transform: translate(0%, 0%) rotate(45deg);
}
.button__burger.active .burger span:nth-of-type(3) {
  top: 50%;
  transform: translate(0%, 0%) rotate(-45deg);
}
.button__burger.active .burger span:nth-of-type(1) {
  display: none;
}
.button__burger .burger {
  position: relative;
  width: 24px;
  height: 24px;
}
.button__burger .burger span {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  background-color: #424242;
  transition: all 0.5s;
}
.button__burger .burger span:nth-of-type(2) {
  top: calc(50% - 5px);
}
.button__burger .burger span:nth-of-type(3) {
  top: calc(50% + 5px);
}
.button:disabled {
  background-color: #e3edff;
  color: #798396;
}
.button:disabled:hover {
  background-color: #e3edff;
  color: #798396;
  cursor: not-allowed;
}
.button__disabled {
  background-color: #e3edff;
  color: #798396;
}
.button__disabled:hover {
  background-color: #e3edff;
  color: #798396;
  cursor: not-allowed;
}
@media screen and (max-width: 1023.98px) {
  .button__mobile {
    max-width: 100%;
    width: 100%;
  }
}
.button__dropdown::after {
  content: '';
  -webkit-mask-image: url('../img/svg/dropdown.svg');
  mask-image: url('../img/svg/dropdown.svg');
  background-color: #424242;
  min-width: 11px;
  max-width: 11px;
  height: 7px;
  transition: 0.3s all linear;
}
.button__dropdown:hover:not(.dropdown-menu__button--filter)::after {
  background-color: #ffffff;
}
.button svg {
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
}

.head-switch {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.head-switch__name {
  display: flex;
  gap: 40px;
  flex-wrap: nowrap;
}
.head-switch__name p {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  .head-switch__name p {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .head-switch__name p {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .head-switch__name .button {
    display: none;
  }
}
.head-switch__col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .head-switch__col {
    gap: 16px;
  }
}
.head-switch__date {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}

.card-scroller {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .card-scroller {
    gap: 24px;
  }
}
@media screen and (max-width: 1023.98px) {
  .card-scroller .frame__whiteground {
    min-width: 303px;
    max-width: 303px;
  }
}
.card-scroller__cards {
  display: flex;
  flex-wrap: nowrap;
  gap: 40px;
  overflow-x: hidden;
  scrollbar-width: none;
}
.card-scroller .button.tablet-mobile {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .card-scroller .button.tablet-mobile {
    display: flex;
    max-width: 100%;
    width: 100%;
  }
}
.card-scroller .circle {
  top: 162px;
  left: -479px;
}
.card-scroller__name {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.card-scroller__item {
  min-width: 360px;
  max-width: 360px;
}
@media screen and (max-width: 767.98px) {
  .card-scroller__item {
    min-width: 100%;
    max-width: 343px;
  }
}
.card-scroller__item.expired .card-scroller__image img,
.card-scroller__item.expired .card-scroller__image source {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.card-scroller__image {
  cursor: pointer;
}
.card-scroller__image picture {
  width: 100%;
}
.card-scroller__tags {
  display: flex;
  gap: 10px;
}
.card-scroller__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card-scroller__small,
.card-scroller__grey {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.card-scroller__main-info {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.card-scroller__italic-info {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
}
.card-scroller__grey {
  color: #798396;
}
.card-scroller__head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 1023.98px) {
  .card-scroller__head {
    gap: 8px;
  }
}
.card-scroller__avatar img {
  border-radius: 100%;
  width: 180px;
  height: 180px;
}
@media screen and (max-width: 1023.98px) {
  .card-scroller__avatar img {
    width: 120px;
    height: 120px;
  }
}
.card-scroller__programs {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.card-scroller__image {
  display: flex;
}
@media screen and (max-width: 1023.98px) {
  .card-scroller__image img {
    width: 100%;
    height: calc(100vw - 32px);
  }
}
.card-scroller_grid .card-scroller__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1023.98px) {
  .card-scroller_grid .card-scroller__cards {
    display: flex;
  }
}
.card-scroller_grid .card-scroller__item {
  min-width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1023.98px) {
  .card-scroller_grid .card-scroller__item {
    min-width: 100%;
    max-width: 343px;
  }
}
.card-scroller_grid .card-scroller__item .card-scroller__image img {
  width: 100%;
  height: auto;
}

.card-association-events .card-scroller__tags {
  margin: 4px 0;
}
@media screen and (max-width: 1023.98px) {
  .card-association-events .card-scroller__tags {
    margin: 0;
  }
}
.card-association-events .card-scroller__italic-info {
  margin-top: -6px;
}
@media screen and (max-width: 1023.98px) {
  .card-association-events .card-scroller__italic-info {
    margin: 0;
  }
}
@media screen and (max-width: 1023.98px) {
  .card-association-events .card-scroller__item .button {
    max-width: 100%;
    width: 100%;
  }
}

.card-feedback .card-scroller__item {
  min-width: 500px;
  max-width: 500px;
  padding: 40px 30px 30px 30px;
  background-color: #ffffff;
  border-radius: 20px;
}
@media screen and (max-width: 1023.98px) {
  .card-feedback .card-scroller__item {
    min-width: 100%;
    max-width: 303px;
    padding: 20px;
  }
}
.card-feedback .card-scroller__item .col {
  gap: 85px;
}

.card-video .card-scroller img,
.card-video .card-scroller source {
  width: 360px;
  height: 200px;
  border-radius: 10px;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .card-video .card-scroller img,
  .card-video .card-scroller source {
    width: 343px;
    height: 190px;
  }
}
.card-video .col {
  gap: 14px;
}

.card-news .card-scroller__image img,
.card-news .card-scroller__image source {
  width: 360px;
  height: 240px;
  border-radius: 10px;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .card-news .card-scroller__image img,
  .card-news .card-scroller__image source {
    width: 100%;
    height: 229px;
  }
}
@media screen and (max-width: 1023.98px) {
  .card-news .card-scroller__tags .tag {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-weight: 500;
  }
}
.card-news .col {
  gap: 16px;
  width: 100%;
}

.card-place.card-scroller__cards {
  overflow: visible;
  gap: 60px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .card-place.card-scroller__cards {
    flex-direction: column;
    gap: 54px;
  }
}
.card-place.card-scroller__cards .col {
  height: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 1023.98px) {
  .card-place.card-scroller__cards .col {
    gap: 24px;
  }
}
.card-place .card-scroller__item {
  min-height: 430px;
  max-height: 430px;
  min-width: unset;
  max-width: 302px;
  width: 302px;
  cursor: initial;
}
@media screen and (max-width: 1023.98px) {
  .card-place .card-scroller__item {
    min-height: unset;
    min-width: unset;
    max-width: unset;
    width: 100%;
  }
}
.card-place .card-scroller__info {
  gap: 20px;
}
.card-place .card-scroller__name {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .card-place .card-scroller__name {
    font-weight: 500;
  }
}
.card-place .card-scroller__address,
.card-place .card-scroller__metro {
  display: flex;
  gap: 16px;
  align-items: center;
}
.card-place .card-scroller__address {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.card-place .card-scroller__metro-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.card-place .card-scroller__metro-item p {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.card-place .card-scroller__image {
  position: relative;
  max-width: 300px;
  max-height: 242px;
  cursor: default;
}
.card-place .card-scroller__image img,
.card-place .card-scroller__image source {
  max-width: 300px;
  width: 100%;
  height: 242px;
  border-radius: 10px;
  object-fit: cover;
}
.card-place .card-scroller__button {
  position: absolute;
  bottom: -30px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.card-event .card-scroller__item {
  min-width: 560px;
  max-width: 560px;
  border: 2px solid #424242;
  padding: 30px 40px;
  background-color: #ffffff;
  border-radius: 20px;
}
@media screen and (max-width: 767.98px) {
  .card-event .card-scroller__item {
    min-width: 100%;
    max-width: 343px;
    padding: 30px 20px;
  }
}
.card-event .card-scroller__tags {
  flex-direction: column;
  align-items: flex-end;
}
.card-event .card-scroller__name {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  font-weight: 500;
}
@media screen and (max-width: 1023.98px) {
  .card-event .card-scroller__name {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .card-event .card-scroller__name {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
  }
}
.card-event .card-scroller__grey {
  margin-bottom: 2px;
}
.card-event .col {
  gap: 30px;
  width: 100%;
}

.card-education .card-scroller__image img,
.card-education .card-scroller__image source {
  width: 360px;
  height: 360px;
  border-radius: 10px;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .card-education .card-scroller__image img,
  .card-education .card-scroller__image source {
    width: 100%;
    height: calc(100vw - 32px);
  }
}
.card-education .card-scroller__tags {
  gap: 16px;
  flex-direction: column;
}
.card-education .card-scroller__info {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.card-education .col {
  gap: 20px;
}

.card-numbers {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 44px;
}
@media screen and (max-width: 1023.98px) {
  .card-numbers {
    gap: 21px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.card-numbers .card-scroller__item {
  min-width: 100%;
  max-width: 100%;
}
.card-numbers .card-scroller__number {
  font-weight: 400;
  font-size: 36px;
  line-height: 42px;
}
.card-numbers .card-scroller__about {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
  text-align: center;
}
.card-numbers .card-scroller__image {
  cursor: default;
}
.card-numbers .col {
  gap: 12px;
  align-items: center;
}

.card-partners .card-scroller__item {
  min-width: 200px;
  max-width: 200px;
}
@media screen and (max-width: 1023.98px) {
  .card-partners .card-scroller__item {
    min-width: 161px;
    max-width: 161px;
  }
}
.card-partners .card-scroller__item svg,
.card-partners .card-scroller__item img {
  min-width: 200px;
  max-width: 200px;
}
@media screen and (max-width: 1023.98px) {
  .card-partners .card-scroller__item svg,
  .card-partners .card-scroller__item img {
    min-width: 161px;
    max-width: 161px;
  }
}

.checkbox {
  display: flex;
  gap: 14px;
  align-items: center;
  cursor: pointer;
}
.checkbox label {
  color: #798396;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.checkbox label.error-text {
  order: 2;
}
.checkbox label a {
  cursor: pointer;
  color: #8762c5;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
  order: 1;
}
.checkbox input:checked ~ .checkbox__styled::after {
  opacity: 1;
  transition: 0.15s all linear;
}
.checkbox input.error-text ~ .checkbox__styled {
  border-color: #eb577b;
}
.checkbox__styled {
  min-width: 24px;
  min-height: 24px;
  background: #ffffff;
  border: 1px solid #dee5f3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox__styled::after {
  content: '';
  width: 10px;
  height: 10px;
  background: url('../img/svg/checkbox.svg');
  opacity: 0;
  transition: 0.15s all linear;
}

.dropdown-menu {
  position: relative;
  display: flex;
  flex-direction: column;
}
.dropdown-menu__button {
  background: #e3edff;
  border-radius: 32px;
  padding: 10px 20px;
  cursor: pointer;
  line-height: 19px;
  transition: 0.3s all ease-in-out;
}
.dropdown-menu__button--filter {
  border-radius: 10px;
  height: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  align-items: center;
  min-width: 230px;
  justify-content: space-between;
  gap: 54px;
}
.dropdown-menu__button--filter p {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .dropdown-menu__button--filter {
    gap: 24px;
  }
}
.dropdown-menu__button:not(.dropdown-menu__button--filter):hover {
  background: #8762c5;
  color: #ffffff;
}
.dropdown-menu__items {
  position: absolute;
  top: calc(100% + 10px);
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  border: 2px solid #e3edff;
  border-radius: 10px;
  transition: 0.3s max-height ease-in-out;
  min-width: 100%;
  max-width: max-content;
  padding: 20px 30px;
  z-index: 10;
  background-color: #ffffff;
  transition: 0.15s all linear;
}
.dropdown-menu__items .col {
  gap: 12px;
  width: max-content;
}
.dropdown-menu_fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media screen and (max-width: 1023.98px) {
  .dropdown-menu_fit {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .dropdown-menu_fit .dropdown-menu__button {
    width: 100%;
  }
}
.dropdown-menu_fit .dropdown-menu__button--filter {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.dropdown-menu_fullsize {
  min-width: 100%;
}
.dropdown-menu_fullsize .dropdown-menu__button {
  width: 100%;
}
.dropdown-menu_burger-menu .dropdown-menu__button {
  justify-content: space-between;
  background-color: #8762c5;
  color: #ffffff;
  border-radius: 20px;
  transition: border-radius 0.05s linear;
}
.dropdown-menu_burger-menu .dropdown-menu__items {
  top: 100%;
  background-color: #8762c5;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  position: inherit;
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: border-radius 0.05s linear, opacity 0.2s linear;
}
.dropdown-menu_burger-menu .button__dropdown {
  border-top: 2px solid #ffffff;
  padding-top: 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .dropdown-menu_burger-menu .button__dropdown {
    font-weight: 500;
  }
}
.dropdown-menu_burger-menu .button__dropdown::after {
  background-color: #ffffff;
  -webkit-mask-image: url('../img/svg/dropdown-bigger.svg');
  mask-image: url('../img/svg/dropdown-bigger.svg');
  min-width: 16px;
  max-width: 16px;
  height: 10px;
}
.dropdown-menu_burger-menu.active .dropdown-menu__button {
  border-radius: 20px 20px 0 0;
}
.dropdown-menu_burger-menu.active .dropdown-menu__items {
  max-height: max-content;
  padding: 20px 20px 10px 20px;
  border-radius: 0 0 20px 20px;
}
.dropdown-menu.active .dropdown-menu__items {
  opacity: 1;
  pointer-events: all;
}
.dropdown-menu.active .button__dropdown::after {
  transform: rotateZ(180deg);
}

.filter-menu {
  display: flex;
  flex-direction: column;
  position: relative;
}
.filter-menu:nth-child(3) .filter-block,
.filter-menu:nth-child(4) .filter-block {
  right: 0;
}
.filter-menu .filter-block {
  max-height: 0;
  min-height: 0;
  opacity: 0;
  pointer-events: none;
}
.filter-menu.active .filter-block {
  min-height: 100px;
  max-height: -moz-fit-content;
  max-height: fit-content;
  opacity: 1;
  pointer-events: all;
  transition: 0.3s min-height ease;
  z-index: 10;
}
.filter-menu.active .button__dropdown::after {
  transform: rotateZ(180deg);
}

.filter {
  border: 1.5px solid #424242;
  border-radius: 10px;
  padding: 0 14.5px;
  min-height: 48px;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  max-height: -moz-fit-content;
  max-height: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
}
@media screen and (max-width: 1023.98px) {
  .filter {
    text-align: left;
  }
}
.filter__main {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
}
.filter__additional {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
  text-align: left;
}
.filter_rounded {
  border-radius: 20px;
  padding: 0 20px;
  min-height: 38px;
  border: 1.5px solid #798396;
}
.filter_rounded .filter__main {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  color: #798396;
}
.filter_rounded.filter_checked {
  border-color: #8762c5;
  background-color: transparent;
}
.filter_rounded.filter_checked .filter__main {
  color: #8762c5;
}
.filter_checked {
  border-color: transparent;
  background-color: #e3edff;
}
.filter_checked .filter__info {
  background-color: #ffffff;
}
.filter__info {
  background-color: #e3edff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  position: relative;
}
.filter__info::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #798396;
  -webkit-mask-image: url('../img/svg/i.svg');
  mask-image: url('../img/svg/i.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.filter__info .tooltip {
  display: none;
}
.filter__info:hover {
  background-color: #8762c5;
}
.filter__info:hover .tooltip {
  display: flex;
}
.filter__info:hover::after {
  background-color: #ffffff;
}
.filter__about {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.filter_number {
  min-width: 48px;
}
.filter_double {
  padding: 12px 16px;
}
.filter_double .filter__about {
  align-items: flex-start;
}
.filter_settings {
  width: 48px;
  height: 48px;
  max-width: 48px;
  max-height: 48px;
  padding: 0;
}
.filter_settings::after {
  content: '';
  width: 24px;
  height: 24px;
  -webkit-mask-image: url('../img/svg/sliders.svg');
  mask-image: url('../img/svg/sliders.svg');
  background-color: #424242;
}
.filter:not(.filter_checked):hover {
  background: rgba(227, 237, 255, 0.2);
}
.filter input {
  display: none;
}

.dropdown-menu_single-filter .filter {
  padding: 0;
  border: none;
  min-height: -moz-fit-content;
  min-height: fit-content;
  border-radius: 0;
}
.dropdown-menu_single-filter .filter:hover {
  background-color: initial;
}
.dropdown-menu_single-filter .filter_checked {
  background-color: initial;
  color: #8762c5;
}

.filter-block {
  position: absolute;
  top: calc(100% + 40px);
  box-sizing: content-box;
  max-width: 440px;
  min-width: 372px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border: 2px solid #424242;
  border-radius: 10px;
  background-color: #ffffff;
  z-index: 100;
  padding: 20px 30px;
  min-height: 428px;
  height: -moz-fit-content;
  height: fit-content;
}
.filter-block::-webkit-scrollbar {
  width: 0;
}
.filter-block_wide {
  width: 428px;
}
.filter-block__filters {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filter-block__filters_row {
  flex-direction: row;
  flex-wrap: wrap;
}
.filter-block__additional {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  color: #798396;
}
.filter-block .close-icon {
  top: 25.5px;
  right: 30px;
}

.filters {
  display: flex;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .filters {
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width: 1023.98px) {
  .filters .button {
    width: 100%;
    max-width: 100%;
  }
}
.filters .button__yellow {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

@media screen and (max-width: 1023.98px) {
  .form-filter {
    width: 100%;
  }
}

.formats {
  display: -ms-grid;
  display: grid;
  gap: 40px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1023.98px) {
  .formats {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.formats__feedback {
  min-height: 390px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 40px 30px 30px 30px;
}
@media screen and (max-width: 1023.98px) {
  .formats__feedback {
    min-height: 468px;
  }
}
.formats__feedback_profile {
  padding: 30px;
  min-height: -moz-fit-content;
  min-height: fit-content;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .formats__feedback_profile {
    padding: 30px 20px;
    min-height: -moz-fit-content;
    min-height: fit-content;
    gap: 20px;
  }
}
.formats__feedback_profile .formats__profile-avatar {
  justify-content: flex-start;
}
.formats__feedback_profile .formats__profile-avatar img {
  width: 80px;
  height: 80px;
}
.formats__feedback-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.formats__feedback-header {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .formats__feedback-header {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .formats__feedback-header {
    font-weight: 500;
  }
}
.formats__feedback_special {
  background: linear-gradient(0deg, #8762c5 11.76%, #b469c3 107.35%);
}
.formats__profile {
  display: flex;
  gap: 18px;
}
@media screen and (max-width: 1023.98px) {
  .formats__profile {
    flex-direction: column;
  }
}
.formats__profile .col {
  gap: 8px;
}
.formats__profile_special {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 23px;
}
@media screen and (max-width: 1023.98px) {
  .formats__profile_special {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}
.formats__profile-avatar {
  display: flex;
  justify-content: center;
}
.formats__profile-avatar img {
  border-radius: 100%;
  object-fit: cover;
  width: 110px;
  height: 110px;
}
.formats__profile-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.formats__profile-about {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}
.formats__profile-date {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
}
.formats__item {
  padding: 30px 34px 30px 40px;
  background: #ffffff;
  border: 2px solid #424242;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
}
@media screen and (max-width: 1023.98px) {
  .formats__item {
    padding: 20px 18px;
  }
}
.formats__item .col {
  gap: 18px;
  height: 100%;
}
.formats__header {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .formats__header {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .formats__header {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
  }
}
.formats__header:hover {
  color: #8762c5;
}
.formats__additional {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.formats__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
}
.formats__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-top: auto;
}
@media screen and (max-width: 1023.98px) {
  .formats__bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
}

.duration {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #798396;
}

.frame {
  padding: 58px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  position: relative;
  width: 100%;
  background: #f6f6f6;
  border: 2px solid #424242;
  border-radius: 20px;
}
@media screen and (max-width: 1023.98px) {
  .frame {
    padding: 58px 18px;
    gap: 24px;
  }
}
.frame_diff-gap {
  gap: 30px;
}
.frame_delete > .block-delete {
  position: absolute;
  top: 40px;
  right: 50px;
}
@media screen and (max-width: 1023.98px) {
  .frame_delete > .block-delete {
    top: 20px;
    right: 20px;
  }
}
.frame_slider {
  border: none;
  padding: 0;
}
.frame__header {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  .frame__header {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .frame__header {
    font-weight: 500;
  }
}
.frame__header_br {
  max-width: 506px;
}
@media screen and (max-width: 1023.98px) {
  .frame__header_br {
    max-width: 100%;
  }
}
.frame__content {
  width: 100%;
  display: flex;
}
.frame__whiteground {
  background-color: #ffffff;
  border-radius: 20px;
  flex: 1;
  padding: 39px 40px;
}
@media screen and (max-width: 1023.98px) {
  .frame__whiteground {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 1023.98px) {
  .frame__whiteground_fullsize {
    min-width: 100%;
  }
}
.frame__whiteground_flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1023.98px) {
  .frame__whiteground_flex {
    gap: 15px;
  }
}
.frame__whiteground_definition {
  gap: 30px;
}
.frame__whiteground .frame__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.frame__whiteground .button__outside-link {
  padding: 0;
  min-height: -moz-fit-content;
  min-height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.frame__info {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  color: #798396;
}
@media screen and (max-width: 1023.98px) {
  .frame__info {
    font-weight: 500;
  }
}
.frame__rules {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 1023.98px) {
  .frame__rules {
    gap: 30px;
    flex-direction: column;
  }
}
.frame__rule {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.frame__rule-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.frame__rule-info p:first-of-type {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.frame__rule-info p:last-of-type {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.frame__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .frame__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.frame__grid_4 {
  gap: 12px;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}
.frame__grid_3 {
  gap: 40px 30px;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1023.98px) {
  .frame__grid_3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.frame__grid_1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.frame_white {
  background-color: #ffffff;
}
.frame_sign {
  padding: 38px 58px;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .frame_sign {
    padding: 20px;
    gap: 20px;
  }
}
.frame_overflow {
  padding: 54px 60px;
  overflow-y: visible;
  gap: 56px;
}
@media screen and (max-width: 1023.98px) {
  .frame_overflow {
    padding: 30px 20px 60px 20px;
    gap: 24px;
    max-height: -moz-fit-content;
    max-height: fit-content;
    margin-bottom: 0;
  }
}
.frame.disabled {
  display: none;
}

.page-grid {
  margin-top: 20px;
}
.page-grid .card-scroller__cards {
  display: -ms-grid;
  display: grid;
  width: 100%;
  gap: 30px 40px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 1023.98px) {
  .page-grid .card-scroller__cards {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .page-grid .card-scroller__cards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.page-grid .card-scroller__item {
  min-width: 100%;
  max-width: 100%;
}
.page-grid .card-scroller__image img,
.page-grid .card-scroller__image source {
  max-width: 100%;
}

.radio {
  padding: 10px 20px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #e3edff;
  border-radius: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  cursor: pointer;
}
.radio_no-fill {
  padding: 0;
  background: transparent;
}
.radio input {
  width: 0;
  height: 0;
  margin-right: -10px;
  -moz-appearance: none;
}
.radio input:checked ~ .radio__styled::after {
  opacity: 1;
  transition: 0.15s all linear;
}
.radio input.error-text ~ .radio__styled {
  border: 1px solid #eb577b;
}
.radio__styled {
  width: 24px;
  height: 24px;
  border: 1.5px solid #e3edff;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.radio__styled::after {
  content: '';
  opacity: 0;
  width: 9.23px;
  height: 9.23px;
  background: #8762c5;
  border-radius: 50%;
  transition: 0.15s all linear;
}
.radio label.error-text {
  display: none !important;
}

.superfield {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 10px;
  position: relative;
  overflow: hidden;
}
.superfield__password {
  position: absolute;
  right: 19px;
  top: 17px;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url('../img/svg/password-close.svg');
  mask-image: url('../img/svg/password-close.svg');
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #798396;
  cursor: pointer;
}
.superfield__password.active {
  -webkit-mask-image: url('../img/svg/password-open.svg');
  mask-image: url('../img/svg/password-open.svg');
}
.superfield__icon {
  position: absolute;
  top: 18px;
  left: 20px;
}
.superfield__search-icon {
  width: 24px;
  height: 24px;
  background: url('../img/svg/search.svg');
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  left: 20px;
  z-index: 3;
  transition: 0.3s right linear;
  cursor: pointer;
  outline: none;
  border: 0;
}
.superfield__clear {
  width: 24px;
  height: 24px;
  background: url('../img/svg/clear.svg');
  position: absolute;
  top: 12px;
  right: 54px;
  z-index: 3;
  transition: 0.3s opacity linear;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
.superfield.error input,
.superfield.error textarea {
  border-color: #eb577b;
}
.superfield.error .error-text {
  display: flex;
}
.superfield label.superfield__placeholder {
  position: absolute;
  top: 17px;
  left: 19px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
  transition: all 0.15s linear;
  cursor: text;
  white-space: nowrap;
}
.superfield label.error-text {
  display: flex;
}
.superfield__additional {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
}
.superfield input,
.superfield textarea {
  max-height: 60px;
  background: #f6f6f6;
  border: 1px solid #e3edff;
  border-radius: 10px;
  padding: 26px 20px 10px 20px;
  color: #798396;
  line-height: 19px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1023.98px) {
  .superfield input,
  .superfield textarea {
    line-height: 150%;
  }
}
.superfield input:-ms-input-placeholder,
.superfield textarea:-ms-input-placeholder {
  color: transparent;
}
.superfield input:-ms-input-placeholder,
.superfield textarea:-ms-input-placeholder {
  color: transparent;
}
.superfield input::placeholder,
.superfield textarea::placeholder {
  color: transparent;
}
.superfield input:not(:-ms-input-placeholder),
.superfield textarea:not(:-ms-input-placeholder) {
  color: #424242;
}
.superfield input:not(:placeholder-shown),
.superfield textarea:not(:placeholder-shown) {
  color: #424242;
}
.superfield input:not(:-ms-input-placeholder) ~ .superfield__search-icon,
.superfield textarea:not(:-ms-input-placeholder) ~ .superfield__search-icon {
  left: inherit;
  right: 20px;
  -ms-transition: 0.3s right linear;
  transition: 0.3s right linear;
}
.superfield input:not(:placeholder-shown) ~ .superfield__search-icon,
.superfield textarea:not(:placeholder-shown) ~ .superfield__search-icon {
  left: inherit;
  right: 20px;
  transition: 0.3s right linear;
}
.superfield input:not(:-ms-input-placeholder) ~ .superfield__clear,
.superfield textarea:not(:-ms-input-placeholder) ~ .superfield__clear {
  opacity: 1;
  pointer-events: all;
}
.superfield input:not(:placeholder-shown) ~ .superfield__clear,
.superfield textarea:not(:placeholder-shown) ~ .superfield__clear {
  opacity: 1;
  pointer-events: all;
}
.superfield input.error-text,
.superfield textarea.error-text {
  border-color: #eb577b;
}
.superfield input:not(:-ms-input-placeholder) ~ label.superfield__placeholder,
.superfield
textarea:not(:-ms-input-placeholder)
~ label.superfield__placeholder {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  top: 9px;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.superfield input:focus ~ label.superfield__placeholder,
.superfield input:not(:placeholder-shown) ~ label.superfield__placeholder,
.superfield textarea:focus ~ label.superfield__placeholder,
.superfield textarea:not(:placeholder-shown) ~ label.superfield__placeholder {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  top: 9px;
  transition: all 0.15s linear;
}
.superfield input[name='password'],
.superfield input[name='passwordAgain'],
.superfield input[name='oldpassword'],
.superfield textarea[name='password'],
.superfield textarea[name='passwordAgain'],
.superfield textarea[name='oldpassword'] {
  padding-right: 56px;
}
.superfield textarea:not(:-ms-input-placeholder) {
  padding-top: 10px;
}
.superfield textarea:not(:placeholder-shown) {
  padding-top: 10px;
}
.superfield
textarea:not(:-ms-input-placeholder)
~ label.superfield__placeholder {
  opacity: 0;
}
.superfield textarea:not(:placeholder-shown) ~ label.superfield__placeholder {
  opacity: 0;
}
.superfield_loadfile input {
  opacity: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.superfield_loadfile label {
  display: flex;
  align-items: center;
  max-width: 303px;
  border-radius: 40px;
  padding: 0 30px;
}
.superfield_loadfile label:not(.button__yellow) {
  border: 1px solid #424242;
}
.superfield_icon input {
  padding-left: 54px;
}
.superfield_icon label.superfield__placeholder {
  left: 54px;
}
.superfield_social input {
  padding-left: 53px;
  padding-right: 60px;
}
.superfield_social label.superfield__placeholder {
  left: 57px;
}
.superfield_social::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 18px;
  left: 20px;
}
.superfield_social.icon-vk::before {
  background: url('../img/svg/vk-icon.svg');
}
.superfield_social.icon-wa::before {
  background: url('../img/svg/wa-icon.svg');
}
.superfield_social.icon-tg::before {
  background: url('../img/svg/tg-icon.svg');
}
.superfield_social .status-icon {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #e3edff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.superfield_social .status-icon::after {
  content: '';
  width: 18.75px;
  height: 18.75px;
  background-color: #8762c5;
  -webkit-mask-image: url('../img/svg/add-icon.svg');
  mask-image: url('../img/svg/add-icon.svg');
  transition: 0.15s all linear;
}
.superfield_social .status-icon_edit::after {
  -webkit-mask-image: url('../img/svg/edit-icon.svg');
  mask-image: url('../img/svg/edit-icon.svg');
}
.superfield_social input:not(:-ms-input-placeholder) ~ .status-icon::after {
  mask-image: url('../img/svg/edit-icon.svg');
}
.superfield_social input:not(:placeholder-shown) ~ .status-icon::after {
  -webkit-mask-image: url('../img/svg/edit-icon.svg');
  mask-image: url('../img/svg/edit-icon.svg');
}

.superdropdown {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.superdropdown.active .superdropdown__items {
  pointer-events: all;
  opacity: 1;
  max-height: 176px;
}
.superdropdown.active .superfield::after {
  transform: rotateZ(180deg);
  transition: 0.3s all linear;
}
.superdropdown .superfield::after {
  content: '';
  width: 14px;
  height: 7px;
  background: url('../img/svg/dropdown.svg') no-repeat center;
  position: absolute;
  top: 27px;
  right: 20px;
  transition: 0.3s all linear;
}
.superdropdown__items {
  position: absolute;
  width: 100%;
  top: 70px;
  border: 1.5px solid #e3edff;
  border-radius: 10px;
  padding: 0;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  overflow-y: auto;
  z-index: 100;
  transition: 0.15s all linear;
}
.superdropdown__item {
  padding: 10px 16px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  cursor: pointer;
}
.superdropdown__item:hover {
  background-color: #e3edff;
  transition: 0.15s all linear;
}
.superdropdown_big.active .superdropdown__items {
  max-height: 264px;
}

.tags {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tags_row {
  gap: 14px;
  flex-direction: row;
  flex-wrap: wrap;
}

.tag {
  padding: 6px 12px;
  display: flex;
  gap: 4px;
  color: #424242;
  background-color: #e3edff;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023.98px) {
  .tag {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-weight: 500;
  }
}
.tag_violet {
  background-color: #8762c5;
  color: #ffffff;
}
.tag_time {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  height: 32px;
  padding: 10px 20px;
}
.tag_squared {
  padding: 20px 30px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  justify-content: center;
}
@media screen and (max-width: 1023.98px) {
  .tag_squared {
    width: 100%;
  }
}
.tag_squared br {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .tag_squared br {
    display: inherit;
  }
}
.tag_big {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  border-radius: 20px;
}
@media screen and (max-width: 1023.98px) {
  .tag_little {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-weight: 500;
    padding: 6px 12px;
  }
}
.tag_XS {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  font-weight: 500;
}
.tag__border-black {
  padding: 10px 30px;
  color: #424242;
  border: 1.5px solid #424242;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
}
.tag__border-black:hover {
  background: rgba(255, 255, 255, 0.15);
}
.tag_status {
  gap: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  font-weight: 500;
}
.tag_status::before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 100%;
}
.tag_status.accepted::before {
  background-color: #51cb90;
}
.tag_status.review::before {
  background-color: #efca4c;
}
.tag_status.declined::before {
  background-color: #eb577b;
}
.tag_small {
  padding: 8.5px 18.5px;
}
.tag svg {
  margin: -1px 0;
}

.video {
  width: 100%;
  height: 585px;
  border-radius: 10px;
  display: flex;
  background-image: url('../img/pics/video-bg-1.png');
  overflow: hidden;
  position: relative;
}
.video__bg {
  width: 100%;
  height: 100%;
  background: linear-gradient(267.52deg, #b469c3 0.52%, #8762c5 104.76%);
  opacity: 0.7;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  padding: 24px 0 23px 0;
}
.video__bg-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .video__bg-text {
    font-weight: 500;
  }
}
.video:hover .video__bg {
  opacity: 0.9;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.video.active iframe {
  opacity: 1;
  pointer-events: all;
}
@media screen and (max-width: 1023.98px) {
  .video {
    height: -moz-fit-content;
    height: fit-content;
  }
}

.pagination {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  height: 32px;
}
.pagination__item {
  background-color: transparent;
  border-radius: 100%;
  width: 32px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.pagination__item:hover {
  background-color: #e3edff;
}
.pagination__item.active {
  color: #ffffff;
  background-color: #8762c5;
}
.pagination__arrow::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #424242;
}
.pagination__arrow.disabled {
  cursor: not-allowed;
}
.pagination__arrow.disabled::after {
  background-color: rgba(66, 66, 66, 0.1);
}
.pagination__arrow_prev::after {
  -webkit-mask-image: url('../img/svg/arrow-left.svg');
  mask-image: url('../img/svg/arrow-left.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.pagination__arrow_next::after {
  -webkit-mask-image: url('../img/svg/arrow-right.svg');
  mask-image: url('../img/svg/arrow-right.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.menu {
  display: flex;
  flex-direction: column;
  border: 2px solid #424242;
  padding: 20px;
  width: 260px;
  border-radius: 20px;
  gap: 10px;
  position: sticky;
  top: 20px;
}
@media screen and (max-width: 1023.98px) {
  .menu {
    position: static;
    width: 100%;
  }
}
.menu__item {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 0 10px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  border-radius: 10px;
  cursor: pointer;
}
.menu__item::before {
  content: '';
  width: 24px;
  height: 24px;
  background-color: #424242;
}
.menu__item:nth-child(1)::before {
  -webkit-mask-image: url('../img/svg/menu-1.svg');
  mask-image: url('../img/svg/menu-1.svg');
}
.menu__item:nth-child(2)::before {
  -webkit-mask-image: url('../img/svg/menu-2.svg');
  mask-image: url('../img/svg/menu-2.svg');
}
.menu__item:nth-child(3)::before {
  -webkit-mask-image: url('../img/svg/menu-3.svg');
  mask-image: url('../img/svg/menu-3.svg');
}
.menu__item:hover:not(.active) {
  color: initial;
  background-color: #e3edff;
}
.menu__item.active {
  background-color: #8762c5;
  color: #ffffff;
}
.menu__item.active::before {
  background-color: #ffffff;
}

.tabs {
  display: flex;
  border-bottom: 2px solid #e3edff;
  gap: 30px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: scroll;
  scrollbar-width: none;
}
.tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.tabs::-webkit-scrollbar-track {
  width: 0;
  height: 0;
}
.tabs::-webkit-scrollbar-thumb {
  width: 0;
  height: 0;
}
.tabs__item {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  position: relative;
  text-transform: uppercase;
  color: #798396;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tabs__item.active {
  color: #8762c5;
}
.tabs__item.active::after {
  width: 100%;
  content: '';
  height: 0;
  border: 1px solid #8762c5;
  border-radius: 2px;
}

.cards-feedback {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cards-feedback .card {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 1023.98px) {
  .cards-feedback .card {
    flex-direction: column;
  }
}
.cards-feedback .card .row {
  gap: 20px;
  flex-wrap: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.cards-feedback .card .col {
  justify-content: space-between;
  align-items: flex-end;
}
.cards-feedback .card__image {
  max-width: 140px;
  max-height: 140px;
  width: 140px;
  height: 140px;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.cards-feedback .card__image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.cards-feedback .card__data {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}
.cards-feedback .card__data-info {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.cards-feedback .card__date {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-weight: 500;
  color: #798396;
}

.fb-form {
  padding: 30px 60px 30px 40px;
  background: linear-gradient(0deg, #8762c5 11.76%, #b469c3 107.35%);
  border-radius: 20px;
  width: 100%;
  transition: 0.3s all ease-in-out;
}
@media screen and (max-width: 1023.98px) {
  .fb-form {
    padding: 30px 40px;
  }
}
.fb-form .fb-form__default {
  display: flex;
  opacity: 1;
  max-height: -moz-fit-content;
  max-height: fit-content;
  pointer-events: all;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
  transition: 0.3s max-height ease-in-out;
}
@media screen and (max-width: 1023.98px) {
  .fb-form .fb-form__default {
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
  }
}
.fb-form .fb-form__default h2 {
  max-width: 335px;
  color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .fb-form .fb-form__default h2 {
    max-width: 100%;
  }
}
.fb-form .fb-form__active {
  display: flex;
  opacity: 0;
  max-height: 0;
  pointer-events: none;
  transition: 0.3s max-height ease-in-out;
}
@media screen and (max-width: 1023.98px) {
  .fb-form.active {
    padding: 20px;
  }
}
.fb-form.active .fb-form__default {
  opacity: 0;
  max-height: 0;
  pointer-events: none;
}
.fb-form.active .fb-form__active {
  opacity: 1;
  max-height: -moz-fit-content;
  max-height: fit-content;
  pointer-events: all;
}

.profile-form {
  width: 100%;
  max-width: 740px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 39px 39px 39px 60px;
  background-color: #ffffff;
  border-radius: 20px;
}
@media screen and (max-width: 1023.98px) {
  .profile-form {
    max-width: 100%;
    padding: 20px;
  }
}
.profile-form h2 {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023.98px) {
  .profile-form h2 {
    margin-bottom: -10px;
  }
}
.profile-form .superfield {
  max-width: 440px;
}
@media screen and (max-width: 1023.98px) {
  .profile-form .superfield {
    max-width: 100%;
  }
}
.profile-form .superfield textarea {
  min-height: 180px;
  resize: none;
}

.burger-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: #503c72;
  padding: 36px 0;
  color: #ffffff;
  transform: translateX(-100%);
  opacity: 0;
  transition: 0.4s transform ease-in-out, 0.3s opacity ease-in-out,
  0.5s border-radius linear;
  overflow-y: scroll;
  border-radius: 0 60px 60px 0;
}
.burger-menu.active {
  transform: translateX(0%);
  opacity: 1;
  border-radius: 0;
}
.burger-menu .close-icon {
  top: 16px;
  right: 16px;
  padding: 5px;
}
.burger-menu .row.row_burger-logo {
  flex-wrap: wrap;
  gap: 24px;
}
.burger-menu a {
  color: #ffffff;
}
.burger-menu a.main-link::after {
  background-color: #ffffff;
}
.burger-menu .row.footer-menu {
  gap: 0;
}
.burger-menu .row.footer-menu .col {
  border-top: 2px solid #ffffff;
  padding: 8px 0 16px 0;
  cursor: pointer;
}
.burger-menu .row.footer-menu .footer-menu__items {
  margin-top: -24px;
}
.burger-menu .row.footer-menu .footer-menu__items.active {
  margin-top: 0;
  margin-bottom: 10px;
}
.burger-menu .row.footer-menu .footer-menu__item {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.burger-menu .row.footer-menu .footer-menu__header {
  justify-content: space-between;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .burger-menu .row.footer-menu .footer-menu__header {
    font-weight: 500;
  }
}
.burger-menu .row.footer-menu a.main-link::after {
  -webkit-mask-image: url('../img/svg/next-smaller.svg');
  mask-image: url('../img/svg/next-smaller.svg');
  width: 7px;
  height: 11px;
}
.burger-menu .row.footer-menu a.main-link:not(:first-of-type) {
  margin-top: 20px;
}
.burger-menu .row.footer-menu .main-links {
  margin-top: 20px;
}
.burger-menu .row.footer-menu .main-links a.main-link {
  margin-top: 0;
}
.burger-menu .row.row_links {
  align-items: center;
  text-align: center;
  gap: 16px;
}
.burger-menu .row.row_links .links {
  align-items: center;
  text-align: center;
  gap: 15px;
}
.burger-menu .row.row_links .main-links {
  gap: 16px;
}
.burger-menu .row.row_links .icons svg {
  width: 64px;
  height: 65.28px;
}
.burger-menu .row.row_links .low-vision {
  margin-bottom: 0;
}
.burger-menu .row.row_links .low-vision a {
  color: #e3edff;
}

.profile__avatar {
  position: relative;
  background: url('../img/svg/avatar-empty.svg') no-repeat center;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  cursor: pointer;
  outline: 2px solid #8762c5;
  outline-offset: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.profile__avatar.filled {
  background: none;
  outline: none;
}
.profile__avatar.filled .profile__avatar-set {
  opacity: 1;
  pointer-events: all;
}
.profile__avatar.filled:hover .profile__avatar-delete {
  opacity: 1;
  pointer-events: all;
}
.profile__avatar-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  border-radius: 100%;
  z-index: 2;
}
.profile__avatar-image img {
  border-radius: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.profile__avatar-set {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  background-color: #e3edff;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}
.profile__avatar-set::after {
  content: '';
  -webkit-mask-image: url('../img/svg/avatar-set.svg');
  mask-image: url('../img/svg/avatar-set.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-color: #8762c5;
}
.profile__avatar-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  background-color: #e3edff;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}
@media screen and (max-width: 1023.98px) {
  .profile__avatar-delete {
    opacity: 1;
    pointer-events: all;
  }
}
.profile__avatar-delete::after {
  content: '';
  -webkit-mask-image: url('../img/svg/bin.svg');
  mask-image: url('../img/svg/bin.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-color: #8762c5;
}

input[type='file'].profile__avatar-select {
  display: none;
}

.achievement {
  display: flex;
  gap: 40px;
  align-items: center;
}
@media screen and (max-width: 1023.98px) {
  .achievement {
    flex-direction: column;
    gap: 14px;
    width: 100%;
  }
}
.achievement__about {
  display: flex;
  align-items: center;
  gap: 20px;
}
.achievement__about .col {
  gap: 8px;
}
.achievement__last {
  color: #798396;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
.achievement__name {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.modal-achieve {
  padding: 44px 40px 40px 40px;
  border-radius: 20px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  max-width: 870px;
  max-height: 100%;
  width: 100%;
  position: relative;
  gap: 30px;
  overflow: hidden;
}
@media screen and (max-width: 1023.98px) {
  .modal-achieve {
    max-width: 100%;
    padding: 36px 16px 48px 16px;
    border-radius: 20px 20px 0 0;
    max-height: 100%;
  }
}
.modal-achieve .frame {
  padding: 28px;
  overflow-y: auto;
}
.modal-achieve .frame::-webkit-scrollbar {
  width: 0;
}
@media screen and (max-width: 1023.98px) {
  .modal-achieve .frame {
    padding: 18px;
    overflow-y: auto;
  }
}
.modal-achieve .close-icon {
  right: 40px;
}
@media screen and (max-width: 1023.98px) {
  .modal-achieve .close-icon {
    top: 16px;
    right: 16px;
  }
}
@media screen and (max-width: 1023.98px) {
  .modal-achieve .modal-header {
    font-size: 36px;
  }
}

.modal_default {
  padding: 100px 0;
  align-items: baseline;
  overflow-y: auto;
}
@media screen and (max-width: 1023.98px) {
  .modal_default {
    padding: 0;
  }
}

.achieve-block {
  padding: 10px 0 14px 0;
  border-bottom: 2px solid #e3edff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 1023.98px) {
  .achieve-block {
    flex-direction: column;
    align-items: flex-start;
  }
}
.achieve-block:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.achieve-block__main {
  display: flex;
  gap: 30px;
  align-items: center;
}
.achieve-block__info {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  width: 480px;
}
@media screen and (max-width: 1023.98px) {
  .achieve-block__info {
    width: 100%;
  }
}
.achieve-block__bold {
  font-weight: 700;
}

.new-doc {
  display: flex;
  flex-direction: column;
  padding: 18px 38px;
  gap: 20px;
  border: 2px solid #424242;
  width: 520px;
  border-radius: 20px;
  position: relative;
  background-color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .new-doc {
    padding: 15px;
    width: 100%;
  }
}
.new-doc__header {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.new-doc__file {
  color: #8762c5;
  display: flex;
  gap: 10px;
  align-items: center;
}
.new-doc .error-text_msg {
  display: none;
}
.new-doc.error {
  border-color: #eb577b;
}
.new-doc.error .error-text_msg {
  display: flex;
}
.new-doc_transparent {
  background-color: transparent;
  border: none;
  padding: 0;
  gap: 30px;
}
.new-doc_transparent .new-doc__header {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .new-doc_transparent .new-doc__header {
    font-weight: 500;
  }
}
.new-doc input[type='file'] {
  display: none;
}
.new-doc .block-delete {
  position: absolute;
  top: 0;
  right: -40px;
}
@media screen and (max-width: 1023.98px) {
  .new-doc .block-delete {
    top: 15px;
    right: 15px;
  }
}
@media screen and (max-width: 1023.98px) {
  .new-doc .button {
    width: 100%;
    max-width: 100%;
  }
}

.new-link {
  display: flex;
  flex-direction: column;
  padding: 18px 38px;
  gap: 20px;
  border: 2px solid #424242;
  width: 520px;
  border-radius: 20px;
  position: relative;
  background-color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .new-link {
    padding: 15px;
    width: 100%;
  }
}
.new-link__header {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.new-link .block-delete {
  position: absolute;
  top: 0;
  right: -40px;
}
@media screen and (max-width: 1023.98px) {
  .new-link .block-delete {
    top: 15px;
    right: 15px;
  }
}

.block-delete {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background: #e3edff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.block-delete:hover {
  background-color: #eb577b;
}
.block-delete:hover::after {
  background-color: #e3edff;
}
.block-delete::after {
  content: '';
  width: 20px;
  height: 20px;
  -webkit-mask-image: url('../img/svg/delete-icon.svg');
  mask-image: url('../img/svg/delete-icon.svg');
  background-color: #eb577b;
}

.icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e3edff;
  border-radius: 10px;
  width: 60px;
  height: 60px;
}
.icon-block svg,
.icon-block img {
  width: 30px;
  height: 30px;
}

.data-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.data-blocks {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.data-blocks .data-block {
  gap: 10px;
}

.tooltip {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  width: 219px;
  height: -moz-fit-content;
  height: fit-content;
  background: rgba(80, 60, 114, 0.96);
  border-radius: 10px;
  padding: 14px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #ffffff;
  z-index: 1000;
}

table.supertable {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-collapse: collapse;
  overflow-x: scroll;
}
table.supertable th,
table.supertable td {
  text-align: left;
  padding: 10px 20px 9px 0;
  width: 33%;
}
@media screen and (max-width: 1023.98px) {
  table.supertable th,
  table.supertable td {
    min-width: 191px;
  }
}
table.supertable th:nth-child(1),
table.supertable td:nth-child(1) {
  min-width: 357px;
}
@media screen and (max-width: 1023.98px) {
  table.supertable th:nth-child(1),
  table.supertable td:nth-child(1) {
    min-width: 211px;
  }
}
table.supertable th:nth-child(2),
table.supertable td:nth-child(2) {
  min-width: 292px;
}
table.supertable_2 th:first-of-type,
table.supertable_2 td:first-of-type {
  min-width: 80%;
  width: 80%;
}
table.supertable_2 th:last-of-type,
table.supertable_2 td:last-of-type {
  min-width: 199px;
  width: 199px;
}
table.supertable_diff th:nth-child(1),
table.supertable_diff td:nth-child(1) {
  min-width: 552px;
}
@media screen and (max-width: 1023.98px) {
  table.supertable_diff th:nth-child(1),
  table.supertable_diff td:nth-child(1) {
    min-width: 346px;
  }
}
table.supertable_diff th:nth-child(2),
table.supertable_diff td:nth-child(2) {
  min-width: 180px;
}
@media screen and (max-width: 1023.98px) {
  table.supertable_diff th:nth-child(2),
  table.supertable_diff td:nth-child(2) {
    min-width: 346px;
  }
}
table.supertable thead {
  border-bottom: 1px solid #424242;
}
table.supertable tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #e6e6e6;
}
table.supertable th {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  table.supertable th {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
  }
}
table.supertable td {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  table.supertable td {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }
}

.table-container {
  overflow-x: scroll;
}

.address-card {
  display: flex;
  padding: 40px 30px 40px 40px;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  border-radius: 20px;
  background-color: #ffffff;
}
@media screen and (max-width: 1023.98px) {
  .address-card {
    gap: 12px;
    flex-direction: column;
    padding: 30px 20px;
  }
}
.address-card__name {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
}
.address-card__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 1023.98px) {
  .address-card__content {
    gap: 12px;
  }
}
.address-card__address {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .address-card__address {
    flex-direction: column;
    gap: 10px;
  }
}
.address-card__tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .address-card__tags {
    gap: 12px;
    flex-direction: column;
  }
}
.address-card .tag {
  height: 38px;
  padding: 0 20px;
}

.address {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.address svg {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.metro {
  display: flex;
  align-items: center;
  gap: 16px;
}
.metro__items {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
@media screen and (max-width: 1023.98px) {
  .metro__items {
    flex-direction: column;
    gap: 5px;
  }
}
.metro__item {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #798396;
}
.metro svg {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.journal-card {
  display: flex;
  gap: 80px;
  justify-content: space-between;
  padding: 40px 60px;
  border: 2px solid #424242;
  border-radius: 20px;
}
@media screen and (max-width: 1023.98px) {
  .journal-card {
    padding: 30px 20px;
    flex-direction: column;
  }
}
.journal-card__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 680px;
  width: 100%;
}
.journal-card__content .button {
  margin: 10px 0;
}
@media screen and (max-width: 1023.98px) {
  .journal-card__content .button {
    min-width: 100%;
  }
}
.journal-card__image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
}
.journal-card__image img {
  border-radius: 10px;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 1023.98px) {
  .journal-card__image img {
    width: 100%;
  }
}
@media screen and (max-width: 1023.98px) {
  .journal-card__image_desktop {
    display: none;
  }
}
.journal-card__image_mobile {
  display: none;
}
@media screen and (max-width: 1023.98px) {
  .journal-card__image_mobile {
    display: flex;
  }
}
.journal-card__tags {
  display: flex;
  gap: 14px 20px;
  flex-wrap: wrap;
}

.platforms-card {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px 60px;
}
@media screen and (max-width: 767.98px) {
  .platforms-card {
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.platforms-card__content {
  display: flex;
  gap: 90px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .platforms-card__content {
    flex-direction: column;
    gap: 20px;
  }
}
.platforms-card__content .col {
  gap: 20px;
}
.platforms-card__image {
  max-width: 153px;
}
@media screen and (max-width: 767.98px) {
  .platforms-card__image {
    max-width: 100%;
    width: 100%;
  }
}
.platforms-card__image img {
  width: 100%;
}

.platforms-teacher {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  border: 2px solid #424242;
  border-radius: 20px;
  padding: 40px 60px;
}
@media screen and (max-width: 1023.98px) {
  .platforms-teacher {
    padding: 30px 20px;
    gap: 10px;
  }
}
.platforms-teacher__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  color: #798396;
}
.platforms-teacher__info {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.98px) {
  .platforms-teacher__info {
    flex-direction: column;
  }
}

.user-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
  border: 2px solid #424242;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 28px 38px;
}
@media screen and (max-width: 1023.98px) {
  .user-card {
    padding: 28px 18px;
    gap: 15px;
    align-items: center;
  }
}
.user-card__profile {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 100%;
  gap: 30px 40px;
}
@media screen and (max-width: 1023.98px) {
  .user-card__profile {
    flex-direction: column;
    gap: 15px;
    align-items: center;
    align-content: normal;
  }
}
.user-card__avatar {
  display: flex;
  order: -1;
}
.user-card__avatar img {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023.98px) {
  .user-card__avatar img {
    width: 180px;
    height: 180px;
  }
}
.user-card__name {
  order: 3;
  flex: 1 1 100%;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .user-card__name {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023.98px) {
  .user-card__name {
    text-align: center;
    order: 2;
    margin-top: 5px;
    flex: 0;
  }
}
.user-card__name a {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .user-card__name a {
    font-weight: 500;
  }
}
.user-card__tags {
  order: 2;
  flex: 1;
  align-items: flex-end;
}
@media screen and (max-width: 1023.98px) {
  .user-card__tags {
    order: 3;
    align-items: center;
  }
}
.user-card .main-link {
  padding: 0;
}

.user-extend-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
  border: 2px solid #424242;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 28px 38px;
}
@media screen and (max-width: 1023.98px) {
  .user-extend-card {
    padding: 28px 18px;
    gap: 15px;
  }
}
.user-extend-card__profile {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023.98px) {
  .user-extend-card__profile {
    margin-bottom: 0;
    flex-direction: column;
    gap: 30px;
  }
}
.user-extend-card__profile .col {
  gap: 16px;
}
@media screen and (max-width: 1023.98px) {
  .user-extend-card__profile .col {
    align-items: center;
  }
}
@media screen and (max-width: 1023.98px) {
  .user-extend-card__profile .tags {
    flex-direction: column;
    align-items: center;
  }
}
.user-extend-card .user-card__avatar img {
  width: 140px;
  height: 140px;
}
@media screen and (max-width: 1023.98px) {
  .user-extend-card .user-card__avatar img {
    width: 180px;
    height: 180px;
  }
}
.user-extend-card .data-block {
  max-width: 800px;
}
@media screen and (max-width: 1023.98px) {
  .user-extend-card .data-block {
    max-width: 100%;
  }
}

.gumo-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.gumo-card__image img {
  border-radius: 10px;
  width: 100%;
  max-height: 373px;
  object-fit: cover;
}
@media screen and (max-width: 1023.98px) {
  .gumo-card .button {
    max-width: 100%;
    width: 100%;
  }
}

.association-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 40px;
}
@media screen and (max-width: 1023.98px) {
  .association-card {
    gap: 15px;
    padding: 20px;
  }
}
.association-card__additional {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
  max-width: 440px;
}
@media screen and (max-width: 1023.98px) {
  .association-card__additional {
    max-width: 100%;
  }
}
.association-card__additional_fullsize {
  max-width: 750px;
}
@media screen and (max-width: 1023.98px) {
  .association-card__additional_fullsize {
    max-width: 100%;
  }
}
.association-card__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  max-width: 750px;
}
@media screen and (max-width: 1023.98px) {
  .association-card__text {
    max-width: 100%;
  }
}
.association-card .data-block {
  gap: 10px;
}
.association-card .profile-grid_column {
  gap: 10px;
}
.association-card .profile-grid_column a {
  font-weight: 400;
}

.time-card {
  padding: 40px 60px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 1023.98px) {
  .time-card {
    padding: 20px;
    gap: 15px;
  }
}
.time-card__title {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}
@media screen and (max-width: 1023.98px) {
  .time-card__title {
    flex-direction: column;
    gap: 16px;
  }
}
.time-card__number {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
}
@media screen and (max-width: 1023.98px) {
  .time-card__number {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }
}
@media screen and (max-width: 1023.98px) and (max-width: 1023.98px) {
  .time-card__number {
    font-weight: 500;
  }
}
.time-card__order {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 20px;
}
.time-card__order .col {
  gap: 10px;
}
.time-card__h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
.time-card__additional {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
}
.time-card__organizers {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.time-card__organizers-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}
.time-card__organizer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.time-card__organizer-name {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.time-card__organizer-info {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  font-style: italic;
  line-height: 130%;
  color: #798396;
}
.time-card .button {
  margin-top: -10px;
}
@media screen and (max-width: 1023.98px) {
  .time-card .button {
    margin-top: 0;
    max-width: 100%;
    width: 100%;
  }
}

.workexp-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  padding: 20px;
}
.workexp-card .card-scroller__italic-info {
  margin-top: -6px;
}

.map-card {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 40px 60px;
}
@media screen and (max-width: 1023.98px) {
  .map-card {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
  }
}
.map-card__map {
  flex: 1;
}
.map-card .col {
  gap: 20px;
  width: 338px;
}
@media screen and (max-width: 1023.98px) {
  .map-card .col {
    width: 100%;
  }
}

.notfound-template {
  display: flex;
  margin-bottom: 30vh;
  gap: 16px;
}
.notfound-template__message {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: #798396;
}
.notfound-template .col {
  gap: 12px;
}

.definition-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e3edff;
  border-bottom: 1px solid #e3edff;
}
.definition-list__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  gap: 30px;
}
.definition-list__row:not(:last-child) {
  border-bottom: 1px solid #e3edff;
}
@media screen and (max-width: 1023.98px) {
  .definition-list__row {
    flex-direction: column;
    justify-content: initial;
    align-items: flex-start;
    gap: 8px;
    min-height: 90px;
    padding: 16px 0 14px;
  }
}
.definition-list__legend {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  font-style: italic;
  color: #798396;
}
.definition-list__title,
.definition-list__description {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media screen and (max-width: 1023.98px) {
  .definition-list__title,
  .definition-list__description {
    flex: 1 0 auto;
  }
}
.definition-list__description {
  text-align: end;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  white-space: nowrap;
}
@media screen and (max-width: 1023.98px) {
  .definition-list__description {
    text-align: start;
  }
}

.link-card {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  padding: 18px 58px;
}
@media screen and (max-width: 1023.98px) {
  .link-card {
    padding: 18px;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
.link-card__image {
  width: 140px;
  height: 140px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.link-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.link-card__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.link-card__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1023.98px) {
  .link-card__title {
    font-weight: 500;
  }
}
.link-card__additional {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #798396;
  margin-top: -10px;
}
.link-card a.link-card__additional {
  color: #8762c5;
}