@charset "UTF-8";
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: 0;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: -4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus, .choices__input:focus {
  outline: 0;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

@font-face {
  font-family: icons;
  font-display: swap;
  src: url("../../fonts/icons.woff2") format("woff2"), url("../../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../../fonts/Roboto-Bold.woff2") format("woff2"), url("../../fonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../../fonts/Roboto-Medium.woff2") format("woff2"), url("../../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../../fonts/Roboto-Regular.woff2") format("woff2"), url("../../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
[class^=_icon-]::before, [class*=" _icon-"]::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

._icon-cart:before {
  content: "\e909";
}

._icon-edit:before {
  content: "\e90a";
}

._icon-eye:before {
  content: "\e90b";
}

._icon-play-video:before {
  content: "\e908";
}

._icon-arrow-left:before {
  content: "\e906";
}

._icon-arrow-right:before {
  content: "\e907";
}

._icon-post-rating:before {
  content: "\e900";
}

._icon-post-repost:before {
  content: "\e901";
}

._icon-post-like:before {
  content: "\e902";
}

._icon-more-arrow:before {
  content: "\e903";
}

._icon-rating-star:before {
  content: "\e904";
}

._icon-search-close:before {
  content: "\e905";
}

._icon-invite {
  width: 21px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../images/img/icons/invite.svg");
  transition: 0.3s;
}

._icon-invite:hover {
  background-image: url("../../images/img/icons/invite-hov.svg");
}

* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-family: "Gilroy", sans-serif;
  line-height: 1;
  font-size: 16px;
  color: #3B414B;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  background: transparent;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
  font-family: "Gilroy", sans-serif;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

body {
  background: #F9FAFB;
}
body._scroll-lock {
  overflow: hidden;
}

.container {
  margin: 0 auto;
  padding: 0px 20px;
  max-width: 1720px;
}

@media (max-width:1680px) {
  .container {
    max-width: 1240px;
  }
}
@media (max-width:991px) {
  .container {
    max-width: none;
  }
}
@media (max-width:767px) {
  .container {
    max-width: none;
  }
}
.title-md {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .title-md {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .title-md {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .title-md {
    font-size: 14px;
  }
}

.title-sm {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .title-sm {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .title-sm {
    font-size: 14px;
  }
}
.text-md {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: rgba(59, 65, 75, 0.6);
}
@media (max-width:1680px) {
  .text-md {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .text-md {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .text-md {
    font-size: 12px;
  }
}

.text-sm {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: rgba(59, 65, 75, 0.6);
}
@media (max-width:1680px) {
  .text-sm {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .text-sm {
    font-size: 12px;
  }
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7B20FF;
  border-radius: 8px;
  color: #fff;
  height: 41px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  width: max-content;
  padding: 0 18px;
}
@media (min-width: 991px) {
  .btn {
    transition: all linear 0.2s;
  }
  .btn:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
.btn:active {
  box-shadow: 0px 0px 28px rgba(123, 32, 255, 0.35);
}
@media (max-width:1680px) {
  .btn {
    height: 35px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .btn {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .btn {
    height: 30px;
    padding: 0 12px;
  }
}

.btn-tp {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #7B20FF;
  border-radius: 8px;
  color: #7B20FF;
  height: 41px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  cursor: pointer;
  padding: 0 18px;
  width: max-content;
}
@media (min-width: 991px) {
  .btn-tp {
    transition: all linear 0.2s;
  }
  .btn-tp:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
.btn-tp:active {
  box-shadow: 0px 0px 28px rgba(123, 32, 255, 0.35);
}
@media (max-width:1680px) {
  .btn-tp {
    height: 35px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .btn-tp {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .btn-tp {
    height: 30px;
    padding: 0 12px;
  }
}

.btn-sm {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7B20FF;
  border-radius: 8px;
  color: #fff;
  height: 35px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  width: max-content;
  padding: 0 12px;
}
@media (min-width: 991px) {
  .btn-sm {
    transition: all linear 0.2s;
  }
  .btn-sm:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
.btn-sm:active {
  box-shadow: 0px 0px 28px rgba(123, 32, 255, 0.35);
}
@media (max-width:1680px) {
  .btn-sm {
    height: 31px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 10px;
  }
}
@media (max-width:991px) {
  .btn-sm {
    height: 30px;
    font-size: 14px;
    padding: 0 10px;
  }
}
@media (max-width:767px) {
  .btn-sm {
    height: 30px;
    padding: 0 12px;
  }
}

.breadcrumbs {
  padding: 20px 0 30px;
  margin-bottom: 0 !important;
}
@media (max-width:1680px) {
  .breadcrumbs {
    padding: 20px 0 20px;
  }
}
@media (max-width:991px) {
  .breadcrumbs {
    padding: 10px 0 20px;
  }
}
@media (max-width:767px) {
  .breadcrumbs {
    padding: 10px 0 20px;
  }
}

.breadcrumbs__list {
  display: flex;
}

.breadcrumbs__item {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #A6AAB4;
  white-space: nowrap;
}
.breadcrumbs__item a {
  color: #A6AAB4;
}
@media (min-width: 991px) {
  .breadcrumbs__item a {
    transition: color linear 0.2s;
  }
  .breadcrumbs__item:hover a {
    color: #3B414B;
  }
}
@media (max-width:1680px) {
  .breadcrumbs__item {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .breadcrumbs__item {
    font-size: 12px;
  }
}
.breadcrumbs__item::after {
  content: ">";
  display: flex;
  margin: 0 10px;
}
.breadcrumbs__item:last-child {
  display: inline;
  text-overflow: ellipsis;
  /* Добавляем многоточие */
  overflow: hidden;
}
.breadcrumbs__item:last-child::after {
  display: none;
}

.btn-more {
  border: 1px solid #A6AAB4;
  background-color: transparent;
  color: #3B414B;
  margin: 0 auto;
  margin-top: 40px;
}
@media (min-width: 991px) {
  .btn-more {
    transition: all linear 0.2s;
  }
  .btn-more:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
.btn-more:active {
  background: #7B20FF;
  color: #fff;
}
@media (max-width:1680px) {
  .btn-more {
    margin-top: 30px;
  }
}
@media (max-width:991px) {
  .btn-more {
    margin-top: 20px;
  }
}
.search {
  max-width: 540px;
  min-width: 200px;
  height: max-content;
  width: 100%;
  position: relative;
  margin-right: 20px;
}
.search input {
  transition: all linear 0.2s;
  background: #F2F3F5 !important;
  border-color: #F2F3F5 !important;
}
.search input:focus {
  color: #3B414B !important;
  background: #fff !important;
  border-color: #E8E9EC !important;
}
.search .search-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .search .search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .search .search-btn {
    right: 12px;
  }
}
.input {
  display: flex;
}
.input input, .input .input-copy__input {
  border: 1px solid #E8E9EC;
  background-color: transparent;
  padding: 0 18px;
  height: 41px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  width: 100%;
  border-radius: 8px;
  transition: background linear 0.2s;
}
.input input::placeholder, .input .input-copy__input::placeholder {
  color: #A6AAB4;
}
.input input:focus, .input .input-copy__input:focus {
  background: #fff;
}
@media (max-width:1680px) {
  .input input, .input .input-copy__input {
    height: 35px;
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .input input, .input .input-copy__input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .input input, .input .input-copy__input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
.input textarea {
  resize: none;
  border: 1px solid #E8E9EC;
  padding: 10px;
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  border-radius: 8px;
  background: transparent;
  transition: background linear 0.2s;
}
.input textarea::placeholder {
  color: #A6AAB4;
}
.input textarea:focus {
  background: #fff;
}
@media (max-width:1680px) {
  .input textarea {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .input textarea {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .input textarea {
    font-size: 14px;
  }
}

.input--required {
  position: relative;
}
.input--required:before {
  position: absolute;
  content: "*";
  left: -2px;
  top: -4px;
  color: #F3775B;
  font-size: 20px;
  z-index: 1;
}

.error-message {
  margin-top: 5px;
  color: #F3775B;
  font-size: 12px;
}

.input-copy {
  position: relative;
}

.input-copy input {
  padding-right: 55px;
  color: #7B20FF;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}

.input-copy__input.input-copy__input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.input-copy__input-text {
  display: block;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
}

.input-copy__btns {
  position: absolute;
  right: 12px;
  top: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.input-copy__btn {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  border: 0;
  background: transparent url("../../images/img/icons/copy.svg") no-repeat center;
  background-size: contain;
  margin-right: 7px;
  transition: 0.3s;
}
@media (max-width:991px) {
  .input-copy__btn {
    width: 18px;
    height: 18px;
  }
}

.input-copy__btn:hover {
  transform: scale(1.1, 1.1);
}

.input-copy__btn:last-of-type,
.input-copy__btn:last-child {
  margin-right: 0;
}

.input-copy__btn--reload {
  background: transparent url("../../images/img/icons/reload.svg") no-repeat center;
  background-size: contain;
}

.input-copy__btn--reload:hover {
  transform: rotate(10deg);
}

.checkbox input {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.checkbox input:checked + span::before {
  background: url("../../images/img/icons/checkbox-on.svg") no-repeat center top/100%;
}
.checkbox span {
  user-select: none;
  display: block;
  flex-direction: column;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  padding-left: 30px;
  position: relative;
}
.checkbox span a {
  color: #3B414B;
  text-decoration: underline;
}
.checkbox span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  background: url("../../images/img/icons/checkbox-off.svg") no-repeat left top/94%;
}
@media (max-width:1680px) {
  .checkbox span::before {
    width: 17px;
    height: 17px;
  }
}
@media (max-width:991px) {
  .checkbox span::before {
    width: 15px;
    height: 15px;
  }
}
@media (max-width:1680px) {
  .checkbox span {
    font-size: 12px;
    padding-left: 26px;
  }
}
@media (max-width:991px) {
  .checkbox span {
    font-size: 10px;
  }
}
.categories {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px 0;
}

.categories-el {
  background: #FFC1B2;
  border-radius: 8px;
  padding: 5px 15px;
  margin-right: 10px;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  background: #FFC1B2;
  color: #3B414B;
}
.categories-el:nth-child(2n) {
  background: #BEF7FF;
}
@media (max-width:1680px) {
  .categories-el {
    padding: 4.5px 13.5px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .categories-el {
    padding: 3px 11.5px;
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .categories-el {
    padding: 3.5px 10px;
  }
}

.card-info {
  display: flex;
  align-items: center;
}

.card-info-el {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #3B414B;
  margin-right: 20px;
}
.card-info-el span {
  order: 1;
}
.card-info-el::before {
  color: #3B414B;
  margin-left: 5px;
  font-size: 15px;
}
@media (max-width:1680px) {
  .card-info-el::before {
    font-size: 15px;
  }
}
@media (max-width:991px) {
  .card-info-el::before {
    font-size: 15px;
  }
}
@media (max-width:767px) {
  .card-info-el::before {
    font-size: 15px;
  }
}
.card-info-el._icon-post-repost::before {
  margin-top: -4px;
}
@media (max-width:1680px) {
  .card-info-el._icon-post-repost::before {
    margin-top: -1px;
  }
}
@media (max-width:991px) {
  .card-info-el._icon-post-repost::before {
    margin-top: -3px;
  }
}
.card-info-el ._icon-post-like {
  margin-left: 5px;
}
.card-info-el ._icon-post-like::before {
  color: #3B414B;
  -webkit-text-stroke: 0.5px #3B414B;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
}
@media (max-width:1680px) {
  .card-info-el ._icon-post-like::before {
    font-size: 15px;
  }
}
@media (max-width:991px) {
  .card-info-el ._icon-post-like::before {
    font-size: 15px;
  }
}
@media (max-width:767px) {
  .card-info-el ._icon-post-like::before {
    font-size: 15px;
  }
}
@media (min-width: 991px) {
  .card-info-el ._icon-post-like::before {
    transition: all linear 0.2s;
  }
  .card-info-el ._icon-post-like:hover {
    opacity: 1;
  }
  .card-info-el ._icon-post-like:hover::before {
    color: #FF5A34;
    -webkit-text-stroke: 0.5px #FF5A34;
    -webkit-text-fill-color: #FF5A34;
  }
}
@media (max-width:1680px) {
  .card-info-el ._icon-post-like {
    margin-top: 1px;
  }
}
.card-info-el ._icon-post-like._liked {
  opacity: 1;
}
.card-info-el ._icon-post-like._liked::before {
  color: #FF5A34;
  -webkit-text-stroke: 0.5px #FF5A34;
  -webkit-text-fill-color: #FF5A34;
}
.card-info-el:last-child {
  margin-right: 0;
}
@media (max-width:1680px) {
  .card-info-el {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .card-info-el {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .card-info-el {
    font-size: 12px;
    margin-right: 10px;
  }
}

.rating-result span._active::before {
  color: #7B20FF;
}

.password-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  background: url(../images/img/icons/eye.svg) no-repeat center/100%;
  transition: background ease-in 0.1s;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width:1680px) {
  .password-toggle {
    width: 21px;
    height: 21px;
    right: 14px;
  }
}
@media (max-width:991px) {
  .password-toggle {
    width: 18px;
    height: 18px;
    right: 12px;
  }
}
.password-toggle._hide {
  background: url(../images/img/icons/eye-hide.svg) no-repeat center/100%;
}

.success-check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  margin: 0 auto;
}
.success-check img {
  width: 100%;
}
@media (max-width:1680px) {
  .success-check {
    width: 120px;
  }
}
@media (max-width:991px) {
  .success-check {
    width: 102px;
  }
}
@media (max-width:767px) {
  .success-check {
    width: 92px;
  }
}

.success-text {
  display: flex;
  justify-content: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .success-text {
    font-size: 16px;
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .success-text {
    font-size: 14px;
  }
}
.post-video {
  position: relative;
  cursor: pointer;
}
.post-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 991px) {
  .post-video::after, .post-video::before {
    transition: all linear 0.2s;
  }
  .post-video:hover::before {
    color: #8E83FF;
  }
  .post-video:hover::after {
    opacity: 0;
  }
}
.post-video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
}
.post-video::before {
  font-size: 42px;
  color: #fff;
  z-index: 10;
  position: absolute;
  bottom: 34px;
  left: 34px;
}
@media (max-width:1680px) {
  .post-video::before {
    font-size: 35px;
    left: 24px;
    bottom: 24px;
  }
}
@media (max-width:991px) {
  .post-video::before {
    font-size: 30px;
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width:767px) {
  .post-video::before {
    font-size: 20px;
    left: 12px;
    bottom: 12px;
  }
}
.post-video._playing::after {
  opacity: 0;
  visibility: hidden;
}
.post-video._playing::before {
  opacity: 0;
  visibility: hidden;
}

@media (max-width:767px) {
  .mobile-popup {
    max-width: 210px;
    width: 210px;
    border: 1px solid #7B20FF;
    position: fixed !important;
    right: 0;
    top: 140px;
    z-index: 102 !important;
    border-radius: 0 0px 0px 8px !important;
    transform: translateX(100%);
    transition: transform ease 0.2s;
  }
  .mobile-popup._active {
    transform: translateX(0);
  }
}

.mobile-popup-btn {
  background: #FFFFFF;
  border: 1px solid #7B20FF;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  padding: 6px 6px 6px 10px;
  border-radius: 8px 0 0 8px;
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 100%;
  top: -1px;
  z-index: 101;
}
.mobile-popup-btn img {
  height: 24px;
}
@media (max-width:767px) {
  .mobile-popup-btn {
    display: flex;
  }
}

.stub-text {
  color: #A6AAB4;
  text-align: center;
}

.input-image-remove {
  cursor: pointer;
}

.radio {
  user-select: none;
  display: flex;
}
.radio input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.radio span {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.radio span::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #E8E9EC;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .radio span::after {
    width: 18px;
    height: 18px;
  }
}
@media (max-width:991px) {
  .radio span::after {
    width: 16px;
    height: 16px;
  }
}
.radio input:checked + span::after {
  background: url("../../images/img/icons/radio-on.svg") no-repeat center/100%;
  border: none;
}

.switch {
  user-select: none;
}
.switch input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.switch span {
  cursor: pointer;
  display: flex;
  width: 40px;
  height: 20px;
  border-radius: 16px;
  background: #D1D1D6;
  position: relative;
  transition: background ease-in-out 0.2s;
}
@media (max-width:991px) {
  .switch span {
    width: 36px;
    height: 18px;
  }
}
.switch span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  background: #fff;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: all ease-in-out 0.2s;
}
@media (max-width:991px) {
  .switch span::after {
    left: 1px;
  }
}
.switch input:checked + span {
  background: #1DC9A0;
}
.switch input:checked + span::after {
  left: calc(100% - 18px);
}
@media (max-width:991px) {
  .switch input:checked + span::after {
    left: calc(100% - 17px);
  }
}
#datapicker,
#datapicker-mobile,
#datapicker-main {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}

.js-calendar-open span {
  display: flex;
}

.datapicker {
  width: 100% !important;
  max-width: 396px;
  border: none;
  background: transparent;
}
@media (max-width:1680px) {
  .datapicker {
    max-width: 285px;
  }
}
@media (max-width:991px) {
  .datapicker {
    max-width: 210px;
  }
}
.datapicker .air-datepicker-nav--title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  padding: 0px;
}
.datapicker .air-datepicker-nav--title i {
  color: #7B20FF;
}
@media (min-width: 991px) {
  .datapicker .air-datepicker-nav--title:hover {
    background: transparent;
  }
}
@media (max-width:1680px) {
  .datapicker .air-datepicker-nav--title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .datapicker .air-datepicker-nav--title {
    font-size: 14px;
  }
}
.datapicker .air-datepicker--content {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 0px 0px 10px 10px;
  padding: 10px 20px 20px;
}
@media (max-width:991px) {
  .datapicker .air-datepicker--content {
    padding: 10px;
  }
}
.datapicker .air-datepicker--navigation {
  background: #E7E5FB;
  border-radius: 10px 10px 0px 0px;
  padding: 11px 30px;
}
@media (max-width:1680px) {
  .datapicker .air-datepicker--navigation {
    padding: 10px 24px;
  }
}
@media (max-width:991px) {
  .datapicker .air-datepicker--navigation {
    padding: 10px 15px;
  }
}
.datapicker .air-datepicker-nav {
  padding: 0;
  min-height: 0;
  border: none;
  display: flex;
  align-items: center;
}
.datapicker .air-datepicker-body--day-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  width: 24px;
  height: 24px;
  color: #A6AAB4;
  border-radius: 5px;
}
@media (max-width:1680px) {
  .datapicker .air-datepicker-body--day-name {
    width: 21px;
    height: 21px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .datapicker .air-datepicker-body--day-name {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}
.datapicker .air-datepicker-body--day-name.-weekend- {
  color: #F3775B;
}
.datapicker .air-datepicker-cell.-day-.-selected- {
  background: #7B20FF;
  color: #fff;
}
.datapicker .air-datepicker-cell.-day- {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  width: 24px;
  height: 24px;
  border-radius: 5px;
}
.datapicker .air-datepicker-cell.-day-.-other-month- {
  color: #E8E9EC;
}
.datapicker .air-datepicker-cell.-day-.-current {
  color: #7B20FF;
}
@media (min-width: 991px) {
  .datapicker .air-datepicker-cell.-day- {
    transition: all linear 0.2s;
  }
  .datapicker .air-datepicker-cell.-day-:hover {
    background: #E7E5FB;
    color: #3B414B;
  }
}
@media (max-width:1680px) {
  .datapicker .air-datepicker-cell.-day- {
    width: 21px;
    height: 21px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .datapicker .air-datepicker-cell.-day- {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}
@media (min-width: 991px) {
  .datapicker .air-datepicker-cell.-year-,
  .datapicker .air-datepicker-cell.-month- {
    transition: all linear 0.2s;
  }
  .datapicker .air-datepicker-cell.-year-:hover,
  .datapicker .air-datepicker-cell.-month-:hover {
    background: #E7E5FB;
    color: #3B414B;
  }
}
.datapicker .air-datepicker-cell.-year-.-current-,
.datapicker .air-datepicker-cell.-month-.-current- {
  color: #7B20FF;
}
.datapicker .air-datepicker-cell.-year-.-selected-,
.datapicker .air-datepicker-cell.-month-.-selected- {
  background: #7B20FF;
}
.datapicker .air-datepicker-nav--action {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
}
.datapicker .air-datepicker-nav--action svg path {
  stroke: #7B20FF;
}
.datapicker .air-datepicker-nav--action svg {
  display: none;
}
.datapicker .air-datepicker-nav--action::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../images/img/icons/calendar-arrow-right.svg") no-repeat center/100%;
  width: 100%;
  height: 100%;
}
.datapicker .air-datepicker-nav--action[data-action=prev]::before {
  background: url("../../images/img/icons/calendar-arrow-left.svg") no-repeat center/100%;
}
@media (min-width: 991px) {
  .datapicker .air-datepicker-nav--action {
    transition: transform linear 0.2s;
  }
  .datapicker .air-datepicker-nav--action:hover {
    background: transparent;
    transform: scale(1.1);
  }
}
@media (max-width:1680px) {
  .datapicker .air-datepicker-nav--action {
    width: 19px;
    height: 19px;
  }
}
@media (max-width:991px) {
  .datapicker .air-datepicker-nav--action {
    width: 16px;
    height: 16px;
  }
}
.datapicker .air-datepicker-body--cells.-days-,
.datapicker .air-datepicker-body--day-names {
  grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
  align-items: center;
  justify-items: center;
  grid-gap: 26px;
}
@media (max-width:1680px) {
  .datapicker .air-datepicker-body--cells.-days-,
  .datapicker .air-datepicker-body--day-names {
    grid-template-columns: repeat(auto-fit, minmax(21px, 1fr));
    grid-gap: 5px 10px;
  }
}
@media (max-width:991px) {
  .datapicker .air-datepicker-body--cells.-days-,
  .datapicker .air-datepicker-body--day-names {
    grid-template-columns: repeat(auto-fit, minmax(18px, 1fr));
  }
}
.datapicker .air-datepicker-body--day-names {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .datapicker .air-datepicker-body--day-names {
    margin-bottom: 10px;
  }
}
.quantity-wrap {
  max-width: 68px;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
}

.quantity-button {
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.quantity-input {
  width: 100%;
  display: flex;
  color: #202027;
  background: transparent;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #373738;
}
@media (max-width:1680px) {
  .quantity-input {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .quantity-input {
    font-size: 14px;
  }
}
._attachment {
  display: inline-block;
  color: #3b414b;
  text-decoration: underline;
  position: relative;
  padding-left: 26px;
}
@media screen and (max-width:1680px) {
  ._attachment {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  ._attachment {
    font-size: 12px;
  }
}
._attachment::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(../images/img/icons/file.svg) no-repeat center center/contain;
}
@media screen and (max-width:1680px) {
  ._attachment::before {
    width: 14px;
    height: 14px;
  }
}

.scroll {
  overflow-y: auto;
  overflow-x: hidden;
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */
}
.scroll::-webkit-scrollbar {
  width: 3px;
  background: #f2f3f5;
}
.scroll::-webkit-scrollbar-thumb {
  width: 5px;
  background: #8e83ff;
  border-radius: 20px;
}
@media screen and (min-width: 991px) {
  .scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(142, 131, 255, 0.6);
  }
}

.chat {
  margin-right: 10px;
}
.chat__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.chat__header-btns {
  display: flex;
  align-items: center;
}
@media screen and (max-width:767px) {
  .chat__header-btns {
    flex-direction: column;
  }
}
.chat__header-user {
  display: flex;
}
.chat__user-avatar {
  overflow: hidden;
  border-radius: 50%;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  margin-right: 10px;
}
@media screen and (max-width:1680px) {
  .chat__user-avatar {
    min-width: 36px;
    max-width: 36px;
    height: 36px;
  }
}
@media screen and (max-width:991px) {
  .chat__user-avatar {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    margin-right: 5px;
  }
}
.chat__user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat__user-status {
  margin-top: 5px;
}
.chat__user-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b414b;
  font-size: 20px;
}
@media screen and (max-width:1680px) {
  .chat__user-name {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .chat__user-name {
    font-size: 14px;
  }
}
.chat__user-name span._color {
  color: #1FC6DF;
}
.chat__header-video {
  display: inline-block;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-right: 60px;
  transition: all 0.3s ease;
}
@media screen and (max-width:1680px) {
  .chat__header-video {
    width: 24px;
    height: 24px;
    margin-right: 40px;
  }
}
@media screen and (max-width:991px) {
  .chat__header-video {
    width: 21px;
    height: 21px;
  }
}
@media screen and (max-width:767px) {
  .chat__header-video {
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 991px) {
  .chat__header-video:hover {
    transform: scale(1.1);
  }
}
.chat__header-video img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.chat__content {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  height: 532px;
  min-height: 100%;
  padding: 30px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media screen and (max-width:1680px) {
  .chat__content {
    padding: 20px;
    margin-bottom: 10px;
  }
}
.chat__content-messages {
  padding-right: 10px;
}
@media screen and (max-width:1680px) {
  .chat__content-messages {
    margin-right: 5px;
  }
}
@media screen and (max-width:991px) {
  .chat__content-messages {
    margin-right: 0;
  }
}
.chat__content-messages-date-time {
  text-align: center;
}
.chat__item {
  display: flex;
  max-width: 643px;
  margin-top: 10px;
}
.chat__item._responder {
  flex-direction: row-reverse;
  margin-left: auto;
}
.chat__item._responder .chat__message-username {
  color: #8e83ff;
}
.chat__item._responder .chat__message {
  background: #e7e5fb;
}
.chat__item._responder .chat__item-avatar {
  margin-right: 0;
  margin-left: 10px;
}
.chat__item-avatar {
  margin-top: auto;
  overflow: hidden;
  border-radius: 50%;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  margin-right: 10px;
}
@media screen and (max-width:1680px) {
  .chat__item-avatar {
    min-width: 36px;
    max-width: 36px;
    height: 36px;
  }
}
@media screen and (max-width:991px) {
  .chat__item-avatar {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
  }
}
.chat__item-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat__message {
  padding: 10px 20px;
  background: #cdf6fb;
  border-radius: 8px;
}
@media screen and (max-width:1680px) {
  .chat__message {
    padding: 10px 15px;
  }
}
.chat__message-username {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 10px;
  font-size: 14px;
  color: #1fc6df;
}
@media screen and (max-width:1680px) {
  .chat__message-username {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width:991px) {
  .chat__message-username {
    font-size: 10px;
  }
}
.chat__message-content {
  color: #3b414b;
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .chat__message-content {
    margin-bottom: 5px;
  }
}
.chat__message-attachment {
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .chat__message-attachment {
    margin-bottom: 5px;
  }
}
.chat__message-datetime {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #a6aab4;
  font-size: 14px;
}
@media screen and (max-width:1680px) {
  .chat__message-datetime {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .chat__message-datetime {
    font-size: 10px;
  }
}
.chat__footer {
  position: relative;
}
.chat__input {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #a6aab4;
  width: 100%;
  position: relative;
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  font-size: 18px;
  padding-right: 130px;
  padding-left: 20px;
  height: 41px;
}
@media screen and (max-width:1680px) {
  .chat__input {
    font-size: 16px;
    padding-left: 14px;
    padding-right: 95px;
    height: 35px;
  }
}
@media screen and (max-width:991px) {
  .chat__input {
    height: 30px;
    padding-left: 12px;
    font-size: 14px;
    padding-right: 90px;
  }
}
.chat__input::placeholder {
  color: #a6aab4;
}
.chat__btns {
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width:1680px) {
  .chat__btns {
    right: 14px;
  }
}
@media screen and (max-width:991px) {
  .chat__btns {
    right: 12px;
  }
}
.chat__btn {
  transition: all 0.2s ease;
  width: 32px;
  height: 32px;
}
@media screen and (max-width:1680px) {
  .chat__btn {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width:991px) {
  .chat__btn {
    width: 21px;
    height: 21px;
  }
}
.chat__btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width: 991px) {
  .chat__btn:hover {
    transform: scale(1.1);
  }
}
.chat__input-attachment {
  cursor: pointer;
  margin-right: 35px;
}
@media screen and (max-width:1680px) {
  .chat__input-attachment {
    margin-right: 20px;
  }
}
.chat__input-attachment input {
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.chat__header-return {
  margin-left: auto;
}

.chats {
  margin-top: 30px;
  padding-left: 10px;
}
@media (max-width:1680px) {
  .chats {
    margin-top: 20px;
    padding-left: 8px;
  }
}
@media (max-width:991px) {
  .chats {
    padding-left: 6px;
  }
}
@media (max-width:767px) {
  .chats {
    padding-left: 4px;
  }
}
.chats__item {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 10px;
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 0px 10px 10px 0px;
  padding: 20px;
  position: relative;
  margin-top: 10px;
}
@media screen and (max-width:1680px) {
  .chats__item {
    grid-template-columns: 42px 1fr;
  }
}
@media screen and (max-width:991px) {
  .chats__item {
    grid-template-columns: 24px 1fr;
    padding: 10px;
  }
}
.chats__item:first-child {
  margin-top: 0;
}
.chats__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 10px;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media (max-width:1680px) {
  .chats__item::before {
    width: 8px;
  }
}
@media (max-width:991px) {
  .chats__item::before {
    width: 6px;
  }
}
@media (max-width:767px) {
  .chats__item::before {
    width: 4px;
  }
}
.chats__item:nth-child(3n+1)::before {
  background: #1fc6df;
}
.chats__item:nth-child(3n+1) .chats__item-text span {
  color: #1fc6df;
}
.chats__item:nth-child(3n+1) .chats__item-photo {
  background: #1fc6df;
}
.chats__item:nth-child(3n-1)::before {
  background: #f3775b;
}
.chats__item:nth-child(3n-1) .chats__item-text span {
  color: #f3775b;
}
.chats__item:nth-child(3n-1) .chats__item-photo {
  background: #f3775b;
}
.chats__item:nth-child(3n)::before {
  background: #7b20ff;
}
.chats__item:nth-child(3n) .chats__item-text span {
  color: #7b20ff;
}
.chats__item:nth-child(3n) .chats__item-photo {
  background: #7b20ff;
}
.chats__item-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .chats__item-top {
    margin-bottom: 5px;
  }
}
.chats__item-bottom {
  display: flex;
  justify-content: space-between;
}
.chats__item-photo {
  margin-bottom: auto;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  font-family: "Roboto";
}
@media screen and (max-width:1680px) {
  .chats__item-photo {
    width: 42px;
    height: 42px;
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .chats__item-photo {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}
@media screen and (max-width:767px) {
  .chats__item-photo {
    font-size: 10px;
  }
}
.chats__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chats__item-usergroup {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #a6aab4;
  margin-bottom: 10px;
  font-size: 14px;
}
@media screen and (max-width:1680px) {
  .chats__item-usergroup {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .chats__item-usergroup {
    font-size: 10px;
  }
}
.chats__item-usergroup-avatars {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.chats__item-usergroup-avatar {
  width: 16px;
  height: 16px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #ebebeb;
}
.chats__item-usergroup-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chats__item-usergroup-avatar:not(:first-child) {
  margin-left: -6px;
}
.chats__item-usergroup-avatar:first-child {
  z-index: 2;
}
.chats__item-usergroup-avatar:nth-child(2) {
  z-index: 1;
}
.chats__item-bottom {
  margin-top: 10px;
}
@media screen and (max-width:767px) {
  .chats__item-bottom {
    margin-top: 5px;
  }
}
.chats__item-username {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #3b414b;
  font-size: 18px;
  margin-right: 20px;
}
@media screen and (max-width:1680px) {
  .chats__item-username {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .chats__item-username {
    font-size: 14px;
  }
}
.chats__item-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-width: 700px;
}
.chats__item-date {
  margin-top: 0 !important;
}
.chats__item-btn.btn-archive {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-decoration-line: underline;
  color: #3b414b;
  opacity: 0.6;
  transition: all 0.3s ease;
  font-size: 16px;
  white-space: nowrap;
}
@media screen and (max-width:1680px) {
  .chats__item-btn.btn-archive {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .chats__item-btn.btn-archive {
    font-size: 12px;
  }
}
@media screen and (min-width: 991px) {
  .chats__item-btn.btn-archive:hover {
    opacity: 1;
  }
}
.chats__item-btn._icon-arrow-right {
  height: 35px;
  width: 47px;
  margin-top: auto;
}
@media screen and (max-width:1680px) {
  .chats__item-btn._icon-arrow-right {
    width: 41px;
    height: 31px;
  }
}
.chats__item-btn._icon-arrow-right::before {
  font-size: 12px;
  font-weight: normal;
}
@media screen and (max-width:1680px) {
  .chats__item-btn._icon-arrow-right::before {
    font-size: 10px;
  }
}

.chats-filter__top {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 350px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e8e9ec;
}
@media screen and (max-width:1680px) {
  .chats-filter__top {
    grid-template-columns: 1fr 230px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1140px) {
  .chats-filter__top {
    grid-template-columns: 1fr 0.8fr;
  }
}
@media screen and (max-width:991px) {
  .chats-filter__top {
    grid-template-columns: 1fr 220px;
  }
}
@media screen and (max-width:767px) {
  .chats-filter__top {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
.chats-filter__top-title {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b414b;
  font-size: 20px;
}
@media screen and (max-width:1680px) {
  .chats-filter__top-title {
    font-size: 18px;
  }
}
.chats-filter__search {
  max-width: 100%;
}
.chats-filter__select .dropdown__current {
  background: transparent;
}
@media screen and (max-width:767px) {
  .chats-filter__select {
    max-width: 100% !important;
  }
}
.chats-filter__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width:1680px) {
  .chats-filter__bottom {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
@media screen and (max-width:1680px) {
  .chats-filter__bottom .btn-return {
    margin-left: 0;
  }
}
.chats-filter__bottom-selects {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media screen and (max-width:767px) {
  .chats-filter__bottom-selects {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
.chats-filter__bottom-btns {
  display: grid;
  grid-template-columns: 1.5fr 1fr 41px;
  grid-gap: 20px;
}
@media screen and (max-width:1680px) {
  .chats-filter__bottom-btns {
    display: flex;
  }
}
@media screen and (max-width:991px) {
  .chats-filter__bottom-btns {
    grid-gap: 10px;
  }
}
.chats-filter__bottom-btn {
  width: 100%;
}
@media screen and (max-width:1680px) {
  .chats-filter__bottom-btn {
    width: fit-content;
  }
}
.chats-filter__bottom-btn.btn-add {
  max-width: 41px;
  min-width: 41px;
  border-radius: 50%;
  font-size: 32px;
}
@media screen and (max-width:1680px) {
  .chats-filter__bottom-btn.btn-add {
    margin-left: auto;
    max-width: 35px;
    min-width: 35px;
    font-size: 28px;
  }
}
@media screen and (max-width:991px) {
  .chats-filter__bottom-btn.btn-add {
    max-width: 30px;
    min-width: 30px;
    font-size: 24px;
  }
}

.btn-return {
  display: inline-block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: flex;
  align-items: center;
  color: #3b414b;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  font-size: 18px;
  padding-left: 23px;
}
@media screen and (max-width:1680px) {
  .btn-return {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .btn-return {
    font-size: 14px;
  }
}
@media screen and (min-width: 991px) {
  .btn-return:hover {
    opacity: 0.7;
  }
}
.btn-return::before {
  content: "";
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
  background: url(../images/img/icons/arrow-left.svg) no-repeat center center/contain;
  width: 18px;
  height: 18px;
}

#search_city {
  border: 1px solid #E8E9EC;
  background-color: transparent;
  padding: 0 18px;
  height: 41px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  width: 100%;
  border-radius: 8px;
  transition: background linear 0.2s;
}

.selectCity .options {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: 235px;
  margin: 5px 0 0 0;
  z-index: 999;
  box-shadow: 0 8px 16px rgba(123, 32, 255, 0.16);
}

.selectCity .options .option {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  opacity: 0.6;
  color: #3B414B;
  width: 100%;
  height: 100%;
  min-height: 41px;
  padding: 0 18px 0 18px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #E8E9EC;
  border-bottom: none;
  transition: all linear 0.2s;
  cursor: pointer;
}
@media (max-width: 1680px) {
  .selectCity .options .option {
    font-size: 16px;
    padding: 0 14px 0 14px;
    min-height: 35px;
  }
}
@media (max-width: 991px) {
  .selectCity .options .option {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}
@media (max-width: 767px) {
  .selectCity .options .option {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}

.selectCity .options .option:hover {
  opacity: 1;
}

.cabinet-chat .chat__content {
  height: 600px;
}
@media screen and (max-width:1680px) {
  .cabinet-chat .chat__content {
    height: 580px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-chat .chat__content {
    height: 530px;
  }
}

.chat-nav {
  height: 337px;
  margin-top: 20px;
  padding-right: 5px;
}
@media screen and (max-width:1680px) {
  .chat-nav {
    margin-top: 10px;
    height: 245px;
  }
}
.chat-nav__item {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}
.chat-nav__item._active {
  border: 3px solid #8e83ff;
  box-shadow: 0px 8px 6px rgba(123, 32, 255, 0.1);
}
@media screen and (min-width: 991px) {
  .chat-nav__item:hover {
    box-shadow: 0px 8px 6px rgba(123, 32, 255, 0.1);
    z-index: 5;
  }
}
.chat-nav__item-image {
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
  background: #f3775b;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  font-family: "Roboto";
}
@media screen and (max-width:1680px) {
  .chat-nav__item-image {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .chat-nav__item-image {
    min-width: 21px;
    max-width: 21px;
    height: 21px;
    font-size: 12px;
  }
}
@media screen and (max-width:767px) {
  .chat-nav__item-image {
    font-size: 10px;
  }
}
.chat-nav__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-nav__item-username {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #3b414b;
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  .chat-nav__item-username {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .chat-nav__item-username {
    font-size: 12px;
  }
}

.textarea {
  resize: vertical;
  padding: 9px 18px;
  min-height: 161px;
  border: 1px solid #e8e9ec;
  border-radius: 8px;
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #3b414b;
  opacity: 0.6;
  font-size: 18px;
}
@media screen and (max-width:1680px) {
  .textarea {
    font-size: 16px;
    padding: 7px 14px;
  }
}
@media screen and (max-width:991px) {
  .textarea {
    font-size: 14px;
    padding: 6px 12px;
  }
}

.file-name {
  word-break: break-all;
}

.create-test__file {
  align-items: end;
}

.header {
  position: relative;
  background-color: #fff;
}

.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
@media (max-width:991px) {
  .header__inner {
    padding: 8px 0;
  }
}
@media (max-width:767px) {
  .header__inner {
    padding: 5px 0;
  }
}

.header__logo {
  display: flex;
  height: 58px;
  align-items: center;
}
@media (max-width:1680px) {
  .header__logo {
    height: 45px;
  }
}
@media (max-width:991px) {
  .header__logo {
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width:767px) {
  .header__logo {
    height: 24px;
    position: static;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }
}
.header__logo img {
  height: 100%;
}

.header__menu {
  display: flex;
  min-height: 100%;
  margin: -10px 0;
}
@media (max-width:991px) {
  .header__menu {
    margin: 0;
    position: fixed;
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
    top: 0;
    left: 0;
    width: 340px;
    height: 100vh;
    z-index: 1002;
    background: url("../../images/img/icons/mobile-menu-img.svg") no-repeat bottom right 8px, url("../../images/img/mobile-menu-bg-1.png") no-repeat top center/100%, url("../../images/img/mobile-menu-bg-2.png") no-repeat bottom right 10px/100%, #fff;
    transform: translateX(-102%);
    transition: all ease 0.2s;
    flex-direction: column;
    border-radius: 0px 10px 10px 0px;
    overflow-y: auto;
  }
  .header__menu._active {
    transform: translateX(0);
  }
}
.header__menu.header__menu-padding-right {
  padding-right: 135px;
}

.header-child .header__menu.header__menu-padding-right {
  padding-right: 95px;
}

.header__menu-list {
  display: flex;
  align-items: center;
  min-height: 100%;
}
.header__menu-list li {
  height: 100%;
  margin-right: 60px;
}
@media (max-width:1680px) {
  .header__menu-list li {
    margin-right: 40px;
  }
}
@media (max-width:991px) {
  .header__menu-list li {
    margin-bottom: 25px;
    margin-right: 0;
  }
}
.header__menu-list li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width:991px) {
  .header__menu-list {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding-left: 58px;
    padding-right: 20px;
    margin-top: 80px;
  }
}
.header__menu-link {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  position: relative;
  min-height: 78px;
}
.header__menu-link::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #F3775B;
  width: 100%;
  height: 3px;
  transform: translateY(-10px);
  opacity: 0;
  border-radius: 2px;
}
@media (min-width: 991px) {
  .header__menu-link::after {
    transition: all linear 0.2s;
  }
  .header__menu-link:hover::after {
    transform: translateY(0px);
    opacity: 1;
  }
}
.header__menu-link:active::after {
  background: #7B20FF;
}
.header__menu-link._active {
  font-weight: 500;
}
.header__menu-link._active::after {
  background: #7B20FF;
  opacity: 1;
  transform: translateX(0);
}
.header__menu-link._active::before {
  opacity: 1;
}
@media (max-width:1680px) {
  .header__menu-link {
    font-size: 16px;
    min-height: 65px;
    padding: 5px 0;
  }
}
@media (max-width:991px) {
  .header__menu-link {
    min-height: 0px;
  }
  .header__menu-link::before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    right: calc(100% + 21px);
    background: url("../../images/img/icons/menu-link-active.svg") no-repeat center right/auto 100%;
    width: 50px;
    height: 52px;
    opacity: 0;
  }
}
.header__nav {
  display: flex;
  align-items: center;
}
@media (max-width:991px) {
  .header__nav {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width:767px) {
  .header__nav {
    justify-content: flex-end;
  }
}

.header__nav-left,
.header__nav-right {
  display: flex;
  align-items: center;
}

.header__nav-language {
  height: auto !important;
  border-radius: 0;
  border-radius: 8px;
  min-height: auto !important;
}
.header__nav-language._active {
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
}
.header__nav-language .dropdown__current {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #3B414B;
  opacity: 1 !important;
  padding: 5px 0 !important;
  padding-right: 30px !important;
  padding-left: 10px !important;
  border-radius: 0;
  border: none;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  min-height: auto !important;
}
.header__nav-language .dropdown__current._selected {
  color: #3B414B;
  opacity: 1 !important;
}
.header__nav-language .dropdown__current::after {
  right: 10px !important;
}
@media (max-width:1680px) {
  .header__nav-language .dropdown__current {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .header__nav-language .dropdown__current {
    font-size: 14px;
  }
}
.header__nav-language .dropdown__list {
  padding: 0 !important;
  padding-bottom: 5px !important;
  border-radius: 0 !important;
  top: calc(100% + 0px);
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  overflow: hidden !important;
}
.header__nav-language .dropdown__list-item {
  height: auto !important;
  min-height: auto !important;
}
.header__nav-language .dropdown__list-item span {
  padding: 5px 10px !important;
  min-height: auto !important;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #3B414B;
  border-radius: 0 !important;
  border: none !important;
  position: relative;
}
.header__nav-language .dropdown__list-item span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #F2F3F5;
  width: calc(100% - 20px);
  height: 1px;
}
@media (min-width: 991px) {
  .header__nav-language .dropdown__list-item span {
    transition: all linear 0.2s;
  }
  .header__nav-language .dropdown__list-item span:hover {
    color: #3B414B;
    opacity: 1;
  }
}
@media (max-width:1680px) {
  .header__nav-language .dropdown__list-item span {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .header__nav-language .dropdown__list-item span {
    font-size: 14px;
  }
}
.header__nav-language .dropdown__list-item input:checked + span::after {
  background: #7B20FF;
}
@media (max-width:767px) {
  .header__nav-language {
    display: none;
  }
}

.header__nav-notific {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 30px;
  position: relative;
  margin-left: 0 !important;
}
.header__nav-notific img {
  width: 24px;
}
.header__nav-notific::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 2px;
  background: #F3775B;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .header__nav-notific::after {
    width: 6px;
    height: 6px;
    right: 3px;
  }
}
@media (max-width:1680px) {
  .header__nav-notific {
    margin: 0 20px;
  }
  .header__nav-notific img {
    width: 22px;
  }
}
@media (max-width:767px) {
  .header__nav-notific img {
    width: 18px;
  }
}

.header__nav-signin {
  margin-left: 30px;
}
@media (max-width:1680px) {
  .header__nav-signin {
    margin-left: 20px;
  }
}
@media (max-width:767px) {
  .header__nav-signin {
    margin-left: 10px;
  }
}

.header__user {
  display: flex;
  align-items: center;
}
@media (max-width:991px) {
  .header__user {
    margin-left: 0;
  }
}

.header__user-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .header__user-name {
    display: none;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .header__user-name {
    font-size: 10px;
  }
}
.page.admin .header__user-name,
.page.modeartor .header__user-name {
  display: flex;
}
.page.admin .header__user-photo,
.page.modeartor .header__user-photo {
  margin: 0 10px;
}
@media (max-width:767px) {
  .page.admin .header__user-photo,
  .page.modeartor .header__user-photo {
    margin: 0 5px;
  }
}
.page.admin .header__user-popup-wrp,
.page.modeartor .header__user-popup-wrp {
  left: auto;
  right: 0;
}

.header__user-photo {
  width: 47px;
  height: 47px;
  min-width: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin: 0 10px;
  transition: 0.3s;
}
.header__user-photo:hover {
  box-shadow: 0 0 0 3px #FF8F19;
}
@media (max-width:1680px) {
  .header__user-photo {
    width: 37px;
    height: 37px;
    min-width: 37px;
    margin: 0 10px 0 0;
  }
}
@media (max-width:991px) {
  .header__user-photo {
    width: 27px;
    height: 27px;
    min-width: 27px;
  }
}
@media (max-width:767px) {
  .header__user-photo {
    margin-right: 5px;
  }
}
.header__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.header__user-popup {
  position: relative;
}
@media (min-width: 991px) {
  .header__user-popup:hover .header__user-popup-wrp {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
  }
  .header__user-popup:hover .header__user-arrow {
    transform: rotate(180deg);
  }
}
.header__user-popup._active .header__user-popup-wrp {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}
.header__user-popup._active .header__user-arrow {
  transform: rotate(180deg);
}

.header__user-arrow {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform linear 0.2s;
  position: relative;
}
@media (max-width:1680px) {
  .header__user-arrow {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .header__user-arrow {
    width: 18px;
    height: 18px;
  }
}
.header__user-arrow img {
  width: 10px;
}

.header__user-popup-wrp {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0%;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  width: max-content;
  transform: translateY(-20%);
  opacity: 0;
  visibility: hidden;
  z-index: 11;
  transition: transform linear 0.2s, opacity linear 0.2s;
}
@media (max-width:991px) {
  .header__user-popup-wrp {
    left: 0%;
  }
}
@media (max-width:767px) {
  .header__user-popup-wrp {
    left: auto;
    right: 0;
  }
}

.header__user-popup-link {
  display: flex;
  align-items: center;
  padding: 0 18px;
  height: 47px;
  border-bottom: 1px solid #E8E9EC;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .header__user-popup-link {
    font-size: 16px;
    height: 37px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .header__user-popup-link {
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
  }
}
.header__status {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 0px 12px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  background: linear-gradient(127.34deg, #B76C44 -1.94%, #DF9767 18.88%, #FAB88B 34.66%, #D28A5F 54.22%, #934C2C 73.78%, #8A4426 95.86%, #CD7F32 119.21%, #FFBA8C 119.21%);
  margin: 0 10px;
  height: 30px;
  position: relative;
  z-index: 1;
}
.header__status span {
  background: linear-gradient(127.34deg, #B76C44 -1.94%, #DF9767 18.88%, #FAB88B 34.66%, #D28A5F 54.22%, #934C2C 73.78%, #8A4426 95.86%, #CD7F32 119.21%, #FFBA8C 119.21%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: #3B414B;
}
@media (max-width:767px) {
  .header__status span {
    display: none;
  }
}
.header__status::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: -1;
}
.header__status._bronze {
  background: linear-gradient(127.34deg, #B76C44 -1.94%, #DF9767 18.88%, #FAB88B 34.66%, #D28A5F 54.22%, #934C2C 73.78%, #8A4426 95.86%, #CD7F32 119.21%, #FFBA8C 119.21%);
}
.header__status._bronze::after {
  color: #B76C44;
}
.header__status._bronze span {
  background: linear-gradient(127.34deg, #B76C44 -1.94%, #DF9767 18.88%, #FAB88B 34.66%, #D28A5F 54.22%, #934C2C 73.78%, #8A4426 95.86%, #CD7F32 119.21%, #FFBA8C 119.21%);
}
@media (max-width:767px) {
  .header__status._bronze::after {
    content: "B";
  }
}
.header__status._silver {
  background: linear-gradient(127.34deg, #505454 -1.94%, #7C8080 18.88%, #A5A8A9 34.66%, #D1D1D1 54.22%, #DADBDA 75.04%, #8B8E90 95.86%, #515555 119.21%);
}
.header__status._silver::after {
  color: #505454;
}
.header__status._silver span {
  background: linear-gradient(127.34deg, #505454 -1.94%, #7C8080 18.88%, #A5A8A9 34.66%, #D1D1D1 54.22%, #DADBDA 75.04%, #8B8E90 95.86%, #515555 119.21%);
}
@media (max-width:767px) {
  .header__status._silver::after {
    content: "S";
  }
}
.header__status._gold {
  background: linear-gradient(65.23deg, #744318 -0.72%, #FCCE80 22.74%, #C58E33 52.07%, #FCCE80 80.86%, #A7702D 101.66%);
}
.header__status._gold::after {
  color: #C58E33;
}
.header__status._gold span {
  background: linear-gradient(65.23deg, #744318 -0.72%, #FCCE80 22.74%, #C58E33 52.07%, #FCCE80 80.86%, #A7702D 101.66%);
}
@media (max-width:767px) {
  .header__status._gold::after {
    content: "G";
  }
}
@media (max-width:1680px) {
  .header__status {
    padding: 0px 10px;
    font-size: 12px;
    height: 26px;
  }
}
@media (max-width:991px) {
  .header__status {
    padding: 0px 12px;
    font-size: 10px;
    height: 25px;
  }
}
@media (max-width:767px) {
  .header__status {
    width: 30px;
    overflow: hidden;
    height: 25px;
  }
}

.header__balance {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .header__balance {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .header__balance {
    font-size: 16px;
  }
  .header__balance img {
    width: 18px;
  }
}
.header__balance img {
  margin-left: 5px;
  width: 24px;
}

.header-olympiad {
  z-index: 1;
  position: relative;
}

/*-header-test-*/
.header-test .header__menu.header__menu-padding-right {
  padding-right: 68px;
}

@media (max-width: 1680px) {
  .header-test .header__menu.header__menu-padding-right {
    padding-right: 95px;
  }
}
@media (max-width: 1070px) {
  .header-test .header__menu.header__menu-padding-right {
    padding-right: 0;
  }
}
.burger-btn {
  min-width: 24px;
  width: 24px;
  height: 16px;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1000;
  margin-right: 40px;
}
@media (max-width:991px) {
  .burger-btn {
    display: flex;
  }
}
@media (max-width:767px) {
  .burger-btn {
    margin-right: 20px;
  }
}
.burger-btn span {
  display: block;
  width: 100%;
  height: 3.2px;
  border-radius: 2px;
  background: #A6AAB4;
  position: relative;
}
.burger-btn span:before, .burger-btn span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3.2px;
  background: #A6AAB4;
  transition: transform 0.2s ease, top 0.2s ease 0.2s;
  border-radius: 2px;
}
.burger-btn span:before {
  top: -8px;
}
.burger-btn span:after {
  top: 8px;
}
.burger-btn._active span {
  background: transparent;
}
.burger-btn._active span:before {
  transform: rotate(45deg);
  top: 0;
  transition: top 0.2s ease, transform 0.2s ease 0.2s;
}
.burger-btn._active span:after {
  transform: rotate(-45deg);
  top: 0;
  transition: top 0.2s ease, transform 0.2s ease 0.2s;
}

.burger-close {
  position: absolute;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
  right: 20px;
}
.burger-close img {
  width: 100%;
}

.mobile-menu__top {
  display: none;
  padding-left: 30px;
  padding-top: 24px;
}
@media (max-width:991px) {
  .mobile-menu__top {
    display: block;
  }
}
.mobile-menu__top .header__logo {
  left: 50%;
  transform: translateX(-50%);
  top: 16px;
  position: absolute;
}
@media (max-width:991px) {
  .mobile-menu__top .header__logo {
    height: 40px;
  }
}
.mobile-menu__top .header__nav-language {
  display: flex;
  width: max-content;
}
.mobile-menu__top .header__nav-language .dropdown__current {
  background: transparent;
}
.mobile-menu__top .header__nav-language._active .dropdown__current {
  background: #fff;
}

.mobile-menu__bottom {
  display: none;
  margin-top: auto;
}
@media (max-width:991px) {
  .mobile-menu__bottom {
    display: block;
  }
}
.mobile-menu__btns {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
  border-bottom: 1px solid #E7E5FB;
  border-top: 1px solid #E7E5FB;
}
.mobile-menu__btns .btn {
  margin-right: 10px;
}
.mobile-menu__social {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 0;
  padding-bottom: 40px;
}
.mobile-menu__social li {
  margin-right: 10px;
}
.mobile-menu__social li:last-child {
  margin-right: 0;
}

.mobile-menu__social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
}
.mobile-menu__social-link img {
  width: 100%;
}

.footer {
  background: #F1F3F4;
}

.footer__inner {
  padding: 60px 0 24px;
}
@media (max-width:1680px) {
  .footer__inner {
    padding: 40px 0 20px;
  }
}
@media (max-width:991px) {
  .footer__inner {
    padding: 20px 0 15px;
  }
}
@media (max-width:767px) {
  .footer__inner {
    padding: 30px 0 20px;
  }
}

.footer__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width:991px) {
  .footer__top {
    grid-template-columns: 1.2fr 1fr;
  }
}
@media (max-width:767px) {
  .footer__top {
    grid-template-columns: 1fr;
  }
}

.footer__left {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 64px;
}
@media (max-width:1680px) {
  .footer__left {
    grid-gap: 42px;
  }
}
@media (max-width:991px) {
  .footer__left {
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .footer__left {
    margin-bottom: 20px;
  }
}

.footer__logo {
  display: flex;
  max-width: 80px;
  width: 80px;
  height: max-content;
}
.footer__logo img {
  width: 100%;
}
@media (max-width:1680px) {
  .footer__logo {
    max-width: 60px;
    width: 60px;
  }
}
.footer__company {
  display: flex;
  flex-direction: column;
}

.footer__company-item {
  display: flex;
  margin-top: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
}
@media (max-width:1680px) {
  .footer__company-item {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .footer__company-item {
    font-size: 12px;
  }
}
.footer__company-item._name {
  margin-bottom: 10px;
  font-weight: 500;
}
@media (max-width:991px) {
  .footer__company-item._name {
    margin-bottom: 0;
  }
}
.footer__company-item:first-child {
  margin-top: 0;
}

.footer__social {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .footer__social {
    margin-top: 20px;
  }
}
.footer__social li {
  margin-right: 10px;
}
.footer__social li:last-child {
  margin-right: 0;
}

.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
@media (min-width: 991px) {
  .footer__social-link {
    transition: transform linear 0.2s;
  }
  .footer__social-link:hover {
    transform: scale(1.1);
  }
}
.footer__social-link img {
  width: 100%;
}

.footer__menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.footer__menu-list li {
  margin-bottom: 10px;
}
.footer__menu-list li:last-child {
  margin-bottom: 0;
}

.footer__menu-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
}
@media (min-width: 991px) {
  .footer__menu-link {
    transition: all linear 0.2s;
  }
  .footer__menu-link:hover {
    opacity: 1;
  }
}
.footer__menu-link:active {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .footer__menu-link {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .footer__menu-link {
    font-size: 12px;
  }
}
.footer__bottom {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 50px;
  padding-left: 144px;
}
@media (max-width:1680px) {
  .footer__bottom {
    margin-top: 25px;
    padding-left: 102px;
  }
}
@media (max-width:991px) {
  .footer__bottom {
    margin-top: 22px;
    padding-left: 80px;
  }
}
@media (max-width:767px) {
  .footer__bottom {
    margin-top: 20px;
    padding-left: 0;
  }
}

.footer__text {
  display: flex;
  margin-top: 5px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .footer__text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .footer__text {
    font-size: 10px;
  }
}
.footer__link {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .footer__link {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .footer__link {
    font-size: 10px;
  }
}
/*=============== ACCORDION ===============*/
.accordion {
  display: grid;
}

.accordion__item-header {
  display: flex;
  cursor: pointer;
  user-select: none;
  justify-content: space-between;
  position: relative;
}
.accordion__item-header::before {
  transition: transform linear 0.25s;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.accordion__item {
  position: relative;
  transition: all 0.25s ease;
}

.accordion__item-content {
  overflow: hidden;
  height: 0;
  transition: all 0.25s ease;
}

/*Rotate icon and add font weight to titles*/
.accordion-open .accordion__item-header::before {
  transform: translateY(-50%) rotate(45deg);
}

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  transition: opacity ease 0.2s, visibility ease 0.2s;
  opacity: 0;
  visibility: hidden;
  padding: 20px;
}
.modal._active {
  opacity: 1;
  visibility: visible;
}
.modal._active .modal__dialog {
  transform: translateY(0%);
}

.modal__dialog {
  max-width: 600px;
  width: 100%;
  background-color: #fff;
  min-height: 120px;
  height: min-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform ease 0.2s;
  transform: translateY(-100%);
  border-radius: 8px;
  padding: 50px;
}
@media (max-width:991px) {
  .modal__dialog {
    padding: 30px;
  }
}
@media (max-width:767px) {
  .modal__dialog {
    padding: 20px;
  }
}

.modal__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  display: flex;
  justify-content: flex-end;
}
.modal__body {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal__body.single-course-mentor .single-course-signup__mentor-user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.modal__body.single-course-mentor .single-course-signup__mentor-user .single-course-signup__mentor-photo-wrp {
  margin-right: 10px;
}
.modal__body.single-course-mentor .single-course-signup__mentor-user img {
  pointer-events: none;
}

.modal-height-fix {
  max-height: 100vh;
}

@media (max-width:767px) {
  #single-mentor .modal__dialog {
    max-width: 480px;
  }
}
@media (max-width:767px) {
  #single-mentor .single-course-signup__mentor-name {
    padding-right: 30px;
  }
}

#review-mentor .modal__dialog {
  max-width: 825px;
  position: relative;
  padding: 50px;
}
@media (max-width:1680px) {
  #review-mentor .modal__dialog {
    max-width: 680px;
  }
}
@media (max-width:991px) {
  #review-mentor .modal__dialog {
    max-width: 572px;
  }
}
@media (max-width:767px) {
  #review-mentor .modal__dialog {
    padding: 20px;
  }
}
#review-mentor .modal__body {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
}
@media (max-width:767px) {
  #review-mentor .modal__body {
    grid-template-columns: 1fr;
  }
}
@media (max-width:767px) {
  #review-mentor .single-course-signup__mentor-name {
    margin-bottom: 6px;
    min-height: 60px;
    padding-left: 60px;
    padding-right: 30px;
  }
}
#review-mentor .modal__bg {
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 180px;
}
#review-mentor .modal__bg img {
  width: 100%;
}
@media (max-width:1680px) {
  #review-mentor .modal__bg {
    width: 180px;
  }
}
@media (max-width:991px) {
  #review-mentor .modal__bg {
    width: 150px;
  }
}
@media (max-width:767px) {
  #review-mentor .modal__bg {
    display: none;
  }
}
#review-mentor .single-course-signup__card-bottom {
  display: flex;
  align-items: center;
}
#review-mentor .single-course-signup__card-bottom .btn {
  margin-right: 20px;
}
@media (max-width:767px) {
  #review-mentor .single-course-signup__card-bottom .btn {
    margin-right: 10px;
  }
}
#review-mentor .single-course-signup__card-textarea {
  margin-bottom: 20px;
}
@media (max-width:767px) {
  #review-mentor .single-course-signup__card-textarea {
    margin-bottom: 10px;
  }
}
#review-mentor .single-course-signup__card-textarea textarea {
  min-height: 166px;
}
@media (max-width:767px) {
  #review-mentor .single-course-signup__card-textarea textarea {
    min-height: 148px;
  }
}
#review-mentor .single-course-signup__card-title {
  margin-top: 55px;
}
@media (max-width:1680px) {
  #review-mentor .single-course-signup__card-title {
    margin-top: 22px;
  }
}
@media (max-width:767px) {
  #review-mentor .single-course-signup__card-title {
    margin-top: 30px;
  }
}
@media (max-width:767px) {
  #review-mentor .single-course-signup__mentor-photo-wrp {
    position: absolute;
  }
}
#review-mentor .single-course-signup__mentor-photo {
  width: 120px;
  min-width: 120px;
  height: 120px;
}
@media (max-width:991px) {
  #review-mentor .single-course-signup__mentor-photo {
    height: 80px;
    min-width: 80px;
    width: 80px;
  }
}
@media (max-width:767px) {
  #review-mentor .single-course-signup__mentor-photo {
    height: 50px;
    min-width: 50px;
    width: 50px;
  }
}

#add-chat .modal__dialog {
  max-width: 400px;
  padding: 30px;
}
@media screen and (max-width:1680px) {
  #add-chat .modal__dialog {
    padding: 20px;
    max-width: 357px;
  }
}
@media screen and (max-width:991px) {
  #add-chat .modal__dialog {
    padding: 20px 10px;
    max-width: 320px;
  }
}
#add-chat .modal__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#add-chat .chats-filter__select {
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  #add-chat .chats-filter__select {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  #add-chat .chats-filter__select {
    margin-bottom: 10px;
  }
}
#add-chat .modal__btn {
  margin-top: 10px;
}
@media screen and (max-width:1680px) {
  #add-chat .modal__btn {
    margin-top: 5px;
  }
}

#sending .modal__dialog {
  max-width: 938px;
  padding: 30px;
}
@media screen and (max-width:1680px) {
  #sending .modal__dialog {
    padding: 20px;
    max-width: 853px;
  }
}
@media screen and (max-width:991px) {
  #sending .modal__dialog {
    padding: 10px;
    max-width: 607px;
  }
}
#sending .title-decor {
  width: fit-content;
  text-align: left;
  justify-content: start;
}
#sending .title-decor::before {
  left: 80%;
}
@media screen and (max-width:1680px) {
  #sending .title-decor::before {
    left: 70%;
  }
}
@media screen and (max-width:991px) {
  #sending .title-decor::before {
    left: 60%;
  }
}
#sending .modal__form-row {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width:991px) {
  #sending .modal__form-row {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:767px) {
  #sending .modal__form-row {
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
#sending .chats-filter__select {
  max-width: 213px;
  margin-right: 10px;
}
#sending .modal__form-textarea {
  margin: 20px 0;
  resize: vertical;
  padding: 9px 18px;
  min-height: 161px;
}
@media screen and (max-width:991px) {
  #sending .modal__form-textarea {
    margin: 15px 0;
  }
}
@media screen and (max-width:767px) {
  #sending .modal__form-textarea {
    margin: 10px 0;
    min-height: 255px;
  }
}

#block-user .modal__dialog {
  max-width: 536px;
  padding: 30px;
}
@media (max-width:1680px) {
  #block-user .modal__dialog {
    max-width: 484px;
    padding: 20px;
  }
}
@media (max-width:991px) {
  #block-user .modal__dialog {
    max-width: 374px;
    padding: 10px;
  }
}
@media (max-width:767px) {
  #block-user .modal__dialog {
    max-width: 276px;
  }
}
#block-user .modal__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  #block-user .modal__title {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  #block-user .modal__title {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  #block-user .modal__title {
    margin-bottom: 10px;
  }
}
#block-user .modal__select {
  max-width: 100%;
  margin-bottom: 15px;
}
@media (max-width:991px) {
  #block-user .modal__select {
    margin-bottom: 10px;
  }
}
#block-user .modal__input textarea {
  min-height: 186px;
}
@media (max-width:1680px) {
  #block-user .modal__input textarea {
    min-height: 170px;
  }
}
#block-user .modal__bottom {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  #block-user .modal__bottom {
    margin-top: 15px;
  }
}
#block-user .cabinet-profile__user-btn {
  margin: 0;
  margin-left: auto;
}

#balance .modal__dialog {
  max-width: 398px;
  padding: 30px;
}
@media (max-width:1680px) {
  #balance .modal__dialog {
    max-width: 285px;
    padding: 20px;
  }
}
@media (max-width:991px) {
  #balance .modal__dialog {
    max-width: 210px;
    padding: 10px;
  }
}
#balance .balance-card__label {
  color: #3B414B;
  margin-bottom: 10px;
}
#balance .balance-card__filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  #balance .balance-card__filter {
    grid-template-columns: 1fr;
    margin-bottom: 10px;
  }
}
#balance .balance-card__total {
  display: flex;
  align-items: center;
}
#balance .balance-card__total span {
  display: flex;
  align-items: center;
}
#balance .balance-card__total img {
  width: 24px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  #balance .balance-card__total img {
    width: 23px;
    margin-left: 5px;
  }
}
@media (max-width:991px) {
  #balance .balance-card__total img {
    width: 21px;
  }
}
#balance .balance-card__bottom {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width:1680px) {
  #balance .balance-card__bottom {
    margin-top: 20px;
  }
}
#balance .balance-card__bottom .btn {
  margin-right: 20px;
}
@media (max-width:1680px) {
  #balance .balance-card__bottom .btn {
    margin-right: 10px;
  }
}
#add-balance .modal__dialog,
#conclusion-balance .modal__dialog {
  max-width: 400px;
  padding: 40px 30px;
}
@media screen and (max-width:1680px) {
  #add-balance .modal__dialog,
  #conclusion-balance .modal__dialog {
    padding: 30px 20px;
    max-width: 354px;
  }
}
#add-balance .modal__title,
#conclusion-balance .modal__title {
  font-size: 18px;
}
@media screen and (max-width:1680px) {
  #add-balance .modal__title,
  #conclusion-balance .modal__title {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  #add-balance .modal__title,
  #conclusion-balance .modal__title {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  #add-balance .modal__form,
  #conclusion-balance .modal__form {
    margin-top: 10px;
  }
}
#add-balance .balance__text-sm,
#conclusion-balance .balance__text-sm {
  font-size: 14px;
}
@media screen and (max-width:1680px) {
  #add-balance .balance__text-sm,
  #conclusion-balance .balance__text-sm {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  #add-balance .balance__text-sm,
  #conclusion-balance .balance__text-sm {
    font-size: 10px;
  }
}
#add-balance ._balance-price,
#conclusion-balance ._balance-price {
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  #add-balance ._balance-price,
  #conclusion-balance ._balance-price {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  #add-balance ._balance-price,
  #conclusion-balance ._balance-price {
    font-size: 12px;
  }
}
#add-balance ._balance-price img,
#conclusion-balance ._balance-price img {
  width: 24px;
}
@media screen and (max-width:1680px) {
  #add-balance ._balance-price img,
  #conclusion-balance ._balance-price img {
    width: 21px;
  }
}
#add-balance .modal__btn,
#conclusion-balance .modal__btn {
  margin: 30px auto 0;
  border-radius: 8px;
}
@media screen and (max-width:1680px) {
  #add-balance .modal__btn,
  #conclusion-balance .modal__btn {
    margin: 25px auto 0;
  }
}
@media screen and (max-width:991px) {
  #add-balance .modal__btn,
  #conclusion-balance .modal__btn {
    margin: 20px auto 0;
  }
}
#add-balance .single-course-signup__card-price-wrp,
#conclusion-balance .single-course-signup__card-price-wrp {
  margin-top: 10px;
}
@media screen and (max-width:1680px) {
  #add-balance .single-course-signup__card-price-wrp,
  #conclusion-balance .single-course-signup__card-price-wrp {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  #add-balance .single-course-signup__card-price-wrp,
  #conclusion-balance .single-course-signup__card-price-wrp {
    margin: 10px 0;
  }
}

#telegram {
  font-family: "Roboto", sans-serif;
}
#telegram .modal-admin__dialog {
  max-width: 500px;
}
#telegram .modal__title {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  #telegram .modal__title {
    margin-top: 20px;
    font-size: 18px;
  }
}
@media screen and (max-width:991px) {
  #telegram .modal__title {
    margin-top: 15px;
    font-size: 16px;
  }
}
#telegram .modal__content_title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin: 20px 0;
}
@media screen and (max-width:1680px) {
  #telegram .modal__content_title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width:991px) {
  #telegram .modal__content_title {
    font-size: 14px;
    line-height: 18px;
  }
}
#telegram .modal__img {
  max-width: 120px;
}
@media screen and (max-width:991px) {
  #telegram .modal__img {
    max-width: 90px;
  }
}
#telegram .modal__submitBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7B20FF;
  border-radius: 8px;
  color: #fff;
  height: 41px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  width: max-content;
  padding: 0 18px;
  transition: all linear 0.2s;
}
#telegram .modal__submitBtn:active {
  box-shadow: 0 0 28px rgba(123, 32, 255, 0.35);
}
#telegram .modal__submitBtn:hover {
  box-shadow: 0 8px 16px rgba(123, 32, 255, 0.16);
}
@media (min-width: 991px) {
  #telegram .modal__submitBtn {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  #telegram .modal__submitBtn {
    height: 30px;
    padding: 0 12px;
  }
}
#telegram .modal__content_inpConatiner {
  margin-bottom: 20px;
}
#telegram .modal__content_input {
  border: 1px solid #E8E9EC;
  background-color: transparent;
  padding: 0 18px;
  height: 41px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  width: 100%;
  border-radius: 8px;
  transition: background linear 0.2s;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  #telegram .modal__content_input {
    height: 35px;
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  #telegram .modal__content_input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  #telegram .modal__content_input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
#telegram .modal__content_input:focus {
  background: #fff;
}
#telegram .modal__content_input::placeholder {
  color: #A6AAB4;
}

#recommend-course .modal__dialog,
#share-course .modal__dialog {
  max-width: 400px;
  padding: 40px 30px;
}
@media screen and (max-width:1680px) {
  #recommend-course .modal__dialog,
  #share-course .modal__dialog {
    padding: 30px 20px;
    max-width: 354px;
  }
}
#recommend-course .modal__title,
#share-course .modal__title {
  font-size: 18px;
}
@media screen and (max-width:1680px) {
  #recommend-course .modal__title,
  #share-course .modal__title {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  #recommend-course .modal__title,
  #share-course .modal__title {
    font-size: 14px;
  }
}
#recommend-course .modal__subtitle,
#share-course .modal__subtitle {
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  #recommend-course .modal__subtitle,
  #share-course .modal__subtitle {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  #recommend-course .modal__subtitle,
  #share-course .modal__subtitle {
    font-size: 12px;
  }
}
#recommend-course .modal__dropdown:not(:last-child),
#share-course .modal__dropdown:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  #recommend-course .modal__dropdown:not(:last-child),
  #share-course .modal__dropdown:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  #recommend-course .modal__dropdown:not(:last-child),
  #share-course .modal__dropdown:not(:last-child) {
    margin-bottom: 10px;
  }
}
#recommend-course .modal__btn,
#share-course .modal__btn {
  margin: 30px auto 0;
  border-radius: 8px;
}
@media screen and (max-width:1680px) {
  #recommend-course .modal__btn,
  #share-course .modal__btn {
    margin: 20px auto 0;
  }
}
@media screen and (max-width:991px) {
  #recommend-course .modal__btn,
  #share-course .modal__btn {
    margin: 15px auto 0;
  }
}

/*-protocol-of-the-olympiad-*/
.modal__protocol-olympiad {
  max-width: 472px;
  padding: 40px 40px;
}

.modal__close.modal__protocol-close {
  width: 24px;
  height: 24px;
  position: relative;
  left: 5px;
  top: -5px;
}

.modal__protocol-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
}

.modal__protocol-title-img {
  width: 105px;
  height: 105px;
  margin: 23px auto 25px;
}

.modal__protocol-subtitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  padding-bottom: 9px;
  color: #3B414B;
}

.modal__protocol-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  padding-top: 5px;
}

.modal__protocol-label {
  position: relative;
  cursor: pointer;
}

.modal__rotocol-input {
  width: 0;
  opacity: 0;
  z-index: -33;
  position: absolute;
  left: 0;
}

.modal__protocol-file-info {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: right;
  color: #3B414B;
  opacity: 0.6;
  padding-right: 15px;
}

.modal__protocol-file-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  text-decoration: underline;
}

.modal__protocol-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 12px;
}
.modal__protocol-row .file-group-container {
  grid-column: span 2;
  display: flex;
  align-items: end;
  justify-content: end;
  flex-direction: column;
}
.modal__protocol-row .file-group-none {
  padding-right: 15px;
}
.modal__protocol-row .file-input-group {
  display: flex;
  justify-content: end;
  margin-bottom: 15px;
}

.modal__protocol-file-box {
  display: flex;
  flex-direction: column;
  padding-right: 3px;
  margin-top: 5px;
}

.modal__protocl-file {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 15px;
}

.modal__protocol-file-name {
  padding-left: 11px;
  padding-right: 30px;
}

.modal__protocol-save {
  margin: 0 auto;
}

.modal__protocol-span {
  width: 146px;
  height: 35px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  padding-left: 0;
  padding-right: 0;
}

.modal__protocol-olympiad.--center .modal__protocl-file {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.modal__protocol-olympiad.--center .modal__protocol-title-img {
  margin-top: 25px;
  margin-bottom: 16px;
}
.modal__protocol-olympiad.--center .modal__protocol-file-name {
  padding-right: 0;
}

/*-adaptive-*/
@media (max-width: 1400px) {
  .modal__protocol-olympiad {
    max-width: 400px;
    padding: 30px;
  }
  .modal__protocol-title {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
  }
  .modal__protocol-title-img {
    width: 75px;
    height: 75px;
  }
  .modal__protocol-subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
  }
  .modal__protocol-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__protocol-span {
    width: 128px;
    height: 31px;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
  .modal__protocol-file-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__protocol-row {
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__protocol-file-name {
    padding-right: 20px;
  }
  .modal__protocol-file-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 10px;
  }
}
@media (max-width:767px) {
  .modal__protocol-olympiad {
    max-width: 328px;
    padding: 20px;
  }
  .modal__protocol-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal__protocol-title-img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }
  .modal__protocol-subtitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__protocol-text {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
  }
  .modal__protocol-span {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    width: 120px;
    height: 30px;
  }
  .modal__protocol-file-info {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    padding-bottom: 5px;
  }
  .modal__protocol-file-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    padding-right: 8px;
    padding-left: 8px;
  }
}
/*-modal-inform -*/
.modal-inform {
  max-width: 400px;
  padding: 40px 30px;
  min-height: auto;
}

.modal-inform-img {
  width: 90px;
  height: 90px;
  margin: 0 auto 18px;
  display: block;
}

.modal-inform-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
}

.modal-inform-row {
  width: 100%;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-inform-btn {
  width: 48%;
  height: 40px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}

.modal-inform-btn.btn {
  padding-left: 0;
  padding-right: 0;
}

/*-adaptive modal-inform-*/
@media (max-width: 1400px) {
  .modal-inform {
    max-width: 300px;
    padding: 30px 20px;
  }
  .modal-inform-img {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
  }
  .modal-inform-title {
    font-size: 16px;
    line-height: 130%;
  }
  .modal-inform-row {
    margin-top: 10px;
  }
  .modal-inform-btn {
    height: 35px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width:767px) {
  .modal-inform {
    max-width: 230px;
    padding: 20px 20px;
  }
  .modal-inform-img {
    width: 40px;
    height: 40px;
    margin-bottom: 6px;
  }
  .modal-inform-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .modal-inform-btn {
    width: 49%;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .modal-inform-row {
    margin-top: 15px;
  }
}
/*-add__schedule-*/
.add__schedule {
  max-width: 750px;
  padding: 40px;
}

.add__schedule-form {
  width: 100%;
}

.add__scedule-title {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  padding-bottom: 38px;
}

.add__scedule-subtitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  padding-bottom: 32px;
}

.add__scedule-etap-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  padding-bottom: 20px;
}

.add__scedule-coll-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  padding-right: 8px;
  padding-top: 12px;
}

.add__scedule-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.add__scedule-coll:nth-child(2) {
  margin-right: 27px;
  position: relative;
}
.add__scedule-coll:nth-child(2):after {
  content: "-";
  position: absolute;
  right: -18px;
  top: 10px;
}

.add__scedule-coll-row {
  display: flex;
}

.add__scedule-data {
  width: 155px;
  margin-right: 5px;
}
.add__scedule-data input {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: rgba(59, 65, 75, 0.6);
  padding-right: 14px;
  padding-right: 16px;
}

.add__scedule-time {
  width: 81px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #E8E9EC;
}
.add__scedule-time input {
  height: 41px;
  padding: 0 12px 0 15px;
  background-color: transparent;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: rgba(59, 65, 75, 0.6);
  transition: background linear 0.2s;
}
.add__scedule-time input::placeholder {
  color: #A6AAB4;
}
.add__scedule-time input:focus {
  background: #fff;
}
@media (max-width:1680px) {
  .add__scedule-time input {
    height: 35px;
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .add__scedule-time input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .add__scedule-time input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}

.add__scedule-timer::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.add__scedule-timer::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.add__sedule-coll-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
  padding-top: 4px;
  opacity: 0.6;
}

.add__scedule-dropdown.dropdown {
  max-width: 100%;
  margin-bottom: 10px;
}
.add__scedule-dropdown.dropdown .dropdown__current._selected {
  background: transparent;
}
.add__scedule-dropdown.dropdown .dropdown__current._selected._active {
  background: #fff;
}

.add__scedule-etap {
  margin-bottom: 30px;
  position: relative;
}

.add__scedule-container {
  padding-top: 10px;
  padding-bottom: 15px;
}
.add__scedule-container .add__scedule-input {
  margin-bottom: 9px;
}
.add__scedule-container .add__scedule-row {
  margin-top: 20px;
}

.add__scedule-remove {
  position: absolute;
  right: 4px;
  top: 0;
}

.scedule-stage-add {
  cursor: pointer;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  transition: 0.4s;
}
.scedule-stage-add img {
  width: 20px;
  height: 20px;
  margin-right: 11px;
}
.scedule-stage-add:hover {
  color: #7B20FF;
}

.add__scedule-row-2 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  margin-top: 18px;
}

/*-add__schedule adaptive-*/
@media (max-width: 1400px) {
  .add__schedule {
    max-width: 596px;
    padding: 30px;
  }
  .add__scedule-dropdown.dropdown .dropdown__current {
    padding-top: 7px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .add__scedule-title {
    font-size: 20px;
    line-height: 130%;
    padding-bottom: 31px;
  }
  .add__scedule-subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 20px;
  }
  .add__scedule-etap-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .add__scedule-row {
    display: grid;
    grid-template-columns: 44% 44%;
    justify-content: start;
    margin-bottom: 10px;
  }
  .add__scedule-coll-title {
    grid-column: span 2;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    padding-top: 0;
    padding-bottom: 9px;
  }
  .add__scedule-data {
    width: 135px;
  }
  .add__scedule-data input {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 130%;
  }
  .add__scedule-time {
    width: 69px;
  }
  .add__scedule-time input {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 130%;
  }
  .add__sedule-coll-text {
    padding-top: 2px;
  }
  .add__scedule-coll {
    width: 210px;
  }
  .add__scedule-etap {
    margin-bottom: 20px;
  }
  .add__scedule-etap-two .add__scedule-row {
    margin-bottom: 23px;
  }
  .add__scedule-container {
    padding-bottom: 0;
  }
  .add__scedule-container .add__scedule-etap-title {
    padding-bottom: 14px;
  }
  .add__scedule-container .add__scedule-coll-title {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .scedule-stage-add {
    font-size: 16px;
    line-height: 130%;
  }
  .scedule-stage-add img {
    margin-right: 5px;
  }
}
@media (max-width: 768px) {
  .add__schedule {
    max-width: 515px;
    padding: 20px;
  }
  .add__scedule-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 20px;
  }
  .add__scedule-subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 15px;
  }
  .add__scedule-etap-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .add__scedule-row {
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: start;
    margin-bottom: 10px;
  }
  .add__scedule-coll-title {
    grid-column: span 2;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    padding-top: 0;
    padding-bottom: 9px;
  }
  .add__scedule-data {
    width: 123px;
  }
  .add__scedule-data input {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }
  .add__scedule-time {
    width: 59px;
  }
  .add__scedule-time input {
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
  }
  .add__sedule-coll-text {
    padding-top: 2px;
  }
  .add__scedule-coll {
    width: 187px;
  }
  .add__scedule-etap {
    margin-bottom: 17px;
  }
  .add__scedule-etap-two .add__scedule-row {
    margin-bottom: 23px;
  }
  .add__scedule-container {
    padding-top: 2px;
  }
  .add__scedule-container .add__scedule-etap-title {
    padding-bottom: 10px;
  }
  .add__scedule-container .add__scedule-coll-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .add__scedule-container .add__scedule-row {
    margin-top: 11px;
  }
  .add__scedule-remove img {
    width: 12px;
    height: 13px;
  }
  .scedule-stage-add {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .scedule-stage-add img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  .add__scedule-row-2 {
    gap: 15px;
  }
  .add__scedule-save {
    width: 170px;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .add__scedule-close {
    width: 74px;
    height: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
}
@media (max-width: 572px) {
  .add__schedule {
    max-width: 320px;
    padding: 20px;
  }
  .add__scedule-title {
    width: 200px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
  }
  .add__scedule-row {
    display: block;
  }
  .add__scedule-coll {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 7px;
  }
  .add__scedule-coll:nth-child(2) {
    margin-right: 0;
  }
  .add__scedule-coll:nth-child(2)::after {
    content: "";
  }
  .add__scedule-data {
    width: 49%;
    margin-right: 0;
  }
  .add__scedule-coll-row {
    justify-content: space-between;
    margin-bottom: 3px;
  }
  .add__scedule-time {
    width: 49%;
  }
  .add__scedule-time input {
    width: 100%;
    text-align: center;
    margin-left: 15px;
  }
  .add__scedule-coll-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .add__scedule-dropdown.dropdown .dropdown__current {
    padding-right: 45px;
    padding-top: 7px;
    padding-left: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .add__scedule-etap {
    margin-bottom: 14px;
  }
  .add__scedule-etap-two {
    margin-bottom: 16px;
  }
  .add__scedule-etap-two .add__scedule-dropdown.dropdown {
    margin-bottom: 8px;
  }
  .add__scedule-etap-two .add__scedule-row {
    margin-bottom: 9px;
  }
  .add__scedule-input input {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .add__scedule-container .add__scedule-coll-title {
    display: none;
  }
  .add__scedule-row-2 {
    margin-top: 14px;
    justify-content: center;
  }
}
/*-modal-partaker -*/
.modal-partaker {
  padding: 40px;
  max-width: 850px;
  left: 535px;
  top: 150px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

.modal__partaker-label-span.--red {
  width: 115px;
  background: #F3775B;
}

.modal__partaker-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
  margin-bottom: 30px;
}

.modal__partaker__user-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}

.modal__partaker-city {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
}

.modal__partaker-year {
  position: relative;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
  padding-left: 20px;
}
.modal__partaker-year::after {
  content: url("../../images/img/icons/age-icon.svg");
  position: absolute;
  left: -2px;
  top: -2px;
}

.modal__partaker-education {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
  position: relative;
  padding-left: 20px;
}
.modal__partaker-education::after {
  content: url("../../images/img/icons/education-icon.svg");
  position: absolute;
  left: -2px;
  top: -2px;
}

.modal__partaker-label {
  position: relative;
  cursor: pointer;
}

.modal__partaker-label-input {
  width: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1111;
  opacity: 0;
}

.modal__partaker-label-span {
  width: 107px;
  height: 35px;
  background: #119CB0;
  border-radius: 8px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}

.modal__partaker-subtitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 20px;
}

.modal__partaker-coll-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 30px;
}

.modal__partaker-coll-subtitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}

.modal__partaker-time {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #8E83FF;
  margin-bottom: 40px;
}

.modal__partaker-input input {
  width: 120px;
  height: 41px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: right;
  color: #3B414B;
  opacity: 0.6;
}

.modal__partaker-wrapper-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.modal__partaker__user-photo {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  grid-row: 1/4;
}
.modal__partaker__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.modal__partaker-header {
  display: grid;
  gap: 18px 20px;
  grid-template-columns: 90px 160px 160px 1fr;
  margin-bottom: 40px;
}

.modal__partaker__user-name {
  grid-column: 2/4;
}

.modal__partaker-education {
  grid-column: 3/5;
}

.modal__partaker-header-row {
  display: flex;
  justify-content: start;
  gap: 10px;
}

.modal__partaker-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F2F3F5;
}

.modal__partaker-coll {
  width: 50%;
  border-left: 1px solid #F2F3F5;
  padding-left: 20px;
}
.modal__partaker-coll:nth-child(1) {
  border: none;
  padding-right: 20px;
  padding-left: 0;
}

.modal__partaker-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 30px;
}
.modal__partaker-box:nth-last-child(1) {
  margin-bottom: 17px;
}
.modal__partaker-box .modal__partaker-coll-subtitle {
  margin-bottom: 10px;
}

.modal__partaker-file .file-list {
  justify-content: end;
}
.modal__partaker-file .file-list .text-sm {
  padding-right: 12px;
}

.modal__partaker-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 20px;
  gap: 30px;
}

.modal__partaker-wrapper-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.modal__partaker-select.dropdown {
  max-width: 345px;
}

.modal__partaker-file-span {
  position: relative;
}
.modal__partaker-file-span .olimp-table-hint {
  transition: 0.4s;
  left: 45px;
  background: #fff;
}
.modal__partaker-file-span:hover .olimp-table-hint {
  z-index: 3333;
  opacity: 1;
}

/*-adaptive-*/
@media (max-width: 1400px) {
  .modal-partaker {
    max-width: 720px;
    padding: 30px;
  }
  .modal__partaker-title {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .modal__partaker__user-photo {
    width: 60px;
    height: 60px;
  }
  .modal__partaker__user-name {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__partaker-city {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__partaker-year {
    font-size: 14px;
    line-height: 100%;
  }
  .modal__partaker-education {
    font-size: 14px;
    line-height: 100%;
  }
  .modal__partaker-label-span {
    width: 94px;
    height: 31px;
    font-size: 16px;
    line-height: 130%;
  }
  .modal__partaker-label-span.--red {
    width: 101px;
    height: 31px;
  }
  .modal__partaker-header {
    gap: 15px 20px;
    grid-template-columns: 58px 146px 134px 1fr;
    margin-bottom: 40px;
  }
  .modal__partaker-subtitle {
    font-size: 16px;
    line-height: 130%;
  }
  .modal__partaker-coll-title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .modal__partaker-coll-subtitle {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__partaker-time {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 27px;
  }
  .modal__partaker-input input {
    width: 100px;
    height: 35px;
    font-size: 16px;
    line-height: 130%;
  }
  .modal__partaker-box {
    margin-bottom: 20px;
  }
  .modal__partaker-box:nth-last-child(1) {
    margin-bottom: 30px;
  }
  .modal__partaker-wrapper-title {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__partaker-select.dropdown {
    max-width: 235px;
  }
  .modal__partaker-wrapper {
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .modal-partaker {
    max-width: 620px;
    padding: 20px;
  }
  .modal__partaker-title {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .modal__partaker__user-photo {
    width: 50px;
    height: 50px;
  }
  .modal__partaker__user-name {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__partaker-city {
    font-size: 12px;
    line-height: 130%;
  }
  .modal__partaker-year {
    font-size: 12px;
    line-height: 100%;
  }
  .modal__partaker-education {
    font-size: 12px;
    line-height: 100%;
  }
  .modal__partaker-label-span {
    width: 88px;
    height: 30px;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__partaker-label-span.--red {
    width: 95px;
    height: 30px;
  }
  .modal__partaker-header {
    gap: 17px 20px;
    grid-template-columns: 45px 128px 115px 1fr;
    margin-bottom: 37px;
  }
  .modal__partaker-coll-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .modal__partaker-coll-subtitle {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .modal__partaker-time {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .modal__partaker-input input {
    width: 80px;
    height: 30px;
    font-size: 14px;
    line-height: 130%;
  }
  .modal__partaker-box {
    margin-bottom: 15px;
  }
  .modal__partaker-box:nth-last-child(1) {
    margin-bottom: 20px;
  }
  .modal__partaker-wrapper-title {
    font-size: 14px;
    line-height: 130%;
  }
  .modal__partaker-select.dropdown {
    max-width: 240px;
  }
  .modal__partaker-wrapper {
    gap: 15px;
  }
  .modal__partaker-coll {
    padding-left: 12px;
  }
  .modal__partaker-coll:nth-child(1) {
    border: none;
    padding-right: 17px;
    padding-left: 0;
  }
  .modal__partaker-row-2 {
    margin-top: 10px;
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .modal-partaker {
    max-width: 320px;
    padding: 20px;
  }
  .modal__partaker-title {
    font-size: 20px;
    line-height: 130%;
    width: 200px;
    margin: 0 auto 16px;
  }
  .modal__partaker__user-photo {
    grid-row: 1/6;
  }
  .modal__partaker-header {
    gap: 11px 10px;
    grid-template-columns: 50px 1fr;
    margin-bottom: 31px;
  }
  .modal__partaker-education {
    grid-column: 2/4;
  }
  .modal__partaker-year {
    grid-column: 2/4;
  }
  .modal__partaker-row {
    display: block;
  }
  .modal__partaker-coll {
    width: 100%;
    padding: 0;
    border: none;
  }
  .modal__partaker-coll:nth-child(1) {
    padding: 0;
    border: none;
    border-bottom: 1px solid #F2F3F5;
    margin-bottom: 15px;
  }
  .modal__partaker-select.dropdown {
    max-width: 175px;
  }
  .modal__partaker-box:nth-last-child(1) {
    margin-bottom: 15px;
  }
  .modal__partaker-wrapper {
    margin-top: 15px;
  }
}
/*-модальное окно для вставки изоброжения-*/
.picture-insert-modal {
  background: none;
  width: 920px;
  padding: 0;
}

.picture-insert-modal-img {
  width: 100%;
  display: block;
  object-fit: contain;
}

@media (max-width: 1680px) {
  .picture-insert-modal {
    width: 800px;
  }
}
@media (max-width: 992px) {
  .picture-insert-modal {
    width: 650px;
  }
}
@media (max-width: 772px) {
  .picture-insert-modal {
    width: 320px;
  }
}
@media (max-width: 350px) {
  .picture-insert-modal {
    width: 100%;
  }
}
.modal__btn-center {
  margin-left: auto;
  margin-right: auto;
}

.modal-admin__text-fix {
  font-family: "Roboto";
  font-weight: 500;
}
.modal-admin__text-fix a,
.modal-admin__text-fix span {
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
}

.modal__text--red {
  font-family: "Roboto";
  color: #F3775B;
  margin-bottom: 20px;
}

.modal--roboto {
  font-family: "Roboto";
}

.modal-checbox {
  color: #3B414B;
}
.modal-checbox span {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  color: inherit;
}

.dropdown {
  max-width: 400px;
  width: 100%;
  position: relative;
}
.dropdown._multiply .dropdown__list-item span::before {
  top: 50%;
  transform: translateY(-50%);
}
.dropdown._active .dropdown__current {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.dropdown--required:before {
  position: absolute;
  content: "*";
  left: -3px;
  top: -5px;
  color: #F3775B;
  font-size: 20px;
  z-index: 1;
}

.dropdown__current {
  cursor: pointer;
  user-select: none;
  border: 1px solid #E8E9EC;
  border-radius: 8px;
  overflow: hidden;
  max-width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  opacity: 0.6;
  color: #3B414B;
  width: 100%;
  min-height: 41px;
  outline: none;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 18px 0 18px;
  padding-right: 30px;
}
@media (max-width:1680px) {
  .dropdown__current {
    font-size: 16px;
    padding: 0 14px 0 14px;
    min-height: 35px;
    padding-right: 28px;
  }
}
@media (max-width:991px) {
  .dropdown__current {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
    padding-right: 26px;
  }
}
@media (max-width:767px) {
  .dropdown__current {
    padding: 0 12px 0 12px;
    padding-right: 26px;
    min-height: 30px;
  }
}
.dropdown__current::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  background: url("../../images/img/icons/select-arrow.svg") no-repeat center/100%;
  transition: all ease 0.2s;
  transform: translateY(-50%);
}
@media (max-width:1680px) {
  .dropdown__current::after {
    right: 16px;
  }
}
@media (max-width:991px) {
  .dropdown__current::after {
    right: 14px;
  }
}
.dropdown__current._active {
  box-shadow: 0 8px 16px rgba(123, 32, 255, 0.16);
}
.dropdown__current._active::after {
  transform: rotate(180deg) translateY(50%);
}
.dropdown__current._selected {
  opacity: 1;
}

.dropdown__list {
  overflow: hidden;
  overflow-y: auto;
  display: none;
  position: absolute;
  width: 100%;
  top: calc(100% - 0px);
  left: 0;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: 235px;
  margin: 0;
  z-index: 999;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .dropdown__list {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.dropdown__list._active {
  display: block;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
}
.dropdown__list::-webkit-scrollbar {
  width: 5px;
  /* ширина для вертикального скролла */
  background: #F2F3F5;
  border-radius: 3px;
}
.dropdown__list::-webkit-scrollbar-thumb {
  background: #8E83FF;
  border-radius: 20px;
}
@media (min-width: 991px) {
  .dropdown__list::-webkit-scrollbar-thumb {
    transition: all linear 0.2s;
  }
  .dropdown__list::-webkit-scrollbar-thumb:hover {
    background: #7B20FF;
  }
}

.modal__dropdown-mixed-item {
  width: 100%;
  text-align: left;
}

.dropdown__list-item {
  display: flex;
  cursor: pointer;
  color: #3B414B;
  margin: 0;
}
.dropdown__list-item input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
}
.dropdown__list-item input:checked + span {
  opacity: 1;
  color: #6419D0;
  border-bottom: 1.4px solid #7B20FF;
}
.dropdown__list-item span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  opacity: 0.6;
  color: #3B414B;
  width: 100%;
  height: 100%;
  min-height: 41px;
  padding: 0 18px 0 18px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #E8E9EC;
  border-bottom: none;
}
@media (max-width:1680px) {
  .dropdown__list-item span {
    font-size: 16px;
    padding: 0 14px 0 14px;
    min-height: 35px;
  }
}
@media (max-width:991px) {
  .dropdown__list-item span {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}
@media (max-width:767px) {
  .dropdown__list-item span {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}
@media (min-width: 991px) {
  .dropdown__list-item span {
    transition: all linear 0.2s;
  }
  .dropdown__list-item:hover span {
    opacity: 1;
  }
}
.dropdown__list-item:first-child span {
  border-top: none;
}
.dropdown__list-item:last-child span {
  border-bottom: 1px solid #E8E9EC;
}

.cabinet-menu {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 0px 0px 8px 8px;
  width: 285px;
  height: max-content;
  padding: 30px 0;
  margin-top: -30px;
}
@media (max-width:1680px) {
  .cabinet-menu {
    width: 230px;
    margin-top: -20px;
  }
}
@media (max-width:991px) {
  .cabinet-menu {
    margin-top: 0;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    width: 340px;
    z-index: 1006;
    transform: translateX(-102%);
    display: flex;
    flex-direction: column;
    background: url("../../images/img/icons/mobile-menu-img.svg") no-repeat bottom right 8px, url("../../images/img/mobile-menu-bg-1.png") no-repeat top center/100%, url("../../images/img/mobile-menu-bg-2.png") no-repeat bottom right 10px/100%, #fff;
    padding: 0;
    transition: transform ease 0.2s;
  }
  .cabinet-menu._active {
    transform: translateX(0);
  }
}
@media (max-width:991px) {
  .cabinet-menu__list {
    margin-top: 70px;
  }
}
.cabinet-menu__list li {
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .cabinet-menu__list li {
    margin-bottom: 5px;
  }
}
.cabinet-menu__link {
  height: 47px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  color: #3B414B;
}
@media (min-width: 991px) {
  .cabinet-menu__link {
    transition: background linear 0.2s;
  }
  .cabinet-menu__link:hover {
    background: #F2F3F5;
    border-right: 3px solid #7B20FF;
  }
}
.cabinet-menu__link img {
  margin-right: 20px;
  width: 23px;
}
@media (max-width:1680px) {
  .cabinet-menu__link {
    height: 41px;
    padding: 0 20px;
    font-size: 16px;
  }
  .cabinet-menu__link img {
    margin-right: 10px;
    width: 21px;
  }
}
@media (max-width:991px) {
  .cabinet-menu__link {
    padding: 0 40px;
  }
  .cabinet-menu__link img {
    width: 18px;
  }
}
@media (max-width:767px) {
  .cabinet-menu__link {
    height: 34px;
  }
}
.cabinet-menu__link._active {
  background: #F2F3F5;
  border-right: 3px solid #7B20FF;
}

@media (max-width:991px) {
  .cabinet-menu__bottom {
    margin-top: auto;
  }
}
.cabinet-menu__bottom .mobile-menu__social {
  display: none;
}
@media (max-width:991px) {
  .cabinet-menu__bottom .mobile-menu__social {
    display: flex;
  }
}
.cabinet-menu__bottom .mobile-menu__btns {
  display: flex;
}
@media (min-width: 991px) {
  .cabinet-menu__bottom .mobile-menu__btns {
    padding: 0;
    border: none;
    padding-left: 24px;
    margin-top: 42px;
    justify-content: flex-start;
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .cabinet-menu__bottom .mobile-menu__btns {
    padding-left: 20px;
  }
}
@media (max-width:991px) {
  .cabinet-menu__bottom .mobile-menu__btn._logout {
    margin-left: 10px;
  }
}
.cabinet-menu__bottom .mobile-menu__btn._link {
  display: none;
}
@media (max-width:991px) {
  .cabinet-menu__bottom .mobile-menu__btn._link {
    display: flex;
  }
}
.cabiner-menu-olympiad .cabinet-menu__link {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .cabiner-menu-olympiad .cabinet-menu__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
}
.bottom-menu {
  position: fixed;
  bottom: -1px;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px 8px 0px 0px;
  justify-content: center;
  align-items: center;
  z-index: 200;
  display: none;
  background: url("../../images/img/bottom-menu-bg.png") no-repeat, #fff;
}
@media (max-width:991px) {
  .bottom-menu {
    display: flex;
  }
}
.bottom-menu .burger-btn {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 202;
}

.bottom-menu__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom-menu__list li:last-child .bottom-menu__link {
  border: none;
}

.bottom-menu__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  width: 90px;
  border-right: 1px solid #F2F3F5;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:767px) {
  .bottom-menu__link._mobile {
    display: flex;
  }
}
@media (max-width:767px) {
  .bottom-menu__link {
    display: none;
  }
}
.bottom-menu__link img {
  width: 18px;
  margin-bottom: 5px;
}

.tabs__nav {
  display: flex;
}

.tabs__content-item {
  display: none;
}
.tabs__content-item._active {
  display: block;
}

.intro {
  background: url("../../images/img/intro-bg-1920.png") no-repeat center/cover;
  margin-bottom: 146px !important;
  min-width: 0;
}
@media (max-width:1680px) {
  .intro {
    margin-bottom: 92px !important;
    background: url("../../images/img/intro-bg-1440.png") no-repeat center/cover;
  }
}
@media (max-width:991px) {
  .intro {
    margin-bottom: 70px !important;
    background: url("../../images/img/intro-bg-768.png") no-repeat center/cover;
  }
}
@media (max-width:767px) {
  .intro {
    background: url("../../images/img/intro-bg-360.png") no-repeat center/cover;
  }
}

.intro__inner {
  display: grid;
  grid-template-columns: 0.66fr 1fr;
  grid-gap: 20px;
  align-items: center;
  min-width: 0;
  padding: 20px 0;
  padding-right: 200px;
  min-height: 765px;
}
@media (max-width:1680px) {
  .intro__inner {
    padding-right: 180px;
    min-height: 574px;
  }
}
@media (max-width:991px) {
  .intro__inner {
    padding-right: 10px;
    min-height: 370px;
    grid-template-columns: 0.8fr 1fr;
  }
}
@media (max-width:767px) {
  .intro__inner {
    padding: 60px 0 70px 0;
    grid-template-columns: 1fr;
    grid-gap: 45px;
  }
}

.intro-content {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
}

.intro-content__suptitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .intro-content__suptitle {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media (max-width:991px) {
  .intro-content__suptitle {
    font-size: 14px;
  }
}
.intro-images {
  max-width: 100%;
  width: 100%;
  min-width: 100%;
  position: relative;
  z-index: 1;
}
.intro-images::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background: #D9D9D9;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: translate(20px, 20px);
  opacity: 0.2;
}
@media (max-width:1680px) {
  .intro-images::after {
    border-radius: 12px;
    transform: translate(12px, 12px);
  }
}
@media (max-width:991px) {
  .intro-images::after {
    transform: translate(8px, 8px);
  }
}
.intro-images__slider {
  border-radius: 12px;
}

.intro-images__slide {
  overflow: hidden;
  position: relative;
  padding: 0 0 51% 0;
  border-radius: 12px;
}
.intro-images__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.intro-content__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: #2C2924;
}
@media (max-width:1680px) {
  .intro-content__title {
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .intro-content__title {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .intro-content__title {
    font-size: 18px;
    text-align: left;
  }
}

.intro-content__btn {
  margin-top: 30px;
}
@media (max-width:1680px) {
  .intro-content__btn {
    margin-top: 20px;
  }
}
.intro-images__pagination {
  transform: translate(-50%, -50%) rotate(90deg);
  top: 50%;
  left: 0 !important;
  right: auto !important;
  width: max-content !important;
  height: max-content;
}
@media (max-width:767px) {
  .intro-images__pagination {
    transform: translate(-50%, 0) rotate(0deg);
    top: calc(100% + 15px);
    left: 50% !important;
  }
}
.intro-images__pagination span {
  width: 35px;
  height: 35px;
  margin: 0px 9px !important;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #A7DE21;
  position: relative;
  opacity: 1 !important;
}
@media (max-width:1680px) {
  .intro-images__pagination span {
    width: 24px;
    height: 24px;
    margin: 0 6px !important;
  }
}
@media (max-width:991px) {
  .intro-images__pagination span {
    width: 16px;
    height: 16px;
    margin: 0 4px !important;
  }
}
.intro-images__pagination span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: auto;
  bottom: auto;
  background: #fff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .intro-images__pagination span::after {
    width: 10px;
    height: 10px;
  }
}
@media (max-width:991px) {
  .intro-images__pagination span::after {
    width: 6px;
    height: 6px;
  }
}
.intro-images__pagination span.swiper-pagination-bullet-active {
  border-color: #fff;
}
.intro-images__pagination span.swiper-pagination-bullet-active::after {
  background: #7B20FF;
  box-shadow: 0px 4px 4px rgba(123, 32, 255, 0.2);
}

.news__post,
.promotions__post {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 60px;
  margin-bottom: 60px;
}
@media (max-width:1680px) {
  .news__post,
  .promotions__post {
    margin-bottom: 40px;
    grid-gap: 40px;
  }
}
@media (max-width:991px) {
  .news__post,
  .promotions__post {
    margin-bottom: 30px;
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .news__post,
  .promotions__post {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
  }
}
.news__post._reverse .promotions__post-image,
.promotions__post._reverse .promotions__post-image {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
@media (max-width:767px) {
  .news__post._reverse .promotions__post-image,
  .promotions__post._reverse .promotions__post-image {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.news__post._reverse .promotions__post-content,
.promotions__post._reverse .promotions__post-content {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.news__post-image,
.promotions__post-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 51% 0;
  border-radius: 12px;
  height: 0;
}
.news__post-image img,
.news__post-image video,
.promotions__post-image img,
.promotions__post-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 991px) {
  .news__post-image img,
  .news__post-image video,
  .promotions__post-image img,
  .promotions__post-image video {
    transition: transform ease 0.2s;
  }
}
@media (max-width:1680px) {
  .news__post-image,
  .promotions__post-image {
    padding: 0 0 50% 0;
  }
}
@media (max-width:767px) {
  .news__post-image,
  .promotions__post-image {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}

.news__post-tag,
.promotions__post-tag {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .news__post-tag,
  .promotions__post-tag {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .news__post-tag,
  .promotions__post-tag {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.news__post-title,
.promotions__post-title {
  display: flex;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .news__post-title,
  .promotions__post-title {
    margin-bottom: 10px;
  }
}
.news__post-date,
.promotions__post-date {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.4;
  margin: 20px 0 10px;
}
@media (max-width:1680px) {
  .news__post-date,
  .promotions__post-date {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .news__post-date,
  .promotions__post-date {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .news__post-date,
  .promotions__post-date {
    margin: 10px 0;
    font-size: 10px;
  }
}

.news__post-bottom,
.promotions__post-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news__post-info,
.promotions__post-info {
  display: flex;
  align-items: center;
}

.news__post-info-item,
.promotions__post-info-item {
  color: rgba(59, 65, 75, 0.4);
}
.news__post-info-item::before,
.promotions__post-info-item::before {
  color: rgba(59, 65, 75, 0.4);
}
.news__post-info-item._icon-post-rating::before,
.promotions__post-info-item._icon-post-rating::before {
  margin-top: -2px;
}
.news__post-info-item ._icon-post-like::before,
.promotions__post-info-item ._icon-post-like::before {
  color: rgba(59, 65, 75, 0.4);
  -webkit-text-stroke: 0.5px rgba(59, 65, 75, 0.4);
}
@media (max-width:1680px) {
  .news__post-info-item,
  .promotions__post-info-item {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .news__post-info-item,
  .promotions__post-info-item {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .news__post-info-item,
  .promotions__post-info-item {
    font-size: 10px;
    margin-right: 10px;
  }
}

.news__post-more,
.promotions__post-more {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #3B414B;
  opacity: 0.4;
}
@media (min-width: 991px) {
  .news__post-more,
  .promotions__post-more {
    transition: all linear 0.2s;
  }
  .news__post-more:hover,
  .promotions__post-more:hover {
    opacity: 1;
  }
}
@media (max-width:1680px) {
  .news__post-more,
  .promotions__post-more {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .news__post-more,
  .promotions__post-more {
    font-size: 12px;
  }
}
.news__post-more:active,
.promotions__post-more:active {
  color: #7B20FF;
}
.news__post-more::before,
.promotions__post-more::before {
  margin-left: 7px;
  font-size: 13px;
}
@media (max-width:1680px) {
  .news__post-more::before,
  .promotions__post-more::before {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .news__post-more::before,
  .promotions__post-more::before {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .news__post-more::before,
  .promotions__post-more::before {
    font-size: 9px;
  }
}

.news__body,
.promotions__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .news__body,
  .promotions__body {
    grid-gap: 20px;
  }
}
@media (max-width:991px) {
  .news__body,
  .promotions__body {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width:767px) {
  .news__body,
  .promotions__body {
    grid-template-columns: 1fr 1fr;
  }
}

.promotions__body {
  margin-bottom: 60px;
}
@media (max-width:1680px) {
  .promotions__body {
    margin-bottom: 40px;
  }
}
@media (max-width:991px) {
  .promotions__body {
    margin-bottom: 30px;
  }
}
@media (max-width:767px) {
  .promotions__body {
    margin-bottom: 20px;
  }
}

.news__item,
.promotions__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
@media (min-width: 991px) {
  .news__item,
  .promotions__item {
    transition: all linear 0.2s;
  }
  .news__item:hover,
  .promotions__item:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}

.news__item-image,
.promotions__item-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 51% 0;
  border-radius: 8px;
  height: 0;
}
.news__item-image img,
.news__item-image video,
.promotions__item-image img,
.promotions__item-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1680px) {
  .news__item-image,
  .promotions__item-image {
    padding: 0 0 50% 0;
  }
}
.news__item-body,
.promotions__item-body {
  padding: 20px;
}
@media (max-width:991px) {
  .news__item-body,
  .promotions__item-body {
    padding: 10px;
  }
}
.news__item-title,
.promotions__item-title {
  display: flex;
  margin-bottom: 10px;
}

.news__item-date,
.promotions__item-date {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.4;
  margin: 15px 0 10px;
}
@media (max-width:1680px) {
  .news__item-date,
  .promotions__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .news__item-date,
  .promotions__item-date {
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .news__item-date,
  .promotions__item-date {
    margin: 10px 0;
    font-size: 10px;
  }
}

.news__item-bottom,
.promotions__item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:991px) {
  .news__item-bottom,
  .promotions__item-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
.news__item-info,
.promotions__item-info {
  display: flex;
  align-items: center;
}

.news__item-info-li,
.promotions__item-info-li {
  color: rgba(59, 65, 75, 0.4);
}
.news__item-info-li::before,
.promotions__item-info-li::before {
  color: rgba(59, 65, 75, 0.4);
}
.news__item-info-li._icon-post-rating::before,
.promotions__item-info-li._icon-post-rating::before {
  margin-top: -2px;
}
.news__item-info-li ._icon-post-like::before,
.promotions__item-info-li ._icon-post-like::before {
  color: rgba(59, 65, 75, 0.4);
  -webkit-text-stroke: 0.5px rgba(59, 65, 75, 0.4);
}
@media (max-width:1680px) {
  .news__item-info-li,
  .promotions__item-info-li {
    font-size: 14px;
    margin-right: 10px;
  }
}
@media (max-width:991px) {
  .news__item-info-li,
  .promotions__item-info-li {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .news__item-info-li,
  .promotions__item-info-li {
    font-size: 10px;
    margin-right: 10px;
  }
}

.news__item-more,
.promotions__item-more {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #3B414B;
  opacity: 0.4;
}
@media (min-width: 991px) {
  .news__item-more,
  .promotions__item-more {
    transition: all linear 0.2s;
  }
  .news__item-more:hover,
  .promotions__item-more:hover {
    opacity: 1;
  }
}
@media (max-width:1680px) {
  .news__item-more,
  .promotions__item-more {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .news__item-more,
  .promotions__item-more {
    font-size: 14px;
    margin-left: auto;
    margin-top: 10px;
  }
}
@media (max-width:767px) {
  .news__item-more,
  .promotions__item-more {
    font-size: 12px;
  }
}
.news__item-more:active,
.promotions__item-more:active {
  color: #7B20FF;
}
.news__item-more::before,
.promotions__item-more::before {
  margin-left: 7px;
  font-size: 12px;
}
@media (max-width:1680px) {
  .news__item-more::before,
  .promotions__item-more::before {
    font-size: 10px;
  }
}
@media (max-width:991px) {
  .news__item-more::before,
  .promotions__item-more::before {
    font-size: 9px;
  }
}
.news-filter__top,
.promotions-filter__top {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 2px solid #E8E9EC;
}
@media (max-width:1680px) {
  .news-filter__top,
  .promotions-filter__top {
    padding-bottom: 15px;
  }
}
@media (max-width:991px) {
  .news-filter__top,
  .promotions-filter__top {
    padding-bottom: 10px;
  }
}
@media (max-width:767px) {
  .news-filter__top,
  .promotions-filter__top {
    flex-direction: column;
    align-items: flex-start;
  }
}

.news-filter__search,
.promotions-filter__search,
.rating-filter__search,
.courses-filter__search {
  max-width: 540px;
  min-width: 200px;
  margin-right: 20px;
}
@media (max-width:991px) {
  .news-filter__search,
  .promotions-filter__search,
  .rating-filter__search,
  .courses-filter__search {
    margin-right: 10px;
    max-width: 100%;
  }
}
@media (max-width:767px) {
  .news-filter__search,
  .promotions-filter__search,
  .rating-filter__search,
  .courses-filter__search {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.news-filter__search-btn,
.promotions-filter__search-btn,
.rating-filter__search-btn,
.courses-filter__search-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}
.news-filter__search-btn img,
.promotions-filter__search-btn img,
.rating-filter__search-btn img,
.courses-filter__search-btn img {
  width: 100%;
}
@media (max-width:1680px) {
  .news-filter__search-btn,
  .promotions-filter__search-btn,
  .rating-filter__search-btn,
  .courses-filter__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .news-filter__search-btn,
  .promotions-filter__search-btn,
  .rating-filter__search-btn,
  .courses-filter__search-btn {
    right: 12px;
  }
}
@media (max-width:767px) {
  .news-filter__search-btn,
  .promotions-filter__search-btn,
  .rating-filter__search-btn,
  .courses-filter__search-btn {
    right: 12px;
    width: 13px;
    height: 13px;
  }
}

.news-filter__markers,
.promotions-filter__markers {
  display: grid;
}
@media (max-width:991px) {
  .news-filter__markers,
  .promotions-filter__markers {
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .news-filter__markers,
  .promotions-filter__markers {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}

.news-filter__markers-item,
.promotions-filter__markers-item {
  border: 1px solid #E8E9EC;
  border-radius: 8px;
  background-color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  display: flex;
  align-items: center;
  width: max-content;
  height: 41px;
  padding: 0 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-filter__markers-item span,
.promotions-filter__markers-item span {
  overflow: hidden;
  max-width: 200px;
  text-overflow: ellipsis;
}
@media (min-width: 991px) {
  .news-filter__markers-item,
  .promotions-filter__markers-item {
    transition: all linear 0.2s;
  }
  .news-filter__markers-item:hover,
  .promotions-filter__markers-item:hover {
    opacity: 1;
  }
}
@media (max-width:1680px) {
  .news-filter__markers-item,
  .promotions-filter__markers-item {
    font-size: 16px;
    height: 35px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .news-filter__markers-item,
  .promotions-filter__markers-item {
    font-size: 14px;
    height: 30px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .news-filter__markers-item,
  .promotions-filter__markers-item {
    font-size: 12px;
    height: 30px;
    padding: 0 12px;
    width: 100%;
    justify-content: space-between;
  }
}
.news-filter__markers-item button,
.promotions-filter__markers-item button {
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-filter__markers-item button::before,
.promotions-filter__markers-item button::before {
  font-size: 18px;
  color: rgba(166, 170, 180, 0.6);
}
@media (min-width: 991px) {
  .news-filter__markers-item button::before,
  .promotions-filter__markers-item button::before {
    transition: all linear 0.2s;
  }
  .news-filter__markers-item button:hover::before,
  .promotions-filter__markers-item button:hover::before {
    color: #F3775B;
  }
}

.news-filter__bottom,
.promotions-filter__bottom {
  display: grid;
  grid-template-columns: auto 216px 254px 208px 1fr;
  grid-gap: 30px;
  padding-top: 20px;
}
@media (max-width:1680px) {
  .news-filter__bottom,
  .promotions-filter__bottom {
    grid-gap: 20px;
    grid-template-columns: auto 1fr 1fr 1fr;
    padding-top: 15px;
  }
}
@media (max-width:991px) {
  .news-filter__bottom,
  .promotions-filter__bottom {
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    padding-top: 10px;
  }
}
@media (max-width:767px) {
  .news-filter__bottom,
  .promotions-filter__bottom {
    grid-template-columns: 1.2fr 1fr;
  }
}

.news-filter__radio-wrp,
.promotions-filter__radio-wrp {
  display: flex;
  align-items: center;
}
@media (max-width:767px) {
  .news-filter__radio-wrp,
  .promotions-filter__radio-wrp {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.news-filter__radio,
.promotions-filter__radio {
  display: flex;
  cursor: pointer;
  user-select: none;
  margin-right: 20px;
}
.news-filter__radio input,
.promotions-filter__radio input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.news-filter__radio input:checked + span,
.promotions-filter__radio input:checked + span {
  background: #7B20FF;
  color: #fff;
}
.news-filter__radio span,
.promotions-filter__radio span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 28px;
  height: 41px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  padding: 0 18px;
}
@media (min-width: 991px) {
  .news-filter__radio span,
  .promotions-filter__radio span {
    transition: all linear 0.2s;
  }
  .news-filter__radio span:hover,
  .promotions-filter__radio span:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
@media (max-width:1680px) {
  .news-filter__radio span,
  .promotions-filter__radio span {
    height: 35px;
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .news-filter__radio span,
  .promotions-filter__radio span {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .news-filter__radio span,
  .promotions-filter__radio span {
    height: 30px;
    font-size: 12px;
    padding: 0 12px;
  }
}
.news-filter__radio:last-child,
.promotions-filter__radio:last-child {
  margin-right: 0;
}
@media (max-width:991px) {
  .news-filter__radio,
  .promotions-filter__radio {
    margin-right: 10px;
  }
}
@media (max-width:767px) {
  .news-filter__radio,
  .promotions-filter__radio {
    margin-top: 5px;
  }
}

@media (max-width:991px) {
  .news-filter__select,
  .promotions-filter__select {
    max-width: 220px !important;
  }
}
@media (max-width:767px) {
  .news-filter__select._city,
  .promotions-filter__select._city {
    grid-column-start: 1;
    grid-column-end: 3;
    max-width: 100% !important;
  }
}
.news-filter__btns,
.promotions-filter__btns {
  display: flex;
  align-items: center;
}
@media (max-width:767px) {
  .news-filter__btns,
  .promotions-filter__btns {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.news-filter__btn.btn-tp,
.promotions-filter__btn.btn-tp,
.rating-filter__btn.btn-tp {
  border-color: #3B414B;
  color: #3B414B;
  margin-left: 20px;
}
@media (max-width:991px) {
  .news-filter__btn.btn-tp,
  .promotions-filter__btn.btn-tp,
  .rating-filter__btn.btn-tp {
    margin-left: 10px;
  }
}
@media (max-width:767px) {
  .news-filter__btn.btn-tp,
  .promotions-filter__btn.btn-tp,
  .rating-filter__btn.btn-tp {
    margin-left: 20px;
  }
}

.single-new__inner {
  display: grid;
  grid-template-columns: 398px 1fr;
  grid-gap: 60px;
}
@media (max-width:1680px) {
  .single-new__inner {
    grid-gap: 40px;
    grid-template-columns: 285px 1fr;
  }
}
@media (max-width:991px) {
  .single-new__inner {
    grid-gap: 20px;
    grid-template-columns: 230px 1fr;
  }
}
@media (max-width:767px) {
  .single-new__inner {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}

@media (max-width:767px) {
  .single-new__sidebar {
    margin-top: 40px;
  }
}

.single-new__content-wrp {
  padding-right: 255px;
}
@media (max-width:1680px) {
  .single-new__content-wrp {
    padding-right: 100px;
  }
}
@media (max-width:991px) {
  .single-new__content-wrp {
    padding-right: 0;
  }
}
.single-new__top {
  display: flex;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .single-new__top {
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .single-new__top {
    justify-content: space-between;
  }
}

.single-new__rating {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #7B20FF;
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.single-new__rating img {
  width: 24px;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width:1680px) {
  .single-new__rating img {
    width: 20px;
  }
}
@media (max-width:991px) {
  .single-new__rating img {
    margin-right: 5px;
  }
}
@media (max-width:767px) {
  .single-new__rating img {
    width: 18px;
  }
}
@media (max-width:1680px) {
  .single-new__rating {
    font-size: 20px;
    font-weight: 500;
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .single-new__rating {
    font-size: 18px;
    font-weight: 400;
  }
}
@media (max-width:767px) {
  .single-new__rating {
    margin-left: 10px;
  }
}

.single-new__categories {
  display: flex;
  flex-wrap: wrap;
}
.single-new__categories .single-new__categories-item {
  background: #EEE2FF;
  border-radius: 8px;
  padding: 5px 15px;
  margin-right: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
}
.single-new__categories .single-new__categories-item:nth-child(2n) {
  background: #BEF7FF;
}
.single-new__categories .single-new__categories-item:last-child {
  margin-right: 0;
}
@media (max-width:1680px) {
  .single-new__categories .single-new__categories-item {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-new__categories .single-new__categories-item {
    padding: 3.5px 11px;
    margin-right: 10px;
    font-size: 10px;
    font-weight: 700;
  }
}
@media (max-width:767px) {
  .single-new__categories .single-new__categories-item {
    padding: 3.5px 9.5px;
  }
}

.single-new__author {
  margin: 30px 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  display: flex;
}
@media (max-width:1680px) {
  .single-new__author {
    margin: 20px 0;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-new__author {
    margin: 10px 0;
    font-size: 10px;
  }
}
.single-new__author-inner span {
  color: #7B20FF;
  font-weight: 500;
}

.single-new__date {
  margin-left: 10px;
  color: #3B414B;
  opacity: 0.3;
}

.single-new__image {
  display: flex;
  overflow: hidden;
  position: relative;
  padding: 0 0 50% 0;
  margin: 30px 0;
  border-radius: 12px;
}
@media (max-width:1680px) {
  .single-new__image {
    margin: 20px 0;
  }
}
@media (max-width:991px) {
  .single-new__image {
    margin: 10px 0;
  }
}
.single-new__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-new__text p {
  margin-top: 30px;
}
.single-new__text p:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .single-new__text p {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .single-new__text p {
    margin-top: 10px;
  }
}
.single-new__list {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-new__list {
    margin-top: 10px;
  }
}
.single-new__list li {
  margin-bottom: 10px;
  display: flex;
}
.single-new__list li:last-child {
  margin-bottom: 0;
}
.single-new__list li::before {
  content: "";
  display: inline-flex;
  background: #7B20FF;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  margin-top: 4px;
}
@media (max-width:1680px) {
  .single-new__list li::before {
    width: 12px;
    height: 12px;
  }
}
@media (max-width:991px) {
  .single-new__list li::before {
    width: 6px;
    height: 6px;
    margin-right: 5px;
    margin-top: 6px;
  }
}
@media (max-width:767px) {
  .single-new__list li::before {
    margin-top: 5px;
  }
}

.single-new__bottom {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .single-new__bottom {
    margin-top: 20px;
  }
}
.single-new__toup,
.single-new__share {
  display: flex;
  width: max-content;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: rgba(59, 65, 75, 0.6);
}
@media (max-width:1680px) {
  .single-new__toup,
  .single-new__share {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-new__toup,
  .single-new__share {
    font-size: 12px;
  }
}
.single-new__toup {
  margin-right: 30px;
  text-decoration: underline;
}
@media (max-width:1680px) {
  .single-new__toup {
    margin-right: 20px;
  }
}
.single-new__share {
  flex-direction: row-reverse;
  position: relative;
  cursor: pointer;
}
.single-new__share span {
  text-decoration: underline;
}
.single-new__share::before {
  font-size: 16px;
  margin-left: 10px;
}
.single-new__share._active span {
  text-decoration: none;
}
.single-new__share._active .single-new__share-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
@media (min-width: 991px) {
  .single-new__share:hover span {
    text-decoration: none;
  }
  .single-new__share:hover .single-new__share-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
}

.single-new__share-list {
  background: #FFFFFF;
  border: 1px solid #E8E9EC;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  border-radius: 8px;
  transition: all linear 0.2s;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 100%;
  z-index: 5;
  bottom: 100%;
  min-width: 170px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
@media (max-width:1680px) {
  .single-new__share-list {
    min-width: 144px;
  }
}
@media (max-width:991px) {
  .single-new__share-list {
    min-width: 120px;
  }
}
.single-new__share-list li:last-child {
  border-bottom: none;
}

.single-new__share-item {
  display: flex;
  align-items: center;
  height: 41px;
  padding: 0 18px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #A6AAB4;
  border-bottom: 1px solid #F2F3F5;
}
.single-new__share-item img {
  margin-right: 5px;
  width: 23px;
}
@media (max-width:1680px) {
  .single-new__share-item {
    height: 35px;
    padding: 0 14px;
    font-size: 12px;
  }
  .single-new__share-item img {
    width: 21px;
  }
}
@media (max-width:991px) {
  .single-new__share-item {
    height: 30px;
    padding: 0 12px;
    font-size: 10px;
  }
  .single-new__share-item img {
    width: 18px;
  }
}
.single-new__comments {
  margin-top: 60px;
}
@media (max-width:1680px) {
  .single-new__comments {
    margin-top: 40px;
  }
}
.single-new__comments-not-registered {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-new__comments-not-registered .text-md {
  color: #3B414B;
  text-align: center;
}
.single-new__comments-not-registered .btn {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-new__comments-not-registered .btn {
    margin-top: 10px;
  }
}
.single-new__comments-title {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .single-new__comments-title {
    margin-bottom: 10px;
  }
}
.single-new__comments-textarea textarea {
  min-height: 104px;
  background: transparent;
  padding: 10px 18px;
  resize: vertical;
  max-height: 300px;
  /* ползунок скроллбара */
}
.single-new__comments-textarea textarea::-webkit-scrollbar {
  width: 5px;
  /* ширина для вертикального скролла */
  background: #F2F3F5;
  border-radius: 3px;
}
.single-new__comments-textarea textarea::-webkit-scrollbar-thumb {
  background: #8E83FF;
  border-radius: 20px;
}
@media (min-width: 991px) {
  .single-new__comments-textarea textarea::-webkit-scrollbar-thumb {
    transition: all linear 0.2s;
  }
  .single-new__comments-textarea textarea::-webkit-scrollbar-thumb:hover {
    background: #7B20FF;
  }
}
.single-new__comments-textarea textarea::placeholder {
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .single-new__comments-textarea textarea {
    padding: 8px 14px;
  }
}
@media (max-width:991px) {
  .single-new__comments-textarea textarea {
    padding: 6px 12px;
  }
}
.single-new__comments-form-bottom {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-new__comments-form-bottom {
    margin-top: 10px;
  }
}
.single-new__comments-btn {
  margin-right: 30px;
}
@media (max-width:1680px) {
  .single-new__comments-btn {
    margin-right: 20px;
  }
}
.rating-area {
  overflow: hidden;
  display: inline-flex;
  flex-direction: row-reverse;
  margin-left: -5px;
}

.rating-area:not(:checked) > input {
  display: none;
}

.rating-area:not(:checked) > label {
  padding: 0;
  cursor: pointer;
  font-size: 24px;
  color: #E8E9EC;
  margin: 0 5px;
}
@media (max-width:1680px) {
  .rating-area:not(:checked) > label {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .rating-area:not(:checked) > label {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .rating-area:not(:checked) > label {
    font-size: 13px;
  }
}

.rating-area > input:checked ~ label {
  color: #7B20FF;
}

.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
  color: #7B20FF;
}

.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
  color: #7B20FF;
}

.rate-area > label:active {
  position: relative;
}

.rating-result {
  display: inline-flex;
  margin-left: 7.5px;
}

.rating-result span {
  padding: 0;
  font-size: 16px;
  margin: 0 2.5px;
  color: lightgrey;
}
@media (max-width:767px) {
  .rating-result span {
    font-size: 13px;
  }
}

.rating-result > span.active {
  color: #7B20FF;
}

.single-new__comments-label {
  color: #3B414B;
  margin: 66px 0 30px;
}
.single-new__comments-label span {
  text-decoration: underline;
}
@media (max-width:1680px) {
  .single-new__comments-label {
    margin: 30px 0 20px;
  }
}
@media (max-width:991px) {
  .single-new__comments-label {
    margin: 20px 0;
  }
}
.single-new__comments-item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  margin-top: 20px;
}
.single-new__comments-item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .single-new__comments-item {
    margin-top: 10px;
  }
}
.single-new__comments-item-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .single-new__comments-item-photo {
    min-width: 52px;
    width: 52px;
    height: 52px;
  }
}
@media (max-width:991px) {
  .single-new__comments-item-photo {
    min-width: 45px;
    width: 45px;
    height: 45px;
  }
}
@media (max-width:767px) {
  .single-new__comments-item-photo {
    min-width: 38px;
    width: 38px;
    height: 38px;
  }
}
.single-new__comments-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-new__comments-item-text {
  margin: 10px 0;
}

.single-new__comments-item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.3;
}
@media (max-width:1680px) {
  .single-new__comments-item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-new__comments-item-date {
    font-size: 10px;
  }
}
.rating-filter {
  margin-bottom: 60px;
}
@media (max-width:1680px) {
  .rating-filter {
    margin-bottom: 40px;
  }
}
@media (max-width:991px) {
  .rating-filter {
    margin-bottom: 30px;
  }
}
.rating-filter__inner {
  display: grid;
  grid-template-columns: 730px 1fr 0.8fr auto;
  grid-gap: 40px 20px;
  padding-bottom: 20px;
  position: relative;
}
.rating-filter__inner::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:1680px) {
  .rating-filter__inner::before {
    top: 49px;
  }
}
@media (max-width:991px) {
  .rating-filter__inner::before {
    top: 39px;
  }
}
@media (max-width:1680px) {
  .rating-filter__inner {
    grid-template-columns: 588px 1fr 1fr;
    grid-gap: 30px 20px;
  }
}
@media (max-width:991px) {
  .rating-filter__inner {
    grid-template-columns: 1.5fr 1.2fr 1fr;
    grid-gap: 20px 10px;
  }
}
@media (max-width:767px) {
  .rating-filter__inner {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}

.rating-filter__search {
  max-width: 100%;
  position: relative;
}

.rating-filter__col {
  display: flex;
  position: relative;
  z-index: 10;
}
.rating-filter__col > span {
  white-space: nowrap;
  display: flex;
  align-items: center;
  color: #3B414B;
}
.rating-filter__col .rating-filter__input {
  margin-left: 10px;
}
@media (max-width:1680px) {
  .rating-filter__col .rating-filter__input {
    max-width: 180px;
  }
}
@media (max-width:991px) {
  .rating-filter__col .rating-filter__input {
    max-width: 150px;
  }
}
@media (max-width:767px) {
  .rating-filter__col .rating-filter__input {
    max-width: 100%;
    margin-left: 0;
  }
}
@media (max-width:1680px) {
  .rating-filter__col {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
@media (max-width:991px) {
  .rating-filter__col {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width:767px) {
  .rating-filter__col {
    grid-column-end: 2;
    grid-row-start: auto;
    grid-row-end: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 20px;
  }
  .rating-filter__col span {
    margin-right: 0;
    grid-column-start: 1;
    grid-column-end: 3;
    font-size: 14px;
  }
}

.rating-filter__btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
@media (max-width:1680px) {
  .rating-filter__btns {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (max-width:767px) {
  .rating-filter__btns {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: auto;
    grid-row-end: auto;
    justify-content: flex-start;
  }
}

.rating__inner {
  display: grid;
  grid-template-columns: 398px 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .rating__inner {
    grid-gap: 20px;
    grid-template-columns: 285px 1fr;
  }
}
@media (max-width:991px) {
  .rating__inner {
    grid-gap: 20px;
    grid-template-columns: 230px 1fr;
  }
}
@media (max-width:767px) {
  .rating__inner {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}

@media (max-width:767px) {
  .rating__content {
    grid-row-start: 1;
  }
}
.rating__content-header {
  background: #7B20FF;
  border-radius: 15px;
  display: grid;
  grid-template-columns: 60px 1fr 0.4fr 0.4fr 0.4fr 0.5fr 195px;
  grid-gap: 20px;
  height: 41px;
}
@media (max-width:1680px) {
  .rating__content-header {
    grid-gap: 10px;
    height: 37px;
    grid-template-columns: 48px 1fr 0.4fr 0.4fr 0.5fr 0.5fr 158px;
  }
}
@media (max-width:991px) {
  .rating__content-header {
    border-radius: 8px;
    height: 30px;
    grid-template-columns: 34px 1.2fr 0.8fr 1.4fr 1.2fr 58px;
    grid-gap: 5px;
  }
}
@media (max-width:767px) {
  .rating__content-header {
    border-radius: 6px;
    height: 25px;
    grid-template-columns: 38px 0.8fr 1fr 1.4fr auto;
    grid-gap: 10px;
  }
}

.rating__content-header-col {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  display: flex;
  align-items: center;
}
.rating__content-header-col._number, .rating__content-header-col._user {
  justify-content: center;
}
.rating__content-header-col:first-child {
  border-right: 1px solid #F2F3F5;
}
.rating__content-header-col:last-child {
  border-left: 1px solid #F2F3F5;
}
@media (max-width:1680px) {
  .rating__content-header-col {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .rating__content-header-col {
    font-size: 12px;
  }
  .rating__content-header-col._age, .rating__content-header-col._education, .rating__content-header-col._city {
    display: none;
  }
  .rating__content-header-col._ratings {
    grid-column-start: 5;
  }
}
@media (max-width:767px) {
  .rating__content-header-col:last-child {
    border-left: none;
  }
  .rating__content-header-col._ratings {
    display: none;
  }
  .rating__content-header-col._user {
    justify-content: flex-start;
  }
}

.rating__item {
  display: grid;
  grid-template-columns: 60px 1fr 0.4fr 0.4fr 0.4fr 0.5fr 195px;
  grid-gap: 20px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 20px 0;
  margin-top: 20px;
}
@media (min-width: 991px) {
  .rating__item {
    transition: box-shadow linear 0.2s;
  }
  .rating__item:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
@media (max-width:1680px) {
  .rating__item {
    grid-gap: 10px;
    padding: 10px 0;
    margin-top: 10px;
    grid-template-columns: 48px 1fr 0.4fr 0.4fr 0.5fr 0.5fr 158px;
  }
}
@media (max-width:991px) {
  .rating__item {
    border-radius: 8px;
    grid-template-columns: 34px 1.2fr 0.8fr 1.4fr 1.2fr 58px;
    grid-gap: 5px;
  }
}
@media (max-width:767px) {
  .rating__item {
    border-radius: 6px;
    grid-template-columns: 38px 0.8fr 1fr 1.4fr auto;
    grid-gap: 10px;
  }
}
.rating__item._first {
  background: rgba(255, 193, 178, 0.7);
}
.rating__item._first .rating__item-col {
  border-color: #fff;
}
.rating__item._first .rating__item-user-photo {
  border: 3px solid #F3775B;
}
.rating__item._first .rating__item-number {
  font-size: 18px;
  font-weight: 900;
  color: #F3775B;
}
.rating__item._second {
  background: rgba(227, 224, 255, 0.7);
}
.rating__item._second .rating__item-col {
  border-color: #fff;
}
.rating__item._second .rating__item-user-photo {
  border: 3px solid #8E83FF;
}
.rating__item._second .rating__item-number {
  font-size: 18px;
  font-weight: 900;
  color: #8E83FF;
}
.rating__item._third {
  background: rgba(190, 247, 255, 0.7);
}
.rating__item._third .rating__item-col {
  border-color: #fff;
}
.rating__item._third .rating__item-user-photo {
  border: 3px solid #1FC6DF;
}
.rating__item._third .rating__item-number {
  font-size: 18px;
  font-weight: 900;
  color: #1FC6DF;
}
@media (max-width:1680px) {
  .rating__item._first .rating__item-number, .rating__item._second .rating__item-number, .rating__item._third .rating__item-number {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .rating__item._first .rating__item-number, .rating__item._second .rating__item-number, .rating__item._third .rating__item-number {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .rating__item._first .rating__item-number, .rating__item._second .rating__item-number, .rating__item._third .rating__item-number {
    font-size: 10px;
  }
}

.rating__item-col {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
.rating__item-col:first-child {
  border-right: 1px solid #E8E9EC;
}
.rating__item-col:last-child {
  border-left: 1px solid #E8E9EC;
}
@media (max-width:1680px) {
  .rating__item-col {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .rating__item-col {
    font-size: 12px;
  }
  .rating__item-col._user {
    grid-column-start: 2;
    grid-column-end: 5;
  }
  .rating__item-col._age {
    grid-column-start: 2;
    grid-column-end: 3;
    padding-left: 30px;
  }
  .rating__item-col._education {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .rating__item-col._city {
    grid-column-start: 4;
    grid-column-end: 5;
  }
  .rating__item-col._ratings, .rating__item-col._more, .rating__item-col._number {
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .rating__item-col._number {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .rating__item-col._more {
    grid-column-start: 6;
    grid-column-end: 7;
  }
  .rating__item-col._ratings {
    grid-column-start: 5;
    grid-column-end: 6;
  }
}
@media (max-width:767px) {
  .rating__item-col:last-child {
    border-left: none;
  }
  .rating__item-col._user {
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .rating__item-col._age {
    grid-row-start: 3;
    grid-row-end: 4;
    padding-left: 0;
  }
  .rating__item-col._education {
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .rating__item-col._city {
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .rating__item-col._number {
    grid-row-end: 3;
  }
  .rating__item-col._more {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 4;
  }
  .rating__item-col._ratings {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 5;
  }
}

.rating__item-number {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #7B20FF;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width:991px) {
  .rating__item-number {
    font-size: 10px;
  }
}
.rating__item-user {
  display: flex;
  align-items: center;
}
@media (max-width:991px) {
  .rating__item-user {
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  .rating__item-user {
    align-items: center;
  }
}

.rating__item-user-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  min-width: 70px;
  width: 70px;
  height: 70px;
  border: 3px solid #7B20FF;
}
@media (max-width:1680px) {
  .rating__item-user-photo {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-width: 2px !important;
  }
}
@media (max-width:991px) {
  .rating__item-user-photo {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-width: 1px !important;
  }
}
@media (max-width:767px) {
  .rating__item-user-photo {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-width: 2px !important;
  }
}
.rating__item-user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.rating__item-photo-wrp {
  position: relative;
  margin-right: 35px;
  height: max-content;
}
@media (max-width:1680px) {
  .rating__item-photo-wrp {
    margin-right: 10px;
  }
}
@media (max-width:991px) {
  .rating__item-photo-wrp {
    margin-right: 5px;
  }
}
.rating__item-user-reward {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 44px;
  transform: translate(-30%, 30%);
}
@media (max-width:1680px) {
  .rating__item-user-reward {
    width: 28px;
    transform: translate(-20%, 20%);
  }
}
@media (max-width:991px) {
  .rating__item-user-reward {
    width: 18px;
    transform: translate(-30%, 30%);
  }
}
.rating__item-user-reward img {
  width: 100%;
}

.rating__item-user-name {
  display: flex;
  align-items: center;
}

.rating__item-ratings {
  display: flex;
  align-items: center;
}
.rating__item-ratings span {
  line-height: 100%;
}
.rating__item-ratings img {
  margin-left: 20px;
  height: 21px;
}
@media (max-width:1680px) {
  .rating__item-ratings img {
    margin-left: 10px;
    height: 16px;
  }
}
@media (max-width:991px) {
  .rating__item-ratings img {
    margin-left: 5px;
    height: 12px;
  }
}
.rating__item-more {
  margin: 0 auto;
  flex-direction: row-reverse;
  white-space: nowrap;
}
@media (max-width:991px) {
  .rating__item-more {
    min-width: 38px;
    max-width: 38px;
    width: 38px;
    justify-content: flex-start;
    overflow: hidden;
    margin: 0 10px;
  }
}
@media (max-width:767px) {
  .rating__item-more {
    margin-top: auto;
  }
}
.rating__item-more::before {
  margin-left: 8px;
  font-size: 14px;
}
@media (max-width:1680px) {
  .rating__item-more::before {
    margin-left: 7px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .rating__item-more::before {
    margin-left: 10px;
  }
}
.rating__content._mentors .rating__content-header {
  grid-template-columns: 60px 1fr 0.4fr 0.4fr 0.5fr 195px;
}
@media (max-width:1680px) {
  .rating__content._mentors .rating__content-header {
    grid-template-columns: 48px 1fr 0.3fr 0.5fr 0.5fr 158px;
  }
}
@media (max-width:991px) {
  .rating__content._mentors .rating__content-header {
    grid-template-columns: 34px 0.7fr 1fr 0.7fr 58px;
  }
}
@media (max-width:767px) {
  .rating__content._mentors .rating__content-header {
    grid-template-columns: 38px 0.6fr 1.2fr auto;
  }
}
.rating__content._mentors .rating__item {
  grid-template-columns: 60px 1fr 0.4fr 0.4fr 0.5fr 195px;
}
@media (max-width:1680px) {
  .rating__content._mentors .rating__item {
    grid-template-columns: 48px 1fr 0.3fr 0.5fr 0.5fr 158px;
  }
}
@media (max-width:991px) {
  .rating__content._mentors .rating__item {
    grid-template-columns: 34px 0.7fr 1fr 0.7fr 58px;
  }
}
@media (max-width:767px) {
  .rating__content._mentors .rating__item {
    grid-template-columns: 38px 0.6fr 1.2fr auto;
  }
}
@media (max-width:991px) {
  .rating__content._mentors .rating__item-col._user {
    grid-column-end: 4;
  }
  .rating__content._mentors .rating__item-col._education {
    grid-column-start: 2;
    grid-column-end: 3;
    padding-left: 30px;
  }
  .rating__content._mentors .rating__item-col._city {
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .rating__content._mentors .rating__item-col._ratings {
    grid-column-start: 4;
    grid-column-end: 5;
  }
  .rating__content._mentors .rating__item-col._more {
    grid-column-start: 5;
    grid-column-end: 6;
  }
}
@media (max-width:767px) {
  .rating__content._mentors .rating__item-col._user {
    grid-column-end: 5;
  }
  .rating__content._mentors .rating__item-col._education {
    padding-left: 0px;
  }
  .rating__content._mentors .rating__item-col._ratings {
    grid-column-start: 2;
    grid-column-end: 4;
  }
  .rating__content._mentors .rating__item-col._more {
    grid-column-start: 4;
    grid-column-end: 5;
  }
}
@media (max-width:991px) {
  .rating__content._mentors .rating__content-header-col._ratings {
    grid-column-start: 4;
    grid-column-end: 5;
  }
}
.single-rating__inner {
  display: grid;
  grid-template-columns: 540px 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .single-rating__inner {
    grid-gap: 20px;
    grid-template-columns: 388px 1fr;
  }
}
@media (max-width:991px) {
  .single-rating__inner {
    grid-template-columns: 230px 1fr;
  }
}
@media (max-width:767px) {
  .single-rating__inner {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}

.single-rating__user {
  background: #FFE5BC;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .single-rating__user {
    padding: 20px;
    margin-bottom: 10px;
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .single-rating__user {
    padding: 10px;
  }
}
.single-rating__user-photo-wrp {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
}

.single-rating__user-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #FACFC5;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  width: 138px;
  min-width: 138px;
  height: 138px;
  z-index: 10;
}
@media (max-width:1680px) {
  .single-rating__user-photo {
    width: 110px;
    min-width: 110px;
    height: 110px;
  }
}
@media (max-width:991px) {
  .single-rating__user-photo {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-width: 2px;
  }
}
.single-rating__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-rating__user-place {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FACFC5;
  border-radius: 20px;
  height: 30px;
  padding: 0 16px;
  width: max-content;
  margin-top: -5px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F3775B;
  position: relative;
}
.single-rating__user-place span {
  margin-right: 5px;
}
.single-rating__user-place::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../../images/img/icons/lightning.svg") no-repeat center/100%;
  width: 15px;
  height: 18px;
  transform: translate(10%, -20%);
}
@media (max-width:1680px) {
  .single-rating__user-place::before {
    transform: translate(30%, -30%);
    width: 12px;
    height: 16px;
  }
}
@media (max-width:991px) {
  .single-rating__user-place::before {
    width: 11px;
    height: 14px;
    transform: translate(10%, -30%);
  }
}
@media (max-width:1680px) {
  .single-rating__user-place {
    height: 28px;
    font-size: 14px;
    margin-top: -3px;
  }
}
@media (max-width:991px) {
  .single-rating__user-place {
    font-size: 12px;
    padding: 0 12px;
    margin-top: -5px;
  }
}
.single-rating__user-name {
  display: flex;
  margin-bottom: 10px;
}

.single-rating__user-ratings {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: rgba(59, 65, 75, 0.6);
  margin-bottom: 10px;
}
.single-rating__user-ratings img {
  margin-left: 10px;
  height: 14px;
}
@media (max-width:991px) {
  .single-rating__user-ratings img {
    height: 12px;
  }
}
.single-rating__user-info {
  display: flex;
  align-items: center;
  margin: 10px 0 20px;
}
.single-rating__user-info._mentor {
  flex-direction: column !important;
  align-items: flex-start !important;
}
.single-rating__user-info._mentor .single-rating__user-info-item {
  margin-bottom: 10px !important;
  margin-right: 0 !important;
}
.single-rating__user-info._mentor .single-rating__user-info-item:last-child {
  margin-bottom: 0 !important;
}
@media (max-width:991px) {
  .single-rating__user-info {
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 0;
  }
}
@media (max-width:767px) {
  .single-rating__user-info {
    flex-direction: row;
    align-items: center;
  }
}

.single-rating__user-info-item {
  display: flex;
  align-items: center;
  line-height: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-rating__user-info-item {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-rating__user-info-item {
    font-size: 10px;
  }
}
.single-rating__user-info-item img {
  width: 17px;
  margin-right: 5px;
  margin-top: -1px;
}
@media (max-width:991px) {
  .single-rating__user-info-item img {
    font-size: 14px;
  }
}
.single-rating__user-info-item._age {
  margin-left: 30px;
}
@media (max-width:1680px) {
  .single-rating__user-info-item._age {
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .single-rating__user-info-item._age {
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (max-width:767px) {
  .single-rating__user-info-item._age {
    margin-left: 10px;
    margin-top: 0;
  }
}

.single-rating__user-awards {
  display: flex;
  flex-direction: row-reverse;
  width: max-content;
  align-items: center;
}
@media (max-width:991px) {
  .single-rating__user-awards {
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -80px;
    width: auto;
  }
}
@media (max-width:767px) {
  .single-rating__user-awards {
    margin-left: 0;
  }
}

.single-rating__user-awards-item {
  width: 52px;
  min-width: 52px;
  height: max-content;
  cursor: pointer;
  margin-left: -25px;
  transform: translateX(25px);
}
@media (min-width: 991px) {
  .single-rating__user-awards-item {
    transition: all linear 0.2s;
  }
  .single-rating__user-awards-item:hover {
    transform: translateX(25px) translateX(50%);
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .single-rating__user-awards-item:hover {
    transform: translateX(18px) translateX(50%);
  }
}
@media (max-width:1680px) {
  .single-rating__user-awards-item {
    width: 36px;
    min-width: 36px;
    margin-left: -18px;
    transform: translateX(18px);
  }
}
@media (max-width:991px) {
  .single-rating__user-awards-item {
    margin-left: 0;
    transform: translateX(0px);
    margin-right: 5px;
    width: 32px;
    min-width: 32px;
  }
}
.single-rating__user-awards-item img {
  width: 100%;
}

.single-rating__slogan {
  background: #FACFC5;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
}
@media (max-width:1680px) {
  .single-rating__slogan {
    padding: 20px;
  }
}
@media (max-width:991px) {
  .single-rating__slogan {
    padding: 10px;
  }
}
.single-rating__slogan-title {
  display: flex;
  color: #F3775B;
  margin-bottom: 10px;
}

.single-rating__slogan-text {
  color: #3B414B;
}

.single-rating__statistics {
  background: #E7E5FB;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-rating__statistics {
    padding: 20px;
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .single-rating__statistics {
    padding: 10px;
  }
}
.single-rating__statistics-title {
  margin-bottom: 20px;
  color: #8E83FF;
}
@media (max-width:1680px) {
  .single-rating__statistics-title {
    margin-bottom: 10px;
  }
}
.single-rating__statistics-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #3B414B;
  opacity: 1;
}
.single-rating__statistics-row span {
  color: #7B20FF;
  font-weight: 500;
}
.single-rating__statistics-row:last-child {
  margin-bottom: 0;
}

.single-rating__content {
  min-width: 0;
}

.single-rating__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px 20px;
}
.single-rating__item:first-child {
  margin-top: 0;
}
@media (min-width: 991px) {
  .single-rating__item {
    transition: box-shadow linear 0.2s;
  }
  .single-rating__item:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
@media (max-width:1680px) {
  .single-rating__item {
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .single-rating__item {
    padding: 15px;
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .single-rating__item {
    grid-gap: 10px 5px;
  }
}

.single-rating__item-photo {
  grid-row-start: 1;
  grid-row-end: 4;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  min-width: 130px;
  width: 130px;
  height: 138px;
}
@media (max-width:991px) {
  .single-rating__item-photo {
    width: 105px;
    min-width: 105px;
    height: 125px;
  }
}
@media (max-width:767px) {
  .single-rating__item-photo {
    width: 60px;
    min-width: 60px;
    height: 72px;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.single-rating__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-rating__item-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width:767px) {
  .single-rating__item-row._second, .single-rating__item-row._third {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width:767px) {
  .single-rating__item-row._second {
    grid-row-start: 2;
  }
  .single-rating__item-row._third {
    grid-row-start: 3;
  }
}

.single-rating__item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #A6AAB4;
  margin-left: 30px;
  text-align: right;
  min-width: 90px;
}
@media (max-width:1680px) {
  .single-rating__item-date {
    font-size: 12px;
    font-weight: 500;
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .single-rating__item-date {
    font-size: 10px;
    margin-left: 10px;
  }
}
@media (max-width:767px) {
  .single-rating__item-date {
    margin-left: 5px;
    min-width: 85px;
  }
}

.single-rating__item-quantity {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 130%;
  color: #F3775B;
  margin-left: 30px;
}
@media (max-width:1680px) {
  .single-rating__item-quantity {
    font-size: 20px;
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .single-rating__item-quantity {
    font-size: 18px;
    margin-left: 10px;
  }
}
@media (max-width:767px) {
  .single-rating__item-quantity {
    font-size: 15px;
    margin-left: 5px;
  }
}

.single-rating__item-btn {
  flex-direction: row-reverse;
  margin-top: auto;
  margin-left: 30px;
}
.single-rating__item-btn::before {
  font-size: 14px;
  margin-left: 7px;
}
@media (max-width:1680px) {
  .single-rating__item-btn::before {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-rating__item-btn::before {
    margin-left: 10px;
  }
}
@media (max-width:767px) {
  .single-rating__item-btn::before {
    font-size: 10px;
  }
}
@media (max-width:1680px) {
  .single-rating__item-btn {
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .single-rating__item-btn {
    max-width: 38px;
    min-width: 38px;
    overflow: hidden;
    justify-content: flex-start;
    margin-left: 10px;
  }
}
@media (max-width:767px) {
  .single-rating__item-btn {
    max-width: 32px;
    min-width: 32px;
    margin-left: 5px;
    height: 26px;
    padding-right: 10px;
  }
}

.single-rating__slider-wrp {
  min-width: 0;
  position: relative;
}

.single-rating__slider-title {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .single-rating__slider-title {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .single-rating__slider-title {
    margin-bottom: 10px;
  }
}
.single-rating__slider {
  width: 100%;
}

.single-rating__slider-slide {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width:991px) {
  .single-rating__slider-slide {
    padding: 20px 10px;
  }
}
@media (max-width:767px) {
  .single-rating__slider-slide {
    padding: 20px;
  }
}
.single-rating__slider-slide:nth-child(3n) {
  background: #E3E0FF;
}
.single-rating__slider-slide:nth-child(3n+1) {
  background: rgba(255, 226, 56, 0.4);
}
.single-rating__slider-slide:nth-child(3n+2) {
  background: #BEF7FF;
}

.single-rating__slider-slide-title {
  margin: 12px 0 5px;
  text-align: center;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-rating__slider-slide-title {
    margin: 10px 0 5px;
  }
}
.single-rating__slider-slide-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
  opacity: 0.4;
}
@media (max-width:1680px) {
  .single-rating__slider-slide-text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-rating__slider-slide-text {
    font-size: 10px;
  }
}
.single-rating__slider-btn-prev,
.single-rating__slider-btn-next {
  width: max-content;
  margin-top: 0;
  height: max-content;
  top: 0 !important;
}
.single-rating__slider-btn-prev::after,
.single-rating__slider-btn-next::after {
  display: none !important;
}
.single-rating__slider-btn-prev::before,
.single-rating__slider-btn-next::before {
  font-size: 17px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-rating__slider-btn-prev::before,
  .single-rating__slider-btn-next::before {
    font-size: 12px;
  }
}
@media (min-width: 991px) {
  .single-rating__slider-btn-prev::before,
  .single-rating__slider-btn-next::before {
    transition: all linear 0.2s;
  }
  .single-rating__slider-btn-prev:hover::before,
  .single-rating__slider-btn-next:hover::before {
    color: #8E83FF;
  }
}
.single-rating__slider-btn-prev:active::before,
.single-rating__slider-btn-next:active::before {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .single-rating__slider-btn-prev,
  .single-rating__slider-btn-next {
    top: 4px !important;
  }
}
.single-rating__slider-btn-prev {
  left: auto;
  right: 50px !important;
}
@media (max-width:1680px) {
  .single-rating__slider-btn-prev {
    right: 34px !important;
  }
}
.single-rating__slider-btn-next {
  right: 0 !important;
}

.courses-filter {
  margin-bottom: 50px;
}
@media (max-width:1680px) {
  .courses-filter {
    margin-bottom: 40px;
  }
}
@media (max-width:991px) {
  .courses-filter {
    margin-bottom: 20px;
  }
}
.courses-filter__inner {
  display: grid;
  grid-template-columns: 460px 1fr 1fr 1fr 1fr;
  grid-gap: 40px 20px;
  position: relative;
}
.courses-filter__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 61px;
  left: 0;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:1680px) {
  .courses-filter__inner::before {
    top: calc(120% - 1px);
  }
}
@media (max-width:991px) {
  .courses-filter__inner::before {
    top: calc(120% - 1px);
  }
}
@media (max-width:767px) {
  .courses-filter__inner::before {
    top: 39px;
  }
}
@media (max-width:1680px) {
  .courses-filter__inner {
    grid-gap: 30px 20px;
    grid-template-columns: 346px 1fr 1fr 1fr;
  }
}
@media (max-width:991px) {
  .courses-filter__inner {
    grid-template-columns: 280px 1fr 1fr;
    grid-gap: 30px 10px;
  }
}
@media (max-width:767px) {
  .courses-filter__inner {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}

.courses-filter__search {
  position: relative;
  width: 100%;
  margin-right: 0;
}
@media (max-width:1680px) {
  .courses-filter__search {
    min-width: 276px;
  }
}
@media (max-width:991px) {
  .courses-filter__search {
    min-width: 280px;
  }
}
@media (max-width:767px) {
  .courses-filter__search {
    min-width: 100%;
  }
}

.courses-filter__select {
  max-width: 100%;
}
.new-courses {
  background: rgba(207, 227, 227, 0.2);
  margin-bottom: 146px;
}
@media (max-width:1680px) {
  .new-courses {
    margin-bottom: 92px;
  }
}
@media (max-width:991px) {
  .new-courses {
    margin-bottom: 65px;
  }
}
.new-courses__inner {
  padding: 80px 0;
  position: relative;
}
@media (max-width:1680px) {
  .new-courses__inner {
    padding: 40px 0;
  }
}
@media (max-width:991px) {
  .new-courses__inner {
    padding: 20px 0;
  }
}
.new-courses__slider-slide {
  background: #E7E8F3;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px 20px;
}
@media (max-width:1680px) {
  .new-courses__slider-slide {
    padding: 20px;
  }
}
@media (max-width:767px) {
  .new-courses__slider-slide {
    padding: 10px;
    grid-gap: 10px;
  }
}

.new-courses__slide-image {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  height: 230px;
  min-width: 260px;
  width: 260px;
  grid-row-start: 1;
  grid-row-end: 3;
}
@media (max-width:1680px) {
  .new-courses__slide-image {
    height: 148px;
    min-width: 168px;
    width: 168px;
  }
}
@media (max-width:991px) {
  .new-courses__slide-image {
    width: 85px;
    min-width: 85px;
    height: 85px;
  }
}
@media (max-width:767px) {
  .new-courses__slide-image {
    width: 72px;
    min-width: 72px;
    height: 72px;
    grid-row-end: 2;
  }
}
.new-courses__slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width:767px) {
  .new-courses__slide-body {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.new-courses__slide-text {
  margin: 15px 0 10px;
}
@media (max-width:991px) {
  .new-courses__slide-text {
    margin: 10px 0;
  }
}
.new-courses__slide-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.new-courses__slide-row:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .new-courses__slide-row {
    margin-bottom: 10px;
  }
}
.new-courses__slide-col {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width:1680px) {
  .new-courses__slide-col {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: auto;
  }
}
@media (max-width:991px) {
  .new-courses__slide-col {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
  }
}
@media (max-width:767px) {
  .new-courses__slide-col {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: auto;
  }
}

.new-courses__slide-rating {
  display: flex;
  align-items: center;
}
.new-courses__slide-rating span {
  display: flex;
  width: max-content;
  margin-right: 10px;
}
@media (max-width:767px) {
  .new-courses__slide-rating span {
    margin-right: 5px;
  }
}
.new-courses__slide-rating span:last-child {
  margin-right: 0;
}
.new-courses__slide-rating span::before {
  font-size: 18px;
}
.new-courses__slide-rating span._active::before {
  color: #7B20FF;
}

.new-courses__slide-passing {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-right: 6px;
}
@media (max-width:1680px) {
  .new-courses__slide-passing {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .new-courses__slide-passing {
    font-size: 10px;
    margin-right: 5px;
  }
}
.new-courses__slide-passing p {
  margin-right: 10px;
  order: 1;
}
.new-courses__slide-passing span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: -6px;
}
@media (max-width:1680px) {
  .new-courses__slide-passing span {
    width: 18px;
    height: 18px;
  }
}
@media (max-width:991px) {
  .new-courses__slide-passing span {
    width: 16px;
    height: 16px;
    margin-right: -5px;
  }
}
.new-courses__slide-passing span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.new-courses__slide-date {
  margin-right: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .new-courses__slide-date {
    margin-right: 0;
    margin-top: 10px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .new-courses__slide-date {
    margin-right: 20px;
    margin-top: 0;
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .new-courses__slide-date {
    margin-right: 0;
    margin-top: 5px;
  }
}

.new-courses__slide-btn {
  flex-direction: row-reverse;
  margin-left: auto;
  margin-top: auto;
}
.new-courses__slide-btn::before {
  font-size: 11px;
  margin-left: 7px;
}

.new-courses__slider-pagination {
  top: calc(100% + 30px);
}
@media (max-width:1680px) {
  .new-courses__slider-pagination {
    top: calc(100% + 20px);
  }
}
@media (max-width:991px) {
  .new-courses__slider-pagination {
    top: calc(100% + 15px);
  }
}
@media (max-width:767px) {
  .new-courses__slider-pagination {
    top: calc(100% + 20px);
  }
}
.new-courses__slider-pagination span {
  width: 16px;
  height: 16px;
  background: #E8E9EC;
  opacity: 1 !important;
  margin: 0 15px !important;
}
@media (max-width:1680px) {
  .new-courses__slider-pagination span {
    width: 12px;
    height: 12px;
    margin: 0 10px !important;
  }
}
@media (max-width:991px) {
  .new-courses__slider-pagination span {
    width: 10px;
    height: 10px;
    margin: 0 7.5px !important;
  }
}
@media (max-width:767px) {
  .new-courses__slider-pagination span {
    width: 8px;
    height: 8px;
    margin: 0 5px !important;
  }
}
.new-courses__slider-pagination span.swiper-pagination-bullet-active {
  background: #1FC6DF;
}

.new-courses__icon {
  display: flex;
  flex-direction: column;
  width: max-content;
  height: max-content;
  z-index: 15;
  position: absolute;
  left: 0px;
  bottom: 0;
  transform: translate(-20%, 50%);
  visibility: hidden;
  animation: newCoursesIconHidden 9s 1s;
}
@media (max-width:1680px) {
  .new-courses__icon {
    transform: translate(0%, 30%);
  }
}
@media (max-width:767px) {
  .new-courses__icon {
    transform: translate(0%, 40%);
  }
}

.new-courses__icon-top {
  margin: 0 0 -40px -40px;
  animation: newCoursesIconTop 9s 1s;
  opacity: 0;
  width: 240px;
}
.new-courses__icon-top img {
  width: 100%;
}
@media (max-width:1680px) {
  .new-courses__icon-top {
    width: 200px;
    margin: 0 0 -40px -30px;
  }
}
@media (max-width:991px) {
  .new-courses__icon-top {
    width: 145px;
    margin: 0 0 -25px -20px;
  }
}
.new-courses__icon-bottom {
  opacity: 0;
  animation: newCoursesIconBottom 9s 1s;
  width: 220px;
}
.new-courses__icon-bottom img {
  width: 100%;
}
@media (max-width:1680px) {
  .new-courses__icon-bottom {
    width: 185px;
  }
}
@media (max-width:991px) {
  .new-courses__icon-bottom {
    width: 130px;
  }
}
@keyframes newCoursesIconBottom {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes newCoursesIconTop {
  5% {
    opacity: 0;
  }
  15% {
    opacity: 1;
    transform: rotate(-10deg);
  }
  25% {
    transform: rotate(0deg);
  }
  90% {
    opacity: 1;
  }
  94% {
    opacity: 0;
  }
}
@keyframes newCoursesIconHidden {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.popular-courses__inner {
  overflow: visible;
}
@media (max-width:991px) {
  .popular-courses__inner {
    overflow: hidden;
  }
}
.popular-courses__inner .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .popular-courses__inner .swiper-wrapper {
    grid-gap: 20px;
  }
}
@media (max-width:991px) {
  .popular-courses__inner .swiper-wrapper {
    grid-gap: 0;
    grid-template-columns: none;
    display: flex;
  }
}
.popular-courses__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 991px) {
  .popular-courses__item {
    transition: box-shadow linear 0.2s;
  }
  .popular-courses__item:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}

.popular-courses__item-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 50% 0;
  border-radius: 12px;
}
.popular-courses__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.popular-courses__item-body {
  padding: 20px 30px 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width:1680px) {
  .popular-courses__item-body {
    padding: 20px;
  }
}
@media (max-width:991px) {
  .popular-courses__item-body {
    padding: 10px;
  }
}
.popular-courses__item-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .popular-courses__item-title {
    margin-bottom: 10px;
  }
}
@media (max-width:991px) {
  .popular-courses__item-title {
    font-size: 18px;
  }
}
.popular-courses__item-categories {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .popular-courses__item-categories {
    margin-top: 10px;
  }
}
.popular-courses__item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.popular-courses__item-row._first {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .popular-courses__item-row._first {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }
}
.popular-courses__item-row._second {
  margin-top: auto;
}
@media (max-width:1680px) {
  .popular-courses__item-row {
    margin-top: 10px;
  }
}
.popular-courses__item-rating {
  display: flex;
  align-items: center;
}
.popular-courses__item-rating span {
  display: flex;
  width: max-content;
  margin-right: 10px;
}
@media (max-width:767px) {
  .popular-courses__item-rating span {
    margin-right: 5px;
  }
}
.popular-courses__item-rating span:last-child {
  margin-right: 0;
}
.popular-courses__item-rating span::before {
  font-size: 24px;
}
@media (max-width:1680px) {
  .popular-courses__item-rating span::before {
    font-size: 22px;
  }
}
@media (max-width:991px) {
  .popular-courses__item-rating span::before {
    font-size: 20px;
  }
}
.popular-courses__item-rating span._active::before {
  color: #7B20FF;
}

.popular-courses__item-passing {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-right: 12px;
}
@media (max-width:1680px) {
  .popular-courses__item-passing {
    font-size: 12px;
    margin-right: 10px;
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .popular-courses__item-passing {
    font-size: 10px;
    margin-right: 9px;
  }
}
.popular-courses__item-passing p {
  margin-right: 10px;
  order: 1;
}
@media (max-width:1680px) {
  .popular-courses__item-passing p {
    order: 0;
    margin-right: 0;
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .popular-courses__item-passing p {
    margin-left: 19px;
  }
}
.popular-courses__item-passing span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: -12px;
}
@media (max-width:1680px) {
  .popular-courses__item-passing span {
    width: 29px;
    height: 29px;
    margin-right: -10px;
  }
}
@media (max-width:991px) {
  .popular-courses__item-passing span {
    width: 25px;
    height: 25px;
    margin-right: -9px;
  }
}
.popular-courses__item-passing span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.popular-courses__item-col {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width:1680px) {
  .popular-courses__item-col {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: auto;
  }
}
.popular-courses__item-date {
  margin-right: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .popular-courses__item-date {
    margin-right: 0;
    margin-top: 10px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .popular-courses__item-date {
    margin-top: 10px;
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .popular-courses__item-date {
    margin-top: 5px;
  }
}

.popular-courses__item-btn {
  flex-direction: row-reverse;
  margin-left: auto;
  margin-top: auto;
}
.popular-courses__item-btn::before {
  font-size: 11px;
  margin-left: 7px;
}

.courses__inner {
  display: grid;
  grid-template-columns: 398px 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .courses__inner {
    grid-gap: 20px;
    grid-template-columns: 285px 1fr;
  }
}
@media (max-width:991px) {
  .courses__inner {
    grid-gap: 20px;
    grid-template-columns: 230px 1fr;
  }
}
@media (max-width:767px) {
  .courses__inner {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}

@media (max-width:991px) {
  .courses__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .courses__list {
    grid-template-columns: 1fr;
  }
}

.courses__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px 20px;
}
.courses__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 991px) {
  .courses__item {
    transition: box-shadow linear 0.2s;
  }
  .courses__item:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
@media (max-width:1680px) {
  .courses__item {
    padding: 20px;
  }
}
@media (max-width:991px) {
  .courses__item {
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
}
.courses__item-image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 330px;
  width: 330px;
  height: 166px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  grid-row-start: 1;
  grid-row-end: 3;
}
@media (max-width:1680px) {
  .courses__item-image {
    width: 228px;
    min-width: 228px;
    height: 114px;
  }
}
@media (max-width:991px) {
  .courses__item-image {
    width: 100%;
    min-width: 100%;
    height: 0;
    padding: 0 0 53% 0;
    grid-row-end: 2;
  }
}
@media (max-width:767px) {
  .courses__item-image {
    padding: 0 0 52% 0;
  }
}
.courses__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.courses__item-col._second {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width:991px) {
  .courses__item-col._second {
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  .courses__item-col._second {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}

.courses__item-categories {
  margin: 10px 0 20px;
}
@media (max-width:1680px) {
  .courses__item-categories {
    margin: 10px 0 15px;
  }
}
.courses__item-rating-wrp {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width:991px) {
  .courses__item-rating-wrp {
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .courses__item-rating-wrp {
    margin-bottom: 0;
  }
}
.courses__item-rating-wrp > span {
  display: flex;
  margin-right: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  text-decoration: underline;
}
@media (max-width:1680px) {
  .courses__item-rating-wrp > span {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .courses__item-rating-wrp > span {
    font-size: 10px;
  }
}
.courses__item-rating {
  display: flex;
  align-items: center;
}
.courses__item-rating span {
  display: flex;
  width: max-content;
  margin-right: 5px;
}
@media (max-width:767px) {
  .courses__item-rating span {
    margin-right: 5px;
  }
}
.courses__item-rating span:last-child {
  margin-right: 0;
}
.courses__item-rating span::before {
  font-size: 18px;
}
@media (max-width:1680px) {
  .courses__item-rating span::before {
    font-size: 16px;
  }
}
.courses__item-rating span._active::before {
  color: #7B20FF;
}

.courses__item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column-start: 2;
  grid-column-end: 4;
}
@media (max-width:991px) {
  .courses__item-row {
    grid-column-start: 1;
    grid-column-end: 2;
    flex-direction: column;
    align-items: flex-start;
    margin-top: auto;
  }
}
@media (max-width:767px) {
  .courses__item-row {
    flex-direction: row;
    align-items: center;
  }
}

.courses__item-passing {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media (max-width:1680px) {
  .courses__item-passing {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .courses__item-passing {
    font-size: 10px;
  }
}
.courses__item-passing p {
  margin-left: 22px;
  order: 1;
}
@media (max-width:1680px) {
  .courses__item-passing p {
    margin-right: 0;
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .courses__item-passing p {
    margin-left: 19px;
  }
}
.courses__item-passing span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: -12px;
  order: 2;
}
@media (max-width:1680px) {
  .courses__item-passing span {
    width: 29px;
    height: 29px;
    margin-right: -10px;
  }
}
@media (max-width:991px) {
  .courses__item-passing span {
    width: 25px;
    height: 25px;
    margin-right: -9px;
  }
}
.courses__item-passing span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.courses__item-btn {
  flex-direction: row-reverse;
  margin-left: auto;
  margin-top: auto;
}
@media (max-width:991px) {
  .courses__item-btn {
    margin-top: 10px;
  }
}
@media (max-width:767px) {
  .courses__item-btn {
    margin-top: 0;
    max-width: 42px;
    overflow: hidden;
    justify-content: flex-start;
    padding-right: 14px;
  }
}
.courses__item-btn::before {
  font-size: 11px;
  margin-left: 7px;
}
@media (max-width:767px) {
  .courses__item-btn::before {
    margin-left: 16px;
  }
}

.single-course-head {
  background: #8174FF;
  position: relative;
}
@media (max-width:767px) {
  .single-course-head {
    display: flex;
    flex-direction: column-reverse;
  }
}

.single-course-head__inner {
  padding: 50px 0;
}
@media (max-width:991px) {
  .single-course-head__inner {
    padding: 30px 0;
  }
}
@media (max-width:767px) {
  .single-course-head__inner {
    padding: 20px 0;
  }
}

.single-course-head__content {
  width: calc(50% - 80px);
}
@media (max-width:1680px) {
  .single-course-head__content {
    width: calc(50% - 40px);
  }
}
@media (max-width:991px) {
  .single-course-head__content {
    width: 50%;
  }
}
@media (max-width:767px) {
  .single-course-head__content {
    width: 100%;
  }
}

.single-course-head__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 130%;
  color: #FFFFFF;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .single-course-head__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media (max-width:991px) {
  .single-course-head__title {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .single-course-head__title {
    font-size: 16px;
  }
}

.single-course-head__label {
  font-weight: 500;
  color: #fff;
}

.single-course-head__text {
  color: #fff;
  margin: 20px 0;
}
@media (max-width:1680px) {
  .single-course-head__text {
    margin: 15px 0;
  }
}
@media (max-width:991px) {
  .single-course-head__text {
    margin: 10px 0;
  }
}
.single-course-head__categories {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .single-course-head__categories {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .single-course-head__categories {
    margin-bottom: 10px;
  }
}
.single-course-head__row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .single-course-head__row {
    grid-gap: 15px;
  }
}
@media (max-width:991px) {
  .single-course-head__row {
    grid-template-columns: 1fr;
  }
}
.single-course-head__col._first {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width:991px) {
  .single-course-head__col._first {
    grid-column-end: 2;
  }
}
@media (max-width:991px) {
  .single-course-head__col._second {
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
.single-course-head__col._third {
  display: flex;
  align-items: center;
}
@media (max-width:991px) {
  .single-course-head__col._third {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
@media (max-width:767px) {
  .single-course-head__col._third {
    justify-content: space-between;
  }
}

.single-course-head-passing {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: max-content;
}
@media (max-width:1680px) {
  .single-course-head-passing {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-course-head-passing {
    font-size: 10px;
  }
}
.single-course-head-passing p {
  margin-left: 22px;
  order: 1;
}
@media (max-width:1680px) {
  .single-course-head-passing p {
    margin-right: 0;
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .single-course-head-passing p {
    margin-left: 19px;
  }
}
.single-course-head-passing span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: -12px;
  order: 2;
}
@media (max-width:1680px) {
  .single-course-head-passing span {
    width: 29px;
    height: 29px;
    margin-right: -10px;
  }
}
@media (max-width:991px) {
  .single-course-head-passing span {
    width: 25px;
    height: 25px;
    margin-right: -9px;
  }
}
.single-course-head-passing span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-course-head__rating-wrp {
  display: flex;
  align-items: center;
}
.single-course-head__rating-wrp > span {
  display: flex;
  margin-left: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  text-decoration: underline;
}
@media (max-width:1680px) {
  .single-course-head__rating-wrp > span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-course-head__rating-wrp > span {
    font-size: 12px;
  }
}
.single-course-head__rating {
  display: flex;
  align-items: center;
}
.single-course-head__rating span {
  display: flex;
  width: max-content;
  margin-right: 10px;
}
@media (max-width:991px) {
  .single-course-head__rating span {
    margin-right: 5px;
  }
}
.single-course-head__rating span:last-child {
  margin-right: 0;
}
.single-course-head__rating span::before {
  font-size: 23px;
  color: rgba(255, 255, 255, 0.4);
}
@media (max-width:1680px) {
  .single-course-head__rating span::before {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .single-course-head__rating span::before {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .single-course-head__rating span::before {
    font-size: 16px;
  }
}
.single-course-head__rating span._active::before {
  color: #7B20FF;
}

.single-course-head__date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
}
@media (max-width:1680px) {
  .single-course-head__date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-course-head__date {
    font-size: 10px;
  }
}
.single-course-head__info {
  margin-left: 20px;
}
@media (max-width:991px) {
  .single-course-head__info {
    margin-right: 50px;
    margin-left: 0;
  }
}
@media (max-width:767px) {
  .single-course-head__info {
    margin-right: 0;
  }
}

.single-course-head__info-el {
  color: #fff;
}
.single-course-head__info-el::before {
  color: #fff;
}
.single-course-head__info-el ._icon-post-like::before {
  -webkit-text-stroke: 0.5px #fff;
  -webkit-text-fill-color: #8174FF;
}
@media (max-width:767px) {
  .single-course-head__info-el {
    margin-right: 20px;
  }
}

.single-course-head__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 30px;
  width: calc(50% - 80px);
}
@media (max-width:1680px) {
  .single-course-head__bottom {
    width: calc(50% - 40px);
  }
}
@media (max-width:991px) {
  .single-course-head__bottom {
    width: 45%;
    margin-left: auto;
    margin-top: -30px;
  }
}
@media (max-width:767px) {
  .single-course-head__bottom {
    width: 100%;
    margin-top: 20px;
  }
}

.single-course-head__price {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 130%;
  color: #fff;
}
.single-course-head__price img {
  width: 34px;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .single-course-head__price {
    font-size: 20px;
  }
  .single-course-head__price img {
    width: 32px;
  }
}
@media (max-width:991px) {
  .single-course-head__price {
    font-size: 18px;
  }
  .single-course-head__price img {
    width: 28px;
    margin-right: 5px;
  }
}
.single-course-head__btn {
  background-color: #fff;
  color: #3B414B;
}
@media (min-width: 991px) {
  .single-course-head__btn {
    transition: all linear 0.2s;
  }
  .single-course-head__btn:hover {
    color: #7B20FF;
  }
}
.single-course-head__btn:active {
  background: #7B20FF;
  color: #fff;
}
.single-course-head__btn._completed {
  background: #A6AAB4;
  color: #fff;
  pointer-events: none;
}
@media (min-width: 991px) {
  .single-course-head__btn._completed:hover {
    background: #A6AAB4;
    color: #fff;
  }
}
.single-course-head__btn._completed:active {
  background: #A6AAB4;
  color: #fff;
}

.single-course__image {
  overflow: hidden;
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
}
@media (max-width:991px) {
  .single-course__image {
    width: 45%;
    height: 220px;
    border-radius: 10px 0px 0px 10px;
  }
}
@media (max-width:767px) {
  .single-course__image {
    width: calc(100% - 40px);
    height: 0;
    padding: 0 0 45% 0;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    top: auto;
    right: auto;
    border-radius: 6px;
  }
}
.single-course__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-course-about {
  margin-bottom: 0px !important;
}

.single-course-about__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
}
@media (max-width:991px) {
  .single-course-about__inner {
    grid-gap: 35px;
  }
}
@media (max-width:767px) {
  .single-course-about__inner {
    grid-template-columns: 1fr;
  }
}

.single-course-about__users {
  position: relative;
}

.single-course-about__users-total {
  position: absolute;
  max-width: 250px;
}
.single-course-about__users-total span {
  color: #F3775B;
}
@media (max-width:991px) {
  .single-course-about__users-total {
    max-width: 214px;
  }
}
@media (max-width:767px) {
  .single-course-about__users-total {
    max-width: 100%;
  }
}

.single-course-about__users-list {
  position: relative;
  height: 325px;
  background: url("../../images/img/single-course-bubbles.png") no-repeat center/contain;
  font-size: 10px;
}
@media (max-width:1680px) {
  .single-course-about__users-list {
    height: 270px;
  }
}
@media (max-width:991px) {
  .single-course-about__users-list {
    height: 214px;
  }
}
@media (max-width:1680px) {
  .single-course-about__users-list {
    font-size: 8px;
  }
}
@media (max-width:991px) {
  .single-course-about__users-list {
    font-size: 6px;
  }
}
@media (max-width:767px) {
  .single-course-about__users-list {
    font-size: 5px;
  }
}

.single-course-about__users-item {
  border: 3px solid #7B20FF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  width: 100px;
  height: 100px;
  bottom: 0;
  opacity: 0;
  left: calc(100% - 10px);
}
.single-course-about__users-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.single-course-about__users-item._active {
  animation: pulseUser 8s;
}

@keyframes pulseUser {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    transform: scale(1);
  }
  75% {
    opacity: 1;
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
.single-course-about__content {
  margin: auto 0;
}
@media (max-width:767px) {
  .single-course-about__content {
    margin-top: 0;
    grid-row-start: 1;
  }
}

.single-course-about__title {
  margin-bottom: 20px;
}

.single-course-faq {
  background: rgba(205, 246, 251, 0.15);
  padding: 155px 0 60px;
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .single-course-faq {
    padding: 84px 0 40px;
  }
}
@media (max-width:991px) {
  .single-course-faq {
    padding: 58px 0 30px;
  }
}
@media (max-width:767px) {
  .single-course-faq {
    padding: 146px 0 40px;
  }
}

.single-course-faq__inner {
  padding: 0 148px;
}
@media (max-width:1680px) {
  .single-course-faq__inner {
    padding: 0 100px;
  }
}
@media (max-width:991px) {
  .single-course-faq__inner {
    padding: 0;
  }
}
.single-course-faq__top {
  border-radius: 20px;
  padding: 50px;
  position: relative;
  margin-bottom: 65px;
}
.single-course-faq__top::before {
  content: "";
  position: absolute;
  width: 1126px;
  height: 1116px;
  top: -104px;
  right: -201px;
  background-image: url("../../images/img/single-course-mentor-bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
@media screen and (max-width: 1440px) {
  .single-course-faq__top::before {
    width: 850px;
    height: 844px;
    top: -38px;
    right: -78px;
  }
}
@media screen and (max-width: 768px) {
  .single-course-faq__top {
    padding-bottom: 220px;
  }
  .single-course-faq__top::before {
    width: 100%;
    height: 100%;
  }
}
@media (max-width:1680px) {
  .single-course-faq__top {
    padding: 40px;
    margin-bottom: 25px;
  }
}
@media (max-width:991px) {
  .single-course-faq__top {
    padding: 30px;
    margin-bottom: 20px;
  }
  .single-course-faq__top::before {
    top: 0;
    right: 0;
  }
}
@media (max-width:767px) {
  .single-course-faq__top {
    padding: 20px 20px 220px 20px;
    margin-bottom: 15px;
  }
}

.single-course-faq__title {
  margin-bottom: 10px;
  max-width: 805px;
}
.single-course-faq__title span {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .single-course-faq__title {
    max-width: 550px;
  }
}
@media (max-width:991px) {
  .single-course-faq__title {
    max-width: 440px;
  }
}
@media (max-width:767px) {
  .single-course-faq__title {
    max-width: 100%;
  }
}

.single-course-faq__text {
  max-width: 805px;
}
@media (max-width:1680px) {
  .single-course-faq__text {
    max-width: 550px;
  }
}
@media (max-width:991px) {
  .single-course-faq__text {
    max-width: 440px;
  }
}
@media (max-width:767px) {
  .single-course-faq__text {
    max-width: 100%;
  }
}

.single-course-faq__image {
  position: absolute;
  right: 140px;
  top: 50%;
  transform: translateY(-50%);
  width: 322px;
}
@media (max-width:1680px) {
  .single-course-faq__image {
    width: 230px;
    right: 100px;
  }
}
@media (max-width:991px) {
  .single-course-faq__image {
    width: 190px;
    right: 55px;
  }
}
@media (max-width:767px) {
  .single-course-faq__image {
    width: 146px;
    right: 50%;
    z-index: -1;
    transform: translate(50%, 0%);
    top: auto;
    bottom: calc(100% - 20px);
  }
}

.single-course-faq__img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.single-course-faq__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1440px) {
  .single-course-faq__img {
    width: 296px;
    height: 251px;
  }
  .single-course-faq__img .single-course-faq__download {
    padding: 13px;
    bottom: 4px;
    left: 10px;
  }
  .single-course-faq__img .single-course-faq__download img {
    width: 33px;
    height: 33px;
  }
}
@media screen and (max-width: 768px) {
  .single-course-faq__img {
    width: 267px;
    height: 223px;
    top: auto;
    transform: translateY(0) translateX(-50%);
    bottom: 0;
    right: auto;
    left: 50%;
  }
  .single-course-faq__img .single-course-faq__download {
    padding: 11px;
  }
  .single-course-faq__img .single-course-faq__download img {
    width: 28px;
    height: 28px;
  }
}

.single-course-faq__download {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #F3775B;
  padding: 17px;
  box-shadow: 0px 29.8211px 34.0813px rgba(41, 56, 95, 0.11);
  border-radius: 12px;
  transition: all linear 0.2s;
}
.single-course-faq__download:hover {
  background-color: #7B20FF;
}

.single-course-faq__accordion {
  position: relative;
}

.single-course-faq__accordion-item {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.single-course-faq__accordion-item:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .single-course-faq__accordion-item {
    grid-gap: 25px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .single-course-faq__accordion-item {
    grid-gap: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .single-course-faq__accordion-item {
    grid-gap: 10px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }
}
.single-course-faq__accordion-item .accordion__item-header {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 20px;
  transition: all linear 0.2s;
  height: max-content;
  padding-right: 64px;
}
@media (max-width:991px) {
  .single-course-faq__accordion-item .accordion__item-header {
    padding: 15px;
    padding-right: 46px;
  }
}
@media (max-width:767px) {
  .single-course-faq__accordion-item .accordion__item-header {
    padding: 10px;
    padding-right: 36px;
  }
}
.single-course-faq__accordion-item .accordion__item-header::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: url("../../images/img/icons/arrow-black.svg") no-repeat center/5px auto, rgba(166, 170, 180, 0.1);
  width: 24px;
  height: 24px;
  transition: all linear 0.2s;
}
@media (max-width:991px) {
  .single-course-faq__accordion-item .accordion__item-header::after {
    width: 16px;
    height: 16px;
    background-size: 3px auto;
    right: 15px;
  }
}
@media (max-width:767px) {
  .single-course-faq__accordion-item .accordion__item-header::after {
    right: 10px;
  }
}
.single-course-faq__accordion-item .accordion__item-content {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}
.single-course-faq__accordion-item .accordion__item-content-inner {
  padding: 25px;
}
@media (max-width:991px) {
  .single-course-faq__accordion-item .accordion__item-content-inner {
    padding: 15px;
  }
}
@media (max-width:767px) {
  .single-course-faq__accordion-item .accordion__item-content-inner {
    padding: 10px;
  }
}
@media (max-width:767px) {
  .single-course-faq__accordion-item.accordion-open {
    margin-bottom: 10px;
  }
}
.single-course-faq__accordion-item.accordion-open .accordion__item-header {
  background: rgba(250, 207, 197, 0.2);
}
.single-course-faq__accordion-item.accordion-open .accordion__item-header::after {
  background-color: #FACFC5;
}
@media (max-width:767px) {
  .single-course-faq__accordion-item.accordion-open .accordion__item-header::after {
    transform: translateY(-50%) rotate(90deg);
  }
}

.single-course-faq__accordion-list li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 15px;
}
.single-course-faq__accordion-list li:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .single-course-faq__accordion-list li {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-course-faq__accordion-list li {
    font-size: 12px;
  }
}
.single-course-reviews {
  min-width: 0;
  margin-bottom: 0;
  padding: 100px 0;
}
@media (max-width:1680px) {
  .single-course-reviews {
    padding: 60px 0;
  }
}
@media (max-width:991px) {
  .single-course-reviews {
    padding: 40px 0;
  }
}
.single-course-reviews__inner {
  min-width: 0;
  padding: 0 110px;
  position: relative;
}
@media (max-width:1680px) {
  .single-course-reviews__inner {
    padding: 0 50px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__inner {
    padding: 0;
  }
}
.single-course-reviews__slider {
  padding-bottom: 62px;
  padding-top: 10px;
}
@media (max-width:1680px) {
  .single-course-reviews__slider {
    padding-bottom: 46px;
  }
}
@media (max-width:767px) {
  .single-course-reviews__slider {
    margin: 0 -20px;
  }
}
.single-course-reviews__slider .swiper-wrapper {
  align-items: center !important;
}

.single-course-reviews__item {
  background: #E8E9EC;
  border: 1px solid #A6AAB4;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 20px;
  opacity: 0.5;
  transition: all linear 0.2s;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}
@media (max-width:1680px) {
  .single-course-reviews__item {
    padding: 10px 20px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__item {
    padding: 15px;
  }
}
.single-course-reviews__item.swiper-slide-active {
  opacity: 1;
  background: #E7E5FB;
  border: 1px solid #8E83FF;
  box-shadow: 0px 8px 20px rgba(123, 32, 255, 0.1);
}
.single-course-reviews__item._new::before {
  content: "NEW";
  display: block;
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 10;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 130%;
  color: #FFE5BC;
  transform: rotate(35deg);
  -webkit-text-stroke: 1.5px #F3775B;
  -webkit-text-fill-color: #FFE5BC;
}
@media (max-width:1680px) {
  .single-course-reviews__item._new::before {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__item._new::before {
    font-size: 25px;
  }
}
.single-course-reviews__item-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}
.single-course-reviews__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1680px) {
  .single-course-reviews__item-photo {
    min-width: 40px;
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__item-photo {
    min-width: 34px;
    height: 34px;
    width: 34px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__item-name {
    font-weight: 400;
  }
}
.single-course-reviews__item-rating {
  margin: 5px 0 10px;
  display: flex;
  align-items: center;
}
.single-course-reviews__item-rating span {
  display: flex;
  width: max-content;
  margin-right: 5px;
}
@media (max-width:991px) {
  .single-course-reviews__item-rating span {
    margin-right: 5px;
  }
}
.single-course-reviews__item-rating span:last-child {
  margin-right: 0;
}
.single-course-reviews__item-rating span::before {
  font-size: 18px;
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .single-course-reviews__item-rating span::before {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__item-rating span::before {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .single-course-reviews__item-rating span::before {
    font-size: 18px;
  }
}
.single-course-reviews__item-rating span._active::before {
  color: #7B20FF;
}
.single-course-reviews__item-date {
  display: flex;
  margin-top: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.3;
}
@media (max-width:1680px) {
  .single-course-reviews__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__item-date {
    font-size: 10px;
  }
}
.single-course-reviews__slider-btn-prev,
.single-course-reviews__slider-btn-next {
  display: flex;
  width: 33px;
  height: 33px;
  z-index: 20;
  border-radius: 50%;
  background: rgba(166, 170, 180, 0.3);
  user-select: none;
}
@media (max-width:1680px) {
  .single-course-reviews__slider-btn-prev,
  .single-course-reviews__slider-btn-next {
    width: 24px;
    height: 24px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__slider-btn-prev,
  .single-course-reviews__slider-btn-next {
    width: 30px;
    height: 30px;
    top: auto !important;
    bottom: -3px;
  }
}
.single-course-reviews__slider-btn-prev {
  left: 0 !important;
}
.single-course-reviews__slider-btn-prev::after {
  content: "";
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  background: url("../../images/img/icons/arrow-black.svg") no-repeat center/6.9px auto;
}
@media (max-width:1680px) {
  .single-course-reviews__slider-btn-prev::after {
    background-size: 6px auto;
  }
}
@media (max-width:991px) {
  .single-course-reviews__slider-btn-prev {
    left: 50% !important;
    transform: translateX(-300%);
  }
}
.single-course-reviews__slider-btn-next {
  right: 0 !important;
}
.single-course-reviews__slider-btn-next::after {
  content: "";
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../../images/img/icons/arrow-black.svg") no-repeat center/6.9px auto;
}
@media (max-width:1680px) {
  .single-course-reviews__slider-btn-next::after {
    background-size: 6px auto;
  }
}
@media (max-width:991px) {
  .single-course-reviews__slider-btn-next {
    right: 50% !important;
    transform: translateX(300%);
  }
}
.single-course-reviews__slider-pagination {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 130%;
  text-align: center;
  color: #F3775B;
  bottom: 0 !important;
}
@media (max-width:1680px) {
  .single-course-reviews__slider-pagination {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .single-course-reviews__slider-pagination {
    font-size: 18px;
  }
}
.single-course-signup {
  background: #E7E8F3;
  padding: 60px 0;
  overflow: hidden;
}
@media (max-width:1680px) {
  .single-course-signup {
    padding: 40px 0;
  }
}
@media (max-width:991px) {
  .single-course-signup {
    padding: 30px 0;
  }
}
.single-course-signup__inner {
  padding: 0 80px;
  display: grid;
  grid-template-columns: 825px 1fr;
  grid-gap: 20px 60px;
}
@media (max-width:1680px) {
  .single-course-signup__inner {
    padding: 0;
    grid-template-columns: 620px 1fr;
    grid-gap: 20px 30px;
  }
}
@media (max-width:991px) {
  .single-course-signup__inner {
    grid-template-columns: 412px 1fr;
    grid-gap: 10px 30px;
  }
}
@media (max-width:767px) {
  .single-course-signup__inner {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}

.single-course-signup__mentor {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  height: max-content;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
}
@media (max-width:991px) {
  .single-course-signup__mentor {
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .single-course-signup__mentor {
    display: none;
  }
}

.single-course-signup__mentor-photo-wrp {
  position: relative;
  height: max-content;
}

.single-course-signup__mentor-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #8E83FF;
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .single-course-signup__mentor-photo {
    width: 90px;
    height: 90px;
    min-width: 90px;
  }
}
@media (max-width:991px) {
  .single-course-signup__mentor-photo {
    width: 60px;
    height: 60px;
    min-width: 60px;
  }
}
@media (max-width:767px) {
  .single-course-signup__mentor-photo {
    width: 50px;
    height: 50px;
    min-width: 50px;
  }
}
.single-course-signup__mentor-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-course-signup__mentor-number {
  position: absolute;
  bottom: -2px;
  left: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 41px;
  height: 41px;
  background: #7B20FF;
  border-radius: 50%;
  color: #fff;
}
@media (max-width:1680px) {
  .single-course-signup__mentor-number {
    font-size: 14px;
    width: 32px;
    height: 32px;
    bottom: -4px;
  }
}
@media (max-width:991px) {
  .single-course-signup__mentor-number {
    font-size: 10px;
    width: 24px;
    height: 24px;
    bottom: -6px;
  }
}
@media (max-width:767px) {
  .single-course-signup__mentor-number {
    width: 20px;
    height: 20px;
  }
}

.single-course-signup__mentor-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width:991px) {
  .single-course-signup__mentor-row {
    flex-direction: column;
  }
}
.single-course-signup__mentor-col {
  display: flex;
  flex-direction: column;
}

.single-course-signup__mentor-name {
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .single-course-signup__mentor-name {
    margin-bottom: 5px;
  }
}
@media (max-width:767px) {
  .single-course-signup__mentor-name {
    margin-bottom: 0;
  }
}

.single-course-signup__mentor-info {
  display: flex;
  flex-direction: column;
}
@media (max-width:991px) {
  .single-course-signup__mentor-info {
    flex-direction: row;
    margin-bottom: 10px;
  }
}
.single-course-signup__mentor-city {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .single-course-signup__mentor-city {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-course-signup__mentor-city {
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.single-course-signup__mentor-education {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
.single-course-signup__mentor-education img {
  margin-right: 5px;
}
@media (max-width:1680px) {
  .single-course-signup__mentor-education {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-course-signup__mentor-education {
    font-size: 10px;
  }
}
.single-course-signup__mentor-rating {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: rgba(59, 65, 75, 0.6);
  margin-bottom: 10px;
}
.single-course-signup__mentor-rating img {
  margin-left: 10px;
  height: 14px;
}
@media (max-width:991px) {
  .single-course-signup__mentor-rating {
    font-size: 10px;
    margin-right: auto;
    margin-left: 0;
    flex-direction: row-reverse;
  }
  .single-course-signup__mentor-rating img {
    height: 14px;
    margin-left: 0;
    margin-right: 10px;
  }
}
.single-course-signup__mentor-awards {
  display: flex;
  flex-direction: row-reverse;
  width: max-content;
  align-items: center;
  margin-right: 25px;
}
@media (max-width:1680px) {
  .single-course-signup__mentor-awards {
    margin-right: 18px;
  }
}
@media (max-width:991px) {
  .single-course-signup__mentor-awards {
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 0px;
    width: auto;
    margin-right: 0;
  }
}
@media (max-width:767px) {
  .single-course-signup__mentor-awards {
    margin-left: 0;
  }
}

.single-course-signup__mentor-awards-item {
  width: 52px;
  min-width: 52px;
  height: max-content;
  cursor: pointer;
  margin-left: -25px;
  transform: translateX(25px);
}
@media (min-width: 991px) {
  .single-course-signup__mentor-awards-item {
    transition: all linear 0.2s;
  }
  .single-course-signup__mentor-awards-item:hover {
    transform: translateX(25px) translateX(50%);
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .single-course-signup__mentor-awards-item:hover {
    transform: translateX(18px) translateX(50%);
  }
}
@media (max-width:1680px) {
  .single-course-signup__mentor-awards-item {
    width: 36px;
    min-width: 36px;
    margin-left: -18px;
    transform: translateX(18px);
  }
}
@media (max-width:991px) {
  .single-course-signup__mentor-awards-item {
    margin-left: 0;
    transform: translateX(0px);
    margin-right: 5px;
    width: 32px;
    min-width: 32px;
  }
}
.single-course-signup__mentor-awards-item img {
  width: 100%;
}

.single-course-signup__mentor-slogan {
  margin-top: 20px;
}
@media (max-width:991px) {
  .single-course-signup__mentor-slogan {
    margin-top: 10px;
  }
}
.single-course-signup__mentor-slogan .title-sm {
  color: #7B20FF;
  margin-bottom: 10px;
}
.single-course-signup__mentor-slogan .text-sm {
  color: #3B414B;
}

.single-course-signup__mentor-btn {
  flex-direction: row-reverse;
  margin-top: 20px;
  margin-left: auto;
}
.single-course-signup__mentor-btn::before {
  margin-left: 7px;
  font-size: 12px;
}
@media (max-width:991px) {
  .single-course-signup__mentor-btn {
    margin-top: 10px;
  }
}
.single-course-signup__table {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
}
@media (max-width:767px) {
  .single-course-signup__table {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
  }
}

.single-course-signup__table-header {
  background: #7B20FF;
  border-radius: 18px;
  border: 3px solid transparent;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 50px 1fr auto;
  height: 41px;
}
@media (max-width:1680px) {
  .single-course-signup__table-header {
    grid-template-columns: 42px 1fr auto;
    border-width: 2px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-header {
    height: 25px;
    grid-template-columns: 35px 1fr;
  }
}
@media (max-width:767px) {
  .single-course-signup__table-header {
    height: 22px;
  }
}

.single-course-signup__table-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #fff;
  display: flex;
  align-items: center;
}
.single-course-signup__table-label._number {
  border-right: 1px solid #F2F3F5;
  justify-content: center;
}
.single-course-signup__table-label._user {
  margin-left: 80px;
}
@media (max-width:1680px) {
  .single-course-signup__table-label._user {
    margin-left: 60px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-label._user {
    margin-left: 14px;
  }
}
.single-course-signup__table-label._ratings {
  margin-right: 60px;
}
@media (max-width:1680px) {
  .single-course-signup__table-label {
    font-size: 12px;
  }
  .single-course-signup__table-label._ratings {
    margin-right: 50px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-label._ratings {
    display: none;
  }
}
.single-course-signup__table-body {
  overflow-y: scroll;
  padding-right: 10px;
  max-height: 650px;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .single-course-signup__table-body {
    padding-right: 6px;
    max-height: 585px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-body {
    max-height: 610px;
  }
}
@media (max-width:767px) {
  .single-course-signup__table-body {
    max-height: 286px;
  }
}
.single-course-signup__table-body::-webkit-scrollbar {
  width: 3px;
  /* ширина для вертикального скролла */
  background-color: #F2F3F5;
}
.single-course-signup__table-body::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
}

.single-course-signup__table-item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 5px 18px;
  padding-left: 0 !important;
  margin-bottom: 10px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 50px auto 1fr auto;
  grid-gap: 10px;
  border: 3px solid transparent;
}
.single-course-signup__table-item:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .single-course-signup__table-item {
    border-width: 2px;
    padding-right: 14px;
    grid-template-columns: 42px auto 1fr auto;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-item {
    padding: 6px 12px 6px 0;
    grid-template-columns: 35px auto 1fr;
    grid-gap: 5px 10px;
  }
}
.single-course-signup__table-item._active {
  border: 3px solid #8E83FF;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
}

.single-course-signup__table-item-number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #E8E9EC;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .single-course-signup__table-item-number {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-item-number {
    font-size: 10px;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.single-course-signup__table-item-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  border: 3px solid #7B20FF;
}
@media (max-width:1680px) {
  .single-course-signup__table-item-photo {
    border-width: 2px;
    width: 42px;
    min-width: 42px;
    height: 42px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-item-photo {
    margin: auto 0;
    border-width: 3px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.single-course-signup__table-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-course-signup__table-item-name {
  display: flex;
  align-items: center;
  color: #3B414B;
}

.single-course-signup__table-item-ratings {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .single-course-signup__table-item-ratings {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-item-ratings {
    font-size: 10px;
    grid-column-start: 3;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.single-course-signup__table-item-ratings img {
  height: 21px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .single-course-signup__table-item-ratings img {
    height: 18px;
  }
}
@media (max-width:991px) {
  .single-course-signup__table-item-ratings img {
    height: 15px;
    margin-right: 10px;
    margin-left: 0;
  }
}
.single-course-signup__card {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  padding-right: 328px;
  height: max-content;
}
.single-course-signup__card._signed {
  min-height: 304px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width:1680px) {
  .single-course-signup__card._signed {
    min-height: 225px;
  }
}
@media (max-width:991px) {
  .single-course-signup__card._signed {
    min-height: 188px;
  }
}
@media (max-width:767px) {
  .single-course-signup__card._signed {
    min-height: 178px;
  }
}
.single-course-signup__card._written-review {
  min-height: 354px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width:1680px) {
  .single-course-signup__card._written-review {
    min-height: 300px;
  }
}
@media (max-width:991px) {
  .single-course-signup__card._written-review {
    min-height: 188px;
  }
}
@media (max-width:767px) {
  .single-course-signup__card._written-review {
    min-height: 178px;
  }
}
.single-course-signup__card._сompleted-course .single-course-signup__card-textarea {
  margin-bottom: 20px;
}
@media (max-width:991px) {
  .single-course-signup__card._сompleted-course .single-course-signup__card-textarea {
    margin-bottom: 10px;
  }
}
.single-course-signup__card._сompleted-course .single-course-signup__card-textarea textarea {
  width: 100%;
  max-width: 100%;
  min-height: 166px;
}
@media (max-width:1680px) {
  .single-course-signup__card._сompleted-course .single-course-signup__card-textarea textarea {
    min-height: 164px;
  }
}
@media (max-width:767px) {
  .single-course-signup__card._сompleted-course .single-course-signup__card-textarea textarea {
    min-height: 148px;
  }
}
.single-course-signup__card._сompleted-course .single-course-signup__card-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.single-course-signup__card._сompleted-course .single-course-signup__card-bottom .btn {
  margin-right: 20px;
}
@media (max-width:767px) {
  .single-course-signup__card._сompleted-course .single-course-signup__card-bottom .btn {
    margin-right: 10px;
  }
}
@media (max-width:991px) {
  .single-course-signup__card._сompleted-course .single-course-signup__card-img {
    top: -20px;
  }
}
@media (max-width:767px) {
  .single-course-signup__card._сompleted-course .single-course-signup__card-img {
    top: -40px;
  }
}
@media (max-width:1680px) {
  .single-course-signup__card {
    padding: 20px;
    padding-right: 164px;
  }
}
@media (max-width:991px) {
  .single-course-signup__card {
    padding-right: 80px;
  }
}
@media (max-width:767px) {
  .single-course-signup__card {
    padding-right: 38px;
  }
}

.single-course-signup__card-title {
  display: flex;
  width: max-content;
  padding-right: 20px;
  position: relative;
  margin-bottom: 33px;
}
.single-course-signup__card-title::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background: #7B20FF;
  width: 100%;
  height: 2px;
}

.single-course-signup__card-body {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-gap: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #E8E9EC;
}
@media (max-width:1680px) {
  .single-course-signup__card-body {
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .single-course-signup__card-body {
    padding-bottom: 10px;
    grid-template-columns: 1fr;
  }
}
.single-course-signup__card-input {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width:991px) {
  .single-course-signup__card-input {
    grid-column-end: 2;
  }
}
.single-course-signup__card-price-wrp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.single-course-signup__card-price-wrp .text-sm {
  color: #3B414B;
  opacity: 0.4;
}
@media (max-width:991px) {
  .single-course-signup__card-price-wrp {
    margin: 10px 0;
  }
}
.single-course-signup__card-price {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #F3775B;
}
.single-course-signup__card-price img {
  margin-left: 10px;
  width: 32px;
}
@media (max-width:1680px) {
  .single-course-signup__card-price {
    font-size: 18px;
  }
  .single-course-signup__card-price img {
    width: 28px;
  }
}
@media (max-width:991px) {
  .single-course-signup__card-price {
    font-size: 16px;
  }
  .single-course-signup__card-price img {
    margin-left: 5px;
    width: 24px;
  }
}
.single-course-signup__card-img {
  position: absolute;
  z-index: 11;
  height: 320px;
  right: 0;
  top: -16px;
}
@media (max-width:1680px) {
  .single-course-signup__card-img {
    height: 240px;
    right: -15px;
    top: -36px;
  }
}
@media (max-width:991px) {
  .single-course-signup__card-img {
    height: 120px;
    top: -10px;
    right: -10px;
  }
}
@media (max-width:767px) {
  .single-course-signup__card-img {
    right: -34px;
    height: 110px;
    transform: rotate(-10deg);
  }
}
.single-course-signup__card-img img {
  height: 100%;
}

.single-course-signup__card-success {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: auto 0;
  justify-content: center;
}
.single-course-signup__card-success .success-text {
  max-width: 302px;
}

.help-filter__inner {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: 30px;
  position: relative;
}
.help-filter__inner::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:1680px) {
  .help-filter__inner::after {
    top: calc(100% + 15px);
  }
}
@media (max-width:991px) {
  .help-filter__inner::after {
    top: calc(100% + 10px);
  }
}
@media (max-width:767px) {
  .help-filter__inner::after {
    top: 39px;
  }
}
@media (max-width:1680px) {
  .help-filter__inner {
    grid-gap: 20px;
    grid-template-columns: 1fr 286px;
  }
}
@media (max-width:991px) {
  .help-filter__inner {
    grid-gap: 10px;
    grid-template-columns: 1fr 250px;
  }
}
@media (max-width:767px) {
  .help-filter__inner {
    grid-template-columns: 1fr;
  }
}

.help-filter__search {
  max-width: 100%;
}
@media (max-width:767px) {
  .help-filter__search {
    margin-bottom: 10px;
  }
}

.help-filter__search-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}
@media (max-width:1680px) {
  .help-filter__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .help-filter__search-btn {
    right: 12px;
  }
}
.help__inner {
  display: grid;
  grid-template-columns: 398px 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .help__inner {
    grid-gap: 20px;
    grid-template-columns: 285px 1fr;
  }
}
@media (max-width:991px) {
  .help__inner {
    grid-gap: 20px;
    grid-template-columns: 230px 1fr;
  }
}
@media (max-width:767px) {
  .help__inner {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}

@media (max-width:767px) {
  .help__content {
    grid-row-start: 1;
    grid-row-end: 2;
    margin-bottom: 40px;
  }
}

.help__accordion-item {
  border-bottom: 2px solid #E8E9EC;
}
.help__accordion-item.accordion-open .accordion__item-header::after {
  transform: translateY(-50%) rotate(90deg);
}
.help__accordion-item .accordion__item-header {
  padding: 30px 0;
  padding-right: 40px;
}
.help__accordion-item .accordion__item-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 50%;
  background: url("../../images/img/icons/arrow-black.svg") no-repeat center/8px, rgba(166, 170, 180, 0.1);
  width: 36px;
  height: 36px;
  transition: all linear 0.2s;
}
@media (max-width:1680px) {
  .help__accordion-item .accordion__item-header::after {
    width: 24px;
    height: 24px;
    background-size: 5.6px;
  }
}
@media (max-width:1680px) {
  .help__accordion-item .accordion__item-header {
    padding: 20px 0;
    padding-right: 30px;
  }
}
@media (max-width:991px) {
  .help__accordion-item .accordion__item-header {
    padding: 15px 0;
    padding-right: 30px;
  }
}
.help__accordion-item .accordion__item-content p {
  padding-bottom: 30px;
}
@media (max-width:1680px) {
  .help__accordion-item .accordion__item-content p {
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .help__accordion-item .accordion__item-content p {
    padding-bottom: 15px;
  }
}
.help-contact {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-gap: 20px;
  position: relative;
}
@media (max-width:1680px) {
  .help-contact {
    margin-top: 100px;
  }
}
@media (max-width:991px) {
  .help-contact {
    margin-top: 40px;
    grid-template-columns: 1fr;
  }
}
.help-contact__form {
  margin: auto 0;
}

.help-contact__title {
  font-size: 24px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .help-contact__title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .help-contact__title {
    font-size: 18px;
  }
}
.help-contact__input {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .help-contact__input {
    margin-bottom: 10px;
  }
}
.help-contact__input textarea {
  min-height: 104px;
}
@media (max-width:1680px) {
  .help-contact__input textarea {
    min-height: 154px;
  }
}
@media (max-width:991px) {
  .help-contact__input textarea {
    min-height: 88px;
    background: #fff;
  }
}
@media (max-width:991px) {
  .help-contact__input input {
    background: #fff;
  }
}
@media (max-width:1680px) {
  .help-contact__checkbox span {
    max-width: 340px;
  }
}
.help-contact__btn {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .help-contact__btn {
    margin-top: 10px;
  }
}
.help-contact__image {
  width: 680px;
}
@media (max-width:1680px) {
  .help-contact__image {
    width: 400px;
  }
}
@media (max-width:991px) {
  .help-contact__image {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
    opacity: 0.2;
  }
}
.help-contact__image img {
  width: 100%;
}

.help-contact__success {
  margin: auto 0;
  background: #F9FAFB;
  /* input_background */
  border: 1px solid #F2F3F5;
  /* box_shadow */
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
}
@media (max-width:1680px) {
  .help-contact__success {
    padding: 20px;
  }
}
@media (max-width:767px) {
  .help-contact__success {
    padding: 20px 15px;
  }
}

.help-contact__success-bottom {
  margin-top: 30px;
}
@media (max-width:1680px) {
  .help-contact__success-bottom {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .help-contact__success-bottom {
    margin-top: 15px;
  }
}
.help-contact__success-label {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.3;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .help-contact__success-label {
    font-size: 10px;
  }
}
.help-contact__success-name {
  font-weight: 500;
  color: #7B20FF;
  margin-bottom: 10px;
}

.help-contact__success-text {
  color: #3B414B;
  opacity: 0.6;
}

.sign-in, .sign-up, .recovery, .change-password, .confirm-login {
  padding: 120px 0;
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .sign-in, .sign-up, .recovery, .change-password, .confirm-login {
    padding: 100px 0;
  }
}
.sign-up__form, .sign-in__form, .recovery__form, .change-password__form, .confirm-login__form {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 40px;
  max-width: 432px;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .sign-up__form, .sign-in__form, .recovery__form, .change-password__form, .confirm-login__form {
    padding: 30px 40px;
    max-width: 412px;
  }
}
@media (max-width:991px) {
  .sign-up__form, .sign-in__form, .recovery__form, .change-password__form, .confirm-login__form {
    max-width: 354px;
    padding: 30px 20px;
  }
}
.sign-in__form-roles, .sign-up__form-roles {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-around;
  position: relative;
}
.sign-in__form-roles::after, .sign-up__form-roles::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #E8E9EC;
  width: 100%;
  height: 1px;
}
@media (max-width:1680px) {
  .sign-in__form-roles, .sign-up__form-roles {
    margin-bottom: 20px;
  }
}
.sign-in__form-roles-item, .sign-up__form-roles-item {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #A6AAB4;
  cursor: pointer;
  user-select: none;
}
.sign-in__form-roles-item span, .sign-up__form-roles-item span {
  position: relative;
  padding-bottom: 10px;
}
@media (max-width:767px) {
  .sign-in__form-roles-item span, .sign-up__form-roles-item span {
    padding-bottom: 5px;
  }
}
.sign-in__form-roles-item span::after, .sign-up__form-roles-item span::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background: #7B20FF;
  height: 3px;
  border-radius: 4px;
  z-index: 10;
  opacity: 0;
  width: 0;
  transition: all linear 0.2s;
}
.sign-in__form-roles-item input, .sign-up__form-roles-item input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.sign-in__form-roles-item input:checked + span, .sign-up__form-roles-item input:checked + span {
  color: #3B414B;
}
.sign-in__form-roles-item input:checked + span::after, .sign-up__form-roles-item input:checked + span::after {
  width: calc(100% + 20px);
  opacity: 1;
}
@media (max-width:1680px) {
  .sign-in__form-roles-item, .sign-up__form-roles-item {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .sign-in__form-roles-item, .sign-up__form-roles-item {
    font-size: 14px;
  }
}
.sign-in__form-input, .sign-up__form-input, .change-password__form-input, .confirm-login__form-input {
  margin-bottom: 20px;
  position: relative;
}
.sign-in__form-input._incorrectly input, .sign-up__form-input._incorrectly input, .change-password__form-input._incorrectly input, .confirm-login__form-input._incorrectly input {
  border-color: #F3775B;
}
.sign-in__form-input input, .sign-up__form-input input, .change-password__form-input input, .confirm-login__form-input input {
  transition: all linear 0.2s;
}
.sign-in__form-input input:focus, .sign-up__form-input input:focus, .change-password__form-input input:focus, .confirm-login__form-input input:focus {
  border-color: #7B20FF;
}
@media (max-width:1680px) {
  .sign-in__form-input, .sign-up__form-input, .change-password__form-input, .confirm-login__form-input {
    margin-bottom: 10px;
  }
}
.sign-in__form-row, .sign-up__form-row, .confirm-login__form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sign-in__form-btn, .sign-up__form-btn, .recovery__form-btn, .change-password__form-btn, .confirm-login__form-btn {
  width: 100%;
  border-radius: 8px;
}

.sign-in__form-message, .sign-up__form-message, .change-password__form-message, .confirm-login__form-message {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #F3775B;
  display: flex;
}
@media (max-width:1680px) {
  .sign-in__form-message, .sign-up__form-message, .change-password__form-message, .confirm-login__form-message {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .sign-in__form-message, .sign-up__form-message, .change-password__form-message, .confirm-login__form-message {
    font-size: 10px;
  }
}
.sign-in__form-link-signup, .recovery__form-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .sign-in__form-link-signup, .recovery__form-link {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .sign-in__form-link-signup, .recovery__form-link {
    font-size: 12px;
  }
}
.sign-in__form-message {
  margin: -10px 0 20px;
}
@media (max-width:1680px) {
  .sign-in__form-message {
    margin: 0 0 10px;
  }
}
.sign-in__form-checkbox {
  align-items: center;
}

.sign-in__form-link-recovery, .confirm-login__form-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
  color: #3B414B;
}
@media (max-width:991px) {
  .sign-in__form-link-recovery, .confirm-login__form-link {
    font-size: 12px;
  }
}
.sign-in__form-btn {
  margin: 30px 0 20px;
}
@media (max-width:1680px) {
  .sign-in__form-btn {
    margin: 20px 0 10px;
  }
}
.sign-in__form-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .sign-in__form-label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .sign-in__form-label {
    font-size: 10px;
  }
}
.sign-in__form-bottom, .recovery__form-row {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.sign-up__form-roles {
  justify-content: space-evenly;
}

.sign-up__form-message {
  margin-bottom: 20px;
}

.sign-up__form-btn {
  margin: 20px 0 20px;
}
.sign-up__form-row {
  display: flex;
  flex-direction: column;
}

.sign-up__form-social {
  display: flex;
  justify-content: center;
}
.sign-up__form-social li {
  margin-right: 20px;
}
.sign-up__form-social li:last-child {
  margin-right: 0;
}
@media (max-width:991px) {
  .sign-up__form-social li {
    margin-right: 15px;
  }
}
.sign-up__form-social-link {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sign-up__form-social-link img {
  width: 100%;
}
@media (max-width:991px) {
  .sign-up__form-social-link {
    width: 25px;
    height: 25px;
  }
}
.sign-up__form-label {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  margin-top: 10px;
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .sign-up__form-label {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .sign-up__form-label {
    font-size: 14px;
  }
}
.sign-up__form-select {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .sign-up__form-select {
    margin-bottom: 10px;
  }
}
.sign-up__form-text-wrp {
  position: relative;
  border: 1px solid #E8E9EC;
  border-radius: 8px;
}

.sign-up__form-text {
  max-height: 592px;
  overflow-y: auto;
  padding: 9px 23px 9px 18px;
  color: #3B414B;
  opacity: 1;
  /* ползунок скроллбара */
  margin-right: -10px;
}
@media (max-width:1680px) {
  .sign-up__form-text {
    padding: 7px 19px 7px 14px;
  }
}
@media (max-width:991px) {
  .sign-up__form-text {
    padding: 6px 17px 6px 12px;
  }
}
.sign-up__form-text::-webkit-scrollbar {
  width: 3px; /* ширина для вертикального скролла */
  background-color: #F2F3F5;
  border-radius: 20px;
}
.sign-up__form-text::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
}

.sign-up__form-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .sign-up__form-btns {
    margin-top: 20px;
  }
}
.sign-up__form-btns .btn {
  width: 100%;
}
.sign-up__form-btns .btn-tp {
  width: 100%;
}

.recovery__form-title, .sign-up__form-title, .change-password__form-title, .confirm-login__form-title {
  margin-bottom: 43px;
  text-align: center;
  position: relative;
}
.recovery__form-title::after, .sign-up__form-title::after, .change-password__form-title::after, .confirm-login__form-title::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  background: #7B20FF;
  width: 150px;
  height: 3px;
  border-radius: 4px;
  transform: translateX(-50%);
}
@media (max-width:1680px) {
  .recovery__form-title::after, .sign-up__form-title::after, .change-password__form-title::after, .confirm-login__form-title::after {
    width: 120px;
  }
}
@media (max-width:991px) {
  .recovery__form-title::after, .sign-up__form-title::after, .change-password__form-title::after, .confirm-login__form-title::after {
    width: 90px;
  }
}
@media (max-width:767px) {
  .recovery__form-title::after, .sign-up__form-title::after, .change-password__form-title::after, .confirm-login__form-title::after {
    top: calc(100% + 5px);
    width: 60px;
  }
}
@media (max-width:1680px) {
  .recovery__form-title, .sign-up__form-title, .change-password__form-title, .confirm-login__form-title {
    margin-bottom: 33px;
  }
}
@media (max-width:767px) {
  .recovery__form-title, .sign-up__form-title, .change-password__form-title, .confirm-login__form-title {
    margin-bottom: 28px;
  }
}

.recovery__form-btn {
  margin: 30px 0 20px;
}
@media (max-width:1680px) {
  .recovery__form-btn {
    margin: 20px 0 10px;
  }
}
.recovery__form-text {
  text-align: center;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .recovery__form-text {
    margin-top: 10px;
  }
}
.change-password__form-btn, .confirm-login__form-btn {
  margin-top: 30px;
}
@media (max-width:1680px) {
  .change-password__form-btn, .confirm-login__form-btn {
    margin-top: 20px;
  }
}
.confirm-login__form-text {
  text-align: center;
  color: #3B414B;
  margin-bottom: 20px;
}

.confirm-login__form-input {
  margin-bottom: 10px !important;
}

.confirm-login__form-link {
  display: flex;
  margin-left: auto;
}

.cabinet-main {
  display: grid;
  grid-template-columns: auto 1fr 396px;
  grid-gap: 30px;
  padding-top: 30px;
  padding-bottom: 100px;
  align-items: flex-start;
}
@media (max-width:1680px) {
  .cabinet-main {
    grid-gap: 20px;
    padding-top: 20px;
    grid-template-columns: auto 1fr 285px;
    padding-bottom: 60px;
  }
}
@media (max-width:991px) {
  .cabinet-main {
    grid-template-columns: 1fr 210px;
    padding-bottom: 40px;
  }
}
@media (max-width:767px) {
  .cabinet-main {
    grid-template-columns: 1fr;
    grid-gap: 0px;
  }
}

.cabinet-card {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-top: 30px;
}
.cabinet-card:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .cabinet-card {
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .cabinet-card {
    padding: 10px;
  }
}
.cabinet-content {
  min-width: 0;
  position: relative;
}

@media (min-width: 991px) {
  .cabinet-menu {
    position: sticky !important;
    top: 0;
  }
}

.cabinet-sidebar {
  min-width: 0;
}
@media (min-width: 991px) {
  .cabinet-sidebar {
    position: sticky !important;
    top: 10px;
  }
}

.cabinet-section {
  margin-bottom: 40px;
}
.cabinet-section:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .cabinet-section {
    margin-bottom: 30px;
  }
}
@media (max-width:991px) {
  .cabinet-section {
    margin-bottom: 30px;
  }
}
@media (max-width:767px) {
  .cabinet-section {
    margin-bottom: 30px;
  }
}

.cabinet-section__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .cabinet-section__title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .cabinet-section__title {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.cabinet-profile__user {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
  align-items: flex-start;
}
@media (max-width:1680px) {
  .cabinet-profile__user {
    grid-gap: 10px;
  }
}
.cabinet-profile__user-photo-wrp {
  position: relative;
  display: flex;
  flex-direction: column;
}

.cabinet-profile__user-photo {
  border: 3px solid #8E83FF;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .cabinet-profile__user-photo {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-photo {
    width: 60px;
    height: 60px;
  }
}
.cabinet-profile__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-profile__user-position {
  position: absolute;
  bottom: -4px;
  left: -4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 41px;
  height: 41px;
  background: #7B20FF;
  border-radius: 50%;
  color: #fff;
}
@media (max-width:1680px) {
  .cabinet-profile__user-position {
    font-size: 14px;
    width: 37px;
    height: 37px;
    bottom: -8px;
    left: -4px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-position {
    font-size: 12px;
    width: 28px;
    height: 28px;
    bottom: -6px;
  }
}
@media (max-width:767px) {
  .cabinet-profile__user-position {
    bottom: -10px;
  }
}

.cabinet-profile__user-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width:991px) {
  .cabinet-profile__user-row {
    flex-direction: column;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-row .cabinet-profile__user-ratings {
    margin-top: 10px;
    margin-left: 0;
    flex-direction: row-reverse;
  }
  .cabinet-profile__user-row .cabinet-profile__user-ratings img {
    margin-left: 0;
    margin-right: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-profile__user-row .cabinet-profile__user-ratings img {
    margin-bottom: 0;
  }
}
@media (max-width:767px) {
  .cabinet-profile__user-row .cabinet-profile__user-awards {
    display: flex;
  }
}

.cabinet-profile__user-col {
  display: flex;
  flex-direction: column;
}

.cabinet-profile__user-city, .cabinet-profile__user-age {
  display: flex;
  margin: 10px 0;
}

.cabinet-profile__user-education {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
}
.cabinet-profile__user-education img {
  margin-right: 5px;
  width: 16px;
}
@media (max-width:1680px) {
  .cabinet-profile__user-education {
    font-size: 12px;
  }
  .cabinet-profile__user-education img {
    width: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-education {
    font-size: 10px;
  }
  .cabinet-profile__user-education img {
    width: 12px;
  }
}
.cabinet-profile__user-slogan {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .cabinet-profile__user-slogan {
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-slogan {
    margin-top: 10px;
  }
}
.cabinet-profile__user-slogan p {
  text-align: left;
}

.cabinet-profile__user-slogan-title {
  margin-bottom: 10px;
  color: #7B20FF;
}

.cabinet-profile__user-slogan-text {
  color: #3B414B;
  text-align: left;
}

.cabinet-profile__user-btn {
  margin-left: auto;
  margin-top: 20px;
}

.profile-blank__icon {
  position: absolute;
  right: -100px;
  top: -40px;
  visibility: hidden;
  animation: signupIconHidden 12s 1s;
}
@media (max-width:1680px) {
  .profile-blank__icon {
    right: -80px;
    top: -10px;
  }
}
@media (max-width:991px) {
  .profile-blank__icon {
    top: -15px;
  }
}
@media (max-width:767px) {
  .profile-blank__icon {
    top: 220px;
    right: -20px;
  }
}

.profile-blank__icon-top {
  z-index: 10;
  position: relative;
  margin-bottom: -40px;
  margin-left: -10px;
  width: 204px;
  opacity: 0;
  animation: signupIconTop 12s 1s;
}
@media (max-width:1680px) {
  .profile-blank__icon-top {
    width: 160px;
    margin-left: 0;
  }
}
@media (max-width:991px) {
  .profile-blank__icon-top {
    width: 140px;
    margin-bottom: -30px;
  }
}
.profile-blank__icon-top img {
  width: 100%;
}

.profile-blank__icon-bottom {
  position: relative;
  width: 220px;
  opacity: 0;
  animation: signupIconBottom 12s 1s;
}
@media (max-width:1680px) {
  .profile-blank__icon-bottom {
    width: 180px;
  }
}
@media (max-width:991px) {
  .profile-blank__icon-bottom {
    width: 160px;
  }
}
.profile-blank__icon-bottom img {
  width: 100%;
}

.cabinet-profile__user-photo-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E8E9EC;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: max-content;
}
@media (max-width:1680px) {
  .cabinet-profile__user-photo-remove {
    min-width: 20px;
    width: 20px;
    height: 20px;
    right: 5px;
  }
}
.cabinet-profile__user-photo-remove::before, .cabinet-profile__user-photo-remove::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #F3775B;
  width: 1.4px;
  height: 12px;
  border-radius: 8px;
}
.cabinet-profile__user-photo-remove::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cabinet-profile__user-photo-remove::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.cabinet-profile__user-photo-preview {
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .cabinet-profile__user-photo-preview {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-photo-preview {
    width: 60px;
    height: 60px;
  }
}
.cabinet-profile__user-photo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-profile__user-photo-file {
  text-align: center;
  display: flex;
  flex-direction: column;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: rgba(59, 65, 75, 0.6);
  margin-top: 10px;
}
@media (max-width:1680px) {
  .cabinet-profile__user-photo-file {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-photo-file {
    font-size: 12px;
  }
}
.cabinet-profile__user-photo-file input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.cabinet-profile__user-photo-file span {
  cursor: pointer;
  text-decoration: underline;
}
@media (min-width: 991px) {
  .cabinet-profile__user-photo-file:hover span {
    text-decoration: none;
  }
}

@media (max-width:767px) {
  .cabinet-profile__user._edit {
    grid-template-columns: 1fr;
  }
}
.cabinet-profile__user._edit .cabinet-profile__user-photo-wrp {
  align-items: center;
  justify-self: start;
}
.cabinet-profile__user._edit .cabinet-profile__user-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .cabinet-profile__user._edit .cabinet-profile__user-row {
    grid-template-columns: 1fr;
  }
}
.cabinet-profile__user._edit .cabinet-profile__user-row .cabinet-profile__user-btn {
  border-color: #3B414B;
  color: #3B414B;
  margin-left: auto;
}
.cabinet-profile__user._edit .cabinet-profile__user-col .cabinet-profile__user-input {
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.cabinet-profile__user._edit .cabinet-profile__user-col .cabinet-profile__user-input:first-child {
  margin-bottom: 0;
}
.cabinet-profile__user._edit .cabinet-profile__user-textarea textarea {
  min-height: 134px;
  max-height: 240px;
  resize: vertical;
}
.cabinet-profile__user._edit .dropdown {
  margin-top: 10px;
  width: 100%;
  max-width: 100%;
}
.cabinet-profile__user._edit .cabinet-profile__user-btn {
  margin-left: 0;
}
.cabinet-profile__user._edit .cabinet-profile__user-bottom {
  display: flex;
  justify-content: flex-end;
}
.cabinet-profile__user._edit .cabinet-profile__user-bottom .btn-tp {
  margin-left: 20px;
}

.cabinet-profile__user-input._disabled input {
  background: #F2F3F5;
  color: rgba(59, 65, 75, 0.4) !important;
}

.cabinet-profile__user-dates {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
}
@media (max-width:1680px) {
  .cabinet-profile__user-dates {
    margin-top: 20px;
  }
}
.cabinet-profile__user-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}
.cabinet-profile__user-date:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .cabinet-profile__user-date {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-date {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.cabinet-profile__user-btn._block {
  background: #F3775B;
  color: #fff;
  margin-right: auto;
}

.management-user__edit-bottom {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-gap: 20px;
  margin-top: 20px;
}
.management-user__edit-bottom .btn, .management-user__edit-bottom .btn-tp {
  margin-top: 0;
}
@media (max-width:767px) {
  .management-user__edit-bottom {
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
  }
  .management-user__edit-bottom .btn-tp {
    margin-left: auto !important;
    grid-column-start: 2;
  }
}

.rating-card {
  z-index: 4;
  position: relative;
}

.title-decor {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 33px;
  text-align: center;
}
@media (max-width:1680px) {
  .title-decor {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .title-decor {
    margin-bottom: 22px;
    font-size: 16px;
  }
}
.title-decor::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  background: #7B20FF;
  border-radius: 2px;
  width: 150px;
  height: 3px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width:1680px) {
  .title-decor::before {
    width: 120px;
  }
}
@media (max-width:991px) {
  .title-decor::before {
    width: 90px;
    height: 2px;
  }
}
.rating-card__body, .cabinet-statistics-card__body, .balance-card__body {
  padding: 20px 0;
  border-top: 1px solid #F2F3F5;
  border-bottom: 1px solid #3B414B;
}
@media (max-width:1680px) {
  .rating-card__body, .cabinet-statistics-card__body, .balance-card__body {
    padding: 10px 0;
  }
}
.rating-card__row, .cabinet-statistics-card__row, .balance-card__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.rating-card__row:last-child, .cabinet-statistics-card__row:last-child, .balance-card__row:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .rating-card__row, .cabinet-statistics-card__row, .balance-card__row {
    margin-bottom: 10px;
  }
}
.rating-card__row span, .cabinet-statistics-card__row span, .balance-card__row span {
  margin-left: 5px;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #F3775B;
}
@media (max-width:1680px) {
  .rating-card__row span, .cabinet-statistics-card__row span, .balance-card__row span {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .rating-card__row span, .cabinet-statistics-card__row span, .balance-card__row span {
    font-size: 14px;
  }
}
.rating-card__total, .balance-card__total {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
.rating-card__total p, .balance-card__total p {
  font-size: 18px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .rating-card__total p, .balance-card__total p {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .rating-card__total p, .balance-card__total p {
    font-size: 14px;
  }
}
.rating-card__total span, .balance-card__total span {
  display: flex;
  margin-left: 20px;
  font-size: 20px;
  color: #F3775B;
}
@media (max-width:1680px) {
  .rating-card__total span, .balance-card__total span {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .rating-card__total span, .balance-card__total span {
    font-size: 16px;
  }
}
@media (max-width:1680px) {
  .rating-card__total, .balance-card__total {
    padding-top: 10px;
  }
}
.cabinet-statistics-card__body {
  border-bottom: 1px solid #F2F3F5;
}

.cabinet-schedule, .cabinet-affairs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .cabinet-schedule, .cabinet-affairs {
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule, .cabinet-affairs {
    grid-template-columns: 1fr 1fr;
  }
}
.cabinet-schedule__card, .cabinet-affairs__card {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 20px;
  cursor: default;
}
@media (min-width: 991px) {
  .cabinet-schedule__card:hover .cabinet-schedule__card-list, .cabinet-affairs__card:hover .cabinet-schedule__card-list {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card, .cabinet-affairs__card {
    padding: 10px;
  }
}
.cabinet-schedule__card._homeworks .cabinet-affairs__card-quantity-works span, .cabinet-schedule__card._courses .cabinet-affairs__card-quantity-works span, .cabinet-affairs__card._homeworks .cabinet-affairs__card-quantity-works span, .cabinet-affairs__card._courses .cabinet-affairs__card-quantity-works span {
  background: #FACFC5;
  color: #F3775B;
  opacity: 0.6;
}
.cabinet-schedule__card._calendar, .cabinet-affairs__card._calendar {
  background: #119CB0;
  cursor: pointer;
}
.cabinet-schedule__card._calendar .cabinet-schedule__card-icon, .cabinet-affairs__card._calendar .cabinet-schedule__card-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .cabinet-schedule__card._calendar .cabinet-schedule__card-icon, .cabinet-affairs__card._calendar .cabinet-schedule__card-icon {
    width: 75px;
    height: 75px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card._calendar .cabinet-schedule__card-icon, .cabinet-affairs__card._calendar .cabinet-schedule__card-icon {
    width: 60px;
    height: 60px;
  }
}
.cabinet-schedule__card._calendar .cabinet-schedule__card-title, .cabinet-affairs__card._calendar .cabinet-schedule__card-title {
  color: #fff;
}
.cabinet-schedule__card._active .cabinet-schedule__card-list, .cabinet-affairs__card._active .cabinet-schedule__card-list {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.cabinet-schedule__card:nth-child(1) .cabinet-schedule__card-title {
  color: #2B4E94;
}
.cabinet-schedule__card:nth-child(1) .cabinet-schedule__card-quantity {
  color: #2B4E94;
}
.cabinet-schedule__card:nth-child(1) .cabinet-schedule__card-quantity-works span {
  background: #D8E5FF;
  color: #2B4E94;
  opacity: 0.6;
}
.cabinet-schedule__card:nth-child(1) .cabinet-schedule__card-list li span {
  color: #2B4E94;
}
.cabinet-schedule__card:nth-child(2) .cabinet-schedule__card-title {
  color: #F3775B;
}
.cabinet-schedule__card:nth-child(2) .cabinet-schedule__card-quantity {
  color: #F3775B;
}
.cabinet-schedule__card:nth-child(2) .cabinet-schedule__card-quantity-works span {
  background: #FACFC5;
  color: #F3775B;
  opacity: 0.6;
}
.cabinet-schedule__card:nth-child(2) .cabinet-schedule__card-list li span {
  color: #F3775B;
}
.cabinet-schedule__card:nth-child(3) .cabinet-schedule__card-title {
  color: #7B20FF;
}
.cabinet-schedule__card:nth-child(3) .cabinet-schedule__card-quantity {
  color: #7B20FF;
}
.cabinet-schedule__card:nth-child(3) .cabinet-schedule__card-quantity-works span {
  background: #E7E5FB;
  color: #7B20FF;
  opacity: 0.6;
}
.cabinet-schedule__card:nth-child(3) .cabinet-schedule__card-list li span {
  color: #7B20FF;
}
.cabinet-schedule__card:nth-child(4) .cabinet-schedule__card-title {
  color: #FFB644;
}
.cabinet-schedule__card:nth-child(4) .cabinet-schedule__card-quantity {
  color: #FFB644;
}
.cabinet-schedule__card:nth-child(4) .cabinet-schedule__card-quantity-works span {
  background: #FEECCF;
  color: #FFB644;
  opacity: 0.6;
}
.cabinet-schedule__card:nth-child(4) .cabinet-schedule__card-list li span {
  color: #FFB644;
}
.cabinet-schedule__card:nth-child(5) .cabinet-schedule__card-title {
  color: #2ACCFF;
}
.cabinet-schedule__card:nth-child(5) .cabinet-schedule__card-quantity {
  color: #2ACCFF;
}
.cabinet-schedule__card:nth-child(5) .cabinet-schedule__card-quantity-works span {
  background: #DCF7FF;
  color: #2ACCFF;
  opacity: 0.6;
}
.cabinet-schedule__card:nth-child(5) .cabinet-schedule__card-list li span {
  color: #2ACCFF;
}
.cabinet-schedule__card:nth-child(6) .cabinet-schedule__card-title {
  color: #2B4E94;
}
.cabinet-schedule__card:nth-child(6) .cabinet-schedule__card-quantity {
  color: #2B4E94;
}
.cabinet-schedule__card:nth-child(6) .cabinet-schedule__card-quantity-works span {
  background: #D8E5FF;
  color: #2B4E94;
  opacity: 0.6;
}
.cabinet-schedule__card:nth-child(6) .cabinet-schedule__card-list li span {
  color: #2B4E94;
}
.cabinet-schedule__card:nth-child(7) .cabinet-schedule__card-title {
  color: #F3775B;
}
.cabinet-schedule__card:nth-child(7) .cabinet-schedule__card-quantity {
  color: #F3775B;
}
.cabinet-schedule__card:nth-child(7) .cabinet-schedule__card-quantity-works span {
  background: #FACFC5;
  color: #F3775B;
  opacity: 0.6;
}
.cabinet-schedule__card:nth-child(7) .cabinet-schedule__card-list li span {
  color: #F3775B;
}

.cabinet-affairs__card {
  display: flex;
  flex-direction: column;
}
.cabinet-affairs__card .cabinet-affairs__card-quantity {
  color: #7B20FF;
}

.cabinet-schedule__card-title, .cabinet-affairs__card-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .cabinet-schedule__card-title, .cabinet-affairs__card-title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card-title, .cabinet-affairs__card-title {
    font-size: 14px;
  }
}
.cabinet-schedule__card-list {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 20;
  transform: translateY(-50px);
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.2s;
  background: #FFFFFF;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  border-radius: 8px;
  padding: 20px;
}
@media (max-width:991px) {
  .cabinet-schedule__card-list {
    top: 38px;
    padding: 10px;
  }
}
.cabinet-schedule__card-list li {
  display: inline-block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}
.cabinet-schedule__card-list li:last-child {
  margin-bottom: 0;
}
.cabinet-schedule__card-list li span {
  color: #2B4E94;
  font-weight: 500;
  margin-right: 5px;
}
@media (max-width:1680px) {
  .cabinet-schedule__card-list li {
    margin-bottom: 10px;
    font-size: 12px;
  }
  .cabinet-schedule__card-list li span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card-list li {
    font-size: 10px;
  }
  .cabinet-schedule__card-list li span {
    font-size: 12px;
  }
}
.cabinet-schedule__card-body, .cabinet-affairs__card-body {
  display: flex;
  justify-content: space-between;
}

.cabinet-schedule__card-icon, .cabinet-affairs__card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
@media (max-width:1680px) {
  .cabinet-schedule__card-icon, .cabinet-affairs__card-icon {
    width: 32px;
    height: 32px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card-icon, .cabinet-affairs__card-icon {
    width: 28px;
    height: 28px;
  }
}
.cabinet-schedule__card-icon img, .cabinet-affairs__card-icon img {
  width: 100%;
}

.cabinet-schedule__card-quantity, .cabinet-affairs__card-quantity {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 65px;
  line-height: 100%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .cabinet-schedule__card-quantity, .cabinet-affairs__card-quantity {
    font-size: 50px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card-quantity, .cabinet-affairs__card-quantity {
    font-size: 40px;
  }
}
.cabinet-schedule__card-quantity-works, .cabinet-affairs__card-quantity-works {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .cabinet-schedule__card-quantity-works, .cabinet-affairs__card-quantity-works {
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card-quantity-works, .cabinet-affairs__card-quantity-works {
    margin-top: 16px;
  }
}
.cabinet-schedule__card-quantity-works span, .cabinet-affairs__card-quantity-works span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  min-width: 32px;
  background: #D8E5FF;
  border-radius: 8px;
  margin-right: 10px;
  padding: 0 12px;
  font-size: 14px;
}
@media (max-width:1680px) {
  .cabinet-schedule__card-quantity-works span, .cabinet-affairs__card-quantity-works span {
    height: 26px;
    min-width: 28px;
    padding: 0 8px;
    font-size: 12px;
    margin-right: 6px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card-quantity-works span, .cabinet-affairs__card-quantity-works span {
    height: 23px;
    min-width: 26px;
    font-size: 10px;
    margin-right: 10px;
  }
}
.cabinet-schedule__card-quantity-works p, .cabinet-affairs__card-quantity-works p {
  font-size: 14px;
  color: #3B414B;
  opacity: 0.6;
  line-height: 130%;
}
@media (max-width:1680px) {
  .cabinet-schedule__card-quantity-works p, .cabinet-affairs__card-quantity-works p {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .cabinet-schedule__card-quantity-works p, .cabinet-affairs__card-quantity-works p {
    font-size: 10px;
  }
}
.cabinet-affairs__card-quantity-works span {
  background: #E7E5FB;
  color: #7B20FF;
  opacity: 0.6;
}

.cabinet-affairs._news {
  grid-template-columns: 1fr 1fr 0.8fr;
}
@media (max-width:1680px) {
  .cabinet-affairs._news {
    grid-template-columns: 1.5fr 1.5fr 1fr;
  }
}
@media (max-width:991px) {
  .cabinet-affairs._news {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
@media (max-width:767px) {
  .cabinet-affairs._news {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}

.cabinet-affairs__new {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
@media (min-width: 991px) {
  .cabinet-affairs__new .cabinet-affairs__new-image {
    transition: transform linear 0.2s;
  }
  .cabinet-affairs__new:hover .cabinet-affairs__new-image {
    transform: scale(1.15) rotate(5deg);
  }
}
.cabinet-affairs__new._all {
  display: flex;
  flex-direction: column;
  background: #8E83FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  padding: 20px;
}
@media (max-width:991px) {
  .cabinet-affairs__new._all {
    padding: 10px;
  }
}
.cabinet-affairs__new._all .cabinet-affairs__new-icon {
  width: 90px;
  height: 90px;
  margin: auto;
}
.cabinet-affairs__new._all .cabinet-affairs__new-icon img {
  height: 100%;
}
@media (max-width:1680px) {
  .cabinet-affairs__new._all .cabinet-affairs__new-icon {
    width: 70px;
    height: 70px;
  }
}
@media (max-width:991px) {
  .cabinet-affairs__new._all .cabinet-affairs__new-icon {
    width: 60px;
    height: 60px;
  }
}
.cabinet-affairs__new._all .cabinet-affairs__new-title {
  color: #fff;
}
.cabinet-affairs__new-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 51% 0;
  border-radius: 12px;
}
@media (max-width:991px) {
  .cabinet-affairs__new-image {
    padding: 0 0 54% 0;
  }
}
.cabinet-affairs__new-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-affairs__new-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width:991px) {
  .cabinet-affairs__new-body {
    padding: 10px;
  }
}
.cabinet-affairs__new-date {
  display: flex;
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .cabinet-affairs__new-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .cabinet-affairs__new-date {
    font-size: 10px;
  }
}
.cabinet-affairs__new-title {
  color: #fff;
}

.cabinet-affairs__new-bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:991px) {
  .cabinet-affairs__new-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  .cabinet-affairs__new-bottom {
    flex-direction: row;
    align-items: center;
  }
}

.cabinet-affairs__new-info-el {
  color: rgba(255, 255, 255, 0.4);
}
.cabinet-affairs__new-info-el::before {
  color: rgba(255, 255, 255, 0.4);
}
.cabinet-affairs__new-info-el ._icon-post-like::before {
  color: #3B414B;
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.4);
  -webkit-text-fill-color: transparent;
}
.cabinet-affairs__new-btn {
  color: #fff;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media (max-width:991px) {
  .cabinet-affairs__new-btn {
    margin-left: auto;
    margin-top: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-affairs__new-btn {
    margin-top: 0;
  }
}
.cabinet-affairs__new-btn::before {
  margin-left: 7px;
  font-size: 11px;
}
@media (max-width:1680px) {
  .cabinet-affairs__new-btn::before {
    font-size: 10px;
  }
}
.cabinet-profile__photo-wrp {
  height: max-content;
  position: relative;
}

.cabinet-profile__photo {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #8E83FF;
  width: 58px;
  min-width: 58px;
  height: 58px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .cabinet-profile__photo {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
}
.cabinet-profile__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-profile__position {
  position: absolute;
  bottom: -4px;
  left: -4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 26px;
  height: 26px;
  background: #7B20FF;
  border-radius: 50%;
  color: #fff;
}
@media (max-width:1680px) {
  .cabinet-profile__position {
    font-size: 14px;
    width: 24px;
    height: 24px;
    bottom: -8px;
    left: -4px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__position {
    font-size: 12px;
    width: 20px;
    height: 20px;
    bottom: -6px;
  }
}
@media (max-width:767px) {
  .cabinet-profile__position {
    width: 20px;
    height: 20px;
  }
}

.cabinet-profile__user-ratings {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: rgba(59, 65, 75, 0.6);
  margin-bottom: 10px;
}
.cabinet-profile__user-ratings img {
  margin-left: 10px;
  height: 14px;
}
@media (max-width:991px) {
  .cabinet-profile__user-ratings {
    font-size: 10px;
  }
  .cabinet-profile__user-ratings img {
    height: 13px;
  }
}
@media (max-width:767px) {
  .cabinet-profile__user-ratings {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .cabinet-profile__user-ratings img {
    margin-bottom: 5px;
  }
}

.cabinet-profile__user-awards {
  display: flex;
  flex-direction: row-reverse;
  width: max-content;
  align-items: center;
  margin-right: 20px;
}
@media (max-width:1680px) {
  .cabinet-profile__user-awards {
    margin-right: 18px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-awards {
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 0px;
    width: auto;
    margin-right: 0;
  }
}
@media (max-width:767px) {
  .cabinet-profile__user-awards {
    display: none;
  }
}

.cabinet-profile__user-awards-item {
  width: 40px;
  min-width: 40px;
  height: max-content;
  cursor: pointer;
  margin-left: -20px;
  transform: translateX(20px);
}
@media (min-width: 991px) {
  .cabinet-profile__user-awards-item {
    transition: all linear 0.2s;
  }
  .cabinet-profile__user-awards-item:hover {
    transform: translateX(20px) translateX(50%);
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .cabinet-profile__user-awards-item:hover {
    transform: translateX(18px) translateX(50%);
  }
}
@media (max-width:1680px) {
  .cabinet-profile__user-awards-item {
    width: 36px;
    min-width: 36px;
    margin-left: -18px;
    transform: translateX(18px);
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-awards-item {
    margin-left: 0;
    transform: translateX(0px);
    margin-right: 0px;
    width: 28px;
    min-width: 28px;
  }
}
.cabinet-profile__user-awards-item img {
  width: 100%;
}

.cabinet-affairs__card-profile-btn {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #3B414B;
  opacity: 0.6;
  margin-top: auto;
}
@media (max-width:1680px) {
  .cabinet-affairs__card-profile-btn {
    font-size: 14px;
    white-space: nowrap;
  }
}
@media (max-width:991px) {
  .cabinet-affairs__card-profile-btn {
    font-size: 12px;
  }
}
.groups-card .chats-filter__search {
  margin-bottom: 10px;
}

.groups-card__list {
  max-height: 440px;
  overflow-y: auto;
  padding-right: 5px;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .groups-card__list {
    max-height: 290px;
  }
}
@media (max-width:991px) {
  .groups-card__list {
    max-height: 280px;
  }
}
.groups-card__list::-webkit-scrollbar {
  width: 3px;
  background: #f2f3f5;
  border-radius: 20px;
}
.groups-card__list::-webkit-scrollbar-thumb {
  width: 5px;
  background: #8e83ff;
  border-radius: 20px;
}
@media screen and (min-width: 991px) {
  .groups-card__list::-webkit-scrollbar-thumb:hover {
    background: rgba(142, 131, 255, 0.6);
  }
}
.groups-card__list .notific-card__item-label {
  color: #F3775B;
}
.groups-card__list .notific-card__item::after {
  background: #F3775B !important;
}

.groups-card__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  min-height: 54px;
  padding: 0 17px;
  margin-bottom: 10px;
}
.groups-card__item:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .groups-card__item {
    grid-template-columns: auto 1fr;
    grid-gap: 0px 5px;
    padding: 5px 14px;
  }
}
@media (max-width:991px) {
  .groups-card__item {
    min-height: 42px;
    padding: 2px 10px;
  }
}
.groups-card__item:nth-child(3n+1) .groups-card-letter {
  background: #F3775B;
}
.groups-card__item:nth-child(3n+2) .groups-card-letter {
  background: #8E83FF;
}
.groups-card__item:nth-child(3n) .groups-card-letter {
  background: #1FC6DF;
}

.groups-card-letter {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width:1680px) {
  .groups-card-letter {
    width: 30px;
    height: 30px;
    grid-row: span 2;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .groups-card-letter {
    width: 21px;
    height: 21px;
    font-size: 14px;
  }
}
.groups-card__number {
  color: #3B414B;
}

.groups-card__users {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
@media (max-width:1680px) {
  .groups-card__users {
    margin-left: 4px;
  }
}
.groups-card__user-photo {
  margin-left: -5px;
  display: flex;
  width: 18px;
  height: 18px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .groups-card__user-photo {
    width: 13px;
    height: 13px;
    margin-left: -4px;
  }
}
.groups-card__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.groups-card__quantity {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .groups-card__quantity {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .groups-card__quantity {
    font-size: 10px;
  }
}
.groups-card__btn {
  margin: 0 auto;
  margin-top: 30px;
}

.cabinet-notific__filter {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-gap: 30px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #E8E9EC;
}
@media (max-width:1680px) {
  .cabinet-notific__filter {
    grid-gap: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width:991px) {
  .cabinet-notific__filter {
    grid-template-columns: 1.2fr 1fr;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-notific__filter {
    grid-gap: 10px;
    margin-bottom: 10px;
    grid-template-columns: 1fr;
  }
}

.cabinet-notific__search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .cabinet-notific__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-notific__search-btn {
    right: 12px;
  }
}
.cabinet-notific__select {
  background: transparent;
}
.cabinet-notific__select .dropdown__current {
  background: transparent;
}
.cabinet-notific__select .dropdown__current._active {
  background: #fff;
}
.cabinet-notific__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 20px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
}
.cabinet-notific__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .cabinet-notific__item {
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .cabinet-notific__item {
    padding: 10px;
  }
}
.cabinet-notific__item._user .cabinet-notific__item-text {
  color: #3B414B;
}
.cabinet-notific__item._user .cabinet-notific__item-text span {
  color: #7B20FF;
  font-weight: 500;
}

.cabinet-notific__item-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
@media (max-width:1680px) {
  .cabinet-notific__item-image {
    width: 40px;
    height: 40px;
  }
}
@media (max-width:767px) {
  .cabinet-notific__item-image {
    width: 32px;
    height: 32px;
  }
}
.cabinet-notific__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-notific__item-text {
  color: #3B414B;
}
.cabinet-notific__item-text span {
  color: #F3775B;
  font-weight: 500;
}

.cabinet-notific__item-date {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #A6AAB4;
  margin-top: 10px;
}
@media (max-width:1680px) {
  .cabinet-notific__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .cabinet-notific__item-date {
    margin-top: 5px;
    font-size: 10px;
  }
}
.cabinet-notific__item-title {
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .cabinet-notific__item-title {
    margin-bottom: 5px;
  }
}
@media (max-width:767px) {
  .page.cabinet._documents .cabinet-sidebar {
    grid-row-start: 1;
  }
}

.documents__filter {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  grid-gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #E8E9EC;
}
@media (max-width:1680px) {
  .documents__filter {
    grid-template-columns: 1fr 1.8fr;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .documents__filter {
    grid-template-columns: 1fr;
    border: none;
  }
}
@media (max-width:991px) {
  .documents__filter-search::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    background: #E8E9EC;
    width: 100%;
    height: 2px;
  }
}
.documents__filter-search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .documents__filter-search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .documents__filter-search-btn {
    right: 12px;
  }
}
.documents__filter-inputs {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  align-items: center;
  grid-gap: 10px;
}
@media (max-width:991px) {
  .documents__filter-inputs {
    width: max-content;
  }
}
@media (max-width:767px) {
  .documents__filter-inputs {
    grid-template-columns: 1fr 1fr;
    width: auto;
  }
  .documents__filter-inputs span {
    grid-column: span 2;
  }
}
.documents__filter-inputs span {
  color: #3B414B;
}

@media (max-width:991px) {
  .documents__filter-input {
    max-width: 110px;
  }
}
@media (max-width:767px) {
  .documents__filter-input {
    max-width: 100%;
  }
}

.documents__block {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .documents__block {
    padding: 20px;
  }
}
@media (max-width:991px) {
  .documents__block {
    padding: 10px;
  }
}
.documents__block-haeder {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.documents__block-title {
  position: relative;
}
.documents__block-title::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background: #7B20FF;
  width: 150px;
  border-radius: 2px;
  height: 3px;
}
@media (max-width:1680px) {
  .documents__block-title::after {
    width: 120px;
  }
}
@media (max-width:991px) {
  .documents__block-title::after {
    width: 90px;
    height: 2px;
  }
}
.documents__block-btns {
  display: flex;
  align-items: center;
}

.documents__block-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .documents__block-btn {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .documents__block-btn {
    width: 18px;
    height: 18px;
    margin-left: 20px;
  }
}
.documents__block-btn:first-child {
  margin-left: 0;
}

.documents__block-body-wrp {
  position: relative;
  border: 1px solid #E8E9EC;
  border-radius: 8px;
}

.documents__block-body {
  color: #3B414B;
  max-height: 192px;
  overflow-y: auto;
  padding: 9px 23px 9px 18px;
  color: #3B414B;
  opacity: 1;
  /* ползунок скроллбара */
  margin-right: -10px;
}
@media (max-width:1680px) {
  .documents__block-body {
    padding: 7px 19px 7px 14px;
  }
}
@media (max-width:991px) {
  .documents__block-body {
    padding: 6px 17px 6px 12px;
  }
}
@media (max-width:767px) {
  .documents__block-body {
    max-height: 300px;
  }
}
.documents__block-body::-webkit-scrollbar {
  width: 3px; /* ширина для вертикального скролла */
  background-color: #F2F3F5;
  border-radius: 20px;
}
.documents__block-body::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
}

.documents__block-date {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.4;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0;
  justify-content: flex-end;
}
@media (max-width:1680px) {
  .documents__block-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .documents__block-date {
    font-size: 10px;
  }
}
.students-courses__filter {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-gap: 40px 30px;
  margin-bottom: 30px;
  position: relative;
}
.students-courses__filter::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:767px) {
  .students-courses__filter::after {
    display: none;
  }
}
@media (max-width:1680px) {
  .students-courses__filter {
    grid-gap: 30px 20px;
    margin-bottom: 10px;
  }
}
@media (max-width:991px) {
  .students-courses__filter {
    grid-template-columns: 1.2fr 1fr;
    margin-bottom: 10px;
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .students-courses__filter {
    grid-gap: 10px;
    margin-bottom: 10px;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}

.students-courses__filter-search {
  max-width: 100%;
}
@media (max-width:767px) {
  .students-courses__filter-search {
    margin-bottom: 10px;
  }
  .students-courses__filter-search::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 9px);
    left: 0;
    background: #E8E9EC;
    width: 100%;
    height: 2px;
  }
}
.students-courses__filter-search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .students-courses__filter-search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .students-courses__filter-search-btn {
    right: 12px;
  }
}
.students-courses__filter-select {
  max-width: 100%;
}
.students-courses__filter-select .dropdown__current {
  background: transparent;
}
.students-courses__filter-select .dropdown__current._active {
  background: #fff;
}
@media (max-width:767px) {
  .students-courses__filter-btn {
    margin-left: auto;
  }
}

.students-courses__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 102px auto 52px 165px;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .students-courses__header {
    grid-gap: 10px;
    grid-template-columns: 1fr 102px auto 38px 148px;
    padding: 5px 10px;
  }
}
@media (max-width:991px) {
  .students-courses__header {
    grid-template-columns: 1fr 0.36fr 188px;
    padding: 6px 12px;
  }
}
@media (max-width:767px) {
  .students-courses__header {
    grid-template-columns: 1fr;
  }
}

.students-courses__label {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width:991px) {
  .students-courses__label._rating {
    display: none;
  }
}
.students-courses__label._price {
  text-align: right;
}
@media (max-width:767px) {
  .students-courses__label._price {
    display: none;
  }
}
@media (max-width:1680px) {
  .students-courses__label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .students-courses__label {
    font-size: 10px;
  }
}
.students-courses__item {
  background: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr auto 0.26fr auto auto;
  align-items: center;
  grid-gap: 20px;
}
.students-courses__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .students-courses__item {
    padding: 5px 10px;
    grid-template-columns: 1fr auto 0.36fr auto auto;
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .students-courses__item {
    padding: 6px 12px;
    grid-template-columns: 1fr 0.36fr auto auto;
  }
}
@media (max-width:767px) {
  .students-courses__item {
    grid-template-columns: 1fr auto auto;
  }
}

.students-courses__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .students-courses__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .students-courses__item-name {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .students-courses__item-name {
    grid-column: span 3;
  }
}

.students-courses__item-rating {
  margin-left: 0 !important;
}
@media (max-width:991px) {
  .students-courses__item-rating {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
  }
}
@media (max-width:767px) {
  .students-courses__item-rating {
    grid-column-end: 4;
  }
}

.students-courses__item-price {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #3B414B;
  margin-left: auto;
}
.students-courses__item-price img {
  margin-left: 5px;
  width: 21px;
}
@media (max-width:1680px) {
  .students-courses__item-price {
    font-size: 14px;
  }
  .students-courses__item-price img {
    width: 18px;
  }
}
@media (max-width:991px) {
  .students-courses__item-price {
    font-size: 12px;
  }
  .students-courses__item-price img {
    width: 16px;
  }
}
@media (max-width:767px) {
  .students-courses__item-price {
    margin-left: 0;
    margin-right: auto;
  }
}

.students-courses__item-btns {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 10px;
}
.students-courses__item-favorite {
  margin-right: 10px;
  margin-top: 1px;
}
@media (min-width: 991px) {
  .students-courses__item-favorite::before {
    transition: all linear 0.2s;
  }
  .students-courses__item-favorite:hover {
    opacity: 1;
  }
  .students-courses__item-favorite:hover::before {
    color: #FF5A34;
    -webkit-text-stroke: 0.5px #FF5A34;
    -webkit-text-fill-color: #FF5A34;
  }
}
@media (max-width:1680px) {
  .students-courses__item-favorite {
    margin-right: 0;
    margin-top: 2px;
  }
}
.students-courses__item-favorite::before {
  font-size: 16px;
  color: #3B414B;
  -webkit-text-stroke: 0.4px #A6AAB4;
  -webkit-text-fill-color: transparent;
  font-size: 15px;
}

.students-courses__item-repost {
  position: relative;
  cursor: pointer;
}
@media (min-width: 991px) {
  .students-courses__item-repost:hover::before {
    transition: color linear 0.2s;
  }
  .students-courses__item-repost:hover::before {
    color: #7B20FF;
  }
  .students-courses__item-repost:hover .students-courses__item-share-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.students-courses__item-repost._active::before {
  color: #7B20FF;
}
.students-courses__item-repost._active .students-courses__item-share-list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.students-courses__item-repost::before {
  font-size: 20px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .students-courses__item-repost::before {
    font-size: 16px;
  }
}
.students-courses__item-btn._icon-more-arrow {
  background: transparent;
  border: 1px solid #7B20FF;
}
.students-courses__item-btn::before {
  font-size: 10px;
  color: #7B20FF;
}

.students-courses__item-share-list {
  background: #FFFFFF;
  border: 1px solid #E8E9EC;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  border-radius: 8px;
  transition: all linear 0.2s;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 100%;
  z-index: 5;
  bottom: 100%;
  min-width: 170px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
}
@media (max-width:1680px) {
  .students-courses__item-share-list {
    min-width: 144px;
  }
}
@media (max-width:991px) {
  .students-courses__item-share-list {
    min-width: 120px;
  }
}
.students-courses__item-share-list li:last-child {
  border-bottom: none;
}

.students-courses__item-share-el {
  display: flex;
  align-items: center;
  height: 41px;
  padding: 0 18px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #A6AAB4;
  border-bottom: 1px solid #F2F3F5;
}
.students-courses__item-share-el img {
  margin-right: 5px;
}
@media (max-width:1680px) {
  .students-courses__item-share-el {
    height: 35px;
    padding: 0 14px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .students-courses__item-share-el {
    height: 30px;
    padding: 0 12px;
    font-size: 10px;
  }
}
.notific-card__list {
  max-height: 440px;
  overflow-y: auto;
  padding-right: 5px;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .notific-card__list {
    max-height: 290px;
  }
}
@media (max-width:991px) {
  .notific-card__list {
    max-height: 280px;
  }
}
.notific-card__list::-webkit-scrollbar {
  width: 3px;
  background: #f2f3f5;
  border-radius: 20px;
}
.notific-card__list::-webkit-scrollbar-thumb {
  width: 5px;
  background: #8e83ff;
  border-radius: 20px;
}
@media screen and (min-width: 991px) {
  .notific-card__list::-webkit-scrollbar-thumb:hover {
    background: rgba(142, 131, 255, 0.6);
  }
}

.notific-card__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 9px 18px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 10px;
  position: relative;
}
.notific-card__item:last-child {
  margin-bottom: 0;
}
.notific-card__item::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 2px;
  background: #F3775B;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
@media (max-width:1680px) {
  .notific-card__item::after {
    top: 2px;
    right: 0px;
  }
}
@media (max-width:991px) {
  .notific-card__item::after {
    top: 2px;
    right: 4px;
  }
}
.notific-card__item._request {
  grid-template-columns: auto 1fr auto;
}
.notific-card__item._request::after {
  background: #7B20FF;
}
@media (max-width:1680px) {
  .notific-card__item {
    padding: 7px 14px;
  }
}
@media (max-width:991px) {
  .notific-card__item {
    padding: 6px 12px;
  }
}
.notific-card__item-photo {
  overflow: hidden;
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.notific-card__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.notific-card__item-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .notific-card__item-title {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .notific-card__item-title {
    font-size: 12px;
  }
}
.notific-card__item-label {
  color: #7B20FF;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .notific-card__item-label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .notific-card__item-label {
    font-size: 10px;
  }
}
.cabinet-progress__slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.cabinet-progress__slider-btns {
  display: flex;
  align-items: center;
}
.cabinet-progress__slider-btns .cabinet-progress__slider-btn-prev {
  margin-right: 30px;
}
@media (max-width:1680px) {
  .cabinet-progress__slider-btns .cabinet-progress__slider-btn-prev {
    margin-right: 20px;
  }
}
.cabinet-progress__slider-btn-prev,
.cabinet-progress__slider-btn-next {
  width: max-content;
  margin-top: 0;
  height: max-content;
  position: static !important;
}
.cabinet-progress__slider-btn-prev::after,
.cabinet-progress__slider-btn-next::after {
  display: none !important;
}
.cabinet-progress__slider-btn-prev::before,
.cabinet-progress__slider-btn-next::before {
  font-size: 17px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .cabinet-progress__slider-btn-prev::before,
  .cabinet-progress__slider-btn-next::before {
    font-size: 12px;
  }
}
@media (min-width: 991px) {
  .cabinet-progress__slider-btn-prev::before,
  .cabinet-progress__slider-btn-next::before {
    transition: all linear 0.2s;
  }
  .cabinet-progress__slider-btn-prev:hover::before,
  .cabinet-progress__slider-btn-next:hover::before {
    color: #8E83FF;
  }
}
.cabinet-progress__slider-btn-prev:active::before,
.cabinet-progress__slider-btn-next:active::before {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .cabinet-progress__slider-btn-prev,
  .cabinet-progress__slider-btn-next {
    top: 4px !important;
  }
}
.cabinet-progress__slider-btn-prev {
  left: auto;
  right: 50px !important;
}
@media (max-width:1680px) {
  .cabinet-progress__slider-btn-prev {
    right: 34px !important;
  }
}
.cabinet-progress__slider-btn-next {
  right: 0 !important;
}

.cabinet-progress__slider-slide {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 991px) {
  .cabinet-progress__slider-slide:hover .cabinet-progress__certificate-btns {
    opacity: 1;
  }
}

.cabinet-progress__certificate-btns {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 5px 10px;
  background: rgba(59, 65, 75, 0.5);
  border-radius: 8px 8px 0px 8px;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity linear 0.2s;
}
@media (max-width:991px) {
  .cabinet-progress__certificate-btns {
    opacity: 1;
  }
}
.cabinet-progress__certificate-btn {
  display: flex;
  width: 23px;
  height: 23px;
  margin-right: 5px;
}
.cabinet-progress__certificate-btn:last-child {
  margin-right: 0;
}
@media (max-width:1680px) {
  .cabinet-progress__certificate-btn {
    width: 21px;
    height: 23px;
  }
}
.cabinet-progress__certificate-btn img {
  width: 100%;
}

.cabinet-progress__certificate-image {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  padding: 0 0 120% 0;
}
.cabinet-progress__certificate-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-progress__certificate-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
@media (max-width:1680px) {
  .cabinet-progress__certificate-title {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .cabinet-progress__certificate-title {
    font-size: 10px;
  }
}
.cabinet-courses {
  margin-top: 30px;
}
@media (max-width:1680px) {
  .cabinet-courses {
    margin-top: 20px;
  }
}
.cabinet-courses__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  /* identical to box height, or 26px */
  /* #3B414B */
  color: #3B414B;
  margin-bottom: 20px;
}
@media (max-width:991px) {
  .cabinet-courses__title {
    margin-bottom: 10px;
  }
}
.cabinet-courses__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px 20px;
  padding: 20px;
}
.cabinet-courses__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .cabinet-courses__item {
    margin-top: 10px;
    padding: 10px;
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-courses__item {
    grid-template-columns: auto 1fr;
  }
}

.cabinet-courses__item-image-wrp {
  grid-row-start: 1;
  grid-row-end: 3;
  margin-top: -20px;
  margin-left: -20px;
}
@media (max-width:1680px) {
  .cabinet-courses__item-image-wrp {
    margin-top: -10px;
    margin-left: -10px;
  }
}
@media (max-width:767px) {
  .cabinet-courses__item-image-wrp {
    grid-row-end: 2;
  }
}

.cabinet-courses__item-image {
  overflow: hidden;
  position: relative;
  width: 222px;
  min-width: 222px;
  height: 111px;
  border-radius: 8px;
}
@media (max-width:1680px) {
  .cabinet-courses__item-image {
    width: 180px;
    min-width: 180px;
    height: 90px;
  }
}
@media (max-width:991px) {
  .cabinet-courses__item-image {
    width: 140px;
    min-width: 140px;
    height: 70px;
  }
}
@media (max-width:767px) {
  .cabinet-courses__item-image {
    width: 137px;
    min-width: 137px;
    height: 65px;
  }
}
.cabinet-courses__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-courses__item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.4;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
@media (max-width:1680px) {
  .cabinet-courses__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .cabinet-courses__item-date {
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-courses__item-col._second {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
    grid-column-end: 3;
    width: max-content;
    margin-left: auto;
  }
}

.cabinet-courses__item-rating {
  margin: 0;
  margin-top: 5px;
}
@media (max-width:991px) {
  .cabinet-courses__item-rating {
    margin-top: 3px;
  }
}
.cabinet-courses__item-rating span::before {
  font-size: 15px;
}
@media (max-width:1680px) {
  .cabinet-courses__item-rating span::before {
    font-size: 13px;
  }
}
@media (max-width:991px) {
  .cabinet-courses__item-rating span::before {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .cabinet-courses__item-rating span::before {
    font-size: 11px;
  }
}

.cabinet-courses__item-total-points {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cabinet-courses__item-total-points span {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .cabinet-courses__item-total-points {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .cabinet-courses__item-total-points {
    font-size: 14px;
  }
}
.cabinet-courses__item-received {
  font-family: "Roboto";
  font-style: normal;
  margin-top: 5px;
  line-height: 100%;
  color: rgba(59, 65, 75, 0.6);
  display: flex;
  align-items: center;
}
.cabinet-courses__item-received p {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width:1680px) {
  .cabinet-courses__item-received p {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .cabinet-courses__item-received p {
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-courses__item-received p {
    display: none;
  }
}
.cabinet-courses__item-received img {
  width: 21px;
}
.cabinet-courses__item-received span {
  display: flex;
  font-size: 16px;
  line-height: 100%;
  color: #F3775B;
  margin: 0 5px;
}
@media (max-width:1680px) {
  .cabinet-courses__item-received span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-courses__item-received span {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .cabinet-courses__item-received span {
    margin-right: 5px;
  }
}
@media (max-width:1680px) {
  .cabinet-courses__item-received img {
    width: 17px;
  }
}
@media (max-width:991px) {
  .cabinet-courses__item-received img {
    width: 16px;
  }
}
.cabinet-courses__item-text {
  color: #3B414B;
  opacity: 1;
  grid-column-start: 2;
  grid-column-end: 4;
}
@media (max-width:767px) {
  .cabinet-courses__item-text {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-right: 70px;
  }
}

.review-cards {
  margin-top: 30px;
  padding-left: 10px;
}
@media (max-width:1680px) {
  .review-cards {
    margin-top: 20px;
    padding-left: 8px;
  }
}
@media (max-width:991px) {
  .review-cards {
    padding-left: 6px;
  }
}
@media (max-width:767px) {
  .review-cards {
    padding-left: 4px;
  }
}

.review-card {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 0px 10px 10px 0px;
  padding: 20px;
  position: relative;
  margin-top: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}
.review-card:first-child {
  margin-top: 0;
}
.review-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 10px;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media (max-width:1680px) {
  .review-card::before {
    width: 8px;
  }
}
@media (max-width:991px) {
  .review-card::before {
    width: 6px;
  }
}
@media (max-width:767px) {
  .review-card::before {
    width: 4px;
  }
}
.review-card:nth-child(3n+1)::before {
  background: #1FC6DF;
}
.review-card:nth-child(3n-1)::before {
  background: #F3775B;
}
.review-card:nth-child(3n)::before {
  background: #7B20FF;
}
@media (max-width:991px) {
  .review-card {
    padding: 10px;
  }
}
.review-card__photo {
  overflow: hidden;
  position: relative;
  width: 52px;
  height: 52px;
  min-width: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .review-card__photo {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
}
@media (max-width:991px) {
  .review-card__photo {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
}
.review-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.review-card__name {
  color: #3B414B;
}

.review-card__rating {
  margin-left: 0;
  margin: 10px 0;
}
.review-card__date {
  display: flex;
  margin-top: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.3;
}
@media (max-width:1680px) {
  .review-card__date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .review-card__date {
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .review-card__date {
    margin-top: 5px;
  }
}

.signed-documents__list {
  overflow-y: auto;
  max-height: 278px;
  padding-right: 10px;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .signed-documents__list {
    padding-right: 5px;
    max-height: 262px;
  }
}
@media (max-width:991px) {
  .signed-documents__list {
    max-height: 196px;
  }
}
.signed-documents__list::-webkit-scrollbar {
  width: 3px;
  /* ширина для вертикального скролла */
  background-color: #F2F3F5;
  border-radius: 20px;
}
.signed-documents__list::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
}

.signed-documents__item {
  background: rgba(250, 207, 197, 0.5);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 9px 18px;
  margin-bottom: 10px;
  padding-left: 0;
  display: grid;
  grid-template-columns: minmax(48px, max-content) 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .signed-documents__item {
    grid-template-columns: minmax(32px, max-content) 1fr;
    grid-gap: 10px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .signed-documents__item {
    grid-template-columns: minmax(28px, max-content) 1fr;
    padding: 5px 10px;
    padding-left: 0;
  }
}
.signed-documents__item:nth-child(3n+1) {
  background: rgba(250, 207, 197, 0.5);
}
.signed-documents__item:nth-child(3n+2) {
  background: rgba(205, 246, 251, 0.5);
}
.signed-documents__item:nth-child(3n+2) .signed-documents__item-number {
  color: #119CB0;
  border-color: #119CB0;
}
.signed-documents__item:nth-child(3n) {
  background: #E7E5FB;
}
.signed-documents__item:nth-child(3n) .signed-documents__item-number {
  color: #8E83FF;
  border-color: #8E83FF;
}

.signed-documents__item-number {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #F3775B;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #F3775B;
}
@media (max-width:1680px) {
  .signed-documents__item-number {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .signed-documents__item-number {
    font-size: 14px;
  }
}
.signed-documents__item-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .signed-documents__item-title {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .signed-documents__item-title {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
.signed-documents__item-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
  min-height: 20px;
  padding-left: 26px;
  display: flex;
  align-items: center;
  background: url("../../images/img/icons/document-icon-file.svg") no-repeat left top 1px/auto 17px;
}
@media (max-width:1680px) {
  .signed-documents__item-link {
    font-size: 14px;
    background-size: auto 16px;
    padding-left: 24px;
  }
}
@media (max-width:991px) {
  .signed-documents__item-link {
    font-size: 12px;
    padding-left: 17px;
    background-size: auto 12px;
    min-height: 16px;
  }
}
.selected-courses__list {
  overflow-y: auto;
  max-height: 510px;
  padding-right: 10px;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .selected-courses__list {
    padding-right: 5px;
    max-height: 458px;
  }
}
@media (max-width:991px) {
  .selected-courses__list {
    max-height: 478px;
  }
}
@media (max-width:767px) {
  .selected-courses__list {
    max-height: 300px;
  }
}
.selected-courses__list::-webkit-scrollbar {
  width: 3px;
  /* ширина для вертикального скролла */
  background-color: #F2F3F5;
  border-radius: 20px;
}
.selected-courses__list::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
}

.selected-courses__item {
  background: rgba(250, 207, 197, 0.5);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 9px 18px;
  margin-bottom: 10px;
  padding-left: 0;
  display: grid;
  grid-template-columns: minmax(48px, max-content) 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .selected-courses__item {
    grid-template-columns: minmax(32px, max-content) 1fr;
    grid-gap: 10px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .selected-courses__item {
    grid-template-columns: minmax(28px, max-content) 1fr;
    padding: 5px 10px;
    padding-left: 0;
  }
}
.selected-courses__item:nth-child(3n+1) {
  background: rgba(250, 207, 197, 0.5);
}
.selected-courses__item:nth-child(3n+2) {
  background: rgba(205, 246, 251, 0.5);
}
.selected-courses__item:nth-child(3n+2) .selected-courses__item-number {
  color: #119CB0;
  border-color: #119CB0;
}
.selected-courses__item:nth-child(3n) {
  background: #E7E5FB;
}
.selected-courses__item:nth-child(3n) .selected-courses__item-number {
  color: #8E83FF;
  border-color: #8E83FF;
}

.selected-courses__item-number {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #F3775B;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #F3775B;
}
@media (max-width:1680px) {
  .selected-courses__item-number {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .selected-courses__item-number {
    font-size: 14px;
  }
}
.selected-courses__item-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .selected-courses__item-text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .selected-courses__item-text {
    font-size: 10px;
  }
}
.needs-attention__item {
  background: #E7E5FB;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 6px 12px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 10px;
  margin-bottom: 10px;
  position: relative;
}
.needs-attention__item::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  background: #F3775B;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
@media (max-width:991px) {
  .needs-attention__item::after {
    width: 6px;
    height: 6px;
    top: 0;
    right: 6px;
  }
}
@media (max-width:767px) {
  .needs-attention__item::after {
    top: 2px;
    right: 2px;
  }
}

.needs-attention__item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
}
@media (max-width:991px) {
  .needs-attention__item-icon {
    width: 16px;
    height: 16px;
  }
}
.needs-attention__item-icon img {
  width: 100%;
}

.needs-attention__item-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  /* or 18px */
  color: #3B414B;
}
@media (max-width:1680px) {
  .needs-attention__item-text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .needs-attention__item-text {
    font-size: 10px;
  }
}
.page.cabinet .main {
  font-family: "Roboto", Arial, sans-serif;
}

.management-courses__filter {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-gap: 40px 30px;
  margin-bottom: 30px;
  position: relative;
}
.management-courses__filter::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:767px) {
  .management-courses__filter::after {
    display: none;
  }
}
@media (max-width:1680px) {
  .management-courses__filter {
    grid-gap: 30px 20px;
    margin-bottom: 10px;
  }
}
@media (max-width:991px) {
  .management-courses__filter {
    grid-template-columns: 1.2fr 1fr;
    margin-bottom: 10px;
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .management-courses__filter {
    grid-gap: 10px;
    margin-bottom: 10px;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}

.management-courses__filter-search {
  max-width: 100%;
}
@media (max-width:767px) {
  .management-courses__filter-search {
    margin-bottom: 10px;
  }
  .management-courses__filter-search::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 9px);
    left: 0;
    background: #E8E9EC;
    width: 100%;
    height: 2px;
  }
}
.management-courses__filter-search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .management-courses__filter-search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .management-courses__filter-search-btn {
    right: 12px;
  }
}
.management-courses__filter-select {
  max-width: 100%;
}
.management-courses__filter-select .dropdown__current {
  background: transparent;
}
.management-courses__filter-select .dropdown__current._active {
  background: #fff;
}
.management-courses__filter-btns {
  display: grid !important;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  width: max-content;
  align-items: center;
  margin-left: auto !important;
  grid-column: span 2;
}
@media (max-width:767px) {
  .management-courses__filter-btns {
    grid-column: span 1;
    grid-template-columns: auto auto;
    margin-left: 0 !important;
    grid-gap: 10px;
  }
}

@media (max-width:767px) {
  .management-courses__filter-btn:first-child {
    grid-column-start: 1;
    grid-row-start: 2;
  }
}
@media (max-width:767px) {
  .management-courses__filter-btn.btn {
    grid-column-start: 2;
    grid-row-start: 1;
  }
}

.management-courses__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 122px auto 180px;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .management-courses__header {
    grid-gap: 10px;
    grid-template-columns: 1fr 102px auto 140px;
    padding: 5px 10px;
  }
}
@media (max-width:991px) {
  .management-courses__header {
    grid-template-columns: 1fr 0.36fr 128px;
    padding: 6px 12px;
  }
}
@media (max-width:767px) {
  .management-courses__header {
    grid-template-columns: 1fr;
  }
}

.management-courses__label {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width:991px) {
  .management-courses__label._rating {
    display: none;
  }
}
.management-courses__label._price {
  text-align: right;
}
@media (max-width:767px) {
  .management-courses__label._price {
    display: none;
  }
}
@media (max-width:1680px) {
  .management-courses__label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .management-courses__label {
    font-size: 10px;
  }
}
.management-courses__item {
  background: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr auto 0.26fr auto;
  align-items: center;
  grid-gap: 20px;
}
.management-courses__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .management-courses__item {
    padding: 5px 10px;
    grid-template-columns: 1fr auto 0.3fr auto;
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .management-courses__item {
    padding: 6px 12px;
    grid-template-columns: 1fr 0.3fr auto;
  }
}
@media (max-width:767px) {
  .management-courses__item {
    grid-template-columns: 1fr auto;
  }
}

.management-courses__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .management-courses__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .management-courses__item-name {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .management-courses__item-name {
    grid-column: span 2;
  }
}

.management-courses__item-rating {
  margin-left: 0 !important;
}
@media (max-width:991px) {
  .management-courses__item-rating {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
  }
}
@media (max-width:767px) {
  .management-courses__item-rating {
    grid-column-end: 3;
  }
}

.management-courses__item-price {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #3B414B;
  margin-left: auto;
}
.management-courses__item-price img {
  margin-left: 5px;
  width: 21px;
}
@media (max-width:1680px) {
  .management-courses__item-price {
    font-size: 14px;
  }
  .management-courses__item-price img {
    width: 18px;
  }
}
@media (max-width:991px) {
  .management-courses__item-price {
    font-size: 12px;
  }
  .management-courses__item-price img {
    width: 16px;
  }
}
@media (max-width:767px) {
  .management-courses__item-price {
    margin-left: 0;
    margin-right: auto;
  }
}

.management-courses__item-btns {
  padding-left: 20px;
}
@media (max-width:1680px) {
  .management-courses__item-btns {
    padding-left: 0;
  }
}
.management-courses__item-btn {
  background: transparent;
  border: 1px solid #7B20FF;
  color: #7B20FF;
}

.cabinet-main--without-sidebar {
  grid-template-columns: auto 1fr;
}
@media (max-width:991px) {
  .cabinet-main--without-sidebar {
    grid-template-columns: 1fr;
  }
}

.cabinet-main--without-sidebar .cabinet-sidebar {
  display: none;
}

.page.cabinet._course-management .cabinet-main,
.page.cabinet._publication .cabinet-main {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px;
  padding-top: 30px;
  padding-bottom: 100px;
  align-items: flex-start;
}
@media (max-width:1680px) {
  .page.cabinet._course-management .cabinet-main,
  .page.cabinet._publication .cabinet-main {
    grid-gap: 20px;
    padding-top: 20px;
    grid-template-columns: auto 1fr;
    padding-bottom: 60px;
  }
}
@media (max-width:991px) {
  .page.cabinet._course-management .cabinet-main,
  .page.cabinet._publication .cabinet-main {
    grid-template-columns: 1fr;
    padding-bottom: 40px;
  }
}
@media (max-width:767px) {
  .page.cabinet._course-management .cabinet-main,
  .page.cabinet._publication .cabinet-main {
    grid-template-columns: 1fr;
    grid-gap: 0px;
  }
}

.create-course__nav {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .create-course__nav {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .create-course__nav {
    margin-right: 10px;
  }
}
@media (max-width:767px) {
  .create-course__nav {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
  }
  .create-course__nav .create-course__nav-link {
    margin-right: 0;
  }
}

.create-course__nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 8px;
  border: 1px solid #7B20FF;
  color: #7B20FF;
  height: 35px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  width: max-content;
  margin-right: 30px;
  padding: 0 12px;
}
.create-course__nav-link:last-child {
  margin-right: 0;
}
@media (min-width: 991px) {
  .create-course__nav-link {
    transition: all linear 0.2s;
  }
  .create-course__nav-link:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
.create-course__nav-link:active {
  box-shadow: 0px 0px 28px rgba(123, 32, 255, 0.35);
}
.create-course__nav-link._active {
  background: #7B20FF;
  color: #fff;
}
.create-course__nav-link._disabled {
  color: #A6AAB4;
  border-color: #A6AAB4;
  pointer-events: none;
}
@media (max-width:1680px) {
  .create-course__nav-link {
    height: 31px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 10px;
  }
}
@media (max-width:991px) {
  .create-course__nav-link {
    height: 30px;
    font-size: 14px;
    padding: 0 10px;
  }
}
@media (max-width:767px) {
  .create-course__nav-link {
    height: 30px;
    padding: 0 12px;
  }
}

.create-course__content-wrp,
.publications__content-wrp {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  display: grid;
  grid-template-columns: 410px 1fr;
  grid-gap: 40px;
}
@media (max-width:1680px) {
  .create-course__content-wrp,
  .publications__content-wrp {
    padding: 20px;
    grid-template-columns: 320px 1fr;
    grid-gap: 30px;
  }
}
@media (max-width:991px) {
  .create-course__content-wrp,
  .publications__content-wrp {
    padding: 10px;
    grid-template-columns: 280px 1fr;
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .create-course__content-wrp,
  .publications__content-wrp {
    grid-template-columns: 1fr;
  }
}

.create-course__sidebar,
.publications__sidebar {
  position: relative;
}
.create-course__sidebar::after,
.publications__sidebar::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(100% + 20px);
  background: #F2F3F5;
  width: 1px;
  height: 100%;
}
@media (max-width:1680px) {
  .create-course__sidebar::after,
  .publications__sidebar::after {
    left: calc(100% + 15px);
  }
}
@media (max-width:991px) {
  .create-course__sidebar::after,
  .publications__sidebar::after {
    left: calc(100% + 10px);
  }
}
@media (max-width:767px) {
  .create-course__sidebar::after,
  .publications__sidebar::after {
    left: 0;
    top: calc(100% + 10px);
    height: 1px;
    width: 100%;
  }
}

.create-course__cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .create-course__cover {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .create-course__cover {
    margin-bottom: 10px;
  }
}
.create-course__cover-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 55% 0;
  border-radius: 8px;
  height: 0;
  width: 100%;
}
.create-course__cover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.create-course__cover-btns {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.create-course__cover-btns span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: rgba(59, 65, 75, 0.6);
}
@media (min-width: 991px) {
  .create-course__cover-btns span:hover {
    text-decoration: none;
  }
}
@media (max-width:1680px) {
  .create-course__cover-btns span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .create-course__cover-btns span {
    font-size: 12px;
  }
}
.create-course__cover-input {
  display: flex;
  align-items: center;
}
.create-course__cover-input input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.create-course__cover-input span {
  cursor: pointer;
}

.create-course__cover-remove {
  display: flex;
  cursor: pointer;
  margin-left: 20px;
}

.create-course__input {
  margin-bottom: 10px;
}
.create-course__input:last-child {
  margin-bottom: 0;
}
.create-course__input textarea {
  min-height: 150px;
  resize: vertical;
  max-height: 300px;
}
.create-course__input._big-textarea textarea {
  min-height: 264px;
  resize: vertical;
  max-height: 400px;
}
.create-course__input._disabled {
  pointer-events: none;
}
.create-course__input._disabled input,
.create-course__input._disabled textarea {
  background: #E8E9EC;
  pointer-events: none;
}

.create-course__select {
  margin-bottom: 10px;
  max-width: 100%;
}
.create-course__select:last-child {
  margin-bottom: 0;
}
.create-course__select._disabled {
  pointer-events: none;
}
.create-course__select._disabled .dropdown__current {
  background: #E8E9EC;
}
.create-course__file {
  display: flex;
  flex-direction: column;
}
.create-course__file._row {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .create-course__file._row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.create-course__file._row .create-course__file-label {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .create-course__file._row .create-course__file-label {
    margin-bottom: 10px;
  }
}
.create-course__file-label {
  font-weight: 500;
  color: #3B414B;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .create-course__file-label {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .create-course__file-label {
    margin-bottom: 10px;
  }
}
.create-course__file-input {
  display: flex;
  width: max-content;
}
.create-course__file-input input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.create-course__file-input span {
  border: 1px solid #7B20FF;
  background: transparent;
  color: #7B20FF;
}
.create-course__file-input._disabled {
  pointer-events: none;
}
.create-course__file-input._disabled input {
  pointer-events: none;
}
.create-course__file-input._disabled span {
  background: #A6AAB4;
  color: #fff;
  border: none;
}
.create-course__file-list {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
@media (max-width:1680px) {
  .create-course__file-list {
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .create-course__file-list {
    margin-top: 10px;
  }
}
.create-course__file-list .file-name {
  display: flex;
  align-items: center;
  min-height: 21px;
  padding-left: 24px;
  background: url("../../images/img/icons/document-icon-file.svg") no-repeat left top 1px/auto 16px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
}
@media (min-width: 991px) {
  .create-course__file-list .file-name:hover {
    text-decoration: none;
  }
}
@media (max-width:1680px) {
  .create-course__file-list .file-name {
    font-size: 14px;
    padding-left: 22px;
    background-size: 14px;
    background-position: left top 2px;
  }
}
@media (max-width:991px) {
  .create-course__file-list .file-name {
    font-size: 12px;
  }
}
.create-course__file-list .file-remove {
  margin-left: 30px;
  cursor: pointer;
}
.create-course__file-list .file-remove::before {
  color: #F3775B;
  font-size: 22px;
}
@media (max-width:1680px) {
  .create-course__file-list .file-remove::before {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .create-course__file-list .file-remove::before {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .create-course__file-list .file-remove::before {
    font-size: 16px;
  }
}
@media (max-width:1680px) {
  .create-course__file-list .file-remove {
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .create-course__file-list .file-remove {
    margin-left: 10px;
  }
}
.create-course__people {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .create-course__people {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .create-course__people {
    grid-template-columns: 1fr;
  }
}
.create-course__people-block {
  position: relative;
  display: flex;
  flex-direction: column;
}
.create-course__people-block::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  background: #F2F3F5;
  width: 1px;
  height: 100%;
}
@media (max-width:1680px) {
  .create-course__people-block::after {
    left: calc(100% + 10px);
  }
}
@media (max-width:991px) {
  .create-course__people-block::after {
    left: 0;
    top: calc(100% + 10px);
    height: 1px;
    width: 100%;
  }
}
.create-course__people-block:last-child::after {
  display: none;
}

.create-course__people-title {
  margin-bottom: 10px;
}

.create-course__people-search {
  margin-bottom: 10px;
  display: flex;
}

.create-course__people-search-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .create-course__people-search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .create-course__people-search-btn {
    right: 12px;
  }
}
.create-course__people-list {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  padding-right: 5px;
  overflow-y: auto;
  max-height: 310px;
  /* ползунок скроллбара */
}
@media (max-width:991px) {
  .create-course__people-list {
    max-height: 302px;
  }
}
@media (max-width:767px) {
  .create-course__people-list {
    max-height: 250px;
  }
}
.create-course__people-list::-webkit-scrollbar {
  width: 3px;
  /* ширина для вертикального скролла */
  background-color: #F2F3F5;
  border-radius: 20px;
}
.create-course__people-list::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
}
.create-course__people-list .stub-text {
  margin: auto !important;
}

.create-course__people-item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 9px 18px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  grid-gap: 10px;
}
.create-course__people-item:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .create-course__people-item {
    padding: 7px 14px;
  }
}
@media (max-width:991px) {
  .create-course__people-item {
    padding: 6px 12px;
  }
}
.create-course__people-item-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .create-course__people-item-photo {
    width: 30px;
    height: 30px;
  }
}
@media (max-width:991px) {
  .create-course__people-item-photo {
    width: 26px;
    height: 26px;
  }
}
.create-course__people-item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.create-course__people-item-name {
  color: #3B414B;
}

.create-course__people-item-remove {
  cursor: pointer;
}
.create-course__people-item-remove::before {
  font-size: 18px;
  color: rgba(166, 170, 180, 0.6);
}
@media (max-width:1680px) {
  .create-course__people-item-remove::before {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .create-course__people-item-remove::before {
    font-size: 14px;
  }
}
.create-course__bottom {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width:1680px) {
  .create-course__bottom {
    margin-top: 20px;
  }
}
@media (max-width:767px) {
  .create-course__bottom {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
  }
}

.create-course__btn._remove {
  margin-right: auto;
  background: #F3775B;
  color: #fff;
}
@media (min-width: 991px) {
  .create-course__btn._remove:hover {
    box-shadow: 0px 8px 16px rgba(243, 119, 91, 0.16);
  }
  .create-course__btn._remove:active {
    box-shadow: 0px 8px 16px rgba(243, 119, 91, 0.16);
  }
}
@media (max-width:767px) {
  .create-course__btn._remove {
    margin-left: 0 !important;
  }
}
@media (max-width:767px) {
  .create-course__btn.btn {
    margin-left: auto;
  }
}
.create-course__btn.btn-tp {
  margin-left: 20px;
}
@media (max-width:991px) {
  .create-course__btn.btn-tp {
    margin-left: 15px;
  }
}
@media (max-width:767px) {
  .create-course__btn.btn-tp {
    grid-column-start: 2;
    margin-left: auto;
  }
}

.create-course__main {
  display: grid;
  grid-template-columns: 368px 1fr;
  grid-gap: 30px;
}
@media (max-width:991px) {
  .create-course__main .create-course__content-wrp {
    grid-template-columns: 258px 1fr;
  }
}
@media (max-width:767px) {
  .create-course__main .create-course__content-wrp {
    grid-template-columns: 1fr;
  }
}
@media (max-width:1680px) {
  .create-course__main {
    grid-template-columns: 238px 1fr;
    grid-gap: 20px;
  }
}
@media (max-width:991px) {
  .create-course__main {
    grid-template-columns: 150px 1fr;
  }
}
@media (max-width:767px) {
  .create-course__main {
    grid-template-columns: 1fr;
  }
}

.create-course__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
@media (max-width:991px) {
  .create-course__row {
    grid-template-columns: 1.4fr 1fr;
  }
}
@media (max-width:767px) {
  .create-course__row {
    grid-template-columns: 1fr 1fr;
  }
}

.create-course__links {
  margin-top: 30px;
}
@media (max-width:1680px) {
  .create-course__links {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .create-course__links {
    margin-top: 15px;
  }
}
.create-course__link {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  position: relative;
}
.create-course__link:last-child {
  margin-bottom: 0;
}
.create-course__link input {
  padding-right: 80px;
}
@media (max-width:1680px) {
  .create-course__link {
    margin-bottom: 20px;
  }
  .create-course__link input {
    padding-right: 68px;
  }
}
@media (max-width:991px) {
  .create-course__link {
    margin-bottom: 15px;
  }
}
.create-course__link-label {
  color: #3B414B;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.create-course__link-label strong {
  font-weight: 500;
}
.create-course__link-label._author strong {
  color: #F3775B;
}
.create-course__link-label._student strong {
  color: #8E83FF;
}
.create-course__link-label._mentor strong {
  color: #1FC6DF;
}

.create-course__link-copy,
.create-course__link-refresh {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.create-course__link-copy img,
.create-course__link-refresh img {
  width: 100%;
}
@media (max-width:1680px) {
  .create-course__link-copy,
  .create-course__link-refresh {
    width: 20px;
    height: 20px;
  }
}
@media (max-width:991px) {
  .create-course__link-copy,
  .create-course__link-refresh {
    width: 18px;
    height: 18px;
  }
}
.create-course__link-copy {
  right: 50px;
}
@media (max-width:1680px) {
  .create-course__link-copy {
    right: 40px;
  }
}
.create-course__link-refresh {
  right: 10px;
}
@media (max-width:1680px) {
  .create-course__link-refresh {
    right: 8px;
  }
}
.create-course__topics-item {
  margin-bottom: 10px;
}
.create-course__topic-header {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
@media (max-width:991px) {
  .create-course__topic-header {
    margin-bottom: 5px;
  }
}
.create-course__topic-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .create-course__topic-name {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .create-course__topic-name {
    font-size: 14px;
  }
}
.create-course__topic-edit {
  display: flex;
  align-self: flex-start;
  margin-top: 3px;
}
.create-course__topic-edit::before {
  font-size: 18px;
  color: #F3775B;
}
@media (max-width:1680px) {
  .create-course__topic-edit::before {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .create-course__topic-edit::before {
    font-size: 14px;
  }
}
.create-course__topic-body {
  border-top: 1px solid #F2F3F5;
  border-bottom: 1px solid #F2F3F5;
  padding: 10px 0;
}
@media (max-width:1680px) {
  .create-course__topic-body {
    padding: 5px 0;
  }
}
.create-course__lesson {
  display: flex;
  flex-direction: column;
  padding: 9px 18px;
  border-radius: 8px;
}
@media (min-width: 991px) {
  .create-course__lesson {
    transition: background linear 0.2s;
  }
  .create-course__lesson:hover {
    background: #E7E5FB;
  }
}
@media (max-width:1680px) {
  .create-course__lesson {
    padding: 7px 14px;
  }
}
@media (max-width:991px) {
  .create-course__lesson {
    padding: 6px 12px;
  }
}
.create-course__lesson._active {
  background: #E7E5FB;
}

.create-course__lesson-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .create-course__lesson-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .create-course__lesson-name {
    font-size: 12px;
  }
}
.create-course__lesson-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .create-course__lesson-text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .create-course__lesson-text {
    font-size: 10px;
  }
}
.create-course__exercise {
  display: flex;
  flex-direction: column;
  padding: 9px 18px;
  border-radius: 8px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-top: 10px;
}
@media (min-width: 991px) {
  .create-course__exercise {
    transition: background linear 0.2s;
  }
  .create-course__exercise:hover {
    background: #E7E5FB;
  }
}
@media (max-width:1680px) {
  .create-course__exercise {
    padding: 7px 14px;
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .create-course__exercise {
    padding: 6px 12px;
    font-size: 14px;
  }
}
.create-course__exercise._active {
  background: #E7E5FB;
}

.create-course__topic-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
@media (max-width:991px) {
  .create-course__topic-btns {
    flex-direction: column;
  }
}
@media (max-width:767px) {
  .create-course__topic-btns {
    flex-direction: row;
  }
}

.create-course__topic-btn {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
  opacity: 0.6;
  cursor: pointer;
}
@media (min-width: 991px) {
  .create-course__topic-btn:hover {
    text-decoration: none;
  }
}
@media (max-width:1680px) {
  .create-course__topic-btn {
    font-size: 14px;
  }
}
.create-course__topic-btn._add {
  margin-right: 30px;
}
@media (max-width:1680px) {
  .create-course__topic-btn._add {
    margin-right: 20px;
  }
}
@media (max-width:991px) {
  .create-course__topic-btn._add {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .create-course__topic-btn._add {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.create-course__topics-input {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 52px;
}
@media (max-width:1680px) {
  .create-course__topics-input {
    margin-bottom: 45px;
  }
}
@media (max-width:991px) {
  .create-course__topics-input {
    margin-bottom: 44px;
  }
}
.create-course__topic-input-btn {
  position: absolute;
  top: calc(100% + 10px);
  width: 22px;
  height: 22px;
  cursor: pointer;
}
@media (max-width:1680px) {
  .create-course__topic-input-btn {
    height: 20px;
    width: 20px;
  }
}
@media (max-width:991px) {
  .create-course__topic-input-btn {
    width: 18px;
    height: 18px;
  }
}
.create-course__topic-input-btn img {
  width: 100%;
}
.create-course__topic-input-btn._ok {
  right: 40px;
}
@media (max-width:1680px) {
  .create-course__topic-input-btn._ok {
    right: 36px;
  }
}
@media (max-width:991px) {
  .create-course__topic-input-btn._ok {
    right: 30px;
  }
}
.create-course__topic-input-btn._cancel {
  right: 0;
}

.create-course__topics-bottom {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .create-course__topics-bottom {
    flex-direction: column;
  }
}
@media (max-width:767px) {
  .create-course__topics-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
}

@media (max-width:1680px) {
  .create-course__topics-btn {
    width: 100%;
  }
}
.create-course__topics-btn._add {
  margin-right: 20px;
}
@media (max-width:1680px) {
  .create-course__topics-btn._add {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .create-course__topics-btn._add {
    margin: 0;
  }
}
.create-course__topics-btn._remove {
  background: transparent;
  border: 1px solid #A6AAB4;
  color: #A6AAB4;
}

.create-course__radio {
  margin-bottom: 30px;
  align-items: center;
}
@media (max-width:1680px) {
  .create-course__radio {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .create-course__radio {
    margin-bottom: 10px;
  }
}
.create-course__radio span {
  font-weight: 500;
  color: #3B414B;
}

.create-course__test {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #F2F3F5;
}
@media (max-width:1680px) {
  .create-course__test {
    padding-top: 15px;
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .create-course__test {
    padding-top: 10px;
    margin-top: 10px;
  }
}
.create-course__test-question {
  margin-bottom: 10px;
  border-bottom: 1px solid #F2F3F5;
  padding-bottom: 10px;
}

.create-course__question-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.create-course__question-header .create-course__question-title {
  margin-bottom: 0;
}

.create-course__question-title {
  color: #3B414B;
  margin-bottom: 10px;
}

.create-course__question-remove {
  cursor: pointer;
}
.create-course__question-remove::before {
  font-size: 16px;
  color: #F3775B;
}
@media (max-width:1680px) {
  .create-course__question-remove::before {
    font-size: 15px;
  }
}
@media (max-width:991px) {
  .create-course__question-remove::before {
    font-size: 14px;
  }
}
.create-course__question-answer {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.create-course__question-answer .create-course__radio {
  margin-bottom: 0;
  margin-left: 20px;
}

.create-course__question-input {
  width: 100%;
}

.create-course__question-btns {
  display: flex;
  justify-content: center;
  align-items: center;
}

.create-course__question-btn {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  text-decoration: underline;
  cursor: pointer;
}
@media (min-width: 991px) {
  .create-course__question-btn:hover {
    text-decoration: none;
  }
}
@media (max-width:1680px) {
  .create-course__question-btn {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .create-course__question-btn {
    font-size: 12px;
  }
}
.create-course__question-btn._add {
  margin-right: 30px;
}

.create-course__test-btn {
  background: transparent;
  color: #7B20FF;
  border: 1px solid #7B20FF;
}

.create-course__btn-back {
  padding-left: 22px;
  position: relative;
  width: max-content;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: none;
}
@media (max-width:767px) {
  .create-course__btn-back {
    display: flex;
  }
}
.create-course__btn-back::before {
  font-size: 12px;
  transform: translateY(-50%) rotate(180deg);
  position: absolute;
  left: 0;
  top: 50%;
}

.create-course__course-groups {
  display: grid;
  grid-template-columns: 1fr 400px;
  grid-gap: 60px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
}
@media (max-width:1680px) {
  .create-course__course-groups {
    grid-template-columns: 1fr 350px;
    grid-gap: 40px;
    padding: 20px;
  }
}
@media (max-width:991px) {
  .create-course__course-groups {
    grid-template-columns: 1fr 282px;
    padding: 10px;
  }
}
@media (max-width:767px) {
  .create-course__course-groups {
    grid-template-columns: 1fr;
  }
}

.course-groups__content {
  position: relative;
}
.course-groups__content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(100% + 30px);
  background: #F2F3F5;
  width: 1px;
  height: 100%;
}
@media (max-width:1680px) {
  .course-groups__content::after {
    left: calc(100% + 20px);
  }
}
.course-groups__header,
.course-categories__header,
.course-professions__header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid #E8E9EC;
}
@media (max-width:1680px) {
  .course-groups__header,
  .course-categories__header,
  .course-professions__header {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.course-groups__search,
.course-categories__search,
.course-professions__search {
  max-width: 100%;
  min-width: 50px;
}

.course-groups__search-btn,
.course-categories__search-btn,
.course-professions__search-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .course-groups__search-btn,
  .course-categories__search-btn,
  .course-professions__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .course-groups__search-btn,
  .course-categories__search-btn,
  .course-professions__search-btn {
    right: 12px;
  }
}
.course-groups__item,
.course-categories__item,
.course-professions__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 9px 18px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-gap: 10px;
  margin-top: 10px;
}
.course-groups__item:first-child,
.course-categories__item:first-child,
.course-professions__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .course-groups__item,
  .course-categories__item,
  .course-professions__item {
    padding: 7px 14px;
  }
}
@media (max-width:991px) {
  .course-groups__item,
  .course-categories__item,
  .course-professions__item {
    padding: 6px 12px;
  }
}
@media (max-width:767px) {
  .course-groups__item,
  .course-categories__item,
  .course-professions__item {
    grid-template-columns: 1fr auto;
  }
}

.course-groups__item-title,
.course-categories__item-title,
.course-professions__item-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
.course-groups__item-title span,
.course-categories__item-title span,
.course-professions__item-title span {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .course-groups__item-title,
  .course-categories__item-title,
  .course-professions__item-title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .course-groups__item-title,
  .course-categories__item-title,
  .course-professions__item-title {
    font-size: 14px;
  }
}
.course-groups__item-switch-wrp {
  display: flex;
  align-items: center;
}
.course-groups__item-switch-wrp span {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .course-groups__item-switch-wrp span {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .course-groups__item-switch-wrp {
    grid-column-start: 1;
    grid-row-start: 2;
  }
}

.course-groups__item-btns,
.course-categories__item-btns,
.course-professions__item-btns {
  display: flex;
  align-items: center;
}
@media (max-width:767px) {
  .course-groups__item-btns,
  .course-categories__item-btns,
  .course-professions__item-btns {
    grid-row: span 2;
  }
}

.course-groups__item-btn,
.course-categories__item-btn,
.course-professions__item-btn {
  border-left: 1px solid #F2F3F5;
  padding-left: 10px;
  margin-left: 10px;
}
.course-groups__item-btn::before,
.course-categories__item-btn::before,
.course-professions__item-btn::before {
  font-size: 18px;
  color: #F3775B;
}
@media (max-width:1680px) {
  .course-groups__item-btn::before,
  .course-categories__item-btn::before,
  .course-professions__item-btn::before {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .course-groups__item-btn::before,
  .course-categories__item-btn::before,
  .course-professions__item-btn::before {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .course-groups__item-btn:first-child,
  .course-categories__item-btn:first-child,
  .course-professions__item-btn:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
}

.course-groups__sidebar .create-course__people-block::after {
  display: none;
}

.course-groups__row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  align-items: center;
  margin-top: 10px;
}

.course-groups__label {
  white-space: nowrap;
  display: flex;
  width: max-content;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .course-groups__label {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .course-groups__label {
    font-size: 12px;
  }
}
.course-groups__inputs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.course-groups__inputs span {
  display: flex;
  margin: 0 10px;
}

.course-groups__btns {
  margin-top: 20px;
  display: flex;
}

.course-groups__btn._cancel {
  margin-left: 20px;
  border: 1px solid #7B20FF;
  background: transparent;
  color: #7B20FF;
}

.course-categories__title,
.course-categories__title {
  color: #7B20FF;
}

.course-categories__row .course-categories__item {
  margin-bottom: 10px;
}

.course-categories__item,
.course-professions__item {
  align-items: center;
  grid-template-columns: 1fr auto;
}
@media (max-width:1680px) {
  .course-categories__item,
  .course-professions__item {
    grid-template-columns: 1fr auto;
  }
}
@media (max-width:991px) {
  .course-categories__item,
  .course-professions__item {
    grid-template-columns: 1fr auto;
  }
}
@media (max-width:767px) {
  .course-categories__item,
  .course-professions__item {
    grid-template-columns: 1fr auto;
  }
}
.course-categories__item._editing .course-categories__item-title,
.course-categories__item._editing .course-professions__item-title,
.course-professions__item._editing .course-categories__item-title,
.course-professions__item._editing .course-professions__item-title {
  display: none;
}
.course-categories__item._editing .course-categories__item-input,
.course-categories__item._editing .course-professions__item-input,
.course-professions__item._editing .course-categories__item-input,
.course-professions__item._editing .course-professions__item-input {
  display: flex;
}

.course-categories__item-input,
.course-professions__item-input {
  display: none;
  align-items: center;
}

.course-categories__item-input-btn,
.course-professions__item-input-btn {
  width: 22px;
  height: 22px;
  margin-left: 20px;
}
@media (max-width:1680px) {
  .course-categories__item-input-btn,
  .course-professions__item-input-btn {
    width: 20px;
    height: 20px;
  }
}
@media (max-width:991px) {
  .course-categories__item-input-btn,
  .course-professions__item-input-btn {
    width: 18px;
    height: 18px;
    margin-left: 15px;
  }
}
@media (max-width:767px) {
  .course-categories__item-input-btn,
  .course-professions__item-input-btn {
    width: 16px;
    height: 16px;
  }
}
.course-categories__item-input-btn img,
.course-professions__item-input-btn img {
  width: 100%;
}

.course-categories__item-btns,
.course-professions__item-btns {
  grid-row: span 1;
}

.course-categories__item-btn._edit,
.course-professions__item-btn._edit {
  border-left: none;
}
.course-categories__item-btn._edit._active,
.course-professions__item-btn._edit._active {
  display: none;
}

.publications-tabs__nav {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .publications-tabs__nav {
    margin-bottom: 20px;
  }
}
.publications-tabs__nav-link {
  border: 1px solid #7B20FF;
  background: transparent;
  color: #7B20FF;
  margin-right: 30px;
}
.publications-tabs__nav-link:last-child {
  margin-right: 0;
}
@media (max-width:1680px) {
  .publications-tabs__nav-link {
    margin-right: 20px;
  }
}
@media (max-width:767px) {
  .publications-tabs__nav-link {
    width: 100%;
  }
}
.publications-tabs__nav-link._active {
  background: #7B20FF;
  color: #fff;
}

.publications__header {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 30px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .publications__header {
    padding-bottom: 10px;
    margin-bottom: 10px;
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .publications__header {
    grid-template-columns: 1fr;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
}
.publications__header::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:767px) {
  .publications__header::after {
    top: calc(50% - 1px);
  }
}

.publications__search {
  max-width: 100%;
}

.publications__search-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .publications__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .publications__search-btn {
    right: 12px;
  }
}
.publications__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px 20px;
  margin-top: 10px;
}
.publications__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .publications__item {
    padding: 10px;
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .publications__item {
    grid-template-columns: auto 1fr;
  }
}

.publications__item-image {
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  width: 286px;
  height: 144px;
  grid-row: span 2;
}
.publications__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1680px) {
  .publications__item-image {
    margin-left: -10px;
    margin-top: -10px;
    width: 140px;
    height: 70px;
    grid-row: span 3;
  }
}
@media (max-width:991px) {
  .publications__item-image {
    width: 128px;
    height: 64px;
  }
}
@media (max-width:767px) {
  .publications__item-image {
    width: 132px;
    height: 72px;
    grid-row: span 1;
  }
}

.publications__item-title {
  grid-column-start: 2;
}
@media (max-width:1680px) {
  .publications__item-title {
    grid-column-end: 4;
  }
}
@media (max-width:767px) {
  .publications__item-title {
    grid-column-end: 3;
  }
}

.publications__item-text {
  grid-column-start: 2;
  color: #3B414B;
}
@media (max-width:1680px) {
  .publications__item-text {
    grid-column-end: 4;
  }
}
@media (max-width:767px) {
  .publications__item-text {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.publications__col {
  grid-row-start: 1;
  grid-column-start: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width:1680px) {
  .publications__col {
    align-items: center;
    flex-direction: row;
    grid-column-start: 2;
    grid-row-start: 3;
  }
}
@media (max-width:991px) {
  .publications__col {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  .publications__col {
    grid-column-start: 1;
  }
}

.publications__item-date {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.4;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .publications__item-date {
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media (max-width:991px) {
  .publications__item-date {
    font-size: 10px;
    margin-bottom: 5px;
    margin-right: 0;
  }
}
.publications__item-info-el {
  color: rgba(59, 65, 75, 0.4);
}
.publications__item-info-el::before {
  color: rgba(59, 65, 75, 0.4);
}
.publications__item-info-el ._icon-post-like::before {
  color: #3B414B;
  -webkit-text-stroke: 0.5px rgba(59, 65, 75, 0.4);
  -webkit-text-fill-color: white;
}

.publications__item-btn {
  grid-column-start: 3;
  grid-row-start: 2;
  margin-top: auto;
  margin-left: auto;
  background: transparent;
  border: 1px solid #7B20FF;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .publications__item-btn {
    grid-row-start: 3;
  }
}
@media (max-width:767px) {
  .publications__item-btn {
    grid-column-start: 2;
  }
}

.edit-publications-tabs__nav {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .edit-publications-tabs__nav {
    margin-bottom: 20px;
  }
}
@media (max-width:767px) {
  .edit-publications-tabs__nav {
    flex-direction: column;
  }
}
@media (max-width:767px) {
  .edit-publications-tabs__nav .publications-tabs__nav-link {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.publications__sidebar-row {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  grid-template-columns: auto 1fr 1fr;
  margin-bottom: 10px;
}
.publications__sidebar-row .text-md {
  color: #3B414B;
}
.publications__sidebar-row .create-course__input {
  margin: 0;
}

.management-user__filter {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto auto;
  grid-gap: 30px;
  border-bottom: 2px solid #E8E9EC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .management-user__filter {
    grid-gap: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width:991px) {
  .management-user__filter {
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .management-user__filter {
    grid-template-columns: 1fr 1fr;
  }
}

.management-user__filter-search {
  max-width: 100%;
}
@media (max-width:767px) {
  .management-user__filter-search {
    grid-column: span 2;
  }
}

._partners .course-professions__search {
  margin-right: 0;
}

.course-professions__header-partners {
  grid-gap: 0;
}

.add-partners-header {
  margin-bottom: 40px;
}
@media (max-width:991px) {
  .add-partners-header {
    margin-bottom: 30px;
  }
}
.add-partners-header__list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -10px;
}
@media (max-width:1680px) {
  .add-partners-header__list {
    margin: 0 -5px;
  }
}
@media (max-width:991px) {
  .add-partners-header__list {
    margin: 0 0 2.5px;
  }
}
.add-partners-header__item {
  flex: 0 0 auto;
  width: 50%;
  max-width: 295px;
  padding: 0 10px;
  text-decoration: none;
}
@media (max-width:1680px) {
  .add-partners-header__item {
    padding: 0 5px;
  }
}
@media (max-width:991px) {
  .add-partners-header__item {
    padding: 0 2.5px;
  }
}
.add-partners-header__item._is-active .add-partners-header__title {
  color: #8E83FF;
}

.add-partners-header__item-content {
  height: 100%;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);
  background: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
@media (max-width:991px) {
  .add-partners-header__item-content {
    padding: 10px;
  }
}
.add-partners-header__item-content:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.add-partners-header__title {
  margin-bottom: 10px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 18px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width:1680px) {
  .add-partners-header__title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .add-partners-header__title {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .add-partners-header__title {
    font-size: 12px;
  }
}

.add-partners-header__icon {
  width: 40px;
  height: 40px;
}
@media (max-width:991px) {
  .add-partners-header__icon {
    width: 32px;
    height: 32px;
  }
}
@media (max-width:767px) {
  .add-partners-header__icon {
    width: 28px;
    height: 28px;
  }
}

.add-partners-header__icon img {
  width: 100%;
}

.notification-popup {
  display: flex;
  position: fixed;
  top: 120px;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 80px);
  align-items: center;
  justify-content: flex-start;
  max-width: fit-content;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);
  padding: 13px 17px;
  z-index: 900;
  transition: 0.3s;
}
@media (max-width:1680px) {
  .notification-popup {
    top: 85px;
    padding: 10px 14px;
  }
}
@media (max-width:991px) {
  .notification-popup {
    top: 65px;
    padding: 8px 12px;
  }
}
@media (max-width:767px) {
  .notification-popup {
    top: 45px;
  }
}

.notification-popup._hide-box {
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
}

.notification-popup__img {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin-right: 17px;
  background: url("../../images/img/icons/notific-mark.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:991px) {
  .notification-popup__img {
    margin-right: 10px;
  }
}

.notification-popup__title {
  margin-right: 20px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .notification-popup__title {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .notification-popup__title {
    font-size: 12px;
  }
}
.notification-popup__title ._accent {
  font-weight: 500;
  color: #7B20FF;
}
.notification-popup__title ._accent:hover {
  text-decoration: underline;
}

.notification-popup__close {
  flex: 0 0 auto;
  display: block;
  width: 23px;
  height: 23px;
  background: url("../../images/img/icons/close-notif.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.management-user__filter-select {
  width: 150px;
  max-width: 100%;
}
.management-user__filter-select .dropdown__current {
  background: transparent;
}
.management-user__filter-select .dropdown__current._active {
  background: #fff;
}
@media (max-width:1680px) {
  .management-user__filter-select {
    width: 130px;
  }
}
@media (max-width:991px) {
  .management-user__filter-select {
    width: 120px;
  }
}
@media (max-width:767px) {
  .management-user__filter-select {
    width: 100%;
  }
}

.management-user__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 0px 18px;
  display: grid;
  grid-template-columns: 45px 1fr 0.3fr 0.3fr 0.44fr;
  align-items: center;
  grid-gap: 20px;
  height: 40px;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .management-user__header {
    height: 26px;
    padding: 0px 14px;
    grid-template-columns: 40px 1fr 0.8fr 0.8fr 1.06fr;
  }
}
@media (max-width:991px) {
  .management-user__header {
    height: 22px;
    padding: 0px 12px;
    grid-template-columns: 30px 1fr 0.8fr 0.8fr 1.18fr;
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .management-user__header {
    grid-template-columns: 30px 0.4fr 1fr 0.4fr;
  }
}

.management-user__header--inner .management-user__label._status {
  border: 0;
}

.management-user__header--inner {
  grid-template-columns: 1.6fr 0.3fr 0.3fr 0.44fr;
}
@media (max-width:1680px) {
  .management-user__header--inner {
    grid-template-columns: 1fr 0.35fr 0.3fr 0.3fr;
    height: 30px;
  }
}
@media (max-width: 1100px) {
  .management-user__header--inner {
    grid-template-columns: 0.7fr 0.35fr 0.3fr 0.3fr;
  }
}
@media (max-width:991px) {
  .management-user__header--inner {
    grid-template-columns: 1fr 0.35fr 0.25fr 0.15fr;
  }
}
@media (max-width:767px) {
  .management-user__header--inner {
    grid-template-columns: 1fr 0.3fr 0.25fr 0.15fr;
  }
}

.management-user__list--inner .management-user__item {
  grid-template-columns: 1.6fr 0.3fr 0.3fr 0.44fr;
}
@media (max-width:1680px) {
  .management-user__list--inner .management-user__item {
    grid-template-columns: 1fr 0.3fr 0.3fr 0.25fr;
  }
}
@media (max-width:991px) {
  .management-user__list--inner .management-user__item {
    grid-template-columns: 1.1fr 0.35fr 0.3fr 0.15fr;
  }
}
@media (max-width:767px) {
  .management-user__list--inner .management-user__item {
    grid-template-columns: 80px auto auto 0.15fr;
  }
}

@media (max-width:767px) {
  .management-user__list--inner .management-user__item-name {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

@media (max-width:767px) {
  .management-user__list--inner .management-user__item-col {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 2;
    border-left: 0;
  }
}

@media (max-width:767px) {
  .management-user__list--inner .management-user__item-status {
    justify-content: flex-start;
    border: none;
    grid-column-start: 1;
    grid-column-end: 2;
  }
}

.management-user__list--inner .management-user__item-role {
  font-weight: 400;
}
@media (max-width:767px) {
  .management-user__list--inner .management-user__item-role {
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
  }
}

.management-user__list--inner .management-user__item-status {
  border-right: 0;
}

.management-user__list--inner .management-user__item-btn {
  margin: 0 0 0 auto;
}
@media (max-width:991px) {
  .management-user__list--inner .management-user__item-btn {
    max-width: 38px;
    overflow: hidden;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: 0;
  }
  .management-user__list--inner .management-user__item-btn::before {
    display: flex;
    margin-right: 16px;
    font-size: 9px;
  }
}

.management-user__label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width:767px) {
  .management-user__label:last-child {
    display: none;
  }
}
.management-user__label._user {
  justify-content: flex-start;
}
.management-user__label._status {
  border-right: 1px solid #FFFFFF;
}
@media (max-width:767px) {
  .management-user__label._status {
    border-left: 1px solid #FFFFFF;
    border-right: none;
    color: transparent;
  }
}
@media (max-width:767px) {
  .management-user__label._role {
    opacity: 0;
  }
}
@media (max-width:1680px) {
  .management-user__label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .management-user__label {
    font-size: 10px;
  }
}
.management-user__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 9px 18px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 45px 1fr 0.3fr 0.3fr 0.44fr;
  align-items: center;
  grid-gap: 20px;
}
.management-user__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .management-user__item {
    padding: 7px 14px;
    grid-template-columns: 40px 1fr 0.8fr 0.8fr 1.06fr;
  }
}
@media (max-width:991px) {
  .management-user__item {
    padding: 6px 12px;
    grid-gap: 10px;
    grid-template-columns: 30px 1fr 0.8fr 0.8fr 1.18fr;
  }
}
@media (max-width:767px) {
  .management-user__item {
    grid-template-columns: 30px 0.4fr 1fr 0.4fr;
  }
}

.management-user__item-photo {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 3px solid #F3775B;
}
@media (max-width:1680px) {
  .management-user__item-photo {
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .management-user__item-photo {
    width: 30px;
    height: 30px;
  }
}
@media (max-width:767px) {
  .management-user__item-photo {
    grid-row: span 2;
  }
}
.management-user__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.management-user__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .management-user__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .management-user__item-name {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .management-user__item-name {
    grid-column-start: 2;
    grid-column-end: 4;
  }
}

.management-user__item-role {
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .management-user__item-role {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .management-user__item-role {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .management-user__item-role {
    text-align: left;
    grid-column-start: 3;
  }
}

.management-user__item-status {
  justify-content: center;
  display: flex;
  height: 100%;
  align-items: center;
  border-right: 1px solid #F2F3F5;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #119CB0;
}
@media (max-width:1680px) {
  .management-user__item-status {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .management-user__item-status {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .management-user__item-status {
    justify-content: flex-start;
    border: none;
    grid-column-start: 2;
    grid-row-start: 2;
  }
}
.management-user__item-status._off {
  color: #F3775B;
}
.management-user__item-status._none {
  color: #A6AAB4;
}

.management-user__item-btn {
  margin: 0 auto;
}
.management-user__item-btn::before {
  display: none;
}
@media (max-width:767px) {
  .management-user__item-btn {
    max-width: 38px;
    overflow: hidden;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: 0;
  }
  .management-user__item-btn::before {
    display: flex;
    margin-right: 16px;
    font-size: 9px;
  }
}

@media (max-width:767px) {
  .management-user__item-col {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
    border-left: 1px solid #F2F3F5;
  }
}

.mentor-courses .students-courses__item-btns {
  gap: 30px;
}
@media (max-width:1680px) {
  .mentor-courses .students-courses__item-btns {
    gap: 15px;
  }
}

.mentor-courses__header {
  grid-template-columns: 450px 1fr 0.12fr auto;
  gap: 30px;
}
@media (max-width:1680px) {
  .mentor-courses__header {
    grid-template-columns: 50% 1fr 0.12fr auto;
    gap: 15px;
  }
}
.mentor-courses__item {
  grid-template-columns: 450px 1fr 0.12fr auto;
  gap: 30px;
}
@media (max-width:1680px) {
  .mentor-courses__item {
    grid-template-columns: 50% 1fr 0.12fr auto;
    gap: 15px;
  }
}
@media (max-width:991px) {
  .mentor-courses__item {
    grid-template-columns: 1fr auto 15px auto;
    grid-row-gap: 0;
  }
}
@media (max-width:767px) {
  .mentor-courses__item {
    grid-template-columns: 1fr auto auto auto;
  }
}

@media (max-width:767px) {
  .mentor-courses__item-mob {
    grid-template-columns: 1fr auto auto auto auto;
  }
}

@media (max-width:991px) {
  .mentor-courses__item .rating-result {
    font-size: 12px;
  }
}

.mentor-courses__tabs .students-courses__nav {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px 20px;
}
@media (max-width:991px) {
  .mentor-courses__tabs .students-courses__nav {
    gap: 10px;
  }
}

.mentor-courses__tabs .students-courses__nav-link {
  white-space: nowrap;
  margin-right: 0;
}
@media (max-width:767px) {
  .mentor-courses__tabs .students-courses__nav-link {
    margin-right: 0;
  }
}

@media (max-width:767px) {
  .mentor-courses__tabs .students-courses__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }
}

.tooltip-inner.tooltip-inner {
  height: auto;
  width: auto;
  padding: 10px;
  border-color: #8E83FF;
}

.tooltip-inner:after {
  position: absolute;
  content: "";
  width: 48px;
  height: 10px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -9px;
  background: url("../../images/img/icons/tooltip-arrow.svg") no-repeat center;
  background-size: contain;
  z-index: 1;
}

.input-copy__tooltip.input-copy__tooltip {
  position: absolute;
  opacity: 0;
  right: -48px;
  visibility: hidden;
  margin-bottom: 80px;
  z-index: 10001;
}

.input-copy__tooltip.input-copy__tooltip.show {
  visibility: visible;
  opacity: 1;
}

.input-copy__tooltip--copy {
  transform: translateX(-4px);
}

.input-copy__tooltip--gen {
  transform: translateX(-27px);
}

.tooltip.modal-tooltip {
  z-index: 10000;
}

.link-share {
  margin-bottom: 60px;
}
@media (max-width:1680px) {
  .link-share {
    margin-bottom: 30px;
  }
}

.link-share__box {
  padding: 30px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #8E83FF;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04);
}
@media (max-width:991px) {
  .link-share__box {
    padding: 15px;
  }
}
.link-share__title {
  margin-bottom: 15px;
  color: #7B20FF;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width:991px) {
  .link-share__title {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.link-share__subtitle {
  margin-bottom: 15px;
  color: #3B414B;
  font-size: 18px;
  opacity: 0.8;
}
@media (max-width:991px) {
  .link-share__subtitle {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
  }
}
.link-share__form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 15px;
}
@media (max-width:1240px) {
  .link-share__form-row {
    margin-bottom: 10px;
    gap: 0;
    flex-direction: column;
  }
}

.link-share__form-col.link-share__form-col {
  flex: 1;
  width: 50%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width:1240px) {
  .link-share__form-col.link-share__form-col {
    margin-bottom: 10px;
    width: 100%;
  }
}
@media (max-width:767px) {
  .link-share__form-col.link-share__form-col {
    gap: 5px;
    flex-direction: column;
  }
}

@media (max-width:991px) {
  .link-share__form-col.link-share__form-col:last-child {
    margin-bottom: 0;
  }
}

.link-share__form-col .modal__field-label {
  display: contents;
  flex: 0 0 auto;
  margin-bottom: 0;
}
@media (max-width:1240px) {
  .link-share__form-col .modal__field-label {
    display: block;
    width: 39%;
    text-align: right;
  }
}
@media (max-width:767px) {
  .link-share__form-col .modal__field-label {
    text-align: left;
    width: 100%;
  }
}

.link-share__form-col .input-copy {
  flex: 1;
}
@media (max-width:767px) {
  .link-share__form-col .input-copy {
    width: 100%;
  }
}

.link-share__box .modal-admin__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
@media (max-width:991px) {
  .link-share__box .modal-admin__text {
    font-size: 12px;
  }
}
.link-share__form-col .input-copy__input.input-copy__input {
  padding: 0 0 0 18px;
}

.add-module {
  margin-bottom: 60px;
}
@media (max-width:1680px) {
  .add-module {
    margin-bottom: 40px;
  }
}
@media (max-width:991px) {
  .add-module {
    margin-bottom: 30px;
  }
}
.add-module__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
  font-size: 18px;
  cursor: pointer;
}
@media (max-width:1680px) {
  .add-module__btn {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .add-module__btn {
    font-size: 14px;
  }
}
.add-module__btn img {
  display: block;
  margin-right: 10px;
}

.add-module .admin-group__item .dropdown__list-item-group-name {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .add-module .admin-group__item .dropdown__list-item-group-name {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width:991px) {
  .add-module .admin-group__item .dropdown__list-item-group-name {
    font-size: 12px;
    line-height: 16px;
  }
}

.add-module .admin-group__item .management-user__item-date {
  color: #3B414B;
}

@media (max-width:991px) {
  .add-module .admin-group__item .management-user__item-date {
    grid-column-start: 1;
    margin-right: auto;
  }
}

@media (max-width:991px) {
  .add-module .admin-group__item .course-categories__item-btns {
    grid-column: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}

@media (max-width:991px) {
  .add-module .categories-item.categories-item {
    grid-template-columns: 1fr auto;
  }
}

.course-categories__item-btn {
  cursor: pointer;
}

.course-categories__item-btn._hide {
  display: none;
}

.add-module__choose {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  max-width: 464px;
  width: 100%;
  padding: 0;
  margin-right: 40px;
}
@media (max-width:1680px) {
  .add-module__choose {
    margin-bottom: 10px;
    padding-right: 0;
    max-width: 100%;
  }
}

.add-module__choose-dropdown {
  max-width: 100%;
}
@media (max-width:767px) {
  .add-module__choose-dropdown {
    width: calc(100% - 31px);
  }
}

.add-module .course-categories__item-input {
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 40px;
}
@media (max-width:1680px) {
  .add-module .course-categories__item-input {
    flex-direction: column;
  }
}
@media (max-width:767px) {
  .add-module .course-categories__item-input {
    padding-right: 0;
  }
}

.add-module .edit-mentors .course-categories__item._editing {
  grid-template-columns: 1fr;
}

@media (max-width:767px) {
  .add-module__date {
    width: 100%;
  }
}

@media (max-width:1680px) {
  .add-module__date .add__scedule-data input {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .add-module__date .add__scedule-data input {
    font-size: 14px;
  }
}

.edit-row-date {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width:767px) {
  .edit-row-date {
    padding-right: 31px;
    width: 100%;
    justify-content: flex-end;
    flex-direction: column;
  }
}

.edit-row-date__col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 20px;
}
.edit-row-date__col:last-child {
  padding-right: 0;
}
@media (max-width:767px) {
  .edit-row-date__col {
    justify-content: flex-end;
    margin-bottom: 10px;
    flex: 0 0 auto;
    width: 100%;
    padding-right: 0;
  }
  .edit-row-date__col:last-child {
    margin-bottom: 0;
  }
}

.add-module__date .edit-row-date__label {
  margin-right: 20px;
  font-size: 18px;
}
@media (max-width:1680px) {
  .add-module__date .edit-row-date__label {
    margin-right: 10px;
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .add-module__date .edit-row-date__label {
    font-size: 12px;
    margin-right: 10px;
  }
}

.add-module__cancel {
  position: absolute;
  right: 0;
  top: 8px;
  margin: 0;
}

@media (max-width:767px) {
  .add-module .create-course__bottom {
    grid-template-columns: 1fr;
  }
}

.portfolio__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width:767px) {
  .portfolio__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.portfolio__header .cabinet-progress__users-title {
  margin-bottom: 0;
  color: #7B20FF;
}
@media (max-width:767px) {
  .portfolio__header .cabinet-progress__users-title {
    margin-bottom: 10px;
  }
}

.portfolio__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .portfolio__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width:991px) {
  .portfolio__list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 38px;
  }
}
@media (max-width:767px) {
  .portfolio__list {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 10px;
  }
}

.portfolio__item {
  position: relative;
}

.children-card__list {
  max-height: 440px;
  overflow-y: auto;
  padding-right: 5px;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .children-card__list {
    max-height: 290px;
  }
}
@media (max-width:991px) {
  .children-card__list {
    max-height: 280px;
  }
}
.children-card__list::-webkit-scrollbar {
  width: 3px;
  background: #f2f3f5;
  border-radius: 20px;
}
.children-card__list::-webkit-scrollbar-thumb {
  width: 5px;
  background: #8e83ff;
  border-radius: 20px;
}
@media screen and (min-width: 991px) {
  .children-card__list::-webkit-scrollbar-thumb:hover {
    background: rgba(142, 131, 255, 0.6);
  }
}

.children-card__item {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s ease;
}
.children-card__item._active {
  border: 3px solid #8e83ff;
  box-shadow: 0px 8px 6px rgba(123, 32, 255, 0.1);
}
@media screen and (min-width: 991px) {
  .children-card__item:hover {
    box-shadow: 0px 8px 6px rgba(123, 32, 255, 0.1);
    z-index: 5;
  }
}

.children-card__item-photo {
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
  background: #f3775b;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  font-family: "Roboto";
  position: relative;
}
@media screen and (max-width:1680px) {
  .children-card__item-photo {
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .children-card__item-photo {
    min-width: 21px;
    max-width: 21px;
    height: 21px;
    font-size: 12px;
  }
}
@media screen and (max-width:767px) {
  .children-card__item-photo {
    font-size: 10px;
  }
}
.children-card__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.children-card__item-username {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #3b414b;
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  .children-card__item-username {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .children-card__item-username {
    font-size: 12px;
  }
}

.cabinet-progress__users-title {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .cabinet-progress__users-title {
    margin-bottom: 20px;
  }
}
.cabinet-progress__slider-wrp._users .cabinet-progress__slider {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F2F3F5;
}
.cabinet-progress__slider-wrp._users .cabinet-progress__slider:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}

.cabinet-progress__user {
  display: flex;
  align-items: center;
}

.cabinet-progress__user-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  height: 47px;
  width: 47px;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .cabinet-progress__user-photo {
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .cabinet-progress__user-photo {
    width: 30px;
    height: 30px;
  }
}
.cabinet-progress__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-progress__user-btn {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .cabinet-progress__user-btn {
    margin-top: 10px;
  }
}
.cabinet-progress__awards {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .cabinet-progress__awards {
    margin-bottom: 20px;
  }
}
.cabinet-progress__awards .cabinet-progress__slider-title {
  color: #6419D0;
}

.cabinet-progress__awards-item {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F2F3F5;
}
@media (max-width:767px) {
  .cabinet-progress__awards-item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cabinet-progress__awards-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.cabinet-progress__awards-item .cabinet-progress__user {
  margin-right: 30px;
  max-width: 160px;
  width: 100%;
}
@media (max-width:767px) {
  .cabinet-progress__awards-item .cabinet-progress__user {
    margin-bottom: 10px;
  }
}

.cabinet-progress__awards-item-slider {
  padding: 0 20px;
  width: 100%;
  margin-left: auto;
}
@media (max-width:1680px) {
  .cabinet-progress__awards-item-slider {
    padding: 0 10px;
  }
}
.cabinet-progress__awards-slider-slide {
  position: relative;
  width: 100px;
}
@media (max-width:1680px) {
  .cabinet-progress__awards-slider-slide {
    width: 80px;
  }
}
@media (max-width:991px) {
  .cabinet-progress__awards-slider-slide {
    width: 60px;
  }
}
@media (max-width:767px) {
  .cabinet-progress__awards-slider-slide {
    width: 100%;
  }
}
.cabinet-progress__awards-slider-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cabinet-progress__awards-slider-btn-prev, .cabinet-progress__awards-slider-btn-next {
  background: rgba(166, 170, 180, 0.1);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11;
}
.cabinet-progress__awards-slider-btn-prev img, .cabinet-progress__awards-slider-btn-next img {
  height: 40%;
}
@media (max-width:1680px) {
  .cabinet-progress__awards-slider-btn-prev, .cabinet-progress__awards-slider-btn-next {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .cabinet-progress__awards-slider-btn-prev, .cabinet-progress__awards-slider-btn-next {
    width: 18px;
    height: 18px;
  }
}
.cabinet-progress__awards-slider-btn-prev {
  left: 0;
}

.cabinet-progress__awards-slider-btn-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.page.parent .students-courses__filter {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media (max-width:1680px) {
  .page.parent .students-courses__filter {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .page.parent .students-courses__filter {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.page.parent .students-courses__filter::after {
  top: calc(100% - 1px);
}
.page.parent .students-courses__header {
  grid-template-columns: 1fr 116px auto 45px 148px;
}
@media (max-width:1680px) {
  .page.parent .students-courses__header {
    grid-template-columns: 1fr 102px auto 38px 124px;
  }
}
@media (max-width:991px) {
  .page.parent .students-courses__header {
    grid-template-columns: 1fr 116px auto 45px 100px;
  }
}
@media (max-width:767px) {
  .page.parent .students-courses__header {
    grid-template-columns: 1fr;
  }
}
.page.parent .students-courses__item-btns {
  justify-items: flex-end;
}
.page.parent .students-courses__item-btns .btn-sm {
  margin-left: auto;
}

.cabinet-profile__user-bottom {
  display: flex;
  align-items: center;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width:1680px) {
  .cabinet-profile__user-bottom {
    margin-top: 10px;
  }
}
.cabinet-profile__user-student-balance {
  display: flex;
  align-items: center;
  margin-left: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
.cabinet-profile__user-student-balance span {
  display: flex;
  align-items: center;
  color: #F3775B;
  margin-left: 10px;
}
.cabinet-profile__user-student-balance img {
  width: 21px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .cabinet-profile__user-student-balance {
    margin-left: 20px;
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__user-student-balance {
    font-size: 14px;
  }
  .cabinet-profile__user-student-balance img {
    width: 18px;
  }
}
.cabinet-profile__students-wrp {
  display: flex;
  justify-content: space-between;
}
.cabinet-profile__students-wrp .btn-tp {
  border-color: #3B414B;
  color: #3B414B;
  white-space: nowrap;
}

.cabinet-profile__students {
  display: flex;
  flex-wrap: wrap;
  margin-right: 20px;
  grid-gap: 10px 30px;
  align-items: center;
}
@media (max-width:1680px) {
  .cabinet-profile__students {
    grid-gap: 10px 20px;
  }
}
@media (max-width:767px) {
  .cabinet-profile__students {
    grid-gap: 10px 10px;
  }
}

.cabinet-profile__students-item {
  background: transparent;
  border: 1px solid #7B20FF;
  color: #7B20FF;
}
.cabinet-profile__students-item._active {
  background: #7B20FF;
  color: #fff;
}
.cabinet-profile__students-item:last-child {
  margin-right: 0;
}
.cabinet-affairs__card-balance {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
.cabinet-affairs__card-balance img {
  margin-left: 5px;
  width: 24px;
}
@media (max-width:1680px) {
  .cabinet-affairs__card-balance {
    font-size: 14px;
  }
  .cabinet-affairs__card-balance img {
    width: 18px;
  }
}
@media (max-width:991px) {
  .cabinet-affairs__card-balance {
    font-size: 12px;
  }
  .cabinet-affairs__card-balance img {
    width: 16px;
  }
}
.rating__content._homework-table {
  margin-bottom: 10px;
}
.rating__content._homework-table .rating__content-header {
  grid-template-columns: 62px 2fr 0.6fr 0.5fr 0.4fr 183px;
  height: 30px;
  border-radius: 8px;
}
@media screen and (max-width:1680px) {
  .rating__content._homework-table .rating__content-header {
    grid-template-columns: 46px 2fr 0.7fr 0.6fr 0.2fr 126px;
  }
}
@media screen and (max-width: 1140px) {
  .rating__content._homework-table .rating__content-header {
    grid-template-columns: 35px 2fr 0.7fr 0.6fr 0.2fr 115px;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__content-header {
    grid-template-columns: 40px 1fr 0.5fr 0.5fr 0.2fr 100px;
    grid-column-gap: 10px;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__content-header {
    height: 21px;
    grid-template-columns: 40px 1fr 0.1fr 50px;
    align-items: center;
  }
}
.rating__content._homework-table .rating__content-header-col {
  font-size: 14px;
}
@media screen and (max-width: 1140px) {
  .rating__content._homework-table .rating__content-header-col {
    border: 0;
  }
}
@media screen and (max-width:1680px) {
  .rating__content._homework-table .rating__content-header-col {
    font-size: 12px;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__content-header-col {
    font-size: 10px;
  }
}
.rating__content._homework-table .rating__content-header-col._user {
  justify-content: start;
}
.rating__content._homework-table .rating__content-header-col._number {
  justify-content: end;
  padding-right: 8px;
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__content-header-col._number {
    padding-right: 0;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__content-header-col._group, .rating__content._homework-table .rating__content-header-col._date {
    display: none;
  }
}
.rating__content._homework-table .rating__content-header-col._ratings {
  grid-column: 5;
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__content-header-col._ratings {
    display: block;
    grid-column: 3;
  }
}
.rating__content._homework-table .rating__item {
  padding: 15px 0;
  grid-template-columns: 62px 2fr 0.6fr 0.5fr 0.4fr 183px;
  border-radius: 8px;
}
@media screen and (max-width:1680px) {
  .rating__content._homework-table .rating__item {
    grid-template-columns: 46px 2fr 0.7fr 0.6fr 0.2fr 126px;
  }
}
@media screen and (max-width: 1140px) {
  .rating__content._homework-table .rating__item {
    grid-template-columns: 35px 2fr 0.7fr 0.6fr 0.2fr 115px;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item {
    grid-template-columns: 40px 1fr 0.1fr 0.4fr 0.5fr 100px;
    grid-template-rows: 1fr;
    grid-gap: 0;
    grid-column-gap: 10px;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__item {
    grid-template-columns: 40px 1fr 0.1fr 50px;
    grid-template-rows: 1fr 1fr;
  }
}
.rating__content._homework-table .rating__item-number {
  font-size: 18px;
  font-weight: 500;
  text-align: right;
  justify-content: end;
  margin-right: 11px;
}
@media screen and (max-width:1680px) {
  .rating__content._homework-table .rating__item-number {
    font-size: 16px;
    margin-right: 6px;
  }
}
@media screen and (max-width: 1140px) {
  .rating__content._homework-table .rating__item-number {
    font-size: 14px;
    margin-right: 0;
  }
}
@media screen and (max-width: 1140px) {
  .rating__content._homework-table .rating__item-col {
    border: 0;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item-col._more {
    grid-row: 1;
    grid-column: 6;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__item-col._more {
    grid-column: 4;
    grid-row: 2 span;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item-col._group {
    grid-column: 3;
    grid-row: 1;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__item-col._group {
    grid-row: 2;
    grid-column: 2;
    font-size: 10px !important;
    font-weight: 500 !important;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item-col._date {
    grid-column: 4;
    grid-row: 1;
    justify-content: end;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__item-col._date {
    grid-row: 2;
    grid-column: 2;
    justify-content: start;
    margin-left: 70px;
    font-size: 10px !important;
    font-weight: 500 !important;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item-col._user {
    grid-row: 1;
    grid-column: 2;
  }
}
.rating__content._homework-table .rating__item-col._user, .rating__content._homework-table .rating__item-col._group, .rating__content._homework-table .rating__item-col._date {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width:1680px) {
  .rating__content._homework-table .rating__item-col._user, .rating__content._homework-table .rating__item-col._group, .rating__content._homework-table .rating__item-col._date {
    font-size: 14px;
  }
}
@media screen and (max-width: 1140px) {
  .rating__content._homework-table .rating__item-col._user, .rating__content._homework-table .rating__item-col._group, .rating__content._homework-table .rating__item-col._date {
    font-size: 12px;
  }
}
.rating__content._homework-table .rating__item-col._ratings {
  justify-content: end;
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item-col._ratings {
    grid-column: 5;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__item-col._ratings {
    grid-column: 3;
    grid-row: 2 span;
  }
}
.rating__content._homework-table .rating__item-more {
  width: 145px;
}
@media screen and (max-width:1680px) {
  .rating__content._homework-table .rating__item-more {
    width: 102px;
  }
  .rating__content._homework-table .rating__item-more::before {
    display: none;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item-more {
    min-width: 0;
    max-width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 1140px) {
  .rating__content._homework-table .rating__item-more {
    width: 100%;
    margin: 0 10px;
    padding: 0 10px;
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .rating__item-more {
    margin-left: 0;
  }
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__item-more {
    min-width: 38px;
    max-width: 38px;
    height: 25px;
    justify-content: end;
    margin: 0;
    padding: 0 11px;
  }
  .rating__content._homework-table .rating__item-more::before {
    display: block;
  }
}
.rating__content._homework-table ._red {
  color: #f3775b;
}
.rating__content._homework-table .rating__item._completed .rating__item-ratings {
  color: #7b20ff;
}
.rating__content._homework-table .rating__item._completed .rating__item-more {
  background-color: #fff;
  color: #000;
  border: 1px #000 solid;
}
.rating__content._homework-table .rating__item._disabled {
  background: rgba(232, 233, 236, 0.5);
}
.rating__content._homework-table .rating__item._disabled .rating__item-number {
  color: #000;
}
.rating__content._homework-table .rating__item._disabled .rating__item-more {
  background: #a6aab4;
  border: 0;
  color: #fff;
}
.rating__content._homework-table .rating__item._disabled .rating__item-more::before {
  display: none;
}
@media screen and (max-width:767px) {
  .rating__content._homework-table .rating__item._disabled .rating__item-more::before {
    display: block;
  }
}
.rating__content._homework-table .btn-more {
  margin-top: 30px;
}
@media screen and (max-width:991px) {
  .rating__content._homework-table .btn-more {
    margin-top: 20px;
  }
}

.cabinet-homework__search, .cabinet-homework__select {
  max-width: 100%;
}
.cabinet-homework__search {
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__search {
    margin-bottom: 30px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__search {
    margin-bottom: 20px;
  }
}
.cabinet-homework__search::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e8e9ec;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__search::before {
    bottom: -15px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__search::before {
    bottom: -10px;
  }
}
.cabinet-homework__select .dropdown__current {
  padding: 0 47px 0 12px;
  background-color: transparent;
}
.cabinet-homework__exercise {
  margin-top: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__exercise {
    margin-bottom: 20px;
    margin-top: 15px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__exercise {
    margin-bottom: 15px;
    margin-top: 20px;
  }
}
@media screen and (max-width:767px) {
  .cabinet-homework__exercise {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}
.cabinet-homework__theme {
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__theme {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__theme {
    margin-bottom: 10px;
  }
}
.cabinet-homework__sidebar {
  margin-bottom: 20px;
}
.cabinet-homework__sidebar .btn-return {
  display: none;
  margin-bottom: 20px;
}
@media screen and (max-width:767px) {
  .cabinet-homework__sidebar .btn-return {
    display: block;
  }
}
.cabinet-homework__sidebar-theme-item {
  padding-top: 10px;
  border-top: 1px solid #f2f3f5;
}
.cabinet-homework__sidebar-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #7b20ff;
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__sidebar-title {
    font-size: 18px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__sidebar-title {
    font-size: 16px;
  }
}
.cabinet-homework__sidebar-body {
  max-height: 770px;
  padding-right: 10px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__sidebar-body {
    max-height: 674px;
  }
}
@media screen and (max-width:767px) {
  .cabinet-homework__sidebar-body {
    background: #ffffff;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    padding: 10px;
    max-height: 552px;
  }
}
.cabinet-homework__lessons-theme {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b414b;
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-theme {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-theme {
    font-size: 14px;
  }
}
.cabinet-homework__lessons-theme._certificate {
  text-align: center;
  margin-top: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-theme._certificate {
    margin-top: 20px;
  }
}
.cabinet-homework__lessons-theme._certificate::after {
  content: "";
  width: 47px;
  height: 64px;
  background: url(../images/img/icons/certificate-icon.svg) no-repeat center center/contain;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-theme._certificate::after {
    width: 35px;
    height: 48px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-theme._certificate::after {
    width: 26px;
    height: 36px;
  }
}
.cabinet-homework__lessons-item {
  border-top: 1px solid #f2f3f5;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media screen and (max-width:767px) {
  .cabinet-homework__lessons-item {
    border: 0;
  }
}
.cabinet-homework__lessons-item._active .cabinet-homework__lessons-item-title {
  color: #7b20ff;
}
.cabinet-homework__lessons-item-link {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  color: #3b414b;
  padding: 10px 18px;
  border-radius: 8px;
  padding: 9px 18px;
  transition: all linear 0.3s;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-item-link {
    padding: 7px 14px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-item-link {
    padding: 6px 12px;
  }
}
.cabinet-homework__lessons-item-link._mt {
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-item-link._mt {
    font-size: 14px;
    padding: 7px 14px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-item-link._mt {
    padding: 6px 12px;
  }
}
.cabinet-homework__lessons-item-link._notific {
  position: relative;
}
.cabinet-homework__lessons-item-link._notific::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f3775b;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-item-link._notific::after {
    width: 6px;
    height: 6px;
    top: -1px;
    right: -1px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-item-link._notific::after {
    width: 4px;
    height: 4px;
    top: 0px;
    right: 0px;
  }
}
.cabinet-homework__lessons-item-link._completed {
  position: relative;
}
.cabinet-homework__lessons-item-link._completed::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: url(../images/img/icons/complete-icon.svg) no-repeat center center/contain;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-item-link._completed::after {
    width: 21px;
    height: 21px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-item-link._completed::after {
    width: 18px;
    height: 18px;
  }
}
.cabinet-homework__lessons-item-link._active {
  background: #e7e5fb;
}
@media screen and (min-width: 991px) {
  .cabinet-homework__lessons-item-link:hover {
    background: #e7e5fb;
  }
}
.cabinet-homework__lessons-item-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-item-title {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-item-title {
    font-size: 12px;
  }
}
.cabinet-homework__lessons-item-text {
  font-size: 14px;
  line-height: 130%;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__lessons-item-text {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__lessons-item-text {
    font-size: 10px;
  }
}
.cabinet-homework__tabs-header {
  display: flex;
  margin-bottom: 30px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__tabs-header {
    margin-bottom: 20px;
  }
}
.cabinet-homework__tabs-trigger {
  min-width: 200px;
  height: 35px;
  padding: 0 12px;
  justify-content: start;
  cursor: pointer;
}
.cabinet-homework__tabs-trigger:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__tabs-trigger:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (max-width:1680px) {
  .cabinet-homework__tabs-trigger {
    height: 31px;
    min-width: 180px;
    padding: 0 10px;
    border-radius: 8px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__tabs-trigger {
    min-width: 150px;
    height: 24px;
    font-size: 12px;
  }
}
@media screen and (max-width:767px) {
  .cabinet-homework__tabs-trigger {
    min-width: 0;
    max-width: 150px;
    width: 100%;
  }
}
.cabinet-homework__tabs-trigger._active {
  border: 0;
  color: #fff;
  background: #7b20ff;
}
.cabinet-homework__tabs-content {
  display: none;
}
.cabinet-homework__tabs-content._active {
  display: block;
}
.cabinet-homework__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 1140px) {
  .cabinet-homework__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__footer {
    display: flex;
  }
}
@media screen and (max-width:767px) {
  .cabinet-homework__footer {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.cabinet-homework__footer-btn {
  margin-right: 30px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__footer-btn {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1140px) {
  .cabinet-homework__footer-btn {
    grid-row: 2;
  }
}
@media screen and (max-width:767px) {
  .cabinet-homework__footer-btn {
    margin-right: 0;
  }
}
.cabinet-homework__footer-btn._coin {
  padding-right: 50px;
  position: relative;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__footer-btn._coin {
    padding-right: 45px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__footer-btn._coin {
    padding-right: 40px;
  }
}
.cabinet-homework__footer-btn._coin::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 23px;
  background: url(../images/img/icons/coin.svg) no-repeat center center/contain;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__footer-btn._coin::after {
    width: 21px;
    height: 21px;
    right: 14px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__footer-btn._coin::after {
    width: 18px;
    height: 18px;
    right: 12px;
  }
}
.cabinet-homework__footer-btn-tp {
  margin-left: auto;
}
@media screen and (max-width: 1140px) {
  .cabinet-homework__footer-btn-tp {
    grid-column: 2;
  }
}
.cabinet-homework__stream {
  width: 100%;
  max-width: 708px;
  height: 340px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework__stream {
    max-width: 519px;
    height: 269px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework__stream {
    max-width: 416px;
    height: 216px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width:767px) {
  .cabinet-homework__stream {
    max-width: 350px;
    height: 166px;
  }
}

.cabinet-homework-lesson .cabinet-main {
  grid-template-columns: auto 368px 1fr;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-main {
    grid-template-columns: auto 237px 1fr;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework-lesson .cabinet-main {
    grid-template-columns: 125px 1fr;
  }
}
@media screen and (max-width:767px) {
  .cabinet-homework-lesson .cabinet-main {
    grid-template-columns: 1fr;
  }
}
.cabinet-homework-lesson .cabinet-content__inner {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-content__inner {
    padding: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework-lesson .cabinet-content__inner {
    padding: 10px;
  }
}
.cabinet-homework-lesson .cabinet-content__descr {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  color: #3b414b;
  font-size: 18px;
  border-top: 1px solid #f2f3f5;
  padding-top: 20px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-content__descr {
    padding-top: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework-lesson .cabinet-content__descr {
    padding-top: 10px;
    font-size: 14px;
  }
}
.cabinet-homework-lesson .cabinet-content__descr:not(:last-child) {
  padding-bottom: 20px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-content__descr:not(:last-child) {
    padding-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework-lesson .cabinet-content__descr:not(:last-child) {
    padding-bottom: 10px;
  }
}
.cabinet-homework-lesson .cabinet-content__descr span {
  margin-left: 20px;
  color: #7b20ff;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-content__descr span {
    margin-left: 10px;
  }
}
.cabinet-homework-lesson .cabinet-content__descr-title {
  font-weight: 500;
  margin-bottom: 10px;
}
.cabinet-homework-lesson .cabinet-content__descr._vid-descr {
  border-top: 0;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-content__descr._vid-descr .cabinet-content__descr-title {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework-lesson .cabinet-content__descr._vid-descr .cabinet-content__descr-title {
    font-size: 10px;
  }
}
.cabinet-homework-lesson .cabinet-content__descr._vid-descr .cabinet-content__descr-text {
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-content__descr._vid-descr .cabinet-content__descr-text {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-homework-lesson .cabinet-content__descr._vid-descr .cabinet-content__descr-text {
    font-size: 12px;
  }
}
.cabinet-homework-lesson .cabinet-content__inner-body {
  border-top: 1px solid #f2f3f5;
  margin-top: 20px;
}
@media screen and (max-width:1680px) {
  .cabinet-homework-lesson .cabinet-content__inner-body {
    margin-top: 15px;
  }
}
.cabinet-homework-lesson .cabinet-content__inner-btn {
  margin-left: auto;
}
.cabinet-homework-lesson .chat__header-user {
  align-items: center;
}

.evaluation {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1140px) {
  .evaluation {
    margin-left: auto;
    grid-column: 2;
  }
}
@media screen and (max-width:767px) {
  .evaluation {
    grid-column: 2 span;
    margin-left: 0;
  }
}
.evaluation__label {
  font-size: 16px;
  margin-right: 20px;
}
@media screen and (max-width:1680px) {
  .evaluation__label {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .evaluation__label {
    font-size: 12px;
    margin-right: 10px;
  }
}
@media screen and (max-width:767px) {
  .evaluation__label {
    margin-right: 20px;
  }
}
.evaluation__label._verification {
  color: #a6aab4;
}
.evaluation__list {
  display: flex;
  align-items: start;
}
.evaluation__item {
  margin-right: 10px;
  user-select: none;
}
.evaluation__item span {
  width: 32px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #a6aab4;
  border-radius: 8px;
  cursor: pointer;
  color: #a6aab4;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.2s ease;
}
@media screen and (max-width:1680px) {
  .evaluation__item span {
    width: 27px;
    height: 26px;
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .evaluation__item span {
    width: 30px;
    height: 25px;
    font-size: 10px;
  }
}
@media screen and (min-width: 991px) {
  .evaluation__item:hover span {
    border: 1px solid #f3775b;
    color: #f3775b;
  }
}
.evaluation__item._active span {
  color: #fff;
  background: #f3775b;
  border: 0;
}
.evaluation__item input {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.evaluation__item input:checked + span {
  color: #fff;
  background: #f3775b;
  border: 0;
}
.evaluation._mt {
  margin-top: 20px;
}

.cabinet-content-stream .cabinet-content__inner-body {
  display: grid;
  grid-template-columns: 1fr 326px;
  grid-gap: 20px;
}
@media screen and (max-width:1680px) {
  .cabinet-content-stream .cabinet-content__inner-body {
    grid-template-columns: 1fr 285px;
    grid-gap: 15px;
  }
}
@media screen and (max-width: 1140px) {
  .cabinet-content-stream .cabinet-content__inner-body {
    grid-template-columns: 1fr 209px;
  }
}
@media screen and (max-width:767px) {
  .cabinet-content-stream .cabinet-content__inner-body {
    grid-template-columns: 1fr;
  }
}
.cabinet-content-stream .cabinet-content__inner-info {
  display: flex;
  flex-direction: column;
}
.cabinet-content-stream .cabinet-content__inner-btn {
  margin-left: 0;
  margin-top: auto;
}
.cabinet-content-stream .cabinet-homework__stream {
  height: 264px;
}
@media screen and (max-width:1680px) {
  .cabinet-content-stream .cabinet-homework__stream {
    height: 166px;
  }
}
.cabinet-content-stream ._vid-descr .cabinet-content__descr-title {
  font-size: 14px;
}
@media screen and (max-width:1680px) {
  .cabinet-content-stream ._vid-descr .cabinet-content__descr-title {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .cabinet-content-stream ._vid-descr .cabinet-content__descr-title {
    font-size: 10px;
  }
}

.stream-chat {
  margin-top: 20px;
}
@media screen and (max-width:767px) {
  .stream-chat {
    display: none;
  }
}
.stream-chat__messages {
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding-right: 5px;
  max-height: 687px;
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .stream-chat__messages {
    max-height: 540px;
  }
}
@media screen and (max-width: 1140px) {
  .stream-chat__messages {
    padding: 10px;
  }
}
.stream-chat__message {
  display: flex;
}
.stream-chat__message:not(:first-child) {
  margin-top: 10px;
}
.stream-chat__message-avatar {
  margin-top: auto;
  border-radius: 50%;
  overflow: hidden;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  margin-right: 10px;
}
@media screen and (max-width: 1140px) {
  .stream-chat__message-avatar {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    margin-right: 5px;
  }
}
.stream-chat__message-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stream-chat__message-cloud {
  padding: 8px 12px;
  background: #e7e8f3;
  border-radius: 8px;
  width: 100%;
}
@media screen and (max-width:1680px) {
  .stream-chat__message-cloud {
    padding: 5px 10px;
  }
}
.stream-chat__message-cloud-username {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #8e83ff;
  margin-bottom: 10px;
  font-size: 14px;
}
@media screen and (max-width:1680px) {
  .stream-chat__message-cloud-username {
    font-size: 12px;
  }
}
@media screen and (max-width: 1140px) {
  .stream-chat__message-cloud-username {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
.stream-chat__message-cloud-text {
  font-weight: 400;
  line-height: 130%;
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  .stream-chat__message-cloud-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1140px) {
  .stream-chat__message-cloud-text {
    font-size: 12px;
  }
}
.stream-chat__input {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.stream-chat__input input {
  padding-right: 80px;
}

.parent-chats .chats-filter__top {
  grid-template-columns: 1fr 240px 240px;
}
@media screen and (max-width:1680px) {
  .parent-chats .chats-filter__top {
    grid-template-columns: 1fr 177px 177px;
  }
}
@media screen and (max-width: 1140px) {
  .parent-chats .chats-filter__top {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width:991px) {
  .parent-chats .chats-filter__top {
    grid-template-columns: 1fr 130px 130px;
  }
}
@media screen and (max-width:767px) {
  .parent-chats .chats-filter__top {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width:1680px) {
  .parent-chats .chats-filter__bottom-btn.btn-add {
    margin-left: 0;
  }
}
@media screen and (max-width:1680px) {
  .parent-chats .chats-filter__search {
    min-width: 0;
  }
}
@media screen and (max-width: 1140px) {
  .parent-chats .chats-filter__search {
    grid-column: 2 span;
  }
}
@media screen and (max-width:991px) {
  .parent-chats .chats-filter__search {
    grid-column: 1;
  }
}
@media screen and (max-width:767px) {
  .parent-chats .chats-filter__search {
    grid-column: 2 span;
  }
}

.performance__title {
  width: fit-content;
}
.performance__title::before {
  left: 0;
  transform: translateX(0);
  width: 60px;
}
.performance__body {
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  .performance__body {
    margin-bottom: 10px;
  }
}
@media screen and (max-width:991px) {
  .performance__body {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}
.performance__footer {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  .performance__footer {
    margin-bottom: 10px;
  }
}
@media screen and (max-width:991px) {
  .performance__footer {
    margin-bottom: 30px;
  }
}
.performance__btn {
  margin-left: auto;
}
.performance__btn-file {
  margin-right: 30px;
  min-width: 125px;
}
.performance__btn-file input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.performance__btn-file span {
  background: transparent;
  border: 1px solid #7b20ff;
  color: #7b20ff;
}
@media screen and (max-width:1680px) {
  .performance__btn-file {
    margin-right: 20px;
  }
}

.performance__file-list {
  display: flex;
  align-items: center;
}
.performance__file-list .file-name {
  display: flex;
  align-items: center;
  min-height: 21px;
  padding-left: 24px;
  background: url("../../images/img/icons/document-icon-file.svg") no-repeat left top 1px/auto 16px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
}
@media (min-width: 991px) {
  .performance__file-list .file-name:hover {
    text-decoration: none;
  }
}
@media (max-width:1680px) {
  .performance__file-list .file-name {
    font-size: 14px;
    padding-left: 22px;
    background-size: 14px;
    background-position: left top 2px;
  }
}
@media (max-width:991px) {
  .performance__file-list .file-name {
    font-size: 12px;
  }
}
.performance__file-list .file-remove {
  margin-left: 30px;
  cursor: pointer;
}
.performance__file-list .file-remove::before {
  color: #F3775B;
  font-size: 22px;
}
@media (max-width:1680px) {
  .performance__file-list .file-remove::before {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .performance__file-list .file-remove::before {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .performance__file-list .file-remove::before {
    font-size: 16px;
  }
}
@media (max-width:1680px) {
  .performance__file-list .file-remove {
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .performance__file-list .file-remove {
    margin-left: 10px;
  }
}
.courses-sertificate .cabinet-content__descr {
  border: 0;
}
.courses-sertificate .cabinet-content__descr:not(:first-child) {
  border-top: 1px solid #f2f3f5;
}
.courses-sertificate .cabinet-homework__theme {
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width:1680px) {
  .courses-sertificate .cabinet-homework__theme {
    font-size: 18px;
  }
}
@media screen and (max-width:991px) {
  .courses-sertificate .cabinet-homework__theme {
    font-size: 16px;
  }
}
.courses-sertificate .cabinet-content__descr-text {
  display: flex;
  align-items: center;
}
.courses-sertificate .rating-area {
  margin-left: 20px;
}
.courses-sertificate ._certificate-wrp {
  max-width: 125px;
}
@media screen and (max-width:1680px) {
  .courses-sertificate ._certificate-wrp {
    max-width: 100px;
  }
}
@media screen and (max-width:991px) {
  .courses-sertificate ._certificate-wrp {
    max-width: 120px;
  }
}
@media screen and (max-width:767px) {
  .courses-sertificate ._certificate-wrp {
    max-width: 140px;
  }
}
.courses-sertificate ._sertificate-lbl {
  font-size: 16px;
  color: #7b20ff;
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  .courses-sertificate ._sertificate-lbl {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  .courses-sertificate ._sertificate-lbl {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.courses-sertificate__textarea {
  margin-top: 10px;
}

.fox-icon {
  position: relative;
}
.fox-icon::before {
  content: "";
  position: fixed;
  right: 0%;
  top: 200px;
  width: 300px;
  height: 400px;
  background: url(../images/img/icons/fox.svg) no-repeat center center/contain;
  z-index: 5;
}
@media screen and (max-width:1680px) {
  .fox-icon::before {
    width: 230px;
    height: 320px;
  }
}
@media screen and (max-width:991px) {
  .fox-icon::before {
    width: 180px;
    height: 250px;
  }
}
@media screen and (max-width:767px) {
  .fox-icon::before {
    width: 130px;
    height: 200px;
  }
}

.timetable {
  counter-reset: timetableRow;
}
.timetable__item {
  margin-bottom: 30px;
}
@media screen and (max-width:1680px) {
  .timetable__item {
    margin-bottom: 20px;
  }
}
.timetable__item:nth-child(3n+1) .timetable__item-weekday {
  color: #1fc6df;
}
.timetable__item:nth-child(3n-1) .timetable__item-weekday {
  color: #f3775b;
}
.timetable__item:nth-child(3n) .timetable__item-weekday {
  color: #8e83ff;
}
.timetable__item-calendar-btn {
  margin-left: auto;
  width: 21px;
  height: 21px;
  display: none;
}
@media screen and (max-width:767px) {
  .timetable__item-calendar-btn {
    display: block;
  }
}
.timetable__item-calendar-btn img {
  width: 100%;
  object-fit: contain;
}
.timetable__item-header {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 2px solid #e8e9ec;
}
@media screen and (max-width:1680px) {
  .timetable__item-header {
    padding-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-header {
    padding-bottom: 10px;
  }
}
.timetable__item-weekday {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-right: 10px;
  font-size: 20px;
}
@media screen and (max-width:1680px) {
  .timetable__item-weekday {
    font-size: 18px;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-weekday {
    font-size: 16px;
  }
}
.timetable__item-date {
  position: relative;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #3b414b;
  font-size: 18px;
}
.timetable__item-date::before {
  content: "/";
}
@media screen and (max-width:1680px) {
  .timetable__item-date {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-date {
    font-size: 14px;
  }
}
.timetable__item-row {
  display: grid;
  grid-template-columns: 1fr 0.35fr 58px;
  align-items: center;
  grid-gap: 20px;
  padding: 17px 0;
  border-bottom: 2px solid #e8e9ec;
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  color: #3b414b;
}
@media screen and (max-width:1680px) {
  .timetable__item-row {
    padding: 16px 0;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-row {
    padding: 7px 0;
    grid-template-columns: 1fr 0.25fr 58px;
  }
}
@media screen and (max-width:767px) {
  .timetable__item-row {
    grid-template-columns: 1fr 58px;
    grid-row-gap: 5px;
    grid-column-gap: 10px;
  }
}
.timetable__item-descr {
  position: relative;
  font-weight: 400;
  font-size: 16px;
}
.timetable__item-descr::before {
  content: counter(timetableRow) ".";
  counter-increment: timetableRow;
}
@media screen and (max-width:1680px) {
  .timetable__item-descr {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-descr {
    font-size: 12px;
  }
}
.timetable__item-descr span {
  font-weight: 500;
}
.timetable__item-deadline {
  font-size: 14px;
}
.timetable__item-deadline span {
  color: #f3775b;
  font-weight: 500;
}
@media screen and (max-width:1680px) {
  .timetable__item-deadline {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-deadline {
    font-size: 10px;
    grid-row: 2;
    grid-column: 1;
  }
}
.timetable__item-btn {
  width: 48px;
  height: 35px;
}
@media screen and (max-width:1680px) {
  .timetable__item-btn {
    width: 41px;
    height: 31px;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-btn {
    width: 42px;
    height: 30px;
    grid-row: span 2;
  }
}
.timetable__item-btn::before {
  font-size: 14px;
}
@media screen and (max-width:1680px) {
  .timetable__item-btn::before {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .timetable__item-btn::before {
    font-size: 10px;
  }
}

.homework-completed {
  margin-top: 40px;
}
@media screen and (max-width:1680px) {
  .homework-completed {
    margin-top: 30px;
  }
}
.homework-completed__header {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b414b;
  font-size: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  .homework-completed__header {
    font-size: 18px;
  }
}
.homework-completed__table {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
}
.homework-completed__table-head .homework-completed__table-row {
  background: #7b20ff;
  color: #fff;
  font-size: 14px;
  align-items: center;
}
@media screen and (max-width:1680px) {
  .homework-completed__table-head .homework-completed__table-row {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .homework-completed__table-head .homework-completed__table-row {
    font-size: 10px;
    padding: 4px 10px;
  }
}
.homework-completed__table-head .homework-completed__table-cell._date {
  justify-content: center;
}
.homework-completed__table-head .homework-completed__table-cell._mark {
  color: #fff;
  font-weight: 400;
}
.homework-completed__table-head .homework-completed__table-cell._title {
  font-weight: 400;
  color: #fff;
}
.homework-completed__table-row {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-top: 10px;
  padding: 9px 18px;
  font-size: 16px;
  margin-top: 10px;
  display: grid;
  align-items: center;
  grid-gap: 20px;
  grid-template-columns: 1fr 0.3fr 0.2fr 85px;
}
@media screen and (max-width:1680px) {
  .homework-completed__table-row {
    font-size: 14px;
    padding: 6px 12px;
    grid-gap: 10px;
    grid-template-columns: 1.3fr 0.5fr 0.2fr 85px;
  }
}
@media screen and (max-width:991px) {
  .homework-completed__table-row {
    font-size: 12px;
    padding: 4px 10px;
  }
}
@media screen and (max-width:767px) {
  .homework-completed__table-row {
    align-items: start;
    grid-template-columns: 1.3fr 85px 40px;
  }
}
.homework-completed__table-cell {
  display: flex;
  flex-wrap: wrap;
}
.homework-completed__table-cell._date {
  justify-content: end;
}
@media screen and (max-width:767px) {
  .homework-completed__table-cell._date {
    display: none;
  }
}
.homework-completed__table-cell._mark {
  justify-content: center;
  color: #f3775b;
  font-weight: 500;
}
.homework-completed__table-cell._theme {
  justify-content: center;
}
.homework-completed__table-cell._title {
  font-weight: 500;
  line-height: 130%;
  color: #7b20ff;
}
.homework-completed__table-cell._title span {
  color: #3b414b;
  margin-right: 5px;
}
.tasks-list {
  height: 509px;
  padding-right: 5px;
}
@media screen and (max-width:1680px) {
  .tasks-list {
    height: 375px;
  }
}
@media screen and (max-width:991px) {
  .tasks-list {
    height: 320px;
  }
}
.tasks-list__item {
  background: #ffffff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 9px 18px;
  margin-bottom: 10px;
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  color: #3b414b;
}
.tasks-list__item._active {
  background: rgba(250, 207, 197, 0.3);
}
@media screen and (max-width:1680px) {
  .tasks-list__item {
    padding: 7px 14px;
  }
}
@media screen and (max-width:991px) {
  .tasks-list__item {
    padding: 6px 12px;
  }
}
.tasks-list__item-theme {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 130%;
}
@media screen and (max-width:1680px) {
  .tasks-list__item-theme {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  .tasks-list__item-theme {
    font-size: 10px;
  }
}
.tasks-list__item-deadline {
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
}
@media screen and (max-width:1680px) {
  .tasks-list__item-deadline {
    font-size: 10px;
  }
}
.tasks-list__item-deadline span {
  color: #f3775b;
  font-weight: 500;
}

.chats-filter__search {
  min-width: 100px;
}

.page._main .cabinet-olimp-margin {
  margin-bottom: 28px;
}
.page._main .cabinet-section-olympiad {
  margin-bottom: 30px;
}

.page.cabinet._main .cabinet-main-olympiad.cabinet-main {
  grid-template-columns: 65px 1fr 402px;
}

.cabinet-section__title.cabinet-margin-bottom {
  margin-bottom: 32px;
}

.title-decor-olympiad {
  margin-bottom: 23px;
}

.cabinet-card-olympiad {
  padding-bottom: 60px;
}

.cabinet-affairs--hover .cabinet-affairs__card-title {
  transition: 0.4s;
}
.cabinet-affairs--hover:hover {
  cursor: pointer;
}
.cabinet-affairs--hover:hover .cabinet-affairs__card-title {
  color: #8E83FF;
}

.cabinet-section-olympiad {
  grid-template-columns: 3.6fr 1fr;
  grid-gap: 10px 30px;
}
.cabinet-section-olympiad::after {
  content: "";
  top: calc(-21% - 1px);
}

.olymp-serch {
  grid-column: span 2;
}

.olymp-select-box {
  display: grid;
  gap: 30px;
  grid-template-columns: 1.08fr 0.92fr 1.52fr;
}

.cabinet-olimpiad-row {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 40px;
  padding-right: 10px;
}

.cabinet-olimp-label {
  overflow: hidden;
  position: relative;
}

.olimp-table-btn {
  overflow: visible;
}

.cabinet-olimp-inp {
  width: 1px;
}

.cabinet-olimp-inp {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -33;
}

.cabinet-olimpiad-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  padding-right: 15px;
}

.cabinet-olimp-span {
  cursor: pointer;
}

.olimp-link-arrow {
  display: none;
}

.olimp-table-btn img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.olimp-table-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.olimp-table-btn:hover .olimp-table-hint {
  z-index: 3;
  opacity: 1;
}

.olimp-table-box-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.olimp-table-hint {
  position: absolute;
  left: -14px;
  opacity: 0;
  z-index: -1;
  top: calc(-100% - 20px);
  background: #FFFFFF;
  border: 1px solid #8E83FF;
  border-radius: 5px;
  transition: 0.4s;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
  white-space: nowrap;
  padding: 10px;
}
.olimp-table-hint::after {
  content: url("../../images/img/icons/triangle-bottom.svg");
  position: absolute;
  bottom: -12px;
  left: 0;
}
.olimp-table-hint:hover {
  opacity: 0 !important;
  z-index: -1 !important;
}

.olimp-table-label {
  position: relative;
  cursor: pointer;
}

.olimp-lable-input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -3;
  opacity: 0;
}

.olimp-table-label-span {
  width: 40px;
  height: 20px;
  display: block;
  position: relative;
  background: #D1D1D6;
  border-radius: 16px;
  transition: 0.4s;
}
.olimp-table-label-span::after {
  content: "";
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  transition: 0.4s;
}

.olimp-lable-input:checked + .olimp-table-label-span {
  background: #1DC9A0;
}
.olimp-lable-input:checked + .olimp-table-label-span::after {
  left: calc(100% - 3px);
  transform: translate(-100%, -50%);
}

.olimp-table-span {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}

.olimp-table-status {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #119CB0;
}

.olimp-table-btn .olimp-protocol-finish {
  width: 18px;
  height: 18px;
}

.olimp-table-head {
  background: #7B20FF;
  border-radius: 5px;
  margin-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
}

.olimp-table-head,
.olimp-table-row {
  display: grid;
  grid-template-columns: 45.5% 7% 14.5% 17.5% 15.5%;
  align-items: center;
}

.olimp-table-row {
  padding: 9px 18px;
  margin-bottom: 10px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

.olimp-table-coll {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
}

.olimp-table-dropdown .dropdown__current {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  background: none;
  border: 1px solid #7B20FF;
  opacity: 1;
  justify-content: start;
}
.olimp-table-dropdown .dropdown__current::after {
  position: relative;
  right: 0;
  margin-left: 7px;
  opacity: 1;
  width: 12px;
  top: 3px;
}
.olimp-table-dropdown .dropdown__current._active {
  background: #fff;
  color: #3B414B;
  border: 1px solid #E8E9EC;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
}
.olimp-table-dropdown .dropdown__list-item span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}

.--completed {
  color: #F3775B;
}

.--registration {
  color: #8E83FF;
}

.olimp-table-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.olimp-table-span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
}

.olimp-table-link {
  height: 35px;
}

.olimp-table-coll {
  display: flex;
  justify-content: center;
}
.olimp-table-coll:nth-child(1) {
  justify-content: start;
}
.olimp-table-coll:nth-child(4) {
  justify-content: space-between;
}
.olimp-table-coll:nth-child(5) {
  justify-content: end;
}

.olimp-table-coll-regist {
  padding-left: 18px;
  justify-content: start;
}

.cabinet-sidebar--olympiad {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 3;
}

.cabinet-menu-olympiad {
  grid-row-start: 1;
  grid-row-end: 3;
}

/*-adaptive-*/
@media (max-width:1680px) {
  .cabinet-sidebar--olympiad {
    grid-row-start: 1;
    grid-row-end: 4;
    grid-column-start: 3;
  }
  .cabinet-menu-olympiad {
    grid-row-start: 1;
    grid-row-end: 4;
  }
  .header__menu.header__menu-padding-right {
    padding-right: 40px;
  }
  .header__menu-list-olympiad li {
    margin-right: 31px;
  }
  .cabinet-section__title.cabinet-margin-bottom {
    margin-bottom: 17px;
  }
  .cabinet-olimp-margin .cabinet-affairs {
    width: 650px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
  }
  .cabinet-affairs__card-title-span {
    display: none;
  }
  .page._main .cabinet-olimp-margin {
    margin-bottom: 25px;
  }
  .cabinet-olimpiad-row {
    padding-right: 0;
    margin-bottom: 33px;
  }
  .cabinet-olimpiad-title {
    font-weight: 400;
    font-size: 14px;
  }
  .cabinet-olimp-img {
    width: 14px;
    height: 14px;
  }
  .cabinet-card-olympiad {
    padding-bottom: 45px;
  }
  .cabinet-card-olympiad .notific-card__item-photo {
    overflow: hidden;
    position: relative;
    width: 26px;
    height: 26px;
  }
  .title-decor-olympiad {
    margin-bottom: 24px;
  }
  .cabinet-section-olympiad {
    display: block;
  }
  .olymp-serch {
    margin-bottom: 10px;
  }
  .olymp-select-box {
    display: grid;
    gap: 10px;
    grid-template-columns: 220px 180px 303px;
  }
  .page._main .cabinet-section-olympiad {
    margin-bottom: 20px;
  }
  .olimp-table-name {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .olimp-table-row {
    padding: 9px 15px;
  }
  .olimp-table-span {
    display: none;
  }
  .olimp-link-arrow {
    display: block;
  }
  .olimp-table-head {
    padding-left: 10px;
    padding-right: 10px;
  }
  .olimp-table-coll {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .olimp-table-head,
  .olimp-table-row {
    display: grid;
    grid-template-columns: 48.5% 7% 17.5% 17.7% 9.5%;
  }
  .olimp-table-status {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #119CB0;
  }
  .olimp-table-hint {
    padding: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    top: calc(-46% - 20px);
  }
  .olimp-table-hint::after {
    bottom: -11px;
  }
  .olimp-table-btn {
    width: 21px;
    height: 21px;
    object-fit: contain;
  }
  .olimp-table-btn img {
    width: 21px;
    height: 21px;
  }
  .olimp-table-row {
    margin-bottom: 6px;
  }
  .olimp-table-link {
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 8px;
  }
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main {
    grid-template-columns: 60px 1fr 285px;
  }
}
@media (max-width: 1200px) {
  .cabinet-content-olympiad {
    grid-column: 2/4 !important;
    grid-row: 2/3;
  }
}
@media (max-width: 1160px) {
  .header__menu-list-olympiad li {
    margin-right: 15px;
  }
  .header__menu.header__menu-padding-right {
    padding-right: 0;
  }
}
@media (max-width: 1080px) {
  .cabinet-olimp-margin .cabinet-affairs {
    width: 562px;
  }
}
@media (max-width: 1020px) {
  .header__menu-list-olympiad li {
    margin-right: 9px;
  }
}
@media (max-width: 992px) {
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main {
    padding-top: 30px;
    padding-bottom: 92px;
    grid-template-columns: 60px 1fr 209px;
  }
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main .title-decor::before {
    width: 78%;
    height: 2px;
  }
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main .notific-card__item::after {
    top: 2px;
    right: -1px;
    width: 5px;
    height: 5px;
  }
  .cabinet-card-olympiad {
    padding-bottom: 15px;
  }
  .cabinet-section__title.cabinet-margin-bottom {
    margin-bottom: 9px;
  }
  .olimp-table-hint {
    display: none;
  }
  .cabinet-olimp-margin .cabinet-affairs {
    width: 98%;
  }
  .page.cabinet._main .cabinet-main.cabinet-main-olympiad .cabinet-content {
    grid-column: 1/3;
  }
}
@media (max-width: 825px) {
  .cabinet-olimp-margin .cabinet-affairs {
    gap: 5px;
  }
  .cabinet-olimp-margin .cabinet-affairs .cabinet-affairs__card {
    padding-right: 0;
  }
  .cabinet-affairs__card--video {
    grid-column: 2/3;
  }
  .cabinet-affairs__card--members {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .page._main .cabinet-olimp-margin {
    margin-bottom: 13px;
  }
  .cabinet-olimpiad-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #3B414B;
    opacity: 0.6;
  }
  .cabinet-olimpiad-row {
    margin-bottom: 23px;
  }
  .olymp-select-box {
    gap: 10px;
    grid-template-columns: 196px 196px 276px;
  }
  .olimp-table-coll {
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
  }
  .olimp-table-dropdown .dropdown__current {
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
  }
  .olimp-table-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
  }
  .olimp-table-status {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .olimp-table-link {
    height: 28px;
  }
  .olimp-table-row {
    margin-bottom: 11px;
    padding: 6px 12px;
  }
  .olimp-table-head {
    padding-left: 12px;
    padding-right: 12px;
  }
  .olimp-table-head,
  .olimp-table-row {
    grid-template-columns: 51.2% 7% 15% 18% 8.5%;
  }
  .olimp-table-btn img {
    width: 15px;
    height: 15px;
  }
  .olimp-table-dropdown .dropdown__current::after {
    width: 7px;
    top: 5px;
  }
  .cabinet-section-olympiad::after {
    content: "";
    top: calc(-10% - 1px);
  }
}
@media (max-width:991px) {
  .cabinet-content-olympiad {
    grid-column: 1/4 !important;
    grid-row: 2/3;
  }
  .cabinet-olimp-margin .cabinet-affairs {
    width: 100%;
  }
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main {
    grid-template-columns: 1fr;
    gap: 10px 0;
  }
  .olymp-select-box {
    display: flex;
    flex-wrap: wrap;
  }
  .olymp-select-box .management-courses__filter-select {
    margin-bottom: 10px;
  }
  .olymp-select-box .management-courses__filter-select:nth-child(1), .olymp-select-box .management-courses__filter-select:nth-child(2) {
    width: 49%;
  }
  .olimp-table-head {
    grid-template-columns: 51.2% 8% 19% 10% 8.5%;
  }
  .olymp-serch::after {
    content: "";
    top: calc(-100% + 10px);
  }
}
@media (max-width: 630px) {
  .olimp-table-dropdown {
    display: none;
  }
  .olimp-table-head {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .olimp-table-head .olimp-table-coll:nth-child(2) {
    display: none;
  }
  .olimp-table-row {
    grid-template-columns: 21% 59% 17%;
    gap: 5px;
  }
  .olimp-table-row .olimp-table-coll:nth-child(1) {
    grid-column: span 3;
  }
  .olimp-table-row .olimp-table-coll:nth-child(3) {
    grid-column: 1/4;
    grid-row: 2/3;
    justify-content: start;
    padding-left: 0;
  }
  .olimp-table-row .olimp-table-coll:nth-child(2) {
    justify-content: start;
  }
  .olimp-table-row .olimp-table-coll:nth-child(4) {
    justify-content: end;
  }
  .olimp-table-row .olimp-table-coll:nth-child(4) .olimp-table-btn {
    margin-left: 8px;
  }
}
@media (max-width:767px) {
  .olymp-select-box {
    gap: 0px;
  }
  .olymp-select-box {
    display: flex;
    flex-wrap: wrap;
  }
  .olymp-select-box .management-courses__filter-select:nth-child(1), .olymp-select-box .management-courses__filter-select:nth-child(2) {
    width: 100%;
  }
  .cabinet-olimp-margin .cabinet-affairs {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
    grid-gap: 10px;
  }
  .cabinet-affairs__card--video {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .cabinet-affairs__card--members {
    grid-row: 3/3;
  }
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main {
    padding-top: 25px;
  }
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main .cabinet-affairs__card-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
  }
  .page._main .cabinet-olimp-margin {
    margin-bottom: 23px;
  }
  .olymp-serch input {
    padding-left: 19px;
    padding-right: 19px;
  }
  .olymp-serch .management-courses__filter-search-btn {
    right: 20px;
  }
  .cabinet-section-olympiad::after {
    content: "";
    top: calc(-72% - 1px);
  }
  .page._main .cabinet-section-olympiad {
    margin-bottom: 7px;
  }
  .page.cabinet._main .cabinet-main-olympiad.cabinet-main {
    padding-bottom: 21px;
  }
}
.create-course__checkbox {
  margin: 0 20px;
  cursor: pointer;
}
.create-course__checkbox span {
  height: 17px;
  width: 16px;
  padding-left: 0;
}
@media (max-width:991px) {
  .create-course__checkbox span {
    height: 15px;
    width: 14px;
  }
}
.create-course__question-answer-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
}
@media (max-width:991px) {
  .create-course__question-answer-remove {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
}
.create-course__question-answer-remove img {
  width: 100%;
}

.homework-lesson__test-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .homework-lesson__test-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-title {
    font-size: 16px;
  }
}
.homework-lesson__test-text {
  color: #3B414B;
}

.homework-lesson__test-inner {
  margin: 30px 0 20px;
}
@media (max-width:1680px) {
  .homework-lesson__test-inner {
    margin: 20px 0 15px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-inner {
    margin: 10px 0;
  }
}
.homework-lesson__test-numbers {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  padding-bottom: 10px;
  border-top: 1px solid #F2F3F5;
  border-bottom: 1px solid #F2F3F5;
}
@media (max-width:1680px) {
  .homework-lesson__test-numbers {
    padding: 15px 0;
    padding-bottom: 5px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-numbers {
    padding: 10px 0;
    padding-bottom: 0;
  }
}
.homework-lesson__test-number {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  height: 35px;
  opacity: 0.6;
  border: 1px solid #3B414B;
  border-radius: 8px;
  color: #3B414B;
  padding: 0 12px;
  margin-bottom: 10px;
}
.homework-lesson__test-number:last-child {
  margin-right: 0;
}
@media (max-width:1680px) {
  .homework-lesson__test-number {
    font-size: 16px;
    padding: 0 10px;
    min-width: 30px;
    height: 30px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-number {
    font-size: 14px;
  }
}
.homework-lesson__test-number._active {
  background: #8E83FF;
  color: #fff;
  opacity: 1;
  border-color: #8E83FF;
}

.homework-lesson__test-body {
  padding-top: 20px;
}
@media (max-width:1680px) {
  .homework-lesson__test-body {
    padding-top: 15px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-body {
    padding-top: 10px;
  }
}
.homework-lesson__test-question-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .homework-lesson__test-question-title {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-question-title {
    font-size: 12px;
  }
}
.homework-lesson__test-question-answer {
  margin-bottom: 10px;
  display: flex;
  cursor: pointer;
}
.homework-lesson__test-question-answer:last-child {
  margin-bottom: 0;
}
@media (max-width:991px) {
  .homework-lesson__test-question-answer {
    margin-bottom: 5px;
  }
}
.homework-lesson__test-question-answer span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .homework-lesson__test-question-answer span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-question-answer span {
    font-size: 12px;
  }
}
.homework-lesson__test-question-confirm {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .homework-lesson__test-question-confirm {
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-question-confirm {
    margin-top: 10px;
  }
}
.performance__btn.btn-tp {
  border-color: #3B414B;
  color: #3B414B;
}

.header__nav-notific::after,
.cabinet-menu__link::after {
  display: none;
}
.header__nav-notific._unread::after,
.cabinet-menu__link._unread::after {
  display: block;
}

#schedule-test .modal__dialog {
  max-width: 400px;
  padding: 40px 30px;
}
@media screen and (max-width:1680px) {
  #schedule-test .modal__dialog {
    padding: 30px 20px;
    max-width: 354px;
  }
}
#schedule-test .modal__title {
  font-size: 18px;
}
@media screen and (max-width:1680px) {
  #schedule-test .modal__title {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  #schedule-test .modal__title {
    font-size: 14px;
  }
}
#schedule-test .modal__subtitle {
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  #schedule-test .modal__subtitle {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  #schedule-test .modal__subtitle {
    font-size: 12px;
  }
}
#schedule-test .modal__dropdown:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width:1680px) {
  #schedule-test .modal__dropdown:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:991px) {
  #schedule-test .modal__dropdown:not(:last-child) {
    margin-bottom: 10px;
  }
}
#schedule-test .modal__btn {
  margin: 30px auto 0;
  border-radius: 8px;
}
@media screen and (max-width:1680px) {
  #schedule-test .modal__btn {
    margin: 20px auto 0;
  }
}
@media screen and (max-width:991px) {
  #schedule-test .modal__btn {
    margin: 15px auto 0;
  }
}

.moderation__title {
  margin-bottom: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .moderation__title {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .moderation__title {
    font-size: 16px;
  }
}
.students-courses__filter._moderation {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .students-courses__filter._moderation {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .students-courses__filter._moderation {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .students-courses__filter._moderation {
    padding-bottom: 0;
  }
}
.students-courses__filter._moderation::after {
  bottom: 0;
  top: auto;
}

.moderation__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr;
  grid-gap: 10px 20px;
  margin-top: 20px;
}
.moderation__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .moderation__item {
    padding: 10px;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto;
    grid-gap: 10px;
    margin-top: 10px;
  }
}
@media (max-width:767px) {
  .moderation__item {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}

.moderation__item-image {
  margin-top: -20px;
  margin-left: -20px;
  overflow: hidden;
  position: relative;
  padding: 0 0 55% 0;
  height: 0;
  min-width: 222px;
  width: 222px;
  border-radius: 8px 0px 8px 8px;
}
@media (max-width:1680px) {
  .moderation__item-image {
    margin-left: -10px;
    margin-top: -10px;
    min-width: 140px;
    width: 140px;
  }
}
@media (max-width:991px) {
  .moderation__item-image {
    min-width: 128px;
    width: 128px;
  }
}
@media (max-width:767px) {
  .moderation__item-image {
    margin-left: 0;
    margin-top: 0;
    min-width: 104px;
    width: 104px;
    padding: 0;
    height: 54px;
    grid-row-start: 1;
    grid-column-start: 1;
  }
}
.moderation__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.moderation__item-name {
  grid-column-start: 1;
  grid-row-start: 2;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .moderation__item-name {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .moderation__item-name {
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .moderation__item-name {
    grid-row-start: 2;
  }
}

.moderation__item-col {
  grid-row: span 2;
}
@media (max-width:767px) {
  .moderation__item-col._first {
    grid-row-start: 1;
    grid-column-start: 1;
  }
}
.moderation__item-col._second {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width:1680px) {
  .moderation__item-col._second {
    flex-direction: row;
    align-items: center;
    grid-row: span 1;
    grid-column-start: 2;
  }
}
@media (max-width:767px) {
  .moderation__item-col._second {
    grid-column-start: 1;
  }
}

@media (max-width:767px) {
  .moderation__item-title {
    padding-left: 114px;
    min-height: 54px;
  }
}

.moderation__item-categories {
  margin: 10px 0;
}

.moderation__item-text {
  color: #3B414B;
}

.moderation__item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.4;
}
@media (max-width:1680px) {
  .moderation__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .moderation__item-date {
    font-size: 10px;
  }
}
.moderation__item-btn {
  background: transparent;
  border: 1px solid #7B20FF;
  color: #7B20FF;
  margin-left: auto;
}

.test-managment__filter {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 30px;
  border-bottom: 2px solid #E8E9EC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.test-managment__filter .btn {
  margin-left: auto;
}
@media (max-width:1680px) {
  .test-managment__filter {
    padding-bottom: 15px;
    margin-bottom: 15px;
    grid-gap: 20px;
  }
}
@media (max-width:991px) {
  .test-managment__filter {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .test-managment__filter {
    border-bottom: none;
    padding-bottom: 0;
    grid-template-columns: 1fr;
  }
}

.test-managment__search {
  max-width: 100%;
  width: 100%;
}
@media (max-width:767px) {
  .test-managment__search {
    position: relative;
  }
  .test-managment__search::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% + 9px);
    left: 0;
    right: auto;
    bottom: auto;
    background: #E8E9EC;
    width: 100%;
    height: 2px;
  }
}

.test-managment__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 0.3fr 0.25fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .test-managment__header {
    grid-gap: 10px;
    padding: 5px 10px;
  }
}
@media (max-width:991px) {
  .test-managment__header {
    padding: 6px 12px;
  }
}
.test-managment__label {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width:991px) {
  .test-managment__label._rating {
    display: none;
  }
}
@media (max-width:1680px) {
  .test-managment__label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .test-managment__label {
    font-size: 10px;
  }
}
.test-managment__item {
  background: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 0.3fr auto;
  align-items: center;
  grid-gap: 20px;
}
.test-managment__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .test-managment__item {
    padding: 5px 10px;
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .test-managment__item {
    padding: 6px 12px;
    grid-template-columns: 1fr auto;
    grid-gap: 5px 10px;
  }
}
.test-managment__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .test-managment__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .test-managment__item-name {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .test-managment__item-name {
    grid-column: span 2;
  }
}

.test-managment__item-rating {
  margin-left: 0 !important;
}
@media (max-width:991px) {
  .test-managment__item-rating {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
  }
}
@media (max-width:767px) {
  .test-managment__item-rating {
    margin-bottom: auto;
  }
}

@media (max-width:991px) {
  .test-managment__item-btn {
    grid-row: span 2;
  }
}
@media (max-width:767px) {
  .test-managment__item-btn {
    grid-row: span 1;
  }
}

.create-test__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .create-test__title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .create-test__title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.create-test__content-wrp {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  display: grid;
  grid-template-columns: 410px 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .create-test__content-wrp {
    padding: 20px;
    grid-template-columns: 320px 1fr;
    grid-gap: 15px;
  }
}
@media (max-width:991px) {
  .create-test__content-wrp {
    padding: 10px;
    grid-template-columns: 1fr;
  }
}
@media (max-width:767px) {
  .create-test__content-wrp {
    grid-template-columns: 1fr;
  }
}

@media (max-width:991px) {
  .create-test__sidebar {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-gap: 0 10px;
  }
}
@media (max-width:767px) {
  .create-test__sidebar {
    grid-template-columns: 1fr;
  }
}

.create-test__cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .create-test__cover {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .create-test__cover {
    margin-bottom: 10px;
    grid-row: span 5;
  }
}
@media (max-width:767px) {
  .create-test__cover {
    grid-row: span 1;
  }
}

.create-test__cover-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 55% 0;
  border-radius: 8px;
  height: 0;
  width: 100%;
}
.create-test__cover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.create-test__cover-btns {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.create-test__cover-btns span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: rgba(59, 65, 75, 0.6);
}
@media (min-width: 991px) {
  .create-test__cover-btns span:hover {
    text-decoration: none;
  }
}
@media (max-width:1680px) {
  .create-test__cover-btns span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .create-test__cover-btns span {
    font-size: 12px;
  }
}
.create-test__cover-input {
  display: flex;
  align-items: center;
}
.create-test__cover-input input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.create-test__cover-input span {
  cursor: pointer;
}

.create-test__cover-remove {
  display: flex;
  cursor: pointer;
  margin-left: 20px;
}

.create-test__input {
  margin-bottom: 10px;
}
.create-test__input:last-child {
  margin-bottom: 0;
}
.create-test__input textarea {
  min-height: 150px;
  resize: vertical;
  max-height: 300px;
}
.create-test__input._disabled {
  pointer-events: none;
}
.create-test__input._disabled input,
.create-test__input._disabled textarea {
  background: #E8E9EC;
  pointer-events: none;
}

.create-test__file {
  display: flex;
  flex-direction: column;
}

.create-test__file-label {
  font-weight: 500;
  color: #3B414B;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .create-test__file-label {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .create-test__file-label {
    margin-bottom: 10px;
  }
}
.create-test__file-input {
  display: flex;
  width: max-content;
}
.create-test__file-input input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  position: absolute;
}
.create-test__file-input span {
  border: 1px solid #7B20FF;
  background: transparent;
  color: #7B20FF;
}
.create-test__file-input._disabled {
  pointer-events: none;
}
.create-test__file-input._disabled input {
  pointer-events: none;
}
.create-test__file-input._disabled span {
  background: #A6AAB4;
  color: #fff;
  border: none;
}
.create-test__file-list {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
@media (max-width:1680px) {
  .create-test__file-list {
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .create-test__file-list {
    margin-top: 10px;
  }
}
.create-test__file-list .file-name {
  display: flex;
  align-items: center;
  min-height: 21px;
  padding-left: 24px;
  background: url("../../images/img/icons/document-icon-file.svg") no-repeat left top 1px/auto 16px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
}
@media (min-width: 991px) {
  .create-test__file-list .file-name:hover {
    text-decoration: none;
  }
}
@media (max-width:1680px) {
  .create-test__file-list .file-name {
    font-size: 14px;
    padding-left: 22px;
    background-size: 14px;
    background-position: left top 2px;
  }
}
@media (max-width:991px) {
  .create-test__file-list .file-name {
    font-size: 12px;
  }
}
.create-test__file-list .file-remove {
  margin-left: 30px;
  cursor: pointer;
}
.create-test__file-list .file-remove::before {
  color: #F3775B;
  font-size: 22px;
}
@media (max-width:1680px) {
  .create-test__file-list .file-remove::before {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .create-test__file-list .file-remove::before {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .create-test__file-list .file-remove::before {
    font-size: 16px;
  }
}
@media (max-width:1680px) {
  .create-test__file-list .file-remove {
    margin-left: 20px;
  }
}
@media (max-width:991px) {
  .create-test__file-list .file-remove {
    margin-left: 10px;
  }
}
.create-test__bottom {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width:1680px) {
  .create-test__bottom {
    margin-top: 20px;
  }
}
@media (max-width:767px) {
  .create-test__bottom {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
  }
}

.create-test__btn._remove {
  margin-right: auto;
  background: #F3775B;
  color: #fff;
}
@media (min-width: 991px) {
  .create-test__btn._remove:hover {
    box-shadow: 0px 8px 16px rgba(243, 119, 91, 0.16);
  }
  .create-test__btn._remove:active {
    box-shadow: 0px 8px 16px rgba(243, 119, 91, 0.16);
  }
}
@media (max-width:767px) {
  .create-test__btn._remove {
    margin-left: 0 !important;
  }
}
@media (max-width:767px) {
  .create-test__btn.btn {
    margin-left: auto;
  }
}
.create-test__btn.btn-tp {
  margin-left: 20px;
}
@media (max-width:991px) {
  .create-test__btn.btn-tp {
    margin-left: 15px;
  }
}
@media (max-width:767px) {
  .create-test__btn.btn-tp {
    grid-column-start: 2;
    margin-left: auto;
  }
}

.create-test__question {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #F2F3F5;
}

.create-test__question-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.create-test__question-title {
  color: #7B20FF;
}

.create-test__question-remove::before {
  color: #F3775B;
  font-size: 16px;
}

.create-test__question-body {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  grid-gap: 10px;
}
@media (max-width:1680px) {
  .create-test__question-body {
    grid-template-columns: 1.6fr 1fr;
  }
}
@media (max-width:767px) {
  .create-test__question-body {
    grid-template-columns: 1fr;
  }
  .create-test__question-body .create-test__input {
    grid-row-start: 2;
  }
  .create-test__question-body .create-test__cover {
    max-width: 160px;
  }
}

.create-test__question-answers > .text-md {
  color: #3B414B;
  margin-bottom: 10px;
}

.create-test__question-answer {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.create-test__question-input {
  width: 100%;
}

.create-test__question-checkbox {
  margin: 0 20px;
  cursor: pointer;
}
.create-test__question-checkbox span {
  height: 17px;
  width: 16px;
  padding-left: 0;
}
@media (max-width:991px) {
  .create-test__question-checkbox span {
    height: 15px;
    width: 14px;
  }
}
.create-test__question-answer-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
}
@media (max-width:991px) {
  .create-test__question-answer-remove {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
}
.create-test__question-answer-remove img {
  width: 100%;
}

.create-test__question-answer-add {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  text-decoration: underline;
}
@media (max-width:1680px) {
  .create-test__question-answer-add {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .create-test__question-answer-add {
    font-size: 12px;
  }
}
.create-test__question-add {
  background: transparent;
  color: #7B20FF;
  border: 1px solid #7B20FF;
}

.catalog-tests__top {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E8E9EC;
}
@media (max-width:1680px) {
  .catalog-tests__top {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .catalog-tests__top {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.catalog-tests__search {
  max-width: 100%;
}

.catalog-tests__search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .catalog-tests__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .catalog-tests__search-btn {
    right: 12px;
  }
}
.catalog-tests__nav {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .catalog-tests__nav {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .catalog-tests__nav {
    margin-bottom: 10px;
  }
}
.catalog-tests__nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 8px;
  border: 1px solid #7B20FF;
  color: #7B20FF;
  height: 35px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  width: max-content;
  margin-right: 30px;
  padding: 0 12px;
}
.catalog-tests__nav-link:last-child {
  margin-right: 0;
}
@media (min-width: 991px) {
  .catalog-tests__nav-link {
    transition: all linear 0.2s;
  }
  .catalog-tests__nav-link:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
.catalog-tests__nav-link:active {
  box-shadow: 0px 0px 28px rgba(123, 32, 255, 0.35);
}
.catalog-tests__nav-link._active {
  background: #7B20FF;
  color: #fff;
}
.catalog-tests__nav-link._disabled {
  color: #A6AAB4;
  border-color: #A6AAB4;
  pointer-events: none;
}
@media (max-width:1680px) {
  .catalog-tests__nav-link {
    height: 31px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 10px;
    margin-right: 20px;
  }
}
@media (max-width:991px) {
  .catalog-tests__nav-link {
    height: 30px;
    font-size: 14px;
    padding: 0 10px;
    margin-right: 10px;
  }
}
@media (max-width:767px) {
  .catalog-tests__nav-link {
    height: 30px;
    padding: 0 12px;
  }
}

.catalog-tests__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 0.4fr auto 0.24fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .catalog-tests__header {
    grid-gap: 10px;
    padding: 5px 10px;
    grid-template-columns: 1fr 0.4fr auto 0.3fr;
  }
}
@media (max-width:991px) {
  .catalog-tests__header {
    padding: 6px 12px;
  }
}
.catalog-tests__label {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width:991px) {
  .catalog-tests__label._rating {
    display: none;
  }
}
@media (max-width:1680px) {
  .catalog-tests__label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .catalog-tests__label {
    font-size: 10px;
  }
}
.catalog-tests__item {
  background: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 0.4fr auto;
  align-items: center;
  grid-gap: 20px;
}
.catalog-tests__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .catalog-tests__item {
    padding: 5px 10px;
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .catalog-tests__item {
    padding: 6px 12px;
    grid-template-columns: 1fr auto;
    grid-gap: 5px 10px;
  }
}
@media (max-width:767px) {
  .catalog-tests__item {
    grid-gap: 10px;
  }
}

.catalog-tests__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .catalog-tests__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .catalog-tests__item-name {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .catalog-tests__item-name {
    grid-column: span 2;
  }
}

.catalog-tests__item-rating {
  margin-left: 0 !important;
}
@media (max-width:991px) {
  .catalog-tests__item-rating {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
  }
}
@media (max-width:767px) {
  .catalog-tests__item-rating {
    grid-column-end: 2;
    margin-bottom: auto;
  }
}

.catalog-tests__item-btns {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 10px;
}
.catalog-tests__item-btn._icon-more-arrow {
  background: transparent;
  border: 1px solid #7B20FF;
}
.catalog-tests__item-btn::before {
  font-size: 10px;
  color: #7B20FF;
}

.assigned-tests__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 100px 120px;
  grid-gap: 10px;
}
@media (max-width:1680px) {
  .assigned-tests__header {
    grid-gap: 10px;
    padding: 5px 10px;
    grid-template-columns: 1fr 88px 110px;
  }
}
@media (max-width:991px) {
  .assigned-tests__header {
    padding: 6px 12px;
    grid-template-columns: 1fr 75px 75px;
  }
}
@media (max-width:767px) {
  .assigned-tests__header {
    grid-template-columns: 1fr auto;
  }
}

.assigned-tests__label {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width:767px) {
  .assigned-tests__label._rating {
    display: none;
  }
}
.assigned-tests__label._result {
  text-align: right;
}
@media (max-width:1680px) {
  .assigned-tests__label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .assigned-tests__label {
    font-size: 10px;
  }
}
.assigned-tests__item {
  background: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: auto 1fr 100px 120px;
  align-items: center;
  grid-gap: 10px;
}
.assigned-tests__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .assigned-tests__item {
    padding: 5px 10px;
    grid-gap: 10px;
    grid-template-columns: auto 1fr 88px 110px;
  }
}
@media (max-width:991px) {
  .assigned-tests__item {
    padding: 6px 12px;
    align-items: start;
    grid-template-columns: auto 1fr 75px 75px;
  }
}
@media (max-width:767px) {
  .assigned-tests__item {
    grid-template-columns: auto 1fr auto;
    grid-gap: 5px 10px;
    grid-template-rows: auto 1fr;
  }
}

.assigned-tests__item-photo {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .assigned-tests__item-photo {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }
}
@media (max-width:991px) {
  .assigned-tests__item-photo {
    width: 28px;
    height: 28px;
    min-width: 28px;
  }
}
@media (max-width:767px) {
  .assigned-tests__item-photo {
    width: 24px;
    height: 24px;
    min-width: 24px;
    grid-row: span 2;
  }
}
.assigned-tests__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width:767px) {
  .assigned-tests__item-col {
    grid-row: span 2;
  }
}

.assigned-tests__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 5px;
  display: flex;
}
@media (max-width:1680px) {
  .assigned-tests__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .assigned-tests__item-name {
    font-size: 12px;
  }
}
.assigned-tests__item-test {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #F3775B;
  display: flex;
}
@media (max-width:1680px) {
  .assigned-tests__item-test {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .assigned-tests__item-test {
    font-size: 10px;
  }
}
.assigned-tests__item-rating,
.assigned-tests__item-result {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
.assigned-tests__item-rating span,
.assigned-tests__item-result span {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .assigned-tests__item-rating,
  .assigned-tests__item-result {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .assigned-tests__item-rating,
  .assigned-tests__item-result {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .assigned-tests__item-rating {
    text-align: right;
  }
}

.assigned-tests__item-result {
  text-align: right;
}
@media (max-width:767px) {
  .assigned-tests__item-result {
    grid-column-start: 3;
  }
}

.scheduled-test__list {
  max-height: 460px;
  padding-right: 5px;
}
@media (max-width:1680px) {
  .scheduled-test__list {
    max-height: 458px;
  }
}
@media (max-width:991px) {
  .scheduled-test__list {
    max-height: 398px;
  }
}
@media (max-width:767px) {
  .scheduled-test__list {
    max-height: 300px;
  }
}

.scheduled-test__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 5px 10px 5px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
.scheduled-test__item:last-child {
  margin-bottom: 0;
}

.scheduled-test__item-photo {
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  min-width: 36px;
}
@media (max-width:1680px) {
  .scheduled-test__item-photo {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
}
@media (max-width:991px) {
  .scheduled-test__item-photo {
    width: 26px;
    height: 26px;
    min-width: 26px;
  }
}
@media (max-width:767px) {
  .scheduled-test__item-photo {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
}
.scheduled-test__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.scheduled-test__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 5px;
  display: flex;
}
@media (max-width:1680px) {
  .scheduled-test__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .scheduled-test__item-name {
    font-size: 12px;
  }
}
.scheduled-test__item-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #F3775B;
  display: flex;
}
@media (max-width:1680px) {
  .scheduled-test__item-text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .scheduled-test__item-text {
    font-size: 10px;
  }
}
.scheduled-test__item-btns {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .scheduled-test__item-btns {
    grid-template-columns: auto;
    grid-gap: 10px;
  }
}
.scheduled-test__item-btn {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scheduled-test__item-btn img {
  width: 100%;
}
.scheduled-test__item-btn._icon-search-close {
  color: rgba(166, 170, 180, 0.6);
}
.scheduled-test__item-btn._icon-search-close::before {
  font-size: 18px;
}
@media (max-width:1680px) {
  .scheduled-test__item-btn._icon-search-close::before {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .scheduled-test__item-btn._icon-search-close::before {
    font-size: 14px;
  }
}
@media (max-width:1680px) {
  .scheduled-test__item-btn {
    width: 18px;
    height: 18px;
  }
}
@media (max-width:991px) {
  .scheduled-test__item-btn {
    width: 16px;
    height: 16px;
  }
}
.scheduled-test__btn {
  margin: 0 auto;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .scheduled-test__btn {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .scheduled-test__btn {
    margin-top: 10px;
  }
}
.single-test__wrp {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
}
@media (max-width:1680px) {
  .single-test__wrp {
    padding: 20px;
  }
}
@media (max-width:991px) {
  .single-test__wrp {
    padding: 10px;
  }
}
.single-test__top {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-gap: 20px;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .single-test__top {
    margin-bottom: 20px;
    grid-template-columns: 0.9fr 1fr;
  }
}
@media (max-width:991px) {
  .single-test__top {
    grid-gap: 10px;
    margin-bottom: 10px;
    grid-template-columns: 1fr;
  }
}
.single-test__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-test__title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-test__title {
    font-size: 16px;
  }
}
.single-test__text {
  color: #3B414B;
  margin-top: 10px;
}

.single-test__image {
  overflow: hidden;
  position: relative;
  padding: 0 0 50% 0;
  border-radius: 12px;
  height: 0;
}
@media (max-width:991px) {
  .single-test__image {
    width: 55%;
    padding: 0 0 27% 0;
    grid-row-start: 1;
  }
}
@media (max-width:767px) {
  .single-test__image {
    width: 82%;
    padding: 0 0 41% 0;
  }
}
.single-test__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-test__questions {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  padding-bottom: 10px;
  border-top: 1px solid #F2F3F5;
  border-bottom: 1px solid #F2F3F5;
}
@media (max-width:1680px) {
  .single-test__questions {
    padding: 15px 0;
    padding-bottom: 5px;
  }
}
@media (max-width:991px) {
  .single-test__questions {
    padding: 10px 0;
    padding-bottom: 0;
  }
}
.single-test__questions-number {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  height: 35px;
  opacity: 0.6;
  border: 1px solid #3B414B;
  border-radius: 8px;
  color: #3B414B;
  padding: 0 12px;
  margin-bottom: 10px;
}
.single-test__questions-number:last-child {
  margin-right: 0;
}
@media (max-width:1680px) {
  .single-test__questions-number {
    font-size: 16px;
    padding: 0 10px;
    min-width: 30px;
    height: 30px;
  }
}
@media (max-width:991px) {
  .single-test__questions-number {
    font-size: 14px;
  }
}
.single-test__questions-number._active {
  background: #8E83FF;
  color: #fff;
  opacity: 1;
  border-color: #8E83FF;
}
.single-test__questions-number._disabled {
  background: #A6AAB4;
  opacity: 0.6;
  border: 1px solid #A6AAB4;
}

.single-test__question {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  grid-gap: 20px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-test__question {
    margin-top: 10px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:991px) {
  .single-test__question {
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .single-test__question {
    grid-template-columns: 1fr;
  }
}

.single-test__question-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 59% 0;
  border-radius: 12px;
  height: 0;
}
@media (max-width:767px) {
  .single-test__question-image {
    width: 78%;
    padding: 0 0 45% 0;
  }
}
.single-test__question-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-test__question-title {
  margin-bottom: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-test__question-title {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-test__question-title {
    font-size: 12px;
  }
}
.single-test__question-answers li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-test__question-answers li {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-test__question-answers li {
    font-size: 12px;
  }
}
.single-test__question-answers li:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .single-test__question-answers li:not(:last-child) {
    margin-bottom: 5px;
  }
}
.single-test__question-answer {
  margin-bottom: 10px;
  display: flex;
  cursor: pointer;
}
.single-test__question-answer:last-child {
  margin-bottom: 0;
}
@media (max-width:991px) {
  .single-test__question-answer {
    margin-bottom: 5px;
  }
}
.single-test__question-answer span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-test__question-answer span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-test__question-answer span {
    font-size: 12px;
  }
}
.single-test__question-btn {
  margin-top: 20px;
}
@media (max-width:991px) {
  .single-test__question-btn {
    margin-top: 10px;
  }
}
.single-test__time {
  text-align: right;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-test__time {
    margin-top: 10px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-test__time {
    font-size: 10px;
  }
}
.single-test__time span {
  font-size: 18px;
  color: #F3775B;
  margin-left: 5px;
  display: flex;
}
@media (max-width:1680px) {
  .single-test__time span {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .single-test__time span {
    font-size: 14px;
  }
}
.single-test__bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  justify-items: flex-end;
  border-top: 1px solid #F2F3F5;
  padding-top: 20px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-test__bottom {
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .single-test__bottom {
    padding-top: 10px;
  }
}
.single-test__info {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  margin-top: 10px;
}
@media (max-width:991px) {
  .single-test__info {
    font-size: 12px;
  }
}
.single-test__info span {
  font-weight: 500;
  color: #F3775B;
  margin-left: 5px;
}

.single-test__result {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  align-items: center;
  margin-top: 20px;
  padding: 0 140px;
}
@media (max-width:1680px) {
  .single-test__result {
    margin-top: 10px;
    padding: 0 50px;
  }
}
@media (max-width:991px) {
  .single-test__result {
    grid-template-columns: 1fr 1.2fr;
    padding: 0 28px;
  }
}
@media (max-width:767px) {
  .single-test__result {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}

.single-test__result-image img {
  width: 100%;
}

.single-test__result-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.single-test__result-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
}
@media (max-width:1680px) {
  .single-test__result-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-test__result-title {
    font-size: 16px;
  }
}
.single-test__result-list {
  margin: 20px 0;
}
@media (max-width:991px) {
  .single-test__result-list {
    margin: 10px 0;
  }
}
.single-test__result-list li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}
.single-test__result-list li:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .single-test__result-list li {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-test__result-list li {
    font-size: 12px;
  }
}
.single-test__result-list li span {
  color: #F3775B;
  font-weight: 500;
}

.single-test__result-btn._disabled {
  background: #A6AAB4;
  opacity: 0.6;
  color: #3B414B;
  pointer-events: none;
}

.single-test__result-rating-wrp {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin-top: 20px;
}
@media (max-width:991px) {
  .single-test__result-rating-wrp {
    margin-top: 10px;
    flex-wrap: wrap;
    white-space: normal;
  }
}
.single-test__result-rating-wrp .btn-tp {
  border-color: #3B414B;
  color: #3B414B;
}
.single-test__result-rating-wrp .rating-area {
  margin: 10px;
}
.single-test__result-rating-wrp .text-md {
  color: #3B414B;
}

.students-courses__filter::after {
  display: none;
}

.passed-tests .cabinet-courses__item-text {
  grid-column-end: 3;
}
.passed-tests .cabinet-courses__item-col._second {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width:767px) {
  .passed-tests .cabinet-courses__item-col._second {
    grid-row: span 1;
    flex-direction: row;
    grid-column-start: 1;
    width: 100%;
  }
}

.my-tests__item {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px 20px;
}
.my-tests__item:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .my-tests__item {
    margin-bottom: 15px;
    grid-gap: 10px 15px;
  }
}
@media (max-width:991px) {
  .my-tests__item {
    padding: 10px;
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .my-tests__item {
    grid-template-columns: 1fr;
  }
}

.my-tests__item-photo {
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  width: 258px;
  height: 137px;
  grid-row: span 2;
}
@media (max-width:1680px) {
  .my-tests__item-photo {
    width: 220px;
    height: 106px;
    grid-row: span 1;
  }
}
@media (max-width:991px) {
  .my-tests__item-photo {
    width: 172px;
    height: 84px;
    border-radius: 10px;
  }
}
@media (max-width:767px) {
  .my-tests__item-photo {
    border-radius: 6px;
    width: calc(100% + 20px);
    height: 0;
    padding: 0 0 54% 0;
    margin: -10px -10px 0 -10px;
  }
}
.my-tests__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width:1680px) {
  .my-tests__item-row._second {
    grid-column: span 2;
  }
}
@media (max-width:767px) {
  .my-tests__item-row._second {
    grid-column: span 1;
  }
}

.my-tests__item-title {
  margin-bottom: 10px;
  color: #7B20FF;
}
@media (max-width:991px) {
  .my-tests__item-title {
    margin-bottom: 5px;
  }
}
.my-tests__item-label {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .my-tests__item-label {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .my-tests__item-label {
    font-size: 12px;
  }
}
.my-tests__item-text {
  color: #3B414B;
}
.my-tests__item-btn {
  margin-left: auto;
  margin-top: 10px;
}

.students-courses__tabs {
  position: relative;
  padding-top: 10px;
}
@media (max-width:1680px) {
  .students-courses__tabs {
    padding-top: 20px;
  }
}
@media (max-width:991px) {
  .students-courses__tabs {
    padding-top: 10px;
  }
}
@media (max-width:767px) {
  .students-courses__tabs {
    padding-top: 0;
  }
}
.students-courses__tabs::before {
  content: "";
  display: block;
  position: absolute;
  top: -11px;
  left: 0;
  right: auto;
  bottom: auto;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:1680px) {
  .students-courses__tabs::before {
    top: 5px;
  }
}
@media (max-width:991px) {
  .students-courses__tabs::before {
    top: -1px;
  }
}
@media (max-width:767px) {
  .students-courses__tabs::before {
    display: none;
  }
}

.students-courses__nav {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width:767px) {
  .students-courses__nav {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px 10px;
  }
}

.students-courses__nav-link {
  background: transparent;
  border: 1px solid #7B20FF;
  color: #7B20FF;
  margin-right: 30px;
}
@media (max-width:1680px) {
  .students-courses__nav-link {
    margin-right: 20px;
  }
}
@media (max-width:991px) {
  .students-courses__nav-link {
    margin-right: 10px;
  }
}
.students-courses__nav-link._active {
  background: #7B20FF;
  color: #fff;
}

.students-courses__filter-btn {
  margin-left: auto;
}
@media (max-width:767px) {
  .students-courses__filter-btn {
    grid-column: span 2;
    grid-row-start: 1;
  }
}

.cabinet-content__rating-result {
  flex-direction: row;
  margin-left: 20px;
}
.cabinet-content__rating-result span {
  padding: 0;
  cursor: default;
  font-size: 24px;
  color: #E8E9EC;
  margin: 0 5px !important;
}
@media (max-width:1680px) {
  .cabinet-content__rating-result span {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .cabinet-content__rating-result span {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .cabinet-content__rating-result span {
    font-size: 13px;
  }
}
.cabinet-content__rating-result span::before {
  color: #E8E9EC;
}
.cabinet-content__rating-result span._active::before {
  color: #7B20FF;
}

.cabinet-content__descr-text._rating-result {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .cabinet-content__descr-text._rating-result {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .cabinet-content__descr-text._rating-result {
    margin-bottom: 10px;
  }
}
.cabinet-help__nav,
.reviews__nav {
  margin-bottom: 20px;
}
.cabinet-help__nav-link,
.reviews__nav-link {
  margin-right: 30px;
  background: transparent;
  color: #7B20FF;
  border: 1px solid #7B20FF;
}
@media (max-width:1680px) {
  .cabinet-help__nav-link,
  .reviews__nav-link {
    margin-right: 20px;
  }
}
@media (max-width:991px) {
  .cabinet-help__nav-link,
  .reviews__nav-link {
    margin-right: 10px;
  }
}
.cabinet-help__nav-link:last-child,
.reviews__nav-link:last-child {
  margin-right: 0;
}
.cabinet-help__nav-link._active,
.reviews__nav-link._active {
  color: #fff;
  background: #7B20FF;
}

.cabinet-help__item,
.reviews__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  padding: 20px;
  padding-left: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}
@media (max-width:1680px) {
  .cabinet-help__item,
  .reviews__item {
    padding-left: 28px;
  }
}
@media (max-width:991px) {
  .cabinet-help__item,
  .reviews__item {
    padding: 10px;
    padding-left: 16px;
  }
}
.cabinet-help__item::before,
.reviews__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background: #8E83FF;
  width: 10px;
  height: 100%;
}
@media (max-width:1680px) {
  .cabinet-help__item::before,
  .reviews__item::before {
    width: 8px;
  }
}
@media (max-width:991px) {
  .cabinet-help__item::before,
  .reviews__item::before {
    width: 6px;
  }
}
.cabinet-help__item:first-child,
.reviews__item:first-child {
  margin-top: 0;
}

.cabinet-help__item-photo,
.reviews__item-photo {
  width: 52px;
  height: 52px;
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .cabinet-help__item-photo,
  .reviews__item-photo {
    width: 45px;
    height: 45px;
  }
}
@media (max-width:991px) {
  .cabinet-help__item-photo,
  .reviews__item-photo {
    width: 40px;
    height: 40px;
  }
}
.cabinet-help__item-photo img,
.reviews__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-help__item-name,
.reviews__item-name {
  color: #3B414B;
  margin-bottom: 10px;
}

.cabinet-help__item-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 10px;
}
@media (max-width:767px) {
  .cabinet-help__item-row {
    margin-top: 10px;
    align-items: center;
  }
}

.cabinet-help__item-date,
.reviews__item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.3;
}
@media (max-width:1680px) {
  .cabinet-help__item-date,
  .reviews__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .cabinet-help__item-date,
  .reviews__item-date {
    font-size: 10px;
  }
}
.cabinet-help__item-btn._active {
  opacity: 0;
}

.cabinet-help__item-answer {
  margin-top: 10px;
  display: none;
}
.cabinet-help__item-answer._active {
  display: block;
}

.cabinet-help__item-input textarea {
  min-height: 104px;
  max-height: 200px;
  resize: vertical;
}
.cabinet-help__item-answer-row {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .cabinet-help__item-answer-row {
    margin-top: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-help__item-answer-row {
    grid-template-columns: 1fr 1fr;
  }
}

.cabinet-help__item-answer-btn.btn-tp {
  background: transparent;
  color: #7B20FF;
  border: 1px solid #7B20FF;
}

.cabinet-help__item-answer-content {
  margin-top: 10px;
}

.cabinet-help__item-answer-label {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .cabinet-help__item-answer-label {
    margin-bottom: 5px;
  }
}
.cabinet-help__item-answer-text {
  color: #3B414B;
}

.cabinet-reviews {
  grid-column: span 2;
}

@media (max-width:767px) {
  .reviews__nav {
    flex-wrap: wrap;
  }
}

.reviews__search {
  display: flex;
  max-width: 340px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width:1680px) {
  .reviews__search {
    max-width: 215px;
  }
}
@media (max-width:991px) {
  .reviews__search {
    max-width: 274px;
  }
}
@media (max-width:767px) {
  .reviews__search {
    max-width: 100%;
    margin-top: 20px;
  }
}

.reviews__search-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .reviews__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .reviews__search-btn {
    right: 12px;
  }
}
.reviews__item:nth-child(2n)::before {
  background: #8E83FF;
}
.reviews__item::before {
  background: #1FC6DF;
}
.reviews__item._hide .reviews__item-body,
.reviews__item._hide .reviews__item-photo {
  opacity: 0.3;
}
.reviews__item._hide::before {
  opacity: 0.3;
}

.reviews__row {
  display: flex;
  margin-bottom: 10px;
}
@media (max-width:767px) {
  .reviews__row {
    flex-direction: column;
  }
}

.reviews__item-name {
  margin-right: 10px;
  margin-bottom: 0 !important;
}
@media (max-width:767px) {
  .reviews__item-name {
    margin-bottom: 10px !important;
  }
}

.reviews__item-rating {
  display: flex;
  align-items: center;
}
.reviews__item-rating span {
  display: flex;
  margin-right: 5px;
}
.reviews__item-rating span::before {
  font-size: 18px;
  color: #E8E9EC;
}
@media (max-width:1680px) {
  .reviews__item-rating span::before {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .reviews__item-rating span::before {
    font-size: 14px;
  }
}
.reviews__item-rating span._active::before {
  color: #7B20FF;
}

.reviews__item-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .reviews__item-label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .reviews__item-label {
    font-size: 10px;
  }
}
.reviews__item-label span {
  color: #7B20FF;
}

.reviews__item-text {
  margin: 10px 0;
}

.reviews__item-btns {
  display: grid;
  grid-gap: 10px;
  justify-items: center;
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width:991px) {
  .reviews__item-btns {
    top: 10px;
    right: 10px;
  }
}
.reviews__item-btn {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
@media (max-width:1680px) {
  .reviews__item-btn {
    width: 22px;
    height: 22px;
  }
}
@media (max-width:991px) {
  .reviews__item-btn {
    width: 20px;
    height: 20px;
  }
}
.reviews__item-btn._hide {
  background-image: url("../../images/img/icons/reviews-eye.svg");
}
.reviews__item-btn._hide._active {
  background-image: url("../../images/img/icons/reviews-eye-hide.svg");
}
.reviews__item-btn._remove {
  background-image: url("../../images/img/icons/cart.svg");
}

.mentors__header {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #E8E9EC;
}
@media (max-width:1680px) {
  .mentors__header {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.mentors__search {
  display: flex;
  width: 100%;
  max-width: 100%;
}

.mentors__search-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .mentors__search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .mentors__search-btn {
    right: 12px;
  }
}
.mentors__card._open-reviews .mentors__card-reviews-toggle span._hide {
  display: flex;
}
.mentors__card._open-reviews .mentors__card-reviews-toggle span._open {
  display: none;
}
.mentors__card._open-reviews .mentors__card-reviews {
  height: 292px;
  margin: 36px 0 20px 0;
  opacity: 1;
}
@media (max-width:1680px) {
  .mentors__card._open-reviews .mentors__card-reviews {
    margin: 31px 0 15px 0;
  }
}
@media (max-width:767px) {
  .mentors__card._open-reviews .mentors__card-reviews {
    margin-top: 0;
  }
}

.mentors__card-slider {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #E8E9EC;
}
@media (max-width:1680px) {
  .mentors__card-slider {
    padding-top: 15px;
    margin-top: 15px;
  }
}
.mentors__card-profile-education {
  margin-top: 10px;
}

.mentors__card-bottom {
  margin-top: 20px;
  transition: all linear 0.2s;
  position: relative;
}
@media (max-width:1680px) {
  .mentors__card-bottom {
    margin-top: 15px;
  }
}
.mentors__card-reviews-toggle {
  display: flex;
  margin-right: auto;
  height: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  text-decoration: underline;
}
@media (max-width:1680px) {
  .mentors__card-reviews-toggle {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .mentors__card-reviews-toggle {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .mentors__card-reviews-toggle {
    height: auto;
    margin-bottom: 15px;
  }
}
.mentors__card-reviews-toggle span._hide {
  display: none;
}

.mentors__card-reviews {
  height: 0;
  overflow-y: scroll;
  transition: all linear 0.2s;
  opacity: 0;
  padding-right: 15px;
}

.mentors__card-reviews-item {
  margin-top: 10px;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}
.mentors__card-reviews-item:first-child {
  margin-top: 0;
}
.mentors__card-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all linear 0.2s;
}

.mentors__card-btn {
  margin-left: 20px;
}
@media (max-width:1680px) {
  .mentors__card-btn {
    margin-left: 15px;
  }
}
.purchase-history__tabs {
  position: relative;
  padding-top: 10px;
}
@media (max-width:1680px) {
  .purchase-history__tabs {
    padding-top: 20px;
  }
}
@media (max-width:991px) {
  .purchase-history__tabs {
    padding-top: 10px;
  }
}
@media (max-width:767px) {
  .purchase-history__tabs {
    padding-top: 0;
  }
}
.purchase-history__tabs::before {
  content: "";
  display: block;
  position: absolute;
  top: -11px;
  left: 0;
  right: auto;
  bottom: auto;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:1680px) {
  .purchase-history__tabs::before {
    top: 5px;
  }
}
@media (max-width:991px) {
  .purchase-history__tabs::before {
    top: -1px;
  }
}
@media (max-width:767px) {
  .purchase-history__tabs::before {
    display: none;
  }
}

.purchase-history__nav {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .purchase-history__nav {
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .purchase-history__nav {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px 10px;
  }
}

.purchase-history__nav-link {
  margin-right: 30px;
  background: transparent;
  color: #7B20FF;
  border: 1px solid #7B20FF;
}
@media (max-width:1680px) {
  .purchase-history__nav-link {
    margin-right: 20px;
  }
}
@media (max-width:991px) {
  .purchase-history__nav-link {
    margin-right: 10px;
  }
}
.purchase-history__nav-link:last-child {
  margin-right: 0;
}
.purchase-history__nav-link._active {
  color: #fff;
  background: #7B20FF;
}
.purchase-history__nav-link span {
  display: flex;
  margin-left: 10px;
}
.purchase-history__nav-link span img {
  width: 20px;
}
@media (max-width:991px) {
  .purchase-history__nav-link span img {
    width: 16px;
  }
}
.purchase-history__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 0.25fr 0.25fr 110px;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .purchase-history__header {
    grid-gap: 10px;
    padding: 5px 10px;
    grid-template-columns: 1fr 0.25fr 0.25fr 75px;
  }
}
@media (max-width:991px) {
  .purchase-history__header {
    padding: 6px 12px;
    grid-template-columns: 1fr 0.25fr 0.3fr 65px;
  }
}
@media (max-width:767px) {
  .purchase-history__header {
    grid-template-columns: 1fr 0.56fr 56px;
  }
}

.purchase-history__label {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .purchase-history__label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .purchase-history__label {
    font-size: 10px;
  }
}
.purchase-history__label._quantity {
  text-align: right;
  white-space: nowrap;
}
@media (max-width:767px) {
  .purchase-history__label._quantity {
    display: none;
  }
}
.purchase-history__label._price {
  text-align: right;
}
.purchase-history__label._date {
  text-align: center;
  text-align: right;
}

.purchase-history__item {
  background: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 0.25fr 0.25fr 110px;
  align-items: center;
  grid-gap: 20px;
}
.purchase-history__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .purchase-history__item {
    padding: 5px 10px;
    grid-gap: 10px;
    grid-template-columns: 1fr 0.25fr 0.25fr 75px;
  }
}
@media (max-width:991px) {
  .purchase-history__item {
    padding: 6px 12px;
    grid-gap: 5px 10px;
    grid-template-columns: 1fr 0.25fr 0.3fr 65px;
  }
}
@media (max-width:767px) {
  .purchase-history__item {
    grid-template-columns: 1fr 0.25fr 0.56fr 56px;
  }
}

.purchase-history__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
.purchase-history__item-name span {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .purchase-history__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .purchase-history__item-name {
    font-size: 12px;
  }
}
.purchase-history__item-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F3775B;
}
@media (max-width:1680px) {
  .purchase-history__item-price {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .purchase-history__item-price {
    font-size: 12px;
  }
}
.purchase-history__item-price img {
  width: 20px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .purchase-history__item-price img {
    width: 18px;
    margin-left: 5px;
  }
}
@media (max-width:991px) {
  .purchase-history__item-price img {
    width: 16px;
  }
}
.purchase-history__item-date,
.purchase-history__item-quantity {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .purchase-history__item-date,
  .purchase-history__item-quantity {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .purchase-history__item-date,
  .purchase-history__item-quantity {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .purchase-history__item-date,
  .purchase-history__item-quantity {
    font-size: 10px;
  }
}

.purchase-history__item-date {
  text-align: center;
  text-align: right;
}

.purchase-history__item-quantity {
  text-align: right;
}

.balance-card__total {
  display: flex;
  align-items: center;
}
.balance-card__total span {
  display: flex;
  align-items: center;
}
.balance-card__total img {
  width: 24px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .balance-card__total img {
    width: 23px;
    margin-left: 5px;
  }
}
@media (max-width:991px) {
  .balance-card__total img {
    width: 21px;
  }
}
.balance-card__bottom {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .balance-card__bottom {
    margin-top: 20px;
  }
}
.balance-card__label {
  color: #3B414B;
  margin-bottom: 10px;
  display: flex;
}

.balance-card__filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .balance-card__filter {
    grid-template-columns: 1fr;
    margin-bottom: 10px;
  }
}
.balance-card__input {
  width: 100%;
  min-width: 150px;
}

.balance-card__btn {
  margin-left: auto;
}

.cabinet-help__accordion .accordion__item-header {
  padding: 20px 0;
  padding-right: 40px;
}
.cabinet-help__accordion .accordion__item-header::after {
  width: 24px;
  height: 24px;
  background-size: 6px;
}
@media (max-width:1680px) {
  .cabinet-help__accordion .accordion__item-header {
    padding: 20px 0;
    padding-right: 30px;
  }
  .cabinet-help__accordion .accordion__item-header::after {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .cabinet-help__accordion .accordion__item-header {
    padding: 15px 0;
    padding-right: 26px;
  }
  .cabinet-help__accordion .accordion__item-header::after {
    width: 18px;
    height: 18px;
    background-size: 5px;
  }
}
@media (max-width:767px) {
  .cabinet-help__accordion .accordion__item-header {
    padding: 10px 0;
    padding-right: 25px;
  }
  .cabinet-help__accordion .accordion__item-header::after {
    width: 18px;
    height: 18px;
  }
}
.cabinet-help__accordion .accordion__item-header .title-md {
  font-size: 20px;
}
@media (max-width:1680px) {
  .cabinet-help__accordion .accordion__item-header .title-md {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .cabinet-help__accordion .accordion__item-header .title-md {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .cabinet-help__accordion .accordion__item-header .title-md {
    font-size: 18px;
  }
}
.cabinet-help__accordion .accordion__item-content .text-md {
  padding-bottom: 20px;
}
@media (max-width:1680px) {
  .cabinet-help__accordion .accordion__item-content .text-md {
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .cabinet-help__accordion .accordion__item-content .text-md {
    padding-bottom: 15px;
  }
}
@media (max-width:767px) {
  .cabinet-help__accordion .accordion__item-content .text-md {
    padding-bottom: 10px;
  }
}

.cabinet-help__contact-title {
  text-align: left;
  justify-content: flex-start;
}
.cabinet-help__contact-title::before {
  left: 0%;
  transform: translateX(0);
}

.cabinet-help__contact-input {
  margin-bottom: 20px;
}
.cabinet-help__contact-input textarea {
  min-height: 162px;
}
@media (max-width:991px) {
  .cabinet-help__contact-input {
    margin-bottom: 10px;
  }
}
.support-answers__list {
  max-height: 395px;
  padding-right: 6px;
}
@media (max-width:1680px) {
  .support-answers__list {
    max-height: 380px;
    padding-right: 5px;
  }
}
@media (max-width:767px) {
  .support-answers__list {
    max-height: 340px;
  }
}

.support-answers__item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 9px 18px;
  margin-bottom: 10px;
  background: #E7E5FB;
}
.support-answers__item:last-child {
  margin-bottom: 0;
}
.support-answers__item._unread {
  background: #FACFC5;
  position: relative;
}
.support-answers__item._unread::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  background: #F3775B;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
@media (max-width:1680px) {
  .support-answers__item._unread::after {
    top: 0px;
    right: 0px;
  }
}
@media (max-width:991px) {
  .support-answers__item._unread::after {
    width: 6px;
    height: 6px;
  }
}
@media (max-width:1680px) {
  .support-answers__item {
    padding: 7px 14px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .support-answers__item {
    padding: 6px 12px;
  }
}
.support-answers__item-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .support-answers__item-text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .support-answers__item-text {
    font-size: 10px;
  }
}
.support-answers__item-btn {
  margin-top: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: max-content;
  opacity: 0.6;
}
.support-answers__item-btn::before {
  font-size: 12px;
  margin-left: 8px;
}
@media (max-width:1680px) {
  .support-answers__item-btn::before {
    font-size: 11px;
  }
}
@media (max-width:991px) {
  .support-answers__item-btn::before {
    font-size: 10px;
  }
}
@media (max-width:1680px) {
  .support-answers__item-btn {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .support-answers__item-btn {
    margin-top: 5px;
    font-size: 10px;
  }
}
.support-answers__btn {
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}

.support-answer__question {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  max-height: 395px;
  padding-right: 6px;
}
@media (max-width:1680px) {
  .support-answer__question {
    max-height: 380px;
    padding-right: 5px;
  }
}
@media (max-width:767px) {
  .support-answer__question {
    max-height: 340px;
  }
}

.support-answer__question-inner {
  position: relative;
  z-index: 1;
  padding: 9px 18px 9px 18px;
  border-radius: 20px;
  background: #E7E5FB;
}
@media (max-width:1680px) {
  .support-answer__question-inner {
    padding: 7px 14px 7px 14px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .support-answer__question-inner {
    padding: 6px 12px 6px 12px;
  }
}
.support-answer__question-row {
  margin-bottom: 30px;
}
.support-answer__question-row:last-child {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .support-answer__question-row {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .support-answer__question-row {
    margin-bottom: 10px;
  }
}
.support-answer__question-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #8E83FF;
  display: flex;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .support-answer__question-label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .support-answer__question-label {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
.support-answer__question-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .support-answer__question-text {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .support-answer__question-text {
    font-size: 12px;
  }
}
.support-answer__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-top: 30px;
}
@media (max-width:991px) {
  .support-answer__bottom {
    grid-gap: 10px;
    margin-top: 20px;
  }
}
.support-answer__btn {
  width: 100%;
}
.support-answer__btn.btn-tp {
  border-color: #3B414B;
  color: #3B414B;
}

#add-balance-student .modal__dialog {
  max-width: 400px;
  padding: 40px 30px;
}
@media screen and (max-width:1680px) {
  #add-balance-student .modal__dialog {
    padding: 30px 20px;
    max-width: 354px;
  }
}
#add-balance-student .modal__title {
  font-size: 18px;
}
@media screen and (max-width:1680px) {
  #add-balance-student .modal__title {
    font-size: 16px;
  }
}
@media screen and (max-width:991px) {
  #add-balance-student .modal__title {
    font-size: 14px;
  }
}
#add-balance-student .balance__text-sm {
  font-size: 14px;
}
@media screen and (max-width:1680px) {
  #add-balance-student .balance__text-sm {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) {
  #add-balance-student .balance__text-sm {
    font-size: 10px;
  }
}
#add-balance-student ._balance-price {
  font-size: 16px;
}
@media screen and (max-width:1680px) {
  #add-balance-student ._balance-price {
    font-size: 14px;
  }
}
@media screen and (max-width:991px) {
  #add-balance-student ._balance-price {
    font-size: 12px;
  }
}
#add-balance-student ._balance-price img {
  width: 24px;
}
@media screen and (max-width:1680px) {
  #add-balance-student ._balance-price img {
    width: 21px;
  }
}
#add-balance-student .modal__btn {
  margin: 30px auto 0;
  border-radius: 8px;
}
@media screen and (max-width:1680px) {
  #add-balance-student .modal__btn {
    margin: 25px auto 0;
  }
}
@media screen and (max-width:991px) {
  #add-balance-student .modal__btn {
    margin: 20px auto 0;
  }
}
#add-balance-student .single-course-signup__card-price-wrp {
  margin: 0;
  margin-bottom: 10px;
}
#add-balance-student .single-course-signup__card-input {
  margin-top: 10px;
}

#placement-rules {
  align-items: flex-start;
}
#placement-rules .modal__dialog {
  max-width: 432px;
  padding: 40px 30px;
}
@media (max-width:1680px) {
  #placement-rules .modal__dialog {
    padding: 30px 20px;
    max-width: 412px;
  }
}
@media (max-width:991px) {
  #placement-rules .modal__dialog {
    max-width: 354px;
  }
}
@media (max-width:767px) {
  #placement-rules .modal__dialog {
    padding: 20px 10px;
  }
}
@media (max-width:1680px) {
  #placement-rules .sign-up__form-text {
    max-height: 460px;
  }
}
@media (max-width:991px) {
  #placement-rules .sign-up__form-text {
    max-height: 420px;
  }
}
@media (max-width:767px) {
  #placement-rules .sign-up__form-text {
    max-height: 388px;
  }
}

.video-call__user {
  cursor: default;
  pointer-events: none;
}

.video-call__body {
  margin-top: 30px;
}
@media (max-width:1680px) {
  .video-call__body {
    margin-top: 20px;
  }
}
.video-call__title-sm {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .video-call__title-sm {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .video-call__title-sm {
    font-size: 14px;
  }
}
.video-call__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}

.video-call__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #F3775B;
}
@media (max-width:1680px) {
  .video-call__text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .video-call__text {
    font-size: 14px;
  }
}
.video-call__label {
  color: #7B20FF;
  display: flex;
  margin-bottom: 10px;
}

.video-call__text-sm {
  color: #3B414B;
}

.video-call__bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
  margin-top: 30px;
}
@media (max-width:991px) {
  .video-call__bottom {
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin-top: 20px;
  }
}
.video-call__btn {
  width: 100%;
}
.video-call__btn.btn-tp {
  border-color: #3B414B;
  color: #3B414B;
}

.all-courses__header {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  margin-bottom: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 102px auto 100px;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .all-courses__header {
    grid-gap: 10px;
    grid-template-columns: 1fr 102px auto 90px;
    padding: 5px 10px;
  }
}
@media (max-width:991px) {
  .all-courses__header {
    grid-template-columns: 1fr 0.36fr 70px;
    padding: 6px 12px;
  }
}
@media (max-width:767px) {
  .all-courses__header {
    grid-template-columns: 1fr;
  }
}
.all-courses__item {
  background: #fff;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr auto auto 66px auto;
  align-items: center;
  grid-gap: 20px;
}
.all-courses__item:first-child {
  margin-top: 0;
}
@media (max-width:1680px) {
  .all-courses__item {
    padding: 5px 10px;
    grid-gap: 10px;
    grid-template-columns: 1fr auto auto 60px auto;
  }
}
@media (max-width:991px) {
  .all-courses__item {
    padding: 6px 12px;
    grid-template-columns: 1fr auto 60px auto;
  }
}
@media (max-width:767px) {
  .all-courses__item {
    grid-template-columns: auto 1fr auto;
  }
}

.all-courses__item-quantity {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: right;
  color: #3B414B;
}
@media (max-width:1680px) {
  .all-courses__item-quantity {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .all-courses__item-quantity {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .all-courses__item-quantity {
    text-align: left;
  }
}

#deletion-confirmation .modal__dialog {
  max-width: 492px;
  padding: 30px;
}
@media (max-width:1680px) {
  #deletion-confirmation .modal__dialog {
    padding: 30px 20px;
    max-width: 400px;
  }
}
@media (max-width:991px) {
  #deletion-confirmation .modal__dialog {
    pad: 30px 25px;
    max-width: 320px;
  }
}
#deletion-confirmation .modal__text {
  color: #3B414B;
  text-align: center;
}
#deletion-confirmation .modal__btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
#deletion-confirmation .modal__btn.btn-tp {
  border-color: #3B414B;
  color: #3B414B;
  margin-left: 20px;
}

#portfolio-item .modal__dialog {
  max-width: 502px;
  padding: 30px;
}
@media (max-width:1680px) {
  #portfolio-item .modal__dialog {
    padding: 20px;
    max-width: 430px;
  }
}
@media (max-width:991px) {
  #portfolio-item .modal__dialog {
    padding: 20px 45px;
    max-width: 340px;
  }
}
@media (max-width:767px) {
  #portfolio-item .modal__dialog {
    padding: 20px 35px;
  }
}
#portfolio-item .modal__close {
  width: 24px !important;
  height: 24px !important;
}
#portfolio-item .modal__close img {
  width: 100%;
}
#portfolio-item .modal__header {
  padding: 10px !important;
}
#portfolio-item .modal__title {
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  max-width: 432px;
}
@media (max-width:1680px) {
  #portfolio-item .modal__title {
    font-size: 16px;
    max-width: 322px;
  }
}
@media (max-width:991px) {
  #portfolio-item .modal__title {
    font-size: 14px;
    max-width: 252px;
  }
}
@media (max-width:767px) {
  #portfolio-item .modal__title {
    font-size: 14px;
  }
}
#portfolio-item .modal__image {
  max-width: 320px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
@media (max-width:1680px) {
  #portfolio-item .modal__image {
    max-width: 260px;
  }
}
@media (max-width:991px) {
  #portfolio-item .modal__image {
    max-width: 240px;
  }
}
@media (max-width:767px) {
  #portfolio-item .modal__image {
    max-width: 220px;
  }
}
#portfolio-item .modal__image img {
  width: 100%;
}
#portfolio-item .modal__btns {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  grid-gap: 20px;
}
@media (max-width:991px) {
  #portfolio-item .modal__btns {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
#portfolio-item .modal__btn {
  width: 100%;
}
#portfolio-item .modal__btn.btn-tp {
  border-color: #3B414B;
  color: #3B414B;
}

.portfolio__item {
  cursor: pointer;
}
@media (min-width: 991px) {
  .portfolio__item:hover .cabinet-progress__certificate-btns {
    opacity: 1;
  }
}

.rating-icons {
  display: flex;
  margin-left: 20px;
}
@media (max-width:1680px) {
  .rating-icons {
    margin-left: 10px;
  }
}
.rating-icons .rating-icon {
  background: url(../images/img/icons/flash-disabled.svg) no-repeat center/contain;
  display: flex;
  width: 14px;
  height: 21px;
}
@media (max-width:1680px) {
  .rating-icons .rating-icon {
    width: 10px;
    height: 16px;
  }
}
@media (max-width:991px) {
  .rating-icons .rating-icon {
    width: 7px;
    height: 12px;
  }
}
@media (max-width:767px) {
  .rating-icons .rating-icon {
    width: 7px;
    height: 12px;
  }
}
.rating-icons .rating-icon:not(:last-child) {
  margin-right: 5px;
}
.rating-icons .rating-icon._active {
  background: url(../images/img/icons/flash-active.svg) no-repeat center/contain;
}

.header__user-popup-wrp {
  left: auto !important;
  right: 0 !important;
  top: 100% !important;
}
.header__user-popup-wrp li:last-child a {
  border-bottom: none !important;
}

.promotions__item-text,
.news__item-text,
.promotions__post-text,
.news__post-text,
.popular-courses__item-text,
.courses__item-text {
  -webkit-line-clamp: 5;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
}

.cabinet-content__attachment._video {
  padding-left: 0 !important;
  padding-right: 26px;
  -webkit-line-clamp: 1;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  width: max-content;
  max-width: 100%;
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
}
.cabinet-content__attachment._video::before {
  background: url(../images/img/icons/video-link-icon.svg) no-repeat center/contain;
  left: auto;
  right: 0;
}

.shop__filter {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 40px 30px;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width:1680px) {
  .shop__filter {
    margin-bottom: 20px;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 20px;
  }
}
@media (max-width:991px) {
  .shop__filter {
    grid-template-columns: 1.5fr 1fr 1fr;
  }
}
@media (max-width:767px) {
  .shop__filter {
    grid-template-columns: 1fr;
    grid-gap: 10px;
    border-bottom: 2px solid #E8E9EC;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width:1680px) {
  .shop__filter .shop__filter-dropdown {
    max-width: 260px;
  }
}
@media (max-width:767px) {
  .shop__filter .shop__filter-dropdown {
    max-width: 100%;
  }
}
.shop__filter::after {
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  right: auto;
  bottom: auto;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:1680px) {
  .shop__filter::after {
    top: 44px;
  }
}
@media (max-width:991px) {
  .shop__filter::after {
    top: 39px;
  }
}
@media (max-width:767px) {
  .shop__filter::after {
    display: none;
  }
}

@media (max-width:991px) {
  .shop__filter-search {
    min-width: 100px;
  }
}
.shop__filter-search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
}
@media (max-width:1680px) {
  .shop__filter-search-btn {
    right: 14px;
  }
}
@media (max-width:991px) {
  .shop__filter-search-btn {
    right: 12px;
  }
}
.shop__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .shop__body {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width:767px) {
  .shop__body {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
}

.shop__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  position: relative;
}
@media (max-width:1680px) {
  .shop__item {
    padding: 20px;
  }
}
@media (max-width:991px) {
  .shop__item {
    padding: 10px;
  }
}
.shop__item-top {
  position: absolute;
  z-index: 10;
  left: 10px;
  top: 10px;
  display: flex;
  flex-direction: column;
}
@media (max-width:991px) {
  .shop__item-top {
    left: 5px;
    top: 5px;
  }
}
.shop__item-type {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  padding: 5px 15px;
  border-radius: 8px;
  background: #BEF7FF;
  color: #7B20FF;
  text-align: center;
  width: max-content;
  margin-bottom: 5px;
}
@media (max-width:1680px) {
  .shop__item-type {
    padding: 1.5px 8.5px;
    border-radius: 6px;
  }
}
@media (max-width:991px) {
  .shop__item-type {
    font-size: 10px;
  }
}
.shop__item-type._stock {
  background: #FFC1B2;
  color: #FF5A34;
}

.shop__item-images {
  overflow: hidden;
  position: relative;
  padding: 0 0 100% 0;
}
.shop__item-images img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.shop__item-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin: 20px 0;
}
@media (max-width:1680px) {
  .shop__item-title {
    margin: 15px 0;
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .shop__item-title {
    margin: 10px 0;
    font-size: 12px;
  }
}
.shop__item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 991px) {
  .shop__item-bottom:hover .shop__item-price::before {
    color: #7B20FF;
    background: transparent;
  }
}

.shop__item-price {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #F3775B;
  position: relative;
  display: flex;
  align-items: center;
}
.shop__item-price::before {
  content: "₽";
  display: block;
  margin-bottom: -2px;
  transition: all linear 0.2s;
  text-align: center;
  background: url(../images/img/icons/coin.svg) no-repeat center/100%;
  color: transparent;
  width: 22px;
  height: 22px;
  margin-right: 5px;
}
@media (max-width:991px) {
  .shop__item-price::before {
    width: 17px;
    height: 17px;
  }
}
@media (max-width:1680px) {
  .shop__item-price {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .shop__item-price {
    font-size: 14px;
  }
}
.shop__item-add-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background: url(../images/img/icons/shop-cart.svg) no-repeat center/23px, #8E83FF;
  border-radius: 50%;
  transition: all linear 0.2s;
}
@media (max-width:1680px) {
  .shop__item-add-cart {
    width: 30px;
    height: 30px;
    background-size: 18px !important;
  }
}
@media (max-width:991px) {
  .shop__item-add-cart {
    width: 26px;
    height: 26px;
    background-size: 16px !important;
  }
}
.shop__item-add-cart._added {
  border: 3px solid #8E83FF;
  background: url(../images/img/icons/shop-cart-check.svg) no-repeat center/23px, #fff;
}
@media (max-width:1680px) {
  .shop__item-add-cart._added {
    border: 2px solid #8E83FF;
  }
}
.shop__item-btn-edit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background: #8E83FF;
  border-radius: 50%;
}
.shop__item-btn-edit img {
  width: 23px;
}
@media (max-width:1680px) {
  .shop__item-btn-edit {
    width: 30px;
    height: 30px;
  }
  .shop__item-btn-edit img {
    width: 18px;
  }
}
@media (max-width:991px) {
  .shop__item-btn-edit {
    width: 26px;
    height: 26px;
  }
  .shop__item-btn-edit img {
    width: 16px;
  }
}
.shop__filter-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: span 3;
}
@media (max-width:767px) {
  .shop__filter-btns {
    grid-column: span 1;
  }
}

.shop__filter-btn.btn-tp {
  margin-right: 20px;
}
@media (max-width:767px) {
  .shop__filter-btn.btn-tp {
    margin-right: 10px;
  }
}
.hvr__images {
  position: relative;
}

.hvr__sectors {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.hvr__sector {
  flex-grow: 1;
}

.images {
  display: flex;
  overflow: hidden;
}

.image {
  display: block;
}

.hvr__dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hvr__dot {
  width: 8px;
  height: 8px;
  margin: 10px 5px 0;
  border-radius: 50%;
  background: #E8E9EC;
}
@media (max-width:1680px) {
  .hvr__dot {
    width: 6px;
    height: 6px;
  }
}
@media (max-width:991px) {
  .hvr__dot {
    width: 4px;
    height: 4px;
    margin: 5px 5px 0;
  }
}
.hvr__dot--active {
  background: #8E83FF;
}

.single-prodcut {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .single-prodcut {
    grid-template-columns: 180px 1fr;
    grid-gap: 20px;
  }
}
@media (max-width:991px) {
  .single-prodcut {
    grid-template-columns: 160px 1fr;
  }
}
@media (max-width:767px) {
  .single-prodcut {
    grid-template-columns: 1fr;
  }
}

.single-prodcut__col {
  position: relative;
  min-width: 0;
}

.single-prodcut__image-item {
  overflow: hidden;
  position: relative;
  padding: 0 0 116% 0;
}
.single-prodcut__image-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.single-prodcut__images {
  margin-top: 10px;
}

.single-prodcut__images-item {
  overflow: hidden;
  position: relative;
  padding: 0 0 20% 0;
  cursor: pointer;
}
.single-prodcut__images-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.single-prodcut__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .single-prodcut__title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-prodcut__title {
    font-size: 16px;
    margin-right: 0;
  }
}
.single-prodcut__label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .single-prodcut__label {
    font-size: 12px;
  }
}
.single-prodcut__label._availability {
  color: #4BBC50;
  display: inline-block;
}
@media (max-width:991px) {
  .single-prodcut__label._availability {
    font-size: 10px;
    display: block;
    margin-top: 5px;
  }
}
.single-prodcut__label._category {
  color: #7B20FF;
  display: block;
  margin-top: 10px;
}

.single-prodcut__row {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-gap: 20px;
  align-items: center;
  margin: 35px 0 32px;
  width: max-content;
}
@media (min-width: 991px) {
  .single-prodcut__row:hover .single-prodcut__price::after {
    color: #7B20FF;
    background: transparent;
  }
}
@media (max-width:1680px) {
  .single-prodcut__row {
    margin: 35px 0 20px;
  }
}
@media (max-width:991px) {
  .single-prodcut__row {
    margin: 20px 0 10px;
    grid-template-columns: auto 1fr;
    grid-gap: 10px 20px;
  }
}
@media (max-width:767px) {
  .single-prodcut__row {
    grid-template-columns: auto auto 1fr;
    grid-gap: 10px;
    width: 100%;
  }
}

.single-prodcut__quantity,
.shop-cart__item-quantity {
  display: flex;
  align-items: center;
  border: 1px solid #A6AAB4;
  border-radius: 8px;
  width: max-content;
}
@media (max-width:991px) {
  .single-prodcut__quantity,
  .shop-cart__item-quantity {
    grid-column: span 2;
  }
}
@media (max-width:767px) {
  .single-prodcut__quantity,
  .shop-cart__item-quantity {
    grid-column: span 1;
  }
}
.single-prodcut__quantity .quantity-btn,
.shop-cart__item-quantity .quantity-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 30px;
  border: 1px solid #3B414B;
  border-radius: 8px;
  margin: -1px;
  z-index: 2;
  transition: all linear 0.2s;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (min-width: 991px) {
  .single-prodcut__quantity .quantity-btn:hover,
  .shop-cart__item-quantity .quantity-btn:hover {
    background: #00A907;
    color: #fff;
    border-color: transparent;
  }
}
@media (max-width:1680px) {
  .single-prodcut__quantity .quantity-btn,
  .shop-cart__item-quantity .quantity-btn {
    font-size: 12px;
    width: 26px;
    height: 26px;
  }
}
.single-prodcut__quantity input,
.shop-cart__item-quantity input {
  width: 40px;
  min-width: 40px;
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  pointer-events: none;
}
@media (max-width:1680px) {
  .single-prodcut__quantity input,
  .shop-cart__item-quantity input {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-prodcut__quantity input,
  .shop-cart__item-quantity input {
    width: 30px;
    min-width: 30px;
  }
}
.single-prodcut__price {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #3B414B;
  position: relative;
  display: flex;
  align-items: center;
}
.single-prodcut__price::after {
  content: "₽";
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all linear 0.2s;
  text-align: center;
  background: url(../images/img/icons/coin.svg) no-repeat center/100%;
  color: transparent;
  width: 28px;
  height: 28px;
  margin-left: 5px;
}
@media (max-width:1680px) {
  .single-prodcut__price::after {
    width: 24px;
    height: 24px;
  }
}
@media (max-width:767px) {
  .single-prodcut__price::after {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:1680px) {
  .single-prodcut__price {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-prodcut__price {
    font-size: 16px;
  }
}
.single-prodcut__btn span {
  position: relative;
  display: flex;
  width: 23px;
  height: 23px;
  margin-left: 10px;
}
.single-prodcut__btn._added .cart {
  opacity: 0;
}
.single-prodcut__btn._added .check {
  opacity: 1;
}
.single-prodcut__btn .check {
  opacity: 0;
}
.single-prodcut__btn img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity linear 0.2s;
}
@media (max-width:1680px) {
  .single-prodcut__btn span {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .single-prodcut__btn span {
    width: 18px;
    height: 18px;
  }
}
@media (max-width:767px) {
  .single-prodcut__btn {
    margin-left: auto;
  }
}

.single-prodcut__descreption {
  border-top: 1px solid #F2F3F5;
  border-bottom: 1px solid #F2F3F5;
  padding: 32px 0;
}
@media (max-width:1680px) {
  .single-prodcut__descreption {
    padding: 20px 0;
  }
}
@media (max-width:991px) {
  .single-prodcut__descreption {
    padding: 10px 0;
  }
}
.single-prodcut__descreption-title {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .single-prodcut__descreption-title {
    margin-bottom: 10px;
  }
}
.single-prodcut__descreption-text {
  color: #3B414B;
}

.single-prodcut__properties li {
  padding: 10px 0;
  border-bottom: 1px solid #F2F3F5;
  display: flex;
  justify-content: space-between;
  color: #3B414B;
}
.single-prodcut__properties li span {
  color: #7B20FF;
  font-weight: 500;
  width: 50%;
  text-align: right;
}
@media (max-width:1680px) {
  .single-prodcut__properties li span {
    width: 60%;
  }
}
.single-prodcut__slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.single-prodcut__slider-btns {
  display: flex;
  align-items: center;
}
.single-prodcut__slider-btns .single-prodcut__slider-btn-prev {
  margin-right: 30px;
}
@media (max-width:1680px) {
  .single-prodcut__slider-btns .single-prodcut__slider-btn-prev {
    margin-right: 20px;
  }
}
.single-prodcut__slider-btn-prev,
.single-prodcut__slider-btn-next {
  width: max-content;
  margin-top: 0;
  height: max-content;
  position: static !important;
}
.single-prodcut__slider-btn-prev::after,
.single-prodcut__slider-btn-next::after {
  display: none !important;
}
.single-prodcut__slider-btn-prev::before,
.single-prodcut__slider-btn-next::before {
  font-size: 17px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-prodcut__slider-btn-prev::before,
  .single-prodcut__slider-btn-next::before {
    font-size: 12px;
  }
}
@media (min-width: 991px) {
  .single-prodcut__slider-btn-prev::before,
  .single-prodcut__slider-btn-next::before {
    transition: all linear 0.2s;
  }
  .single-prodcut__slider-btn-prev:hover::before,
  .single-prodcut__slider-btn-next:hover::before {
    color: #8E83FF;
  }
}
.single-prodcut__slider-btn-prev:active::before,
.single-prodcut__slider-btn-next:active::before {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .single-prodcut__slider-btn-prev,
  .single-prodcut__slider-btn-next {
    top: 4px !important;
  }
}
.single-prodcut__slider-btn-next {
  right: 0 !important;
}

.shop-cart__list {
  max-height: 285px;
  padding-right: 5px;
}
.shop-cart__list .shop-cart__logo {
  width: 164px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .shop-cart__list .shop-cart__logo {
    width: 122px;
  }
}
@media (max-width:991px) {
  .shop-cart__list .shop-cart__logo {
    margin-bottom: 10px;
    width: 82px;
  }
}
.shop-cart__list .shop-cart__logo img {
  width: 100%;
}
.shop-cart__list .shop-cart__message {
  color: #3B414B;
  font-weight: 500;
  text-align: center;
}
@media (max-width:1680px) {
  .shop-cart__list {
    max-height: 250px;
  }
}
.shop-cart__item {
  padding: 9px 18px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px 10px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  position: relative;
}
@media (max-width:1680px) {
  .shop-cart__item {
    padding: 7px 14px;
  }
}
@media (max-width:991px) {
  .shop-cart__item {
    padding: 6px 12px;
    grid-gap: 10px 5px;
  }
}
.shop-cart__item:not(:last-child) {
  margin-bottom: 10px;
}

.shop-cart__item-remove {
  position: absolute;
  top: 9px;
  right: 18px;
  display: flex;
  width: 21px;
}
@media (max-width:1680px) {
  .shop-cart__item-remove {
    width: 18px;
    top: 7px;
    right: 14px;
  }
}
@media (max-width:991px) {
  .shop-cart__item-remove {
    top: 6px;
    right: 12px;
  }
}
.shop-cart__item-remove img {
  width: 100%;
}

.shop-cart__item-image {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-row: span 2;
}
@media (max-width:1680px) {
  .shop-cart__item-image {
    width: 28px;
    height: 28px;
    min-width: 28px;
  }
}
@media (max-width:991px) {
  .shop-cart__item-image {
    width: 24px;
    height: 24px;
    min-width: 24px;
    grid-row: span 1;
  }
}
.shop-cart__item-image img {
  width: 100%;
}

.shop-cart__item-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  padding-right: 24px;
}
@media (max-width:1680px) {
  .shop-cart__item-title {
    font-size: 14px;
    padding-right: 22px;
  }
}
@media (max-width:991px) {
  .shop-cart__item-title {
    font-size: 12px;
  }
}
.shop-cart__item-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width:991px) {
  .shop-cart__item-row {
    grid-column: span 2;
  }
}
.shop-cart__item-quantity {
  border-radius: 5px;
}
.shop-cart__item-quantity .quantity-btn {
  width: 23px;
  height: 21px;
  border-radius: 5px;
}
@media (max-width:1680px) {
  .shop-cart__item-quantity .quantity-btn {
    width: 18px;
    height: 18px;
  }
}
.shop-cart__item-quantity .quantity-input {
  width: 34px;
  min-width: 34px;
  line-height: 100%;
}
@media (max-width:1680px) {
  .shop-cart__item-quantity .quantity-input {
    min-width: 24px;
    width: 24px;
  }
}
.shop-cart__item-price {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  align-items: center;
}
.shop-cart__item-price img {
  width: 21px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .shop-cart__item-price img {
    margin-left: 5px;
    width: 18px;
  }
}
@media (max-width:1680px) {
  .shop-cart__item-price {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .shop-cart__item-price {
    font-size: 14px;
  }
}
.shop-cart__balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop-cart__balance span {
  color: #F3775B;
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .shop-cart__balance span {
    font-size: 16px;
  }
  .shop-cart__balance span img {
    width: 21px;
  }
}
@media (max-width:991px) {
  .shop-cart__balance span {
    font-size: 14px;
  }
  .shop-cart__balance span img {
    width: 18px;
  }
}
.shop-cart__balance span img {
  margin-left: 10px;
  width: 23px;
}

.shop-cart__row {
  border-top: 1px solid #F2F3F5;
  border-bottom: 1px solid #F2F3F5;
  padding: 10px 0;
  margin-bottom: 10px;
}

.shop-cart__total {
  margin-top: 10px;
}

.shop-cart__total-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop-cart__total-row:not(:last-child) {
  margin-bottom: 10px;
}
.shop-cart__total-row span {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
.shop-cart__total-row span img {
  margin-left: 10px;
}
.shop-cart__total-row._sum p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .shop-cart__total-row._sum p {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .shop-cart__total-row._sum p {
    font-size: 12px;
  }
}
.shop-cart__total-row._sum span {
  font-size: 16px;
}
@media (max-width:1680px) {
  .shop-cart__total-row._sum span {
    font-size: 14px;
  }
  .shop-cart__total-row._sum span img {
    width: 18px;
  }
}
@media (max-width:991px) {
  .shop-cart__total-row._sum span {
    font-size: 12px;
  }
}
.shop-cart__total-row._sum span img {
  width: 21px;
}
.shop-cart__total-row._total span {
  font-size: 20px;
  color: #F3775B;
}
@media (max-width:1680px) {
  .shop-cart__total-row._total span {
    font-size: 18px;
  }
  .shop-cart__total-row._total span img {
    width: 21px;
  }
}
@media (max-width:991px) {
  .shop-cart__total-row._total span {
    font-size: 14px;
  }
  .shop-cart__total-row._total span img {
    width: 18px;
  }
}
.shop-cart__total-row._total span img {
  width: 24px;
}

.shop-cart__btn {
  margin: 0 auto;
}

.product-edit {
  grid-column: span 2;
}

.product-edit__body {
  display: grid;
  grid-template-columns: 250px 1fr 1fr;
  grid-gap: 20px;
  align-items: flex-start;
}
@media (max-width:1680px) {
  .product-edit__body {
    grid-template-columns: 200px 1fr 1fr;
    grid-gap: 15px;
  }
}
@media (max-width:991px) {
  .product-edit__body {
    grid-template-columns: 160px 1fr;
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .product-edit__body {
    grid-template-columns: 1fr;
  }
}

.product-edit__images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px 16px;
}
@media (max-width:991px) {
  .product-edit__images {
    grid-row: span 2;
  }
}
@media (max-width:767px) {
  .product-edit__images {
    grid-gap: 10px;
    grid-row: span 1;
    grid-template-columns: 1fr 1.8fr 1fr 1fr;
  }
}

.product-edit__image-wrp {
  position: relative;
}
.product-edit__image-wrp._big {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: span 4;
}
@media (max-width:767px) {
  .product-edit__image-wrp._big {
    grid-row: span 4;
    grid-column: span 2;
  }
}
.product-edit__image-wrp .input-image-remove {
  display: flex;
  margin-left: 20px;
}
@media (max-width:1680px) {
  .product-edit__image-wrp .input-image-remove {
    margin-left: 15px;
  }
}
@media (max-width:991px) {
  .product-edit__image-wrp .input-image-remove {
    margin-left: 10px;
  }
}
@media (max-width:767px) {
  .product-edit__image-wrp .input-image-remove {
    margin-left: 20px;
  }
}
.product-edit__image-wrp .cabinet-profile__user-photo-remove {
  top: 0 !important;
  right: 0 !important;
  transform: translate(50%, -50%);
  width: 18px;
  min-width: 18px;
  height: 18px;
}
@media (max-width:1680px) {
  .product-edit__image-wrp .cabinet-profile__user-photo-remove {
    width: 12px;
    height: 12px;
    min-width: 12px;
  }
}
.product-edit__image-wrp .cabinet-profile__user-photo-remove::after, .product-edit__image-wrp .cabinet-profile__user-photo-remove::before {
  height: 8px;
}
@media (max-width:1680px) {
  .product-edit__image-wrp .cabinet-profile__user-photo-remove::after, .product-edit__image-wrp .cabinet-profile__user-photo-remove::before {
    height: 7px;
    width: 1.1px;
  }
}
.product-edit__image {
  overflow: hidden;
  position: relative;
  padding: 0 0 100% 0;
  height: 0;
  width: 100%;
  border-radius: 8px;
}
.product-edit__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.product-edit__input {
  margin-bottom: 10px;
}
.product-edit__input._textarea {
  border-left: 1px solid #F2F3F5;
  padding-left: 20px;
}
@media (max-width:1680px) {
  .product-edit__input._textarea {
    padding-left: 15px;
  }
}
@media (max-width:991px) {
  .product-edit__input._textarea {
    padding-left: 0;
    padding-top: 10px;
    border-top: 1px solid #F2F3F5;
    border-left: none;
  }
}
.product-edit__input textarea {
  min-height: 340px;
}
@media (max-width:991px) {
  .product-edit__input textarea {
    min-height: 228px;
  }
}
.product-edit__dropdown {
  margin-bottom: 10px;
  max-width: 100%;
}

.product-edit__switches {
  margin-left: auto;
  width: 50%;
}
@media (max-width:1680px) {
  .product-edit__switches {
    width: 70%;
  }
}
@media (max-width:991px) {
  .product-edit__switches {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .product-edit__switches .course-groups__row {
    width: 40%;
    margin-top: 0;
  }
}
@media (max-width:767px) {
  .product-edit__switches {
    flex-direction: column;
    align-items: flex-start;
  }
  .product-edit__switches .course-groups__row {
    width: 100%;
    margin-top: 10px;
  }
  .product-edit__switches .course-groups__row:first-child {
    margin-top: 0;
  }
}

.tooltip {
  background: #FFFFFF;
  border: 1px solid #7B20FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  display: flex;
  padding: 30px;
  position: fixed;
  width: 336px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .tooltip {
    width: 286px;
    padding: 20px;
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .tooltip {
    width: 220px;
  }
}
.create-course__people-list {
  min-height: 310px;
}
@media (max-width:991px) {
  .create-course__people-list {
    min-height: 302px;
  }
}
@media (max-width:767px) {
  .create-course__people-list {
    min-height: 250px;
  }
}

.chat__btns .file-list {
  position: absolute;
  right: -20px;
  top: 100%;
  width: max-content;
}
@media (max-width:1680px) {
  .chat__btns .file-list {
    right: 14px;
  }
}
@media (max-width:991px) {
  .chat__btns .file-list {
    right: 12px;
  }
}
.datalist {
  overflow: hidden;
  overflow-y: auto;
  display: none;
  position: absolute;
  width: 100%;
  top: calc(100% + 0px);
  left: 0;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  max-height: 235px;
  margin: 0;
  z-index: 999;
  /* ползунок скроллбара */
}
@media (max-width:1680px) {
  .datalist {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.datalist._active {
  display: block;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
}
.datalist::-webkit-scrollbar {
  width: 5px;
  /* ширина для вертикального скролла */
  background: #F2F3F5;
  border-radius: 3px;
}
.datalist::-webkit-scrollbar-thumb {
  background: #8E83FF;
  border-radius: 20px;
}
@media (min-width: 991px) {
  .datalist::-webkit-scrollbar-thumb {
    transition: all linear 0.2s;
  }
  .datalist::-webkit-scrollbar-thumb:hover {
    background: #7B20FF;
  }
}

.datalist option {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  opacity: 0.6;
  color: #3B414B;
  width: 100%;
  height: 100%;
  min-height: 41px;
  padding: 0 18px 0 18px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #E8E9EC;
  border-bottom: none;
  cursor: pointer;
  color: #3B414B;
  margin: 0;
}
.datalist option._active {
  opacity: 1;
  color: #6419D0;
  border-bottom: 1.4px solid #7B20FF;
}
@media (max-width:1680px) {
  .datalist option {
    font-size: 16px;
    padding: 0 14px 0 14px;
    min-height: 35px;
  }
}
@media (max-width:991px) {
  .datalist option {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}
@media (max-width:767px) {
  .datalist option {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}
@media (min-width: 991px) {
  .datalist option {
    transition: all linear 0.2s;
  }
  .datalist option:hover {
    opacity: 1;
  }
}
.datalist option:first-child {
  border-top: none;
}
.datalist option:last-child {
  border-bottom: 1px solid #E8E9EC;
}

.datalist-wrp input._active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.create-course__saved {
  color: #3B414B;
  display: flex;
  align-items: center;
  margin-right: 30px;
  transition: all linear 0.2s;
  opacity: 0;
  visibility: hidden;
}
.create-course__saved._show {
  opacity: 1;
  visibility: visible;
}
.create-course__saved img {
  margin-right: 10px;
  width: 32px;
}
@media (max-width:1680px) {
  .create-course__saved img {
    width: 24px;
  }
}
@media (max-width:991px) {
  .create-course__saved img {
    margin-right: 5px;
    width: 21px;
  }
}
@media (max-width:1680px) {
  .create-course__saved {
    margin-right: 20px;
  }
}
@media (max-width:991px) {
  .create-course__saved {
    margin-right: 10px;
  }
}
@media (max-width:767px) {
  .create-course__saved {
    grid-row-start: 2;
  }
}

.create-course__file._row._upload-video {
  display: grid;
  grid-template-columns: 1fr auto;
}
@media (max-width:1680px) {
  .create-course__file._row._upload-video {
    grid-template-columns: 1fr;
  }
}
.create-course__file._row._upload-video .upload-video__progress {
  grid-column-start: 1;
  background: #E8E9EC;
  height: 5px;
  width: 210px;
  position: relative;
  border-radius: 6px;
  margin-top: 10px;
}
@media (max-width:1680px) {
  .create-course__file._row._upload-video .upload-video__progress {
    height: 4px;
  }
}
.create-course__file._row._upload-video .upload-video__progress .upload-video__progress-inner {
  position: absolute;
  border-radius: 6px;
  left: 0;
  top: 0;
  width: 89%;
  height: 100%;
  background: #7B20FF;
}
.create-course__file._row._upload-video .upload-video__progress .upload-video__progress-percent {
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
.create-course__file._row._upload-video .upload-video__progress .upload-video__progress-percent::after {
  content: "%";
}
@media (max-width:1680px) {
  .create-course__file._row._upload-video .upload-video__progress .upload-video__progress-percent {
    font-size: 14px;
  }
}
.create-course__file._row._upload-video .file-list {
  grid-column-start: 1;
  grid-row-start: 3;
}
@media (max-width:1680px) {
  .create-course__file._row._upload-video .file-list {
    grid-row-start: 4;
  }
}
.single-course-head__btn._complete {
  pointer-events: none;
}
.single-course-head__btn._complete img {
  width: 23px;
  margin-right: 5px;
}

.single-course-head__rating span img {
  width: 24px;
}
@media (max-width:1680px) {
  .single-course-head__rating span img {
    width: 23px;
  }
}
@media (max-width:991px) {
  .single-course-head__rating span img {
    width: 19px;
  }
}
@media (max-width:767px) {
  .single-course-head__rating span img {
    width: 17px;
  }
}
.single-course-head__rating span._icon-rating-star img {
  display: none;
}
.single-course-head__rating span._active::before {
  display: none;
}
.single-course-head__rating span._active img {
  display: block;
}

.courses__item-price {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.courses__item-price::after {
  content: "₽";
  color: #7B20FF;
  margin-left: 10px;
}
@media (max-width:991px) {
  .courses__item-price::after {
    margin-left: 0;
    margin-right: 10px;
  }
}
.courses__item-price img {
  display: none;
}
.courses__item-price._icon::after {
  display: none;
}
.courses__item-price._icon img {
  margin-left: 10px;
  width: 23px;
  display: block;
}
@media (max-width:1680px) {
  .courses__item-price._icon img {
    width: 21px;
  }
}
@media (max-width:991px) {
  .courses__item-price._icon img {
    margin-right: 10px;
    margin-left: 0;
    width: 16px;
  }
}
@media (max-width:1680px) {
  .courses__item-price {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .courses__item-price {
    margin-top: 10px;
    font-size: 14px;
    flex-direction: row-reverse;
  }
}
@media (max-width:767px) {
  .courses__item-price {
    margin-top: 0;
  }
}

.courses__item-col._second div:first-child {
  margin-top: 0 !important;
}

.single-rating__user._mentor .single-rating__user-photo {
  border-color: #7B20FF;
}

@media (max-width:991px) {
  .single-rating__user-name {
    min-height: 30px;
  }
}
@media (max-width:767px) {
  .single-rating__user-name {
    min-height: auto;
  }
}

.single-rating__user-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .single-rating__user-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.single-rating__user-row .single-rating__user-awards {
  margin-right: 20px;
}
@media (max-width:1680px) {
  .single-rating__user-row .single-rating__user-awards {
    margin-right: 15px;
  }
}
@media (max-width:991px) {
  .single-rating__user-row .single-rating__user-awards {
    margin-right: 0;
    margin-left: -70px;
    margin-right: 0;
    flex-direction: row;
  }
}
@media (max-width:767px) {
  .single-rating__user-row .single-rating__user-awards {
    margin-left: 0;
  }
}

.single-rating__user-points {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-rating__user-points {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-rating__user-points {
    font-size: 10px;
    margin-bottom: 10px;
  }
}
.single-rating__user-points span {
  font-size: 20px;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .single-rating__user-points span {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-rating__user-points span {
    font-size: 16px;
  }
}
.single-rating__user-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width:991px) {
  .single-rating__user-bottom {
    margin-left: -70px;
  }
}
@media (max-width:767px) {
  .single-rating__user-bottom {
    margin-left: 0;
  }
}

.single-rating__user-col._balance {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-rating__user-col._balance > img {
  width: 150px;
}
@media (max-width:1680px) {
  .single-rating__user-col._balance > img {
    width: 120px;
  }
}
.single-rating__user-info {
  flex-direction: column;
  align-items: flex-start;
  margin: 0 !important;
  margin-top: 10px !important;
}

.single-rating__user-info-item {
  margin-left: 0 !important;
  align-items: flex-start;
}
.single-rating__user-info-item:not(:last-child) {
  margin: 0 !important;
  margin-bottom: 10px !important;
}

.single-rating__user-balance {
  background: #8074B3;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 10px;
  width: max-content;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #fff;
  height: 18px;
  padding: 0px 12px;
  padding-right: 28px;
  margin-bottom: 10px;
}
.single-rating__user-balance img {
  width: 19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1px;
}

.single-rating__user-stars-wrp {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.single-rating__user-stars-wrp .total {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
  opacity: 0.6;
  display: flex;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .single-rating__user-stars-wrp .total {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .single-rating__user-stars-wrp .total {
    font-size: 10px;
  }
}
.single-rating__user-stars {
  display: flex;
  align-items: center;
}
.single-rating__user-stars span {
  display: flex;
  align-items: center;
}
.single-rating__user-stars span:not(:last-child) {
  margin-right: 5px;
}
.single-rating__user-stars span img {
  display: none;
  width: 22px;
}
.single-rating__user-stars span::before {
  font-size: 20px;
  color: #A6AAB4;
  line-height: 100%;
}
@media (max-width:991px) {
  .single-rating__user-stars span img {
    width: 16px;
  }
  .single-rating__user-stars span::before {
    font-size: 15px;
  }
}
.single-rating__user-stars span._active img {
  display: block;
}
.single-rating__user-stars span._active::before {
  display: none;
}

.cabinet-help__item-document {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #3B414B;
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}
.cabinet-help__item-document img {
  width: 16px;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .cabinet-help__item-document {
    font-size: 14px;
  }
  .cabinet-help__item-document img {
    width: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-help__item-document {
    font-size: 12px;
  }
  .cabinet-help__item-document img {
    width: 12px;
    margin-right: 5px;
  }
}
.cabinet-menu__link._unread {
  position: relative;
}
.cabinet-menu__link._unread::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 44px;
  right: auto;
  bottom: auto;
  background: #F3775B;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .cabinet-menu__link._unread::after {
    left: 38px;
    top: 6px;
    width: 6px;
    height: 6px;
  }
}
@media (max-width:991px) {
  .cabinet-menu__link._unread::after {
    left: 56px;
  }
}
@media (max-width:767px) {
  .cabinet-menu__link._unread::after {
    top: 4px;
  }
}
.cabinet-menu__link._quantity {
  position: relative;
}
.cabinet-menu__link._quantity .quantity {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  left: 38px;
  right: auto;
  bottom: auto;
  background: #F3775B;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #fff;
}
@media (max-width:1680px) {
  .cabinet-menu__link._quantity .quantity {
    left: 32px;
    top: 0px;
    font-size: 11px;
  }
}
@media (max-width:991px) {
  .cabinet-menu__link._quantity .quantity {
    left: 50px;
  }
}
.bottom-menu__link._unread {
  position: relative;
}
.bottom-menu__link._unread::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 44px;
  right: auto;
  bottom: auto;
  background: #F3775B;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
@media (max-width:991px) {
  .bottom-menu__link._unread::after {
    left: 53px;
    top: 4px;
  }
}
@media (max-width:767px) {
  .bottom-menu__link._unread::after {
    top: 4px;
  }
}

.videochat-main {
  display: grid;
  grid-template-columns: 1fr 396px;
  grid-gap: 30px;
  padding-top: 30px;
  padding-bottom: 100px;
  align-items: flex-start;
}
@media (max-width:1680px) {
  .videochat-main {
    grid-template-columns: 1fr 285px;
  }
}
@media (max-width:991px) {
  .videochat-main {
    grid-template-columns: 1fr 210px;
  }
}
@media (max-width:767px) {
  .videochat-main {
    grid-template-columns: 1fr;
    grid-gap: 0px;
  }
}

.videochat {
  background: linear-gradient(116.74deg, #3B414B 2.83%, #878B91 115.41%);
  border-radius: 8px;
}
@media (max-width:767px) {
  .videochat {
    margin: 0 -20px;
    margin-top: -30px;
  }
}

.videochat__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 125px 30px;
}
@media (max-width:1680px) {
  .videochat__body {
    padding: 80px 20px;
  }
}
@media (max-width:991px) {
  .videochat__body {
    padding: 20px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .videochat__body {
    padding: 30px 20px;
  }
}

.videochat__message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all linear 0.2s;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 130%;
  color: #fff;
  text-align: center;
  z-index: 10;
}
@media (max-width:1680px) {
  .videochat__message {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .videochat__message {
    font-size: 18px;
  }
}
.videochat__item {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  padding: 0 0 55% 0;
  height: 0;
}
@media (max-width:991px) {
  .videochat__item {
    padding: 0 0 75% 0;
  }
}
.videochat__item._camera-disabled {
  background: url(../images/img/icons/camera-disabled.svg) no-repeat center/90px, #3B414B;
}
.videochat__item._camera-disabled video {
  display: none;
}
@media (max-width:1680px) {
  .videochat__item._camera-disabled {
    background-size: 60px;
  }
}
@media (max-width:767px) {
  .videochat__item._camera-disabled {
    background-size: 50px;
  }
}
.videochat__item._microphone-disabled .videochat__item-microphone::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  right: auto;
  bottom: auto;
  background: #F3775B;
  width: 22px;
  height: 1px;
}
@media (max-width:1680px) {
  .videochat__item._microphone-disabled .videochat__item-microphone::after {
    width: 18px;
  }
}
@media (max-width:991px) {
  .videochat__item._microphone-disabled .videochat__item-microphone::after {
    width: 16px;
  }
}
.videochat__item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.videochat__item-name {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 5;
  background: rgba(59, 65, 75, 0.4);
  border-radius: 0px 8px;
  padding: 5px 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
}
@media (max-width:1680px) {
  .videochat__item-name {
    font-size: 12px;
    padding: 4px 10px;
  }
}
@media (max-width:991px) {
  .videochat__item-name {
    font-size: 10px;
    padding: 6px 12px;
  }
}
@media (max-width:767px) {
  .videochat__item-name {
    font-size: 8px;
    padding: 2px 5px;
  }
}

.videochat__item-microphone {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  background: rgba(59, 65, 75, 0.4);
  border-radius: 0px 8px;
  padding: 5px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.videochat__item-microphone img {
  width: 16px;
}
@media (max-width:1680px) {
  .videochat__item-microphone {
    padding: 5px 10px;
  }
  .videochat__item-microphone img {
    width: 13px;
  }
}
@media (max-width:991px) {
  .videochat__item-microphone {
    padding: 6px 12px;
  }
  .videochat__item-microphone img {
    width: 12px;
  }
}
@media (max-width:767px) {
  .videochat__item-microphone {
    padding: 2px 5px;
  }
}

.videochat__bottom {
  background: url(../images/img/videochat-bottom-bg.png) no-repeat center/cover, #F9FAFB;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  border-radius: 20px 20px 8px 8px;
  margin: 0 -1px -1px -1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
}
@media (max-width:1680px) {
  .videochat__bottom {
    padding: 10px 20px;
  }
}
@media (max-width:767px) {
  .videochat__bottom {
    margin: 0;
  }
}

.videochat__volume {
  background: url(../images/img/icons/volume-icon.svg) no-repeat left 7px center/24px, rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  height: 34px;
  padding: 0 7px;
  padding-left: 36px;
  display: flex;
  align-items: center;
}
@media (max-width:1680px) {
  .videochat__volume {
    height: 32px;
    padding: 0 5px;
    padding-left: 34px;
    background-size: 21px;
    background-position: left 5px center;
  }
}
@media (max-width:991px) {
  .videochat__volume {
    height: 28px;
    background-size: 18px;
    padding-left: 31px;
  }
}
.videochat__volume input {
  -webkit-appearance: none;
  width: 64px;
  height: 8px;
  border: 1px solid #A6AAB4;
  border-radius: 32px;
  background: linear-gradient(90deg, rgb(201, 203, 207) 5%, rgb(255, 255, 255) 0%);
  outline: none;
  border-radius: 12px;
}
@media (max-width:1680px) {
  .videochat__volume input {
    height: 6px;
  }
}
.videochat__volume input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 6px;
  height: 24px;
  background: #8E83FF;
  cursor: pointer;
  border-radius: 14px;
}
@media (max-width:1680px) {
  .videochat__volume input::-webkit-slider-thumb {
    width: 4px;
    height: 16px;
  }
}
.videochat__volume input::-moz-range-thumb {
  width: 6px;
  height: 24px;
  background: #8E83FF;
  cursor: pointer;
  border-radius: 14px;
}
@media (max-width:1680px) {
  .videochat__volume input::-moz-range-thumb {
    width: 4px;
    height: 16px;
  }
}
.videochat__btns {
  display: flex;
  align-items: center;
}

.videochat__btn {
  background: #8E83FF;
  border: 1px solid #8E83FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
@media (max-width:1680px) {
  .videochat__btn {
    width: 31px;
    height: 31px;
    background-size: 21px;
  }
}
@media (max-width:991px) {
  .videochat__btn {
    width: 28px;
    height: 28px;
    background-size: 18px;
  }
}
.videochat__btn:not(:last-child) {
  margin-right: 20px;
}
.videochat__btn._camera {
  background-image: url(../images/img/icons/camera-icon-white.svg);
}
.videochat__btn._microphone {
  background-image: url(../images/img/icons/microphone-icon-white.svg);
}
.videochat__btn._disabled {
  position: relative;
}
.videochat__btn._disabled::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  right: auto;
  bottom: auto;
  background: #F3775B;
  width: 30px;
  height: 1px;
}
@media (max-width:1680px) {
  .videochat__btn._disabled::after {
    width: 28px;
  }
}
@media (max-width:991px) {
  .videochat__btn._disabled::after {
    width: 26px;
  }
}
.videochat__go-out {
  background: #F3775B;
}
@media (min-width: 991px) {
  .videochat__go-out:hover {
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  }
}

.tooltip {
  z-index: 100;
}

.chat-card .chat__footer {
  margin-top: 10px;
}
@media (max-width:767px) {
  .chat-card {
    background: #fff;
  }
}

.chat-card__body {
  margin-top: 0 !important;
}

.chat-card__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-end;
  grid-gap: 10px;
  position: relative;
}
.chat-card__item:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .chat-card__item:not(:last-child) {
    margin-bottom: 5px;
    grid-gap: 5px;
  }
}
.chat-card__item-photo {
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width:991px) {
  .chat-card__item-photo {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }
}
.chat-card__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.chat-card__item-body {
  background: #E7E8F3;
  border-radius: 8px;
  padding: 8px 12px;
}

.chat-card__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #8E83FF;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .chat-card__item-name {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .chat-card__item-name {
    font-size: 10px;
    margin-bottom: 5px;
  }
}
.chat-card__item-text {
  color: #3B414B;
}

.chat-card__title-group {
  font-weight: 400;
  font-size: 16px;
  display: flex;
}
.chat-card__title-group ul {
  margin-right: 10px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.chat-card__title-group ul li {
  border: 1px solid #EBEBEB;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  position: relative;
}
.chat-card__title-group ul li:not(:last-child) {
  margin-left: -7px;
}
.chat-card__title-group ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1680px) {
  .chat-card__title-group {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .chat-card__title-group {
    font-size: 12px;
  }
}
.chat-card__btn-back {
  color: #7B20FF;
  font-size: 18px;
}
@media (max-width:1680px) {
  .chat-card__btn-back {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .chat-card__btn-back {
    font-size: 14px;
  }
}
.chat-group__item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 6px 12px;
}
@media (max-width:991px) {
  .chat-group__item {
    padding: 5px 10px;
    grid-gap: 5px;
  }
}
.chat-group__item:not(:last-child) {
  margin-bottom: 10px;
}
.chat-group__item._invite {
  background: #EDEDED;
}
.chat-group__item._invite .chat-group__item-status {
  color: #3B414B;
}

.chat-group__item-photo {
  overflow: hidden;
  position: relative;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .chat-group__item-photo {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
}
@media (max-width:991px) {
  .chat-group__item-photo {
    width: 18px;
    height: 18px;
    min-width: 18px;
  }
}
.chat-group__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.chat-group__item-body {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  grid-gap: 10px;
}
@media (max-width:1680px) {
  .chat-group__item-body {
    grid-template-columns: 1fr auto;
    grid-gap: 5px 10px;
  }
}
.chat-group__item-col._btns {
  display: flex;
  align-items: center;
}
@media (max-width:991px) {
  .chat-group__item-col._text {
    grid-column: span 2;
  }
}
.chat-group__item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .chat-group__item-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .chat-group__item-name {
    font-size: 12px;
  }
}
.chat-group__item-status {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #119CB0;
}
.chat-group__item-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  background-size: 100%;
  background-position: center;
}
.chat-group__item-btn:not(:last-child) {
  margin-right: 10px;
}
@media (max-width:1680px) {
  .chat-group__item-btn {
    width: 18px;
    height: 18px;
    width: 18px;
    height: 18px;
  }
}
.chat-group__item-btn._camera {
  background-image: url(../images/img/icons/videocamera-icon.svg);
}
.chat-group__item-btn._camera._disabled {
  background-image: url(../images/img/icons/videocamera-icon-disabled.svg);
}
.chat-group__item-btn._microphone {
  background-image: url(../images/img/icons/micro-icon.svg);
}
.chat-group__item-btn._microphone._disabled {
  background-image: url(../images/img/icons/micro-icon-disabled.svg);
}
.chat-group__item-btn._add-user {
  background-image: url(../images/img/icons/videochat-invite-icon.svg);
}

.chat-group__item-close::before {
  font-size: 20px;
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .chat-group__item-close {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .chat-group__item-close::before {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .chat-group__item-close {
    grid-row-start: 2;
  }
}
.chat-card__list {
  max-height: 590px;
  height: auto;
  padding-right: 5px;
}
@media (max-width:1680px) {
  .chat-card__list {
    max-height: 410px;
    height: auto;
  }
}
@media (max-width:991px) {
  .chat-card__list {
    max-height: 482px;
    height: auto;
  }
}
@media (max-width:767px) {
  .chat-card__list {
    max-height: 340px;
    height: auto;
  }
}

.video-call__item._group {
  padding: 16px 18px;
  display: flex;
  align-items: center;
}
@media (max-width:1680px) {
  .video-call__item._group {
    justify-content: space-between;
    padding: 10px;
  }
}
@media (max-width:991px) {
  .video-call__item._group {
    padding: 6px 10px;
  }
}
.video-call__item._group ul {
  margin-left: 20px !important;
}
@media (max-width:1680px) {
  .video-call__item._group ul {
    margin-left: 0 !important;
    margin-right: 6px !important;
  }
}
@media (max-width:991px) {
  .video-call__item._group ul li {
    width: 12px;
    height: 12px;
  }
}
.video-call__item._group span {
  font-size: 14px;
}
@media (max-width:1680px) {
  .video-call__item._group span {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .video-call__item._group span {
    font-size: 10px;
  }
}
.video-call__item-users {
  display: flex;
  align-items: center;
}

.video-call__item-text {
  color: #3B414B;
}
.video-call__item-text span {
  font-size: 14px;
  color: #A6AAB4;
  margin-top: 5px;
}
@media (max-width:1680px) {
  .video-call__item-text span {
    margin-top: 0;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .video-call__item-text span {
    font-size: 10px;
  }
}
.video-call__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  margin-top: 10px;
  padding: 9px 18px;
  display: flex;
  align-items: center;
}
@media (max-width:1680px) {
  .video-call__item {
    padding: 5px 10px;
  }
}
@media (max-width:991px) {
  .video-call__item {
    padding: 4px 10px;
  }
}
.video-call__item._request {
  position: relative;
}
.video-call__item._request::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 2px;
  background: #F3775B;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
@media (max-width:1680px) {
  .video-call__item._request::after {
    top: 2px;
    right: 0px;
  }
}
@media (max-width:991px) {
  .video-call__item._request::after {
    top: 2px;
    right: 4px;
    width: 6px;
    height: 6px;
  }
}
.video-call__item._completed .video-call__item-camera {
  display: none;
}

.video-call__item._completed .video-call__item-text {
  opacity: 0.3;
}

.video-call__item-photo {
  overflow: hidden;
  position: relative;
  width: 36px;
  height: 36px;
  min-width: 36px;
  margin-right: 10px;
  border-radius: 50%;
}
@media (max-width:1680px) {
  .video-call__item-photo {
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 5px;
  }
}
@media (max-width:991px) {
  .video-call__item-photo {
    width: 21px;
    height: 21px;
    min-width: 21px;
  }
}
.video-call__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.video-call__item-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #F3775B;
  margin-left: auto;
}
@media (max-width:1680px) {
  .video-call__item-label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .video-call__item-label {
    display: none;
  }
}
.video-call .chats-filter__search {
  margin-bottom: 10px;
}

.video-call__item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .video-call__item-date {
    margin-right: 5px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .video-call__item-date {
    align-items: flex-start;
    flex-direction: column;
  }
}
.video-call__item-date .time {
  display: flex;
  margin-left: 10px;
  color: #7B20FF;
  font-size: 14px;
}
@media (max-width:1680px) {
  .video-call__item-date .time {
    font-size: 12px !important;
    margin-left: 5px;
  }
}
@media (max-width:991px) {
  .video-call__item-date .time {
    margin-left: 0;
  }
}
.video-call__item-camera {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: auto;
}
@media (max-width:1680px) {
  .video-call__item-camera {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .video-call__item-camera {
    width: 18px;
    height: 18px;
  }
}
.video-call__item-camera img {
  width: 100%;
}

.video-call__item-right {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.single-videochat__label {
  color: #3B414B;
  font-weight: 500;
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
}
.single-videochat__label._other-color {
  color: #7B20FF;
}

.single-videochat__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .single-videochat__row {
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }
}
.single-videochat__input textarea {
  min-height: 120px;
}
@media (max-width:1680px) {
  .single-videochat__input textarea {
    min-height: 198px;
  }
}
@media (max-width:991px) {
  .single-videochat__input textarea {
    min-height: 92px;
  }
}
.single-videochat__users {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-videochat__users {
    margin-top: 10px;
  }
}
.single-videochat__users .search {
  margin-bottom: 10px;
}

.single-videochat__users-list {
  padding-right: 5px;
  max-height: 285px;
}
@media (max-width:1680px) {
  .single-videochat__users-list {
    max-height: 310px;
  }
}
@media (max-width:991px) {
  .single-videochat__users-list {
    max-height: 290px;
  }
}
@media (max-width:767px) {
  .single-videochat__users-list {
    max-height: 160px;
  }
}

.single-videochat__bottom {
  margin-top: 30px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .single-videochat__bottom {
    grid-gap: 10px;
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .single-videochat__bottom {
    grid-template-columns: 1fr;
    margin-top: 10px;
  }
}
.single-videochat__btn {
  width: 100%;
}

.single-videochat__form-date {
  color: #F3775B;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-videochat__form-text {
  color: #3B414B;
}

.single-videochat__logo {
  width: 108px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .single-videochat__logo {
    width: 95px;
  }
}
@media (max-width:991px) {
  .single-videochat__logo {
    width: 80px;
  }
}
.single-videochat__logo img {
  width: 100%;
}

.single-videochat__text {
  color: #3B414B;
  margin: 10px 0 30px;
  text-align: center;
}
@media (max-width:1680px) {
  .single-videochat__text {
    margin: 10px 0;
  }
}
.chat-group__item._invite .chat-group__item-status {
  color: #A6AAB4;
}

.single-videochat__members {
  margin-bottom: 20px;
}
.single-videochat__members .single-videochat__member {
  transition: all linear 0.2s;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
@media (min-width: 991px) {
  .single-videochat__members .single-videochat__member:hover {
    background: #E7E5FB;
  }
}
.single-videochat__members .single-videochat__member .chat-group__item-body {
  grid-template-columns: 1fr auto;
}
.single-videochat__members .single-videochat__member .chat-group__item-body .chat-group__item-col._text {
  grid-column: span 1;
}
.single-videochat__members .single-videochat__member .chat-group__item-btn._add-user {
  background-image: url(../images/img/icons/videochat-invite-icon-orange.svg);
}

.single-videochat__link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
  display: flex;
  width: max-content;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-videochat__link {
    font-size: 14px;
    margin-top: 10px;
  }
}
.single-videochat__drodown {
  margin-bottom: 10px;
}

.modal__header {
  z-index: 20;
}

.modal__close {
  width: 32px;
  height: 32px;
}
.modal__close img {
  width: 100%;
}
@media (max-width:991px) {
  .modal__close {
    width: 24px;
    height: 24px;
  }
}
#ending-videochat .modal__dialog,
#balance-message .modal__dialog,
#balance-add .modal__dialog,
#withdrawals-message .modal__dialog {
  max-width: 400px;
  padding: 30px;
}
@media (max-width:1680px) {
  #ending-videochat .modal__dialog,
  #balance-message .modal__dialog,
  #balance-add .modal__dialog,
  #withdrawals-message .modal__dialog {
    max-width: 320px;
    padding: 20px;
  }
}
@media (max-width:991px) {
  #ending-videochat .modal__dialog,
  #balance-message .modal__dialog,
  #balance-add .modal__dialog,
  #withdrawals-message .modal__dialog {
    padding: 10px;
  }
}
#ending-videochat .ending-videochat__confirm,
#balance-message .ending-videochat__confirm,
#balance-add .ending-videochat__confirm,
#withdrawals-message .ending-videochat__confirm {
  margin: 0 auto;
}
#ending-videochat .modal__close,
#balance-message .modal__close,
#balance-add .modal__close,
#withdrawals-message .modal__close {
  top: 10px;
  right: 10px;
}
@media (max-width:1680px) {
  #ending-videochat .modal__close,
  #balance-message .modal__close,
  #balance-add .modal__close,
  #withdrawals-message .modal__close {
    width: 24px;
    height: 24px;
  }
}
#balance-message .modal__dialog,
#balance-add .modal__dialog,
#withdrawals-message .modal__dialog {
  padding: 40px 30px;
}
@media (max-width:1680px) {
  #balance-message .modal__dialog,
  #balance-add .modal__dialog,
  #withdrawals-message .modal__dialog {
    padding: 35px 25px;
  }
}
@media (max-width:991px) {
  #balance-message .modal__dialog,
  #balance-add .modal__dialog,
  #withdrawals-message .modal__dialog {
    padding: 30px 20px;
  }
}
#balance-message .single-videochat__logo,
#balance-add .single-videochat__logo,
#withdrawals-message .single-videochat__logo {
  width: 162px;
}
@media (max-width:1680px) {
  #balance-message .single-videochat__logo,
  #balance-add .single-videochat__logo,
  #withdrawals-message .single-videochat__logo {
    width: 122px;
  }
}
@media (max-width:991px) {
  #balance-message .single-videochat__logo,
  #balance-add .single-videochat__logo,
  #withdrawals-message .single-videochat__logo {
    width: 108px;
  }
}
#balance-message .single-videochat__text,
#balance-add .single-videochat__text,
#withdrawals-message .single-videochat__text {
  font-weight: 500;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}

#balance-add .modal__title,
#withdrawals-message .modal__title {
  font-size: 18px;
}
@media (max-width:1680px) {
  #balance-add .modal__title,
  #withdrawals-message .modal__title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  #balance-add .modal__title,
  #withdrawals-message .modal__title {
    font-size: 14px;
  }
}
#balance-add .modal__btn,
#withdrawals-message .modal__btn {
  margin: 0 auto;
  margin-top: 30px;
}
@media (max-width:1680px) {
  #balance-add .modal__btn,
  #withdrawals-message .modal__btn {
    margin-top: 25px;
  }
}
@media (max-width:991px) {
  #balance-add .modal__btn,
  #withdrawals-message .modal__btn {
    margin-top: 20px;
  }
}
#withdrawals-message .modal__text {
  color: #3B414B;
}
#withdrawals-message .modal__link {
  color: #7B20FF;
  text-decoration: underline;
  margin-left: auto;
}
#withdrawals-message .modal__file {
  text-decoration: underline;
  color: #3B414B;
  margin: 10px 0 5px;
  display: flex;
  align-items: flex-start;
}
#withdrawals-message .modal__file img {
  margin-right: 10px;
}

.real-balance__row {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #F2F3F5;
  padding: 20px 0;
}
@media (max-width:1680px) {
  .real-balance__row {
    padding: 10px 0;
  }
}
.real-balance__label {
  font-size: 18px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .real-balance__label {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .real-balance__label {
    font-size: 14px;
  }
}
.real-balance__quantity {
  font-size: 20px;
  color: #F3775B;
}
@media (max-width:1680px) {
  .real-balance__quantity {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .real-balance__quantity {
    font-size: 16px;
  }
}
.real-balance__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .real-balance__bottom {
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .real-balance__bottom {
    grid-template-columns: 1fr;
  }
}
.real-balance__btn {
  width: 100%;
}
.real-balance__btn._convert {
  width: max-content;
  margin-left: auto;
  grid-column: span 2;
  white-space: nowrap;
}
@media (max-width:1680px) {
  .real-balance__btn._convert {
    width: 100%;
  }
}
@media (max-width:991px) {
  .real-balance__btn._convert {
    grid-column: span 1;
  }
}
._quantity-coins {
  display: flex;
  align-items: center;
}
._quantity-coins img {
  width: 21px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  ._quantity-coins img {
    margin-left: 5px;
  }
}
@media (max-width:991px) {
  ._quantity-coins img {
    width: 18px;
  }
}
.real-balance__convert-row {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 20px;
}
@media (max-width:1680px) {
  .real-balance__convert-row {
    margin: 10px 0;
  }
}
@media (max-width:991px) {
  .real-balance__convert-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.real-balance__convert-label {
  display: flex;
  font-size: 14px;
  color: #3B414B;
  opacity: 0.6;
}
@media (max-width:1680px) {
  .real-balance__convert-label {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .real-balance__convert-label {
    margin-bottom: 10px;
  }
}
.real-balance__convert-quantiy {
  font-weight: 500;
  font-size: 18px;
  color: #F3775B;
}
@media (max-width:1680px) {
  .real-balance__convert-quantiy {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .real-balance__convert-quantiy {
    font-size: 14px;
    margin-left: auto;
  }
}
.real-balance__convert-bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 20px;
}
@media (max-width:1680px) {
  .real-balance__convert-bottom {
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .real-balance__convert-bottom {
    grid-template-columns: 1fr;
  }
}
.real-balance__convert-btn {
  margin-left: auto;
}
@media (max-width:991px) {
  .real-balance__convert-btn {
    width: 100%;
  }
}
.cabinet-help__contact-file {
  margin-bottom: 20px;
}
@media (max-width:991px) {
  .cabinet-help__contact-file {
    margin-bottom: 10px;
  }
}
.cabinet-help__contact-btn {
  margin-left: auto;
}

.product-edit__image-wrp.image-mini .input-image-remove {
  color: #F3775B;
  font-size: 18px;
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  transform: translate(50%, -50%);
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin: 0 !important;
  background: #E8E9EC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-edit__image-wrp.image-mini .input-image-remove::before, .product-edit__image-wrp.image-mini .input-image-remove::after {
  display: none;
}
@media (max-width:1680px) {
  .product-edit__image-wrp.image-mini .input-image-remove {
    font-size: 14px;
    width: 12px;
    min-width: 12px;
    height: 12px;
  }
}
@media (max-width:991px) {
  .product-edit__image-wrp.image-mini .input-image-remove {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .product-edit__image-wrp.image-mini .input-image-remove {
    font-size: 14px;
  }
}

#course-acquisition .modal__dialog {
  max-width: 400px;
  padding: 30px;
}
@media (max-width:1680px) {
  #course-acquisition .modal__dialog {
    max-width: 320px;
    padding: 20px;
  }
}
@media (max-width:991px) {
  #course-acquisition .modal__dialog {
    padding: 10px;
  }
}
.course-acquisition__text {
  margin-top: 20px;
  text-align: center;
  color: #3B414B;
}
.course-acquisition__text span {
  font-weight: 500;
  font-size: 20px;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .course-acquisition__text span {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .course-acquisition__text span {
    font-size: 16px;
  }
}
@media (max-width:1680px) {
  .course-acquisition__text {
    margin-top: 10px;
  }
}
.course-acquisition__btn {
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .course-acquisition__btn {
    margin-top: 10px;
  }
}
@media (max-width:767px) {
  .single-course-head._mentor {
    margin-bottom: 148px;
  }
}
.single-course-head._mentor .single-course-head__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 506px;
}
@media (max-width:1680px) {
  .single-course-head._mentor .single-course-head__inner {
    min-height: 364px;
  }
}
@media (max-width:991px) {
  .single-course-head._mentor .single-course-head__inner {
    min-height: 222px;
  }
}
@media (max-width:767px) {
  .single-course-head._mentor .single-course-head__inner {
    min-height: 0;
  }
}
.single-course-head._mentor .single-course-head__title {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .single-course-head._mentor .single-course-head__title {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .single-course-head._mentor .single-course-head__title {
    margin-bottom: 10px;
  }
}
.single-course-head._mentor .single-course-head__quantity {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.single-course-head._mentor .single-course-head__quantity li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  align-items: center;
  gap: 30px;
}
.single-course-head._mentor .single-course-head__quantity li p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  max-width: 160px;
  width: 100%;
}
@media (max-width:1680px) {
  .single-course-head._mentor .single-course-head__quantity li p {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-course-head._mentor .single-course-head__quantity li p {
    font-size: 12px;
    max-width: 120px;
  }
}
.single-course-head._mentor .single-course-head__quantity li span {
  color: #fff;
  font-size: 18px;
}
@media (max-width:1680px) {
  .single-course-head._mentor .single-course-head__quantity li span {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .single-course-head._mentor .single-course-head__quantity li span {
    font-size: 14px;
  }
}
.single-course-head._mentor .single-course-head__price span {
  background: linear-gradient(65.23deg, #744318 -0.72%, #FCCE80 22.74%, #C58E33 52.07%, #FCCE80 80.86%, #A7702D 101.66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .single-course-head._mentor .single-course-head__price span {
    margin-right: 5px;
  }
}
.single-course-tabs {
  background: rgba(205, 246, 251, 0.15);
}
.single-course-tabs .single-course-faq__top {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .single-course-tabs .single-course-faq__top {
    margin-bottom: 25px;
  }
}
@media (max-width:991px) {
  .single-course-tabs .single-course-faq__top {
    margin-bottom: 20px;
  }
}
@media (max-width:767px) {
  .single-course-tabs .single-course-faq__top {
    margin-bottom: 10px;
  }
}
.single-course-tabs .single-course-faq__image {
  top: 34%;
}
@media (max-width:1680px) {
  .single-course-tabs .single-course-faq__image {
    top: 40%;
  }
}
@media (max-width:991px) {
  .single-course-tabs .single-course-faq__image {
    top: 50%;
  }
}
@media (max-width:767px) {
  .single-course-tabs .single-course-faq__image {
    top: auto;
    bottom: calc(100% + 20px);
  }
}
.single-course-tabs .single-course-faq__accordion-item {
  grid-template-columns: 350px 1fr;
}
@media (max-width:991px) {
  .single-course-tabs .single-course-faq__accordion-item {
    grid-template-columns: 270px 1fr;
  }
}
@media (max-width:767px) {
  .single-course-tabs .single-course-faq__accordion-item {
    grid-template-columns: 1fr;
  }
}
.single-course-tabs .accordion__item-header {
  padding: 10px 20px;
}
@media (max-width:1680px) {
  .single-course-tabs .accordion__item-header {
    padding: 9px 18px;
  }
}
@media (max-width:991px) {
  .single-course-tabs .accordion__item-header {
    padding: 7px 14px;
  }
}
.single-course-tabs .accordion__item-content .text-md {
  color: #3B414B;
  opacity: 1;
}
.single-course-tabs .single-course-faq__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px 30px;
}
@media (max-width:991px) {
  .single-course-tabs .single-course-faq__list {
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .single-course-tabs .single-course-faq__list {
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }
}
.single-course-tabs .single-course-faq__card {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
}
.single-course-tabs .single-course-faq__card-head {
  background: #E6E0F8;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 10px 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
.single-course-tabs .single-course-faq__card-head span {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .single-course-tabs .single-course-faq__card-head {
    padding: 10px;
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .single-course-tabs .single-course-faq__card-head {
    font-size: 12px;
  }
}
.single-course-tabs .single-course-faq__card-body {
  padding: 10px;
}
.single-course-tabs .single-course-faq__card-row:not(:last-child) {
  margin-bottom: 10px;
}
.single-course-tabs .single-course-faq__card-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 5px;
  display: flex;
}
@media (max-width:1680px) {
  .single-course-tabs .single-course-faq__card-label {
    font-size: 12px;
  }
}
.single-course-tabs .single-course-faq__card-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .single-course-tabs .single-course-faq__card-text {
    font-size: 12px;
  }
}
.single-course-tabs__inner {
  padding: 0px 148px;
}
@media (max-width:1680px) {
  .single-course-tabs__inner {
    padding: 0px 100px;
  }
}
@media (max-width:991px) {
  .single-course-tabs__inner {
    padding: 0px;
  }
}
.single-course-tabs__nav {
  display: flex;
  gap: 20px;
  padding-left: 100px;
}
@media (max-width:1680px) {
  .single-course-tabs__nav {
    padding-left: 60px;
  }
}
@media (max-width:991px) {
  .single-course-tabs__nav {
    padding-left: 50px;
  }
}
@media (max-width:767px) {
  .single-course-tabs__nav {
    padding-left: 10px;
    gap: 10px;
  }
}

.single-course-tabs__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  background: #8E83FF;
  border-radius: 8px 8px 0px 0px;
  padding: 9px 36px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #fff;
}
@media (max-width:1680px) {
  .single-course-tabs__nav-link {
    padding: 7px 28px;
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .single-course-tabs__nav-link {
    padding: 6px 24px;
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .single-course-tabs__nav-link {
    padding: 6px 12px;
    font-size: 12px;
  }
}
.single-course-tabs__nav-link._active {
  background: #7B20FF;
}

.single-course-tabs__text {
  color: #3B414B;
  max-width: 805px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .single-course-tabs__text {
    max-width: 550px;
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .single-course-tabs__text {
    max-width: 440px;
  }
}
@media (max-width:767px) {
  .single-course-tabs__text {
    max-width: 100%;
  }
}
.single-course-tabs__text p {
  margin-bottom: 20px;
}
.single-course-tabs__text p:last-child {
  margin-bottom: 0px;
}

.rating__content._moder .rating__item {
  grid-template-columns: 62px 2fr 0.6fr 0.3fr 183px;
}
@media (max-width:1680px) {
  .rating__content._moder .rating__item {
    grid-template-columns: 46px 1.2fr 0.2fr 0.3fr 126px;
  }
}
@media (max-width:991px) {
  .rating__content._moder .rating__item {
    grid-template-columns: 40px 1fr 0.2fr 0.3fr 100px;
  }
}
@media (max-width:767px) {
  .rating__content._moder .rating__item {
    grid-template-columns: 40px 1fr 0.1fr 50px;
    grid-template-rows: auto auto;
    grid-gap: 5px 10px;
  }
}
.rating__content._moder .rating__content-header {
  grid-template-columns: 62px 2fr 0.6fr 0.3fr 183px;
}
@media (max-width:1680px) {
  .rating__content._moder .rating__content-header {
    grid-template-columns: 46px 1.2fr 0.2fr 0.3fr 126px;
  }
}
@media (max-width:991px) {
  .rating__content._moder .rating__content-header {
    grid-template-columns: 40px 1fr 0.2fr 0.3fr 100px;
  }
}
@media (max-width:767px) {
  .rating__content._moder .rating__content-header {
    grid-template-columns: 40px 1fr 0.1fr 50px;
  }
}
@media (max-width:991px) {
  .rating__content._moder .rating__item-col {
    grid-row-end: 2;
    grid-column: span 1 !important;
  }
}
.rating__content._moder .rating__item-col .rating__item-ratings._fail {
  color: #F3775B !important;
}
.rating__content._moder .rating__content-header-col._ratings {
  grid-column: span 1;
  display: flex;
  justify-content: flex-end;
}
@media (max-width:767px) {
  .rating__content._moder .rating__item-col._number {
    grid-row: span 2 !important;
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
  }
}
@media (max-width:767px) {
  .rating__content._moder .rating__item-col._user {
    grid-column-start: 2 !important;
  }
}
@media (max-width:767px) {
  .rating__content._moder .rating__item-col._date {
    grid-column-start: 2 !important;
    margin-left: 0;
  }
}

.cabinet-homework__footer._moder {
  gap: 20px;
}
@media (max-width:991px) {
  .cabinet-homework__footer._moder {
    gap: 10px;
  }
}
@media (max-width:767px) {
  .cabinet-homework__footer._moder {
    display: flex;
    align-items: center;
  }
}
.cabinet-homework__footer._moder .btn-tp {
  border-color: #3B414B;
  color: #3B414B;
}

.cabinet-homework__task-message {
  display: flex;
  align-items: center;
  color: #3B414B;
}
.cabinet-homework__task-message img {
  width: 32px;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .cabinet-homework__task-message img {
    width: 24px;
    margin-right: 5px;
  }
}
@media (max-width:991px) {
  .cabinet-homework__task-message img {
    width: 21px;
  }
}
.cabinet-content__descr._moder {
  border: none !important;
  padding-top: 0 !important;
}

.cabinet-content__table {
  padding-top: 30px;
  border-top: 1px solid #F2F3F5;
}
@media (max-width:1680px) {
  .cabinet-content__table {
    padding-top: 20px;
  }
}
@media (max-width:767px) {
  .cabinet-content__table {
    padding-top: 10px;
  }
}
.cabinet-content__table .rating__content-header {
  grid-template-columns: 62px 2fr 0.3fr 183px !important;
}
.cabinet-content__table .rating__content-header .rating__content-header-col:last-child {
  border: none !important;
  display: flex;
  justify-content: flex-end;
  padding-right: 18px;
}
@media (max-width:1680px) {
  .cabinet-content__table .rating__content-header .rating__content-header-col:last-child {
    padding-right: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-content__table .rating__content-header .rating__content-header-col:last-child {
    padding-right: 12px;
  }
}
@media (max-width:767px) {
  .cabinet-content__table .rating__content-header .rating__content-header-col:last-child {
    display: none;
  }
}
@media (max-width:1680px) {
  .cabinet-content__table .rating__content-header {
    grid-template-columns: 46px 1.2fr 0.3fr 126px !important;
  }
}
@media (max-width:991px) {
  .cabinet-content__table .rating__content-header {
    grid-template-columns: 40px 1fr 0.3fr 100px !important;
  }
}
@media (max-width:767px) {
  .cabinet-content__table .rating__content-header {
    grid-template-columns: 40px 1fr 0.1fr 18px !important;
  }
}
.cabinet-content__table .rating__item {
  grid-template-columns: 62px 2fr 0.3fr 183px !important;
}
.cabinet-content__table .rating__item .rating__item-col:last-child {
  border: none !important;
  display: flex;
  justify-content: flex-end;
  padding-right: 18px;
}
@media (max-width:1680px) {
  .cabinet-content__table .rating__item .rating__item-col:last-child {
    padding-right: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-content__table .rating__item .rating__item-col:last-child {
    padding-right: 12px;
  }
}
.cabinet-content__table .rating__item .rating__item-col._result span {
  color: #7B20FF;
}
@media (max-width:767px) {
  .cabinet-content__table .rating__item .rating__item-col._result {
    grid-column-start: 2 !important;
    grid-row-start: 2 !important;
    justify-content: flex-start;
  }
}
@media (max-width:767px) {
  .cabinet-content__table .rating__item .rating__item-col._ratings {
    padding-right: 12px;
  }
}
@media (max-width:1680px) {
  .cabinet-content__table .rating__item {
    grid-template-columns: 46px 1.2fr 0.3fr 126px !important;
  }
}
@media (max-width:991px) {
  .cabinet-content__table .rating__item {
    grid-template-columns: 40px 1fr 0.3fr 100px !important;
  }
}
@media (max-width:767px) {
  .cabinet-content__table .rating__item {
    grid-template-columns: 40px 1fr 0.1fr !important;
    grid-template-rows: auto auto;
    grid-gap: 5px 10px;
  }
}

.cabinet-homework__test-row {
  display: flex;
  align-items: center;
  gap: 30px;
}
.cabinet-homework__test-row:not(:last-child) {
  margin-bottom: 10px;
}
.cabinet-homework__test-row p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
.cabinet-homework__test-row p span {
  color: #7B20FF;
}
@media (max-width:1680px) {
  .cabinet-homework__test-row p {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .cabinet-homework__test-row p {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-homework__test-row {
    gap: 20px;
  }
}
.cabinet-homework__test-label {
  min-width: 150px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .cabinet-homework__test-label {
    font-size: 14px !important;
  }
}
@media (max-width:991px) {
  .cabinet-homework__test-label {
    font-size: 12px !important;
  }
}
.admin .students-courses__filter,
.moderator .students-courses__filter {
  border-bottom: 2px solid #E8E9EC;
}
@media (max-width:767px) {
  .admin .students-courses__filter,
  .moderator .students-courses__filter {
    border: none;
  }
}

.student .students-courses__filter {
  border: none !important;
}

.moderation__tabs-nav {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .moderation__tabs-nav {
    margin-bottom: 15px;
    gap: 20px;
  }
}
@media (max-width:991px) {
  .moderation__tabs-nav {
    gap: 10px;
  }
}
.moderation__tabs-nav-link {
  background: transparent;
  color: #7B20FF;
  border: 1px solid #7B20FF;
}
.moderation__tabs-nav-link._active {
  background: #7B20FF;
  color: #fff;
}

.moderation-documents__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width:1680px) {
  .moderation-documents__list {
    gap: 10px;
  }
}
.moderation-documents__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  padding: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}
@media (max-width:991px) {
  .moderation-documents__item {
    padding: 10px;
  }
}
.moderation-documents__item-photo {
  width: 52px;
  height: 52px;
  min-width: 52px;
}
@media (max-width:1680px) {
  .moderation-documents__item-photo {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }
}
@media (max-width:991px) {
  .moderation-documents__item-photo {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
}
.moderation-documents__item-name {
  color: #3B414B;
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .moderation-documents__item-name {
    margin-bottom: 5px;
  }
}
.moderation-documents__item-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .moderation-documents__item-text {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .moderation-documents__item-text {
    font-size: 12px;
  }
}
.moderation-documents__item-list {
  display: grid;
  grid-template-columns: auto minmax(212px, 1fr);
  grid-gap: 10px 20px;
  margin: 10px 0 20px;
}
@media (max-width:1680px) {
  .moderation-documents__item-list {
    margin: 10px 0;
  }
}
@media (max-width:767px) {
  .moderation-documents__item-list {
    grid-template-columns: 1fr;
  }
}
.moderation-documents__item-list li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
}
@media (max-width:1680px) {
  .moderation-documents__item-list li {
    font-size: 14px;
  }
}
.moderation-documents__item-list li a {
  color: #3B414B;
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

.moderation-documents__item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:991px) {
  .moderation-documents__item-row {
    flex-direction: column;
    gap: 5px;
    align-items: stretch;
  }
}
.moderation-documents__item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.3;
}
@media (max-width:1680px) {
  .moderation-documents__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .moderation-documents__item-date {
    font-size: 10px;
  }
}
.moderation-documents__item-btns {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto auto;
  grid-gap: 20px;
}
.moderation-documents__item-btns._disabled .moderation-documents__item-btn {
  opacity: 0.3;
  pointer-events: none;
}
@media (max-width:991px) {
  .moderation-documents__item-btns {
    grid-gap: 10px;
  }
}
@media (max-width:767px) {
  .moderation-documents__item-btns {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:767px) {
  .moderation-documents__item-checkbox {
    grid-column: span 2;
  }
}

@media (max-width:767px) {
  .moderation-documents__item-btn {
    width: 100%;
  }
}
.moderation-documents__item-btn._tp {
  border: 1px solid #3B414B;
  color: #3B414B;
  background: transparent;
}

.course-managment__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .course-managment__bottom {
    gap: 10px;
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .course-managment__bottom {
    margin-top: 10px;
  }
}
.create-course__radio.checkbox span {
  padding-left: 0 !important;
}
.create-course__radio.checkbox span::before {
  position: static;
  top: auto;
  left: auto;
}

.cabinet-profile__form-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .cabinet-profile__form-title {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__form-title {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.cabinet-profile__form-block {
  margin-bottom: 20px;
}

.cabinet-profile__form-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  /* identical to box height, or 21px */
  /* 2 */
  color: #3B414B;
  display: flex;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .cabinet-profile__form-label {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__form-label {
    font-size: 12px;
  }
}
.cabinet-profile__form-file-wrp {
  margin-bottom: 10px;
}

.cabinet-profile__form-file input {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  font-size: 0;
}
.cabinet-profile__form-file span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
}
.cabinet-profile__form-file span::before {
  content: "";
  display: block;
  background: #3B414B;
  min-width: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: 8px;
  margin-top: 7px;
}
@media (max-width:991px) {
  .cabinet-profile__form-file span::before {
    margin-top: 6px;
  }
}
.cabinet-profile__form-file span::after {
  content: "+";
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  color: #fff;
  font-family: sans;
  font-size: 23px;
  font-weight: 500;
  background: #8E83FF;
  min-width: 21px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .cabinet-profile__form-file span::after {
    width: 19px;
    height: 19px;
    min-width: 19px;
    font-size: 19px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__form-file span::after {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    font-size: 16px;
  }
}
@media (max-width:1680px) {
  .cabinet-profile__form-file span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__form-file span {
    font-size: 12px;
  }
}
.create-course__file-list {
  margin-top: 10px !important;
}

.cabinet-profile__form-input textarea {
  min-height: 120px;
}
@media (max-width:1680px) {
  .cabinet-profile__form-input textarea {
    min-height: 90px;
  }
}
.cabinet-profile__form-bottom {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width:1680px) {
  .cabinet-profile__form-bottom {
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .cabinet-profile__form-bottom {
    margin-top: 10px;
    gap: 10px 20px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
.cabinet-profile__form-message {
  margin-right: auto;
}
@media (max-width:1680px) {
  .cabinet-profile__form-message {
    align-items: flex-start !important;
  }
}
@media (max-width:991px) {
  .cabinet-profile__form-message {
    order: 3;
    margin-right: 0;
    align-items: center !important;
  }
}
@media (max-width:767px) {
  .cabinet-profile__form-message {
    align-items: flex-start !important;
  }
}

.cabinet-form__message {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  align-items: center;
}
@media (max-width:1680px) {
  .cabinet-form__message {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .cabinet-form__message {
    font-size: 14px;
  }
}
.cabinet-form__message img {
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
@media (max-width:1680px) {
  .cabinet-form__message img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width:991px) {
  .cabinet-form__message img {
    margin-right: 5px;
    width: 21px;
    height: 21px;
  }
}
.cabinet-profile__form-btn {
  white-space: nowrap;
}

.course-certificate__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #119CB0;
}
@media (max-width:1680px) {
  .course-certificate__image {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .course-certificate__image {
    font-size: 14px;
  }
}
.course-certificate__image img {
  width: 60px;
  height: 60px;
}
@media (max-width:1680px) {
  .course-certificate__image img {
    width: 48px;
    height: 48px;
  }
}
@media (max-width:991px) {
  .course-certificate__image img {
    width: 36px;
    height: 36px;
  }
}
.course-certificate__module-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .course-certificate__module-title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .course-certificate__module-title {
    font-size: 14px;
  }
}
.course-certificate__table-header {
  background: #7B20FF;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 62px 1fr 0.2fr 0.3fr;
  align-items: center;
  grid-gap: 20px;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .course-certificate__table-header {
    grid-template-columns: 62px 1fr 0.3fr 0.44fr;
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .course-certificate__table-header {
    border-radius: 6px;
    grid-template-columns: 40px 1fr 0.3fr 0.44fr;
  }
}
@media (max-width:767px) {
  .course-certificate__table-header {
    grid-template-columns: 40px 1fr;
  }
}

.course-certificate__table-label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  padding: 6px 0;
}
@media (max-width:1680px) {
  .course-certificate__table-label {
    font-size: 12px;
    padding: 5px 0;
  }
}
@media (max-width:991px) {
  .course-certificate__table-label {
    font-size: 10px;
    padding: 4px 0;
  }
}
.course-certificate__table-label._number {
  display: flex;
  text-align: center;
  justify-content: center;
  border-right: 1px solid #F2F3F5;
}
.course-certificate__table-label._number span {
  margin: 0 !important;
  display: inline-flex !important;
  margin-right: 5px !important;
  color: #fff;
}
@media (max-width:991px) {
  .course-certificate__table-label._number span {
    display: none !important;
  }
}
@media (max-width:767px) {
  .course-certificate__table-label._number {
    border: none;
    justify-content: flex-end;
  }
}
.course-certificate__table-label._rating {
  text-align: center;
}
@media (max-width:767px) {
  .course-certificate__table-label._rating {
    display: none;
  }
}
.course-certificate__table-label._result {
  text-align: center;
}
@media (max-width:767px) {
  .course-certificate__table-label._result {
    display: none;
  }
}

.course-certificate__table-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.course-certificate__table-item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  display: grid;
  align-items: center;
  grid-template-columns: 62px 1fr 0.2fr 0.3fr;
  grid-gap: 20px;
  padding: 9px 0;
}
@media (max-width:1680px) {
  .course-certificate__table-item {
    padding: 7px 0;
    grid-template-columns: 62px 1fr 0.3fr 0.44fr;
    grid-gap: 10px;
  }
}
@media (max-width:991px) {
  .course-certificate__table-item {
    padding: 6px 0;
    grid-template-columns: 40px 1fr 0.3fr 0.44fr;
  }
}
@media (max-width:767px) {
  .course-certificate__table-item {
    grid-template-columns: 40px 1fr;
    grid-gap: 5px 10px;
    align-items: start;
    padding-right: 12px;
  }
}

.course-certificate__table-item-number {
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #7B20FF;
  border-right: 1px solid #E8E9EC;
}
@media (max-width:1680px) {
  .course-certificate__table-item-number {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .course-certificate__table-item-number {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .course-certificate__table-item-number {
    text-align: right;
    border: none;
    grid-row: span 3;
  }
}

.course-certificate__table-item-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:991px) {
  .course-certificate__table-item-name {
    font-size: 12px;
  }
}
.course-certificate__table-item-rating {
  text-align: center;
  display: flex;
  justify-content: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #7B20FF;
}
.course-certificate__table-item-rating span {
  display: none;
  margin: 0 10px 0 0 !important;
  color: #3B414B !important;
  font-size: 10px;
}
@media (max-width:991px) {
  .course-certificate__table-item-rating {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .course-certificate__table-item-rating {
    display: flex;
    justify-content: space-between;
  }
  .course-certificate__table-item-rating span {
    display: flex;
  }
}
.course-certificate__table-item-rating._fail {
  color: #F3775B;
}

.course-certificate__table-item-result {
  text-align: center;
  display: flex;
  justify-content: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #7B20FF;
}
.course-certificate__table-item-result span {
  display: none;
  margin: 0 10px 0 0 !important;
  color: #3B414B !important;
  font-size: 10px;
}
@media (max-width:991px) {
  .course-certificate__table-item-result {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .course-certificate__table-item-result {
    display: flex;
    justify-content: space-between;
  }
  .course-certificate__table-item-result span {
    display: flex;
  }
}
.course-certificate__table-item-result._fail {
  color: #F3775B;
}

.course-certificate__statistics-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .course-certificate__statistics-title {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .course-certificate__statistics-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.course-certificate__statistics-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width:991px) {
  .course-certificate__statistics-list {
    gap: 5px;
  }
}
.course-certificate__statistics-list li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
.course-certificate__statistics-list li span {
  color: #7B20FF;
  margin: 0 !important;
  margin-left: 5px !important;
}
@media (max-width:1680px) {
  .course-certificate__statistics-list li {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .course-certificate__statistics-list li {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .course-certificate__statistics-list li {
    font-size: 12px;
  }
}

.course-certificate__message {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: #F3775B;
}
@media (max-width:1680px) {
  .course-certificate__message {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .course-certificate__message {
    font-size: 16px;
  }
}
.my-tests__career-guidance-card {
  background: #7B20FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .my-tests__career-guidance-card {
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width:767px) {
  .my-tests__career-guidance-card {
    margin-top: 30px;
  }
}

.my-tests__career-guidance__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .my-tests__career-guidance__title {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .my-tests__career-guidance__title {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.my-tests__career-guidance-btn {
  background: #6419D0;
  margin: 0 auto;
}

.career-guidance .cabinet-main {
  grid-template-columns: 1fr !important;
}

.career-guidance__test {
  max-width: 938px;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .career-guidance__test {
    max-width: 644px;
  }
}
@media (max-width:991px) {
  .career-guidance__test {
    max-width: 500px;
  }
}
.career-guidance__test-bottom {
  border-top: 1px solid #F2F3F5;
  padding-top: 20px;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .career-guidance__test-bottom {
    padding-top: 15px;
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .career-guidance__test-bottom {
    padding-top: 10px;
    margin-top: 10px;
  }
}
.career-guidance__test-btn {
  margin-left: auto;
}

.career-guidance__test-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .career-guidance__test-title {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .career-guidance__test-title {
    font-size: 18px;
  }
}
.career-guidance__test-progress {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 78px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #F2F3F5;
}
@media (max-width:1680px) {
  .career-guidance__test-progress {
    grid-gap: 32px;
    padding-top: 10px;
    margin-top: 10px;
  }
}
@media (max-width:991px) {
  .career-guidance__test-progress {
    grid-gap: 20px;
  }
}
@media (max-width:767px) {
  .career-guidance__test-progress {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 18px;
    overflow: hidden;
  }
}

.career-guidance__test-progress-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.career-guidance__test-progress-item:last-child .career-guidance__test-progress-number::after {
  display: none;
}
@media (max-width:767px) {
  .career-guidance__test-progress-item:last-child {
    grid-column: span 2;
  }
}
@media (max-width:767px) {
  .career-guidance__test-progress-item:nth-child(2) .career-guidance__test-progress-text {
    margin-top: 0;
  }
  .career-guidance__test-progress-item:nth-child(2) .career-guidance__test-progress-number::after {
    display: none;
  }
  .career-guidance__test-progress-item:nth-child(2) .career-guidance__test-progress-number {
    border: 5px solid #fff;
    width: 38px;
    height: 38px;
    min-width: 38px;
    margin-top: -5px;
  }
  .career-guidance__test-progress-item:nth-child(2) .career-guidance__test-progress-number::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(100% + 1px);
    right: auto;
    bottom: auto;
    background: #fff;
    width: 300px;
    height: 100%;
  }
}
.career-guidance__test-progress-item._active .career-guidance__test-progress-number {
  background: #7B20FF;
}
.career-guidance__test-progress-item._active .career-guidance__test-progress-number::after {
  background: rgba(243, 119, 91, 0.5);
}
.career-guidance__test-progress-item._active .career-guidance__test-progress-text {
  text-align: left;
  color: #3B414B;
}
.career-guidance__test-progress-item._active .career-guidance__test-progress-text::before {
  display: block;
}

.career-guidance__test-progress-number {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: #E8E9EC;
  position: relative;
  z-index: 1;
}
.career-guidance__test-progress-number::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 10px);
  right: auto;
  bottom: auto;
  background: #E8E9EC;
  width: 250px;
  height: 3px;
}
@media (max-width:1680px) {
  .career-guidance__test-progress-number::after {
    width: 156px;
  }
}
@media (max-width:991px) {
  .career-guidance__test-progress-number::after {
    width: 127px;
    height: 2px;
    left: calc(100% + 5px);
  }
}
@media (max-width:767px) {
  .career-guidance__test-progress-number::after {
    width: 600px;
  }
}
@media (max-width:1680px) {
  .career-guidance__test-progress-number {
    font-size: 18px;
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
}
@media (max-width:991px) {
  .career-guidance__test-progress-number {
    font-size: 16px;
    width: 28px;
    height: 28px;
    min-width: 28px;
  }
}
.career-guidance__test-progress-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #A6AAB4;
  margin-top: 10px;
  display: flex;
}
.career-guidance__test-progress-text::before {
  content: "";
  display: block;
  background: url(../images/img/icons/shop-cart-check.svg) no-repeat center/100%;
  min-width: 13px;
  width: 13px;
  height: 13px;
  margin-top: 1px;
  margin-right: 5px;
  display: none;
}
@media (max-width:1680px) {
  .career-guidance__test-progress-text::before {
    width: 12px;
    height: 12px;
  }
}
@media (max-width:991px) {
  .career-guidance__test-progress-text::before {
    width: 11px;
    height: 11px;
  }
}
@media (max-width:1680px) {
  .career-guidance__test-progress-text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .career-guidance__test-progress-text {
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .career-guidance__test-progress-text {
    margin-top: 5px;
  }
}

.career-guidance__result {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #F2F3F5;
}
@media (max-width:1680px) {
  .career-guidance__result {
    padding-top: 15px;
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .career-guidance__result {
    padding-top: 10px;
    margin-top: 10px;
  }
}
.career-guidance__result-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .career-guidance__result-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .career-guidance__result-title {
    font-size: 16px;
  }
}
.career-guidance__result-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.career-guidance__result-list li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width:767px) {
  .career-guidance__result-list li {
    flex-direction: column;
    gap: 5px;
  }
}

.career-guidance__result-label {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  position: relative;
}
@media (max-width:1680px) {
  .career-guidance__result-label {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .career-guidance__result-label {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .career-guidance__result-label {
    width: 100%;
  }
}
.career-guidance__result-hint {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-left: 5px;
}
.career-guidance__result-hint img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width:991px) {
  .career-guidance__result-hint {
    width: 16px;
    height: 16px;
    min-width: 18px;
  }
}
.career-guidance__result-progress {
  display: flex;
  align-items: center;
}

.career-guidance__result-progress-perc {
  margin-right: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .career-guidance__result-progress-perc {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .career-guidance__result-progress-perc {
    font-size: 12px;
  }
}
.career-guidance__result-progress-line {
  width: 300px;
  min-width: 300px;
  height: 5px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width:1680px) {
  .career-guidance__result-progress-line {
    width: 200px;
    min-width: 200px;
  }
}
@media (max-width:991px) {
  .career-guidance__result-progress-line {
    width: 150px;
    min-width: 150px;
  }
}
.career-guidance__result-progress-line span {
  display: flex;
  height: 100%;
  background: rgba(123, 32, 255, 0.5);
  border-radius: 4px;
}

.career-guidance__result-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .career-guidance__result-text {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .career-guidance__result-text {
    font-size: 12px;
  }
}
.career-guidance__result-text span {
  color: #7B20FF;
}

.tooltip {
  z-index: 100;
}

.tooltip-window {
  background: #FFFFFF;
  border: 1px solid #7B20FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  position: absolute;
  left: calc(100% + 5px);
  top: 100%;
  width: 575px;
  z-index: 100;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  display: none;
}
.tooltip-window._active {
  display: flex;
}
@media (max-width:1680px) {
  .tooltip-window {
    padding: 20px;
    font-size: 14px;
    width: 510px;
  }
}
@media (max-width:991px) {
  .tooltip-window {
    padding: 10px 32px 10px 10px;
    width: 360px;
  }
}
@media (max-width:767px) {
  .tooltip-window {
    padding: 20px 10px;
    width: 100%;
  }
}

.tooltip-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tooltip-close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.career-guidance__result-hint-window {
  top: 20px;
}
@media (max-width:991px) {
  .career-guidance__result-hint-window {
    left: 80%;
  }
}
@media (max-width:767px) {
  .career-guidance__result-hint-window {
    left: 0;
  }
}

.career-guidance__result-hint-row {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.career-guidance__result-hint-row:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width:991px) {
  .career-guidance__result-hint-row:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width:1680px) {
  .career-guidance__result-hint-row {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .career-guidance__result-hint-row {
    font-size: 12px;
  }
}
.career-guidance__result-hint-title {
  color: #7B20FF;
}

.students-courses__item-price._real-money::after {
  content: "₽";
  color: #7B20FF;
  margin-left: 5px;
}

.students-courses__label._real-money {
  margin-right: -20px;
}

#application-rejection .modal__dialog,
#application-rejection-msg .modal__dialog {
  max-width: 400px;
  padding: 30px;
}
@media (max-width:1680px) {
  #application-rejection .modal__dialog,
  #application-rejection-msg .modal__dialog {
    max-width: 320px;
    padding: 20px;
  }
}
@media (max-width:991px) {
  #application-rejection .modal__dialog,
  #application-rejection-msg .modal__dialog {
    padding: 10px;
  }
}
.application-rejection__user {
  display: flex;
  gap: 10px;
  align-items: center;
}

.application-rejection__user-photo {
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  min-width: 36px;
}
.application-rejection__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1680px) {
  .application-rejection__user-photo {
    height: 28px;
    width: 28px;
    min-width: 28px;
  }
}
@media (max-width:991px) {
  .application-rejection__user-photo {
    height: 24px;
    width: 24px;
    min-width: 24px;
  }
}
.application-rejection__user-name {
  color: #3B414B;
  font-weight: 500;
}

.application-rejection__input {
  margin: 20px 0;
}
.application-rejection__input textarea {
  min-height: 120px;
}
@media (max-width:1680px) {
  .application-rejection__input textarea {
    min-height: 90px;
  }
}
@media (max-width:991px) {
  .application-rejection__input textarea {
    min-height: 60px;
  }
}
@media (max-width:1680px) {
  .application-rejection__input {
    margin: 10px 0;
  }
}
.application-rejection__btn {
  margin: 0 auto;
}

.application-rejection__icon {
  width: 120px;
  height: 120px;
  display: flex;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .application-rejection__icon {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:991px) {
  .application-rejection__icon {
    width: 60px;
    height: 60px;
  }
}
.application-rejection__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.application-rejection__message {
  color: #3B414B;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .application-rejection__message {
    margin-top: 10px;
  }
}
._icon-post-repost::before {
  font-weight: 600;
}

.new-courses__slide-text {
  -webkit-line-clamp: 2;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
}

.help__accordion .accordion__item-content {
  padding-right: 40px;
}
@media (max-width:1680px) {
  .help__accordion .accordion__item-content {
    padding-right: 30px;
  }
}
@media (max-width:991px) {
  .help__accordion .accordion__item-content {
    padding-right: 26px;
  }
}
@media (max-width:767px) {
  .help__accordion .accordion__item-content {
    padding-right: 25px;
  }
}

.support-answers__list li:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .support-answers__list li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .support-answers__list li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.support-answers__list .support-answers__item {
  margin: 0;
}

.support-answers__item-btn {
  margin: 5px 0 0 auto;
}

.support-answers__item-text {
  -webkit-line-clamp: 2;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
}

.homework-lesson__test-question-answer {
  width: fit-content;
}
.homework-lesson__test-question-answer._correct {
  background: rgba(0, 223, 49, 0.3);
}
.homework-lesson__test-question-answer._not-correct {
  background: rgba(243, 119, 91, 0.3);
}

.homework-lesson__test-body .single-test__time {
  margin: 20px 0;
  margin-top: 0 !important;
}
@media (max-width:1680px) {
  .homework-lesson__test-body .single-test__time {
    margin: 10px 0;
  }
}
@media (max-width:991px) {
  .homework-lesson__test-body .single-test__time {
    margin: 10px 0;
  }
}
@media (max-width:767px) {
  .homework-lesson__test-body .single-test__time {
    margin: 10px 0;
  }
}

.cabinet-homework__lessons._disabled .cabinet-homework__lessons-items {
  pointer-events: none;
}
.cabinet-homework__lessons._disabled .cabinet-homework__lessons-item-link {
  color: #A6AAB4 !important;
}
.cabinet-homework__lessons._disabled .cabinet-homework__lessons-theme {
  color: #A6AAB4 !important;
  cursor: default;
  background: url(../images/img/icons/lock-icon.svg) no-repeat right top/22px;
  padding-right: 22px;
}
@media (max-width:1680px) {
  .cabinet-homework__lessons._disabled .cabinet-homework__lessons-theme {
    background-size: 18px;
    padding-right: 18px;
  }
}
@media (max-width:991px) {
  .cabinet-homework__lessons._disabled .cabinet-homework__lessons-theme {
    background-size: 18px;
  }
}
.cabinet-homework__test-bottom {
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F3775B;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .cabinet-homework__test-bottom {
    gap: 10px;
    font-size: 14px;
    margin-top: 0;
  }
}
@media (max-width:991px) {
  .cabinet-homework__test-bottom {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .promotions__body,
  .news__body {
    grid-template-columns: 1fr;
  }
}

@media (max-width:767px) {
  .promotions__item-bottom,
  .news__item-bottom {
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width:767px) {
  .promotions__item-more,
  .news__item-more {
    margin-top: 0;
  }
}

.datalist-wrp {
  position: relative;
}

.homework-lesson__test-question-answer.radio span {
  padding-left: 30px;
}
@media (max-width:1680px) {
  .homework-lesson__test-question-answer.radio span {
    padding-left: 26px;
  }
}
.homework-lesson__test-question-answer.radio span::after {
  left: 0;
  top: -1px;
  position: absolute;
}

#changes-saved .modal__dialog {
  max-width: 400px;
  padding: 30px;
}
@media (max-width:1680px) {
  #changes-saved .modal__dialog {
    max-width: 320px;
    padding: 20px;
  }
}
.changes-saved__icon {
  width: 120px;
  height: 120px;
  display: flex;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .changes-saved__icon {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:991px) {
  .changes-saved__icon {
    width: 60px;
    height: 60px;
  }
}
.changes-saved__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.changes-saved__message {
  color: #3B414B;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .changes-saved__message {
    margin-top: 10px;
  }
}
.header__nav-olympiad {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00D8FF;
  border-radius: 8px;
  height: 41px;
  padding: 0 18px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  margin-right: 30px;
}
.header__nav-olympiad._sm img {
  margin: 0 !important;
}
@media (max-width:1680px) {
  .header__nav-olympiad._sm {
    margin-right: 30px;
  }
}
@media (max-width:991px) {
  .header__nav-olympiad._sm {
    margin-right: 20px;
  }
}
@media (max-width:767px) {
  .header__nav-olympiad._sm {
    margin-right: 10px;
  }
}
.header__nav-olympiad img {
  width: 23px;
  margin-right: 10px;
}
@media (max-width:1680px) {
  .header__nav-olympiad img {
    margin-right: 0;
    width: 21px;
  }
}
@media (max-width:991px) {
  .header__nav-olympiad img {
    width: 18px;
  }
}
@media (min-width: 991px) {
  .header__nav-olympiad {
    transition: all linear 0.2s;
  }
  .header__nav-olympiad:hover {
    box-shadow: 0px 8px 16px rgba(0, 216, 255, 0.16);
  }
}
@media (max-width:1680px) {
  .header__nav-olympiad {
    height: 35px;
    padding: 0 14px;
    margin-right: 20px;
  }
  .header__nav-olympiad span {
    display: none;
  }
}
@media (max-width:991px) {
  .header__nav-olympiad {
    height: 30px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .header__nav-olympiad {
    margin-right: 10px;
  }
}

.sign-up__form-roles {
  gap: 10px;
}

.single-rating__user-col._balance {
  grid-column-start: 1;
  grid-row-start: 2;
}
@media (max-width:991px) {
  .single-rating__user-col._balance .single-rating__user-balance {
    margin-bottom: 0;
    margin-right: 10px;
  }
}
@media (max-width:991px) {
  .single-rating__user-col._balance {
    flex-direction: row;
    grid-row-start: 3;
    grid-column: span 2;
  }
}
@media (max-width:767px) {
  .single-rating__user-col._balance {
    grid-column-start: 2;
  }
}

.single-rating__user-body {
  grid-row: span 2;
}

.single-rating__user {
  grid-row-gap: 10px !important;
}

#career-guidance-test .modal__dialog,
#career-guidance-test-required .modal__dialog {
  padding: 40px;
  max-width: 500px;
}
@media (max-width:1680px) {
  #career-guidance-test .modal__dialog,
  #career-guidance-test-required .modal__dialog {
    padding: 30px;
    max-width: 400px;
  }
}
@media (max-width:991px) {
  #career-guidance-test .modal__dialog,
  #career-guidance-test-required .modal__dialog {
    padding: 20px;
    max-width: 320px;
  }
}
#career-guidance-test .title-decor,
#career-guidance-test-required .title-decor {
  padding: 0 10%;
}

.career-guidance-test__logo {
  display: flex;
  width: 164px;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .career-guidance-test__logo {
    width: 122px;
  }
}
@media (max-width:991px) {
  .career-guidance-test__logo {
    width: 108px;
  }
}
.career-guidance-test__logo img {
  width: 100%;
}

.career-guidance-test__label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  margin: 30px 0 10px;
}
.career-guidance-test__label span {
  color: #7B20FF;
  font-weight: 600;
}
@media (max-width:1680px) {
  .career-guidance-test__label {
    margin: 20px 0 10px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .career-guidance-test__label {
    margin: 10px 0;
    font-size: 16px;
  }
}
.career-guidance-test__text {
  text-align: center;
  color: #3B414B;
}

.career-guidance-test__bottom {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  gap: 20px;
}
@media (max-width:1680px) {
  .career-guidance-test__bottom {
    margin-top: 20px;
    gap: 10px;
  }
}
@media (max-width:991px) {
  .career-guidance-test__bottom {
    margin-top: 10px;
    flex-wrap: wrap;
  }
}
.career-guidance-test__btn {
  max-width: 300px;
  width: 100%;
}
@media (max-width:1680px) {
  .career-guidance-test__btn {
    max-width: 250px;
  }
}
@media (max-width:991px) {
  .career-guidance-test__btn {
    max-width: 100%;
    width: 100%;
  }
}
.career-guidance-test__btn.btn-tp {
  border-color: #3B414B;
  color: #3B414B;
}

@media (min-width: 991px) and (max-width: 1680px) {
  .datapicker .air-datepicker-body--cells.-days-,
  .datapicker .air-datepicker-body--day-names {
    grid-template-columns: repeat(auto-fit, minmax(22px, 1fr));
  }
}
.new-courses__slider-slide {
  height: auto;
  min-height: auto;
  grid-template-rows: auto 1fr;
}

.new-courses__slide-body {
  display: flex;
  flex-direction: column;
}

.new-courses__slide-text.text-sm {
  flex: 1 0 auto;
}

.news__item,
.promotions__item {
  display: flex;
  flex-direction: column;
}

.news__item-body,
.promotions__item-body {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.promotions__item-text,
.news__item-text {
  flex: 1 0 auto;
}

.input input:focus + .date-placeholder {
  display: none;
}
.input._changed .date-placeholder {
  display: none;
}

.date-placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  background: white;
  color: #A6AAB4;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  padding: 2px;
  padding-left: 0;
}
@media (max-width:1680px) {
  .date-placeholder {
    left: 14px;
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .date-placeholder {
    left: 12px;
    font-size: 14px;
  }
}
.slider-progress__item-quantity {
  width: 27px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #7B20FF;
  border-radius: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
}

.create-olypiad-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  padding-bottom: 20px;
}

.create-olypiad__content {
  margin-bottom: 20px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px 30px 30px 30px;
}

.create-course__btn-span {
  padding-left: 5px;
}

.create-olypiad__content-two {
  padding-bottom: 30px;
}

.create-olypiad__content-one {
  margin-bottom: 20px;
}

.create-olypiad__content--wrp {
  gap: 0 20px;
}

.create-olypiad-body-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.create-olypiad-body-row-2 {
  align-items: start;
}

.create-olypiad-body-input,
.create-olypiad-body-textarea {
  width: 100%;
}

.create-olypiad-body-textarea textarea {
  padding-left: 18px;
  min-height: 90px;
}

.create-olypiad-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.create-olypiad-row:nth-last-child(1) {
  margin-bottom: 0;
}
.create-olypiad-row:nth-last-child(1) .add__scedule-etap {
  margin-bottom: 0;
}

.create-olypiad-grid {
  display: grid;
  grid-template-columns: 61.5% 36%;
  gap: 30px;
  justify-content: space-between;
}

.create-olypiad-box {
  padding-top: 20px;
}
.create-olypiad-box input {
  margin-bottom: 10px;
}

.create-olypiad-input {
  margin-bottom: 10px;
}
.create-olypiad-input textarea {
  padding-left: 18px;
}

.create-olypiad-input-two {
  margin-bottom: 20px;
}

.create-olypiad-textarea textarea {
  min-height: 80px;
  margin-bottom: 20px;
  padding-left: 18px;
}

.create-olypiad-textarea-two {
  margin-bottom: 15px;
}
.create-olypiad-textarea-two textarea {
  padding-left: 18px;
}

.create-olypiad-dropdown {
  max-width: 100%;
}

.create-olypiad-row-grid {
  display: grid;
  grid-template-columns: 58% 39.5%;
}
.create-olypiad-row-grid .add__scedule-row {
  display: grid;
  grid-template-columns: 33% 35% 31%;
}
.create-olypiad-row-grid .add__scedule-etap {
  margin-bottom: 10px;
}

.create-olypiad-body-pay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.create-olypiad-body-pay input {
  text-align: right;
  width: 102px;
}

.create-olypiad-pay-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
}

.create-olypiad-wrapp {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 30px;
  margin-bottom: 20px;
}

.create__olypiad-age-subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  display: flex;
  align-items: center;
  color: #3B414B;
}

.create__olypiad-age-coll {
  display: flex;
  align-items: center;
  gap: 10px;
}
.create__olypiad-age-coll input {
  text-align: right;
  width: 102px;
}

.create-olypiad__scedule-row {
  width: 792px;
}

.create-olypiad__scedule-row-coll {
  width: 536px;
  display: flex;
  justify-content: start;
}
.create-olypiad__scedule-row-coll .add__scedule-coll:nth-child(1) {
  margin-right: 27px;
  position: relative;
}
.create-olypiad__scedule-row-coll .add__scedule-coll:nth-child(1):after {
  content: "-";
  position: absolute;
  right: -18px;
  top: 10px;
}
.create-olypiad__scedule-row-coll .add__scedule-coll:nth-child(2) {
  margin: 0;
}
.create-olypiad__scedule-row-coll .add__scedule-coll:nth-child(2)::after {
  content: "";
}

.create-olypiad__scedule-row-coll.--dell-tr .add__scedule-coll:nth-child(1) {
  margin-right: 0;
}
.create-olypiad__scedule-row-coll.--dell-tr .add__scedule-coll:nth-child(1):after {
  content: "";
  position: absolute;
  right: -18px;
  top: 10px;
}

.create-olypiad-wrapp-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.create-olypiad-wrapp-two {
  max-width: 500px;
  margin-bottom: 0;
  justify-content: space-between;
}

.create-olypiad__content-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 30px;
}

.create-olypiad__content-title.--fix-padding {
  margin-bottom: 25px;
}

.create-olypiad__content-title.--fix-padding-two {
  margin-bottom: 20px;
}

.create-olypiad-row-coll {
  padding: 30px;
  border: 1px solid #7B20FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}

.create-olypiad-row-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}

.create-olypiad-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #7B20FF;
}

.create-olypiad__scedule-container {
  max-width: 750px;
  padding-bottom: 2px;
}
.create-olypiad__scedule-container .add__scedule-row {
  display: grid;
  grid-template-columns: 29% 32% 31%;
  justify-content: start;
  gap: 27px;
}
.create-olypiad__scedule-container .add__scedule-coll {
  width: 100%;
}

.create-olypiad__file-list {
  margin-top: 9px;
}

.create-olypiad-row-protocol {
  align-items: start;
}

.create-olypiad__file-list-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.create__olypiad-reward-row {
  max-width: 875px;
  display: flex;
  justify-content: end;
  margin-top: 20px;
}
.create__olypiad-reward-row .reward-add-btn {
  width: 179px;
  height: 35px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  padding: 0;
}

.create__olypiad-reward-row-2 {
  margin-top: 0;
}

.create__olypiad-reward {
  max-width: 875px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.create__olypiad-label {
  position: relative;
  flex: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.create__olypiad-label .olimp-table-hint {
  transition: 0.2s;
  top: calc(-60% - 20px);
}
.create__olypiad-label:hover .olimp-table-hint {
  opacity: 1;
  z-index: 3;
}

.create__olypiad-label-input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -333;
  opacity: 0;
}

.create__olypiad-label-img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create__olypiad-label-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.create__olypiad-reward-input {
  width: 100%;
}

.reward-add-btn {
  cursor: pointer;
}

.create__olypiad-reward-remove {
  cursor: pointer;
}

.create-olypiad__cover {
  max-width: 410px;
}

.create-olypiad-pay {
  max-width: 415px;
  margin-bottom: 8px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.create-olypiad-pay input {
  width: 100%;
}

.create-olypiad-pay-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
}

.create-olypiad__cover {
  margin-bottom: 0;
}
.create-olypiad__cover img {
  object-fit: contain;
}

.create__olypiad-reward-container.--partners {
  padding-top: 7px;
  max-width: 704px;
}
.create__olypiad-reward-container.--partners .create__olypiad-label-img,
.create__olypiad-reward-container.--partners .create__olypiad-label {
  width: 145px;
  height: 80px;
}

.create__olypiad-reward-row-3 {
  max-width: 704px;
}
.create__olypiad-reward-row-3 .partners-add-btn {
  cursor: pointer;
  padding: 0;
  width: 190px;
  height: 35px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}

.create__olypiad-video {
  max-width: 875px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.create__olypiad-video .create__olypiad-video-box {
  width: 195px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A6AAB4;
  opacity: 0.8;
  border-radius: 5px;
  pointer-events: none;
}
.create__olypiad-video .create__olypiad-video-box::after {
  background: none;
}
.create__olypiad-video .create__olypiad-video-box::before {
  content: "";
}
.create__olypiad-video .create__olypiad-video-box.--active-video {
  pointer-events: auto;
}
.create__olypiad-video .create__olypiad-video-box.--active-video::before {
  content: url("../../images/img/icons/video-start.svg");
  font-size: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 150px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.create__olypiad-video-coll {
  width: 100%;
}

.create__olypiad-video-back {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
}

.create__olypiad-video-input {
  margin-bottom: 30px;
}

.progressbar {
  width: 210px;
  height: 5px;
  background: #E8E9EC;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: none;
}

.progressbar-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background: #7B20FF;
}

.progressbar.--load {
  display: block;
  margin-top: 5px;
}

.create-olypiad__file--video {
  width: 410px;
  display: grid;
  grid-template-columns: 240px 150px;
  justify-content: space-between;
}
.create-olypiad__file--video .create-olypiad__file-list {
  grid-column: 1/3;
  display: flex;
}
.create-olypiad__file--video .create-olypiad__file-list .text-sm {
  margin-right: 0;
  margin-left: auto;
}

.creater__olypiad-video-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  display: flex;
  align-items: center;
  color: #3B414B;
}

.video-add-btn {
  width: 163px;
  height: 35px;
  padding: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
}

.create-olypiad__file-video .file-name {
  position: relative;
  background: url("../../images/img/icons/saved-check.svg") no-repeat left top 1px/auto 16px;
}

.create__olypiad-video-remove {
  margin-top: 10px;
  cursor: pointer;
}

.create-olypiad-galary-box {
  display: grid;
  gap: 30px;
  padding-top: 25px;
  grid-template-columns: repeat(6, 180px);
}

.crate__galry-box-head {
  width: 100%;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.crate__galry-box-head img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.create__gaglary-box {
  width: 100%;
  position: relative;
}

.create__galary-img-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  line-height: 130%;
  color: #3B414B;
  padding-top: 9px;
}

.create__olypiad-galary-remove {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.create-course__body-two {
  grid-column: 2/3;
}

.create-olypiad__sidebar {
  grid-row: span 3;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .create-olypiad-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
  }
  .create-olypiad__content--wrp {
    grid-template-columns: 224px 670px;
  }
  .create-olypiad-pay-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
  }
  .create-olypiad-body-pay input {
    width: 90px;
  }
  .create-olypiad-row {
    margin-bottom: 24px;
  }
  .create__olypiad-age-coll input {
    width: 94px;
  }
  .create-olypiad__scedule-row-one {
    display: block;
  }
  .create-olypiad__scedule-row-one .add__scedule-coll-title {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .create-olypiad__scedule-row .add__scedule-coll-title {
    padding-top: 7px;
  }
  .create-olypiad__scedule-row .add__scedule-data {
    width: 139px;
  }
  .create-olypiad__scedule-row .add__scedule-data input {
    padding-right: 11px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad__scedule-row .add__scedule-time {
    width: 66px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad__scedule-row .add__scedule-coll-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad__scedule-row .add__scedule-coll-title-two {
    padding-top: 5px;
  }
  .create-olypiad-wrapp {
    margin-bottom: 15px;
  }
  .create-olypiad-wrapp-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-wrapp-two {
    max-width: 467px;
    margin-bottom: 0;
  }
  .create-olypiad__content {
    padding: 20px;
  }
  .create-olypiad__content-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #3B414B;
    margin-bottom: 17px;
  }
  .create-olypiad-row-grid {
    grid-template-columns: 67% 30.8%;
    margin-bottom: 10px;
    align-items: start;
  }
  .create-olypiad-row-grid .add__scedule-etap-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .create-olypiad-row-grid .add__scedule-etap-two .add__scedule-etap-title {
    padding-bottom: 5px;
  }
  .create-olypiad-row-grid .add__scedule-etap-two .add__scedule-row {
    margin-bottom: 22px;
  }
  .create-olypiad-row-grid .add__scedule-coll-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-row {
    grid-template-columns: 142px 211px 211px;
    margin-bottom: 10px;
  }
  .create-olypiad-row-grid .add__scedule-time {
    width: 68px;
    height: 35px;
  }
  .create-olypiad-row-grid .add__scedule-time input {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-data {
    margin: 0;
  }
  .create-olypiad-row-grid .add__scedule-data input {
    width: 137px;
    height: 35px;
    padding-left: 14px;
    padding-right: 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-coll:nth-child(2) {
    margin-right: 3px;
  }
  .create-olypiad-row-coll {
    padding: 20px;
  }
  .create-olypiad-row-text {
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad-link {
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad__content-title.--fix-padding {
    margin-bottom: 8px;
  }
  .create-olypiad__scedule-container {
    max-width: 653px;
  }
  .create-olypiad__scedule-container .add__scedule-etap-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 15px;
  }
  .create-olypiad__scedule-container .add__scedule-row {
    margin-top: 0px;
  }
  .create-olypiad__scedule-container .add__scedule-etap {
    margin-bottom: 20px;
  }
  .create-olypiad__scedule-container .add__scedule-row {
    grid-template-columns: 177px 207px 207px;
    margin-bottom: 10px;
  }
  .create-olypiad__scedule-container .add__scedule-time {
    width: 68px;
    height: 35px;
  }
  .create-olypiad__scedule-container .add__scedule-time input {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-data {
    margin: 0;
  }
  .create-olypiad__scedule-container .add__scedule-data input {
    width: 137px;
    height: 35px;
    padding-left: 14px;
    padding-right: 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-coll:nth-child(2) {
    margin-right: 3px;
  }
  .stage-add-btn--create-olympiad {
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad__content-title.--fix-padding-two {
    margin-bottom: 17px;
  }
  .create-olypiad-grid {
    gap: 20px;
    grid-template-columns: 59.5% 38.5%;
  }
  .create-olypiad-grid .create-olypiad-row-coll {
    padding: 19px;
  }
  .create-olypiad-grid .create-olypiad-row-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-grid .create-olypiad-link {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-box {
    padding-top: 12px;
  }
  .create-olypiad-textarea textarea {
    min-height: 69px;
  }
  .create-olypiad-textarea-two textarea {
    padding-left: 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    padding: 7px 14px;
    height: 63px;
  }
  .create__olypiad-label-img {
    width: 50px;
    height: 50px;
  }
  .create__olypiad-reward {
    max-width: 600px;
    gap: 10px;
  }
  .create__olypiad-reward-row {
    max-width: 600px;
    margin-top: 10px;
  }
  .create__olypiad-reward-row .reward-add-btn {
    width: 158px;
    height: 31px;
    font-size: 16px;
    line-height: 130%;
  }
  .create__olypiad-reward-row-2 {
    margin-top: 17px;
  }
  .create-olypiad__cover {
    max-width: 225px;
  }
  .create__olypiad-reward-container.--partners {
    padding-top: 10px;
    max-width: 707px;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-label-img,
  .create__olypiad-reward-container.--partners .create__olypiad-label {
    width: 109px;
    height: 60px;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-reward {
    max-width: 100%;
  }
  .create-olypiad-input textarea {
    padding-left: 18px;
    padding-left: 14px;
    font-size: 16px;
    line-height: 130%;
  }
  .create__olypiad-reward-row {
    max-width: 707px;
    margin-top: 17px;
  }
  .create__olypiad-reward-row .partners-add-btn {
    width: 167px;
    height: 31px;
    padding: 0;
    font-size: 16px;
    line-height: 130%;
  }
  .create__olypiad-video .create__olypiad-video-box {
    width: 160px;
    height: 100px;
  }
  .create__olypiad-video-input {
    margin-bottom: 17px;
  }
  .create__olypiad-video {
    max-width: 869px;
  }
  .creater__olypiad-video-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__file--video {
    width: 390px;
  }
  .progressbar.--load {
    display: block;
    margin-top: 7px;
  }
  .progressbar {
    width: 212px;
  }
  .create-olypiad__file--video .create-olypiad__file-list .text-sm {
    margin-right: 30px;
  }
  .video-add-btn {
    width: 144px;
    height: 31px;
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad-textarea textarea {
    min-height: 66px;
  }
  .create-olypiad-galary-box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    gap: 20px 13px;
  }
  .create__gaglary-box {
    width: 140px;
  }
  .crate__galry-box-head {
    height: 90px;
  }
  .create__galary-img-name {
    font-size: 14px;
    line-height: 130%;
  }
  .create__olypiad-galary-remove {
    right: -11px;
    top: -7px;
  }
  .create-olypiad__scedule-row {
    width: 100%;
  }
  .create-olypiad__scedule-row-coll {
    width: 415px;
  }
  .create-olypiad-wrapp-title {
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad-wrapp-two .create-olypiad-wrapp-title {
    font-size: 14px;
    line-height: 130%;
  }
  .dropdown__current-span-olypiad {
    display: none;
  }
  .create-olypiad-row-grid .add__scedule-coll-title {
    grid-column: span 1;
  }
  .create-olypiad-row-grid .add__scedule-data input {
    width: 130px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .create-olypiad-row-grid .add__scedule-row {
    grid-template-columns: 23% 36% 35%;
  }
  .create-olypiad-row-grid .add__scedule-coll:nth-child(2):after {
    content: "-";
    position: absolute;
    right: -14px;
  }
}
@media (max-width: 1400px) {
  .create-olypiad-row-grid .add__scedule-row {
    grid-template-columns: 26% 40% 40%;
  }
  .create-olypiad-row-grid .add__scedule-coll-title {
    padding-top: 10px;
  }
  .create-olypiad__scedule-container .add__scedule-data {
    width: 150px;
  }
  .create-olypiad__scedule-container .add__scedule-coll-title {
    padding-top: 10px;
    grid-column: span 1;
  }
}
@media (max-width: 1250px) {
  .create-olypiad__content--wrp {
    grid-template-columns: 224px 1fr;
  }
}
@media (max-width: 1200px) {
  .create-olypiad-row-grid {
    display: block;
    max-width: 572px;
  }
  .create-olypiad-row-grid .add__scedule-coll:nth-child(2):after {
    content: "-";
    position: absolute;
    right: -10px;
  }
  .create-olypiad-row-grid .add__scedule-input,
  .create-olypiad-row-grid .add__scedule-dropdown {
    margin-bottom: 20px;
  }
}
@media (max-width: 1110px) {
  .create-course__body-two {
    grid-column: 1/3;
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .create-olypiad__content {
    margin-bottom: 10px;
  }
  .create-olypiad-title {
    font-size: 16px;
    line-height: 130%;
  }
  .cabintet-main-create-olypiad {
    margin-top: 10px;
  }
  .create-olypiad__content--wrp {
    padding: 20px;
    grid-template-columns: 188px 1fr;
  }
  .create-olypiad-icon img {
    width: 18px;
    height: 18px;
  }
  .create-olypiad-body-textarea textarea {
    padding-left: 12px;
    padding-top: 8px;
    min-height: 59px;
    font-size: 14px;
    line-height: 130%;
  }
  .create-course__body-two {
    margin-top: 0;
  }
  .create-olypiad-wrapp-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create__olypiad-age-subtitle {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad-wrapp {
    gap: 17px;
  }
  .create-olypiad-row {
    margin-bottom: 15px;
  }
  .create-olypiad__scedule-row {
    display: flex;
    padding-bottom: 10px;
  }
  .create-olypiad__scedule-row .add__scedule-coll-title {
    width: 250px;
  }
  .create-olypiad__scedule-row .add__scedule-coll-title {
    padding-top: 7px;
  }
  .create-olypiad__scedule-row .add__scedule-data {
    width: 123px;
    height: 30px;
  }
  .create-olypiad__scedule-row .add__scedule-data input {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-row .add__scedule-time {
    width: 59px;
    height: 30px;
  }
  .create-olypiad__scedule-row .add__scedule-time input {
    font-size: 14px;
    line-height: 130%;
    padding-right: 6px;
    padding-left: 6px;
  }
  .create-olypiad__scedule-row .add__scedule-coll-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-row .add__scedule-coll-title-two {
    padding-top: 5px;
  }
  .create-olypiad__scedule-row .create-olypiad__scedule-row-coll {
    width: 220px;
  }
  .create-olypiad-wrapp-two {
    max-width: 100%;
  }
  .create-olypiad__content-one {
    margin-bottom: 10px;
  }
  .create-olypiad__content-title {
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-etap-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-coll-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-data {
    width: 123px;
    height: 30px;
  }
  .create-olypiad-row-grid .add__scedule-coll {
    width: 187px;
  }
  .create-olypiad-row-grid .add__scedule-data {
    width: 130px;
  }
  .create-olypiad-row-grid .add__scedule-data input {
    width: 123px;
    height: 30px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-time {
    width: 59px;
    height: 30px;
  }
  .create-olypiad-row-grid .add__scedule-time input {
    font-size: 14px;
    line-height: 130%;
    padding-right: 12px;
    padding-left: 9px;
  }
  .create-olypiad-row-grid .add__scedule-row {
    grid-template-columns: 163px 214px 238px;
    margin-bottom: 20px;
  }
  .create-olypiad-row-grid .add__scedule-coll:nth-child(2):after {
    content: "-";
    position: absolute;
    right: -17px;
    top: 6px;
  }
  .create-olypiad-row-grid .add__scedule-coll-title {
    padding-top: 6px;
  }
  .create-olypiad-row-grid .create-olypiad-row-coll {
    padding: 15px 15px 10px 15px;
  }
  .create-olypiad-row-grid .create-olypiad-row-text {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .create-olypiad-link {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-etap-two .add__scedule-dropdown {
    margin-bottom: 10px;
  }
  .create-olypiad__content-title.--fix-padding {
    margin-bottom: 7px;
  }
  .create-olypiad__scedule-container {
    max-width: 765px;
  }
  .create-olypiad__scedule-container .add__scedule-etap-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-etap-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-coll-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-data {
    width: 123px;
    height: 30px;
  }
  .create-olypiad__scedule-container .add__scedule-coll {
    width: 187px;
  }
  .create-olypiad__scedule-container .add__scedule-data {
    width: 130px;
  }
  .create-olypiad__scedule-container .add__scedule-data input {
    width: 123px;
    height: 30px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-time {
    width: 59px;
    height: 30px;
  }
  .create-olypiad__scedule-container .add__scedule-time input {
    font-size: 14px;
    line-height: 130%;
    padding-right: 12px;
    padding-left: 9px;
  }
  .create-olypiad__scedule-container .add__scedule-row {
    grid-template-columns: 1fr 186px 186px;
    margin-bottom: 15px;
  }
  .create-olypiad__scedule-container .add__scedule-coll:nth-child(2):after {
    content: "-";
    position: absolute;
    right: -17px;
    top: 6px;
  }
  .create-olypiad__scedule-container .add__scedule-etap {
    margin-bottom: 15px;
  }
  .create-olypiad__scedule-container .add__scedule-coll-title {
    padding-top: 6px;
  }
  .create-olypiad__scedule-container .create-olypiad-row-coll {
    padding: 15px 15px 10px 15px;
  }
  .create-olypiad__scedule-container .create-olypiad-row-text {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .create-olypiad-link {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-etap-two .add__scedule-dropdown {
    margin-bottom: 10px;
  }
  .stage-add-btn--create-olympiad {
    font-size: 14px;
    line-height: 130%;
  }
  .create-olypiad-grid {
    display: block;
  }
  .create-olypiad-grid .create-olypiad-row-coll {
    margin-top: 10px;
    padding: 15px;
  }
  .create-olypiad__content-title.--fix-padding-two {
    margin-bottom: 6px;
  }
  .create-olypiad-textarea textarea {
    padding: 6px 12px;
    min-height: 60px;
    margin-bottom: 15px;
  }
  .create-olypiad__file .btn-sm {
    width: 119px;
    height: 30px;
    border-radius: 8px;
  }
  .create-olypiad-protocol-btn {
    width: 189px;
    height: 30px;
  }
  .create-olypiad-textarea-two textarea {
    font-size: 14px;
    line-height: 130%;
    padding: 6px 12px;
  }
  .create__olypiad-label-img,
  .create__olypiad-label {
    width: 40px;
    height: 40px;
  }
  .create__olypiad-reward-row {
    max-width: 600px;
    margin-top: 12px;
  }
  .create__olypiad-reward-row .reward-add-btn {
    width: 144px;
    height: 30px;
    font-size: 14px;
    line-height: 130%;
    border-radius: 8px;
  }
  .create-olypiad-input textarea {
    font-size: 14px;
    line-height: 130%;
    padding: 6px 12px;
    min-height: 60px;
  }
  .create-olypiad__cover {
    max-width: 190px;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-label-img,
  .create__olypiad-reward-container.--partners .create__olypiad-label {
    width: 90px;
    height: 45px;
  }
  .create__olypiad-reward-row.create__olypiad-reward-row-3 {
    max-width: 690px;
    margin-top: 20px;
  }
  .create__olypiad-reward-row.create__olypiad-reward-row-3 .partners-add-btn {
    width: 153px;
    height: 30px;
    font-size: 14px;
    line-height: 130%;
    border-radius: 8px;
  }
  .create__olypiad-video .create__olypiad-video-box {
    width: 131px;
    height: 79px;
  }
  .create__olypiad-video-back {
    font-size: 12px;
    line-height: 130%;
  }
  .create__olypiad-video {
    gap: 15px;
  }
  .create-olypiad__file--video {
    width: 403px;
  }
  .progressbar {
    width: 211px;
  }
  .create-olypiad__file--video .create-olypiad__file-list .text-sm {
    margin-right: 44px;
  }
  .create__olypiad-video .create__olypiad-video-box.--active-video::before {
    content: url("../../images/img/icons/video-start-table.svg");
    width: 27px;
    height: 27px;
  }
  .create__gaglary-box {
    width: 120px;
  }
  .crate__galry-box-head {
    height: 75px;
  }
  .create__galary-img-name {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad-galary-box {
    gap: 20px 23px;
  }
  .video-add-btn {
    width: 132px;
    height: 30px;
    font-size: 14px;
    line-height: 130%;
  }
}
@media (max-width: 710px) {
  .create-olypiad__content--wrp {
    display: block;
  }
  .create-olypiad__scedule-row {
    display: block;
  }
  .create-olypiad-row-grid .add__scedule-row {
    grid-template-columns: 210px 49%;
  }
  .create-olypiad-row-grid .add__scedule-coll-title {
    grid-column: span 3;
  }
}
@media (max-width: 670px) {
  .create__olypiad-video {
    display: grid;
    grid-template-columns: 90% 10%;
    gap: 0;
  }
  .create__olypiad-video .box-video {
    margin-bottom: 10px;
  }
  .create__olypiad-video .create__olypiad-video-coll {
    grid-row: 2/2;
  }
  .create__olypiad-video .create__olypiad-video-remove {
    grid-row: 2/2;
    margin-top: 5px;
    display: flex;
    justify-content: end;
  }
  .create__olypiad-video .create__olypiad-video-remove img {
    width: 18px;
    height: 18px;
  }
  .create__olypiad-label-input {
    width: 0;
  }
  .create-olypiad__file--video {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .creater__olypiad-video-title {
    padding-bottom: 10px;
  }
  .create-olypiad__file--video .create-olypiad__file-list .text-sm {
    margin-left: 15px;
    margin-top: 2px;
  }
  .create-olypiad-galary-box {
    gap: 13px 30px;
  }
  .create__olypiad-galary-remove {
    right: -7px;
    top: -7px;
  }
  .create__olypiad-galary-remove img {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 768px) {
  .create-olympiad__bottom {
    margin-top: 20px;
    grid-template-columns: 1fr 126px 75px;
  }
  .create-olympiad__bottom .create-course__btn.btn-tp {
    grid-column-start: 3;
  }
  .create-course__btn-span {
    display: none;
  }
  .create-olypiad__file .btn-sm {
    padding: 0;
  }
}
@media (max-width: 572px) {
  .create-olypiad-grid .create-olypiad-row-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad-grid .create-olypiad-link {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad-row.create-olypiad-row-protocol {
    display: flex;
    flex-direction: column-reverse;
  }
  .create-olypiad__file .btn-sm {
    padding: 0;
  }
  .create-olypiad-protocol-btn {
    margin-bottom: 6px;
    border-radius: 8px;
  }
  .create-olypiad-row {
    display: block;
  }
  .create-olypiad-body-pay {
    width: 110px;
  }
  .create-olypiad-wrapp {
    display: grid;
    grid-template-columns: 49% 49%;
  }
  .create-olypiad-wrapp .create-olypiad-wrapp-title {
    grid-column: span 2;
  }
  .create-olypiad-wrapp .create-olypiad__scedule-row-coll {
    display: block;
  }
  .create-olypiad__scedule-row {
    margin-bottom: 0;
    padding-bottom: 7px;
  }
  .create-olypiad__scedule-row .create-olypiad__scedule-row-coll {
    width: 100%;
    display: block;
  }
  .create-olypiad__scedule-row .create-olypiad__scedule-row-coll .add__scedule-coll:nth-child(1) {
    margin: 0;
    margin-bottom: 10px;
  }
  .create-olypiad__scedule-row .create-olypiad__scedule-row-coll .add__scedule-coll:nth-child(1):after {
    content: "";
  }
  .create-olypiad__scedule-row .create-olypiad__scedule-row-coll .add__scedule-data {
    width: 49%;
  }
  .create-olypiad__scedule-row .create-olypiad__scedule-row-coll .add__scedule-time {
    width: 49%;
  }
  .create-olypiad-wrapp-two {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .create-olypiad-wrapp-two .create-olypiad-wrapp-title {
    grid-column: span 1;
  }
  .cabintet-main-create-olypiad {
    margin-top: 3px;
  }
  .cabintet-main-create-olypiad .create-course__cover {
    margin-bottom: 17px;
  }
  .cabintet-main-create-olypiad .create-course__body {
    margin-bottom: 17px;
  }
  .cabintet-main-create-olypiad .create-olypiad-dropdown {
    margin-bottom: 10px;
  }
  .create-olypiad-pay-title {
    font-size: 16px;
    line-height: 130%;
  }
  .create-olypiad-wrapp {
    grid-template-columns: 39% 39%;
    justify-content: start;
    gap: 10px 20px;
    margin-bottom: 10px;
  }
  .create-olypiad-wrapp-two {
    align-items: start;
  }
  .create-olypiad-row-grid .add__scedule-row {
    display: block;
  }
  .create-olypiad-row-grid .add__scedule-coll-title {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .add__scedule-etap-title {
    padding-bottom: 3px;
  }
  .create-olypiad-row-grid .add__scedule-coll {
    width: 100%;
  }
  .create-olypiad-row-grid .add__scedule-data {
    width: 49%;
  }
  .create-olypiad-row-grid .add__scedule-data input {
    width: 100%;
  }
  .create-olypiad-row-grid .add__scedule-time {
    width: 49%;
  }
  .create-olypiad-row-grid .add__scedule-coll {
    margin: 0;
  }
  .create-olypiad-row-grid .add__scedule-coll:nth-child(2):after {
    content: "";
    position: absolute;
    right: -17px;
    top: 6px;
  }
  .create-olypiad-row-grid .add__scedule-coll-row {
    margin-bottom: 3px;
  }
  .create-olypiad-row-grid .add__scedule-coll {
    margin-bottom: 10px;
  }
  .create-olypiad-row-grid .add__scedule-row {
    margin-bottom: 5px;
  }
  .create-olypiad-row-grid .add__scedule-etap-two .add__scedule-row {
    margin-bottom: 5px;
  }
  .create-olypiad-row-grid .add__scedule-input {
    margin-bottom: 5px;
  }
  .create-olypiad-row-grid .add__scedule-dropdown {
    margin-bottom: 0;
  }
  .create-olypiad-row-grid .create-olypiad-row-text {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad-row-grid .create-olypiad-link {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-row {
    display: block;
  }
  .create-olypiad__scedule-container .add__scedule-coll-title {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .add__scedule-etap-title {
    padding-bottom: 10px;
  }
  .create-olypiad__scedule-container .add__scedule-coll {
    width: 100%;
  }
  .create-olypiad__scedule-container .add__scedule-data {
    width: 49%;
  }
  .create-olypiad__scedule-container .add__scedule-data input {
    width: 100%;
  }
  .create-olypiad__scedule-container .add__scedule-time {
    width: 49%;
  }
  .create-olypiad__scedule-container .add__scedule-coll {
    margin: 0;
  }
  .create-olypiad__scedule-container .add__scedule-coll:nth-child(2):after {
    content: "";
    position: absolute;
    right: -17px;
    top: 6px;
  }
  .create-olypiad__scedule-container .add__scedule-coll-row {
    margin-bottom: 3px;
  }
  .create-olypiad__scedule-container .add__scedule-coll {
    margin-bottom: 10px;
  }
  .create-olypiad__scedule-container .add__scedule-row {
    margin-bottom: 5px;
  }
  .create-olypiad__scedule-container .add__scedule-etap-two .add__scedule-row {
    margin-bottom: 5px;
  }
  .create-olypiad__scedule-container .add__scedule-input {
    margin-bottom: 10px;
  }
  .create-olypiad__scedule-container .add__scedule-dropdown {
    margin-bottom: 0;
  }
  .create-olypiad__scedule-container .create-olypiad-row-text {
    font-size: 12px;
    line-height: 130%;
  }
  .create-olypiad__scedule-container .create-olypiad-link {
    font-size: 12px;
    line-height: 130%;
  }
  .cabintet-main-create-olypiad .create-course__body-two {
    margin-bottom: 0;
  }
  .create-olypiad-wrapp-two {
    margin-bottom: 0;
  }
  .create-olypiad__content-title {
    margin-bottom: 14px;
  }
  .cabintet-main-create-olypiad .create-olypiad__cover-two {
    margin-bottom: 0px;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-reward {
    display: grid;
    grid-template-columns: 90% 10%;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-reward-input {
    grid-row: 2/2;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-reward-remove {
    grid-row: 2/2;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-label-img,
  .create__olypiad-reward-container.--partners .create__olypiad-label {
    width: 144px;
    height: 73px;
  }
  .create__olypiad-reward-container.--partners .create__olypiad-label {
    margin-bottom: 5px;
  }
  .create__olypiad-reward-row.create__olypiad-reward-row-3 {
    margin-top: 12px;
  }
}
.management-olympiads-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 20px;
}

.management-olympiads-card .title-decor {
  margin-bottom: 23px;
}

.management-olympiads-table-hed {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  padding: 6px 12px;
  background: #7B20FF;
  border-radius: 8px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
}

.management-olympiads-table-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-bottom: 10px;
}

.management-olympiads-table-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.management-olympiads-table {
  margin-top: 33px;
}

.management-olympiads-table-btn {
  background: transparent;
  border: 1px solid #7B20FF;
  color: #7B20FF;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .management-olympiads-title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #7B20FF;
  }
  .management-olympiads-table {
    margin-top: 22px;
  }
  .management-olympiads-table-hed {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .management-olympiads-table-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
  }
  .management-olympiads-table-row {
    margin-bottom: 8px;
  }
}
@media (max-width: 992px) {
  .management-olympiads-title {
    font-size: 16px;
    line-height: 130%;
    margin-top: 7px;
    margin-bottom: 8px;
  }
  .management-olympiads-table {
    margin-top: 18px;
  }
  .management-olympiads-table-hed {
    font-size: 10px;
    line-height: 130%;
    padding: 4px 12px;
  }
  .management-olympiads-table-name {
    font-size: 12px;
    line-height: 130%;
  }
  .management-olympiads-table-row {
    padding: 4px 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 572px) {
  .management-olympiads-title {
    margin-bottom: 16px;
  }
  .management-olympiads-table-row {
    display: block;
  }
  .management-olympiads-table-btn {
    margin-left: auto;
    margin-right: 0;
    margin-top: 15px;
  }
}
.creating-task-wrapp {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
}

.creating-task-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F2F3F5;
}

.creating-task-headr-input {
  width: 100%;
}

.creating-task-input {
  width: 100%;
  margin-bottom: 10px;
}

.creating-task-row {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F2F3F5;
}

.creating-task-coll {
  width: 100%;
}

.creating-task-remove {
  padding-top: 10px;
}

.creating-task-textarea {
  margin-bottom: 18px;
}
.creating-task-textarea textarea {
  height: 180px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  padding: 7px 18px;
}

.creating-task-row-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}

.file-input-group {
  position: relative;
  cursor: pointer;
}
.file-input-group input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -333;
  opacity: 0;
}

.creating-task-group {
  display: block;
  margin-bottom: 20px;
}
.creating-task-group .btn-tp {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  width: 146px;
  height: 35px;
  padding: 0;
}

.creating-task__file {
  margin-top: 20px;
}

.creating-task-add {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  gap: 10px;
}
.creating-task-add img {
  width: 24px;
  height: 24px;
}

.file-group-row {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
}
.file-group-row .file-name {
  min-width: 180px;
  padding-left: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #3B414B;
  background: url("../../images/img/icons/document-icon-file.svg") no-repeat left top 1px/auto 16px;
}
.file-group-row .file-name-video {
  background: url("../../images/img/icons/saved-check.svg") no-repeat left top 1px/auto 18px;
}
.file-group-row .file-remove-group::before {
  cursor: pointer;
  color: #F3775B;
  font-size: 22px;
  padding-left: 40px;
}

.file-group-none {
  display: none;
}

.file-group-row--none .file-group-none {
  margin-bottom: 20px;
  display: block;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .creating-task-wrapp {
    padding: 20px;
  }
  .creating-task-header {
    gap: 7px;
  }
  .creating-task-row {
    gap: 13px;
  }
  .creating-task-textarea textarea {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #3B414B;
    opacity: 0.6;
    padding: 7px 13px;
    height: 120px;
  }
  .creating-task-row-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #3B414B;
  }
  .creating-task-group .btn-tp {
    width: 128px;
    height: 31px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #7B20FF;
  }
  .creating-task-group {
    margin-bottom: 12px;
  }
  .file-group-row {
    margin-bottom: 10px;
  }
  .file-group-row .file-name {
    min-width: 170px;
    font-size: 14px;
    line-height: 130%;
    padding-left: 25px;
  }
  .file-group-row .file-remove-group::before {
    font-size: 18px;
    padding-left: 20px;
  }
  .creating-task-add {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
  }
  .creating-task-row {
    padding-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .creating-task-title {
    margin-top: 10px;
  }
  .creating-task-header {
    margin-bottom: 5px;
  }
  .creating-task-remove {
    padding-top: 8px;
  }
  .creating-task-remove img {
    width: 15px;
  }
  .creating-task-textarea {
    margin-bottom: 22px;
  }
  .creating-task-textarea textarea {
    height: 90px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .creating-task-row-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .creating-task__file {
    margin-top: 14px;
  }
  .creating-task-group .btn-tp {
    width: 120px;
    font-size: 14px;
    line-height: 130%;
  }
  .file-group-row .file-name {
    min-width: 145px;
    font-size: 12px;
    line-height: 130%;
  }
  .file-group-row .file-remove-group::before {
    font-size: 17px;
    padding-left: 10px;
  }
  .creating-task-row {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .creating-task-add {
    font-size: 14px;
    line-height: 130%;
  }
  .creating-task-add img {
    width: 15px;
  }
  .creating-task__footer {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .creating-task__footer {
    grid-template-columns: 1fr 90px 80px;
  }
  .creating-task__footer .create-course__saved {
    grid-column: 1/4;
    display: flex;
    justify-content: end;
  }
  .creating-task__footer .create-course__btn--three {
    grid-column: 2/3;
  }
  .creating-task__footer .create-course__btn--two {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media (max-width: 572px) {
  .creating-task-wrapp {
    overflow: hidden;
  }
  .creating-task-title {
    margin-top: 2px;
  }
  .creating-task-header {
    margin-bottom: 10px;
  }
  .creating-task-remove {
    padding-top: 5px;
  }
  .creating-task-textarea {
    margin-bottom: 20px;
  }
  .creating-task-row-title {
    width: 160px;
  }
  .creating-task__footer .create-course__saved {
    font-size: 14px;
    line-height: 130%;
  }
}
.create-test__sidebar--row {
  width: 235px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 20px;
}

.btn-sm {
  cursor: pointer;
}

.remove-anser-box {
  cursor: pointer;
}

.create-test--olympiad-remove {
  cursor: pointer;
}

.create-test__question-answer-add {
  cursor: pointer;
}

.create-test__body--olympiad-flex {
  display: flex;
  flex-direction: column;
}
.create-test__body--olympiad-flex .create-test__question-add {
  margin-bottom: 0;
  margin-top: auto;
}

.create-test__sidebar--explanations {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  background: #FFFFFF;
  border: 1px solid #7B20FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
}

.create-test__question-body--olympiad {
  grid-template-columns: 200px 1fr;
  gap: 20px;
  padding-top: 10px;
}
.create-test__question-body--olympiad .create-test__cover-image {
  height: 127px;
}
.create-test__question-body--olympiad .create-test__cover-image img {
  object-fit: contain;
}

.create-test__input--olympiad textarea {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  padding-left: 17px;
  padding-right: 17px;
  resize: none;
  height: 156px;
}

.create-test__file--video {
  display: flex;
  gap: 20px;
  align-items: baseline;
  justify-content: start;
}

.create__test-body-video--olympiad {
  margin-top: 10px;
  margin-bottom: 39px;
}
.create__test-body-video--olympiad .file-name {
  background: url("../../images/img/icons/saved-check.svg") no-repeat left top 1px/auto 16px;
}

.create-test__file--materials {
  margin-bottom: 35px;
}

.create-test__materials-titile {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}

.create-test__question-answers .create-test__question-answers--title {
  margin-bottom: 20px;
}

.create-test__question--olympiad-row {
  margin-bottom: 30px;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .create-olypiad-wrapp-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create-test__sidebar--row {
    width: 200px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .create-test__sidebar--explanations {
    padding: 20px;
    font-size: 14px;
    line-height: 130%;
  }
  .create-test__content-wrp--olympiad {
    grid-template-columns: 302px 1fr;
  }
  .create-test__question-body--olympiad {
    grid-template-columns: 181px 1fr;
    padding-top: 0px;
  }
  .create-test__question-body--olympiad .create-test__cover-image {
    height: 116px;
  }
  .create-test__input--olympiad {
    margin-top: 8px;
  }
  .create-test__input--olympiad textarea {
    padding: 8px 14px;
    font-size: 16px;
    line-height: 130%;
  }
  .create__test-body-video--olympiad {
    margin-top: 0px;
    margin-bottom: 27px;
  }
  .create-test__materials-titile {
    font-size: 16px;
    line-height: 130%;
  }
  .create-test__file--materials {
    margin-bottom: 29px;
  }
  .create-test__question--olympiad-row {
    margin-bottom: 18px;
  }
  .create__box-btn-test {
    margin-top: 30px;
  }
  .create-test__question-checkbox-olympiad {
    margin: 0 10px;
  }
}
@media (max-width: 992px) {
  .create-test__content-wrp--olympiad {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .create-test__content-wrp--olympiad .create-test__sidebar {
    grid-template-columns: 1fr 253px;
    gap: 0 15px;
    align-items: start;
  }
  .create-test-olympiads {
    padding-top: 5px;
  }
  .create-test__content-wrp--olympiad {
    padding: 20px;
  }
  .create-test__title--olympiad {
    margin-bottom: 20px;
  }
  .create-test__sidebar--explanations {
    font-size: 12px;
    line-height: 130%;
  }
  .create-test__sidebar--row {
    width: 188px;
  }
  .create-test__sidebar--row .olimp-table-label-span {
    width: 39px;
    height: 17px;
  }
  .create-test__sidebar--row .olimp-table-label-span::after {
    width: 14px;
    height: 14px;
  }
  .create-test__question-body--olympiad {
    grid-template-columns: 153px 1fr;
  }
  .create-test__question-body--olympiad .create-test__cover-image {
    height: 92px;
  }
  .create-test__question-body--olympiad .create-test__cover-input span {
    font-size: 12px;
    line-height: 130%;
  }
  .create-test__question-body--olympiad .create-test__cover-btns {
    margin-top: 15px;
  }
  .create-test__question-body--olympiad .create-test__cover-btns .create-test__cover-remove {
    margin-left: 15px;
  }
  .create-test__input--olympiad textarea {
    font-size: 14px;
    line-height: 130%;
    padding: 5px 10px;
    min-height: auto;
    max-height: 115px;
  }
  .create-test__question-body--olympiad {
    gap: 3px 20px;
  }
  .create__test-body-video--olympiad {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .create-test__question--olympiad-row {
    margin-bottom: 11px;
  }
  .create__box-btn-test {
    margin-top: 20px;
  }
  .create-test__materials-titile {
    font-size: 14px;
    line-height: 130%;
  }
  .create-test__file--materials {
    margin-bottom: 20px;
  }
  .create-test__question-answers .create-test__question-answers--title {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .create-test__input--olympiad {
    grid-row-start: 1 !important;
    grid-column: 2/3;
  }
}
@media (max-width: 572px) {
  .create-test__content-wrp--olympiad .create-test__sidebar {
    display: block;
    margin-bottom: 30px;
  }
  .create-test__input--olympiad {
    grid-row-start: 2 !important;
    grid-column: 1/3;
  }
  .create-test-olympiads {
    overflow: hidden;
  }
  .create-test__sidebar--row {
    margin-bottom: 12px;
  }
  .create-test__question--olympiad-row .create-test__question-title {
    font-size: 14px;
    line-height: 130%;
  }
  .create-test__input--olympiad textarea {
    max-height: 85px;
    margin-bottom: 15px;
  }
  .create-test__file--video {
    display: block;
  }
  .create-test__materials-titile {
    width: 160px;
    font-size: 14px;
    line-height: 130%;
  }
  .create-test__question-answers--title {
    font-size: 14px;
    line-height: 130%;
  }
}
.video-editing-head {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 20px;
}

.video-editing-row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  gap: 20px;
  margin-bottom: 20px;
}
.video-editing-row .create-olypiad__content {
  width: 100%;
  background: none;
  padding: 0;
  box-shadow: none;
  margin: 0;
}
.video-editing-row .create-olypiad__file--video {
  margin-top: 20px;
}
.video-editing-row .create-olypiad__file--video .create-olypiad__file-list .text-sm {
  font-size: 14px;
  line-height: 130%;
  margin-right: 20px;
}
.video-editing-row .create__olypiad-video-input {
  margin-bottom: 20px;
}
.video-editing-row .create__olypiad-video {
  margin-bottom: 15px;
}

.video-editing-row-btn {
  cursor: pointer;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  width: auto;
}
.video-editing-row-btn img {
  width: 24px;
  height: 24px;
}

.video-editing-row-close {
  display: flex;
  width: 24px;
  height: 38px;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .video-editing-head {
    padding: 20px;
  }
  .video-editing-row {
    padding: 20px;
  }
  .video-editing-row .create__olypiad-video {
    gap: 10px;
  }
  .video-editing-row .create__olypiad-video .create-olypiad__file--video {
    width: 401px;
  }
  .video-editing-row .create__olypiad-video .create-olypiad__file--video .create-olypiad__file-list .text-sm {
    font-size: 14px;
    line-height: 130%;
    margin-right: 30px;
  }
  .video-editing-row .create__olypiad-video .create__olypiad-video-box {
    width: 178px;
    height: 109px;
  }
  .video-editing-row-btn {
    font-size: 16px;
    line-height: 130%;
  }
  .create__box-btn--video {
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .cabinet-main--video-editing {
    padding-top: 15px !important;
  }
  .video-editing-head {
    margin-bottom: 10px;
  }
  .video-editing-row {
    gap: 10px;
  }
  .video-editing-row-close {
    width: 20px;
    height: 30px;
  }
  .video-editing-row-close img {
    width: 14px;
  }
  .video-editing-row .create__olypiad-video .create__olypiad-video-box {
    width: 147px;
    height: 89px;
  }
  .video-editing-row .create-olypiad__file--video {
    margin-top: 15px;
    width: 392px !important;
  }
  .video-editing-row .create__olypiad-video-remove {
    margin-top: 5px;
  }
  .video-editing-row .creater__olypiad-video-title {
    font-size: 12px;
    line-height: 130%;
  }
  .video-editing-row .create__olypiad-video .create-olypiad__file--video .create-olypiad__file-list .text-sm {
    font-size: 12px;
    line-height: 130%;
    margin-right: 45px;
  }
  .video-editing-row-btn {
    font-size: 14px;
    line-height: 130%;
    gap: 5px;
  }
  .video-editing-row-btn img {
    width: 18px;
    height: 18px;
  }
  .video-editing-body {
    overflow: hidden;
  }
}
@media (max-width: 572px) {
  .cabinet-main--video-editing {
    padding-top: 20px !important;
  }
  .video-editing-row {
    padding-bottom: 15px;
  }
  .video-editing-row .create-olypiad__content {
    width: 90%;
  }
  .video-editing-row .create__olypiad-video {
    gap: 2px;
  }
  .create__box-btn--video {
    margin-top: 18px;
  }
}
.participants-olympiads-header {
  grid-template-columns: 157px 1fr 297px;
  gap: 10px;
}

.participants-olympiads__title {
  color: #7B20FF;
  margin-bottom: 30px;
}

.participants-table-header,
.participants-table-row {
  display: grid;
  grid-template-columns: 1fr 180px 250px 85px;
}

.participants-olympiads-table {
  margin-top: 33px;
}

.participants-foter-btn-span {
  padding-left: 5px;
}

.participants-table-header {
  background: #7B20FF;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.participants-table-dropdown .dropdown__current {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  min-height: 30px;
}

.participants-table-header-coll {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
}

.participants-table-dropdown-mob {
  display: none;
}

.participants-table-dropdown--city-span {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.participants-table-row {
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 9px 0 9px 18px;
}

.participants-table-row.--active {
  background: #FFFFFF;
  border: 1px solid #7B20FF;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  border-radius: 8px;
}

.participants-table-coll {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.participants-table-addres {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
}
.participants-table-addres a {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
}

.participants-table-city {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #8E83FF;
}
.participants-table-city a {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #8E83FF;
}

.participants-table-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.participants-row-btn {
  padding: 0;
  width: 48px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.participants-anketa {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
}

.participants-anketa {
  position: absolute;
  transform: translateY(-300%);
  transition: 0.4s;
}

.participants-anketa.--active {
  position: relative;
  transform: translateY(0);
}

.participants-anketa-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: #E8E9EC;
  cursor: pointer;
}

.participants-anketa-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
  padding-bottom: 32px;
}

.participants__user-photo {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  grid-row: span 4;
}
.participants__user-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.participants-anketa-header {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0 20px;
  margin-bottom: 15px;
}

.participants-anketa__user-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 8px;
}

.participants-anketa-city {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
  margin-bottom: 13px;
}

.participants-anketa-year {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative;
}
.participants-anketa-year::after {
  content: url("../../images/img/icons/age-icon.svg");
  position: absolute;
  left: -2px;
  top: -2px;
}

.participants-anketa-education {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
  padding-left: 20px;
  position: relative;
}
.participants-anketa-education::after {
  content: url("../../images/img/icons/education-icon.svg");
  position: absolute;
  left: -2px;
  top: -2px;
}

.participants-accordion {
  border-top: 1px solid #F2F3F5;
}
.participants-accordion .accordion__item-header {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.participants-accordion .accordion__item-header::after {
  content: url("../images/img/icons/arrow-black.svg");
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(90deg);
  background: rgba(166, 170, 180, 0.1);
  width: 24px;
  height: 24px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.participants-accordion .accordion__item.accordion-open .accordion__item-header::after {
  transform: translateY(-50%) rotate(-90deg);
}

.participants-accordion-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
  max-width: 293px;
}

.participants-accordion-subtitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 15px;
}

.participants-accordion-etap {
  padding-top: 20px;
  padding-bottom: 5px;
  border-top: 1px solid #F2F3F5;
}

.participants-accordion-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.participants-accordion-row-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}

.participants-accordion-row-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-align: right;
  color: #8E83FF;
}

.participants-accordion-label {
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  margin-left: auto;
  width: 100%;
  display: flex;
  justify-content: end;
}

.participants-accordion-input {
  width: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -333;
}

.participants-file-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #3B414B;
  position: relative;
  padding-left: 25px;
}
.participants-file-name::after {
  content: url("../../images/img/icons/file.svg");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.participants-accordion-status-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}

.participants-accordion-footer .participants-accordion-label {
  justify-content: start;
}
.participants-accordion-footer .participants-accordion-row {
  margin-bottom: 15px;
}

.participants-accordion-row-text.--red {
  color: #F3775B;
}

.participants-accordion-row-text.--status-color {
  color: #6419D0;
}

.participants-foter-btn {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 5px;
}

.participants-foter-btn-input {
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -33;
}

.participants-olympiads---span {
  padding-left: 5px;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .participants-olympiads__title {
    margin-bottom: 20px;
  }
  .participants-olympiads---span {
    display: none;
  }
  .participants-olympiads-header {
    grid-template-columns: 140px 1fr 170px;
  }
  .participants-olympiads-table {
    margin-top: 23px;
  }
  .participants-table-dropdown .dropdown__current {
    font-size: 12px;
    line-height: 130%;
    min-height: 26px;
  }
  .participants-table-header-coll {
    font-size: 12px;
    line-height: 130%;
  }
  .participants-table-header,
  .participants-table-row {
    grid-template-columns: 1fr 136px 204px 70px;
  }
  .participants-table-coll {
    font-size: 14px;
    line-height: 130%;
  }
  .participants-table-city {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
  }
  .participants-table-city a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
  }
  .participants-table-addres {
    font-size: 12px;
    line-height: 100%;
  }
  .participants-row-btn {
    width: 41px;
    height: 31px;
  }
  .participants-table-row {
    padding: 7px 0 7px 15px;
  }
  .participants-anketa-title {
    margin: 0 auto;
    width: 90%;
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 20px;
  }
  .participants-anketa {
    padding: 20px;
  }
  .participants__user-photo {
    width: 60px;
    height: 60px;
    grid-row: span 1;
  }
  .participants-anketa-header {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 0 10px;
    margin-bottom: 15px;
  }
  .participants-anketa__user-name {
    font-size: 14px;
    line-height: 130%;
    padding-top: 10px;
  }
  .participants-anketa-city,
  .participants-anketa-year,
  .participants-anketa-education {
    grid-column: 1/3;
  }
  .participants-anketa-city {
    font-size: 12px;
    line-height: 130%;
    margin-top: 10px;
  }
  .participants-anketa-year {
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 10px;
  }
  .participants-anketa-education {
    font-size: 12px;
    line-height: 100%;
  }
  .participants-accordion-title {
    font-size: 16px;
    line-height: 130%;
    max-width: 220px;
  }
  .participants-accordion .accordion__item-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .participants-accordion .accordion__item-header::after {
    transform: scale(0.7) rotate(90deg);
    right: 0;
    top: 10px;
  }
  .participants-accordion .accordion__item.accordion-open .accordion__item-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .participants-accordion .accordion__item.accordion-open .accordion__item-header::after {
    transform: scale(0.7) rotate(-90deg);
    right: 0;
    top: 10px;
  }
  .participants-accordion-subtitle {
    font-size: 14px;
    line-height: 130%;
  }
  .participants-accordion-etap {
    padding-top: 15px;
  }
  .participants-accordion-row-title {
    font-size: 12px;
    line-height: 130%;
  }
  .participants-file-name {
    font-size: 14px;
    line-height: 130%;
  }
  .participants-accordion-footer {
    padding-top: 8px;
    padding-bottom: 0;
  }
  .participants-accordion-footer .participants-accordion-row-text.--status-color {
    font-size: 12px;
    line-height: 130%;
  }
  .participants-foter-btn {
    margin-top: 10px;
  }
  .participants-foter-btn .btn {
    width: 100%;
    font-size: 16px;
    line-height: 130%;
  }
  .participants-foter-btn-span {
    display: none;
  }
}
@media (max-width: 1200px) {
  .participants-table-header,
  .participants-table-row {
    grid-template-columns: 1fr 135px 150px 70px;
  }
}
@media (max-width: 1100px) {
  .participants-table-name {
    font-size: 12px;
    line-height: 130%;
  }
  .participants-table-city {
    font-size: 12px;
    line-height: 130%;
  }
  .participants-table-addres {
    font-size: 12px;
    line-height: 100%;
  }
  .participants-table-header-coll.--city {
    display: none;
  }
  .participants-table-row {
    grid-template-columns: 1fr 145px 70px;
  }
  .participants-table-dropdown--city-span {
    display: none;
  }
  .participants-table-dropdown-mob {
    display: block;
  }
  .participants-table-city {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .participants-table-header {
    grid-template-columns: 1fr 215px 15px;
  }
  .participants-table-addres {
    grid-row: 1/3;
  }
  .participants-table-btn {
    grid-row: 1/3;
  }
  .participants-olympiads-header .course-professions__btn {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .participants-olympiads-header .course-professions__search {
    grid-column: 2/4;
  }
}
@media (max-width: 992px) {
  .participants-table-row {
    grid-template-columns: 1.7fr 1.3fr 70px;
  }
  .participants-olympiads-header .course-professions__btn {
    grid-row: 1/2;
    grid-column: 3/4;
  }
  .participants-olympiads-header .course-professions__search {
    grid-column: 2/3;
  }
  .participants-table-header {
    grid-template-columns: 1.7fr 1.3fr 80px;
  }
  .participants-anketa {
    padding: 10px;
  }
  .participants-anketa-title {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 15px;
  }
  .participants__user-photo {
    width: 40px;
    height: 40px;
  }
  .participants-anketa-header {
    display: grid;
    grid-template-columns: 40px 1fr;
  }
  .participants-anketa__user-name {
    font-size: 12px;
    line-height: 130%;
    padding-top: 5px;
  }
  .participants-anketa-city {
    margin-top: 5px;
  }
  .participants-anketa-year {
    font-size: 10px;
    line-height: 100%;
  }
  .participants-anketa-education {
    font-size: 10px;
    line-height: 100%;
  }
  .participants-accordion-title {
    max-width: 158px;
    font-size: 14px;
    line-height: 130%;
  }
  .participants-accordion-etap {
    padding-top: 10px;
    padding-bottom: 0;
  }
  .participants-accordion-subtitle {
    margin-bottom: 15px;
  }
  .participants-accordion-row {
    margin-bottom: 15px;
  }
  .participants-file-name {
    font-size: 12px;
    line-height: 130%;
  }
  .participants-accordion-label {
    margin-bottom: 10px;
  }
  .participants-accordion-footer {
    padding-top: 5px;
  }
  .participants-accordion-footer .participants-accordion-row-title {
    font-size: 10px;
    line-height: 130%;
  }
  .participants-accordion-footer .participants-accordion-row-text.--status-color {
    font-size: 10px;
    line-height: 130%;
  }
  .participants-accordion-footer .participants-accordion-row {
    margin-bottom: 12px;
  }
  .participants-foter-btn {
    margin-top: 7px;
  }
  .participants-foter-btn .btn {
    font-size: 14px;
    line-height: 130%;
  }
}
@media (max-width: 820px) {
  .participants-table-row {
    grid-template-columns: 2.7fr 1.3fr 62px;
  }
  .participants-table-header {
    grid-template-columns: 2.7fr 1.3fr 70px;
  }
  .participants-row-btn {
    width: 38px;
    height: 28px;
  }
  .participants-olympiads-cabinet-main {
    padding-top: 25px;
  }
  .participants-olympiads__title {
    margin-bottom: 9px;
  }
  .participants-olympiads-header {
    grid-template-columns: 113px 1fr 148px;
  }
  .participants-olympiads-table {
    margin-top: 18px;
  }
  .participants-table-dropdown .dropdown__current {
    font-size: 10px;
    line-height: 130%;
    min-height: 21px;
  }
  .participants-table-dropdown .dropdown__list-item span {
    font-size: 10px;
    line-height: 130%;
  }
  .participants-table-header-coll {
    font-size: 10px;
    line-height: 130%;
  }
}
@media (max-width: 768px) {
  .participants-anketa.--active {
    position: fixed;
    z-index: 210;
    top: 0;
    min-height: 0;
    max-height: 91vh;
    overflow: auto;
    width: 572px;
    left: 50%;
    top: 40px;
    transform: translate(-50%, 0);
  }
  .participants-anketa {
    padding: 40px 20px;
  }
  .participants-anketa-title {
    font-size: 18px;
    line-height: 130%;
  }
  .participants-anketa__user-name {
    font-size: 14px;
    line-height: 130%;
    padding-top: 10px;
  }
  .participants-anketa-city {
    margin-top: 10px;
  }
  .participants-anketa-year {
    font-size: 12px;
    line-height: 100%;
  }
  .participants-anketa-education {
    font-size: 12px;
    line-height: 100%;
  }
  .participants-accordion-title {
    font-size: 16px;
    line-height: 130%;
    max-width: 275px;
  }
  .participants-accordion-subtitle {
    margin-bottom: 20px;
  }
  .participants-foter-btn-span {
    display: inline-block;
  }
  .participants-accordion-footer {
    padding-top: 20px;
  }
  .participants-accordion-footer .participants-accordion-row-title {
    font-size: 12px;
    line-height: 130%;
  }
  .participants-accordion-footer .participants-accordion-row-text.--status-color {
    font-size: 14px;
    line-height: 130%;
  }
  .participants-accordion-footer .participants-accordion-row {
    margin-bottom: 13px;
  }
  .participants-anketa-close {
    right: 19px;
    top: 8px;
  }
}
@media (max-width: 572px) {
  .participants-olympiads-header .course-professions__btn {
    grid-row: 2/3;
    grid-column: 1/2;
    font-size: 14px;
    line-height: 130%;
  }
  .participants-olympiads-header .course-professions__search {
    grid-column: 2/4;
  }
  .participants-olympiads---span {
    display: inline-block;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
  }
  .participants-olympiads__title {
    margin-bottom: 17px;
  }
  .participants-table-header {
    grid-template-columns: 1fr;
  }
  .participants-table-header .participants-table-dropdown {
    display: block;
  }
  .participants-table-header .participants-table-dropdown-mob {
    display: none;
  }
  .participants-table-row {
    grid-template-columns: 1fr 60px;
  }
  .participants-table-addres {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .participants-table-btn {
    grid-row: 1/4;
  }
  .participants-table-name {
    padding-bottom: 5px;
  }
  .participants-table-city {
    padding-bottom: 5px;
  }
  .participants-anketa.--active {
    width: 100%;
  }
}
.partaker-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #7B20FF;
  margin-bottom: 30px;
}

.partaker-header-unloading-span-2 {
  padding-left: 5px;
}

.partaker-btn-approve.btn {
  font-family: "Roboto";
  font-style: normal;
  font-size: 18px;
  line-height: 130%;
  width: 239px;
}

.partaker-btn-approve.btn.--deactive {
  background: #A6AAB4;
  pointer-events: none;
}

.partaker-btn-approve--span {
  padding-left: 5px;
}

.partaker-header-select {
  width: 300px;
}

.partaker-header-coll {
  display: flex;
  align-items: center;
  gap: 20px;
}

.partaker-header-coll-2 {
  gap: 10px;
}

.partaker-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px solid #E8E9EC;
}

.partaker-header-unloading {
  position: relative;
  flex-shrink: 0;
}
.partaker-header-unloading .olimp-table-hint {
  max-width: 274px;
  white-space: normal;
  text-align: left;
  left: 11px;
}
.partaker-header-unloading:hover .olimp-table-hint {
  max-width: 274px;
  z-index: 33;
  opacity: 1;
}

.partaker-search-row {
  width: 100%;
  display: grid;
  grid-template-columns: 157px 1fr;
  gap: 10px;
  margin-bottom: 25px;
}

.partaker-search {
  max-width: 100%;
}

.partaker-table-head {
  background: #7B20FF;
  border-radius: 8px;
}

.partaker-table-head,
.partaker__table-row {
  display: grid;
  grid-template-columns: 53px 1fr 132px 245px 168px 344px;
  align-items: center;
  padding-left: 18px;
  padding-right: 18px;
}

.partaker-table-head {
  margin-bottom: 10px;
}

.partaker__table-row {
  background: #FFFFFF;
  padding-top: 9px;
  padding-bottom: 9px;
  margin-bottom: 10px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.partaker__table-row .partaker__total-more {
  display: none;
}

.partaker__table-row.--partaker__table-deactive .partaker__total-btn,
.partaker__table-row.--partaker__table-deactive .partaker__total-contribute {
  display: none;
}
.partaker__table-row.--partaker__table-deactive .partaker__qualifying-input input {
  pointer-events: none;
  color: #A6AAB4;
}
.partaker__table-row.--partaker__table-deactive .partaker__total-more {
  display: block;
}
.partaker__table-row.--partaker__table-deactive .--partaker-status,
.partaker__table-row.--partaker__table-deactive .partaker__body-qualifying-coll,
.partaker__table-row.--partaker__table-deactive .partaker__offline-coll,
.partaker__table-row.--partaker__table-deactive .partaker__total-coll {
  color: #A6AAB4;
}
.partaker__table-row.--partaker__table-deactive .--partaker-status::after,
.partaker__table-row.--partaker__table-deactive .partaker__body-qualifying-coll::after,
.partaker__table-row.--partaker__table-deactive .partaker__offline-coll::after,
.partaker__table-row.--partaker__table-deactive .partaker__total-coll::after {
  background: #A6AAB4;
}

.partaker__qualifying-row {
  display: flex;
  justify-content: space-between;
}

.partaker__offline-row {
  display: flex;
  justify-content: space-between;
}

.--partaker-total {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 53px 37px 186px;
}

.--partaker-num {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  align-items: center;
  color: #7B20FF;
  padding-top: 5px;
}

.--partaker-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  padding-left: 10px;
}

.--partaker-status {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  display: flex;
  align-items: center;
  color: #7B20FF;
  padding-left: 10px;
  padding-top: 5px;
}

.partaker-table-head .--partaker-name {
  padding-left: 0;
}
.partaker-table-head .--partaker-num,
.partaker-table-head .--partaker-name,
.partaker-table-head .--partaker-status,
.partaker-table-head .--partaker-qualifying,
.partaker-table-head .--partaker-offline {
  color: #fff;
  height: 100%;
  border-right: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: start;
}
.partaker-table-head .--partaker-total {
  color: #fff;
}
.partaker-table-head .--partaker-qualifying {
  display: block;
}
.partaker-table-head .--partaker-offline {
  display: block;
}
.partaker-table-head .partaker__qualifying-head,
.partaker-table-head .partaker__offline-head {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #fff;
}
.partaker-table-head .partaker__qualifying-row,
.partaker-table-head .partaker__offline-row {
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.partaker-table-head .partaker__qualifying-coll {
  border-right: 1px solid #fff;
  height: 25px;
}
.partaker-table-head .partaker__qualifying-coll:nth-last-child(1) {
  border: none;
}
.partaker-table-head .partaker__offline-coll {
  border-right: 1px solid #fff;
  height: 25px;
}
.partaker-table-head .partaker__offline-coll:nth-last-child(1) {
  border: none;
}
.partaker-table-head .partaker__offline-head {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
.partaker-table-head .--partaker-total {
  padding-left: 25px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}

.partaker-table-dropdown .dropdown__current {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  min-height: 52px;
  padding-left: 10px;
  padding-top: 5px;
}
.partaker-table-dropdown .dropdown__list-item {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
.partaker-table-dropdown .dropdown__list-item span {
  padding-left: 10px;
}

.partaker__qualifying-coll {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partaker__offline-coll {
  width: 33.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partaker__table-row .partaker__qualifying-row {
  display: flex;
  align-items: center;
}
.partaker__table-row .partaker__body-qualifying-coll {
  color: #8E83FF;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
}
.partaker__table-row .partaker__offline-coll {
  position: relative;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F3775B;
}
.partaker__table-row .partaker__offline-coll::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #F3775B;
  right: 0;
  opacity: 0.1;
  top: 0;
}
.partaker__table-row .partaker__offline-coll:nth-last-child(1)::after {
  background: none;
}

.partaker__body-qualifying-row {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.partaker__body-qualifying-row {
  position: relative;
}
.partaker__body-qualifying-row::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #A6AAB4;
  right: 0;
  opacity: 0.1;
  top: 0;
}

.partaker__qualifying-input input {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: right;
  color: #3B414B;
  height: 30px;
  width: 85%;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0 auto;
}

.partaker__total-coll {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #6419D0;
  text-align: right;
}

.partaker__total-btn {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  cursor: pointer;
}
.partaker__total-btn img {
  width: 100%;
}

.partaker__total-img {
  display: none;
}

.partaker__total-contribute,
.partaker__total-more {
  width: 82%;
  height: 35px;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
  margin-left: auto;
}

.partaker-header-unloading-span {
  padding-left: 5px;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .partaker-title {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 19px;
  }
  .partaker-header-coll {
    gap: 12px;
  }
  .partaker-btn-approve.btn {
    font-size: 16px;
    line-height: 130%;
    padding: 0;
    width: 203px;
  }
  .partaker-header-select {
    width: 250px;
  }
  .partaker-header-row {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .partaker-search-row {
    margin-bottom: 18px;
  }
  .partaker-table-head {
    grid-template-columns: 53px 1fr 180px 121px 216px;
  }
  .partaker-table-head .--partaker-status {
    display: none;
  }
  .partaker-table-head .partaker-table-dropdown .dropdown__current {
    min-height: 48px;
  }
  .partaker-table-head .partaker__qualifying-row,
  .partaker-table-head .partaker__offline-row {
    height: 22px;
  }
  .partaker-table-head .--partaker-num {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker-table-head .partaker__qualifying-head {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker-table-head .partaker__offline-head {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker-table-head .--partaker-total {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker-table-head .partaker__qualifying-coll {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .partaker-table-head .partaker__offline-coll {
    font-size: 12px;
    line-height: 130%;
  }
  .partaker-table-head,
  .partaker__table-row {
    padding-right: 14px;
    padding-left: 14px;
  }
  .partaker__table-row {
    width: 100%;
    padding-right: 5px;
    grid-template-columns: 57px 1fr 193px 105px 233px;
    margin-bottom: 13px;
  }
  .partaker__table-row .--partaker-total {
    grid-template-columns: 1fr 62px 36px 70px;
  }
  .partaker__table-row .partaker__qualifying-coll {
    justify-content: start;
  }
  .partaker__table-row .partaker__qualifying-coll.partaker__body-qualifying-row {
    justify-content: center;
  }
  .partaker__table-row .partaker__qualifying-input {
    width: 72%;
  }
  .partaker__table-row .--partaker-qualifying .partaker__qualifying-row {
    justify-content: start;
  }
  .partaker__table-row .--partaker-num,
  .partaker__table-row .--partaker-qualifying,
  .partaker__table-row .--partaker-offline,
  .partaker__table-row .--partaker-total {
    grid-row: 1/3;
  }
  .partaker__table-row .--partaker-status {
    grid-column: 2/3;
    grid-row: 2/3;
    padding-top: 0;
  }
  .partaker__table-row .partaker__total-contribute {
    width: 41px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .partaker__table-row .partaker__total-contribute span {
    display: none;
  }
  .partaker__table-row .--partaker-num {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker__table-row .--partaker-name {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker__table-row .--partaker-status {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__body-qualifying-coll {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__qualifying-input input {
    height: 29px;
    font-size: 14px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__offline-coll {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__total-coll {
    font-size: 16px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__total-btn {
    width: 21px;
  }
  .partaker__total-img {
    display: block;
  }
  .partaker__table-row.--partaker__table-deactive .partaker__total-more {
    width: 41px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .partaker__table-row.--partaker__table-deactive .partaker__total-more span {
    display: none;
  }
}
@media (max-width: 1200px) {
  .partaker-header-select {
    width: 200px;
  }
  .partaker-header-unloading-span {
    display: none;
  }
  .partaker-header-unloading .olimp-table-hint {
    left: -40%;
    top: -155%;
    transform: translateX(-50%);
  }
  .partaker-header-unloading .olimp-table-hint::after {
    left: auto;
    right: 5%;
  }
}
@media (max-width: 1080px) {
  .partaker-btn-approve.btn {
    width: 178px;
    font-size: 14px;
    line-height: 130%;
  }
  .partaker-btn-refresh {
    width: 144px;
    font-size: 14px;
    line-height: 130%;
    padding: 0;
  }
  .partaker__table-row {
    grid-template-columns: 30px 1fr 193px 105px 233px;
  }
  .partaker-table-head {
    grid-template-columns: 30px 1fr 180px 121px 216px;
  }
}
@media (max-width: 992px) {
  .partaker-header-unloading .olimp-table-hint {
    width: 250px;
    display: block;
    bottom: 130%;
    top: auto;
  }
  .partaker-title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 9px;
    margin-top: 3px;
  }
  .partaker-header-row {
    padding-bottom: 9px;
    margin-bottom: 8px;
  }
  .partaker-search-row {
    grid-template-columns: 142px 1fr;
  }
  .partaker-search-row {
    margin-bottom: 21px;
  }
  .partaker-table-head {
    grid-template-columns: 43px 1fr 113px 107px 174px;
  }
  .partaker-table-head .--partaker-num {
    font-size: 12px;
    line-height: 130%;
    padding-top: 0;
  }
  .partaker-table-head .partaker-table-dropdown .dropdown__current {
    min-height: 40px;
    font-size: 12px;
    line-height: 130%;
    padding-top: 0;
    padding-left: 8px;
  }
  .partaker-table-head .partaker-table-dropdown .dropdown__list-item span {
    font-size: 12px;
    line-height: 130%;
    padding-left: 8px;
  }
  .partaker-table-head .partaker__offline-row,
  .partaker-table-head .partaker__qualifying-row {
    height: 18px;
  }
  .partaker-table-head .partaker__qualifying-head {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    border: none;
  }
  .partaker-table-head .partaker__qualifying-coll {
    border: none;
    font-size: 10px;
    line-height: 130%;
    align-items: start;
    padding-top: 3px;
  }
  .partaker-table-head .partaker__qualifying-row {
    background: none;
  }
  .partaker-table-head .partaker__offline-head {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
  }
  .partaker-table-head .partaker__offline-coll {
    font-size: 10px;
    line-height: 130%;
    align-items: start;
    padding-top: 3px;
  }
  .partaker-table-head .--partaker-total {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    padding-left: 20px;
  }
  .partaker__table-row {
    padding-right: 12px;
    padding-left: 12px;
    grid-template-columns: 45px 1fr 111px 107px 176px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
  .partaker__table-row .--partaker-total {
    grid-template-columns: 1fr 38px 29px 58px;
  }
  .partaker__table-row .partaker__qualifying-coll {
    width: 100%;
  }
  .partaker__table-row .partaker__qualifying-coll::after {
    background: none;
  }
  .partaker__table-row .partaker__offline-row {
    height: 47px;
  }
  .partaker__table-row .partaker__qualifying-input {
    width: 70%;
    margin-left: 12px;
  }
  .partaker__table-row .partaker__qualifying-input input {
    width: 100%;
  }
  .partaker__table-row .partaker__qualifying-coll.partaker__body-qualifying-row {
    padding-bottom: 2px;
    gap: 0 5px;
  }
  .partaker__table-row .--partaker-num {
    font-size: 12px;
    line-height: 130%;
    padding-top: 0;
  }
  .partaker__table-row .--partaker-name {
    font-size: 12px;
    line-height: 130%;
  }
  .partaker__table-row .--partaker-status {
    font-size: 12px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__body-qualifying-coll {
    font-size: 12px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__offline-coll {
    width: 33.5%;
  }
  .partaker__table-row .partaker__qualifying-input input {
    font-size: 12px;
    line-height: 130%;
    height: 26px;
  }
  .partaker__table-row .partaker__offline-coll {
    font-size: 12px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__total-coll {
    font-size: 14px;
    line-height: 130%;
  }
  .partaker__table-row .partaker__total-btn {
    width: 18px;
  }
  .partaker__table-row .partaker__total-contribute,
  .partaker__table-row .partaker__total-more {
    width: 38px;
    height: 28px;
  }
  .partaker__table-row .partaker__qualifying-row {
    display: block;
  }
}
@media (max-width: 768px) {
  .partaker-header-row {
    display: block;
    padding-bottom: 0;
  }
  .partaker-header-coll {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .partaker-table-head .--partaker-num {
    font-size: 10px;
    line-height: 130%;
  }
  .partaker-table-head .--partaker-num,
  .partaker-table-head .--partaker-name {
    border: none;
  }
  .partaker-table-head .--partaker-total,
  .partaker-table-head .--partaker-offline,
  .partaker-table-head .--partaker-qualifying {
    display: none;
  }
  .partaker-table-head .partaker-table-dropdown {
    max-width: 100%;
  }
  .partaker-table-head .partaker-table-dropdown .dropdown__current {
    min-height: 21px;
    font-size: 10px;
    line-height: 130%;
  }
  .partaker-table-head .partaker-table-dropdown .dropdown__list-item span {
    font-size: 10px;
    line-height: 130%;
  }
  .partaker-search {
    min-width: 50px;
  }
  .partaker-title {
    margin-bottom: 20px;
  }
  .partaker__table-row {
    grid-template-columns: 27px 1fr 1fr 42px;
    align-items: inherit;
    position: relative;
    margin-bottom: 11px;
  }
  .partaker__table-row::after {
    content: "";
    position: absolute;
    width: 95%;
    height: 1px;
    background: #F2F3F5;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
  }
  .partaker__table-row .--partaker-num {
    grid-row: 1/3;
  }
  .partaker__table-row .--partaker-qualifying {
    grid-row: 3/4;
    grid-column: 1/3;
  }
  .partaker__table-row .--partaker-qualifying .partaker__qualifying-row {
    display: flex;
    align-items: center;
  }
  .partaker__table-row .partaker__qualifying-coll.partaker__body-qualifying-row {
    padding-bottom: 0;
    gap: 0 10px;
  }
  .partaker__table-row .partaker__qualifying-input {
    position: relative;
    margin-left: 5px;
    padding-left: 5px;
    width: 86%;
  }
  .partaker__table-row .partaker__qualifying-input::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #8E83FF;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.1;
  }
  .partaker__table-row .partaker__offline-row {
    width: 92%;
    margin: 0 auto;
  }
  .partaker__table-row .partaker__offline-coll {
    height: 26px;
    align-items: center;
  }
  .partaker__table-row .--partaker-name {
    grid-column: 2/4;
    grid-row: 1/2;
    margin-bottom: 5px;
  }
  .partaker__table-row .--partaker-status {
    grid-column: 2/4;
    font-size: 10px;
    line-height: 130%;
    height: 23px;
    align-items: start;
  }
  .partaker__table-row .--partaker-offline {
    grid-row: 3/4;
    grid-column: 3/4;
  }
  .partaker__table-row .--partaker-total {
    grid-template-columns: 49% 49%;
    grid-row: 1/4;
  }
  .partaker__table-row .partaker__total-coll-4 {
    grid-row: 1/2;
    grid-column: 1/3;
    display: flex;
    align-items: start;
  }
  .partaker__table-row .partaker__total-coll-3 {
    grid-row: 2/3;
    display: none;
  }
  .partaker__table-row .partaker__offline-row {
    height: auto;
  }
  .partaker__table-row .partaker__total-coll-2 {
    grid-row: 2/3;
    grid-column: 2/4;
    display: none;
  }
  .partaker__table-row .partaker__total-coll-1 {
    grid-column: 1/3;
    grid-row: 3/4;
    text-align: center;
  }
  .partaker__table-row .partaker__total-contribute,
  .partaker__table-row .partaker__total-more {
    width: 38px;
    height: 28px;
    position: relative;
    top: -7px;
    border-radius: 8px;
  }
  .partaker-header-unloading-span-2 {
    display: none;
  }
  .partaker-btn-approve--span {
    display: none;
  }
  .partaker-table-head {
    grid-template-columns: 26px 1fr;
  }
  .partaker__table-row.--partaker__table-deactive .partaker__total-more {
    width: 38px;
    height: 28px;
    position: relative;
    top: -7px;
    border-radius: 8px;
  }
}
@media (max-width: 630px) {
  .partaker-table-dropdown {
    display: block;
  }
}
.broadcast-olympiad-wrapp {
  display: grid;
  grid-template-columns: repeat(5, 273px);
  gap: 20px;
}

.broadcast-olympiad-box {
  position: relative;
  background: #FFFFFF;
  padding: 20px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  overflow: hidden;
}

.numbers-tours-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.numbers-tours-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  text-align: center;
  font-variant: small-caps;
  color: #FFFFFF;
}

.--number-tours .numbers-tours-box {
  display: flex;
}

.broadcast-olympiad-box.--active-broadcast::after {
  content: "";
  position: absolute;
  top: -5px;
  right: -3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00DF31;
  border: 4px solid #F9FAFB;
}

.broadcast-olympiad-box.--tours .broadcast-olympiad-link,
.broadcast-olympiad-box.--tours .broadcast-stream-link {
  color: #00D8FF;
}
.broadcast-olympiad-box.--tours .broadcast-stream-svg path {
  fill: #00D8FF;
}
.broadcast-olympiad-box.--tours .broadcast-olympiad-row::after {
  color: #00D8FF;
}

.broadcast-olympiad-box-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  min-height: 69px;
  margin-bottom: 10px;
}
.broadcast-olympiad-box-title .broadcast-olympiad-box-title-span {
  display: block;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  color: inherit;
}

.broadcast-olympiad-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #7B20FF;
  width: 100%;
  display: block;
  text-transform: lowercase;
  margin-bottom: 12px;
}

.broadcast-olympiad-box-img {
  width: 100%;
  height: 125.8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin-bottom: 15px;
}
.broadcast-olympiad-box-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.broadcast-olympiad-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 15px auto 15px;
  position: relative;
}
.broadcast-olympiad-row::after {
  content: "-";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
  color: #7B20FF;
}

.broadcast-olympiad-coll-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  color: #3B414B;
  padding-bottom: 7px;
}

.broadcast-olympiad-coll-subtitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #3B414B;
  text-align: center;
  padding-bottom: 4px;
}

.broadcast-olympiad-coll-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  color: #3B414B;
  text-align: center;
  opacity: 0.8;
}
.broadcast-olympiad-coll-text span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.broadcast-stream-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #7B20FF;
  text-align: center;
  display: block;
}

.broadcast-stream-container {
  min-height: 20px;
  margin-bottom: 15px;
}

.broadcast-row-olympiad {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: start;
}

.broadcast-label {
  cursor: pointer;
  position: relative;
}
.broadcast-label input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  overflow: hidden;
  z-index: -111;
  opacity: 0;
}
.broadcast-label input + .broadcast-label-span svg path {
  fill: #fff;
}
.broadcast-label input:checked + .broadcast-label-span svg path {
  fill: #F3775B;
}

.broadcast-place {
  font-size: 14px;
  line-height: 130%;
  padding-left: 23px;
  position: relative;
}
.broadcast-place::after {
  content: url("../../images/img/icons/place.svg");
  position: absolute;
  left: 0;
  top: 0;
}

.child-page .cabinet-section {
  margin-bottom: 40px !important;
}

.broadcast-olympiad-title {
  margin-bottom: 30px;
}

.cabinet-schedule-data-mob {
  display: none;
}

.pass-box {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 320px;
}
.pass-box .pass-box-img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 20px;
}

.--not-pass .passing-olympiad,
.--pass .passing-olympiad {
  display: none;
}
.--not-pass .pass-box,
.--pass .pass-box {
  display: block;
}

.--not-pass .pass-box-img,
.--not-pass .pass-box-text {
  display: none;
}
.--not-pass .pass-box-img.not-pass-img,
.--not-pass .pass-box-text.not-pass-text {
  display: block;
}

.--pass .pass-box-img.not-pass-img,
.--pass .pass-box-text.not-pass-text {
  display: none;
}

.pass-box-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  font-variant: small-caps;
  color: #7B20FF;
  margin-bottom: 10px;
}

.pass-box-ball {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F3775B;
  text-align: center;
  margin-bottom: 20px;
}

.pass-box-img {
  margin: 0 auto;
  display: block;
}

.pass-box-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .child-page .cabinet-section {
    margin-bottom: 30px !important;
  }
  .broadcast-olympiad-title {
    margin-bottom: 20px;
  }
  .broadcast-olympiad-wrapp {
    display: grid;
    grid-template-columns: repeat(5, 196px);
    gap: 10px;
  }
  .numbers-tours-name {
    font-size: 21px;
    line-height: 130%;
    text-transform: uppercase;
  }
  .broadcast-olympiad-box {
    padding: 15px;
  }
  .broadcast-olympiad-box-title {
    font-size: 14px;
    line-height: 130%;
    min-height: 50px;
    margin-bottom: 12px;
  }
  .broadcast-olympiad-box.--broadcasting::after {
    content: "";
    position: absolute;
    top: -5px;
    right: -4px;
    width: 16px;
    height: 16px;
  }
  .broadcast-olympiad-box-img {
    height: 90px;
    margin-bottom: 10px;
  }
  .broadcast-olympiad-row {
    width: 100%;
    padding-left: 5px;
  }
  .broadcast-olympiad-row-coll + .broadcast-olympiad-row-coll::after {
    left: -33%;
  }
  .broadcast-olympiad-link {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 5px;
  }
  .broadcast-olympiad-coll-title {
    font-size: 18px;
    line-height: 100%;
  }
  .broadcast-olympiad-coll-subtitle {
    font-size: 12px;
    line-height: 100%;
  }
  .broadcast-olympiad-coll-text {
    font-size: 8px;
    line-height: 100%;
  }
  .broadcast-stream-link {
    font-size: 12px;
    line-height: 130%;
  }
  .broadcast-stream-container {
    margin-bottom: 10px;
  }
  .broadcast-olympiad-row {
    margin-bottom: 10px;
  }
  .broadcast-stream-svg {
    width: 10px;
    height: 10px;
  }
  .broadcast-place {
    font-size: 12px;
    line-height: 130%;
    padding-right: 20px;
  }
  .broadcast-label-span svg {
    width: 16px;
    height: 14px;
  }
  .pass-box-title {
    font-size: 14px;
    line-height: 130%;
  }
  .pass-box-ball {
    font-size: 14px;
    line-height: 130%;
  }
  .pass-box {
    min-height: 230px;
  }
  .pass-box .pass-box-img {
    width: 60px;
    height: 60px;
  }
  .pass-box-text {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 130%;
  }
}
@media (max-width: 1160px) {
  .broadcast-olympiad-wrapp {
    display: grid;
    grid-template-columns: repeat(4, 196px);
    gap: 10px;
  }
}
@media (max-width: 992px) {
  .child-page .cabinet-schedule,
  .child-page .cabinet-affairs {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
  .child-page .header__menu.header__menu-padding-right {
    padding-right: 0px;
  }
  .broadcast-olympiad-wrapp {
    grid-template-columns: repeat(4, 160px);
    gap: 9px 10px;
  }
  .broadcast-olympiad-box {
    padding: 10px;
  }
  .broadcast-olympiad-box-title {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 5px;
  }
  .broadcast-olympiad-box-img {
    height: 75px;
  }
  .broadcast-olympiad-coll-title {
    font-size: 14px;
    line-height: 100%;
    padding-bottom: 5px;
  }
  .broadcast-olympiad-coll-subtitle {
    font-size: 10px;
    line-height: 100%;
  }
  .broadcast-olympiad-coll-text {
    font-size: 8px;
    line-height: 100%;
    color: #3B414B;
    opacity: 0.8;
  }
  .broadcast-olympiad-link {
    font-size: 12px;
    line-height: 130%;
  }
  .broadcast-olympiad-coll-text-span {
    display: none;
  }
  .broadcast-olympiad-coll-text {
    text-align: center;
  }
  .broadcast-olympiad-row-coll + .broadcast-olympiad-row-coll::after {
    left: -17%;
    font-size: 20px;
    line-height: 130%;
  }
  .broadcast-stream-link {
    font-size: 10px;
    line-height: 130%;
  }
  .broadcast-stream-container {
    margin-bottom: 11px;
  }
  .broadcast-place::after {
    transform: scale(0.7);
    left: 2px;
    top: -2px;
  }
  .broadcast-stream-svg {
    width: 8px;
    height: 8px;
  }
  .broadcast-stream-container {
    min-height: 10px;
  }
  .broadcast-place {
    font-size: 10px;
    line-height: 130%;
  }
  .broadcast-label-span svg {
    width: 13px;
    height: 12px;
  }
  .child-page .cabinet-schedule,
  .child-page .cabinet-affairs {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  .broadcast-olympiad-title {
    margin-bottom: 10px;
  }
  .numbers-tours-name {
    font-size: 18px;
  }
  .pass-box-title {
    font-size: 12px;
    line-height: 130%;
  }
  .pass-box-ball {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .pass-box {
    min-height: 220px;
  }
  .pass-box .pass-box-img {
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
  }
  .pass-box-text {
    width: 98%;
    font-size: 10px;
    line-height: 130%;
  }
}
@media (max-width: 700px) {
  .broadcast-olympiad-wrapp {
    grid-template-columns: repeat(3, 160px);
  }
}
@media (max-width: 572px) {
  .broadcast-olympiad-wrapp {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .broadcast-olympiad-box-title {
    font-size: 11px;
    line-height: 130%;
    min-height: 44px;
  }
  .broadcast-olympiad-box-img {
    height: 70px;
  }
  .broadcast-olympiad-row {
    margin-bottom: 5px;
  }
  .broadcast-stream-container {
    min-height: 10px;
  }
  .broadcast-olympiad-row {
    width: auto;
    margin-top: 10px;
    max-width: 140px;
  }
  .broadcast-place {
    padding-left: 20px;
  }
  .numbers-tours-name {
    font-size: 17px;
  }
  .pass-box-text {
    width: 132px;
  }
  .pass-box {
    min-height: 200px;
  }
}
@media (max-width: 350px) {
  .broadcast-olympiad-row {
    width: 100%;
  }
  .broadcast-olympiad-wrapp {
    gap: 10px 4px;
    grid-template-columns: 140px 140px;
    justify-content: space-between;
  }
  .broadcast-olympiad-coll-title {
    font-size: 12px;
  }
  .pass-box-text {
    width: 100%;
  }
}
.my-olympic-cart {
  padding-right: 20px;
}
.my-olympic-cart .selected-courses__list {
  max-height: 283px;
}
.my-olympic-cart .selected-courses__item {
  padding: 6px 18px 6px 5px;
  grid-template-columns: minmax(35px, max-content) 1fr;
}
.my-olympic-cart .selected-courses__item-number {
  text-align: right;
}
.my-olympic-cart .selected-courses__title {
  padding-right: 10px;
}

.my-olympics-header-row {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  margin-bottom: 17px;
}

.my-olympics-dropdown {
  max-width: 350px;
}

.my-olympics-search {
  border-bottom: 2px solid #E8E9EC;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.my-olympics-head {
  background: #7B20FF;
  border-radius: 8px;
  padding: 6px 12px;
  display: grid;
  grid-template-columns: 1fr 393px;
  margin-bottom: 10px;
}

.my-olympics-head-coll {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
}

.my-olympics-row {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1fr 393px;
  margin-bottom: 10px;
  padding: 7px 12px;
}

.my-olympics-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.my-olympics-data {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #7B20FF;
  padding-top: 4px;
  padding-left: 5px;
}

.my-olympics-status {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #119CB0;
}

.my-olympics-status.--completed {
  color: #F3775B;
}

.my-olympics-label {
  position: relative;
  cursor: pointer;
}
.my-olympics-label input {
  width: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -333;
  opacity: 1;
}
.my-olympics-label:hover .olimp-table-hint {
  z-index: 33;
  opacity: 1;
}

.my-olympics-coll-two {
  display: grid;
  grid-template-columns: 1fr 1fr 96px;
  align-items: center;
  justify-content: space-between;
}

.my-olympics-box-btn {
  width: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .my-olympics-search {
    padding-bottom: 13px;
    margin-bottom: 16px;
  }
  .my-olympics-dropdown-one {
    max-width: 220px;
  }
  .my-olympics-header-row {
    gap: 15px;
    margin-bottom: 14px;
  }
  .my-olympic-cart .title-decor {
    margin-bottom: 23px;
  }
  .my-olympic-cart .selected-courses__title {
    padding-right: 0;
  }
  .my-olympic-cart .selected-courses__item {
    padding: 6px 18px 6px 2px;
    grid-template-columns: minmax(31px, max-content) 1fr;
  }
  .my-olympic-cart .selected-courses__list {
    max-height: 250px;
  }
  .my-olympics-head-coll {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
  }
  .my-olympics-head {
    padding: 5px 12px;
    grid-template-columns: 1fr 282px;
  }
  .my-olympics-row {
    grid-template-columns: 1fr 282px;
  }
  .my-olympics-name {
    font-size: 14px;
    line-height: 130%;
  }
  .my-olympics-data {
    font-size: 12px;
    line-height: 130%;
  }
  .my-olympics-status {
    font-size: 14px;
    line-height: 130%;
  }
  .my-olympics-coll-two {
    display: grid;
    grid-template-columns: 1fr 1fr 82px;
  }
  .my-olympics-box-btn {
    width: 83px;
  }
  .broadcast-label-span--my-olymiad svg {
    width: 16px;
    height: 14px;
  }
  .olimp-table-hint img {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1150px) {
  .my-olympics-dropdown {
    max-width: 270px;
  }
  .my-olympics-dropdown .dropdown__current {
    font-size: 14px;
    line-height: 130%;
  }
  .my-olympics-dropdown .dropdown__list-item span {
    font-size: 14px;
    line-height: 130%;
  }
  .my-olympics-dropdown-one {
    max-width: 180px;
  }
  .my-olympics-name {
    font-size: 12px;
    line-height: 130%;
  }
  .my-olympics-data {
    font-weight: 500;
    font-size: 10px;
    line-height: 130%;
  }
  .my-olympics-status {
    font-size: 12px;
    line-height: 130%;
  }
  .my-olympics-btn--row-table {
    font-size: 14px;
    line-height: 130%;
    padding: 6px 12px;
  }
  .my-olympics-head-coll {
    font-size: 10px;
    line-height: 130%;
  }
  .broadcast-label-span--my-olymiad svg {
    width: 14px;
    height: 12px;
  }
  .my-olympics-label img {
    width: 16px;
    height: 16px;
  }
  .my-olympics-box-btn {
    width: 72px;
  }
  .my-olympics-box-btn .students-courses__item-repost::before {
    font-size: 14px;
  }
  .my-olympics-head {
    padding: 5px 12px;
    grid-template-columns: 1fr 257px;
  }
  .my-olympics-row {
    grid-template-columns: 1fr 257px;
  }
  .my-olympics-coll-two {
    display: grid;
    grid-template-columns: 1fr 1fr 80px;
  }
}
@media (max-width: 1050px) {
  .my-olympics-row {
    grid-template-columns: 1fr 230px;
  }
  .my-olympics-box-btn {
    width: 55px;
  }
  .my-olympics-head {
    grid-template-columns: 1fr 230px;
  }
}
@media (max-width: 992px) {
  .my-olympics-row {
    grid-template-columns: 1fr 257px;
  }
  .my-olympics-box-btn {
    width: 72px;
  }
  .my-olympics-head {
    grid-template-columns: 1fr 257px;
  }
  .cabinet-main--my-olympics {
    padding-top: 25px;
    padding-bottom: 110px;
  }
  .my-olympics-search {
    padding-bottom: 9px;
    margin-bottom: 10px;
  }
  .my-olympics-header-row {
    margin-bottom: 8px;
  }
  .my-olympic-cart {
    padding-right: 13px;
  }
  .my-olympic-cart .selected-courses__list {
    max-height: 295px;
  }
  .my-olympic-cart .selected-courses__item {
    padding: 6px 6px 6px 2px;
    grid-template-columns: minmax(28px, max-content) 1fr;
  }
}
@media (max-width: 758px) {
  .my-olympics-search .students-courses__filter-search {
    margin-bottom: 0;
  }
  .my-olympics-search .students-courses__filter-search::after {
    background: none;
  }
}
@media (max-width: 572px) {
  .my-olympics-header-row {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 7px;
  }
  .my-olympics-dropdown {
    max-width: 100%;
  }
  .my-olympics-head-coll-two {
    display: none;
  }
  .my-olympics-head {
    grid-template-columns: 1fr;
  }
  .my-olympics-row {
    display: block;
  }
  .cabinet-main--my-olympics {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .my-olympics-search {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .my-olympics-search .input input {
    font-size: 14px;
    line-height: 130%;
    padding-left: 20px;
  }
  .my-olympics-coll-two {
    margin-top: 5px;
  }
}
.cabinet-notific__olympiad {
  background: #00D8FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.cabinet-notific__olympiad .cabinet-notific__item-date {
  color: #3B414B;
}
.cabinet-notific__olympiad .cabinet-notific__olympiad-title {
  color: #3B414B;
}

.header-notifc .header__menu.header__menu-padding-right {
  padding-right: 87px;
}

@media (max-width: 1680px) {
  .header-notifc .header__menu.header__menu-padding-right {
    padding-right: 0px;
  }
}
@media (max-width: 1200px) {
  .header-notifc .header__menu-list-olympiad li {
    margin-right: 20px;
  }
}
@media (max-width: 1020px) {
  .header-notifc .header__menu-list-olympiad li {
    margin-right: 10px;
  }
}
.passing-test-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  color: #7B20FF;
  padding-bottom: 30px;
}

.passing-test-step {
  background: #FFFFFF;
  padding: 30px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-bottom: 120px;
}

.passing-header-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}

.passing-header-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}

.passing-header-info {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}

.passing-header-num {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #F3775B;
  padding-left: 5px;
}

.passing-step-header {
  padding-bottom: 30px;
  margin-bottom: 17px;
  border-bottom: 1px solid #F2F3F5;
}

.passing-step-header-start {
  margin-bottom: 0;
  border: none;
}

.passing-step-row-coll {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
}
.passing-step-row-coll span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #F3775B;
}
.passing-step-row-coll .passing-step-row-coll-title {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.passing-quest-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}

.passing-quest-box {
  margin-bottom: 20px;
}
.passing-quest-box .checkbox span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  border: 1px solid #E8E9EC;
  border-radius: 4px;
  background: none;
}
.passing-quest-box .checkbox input:checked + span::before {
  border: none;
}

.passing-info-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}

.passing-info-label {
  position: relative;
  cursor: pointer;
}
.passing-info-label input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -333;
  opacity: 0;
  width: 0;
  overflow: hidden;
}

.passing-info-span {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-decoration-line: underline;
  width: 100%;
  color: #3B414B;
  padding-left: 25px;
  position: relative;
}
.passing-info-span::after {
  content: url("../../images/img/icons/file.svg");
  position: absolute;
  left: 0;
}

.passing-info-inner {
  margin-bottom: 15px;
}
.passing-info-inner:nth-last-child(1) {
  margin-bottom: 0;
}

.passing-quest-container {
  border-radius: 10px;
  overflow: hidden;
  width: 342px;
  height: 202px;
  margin-bottom: 20px;
}
.passing-quest-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.passing-quest-container .post-video--olympiad {
  width: 100%;
  height: 100%;
}
.passing-quest-container .post-video--olympiad::before {
  font-size: 28px;
  bottom: 16px;
  left: 16px;
}
.passing-quest-container .post-video--olympiad::after {
  background: none;
}

.passing-finish-img-box {
  width: 280px;
}
.passing-finish-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.passing-finish-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  margin-bottom: 20px;
}

.passing-finish-result {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
  padding-bottom: 10px;
}
.passing-finish-result span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F3775B;
}

.passing-finish-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
}
.passing-finish-text span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
  text-align: center;
  color: #3B414B;
}

.cabintet-main-passing-finish {
  grid-template-columns: auto 1fr;
  gap: 40px;
}

.passing-test-wrapp {
  max-width: 1080px;
}

.passing-step-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.passing-step-row-clock {
  padding-left: 10px;
}

.passing-quest-row {
  display: flex;
  justify-content: space-between;
}

.passing-step-finish {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
}

.passing-finish-constainer {
  width: 386px;
}

.open-img-modal {
  cursor: pointer;
}

@media (max-width: 1680px) {
  .cabintet-main-passing-finish {
    gap: 20px;
  }
  .passing-test-title {
    font-size: 22px;
    line-height: 130%;
    padding-bottom: 20px;
  }
  .passing-test-step {
    padding: 20px;
    margin-bottom: 40px;
  }
  .passing-header-title {
    font-size: 18px;
    line-height: 130%;
  }
  .passing-header-text {
    font-size: 16px;
    line-height: 130%;
  }
  .passing-header-info {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-header-num {
    font-size: 16px;
    line-height: 130%;
  }
  .passing-step-header {
    padding-bottom: 20px;
  }
  .passing-step-row-coll .passing-step-row-clock {
    font-size: 16px;
    line-height: 130%;
  }
  .passing-step-row {
    margin-bottom: 10px;
  }
  .passing-quest-text {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-quest-container {
    width: 292px;
    height: 175px;
    margin-bottom: 15px;
  }
  .passing-info-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .passing-info-span {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-info-inner {
    margin-bottom: 10px;
  }
  .passing-finish-title {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .passing-finish-result {
    font-size: 14px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .passing-finish-text {
    font-size: 16px;
    line-height: 130%;
  }
  .passing-finish-constainer {
    width: 330px;
  }
  .passing-finish-img-box {
    width: 240px;
  }
  .passing-step-finish {
    gap: 40px;
  }
}
@media (max-width: 992px) {
  .passing-test-title {
    font-size: 18px;
    line-height: 130%;
    margin-top: 18px;
  }
  .cabintet-main-passing-finish {
    gap: 0;
  }
  .passing-test-step {
    padding: 15px;
    margin-bottom: 40px;
  }
  .passing-header-title {
    font-size: 16px;
    line-height: 130%;
  }
  .passing-header-text {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-header-info {
    font-size: 12px;
    line-height: 130%;
  }
  .passing-header-info .passing-header-num {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-step-header {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .passing-step-header.passing-step-header-start {
    margin-bottom: 0;
  }
  .passing-step-row-coll {
    font-size: 12px;
    line-height: 130%;
  }
  .passing-step-row-coll span {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-step-row-coll .passing-step-row-clock {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-quest-text {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 15px;
  }
  .passing-quest-container {
    width: 232px;
    height: 140px;
    margin-bottom: 14px;
  }
  .passing-step-row {
    margin-bottom: 15px;
  }
  .passing-quest-row {
    gap: 10px;
  }
  .passing-quest-box {
    margin-bottom: 18px;
  }
  .passing-quest-box .single-test__question-answer {
    margin-bottom: 12px;
  }
  .passing-quest-box .single-test__question-answer span {
    font-size: 12px;
    line-height: 130%;
  }
  .passing-info-title {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .passing-info-span {
    font-size: 12px;
    line-height: 130%;
  }
  .passing-finish-img-box {
    width: 230px;
  }
  .passing-finish-title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .passing-finish-result {
    font-size: 12px;
    line-height: 130%;
    padding-bottom: 10px;
  }
  .passing-finish-text {
    font-size: 14px;
    line-height: 130%;
  }
  .passing-finish-constainer {
    width: 320px;
  }
  .passing-test-wrapp {
    overflow: hidden;
  }
}
@media (max-width: 572px) {
  .passing-test-title {
    margin-top: 5px;
  }
  .passing-quest-row {
    flex-direction: column-reverse;
  }
  .passing-quest-container {
    width: 100%;
    height: auto;
  }
  .passing-quest-container .post-video--olympiad {
    width: 100%;
    height: 170px;
  }
  .passing-step-row-coll-title {
    display: none;
  }
  .passing-step-row-clock {
    position: relative;
    padding-left: 30px;
  }
  .passing-step-row-clock::after {
    content: url("../../images/img/icons/ic_baseline-access-time.svg");
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .passing-step-finish {
    display: block;
  }
  .passing-finish-img-box {
    margin: 0 auto 5px;
  }
  .passing-finish-constainer {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
  }
  .passing-finish-result span {
    font-size: 12px;
    line-height: 130%;
  }
}
.reveal-box-video {
  position: relative;
}

.reveal-button-video {
  position: absolute;
  z-index: 33;
  bottom: 15px;
  right: 15px;
}

.cabintet-main-task {
  grid-template-columns: auto 1fr;
  gap: 30px;
  margin-bottom: 0;
}

.task-page {
  margin-bottom: 0;
}

.task-wrapp {
  background: #FFFFFF;
  padding: 30px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-bottom: 30px;
}

.task-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 40px;
}

.task-subtitle {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 10px;
}

.task-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 40px;
}

.task-row-container {
  width: 583px;
  height: 280px;
  margin-bottom: 0;
}
.task-row-container .post-video::before {
  font-size: 35px;
}

.task-box-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  padding-bottom: 12px;
  margin-bottom: 20px;
  position: relative;
}
.task-box-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 150px;
  height: 3px;
  background: #7B20FF;
  border-radius: 2px;
}

.task-box {
  background: #FFFFFF;
  padding: 30px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-bottom: 30px;
}

.task-btn-label {
  width: 146px;
  height: 35px;
  padding: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #7B20FF;
}

.task-textarea {
  margin-bottom: 20px;
}
.task-textarea textarea {
  min-height: 120px;
  resize: vertical;
  padding-left: 18px;
}

.task__file-row {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 30px;
}
.task__file-row .file-group-container {
  width: 100%;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 30px;
}
.task__file-row .file-group-container .file-name {
  min-width: auto;
}
.task__file-row .file-group-row--none .file-group-none {
  margin-bottom: 0;
}
.task__file-row .file-group-row {
  margin-bottom: 0;
}

.task-footer-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
}
.task-footer-text span {
  color: #7B20FF;
}

.task-row {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 30px;
}

.task-info-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  margin-bottom: 20px;
}

.task-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 90px;
}

.task--finish {
  max-width: 950px;
  margin-bottom: 0;
}

@media (max-width: 1680px) {
  .cabintet-main-task {
    gap: 20px;
  }
  .task-wrapp {
    padding: 20px;
    margin-bottom: 20px;
  }
  .task-title {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 30px;
  }
  .task-subtitle {
    font-size: 16px;
    line-height: 130%;
  }
  .task-text {
    font-size: 16px;
    line-height: 130%;
  }
  .task-row-container {
    width: 451px;
    height: 220px;
  }
  .task-row-container .post-video::before {
    font-size: 25px;
  }
  .task-row {
    gap: 20px;
  }
  .task-info-title {
    font-size: 16px;
    line-height: 130%;
  }
  .task-box {
    padding: 20px;
  }
  .task-box-title {
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .task-box-title::after {
    width: 120px;
  }
  .task-textarea {
    margin-bottom: 10px;
  }
  .task-btn-label {
    width: 128px;
    height: 31px;
    font-size: 16px;
    line-height: 130%;
  }
  .task__file-row {
    gap: 20px;
  }
  .task-box {
    margin-bottom: 20px;
  }
  .task-footer-text {
    font-size: 18px;
    line-height: 130%;
  }
  .task-footer {
    margin-bottom: 60px;
  }
  .task--finish .passing-finish-img-box {
    width: 255px;
  }
  .task--finish .passing-step-finish {
    gap: 20px;
  }
}
@media (max-width: 992px) {
  .cabintet-main-task {
    gap: 0;
  }
  .task-page .passing-test-title {
    margin-top: 8px;
  }
  .task-wrapp {
    padding: 15px;
  }
  .task-title {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 20px;
  }
  .task-subtitle {
    font-size: 14px;
    line-height: 130%;
  }
  .task-text {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 18px;
  }
  .task-row-container {
    width: 290px;
    height: 170px;
  }
  .task-row-container .post-video::before {
    font-size: 18px;
  }
  .task-row {
    gap: 15px;
  }
  .task-info-title {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
  }
  .task-box {
    padding: 15px;
  }
  .task-box-title {
    font-size: 16px;
    line-height: 130%;
    padding-bottom: 13px;
    margin-bottom: 20px;
  }
  .task-box-title::after {
    width: 60px;
  }
  .task-textarea {
    margin-bottom: 20px;
  }
  .task-textarea textarea {
    padding-top: 5px;
    padding-left: 10px;
  }
  .task-btn-label {
    font-size: 14px;
    line-height: 130%;
    width: 119px;
    height: 30px;
    margin-bottom: 10px;
  }
  .task__file-row {
    display: block;
  }
  .task__file-row .file-group-container {
    display: block;
  }
  .task__file-row .file-group-row {
    margin-bottom: 10px;
  }
  .task__file-row .file-group-row:nth-last-child(1) {
    margin-bottom: 0;
  }
  .task__file-row .file-group-row .file-name {
    background: url("../../images/img/icons/document-icon-file.svg") no-repeat left top 1px/auto 14px;
  }
  .task-footer-text {
    font-size: 16px;
    line-height: 130%;
  }
  .task--finish .passing-finish-img-box {
    width: 240px;
  }
  .cabintet-main-task {
    padding-bottom: 20px;
  }
  .task-page {
    overflow: hidden;
  }
}
@media (max-width: 572px) {
  .task-row {
    display: block;
  }
  .task-page .passing-test-title {
    margin-top: 5px;
  }
  .task-row-container {
    margin-bottom: 15px;
  }
  .task-btn {
    font-size: 14px;
    line-height: 130%;
    padding: 0;
    width: 135px;
    height: 30px;
  }
  .task-footer-text {
    width: 165px;
  }
  .task--finish {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .task--finish .passing-finish-constainer {
    max-width: 270px;
  }
  .task--finish .passing-finish-img-box {
    width: 220px;
  }
}
.cabinet-affairs__card.--timetable {
  background: #FF8F19;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cabinet-affairs__card.--timetable img {
  margin-bottom: 20px;
}
.cabinet-affairs__card.--timetable p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.cabinet-child .cabinet-section__title {
  margin-bottom: 28px;
}
.cabinet-child .cabinet-section__title--one {
  margin-bottom: 30px;
}
.cabinet-child .cabinet-affairs__card {
  padding-bottom: 10px;
}
.cabinet-child .header__menu.header__menu-padding-right {
  padding-right: 90px;
}

/*-adaptive-*/
@media (max-width: 1680px) {
  .cabinet-child .cabinet-section__title--one {
    margin-bottom: 25px;
  }
  .cabinet-child .cabinet-section {
    margin-bottom: 35px !important;
  }
  .cabinet-child .cabinet-section__title {
    margin-bottom: 19px;
  }
  .cabinet-child .cabinet-affairs__card {
    padding-bottom: 15px;
  }
  .cabinet-child .cabinet-affairs__card.--timetable p {
    font-size: 16px;
    line-height: 130%;
    text-align: center;
  }
  .cabinet-child .cabinet-affairs__card.--timetable img {
    width: 33px;
    height: 33px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1060px) {
  .cabinet-child .header__menu.header__menu-padding-right {
    padding-right: 0px;
  }
}
@media (max-width: 992px) {
  .cabinet-child .cabinet-main {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
  }
  .cabinet-child .cabinet-schedule-data-desc {
    display: none;
  }
  .cabinet-child .cabinet-schedule-data-mob {
    display: inline-block;
  }
  .cabinet-child .cabinet-section__title--one {
    margin-bottom: 10px;
  }
  .cabinet-child .cabinet-affairs__card {
    padding-bottom: 10px;
  }
  .cabinet-child .cabinet-affairs,
  .cabinet-child .cabinet-schedule {
    gap: 10px;
  }
  .cabinet-child .cabinet-section {
    margin-bottom: 30px !important;
  }
  .cabinet-child .cabinet-section__title {
    margin-bottom: 10px;
  }
  .cabinet-child .cabinet-affairs__card.--timetable img {
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
  }
  .cabinet-child .cabinet-affairs__card.--timetable p {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
  }
  .cabinet-child .cabinet-profile__user-awards {
    width: 90px;
    position: relative;
    left: -10px;
  }
  .cabinet-child .cabinet-profile__user-awards-item {
    width: 20%;
    min-width: auto;
    position: relative;
    z-index: 2;
  }
  .cabinet-child .cabinet-profile__user-awards-item img {
    width: 28px;
  }
}
@media (max-width: 767px) {
  .cabinet-affairs._news {
    grid-template-rows: 1fr 1fr;
  }
  .cabinet-child .cabinet-profile__user-awards {
    display: flex;
  }
  .cabinet-child .cabinet-profile__user-awards-item {
    width: 20%;
    min-width: auto;
    position: relative;
    z-index: 2;
  }
  .cabinet-child .cabinet-profile__user-awards-item img {
    width: 23px;
  }
}
@media (max-width: 572px) {
  .cabinet-child .header__nav {
    width: 100%;
    justify-content: space-between;
    padding-left: 15px;
  }
  .cabinet-child .cabinet-main {
    padding-top: 20px !important;
    gap: 0 !important;
  }
  .cabinet-child .cabinet-profile__user-awards {
    width: 95px;
  }
  .cabinet-child .cabinet-affairs__card-profile-btn {
    font-size: 11px;
    line-height: 130%;
    margin-top: 15px;
  }
  .cabinet-child .cabinet-affairs__card.--timetable img {
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
  }
  .cabinet-child .cabinet-affairs__card.--timetable p {
    font-size: 14px;
    line-height: 130%;
  }
  .cabinet-child .cabinet-affairs__card {
    padding-bottom: 8px;
  }
  .cabinet-child .cabinet-affairs._news {
    grid-template-columns: 1fr;
  }
}
.schedule .cabinet-main {
  padding-bottom: 5px !important;
  grid-template-columns: 70px 1fr !important;
}

@media (max-width: 1680px) {
  .schedule .cabinet-main {
    gap: 10px !important;
  }
}
@media (max-width: 992px) {
  .schedule .cabinet-main {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}
@media (max-width: 768px) {
  .schedule .header__nav {
    width: 100%;
    justify-content: space-between;
    padding-left: 13px;
  }
}
@media (max-width: 572px) {
  .schedule .cabinet-main {
    padding-top: 25px !important;
  }
  .schedule .schedule-section {
    margin-bottom: 50px !important;
  }
}
.creating-row {
  border: 0;
  margin-bottom: 15px;
  padding-bottom: 0;
  gap: 15px;
}
@media (max-width:767px) {
  .creating-row {
    flex-direction: column;
  }
}

.creating-task-input {
  margin-bottom: 15px;
}

.creating-row-with-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:767px) {
  .creating-row-with-label {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
  }
}

.creating-row-with-label p {
  font-size: 18px;
}
@media (max-width:1680px) {
  .creating-row-with-label p {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .creating-row-with-label p {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .creating-row-with-label p {
    margin-bottom: 10px;
  }
}

.creating-task-coll--col70 {
  width: 70%;
}
@media (max-width:1680px) {
  .creating-task-coll--col70 {
    width: 53%;
  }
}
@media (max-width:991px) {
  .creating-task-coll--col70 {
    width: 50%;
  }
}
@media (max-width:767px) {
  .creating-task-coll--col70 {
    width: 100%;
  }
}

.creating-task-coll--col30 {
  width: 30%;
}
@media (max-width:1680px) {
  .creating-task-coll--col30 {
    width: 47%;
  }
}
@media (max-width:991px) {
  .creating-task-coll--col30 {
    width: 50%;
  }
}
@media (max-width:767px) {
  .creating-task-coll--col30 {
    width: 100%;
  }
}

.creating-task-textarea {
  margin-bottom: 13px;
}

@media (max-width: 1100px) {
  .page.cabinet._main .partners--cabinet__main {
    grid-template-columns: 60px 1fr !important;
  }
}
@media (max-width: 992px) {
  .page.cabinet._main .partners--cabinet__main {
    grid-template-columns: 100% !important;
  }
}

@media (min-width: 1680px) {
  .cabinet-menu.partners__menu--hidden .mobile-menu__btn._logout img {
    display: none;
  }
}
@media (max-width: 1680px) and (min-width: 991px) {
  .cabinet-menu.partners__menu--hidden {
    overflow: hidden;
    width: 70px;
    z-index: 97;
    transition: width ease 0.2s;
  }
}
@media (max-width: 1680px) and (min-width: 991px) and (max-width:1680px) {
  .cabinet-menu.partners__menu--hidden {
    width: 60px;
  }
}
@media (max-width: 1680px) and (min-width: 991px) {
  .cabinet-menu.partners__menu--hidden:hover {
    width: 285px;
  }
}
@media (max-width: 1680px) and (min-width: 991px) and (max-width:1680px) {
  .cabinet-menu.partners__menu--hidden:hover {
    width: 230px;
  }
}
@media (max-width: 1680px) and (min-width: 991px) {
  .cabinet-menu.partners__menu--hidden:hover .cabinet-menu__link span {
    margin-left: 0px;
  }
}
@media (max-width: 1680px) and (min-width: 991px) {
  .cabinet-menu.partners__menu--hidden:hover .mobile-menu__btn._logout {
    padding-left: 18px;
    border-color: #7B20FF;
  }
  .cabinet-menu.partners__menu--hidden:hover .mobile-menu__btn._logout span {
    opacity: 1;
  }
  .cabinet-menu.partners__menu--hidden:hover .mobile-menu__btn._logout img {
    display: none;
  }
}
@media (max-width: 1680px) and (min-width: 991px) and (max-width:1680px) {
  .cabinet-menu.partners__menu--hidden:hover .mobile-menu__btn._logout {
    padding-left: 14px;
  }
}
@media (max-width: 1680px) and (min-width: 991px) {
  .cabinet-menu.partners__menu--hidden .cabinet-menu__list li {
    white-space: nowrap;
  }
}
@media (max-width: 1680px) and (min-width: 991px) {
  .cabinet-menu.partners__menu--hidden .cabinet-menu__link span {
    margin-left: 5px;
    transition: margin linear 0.2s;
  }
}
@media (max-width: 1680px) and (min-width: 991px) and (max-width:1680px) {
  .cabinet-menu.partners__menu--hidden .cabinet-menu__link span {
    margin-left: 10px;
  }
}
@media (max-width: 1680px) and (min-width: 991px) {
  .cabinet-menu.partners__menu--hidden .mobile-menu__btn._logout {
    padding-left: 0;
    border-color: transparent;
  }
  .cabinet-menu.partners__menu--hidden .mobile-menu__btn._logout span {
    opacity: 0;
  }
}
@media (max-width: 1680px) and (max-width:991px) {
  .cabinet-menu.partners__menu--hidden .mobile-menu__btn._logout img {
    display: none;
  }
}
.olympiad-btn {
  display: flex;
  align-items: center;
  gap: 40px;
  width: max-content;
}
@media (min-width: 991px) {
  .olympiad-btn:hover .olympiad-btn__icon {
    background: #8E83FF;
  }
}
.olympiad-btn svg {
  width: 62px;
  height: 62px;
}
@media (max-width:1680px) {
  .olympiad-btn svg {
    width: 46px;
    height: 46px;
  }
}
@media (max-width:991px) {
  .olympiad-btn svg {
    width: 38px;
    height: 38px;
  }
}
@media (max-width:1680px) {
  .olympiad-btn {
    gap: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-btn {
    gap: 20px;
  }
}
.olympiad-btn__text {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: max-content;
}
.olympiad-btn__text p {
  font-size: 24px;
  font-weight: 700;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-btn__text p {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-btn__text p {
    font-size: 18px;
  }
}
.olympiad-btn__text span {
  font-size: 12px;
  font-weight: 500;
  color: #A6AAB4;
  letter-spacing: 0.05em;
  text-align: right;
}
@media (max-width:1680px) {
  .olympiad-btn__text span {
    font-size: 10px;
  }
}
.olympiad-btn__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #7B20FF;
  width: 100px;
  height: 100px;
  transition: all linear 0.2s;
}
@media (max-width:1680px) {
  .olympiad-btn__icon {
    width: 80px;
    height: 80px;
  }
}
@media (max-width:991px) {
  .olympiad-btn__icon {
    width: 60px;
    height: 60px;
  }
}
.olympiad-link {
  margin-bottom: 0;
}
.olympiad-link._telegram {
  background: #8E83FF;
  padding: 30px 0;
}
@media (max-width:1680px) {
  .olympiad-link._telegram {
    padding: 20px 0;
  }
}
@media (max-width:767px) {
  .olympiad-link._telegram {
    padding: 30px 0;
  }
}
.olympiad-link._telegram .olympiad-link__inner {
  gap: 250px;
}
@media (max-width:1680px) {
  .olympiad-link._telegram .olympiad-link__inner {
    gap: 200px;
  }
}
@media (max-width:991px) {
  .olympiad-link._telegram .olympiad-link__inner {
    gap: 30px;
  }
}
@media (max-width:767px) {
  .olympiad-link._telegram .olympiad-link__inner {
    gap: 15px;
  }
}
.olympiad-link._telegram .olympiad-link__title {
  color: #FFFFFF;
}
@media (min-width: 991px) {
  .olympiad-link._telegram .olympiad-link__btn:hover .olympiad-btn__icon {
    background: #7B20FF;
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
  .olympiad-link._telegram .olympiad-link__btn:hover .olympiad-btn__icon svg {
    fill: white;
  }
}
.olympiad-link._telegram .olympiad-link__btn .olympiad-btn__text span,
.olympiad-link._telegram .olympiad-link__btn .olympiad-btn__text p {
  color: white;
}
.olympiad-link._telegram .olympiad-link__btn .olympiad-btn__icon {
  background: #FFFFFF;
}
.olympiad-link._telegram .olympiad-link__btn .olympiad-btn__icon svg {
  width: 40px;
  height: 40px;
  fill: #8E83FF;
  transition: all linear 0.2s;
}
@media (max-width:1680px) {
  .olympiad-link._telegram .olympiad-link__btn .olympiad-btn__icon svg {
    width: 32px;
    height: 32px;
  }
}
@media (max-width:991px) {
  .olympiad-link._telegram .olympiad-link__btn .olympiad-btn__icon svg {
    width: 24px;
    height: 24px;
  }
}
.olympiad-link._sign-up {
  background: #E9ECF3;
  padding: 60px 0;
}
@media (max-width:1680px) {
  .olympiad-link._sign-up {
    padding: 20px 0;
  }
}
@media (max-width:767px) {
  .olympiad-link._sign-up {
    padding: 30px 0;
  }
}
.olympiad-link._sign-up .olympiad-link__inner {
  gap: 100px;
}
@media (max-width:1680px) {
  .olympiad-link._sign-up .olympiad-link__inner {
    gap: 200px;
  }
}
@media (max-width:991px) {
  .olympiad-link._sign-up .olympiad-link__inner {
    gap: 30px;
  }
}
@media (max-width:767px) {
  .olympiad-link._sign-up .olympiad-link__inner {
    gap: 15px;
  }
}
.olympiad-link._sign-up .olympiad-link__title {
  color: #3B414B;
}

.olympiad-link__inner {
  display: flex;
  align-items: center;
  gap: 100px;
}
@media (max-width:767px) {
  .olympiad-link__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

.olympiad-link__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .olympiad-link__title {
    font-size: 28px;
  }
}
@media (max-width:991px) {
  .olympiad-link__title {
    font-size: 20px;
  }
}
.olympiad-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-title {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-title {
    font-size: 24px;
  }
}
@media (max-width:767px) {
  .olympiad-title {
    font-size: 20px;
  }
}

.olympiad-body .tooltip,
.olympiad .tooltip {
  background: #FFFFFF !important;
  border: 1px solid #8E83FF !important;
  border-radius: 5px !important;
  padding: 10px !important;
  width: max-content;
}

.olympiad-slider__pagination {
  display: flex;
  gap: 20px;
}
@media (max-width:1680px) {
  .olympiad-slider__pagination {
    gap: 12px;
  }
}
@media (max-width:991px) {
  .olympiad-slider__pagination {
    gap: 8px;
  }
}
.olympiad-slider__pagination span {
  opacity: 1 !important;
  background: #A7DE21;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}
@media (max-width:1680px) {
  .olympiad-slider__pagination span {
    width: 24px;
    height: 24px;
  }
}
@media (max-width:991px) {
  .olympiad-slider__pagination span {
    width: 16px;
    height: 16px;
  }
}
.olympiad-slider__pagination span::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: white;
}
@media (max-width:1680px) {
  .olympiad-slider__pagination span::after {
    width: 10px;
    height: 10px;
  }
}
@media (max-width:991px) {
  .olympiad-slider__pagination span::after {
    width: 6px;
    height: 6px;
  }
}
.olympiad-slider__pagination span.swiper-pagination-bullet-active::after {
  background: #7B20FF;
}

.olympiad-slider__btn-prev svg,
.olympiad-slider__btn-next svg {
  width: 42px;
  height: 42px;
}
@media (max-width:1680px) {
  .olympiad-slider__btn-prev svg,
  .olympiad-slider__btn-next svg {
    width: 36px;
    height: 36px;
  }
}
@media (max-width:991px) {
  .olympiad-slider__btn-prev svg,
  .olympiad-slider__btn-next svg {
    width: 24px;
    height: 24px;
  }
}
.olympiad__share-list {
  bottom: auto !important;
  top: 100% !important;
  left: auto !important;
  right: 100% !important;
}

.olympiad-intro {
  background: #E9ECF3;
  margin-bottom: 0;
}

.olympiad-intro__inner {
  padding: 80px 0 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  grid-gap: 60px;
}
@media (max-width:1680px) {
  .olympiad-intro__inner {
    padding: 60px 0 40px;
    grid-template-columns: 1.24fr 1fr;
    grid-gap: 40px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__inner {
    padding: 40px 0;
    grid-gap: 20px;
    grid-template-columns: 1.2fr 1fr;
  }
}
@media (max-width:767px) {
  .olympiad-intro__inner {
    padding: 30px 0;
    grid-template-columns: 1fr;
  }
}

.olympiad-intro__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-intro__title {
    font-size: 35px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__title {
    font-size: 24px;
  }
}
@media (max-width:767px) {
  .olympiad-intro__title {
    font-size: 20px;
  }
}

.olympiad-intro__dates {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 30px 0 40px;
}
@media (max-width:1680px) {
  .olympiad-intro__dates {
    margin: 20px 0 30px;
    gap: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__dates {
    margin: 20px 0;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  .olympiad-intro__dates {
    margin: 15px 0 20px;
    gap: 5px;
  }
}

.olympiad-intro__date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  display: flex;
  gap: 5px;
  align-items: center;
}
.olympiad-intro__date span {
  color: #8E83FF;
  font-weight: 700;
}
@media (max-width:1680px) {
  .olympiad-intro__date {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__date {
    font-size: 12px;
  }
}
.olympiad-intro__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-intro__text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__text {
    font-size: 14px;
  }
}
.olympiad-intro__btn {
  margin-top: 60px;
}
@media (max-width:1680px) {
  .olympiad-intro__btn {
    margin-top: 40px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__btn {
    margin-top: 20px;
  }
}
.olympiad-intro__label {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.5;
  margin-top: 60px;
}
@media (min-width: 991px) {
  .olympiad-intro__label:hover a {
    color: #7B20FF;
  }
}
.olympiad-intro__label a {
  color: #3B414B;
  margin: 0 5px;
  text-decoration: underline;
  font-weight: 500;
}
@media (max-width:1680px) {
  .olympiad-intro__label {
    font-size: 14px;
    margin-top: 40px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__label {
    font-size: 12px;
    margin-top: 20px;
  }
}
.olympiad-intro__image-wrp {
  position: relative;
  margin-top: 40px;
}
@media (max-width:1680px) {
  .olympiad-intro__image-wrp {
    margin-top: 40px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__image-wrp {
    margin-top: 30px;
  }
}
@media (max-width:767px) {
  .olympiad-intro__image-wrp {
    grid-row-start: 1;
    margin-top: 0;
  }
}

.olympiad-intro__image {
  overflow: hidden;
  position: relative;
  padding: 0 0 53% 0;
  border-radius: 8px;
}
@media (max-width:1680px) {
  .olympiad-intro__image {
    padding: 0 0 58% 0;
  }
}
@media (max-width:991px) {
  .olympiad-intro__image {
    padding: 0 0 60% 0;
  }
}
.olympiad-intro__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-intro__btn-like,
.olympiad-intro__btn-share {
  display: flex;
  position: absolute;
  z-index: 100;
}
.olympiad-intro__btn-like svg,
.olympiad-intro__btn-share svg {
  width: 28px;
  height: 28px;
}
@media (max-width:1680px) {
  .olympiad-intro__btn-like svg,
  .olympiad-intro__btn-share svg {
    width: 26px;
    height: 26px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__btn-like svg,
  .olympiad-intro__btn-share svg {
    width: 22px;
    height: 22px;
  }
}
.olympiad-intro__btn-like {
  top: 10px;
  right: 10px;
}

.olympiad-intro__btn-share {
  right: 10px;
  top: 43px;
}
@media (max-width:1680px) {
  .olympiad-intro__btn-share {
    top: 41px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__btn-share {
    top: 37px;
  }
}
.olympiad-advantages {
  background: #FF8F19;
  margin-bottom: 0;
}

.olympiad-advantages__inner {
  padding: 30px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 115px;
}
@media (max-width:1680px) {
  .olympiad-advantages__inner {
    grid-gap: 86px;
  }
}
@media (max-width:991px) {
  .olympiad-advantages__inner {
    padding: 20px 0;
    grid-gap: 46px;
  }
}
@media (max-width:767px) {
  .olympiad-advantages__inner {
    grid-gap: 26px;
  }
}

.olympiad-advantages__item {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width:991px) {
  .olympiad-advantages__item {
    gap: 10px;
  }
}
@media (max-width:767px) {
  .olympiad-advantages__item {
    gap: 5px;
    flex-direction: column;
  }
}

.olympiad-advantages__icon img {
  width: 120px;
}
@media (max-width:1680px) {
  .olympiad-advantages__icon img {
    width: 90px;
  }
}
@media (max-width:991px) {
  .olympiad-advantages__icon img {
    width: 60px;
  }
}
@media (max-width:767px) {
  .olympiad-advantages__icon img {
    width: 50px;
  }
}

.olympiad-advantages__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 130%;
  color: #FFFFFF;
}
@media (max-width:1680px) {
  .olympiad-advantages__text {
    font-size: 22px;
  }
}
@media (max-width:991px) {
  .olympiad-advantages__text {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .olympiad-advantages__text {
    font-size: 12px;
    text-align: center;
  }
}

.olympiad-prize {
  background: #313240;
  position: relative;
}

.olympiad-prize__inner {
  padding: 30px 0;
}
@media (max-width:991px) {
  .olympiad-prize__inner {
    padding: 20px 0 20px;
  }
}
@media (max-width:767px) {
  .olympiad-prize__inner {
    padding: 20px 0 10px 0;
  }
}

.olympiad-prize__content {
  position: relative;
  z-index: 2;
}
@media (max-width:767px) {
  .olympiad-prize__content {
    display: flex;
    gap: 30px;
  }
}

.olympiad-prize__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FCFCFC;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .olympiad-prize__title {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .olympiad-prize__title {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
@media (max-width:767px) {
  .olympiad-prize__title {
    font-size: 20px;
  }
}

.olympiad-prize__sum {
  font-family: "Roboto";
  font-style: normal;
  color: #FCFCFC;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.olympiad-prize__sum span {
  font-weight: 800;
  font-size: 110px;
  line-height: 100%;
  color: #FCFCFC;
}
@media (max-width:1680px) {
  .olympiad-prize__sum span {
    font-size: 68px;
  }
}
@media (max-width:991px) {
  .olympiad-prize__sum span {
    font-size: 40px;
  }
}
@media (max-width:767px) {
  .olympiad-prize__sum span {
    font-size: 24px;
  }
}
.olympiad-prize__sum p {
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #FCFCFC;
}
@media (max-width:1680px) {
  .olympiad-prize__sum p {
    font-size: 28px;
  }
}
@media (max-width:991px) {
  .olympiad-prize__sum p {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .olympiad-prize__sum p {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .olympiad-prize__sum {
    gap: 5px;
  }
}
.olympiad-prize__image {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media (max-width:767px) {
  .olympiad-prize__image {
    position: relative;
    padding: 0 0 24% 0;
    height: 0;
    width: 100%;
  }
}
.olympiad-prize__image img {
  height: 100%;
  object-fit: contain;
}
@media (max-width:767px) {
  .olympiad-prize__image img {
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.olympiad-steps__inner {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 120px;
}
@media (max-width:1680px) {
  .olympiad-steps__inner {
    grid-gap: 40px;
    grid-template-columns: 1fr 2.2fr;
  }
}
@media (max-width:991px) {
  .olympiad-steps__inner {
    grid-template-columns: 1fr;
  }
}
@media (max-width:767px) {
  .olympiad-steps__inner {
    grid-gap: 30px;
  }
}

@media (max-width:991px) {
  .olympiad-steps__content {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    grid-gap: 10px 30px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__content {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

.olympiad-steps__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-steps__title {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__title {
    font-size: 24px;
    grid-column: span 2;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__title {
    font-size: 20px;
    margin-bottom: 0;
    grid-column: span 1;
  }
}

.olympiad-steps__link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #8E83FF;
  margin-top: 40px;
  width: max-content;
}
.olympiad-steps__link svg {
  width: 24px;
  height: 24px;
  fill: #8E83FF;
  transition: all linear 0.2s;
  margin-left: 5px;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .olympiad-steps__link svg {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__link svg {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 991px) {
  .olympiad-steps__link {
    transition: all linear 0.2s;
  }
  .olympiad-steps__link:hover {
    color: #7B20FF;
    text-decoration: underline;
  }
  .olympiad-steps__link:hover svg {
    fill: #7B20FF;
  }
}
@media (max-width:1680px) {
  .olympiad-steps__link {
    font-size: 18px;
    margin-top: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__link {
    font-size: 16px;
    margin-top: 0px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__link {
    margin-top: 10px;
  }
}

.olympiad-steps__label {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.5;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .olympiad-steps__label {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__label {
    font-size: 14px;
    margin-top: 0px;
    grid-column-start: 2;
  }
}
@media (max-width:767px) {
  .olympiad-steps__label {
    margin-top: 10px;
    grid-column-start: 1;
  }
}

.olympiad-steps__graph {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
  grid-gap: 100px 230px;
}
.olympiad-steps__graph::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: auto;
  bottom: auto;
  background-image: url("data:image/svg+xml,%3Csvg class='olympiad-steps__graph-line' width='3' height='669' viewBox='0 0 3 669' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 667.5V2' stroke='%23E3E2FC' stroke-width='3' stroke-miterlimit='5.75877' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='16 16'/%3E%3C/svg%3E");
  background-repeat: repeat-y;
  background-position: center;
  background-size: contain;
  width: 4px;
  height: calc(100% - 128px);
  z-index: -1;
}
@media (max-width:991px) {
  .olympiad-steps__graph::after {
    height: calc(100% - 45px);
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph::after {
    height: calc(100% - 30px);
    width: 2px;
  }
}
@media (max-width:1680px) {
  .olympiad-steps__graph {
    grid-gap: 80px 192px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__graph {
    grid-gap: 60px 144px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph {
    grid-gap: 40px 38px;
  }
}

.mini-olympiad-steps__graph {
  grid-template-rows: 1fr 1fr;
}

.olympiad-steps__graph-item {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
@media (max-width:991px) {
  .olympiad-steps__graph-item {
    gap: 10px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph-item {
    flex-direction: column-reverse !important;
  }
}
.olympiad-steps__graph-item._left .olympiad-steps__graph-content {
  text-align: right;
}
.olympiad-steps__graph-item._left::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  right: auto;
  bottom: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='244' height='20' viewBox='0 0 244 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 11.5H242' stroke='%23E8EAED' stroke-width='3' stroke-miterlimit='5.75877' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='16 16'/%3E%3Crect x='113' width='20' height='20' rx='10' fill='%23E8EAED'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 230px;
  height: 20px;
}
@media (max-width:1680px) {
  .olympiad-steps__graph-item._left::after {
    width: 192px;
    height: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__graph-item._left::after {
    width: 144px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph-item._left::after {
    width: calc(100% + 38px);
    height: 12px;
    background-size: cover contain;
    left: 50%;
    top: 30px;
  }
}
.olympiad-steps__graph-item._right {
  flex-direction: row-reverse;
}
.olympiad-steps__graph-item._right .olympiad-steps__graph-content {
  text-align: left;
}
.olympiad-steps__graph-item._disabled .olympiad-steps__graph-title,
.olympiad-steps__graph-item._disabled .olympiad-steps__graph-stage {
  color: #A6AAB4;
}
.olympiad-steps__graph-item._disabled .circle-chart__circle {
  stroke: #A6AAB4 !important;
}
.olympiad-steps__graph-item._disabled .circle-icon path {
  fill: #A6AAB4 !important;
}
.olympiad-steps__graph-item._disabled .circle-icon._completed path {
  stroke: #A6AAB4 !important;
  fill: none !important;
}

.olympiad-steps__graph-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width:991px) {
  .olympiad-steps__graph-content {
    gap: 5px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph-content {
    text-align: center !important;
  }
}

.olympiad-steps__graph-title {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-weight: 700;
  color: #3B414B;
  font-size: 24px;
  text-transform: uppercase;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-steps__graph-title {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__graph-title {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph-title {
    font-size: 16px;
  }
}

.olympiad-steps__graph-date {
  font-family: "Roboto";
  font-style: normal;
  line-height: 130%;
  font-weight: 700;
  color: #3B414B;
  font-size: 18px;
  line-height: 130%;
  opacity: 0.6;
}
@media (max-width:1680px) {
  .olympiad-steps__graph-date {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__graph-date {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph-date {
    font-size: 12px;
  }
}

.olympiad-steps__graph-icon {
  flex: 0 0 120px;
  height: 120px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width:1680px) {
  .olympiad-steps__graph-icon {
    height: 90px;
    flex: 0 0 90px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__graph-icon {
    height: 70px;
    flex: 0 0 70px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph-icon {
    height: 60px;
    flex: 0 0 60px;
  }
}

.circle-chart {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width:1680px) {
  .circle-chart {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:991px) {
  .circle-chart {
    width: 70px;
    height: 70px;
  }
}
@media (max-width:767px) {
  .circle-chart {
    width: 60px;
    height: 60px;
  }
}
.circle-chart .circle-chart__circle {
  animation: circle-chart-fill 2s reverse;
  /* 1 */
  transform: rotate(-90deg);
  /* 2, 3 */
  transform-origin: center;
  /* 4 */
}

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
.circle-icon {
  width: 50px;
  height: 50px;
}
@media (max-width:1680px) {
  .circle-icon {
    width: 37px;
    height: 37px;
  }
}
@media (max-width:991px) {
  .circle-icon {
    width: 29px;
    height: 29px;
  }
}
@media (max-width:767px) {
  .circle-icon {
    width: 25px;
    height: 25px;
  }
}

.olympiad-steps__graph-stage {
  display: block;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #8E83FF;
}
@media (max-width:1680px) {
  .olympiad-steps__graph-stage {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__graph-stage {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .olympiad-steps__graph-stage {
    font-size: 12px;
  }
}

.olympiad-steps__graph-address {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #A6AAB4;
}
@media (max-width:1680px) {
  .olympiad-steps__graph-address {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-steps__graph-address {
    font-size: 12px;
  }
}
.olympiad-videos {
  background: #E9ECF3;
  margin: 0;
}

.olympiad-videos__inner {
  padding: 60px 0;
}
@media (max-width:1680px) {
  .olympiad-videos__inner {
    padding: 40px 0;
  }
}
@media (max-width:991px) {
  .olympiad-videos__inner {
    padding: 30px 0;
  }
}
.olympiad-videos__title {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width:1680px) {
  .olympiad-videos__title {
    margin-bottom: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-videos__title {
    margin-bottom: 20px;
  }
}
@media (max-width:767px) {
  .olympiad-videos__title {
    margin-bottom: 15px;
  }
}

.olympiad-videos__slider-wrp {
  padding: 0 180px;
  position: relative;
}
@media (max-width:1680px) {
  .olympiad-videos__slider-wrp {
    padding: 0 80px;
  }
}
@media (max-width:991px) {
  .olympiad-videos__slider-wrp {
    padding: 0 34px;
  }
}
@media (max-width:767px) {
  .olympiad-videos__slider-wrp {
    padding: 0 40px;
  }
}

.olympiad-videos__video {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  height: 0;
  padding: 0 0 72% 0;
  cursor: pointer;
}
.olympiad-videos__video::before {
  position: absolute;
  bottom: 22px;
  font-size: 33px;
  left: 22px;
  z-index: 100;
  color: white;
  transition: all linear 0.2s;
}
@media (max-width:1680px) {
  .olympiad-videos__video::before {
    font-size: 26px;
    left: 17px;
    bottom: 17px;
  }
}
@media (max-width:991px) {
  .olympiad-videos__video::before {
    font-size: 23px;
    left: 12px;
    bottom: 12px;
  }
}
.olympiad-videos__video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  transition: all linear 0.2s;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  width: 100%;
  height: 100%;
}
@media (min-width: 991px) {
  .olympiad-videos__video:hover::after {
    opacity: 0.5;
  }
  .olympiad-videos__video:hover::before {
    color: #7B20FF;
  }
}
.olympiad-videos__video img,
.olympiad-videos__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-videos__name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  /* or 26px */
  text-align: center;
  letter-spacing: 0.01em;
  /* 2 */
  color: #3B414B;
  margin-top: 20px;
}
@media (max-width:1680px) {
  .olympiad-videos__name {
    font-size: 18px;
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .olympiad-videos__name {
    font-size: 14px;
    margin-top: 10px;
  }
}
.olympiad-videos__btn-prev,
.olympiad-videos__btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.olympiad-videos__btn-prev {
  left: 76px;
}
@media (max-width:1680px) {
  .olympiad-videos__btn-prev {
    left: 0;
  }
}
.olympiad-videos__btn-next {
  right: 76px;
}
@media (max-width:1680px) {
  .olympiad-videos__btn-next {
    right: 0;
  }
}
.olympiad-tours {
  padding: 120px 0;
  margin: 0;
}
@media (max-width:1680px) {
  .olympiad-tours {
    padding: 80px 0;
  }
}
@media (max-width:991px) {
  .olympiad-tours {
    padding: 50px 0;
  }
}
.olympiad-tours__inner {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
@media (max-width:1680px) {
  .olympiad-tours__inner {
    gap: 80px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__inner {
    gap: 50px;
  }
}
.olympiad-tours__top {
  max-width: 1385px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .olympiad-tours__top {
    max-width: 100%;
  }
}
.olympiad-tours__title {
  margin-bottom: 40px;
  text-align: center;
}
.olympiad-tours__row {
  margin-bottom: 40px;
  display: grid;
  align-items: center;
  grid-template-columns: 1.2fr 1fr;
  grid-gap: 10px;
}
@media (max-width:1680px) {
  .olympiad-tours__row {
    margin-bottom: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__row {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
  }
}
.olympiad-tours__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-tours__text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__text {
    font-size: 14px;
  }
}
.olympiad-tours__quantity {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: auto;
}
@media (max-width:1680px) {
  .olympiad-tours__quantity {
    gap: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__quantity {
    gap: 10px;
    margin-left: 0;
  }
}
.olympiad-tours__quantity p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-tours__quantity p {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__quantity p {
    font-size: 12px;
  }
}
.olympiad-tours__quantity span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 130%;
  color: #8E83FF;
}
@media (max-width:1680px) {
  .olympiad-tours__quantity span {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__quantity span {
    font-size: 20px;
  }
}
.olympiad-tours__items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width:1680px) {
  .olympiad-tours__items {
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width:991px) {
  .olympiad-tours__items {
    max-width: 648px;
  }
}
.olympiad-tours__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 50px 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  width: 40%;
}
.olympiad-tours__item:nth-child(2) {
  width: 50%;
  margin-left: 60px;
}
@media (max-width:1680px) {
  .olympiad-tours__item {
    padding: 30px;
    border-radius: 10px;
  }
  .olympiad-tours__item:nth-child(2) {
    width: 45%;
    width: 55%;
    margin-left: 40px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__item {
    padding: 20px;
    flex-direction: column;
  }
  .olympiad-tours__item:nth-child(2) {
    margin-left: 20px;
  }
}
@media (max-width:767px) {
  .olympiad-tours__item {
    padding: 15px 14px;
    width: 100%;
  }
  .olympiad-tours__item:nth-child(2) {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}

.olympiad-tours__label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-tours__label {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__label {
    font-size: 16px;
  }
}
.olympiad-tours__date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-tours__date {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__date {
    font-size: 12px;
  }
}
.olympiad-tours__bottom {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .olympiad-tours__bottom {
    max-width: 960px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__bottom {
    max-width: 648px;
  }
}
.olympiad-tours__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width:1680px) {
  .olympiad-tours__list {
    gap: 15px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__list {
    gap: 10px;
  }
}
.olympiad-tours__stage {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  grid-gap: 10px;
}
@media (max-width:1680px) {
  .olympiad-tours__stage {
    padding: 20px;
    border-radius: 15px;
    grid-template-columns: 0.65fr 2fr 1.2fr;
  }
}
@media (max-width:991px) {
  .olympiad-tours__stage {
    padding: 15px;
    grid-template-columns: 0.65fr 2fr 1.4fr;
  }
}
@media (max-width:767px) {
  .olympiad-tours__stage {
    grid-template-columns: auto 1fr;
    grid-gap: 10px 15px;
    align-items: start;
  }
}

.olympiad-tours__stage-number {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 45px;
  line-height: 100%;
  color: #8E83FF;
  opacity: 0.3;
}
@media (max-width:1680px) {
  .olympiad-tours__stage-number {
    font-size: 35px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__stage-number {
    font-size: 24px;
  }
}
@media (max-width:767px) {
  .olympiad-tours__stage-number {
    font-size: 20px;
  }
}

.olympiad-tours__stage-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width:767px) {
  .olympiad-tours__stage-col {
    grid-column-start: 2;
    align-items: flex-start !important;
  }
}
.olympiad-tours__stage-col:last-child {
  align-items: flex-end;
}

.olympiad-tours__stage-address {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: right;
  color: #8E83FF;
}
@media (max-width:1680px) {
  .olympiad-tours__stage-address {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__stage-address {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .olympiad-tours__stage-address {
    text-align: left;
  }
}

.olympiad-tours__stage-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-decoration-line: underline;
  color: #3B414B;
  opacity: 0.5;
  text-align: right;
}
@media (min-width: 991px) {
  .olympiad-tours__stage-link {
    transition: all linear 0.2s;
  }
  .olympiad-tours__stage-link:hover {
    color: #8E83FF;
    opacity: 1;
  }
}
@media (max-width:1680px) {
  .olympiad-tours__stage-link {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__stage-link {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .olympiad-tours__stage-link {
    text-align: left;
  }
}

.olympiad-preparation {
  background: #E9ECF3;
}

.olympiad-preparation__inner {
  padding: 60px 140px;
}
@media (max-width:1680px) {
  .olympiad-preparation__inner {
    padding: 40px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__inner {
    padding: 30px 20px;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__inner {
    padding: 30px 0;
  }
}

.olympiad-preparation__title {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width:1680px) {
  .olympiad-preparation__title {
    margin-bottom: 30px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__title {
    margin-bottom: 20px;
  }
}
.olympiad-preparation__accordion {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.olympiad-preparation__accordion-item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
}
.olympiad-preparation__accordion-item.accordion-open .olympiad-preparation__accordion-arrow {
  transform: rotate(-180deg);
}
@media (min-width: 767px) {
  .olympiad-preparation__accordion-item.accordion-open .olympiad-preparation__accordion-row {
    opacity: 0;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-item {
    border-radius: 10px;
  }
}
.olympiad-preparation__accordion-header {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  gap: 30px;
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-header .olympiad-preparation__accordion-title {
    grid-column: span 2;
  }
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-header {
    gap: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-header {
    gap: 10px;
    padding: 5px 10px;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-header {
    padding: 10px 15px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0;
    grid-gap: 10px;
  }
}

.olympiad-preparation__accordion-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-title {
    font-size: 14px;
  }
}
.olympiad-preparation__accordion-row {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  padding: 0 30px;
  border-left: 1px solid #E3E2FC;
  border-right: 1px solid #E3E2FC;
  transition: all linear 0.2s;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-row {
    padding: 0 20px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-row {
    padding: 0 10px;
    gap: 10px;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-row {
    padding-left: 0;
    border-left: none;
    margin-left: 0;
  }
}
.olympiad-preparation__accordion-row .video-item {
  width: 110px;
  height: 60px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.olympiad-preparation__accordion-row .video-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}
.olympiad-preparation__accordion-row .video-item .video-play {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 2;
  left: 5px;
  bottom: 5px;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-row .video-item .video-play {
    width: 18px;
    height: 18px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-row .video-item .video-play {
    width: 16px;
    height: 16px;
  }
}
.olympiad-preparation__accordion-row .video-item .video-time {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  color: #FFFFFF;
  position: absolute;
  display: block;
  bottom: 5px;
  right: 5px;
  z-index: 2;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-row .video-item {
    width: 92px;
    height: 50px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-row .video-item {
    width: 73px;
    height: 40px;
  }
}
.olympiad-preparation__accordion-row .video-item img,
.olympiad-preparation__accordion-row .video-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-preparation__accordion-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear 0.2s;
}
.olympiad-preparation__accordion-arrow svg {
  width: 40px;
  height: 40px;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-arrow svg {
    width: 32px;
    height: 32px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-arrow svg {
    width: 24px;
    height: 24px;
  }
}
.olympiad-preparation__accordion-content {
  display: grid;
  grid-template-columns: 1.56fr 1fr;
  grid-gap: 20px;
  padding: 0 20px;
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-content {
    grid-gap: 10px;
    padding: 0 10px;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-content {
    grid-gap: 15px;
    grid-template-columns: 1fr;
    padding: 0 15px;
  }
}

.olympiad-preparation__accordion-col {
  margin-top: 15px;
}
.olympiad-preparation__accordion-col._video .olympiad-preparation__accordion-title {
  margin: 20px 0;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-col._video .olympiad-preparation__accordion-title {
    margin: 15px 0;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-col._video .olympiad-preparation__accordion-title {
    margin: 10px 0;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-col._videos {
    margin-bottom: 25px;
  }
}
.olympiad-preparation__accordion-col._videos .olympiad-preparation__accordion-title {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-col._videos .olympiad-preparation__accordion-title {
    margin-bottom: 10px;
  }
}
.olympiad-preparation__accordion-video {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  padding: 0 0 56% 0;
  height: 0;
}
.olympiad-preparation__accordion-video::after {
  background: rgba(0, 0, 0, 0.2);
}
.olympiad-preparation__accordion-video::before {
  left: 50% !important;
  bottom: 50% !important;
  transform: translate(-50%, 50%);
  font-size: 75px;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-video::before {
    font-size: 58px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video::before {
    font-size: 40px;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-video::before {
    font-size: 38px;
  }
}
.olympiad-preparation__accordion-video .video-time {
  position: absolute;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 6px;
  left: 20px;
  bottom: 20px;
  z-index: 10;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-video .video-time {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video .video-time {
    left: 15px;
    bottom: 15px;
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-video .video-time {
    padding: 5px;
    left: 10px;
    bottom: 10px;
  }
}
.olympiad-preparation__accordion-video img,
.olympiad-preparation__accordion-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-preparation__accordion-videos {
  height: 400px;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px;
  padding-left: 20px;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-videos {
    height: 330px;
    max-height: 330px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-videos {
    padding-right: 5px;
    padding-left: 15px;
    height: 175px;
    max-height: 175px;
  }
}
@media (max-width:767px) {
  .olympiad-preparation__accordion-videos {
    padding-left: 0;
    height: 150px;
    max-height: 150px;
  }
}
.olympiad-preparation__accordion-videos::-webkit-scrollbar {
  width: 5px;
}
.olympiad-preparation__accordion-videos::-webkit-scrollbar-track {
  background: #F2F3F5;
}
.olympiad-preparation__accordion-videos::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
  border: 3px solid #8E83FF;
}

.olympiad-preparation__accordion-video-item {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  grid-gap: 10px;
  padding: 10px;
  border: 2px solid transparent;
  border-radius: 8px;
}
.olympiad-preparation__accordion-video-item._active {
  border-color: #7B20FF;
}
.olympiad-preparation__accordion-video-item._active .video-number {
  color: #7B20FF;
}
@media (min-width: 991px) {
  .olympiad-preparation__accordion-video-item {
    transition: all linear 0.2s;
  }
  .olympiad-preparation__accordion-video-item:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
    border-color: #8E83FF;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video-item {
    padding: 5px 10px;
    border-width: 1px;
  }
}
.olympiad-preparation__accordion-video-item .video-item {
  width: 125px;
  height: 80px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.olympiad-preparation__accordion-video-item .video-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-video-item .video-item {
    width: 100px;
    height: 65px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video-item .video-item {
    width: 73px;
    height: 40px;
  }
}
.olympiad-preparation__accordion-video-item .video-item img,
.olympiad-preparation__accordion-video-item .video-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.olympiad-preparation__accordion-video-item .video-number {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-video-item .video-number {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video-item .video-number {
    font-size: 12px;
  }
}
.olympiad-preparation__accordion-video-item .video-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-video-item .video-name {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video-item .video-name {
    font-size: 12px;
  }
}
.olympiad-preparation__accordion-video-item .video-play {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 2;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-video-item .video-play {
    width: 21px;
    height: 21px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video-item .video-play {
    width: 16px;
    height: 16px;
  }
}
.olympiad-preparation__accordion-video-item .video-time {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 2;
  padding: 3px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #FFFFFF;
  z-index: 2;
}
@media (max-width:1680px) {
  .olympiad-preparation__accordion-video-item .video-time {
    font-size: 10px;
  }
}
@media (max-width:991px) {
  .olympiad-preparation__accordion-video-item .video-time {
    font-size: 8px;
    padding: 2px;
  }
}
.olympiad-raffle {
  margin: 0;
}

.olympiad-raffle__inner {
  padding: 120px 0;
}
@media (max-width:1680px) {
  .olympiad-raffle__inner {
    padding: 80px 0;
  }
}
@media (max-width:991px) {
  .olympiad-raffle__inner {
    padding: 50px 0;
  }
}
.olympiad-raffle__title {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .olympiad-raffle__title {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-raffle__title {
    margin-bottom: 10px;
  }
}
.olympiad-raffle__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  max-width: 970px;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .olympiad-raffle__text {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-raffle__text {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .olympiad-raffle__text {
    font-size: 14px;
  }
}

.olympiad-raffle__slider-wrp {
  padding: 0 100px;
  position: relative;
}
@media (max-width:1680px) {
  .olympiad-raffle__slider-wrp {
    padding: 0 85px;
  }
}
@media (max-width:991px) {
  .olympiad-raffle__slider-wrp {
    padding: 0 43px;
  }
}
@media (max-width:767px) {
  .olympiad-raffle__slider-wrp {
    padding: 0 35px;
  }
}

.olympiad-raffle__slider {
  margin-top: 60px;
}
@media (max-width:1680px) {
  .olympiad-raffle__slider {
    margin-top: 40px;
  }
}
@media (max-width:991px) {
  .olympiad-raffle__slider {
    margin-top: 20px;
  }
}
@media (max-width:767px) {
  .olympiad-raffle__slider {
    margin-top: 15px;
  }
}

.olympiad-raffle__image {
  overflow: hidden;
  position: relative;
  padding: 0 0 100% 0;
}
.olympiad-raffle__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-raffle__name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #3B414B;
  margin-top: 20px;
  text-align: center;
}
@media (max-width:1680px) {
  .olympiad-raffle__name {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .olympiad-raffle__name {
    font-size: 14px;
    margin-top: 15px;
  }
}
@media (max-width:767px) {
  .olympiad-raffle__name {
    font-size: 12px;
    margin-top: 10px;
  }
}

.olympiad-raffle__btn-prev,
.olympiad-raffle__btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.olympiad-raffle__btn-prev {
  left: 0;
}

.olympiad-raffle__btn-next {
  right: 0;
}

.olympiad-raffle__btn {
  width: max-content;
  margin: 0 auto;
  margin-top: 120px;
}
@media (max-width:1680px) {
  .olympiad-raffle__btn {
    margin-top: 80px;
  }
}
@media (max-width:991px) {
  .olympiad-raffle__btn {
    margin-top: 30px;
  }
}
.olympiad-partners {
  background: #E9ECF3;
  margin: 0;
}

.olympiad-partners__inner {
  padding: 100px 0;
}
@media (max-width:1680px) {
  .olympiad-partners__inner {
    padding: 80px 0;
  }
}
@media (max-width:991px) {
  .olympiad-partners__inner {
    padding: 50px 0;
  }
}
@media (max-width:767px) {
  .olympiad-partners__inner {
    padding: 40px 0;
  }
}

.olympiad-partners__content {
  max-width: 1088px;
  width: 100%;
  margin: 0 auto;
}

.olympiad-partners__title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .olympiad-partners__title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-partners__title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .olympiad-partners__title {
    font-size: 20px;
  }
}

.olympiad-partners__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-partners__text {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-partners__text {
    font-size: 14px;
  }
}
.olympiad-partners__row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 40px 0 90px;
}
@media (max-width:1680px) {
  .olympiad-partners__row {
    gap: 20px;
    margin: 30px 0 60px;
  }
}
@media (max-width:991px) {
  .olympiad-partners__row {
    margin: 20px 0 40px;
  }
}
@media (max-width:767px) {
  .olympiad-partners__row {
    gap: 10px;
    flex-wrap: wrap;
    margin: 20px 0 30px;
  }
}

.olympiad-partners__image {
  overflow: hidden;
  position: relative;
  width: 320px;
  height: 180px;
  border-radius: 20px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
}
@media (max-width:1680px) {
  .olympiad-partners__image {
    width: 284px;
    height: 160px;
    border-radius: 15px;
  }
}
@media (max-width:991px) {
  .olympiad-partners__image {
    width: 212px;
    height: 120px;
    border-radius: 12px;
  }
}
@media (max-width:767px) {
  .olympiad-partners__image {
    width: 140px;
    height: 80px;
  }
}
.olympiad-partners__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-partners__slide {
  border-radius: 10px;
  width: 214px;
  height: 120px;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative;
}
@media (max-width:1680px) {
  .olympiad-partners__slide {
    width: 177px;
    height: 100px;
  }
}
@media (max-width:991px) {
  .olympiad-partners__slide {
    width: 135px;
    height: 75px;
    border-radius: 8px;
  }
}
@media (max-width:767px) {
  .olympiad-partners__slide {
    width: 90px;
    height: 50px;
    border-radius: 5px;
  }
}
.olympiad-partners__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-photos {
  padding: 120px 0;
  margin: 0;
}
@media (max-width:1680px) {
  .olympiad-photos {
    padding: 80px 0;
  }
}
@media (max-width:991px) {
  .olympiad-photos {
    padding: 50px 0;
  }
}
.olympiad-photos__title {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .olympiad-photos__title {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-photos__title {
    margin-bottom: 10px;
  }
}
.olympiad-photos__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
  max-width: 970px;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .olympiad-photos__text {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-photos__text {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .olympiad-photos__text {
    font-size: 14px;
  }
}

.olympiad-photos__slider {
  padding-top: 80px;
}
@media (max-width:1680px) {
  .olympiad-photos__slider {
    padding-top: 70px;
  }
}
@media (max-width:991px) {
  .olympiad-photos__slider {
    padding-top: 40px;
  }
}
.olympiad-photos__slide {
  background: #C1C1C1;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding: 0 0 12.8% 0;
  transition: all linear 0.2s;
  cursor: pointer;
}
@media (max-width:1680px) {
  .olympiad-photos__slide {
    border-radius: 15px;
  }
}
@media (max-width:991px) {
  .olympiad-photos__slide {
    border-radius: 10px;
    padding: 0 0 14% 0;
  }
}
@media (max-width:767px) {
  .olympiad-photos__slide {
    padding: 0 0 34% 0;
  }
}
.olympiad-photos__slide.swiper-slide-active {
  transform: scale(1.12);
  border-radius: 15px;
}
@media (max-width:991px) {
  .olympiad-photos__slide.swiper-slide-active {
    border-radius: 10px;
  }
}
.olympiad-photos__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-photos__pagination {
  justify-content: center;
  margin-top: 80px;
}
@media (max-width:1680px) {
  .olympiad-photos__pagination {
    margin-top: 70px;
  }
}
@media (max-width:991px) {
  .olympiad-photos__pagination {
    margin-top: 40px;
  }
}
@media (max-width:767px) {
  .olympiad-photos__pagination {
    margin-top: 40px;
  }
}

.olympiad-catalog-intro {
  margin: 0;
}

.olympiad-catalog-intro__slide {
  background: #D9D9D9;
}

.olympiad-catalog-intro__image {
  overflow: hidden;
  position: relative;
  padding: 0 0 29% 0;
}
@media (max-width:767px) {
  .olympiad-catalog-intro__image {
    padding: 0 0 35% 0;
  }
}
.olympiad-catalog-intro__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-catalog-intro__pagination {
  justify-content: center;
  margin-top: -17px;
  z-index: 100;
  position: relative;
  bottom: auto !important;
  left: auto !important;
}
@media (max-width:1680px) {
  .olympiad-catalog-intro__pagination {
    margin-top: -12px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-intro__pagination {
    margin-top: -8px;
  }
}
.olympiad-catalog-filter {
  margin: 40px 0 60px;
}
@media (max-width:1680px) {
  .olympiad-catalog-filter {
    margin: 50px 0 40px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter {
    margin: 40px 0 20px;
  }
}
@media (max-width:767px) {
  .olympiad-catalog-filter {
    margin: 40px 0 30px;
  }
}

.olympiad-catalog-filter__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 40px 30px;
}
@media (max-width:1680px) {
  .olympiad-catalog-filter__inner {
    grid-gap: 30px 20px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter__inner {
    grid-gap: 20px 10px;
  }
}
@media (max-width:767px) {
  .olympiad-catalog-filter__inner {
    grid-gap: 20px 10px;
    grid-template-columns: 1fr;
  }
}

.olympiad-catalog-filter__bottom {
  grid-column: span 2;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: auto 1fr 1fr auto 1fr;
  position: relative;
}
.olympiad-catalog-filter__bottom::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  right: auto;
  bottom: auto;
  background: #E8E9EC;
  width: 100%;
  height: 2px;
}
@media (max-width:1680px) {
  .olympiad-catalog-filter__bottom::before {
    top: -15px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter__bottom::before {
    top: -10px;
  }
}
@media (max-width:1680px) {
  .olympiad-catalog-filter__bottom {
    grid-gap: 15px 20px;
    grid-template-columns: auto 1fr 1fr auto;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter__bottom {
    grid-gap: 10px;
    grid-template-columns: auto 1fr 1fr;
  }
}
@media (max-width:767px) {
  .olympiad-catalog-filter__bottom {
    grid-template-columns: 1fr;
    grid-column: span 1;
  }
}

.olympiad-catalog-filter__search {
  max-width: 100%;
}
.olympiad-catalog-filter__search input {
  width: 100%;
  max-width: 100%;
}

.olympiad-catalog-filter__dates {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 10px;
}
@media (max-width:767px) {
  .olympiad-catalog-filter__dates {
    display: grid;
    gap: 0;
    grid-gap: 10px;
    grid-template-columns: 1fr auto 1fr;
  }
}
.olympiad-catalog-filter__dates > span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  display: block;
}
@media (max-width:767px) {
  .olympiad-catalog-filter__dates > span:first-child {
    grid-column: span 3;
  }
}
@media (max-width:1680px) {
  .olympiad-catalog-filter__dates > span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter__dates > span {
    font-size: 12px;
  }
}
.olympiad-catalog-filter__radio-wrp {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 20px;
}
.olympiad-catalog-filter__radio-wrp .news-filter__radio {
  margin: 0;
}

.olympiad-catalog-filter__ages {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 10px;
}
@media (max-width:991px) {
  .olympiad-catalog-filter__ages {
    grid-column: span 2;
  }
}
@media (max-width:767px) {
  .olympiad-catalog-filter__ages {
    grid-column: span 1;
  }
}
.olympiad-catalog-filter__ages > span {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #3B414B;
  display: block;
}
@media (max-width:1680px) {
  .olympiad-catalog-filter__ages > span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter__ages > span {
    font-size: 12px;
  }
}
.olympiad-catalog-filter__age input {
  width: 86px;
  text-align: center;
}
@media (max-width:1680px) {
  .olympiad-catalog-filter__age input {
    width: 78px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter__age input {
    width: 64px;
  }
}
.olympiad-catalog-filter__btns {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 20px;
  margin-left: auto;
}
@media (max-width:1680px) {
  .olympiad-catalog-filter__btns {
    grid-column: span 2;
    margin-left: 0;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-filter__btns {
    gap: 10px;
    grid-column: span 1;
    margin-left: auto;
  }
}
@media (max-width:767px) {
  .olympiad-catalog-filter__btns {
    margin-left: 0;
  }
}

.olympiad-catalog__item-completed {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-transform: uppercase;
  width: max-content;
  display: none;
}
@media (max-width:1680px) {
  .olympiad-catalog__item-completed {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog__item-completed {
    font-size: 18px;
    width: auto;
  }
}
@media (max-width:767px) {
  .olympiad-catalog__item-completed {
    width: max-content;
  }
}

.olympiad-catalog-list__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}
@media (max-width:1680px) {
  .olympiad-catalog-list__inner {
    grid-gap: 40px 20px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog-list__inner {
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width:767px) {
  .olympiad-catalog-list__inner {
    grid-template-columns: 1fr;
  }
}

.olympiad-catalog__item {
  border-radius: 8px;
}
.olympiad-catalog__item._completed .olympiad-catalog__item-body {
  opacity: 0.3;
}
.olympiad-catalog__item._completed .olympiad-catalog__item-image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
.olympiad-catalog__item._completed .olympiad-catalog__item-completed {
  display: flex;
}
.olympiad-catalog__item._big {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  grid-column: span 4;
  background: transparent;
  box-shadow: none;
}
.olympiad-catalog__item._big .olympiad-catalog__item-body {
  padding-left: 0;
  padding-top: 60px;
  padding-right: 144px;
}
@media (max-width:1680px) {
  .olympiad-catalog__item._big .olympiad-catalog__item-body {
    padding-top: 40px;
    padding-right: 102px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog__item._big .olympiad-catalog__item-body {
    padding-top: 12px;
    padding-right: 0;
  }
}
@media (max-width:767px) {
  .olympiad-catalog__item._big .olympiad-catalog__item-body {
    padding: 10px;
  }
}
@media (max-width:1680px) {
  .olympiad-catalog__item._big {
    grid-gap: 20px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog__item._big {
    grid-column: span 3;
    grid-gap: 15px;
  }
}
@media (max-width:767px) {
  .olympiad-catalog__item._big {
    grid-column: span 1;
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

.olympiad-catalog__item-image {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  padding: 0 0 55% 0;
}
.olympiad-catalog__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.olympiad-catalog__item-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width:1680px) {
  .olympiad-catalog__item-body {
    padding: 15px;
    gap: 10px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog__item-body {
    padding: 10px;
  }
}
.olympiad-catalog__item-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.olympiad-catalog__item-keywords li {
  background: #E9ECF3;
  border-radius: 8px;
  padding: 5px 15px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-catalog__item-keywords li {
    font-size: 12px;
    padding: 5px 10px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog__item-keywords li {
    font-size: 10px;
    border-radius: 5px;
  }
}
.olympiad-catalog__item-title {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #3B414B;
  -webkit-line-clamp: 2;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
}
@media (max-width:1680px) {
  .olympiad-catalog__item-title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-catalog__item-title {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .olympiad-catalog__item-title {
    font-size: 16px;
  }
}

.olympiad-catalog__item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width:1680px) {
  .olympiad-catalog__item-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  .olympiad-catalog__item-bottom {
    flex-direction: row;
    align-items: center;
  }
}

.olympiad-catalog__item-date {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  opacity: 0.6;
  color: #3B414B;
}
@media (max-width:1680px) {
  .olympiad-catalog__item-date {
    font-size: 12px;
  }
}
.olympiad-catalog__item-more {
  margin-left: auto;
}

.olympiad-catalog__item-text {
  -webkit-line-clamp: 2;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
}

.olympiad-catalog__btn-more {
  grid-column: span 4;
}
@media (max-width:991px) {
  .olympiad-catalog__btn-more {
    grid-column: span 3;
  }
}
@media (max-width:767px) {
  .olympiad-catalog__btn-more {
    grid-column: span 1;
  }
}

.olympiad-catalog__item-image-wrp {
  position: relative;
}

#video-insert-box .video-insert-modal {
  width: 40vw;
  max-width: 40vw;
  padding: 0 !important;
}
#video-insert-box .video-insert-modal .post-video {
  padding: 0 0 60% 0;
  width: 100%;
}
@media (max-width:991px) {
  #video-insert-box .video-insert-modal {
    width: 80vw;
    max-width: 80vw;
  }
}
@media (max-width:767px) {
  #video-insert-box .video-insert-modal {
    width: 90vw;
    max-width: 90vw;
  }
}
#video-insert-box .modal__header {
  bottom: 100%;
  top: auto;
  padding-right: 0;
}

.olympiad-intro__result {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 65px;
}
@media (max-width:1680px) {
  .olympiad-intro__result {
    margin-top: 44px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__result {
    margin-top: 20px;
  }
}
.olympiad-intro__result-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  color: #3B414B;
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.olympiad-intro__result-text span {
  font-size: 28px;
  color: #8E83FF;
}
@media (max-width:1680px) {
  .olympiad-intro__result-text span {
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__result-text span {
    font-size: 22px;
  }
}
@media (max-width:767px) {
  .olympiad-intro__result-text span {
    font-size: 20px;
  }
}
.olympiad-intro__result-text p {
  font-size: 18px;
  line-height: 100%;
}
@media (max-width:1680px) {
  .olympiad-intro__result-text p {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__result-text p {
    font-size: 14px;
  }
}
@media (max-width:1680px) {
  .olympiad-intro__result-text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__result-text {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .olympiad-intro__result-text {
    font-size: 14px;
  }
}

.olympiad-intro__result-links {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width:1680px) {
  .olympiad-intro__result-links {
    gap: 20px;
  }
}
.olympiad-intro__result-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-decoration: underline;
  color: #3B414B;
  opacity: 0.5;
}
@media (max-width:1680px) {
  .olympiad-intro__result-link {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .olympiad-intro__result-link {
    font-size: 14px;
  }
}
.mini-olympiad-order {
  padding-top: 60px;
  padding-bottom: 60px;
}

.page._main .promotions__body {
  margin-bottom: 0;
}
.page._main section {
  margin-bottom: 100px;
}
@media (max-width:1680px) {
  .page._main section {
    margin-bottom: 60px;
  }
}
@media (max-width:991px) {
  .page._main section {
    margin-bottom: 40px;
  }
}
@media (max-width:767px) {
  .page._main section {
    margin-bottom: 20px;
  }
}
.page.cabinet .main {
  background: url("../../images/img/cabinet-bottom-bg.png") no-repeat center bottom/100%;
}
@media (max-width:991px) {
  .page.cabinet {
    padding-bottom: 48px;
  }
}
.page.cabinet._main .cabinet-main {
  display: grid;
  grid-template-columns: 70px 1fr 396px;
  grid-gap: 30px;
  padding-top: 30px;
  padding-bottom: 100px;
  align-items: flex-start;
}
@media (max-width:1680px) {
  .page.cabinet._main .cabinet-main {
    grid-gap: 20px;
    padding-top: 20px;
    grid-template-columns: 60px 1fr 285px;
    padding-bottom: 60px;
  }
}
@media (max-width:991px) {
  .page.cabinet._main .cabinet-main {
    grid-template-columns: 1fr 210px;
    padding-bottom: 40px;
  }
}
@media (max-width:767px) {
  .page.cabinet._main .cabinet-main {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}
.page.cabinet._main .cabinet-main .cabinet-content {
  grid-column: 2/3;
}
@media (max-width:991px) {
  .page.cabinet._main .cabinet-main .cabinet-content {
    grid-column: 1/2;
  }
}
@media (min-width: 991px) {
  .page.cabinet._main .cabinet-menu {
    overflow: hidden;
    width: 70px;
    z-index: 97;
    transition: width ease 0.2s;
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .page.cabinet._main .cabinet-menu {
    width: 60px;
  }
}
@media (min-width: 991px) {
  .page.cabinet._main .cabinet-menu:hover {
    width: 285px;
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .page.cabinet._main .cabinet-menu:hover {
    width: 230px;
  }
}
@media (min-width: 991px) {
  .page.cabinet._main .cabinet-menu:hover .cabinet-menu__link span {
    margin-left: 0px;
  }
}
@media (min-width: 991px) {
  .page.cabinet._main .cabinet-menu:hover .mobile-menu__btn._logout {
    padding-left: 18px;
    border-color: #7B20FF;
  }
  .page.cabinet._main .cabinet-menu:hover .mobile-menu__btn._logout span {
    opacity: 1;
  }
  .page.cabinet._main .cabinet-menu:hover .mobile-menu__btn._logout img {
    display: none;
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .page.cabinet._main .cabinet-menu:hover .mobile-menu__btn._logout {
    padding-left: 14px;
  }
}
@media (min-width: 991px) {
  .page.cabinet._main .cabinet-menu__list li {
    white-space: nowrap;
  }
}
@media (min-width: 991px) {
  .page.cabinet._main .cabinet-menu__link span {
    margin-left: 5px;
    transition: margin linear 0.2s;
  }
}
@media (min-width: 991px) and (max-width:1680px) {
  .page.cabinet._main .cabinet-menu__link span {
    margin-left: 10px;
  }
}
@media (min-width: 991px) {
  .page.cabinet._main .mobile-menu__btn._logout {
    padding-left: 0;
    border-color: transparent;
  }
  .page.cabinet._main .mobile-menu__btn._logout span {
    opacity: 0;
  }
}
@media (max-width:991px) {
  .page.cabinet._main .mobile-menu__btn._logout img {
    display: none;
  }
}
section {
  margin-bottom: 100px;
}
@media (max-width:1680px) {
  section {
    margin-bottom: 60px;
  }
}
@media (max-width:991px) {
  section {
    margin-bottom: 40px;
  }
}
@media (max-width:767px) {
  section {
    margin-bottom: 20px;
  }
}

.course__item {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
@media (min-width: 991px) {
  .course__item {
    transition: box-shadow linear 0.2s;
  }
  .course__item:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
@media (max-width:767px) {
  .course__item {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-gap: 10px;
    padding: 10px;
  }
}

.course__item-image {
  overflow: hidden;
  position: relative;
  padding: 0 0 51% 0;
  border-radius: 8px;
  height: 0;
}
.course__item-image img,
.course__item-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width:1680px) {
  .course__item-image {
    padding: 0 0 50% 0;
  }
}
@media (max-width:767px) {
  .course__item-image {
    grid-column-start: 2;
    grid-column-end: 3;
  }
}

.course__item-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.course__item-body._top {
  padding-bottom: 0 !important;
}
@media (max-width:767px) {
  .course__item-body._top {
    grid-row-start: 1;
    grid-row-end: 2;
  }
}
.course__item-body._bottom {
  padding-top: 0 !important;
}
@media (max-width:991px) {
  .course__item-body {
    padding: 10px;
  }
}
@media (max-width:767px) {
  .course__item-body {
    padding: 0 !important;
  }
}

.course__item-title {
  display: flex;
  margin-bottom: 10px;
}

.course__item-title a {
  color: #3B414B;
  text-decoration: none;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  transition: 0.3s;
}
.course__item-title a:hover {
  color: #7B20FF;
}

.course__item-date {
  display: flex;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.4;
  margin: 15px 0 10px;
}
@media (max-width:1680px) {
  .course__item-date {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .course__item-date {
    font-size: 10px;
  }
}
@media (max-width:767px) {
  .course__item-date {
    margin: 10px 0;
    font-size: 10px;
    justify-content: flex-end;
  }
}

.course__item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:991px) {
  .course__item-bottom {
    flex-direction: row;
  }
}
@media (max-width:767px) {
  .course__item-bottom {
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
  }
}

.course__item-info {
  display: flex;
  align-items: center;
}
@media (max-width:767px) {
  .course__item-info {
    justify-content: flex-end;
  }
}

.course__item-info-li {
  margin-right: 20px;
  color: rgba(59, 65, 75, 0.4);
}
.course__item-info-li::before {
  color: rgba(59, 65, 75, 0.4);
}
@media (max-width:1680px) {
  .course__item-info-li {
    margin-right: 10px;
  }
}
@media (max-width:767px) {
  .course__item-info-li {
    margin-right: 20px;
  }
}
.course__item-info-li ._icon-post-like::before {
  -webkit-text-stroke: 0.5px rgba(59, 65, 75, 0.4);
}

.course__item-more {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: #3B414B;
  opacity: 0.4;
}
@media (min-width: 991px) {
  .course__item-more {
    transition: all linear 0.2s;
  }
  .course__item-more:hover {
    opacity: 1;
  }
}
@media (max-width:1680px) {
  .course__item-more {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .course__item-more {
    font-size: 14px;
    margin-left: auto;
    margin-top: 0px;
  }
}
@media (max-width:767px) {
  .course__item-more {
    font-size: 12px;
    margin-top: 10px;
  }
}
.course__item-more:active {
  color: #7B20FF;
}
.course__item-more::before {
  margin-left: 7px;
  font-size: 12px;
}
@media (max-width:1680px) {
  .course__item-more::before {
    font-size: 10px;
  }
}
@media (max-width:991px) {
  .course__item-more::before {
    font-size: 9px;
  }
}
.course-more {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  height: max-content;
  margin-top: 30px;
}
@media (min-width: 991px) {
  .course-more {
    transition: box-shadow linear 0.2s;
  }
  .course-more:hover {
    box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  }
}
@media (max-width:1680px) {
  .course-more {
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .course-more {
    padding: 10px;
  }
}
.course-more__title {
  display: flex;
  margin-bottom: 20px;
  color: #3B414B;
}
.course-more__title img {
  width: 24px;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width:991px) {
  .course-more__title img {
    width: 18px;
  }
}
@media (max-width:767px) {
  .course-more__title img {
    width: 14px;
  }
}
@media (max-width:1680px) {
  .course-more__title {
    margin-bottom: 10px;
  }
}
.course-more__inner {
  display: flex;
  justify-content: space-between;
}

.course-more__text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #3B414B;
  opacity: 0.6;
}
@media (max-width:1680px) {
  .course-more__text {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .course-more__text {
    font-size: 10px;
  }
}
.course-more__btn {
  white-space: nowrap;
  margin-left: 10px;
}

.premium-card {
  background: #7B20FF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin-top: 30px;
  height: max-content;
  padding: 30px;
}
@media (max-width:1680px) {
  .premium-card {
    padding: 20px;
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .premium-card {
    padding: 10px;
  }
}
@media (max-width:767px) {
  .premium-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.premium-card__title {
  display: flex;
  color: #fff;
  opacity: 1;
  margin-bottom: 20px;
  height: max-content;
}
.premium-card__title img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-top: -4px;
}
@media (max-width:1680px) {
  .premium-card__title img {
    margin-top: -3px;
  }
}
@media (max-width:991px) {
  .premium-card__title {
    margin-bottom: 10px;
  }
  .premium-card__title img {
    width: 20px;
    height: 20px;
    margin-top: -2px;
  }
}
@media (max-width:767px) {
  .premium-card__title {
    margin-bottom: 0;
  }
  .premium-card__title img {
    width: 17px;
    height: 17px;
    margin-top: 0;
  }
}

.premium-card__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:767px) {
  .premium-card__inner {
    flex-direction: column;
    align-items: flex-end;
  }
}

.premium-card__price {
  color: #fff;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 100%;
}
@media (max-width:1680px) {
  .premium-card__price {
    font-size: 26px;
  }
}
@media (max-width:991px) {
  .premium-card__price {
    font-size: 20px;
  }
}
@media (max-width:767px) {
  .premium-card__price {
    font-size: 14px;
  }
}
.premium-card__price::after {
  content: "/мес.";
  font-size: 18px;
  font-weight: 400;
}
@media (max-width:991px) {
  .premium-card__price::after {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .premium-card__price::after {
    font-size: 10px;
  }
}
.premium-card__price::before {
  content: "₽";
}

.premium-card__btn {
  color: #fff;
  background: #6419D0;
}
.premium-card__btn:active {
  background: #8E83FF;
}
@media (min-width: 991px) {
  .premium-card__btn {
    transition: border linear 0.2s;
    border: 1px solid transparent;
  }
  .premium-card__btn:hover {
    border-color: #8E83FF;
  }
}
@media (max-width:767px) {
  .premium-card__btn {
    margin-top: 5px;
  }
}

.page-404 {
  margin-bottom: 0;
  padding: 100px 0;
}
@media (max-width:1680px) {
  .page-404 {
    padding: 60px 0;
  }
}
@media (max-width:991px) {
  .page-404 {
    padding: 200px 0;
  }
}
.page-404__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page-404__image {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 930px;
  width: 100%;
}
@media (max-width:1680px) {
  .page-404__image {
    max-width: 700px;
  }
}
@media (max-width:991px) {
  .page-404__image {
    max-width: 450px;
  }
}
@media (max-width:767px) {
  .page-404__image {
    max-width: 300px;
  }
}
.page-404__image img {
  width: 100%;
}

.page-404__text {
  display: flex;
  text-align: center;
  font-family: "Comic Sans MS";
  font-style: normal;
  font-weight: 700;
  font-size: 35px;
  line-height: 130%;
  color: #3B414B;
  text-align: center;
  margin: 40px 0 30px;
}
@media (max-width:1680px) {
  .page-404__text {
    font-size: 30px;
    margin: 30px 0 20px;
  }
}
@media (max-width:991px) {
  .page-404__text {
    font-size: 25px;
  }
}
@media (max-width:767px) {
  .page-404__text {
    font-size: 20px;
    margin: 20px 0 10px;
  }
}

.sign-up__icon {
  display: flex;
  flex-direction: column;
  width: max-content;
  height: max-content;
  z-index: 15;
  position: fixed;
  right: 0px;
  bottom: 0;
  transform: translate(-10%, -10%);
  visibility: hidden;
  animation: signupIconHidden 12s 2s;
}
.sign-up__icon-top {
  margin: 0 0 -40px -40px;
  animation: signupIconTop 12s 2s;
  opacity: 0;
  width: 240px;
}
.sign-up__icon-top img {
  width: 100%;
}
@media (max-width:1680px) {
  .sign-up__icon-top {
    width: 200px;
    margin: 0 0 -40px -30px;
  }
}
@media (max-width:991px) {
  .sign-up__icon-top {
    width: 145px;
    margin: 0 0 -25px -20px;
  }
}
.sign-up__icon-bottom {
  opacity: 0;
  animation: signupIconBottom 12s 2s;
  width: 220px;
}
.sign-up__icon-bottom img {
  width: 100%;
}
@media (max-width:1680px) {
  .sign-up__icon-bottom {
    width: 185px;
  }
}
@media (max-width:991px) {
  .sign-up__icon-bottom {
    width: 130px;
  }
}
@keyframes signupIconBottom {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes signupIconTop {
  5% {
    opacity: 0;
  }
  15% {
    opacity: 1;
    transform: rotate(-10deg);
  }
  25% {
    transform: rotate(0deg);
  }
  90% {
    opacity: 1;
  }
  94% {
    opacity: 0;
  }
}
@keyframes signupIconHidden {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.photo-file-inner {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo-file-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/*-дороботки-*/
/*доработки*/
/*-header-*/
.header__menu-list-hidden {
  border-radius: 8px;
  border: 1px solid #E8E9EC;
  background: #FFF;
  box-shadow: 0px 8px 16px 0px rgba(123, 32, 255, 0.16);
  position: absolute;
  top: 80%;
  left: 50%;
  z-index: -333;
  width: max-content;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  transform: translateX(-80%);
  padding-left: 12px;
  padding-right: 12px;
}
.header__menu-list-hidden li {
  margin-right: 0;
}

.header__menu-list .header__menu-list-inner {
  position: relative;
}
.header__menu-list .header__menu-list-inner::after {
  height: 0;
}
.header__menu-list .header__menu-list-inner:hover .header__menu-list-hidden {
  z-index: 333;
  opacity: 1;
  transform: translateX(-50%);
  pointer-events: auto;
}
.header__menu-list .header__menu-list-inner:hover .header__menu-list-inner-svg {
  transform: rotate(180deg);
}

.header__menu-link {
  font-family: "Roboto" !important;
}

.header__menu-hidden-link {
  padding: 12px;
  min-height: auto;
  width: 100%;
  margin-right: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  border-bottom: 1px solid rgb(242, 243, 245);
}

.header__menu-list-hidden li:nth-last-child(1) .header__menu-hidden-link {
  border: none;
}

.header {
  z-index: 6;
}

.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  animation-name: show__header;
  animation-duration: 0.7s;
  z-index: 100;
}

.header-fixed ~ .main {
  z-index: 0;
}
.header-fixed ~ .main .cabinet-menu,
.header-fixed ~ .main .cabinet-sidebar {
  padding-top: 80px;
}

@media (max-width: 1680px) {
  .header-fixed ~ .main .cabinet-menu,
  .header-fixed ~ .main .cabinet-sidebar {
    padding-top: 70px;
  }
}
@keyframes show__header {
  0% {
    opacity: 0;
    top: -80px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
.header__list-open {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

@media (max-width: 1680px) {
  .header__menu-hidden-link {
    padding: 10px 30px 10px 20px;
    font-size: 14px;
  }
  .header__menu-list-hidden {
    padding: 0;
  }
}
@media (max-width: 1080px) {
  .header__menu-list li {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .header__menu-list-hidden {
    padding: 0;
    pointer-events: auto;
    box-shadow: none;
    position: static;
    transform: translate(0) !important;
    left: 0;
    border: none;
    background: none;
    z-index: 1;
    opacity: 1;
    display: none;
  }
  .header__menu-list li {
    height: auto;
    margin-bottom: 30px;
  }
  .header__menu-hidden-link {
    padding: 0 10px 15px 10px;
    margin-bottom: 15px;
  }
  .header__menu-list-hidden {
    padding-top: 10px;
  }
  .header__menu-list-hidden li {
    margin-bottom: 0;
  }
  .header__menu-list-hidden li:nth-last-child(1) .header__menu-hidden-link {
    padding: 0 10px 0 10px;
    margin-bottom: 0;
  }
  .header__menu-list-inner {
    display: grid;
    grid-template-columns: 100%;
    gap: 10px;
  }
  .header__menu-list-inner:hover .header__menu-list-inner-svg {
    transform: rotate(0);
  }
  .header__menu-link.header__menu-list-inner:hover .header__menu-list-inner-svg {
    transform: rotate(0);
  }
  .header__list-open.--active .header__menu-list-inner-svg {
    transform: rotate(180deg) !important;
  }
  .header__list-open.--active + .header__menu-list-hidden {
    display: block;
  }
}
.single-rating__content-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 500;
  line-height: 130%;
  padding-bottom: 30px;
}

.single-rating__group {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  padding-top: 10px;
}

.single-rating__group.--F3775B {
  color: #F3775B;
}

.--F3775B {
  color: #F3775B;
}

.single-rating__group.--8E83FF {
  color: #8E83FF;
}

.single-rating__elepse {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.single-rating__elepse p {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

.sigle__rating-item-coll {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.single-rating-item-row {
  grid-template-columns: auto auto auto;
  grid-template-areas: "sigle-coll-1 sigle-coll-2 sigle-coll-4" "sigle-coll-1 sigle-coll-3 sigle-coll-4";
  gap: 10px 15px;
}

.sigle__rating-item-coll-1 {
  grid-area: sigle-coll-1;
}

.sigle__rating-item-coll-2 {
  grid-area: sigle-coll-2;
}

.sigle__rating-item-coll-3 {
  grid-area: sigle-coll-3;
}

.sigle__rating-item-coll-4 {
  grid-area: sigle-coll-4;
}

.single-rating__header {
  padding-bottom: 10px;
}

.sigle__rating-pay {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}
.sigle__rating-pay span {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: #6419D0;
}

.single-rating__slider-title-two {
  font-size: 20px;
}

.single-rating__slider-padding {
  margin-top: 50px;
}

.single-rating__padding {
  margin-bottom: 10px;
}

.single__rating-gender {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.box-error {
  display: none;
  margin-top: 10px;
  color: #F3775B;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

.--error .dropdown__current {
  border: 1px solid #F3775B;
}

.--error + .box-error {
  display: block;
}

.file-info-comment {
  color: #F3775B;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-top: 10px;
}

.profile__regalia-padding {
  padding-bottom: 10px;
}

.profile__regalia-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.text-increase::-webkit-scrollbar {
  width: 0;
}

.text-increase {
  height: 41px;
}

.profile__regalia-label-padding {
  margin-bottom: 20px;
}

@media (max-width: 1680px) {
  .single__rating-gender {
    font-size: 12px;
  }
  .text-increase-textrarea {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .profile__regalia-label-padding {
    margin-bottom: 15px;
  }
  .single-rating__content-title {
    font-size: 18px;
    padding-bottom: 20px;
  }
  .single-rating__slider-padding {
    margin-top: 40px;
  }
  .sigle__rating-pay {
    font-size: 18px;
  }
  .sigle__rating-item-coll-1 {
    width: 130px;
    height: 137px;
  }
  .single-rating__slider-title-two {
    font-size: 18px;
  }
  .profile__regalia-title {
    font-size: 16px;
  }
  .text-increase {
    height: 35px;
  }
}
@media (max-width: 991px) {
  .profile__regalia-label-padding {
    margin-bottom: 10px;
  }
  .text-increase {
    height: 30px;
  }
  .profile__regalia-title {
    font-size: 14px;
  }
  .sigle__rating-pay {
    font-size: 16px;
  }
  .single-rating__content-title {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .single-rating__slider-title-two {
    font-size: 16px;
  }
  .single-rating__group {
    font-size: 12px;
  }
  .sigle__rating-item-coll-1 {
    width: 105px;
    height: 125px;
  }
}
@media (max-width: 767px) {
  .help__content-search input {
    padding-left: 40px;
  }
  .help__content-search-btn {
    right: auto;
    left: 10px;
  }
  .file-info-comment {
    font-size: 12px;
  }
  .sigle__rating-item-coll-1 {
    width: 59px;
    height: 72px;
  }
  .single-rating-item-row {
    grid-template-columns: 60px auto;
    grid-template-areas: "sigle-coll-1 sigle-coll-2" "sigle-coll-3 sigle-coll-3" "sigle-coll-4 sigle-coll-4";
    gap: 10px;
  }
  .sigle__rating-item-coll {
    display: grid;
    grid-template-columns: auto 42px;
    align-items: center;
    justify-content: space-between;
  }
  .single-rating-group-btn {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
/*help*/
.help__content-search {
  max-width: 100%;
  margin-bottom: 10px;
}
.help__content-search input {
  padding-left: 45px;
}

.help__content-search-btn {
  right: auto;
  left: 18px;
}

.help__header-video {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.help__video {
  width: 100%;
  height: 100%;
}
.help__video::before {
  left: 10px;
  bottom: 10px;
}

.help__video-container {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04);
}

.help__video-body {
  padding: 20px;
}

.help__video-body-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-bottom: 10px;
}

.help__video-body-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}

.help__video-info {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  opacity: 0.400000006;
}
.help__video-info span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.help__video video {
  position: relative;
}

.help__contact-new {
  grid-template-columns: 100%;
  margin-top: 60px;
}

.help__contact-form-new {
  border-radius: 8px;
  background: #FFF;
  padding: 30px;
}

.help-contact__title-line {
  font-size: 24px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  position: relative;
}
.help-contact__title-line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  background: #7B20FF;
  width: 150px;
  height: 3px;
}

.help__form-dropdow {
  max-width: 100%;
}

.help__form-dropdow-padding {
  margin-bottom: 15px;
}

.help__swiper-btn-box {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}

.help__swiper-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.help__swiper-header-padding {
  padding-bottom: 30px;
}

.help__swiper-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.help__swiper-container-padding {
  margin-top: 60px;
}

.help__swiper-container {
  overflow: hidden;
}

.help__inner-fix-grid {
  grid-template-columns: 398px 75%;
  justify-content: space-between;
}

@media (max-width: 1680px) {
  .help__inner-fix-grid {
    grid-template-columns: 285px 75%;
  }
  .help__swiper-container-padding {
    margin-top: 40px;
  }
  .help__swiper-header-padding {
    padding-bottom: 20px;
  }
  .help__swiper-title {
    font-size: 16px;
  }
  .help__swiper-btn-box {
    gap: 20px;
  }
  .help__swiper-btn-svg {
    width: 14px;
    height: 12px;
  }
  .help-contact__title-line {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .help__contact-form-new {
    padding: 20px;
  }
  .help__video-info {
    font-size: 12px;
  }
  .help__contact-new {
    margin-top: 40px;
  }
  .help__video-body-title {
    font-size: 16px;
  }
  .help__video-body-text {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .help__inner-fix-grid {
    grid-template-columns: 285px 70%;
  }
}
@media (max-width: 991px) {
  .help__inner-fix-grid {
    grid-template-columns: 230px 70%;
  }
  .help__swiper-header-padding {
    padding-bottom: 10px;
  }
  .help-contact__title-line {
    font-size: 18px;
  }
  .help__contact-form-new {
    padding: 10px;
  }
  .help__video-body-title {
    font-size: 14px;
  }
  .help__video-body-text {
    font-size: 12px;
  }
  .help__video-body {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .help__inner-fix-grid {
    grid-template-columns: 100%;
  }
  .help__video-body-text {
    margin-bottom: 10px;
    -webkit-line-clamp: 3;
  }
  .help__video-body {
    padding: 10px 0 0 0;
  }
  .help__content-search input {
    padding-left: 40px;
  }
  .help__video-container {
    padding: 10px;
  }
  .help__content-search-btn {
    right: auto;
    left: 10px;
  }
}
/*mentor*/
.cabinet-profile__user-padding-top {
  padding-top: 10px;
}

._unread::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 44px;
  right: auto;
  bottom: auto;
  background: #F3775B;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  animation-delay: 1.25s;
  animation: pulse 2.1s linear infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.cabinet-notific__item-image svg {
  width: 100%;
  height: 100%;
}

.notific-visible-status {
  transition: 0.4s;
}

.--notifice-active .notific-visible-status,
.--notifice-new .notific-visible-status {
  fill: #F3775B;
  stroke: #FACFC5;
}

.popup__notif {
  width: 500px;
  border-radius: 12px;
  border: 1px solid #E8E9EC;
  background: #FFF;
  padding: 30px;
  box-shadow: 0px 8px 16px 0px rgba(123, 32, 255, 0.16);
  position: absolute;
  bottom: 0;
  transition: 0.4s;
  transform: translateY(-400%);
}

.hieader__nav-nitific-unread:hover .popup__notif {
  transform: translateY(100%);
}

.popup__notif-row {
  display: grid;
  gap: 20px;
  grid-template-columns: 40px 1fr;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E8E9EC;
}
.popup__notif-row:nth-last-child(1) {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.popup__notif-item-image {
  width: 40px;
  height: 40px;
}
.popup__notif-item-image img,
.popup__notif-item-image svg {
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hieader__nav-nitific-unread {
  z-index: 1;
}
.hieader__nav-nitific-unread::after {
  right: 0;
  left: auto;
  top: 0;
}

.popup__notif-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 333;
}

.popup__notif-row-text {
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: rgb(64, 64, 64);
  padding-bottom: 10px;
}
.popup__notif-row-text span,
.popup__notif-row-text a {
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  color: rgb(153, 153, 153);
}

.--notifice-active .popup__notif-row-text span,
.--notifice-active .popup__notif-row-text a,
.--notifice-new .popup__notif-row-text span,
.--notifice-new .popup__notif-row-text a {
  color: #F3775B;
}

.popup__notif-row-date {
  color: #A6AAB4;
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.modal__pay-course {
  width: 400px;
  border-radius: 8px;
  background: #FFF;
  padding: 40px 30px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04);
}

.modal__pay-img {
  width: 163.264px;
  height: 120.001px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  display: block;
  object-fit: cover;
}

.modal__pay-text {
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}
.modal__pay-text span,
.modal__pay-text a {
  font-weight: inherit;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  color: #7B20FF;
  text-align: inherit;
}

.cabinet-notific__item-child .cabinet-notific__item-text span,
.cabinet-notific__item-child._user .cabinet-notific__item-text span {
  color: #3B414B;
}

@media (max-width: 1680px) {
  .modal__pay-course {
    width: 357px;
    padding: 35px 25px;
  }
  .modal__pay-text {
    font-size: 16px;
  }
  .popup__notif .popup__notif {
    width: 420px;
    padding: 20px;
    border-radius: 12px;
  }
  .popup__notif-row-text {
    font-size: 14px;
  }
  .popup__notif-row {
    gap: 10px;
    grid-template-columns: 30px 1fr;
  }
  .popup__notif-item-image {
    width: 30px;
    height: 30px;
  }
  .modal__pay-img {
    width: 122px;
    height: 90px;
  }
}
@media (max-width: 991px) {
  .modal__pay-text {
    font-size: 14px;
  }
  .modal__pay-img {
    width: 108px;
    height: 80px;
  }
  .modal__pay-course {
    width: 357px;
    padding: 30px 20px;
  }
  .popup__notif {
    display: none;
  }
}
@media (max-width: 767px) {
  .modal__pay-course {
    width: 300px;
    padding: 30px 20px;
  }
  .modal__pay-img {
    width: 108px;
    height: 80px;
  }
  .modal__pay-text {
    font-size: 14px;
  }
}
/*child*/
.cabinet-affairs__card.cabinet__affairs-card--olypiad {
  background: #fff;
  min-height: 178px;
}
.cabinet-affairs__card.cabinet__affairs-card--olypiad p {
  color: #3B414B;
}

.cabinet-schedule__card-quantity,
.cabinet-affairs__card-quantity {
  font-size: 40px;
}

.cabinet-affairs__card.--yellow {
  background: #FF8F19;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04);
}
.cabinet-affairs__card.--yellow .cabinet-affairs__card-title,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity-works,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity {
  color: #fff;
  opacity: 1;
}
.cabinet-affairs__card.--yellow .cabinet-affairs__card-title p,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-title span,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity-works p,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity-works span,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity p,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity span {
  opacity: 1;
  color: #fff;
}
.cabinet-affairs__card.--yellow .cabinet-affairs__card-title span,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity-works span,
.cabinet-affairs__card.--yellow .cabinet-affairs__card-quantity span {
  background: #fff;
  color: #FF8F19;
}

.cabinet-progress-size::before {
  font-size: 24px;
}

.review-cards-padding {
  margin-top: 0px;
}

.review--title {
  font-weight: 500;
}

.review--title-padding {
  padding-top: 30px;
  padding-bottom: 20px;
}

.groups-card__btn-fix {
  height: auto;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.chat__message-datetime--dell {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  opacity: 0.5;
}

.modal__dell-chat {
  width: 462px;
  padding: 40px;
}

.modal__dell-chat-title {
  color: #3B414B;
  text-align: center;
  font-family: "Roboto";
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
  padding-bottom: 20px;
}

.modal__dell-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  width: 120px;
  height: 120px;
}

.modal__dell-chat-text {
  color: #3B414B;
  text-align: center;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-bottom: 20px;
}

.modal__dell-row {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 20px;
  grid-template-columns: auto auto;
}

.modal__dell-chat-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.chat__item-btn-dell {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 18px;
  height: 18px;
  transition: 0.4s;
  opacity: 0;
}
.chat__item-btn-dell svg,
.chat__item-btn-dell img {
  width: 100%;
  height: 100%;
}

.chat__item {
  position: relative;
}
.chat__item:hover .chat__item-btn-dell {
  opacity: 1;
}

.chat__message-username {
  padding-right: 30px;
}

.single-videochat__bottom-line {
  grid-template-columns: 100%;
}
.single-videochat__bottom-line .single-videochat__btn {
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.single-videochat__btn-fix {
  border: none;
  color: #3B414B;
}
.single-videochat__btn-fix:hover {
  box-shadow: none;
}

.groups-card__btn-fix {
  width: 100%;
}

@media (max-width: 1680px) {
  .cabinet-affairs__card.cabinet__affairs-card--olypiad {
    min-height: 156px;
  }
  .chat__item-btn-dell {
    width: 16px;
    height: 16px;
    top: 10px;
    right: 15px;
  }
  .cabinet-schedule__card-quantity,
  .cabinet-affairs__card-quantity {
    font-size: 35px;
  }
  .cabinet-progress-size::before {
    font-size: 21px;
  }
  .review--title-padding {
    padding-top: 20px;
  }
  .chat__message-datetime--dell {
    font-size: 14px;
  }
  .modal__dell-chat {
    width: 400px;
    padding: 30px;
  }
  .modal__dell-chat-title {
    font-size: 20px;
  }
  .modal__dell-img {
    width: 90px;
    height: 90px;
  }
  .modal__dell-chat-text {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .cabinet-affairs__card.cabinet__affairs-card--olypiad {
    min-height: 177px;
  }
}
@media (max-width: 991px) {
  .chat__item-btn-dell {
    width: 16px;
    height: 16px;
    top: 10px;
    right: 15px;
    opacity: 1;
  }
  .modal__dell-chat {
    width: 320px;
    padding: 20px;
  }
  .modal__dell-chat-text {
    font-size: 14px;
  }
  .modal__dell-img {
    margin-bottom: 10px;
    width: 60px;
    height: 60px;
  }
  .modal__dell-chat-title {
    font-size: 18px;
  }
  .review--title-padding {
    padding-bottom: 10px;
  }
  .cabinet-affairs__card.cabinet__affairs-card--olypiad {
    min-height: 128px;
  }
  .chat__message-datetime--dell {
    font-size: 12px;
  }
  .cabinet-progress-size::before {
    font-size: 18px;
  }
  .cabinet-schedule__card-quantity,
  .cabinet-affairs__card-quantity {
    font-size: 30px;
  }
}
/*tooltip*/
.--tooltip {
  position: relative;
}
.--tooltip:hover .tooltip-text {
  display: block;
}

.tooltip-text {
  color: #3B414B;
  display: none;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  position: absolute;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ECECED;
  background: #FFF;
  left: 50%;
  transform: translate(-50%, -70%);
  top: 0%;
  box-shadow: 0px 8px 16px 0px rgba(123, 32, 255, 0.16);
  max-width: 240px;
  width: max-content;
}
.tooltip-text::after {
  content: "";
  background: url("../../images/img/tooltip.svg") no-repeat center center;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 36px;
  height: 8px;
  transform: translate(-50%, 0%);
}

.tooltip-text-right {
  max-width: 300px;
  right: 0;
  left: auto;
  transform: translate(0, -100%);
}
.tooltip-text-right::after {
  left: auto;
  right: 0px;
  transform: translate(0%, 0%);
}

.video-call__item:nth-child(1) .tooltip-text-right {
  top: 100%;
  transform: translate(0, 0%);
  z-index: 333;
}
.video-call__item:nth-child(1) .tooltip-text-right::after {
  left: auto;
  right: 0px;
  top: 0;
  transform: translate(0%, -100%) rotate(180deg);
}

@media (max-width: 1680px) {
  .tooltip-text {
    font-size: 14px;
  }
  .tooltip-text-right {
    max-width: 220px;
  }
}
@media (max-width: 1240px) {
  .tooltip-text {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .--tooltip:hover .tooltip-text {
    display: none;
  }
}
/*clue*/
.clue.--active {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 333;
  background: rgba(0, 0, 0, 0.7);
}

.clue-about.--clue-active {
  position: relative;
  z-index: 334;
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.25);
}
.clue-about.--clue-active .clue__container {
  display: block;
}

.clue__container {
  display: none;
  position: absolute;
  right: 0;
  padding-left: 40px;
  transform: translate(100%, -70px);
}

.clue__container-wrapp {
  width: 450px;
  border-radius: 8px;
  background: #FFF;
  padding: 12px;
  margin-right: 95px;
  position: relative;
}
.clue__container-wrapp::after {
  content: "";
  background: url("../../images/img/clue-arrow.svg") no-repeat center center;
  position: absolute;
  right: 0;
  top: 100%;
  width: 36px;
  height: 8px;
}

.clue-img {
  display: block;
  margin-right: 0;
  margin-top: -30px;
  position: relative;
  z-index: 2;
  margin-left: auto;
}

.clue__container-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-bottom: 20px;
}

.clue__container-row {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  align-items: center;
  gap: 35px;
}

.clue__close {
  color: #7B20FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

@media (max-width: 1680px) {
  .clue__container {
    padding-left: 33px;
    transform: translate(100%, -50px);
  }
  .clue__container-text {
    font-size: 14px;
    padding-bottom: 15px;
  }
  .clue__container-row {
    gap: 20px;
  }
  .clue__close {
    font-size: 14px;
  }
  .clue__container-wrapp {
    width: 330px;
    margin-right: 80px;
  }
  .clue-img {
    width: 89.999px;
    height: 137.686px;
  }
}
@media (max-width: 991px) {
  .clue__container {
    padding-left: 0;
    padding-top: 75px;
    left: 0%;
    top: 100%;
    right: auto;
    transform: translate(0%);
  }
  .clue-img {
    width: 75px;
    height: 114.74px;
  }
  .clue__container-wrapp {
    width: 330px;
    margin-right: 60px;
  }
}
@media (max-width: 767px) {
  .clue-number-2 .clue__container {
    right: 0;
    left: auto;
  }
  .clue__container-wrapp {
    width: 290px;
  }
  .clue__container {
    padding-top: 55px;
  }
}
@media (max-width: 395px) {
  .clue__container-wrapp {
    width: 290px;
    margin-right: 0;
  }
  .clue-img {
    margin-top: 0;
  }
}
.children-card-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

@media (min-width: 1650px) {
  .children-card-padding-fix {
    padding: 40px 40px 50px 40px;
  }
}
.news__body-padding {
  margin-bottom: 40px;
}

@media (max-width: 1680px) {
  .news__body-padding {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .news__body-padding {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .news__body-padding {
    margin-bottom: 15px;
  }
}
.news-radio-fix span {
  border-radius: 8px;
}

/*-стили новых страниц-*/
.btn--blue {
  transition: 0.4s;
  background: #8D3EFF;
}
.btn--blue:hover {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
}

.btn--yelow {
  transition: 0.4s;
  background: #FC9932;
}
.btn--yelow:hover {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
}

.btn--blue:active,
.btn--yelow:active {
  opacity: 0.5;
  box-shadow: none;
}

@media (max-width: 992px) {
  .header__nav--new {
    justify-content: flex-end;
  }
}

.baners {
  overflow: hidden;
}

.banners__swiper-slide {
  height: 100px;
}
.banners__swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .banners__swiper-slide {
    height: 75px;
  }
}
@media (max-width:991px) {
  .banners__swiper-slide {
    height: 41px;
  }
}
@media (max-width:767px) {
  .banners__swiper-slide {
    height: 29px;
  }
}

.courses__swiper {
  width: 100%;
  grid-area: courses__swiper;
  overflow: hidden;
  position: relative;
}

.courses__swiper-row {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: auto auto;
  gap: 60px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(103, 91, 244, 0.2) 100%), rgba(211, 211, 211, 0.1) -239.384px 0px/280.327% 100% no-repeat;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width:1680px) {
  .courses__swiper-row {
    padding-top: 15px;
    padding-bottom: 15px;
    gap: 50px;
  }
}
@media (max-width:991px) {
  .courses__swiper-row {
    gap: 40px;
  }
}
@media (max-width:767px) {
  .courses__swiper-row {
    display: none;
  }
}

.courses__main {
  grid-area: courses__main;
}

.courses__preschool {
  background: linear-gradient(0deg, rgba(123, 32, 255, 0.1) 0%, rgba(123, 32, 255, 0.1) 100%), #FFF;
  grid-area: courses__preschool;
}

.courses__school {
  background: linear-gradient(0deg, rgba(123, 32, 255, 0.1) 0%, rgba(123, 32, 255, 0.1) 100%), #FFF;
  grid-area: courses__school;
}

.courses__preview {
  background: rgba(123, 32, 255, 0.45);
  grid-area: courses__preview;
}

.courses__trial {
  background: #897EFB;
  grid-area: courses__trial;
}

.courses__mentors {
  background: #C3EAE5;
  grid-area: courses__mentors;
}

.courses__wrapp {
  display: grid;
  grid-template-columns: 305px repeat(4, 1fr);
  gap: 20px;
  grid-template-areas: "courses__swiper courses__main courses__main courses__preview courses__preview" "courses__swiper courses__main courses__main courses__trial courses__mentors" "courses__swiper courses__preschool courses__school courses__trial courses__mentors";
}
@media (max-width:1680px) {
  .courses__wrapp {
    grid-template-columns: 260px 222px 222px 207px 207px;
  }
}
@media (max-width: 1240px) {
  .courses__wrapp {
    gap: 10px;
    grid-template-columns: 260px 1fr 1fr 47px 1.5fr;
    grid-auto-rows: auto 160px auto;
    grid-template-areas: "courses__swiper  courses__main courses__main courses__main courses__main" "courses__swiper  courses__preschool courses__preschool courses__school courses__school" "courses__preview courses__preview  courses__trial courses__trial courses__mentors ";
  }
}
@media (max-width:991px) {
  .courses__wrapp {
    grid-template-columns: 240px 1fr 1fr 47px 1.5fr;
  }
}
@media (max-width:767px) {
  .courses__wrapp {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "courses__main courses__main " " courses__preschool courses__school " "courses__trial courses__mentors " "courses__swiper courses__swiper  " " courses__preview courses__preview ";
  }
}

.courses-padding {
  padding-top: 30px;
  padding-bottom: 60px;
}
@media (max-width:1680px) {
  .courses-padding {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media (max-width:991px) {
  .courses-padding {
    padding-top: 10px;
  }
}
@media (max-width:767px) {
  .courses-padding {
    padding-bottom: 25px;
  }
}

.courses__swiper-slide {
  background: #9990FE;
  height: auto;
  display: flex;
  flex-direction: column;
}

.courses__swiper-img {
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
}
.courses__swiper-img img {
  width: 100%;
  object-fit: cover;
}
@media (max-width:767px) {
  .courses__swiper-img {
    display: none;
  }
}

.head__text {
  border-radius: 50px;
  background: #FF8F19;
  padding: 6px 12px;
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: inline-block;
  transform: rotate(-5deg);
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: auto;
  margin-left: 0;
  position: relative;
}
.head__text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../images/img/new-page/line.svg") no-repeat center center;
  width: 11.5px;
  height: 17px;
  transform: translate(-100%, -40%);
}
@media (max-width:1680px) {
  .head__text {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .head__text {
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
@media (max-width:767px) {
  .head__text {
    display: none;
  }
}

.courses__swiper-title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding-bottom: 30px;
}
@media (max-width:1680px) {
  .courses__swiper-title {
    font-size: 18px;
    padding-bottom: 10px;
  }
}
@media (max-width:991px) {
  .courses__swiper-title {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .courses__swiper-title {
    font-size: 14px;
    padding-bottom: 5px;
  }
}

.courses__swiper-text {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-bottom: 30px;
}
@media (max-width:1680px) {
  .courses__swiper-text {
    font-size: 14px;
    padding-bottom: 25px;
  }
}
@media (max-width:991px) {
  .courses__swiper-text {
    font-size: 12px;
    padding-bottom: 20px;
  }
}
@media (max-width:767px) {
  .courses__swiper-text {
    padding-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    grid-column: 1/2;
    grid-row: 2/3;
  }
}

.courses__box-link {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: auto auto;
  gap: 5px;
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-radius: 8px;
  background: #7B20FF;
  padding: 6px 12px;
  margin-right: auto;
  margin-left: 0;
}
.courses__box-link .couses__box-link-span {
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  font-size: inherit;
  color: inherit;
}
@media (max-width:767px) {
  .courses__box-link .couses__box-link-span {
    display: none;
  }
}
@media (max-width:1680px) {
  .courses__box-link {
    gap: 3px;
    padding: 5px 10px;
  }
}
@media (max-width:991px) {
  .courses__box-link {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .courses__box-link {
    margin-right: 0;
    margin-left: auto;
    grid-column: 2/3;
    grid-row: 1/3;
    margin-top: auto;
    margin-bottom: 0;
  }
}

.courses__swiper-header {
  display: flex;
  flex-direction: column;
  padding: 30px;
  background: url("../../images/img/new-page/course-sw-back.svg") no-repeat right 0 center, url("../../images/img/new-page/wave.svg") no-repeat top 0 right 25%;
}
@media (max-width:1680px) {
  .courses__swiper-header {
    padding: 25px;
    background: url("../../images/img/new-page/course-sw-back.svg") no-repeat right 0 center, url("../../images/img/new-page/wave.svg") no-repeat top 0 right 7%;
  }
}
@media (max-width:991px) {
  .courses__swiper-header {
    padding: 15px;
  }
}
@media (max-width:767px) {
  .courses__swiper-header {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: baseline;
    gap: 0 40px;
    background: url("../../images/img/new-page/course-sw-back-mob.svg") no-repeat left 0 center/contain, url("../../images/img/new-page/wave-mob.svg") no-repeat top 0 right 22%;
  }
}

.courses__box,
.courses__swiper-slide {
  overflow: hidden;
  border-radius: 15px;
  border: 1.5px solid #FFF;
}
@media (max-width:1680px) {
  .courses__box,
  .courses__swiper-slide {
    border-radius: 12px;
    border: 1.5px solid #FFF;
  }
}
@media (max-width:991px) {
  .courses__box,
  .courses__swiper-slide {
    border-radius: 10px;
  }
}
@media (max-width:767px) {
  .courses__box,
  .courses__swiper-slide {
    border-radius: 10px;
    border: 1px solid #FFF;
  }
}

.couses__swiper-btn {
  width: 12px;
  height: 24px;
  transition: 0.4s;
}
.couses__swiper-btn svg {
  width: 100%;
  height: 100%;
}
.couses__swiper-btn:hover {
  opacity: 0.8;
}
.couses__swiper-btn:active {
  opacity: 0.2;
}
@media (max-width:1680px) {
  .couses__swiper-btn {
    width: 10px;
    height: 20px;
  }
}
@media (max-width:991px) {
  .couses__swiper-btn {
    width: 8px;
    height: 16px;
  }
  .couses__swiper-btn:hover {
    opacity: 1;
  }
  .couses__swiper-btn:active {
    opacity: 1;
  }
}

.courses__swiper-icon {
  width: 18px;
  height: 18px;
}
@media (max-width:1680px) {
  .courses__swiper-icon {
    width: 21px;
    height: 21px;
  }
}

/*courses__main*/
.courses__main {
  background: url("../../images/img/new-page/courses-main-img.png") no-repeat bottom 0 center/cover, rgba(243, 131, 11, 0.5);
  border-radius: 15px;
  border: 2px solid #FFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 30px;
}
@media (max-width:1680px) {
  .courses__main {
    padding: 20px;
    border-radius: 12px;
  }
}
@media (max-width: 1240px) {
  .courses__main {
    background-size: auto 135%;
  }
}
@media (max-width:767px) {
  .courses__main {
    padding: 15px;
    min-height: 215px;
  }
}

.courses__main-title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  padding-bottom: 30px;
}
@media (max-width:1680px) {
  .courses__main-title {
    font-size: 27px;
  }
}
@media (max-width:991px) {
  .courses__main-title {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  .courses__main-title {
    font-size: 18px;
  }
}

.courses__main-text {
  margin-top: auto;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: auto;
  color: #FFF;
  text-align: right;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  max-width: 345px;
}
@media (max-width:1680px) {
  .courses__main-text {
    font-size: 16px;
    max-width: 300px;
  }
}
@media (max-width:991px) {
  .courses__main-text {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .courses__main-text {
    font-size: 12px;
  }
}

.courses__school-box {
  border-radius: 15px;
  border: 1.5px solid #FFF;
  background: linear-gradient(0deg, rgba(123, 32, 255, 0.1) 0%, rgba(123, 32, 255, 0.1) 100%), #FFF;
  padding: 20px 9px 20px 20px;
  display: grid;
  grid-template-columns: 100%;
  gap: 15px;
}
@media (max-width:1680px) {
  .courses__school-box {
    border-radius: 12px;
    padding: 15px;
  }
}
@media (max-width:991px) {
  .courses__school-box {
    border-radius: 10px;
  }
}
@media (max-width:767px) {
  .courses__school-box {
    border-radius: 8px;
    border: 1px solid #FFF;
    padding: 10px;
    gap: 10px;
    grid-template-columns: 35px auto;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (max-width: 350px) {
  .courses__school-box {
    gap: 5px;
    grid-template-columns: 25px auto;
  }
}
.courses__school-box:hover .courses__school-arroe {
  opacity: 0.5;
}
@media (max-width:991px) {
  .courses__school-box:hover .courses__school-arroe {
    opacity: 1;
  }
}
.courses__school-box:active .courses__school-arroe {
  opacity: 0.2;
}
@media (max-width:991px) {
  .courses__school-box:active .courses__school-arroe {
    opacity: 1;
  }
}

.courses__school-icon {
  width: 73px;
  height: 75px;
}
.courses__school-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .courses__school-icon {
    width: 75px;
    height: 76px;
  }
}
@media (max-width:991px) {
  .courses__school-icon {
    width: 66px;
    height: 66px;
  }
}
@media (max-width:767px) {
  .courses__school-icon {
    width: 33px;
    height: 33px;
  }
}
@media (max-width: 350px) {
  .courses__school-icon {
    width: 25px;
    height: 25px;
  }
}

.courses__school-header {
  display: grid;
  grid-template-columns: 73px auto;
  gap: 30px;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width:1680px) {
  .courses__school-header {
    grid-template-columns: 75px auto;
    gap: 10px;
  }
}
@media (max-width:991px) {
  .courses__school-header {
    grid-template-columns: 66px auto;
    gap: 20px;
  }
}
@media (max-width:767px) {
  .courses__school-header {
    grid-template-columns: 33px;
    gap: 0;
  }
}

.courses__school-arroe {
  width: 16px;
  height: 15px;
}
.courses__school-arroe img {
  width: 100%;
  height: 100%;
}
@media (max-width:1680px) {
  .courses__school-arroe {
    width: 15px;
    height: 14px;
  }
}
@media (max-width:991px) {
  .courses__school-arroe {
    width: 14px;
    height: 13px;
  }
}
@media (max-width:767px) {
  .courses__school-arroe {
    display: none;
  }
}

.courses__school-header-title {
  color: #3B414B;
  text-align: right;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.courses__school-header-title span {
  font-family: inherit;
  font-weight: 600;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  display: block;
}
@media (max-width:991px) {
  .courses__school-header-title {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .courses__school-header-title {
    display: none;
  }
}

.courses__school-body-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 10px;
}
@media (max-width:1680px) {
  .courses__school-body-title {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .courses__school-body-title {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .courses__school-body-title {
    font-size: 14px;
    padding-bottom: 5px;
  }
}

.courses__school-body-text {
  color: #000;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width:1680px) {
  .courses__school-body-text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .courses__school-body-text {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .courses__school-body-text {
    font-size: 10px;
  }
}

.courses__school-body {
  display: grid;
  align-items: flex-end;
  justify-content: space-between;
  grid-template-columns: auto auto;
  margin-top: auto;
  margin-bottom: 0;
}

.courses__preview-link {
  transition: 0.4s;
  display: block;
  width: 58px;
  height: 58px;
}
.courses__preview-link:hover {
  opacity: 0.5;
}
.courses__preview-link:active {
  opacity: 0.2;
}
.courses__preview-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .courses__preview-link {
    width: 50px;
    height: 50px;
  }
}
@media (max-width:991px) {
  .courses__preview-link {
    width: 45px;
    height: 45px;
  }
  .courses__preview-link:hover {
    opacity: 1;
  }
  .courses__preview-link:active {
    opacity: 1;
  }
}
@media (max-width:767px) {
  .courses__preview-link {
    width: 40px;
    height: 40px;
  }
}

.courses__preivew-icon {
  width: 89px;
  height: 90px;
  margin-bottom: 38px;
  display: block;
  object-fit: cover;
}
@media (max-width:1680px) {
  .courses__preivew-icon {
    width: 84px;
    height: 85px;
    margin-bottom: 30px;
  }
}
@media (max-width:991px) {
  .courses__preivew-icon {
    width: 75px;
    height: 75px;
    margin-bottom: 20px;
  }
}
@media (max-width:767px) {
  .courses__preivew-icon {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
  }
}

.courses__preview-title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.3px;
  max-width: 515px;
}
@media (max-width:1680px) {
  .courses__preview-title {
    font-size: 21px;
    max-width: 320px;
  }
}
@media (max-width:991px) {
  .courses__preview-title {
    font-size: 18px;
    max-width: 245px;
  }
}
@media (max-width:767px) {
  .courses__preview-title {
    font-size: 16px;
    max-width: 225px;
  }
}

.courses__preview-row {
  display: grid;
  grid-template-columns: auto auto;
  align-items: flex-end;
  gap: 35px;
  margin-top: auto;
  margin-bottom: 0;
  justify-content: space-between;
}
@media (max-width:1680px) {
  .courses__preview-row {
    gap: 27px;
  }
}
@media (max-width:991px) {
  .courses__preview-row {
    gap: 35px;
  }
}
@media (max-width:767px) {
  .courses__preview-row {
    gap: 25px;
  }
}

.courses__preview {
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 15px;
  border: 2px solid #FFF;
  background: url("../../images/img/new-page/courses__preview-back.png") no-repeat center center/cover;
  overflow: hidden;
}
@media (max-width:1680px) {
  .courses__preview {
    padding: 20px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .courses__preview {
    border-radius: 10px;
  }
}
@media (max-width:767px) {
  .courses__preview {
    padding: 15px;
    border: 1px solid #FFF;
  }
}

.courses__trial {
  display: flex;
  flex-direction: column;
  padding: 30px 30px 20px 30px;
  background: url("../../images/img/new-page/courses__trial-back.png") no-repeat center center/cover;
}
@media (max-width:1680px) {
  .courses__trial {
    padding: 25px 20px 20px 20px;
  }
}
@media (max-width:991px) {
  .courses__trial {
    padding: 15px 20px 20px 20px;
  }
}
@media (max-width:767px) {
  .courses__trial {
    padding: 15px 10px 10px 15px;
    background: url("../../images/img/new-page/star.svg") no-repeat bottom 0 right 35%, url("../../images/img/new-page/courses__trial-back.png") no-repeat center center/cover;
  }
}

.courses__trial-title,
.courses__trial-text {
  color: #F9FAFB;
  font-family: "Roboto";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width:1680px) {
  .courses__trial-title,
  .courses__trial-text {
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .courses__trial-title,
  .courses__trial-text {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .courses__trial-title,
  .courses__trial-text {
    font-size: 16px;
  }
}

.courses__trial-head--text {
  font-size: 30px;
  transform: rotate(5deg);
}
.courses__trial-head--text::after {
  background: url("../../images/img/new-page/line-bottom.svg") no-repeat center center/cover;
  width: 45.002px;
  height: 49.014px;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  transform: translate(35%, 30%);
}
@media (max-width:1680px) {
  .courses__trial-head--text::after {
    width: 27px;
    height: 30px;
  }
}
@media (max-width:991px) {
  .courses__trial-head--text::after {
    width: 20.724px;
    height: 23.026px;
  }
}
@media (max-width:767px) {
  .courses__trial-head--text::after {
    width: 20.724px;
    height: 23.026px;
  }
}
@media (max-width:1680px) {
  .courses__trial-head--text {
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .courses__trial-head--text {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .courses__trial-head--text {
    font-size: 16px;
    display: block;
  }
}

.courses__mentors {
  background: url("../../images/img/new-page/courses__mentors-back.png") no-repeat bottom 0 right 5%/cover, #C3EAE5;
  background-size: auto 50%;
  padding: 30px 20px 20px 30px;
  display: flex;
  flex-direction: column;
}
@media (max-width:1680px) {
  .courses__mentors {
    padding: 20px 10px 10px 20px;
  }
}
@media (max-width: 1240px) {
  .courses__mentors {
    background-size: auto 80%;
  }
}
@media (max-width:991px) {
  .courses__mentors {
    padding: 12px 10px 10px 12px;
  }
}
@media (max-width:767px) {
  .courses__mentors {
    padding: 10px;
  }
}

.courses__mentor-link {
  display: block;
  width: 48px;
  height: 48px;
}
.courses__mentor-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .courses__mentor-link {
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .courses__mentor-link {
    width: 35px;
    height: 35px;
  }
}
@media (max-width:767px) {
  .courses__mentor-link {
    width: 30px;
    height: 30px;
  }
}

.courses__mentors-icon {
  display: block;
  width: 104px;
  height: 116px;
  object-fit: cover;
  margin-top: auto;
  margin-bottom: auto;
}
@media (max-width:1680px) {
  .courses__mentors-icon {
    width: 73px;
    height: 79px;
  }
}
@media (max-width:991px) {
  .courses__mentors-icon {
    width: 55px;
    height: 59px;
  }
}
@media (max-width:767px) {
  .courses__mentors-icon {
    display: none;
  }
}

.courses__metors-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width:1680px) {
  .courses__metors-text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .courses__metors-text {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .courses__metors-text {
    font-size: 14px;
  }
}

.courses__mentors-row {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-top: auto;
  margin-bottom: 0;
}

.courses__mentors-inner {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 15px;
}
.courses__mentors-inner:nth-last-child(1) {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .courses__mentors-inner {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .courses__mentors-inner {
    font-size: 11px;
  }
}
@media (max-width:767px) {
  .courses__mentors-inner {
    font-size: 9px;
    margin-bottom: 5px;
  }
}

.courses__box-link.courses__trial-link {
  margin-bottom: 0;
  margin-top: auto;
  margin-left: 0;
  margin-right: auto;
}

/*-advantages-*/
.advantages__list-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.advantages__list-text span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: 500;
  line-height: inherit;
}
@media (max-width:1680px) {
  .advantages__list-text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .advantages__list-text {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .advantages__list-text {
    ont-size: 16px;
    max-width: 240px;
  }
}

.advantages__list-img {
  display: block;
  width: 50px;
  height: 50px;
}
@media (max-width:1680px) {
  .advantages__list-img {
    width: 42px;
    height: 42px;
  }
}
@media (max-width:991px) {
  .advantages__list-img {
    width: 35px;
    height: 35px;
  }
}

.advantages__list-inner {
  display: grid;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: auto auto;
  gap: 15px;
}
@media (max-width:1680px) {
  .advantages__list-inner {
    gap: 10px;
  }
}

.advantages__list {
  display: grid;
  grid-template-columns: repeat(4, 340px);
  justify-content: space-between;
  gap: 40px;
}
@media (max-width:1680px) {
  .advantages__list {
    gap: 20px;
    grid-template-columns: repeat(4, auto);
  }
}
@media (max-width: 1240px) {
  .advantages__list {
    grid-template-columns: repeat(2, auto);
    gap: 20px 45px;
  }
}
@media (max-width: 572px) and (max-width: 1240px) {
  .advantages__list {
    grid-template-columns: 100%;
    gap: 25px;
  }
}

.start-news {
  overflow: hidden;
}

.start-news-swiper {
  overflow: hidden;
}
@media (max-width:991px) {
  .start-news-swiper {
    overflow: visible;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width:991px) {
  .start-news-swiper-slide {
    opacity: 0.3;
    pointer-events: none;
  }
}

@media (max-width:991px) {
  .start-news-swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
  }
}

.start-news-box-img {
  width: 100%;
  margin-bottom: 30px;
  height: 307px;
}
.start-news-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width:1680px) {
  .start-news-box-img img {
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .start-news-box-img img {
    border-radius: 10px;
  }
}
@media (max-width:767px) {
  .start-news-box-img img {
    border-radius: 10px;
  }
}
@media (max-width:1680px) {
  .start-news-box-img {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .start-news-box-img {
    margin-bottom: 15px;
  }
}
@media (max-width: 1680px) {
  .start-news-box-img {
    height: 218px;
  }
}
@media (max-width: 991px) {
  .start-news-box-img {
    height: 184px;
  }
}

.start-news-box {
  display: flex;
  flex-direction: column;
  height: auto;
  border-radius: 15px;
  border: 1px solid rgba(59, 65, 75, 0.3);
  padding: 20px;
}
@media (max-width:1680px) {
  .start-news-box {
    border-radius: 12px;
    padding: 15px 15px 20px 15px;
  }
}
@media (max-width:991px) {
  .start-news-box {
    border-radius: 10px;
    padding: 15px;
  }
}
.start-news-box:hover .start-news-box-svg path {
  stroke: #7B20FF;
}
@media (max-width:991px) {
  .start-news-box:hover .start-news-box-svg path {
    stroke: #3B414B;
  }
}

.start-news-box-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .start-news-box-text {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .start-news-box-text {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .start-news-box-text {
    font-size: 18px;
  }
}

.start-news--box-row {
  margin-bottom: 0;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.start-news-date {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width:1680px) {
  .start-news-date {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .start-news-date {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .start-news-date {
    font-size: 14px;
  }
}

.start-news-box-link {
  width: 21px;
  height: 19px;
}
.start-news-box-link svg {
  width: 100%;
  height: 100%;
}
@media (max-width:1680px) {
  .start-news-box-link {
    width: 19px;
    height: 17px;
  }
}
@media (max-width:991px) {
  .start-news-box-link {
    width: 17px;
    height: 15px;
  }
}
@media (max-width:767px) {
  .start-news-box-link {
    width: 17px;
    height: 15px;
  }
}

.start-news-pagination {
  display: none;
  align-items: center;
  justify-content: center;
}
@media (max-width:991px) {
  .start-news-pagination {
    display: flex;
  }
}

.start__news-btn {
  width: 14px;
  height: 28px;
  transition: 0.4s;
}
.start__news-btn svg {
  width: 100%;
  height: 100%;
}
.start__news-btn:hover {
  opacity: 0.5;
}
@media (max-width:991px) {
  .start__news-btn:hover {
    opacity: 1;
  }
}
.start__news-btn:active {
  opacity: 0.2;
}
@media (max-width:991px) {
  .start__news-btn:active {
    opacity: 1;
  }
}
@media (max-width:1680px) {
  .start__news-btn {
    width: 14px;
    height: 28px;
  }
}
@media (max-width:991px) {
  .start__news-btn {
    width: 12px;
    height: 24px;
    display: none;
  }
}

.start-news-row {
  margin-top: 30px;
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr 197px;
  padding-left: 197px;
}
@media (max-width:1680px) {
  .start-news-row {
    grid-template-columns: 1fr 115px;
    padding-left: 115px;
  }
}
@media (max-width:991px) {
  .start-news-row {
    grid-template-columns: 1fr 95px;
    padding-left: 95px;
    margin-top: 15px;
  }
}
@media (max-width:767px) {
  .start-news-row {
    grid-template-columns: 100%;
    gap: 15px;
    padding-left: 0;
  }
}

.start__news-link {
  color: rgba(59, 65, 75, 0.5);
  text-align: right;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.4s;
  display: block;
}
.start__news-link:hover {
  color: rgb(59, 65, 75);
}
@media (max-width:1680px) {
  .start__news-link {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .start__news-link {
    font-size: 14px;
  }
}

.start-news-btn-box {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
@media (max-width:1680px) {
  .start-news-btn-box {
    gap: 40px;
  }
}
@media (max-width:991px) {
  .start-news-btn-box {
    display: none;
  }
}

.swiper-pagination-style .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  margin: 0 5px !important;
  opacity: 1;
  background: rgba(59, 65, 75, 0.3);
}
.swiper-pagination-style .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 7px;
  height: 7px;
  background: #3B414B;
}

.start-padding {
  margin-bottom: 100px;
}
@media (max-width:1680px) {
  .start-padding {
    margin-bottom: 63px;
  }
}
@media (max-width:991px) {
  .start-padding {
    margin-bottom: 40px;
  }
}

.lore__info-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 20px;
}
@media (max-width:1680px) {
  .lore__info-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .lore__info-title {
    font-size: 16px;
    padding-bottom: 15px;
  }
}
.lore__info-list {
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 15px;
}
.lore__info-list:nth-last-child(1) {
  padding-bottom: 0;
}
@media (max-width:1680px) {
  .lore__info-list {
    padding-bottom: 30px;
    gap: 15px 10px;
  }
}
@media (max-width:991px) {
  .lore__info-list {
    gap: 10px;
  }
}
.lore__info-inner {
  padding: 9px 18px;
  border-radius: 10px;
  border: 1px solid #3B414B;
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  transition: 0.4s;
  display: block;
}
.lore__info-inner:hover {
  border: 1px solid #FFF;
  background: #FFF;
}
@media (max-width:1680px) {
  .lore__info-inner {
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .lore__info-inner {
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 14px;
  }
}

.lore__desc-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 30px;
}
.lore__desc-title span {
  font-weight: 600;
  color: #7B20FF;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  text-transform: uppercase;
}
@media (max-width:1680px) {
  .lore__desc-title {
    font-size: 32px;
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .lore__desc-title {
    font-size: 24px;
  }
}

.lore__desc-inner {
  color: #7B20FF;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding: 4px 15px 4px 45px;
  border-radius: 18px;
  background: #FBF4FF;
  box-shadow: 2px 3px 10px 0px rgba(190, 190, 190, 0.05);
  position: relative;
}
.lore__desc-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  background: url("../../images/img/new-page/lightning.png") no-repeat center center/cover;
}
@media (max-width:1680px) {
  .lore__desc-inner::after {
    width: 30px;
    height: 30px;
  }
}
@media (max-width:991px) {
  .lore__desc-inner::after {
    width: 25px;
    height: 25px;
  }
}
@media (max-width:1680px) {
  .lore__desc-inner {
    font-size: 18px;
    padding: 4px 15px 4px 40px;
  }
}
@media (max-width:991px) {
  .lore__desc-inner {
    font-size: 16px;
    padding: 2px 10px 2px 35px;
  }
}

.lore__desc-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 30px;
}
@media (max-width:1680px) {
  .lore__desc-list {
    gap: 15px;
    padding-bottom: 20px;
  }
}

.lore__desc-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width:1680px) {
  .lore__desc-text {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .lore__desc-text {
    font-size: 18px;
  }
}

.lore__desc {
  border-radius: 20px;
  background: #FFF;
  padding: 30px;
  position: relative;
  isolation: isolate;
}
@media (max-width:1680px) {
  .lore__desc {
    padding: 20px;
    border-radius: 0 15px 15px 0;
  }
  .lore__desc::after {
    content: "";
    width: 110%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: #fff;
    transform: translateX(-99%);
    z-index: -1;
  }
}
@media (max-width:991px) {
  .lore__desc {
    border-radius: 0;
    padding: 30px 20px 20px 20px;
  }
  .lore__desc::after {
    width: 200%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.lore {
  overflow: hidden;
}
@media (max-width:1680px) {
  .lore {
    background: url("../../images/img/new-page/wave-top.svg") no-repeat top 0 right 0, rgba(247, 202, 155, 0.5);
  }
}
@media (max-width:991px) {
  .lore {
    background: rgba(247, 202, 155, 0.5);
  }
}

.lore-wrapp {
  border-radius: 20px;
  background: rgba(247, 202, 155, 0.5);
  display: grid;
  grid-template-columns: 730px 1fr;
}
@media (max-width:1680px) {
  .lore-wrapp {
    background: none;
    grid-template-columns: 425px 1fr;
  }
}
@media (max-width:991px) {
  .lore-wrapp {
    grid-template-columns: 100%;
  }
}
.lore__info {
  padding: 30px;
  background: url("../../images/img/new-page/wave-1.svg") no-repeat bottom 0 left 0, url("../../images/img/new-page/wave-top.svg") no-repeat top 0 right 0;
}
@media (max-width:1680px) {
  .lore__info {
    padding: 20px 0 20px 20px;
    background: url("../../images/img/new-page/wave-1.svg") no-repeat bottom 0 left 100px;
  }
}
@media (max-width:991px) {
  .lore__info {
    padding: 20px 0 30px 0;
    background: url("../../images/img/new-page/wave-1.svg") no-repeat bottom 0 left 0, url("../../images/img/new-page/wave-top.svg") no-repeat top 0 right 0, url("../../images/img/new-page/stars.svg") no-repeat top 0 left 0, url("../../images/img/new-page/stars-2.svg") no-repeat bottom 20px right 10px;
  }
}
@media (max-width:767px) {
  .lore__info {
    padding: 20px 20px 42px 20px;
    background: url("../../images/img/new-page/wave-1.svg") no-repeat bottom 0 left 0, url("../../images/img/new-page/wave-top.svg") no-repeat top 0 right 0, url("../../images/img/new-page/stars.svg") no-repeat top 0 left -5px, url("../../images/img/new-page/stars-2.svg") no-repeat bottom 100px left -50px, url("../../images/img/new-page/stars-2.svg") no-repeat top 100px right -40px;
  }
}

@media (max-width:767px) {
  .lore--container {
    padding-left: 0;
    padding-right: 0;
  }
}

.star__rating-box {
  display: flex;
  flex-direction: row-reverse;
}

.star__rating-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: -333;
  visibility: hidden;
}

.star__rating-label {
  position: relative;
  cursor: pointer;
  display: block;
  margin-right: 10px;
}
.star__rating-label::after {
  content: "\e904";
  font-size: 24px;
  font-family: "icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width:991px) {
  .star__rating-label::after {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .star__rating-label {
    margin-right: 5px;
  }
}

.star__rating-label:hover::after,
.star__rating-label:hover ~ .star__rating-label::after {
  color: #7B20FF;
}

.star__rating-input:checked::after,
.star__rating-input:checked ~ .star__rating-label::after {
  color: #7B20FF;
}

.direction__swiper-pagination {
  display: flex;
  justify-content: center;
}
.direction__swiper-pagination .swiper-pagination-bullet {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.start--title {
  color: #3B414B;
  text-align: center;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 40px;
}
@media (max-width:1680px) {
  .start--title {
    font-size: 32px;
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .start--title {
    font-size: 25px;
  }
}
@media (max-width:767px) {
  .start--title {
    text-align: left;
  }
}

.direction__cart {
  border-radius: 15px;
  border: 1px solid rgba(59, 65, 75, 0.3);
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (max-width:1680px) {
  .direction__cart {
    padding: 15px;
    border-radius: 12px;
  }
}

.direction__cart-list {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .direction__cart-list {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .direction__cart-list {
    margin-top: 15px;
  }
}

.direction__cart-inner {
  margin-right: 0;
}
@media (max-width:1680px) {
  .direction__cart-inner {
    padding: 5px 14px;
  }
}
@media (max-width:991px) {
  .direction__cart-inner {
    padding: 3px 11.5px;
  }
}
.direction__cart-list {
  gap: 10px;
}

.direction__cart-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 15px;
}
@media (max-width:1680px) {
  .direction__cart-title {
    font-size: 22px;
  }
}
@media (max-width:991px) {
  .direction__cart-title {
    font-size: 18px;
  }
}

.direction__cart-title a {
  font-family: "Roboto";
  text-decoration: none;
  color: #3B414B;
  font-weight: 500;
  transition: all 0.2s linear;
}
.direction__cart-title a:hover {
  color: #7B20FF;
}

.direciton__cart-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 15px;
}
@media (max-width:1680px) {
  .direciton__cart-text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .direciton__cart-text {
    font-size: 14px;
  }
}

.direction__cart-body {
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 20px;
}
@media (max-width:991px) {
  .direction__cart-body {
    padding-top: 15px;
  }
}

.direction-row {
  margin-top: 0;
  margin-bottom: 30px !important;
}
@media (max-width:991px) {
  .direction-row {
    margin-bottom: 15px !important;
  }
}
@media (max-width:1680px) {
  .direction__courses__item-passing {
    font-size: 14px;
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .direction__courses__item-passing {
    margin-top: 15px;
    font-size: 12px;
  }
}

.direction-courses__item-info {
  padding-bottom: 10px;
}

.direction-courses__item-date {
  margin-top: 0;
}
@media (max-width:1680px) {
  .direction-courses__item-date {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .direction-courses__item-date {
    font-size: 12px;
  }
}
.direction {
  overflow: hidden;
}

.direction__swiper {
  overflow: hidden;
}
@media (max-width: 1200px) {
  .direction__swiper {
    overflow: visible;
    max-width: 356px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width:991px) {
  .direction__swiper {
    max-width: 356px;
  }
}

.direction__slider-bottom {
  margin-top: 30px;
}
@media (max-width:991px) {
  .direction__slider-bottom {
    margin-top: 15px;
  }
}

@media (max-width: 1200px) {
  .direction__swiper-slide {
    opacity: 0.5;
    pointer-events: none;
    transition: 0.4s;
    transform: translateY(45px);
  }
}

@media (max-width: 1200px) {
  .direction__swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0);
  }
}

/*start-video*/
.start__video-box {
  width: 100%;
  height: 377px;
  border-radius: 20px;
  border: 3px solid #FFF;
  overflow: hidden;
  position: relative;
  background: rgba(91, 91, 91, 0.5);
  cursor: pointer;
  display: block;
}
.start__video-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .start__video-box {
    height: 271px;
    border-radius: 15px;
  }
}
@media (max-width:991px) {
  .start__video-box {
    height: 180px;
    border-radius: 12px;
  }
}
.start__video-box::before {
  content: "";
  background: url("../../images/img/new-page/start-video.svg") no-repeat center center/cover;
  width: 102px;
  height: 102px;
  bottom: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media (max-width:1680px) {
  .start__video-box::before {
    width: 70px;
    height: 70px;
  }
}
@media (max-width:991px) {
  .start__video-box::before {
    width: 64px;
    height: 64px;
  }
}
.start__video-box::after {
  background: rgba(91, 91, 91, 0.5);
}
.start__video-box:hover::before {
  background: url("../../images/img/new-page/start-video-hover.svg") no-repeat center center/cover;
}

.start__video-wrapp {
  position: relative;
  isolation: isolate;
}
.start__video-wrapp::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 372px;
  height: 179.949px;
  background: url("../../images/img/new-page/wave-left.svg") no-repeat center center;
  transform: translateX(-50%);
  background-size: auto 99%;
}
@media (max-width:1680px) {
  .start__video-wrapp::after {
    width: 316px;
    height: 152px;
    transform: translateX(-35%);
  }
}
@media (max-width:991px) {
  .start__video-wrapp::after {
    width: 187px;
    height: 90px;
    transform: translate(-25%, -25%);
  }
}
@media (max-width:767px) {
  .start__video-wrapp::after {
    width: 170px;
    height: 82px;
    bottom: auto;
    top: 0;
    transform: translate(-14%, -75%);
  }
}
.start__video-wrapp::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 179.055px;
  height: 262.868px;
  background: url("../../images/img/new-page/wave-right.svg") no-repeat center center;
  transform: translate(70%, -50%);
  z-index: 1;
  background-size: auto 99%;
}
@media (max-width:1680px) {
  .start__video-wrapp::before {
    width: 171px;
    height: 250px;
    transform: translate(70%, -75%);
  }
}
@media (max-width:991px) {
  .start__video-wrapp::before {
    width: 93px;
    height: 135px;
    transform: translate(25%, -75%);
  }
}
@media (max-width:767px) {
  .start__video-wrapp::before {
    width: 102px;
    height: 150px;
    top: auto;
    bottom: 0;
    transform: translate(25%, 60%);
  }
}

.start--page {
  overflow: hidden;
}

.start__video-inner-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width:1680px) {
  .start__video-inner-text {
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .start__video-inner-text {
    font-size: 18px;
  }
}

.start__video-inner-num {
  color: #7B20FF;
  font-family: "Raleway";
  font-size: 75px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  opacity: 0.3;
  font-feature-settings: "pnum" on, "lnum" on;
}
@media (max-width:1680px) {
  .start__video-inner-num {
    font-size: 65px;
  }
}
@media (max-width:991px) {
  .start__video-inner-num {
    font-size: 50px;
  }
}

.start__video-inner {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width:1680px) {
  .start__video-inner {
    gap: 15px;
  }
}

.start__video-inner-1 {
  grid-area: start__video-inner-1;
}

.start__video-inner-2 {
  grid-area: start__video-inner-2;
}

.start__video-inner-3 {
  grid-area: start__video-inner-3;
}

.start__video-inner-4 {
  grid-area: start__video-inner-4;
}

.start__video-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "start__video-inner-1 start__video-inner-3" "start__video-inner-2 start__video-inner-4";
  gap: 75px 0;
  max-width: 1395px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
@media (max-width:1680px) {
  .start__video-list {
    gap: 52px 0;
    max-width: 1200px;
    margin-top: 45px;
  }
}
@media (max-width:991px) {
  .start__video-list {
    gap: 36px 0;
    margin-top: 35px;
  }
}
@media (max-width:767px) {
  .start__video-list {
    grid-template-columns: 100%;
    grid-template-areas: "start__video-inner-1" "start__video-inner-2" "start__video-inner-3" "start__video-inner-4";
    gap: 30px 0;
    margin-top: 30px;
  }
}

.video-start-box {
  max-width: 100%;
  width: calc(100vw - 240px);
  padding: 0;
  background: none;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width:1680px) {
  .video-start-box {
    width: calc(100vw - 140px);
  }
}
@media (max-width:991px) {
  .video-start-box {
    width: calc(100vw - 80px);
  }
}
@media (max-width:767px) {
  .video-start-box {
    width: calc(100vw - 20px);
  }
}

.video-start-container-video {
  width: 100%;
  overflow: hidden;
}
.video-start-container-video video,
.video-start-container-video iframe {
  position: relative;
  height: auto;
  border: none;
  border-radius: 20px;
  overflow: hidden;
}

.video-start-container-video._icon-play-video::before {
  content: "";
  background: url("../../images/img/new-page/start-video.svg") no-repeat center center/cover;
  width: 102px;
  height: 102px;
  bottom: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media (max-width:1680px) {
  .video-start-container-video._icon-play-video::before {
    width: 70px;
    height: 70px;
  }
}
@media (max-width:991px) {
  .video-start-container-video._icon-play-video::before {
    width: 64px;
    height: 64px;
  }
}
.video-start-container-video._icon-play-video::after {
  background: rgba(91, 91, 91, 0.5);
}
.video-start-container-video._icon-play-video:hover::before {
  background: url("../../images/img/new-page/start-video-hover.svg") no-repeat center center/cover;
}

.modal__close.video-start-btn {
  top: 5px;
  left: -5px;
  width: 31.728px;
  height: 32.305px;
}
.modal__close.video-start-btn svg {
  width: 100%;
  height: 100%;
}
@media (max-width:1680px) {
  .modal__close.video-start-btn {
    width: 25px;
    height: 25px;
  }
}
@media (max-width:991px) {
  .modal__close.video-start-btn {
    width: 15px;
    height: 15px;
  }
}
@media (max-width:767px) {
  .modal__close.video-start-btn {
    width: 15px;
    height: 15px;
  }
}
.modal__close.video-start-btn path {
  transition: 0.4s;
}
.modal__close.video-start-btn:hover path {
  stroke: #7B20FF;
}

/*trial*/
.trial-wrapp {
  display: grid;
  grid-template-columns: auto 463px;
  gap: 50px;
  max-width: 1395px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 100px 40px 110px;
  background: url("../../images/img/new-page/trial-back.png") no-repeat top center/cover;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width:1680px) {
  .trial-wrapp {
    grid-template-columns: auto 361px;
    gap: 20px;
    max-width: 996px;
    padding: 40px 80px 30px 80px;
    border-radius: 15px;
  }
}
@media (max-width:991px) {
  .trial-wrapp {
    grid-template-columns: auto 320px;
    gap: 15px;
    max-width: 768px;
    padding: 35px 20px 35px 45px;
  }
}
@media (max-width:767px) {
  .trial-wrapp {
    max-width: 100%;
    grid-template-columns: 100%;
    padding: 45px 20px 40px 20px;
    background: url("../../images/img/new-page/trial-back-mob.png") no-repeat top center/cover;
    border-radius: 12px;
  }
}

.trial-container {
  padding-left: 0;
  padding-right: 0;
}

.trial__header {
  display: flex;
  flex-direction: column;
}

.trial__header-title {
  color: #F9FAFB;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width:1680px) {
  .trial__header-title {
    font-size: 35px;
  }
}
@media (max-width:991px) {
  .trial__header-title {
    font-size: 27px;
  }
}
.trial__head-text {
  font-size: 40px;
}
@media (max-width:1680px) {
  .trial__head-text {
    font-size: 35px;
  }
}
@media (max-width:991px) {
  .trial__head-text {
    font-size: 24px;
  }
}
.trial__header-text {
  color: #F9FAFB;
  font-family: "Roboto";
  padding-top: 55px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 305px;
}
@media (max-width:1680px) {
  .trial__header-text {
    font-size: 21px;
    padding-top: 32px;
    max-width: 265px;
  }
}
@media (max-width:991px) {
  .trial__header-text {
    font-size: 18px;
    padding-top: 28px;
    max-width: 300px;
  }
}
@media (max-width:767px) {
  .trial__header-text {
    padding-top: 20px;
    max-width: 315px;
  }
}

.trial__form {
  display: grid;
  grid-template-columns: 100%;
  align-items: flex-start;
  gap: 15px;
}
@media (max-width:991px) {
  .trial__form {
    gap: 10px;
  }
}
.trial__form-label input {
  border: 1px solid #E8E9EC;
  background: #FFF;
  border-radius: 15px;
  height: 47px;
}
@media (max-width:1680px) {
  .trial__form-label input {
    border-radius: 12px;
    height: 41px;
  }
}
@media (max-width:991px) {
  .trial__form-label input {
    border-radius: 10px;
  }
}
.trial__dropdown {
  border: 1px solid #E8E9EC;
  background: #FFF;
  max-width: 100%;
  border-radius: 15px;
}
@media (max-width:1680px) {
  .trial__dropdown {
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .trial__dropdown {
    border-radius: 10px;
  }
}
.trial__dropdown .dropdown__current {
  min-height: 41px;
  opacity: 1;
}
.trial__dropdown .dropdown__current::after {
  background: url("../../images/img/new-page/arroe-select.svg") no-repeat center center;
}
@media (max-width:1680px) {
  .trial__dropdown .dropdown__current {
    height: 41px;
  }
}
.trial__checkbox {
  cursor: pointer;
}
.trial__checkbox span {
  color: #FFF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.trial__checkbox span a {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  transition: 0.4s;
}
.trial__checkbox span a:hover {
  opacity: 0.5;
  text-decoration: none;
}
@media (max-width:1680px) {
  .trial__checkbox span {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .trial__checkbox span {
    font-size: 12px;
  }
}
.trial__checkbox span::before {
  background: url("../../images/img/new-page/checkbox-off-white.svg") no-repeat left top/94%;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}
@media (max-width:1680px) {
  .trial__checkbox span::before {
    width: 15px;
    height: 15px;
  }
}
.trial__checkbox input:checked + span::before {
  background: url("../../images/img/new-page/checkbox-on-white.svg") no-repeat left top/94%;
}

.trial-form-btn {
  border-radius: 50px;
  background: #FF8F19;
  padding: 12px 25px;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-top: 15px;
}
@media (max-width:1680px) {
  .trial-form-btn {
    padding: 13px 30px;
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .trial-form-btn {
    margin-top: 10px;
    font-size: 18px;
    width: 100%;
  }
}

.trial__form-label-line {
  position: relative;
}
.trial__form-label-line::after {
  content: "";
  width: 21px;
  height: 46px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-70%, -50%);
  background: url("../../images/img/new-page/lin-form.svg") no-repeat center center/contain;
}
@media (max-width:1680px) {
  .trial__form-label-line::after {
    width: 20px;
    height: 30px;
  }
}
@media (max-width:991px) {
  .trial__form-label-line::after {
    width: 18px;
    height: 25px;
  }
}
@media (max-width:767px) {
  .trial__form-label-line::after {
    width: 15px;
    height: 20px;
  }
}

.trial__head-text::before {
  content: "";
  position: absolute;
  right: -100%;
  transform: translate(60%, -50%);
  background: url("../../images/img/new-page/trial-form-line.svg") no-repeat center center/contain;
  top: 0;
  width: 280px;
  height: 90px;
}
@media (max-width:1680px) {
  .trial__head-text::before {
    width: 190px;
    height: 50px;
    transform: translate(10%, -50%);
    background: url("../../images/img/new-page/trial-form-line-table.svg") no-repeat center center/contain;
  }
}
@media (max-width:991px) {
  .trial__head-text::before {
    transform: translate(25%, 0%);
  }
}
@media (max-width:767px) {
  .trial__head-text::before {
    width: 120px;
    height: 60px;
    transform: translate(-20%, 40%);
    background: url("../../images/img/new-page/trial-form-line-mob.svg") no-repeat center center/contain;
  }
}

.dropdown__current br {
  display: none;
}

@media (max-width: 360px) {
  .modal__sending-successfully.modal__dell-chat {
    width: 100%;
  }
}

.modal__sending-img {
  width: 101px;
  height: 101px;
}
@media (max-width:1680px) {
  .modal__sending-img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width:991px) {
  .modal__sending-img {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 770px) {
  .trial {
    margin-bottom: 0;
  }
}

/*start-mentor*/
.start-mentor {
  background: url("../../images/img/new-page/start-mentor-back.png") no-repeat left 0 bottom 0, url("../../images/img/new-page/start-mentor-top.png") no-repeat right 0 top 0, url("../../images/img/new-page/start-mentor-line.svg") no-repeat left 0 top 15px, rgba(123, 32, 255, 0.1);
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width:1680px) {
  .start-mentor {
    padding-top: 40px;
    padding-bottom: 40px;
    background: url("../../images/img/new-page/start-mentor-back-desc.png") no-repeat left 0 bottom 0, url("../../images/img/new-page/start-mentor-top-desc.png") no-repeat right 0 top 0, url("../../images/img/new-page/start-mentor-line-desc.svg") no-repeat left 0 top 15px, rgba(123, 32, 255, 0.1);
  }
}
@media (max-width:991px) {
  .start-mentor {
    background: url("../../images/img/new-page/start-mentor-back-table.png") no-repeat left 0 bottom 0, url("../../images/img/new-page/start-mentor-top-table.png") no-repeat right 0 top 0, url("../../images/img/new-page/start-mentor-line-table.svg") no-repeat left 0 top 15px, rgba(123, 32, 255, 0.1);
  }
}
@media (max-width: 770px) {
  .start-mentor {
    margin-top: -20px;
    padding-top: 60px;
    padding-bottom: 30px;
    background: url("../../images/img/new-page/start-mentor-back-mob.png") no-repeat left 0 bottom 0, url("../../images/img/new-page/start-mentor-top-mob.png") no-repeat right 0 top 20px, url("../../images/img/new-page/start-mentor-line.svg") no-repeat left 0 top 20px, rgba(123, 32, 255, 0.1);
  }
}
@media (max-width:767px) {
  .start-mentor {
    padding-top: 85px;
    padding-bottom: 30px;
    background: url("../../images/img/new-page/start-mentor-back.png") no-repeat left 0 bottom 0, url("../../images/img/new-page/start-mentor-top.png") no-repeat right 0 top 75px, url("../../images/img/new-page/start-mentor-line.svg") no-repeat left 0 top 35px/contain, rgba(123, 32, 255, 0.1);
  }
}

.start-mentor-wrapp {
  display: grid;
  grid-template-columns: 1fr 805px;
  gap: 15px;
  max-width: 1545px;
  margin-right: 0;
  margin-left: auto;
}
@media (max-width:1680px) {
  .start-mentor-wrapp {
    grid-template-columns: 1fr 600px;
    max-width: 1100px;
  }
}
@media (max-width:991px) {
  .start-mentor-wrapp {
    grid-template-columns: 1fr 300px;
    gap: 20px;
    max-width: 810px;
  }
}
@media (max-width:767px) {
  .start-mentor-wrapp {
    grid-template-columns: 100%;
    gap: 25px;
    max-width: 100%;
  }
}

.start-mentor-button {
  padding: 12px 35px;
  border-radius: 50px;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}
.start-mentor-button::after {
  content: "";
  position: absolute;
  background: url("../../images/img/new-page/btn-arrow.svg") no-repeat center center/contain;
  width: 390px;
  height: 120px;
  top: 0;
  left: 100%;
  transform: translate(15%, -50%);
}
@media (max-width:1680px) {
  .start-mentor-button::after {
    width: 230px;
    height: 60px;
    transform: translate(4%, -4%);
  }
}
@media (max-width:991px) {
  .start-mentor-button::after {
    background: url("../../images/img/new-page/btn-arrow-tab.svg") no-repeat center center/contain;
    width: 145px;
    height: 50px;
    top: 100%;
    transform: translate(-12%, 22%);
  }
}
@media (max-width:767px) {
  .start-mentor-button::after {
    left: 100%;
    background: url("../../images/img/new-page/btn-arrow-mob.svg") no-repeat center center/contain;
    width: 34.058px;
    height: 142.435px;
    transform: translate(-74%, -3%);
  }
}
@media (max-width:1680px) {
  .start-mentor-button {
    font-size: 20px;
    padding: 13px 30px;
  }
}
@media (max-width:991px) {
  .start-mentor-button {
    font-size: 18px;
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media (max-width:767px) {
  .start-mentor-button {
    width: 100%;
  }
}

.start-mentor-inner::after {
  background: url("../../images/img/new-page/lightning-white.png") no-repeat center center/cover;
}

.start-mentor-inner {
  background: rgba(255, 255, 255, 0.4);
}

@media (max-width:1680px) {
  .start-mentor-coll {
    max-width: 500px;
  }
}
@media (max-width:991px) {
  .start-mentor-coll {
    max-width: 290px;
  }
}
@media (max-width:767px) {
  .start-mentor-coll {
    max-width: 100%;
  }
}

.start-mentor-text {
  max-width: 500px;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .start-mentor-text {
    margin-bottom: 25px;
  }
}

@media (max-width:1680px) {
  .start-mentor-title,
  .start-mentor-list {
    padding-bottom: 25px;
  }
}
@media (max-width:991px) {
  .start-mentor-title,
  .start-mentor-list {
    padding-bottom: 20px;
  }
}

.start-mentor-title {
  display: inline-block;
  transition: 0.4s;
}
.start-mentor-title:hover {
  opacity: 0.5;
}
.start-mentor-title:active {
  opacity: 0.2;
}

.start-mentor-swiper-user {
  border-radius: 15px;
  border: 5px solid #FFF;
  overflow: hidden;
  width: 365px;
  height: 434px;
  position: relative;
  top: -18px;
  left: -18px;
}
.start-mentor-swiper-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .start-mentor-swiper-user {
    width: 259px;
    height: 307px;
    border-radius: 12px;
    top: -12px;
    left: -12px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-user {
    top: 0;
    left: 0;
    width: 100%;
    height: 230px;
    border-radius: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .start-mentor-swiper-user {
    width: 100%;
    height: auto;
  }
}

.start-mentor-swiper {
  overflow: hidden;
  padding: 20px 0 0 20px;
}
@media (max-width:1680px) {
  .start-mentor-swiper {
    padding: 15px 0 0 15px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper {
    width: 225px;
    padding: 0;
  }
}
@media (max-width:767px) {
  .start-mentor-swiper {
    width: 100%;
  }
}

.start-mentor-swiper-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 7px;
}
@media (max-width:1680px) {
  .start-mentor-swiper-box {
    gap: 5px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-box {
    display: block;
  }
}
.start-mentor-swiper-box-coll {
  padding: 30px 30px 30px 0;
}
@media (max-width:1680px) {
  .start-mentor-swiper-box-coll {
    padding: 20px 20px 20px 0;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-box-coll {
    padding: 0;
    min-height: 160px;
  }
}

.start-mentor-swiper-box {
  border-radius: 15px;
  background: url("../../images/img/new-page/cart-line.svg") no-repeat bottom 0 right 25%, url("../../images/img/new-page/cart-top-line.svg") no-repeat top 0 right 0, #FFF;
}
@media (max-width:1680px) {
  .start-mentor-swiper-box {
    border-radius: 12px;
    background: url("../../images/img/new-page/cart-line.svg") no-repeat bottom 0 right 10%, url("../../images/img/new-page/cart-top-line.svg") no-repeat top 0 right 0, #FFF;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-box {
    border-radius: 10px;
    padding: 15px;
    background: #FFF;
  }
}
@media (max-width:767px) {
  .start-mentor-swiper-box {
    padding: 20px;
  }
}

.swiper-mentor-swiper-name {
  color: #230E0E;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width:1680px) {
  .swiper-mentor-swiper-name {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .swiper-mentor-swiper-name {
    font-size: 18px;
  }
}

.start-mentor-swiper-icon {
  width: 41px;
  height: 41px;
  flex-shrink: 0;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .start-mentor-swiper-icon {
    width: 35px;
    height: 35px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-icon {
    width: 30px;
    height: 30px;
  }
}

.start-mentor-swiper-box-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 25px;
}
@media (max-width:1680px) {
  .start-mentor-swiper-box-head {
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-box-head {
    padding-bottom: 10px;
  }
}

.start-mentor-swiper-job {
  color: #7B20FF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-radius: 5px;
  background: rgba(123, 32, 255, 0.1);
  padding: 6px 12px;
  display: inline-block;
  margin-bottom: 15px;
}
@media (max-width:1680px) {
  .start-mentor-swiper-job {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-job {
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.start-mentor-swiper-regalia {
  color: rgba(0, 0, 0, 0.7);
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width:1680px) {
  .start-mentor-swiper-regalia {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-regalia {
    font-size: 14px;
  }
}

.start__menter-btn {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 2;
  transition: 0.4s;
  width: 14px;
  height: 28px;
}
.start__menter-btn svg,
.start__menter-btn img {
  width: 100%;
  height: 100%;
}
.start__menter-btn:hover {
  opacity: 0.5;
}
.start__menter-btn:active {
  opacity: 0.2;
}
@media (max-width:1680px) {
  .start__menter-btn {
    width: 12px;
    height: 24px;
  }
}
@media (max-width:991px) {
  .start__menter-btn {
    width: 10px;
    height: 20px;
  }
}

.start__menter-btn-next {
  left: auto;
  right: 0;
}

.start-mentor-swiper-container {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width:1680px) {
  .start-mentor-swiper-container {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media (max-width:991px) {
  .start-mentor-swiper-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/*start-mentor-modal*/
.modal-mentor-swiper-box {
  padding: 40px 30px;
  width: 726px;
}
@media (max-width:1680px) {
  .modal-mentor-swiper-box {
    width: 682px;
    padding: 30px 20px;
  }
}
@media (max-width:991px) {
  .modal-mentor-swiper-box {
    width: 439px;
    padding: 20px 15px;
  }
}
@media (max-width:767px) {
  .modal-mentor-swiper-box {
    width: 90vw;
  }
}

.modal-mentor-swiper-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.modal-mentor-swiper-btn {
  margin-left: 30px;
  transition: 0.4s;
  width: 10px;
  height: 20px;
}
.modal-mentor-swiper-btn svg,
.modal-mentor-swiper-btn img {
  width: 100%;
  height: 100%;
}
.modal-mentor-swiper-btn:hover {
  opacity: 0.5;
}
@media (max-width: 992px) {
  .modal-mentor-swiper-btn:hover {
    opacity: 1;
  }
}
@media (max-width:991px) {
  .modal-mentor-swiper-btn {
    width: 8px;
    height: 16px;
  }
}

.modal__mentor-cart-user {
  border-radius: 15px;
  border: 1px solid #FFF;
  width: 76px;
  height: 90px;
  overflow: hidden;
}
.modal__mentor-cart-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .modal__mentor-cart-user {
    width: 76px;
    height: 90px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .modal__mentor-cart-user {
    width: 65px;
    height: 77px;
    border-radius: 10px;
  }
}

.modal__mentor-cart-header {
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 25px;
}
@media (max-width:1680px) {
  .modal__mentor-cart-header {
    gap: 15px;
  }
}
@media (max-width:991px) {
  .modal__mentor-cart-header {
    margin-bottom: 15px;
  }
}
.modal__mentor-name {
  color: #230E0E;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 10px;
}
@media (max-width:991px) {
  .modal__mentor-name {
    font-size: 18px;
  }
}

.modal__mentor-jobs {
  padding: 6px 12px;
  color: #7B20FF;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-radius: 5px;
  background: rgba(123, 32, 255, 0.1);
}
@media (max-width:991px) {
  .modal__mentor-jobs {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .modal__mentor-jobs {
    font-size: 12px;
  }
}

.modal__mentor-cart-title {
  margin-bottom: 20px;
  color: #3B414B;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media (max-width:1680px) {
  .modal__mentor-cart-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .modal__mentor-cart-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.modal__mentor-cart-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .modal__mentor-cart-text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .modal__mentor-cart-text {
    font-size: 16px;
  }
}

.modal-mentor-swiper {
  overflow: hidden;
  width: 100%;
}

/*start-rating*/
.start-rating-box {
  border-radius: 15px;
  border: 2px solid #FFF;
  background: linear-gradient(131deg, rgba(216, 195, 255, 0.8) 0%, rgba(188, 152, 255, 0.8) 100%);
  padding: 20px 15px;
  height: auto;
}
@media (max-width:1680px) {
  .start-rating-box {
    border-radius: 12px;
    padding: 15px;
  }
}
@media (max-width:991px) {
  .start-rating-box {
    border-radius: 10px;
    padding: 15px 10px;
  }
}

.start-rating-box-gold {
  background: linear-gradient(131deg, rgba(255, 187, 92, 0.8) 0%, rgba(248, 145, 0, 0.8) 100%);
  position: relative;
  top: -45px;
}
@media (max-width:1680px) {
  .start-rating-box-gold {
    top: -20px;
  }
}
@media (max-width:767px) {
  .start-rating-box-gold {
    top: -15px;
  }
}

.start__rating-subtitle {
  text-align: center;
  padding-bottom: 20px;
  color: #fff;
  font-weight: 700;
}
@media (max-width:1680px) {
  .start__rating-subtitle {
    padding-bottom: 10px;
  }
}
@media (max-width:991px) {
  .start__rating-subtitle {
    padding-bottom: 5px;
  }
}

.start__rating-user {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border-radius: 20px;
  border: 2px solid #FFF;
  overflow: hidden;
  width: 159.105px;
  height: 188.38px;
}
.start__rating-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .start__rating-user {
    border-radius: 15px;
    width: 133px;
    height: 158px;
  }
}
@media (max-width:991px) {
  .start__rating-user {
    margin-bottom: 10px;
    width: 133px;
    height: 158px;
    border-radius: 12px;
  }
}
@media (max-width:767px) {
  .start__rating-user {
    margin-bottom: 15px;
  }
}

.start__rating-user--stars {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.start__rating-user--stars span {
  color: #fff;
}
.start__rating-user--stars img {
  margin-right: 10px;
  margin-left: 0;
}

.start__rating-name {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .start__rating-name {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .start__rating-name {
    font-size: 16px;
  }
}

.start__rating-text {
  max-width: 215px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  text-align: center;
  color: #fff;
}
.start__rating-text:nth-last-child(1) {
  padding-bottom: 0;
}

.start-rating-swiper {
  margin-bottom: 30px;
}
.start-rating-pagination {
  display: none;
}
@media (max-width:991px) {
  .start-rating-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

.start-rating-container {
  overflow: hidden;
}
@media (max-width:991px) {
  .start-rating-container {
    overflow: visible;
  }
}

.start-rating-wrapp {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width:991px) {
  .start-rating-wrapp {
    max-width: 700px;
  }
}
@media (max-width: 600px) {
  .start-rating-wrapp {
    max-width: 220px;
  }
}

.start-rating-title {
  text-align: left;
  padding-bottom: 56px;
}
.start-rating-title span {
  color: #F18D26;
}
@media (max-width:1680px) {
  .start-rating-title {
    padding-bottom: 30px;
  }
}
@media (max-width:991px) {
  .start-rating-title {
    padding-bottom: 40px;
    text-align: center;
  }
}
@media (max-width:767px) {
  .start-rating-title {
    padding-bottom: 35px;
  }
}

/*cause*/
@media (max-width:767px) {
  .cause-padding {
    margin-bottom: 0;
  }
}

.cause-title {
  padding-bottom: 30px;
}
.cause-title span {
  color: #F18D26;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width:991px) {
  .cause-title {
    padding-bottom: 20px;
  }
}
@media (max-width:767px) {
  .cause-title {
    text-align: center;
  }
  .cause-title span {
    display: block;
  }
}

.cause__advant {
  background: url("../../images/img/new-page/cause__advant-back.svg") no-repeat top left, rgba(241, 141, 38, 0.15);
  border-radius: 15px;
  padding: 50px 35px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width:1680px) {
  .cause__advant {
    padding: 30px 25px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .cause__advant {
    padding: 15px;
    border-radius: 10px;
  }
}
@media (max-width:767px) {
  .cause__advant {
    gap: 20px;
    grid-template-columns: 100%;
  }
}

.cause__advant-number {
  color: #FF8F19;
  text-align: right;
  font-family: "Roboto";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width:1680px) {
  .cause__advant-number {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .cause__advant-number {
    font-size: 30px;
  }
}
.cause__advant-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.cause__advant-text span {
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
}
@media (max-width:1680px) {
  .cause__advant-text {
    font-size: 16px;
  }
}

.cause__advant-inner {
  margin-bottom: 45px;
  display: grid;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: auto auto;
  gap: 10px;
}
.cause__advant-inner:nth-last-child(1) {
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .cause__advant-inner {
    margin-bottom: 35px;
  }
}
@media (max-width:991px) {
  .cause__advant-inner {
    margin-bottom: 20px;
  }
}

.cause__balls {
  border-radius: 15px;
  border: 1px solid rgba(123, 32, 255, 0.2);
  background: url("../../images/img/new-page/cause__balls-back.png") no-repeat center center/cover, #F6F1FF;
  position: relative;
  padding: 30px 40px;
}
@media (max-width:1680px) {
  .cause__balls {
    padding: 15px;
    border-radius: 12px;
  }
}
@media (max-width:991px) {
  .cause__balls {
    padding: 10px 15px;
  }
}
.cause__balls::after {
  content: "";
  background: url("../../images/img/new-page/grup-star.svg") no-repeat center center/cover;
  width: 117.213px;
  height: 144.389px;
  position: absolute;
  right: -15px;
  top: -35px;
}
@media (max-width:1680px) {
  .cause__balls::after {
    width: 83.613px;
    height: 103px;
  }
}
@media (max-width:991px) {
  .cause__balls::after {
    width: 67.841px;
    height: 80px;
    right: -15px;
    top: -15px;
  }
}
@media (max-width:767px) {
  .cause__balls::after {
    width: 58.957px;
    height: 69.523px;
  }
}

.cause__balls-num {
  color: #7B20FF;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Raleway";
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width:1680px) {
  .cause__balls-num {
    font-size: 35px;
  }
}
@media (max-width:991px) {
  .cause__balls-num {
    font-size: 28px;
  }
}
@media (max-width:767px) {
  .cause__balls-num {
    font-size: 24px;
  }
}

.cause__balls-text {
  background: #7B20FF;
  color: #F9FAFB;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 0;
}
.cause__balls-text::after {
  width: 121.5px;
  height: 28.695px;
  background: url("../../images/img/new-page/cause__balls-line.svg") no-repeat center center/contain;
  transform: rotate(6deg) translate(-15%, 72%);
}
@media (max-width:1680px) {
  .cause__balls-text::after {
    width: 119.5px;
    height: 23.273px;
    transform: rotate(6deg) translate(0, 0);
    right: auto;
    left: -25px;
    top: auto;
    bottom: -10px;
  }
}
.cause__balls-text::before {
  content: "";
  background: url("../../images/img/new-page/cause__balls-line-2.svg") no-repeat center center/contain;
  width: 15.476px;
  height: 39.5px;
  position: absolute;
  right: -15px;
  bottom: -15px;
  transform: rotate(15deg);
}
@media (max-width:1680px) {
  .cause__balls-text::before {
    width: 12px;
    height: 31px;
    right: -10px;
    bottom: -10px;
  }
}
@media (max-width:991px) {
  .cause__balls-text::before {
    width: 9px;
    height: 23px;
  }
}
@media (max-width:1680px) {
  .cause__balls-text {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cause__balls-text {
    font-size: 12px;
  }
}
@media (max-width:767px) {
  .cause__balls-text {
    display: inline-block;
  }
}

.cause__balls-icon {
  width: 155px;
  height: 32px;
  margin-top: 25px;
}
.cause__balls-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: luminosity;
}
@media (max-width:1680px) {
  .cause__balls-icon {
    width: 106px;
    height: 23px;
  }
}
@media (max-width:991px) {
  .cause__balls-icon {
    width: 86px;
    height: 18px;
    margin-top: 20px;
  }
}
@media (max-width:767px) {
  .cause__balls-icon {
    margin-top: 10px;
    width: 86px;
    height: 18px;
  }
}

.cause__teach {
  background: url("../../images/img/new-page/cause__teach-back.png") no-repeat center center/contain, #E3E0FF;
  border-radius: 15px;
  border: 1px solid rgba(123, 32, 255, 0.2);
  padding: 25px 30px;
  display: flex;
  flex-direction: column;
}
@media (max-width:1680px) {
  .cause__teach {
    padding: 15px;
  }
}
@media (max-width:767px) {
  .cause__teach {
    padding: 10px 15px;
  }
}

.cause__teach-text {
  text-align: center;
  color: #3B414B;
  text-align: center;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: auto;
  margin-bottom: 0;
}
@media (max-width:1680px) {
  .cause__teach-text {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .cause__teach-text {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .cause__teach-text {
    font-size: 12px;
  }
}

@media (max-width:767px) {
  .cause__teach-head__text {
    display: inline-block;
  }
}

.cause__teach-head__text-1 {
  background: #FF8F19;
  margin-bottom: 0;
  font-size: 22px;
}
@media (max-width:1680px) {
  .cause__teach-head__text-1 {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .cause__teach-head__text-1 {
    font-size: 14px;
  }
}
.cause__teach-head__text-1::after {
  background: url("../../images/img/new-page/cause__teach-line.svg") no-repeat center center/contain;
  width: 109.735px;
  height: 44.328px;
  top: auto;
  left: auto;
  bottom: -15px;
  right: -15px;
  transform: rotate(6deg) translate(0, 0);
}
@media (max-width:1680px) {
  .cause__teach-head__text-1::after {
    width: 106.001px;
    height: 41.4px;
  }
}
@media (max-width:991px) {
  .cause__teach-head__text-1::after {
    width: 105.837px;
    height: 41.436px;
  }
}
@media (max-width:767px) {
  .cause__teach-head__text-1::after {
    width: 95px;
    height: 37.104px;
  }
}

.cause__teach-head__text-2 {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  z-index: 1;
  transform: rotate(5deg);
  margin-top: 10px;
  background: #FFB743;
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .cause__teach-head__text-2 {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .cause__teach-head__text-2 {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .cause__teach-head__text-2 {
    margin-bottom: 15px;
  }
}
.cause__teach-head__text-2::after {
  background: url("../../images/img/new-page/cause__teach-line-2.svg") no-repeat center center/contain;
  width: 132.029px;
  height: 36.677px;
  top: auto;
  left: -15px;
  bottom: -15px;
  transform: rotate(-2deg) translate(0, 0);
}
@media (max-width:1680px) {
  .cause__teach-head__text-2::after {
    width: 132.04px;
    height: 36.677px;
  }
}
@media (max-width:767px) {
  .cause__teach-head__text-2::after {
    width: 95px;
    height: 37.104px;
  }
}

.cause__advant {
  grid-area: cause__advant;
}

.cause__balls {
  grid-area: cause__balls;
}

.cause__teach {
  grid-area: cause__teach;
}

.couse__header {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: 1fr 516px;
  gap: 10px 40px;
  max-width: 1395px;
  margin-left: auto;
  margin-right: auto;
  grid-template-areas: "cause__advant cause__balls" "cause__advant cause__teach";
}
@media (max-width:1680px) {
  .couse__header {
    margin-bottom: 20px;
    grid-template-columns: 1fr 345px;
    gap: 20px;
    max-width: 996px;
  }
}
@media (max-width:991px) {
  .couse__header {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "cause__advant cause__advant  " "cause__balls cause__teach";
    gap: 15px;
  }
}
@media (max-width: 698px) {
  .couse__header {
    margin-bottom: 10px;
    grid-template-columns: 100%;
    grid-template-areas: "cause__advant" "cause__balls" "cause__teach";
    gap: 10px;
  }
}

.cause__teach-wrapp {
  display: flex;
  flex-direction: column;
}
@media (max-width:991px) {
  .cause__teach-wrapp {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 380px) {
  .cause__teach-wrapp {
    width: 100%;
  }
}

.couse__box-link {
  border-radius: 15px;
  border: 1px solid #7B8089;
  padding: 25px;
  display: grid;
  grid-template-columns: 1fr 20px;
  gap: 20px 10px;
  grid-template-areas: "couse__link-title couse__link-arrow" "couse__link-text couse__link-arrow";
  transition: 0.4s;
}
@media (max-width:1680px) {
  .couse__box-link {
    padding: 20px;
    gap: 15px 10px;
    border-radius: 12px;
    grid-template-areas: "couse__link-title couse__link-title" "couse__link-text couse__link-arrow";
  }
}
@media (max-width:991px) {
  .couse__box-link {
    padding: 15px;
    border-radius: 10px;
    gap: 10px;
    grid-template-columns: 1fr 17px;
  }
}
@media (max-width:767px) {
  .couse__box-link {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #3B414B;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    grid-template-areas: "couse__link-title couse__link-arrow" "couse__link-text couse__link-text";
  }
  .couse__box-link:nth-last-child(1) {
    margin-bottom: 0;
    border: none;
  }
}
@media (min-width: 992px) {
  .couse__box-link:hover {
    border: 1px solid #F18D26;
  }
  .couse__box-link:hover .couse__link-arrow {
    transform: rotate(-7deg);
  }
  .couse__box-link:hover .couse__link-arrow path {
    stroke: #F18D26;
  }
}

.couse__link-title {
  grid-area: couse__link-title;
  color: #3B414B;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.couse__link-title span {
  color: #F18D26;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media (max-width:1680px) {
  .couse__link-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .couse__link-title {
    font-size: 16px;
  }
}

.couse__link-text {
  grid-area: couse__link-text;
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width:1680px) {
  .couse__link-text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .couse__link-text {
    font-size: 14px;
  }
}

.couse__link-arrow {
  grid-area: couse__link-arrow;
  display: block;
  margin-bottom: 0;
  margin-top: auto;
  width: 21px;
  height: 19px;
  transition: 0.4s;
}
.couse__link-arrow path {
  transition: 0.4s;
}
@media (max-width:1680px) {
  .couse__link-arrow {
    width: 19px;
    height: 17px;
  }
}
@media (max-width:991px) {
  .couse__link-arrow {
    width: 17px;
    height: 15px;
  }
}
@media (max-width:767px) {
  .couse__link-arrow {
    margin-top: 0;
    margin-bottom: auto;
  }
}

.couse-bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1395px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width:1680px) {
  .couse-bottom {
    max-width: 996px;
    gap: 20px;
  }
}
@media (max-width:991px) {
  .couse-bottom {
    gap: 15px;
  }
}
@media (max-width:767px) {
  .couse-bottom {
    display: block;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #7B8089;
  }
}

/*explan*/
.explan {
  background: rgba(255, 143, 25, 0.05);
}

.explan__wrapp {
  margin-left: auto;
  margin-right: auto;
  max-width: 1395px;
  grid-template-columns: 1fr 516px;
  display: grid;
  gap: 10px;
}
@media (max-width:1680px) {
  .explan__wrapp {
    max-width: 996px;
    grid-template-columns: 1fr 440px;
    gap: 30px;
  }
}
@media (max-width:991px) {
  .explan__wrapp {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (max-width:767px) {
  .explan__wrapp {
    display: block;
  }
}

.explan__wrapp-coll {
  padding-top: 60px;
  padding-bottom: 165px;
  position: relative;
  z-index: 1;
}
@media (max-width:1680px) {
  .explan__wrapp-coll {
    padding-top: 50px;
    padding-bottom: 105px;
  }
}
@media (max-width:991px) {
  .explan__wrapp-coll {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
@media (max-width:767px) {
  .explan__wrapp-coll {
    padding-top: 73px;
    padding-bottom: 15px;
  }
}

.explan__box-img {
  position: relative;
}
@media (max-width:767px) {
  .explan__box-img {
    display: none;
  }
}

.explan__box-fon {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  object-fit: contain;
}

.explan__box-fox {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 110%;
  object-fit: contain;
}
@media (max-width:1680px) {
  .explan__box-fox {
    height: 103%;
  }
}
@media (max-width: 1240px) {
  .explan__box-fox {
    height: 440px;
  }
}
@media (max-width:991px) {
  .explan__box-fox {
    height: 362px;
  }
}
.explan-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 30px;
}
.explan-title span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  color: #FF8F19;
  text-transform: uppercase;
}
@media (max-width:1680px) {
  .explan-title {
    font-size: 30px;
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .explan-title {
    font-size: 21px;
    padding-bottom: 15px;
  }
}

.explan__box {
  color: #3B414B;
  font-family: "Roboto";
  position: relative;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  max-width: 518px;
  padding: 15px 50px 15px 20px;
  border-radius: 20px;
  background: rgba(255, 143, 25, 0.15);
}
.explan__box span {
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-transform: uppercase;
}
@media (max-width:1680px) {
  .explan__box {
    font-size: 16px;
    padding: 11px 15px;
    font-size: 16px;
    max-width: 462px;
    border-radius: 15px;
  }
}
@media (max-width:991px) {
  .explan__box {
    max-width: 100%;
    padding: 15px;
    border-radius: 12px;
  }
}

.explan__box-recom-img {
  width: 34px;
  height: 34px;
}

.explan__box-recom {
  color: #FFF;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: grid;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  grid-template-columns: auto auto;
  padding-right: 15px;
  border-radius: 18px;
  background: #8074FF;
  position: absolute;
  transform: rotate(-5deg);
  right: -15px;
  bottom: -20px;
}
@media (max-width:1680px) {
  .explan__box-recom {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .explan__box-recom {
    font-size: 18px;
  }
}

/*start-advant*/
.start__advant-wrapp {
  max-width: 1395px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width:1680px) {
  .start__advant-wrapp {
    max-width: 996px;
  }
}

.start-advant-title {
  text-align: left;
  padding-bottom: 30px;
}
@media (max-width:1680px) {
  .start-advant-title {
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .start-advant-title {
    text-align: center;
  }
}
.start__advant-inner {
  padding: 27px 24px;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  border-radius: 10px;
  border-radius: 10px;
  border: 1px solid rgba(59, 65, 75, 0.3);
  background: #FFF;
}
@media (max-width:1680px) {
  .start__advant-inner {
    padding: 10px 20px;
  }
}
@media (max-width:991px) {
  .start__advant-inner {
    padding: 10px;
    gap: 5px;
  }
}

.start__advant-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  grid-template-areas: "start__advant-inner-1 start__advant-inner-4" "start__advant-inner-2 start__advant-inner-5" "start__advant-inner-3 start__advant-inner-6";
}
.start__advant-list .start__advant-inner:nth-child(odd) {
  border: 1px solid #F2C461;
  background: rgba(242, 196, 97, 0.2);
}
@media (max-width:767px) {
  .start__advant-list .start__advant-inner:nth-child(odd) {
    justify-content: space-between;
  }
  .start__advant-list .start__advant-inner:nth-child(odd) .start__advant-icon {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .start__advant-list .start__advant-inner:nth-child(odd) .start__advant-list-text {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media (max-width:1680px) {
  .start__advant-list {
    gap: 20px;
  }
}
@media (max-width:991px) {
  .start__advant-list {
    gap: 15px;
  }
}
@media (max-width:767px) {
  .start__advant-list {
    gap: 10px;
    grid-template-columns: 100%;
    grid-template-areas: "start__advant-inner-1 " "start__advant-inner-2  " "start__advant-inner-3 " " start__advant-inner-4" " start__advant-inner-5" " start__advant-inner-6";
  }
}

.start__advant-inner-1 {
  grid-area: start__advant-inner-1;
}

.start__advant-inner-2 {
  grid-area: start__advant-inner-2;
}

.start__advant-inner-3 {
  grid-area: start__advant-inner-3;
}

.start__advant-inner-4 {
  grid-area: start__advant-inner-4;
}

.start__advant-inner-5 {
  grid-area: start__advant-inner-5;
}

.start__advant-inner-6 {
  grid-area: start__advant-inner-6;
}

.start__advant-icon {
  width: 50px;
  height: 50px;
}
@media (max-width:1680px) {
  .start__advant-icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .start__advant-icon {
    width: 40px;
    height: 40px;
  }
}

.start__advant-list-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width:1680px) {
  .start__advant-list-text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .start__advant-list-text {
    font-size: 14px;
  }
}

/*start-mailing*/
.start-mailing-row {
  position: relative;
  max-width: 1395px;
  padding: 60px 155px 60px 111px;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr 480px;
  gap: 15px;
  background: url("../../images/img/new-page/mailing-star.png") no-repeat top 0 left 0, url("../../images/img/new-page/mailing-star-bottom.png") no-repeat bottom 0 left 0, url("../../images/img/new-page/mailing-star-top.png") no-repeat top 0 center, url("../../images/img/new-page/mailing-star-right.png") no-repeat center right 0, rgb(230, 202, 245);
}
@media (max-width:1680px) {
  .start-mailing-row {
    max-width: 996px;
    padding: 40px 136px 40px 60px;
    border-radius: 15px;
    grid-template-columns: 1fr 362px;
    background: url("../../images/img/new-page/mailing-star-note.png") no-repeat top 0 left 0, url("../../images/img/new-page/mailing-star-bottom-note.png") no-repeat bottom 0 left 0, url("../../images/img/new-page/mailing-star-top-note.png") no-repeat top 0 center, url("../../images/img/new-page/mailing-star-right-note.png") no-repeat top 0 right 0, rgb(230, 202, 245);
  }
}
@media (max-width:991px) {
  .start-mailing-row {
    padding: 30px 50px;
    grid-template-columns: 1fr 320px;
    background: url("../../images/img/new-page/mailing-star-tab.png") no-repeat top 0 left 0, url("../../images/img/new-page/mailing-star-bottom-tab.png") no-repeat bottom 0 left 0, url("../../images/img/new-page/mailing-star-top-tab.png") no-repeat top 0 center, url("../../images/img/new-page/mailing-star-right-tab.png") no-repeat center right 0, rgb(230, 202, 245);
  }
}
@media (max-width:767px) {
  .start-mailing-row {
    padding: 30px 20px;
    grid-template-columns: 100%;
    background: url("../../images/img/new-page/mailing-star-mob.png") no-repeat top 0 left 0, url("../../images/img/new-page/mailing-star-bottom-mob.png") no-repeat bottom 0 left 0, url("../../images/img/new-page/mailing-star-top-mob.png") no-repeat top 0 center, url("../../images/img/new-page/mailing-star-right-mob.png") no-repeat center right 0, rgb(230, 202, 245);
  }
}

.start__mailing__text-absolute {
  position: absolute;
  right: -30px;
  top: 0;
  font-size: 22px;
}
.start__mailing__text-absolute::after {
  background: url("../../images/img/new-page/mailing-line-4.png") no-repeat center center/contain;
  width: 335.5px;
  height: 211px;
  transform: rotate(-8deg) translateX(-31%);
  left: 100%;
  bottom: 33px;
}
@media (max-width:1680px) {
  .start__mailing__text-absolute {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .start__mailing__text-absolute {
    display: none;
  }
}

.start-mailing-container {
  padding-left: 0;
  padding-right: 0;
}

.start__mailing-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-left: 35px;
}
@media (max-width:1680px) {
  .start__mailing-title {
    font-size: 40px;
  }
}
@media (max-width:991px) {
  .start__mailing-title {
    padding-left: 0;
    font-size: 27px;
  }
}

.start__mailing-wrapp {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.start__mailing__text {
  font-size: 22px;
  font-weight: 400;
}
@media (max-width:1680px) {
  .start__mailing__text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .start__mailing__text {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .start__mailing__text {
    display: inline-block;
  }
}

.start__mailing__text-1 {
  margin-left: 55px;
}
.start__mailing__text-1::after {
  content: "";
  background: url("../../images/img/new-page/mailing-line.png") no-repeat center center/contain;
  width: 154.5px;
  height: 59px;
  left: auto;
  top: auto;
  transform: rotate(4deg) translate(0);
  right: -25px;
  bottom: -25px;
}
@media (max-width:1680px) {
  .start__mailing__text-1::after {
    width: 154.5px;
    height: 59px;
  }
}
@media (max-width:991px) {
  .start__mailing__text-1::after {
    width: 152.5px;
    height: 57px;
  }
}
@media (max-width:767px) {
  .start__mailing__text-1::after {
    width: 152.5px;
    height: 57px;
  }
}
@media (max-width:1680px) {
  .start__mailing__text-1 {
    margin-left: 45px;
  }
}
@media (max-width:991px) {
  .start__mailing__text-1 {
    margin-left: 0;
  }
}

.start__mailing__text-2 {
  margin-left: 0;
  margin-right: auto;
  border-radius: 50px;
  background: #FFB743;
  transform: rotate(3deg);
  margin-top: 15px;
}
.start__mailing__text-2::after {
  background: url("../../images/img/new-page/mailing-line-2.png") no-repeat center center/contain;
  width: 50px;
  height: 33.228px;
  transform: translate(0);
  left: -10px;
  top: -10px;
}
@media (max-width:1680px) {
  .start__mailing__text-2::after {
    width: 50px;
    height: 33.228px;
  }
}
@media (max-width:991px) {
  .start__mailing__text-2::after {
    width: 33px;
    height: 23px;
  }
}
.start__mailing__text-2::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  transform: rotate(-3deg);
  background: url("../../images/img/new-page/mailing-line-3.png") no-repeat center center/contain;
  width: 100px;
  height: 5px;
}
@media (max-width:1680px) {
  .start__mailing__text-2 {
    margin-right: 45px;
  }
}
@media (max-width:991px) {
  .start__mailing__text-2 {
    margin-right: 0;
  }
}

.start__mailing-label {
  margin-bottom: 15px;
}
@media (max-width:991px) {
  .start__mailing-label {
    margin-bottom: 10px;
  }
}

.start__mailing-checkbox {
  margin-top: 20px;
  margin-bottom: 30px;
  display: block;
}
.start__mailing-checkbox span {
  color: #3B414B;
}
.start__mailing-checkbox span::before {
  top: 0;
  transform: translate(0);
  background: url("../../images/img/new-page/checkbox-off-black.svg") no-repeat left top/94%;
}
.start__mailing-checkbox input:checked + span::before {
  top: 0;
  transform: translate(0);
  background: url("../../images/img/new-page/checkbox-on-black.svg") no-repeat left top/94%;
}
@media (max-width:1680px) {
  .start__mailing-checkbox {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
@media (max-width:991px) {
  .start__mailing-checkbox {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}

.start__mailing-btn {
  padding: 12px 35px;
  border-radius: 50px;
  background: #7B20FF;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width:1680px) {
  .start__mailing-btn {
    font-size: 20px;
    padding: 10px 30px;
  }
}
@media (max-width:991px) {
  .start__mailing-btn {
    font-size: 18px;
    width: 100%;
  }
}
/*start-olimpiad*/
.start-olimpiad-title {
  text-align: left;
}
@media (max-width:991px) {
  .start-olimpiad-title {
    text-align: center;
  }
}

.start-olimpiad-swiper {
  overflow: hidden;
}
@media (max-width:991px) {
  .start-olimpiad-swiper {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
}

.start-olimpiad-cart-body {
  margin-top: 20px;
}
@media (max-width:991px) {
  .start-olimpiad-cart-body {
    margin-top: 15px;
  }
}

.start-olimpiad-cart-body-time {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 15px;
  display: block;
}
@media (max-width:1680px) {
  .start-olimpiad-cart-body-time {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .start-olimpiad-cart-body-time {
    font-size: 14px;
    padding-bottom: 10px;
  }
}

.start-olimpiad-inner {
  color: #F9FAFB;
}

.start-olimpiad-inner {
  background: #DEB7F1;
}
.start-olimpiad-inner:nth-child(2n) {
  background: #FFB743;
}

.start-olimpiad-list {
  margin-top: 0;
  margin-bottom: 15px;
}
@media (max-width:991px) {
  .start-olimpiad-list {
    margin-bottom: 10px;
  }
}

.start-olimpiad-cart-title {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 27px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}
@media (max-width:1680px) {
  .start-olimpiad-cart-title {
    font-size: 22px;
  }
}
@media (max-width:991px) {
  .start-olimpiad-cart-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.start-olimpiad-cart-text {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width:1680px) {
  .start-olimpiad-cart-text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .start-olimpiad-cart-text {
    font-size: 14px;
  }
}
.start-olimpiad-cart-btn {
  width: 22px;
  height: 21px;
  display: inline-block;
}
.start-olimpiad-cart-btn path {
  transition: 0.4s;
}
.start-olimpiad-cart-btn svg,
.start-olimpiad-cart-btn img {
  width: 100%;
  height: 100%;
}
@media (max-width:1680px) {
  .start-olimpiad-cart-btn {
    width: 20px;
    height: 19px;
  }
}
@media (max-width:991px) {
  .start-olimpiad-cart-btn {
    width: 19px;
    height: 18px;
  }
}
@media (min-width: 992px) {
  .start-olimpiad-cart-btn:hover path {
    stroke: #7B20FF;
  }
}

.start-olimpiad-cart-body {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr 22px;
  gap: 10px;
}
@media (max-width:991px) {
  .start-olimpiad-cart-body {
    grid-template-columns: 1fr 20px;
    gap: 5px;
  }
}

.start-olimpiad-cart {
  border-radius: 15px;
  padding: 20px;
  border: 1px solid rgba(59, 65, 75, 0.3);
  height: auto;
}
@media (max-width:1680px) {
  .start-olimpiad-cart {
    border-radius: 12px;
    padding: 20px 15px;
  }
}
@media (max-width:991px) {
  .start-olimpiad-cart {
    padding: 15px;
  }
}

@media (max-width:991px) {
  .start-olimpiad-swiper-slide {
    opacity: 0.3;
    pointer-events: none;
  }
  .start-olimpiad-swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
  }
}
.start-olimpiad-pagination,
.start-teachers-pagination {
  margin-top: 15px;
  display: none;
}
@media (max-width:991px) {
  .start-olimpiad-pagination,
  .start-teachers-pagination {
    display: flex;
    justify-content: center;
  }
}

.start-olimpiad-row,
.start-teachers-row {
  margin-top: 30px;
}
@media (max-width:991px) {
  .start-olimpiad-row,
  .start-teachers-row {
    display: none;
  }
}

/*start-teachers*/
.start-teachers-title {
  text-align: left;
}
@media (max-width:991px) {
  .start-teachers-title {
    text-align: center;
  }
}

.start-teachers-swiper-slide {
  opacity: 0;
  pointer-events: none;
}
@media (max-width:991px) {
  .start-teachers-swiper-slide {
    opacity: 0.3;
  }
}

.start-teachers-swiper-slide.swiper-slide-active,
.start-teachers-swiper-slide.swiper-slide-active + .start-teachers-swiper-slide,
.start-teachers-swiper-slide.swiper-slide-active + .start-teachers-swiper-slide + .start-teachers-swiper-slide {
  opacity: 1;
  pointer-events: auto;
}

@media (max-width:991px) {
  .start-teachers-swiper-slide.swiper-slide-active + .start-teachers-swiper-slide,
  .start-teachers-swiper-slide.swiper-slide-active + .start-teachers-swiper-slide + .start-teachers-swiper-slide {
    opacity: 0.3;
    pointer-events: none;
  }
}
.start-teachers-box {
  border-radius: 20px;
  padding: 30px;
  transition: 0.4s;
  height: auto;
  display: flex;
  flex-direction: column;
}
.start-teachers-box:hover {
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.15);
}
.start-teachers-box:hover .start__teachers-body-btn {
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.15);
}
@media (max-width:1680px) {
  .start-teachers-box {
    border-radius: 20px;
    padding: 20px;
  }
}
@media (max-width:991px) {
  .start-teachers-box {
    padding: 15px;
  }
}

.start__teachers-body-btn {
  width: 58px;
  height: 58px;
  display: inline-block;
  border-radius: 50%;
  height: auto;
  transition: 0.4s;
}
.start__teachers-body-btn svg,
.start__teachers-body-btn img {
  width: 100%;
  height: 100%;
}
@media (max-width:1680px) {
  .start__teachers-body-btn {
    width: 50px;
    height: 50px;
  }
}
@media (max-width:991px) {
  .start__teachers-body-btn {
    width: 45px;
    height: 45px;
  }
}

.start-teachers-swiper-wrapper {
  min-height: 443px;
}
@media (max-width:1680px) {
  .start-teachers-swiper-wrapper {
    min-height: 296px;
  }
}
@media (max-width:991px) {
  .start-teachers-swiper-wrapper {
    min-width: 252px;
  }
}

@media (max-width:991px) {
  .start-teachers-swiper {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}

.start-teachers-box.--purple-color {
  background: url("../../images/img/new-page/start-teachers-line.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3.png") no-repeat bottom 0 right 0, linear-gradient(200deg, rgba(186, 141, 253, 0) 0%, rgba(186, 141, 253, 0.2) 100%), #BA8DFD;
}
.start-teachers-box.--purple-color .start__teachers-body-btn path {
  stroke: #BA8DFD;
}
@media (max-width:1680px) {
  .start-teachers-box.--purple-color {
    background: url("../../images/img/new-page/start-teachers-line-note.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2-note.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3-note.png") no-repeat bottom 0 right 0, linear-gradient(200deg, rgba(186, 141, 253, 0) 0%, rgba(186, 141, 253, 0.2) 100%), #BA8DFD;
  }
}
@media (max-width:991px) {
  .start-teachers-box.--purple-color {
    background: url("../../images/img/new-page/start-teachers-line-table.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2-table.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3-table.png") no-repeat bottom 0 right 0, linear-gradient(200deg, rgba(186, 141, 253, 0) 0%, rgba(186, 141, 253, 0.2) 100%), #BA8DFD;
  }
}

.start-teachers-box.--green-color {
  background: url("../../images/img/new-page/start-teachers-line.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3.png") no-repeat bottom 0 right 0, #01A38E;
}
.start-teachers-box.--green-color .start__teachers-body-btn path {
  stroke: #01A38E;
}
@media (max-width:1680px) {
  .start-teachers-box.--green-color {
    background: url("../../images/img/new-page/start-teachers-line-note.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2-note.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3-note.png") no-repeat bottom 0 right 0, #01A38E;
  }
}
@media (max-width:991px) {
  .start-teachers-box.--green-color {
    background: url("../../images/img/new-page/start-teachers-line-table.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2-table.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3-table.png") no-repeat bottom 0 right 0, #01A38E;
  }
}

.start-teachers-box.--yellow-color {
  background: url("../../images/img/new-page/start-teachers-line.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3.png") no-repeat bottom 0 right 0, linear-gradient(200deg, rgba(232, 180, 68, 0) 0%, rgba(232, 180, 68, 0.2) 100%), #F2C461;
}
.start-teachers-box.--yellow-color .start__teachers-body-btn path {
  stroke: #E8B444;
}
@media (max-width:1680px) {
  .start-teachers-box.--yellow-color {
    background: url("../../images/img/new-page/start-teachers-line-note.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2-note.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3-note.png") no-repeat bottom 0 right 0, linear-gradient(200deg, rgba(232, 180, 68, 0) 0%, rgba(232, 180, 68, 0.2) 100%), #F2C461;
  }
}
@media (max-width:991px) {
  .start-teachers-box.--yellow-color {
    background: url("../../images/img/new-page/start-teachers-line-table.png") no-repeat top 0 left 0, url("../../images/img/new-page/start-teachers-line-2-table.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-teachers-line-3-table.png") no-repeat bottom 0 right 0, linear-gradient(200deg, rgba(232, 180, 68, 0) 0%, rgba(232, 180, 68, 0.2) 100%), #F2C461;
  }
}

.start__teachers-header {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: 15px;
}

.start__teachers-body {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-top: auto;
  margin-bottom: 0;
}

.start__teachers-header-title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width:1680px) {
  .start__teachers-header-title {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .start__teachers-header-title {
    font-size: 18px;
  }
}

.start__teachers-header-time {
  padding: 5px 15px;
  border-radius: 8px;
  border: 1px solid #E9A435;
  background: #FFB743;
  color: #F9FAFB;
  text-align: center;
  font-family: "Roboto";
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  min-width: 130px;
}
@media (max-width:1680px) {
  .start__teachers-header-time {
    font-size: 18px;
    min-width: 107px;
  }
}
@media (max-width:991px) {
  .start__teachers-header-time {
    font-size: 16px;
  }
}

.start__teachers-body-title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width:1680px) {
  .start__teachers-body-title {
    font-size: 27px;
  }
}
@media (max-width:991px) {
  .start__teachers-body-title {
    font-size: 21px;
  }
}

/*start-contacts*/
.start-contacts-padding {
  padding-top: 60px;
  padding-bottom: 17px;
}
@media (max-width:1680px) {
  .start-contacts-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width:991px) {
  .start-contacts-padding {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}

.start-contacts {
  background: #F1F3F4;
}

.start-contacts-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
  padding-bottom: 60px;
  color: #3B414B;
  font-family: "Roboto";
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.start-contacts-title span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #7B20FF;
  text-transform: uppercase;
}
@media (max-width:1680px) {
  .start-contacts-title {
    font-size: 30px;
    max-width: 996px;
    padding-bottom: 40px;
  }
}
@media (max-width:991px) {
  .start-contacts-title {
    font-size: 24px;
    max-width: 668px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width:991px) {
  .start-contacts-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.start-contacts-wrapp {
  overflow: hidden;
  padding: 50px;
  border-radius: 20px;
  background: url("../../images/img/new-page/start-contacts-back-1.png") no-repeat top 0 left 5%, url("../../images/img/new-page/start-contacts-back-2.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-contacts-back.png") no-repeat center center, linear-gradient(8deg, #FF8F19 0%, #FFB900 100%);
}
@media (max-width:1680px) {
  .start-contacts-wrapp {
    padding: 30px;
    border-radius: 15px;
    background: url("../../images/img/new-page/start-contacts-back-1-note.png") no-repeat top 0 left 5%, url("../../images/img/new-page/start-contacts-back-2-note.png") no-repeat top 0 right 0, url("../../images/img/new-page/start-contacts-back.png") no-repeat center center, linear-gradient(8deg, #FF8F19 0%, #FFB900 100%);
  }
}
@media (max-width:991px) {
  .start-contacts-wrapp {
    background: url("../../images/img/new-page/start-contacts-back-1-tablet.png") no-repeat top 0 left 3%, url("../../images/img/new-page/start-contacts-back-2-tablet.png") no-repeat top 5% right 0, url("../../images/img/new-page/start-contacts-back-table.png") no-repeat center center, linear-gradient(8deg, #FF8F19 0%, #FFB900 100%);
    padding: 30px 75px;
  }
}
@media (max-width:767px) {
  .start-contacts-wrapp {
    background: url("../../images/img/new-page/start-contacts-back-1-tablet.png") no-repeat top 0 left 1%, url("../../images/img/new-page/start-contacts-back-2-tablet.png") no-repeat bottom 3% right 0, url("../../images/img/new-page/start-contacts-back-mob.png") no-repeat center center/contain, linear-gradient(8deg, #FF8F19 0%, #FFB900 100%);
    padding: 40px 20px 30px 20px;
  }
}

.tart-contacts-row {
  max-width: 1085px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr 463px;
  gap: 140px;
}
@media (max-width:1680px) {
  .tart-contacts-row {
    max-width: 835px;
    grid-template-columns: 1fr 362px;
    gap: 40px;
  }
}
@media (max-width:991px) {
  .tart-contacts-row {
    grid-template-columns: 1fr 320px;
  }
}
@media (max-width:767px) {
  .tart-contacts-row {
    gap: 20px;
    grid-template-columns: 100%;
  }
}

.start-contacts-head-text {
  display: inline-block;
  font-size: 45px;
  background: #7B20FF;
  font-weight: 500;
  padding: 9px 24px;
}
.start-contacts-head-text::after {
  background: url("../../images/img/new-page/start-contacts-head-line.png") no-repeat center center/contain;
  width: 45.002px;
  height: 49.014px;
  transform: translate(0);
  left: auto;
  top: auto;
  bottom: -15px;
  right: -15px;
}
@media (max-width:1680px) {
  .start-contacts-head-text::after {
    width: 36.214px;
    height: 39.442px;
  }
}
@media (max-width:991px) {
  .start-contacts-head-text::after {
    width: 20.551px;
    height: 22.383px;
    bottom: -10px;
    right: -10px;
  }
}
@media (max-width:1680px) {
  .start-contacts-head-text {
    font-size: 35px;
  }
}
@media (max-width:991px) {
  .start-contacts-head-text {
    font-size: 24px;
  }
}

.start-contacts-coll-title {
  display: flex;
  flex-direction: column;
  color: #FFF;
  font-family: "Roboto";
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 45px;
  padding-top: 25px;
}
@media (max-width:1680px) {
  .start-contacts-coll-title {
    font-size: 40px;
    padding-bottom: 50px;
    padding-top: 40px;
  }
}
@media (max-width:991px) {
  .start-contacts-coll-title {
    padding-top: 30px;
    font-size: 26px;
    padding-bottom: 0;
    position: relative;
  }
  .start-contacts-coll-title::after {
    content: "";
    background: url("../../images/img/new-page/star-5.svg") no-repeat center center/contain;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(-100%, -50%);
    width: 22px;
    height: 27px;
  }
}
@media (max-width:767px) {
  .start-contacts-coll-title {
    padding-top: 0;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
  }
}

.start-contacts-text {
  color: #FFF;
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
}
.start-contacts-text::after {
  content: "";
  background: url("../../images/img/new-page/star-5.svg") no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, -50%);
  width: 33px;
  height: 44px;
}
@media (max-width:1680px) {
  .start-contacts-text::after {
    width: 30px;
    height: 35px;
    transform: translate(-100%, -100%);
  }
}
@media (max-width:1680px) {
  .start-contacts-text {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .start-contacts-text {
    display: none;
  }
}

.start-contacts__form-label {
  margin-bottom: 15px;
}
@media (max-width:991px) {
  .start-contacts__form-label {
    margin-bottom: 10px;
  }
}

.start-contacts-textarea {
  margin-bottom: 15px;
}
.start-contacts-textarea textarea {
  border-radius: 15px;
  border: 1px solid #E8E9EC;
  background: #FFF;
  height: 142px;
}
@media (max-width:1680px) {
  .start-contacts-textarea textarea {
    border-radius: 12px;
    height: 120px;
  }
}
@media (max-width:991px) {
  .start-contacts-textarea textarea {
    height: 128px;
    border-radius: 10px;
  }
}

.start-contacts-trial__checkbox {
  margin-bottom: 30px;
  display: block;
}
@media (max-width:1680px) {
  .start-contacts-trial__checkbox {
    margin-bottom: 25px;
  }
}

.start-contacts-btn {
  width: 100%;
  border-radius: 50px;
  background: #7B20FF;
  display: flex;
  padding: 15px;
  justify-content: center;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width:1680px) {
  .start-contacts-btn {
    padding: 13px;
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .start-contacts-btn {
    font-size: 18px;
  }
}

:root {
  --accent: #7B20FF;
}

@media (max-width:767px) {
  .section {
    margin-bottom: 40px;
  }
}

.container-inner {
  position: relative;
  width: 100%;
  max-width: 1396px;
  margin: 0 auto;
}
@media (max-width:1680px) {
  .container-inner {
    max-width: 996px;
  }
}
@media (max-width:991px) {
  .container-inner {
    max-width: 658px;
  }
}

.expand-box__links-trigger {
  display: none;
  height: 30px;
  overflow: hidden;
}
@media (max-width:767px) {
  .expand-box__links-trigger {
    display: block;
  }
}

.expand-box__links-trigger-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: 0.3s;
  transform: translateY(11px);
}

@media (max-width:767px) {
  .expand-box__content {
    height: 144px;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    transition: 0.2s;
  }
}

.expand-box._is-expand .expand-box__content {
  height: 100%;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
}

.expand-box._is-expand .expand-box__links-trigger-content {
  transform: translateY(-16px);
}

.expand-box__link-more {
  cursor: pointer;
  opacity: 0.5;
}
@media (max-width:767px) {
  .expand-box__link-more {
    font-size: 14px;
  }
}

.video-player {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 276px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 12px;
  cursor: pointer;
}
.video-player:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}

.video-player > a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 86px;
  height: 86px;
  background: url("../../images/img/new-page/courses-mentor/play-inner.png") no-repeat center;
  background-size: contain;
  transition: 0.25s ease-in-out;
}
@media (max-width:1680px) {
  .video-player > a {
    width: 59px;
    height: 59px;
  }
}
@media (max-width:991px) {
  .video-player > a {
    width: 50px;
    height: 50px;
  }
}
@media (max-width:767px) {
  .video-player > a {
    width: 27px;
    height: 27px;
  }
}

.video-player:hover > a,
.video-player > a:focus {
  transform: scale(1.1);
}

.video-player > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-box {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}
.video-box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
.video-box:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 86px;
  height: 86px;
  background: url("../../images/img/new-page/courses-mentor/play-inner.png") no-repeat center;
  background-size: contain;
  transition: 0.3s;
}
@media (max-width:1680px) {
  .video-box:after {
    width: 59px;
    height: 59px;
  }
}
@media (max-width:991px) {
  .video-box:after {
    width: 50px;
    height: 50px;
  }
}
@media (max-width:767px) {
  .video-box:after {
    width: 27px;
    height: 27px;
  }
}

.video-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-box:hover:before {
  background: rgba(0, 0, 0, 0.7);
}

.video-box:hover:after {
  transform: scale(1.2, 1.2);
}

.video-box-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: 0.3s;
  cursor: pointer;
  z-index: 1;
}
.video-box-bg:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 68px;
  height: 70px;
  background: url("../../images/img/new-page/courses-mentor/play-inner.png") no-repeat center;
  background-size: contain;
  transform: translateY(100%);
  opacity: 0;
  transition: 0.3s;
}

.modal__selected-course .modal__dialog {
  min-width: 725px;
  max-width: 100%;
}
@media screen and (max-width:1680px) {
  .modal__selected-course .modal__dialog {
    min-width: 665px;
    max-width: 100%;
  }
}
@media screen and (max-width:991px) {
  .modal__selected-course .modal__dialog {
    min-width: 556px;
    max-width: 100%;
  }
}
@media screen and (max-width:767px) {
  .modal__selected-course .modal__dialog {
    min-width: 320px;
    max-width: 100%;
  }
}

.modal__dropdown-list {
  width: 100%;
}

.modal__dropdown-list .modal__dropdown {
  margin-bottom: 15px;
}

.modal__dropdown-list .modal__dropdown:last-of-type,
.modal__dropdown-list .modal__dropdown:last-child {
  margin-bottom: 0;
}

.modal__selected-course-card-price-wrp {
  width: 100%;
}
@media screen and (max-width:767px) {
  .modal__selected-course-card-price-wrp {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
  }
}

.modal__selected-course .btn {
  padding: 14px 58px;
  margin-right: auto;
  margin-top: 15px;
}
@media screen and (max-width:1680px) {
  .modal__selected-course .btn {
    font-size: 20px;
  }
}
@media screen and (max-width:991px) {
  .modal__selected-course .btn {
    font-size: 18px;
    width: 100%;
    max-width: 100%;
  }
}

.modal__selected-course .dropdown {
  width: 100%;
  max-width: 100%;
  margin-bottom: 15px;
}

.modal__selected-course .dropdown:last-child {
  margin-bottom: 0;
}

.modal__selected-course .dropdown__current {
  min-height: 47px;
  border-radius: 15px;
}

.modal__selected-course .dropdown__current br {
  display: none;
}

.dropdown__list-item img {
  flex: 0 0 auto;
  margin-right: 10px;
}

.dropdown--mixed .dropdown__current {
  box-shadow: none;
  text-align: left;
}

.dropdown--mixed .dropdown__list {
  box-shadow: none;
  border: 0;
}

.dropdown--mixed .dropdown__list-item {
  border-bottom: 1px solid #E8E9EC;
}

.dropdown--mixed .dropdown__list-item:last-child {
  border: none;
}

.dropdown--mixed .dropdown__list-item-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 15px 0;
  text-align: left;
  border: none;
}

.dropdown--mixed .dropdown__list-item-group-name {
  flex: 1;
  font-weight: 500;
}

.dropdown--mixed .modal__partaker-year {
  flex: 0 0 auto;
  width: 100%;
  margin-left: 37px;
  margin-top: 10px;
}

.modal__selected-course .dropdown__list-item span {
  min-height: 68px;
}

.modal__dropdown-list .dropdown__current {
  text-align: left;
}

.modal-admin__dialog {
  position: relative;
  max-width: 410px;
  padding: 40px;
}
@media (max-width:1680px) {
  .modal-admin__dialog {
    max-width: 380px;
    padding: 30px;
  }
}
@media (max-width:991px) {
  .modal-admin__dialog {
    max-width: 280px;
    padding: 20px;
  }
}
.modal-admin__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.modal-admin__close {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../../images/img/icons/close-notif.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
}
@media (max-width:1680px) {
  .modal-admin__close {
    width: 21px;
    height: 21px;
  }
}
.modal-admin__img {
  width: 90px;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .modal-admin__img {
    width: 50px;
  }
}
.modal-admin__img-company {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .modal-admin__img-company {
    width: 122px;
  }
}
@media (max-width:991px) {
  .modal-admin__img-company {
    width: 83px;
    margin-bottom: 15px;
  }
}
.modal__form {
  text-align: left;
  width: 100%;
}

.modal__field-with-label {
  margin-bottom: 20px;
}

.modal__field-label {
  display: block;
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .modal__field-label {
    font-size: 14px;
  }
}

.modal__btns-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .modal__btns-inner {
    margin-top: 20px;
  }
}

.modal__title-decor {
  font-size: 24px;
}
@media (max-width:1680px) {
  .modal__title-decor {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .modal__title-decor {
    margin-top: 18px;
  }
}

.modal__btns-inner .modal__link {
  color: #7B20FF;
  text-decoration: none;
  margin-left: 0;
}

.modal__btns-inner .modal__link:hover {
  text-decoration: underline;
}

.modal__btn._disabled {
  background: #A6AAB4;
}

.modal__btns-inner .modal__btn {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .modal__btns-inner .modal__btn {
    margin-bottom: 15px;
  }
}

.modal-admin__text {
  margin-bottom: 20px;
  line-height: 130%;
  font-size: 18px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .modal-admin__text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .modal-admin__text {
    font-size: 14px;
  }
}
.modal-admin__text--mo-indent {
  margin: 0;
}

.modal-admin__title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width:1680px) {
  .modal-admin__title {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .modal-admin__title {
    font-size: 18px;
  }
}

.modal-admin__text--tr8 {
  font-size: 18px;
  opacity: 0.8;
}
@media (max-width:1680px) {
  .modal-admin__text--tr8 {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .modal-admin__text--tr8 {
    font-size: 14px;
  }
}

.modal-admin__text--danger {
  color: #F3775B;
  font-weight: 500;
}

.modal-admin__btns {
  display: flex;
  margin-top: 30px;
  gap: 20px;
  width: 100%;
}
@media (max-width:1680px) {
  .modal-admin__btns {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .modal-admin__btns {
    margin-top: 15px;
  }
}
.modal-admin__btns .btn {
  width: 50%;
}

.modal-admin__btns .btn-more {
  margin: 0;
}

._incorrectly input {
  border-color: #F3775B;
}

.modal__title-inner {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 30px;
}
@media screen and (max-width:1680px) {
  .modal__title-inner {
    font-size: 27px;
  }
}
@media screen and (max-width:991px) {
  .modal__title-inner {
    font-size: 24px;
  }
}

.modal__selected-course-success .modal__sending-img {
  width: 205px;
  height: 205px;
}
@media screen and (max-width:1680px) {
  .modal__selected-course-success .modal__sending-img {
    width: 189px;
    height: 189px;
  }
}
@media screen and (max-width:991px) {
  .modal__selected-course-success .modal__sending-img {
    width: 141px;
    height: 141px;
  }
}

.modal__title-inner--center {
  text-align: center;
}

.modal__selected-course .balance__text-sm {
  font-size: 16px;
}
@media screen and (max-width:767px) {
  .modal__selected-course .balance__text-sm {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width:767px) {
  .modal__selected-course .single-course-signup__card-price {
    font-size: 20px;
  }
}

.btn--big {
  height: auto;
  border-radius: 50px;
  padding: 14px 35px;
  font-size: 22px;
  font-weight: 500;
}

.courses-inner {
  font-family: "Roboto", sans-serif;
}

.content-columns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -20px;
}
@media (max-width:1680px) {
  .content-columns {
    margin: 0 -15px;
  }
}

@media (max-width:991px) {
  .content-columns__sidebar--inner {
    display: none;
  }
}

.content-columns__sidebar {
  flex: 0 0 auto;
  width: 100%;
  max-width: 325px;
  padding: 0 20px;
}
@media (max-width:1680px) {
  .content-columns__sidebar {
    padding: 0 15px;
    max-width: 222px;
  }
}

.content-columns__center-box {
  flex: 1;
  width: 100%;
  padding: 0 20px;
}
@media (max-width:1680px) {
  .content-columns__center-box {
    padding: 0 15px;
  }
}

.courses-inner .popular-courses__item-row._second {
  flex-wrap: wrap;
}

.courses-inner__baners {
  margin: 40px 0;
}
@media (max-width:991px) {
  .courses-inner__baners {
    margin: 30px 0;
  }
}
@media (max-width:767px) {
  .courses-inner__baners {
    margin: 20px 0;
  }
}

.courses-inner .courses-inner__title {
  text-align: left;
}

.courses-inner__title-count {
  margin-left: 10px;
  font-size: 21px;
  color: rgba(123, 32, 255, 0.61);
}
@media (max-width:1680px) {
  .courses-inner__title-count {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .courses-inner__title-count {
    display: none;
  }
}

.popular-courses .popular-courses__item-title {
  margin-top: 15px;
}

.popular-courses__title {
  padding-bottom: 30px;
  color: #3B414B;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width:1680px) {
  .popular-courses__title {
    font-size: 32px;
  }
}
@media (max-width:991px) {
  .popular-courses__title {
    font-size: 25px;
    padding-bottom: 20px;
  }
}

.courses-inner__filter-top {
  margin-bottom: 20px;
}
@media (max-width:991px) {
  .courses-inner__filter-top {
    margin-bottom: 15px;
  }
}

.courses-inner__filter-top-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:991px) {
  .courses-inner__filter-top-form {
    flex-direction: column;
  }
}

.courses-inner__filter-top-first {
  width: 100%;
  max-width: 690px;
}
@media (max-width:991px) {
  .courses-inner__filter-top-first {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width:767px) {
  .courses-inner__filter-top-first {
    margin-bottom: 15px;
  }
}

.courses-inner__filter-top-second {
  flex: 0 0 auto;
}
@media (max-width:991px) {
  .courses-inner__filter-top-second {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width:767px) {
  .courses-inner__filter-top-second {
    flex-direction: column-reverse;
  }
}

@media (max-width:991px) {
  .courses-inner__search {
    max-width: 100%;
    margin-right: 0;
  }
}

.courses-inner__search input {
  height: 35px;
  font-size: 16px;
}
@media (max-width:767px) {
  .courses-inner__search input {
    height: 30px;
    font-size: 14px;
  }
}

.card-list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -15px;
}
@media (max-width:1680px) {
  .card-list {
    margin: -6px;
  }
}
@media (max-width:991px) {
  .card-list {
    margin: -7px;
  }
}

.content-columns__center-box .card-list__item {
  width: 33.3333%;
  flex: 0 0 auto;
}
@media (max-width:991px) {
  .content-columns__center-box .card-list__item {
    width: 50%;
  }
}
@media (max-width:767px) {
  .content-columns__center-box .card-list__item {
    width: 100%;
  }
}

.card-list--inner .card-list__item {
  flex: 0 0 auto;
  width: 25%;
}
@media (max-width:991px) {
  .card-list--inner .card-list__item {
    width: 50%;
  }
}
@media (max-width:767px) {
  .card-list--inner .card-list__item {
    width: 100%;
  }
}

.popular__swiper.card-list--inner .card-list__item {
  width: 100%;
}
@media (max-width:991px) {
  .popular__swiper.card-list--inner .card-list__item {
    width: 100%;
  }
}

@media (max-width:991px) {
  .card-list--inner .popular-courses__item-col {
    flex-direction: row;
  }
}

.card-list--inner .card-list__item .popular-courses__item-date {
  padding-bottom: 0;
}
@media (max-width:1680px) {
  .card-list--inner .card-list__item .popular-courses__item-date {
    order: 1;
    margin-right: auto;
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .card-list--inner .card-list__item .popular-courses__item-date {
    order: 0;
    padding-bottom: 0;
  }
}

.courses-inner__contacts-form-big .start-contacts-title {
  display: none;
}

.card-list__item {
  flex: 1;
  padding: 15px;
}
@media (max-width:1680px) {
  .card-list__item {
    padding: 6px;
  }
}
@media (max-width:991px) {
  .card-list__item {
    flex: 0 0 auto;
    width: 50%;
    padding: 7px;
  }
}
@media (max-width:767px) {
  .card-list__item {
    width: 100%;
    margin-bottom: 15px;
  }
  .card-list__item:last-child {
    margin-bottom: 0;
  }
}

.card-list__item:hover .video-box-bg {
  background: rgba(0, 0, 0, 0.7);
}
.card-list__item:hover .video-box-bg:after {
  opacity: 1;
  transform: translateY(0);
}

.card-list__item .direction-courses__item-col {
  width: 100%;
}

.card-list__item .popular-courses__item-row {
  width: 100%;
}

.card-list__item .popular-courses__item-row._second .direction-courses__item-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.card-list__item .direction-courses__item-info,
.card-list__item .popular-courses__item-date {
  padding-bottom: 20px;
  margin-right: 0;
}

.card-list__item .popular-courses__item-title {
  margin-top: 15px;
}

.courses__box-link {
  margin-right: 0;
  margin-left: auto;
}

.card-list .direction__cart {
  height: 100%;
}

.filter-button {
  display: none;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width:991px) {
  .filter-button {
    display: flex;
    margin-right: 15px;
  }
}
@media (max-width:767px) {
  .filter-button {
    margin-right: 10px;
  }
}

.filter-button__icon {
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-size: 16px 18px;
  background-position: center;
  background-repeat: no-repeat;
}

.filter-button__content {
  font-size: 16px;
  font-weight: 500;
}

.filter-button-reset {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width:767px) {
  .filter-button-reset {
    margin-left: auto;
  }
}

.filter-button-reset__icon {
  display: block;
  flex: 0 0 auto;
  width: 19px;
  height: 20px;
  margin-right: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width:991px) {
  .filter-button-reset__icon {
    width: 10px;
    height: 16px;
    margin-right: 5px;
  }
}

.filter-button-reset__content {
  font-size: 18px;
  font-weight: 500;
  color: var(--accent);
}
@media (max-width:991px) {
  .filter-button-reset__content {
    font-size: 12px;
    font-weight: 400;
  }
}

.filter-tags {
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width:991px) {
  .filter-tags {
    display: flex;
  }
}
@media (max-width:767px) {
  .filter-tags {
    margin-top: 10px;
    margin-bottom: -5px;
  }
}

.filter-tags__item {
  padding: 4px 15px;
  margin-bottom: 5px;
  margin-right: 5px;
  border: 1px solid;
  border-radius: 8px;
  color: #3B414B;
  font-size: 10px;
  font-weight: 500;
}
.filter-tags__item:last-child {
  margin-right: 0;
}

.base-checkbox {
  position: relative;
}

.base-checkbox input {
  width: 0;
  height: 0;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.base-checkbox span {
  display: block;
  padding: 0 0 0 34px;
  border: none;
  background: none;
  font-size: 18px;
  line-height: 25px;
  color: #3B414B;
}

.base-checkbox:last-child span {
  border: none;
}

.base-checkbox span:after {
  position: absolute;
  content: "";
  left: 7px;
  top: 7px;
  width: 13px;
  height: 11px;
  background: url("../../images/img/new-page/checked-arrow.svg") no-repeat center;
  background-size: contain;
  transition: 0.3s;
  transform: scale(0.5, 0.5);
  transition-delay: 0.1s;
}

.base-checkbox span:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 24px;
  border-radius: 8px;
  border: 1px solid #000000;
  background: none;
  transition: 0.3s;
}

.base-checkbox input:checked + span {
  border: none;
  color: var(--accent);
}

.base-checkbox input:checked + span:after {
  transform: scale(1, 1);
}

.base-checkbox input:checked + span:before {
  background: var(--accent);
  border-color: var(--accent);
}

.filter-sidebar__body {
  margin-top: 25px;
  max-height: 550px;
}

.filter-sidebar__item {
  margin-bottom: 20px;
  word-wrap: break-word;
  word-break: break-all;
}

.filter-sidebar__item:last-child {
  margin-bottom: 0;
}

.filter-sidebar__accordion-link {
  display: inline-block;
  margin-top: 10px;
  border-bottom: 1px solid var(--accent);
  color: var(--accent);
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  transition: border 0.3s;
}
.filter-sidebar__accordion-link:hover {
  border-bottom-color: transparent;
}

.filter-sidebar__search {
  margin-top: 25px;
}

.filter-sidebar__search-label input {
  height: 39px;
  font-size: 16px;
}

.accordion--filter-sidebar {
  display: block;
}
.accordion--filter-sidebar .accordion__item {
  margin-bottom: 30px;
}
.accordion--filter-sidebar .accordion__item:last-child {
  margin-bottom: 0;
}
.accordion--filter-sidebar .accordion__item .accordion__item-header {
  position: relative;
  font-size: 21px;
  font-weight: 500;
  color: #3B414B;
}
.accordion--filter-sidebar .accordion__item .accordion__item-header:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../../images/img/new-page/plus-active.svg") no-repeat center;
  transition: 0.3s;
}
.accordion--filter-sidebar .accordion__item.accordion-open .accordion__item-header:after {
  background-image: url("../../images/img/new-page/plus.svg");
}
.scroll-wrapper {
  overflow-y: scroll;
  padding-right: 10px;
  /* ползунок скроллбара */
}
.scroll-wrapper::-webkit-scrollbar {
  width: 3px;
  /* ширина для вертикального скролла */
  background-color: #F2F3F5;
}
.scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #8E83FF;
  border-radius: 20px;
}

.top-slider {
  margin-bottom: 60px;
}
@media (max-width:1680px) {
  .top-slider {
    margin-bottom: 40px;
  }
}
@media (max-width:767px) {
  .top-slider {
    margin-bottom: 35px;
  }
}

.top-slider__item {
  height: 585px;
  position: relative;
  object-fit: cover;
}
@media (max-width:1680px) {
  .top-slider__item {
    height: 439px;
  }
}
@media (max-width:991px) {
  .top-slider__item {
    height: 385px;
  }
}
@media (max-width:767px) {
  .top-slider__item {
    height: 315px;
  }
}
.top-slider__item:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}

.top-slider__item-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.top-slider__item-content {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  bottom: 60px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media (max-width:1680px) {
  .top-slider__item-content {
    bottom: 50px;
  }
}
@media (max-width:991px) {
  .top-slider__item-content {
    bottom: 30px;
  }
}
@media (max-width:767px) {
  .top-slider__item-content {
    bottom: 20px;
  }
}

.top-slider__item-content .container {
  width: 100%;
}

.top-slider__item-content-h1 {
  max-width: 894px;
  font-size: 35px;
  line-height: 41px;
  font-weight: 500;
  color: #ffffff;
}
@media (max-width:1680px) {
  .top-slider__item-content-h1 {
    max-width: 681px;
    font-size: 30px;
    line-height: 38px;
  }
}
@media (max-width:991px) {
  .top-slider__item-content-h1 {
    max-width: 425px;
    font-size: 21px;
    line-height: 30px;
  }
}

.top-slider__item-content-bottom-title {
  margin: 30px 0 15px;
  font-size: 24px;
  color: #ffffff;
}
@media (max-width:1680px) {
  .top-slider__item-content-bottom-title {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .top-slider__item-content-bottom-title {
    margin: 20px 0 10px;
    font-size: 18px;
  }
}

.top-slider__links {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width:991px) {
  .top-slider__links {
    flex-direction: column;
  }
}

.top-slider__links-item {
  margin-right: 20px;
}
@media (max-width:991px) {
  .top-slider__links-item {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.top-slider__links-item:last-child {
  margin-right: 0;
}

.link-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 18px;
  font-size: 20px;
  height: 34px;
  padding: 0 15px 0 44px;
  font-weight: 500;
  color: #ffffff;
}
@media (max-width:1680px) {
  .link-icon {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .link-icon {
    height: 25px;
    padding: 0 15px 0 35px;
    font-size: 16px;
  }
}
.link-icon:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: #ffffff;
  border-radius: 50%;
}
@media (max-width:991px) {
  .link-icon:before {
    height: 25px;
    width: 25px;
  }
}
.link-icon:after {
  position: absolute;
  content: "";
  left: 8px;
  top: 7px;
  width: 17px;
  height: 20px;
  background: url("../../images/img/new-page/lightning-2.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:991px) {
  .link-icon:after {
    left: 7px;
    top: 4px;
    width: 12px;
    height: 15px;
  }
}

.top-slider__pagination {
  text-align: center;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .top-slider__pagination {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .top-slider__pagination {
    margin-top: 15px;
  }
}

.top-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet {
  background: #FE911D;
  width: 9px;
  height: 9px;
  opacity: 0.6;
  margin-right: 50px;
}
@media (max-width:1680px) {
  .top-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin-right: 30px;
  }
}
@media (max-width:991px) {
  .top-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin-right: 15px;
  }
}

.top-slider__pagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  opacity: 1;
}
@media (max-width:1680px) {
  .top-slider__pagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
  }
}
@media (max-width:991px) {
  .top-slider__pagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active {
    width: 7px;
    height: 7px;
  }
}

.modal-filter .modal__dialog {
  max-width: 768px;
  padding: 25px;
}

.modal-filter .filter-sidebar {
  width: 100%;
}

.modal-filter .accordion--filter-sidebar .accordion__item:last-child {
  margin-bottom: 30px;
}

.modal-filter .accordion--filter-sidebar {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media (max-width:767px) {
  .modal-filter .accordion--filter-sidebar {
    display: block;
    margin: 0;
  }
}

.modal-filter .modal__close {
  right: auto;
  left: 0;
}

.modal-filter .accordion__item {
  flex: 0 0 auto;
  width: 50%;
  padding: 0 15px;
}
@media (max-width:767px) {
  .modal-filter .accordion__item {
    width: 100%;
    padding: 0;
  }
}

.modal-filter__header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 40px;
}

.modal-filter__header-title {
  margin-left: auto;
  font-size: 21px;
  font-weight: 500;
}

.modal-filter__header-link {
  margin-left: auto;
  color: var(--accent);
  font-size: 12px;
}

.modal-filter__btn {
  margin-left: auto;
  padding: 0 30px;
  height: 39px;
  border-radius: 8px;
  font-size: 16px;
}
@media (max-width:767px) {
  .modal-filter__btn {
    width: 100%;
  }
}

.text-accent {
  color: #FF8F19;
}

.text-accent-inner {
  color: #6800FF;
}

@media (max-width:991px) {
  .single-page-course {
    overflow: hidden;
  }
}

.single-page-course h1 {
  font-size: 50px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .single-page-course h1 {
    font-size: 40px;
  }
}
@media (max-width:991px) {
  .single-page-course h1 {
    font-size: 32px;
  }
}
@media (max-width:767px) {
  .single-page-course h1 {
    font-size: 22px;
  }
}

@media (max-width:767px) {
  .single-page-course__first {
    margin-bottom: 40px;
  }
}

.single-page-course__header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 30px;
  border-bottom: 1px solid #D2D2D2;
}
@media (max-width:1680px) {
  .single-page-course__header {
    padding-bottom: 20px;
  }
}

.single-page-course__header-title h1 {
  position: relative;
  z-index: 1;
}

.single-page-course__header-title {
  position: relative;
  flex: 1;
  margin-right: 30px;
}

.single-page-course__actions {
  flex: 1;
  max-width: 235px;
}
@media (max-width:991px) {
  .single-page-course__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width:767px) {
  .single-page-course__actions {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
  }
}

@media (max-width:767px) {
  .single-page-course__actions--header {
    display: none;
  }
}

.single-page-course__actions--bottom {
  display: none;
}
@media (max-width:767px) {
  .single-page-course__actions--bottom {
    margin-top: 15px;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid #D2D2D2;
  }
}

.single-page-course__actions-top {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width:991px) {
  .single-page-course__actions-top {
    order: 1;
  }
}
@media (max-width:767px) {
  .single-page-course__actions-top {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}

.single-page-course__actions .single-course-head__date {
  display: block;
  margin-bottom: 10px;
  color: #3B414B;
  font-size: 18px;
}
@media (max-width:1680px) {
  .single-page-course__actions .single-course-head__date {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .single-page-course__actions .single-course-head__date {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .single-page-course__actions .single-course-head__date {
    margin-bottom: 0;
  }
}

.single-page-course__actions .card-info {
  justify-content: flex-end;
}

.single-page-course__post-info .card-info-el {
  font-size: 16px;
}
@media (max-width:1680px) {
  .single-page-course__post-info .card-info-el {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-page-course__post-info .card-info-el {
    font-size: 14px;
  }
}

.single-page-course__header-rating-wrp {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .single-page-course__header-rating-wrp {
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .single-page-course__header-rating-wrp {
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 10px;
    order: 0;
  }
}

@media (max-width:1680px) {
  .single-page-course__header-rating-wrp .single-page-course__header-rating ._icon-rating-star:before {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .single-page-course__header-rating-wrp .single-page-course__header-rating ._icon-rating-star:before {
    font-size: 15px;
  }
}

.single-page-course__header-rating-wrp .total {
  font-size: 18px;
  margin-left: 10px;
}
@media (max-width:1680px) {
  .single-page-course__header-rating-wrp .total {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .single-page-course__header-rating-wrp .total {
    font-size: 14px;
  }
}

.single-page-course__header-rating ._icon-rating-star:before {
  font-size: 25px;
}

.single-page-course__header-rating ._active:before {
  color: #7B20FF;
}

.stars-icons {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.stars-icons--header {
  left: -83px;
  top: -19px;
}

.stars-icons--header .stars-icons__icon1,
.stars-icons--header .stars-icons__icon2 {
  opacity: 0.3;
  background: url("../../images/img/new-page/single-course/star.svg") no-repeat center;
  background-size: contain;
}

.stars-icons--header .stars-icons__icon2 {
  top: 115px;
  left: 0;
}

.stars-icons__icon1,
.stars-icons__icon2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 89px;
  height: 109px;
  background: url("../../images/img/new-page/single-course/star2.svg") no-repeat center;
  background-size: contain;
  opacity: 0.5;
}

.stars-icons__icon2 {
  width: 54px;
  height: 65px;
  top: 85px;
  left: -30px;
}

.stars-inner {
  position: absolute;
  right: 30px;
  bottom: 84px;
}
@media (max-width:991px) {
  .stars-inner {
    display: block;
    right: 50px;
    bottom: 140px;
  }
}
@media (max-width:767px) {
  .stars-inner {
    display: none;
  }
}

.stars-inner__icon1,
.stars-inner__icon2 {
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.stars-inner__icon1 {
  width: 89px;
  height: 109px;
  background-image: url("../../images/img/new-page/single-course/star-inner1.svg");
}
@media (max-width:991px) {
  .stars-inner__icon1 {
    width: 53px;
    height: 65px;
  }
}

.stars-inner__icon2 {
  width: 67px;
  height: 82px;
  left: -110px;
  top: 60px;
  background-image: url("../../images/img/new-page/single-course/star-inner2.svg");
}
@media (max-width:991px) {
  .stars-inner__icon2 {
    width: 40px;
    height: 50px;
    left: -50px;
    top: 29px;
  }
}

.single-page-course__info-col-bg1 {
  position: absolute;
  width: 279px;
  height: 256px;
  right: -140px;
  top: -39px;
  background: url("../../images/img/new-page/single-course/lines.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .single-page-course__info-col-bg1 {
    width: 209px;
    height: 190px;
    right: -130px;
  }
}
@media (max-width:991px) {
  .single-page-course__info-col-bg1 {
    width: 140px;
    height: 128px;
    right: auto;
    left: -12px;
    top: auto;
    bottom: 60px;
  }
}
@media (max-width:767px) {
  .single-page-course__info-col-bg1 {
    width: 154px;
    height: 166px;
    left: auto;
    right: -46px;
    bottom: -79px;
    transform: rotate(90deg);
  }
}

.single-page-course__info {
  margin-top: 30px;
}
@media (max-width:1680px) {
  .single-page-course__info {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .single-page-course__info {
    margin-top: 15px;
  }
}

.single-page-course__info-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -15px;
}
@media (max-width:767px) {
  .single-page-course__info-row {
    margin: 0;
    flex-direction: column;
  }
}

.single-page-course__info-col {
  position: relative;
  width: 43.5%;
  flex: 0 0 auto;
  padding: 0 15px;
}
@media (max-width:1680px) {
  .single-page-course__info-col {
    width: 42%;
  }
}
@media (max-width:991px) {
  .single-page-course__info-col {
    width: 41%;
  }
}
@media (max-width:767px) {
  .single-page-course__info-col {
    padding: 0;
    width: 100%;
    order: 1;
  }
}

.single-page-course__info-col--img {
  width: 56.5%;
}
@media (max-width:1680px) {
  .single-page-course__info-col--img {
    width: 58%;
  }
}
@media (max-width:991px) {
  .single-page-course__info-col--img {
    width: 59%;
  }
}
@media (max-width:767px) {
  .single-page-course__info-col--img {
    order: 0;
    width: 100%;
  }
}

@media (max-width:767px) {
  .single-page-course__info ._passing p {
    font-size: 14px;
  }
}

.single-page-course__info-col--img ._purpose._purpose {
  display: none;
}
@media (max-width:767px) {
  .single-page-course__info-col--img ._purpose._purpose {
    display: block;
    border: 0;
    padding-bottom: 0;
  }
}

@media (max-width:767px) {
  .single-page-course__info-col ._order._order {
    display: none;
  }
}

.single-page-course__info ._img {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
  border-radius: 12px;
}
@media (max-width:1680px) {
  .single-page-course__info ._img {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._img {
    margin-bottom: 15px;
  }
}

.single-page-course__info ._img img {
  width: 100%;
}

.single-page-course__info ._order {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
@media (max-width:991px) {
  .single-page-course__info ._order {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
  }
}

.single-page-course__info ._order--bottom {
  display: none;
}
@media (max-width:767px) {
  .single-page-course__info ._order--bottom {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 25px;
    width: 100%;
    order: 1;
  }
}

.single-page-course__info ._order--bottom ._arrow {
  display: block;
  width: 123px;
  height: 42px;
  left: 170px;
  top: 5px;
  bottom: auto;
  transform: rotate(4deg) scale(1, -1);
}

.single-page-course__info ._order--bottom .btn {
  width: 100%;
}

.single-page-course__info ._order--bottom ._order-price {
  text-align: left;
  margin-left: 0;
}

.single-page-course__info ._order--bottom ._order-btn:after {
  display: none;
}

.single-page-course__info ._order-btn {
  flex: 0 0 auto;
  height: auto;
  position: relative;
  padding: 14px 35px;
  border-radius: 50px;
  background: #FF8F19;
  color: #fff;
  font-size: 21px;
}
@media (max-width:1680px) {
  .single-page-course__info ._order-btn {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._order-btn {
    margin-top: 20px;
    order: 1;
    font-size: 18px;
  }
}
.single-page-course__info ._order-btn:before {
  position: absolute;
  content: "";
  right: -18px;
  bottom: -17px;
  width: 38px;
  height: 27px;
  background: url("../../images/img/new-page/single-course/btn-i2.svg") no-repeat center;
  background-size: contain;
  transition: 0.2s;
}
.single-page-course__info ._order-btn:after {
  position: absolute;
  content: "";
  left: -15px;
  top: -11px;
  width: 20px;
  height: 19px;
  background: url("../../images/img/new-page/single-course/btn-i1.svg") no-repeat center;
  background-size: contain;
  transition: 0.2s;
}
.single-page-course__info ._order-btn:hover:before {
  transform: translate(2px, 2px);
}
.single-page-course__info ._order-btn:hover:after {
  transform: translate(-2px, -2px);
}

.single-page-course__info ._purpose {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D2D2D2;
  font-size: 26px;
}
@media (max-width:1680px) {
  .single-page-course__info ._purpose {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._purpose {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .single-page-course__info ._purpose {
    display: none;
  }
}

.single-page-course__info ._order-price {
  text-align: right;
  width: 100%;
  max-width: 440px;
}
@media (max-width:1680px) {
  .single-page-course__info ._order-price {
    max-width: 308px;
    margin-left: 30px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._order-price {
    order: 0;
  }
}

.single-page-course__info ._order-price-caption {
  margin-bottom: 10px;
  font-size: 21px;
}
@media (max-width:1680px) {
  .single-page-course__info ._order-price-caption {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._order-price-caption {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

.single-page-course__info ._order-price-value {
  font-size: 50px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .single-page-course__info ._order-price-value {
    font-size: 45px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._order-price-value {
    font-size: 30px;
  }
}

.single-page-course__info ._type-choose {
  position: relative;
  font-size: 21px;
  padding-left: 17px;
}
@media (max-width:1680px) {
  .single-page-course__info ._type-choose {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._type-choose {
    font-size: 14px;
  }
}
.single-page-course__info ._type-choose:after {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3B414B;
  opacity: 0.5;
}

.single-page-course__info ._type-choose__link {
  font-size: 18px;
  color: #F18D26;
  text-decoration: underline;
}
.single-page-course__info ._type-choose__link:hover {
  text-decoration: none;
}
@media (max-width:1680px) {
  .single-page-course__info ._type-choose__link {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._type-choose__link {
    font-size: 12px;
  }
}

.single-page-course__info ._type-selected {
  margin: 15px 0 20px 0;
  font-size: 45px;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .single-page-course__info ._type-selected {
    margin: 10px 0 20px 0;
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._type-selected {
    margin: 5px 0 15px 0;
    font-size: 18px;
  }
}

.single-page-course__info ._level {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D2D2D2;
  opacity: 0.5;
}
@media (max-width:1680px) {
  .single-page-course__info ._level {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._level {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}

.single-page-course__info ._level__label {
  font-size: 21px;
}
@media (max-width:1680px) {
  .single-page-course__info ._level__label {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._level__label {
    font-size: 14px;
  }
}

.single-page-course__info ._level__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}

.single-page-course__info ._level__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 30px;
  margin-right: 20px;
}
@media (max-width:1680px) {
  .single-page-course__info ._level__item {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._level__item {
    font-size: 16px;
  }
}

.single-page-course__info ._level__item-icon {
  display: block;
  width: 22px;
  height: 29px;
  margin-right: 10px;
  background: url("../../images/img/new-page/single-course/lightning-orange.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .single-page-course__info ._level__item-icon {
    width: 18px;
    height: 23px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._level__item-icon {
    width: 13px;
    height: 16px;
  }
}

.single-page-course__info ._chars-wrp {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D2D2D2;
}
@media (max-width:1680px) {
  .single-page-course__info ._chars-wrp {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._chars-wrp {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

.single-page-course__info ._chars-wrp__item {
  width: 50%;
}

.single-page-course__info ._chars-wrp__label {
  position: relative;
  padding-left: 17px;
  margin-bottom: 15px;
  font-size: 21px;
}
@media (max-width:1680px) {
  .single-page-course__info ._chars-wrp__label {
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._chars-wrp__label {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.single-page-course__info ._chars-wrp__label:after {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3B414B;
  opacity: 0.5;
}

.single-page-course__info ._chars-wrp__value {
  font-size: 45px;
}
@media (max-width:1680px) {
  .single-page-course__info ._chars-wrp__value {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._chars-wrp__value {
    font-size: 18px;
  }
}

.single-page-course__info ._description {
  margin-bottom: 25px;
  font-size: 21px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .single-page-course__info ._description {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._description {
    margin-bottom: 15px;
    font-size: 16px;
  }
}

._passing {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}

._passing p {
  margin-left: 20px;
  font-size: 18px;
}

._passing span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: -12px;
}

._passing span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.single-page-course__info ._arrow {
  position: absolute;
  left: -30px;
  bottom: -60px;
  width: 199px;
  height: 79px;
  background: url("../../images/img/new-page/single-course/arrow-info.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .single-page-course__info ._arrow {
    bottom: -100px;
  }
}
@media (max-width:991px) {
  .single-page-course__info ._arrow {
    width: 178px;
    height: 72px;
    bottom: -80px;
    left: 20px;
  }
}
@media (max-width:767px) {
  .single-page-course__info ._arrow {
    display: none;
  }
}

.program {
  padding: 40px 0;
  background: #FBF7F3;
}

.program__wrp {
  max-width: 996px;
  margin: 0 auto;
}

.program__title {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .program__title {
    margin-bottom: 30px;
    font-size: 32px;
  }
}
@media (max-width:991px) {
  .program__title {
    margin-bottom: 20px;
    font-size: 25px;
  }
}

.program__accordion {
  width: 100%;
  border: 1px solid #3B414B;
  border-radius: 15px;
  padding: 30px 25px;
}
@media (max-width:1680px) {
  .program__accordion {
    padding: 25px;
  }
}
@media (max-width:991px) {
  .program__accordion {
    padding: 15px;
  }
}
@media (max-width:767px) {
  .program__accordion {
    padding: 5px 15px;
  }
}

.program__accordion .accordion__item {
  border-bottom: 1px solid #D2D2D2;
}
.program__accordion .accordion__item:last-child {
  border: 0;
}

.program__accordion .accordion__item-header {
  font-size: 27px;
  align-items: center;
  padding: 28px 45px 28px 57px;
}
@media (max-width:1680px) {
  .program__accordion .accordion__item-header {
    padding: 28px 45px 28px 40px;
  }
}
@media (max-width:991px) {
  .program__accordion .accordion__item-header {
    min-height: 70px;
    padding: 17px 30px 17px 14px;
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .program__accordion .accordion__item-header {
    padding: 16px 30px 13px 5px;
  }
}

.program__accordion .accordion__item-header:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -17px;
  width: 45px;
  height: 45px;
  background: url("../../images/img/new-page/plus-active.svg") no-repeat center;
  background-size: contain;
  transform: rotate(0);
  transition: 0.3s;
}
@media (max-width:1680px) {
  .program__accordion .accordion__item-header:before {
    margin-top: -17px;
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .program__accordion .accordion__item-header:before {
    margin-top: -13px;
    width: 26px;
    height: 26px;
  }
}

.program__accordion .accordion-open .accordion__item-header::before {
  transform: rotate(0);
  background: url("../../images/img/new-page/plus.svg") no-repeat center;
  background-size: contain;
}

.program__accordion .accordion-open .accordion__item-header h3 {
  font-weight: 500;
}

.program__accordion .accordion__item-header h3 {
  font-weight: 400;
  font-size: 32px;
}
@media (max-width:1680px) {
  .program__accordion .accordion__item-header h3 {
    font-size: 27px;
  }
}
@media (max-width:991px) {
  .program__accordion .accordion__item-header h3 {
    font-size: 16px;
  }
}

.program__accordion-counter {
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 80px;
  font-weight: 700;
  color: #7B20FF;
  opacity: 0.1;
}
@media (max-width:1680px) {
  .program__accordion-counter {
    font-size: 70px;
  }
}
@media (max-width:991px) {
  .program__accordion-counter {
    top: 6px;
    font-size: 50px;
  }
}

.program__accordion .accordion__item-content {
  padding-left: 97px;
}
@media (max-width:1680px) {
  .program__accordion .accordion__item-content {
    padding-left: 88px;
  }
}
@media (max-width:991px) {
  .program__accordion .accordion__item-content {
    padding-left: 0;
  }
}

.program__accordion .accordion__item-content p {
  margin-bottom: 40px;
  padding-right: 45px;
  font-size: 23px;
  line-height: 30px;
  color: #3B414B;
}
@media (max-width:1680px) {
  .program__accordion .accordion__item-content p {
    padding-right: 40px;
    margin-bottom: 35px;
    font-size: 21px;
    line-height: 27px;
  }
}
@media (max-width:991px) {
  .program__accordion .accordion__item-content p {
    padding-right: 30px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
  }
}

.program-why {
  position: relative;
  padding: 45px 0 90px;
  background: #8761FF;
  overflow: hidden;
}
@media (max-width:1680px) {
  .program-why {
    padding: 35px 0 50px;
  }
}
@media (max-width:767px) {
  .program-why {
    padding: 35px 0 40px;
  }
}

.program-why__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.program-why__bg:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 209px;
  background: url("../../images/img/new-page/single-course/wave-top.svg") no-repeat top;
  background-size: contain;
}
@media (max-width:991px) {
  .program-why__bg:after {
    display: none;
  }
}

.program-why__bg2 {
  position: absolute;
  left: 0;
  top: 84px;
  width: 100%;
  height: calc(100% - 50px);
  background: #897EFB;
  z-index: 1;
}
@media (max-width:1680px) {
  .program-why__bg2 {
    top: 70px;
  }
}
@media (max-width:991px) {
  .program-why__bg2 {
    top: 200px;
  }
}
@media (max-width:767px) {
  .program-why__bg2 {
    top: 320px;
    height: 60%;
  }
}

.program-why__bg3 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 426px;
  background: url("../../images/img/new-page/single-course/wave-bottom.svg") no-repeat bottom right;
  background-size: contain;
  z-index: 1;
}
.program-why__decor1 {
  position: absolute;
  content: "";
  left: 10px;
  top: 10px;
  height: 184px;
  width: 573px;
  background: url("../../images/img/new-page/single-course/deeco-1.svg") no-repeat center;
  background-size: contain;
  z-index: 1;
}
@media (max-width:767px) {
  .program-why__decor1 {
    left: -10px;
    top: 0;
    width: 333px;
    height: 105px;
  }
}

.program-why__decor2 {
  position: absolute;
  content: "";
  right: 0;
  top: 24px;
  width: 278px;
  height: 154px;
  background: url("../../images/img/new-page/single-course/deeco-2.svg") no-repeat center;
  background-size: contain;
  z-index: 1;
}
@media (max-width:767px) {
  .program-why__decor2 {
    width: 187px;
    height: 102px;
    right: -10px;
    top: auto;
    bottom: 0;
  }
}

.program-why__wrp {
  position: relative;
  max-width: 996px;
  margin: 0 auto;
  z-index: 1;
}

.program-why__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 90px;
}
@media (max-width:1680px) {
  .program-why__header {
    margin-bottom: 65px;
  }
}
@media (max-width:991px) {
  .program-why__header {
    margin-bottom: 60px;
  }
}
@media (max-width:767px) {
  .program-why__header {
    flex-direction: column;
    margin-bottom: 50px;
  }
}

@media (max-width:991px) {
  .program-why__header-item {
    width: 50%;
    padding-bottom: 25px;
  }
}
@media (max-width:767px) {
  .program-why__header-item {
    width: 100%;
  }
}

.program-why__header-item-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:767px) {
  .program-why__header-item-content {
    justify-content: flex-start;
  }
}

.program-why__header-icon {
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width:1680px) {
  .program-why__header-icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .program-why__header-icon {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .program-why__header-icon {
    font-size: 16px;
  }
}

.program-why__header-icon--i1 {
  background-image: url("../../images/img/new-page/single-course/clock.svg");
}

.program-why__header-icon--i2 {
  background-image: url("../../images/img/new-page/single-course/calendar.svg");
}

.program-why__header-icon--i3 {
  background-image: url("../../images/img/new-page/single-course/rewards.svg");
}

.program-why__header-icon--i4 {
  background-image: url("../../images/img/new-page/single-course/graduate.svg");
}

.program-why__header-item-text {
  max-width: 165px;
  margin-left: 15px;
  font-size: 21px;
  color: #ffffff;
}
@media (max-width:1680px) {
  .program-why__header-item-text {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .program-why__header-item-text {
    max-width: 100%;
    font-size: 18px;
  }
}

.program-why__title {
  position: relative;
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 500;
  color: #ffffff;
}
@media (max-width:1680px) {
  .program-why__title {
    font-size: 32px;
  }
}
@media (max-width:991px) {
  .program-why__title {
    margin-bottom: 20px;
    font-size: 32px;
  }
  .program-why__title:before {
    position: absolute;
    content: "";
    left: -20px;
    top: -68px;
    width: calc(100% + 40px);
    height: 68px;
    background: url("../../images/img/new-page/single-course/wave-top-mob.svg") no-repeat center;
    background-size: contain;
  }
}
@media (max-width:767px) {
  .program-why__title {
    margin-right: 10px;
    font-size: 25px;
  }
  .program-why__title:before {
    top: -57px;
    left: -85px;
    min-width: 631px;
  }
}

.program-why__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -15px;
}
@media (max-width:1680px) {
  .program-why__list {
    margin: -7.5px;
  }
}
@media (max-width:991px) {
  .program-why__list {
    margin: -14px;
  }
}
@media (max-width:767px) {
  .program-why__list {
    flex-direction: column;
    margin: 0;
  }
}

.program-why__col {
  flex: 0 0 auto;
  width: 33.3333%;
  padding: 15px;
}
@media (max-width:1680px) {
  .program-why__col {
    padding: 7.5px;
  }
}
@media (max-width:991px) {
  .program-why__col {
    width: 50%;
    padding: 14px;
  }
}
@media (max-width:767px) {
  .program-why__col {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  .program-why__col:last-child {
    margin-bottom: 0;
  }
}

.program-why__list-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 25px;
  height: 146px;
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
}
@media (max-width:1680px) {
  .program-why__list-item {
    padding: 20px;
    height: 131px;
  }
}
@media (max-width:991px) {
  .program-why__list-item {
    padding: 15px;
  }
}
@media (max-width:767px) {
  .program-why__list-item {
    height: auto;
  }
}

.program-why__list-item-title {
  font-size: 18px;
  line-height: 20px;
  height: 100%;
  overflow: hidden;
}
@media (max-width:767px) {
  .program-why__list-item-title {
    padding-right: 10px;
  }
}

.program-why__list-item-counter {
  margin: auto 0 0 auto;
  font-size: 40px;
  color: #FF8F19;
}
@media (max-width:1680px) {
  .program-why__list-item-counter {
    font-size: 35px;
  }
}

.section-title {
  position: relative;
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  line-height: 120%;
  z-index: 1;
}
@media (max-width:1680px) {
  .section-title {
    margin-bottom: 30px;
    font-size: 32px;
  }
}
@media (max-width:991px) {
  .section-title {
    margin-bottom: 20px;
    font-size: 25px;
  }
}

.section-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width:767px) {
  .section-title-box {
    align-items: flex-start;
  }
}

.section-title-box .section-title {
  width: 90%;
}
@media (max-width:767px) {
  .section-title-box .section-title {
    width: 50%;
  }
}

.section-title--inner {
  text-align: left;
}

.profession {
  overflow: hidden;
  margin: 100px 0;
}
@media (max-width:1680px) {
  .profession {
    margin: 60px 0;
  }
}
@media (max-width:991px) {
  .profession {
    margin: 40px 0;
  }
}

@media (max-width:767px) {
  .profession .section-title {
    font-size: 24px;
    text-align: left;
  }
}

.profession__tags {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: -10px;
}
@media (max-width:1680px) {
  .profession__tags {
    padding: -7.5px;
  }
}
@media (max-width:991px) {
  .profession__tags {
    padding: -5px;
  }
}

.profession__tags-col {
  padding: 10px;
}
@media (max-width:1680px) {
  .profession__tags-col {
    padding: 7.5px;
  }
}
@media (max-width:991px) {
  .profession__tags-col {
    padding: 5px;
  }
}

.profession__tags-item {
  display: block;
  padding: 9px 18px;
  border-radius: 10px;
  font-size: 26px;
  box-shadow: 0 0 0 1px #3B414B;
  transition: 0.2s;
  cursor: pointer;
}
@media (max-width:1680px) {
  .profession__tags-item {
    font-size: 21px;
    padding: 7px 14px;
  }
}
@media (max-width:991px) {
  .profession__tags-item {
    padding: 6px 12px;
    font-size: 18px;
  }
}
.profession__tags-item:hover {
  box-shadow: 0 0 0 1px #F18D26;
  background: #F18D26;
  color: #ffffff;
}

.profession-what {
  position: relative;
  margin-top: 100px;
  padding: 60px 0 50px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width:1680px) {
  .profession-what {
    max-width: 996px;
    padding: 40px 0;
    margin: 60px auto;
  }
}
@media (max-width:991px) {
  .profession-what {
    padding: 40px 0 50px;
    margin: 40px 0;
  }
}
@media (max-width:767px) {
  .profession-what {
    padding: 50px 0;
    margin: 40px 0 0;
  }
}
.profession-what:before, .profession-what:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.profession-what:before {
  background: rgba(201, 198, 244, 0.5);
  z-index: 1;
}
.profession-what:after {
  background: rgb(137, 126, 251);
  background: linear-gradient(98deg, rgb(137, 126, 251) 0%, rgb(175, 167, 255) 100%);
  z-index: 0;
}

.profession-what .stars-icons {
  top: 8px;
  left: 40px;
}
@media (max-width:991px) {
  .profession-what .stars-icons .stars-icons__icon1 {
    width: 54px;
    height: 70px;
  }
  .profession-what .stars-icons .stars-icons__icon2 {
    width: 43px;
    height: 55px;
    top: 50px;
  }
}
@media (max-width:767px) {
  .profession-what .stars-icons {
    top: 5px;
    left: 20px;
  }
}

.profession-what .stars-icons__icon1 {
  opacity: 0.5;
}

.profession-what .stars-icons__icon2 {
  opacity: 0.3;
}

.profession-what__bg1,
.profession-what__bg2,
.profession-what__bg3,
.profession-what__bg4,
.profession-what__bg5 {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}

.profession-what__bg1 {
  top: 0;
  left: 395px;
  width: 384px;
  height: 100px;
  background-image: url("../../images/img/new-page/single-course/profession-bg-lines.svg");
}
@media (max-width:1680px) {
  .profession-what__bg1 {
    width: 274px;
    height: 75px;
    left: 282px;
  }
}
@media (max-width:991px) {
  .profession-what__bg1 {
    left: auto;
    right: 24%;
  }
}
@media (max-width:767px) {
  .profession-what__bg1 {
    right: -50px;
  }
}

.profession-what__bg2 {
  bottom: 0;
  left: 20px;
  width: 515px;
  height: 132px;
  background-image: url("../../images/img/new-page/single-course/profession-bg-lines.svg");
  transform: scale(-1, -1);
}
@media (max-width:1680px) {
  .profession-what__bg2 {
    width: 367px;
    height: 100px;
    left: 10px;
  }
}
@media (max-width:767px) {
  .profession-what__bg2 {
    left: -40%;
  }
}

.profession-what__bg3 {
  top: 60px;
  left: 266px;
  width: 185px;
  height: 164px;
  background-image: url("../../images/img/new-page/single-course/grid-2.svg");
  opacity: 0.15;
}
@media (max-width:1680px) {
  .profession-what__bg3 {
    width: 132px;
    height: 123px;
    top: 46px;
    left: 190px;
  }
}
@media (max-width:991px) {
  .profession-what__bg3 {
    width: 132px;
    height: 123px;
    bottom: 13px;
    top: auto;
    right: 175px;
  }
}
@media (max-width:767px) {
  .profession-what__bg3 {
    top: 145px;
    right: -50px;
    left: auto;
  }
}

.profession-what__bg4 {
  right: 50px;
  top: 0;
  width: 235px;
  height: 208px;
  background-image: url("../../images/img/new-page/single-course/grid-2.svg");
  opacity: 0.15;
}
@media (max-width:1680px) {
  .profession-what__bg4 {
    width: 167px;
    height: 157px;
    right: 35px;
  }
}
@media (max-width:991px) {
  .profession-what__bg4 {
    display: none;
  }
}
@media (max-width:767px) {
  .profession-what__bg4 {
    display: block;
    height: 167px;
    width: 157px;
    top: 205px;
    left: 0;
    right: auto;
  }
}

.profession-what__bg5 {
  width: 290px;
  height: 190px;
  right: 290px;
  bottom: 45px;
  background-image: url("../../images/img/new-page/single-course/profession-bg-lines2.svg");
}
@media (max-width:1680px) {
  .profession-what__bg5 {
    width: 207px;
    height: 144px;
    right: 207px;
    bottom: 33px;
  }
}
@media (max-width:991px) {
  .profession-what__bg5 {
    width: 145px;
    height: 102px;
    right: 0;
    bottom: -10px;
  }
}
@media (max-width:767px) {
  .profession-what__bg5 {
    height: 166px;
    width: 116px;
    right: -40px;
    bottom: 84px;
  }
}

@media (max-width:1680px) {
  .profession-what .section-title {
    margin-bottom: 10px;
  }
}
@media (max-width:991px) {
  .profession-what .section-title {
    margin-bottom: 15px;
  }
}
@media (max-width:767px) {
  .profession-what .section-title {
    font-size: 25px;
    text-align: center;
  }
}

.profession-what__wrp {
  position: relative;
  z-index: 2;
}

.profession-what__text {
  max-width: 929px;
  margin: 0 auto 25px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}
@media (max-width:1680px) {
  .profession-what__text {
    max-width: 743px;
    margin: 0 auto 15px;
    font-size: 21px;
    line-height: 26px;
  }
}
@media (max-width:991px) {
  .profession-what__text {
    max-width: 688px;
    margin: 0 auto 30px;
    font-size: 16px;
    line-height: 22px;
  }
}

.profession-what__list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -25px;
}
@media (max-width:991px) {
  .profession-what__list {
    margin: 0 -20px;
  }
}
@media (max-width:767px) {
  .profession-what__list {
    flex-direction: column;
    margin: 0;
  }
}

.profession-what__list-col {
  width: 215px;
  padding: 0 25px;
}
@media (max-width:767px) {
  .profession-what__list-col {
    padding: 0;
    width: 160px;
    margin-bottom: 40px;
  }
  .profession-what__list-col:last-child {
    margin-bottom: 0;
  }
}

.profession-what__list-item {
  position: relative;
  padding-top: 17px;
  font-size: 21px;
}
@media (max-width:1680px) {
  .profession-what__list-item {
    font-size: 18px;
  }
}
.profession-what__list-item:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  opacity: 0.6;
  margin: 0 auto 10px;
  background: #3B414B;
}
@media (max-width:767px) {
  .profession-what__list-item:before {
    width: 5px;
    height: 5px;
  }
}

.profession-type {
  position: relative;
  padding: 30px 0 94px;
  background: #F9F5F0;
  overflow: hidden;
}
@media (max-width:991px) {
  .profession-type {
    overflow: hidden;
    padding: 40px 0 60px;
  }
}
@media (max-width:767px) {
  .profession-type {
    padding: 40px 0;
  }
}

.profession-type__bg1,
.profession-type__bg2,
.profession-type__bg3,
.profession-type__bg4 {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../../images/img/new-page/single-course/profession-type-bg1.svg");
}

.profession-type__bg1 {
  right: -17%;
  top: -28px;
  width: 1067px;
  height: 605px;
}
@media (max-width:991px) {
  .profession-type__bg1 {
    background-size: cover;
    right: -520px;
    height: 700px;
    top: -40px;
  }
}
@media (max-width:767px) {
  .profession-type__bg1 {
    display: none;
  }
}

.profession-type__bg2 {
  right: 0;
  bottom: 147px;
  width: 285px;
  height: 262px;
  background-image: url("../../images/img/new-page/single-course/grid-2.svg");
}
@media (max-width:767px) {
  .profession-type__bg2 {
    right: -40px;
    bottom: 70px;
    width: 200px;
    height: 185px;
  }
}

.profession-type__bg3 {
  width: 618px;
  height: 305px;
  left: -190px;
  top: 0;
  background-image: url("../../images/img/new-page/single-course/profession-type-bg2.svg");
  background-position: left top;
}
@media (max-width:1680px) {
  .profession-type__bg3 {
    width: 451px;
    height: 232px;
    left: -110px;
  }
}
@media (max-width:991px) {
  .profession-type__bg3 {
    width: 384px;
    height: 198px;
    left: -40px;
  }
}
@media (max-width:767px) {
  .profession-type__bg3 {
    width: 384px;
    height: 198px;
    left: -80px;
  }
}

.profession-type__bg4 {
  width: 194px;
  height: 465px;
  left: -110px;
  top: 0;
  background-image: url("../../images/img/new-page/single-course/profession-type-bg3.svg");
}
@media (max-width:991px) {
  .profession-type__bg4 {
    width: 138px;
    height: 352px;
    left: -20px;
    top: auto;
    bottom: -40px;
  }
}
.profession-type__wrp {
  position: relative;
}

.profession-type .stars-icons {
  left: auto;
  right: 80px;
  top: 0;
}
@media (max-width:991px) {
  .profession-type .stars-icons {
    width: 100%;
    right: 0;
  }
}
.profession-type .stars-icons__icon1,
.profession-type .stars-icons__icon2 {
  opacity: 1;
}

@media (max-width:991px) {
  .profession-type .stars-icons__icon1 {
    right: -10px;
    left: auto;
    top: 20px;
    transform: rotate(25deg);
  }
}
@media (max-width:991px) {
  .profession-type .stars-icons__icon2 {
    left: -10px;
    top: -15px;
    transform: rotate(-25deg);
  }
}
.profession-type .section-title {
  text-align: left;
}
@media (max-width:1680px) {
  .profession-type .section-title {
    margin-bottom: 60px;
  }
}
@media (max-width:991px) {
  .profession-type .section-title {
    margin-bottom: 30px;
  }
}
@media (max-width:767px) {
  .profession-type .section-title {
    width: 100%;
    text-align: center;
  }
}

.profession-type__row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
}

.profession-type__content {
  width: 100%;
  margin-right: 117px;
}
@media (max-width:991px) {
  .profession-type__content {
    margin-right: 75px;
  }
}
@media (max-width:767px) {
  .profession-type__content {
    margin-right: 0;
  }
}

.profession-type__img {
  flex: 0 0 auto;
  height: 627px;
  width: 450px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width:1680px) {
  .profession-type__img {
    width: 380px;
    height: 531px;
    margin-right: -60px;
  }
}
@media (max-width:991px) {
  .profession-type__img {
    width: 340px;
    height: 471px;
    margin-right: -30px;
  }
}
@media (max-width:767px) {
  .profession-type__img {
    display: none;
  }
}

.profession-type__content p:nth-child(odd) {
  display: none;
}
.profession-type__content p:nth-child(odd):after {
  display: none;
}

.profession-type__content p,
.profession-type__list-item {
  position: relative;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .profession-type__content p,
  .profession-type__list-item {
    margin-bottom: 20px;
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .profession-type__content p,
  .profession-type__list-item {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
.profession-type__content p:last-child,
.profession-type__list-item:last-child {
  margin-bottom: 0;
}

@media (max-width:767px) {
  .rates {
    margin: 40px 0;
  }
}

.rates__wrp {
  position: relative;
}

.rates__item-deco,
.rates__item-deco2 {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.rates__item-deco {
  right: 0;
  top: 0;
  width: 207px;
  height: 182px;
  background-image: url("../../images/img/new-page/single-course/grid.svg");
}
@media (max-width:1680px) {
  .rates__item-deco {
    width: 152px;
    height: 182px;
  }
}
@media (max-width:991px) {
  .rates__item-deco {
    width: 145px;
    height: 142px;
  }
}

.rates__item-deco2 {
  width: 151px;
  height: 100px;
  left: 0;
  bottom: 10px;
  background-image: url("../../images/img/new-page/single-course/rateline.svg");
  background-position: left bottom;
}
@media (max-width:1680px) {
  .rates__item-deco2 {
    bottom: 0;
    width: 120px;
    height: 97px;
  }
}
@media (max-width:991px) {
  .rates__item-deco2 {
    bottom: 0;
  }
}

.rates__list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -15px;
}
@media (max-width:1680px) {
  .rates__list {
    margin: -10px;
  }
}
@media (max-width:991px) {
  .rates__list {
    margin: -14px;
  }
}
@media (max-width:767px) {
  .rates__list {
    flex-direction: column;
    margin: 0;
  }
}

.rates__col {
  width: 50%;
  padding: 15px;
}
@media (max-width:1680px) {
  .rates__col {
    padding: 10px;
  }
}
@media (max-width:991px) {
  .rates__col {
    padding: 14px;
  }
}
@media (max-width:767px) {
  .rates__col {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  .rates__col:last-child {
    margin-bottom: 0;
  }
}

.rates__item {
  position: relative;
  padding: 50px;
  border: 1px solid rgba(59, 65, 75, 0.5);
  border-radius: 20px;
}
@media (max-width:1680px) {
  .rates__item {
    padding: 30px;
  }
}
@media (max-width:991px) {
  .rates__item {
    padding: 20px;
  }
}

.rates__item-content {
  position: relative;
  z-index: 1;
}

.rates__item-title {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .rates__item-title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .rates__item-title {
    margin-bottom: 5px;
    font-size: 18px;
  }
}

.rates__item-description {
  max-width: 348px;
  font-size: 18px;
  line-height: 1.2em;
}
@media (max-width:1680px) {
  .rates__item-description {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .rates__item-description {
    font-size: 14px;
  }
}
.tag-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 30px 0 40px;
}
@media (max-width:1680px) {
  .tag-list {
    margin: 30px 0 20px;
  }
}
@media (max-width:991px) {
  .tag-list {
    margin: 15px 0 15px;
  }
}

.tag-list__item {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  padding: 5px 15px;
  font-size: 14px;
  color: #ffffff;
}
@media (max-width:1680px) {
  .tag-list__item {
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .tag-list__item {
    font-size: 10px;
  }
}

.rates__cost-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
  color: #FF8F19;
  font-size: 13px;
  font-weight: 600;
}
@media (max-width:991px) {
  .rates__cost-label {
    font-size: 11px;
  }
}

.rates__cost-label--new {
  color: #9ED322;
}

.rates__cost-label--new .rates__cost-label-icon {
  background: #9ED322;
}

.rates__cost-label-icon {
  flex: 0 0 auto;
  padding: 3px 8px;
  margin-right: 6px;
  border-radius: 5px;
  background: #FF8F19;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width:1680px) {
  .rates__cost-label-icon {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .rates__cost-label-icon {
    font-size: 12px;
  }
}

.rates__cost-title {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}
@media (max-width:1680px) {
  .rates__cost-title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .rates__cost-title {
    font-size: 12px;
  }
}

.rates__cost-text {
  color: #222222;
  opacity: 0.6;
  font-size: 13px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .rates__cost-text {
    font-size: 12px;
  }
}

.rates__price {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width:991px) {
  .rates__price {
    margin-top: 15px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}

@media (max-width:991px) {
  .rates__price-count {
    margin-bottom: 20px;
  }
}

.rates__price-old {
  margin-bottom: 7px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width:1680px) {
  .rates__price-old {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .rates__price-old {
    margin-bottom: 5px;
    font-size: 12px;
  }
}

.rates__price-old sup {
  font-size: 0.8em;
}

.rates__price-new {
  font-size: 36px;
  font-weight: 600;
  color: #000000;
}
@media (max-width:1680px) {
  .rates__price-new {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .rates__price-new {
    font-size: 24px;
  }
}

.rates__price-new sup {
  font-size: 0.8em;
}

@media (max-width:991px) {
  .rates__price-btn-wrp {
    width: 100%;
  }
}

@media (max-width:991px) {
  .rates__price-btn-wrp .btn {
    font-size: 18px;
    width: 100%;
  }
}

.rates__item--selected {
  background: rgba(255, 212, 166, 0.1);
  border-color: #FF8F19;
}

.mentors__swiper {
  overflow: hidden;
}

.mentors {
  scroll-margin: 100px;
  position: relative;
}
@media (max-width:991px) {
  .mentors {
    scroll-margin: 50px;
  }
}

.mentors .container {
  position: relative;
}

.mentor-cards {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.mentor-cards__col {
  height: auto;
  width: 50%;
}

.mentor-cards__item {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #ffffff;
  height: 100%;
  transition: 0.2s;
}
@media (max-width:991px) {
  .mentor-cards__item {
    padding: 10px;
  }
}

.mentor-cards__item:hover {
  border-color: #F18D26;
}

.mentor-cards__item:hover .btn {
  background: #F18D26;
}

.mentor-cards__item-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.mentor-cards__item-top-right {
  flex: 1;
}

.tablet-down-hidden {
  display: none;
}
@media (max-width:991px) {
  .tablet-down-hidden {
    display: block;
  }
}

.tablet-up-hidden {
  display: block;
}
@media (max-width:991px) {
  .tablet-up-hidden {
    display: none;
  }
}

.mobile-up-hidden {
  display: none;
}
@media (max-width:767px) {
  .mobile-up-hidden {
    display: block;
  }
}

.mentor-cards__img {
  flex: 0 0 auto;
  margin-right: 20px;
  width: 195px;
}
@media (max-width:1680px) {
  .mentor-cards__img {
    width: 160px;
  }
}
@media (max-width:991px) {
  .mentor-cards__img {
    margin-right: 15px;
    width: 103px;
  }
}
.mentor-cards__img img {
  width: 100%;
}

@media (max-width:991px) {
  .mentor-cards .single-rating__user-awards {
    margin-left: 0;
  }
}

@media (max-width:991px) {
  .mentor-cards .single-rating__user-awards-item {
    margin-left: -5px;
    margin-right: 0;
  }
}

.mentor-cards__name {
  margin: 20px 0 15px;
  font-size: 24px;
  line-height: 130%;
  font-weight: 500;
}
@media (max-width:1680px) {
  .mentor-cards__name {
    margin: 15px 0 10px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .mentor-cards__name {
    margin: 10px 0 0;
    font-size: 16px;
  }
}

.mentor-cards__count-place {
  margin-bottom: 20px;
  font-size: 16px;
  color: #000000;
  line-height: 140%;
}
@media (max-width:1680px) {
  .mentor-cards__count-place {
    margin-bottom: 0;
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .mentor-cards__count-place {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
  }
}

.mentor-cards__count-place-free {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
@media (max-width:991px) {
  .mentor-cards__count-place-free {
    font-size: 12px;
  }
}

.mentor-cards__tags {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
@media (max-width:991px) {
  .mentor-cards__tags {
    margin-top: 10px;
  }
}

.mentor-cards__tags-item {
  background: rgba(123, 32, 255, 0.1);
  margin-bottom: 15px;
  padding: 6px 12px;
  border-radius: 5px;
  color: #7B20FF;
  font-size: 16px;
}
@media (max-width:1680px) {
  .mentor-cards__tags-item {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .mentor-cards__tags-item {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

.mentor-cards__rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
@media (max-width:1680px) {
  .mentor-cards__rating {
    margin-bottom: 10px;
  }
}

.mentor-cards__rating-count {
  font-size: 14px;
  opacity: 0.6;
}
@media (max-width:991px) {
  .mentor-cards__rating-count {
    font-size: 12px;
  }
}

.mentor-cards__rating-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 10px;
}

.mentor-cards__rating-list-item {
  width: 11px;
  height: 13px;
  margin-right: 5px;
  background: url("../../images/img/new-page/single-course/lightning-orange.svg") no-repeat center;
  background-size: contain;
}
.mentor-cards__rating-list-item:last-child {
  margin-right: 0;
}

.mentor-cards__content {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .mentor-cards__content {
    margin-top: 15px;
  }
}

.mentor-cards__caption {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}
@media (max-width:1680px) {
  .mentor-cards__caption {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .mentor-cards__caption {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.mentor-cards__description {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .mentor-cards__description {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .mentor-cards__description {
    font-size: 14px;
  }
}

.mentor-cards__btns {
  padding-top: 30px;
  margin-top: auto;
}
@media (max-width:1680px) {
  .mentor-cards__btns {
    padding-top: 25px;
  }
}
@media (max-width:991px) {
  .mentor-cards__btns {
    padding-top: 15px;
  }
}
@media (max-width:1680px) {
  .mentor-cards__btns .btn {
    font-size: 20px;
  }
}
@media (max-width:991px) {
  .mentor-cards__btns .btn {
    font-size: 18px;
  }
}
.mentors__swiper-pagination {
  display: none;
}
@media (max-width:991px) {
  .mentors__swiper-pagination {
    text-align: center;
    display: block;
  }
}

.mentor-cards__arrow-nav {
  position: absolute;
  right: 20px;
  top: -22px;
  z-index: 1;
}
@media (max-width:1680px) {
  .mentor-cards__arrow-nav {
    top: -22px;
  }
}
@media (max-width:991px) {
  .mentor-cards__arrow-nav {
    display: none;
  }
}

.course-certificate {
  position: relative;
  background: rgba(128, 117, 255, 0.5);
  overflow: hidden;
}
@media (max-width:991px) {
  .course-certificate {
    margin-bottom: 40px;
  }
}

.course-certificate__deco1,
.course-certificate__deco2,
.course-certificate__deco3,
.course-certificate__deco4 {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.course-certificate__deco1 {
  left: 0;
  bottom: 0;
  width: 1563px;
  height: 400px;
  background-image: url("../../images/img/new-page/single-course/deco1.svg");
  background-position: left bottom;
}
@media (max-width:1680px) {
  .course-certificate__deco1 {
    left: -15px;
    bottom: 0;
  }
}
@media (max-width:991px) {
  .course-certificate__deco1 {
    width: 842px;
    bottom: 28px;
  }
}

.course-certificate__deco2 {
  top: 0;
  left: 0;
  width: 1004px;
  height: 400px;
  background-image: url("../../images/img/new-page/single-course/deco2.svg");
  background-position: left top;
}
@media (max-width:1680px) {
  .course-certificate__deco2 {
    width: 806px;
  }
}
@media (max-width:991px) {
  .course-certificate__deco2 {
    width: 788px;
  }
}

.course-certificate__deco3 {
  bottom: 0;
  right: 0;
  width: 458px;
  height: 96px;
  background-image: url("../../images/img/new-page/single-course/deco3.svg");
}
@media (max-width:991px) {
  .course-certificate__deco3 {
    right: -50px;
    width: 286px;
    height: 61px;
  }
}

.course-certificate__deco4 {
  bottom: 3rem;
  left: -10rem;
  width: 187px;
  height: 158px;
  background-image: url("../../images/img/new-page/single-course/deco4.svg");
}
@media (max-width:991px) {
  .course-certificate__deco4 {
    width: 158px;
    height: 80px;
    left: -6.5rem;
    bottom: 2.8rem;
    transform: rotate(21deg);
  }
}
@media (max-width:767px) {
  .course-certificate__deco4 {
    bottom: auto;
    top: 55px;
    left: auto;
    right: -60px;
    transform: rotate(-90deg);
  }
}

.course-certificate .stars-icons {
  top: 50px;
  left: -90px;
  opacity: 0.5;
}
@media (max-width:991px) {
  .course-certificate .stars-icons {
    top: 20px;
    left: -50px;
  }
  .course-certificate .stars-icons .stars-icons__icon1 {
    width: 61px;
    height: 74px;
  }
  .course-certificate .stars-icons .stars-icons__icon2 {
    width: 48px;
    height: 59px;
    left: -20px;
    top: 60px;
  }
}
@media (max-width:767px) {
  .course-certificate .stars-icons {
    top: 0;
    left: -23px;
  }
}

.course-certificate .stars-icons-second {
  top: -20px;
  left: auto;
  right: 0;
  transform: scale(-1, 1);
}
@media (max-width:991px) {
  .course-certificate .stars-icons-second {
    transform: rotate(25deg);
    top: 10px;
    right: 100px;
  }
  .course-certificate .stars-icons-second .stars-icons__icon1 {
    width: 74px;
    height: 91px;
  }
  .course-certificate .stars-icons-second .stars-icons__icon2 {
    width: 60px;
    height: 75px;
    left: 40px;
  }
}
@media (max-width:767px) {
  .course-certificate .stars-icons-second {
    top: 29%;
    right: 20px;
  }
}

.course-certificate__wrp {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 0 0 110px;
}
@media (max-width:991px) {
  .course-certificate__wrp {
    margin: 0 0 0 42px;
  }
}
@media (max-width:767px) {
  .course-certificate__wrp {
    flex-direction: column;
    margin: 0 0 0 20px;
  }
}

.course-certificate__head-text::after {
  left: auto;
  top: auto;
  right: 0;
  height: 55px;
  width: 18px;
  background: url("../../images/img/new-page/single-course/line.svg") no-repeat center center;
  background-size: contain;
  transform: translate(100%, 9%);
}
@media (max-width:991px) {
  .course-certificate__head-text::after {
    height: 34px;
    width: 16px;
  }
}

.course-certificate__content {
  position: relative;
  margin-top: 140px;
}
@media (max-width:991px) {
  .course-certificate__content {
    margin-top: 70px;
  }
}
@media (max-width:767px) {
  .course-certificate__content {
    margin-top: 40px;
  }
}
.course-certificate__content:after {
  position: absolute;
  content: "";
  right: -9%;
  top: 26%;
  width: 248px;
  height: 127px;
  background: url("../../images/img/new-page/single-course/arrow-cert.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .course-certificate__content:after {
    bottom: -29%;
    top: auto;
    right: -10px;
  }
}
@media (max-width:991px) {
  .course-certificate__content:after {
    width: 128px;
    bottom: -70%;
    transform: rotate(45deg);
  }
}
@media (max-width:767px) {
  .course-certificate__content:after {
    right: auto;
    left: -40px;
    bottom: -67%;
    transform: rotate(67deg);
  }
}

.course-certificate__title {
  font-size: 40px;
  font-weight: 500;
  color: #ffffff;
  max-width: 480px;
}
@media (max-width:1680px) {
  .course-certificate__title {
    max-width: 420px;
    font-size: 32px;
  }
}
@media (max-width:991px) {
  .course-certificate__title {
    max-width: 255px;
    font-size: 25px;
  }
}

.course-certificate__head-text {
  padding: 11px 20px;
  margin: 30px 0 20px;
  font-size: 40px;
  font-weight: 400;
  line-height: inherit;
}
@media (max-width:1680px) {
  .course-certificate__head-text {
    font-size: 32px;
  }
}
@media (max-width:991px) {
  .course-certificate__head-text {
    margin: 20px 0 15px;
    font-size: 25px;
  }
}
@media (max-width:767px) {
  .course-certificate__head-text {
    display: inline-block;
  }
}

.course-certificate__img {
  position: relative;
  margin: 66px 0 35px 55px;
  z-index: 1;
}
@media (max-width:991px) {
  .course-certificate__img {
    margin: 88px 0 35px 55px;
  }
}
@media (max-width:767px) {
  .course-certificate__img {
    margin: 100px 0 35px 0;
  }
}

@media (max-width:1680px) {
  .course-certificate__img img {
    width: 266px;
  }
}
@media (max-width:991px) {
  .course-certificate__img img {
    width: 180px;
  }
}
@media (max-width:767px) {
  .course-certificate__img img {
    width: 180px;
  }
}

.course-certificate__img-cert1 {
  position: relative;
  z-index: 1;
}

.course-certificate__img-cert2 {
  position: absolute;
  right: -74%;
  top: -56px;
  filter: grayscale(78%) hue-rotate(240deg) saturate(0.5);
  transform: rotate(0deg);
}
@media (max-width:991px) {
  .course-certificate__img-cert2 {
    top: -80px;
    right: -54%;
    transform: rotate(4deg);
  }
}
@media (max-width:767px) {
  .course-certificate__img-cert2 {
    top: -33%;
  }
}

.small-form-wrp .stars-icons {
  left: 205px;
  top: 35px;
  transform: rotate(17deg);
  opacity: 0.5;
}
@media (max-width:1680px) {
  .small-form-wrp .stars-icons {
    top: 5px;
    left: 115px;
  }
}
@media (max-width:991px) {
  .small-form-wrp .stars-icons {
    left: 45px;
  }
}
@media (max-width:767px) {
  .small-form-wrp .stars-icons {
    left: 20px;
  }
}

.small-form-wrp .stars-icons__icon1 {
  width: 58px;
  height: 72px;
}

.small-form-wrp .stars-icons__icon2 {
  width: 45px;
  height: 57px;
  top: 55px;
}
@media (max-width:1680px) {
  .small-form-wrp .stars-icons__icon2 {
    left: -10px;
  }
}
.small-form-wrp__bg1,
.small-form-wrp__bg2,
.small-form-wrp__bg3,
.small-form-wrp__bg4 {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.small-form-wrp__bg1 {
  left: 0;
  bottom: 0;
  width: 523px;
  height: 144px;
  background-image: url("../../images/img/new-page/single-course/form-bg1.svg");
}
@media (max-width:1680px) {
  .small-form-wrp__bg1 {
    width: 336px;
    height: 89px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__bg1 {
    left: -50px;
  }
}

.small-form-wrp__bg2 {
  left: 525px;
  top: 0;
  width: 393px;
  height: 109px;
  background-image: url("../../images/img/new-page/single-course/form-bg2.svg");
}
@media (max-width:1680px) {
  .small-form-wrp__bg2 {
    left: 343px;
    width: 251px;
    height: 67px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__bg2 {
    left: auto;
    right: 110px;
  }
}
@media (max-width:767px) {
  .small-form-wrp__bg2 {
    right: -40px;
  }
}

.small-form-wrp__bg3 {
  right: 226px;
  bottom: -23%;
  width: 666px;
  height: 217px;
  background-image: url("../../images/img/new-page/single-course/form-bg3.svg");
}
@media (max-width:1680px) {
  .small-form-wrp__bg3 {
    width: 433px;
    height: 142px;
    bottom: 5px;
    right: 147px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__bg3 {
    right: -80px;
    bottom: -25px;
  }
}
@media (max-width:767px) {
  .small-form-wrp__bg3 {
    width: 290px;
    height: 95px;
    top: 32%;
    bottom: auto;
  }
}

.small-form-wrp__bg4 {
  right: 5px;
  top: 0;
  width: 157px;
  height: 378px;
  background-image: url("../../images/img/new-page/single-course/form-bg4.svg");
}
@media (max-width:1680px) {
  .small-form-wrp__bg4 {
    width: 96px;
    height: 246px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__bg4 {
    display: none;
  }
}
.small-form-wrp__row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding: 50px 20px;
  background: rgb(255, 143, 25);
  background: linear-gradient(27deg, rgb(255, 143, 25) 0%, rgb(255, 185, 0) 100%);
  border-radius: 15px;
}
@media (max-width:1680px) {
  .small-form-wrp__row {
    padding: 40px 20px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__row {
    justify-content: space-between;
  }
}
@media (max-width:767px) {
  .small-form-wrp__row {
    padding: 50px 20px;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.small-form-wrp__col {
  position: relative;
  max-width: 579px;
  margin-right: 93px;
  margin-left: 216px;
  z-index: 1;
}
@media (max-width:1680px) {
  .small-form-wrp__col {
    margin-left: 102px;
    max-width: 410px;
    margin-right: 110px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__col {
    margin-right: 35px;
    max-width: 292px;
    margin-left: 45px;
  }
}
@media (max-width:767px) {
  .small-form-wrp__col {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.small-form-wrp__title {
  font-size: 50px;
  color: #ffffff;
  font-weight: 600;
  line-height: 110%;
}
@media (max-width:1680px) {
  .small-form-wrp__title {
    font-size: 38px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__title {
    font-size: 30px;
    font-weight: 500;
  }
}

.small-form-wrp__col-form {
  position: relative;
  max-width: 481px;
  z-index: 1;
}
@media (max-width:1680px) {
  .small-form-wrp__col-form {
    max-width: 427px;
  }
}
@media (max-width:991px) {
  .small-form-wrp__col-form {
    max-width: 320px;
  }
}
@media (max-width:767px) {
  .small-form-wrp__col-form {
    max-width: 100%;
  }
}

.small-form-wrp__form .start-contacts-btn {
  width: auto;
  padding: 10px 30px;
}
@media (max-width:991px) {
  .small-form-wrp__form .start-contacts-btn {
    width: 100%;
  }
}

@media (max-width:767px) {
  .slider-wrapper-btn {
    display: none;
  }
}

.welcome-wrp {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
  background: #9F97FB;
}
@media (max-width:991px) {
  .welcome-wrp {
    padding: 40px 0;
  }
}
@media (max-width:767px) {
  .welcome-wrp {
    padding: 30px 0;
  }
}

.welcome-wrp__container {
  position: relative;
  width: 100%;
  max-width: 1396px;
  margin: 0 auto;
}

.welcome-wrp__row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -15px;
}
@media (max-width:767px) {
  .welcome-wrp__row {
    margin: 0;
    flex-direction: column;
  }
}

.welcome-wrp__col {
  width: 100%;
  flex: 1;
  padding: 0 15px;
  max-width: 680px;
}
@media (max-width:767px) {
  .welcome-wrp__col {
    max-width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}

.welcome-wrp__col--video {
  max-width: 690px;
}
@media (max-width:767px) {
  .welcome-wrp__col--video {
    max-width: 100%;
  }
}

.welcome-wrp__title {
  position: relative;
  margin-bottom: 30px;
  font-family: "Raleway", sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 130%;
  color: #ffffff;
  font-variant-numeric: lining-nums proportional-nums;
  z-index: 1;
}
@media (max-width:1680px) {
  .welcome-wrp__title {
    margin-bottom: 25px;
    font-size: 40px;
  }
}
@media (max-width:991px) {
  .welcome-wrp__title {
    margin-bottom: 10px;
    font-size: 24px;
  }
}
@media (max-width:767px) {
  .welcome-wrp__title {
    font-size: 21px;
  }
}

.welcome-wrp__description {
  color: #ffffff;
  font-size: 27px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .welcome-wrp__description {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .welcome-wrp__description {
    font-size: 16px;
  }
}

.welcome-wrp__video-box {
  overflow: hidden;
  position: relative;
}

.welcome-wrp__video {
  width: 100%;
  height: 589px;
  border-radius: 20px;
  border: 3px solid #FFF;
  overflow: hidden;
  position: relative;
  background: #5B5B5B;
  cursor: pointer;
  display: block;
}
.welcome-wrp__video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1680px) {
  .welcome-wrp__video {
    height: 473px;
    border-radius: 15px;
  }
}
@media (max-width:991px) {
  .welcome-wrp__video {
    height: 274px;
    border-radius: 12px;
  }
}
.welcome-wrp__video::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../../images/img/new-page/courses-mentor/play.svg");
  background-position: 36px center;
  background-repeat: no-repeat;
  width: 102px;
  height: 102px;
  bottom: auto;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  position: absolute;
  background-size: 42px;
}
@media (max-width:1680px) {
  .welcome-wrp__video::before {
    width: 80px;
    height: 80px;
    background-size: 30px;
    background-position: 29px center;
  }
}
@media (max-width:991px) {
  .welcome-wrp__video::before {
    width: 64px;
    height: 64px;
    background-size: 20px;
    background-position: 25px center;
  }
}
.welcome-wrp__video:hover::before {
  transform: translate(-50%, -50%) scale(1.2, 1.2);
}

.welcome-wrp__stars-icons {
  left: -140px;
  top: -25px;
  opacity: 0.3;
}
@media (max-width:1680px) {
  .welcome-wrp__stars-icons {
    top: 0;
    left: -100px;
  }
}
@media (max-width:991px) {
  .welcome-wrp__stars-icons {
    left: -27px;
    top: -33px;
  }
}
.welcome-wrp__stars-icons .stars-icons__icon1 {
  width: 112px;
  height: 137px;
  transform: rotate(15deg);
}
@media (max-width:991px) {
  .welcome-wrp__stars-icons .stars-icons__icon1 {
    width: 44px;
    height: 54px;
  }
}
.welcome-wrp__stars-icons .stars-icons__icon2 {
  width: 73px;
  height: 90px;
  top: 160px;
  left: 40px;
  transform: rotate(-15deg);
}
@media (max-width:991px) {
  .welcome-wrp__stars-icons .stars-icons__icon2 {
    width: 29px;
    height: 35px;
    top: 55px;
    left: 15px;
  }
}
.welcome-wrp__bg1,
.welcome-wrp__bg2,
.welcome-wrp__bg3 {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.welcome-wrp__bg1 {
  top: 35px;
  left: 0;
  width: 100%;
  height: 352px;
  background-image: url("../../images/img/new-page/courses-mentor/welcome-box-bg1.svg");
  background-position: left top;
  background-size: cover;
}
@media (max-width:1680px) {
  .welcome-wrp__bg1 {
    width: 1540px;
  }
}
@media (max-width:991px) {
  .welcome-wrp__bg1 {
    width: 100%;
    max-width: 768px;
  }
}
@media (max-width:767px) {
  .welcome-wrp__bg1 {
    width: 606px;
    height: 112px;
    left: -60px;
  }
}

.welcome-wrp__bg2 {
  bottom: 10px;
  right: -40px;
  width: 306px;
  height: 180px;
  background-image: url("../../images/img/new-page/courses-mentor/welcome-box-bg2.svg");
}
@media (max-width:1680px) {
  .welcome-wrp__bg2 {
    right: 0;
    bottom: 0;
  }
}
@media (max-width:991px) {
  .welcome-wrp__bg2 {
    width: 176px;
    height: 104px;
    bottom: 15px;
    right: -25px;
  }
}
@media (max-width:767px) {
  .welcome-wrp__bg2 {
    bottom: 0;
  }
}

.welcome-wrp__bg3 {
  bottom: 0;
  left: 0;
  width: 293px;
  height: 292px;
  background-image: url("../../images/img/new-page/courses-mentor/welcome-box-bg3.svg");
}
@media (max-width:1680px) {
  .welcome-wrp__bg3 {
    width: 222px;
    height: 222px;
  }
}
@media (max-width:991px) {
  .welcome-wrp__bg3 {
    width: 138px;
    height: 138px;
  }
}
@media (max-width:767px) {
  .welcome-wrp__bg3 {
    left: -10px;
  }
}

.advantages-inner__stars-icons {
  left: 0;
  top: -70px;
  opacity: 0.2;
}
@media (max-width:1680px) {
  .advantages-inner__stars-icons {
    left: -43px;
    top: -50px;
  }
}
@media (max-width:991px) {
  .advantages-inner__stars-icons {
    left: 45px;
    top: -20px;
  }
}
@media (max-width:767px) {
  .advantages-inner__stars-icons {
    left: 0;
  }
}

.advantages-inner__stars-icons .stars-icons__icon1 {
  width: 86px;
  height: 106px;
  transform: rotate(15deg);
}
@media (max-width:1680px) {
  .advantages-inner__stars-icons .stars-icons__icon1 {
    width: 65px;
    height: 80px;
  }
}
@media (max-width:991px) {
  .advantages-inner__stars-icons .stars-icons__icon1 {
    width: 49px;
    height: 60px;
    transform: rotate(34deg);
  }
}
.advantages-inner__stars-icons .stars-icons__icon2 {
  width: 70px;
  height: 85px;
  top: 90px;
  left: -22px;
  transform: rotate(-28deg);
}
@media (max-width:1680px) {
  .advantages-inner__stars-icons .stars-icons__icon2 {
    width: 52px;
    height: 63px;
  }
}
@media (max-width:991px) {
  .advantages-inner__stars-icons .stars-icons__icon2 {
    width: 40px;
    height: 48px;
    top: 55px;
    left: -10px;
  }
}
.advantages-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 153px;
  position: relative;
  overflow: hidden;
  background: #9F97FB;
}
@media (max-width:1680px) {
  .advantages-inner {
    height: 115px;
  }
}
@media (max-width:991px) {
  .advantages-inner {
    height: 178px;
  }
}
@media (max-width:767px) {
  .advantages-inner {
    height: auto;
    padding: 38px 0;
  }
}

.advantages-inner .container {
  position: relative;
}

.advantages-inner__bg1,
.advantages-inner__bg2 {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../images/img/new-page/courses-mentor/lines-adv1.svg");
}

.advantages-inner__bg1 {
  top: -50px;
  left: -30px;
  width: 283px;
  height: 215px;
  opacity: 0.1;
}
@media (max-width:1680px) {
  .advantages-inner__bg1 {
    width: 214px;
    height: 162px;
    left: -25px;
    top: -40px;
  }
}
@media (max-width:991px) {
  .advantages-inner__bg1 {
    top: 0;
    left: -20px;
    width: 162px;
    height: 122px;
  }
}
@media (max-width:767px) {
  .advantages-inner__bg1 {
    left: -10%;
  }
}

.advantages-inner__bg2 {
  top: 0;
  right: -10px;
  width: 283px;
  height: 215px;
  opacity: 0.2;
}
@media (max-width:1680px) {
  .advantages-inner__bg2 {
    right: -20px;
    width: 214px;
    height: 162px;
  }
}
@media (max-width:991px) {
  .advantages-inner__bg2 {
    width: 167px;
    height: 127px;
    top: auto;
    bottom: 0;
    right: -60px;
  }
}
@media (max-width:767px) {
  .advantages-inner__bg2 {
    right: -50px;
  }
}

.advantages-inner__list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 20px;
}
@media (max-width:991px) {
  .advantages-inner__list {
    margin: 0 10px -25px;
  }
}
@media (max-width:767px) {
  .advantages-inner__list {
    margin: 0;
    flex-direction: column;
  }
}

.advantages-inner__item {
  flex: 1;
  margin-right: 20px;
}
@media (max-width:991px) {
  .advantages-inner__item {
    flex: 0 0 auto;
    margin: 0;
    width: 50%;
    padding-bottom: 25px;
  }
}
@media (max-width:767px) {
  .advantages-inner__item {
    width: 100%;
  }
  .advantages-inner__item:last-child {
    padding-bottom: 0;
  }
}

.advantages-inner__item-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.advantages-inner__icon {
  flex: 0 0 auto;
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width:1680px) {
  .advantages-inner__icon {
    width: 40px;
    height: 40px;
  }
}

.advantages-inner__icon--i1 {
  background-image: url("../../images/img/new-page/courses-mentor/adv-i1.svg");
}

.advantages-inner__icon--i2 {
  background-image: url("../../images/img/new-page/courses-mentor/adv-i2.svg");
}

.advantages-inner__icon--i3 {
  background-image: url("../../images/img/new-page/courses-mentor/adv-i3.svg");
}

.advantages-inner__icon--i4 {
  background-image: url("../../images/img/new-page/courses-mentor/adv-i4.svg");
}

.advantages-inner__item-text {
  max-width: 270px;
  margin-left: 10px;
  font-size: 21px;
  color: #ffffff;
}
@media (max-width:1680px) {
  .advantages-inner__item-text {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .advantages-inner__item-text {
    max-width: 100%;
    font-size: 16px;
  }
}

.icon-download {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 70px;
  height: 70px;
  background: url("../../images/img/new-page/download.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:991px) {
  .icon-download {
    width: 55px;
    height: 55px;
  }
}
@media (max-width:767px) {
  .icon-download {
    width: 35px;
    height: 35px;
  }
}

.program-learning__wrp {
  margin-top: 60px;
}
@media (max-width:1680px) {
  .program-learning__wrp {
    margin-top: 45px;
  }
}
@media (max-width:991px) {
  .program-learning__wrp {
    margin-top: 30px;
  }
}

.program-learning__hours {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .program-learning__hours {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .program-learning__hours {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
@media (max-width:767px) {
  .program-learning__hours {
    text-align: right;
    font-size: 14px;
  }
}

.program-learning__hours-download {
  display: block;
}
@media (max-width:767px) {
  .program-learning__hours-download {
    margin-left: auto;
  }
}

.program-learning__list {
  overflow: hidden;
}
.program-learning__list._is-show {
  max-height: inherit;
}

.program-learning__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 70px 0 50px;
  border-bottom: 1px solid #A09D9D;
  transition: 0.3s;
  opacity: 1;
  transform: translateY(0);
}
@media (max-width:1680px) {
  .program-learning__item {
    padding: 55px 0;
  }
}
@media (max-width:991px) {
  .program-learning__item {
    padding: 20px 0;
  }
}
@media (max-width:767px) {
  .program-learning__item {
    flex-direction: column;
  }
}

.program-learning__item._is-expand {
  opacity: 0;
  transform: translateY(-10px);
}

.program-learning__item:first-child {
  padding-top: 0 !important;
}

.program-learning__count {
  font-size: 90px;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
}
@media (max-width:1680px) {
  .program-learning__count {
    font-size: 65px;
  }
}
@media (max-width:991px) {
  .program-learning__count {
    font-size: 45px;
  }
}
@media (max-width:767px) {
  .program-learning__count {
    margin-bottom: 20px;
  }
}

.program-learning__title {
  font-size: 46px;
  margin-bottom: 20px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .program-learning__title {
    margin-bottom: 15px;
    font-size: 40px;
  }
}
@media (max-width:991px) {
  .program-learning__title {
    margin-bottom: 10px;
    font-size: 21px;
  }
}

.program-learning__text {
  font-size: 24px;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width:1680px) {
  .program-learning__text {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .program-learning__text {
    font-size: 18px;
  }
}
.program-learning__descr {
  margin-left: auto;
  max-width: 854px;
  width: 100%;
}
@media (max-width:1680px) {
  .program-learning__descr {
    max-width: 663px;
  }
}
@media (max-width:991px) {
  .program-learning__descr {
    max-width: 574px;
    margin-left: 20px;
  }
}
@media (max-width:767px) {
  .program-learning__descr {
    margin-left: 0;
    max-width: 100%;
  }
}

.program-learning__descr > br,
.program-learning__title > br {
  display: none;
}

.program-learning__links {
  border-bottom: 1px solid #A09D9D;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  margin-top: 30px;
}
@media (max-width:1680px) {
  .program-learning__links {
    margin-top: 20px;
  }
}
@media (max-width:991px) {
  .program-learning__links {
    margin-top: 15px;
  }
}
.program-learning__list._is-show + .program-learning__links {
  border: none;
}

.program-learning__links-link {
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .program-learning__links-link {
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .program-learning__links-link {
    margin-bottom: 10px;
  }
}

.program-learning__links-link._is-hide {
  display: none;
}

.link-with-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  font-size: 24px;
  margin-right: 31px;
  color: #7B20FF;
  border-bottom: 1px solid;
  transition: 0.2s;
}
.link-with-arrow:hover {
  border-color: transparent;
}
@media (max-width:1680px) {
  .link-with-arrow {
    margin-right: 25px;
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .link-with-arrow {
    margin-right: 24px;
    font-size: 14px;
  }
}
.link-with-arrow:after {
  position: absolute;
  content: "";
  right: -25px;
  top: 0;
  width: 16px;
  height: 15px;
  background-image: url("../../images/img/new-page/courses-mentor/arrow-link.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width:1680px) {
  .link-with-arrow:after {
    width: 15px;
    height: 14px;
  }
}
@media (max-width:991px) {
  .link-with-arrow:after {
    width: 14px;
    height: 13px;
  }
}
.link-with-arrow--gray {
  color: rgba(59, 65, 75, 0.5);
}
.link-with-arrow--gray:after {
  transform: scale(-1, -1);
  background-image: url("../../images/img/new-page/courses-mentor/arrow-link-gray.svg");
}

.why-we__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width:991px) {
  .why-we__row {
    display: block;
  }
}
@media (max-width:767px) {
  .why-we__row {
    display: flex;
    flex-direction: column;
  }
}

.why-we__img {
  flex: 0 0 auto;
  border-radius: 12px;
  margin-right: 45px;
  width: 100%;
  max-width: 502px;
}
.why-we__img img {
  width: 100%;
}
@media (max-width:1680px) {
  .why-we__img {
    margin-right: 30px;
    max-width: 396px;
  }
}
@media (max-width:991px) {
  .why-we__img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 190px;
  }
}
@media (max-width:767px) {
  .why-we__img {
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    order: 1;
    text-align: center;
  }
}

@media (max-width:991px) {
  .why-we__content .list-important__item {
    clear: both;
  }
}
@media (max-width:991px) {
  .why-we__content .list-important__item:first-of-type {
    clear: none;
    margin-left: 210px;
  }
}
@media (max-width:767px) {
  .why-we__content .list-important__item:first-of-type {
    margin-left: 0;
  }
}

.why-we__title {
  margin-bottom: 40px;
  font-family: "Raleway", sans-serif;
  font-size: 45px;
  font-weight: bold;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .why-we__title {
    margin-bottom: 30px;
    font-size: 35px;
  }
}
@media (max-width:991px) {
  .why-we__title {
    margin-bottom: 20px;
    font-size: 25px;
  }
}

.why-we__item:last-child {
  margin-bottom: 0;
}

.for-whom {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  background: rgba(241, 141, 38, 0.1);
  border: 1px;
}
.for-whom__list {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  margin: 0 -15px;
  z-index: 1;
  flex-wrap: wrap;
}
@media (max-width:991px) {
  .for-whom__list {
    margin: 0 -5px;
  }
}
@media (max-width:767px) {
  .for-whom__list {
    flex-direction: column;
    margin: 0;
  }
}

.for-whom__item {
  width: 33.333%;
  padding: 0 15px;
  margin-bottom: 15px;
}
@media (max-width:991px) {
  .for-whom__item {
    padding: 0 5px;
  }
}
@media (max-width:767px) {
  .for-whom__item {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}

.for-whom__item.for-whom__item-width {
  width: 100%;
}

.for-whom__item:last-child {
  margin-bottom: 0;
}

.for-whom__item--selected .for-whom__item-content {
  border: 1px solid #F18D26;
}

.for-whom__item-icon {
  width: 82px;
  height: 68px;
  margin-bottom: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width:1680px) {
  .for-whom__item-icon {
    width: 71px;
    height: 58px;
  }
}
@media (max-width:991px) {
  .for-whom__item-icon {
    width: 66px;
    height: 54px;
    margin-bottom: 20px;
  }
}
.for-whom__item-content {
  padding: 25px;
  border-radius: 12px;
  border: 1px solid rgba(59, 65, 75, 0.5);
  /*height: 230px;*/
  height: 100%;
}
@media (max-width:1680px) {
  .for-whom__item-content {
    padding: 16px 10px;
  }
}
@media (max-width:767px) {
  .for-whom__item-content {
    /*height: 192px;*/
    height: auto;
  }
}

.for-whom__item-descr {
  font-size: 26px;
  line-height: 130%;
  margin: 0;
}
@media (max-width:1680px) {
  .for-whom__item-descr {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .for-whom__item-descr {
    font-size: 18px;
  }
}

.for-whom__bg1,
.for-whom__bg2 {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.for-whom__bg1 {
  bottom: 0;
  left: 0;
  width: 213px;
  height: 281px;
  background-image: url("../../images/img/new-page/courses-mentor/for-whom-lines-1.svg");
}
@media (max-width:1680px) {
  .for-whom__bg1 {
    width: 213px;
    height: 281px;
    left: -14px;
    bottom: -40px;
  }
}
@media (max-width:991px) {
  .for-whom__bg1 {
    width: 153px;
    height: 201px;
    top: auto;
    left: 0;
    bottom: 0;
  }
}
@media (max-width:767px) {
  .for-whom__bg1 {
    top: 150px;
    left: auto;
    bottom: auto;
    right: -50px;
  }
}

.for-whom__bg2 {
  top: 0;
  right: -50px;
  width: 247px;
  height: 327px;
  background-image: url("../../images/img/new-page/courses-mentor/for-whom-lines-2.svg");
}
@media (max-width:1680px) {
  .for-whom__bg2 {
    right: -20px;
    width: 247px;
    height: 327px;
  }
}
@media (max-width:991px) {
  .for-whom__bg2 {
    width: 163px;
    height: 217px;
    top: auto;
    bottom: -20px;
    right: -30px;
  }
}
@media (max-width:767px) {
  .for-whom__bg2 {
    right: -50px;
    bottom: 0;
  }
}

.stars-icons--inner {
  position: absolute;
  left: -6rem;
  top: -2rem;
  opacity: 1;
}
.stars-icons__icon1,
.stars-icons__icon2 {
  left: 0;
  top: 0;
  background: url("../../images/img/new-page/star-white.svg") no-repeat center;
  background-size: contain;
  opacity: 1;
}

.stars-icons__icon1 {
  width: 67px;
  height: 83px;
}
.stars-icons__icon2 {
  width: 44px;
  height: 54px;
  left: 40px;
}
.teachers__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #A09D9D;
  padding: 50px 0;
}
@media (max-width:1680px) {
  .teachers__item {
    padding: 40px 0;
  }
}
@media (max-width:991px) {
  .teachers__item {
    flex-wrap: wrap;
    padding: 20px 0;
  }
}

.teachers__img {
  flex: 0 0 auto;
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width:1680px) {
  .teachers__img {
    width: 127px;
    height: 127px;
  }
}
@media (max-width:991px) {
  .teachers__img {
    width: 84px;
    height: 84px;
  }
}
.teachers__name {
  margin-left: 80px;
  margin-right: 40px;
  font-family: "Raleway", sans-serif;
  font-size: 46px;
  font-weight: 500;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .teachers__name {
    margin-left: 50px;
    font-size: 40px;
  }
}
@media (max-width:991px) {
  .teachers__name {
    flex: 1;
    font-size: 25px;
    margin-left: 20px;
    margin-right: 0;
  }
}
.teachers__descr {
  max-width: 854px;
  margin-left: auto;
  font-size: 24px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .teachers__descr {
    font-size: 21px;
    max-width: 507px;
  }
}
@media (max-width:991px) {
  .teachers__descr {
    max-width: 100%;
    margin-left: 0;
    margin-top: 20px;
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .list-important {
    margin-bottom: 20px;
  }
}

.list-important__item {
  position: relative;
  margin-bottom: 35px;
  padding-left: 37px;
  font-size: 21px;
  font-weight: 300;
  line-height: 130%;
}
@media (max-width:1680px) {
  .list-important__item {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .list-important__item {
    padding-left: 26px;
    margin-bottom: 15px;
    font-size: 16px;
  }
}
.list-important__item:after {
  position: absolute;
  content: "";
  left: 0;
  top: 5px;
  width: 22px;
  height: 29px;
  background: url("../../images/img/new-page/courses-mentor/lighter.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .list-important__item:after {
    width: 22px;
    height: 29px;
  }
}
@media (max-width:991px) {
  .list-important__item:after {
    width: 18px;
    height: 24px;
  }
}

.faq__accordion {
  width: 100%;
}
.faq__accordion .accordion__item {
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 20px;
}
@media (max-width:1680px) {
  .faq__accordion .accordion__item {
    padding-bottom: 20px;
  }
}
@media (max-width:991px) {
  .faq__accordion .accordion__item {
    padding-bottom: 15px;
  }
}
.faq__accordion .accordion__item:last-child {
  border: 0;
  padding-bottom: 0;
}
.faq__accordion .accordion__item:last-child .accordion__item-content p {
  margin-bottom: 0;
}

.faq__accordion .accordion__item:last-child {
  border: 0;
}

.faq__accordion .accordion__item-header {
  padding: 40px 50px 20px 0;
  align-items: center;
}
@media (max-width:1680px) {
  .faq__accordion .accordion__item-header {
    padding: 35px 45px 15px 0;
  }
}
@media (max-width:991px) {
  .faq__accordion .accordion__item-header {
    padding: 15px 30px 0 0;
  }
}

.faq__accordion .accordion__item-header:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -23px;
  width: 45px;
  height: 45px;
  background: url("../../images/img/new-page/courses-mentor/plus-accordion.svg") no-repeat center;
  background-size: contain;
  transform: rotate(0);
  transition: 0.3s;
}
@media (max-width:1680px) {
  .faq__accordion .accordion__item-header:before {
    margin-top: -17px;
    width: 40px;
    height: 40px;
  }
}
@media (max-width:991px) {
  .faq__accordion .accordion__item-header:before {
    margin-top: -13px;
    width: 26px;
    height: 26px;
  }
}

.faq__accordion .accordion-open .accordion__item-header::before {
  background: url("../../images/img/new-page/courses-mentor/plus-accordion-active.svg") no-repeat center;
  background-size: contain;
  transform: rotate(45deg);
}

.faq__accordion .accordion__item-header h3 {
  font-family: "Raleway", sans-serif;
  font-size: 35px;
  font-weight: 500;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .faq__accordion .accordion__item-header h3 {
    font-size: 30px;
  }
}
@media (max-width:991px) {
  .faq__accordion .accordion__item-header h3 {
    font-size: 18px;
  }
}

.faq__accordion .accordion__item-content p {
  margin-bottom: 20px;
  padding-right: 20px;
  max-width: 1260px;
  font-size: 24px;
  font-weight: 300;
  line-height: 130%;
  color: #3B414B;
}
@media (max-width:1680px) {
  .faq__accordion .accordion__item-content p {
    padding-right: 40px;
    margin-bottom: 15px;
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .faq__accordion .accordion__item-content p {
    padding-right: 30px;
    margin-bottom: 0;
    font-size: 16px;
  }
}

.courses-fee__header {
  font-family: "Raleway", sans-serif;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #BCBCBC;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .courses-fee__header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .courses-fee__header {
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

.courses-fee__box {
  border-radius: 12px;
  padding: 30px;
  border: 1px solid #3B414B;
}
@media (max-width:1680px) {
  .courses-fee__box {
    padding: 25px;
  }
}
@media (max-width:991px) {
  .courses-fee__box {
    padding: 15px;
  }
}

.courses-fee__wrp {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width:991px) {
  .courses-fee__wrp {
    flex-direction: column;
  }
}

.courses-fee__chars {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
}
@media (max-width:991px) {
  .courses-fee__chars {
    order: 1;
    border-top: 1px solid #BCBCBC;
    padding-top: 15px;
    margin-top: 15px;
  }
}

.courses-fee__content {
  max-width: 707px;
}
@media (max-width:1680px) {
  .courses-fee__content {
    max-width: 558px;
  }
}
@media (max-width:991px) {
  .courses-fee__content {
    order: 0;
    max-width: 100%;
  }
}

@media (max-width:991px) {
  .courses-fee__content .list-important__item {
    font-size: 14px;
  }
}

.courses-fee__counter-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  opacity: 0.7;
  margin-bottom: 40px;
}
@media (max-width:991px) {
  .courses-fee__counter-list {
    margin-bottom: 40px;
  }
}

.courses-fee__counter-list-item {
  margin-right: 25px;
}
.courses-fee__counter-list-item:last-child {
  margin-right: 0;
}
@media (max-width:991px) {
  .courses-fee__counter-list-item {
    width: 50%;
  }
}

.courses-fee__counter-list-title {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .courses-fee__counter-list-title {
    font-size: 14px;
  }
}
.courses-fee__counter-list-count {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 25px;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .courses-fee__counter-list-count {
    font-size: 20px;
  }
}
.courses-fee__cost {
  margin-top: auto;
}
@media (max-width:991px) {
  .courses-fee__cost {
    margin-top: 0;
  }
}

.courses-fee__cost-title {
  margin-bottom: 10px;
  font-size: 21px;
  color: #000000;
}
@media (max-width:1680px) {
  .courses-fee__cost-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .courses-fee__cost-title {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

.courses-fee__cost-text {
  font-size: 16px;
  color: #222222;
}
@media (max-width:1680px) {
  .courses-fee__cost-text {
    font-size: 14px;
  }
}
@media (max-width:991px) {
  .courses-fee__cost-text {
    font-size: 12px;
  }
}

.courses-fee__price {
  margin-top: 20px;
}
@media (max-width:1680px) {
  .courses-fee__price {
    margin-top: 15px;
  }
}
@media (max-width:991px) {
  .courses-fee__price {
    margin-top: 20px;
  }
}

.courses-fee__price-count {
  margin-bottom: 50px;
}
@media (max-width:991px) {
  .courses-fee__price-count {
    margin-bottom: 30px;
  }
}

.courses-fee__price-old {
  font-size: 40px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
}
@media (max-width:1680px) {
  .courses-fee__price-old {
    font-size: 32px;
  }
}
@media (max-width:991px) {
  .courses-fee__price-old {
    font-size: 24px;
  }
}

.courses-fee__price-new {
  font-size: 65px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  line-height: 130%;
  color: #F18D26;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .courses-fee__price-new {
    font-size: 45px;
  }
}
@media (max-width:991px) {
  .courses-fee__price-new {
    font-size: 35px;
  }
}

.courses-fee__btn {
  font-size: 22px;
}
@media (max-width:1680px) {
  .courses-fee__btn {
    font-size: 20px;
    height: 52px;
  }
}
@media (max-width:991px) {
  .courses-fee__btn {
    font-size: 18px;
    height: 50px;
    width: 100%;
    max-width: 100%;
  }
}

.user-reviews {
  position: relative;
  overflow: hidden;
  padding: 60px 0 120px;
  background: rgba(255, 240, 225, 0.3);
}
@media (max-width:1680px) {
  .user-reviews {
    padding: 30px 0 134px;
  }
}
@media (max-width:991px) {
  .user-reviews {
    padding: 30px 0 94px;
  }
}
@media (max-width:767px) {
  .user-reviews {
    padding: 30px 0 65px;
  }
}

.user-reviews__stars-icons.user-reviews__stars-icons {
  left: -6rem;
}
@media (max-width:991px) {
  .user-reviews__stars-icons.user-reviews__stars-icons {
    left: -19px;
    top: -20px;
  }
}

@media (max-width:991px) {
  .user-reviews__stars-icons .stars-icons__icon1.stars-icons__icon1 {
    width: 72px;
    height: 86px;
  }
}

.user-reviews__deco {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 807px;
  height: 266px;
  background: url("../../images/img/new-page/courses-mentor/reviews-deco.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .user-reviews__deco {
    width: 686px;
    height: 226px;
    right: -20px;
  }
}
@media (max-width:991px) {
  .user-reviews__deco {
    width: 340px;
    height: 110px;
    bottom: 30px;
    right: -30px;
  }
}
@media (max-width:767px) {
  .user-reviews__deco {
    width: 257px;
    height: 84px;
    right: -50px;
    bottom: 10px;
  }
}

.user-reviews__deco2 {
  position: absolute;
  right: 0;
  top: -30px;
  width: 267px;
  height: 355px;
  background: url("../../images/img/new-page/courses-mentor/reviews-deco2.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .user-reviews__deco2 {
    top: 0;
  }
}
@media (max-width:991px) {
  .user-reviews__deco2 {
    width: 185px;
    height: 239px;
    right: -20px;
  }
}
@media (max-width:767px) {
  .user-reviews__deco2 {
    right: -60px;
  }
}

.user-reviews__row {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -25px;
  z-index: 1;
}
@media (max-width:1680px) {
  .user-reviews__row {
    margin: 0 -15px;
  }
}
@media (max-width:991px) {
  .user-reviews__row {
    margin: 0 -10px;
  }
}
@media (max-width:767px) {
  .user-reviews__row {
    margin: 0;
    flex-direction: column;
  }
}

.user-reviews__slider-col {
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  padding: 0 25px;
  max-width: 436px;
  z-index: 2;
}
@media (max-width:1680px) {
  .user-reviews__slider-col {
    padding: 0 15px;
    max-width: 386px;
  }
}
@media (max-width:991px) {
  .user-reviews__slider-col {
    max-width: 276px;
    padding: 0 10px;
  }
}
@media (max-width:767px) {
  .user-reviews__slider-col {
    padding: 0;
    margin-top: 60px;
    max-width: 100%;
    order: 1;
  }
}

.user-reviews__reviews-col {
  padding: 0 25px;
}
@media (max-width:1680px) {
  .user-reviews__reviews-col {
    padding: 0 15px;
  }
}
@media (max-width:991px) {
  .user-reviews__reviews-col {
    padding: 0 10px;
  }
}
@media (max-width:767px) {
  .user-reviews__reviews-col {
    padding: 0;
    order: 0;
    width: 100%;
  }
}

.user-reviews__slider {
  position: relative;
  padding: 20px;
  background: #ffffff;
  border-radius: 12px;
}
@media (max-width:991px) {
  .user-reviews__slider {
    padding: 15px;
  }
}

.user-reviews__deco-arrow {
  position: absolute;
  padding-left: 112px;
  right: -100%;
  bottom: -100px;
  max-width: 470px;
  font-size: 27px;
  font-weight: 500;
  color: #7B20FF;
}
.user-reviews__deco-arrow:after {
  position: absolute;
  content: "";
  left: 0;
  top: -35px;
  width: 92px;
  height: 85px;
  background: url("../../images/img/new-page/courses-mentor/arrow-slider-deco.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:991px) {
  .user-reviews__deco-arrow:after {
    width: 50px;
    height: 45px;
    top: 0;
    left: -15px;
  }
}
@media (max-width:767px) {
  .user-reviews__deco-arrow:after {
    transform: scale(1, -1);
    top: -13px;
    left: -40px;
  }
}
@media (max-width:1680px) {
  .user-reviews__deco-arrow {
    max-width: 375px;
    font-size: 21px;
    right: -65%;
    bottom: -145px;
  }
}
@media (max-width:991px) {
  .user-reviews__deco-arrow {
    padding-left: 0;
    max-width: 185px;
    bottom: -90px;
    right: -57%;
    font-size: 14px;
    text-align: right;
  }
}
@media (max-width:767px) {
  .user-reviews__deco-arrow {
    bottom: auto;
    top: -45px;
    right: 0;
  }
}

.user-reviews__slider-nav {
  transform: translate(0, 68px);
}
@media (max-width:991px) {
  .user-reviews__slider-nav {
    display: grid;
  }
}
@media (max-width:767px) {
  .user-reviews__slider-nav {
    transform: translate(0, 55px);
  }
}

.user-reviews__slider-nav .start__news-btn {
  display: block;
}

.user-reviews-swiper {
  overflow: hidden;
}

.user-reviews__slider-slide {
  width: 100%;
}

.user-reviews__slider-slide-media {
  margin-bottom: 15px;
  height: 338px;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}
.user-reviews__slider-slide-media:after {
  width: 69px;
  height: 69px;
}
@media (max-width:1680px) {
  .user-reviews__slider-slide-media:after {
    width: 59px;
    height: 59px;
  }
}
@media (max-width:991px) {
  .user-reviews__slider-slide-media:after {
    width: 38px;
    height: 38px;
  }
}
@media (max-width:767px) {
  .user-reviews__slider-slide-media:after {
    width: 48px;
    height: 48px;
  }
}
@media (max-width:1680px) {
  .user-reviews__slider-slide-media {
    height: 296px;
  }
}
@media (max-width:991px) {
  .user-reviews__slider-slide-media {
    height: 194px;
  }
}
@media (max-width:767px) {
  .user-reviews__slider-slide-media {
    height: 243px;
  }
}

.user-reviews__slider-slide-name {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .user-reviews__slider-slide-name {
    margin-bottom: 10px;
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .user-reviews__slider-slide-name {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

.user-reviews__slider-slide-descr {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .user-reviews__slider-slide-descr {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .user-reviews__slider-slide-descr {
    font-size: 14px;
  }
}

@media (max-width:767px) {
  .user-reviews__list .scroll-wrapper {
    padding-right: 0;
  }
}

.user-reviews__list-wrp {
  position: relative;
  max-height: 590px;
}
@media (max-width:991px) {
  .user-reviews__list-wrp {
    max-height: 403px;
  }
}
@media (max-width:767px) {
  .user-reviews__list-wrp {
    overflow: hidden;
    max-height: inherit;
  }
}

.user-reviews__list-wrp .swiper-wrapper {
  display: block;
}
@media (max-width:767px) {
  .user-reviews__list-wrp .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.user-reviews__list-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  min-height: 177px;
}
@media (max-width:1680px) {
  .user-reviews__list-item {
    padding: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .user-reviews__list-item {
    padding: 10px;
    min-height: auto;
  }
}
@media (max-width:767px) {
  .user-reviews__list-item {
    margin-bottom: 0;
  }
}

.user-reviews__list-item-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
@media (max-width:1680px) {
  .user-reviews__list-item-top {
    margin-bottom: 10px;
  }
}
.user-reviews__list-item-name {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .user-reviews__list-item-name {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .user-reviews__list-item-name {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .user-reviews__list-item-name {
    max-width: 170px;
    margin-right: 10px;
  }
}

.user-reviews__list-item-img {
  flex: 0 0 auto;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 10px;
  margin-right: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width:1680px) {
  .user-reviews__list-item-img {
    width: 30px;
    height: 30px;
  }
}
@media (max-width:991px) {
  .user-reviews__list-item-img {
    margin-right: 10px;
  }
}

.user-reviews__list-item-date {
  margin-left: auto;
  font-size: 14px;
}
@media (max-width:991px) {
  .user-reviews__list-item-date {
    font-size: 12px;
  }
}

.user-reviews__list-item-descr {
  font-size: 18px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .user-reviews__list-item-descr {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .user-reviews__list-item-descr {
    font-size: 14px;
  }
}

.certificates-mentor {
  position: relative;
  background: rgba(159, 151, 251, 0.4);
  padding: 50px 0 125px;
  overflow: hidden;
}
.certificates-mentor:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 344px;
  background: url("../../images/img/new-page/courses-mentor/bg-cert.svg") no-repeat left top;
  background-size: contain;
}
@media (max-width:991px) {
  .certificates-mentor:after {
    height: 173px;
    background: url("../../images/img/new-page/courses-mentor/bg-cert-tablet.svg") no-repeat left top;
    background-size: cover;
  }
}
@media (max-width:767px) {
  .certificates-mentor:after {
    height: 52%;
    background: url("../../images/img/new-page/courses-mentor/bg-cert-mob.svg") no-repeat left top;
    background-size: 100%;
  }
}
@media (max-width:991px) {
  .certificates-mentor {
    padding: 60px 0 85px;
  }
}
@media (max-width:767px) {
  .certificates-mentor {
    padding: 30px 0 85px;
  }
}

.certificates-mentor__title {
  color: #3B414B;
}

.certificates-mentor__wrp {
  position: relative;
  z-index: 1;
}

.certificates-mentor__subtitle {
  width: 60%;
  margin: 0 auto 60px;
  font-size: 24px;
  text-align: center;
  line-height: 120%;
}
@media (max-width:1680px) {
  .certificates-mentor__subtitle {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .certificates-mentor__subtitle {
    margin: 0 auto 40px;
    width: 80%;
  }
}
@media (max-width:767px) {
  .certificates-mentor__subtitle {
    width: 100%;
  }
}

.certificates-mentor__list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0 -25px;
}
@media (max-width:1680px) {
  .certificates-mentor__list {
    margin: 0 -17.5px;
  }
}
@media (max-width:991px) {
  .certificates-mentor__list {
    margin: 0 -10px;
  }
}
@media (max-width:767px) {
  .certificates-mentor__list {
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
}

.certificates-mentor__item {
  position: relative;
  padding: 0 25px;
  max-width: 452px;
}
@media (max-width:1680px) {
  .certificates-mentor__item {
    max-width: 356px;
    padding: 0 17.5px;
  }
}
@media (max-width:1240px) {
  .certificates-mentor__item {
    max-width: 280px;
    padding: 0 10px;
  }
}
@media (max-width:991px) {
  .certificates-mentor__item {
    max-width: 232px;
    padding: 0 10px;
  }
}
@media (max-width:767px) {
  .certificates-mentor__item {
    max-width: 232px;
    padding: 0;
    margin-bottom: 75px;
  }
  .certificates-mentor__item:last-child {
    margin-bottom: 0;
  }
}

.certificates-mentor__item img {
  width: 100%;
}

.certificates-mentor__item-label {
  position: absolute;
  color: #7B20FF;
  font-size: 27px;
}
@media (max-width:1680px) {
  .certificates-mentor__item-label {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .certificates-mentor__item-label {
    font-size: 14px;
  }
}
.certificates-mentor__item-label:after {
  position: absolute;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.certificates-mentor__item-label span {
  font-weight: 500;
}

.certificates-mentor__item-label--left {
  top: 46%;
  left: -143px;
  max-width: 300px;
}
@media (max-width:1680px) {
  .certificates-mentor__item-label--left {
    top: 42%;
    left: -100px;
    max-width: 180px;
  }
}
@media (max-width:1240px) {
  .certificates-mentor__item-label--left {
    top: 44%;
    left: 0;
    max-width: 220px;
  }
}
@media (max-width:767px) {
  .certificates-mentor__item-label--left {
    top: auto;
    left: 0;
    bottom: 30%;
    max-width: 200px;
  }
}
.certificates-mentor__item-label--left:after {
  left: auto;
  right: 15px;
  bottom: -65px;
  width: 103px;
  height: 104px;
  background-image: url("../../images/img/new-page/courses-mentor/arrow-slider-deco.svg");
  transform: scale(-1, 1) rotate(-35deg);
}
@media (max-width:1680px) {
  .certificates-mentor__item-label--left:after {
    bottom: -90px;
    right: 10px;
  }
}
@media (max-width:991px) {
  .certificates-mentor__item-label--left:after {
    width: 55px;
    height: 55px;
    right: auto;
    left: 55px;
    bottom: -55px;
    transform: scale(-1, 1) rotate(-55deg);
  }
}
@media (max-width:767px) {
  .certificates-mentor__item-label--left:after {
    right: -60px;
    left: auto;
    bottom: -12px;
    transform: scale(-1, 1) rotate(0deg);
  }
}

.certificates-mentor__item-label--right {
  right: -140px;
  width: 400px;
  bottom: -60px;
  text-align: right;
}
@media (max-width:1680px) {
  .certificates-mentor__item-label--right {
    bottom: -50px;
    right: -100px;
    width: 310px;
  }
}
@media (max-width:1240px) {
  .certificates-mentor__item-label--right {
    right: 0;
    width: 205px;
    bottom: -45px;
  }
}
@media (max-width:767px) {
  .certificates-mentor__item-label--right {
    right: 0;
    bottom: -45px;
    left: auto;
  }
}
.certificates-mentor__item-label--right:after {
  left: 87px;
  top: -108px;
  width: 127px;
  height: 97px;
  background-image: url("../../images/img/new-page/courses-mentor/arrow-deco-secrt.svg");
}
@media (max-width:1680px) {
  .certificates-mentor__item-label--right:after {
    width: 95px;
    height: 76px;
    left: 83px;
    top: -80px;
  }
}
@media (max-width:991px) {
  .certificates-mentor__item-label--right:after {
    width: 60px;
    height: 50px;
    top: -70px;
    right: 45px;
    left: auto;
    transform: rotate(30deg);
  }
}
@media (max-width:767px) {
  .certificates-mentor__item-label--right:after {
    left: auto;
    right: -5px;
  }
}

.how-learning__list-swiper {
  overflow: hidden;
}

.how-learning__swiper-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width:991px) {
  .how-learning__swiper-wrapper {
    gap: 0;
  }
}

.how-learning__swiper-slide {
  width: auto;
  flex: 1;
  max-width: 284px;
}
@media (max-width:1680px) {
  .how-learning__swiper-slide {
    max-width: 234px;
  }
}
@media (max-width:991px) {
  .how-learning__swiper-slide {
    flex: 0 0 auto;
    max-width: 50%;
    width: 100%;
  }
}
@media (max-width:767px) {
  .how-learning__swiper-slide {
    max-width: 100%;
  }
}

.how-learning__item {
  position: relative;
}
.how-learning__item:after {
  position: absolute;
  content: "";
  left: 80px;
  top: 21px;
  width: calc(100% - 80px);
  height: 2px;
  background: #D6D6D6;
}
@media (max-width:991px) {
  .how-learning__item:after {
    height: 1px;
    left: 60px;
    width: calc(100% - 60px);
  }
}

.how-learning__subtitle {
  margin-bottom: 50px;
  font-size: 18px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .how-learning__subtitle {
    margin-bottom: 40px;
  }
}
@media (max-width:991px) {
  .how-learning__subtitle {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

.how-learning__item-count {
  font-size: 50px;
  margin-bottom: 30px;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #7B20FF;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .how-learning__item-count {
    font-size: 40px;
  }
}
@media (max-width:991px) {
  .how-learning__item-count {
    margin-bottom: 15px;
    font-size: 35px;
  }
}

.how-learning__title {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 130%;
  font-weight: 500;
}
@media (max-width:1680px) {
  .how-learning__title {
    font-size: 21px;
  }
}
@media (max-width:991px) {
  .how-learning__title {
    font-size: 18px;
  }
}

.how-learning__descr {
  font-size: 21px;
  line-height: 130%;
  font-weight: 300;
}
@media (max-width:1680px) {
  .how-learning__descr {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .how-learning__descr {
    font-size: 16px;
  }
}

.mentor-chars {
  position: relative;
  overflow: hidden;
}

.mentor-chars__top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.mentor-chars__title {
  margin-right: 20px;
}

.mentor-chars__hours {
  flex: 0 0 auto;
  font-size: 30px;
  font-weight: 500;
  line-height: 130%;
  color: #7B20FF;
}
@media (max-width:1680px) {
  .mentor-chars__hours {
    font-size: 27px;
  }
}
@media (max-width:991px) {
  .mentor-chars__hours {
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .mentor-chars__hours {
    position: absolute;
    right: 0;
    bottom: -22px;
    background: #F9FAFB;
    padding-left: 10px;
    z-index: 1;
  }
}

.mentor-chars__who-title {
  position: relative;
  margin-bottom: 25px;
  font-size: 23px;
  display: flex;
  align-items: center;
  background: #F9FAFB;
}
@media (max-width:1680px) {
  .mentor-chars__who-title {
    font-size: 21px;
    margin-bottom: 20px;
  }
}
@media (max-width:991px) {
  .mentor-chars__who-title {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
.mentor-chars__who-title:before {
  display: block;
  content: "";
  left: 0;
  top: 0;
  width: 22px;
  height: 29px;
  margin-right: 10px;
  background: url("../../images/img/new-page/courses-mentor/lighter.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .mentor-chars__who-title:before {
    width: 20px;
    height: 27px;
  }
}
@media (max-width:991px) {
  .mentor-chars__who-title:before {
    margin-right: 5px;
    width: 14px;
    height: 19px;
  }
}
.mentor-chars__who-title:after {
  position: absolute;
  content: "";
  left: 30px;
  right: 0;
  top: 50%;
  height: 1px;
  width: calc(100% - 30px);
  background: rgba(188, 188, 188, 0.5);
}
@media (max-width:767px) {
  .mentor-chars__who-title:after {
    right: 30px;
    width: calc(100% - 60px);
  }
}
.mentor-chars__who-title p {
  padding-right: 10px;
  background: #F9FAFB;
  position: relative;
  z-index: 1;
}
@media (max-width:767px) {
  .mentor-chars__who-title p {
    padding-right: 5px;
  }
}

.mentor-chars__middle {
  display: grid;
  grid-template-columns: 219px 62% 361px;
  grid-column-gap: 30px;
}
@media (max-width:1680px) {
  .mentor-chars__middle {
    grid-template-columns: 168px 59% 285px;
    grid-column-gap: 20px;
  }
}
@media (max-width:1240px) {
  .mentor-chars__middle {
    grid-template-columns: 168px 51% 285px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle {
    margin: 0;
  }
}

@media (max-width:767px) {
  .mentor-chars__middle-count {
    max-width: 100%;
    order: 0;
    padding: 15px 0;
    border-bottom: 1px solid #BCBCBC;
  }
}

@media (max-width:991px) {
  .mentor-chars__middle-video {
    flex: 0 0 auto;
    width: calc(100% - 167px);
    margin-bottom: 20px;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-video {
    max-width: 100%;
    width: 100%;
    order: 1;
    margin: 15px 0;
  }
}

.mentor-chars__middle-cert {
  position: relative;
}
@media (max-width:991px) {
  .mentor-chars__middle-cert {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #BCBCBC;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-cert {
    margin-bottom: 0;
    padding: 15px 10px;
    order: 0;
  }
}

.mentor-chars__deco1,
.mentor-chars__deco2 {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mentor-chars__deco1 {
  left: -112px;
  top: 30px;
  width: 224px;
  height: 218px;
  background-image: url("../../images/img/new-page/courses-mentor/deco-charstop.svg");
}
@media (max-width:1680px) {
  .mentor-chars__deco1 {
    width: 214px;
    height: 208px;
  }
}
@media (max-width:991px) {
  .mentor-chars__deco1 {
    width: 125px;
    height: 120px;
    left: auto;
    right: -40px;
  }
}
@media (max-width:767px) {
  .mentor-chars__deco1 {
    top: 160px;
  }
}

.mentor-chars__deco2 {
  width: 326px;
  height: 276px;
  right: -50px;
  bottom: 100px;
  background-image: url("../../images/img/new-page/courses-mentor/deco-charstop2.svg");
}
@media (max-width:1680px) {
  .mentor-chars__deco2 {
    display: none;
  }
}
.mentor-chars__cert-deco {
  position: absolute;
  right: 45px;
  top: 45px;
  width: 142px;
  height: 96px;
  background: url("../../images/img/new-page/courses-mentor/deco-cert-top.svg") no-repeat center;
  background-size: contain;
}
@media (max-width:1680px) {
  .mentor-chars__cert-deco {
    right: -50px;
    top: 45px;
    width: 95px;
    height: 4rem;
    transform: rotate(45deg);
  }
}
@media (max-width:991px) {
  .mentor-chars__cert-deco {
    left: 54%;
    right: auto;
    top: -19px;
    width: 84px;
    height: 3rem;
    transform: rotate(-16deg);
  }
}
@media (max-width:767px) {
  .mentor-chars__cert-deco {
    left: 34%;
    right: auto;
    top: 25%;
    width: 70px;
    height: 3rem;
    transform: rotate(72deg);
  }
}

.mentor-chars__middle-cert .__title {
  margin-bottom: 75px;
  font-size: 30px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .mentor-chars__middle-cert .__title {
    margin-bottom: 35px;
    font-size: 24px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-cert .__title {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-cert .__title {
    margin-bottom: 15px;
  }
}

@media (max-width:1680px) {
  .mentor-chars__middle-cert .__title br {
    display: none;
  }
}

@media (max-width:991px) {
  .mentor-chars__middle-cert-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -15px;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-cert-list {
    flex-direction: column;
    margin: 0;
  }
}

.mentor-chars__middle-cert-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (max-width:1680px) {
  .mentor-chars__middle-cert-item {
    margin-bottom: 20px;
  }
  .mentor-chars__middle-cert-item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-cert-item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 0;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-cert-item {
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}

.mentor-chars__middle-cert-item-left {
  margin-right: 10px;
}
@media (max-width:991px) {
  .mentor-chars__middle-cert-item-left {
    margin-right: 0;
  }
}

.mentor-chars__middle-cert-item-title {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: 21px;
  color: #7B20FF;
  font-weight: 500;
}
.mentor-chars__middle-cert-item-title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #3B414B;
}
@media (max-width:991px) {
  .mentor-chars__middle-cert-item-title:before {
    width: 7px;
    height: 7px;
  }
}
@media (max-width:1680px) {
  .mentor-chars__middle-cert-item-title {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-cert-item-title {
    padding-left: 17px;
    margin-bottom: 5px;
  }
}
.mentor-chars__middle-cert-item-subtitle {
  font-size: 18px;
}
@media (max-width:1680px) {
  .mentor-chars__middle-cert-item-subtitle {
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-count {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 0.5px solid #BCBCBC;
    padding-bottom: 15px;
    width: 100%;
  }
}

.mentor-chars__middle-count .__item {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #BCBCBC;
}
@media (max-width:1680px) {
  .mentor-chars__middle-count .__item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-count .__item {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-count .__item {
    padding: 0;
    margin: 0;
    width: 50%;
    border: 0;
  }
}

.mentor-chars__middle-count .__item:last-child {
  margin-bottom: 0;
}

.mentor-chars__middle-count .__count {
  font-family: "Raleway", sans-serif;
  font-size: 90px;
  font-weight: 500;
  line-height: 130%;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .mentor-chars__middle-count .__count {
    font-size: 65px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-count .__count {
    font-size: 35px;
  }
}
.mentor-chars__middle-count .__caption {
  font-size: 21px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .mentor-chars__middle-count .__caption {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-count .__caption {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-count .__caption {
    max-width: 145px;
  }
}

.mentor-chars__middle-video-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.mentor-chars__middle-video-player {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mentor-chars__middle-video-player iframe {
  pointer-events: none;
}

.mentor-chars__middle-video-player._active-video iframe {
  pointer-events: auto;
}

.mentor-chars__middle-img {
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width:1680px) {
  .mentor-chars__middle-img {
    height: 276px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-img {
    height: 250px;
  }
}
@media (max-width:767px) {
  .mentor-chars__middle-img {
    height: auto;
  }
}

.mentor-chars__middle-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mentor-chars__slider {
  overflow: hidden;
}
.mentor-chars__slider .swiper-slide {
  height: auto !important;
}

.mentor-chars__middle-cert-item-img {
  flex: 0 0 auto;
  width: 100%;
  max-width: 164px;
}
@media (max-width:1680px) {
  .mentor-chars__middle-cert-item-img {
    max-width: 133px;
  }
}
@media (max-width:991px) {
  .mentor-chars__middle-cert-item-img {
    max-width: 110px;
  }
}
.mentor-chars__middle-cert-item-img img {
  width: 100%;
}

.mentor-chars__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 30px -15px 0;
}
@media (max-width:1680px) {
  .mentor-chars__bottom {
    margin: 25px -15px 0;
  }
}
@media (max-width:991px) {
  .mentor-chars__bottom {
    margin: 0 -10px;
  }
}
@media (max-width:767px) {
  .mentor-chars__bottom {
    margin: 0;
    flex-direction: column;
  }
}

.mentor-chars__content {
  max-width: 1263px;
  padding: 0 15px;
  font-size: 21px;
  line-height: 130%;
}
@media (max-width:1680px) {
  .mentor-chars__content {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .mentor-chars__content {
    padding: 0 15px;
    font-size: 14px;
  }
}
@media (max-width:767px) {
  .mentor-chars__content {
    padding: 0;
    margin-bottom: 15px;
  }
}

.mentor-chars__cost {
  position: relative;
  padding: 0 15px;
  flex: 0 0 auto;
  text-align: right;
}
@media (max-width:991px) {
  .mentor-chars__cost {
    padding: 0 10px;
  }
}
@media (max-width:767px) {
  .mentor-chars__cost {
    padding: 0;
  }
}

.mentor-chars__cost-title {
  margin-bottom: 10px;
  font-size: 21px;
}
@media (max-width:1680px) {
  .mentor-chars__cost-title {
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .mentor-chars__cost-title {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .mentor-chars__cost-title {
    font-size: 16px;
  }
}

.mentor-chars__price {
  margin-bottom: 40px;
  font-family: "Raleway", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 130%;
  font-variant-numeric: lining-nums proportional-nums;
}
@media (max-width:1680px) {
  .mentor-chars__price {
    margin-bottom: 40px;
    font-size: 40px;
  }
}
@media (max-width:991px) {
  .mentor-chars__price {
    font-size: 32px;
  }
}
@media (max-width:767px) {
  .mentor-chars__price {
    margin-bottom: 20px;
  }
}

.mentor-chars__price-btn-wrp .btn {
  margin-left: auto;
}
@media (max-width:991px) {
  .mentor-chars__price-btn-wrp .btn {
    padding: 14px 29px;
    font-size: 18px;
  }
}
@media (max-width:767px) {
  .mentor-chars__price-btn-wrp .btn {
    margin: 0;
    width: 100%;
  }
}

.mentor-chars__stars-icons .stars-icons__icon1,
.mentor-chars__stars-icons .stars-icons__icon2 {
  opacity: 0.3;
  background: url("../../images/img/new-page/star-gray.svg") no-repeat center;
  background-size: contain;
}

.mentor-single__stars-icons {
  left: -6rem;
}
@media (max-width:1680px) {
  .mentor-single__stars-icons {
    left: -3rem;
  }
}
@media (max-width:767px) {
  .mentor-single__stars-icons {
    left: -1.5rem;
  }
}

@media (max-width:991px) {
  .mentor-single__stars-icons .stars-icons__icon1 {
    width: 51px;
    height: 62px;
  }
}

.mentor-single__stars-icons .stars-icons__icon2 {
  top: 95px;
  left: 40px;
  transform: rotate(30deg);
}
@media (max-width:991px) {
  .mentor-single__stars-icons .stars-icons__icon2 {
    top: 80px;
    left: 30px;
    width: 33px;
    height: 40px;
  }
}
@media (max-width:767px) {
  .mentor-single__stars-icons .stars-icons__icon2 {
    top: 70px;
  }
}

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

.link-gray {
  color: #3B414B;
  opacity: 0.5;
}

.edit-mentors .categories-item {
  grid-template-columns: 1fr 0.4fr auto;
  grid-row-gap: 0;
}
@media (max-width:767px) {
  .edit-mentors .categories-item {
    grid-template-columns: 1fr auto;
  }
}

.edit-mentors .management-user__item-status {
  border: 0;
}

.edit-mentors .test-managment__header {
  grid-template-columns: 1fr 0.35fr auto;
}

.edit-mentors .edit-mentors__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.edit-mentors .course-categories__item._editing {
  grid-template-columns: 1fr auto;
}

.edit-mentors .course-categories__item._editing .management-user__item-status,
.edit-mentors .course-categories__item._editing .edit-mentors__title {
  display: none;
}

.edit-mentors .course-categories__item-btn {
  position: relative;
  border: 0;
}

.edit-mentors .course-categories__item-btn:before,
.edit-mentors .course-categories__item-btn:before {
  color: #A6AAB4;
}

.add-module__cancel .olimp-table-hint,
.course-categories__item-btn .olimp-table-hint {
  left: -5px;
  top: calc(-100% - 28px);
}

.add-module__cancel .olimp-table-hint {
  left: -14px;
}

.add-module__cancel:hover .olimp-table-hint,
.course-categories__item-btn:hover .olimp-table-hint {
  opacity: 1;
  z-index: 1;
}

.admin-company-info {
  margin-bottom: 40px;
}
@media (max-width:1680px) {
  .admin-company-info {
    margin-bottom: 30px;
  }
}
@media (max-width:991px) {
  .admin-company-info {
    margin-bottom: 20px;
  }
}

.admin-company-info__top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width:1680px) {
  .admin-company-info__top {
    margin-bottom: 20px;
    gap: 20px;
  }
}
@media (max-width:991px) {
  .admin-company-info__top {
    gap: 15px;
  }
}
@media (max-width:767px) {
  .admin-company-info__top {
    gap: 0;
    align-items: flex-start;
    flex-direction: column;
  }
}

.admin-company-info__top .admin-company-info__title {
  margin-bottom: 0;
}
@media (max-width:767px) {
  .admin-company-info__top .admin-company-info__title {
    margin-bottom: 10px;
  }
}

.admin-company-info__title {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .admin-company-info__title {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .admin-company-info__title {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width:767px) {
  .admin-company-info__title {
    margin-bottom: 15px;
  }
}

.admin-company-info__box {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
}
.admin-company-info__box-link {
  text-align: right;
}

.admin-company-info__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(166, 170, 180, 0.1);
}
@media (max-width:1680px) {
  .admin-company-info__row {
    padding: 15px 0;
    gap: 15px;
  }
}
@media (max-width:767px) {
  .admin-company-info__row {
    gap: 0;
    padding: 0;
    border: 0;
  }
}

.admin-company-info__row:first-of-type,
.admin-company-info__row:first-child {
  padding-top: 0;
}
@media (max-width:991px) {
  .admin-company-info__row:first-of-type .admin-company-info__col:nth-child(3),
  .admin-company-info__row:first-of-type .admin-company-info__col:nth-child(5),
  .admin-company-info__row:first-child .admin-company-info__col:nth-child(3),
  .admin-company-info__row:first-child .admin-company-info__col:nth-child(5) {
    width: 100%;
  }
}

@media (max-width:991px) {
  .admin-company-info__row:nth-child(2) .admin-company-info__col,
  .admin-company-info__row:nth-child(5) .admin-company-info__col,
  .admin-company-info__row:nth-child(7) .admin-company-info__col {
    width: 100%;
  }
}

.admin-company-info__row:last-of-type,
.admin-company-info__row:last-child {
  border: 0;
}
@media (max-width:767px) {
  .admin-company-info__row:last-of-type .admin-company-info__col,
  .admin-company-info__row:last-child .admin-company-info__col {
    border: 0;
  }
}

.admin-company-info__col {
  flex: 1;
}
@media (max-width:991px) {
  .admin-company-info__col {
    flex: 0 0 auto;
    width: 48%;
  }
}
@media (max-width:767px) {
  .admin-company-info__col {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid rgba(166, 170, 180, 0.1);
  }
}

.admin-company-info__col._is-show-info {
  display: none;
}

.admin-company-info__col-title {
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 130%;
}
@media (max-width:1680px) {
  .admin-company-info__col-title {
    font-size: 14px;
  }
}
.admin-company-info__col-text {
  font-size: 18px;
  opacity: 0.8;
  line-height: 130%;
}
@media (max-width:1680px) {
  .admin-company-info__col-text {
    font-size: 16px;
  }
}
.admin-company-info__col-text a {
  color: #7B20FF;
}

.admin-group__item-title {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width:1680px) {
  .admin-group__item-title {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
@media (max-width:991px) {
  .admin-group__item-title {
    font-size: 16px;
  }
}
@media (max-width:767px) {
  .admin-group__item-title {
    margin-bottom: 15px;
  }
}

.link-toggle {
  display: inline-flex;
  position: relative;
  font-size: 18px;
  padding-right: 33px;
  color: #7B20FF;
  cursor: pointer;
}
.link-toggle:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -10px;
  width: 23px;
  height: 23px;
  background: url("../../images/img/icons/arrow-down.svg") no-repeat center;
  background-size: 9px 6px;
}
@media (max-width:991px) {
  .link-toggle {
    font-size: 14px;
  }
}

.link-toggle__show {
  display: none;
}

.link-toggle__hide {
  display: block;
}

.admin-company-info__box.hide .link-toggle:before {
  transform: scale(1, -1);
}
.admin-company-info__box.hide .link-toggle__hide {
  display: none;
}
.admin-company-info__box.hide .link-toggle__show {
  display: block;
}
.admin-company-info__box.hide ._is-hidden-info {
  display: none;
}
.admin-company-info__box.hide ._is-show-info {
  display: block;
}

.video-call__item._completed.--chat-request .video-call__item-text {
  opacity: 1;
}

.--fix-bold {
  font-weight: 600;
}

.--fix-500 {
  font-weight: 500 !important;
}

.--inerit {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

.-error-padding {
  padding-top: 10px;
}

.modal__field-label-title {
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 1680px) {
  .modal__field-label-title {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .modal__field-label-title {
    font-size: 12px;
  }
}

.page--hidden {
  overflow: hidden;
}

.page.cabinet._main.edit__cabinet {
  overflow: hidden;
}
@media (max-width: 1200px) {
  .page.cabinet._main.edit__cabinet .cabinet-main {
    grid-template-columns: 60px 1fr;
  }
}
@media (max-width: 992px) {
  .page.cabinet._main.edit__cabinet .cabinet-main {
    grid-template-columns: 100%;
  }
}

.management-status--mob {
  display: none;
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.management-status--num {
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.management-status--mob,
.management-status--num {
  color: #6419D0;
}

._none .management-status--mob,
._none .management-status--num {
  color: #A6AAB4;
}

.edit-mentors .categories-item--row {
  grid-template-columns: 1fr 300px 110px 66px;
  gap: 40px;
}
@media (max-width: 1680px) {
  .edit-mentors .categories-item--row {
    grid-template-columns: 1fr 220px 40px 66px;
  }
}
@media (max-width: 1200px) {
  .edit-mentors .categories-item--row {
    grid-template-columns: 1fr 220px 35px 50px;
    gap: 20px;
  }
  .edit-mentors .categories-item--row .test-managment__label._rating {
    display: block;
  }
}
@media (max-width: 762px) {
  .edit-mentors .categories-item--row {
    grid-template-columns: 1fr 20px;
    gap: 5px 20px;
  }
  .edit-mentors .categories-item--row .test-managment__label._rating {
    display: none;
  }
  .edit-mentors .categories-item--row .management-status--mob {
    display: block;
  }
  .edit-mentors .categories-item--row ._none .management-status--num {
    display: none;
  }
}

@media (max-width: 762px) {
  .item--1 {
    grid-area: item--1;
  }
  .item--2 {
    grid-area: item--2;
  }
  .item--3 {
    grid-area: item--3;
    width: 100%;
    padding-left: 40px;
  }
  .item--4 {
    grid-area: item--4;
  }
  .categories-item--row-body {
    grid-template-areas: "item--1 item--4" "item--2 item--4" "item--3 item--4";
  }
  .edit-mentors__email {
    padding-left: 40px;
  }
}
.edit-mentors__email {
  color: #3B414B;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
@media (max-width: 1680px) {
  .edit-mentors__email {
    font-size: 14px;
  }
}
@media (max-width: 762px) {
  .edit-mentors__email {
    font-size: 12px;
  }
}

.cabinet-menu__link {
  font-family: "Roboto";
}

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

.input-copy__input-text {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-wrap: initial;
}

.--fix-back {
  background: none;
}
.--fix-back img {
  width: 22px;
  height: 22px;
}
@media (max-width: 1680px) {
  .--fix-back img {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 992px) {
  .--fix-back img {
    width: 18px;
    height: 18px;
  }
}

.choices {
  width: 100%;
}

@media (max-width: 767px) {
  .add-module__choose-width .choices {
    width: calc(100% - 30px);
  }
}

.is-focused .choices__inner,
.choices__inner {
  cursor: pointer;
  user-select: none;
  border: 1px solid #E8E9EC;
  border-radius: 8px;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  min-height: 41px !important;
  outline: none;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 18px 0 18px !important;
  padding-right: 30px !important;
}
@media (max-width:1680px) {
  .is-focused .choices__inner,
  .choices__inner {
    font-size: 16px;
    padding: 0 14px 0 14px !important;
    min-height: 35px !important;
    padding-right: 28px !important;
  }
}
@media (max-width:991px) {
  .is-focused .choices__inner,
  .choices__inner {
    font-size: 14px;
    padding: 0 12px 0 12px !important;
    min-height: 30px !important;
    padding-right: 26px !important;
  }
}
@media (max-width:767px) {
  .is-focused .choices__inner,
  .choices__inner {
    padding: 0 12px 0 12px !important;
    padding-right: 26px !important;
    min-height: 30px !important;
  }
}
.is-focused .choices__inner::after,
.choices__inner::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  background: url("../../images/img/icons/select-arrow.svg") no-repeat center/100%;
  transition: all ease 0.2s;
  transform: translateY(-50%);
}
@media (max-width:1680px) {
  .is-focused .choices__inner::after,
  .choices__inner::after {
    right: 16px;
  }
}
@media (max-width:991px) {
  .is-focused .choices__inner::after,
  .choices__inner::after {
    right: 14px;
  }
}
.choices.is-open {
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
}
.choices.is-open .choices__inner {
  border-radius: 8px 8px 0 0;
}
.choices.is-open .choices__inner::after {
  transform: rotate(180deg) translateY(50%);
}

.choices__item {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  opacity: 0.6;
  color: #3B414B;
}
@media (max-width:1680px) {
  .choices__item {
    font-size: 16px;
  }
}
@media (max-width:991px) {
  .choices__item {
    font-size: 14px;
  }
}

.choices__list--dropdown {
  border: none !important;
  box-shadow: 0px 8px 16px rgba(123, 32, 255, 0.16);
  border-radius: 0 0 8px 8px;
}

.choices__item--choice.choices__placeholder {
  display: none;
}

.choices__item--choice {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  opacity: 0.6;
  color: #3B414B;
  width: 100%;
  height: 100%;
  min-height: 41px;
  padding: 0 18px 0 18px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #E8E9EC;
  border-bottom: none;
}
@media (max-width:1680px) {
  .choices__item--choice {
    font-size: 16px;
    padding: 0 14px 0 14px;
    min-height: 35px;
  }
}
@media (max-width:991px) {
  .choices__item--choice {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}
@media (max-width:767px) {
  .choices__item--choice {
    font-size: 14px;
    padding: 0 12px 0 12px;
    min-height: 30px;
  }
}

.choices__item--choice:hover {
  opacity: 1;
}

.choices__item--choice.is-selected {
  opacity: 1;
  color: #6419D0;
  border-bottom: 1.4px solid #7B20FF;
  background: none;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: rgba(0, 0, 0, 0);
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  border-width: 0;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  pointer-events: none;
}

.choices__list,
.choices__list--dropdown {
  /* ползунок скроллбара */
}
.choices__list::-webkit-scrollbar,
.choices__list--dropdown::-webkit-scrollbar {
  width: 5px;
  /* ширина для вертикального скролла */
  background: #F2F3F5;
  border-radius: 3px;
}
.choices__list::-webkit-scrollbar-thumb,
.choices__list--dropdown::-webkit-scrollbar-thumb {
  background: #8E83FF;
  border-radius: 20px;
}
@media (min-width: 991px) {
  .choices__list::-webkit-scrollbar-thumb,
  .choices__list--dropdown::-webkit-scrollbar-thumb {
    transition: all linear 0.2s;
  }
  .choices__list::-webkit-scrollbar-thumb:hover,
  .choices__list--dropdown::-webkit-scrollbar-thumb:hover {
    background: #7B20FF;
  }
}

.--hint:hover .olimp-table-hint {
  z-index: 1;
  opacity: 1;
}

.--hint.input-copy__btn--reload .olimp-table-hint {
  transform: rotate(-10deg) translateY(-50%);
}
.--hint.input-copy__btn--reload:hover .olimp-table-hint {
  z-index: 1;
  opacity: 1;
}

.students-courses__item.--deactive .students-courses__item-name,
.students-courses__item.--deactive .students-courses__item-rating,
.students-courses__item.--deactive .students-courses__item-repost,
.students-courses__item.--deactive .students-courses__item-btn {
  pointer-events: none;
  color: #E8E9EC;
}
.students-courses__item.--deactive .students-courses__item-repost._icon-post-repost {
  pointer-events: auto;
}
.students-courses__item.--deactive ._icon-invite {
  background-image: url("../../images/img/icons/invite-deactive.svg");
}
.students-courses__item.--deactive .students-courses__item-btn._icon-more-arrow {
  border: 1px solid #E8E9EC;
}
.students-courses__item.--deactive .students-courses__item-btn._icon-more-arrow::before {
  color: #E8E9EC !important;
}

.cabinet-content__descr-text ol li {
  padding-left: 15px;
}

.input.evaluation-stranger input {
  background: #ffffff;
}

.—grid-100 {
  gap: 0;
  grid-template-columns: 100%;
}

.evaluation-stranger-credited__text.—fix-grid {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.evaluation-stranger-credited__text.—fix-grid .evaluation-stranger-credited__text-value {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

/* правки  14.11.2023 */
.error_margin .error-message {
  margin-bottom: 5px;
}

.creating-task-coll .error_margin .error-message {
  margin-bottom: 0;
}

.admin-company-info__col-text {
  word-wrap: break-word;
  word-break: break-all;
}

/* правки 15.12.2023*/