@charset "UTF-8";
@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: 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-Regular.woff2") format("woff2"), url("../../fonts/Roboto-Regular.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;
}

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

* {
  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 {
  border: 1px solid #E8E9EC;
  background-color: transparent;
  border-radius: 4px;
  padding: 0 18px;
  height: 41px;
  font-family: "Roboto";
  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 {
  color: #A6AAB4;
}
.input input:focus {
  background: #fff;
}
@media (max-width:1680px) {
  .input input {
    height: 35px;
    font-size: 16px;
    padding: 0 14px;
  }
}
@media (max-width:991px) {
  .input input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
@media (max-width:767px) {
  .input input {
    height: 30px;
    font-size: 14px;
    padding: 0 12px;
  }
}
.input textarea {
  resize: none;
  border: 1px solid #E8E9EC;
  border-radius: 8px;
  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;
  }
}

.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;
  position:relative;
}
.chat__item-cross { 
  position:absolute; 
  border-radius:50%;  
  background:rgb(150, 150, 150); 
  left:35px; 
  top:-5px;
  cursor: pointer;
  padding :1px 1px 0 1px;
  color:white;
}

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

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

.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:1680px) {
  .header__user {
    margin-left: -10px;
  }
}
@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;
}
@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;
  }
}

#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%;
  }
}
.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__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: 0px 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;
  }
}

.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(50% - 1px);
  }
} */
@media (max-width:991px) {
  .courses-filter__inner::before {
    top: calc(50% - 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 {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 50px;
  position: relative;
  margin-bottom: 65px;
}
@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;
  }
}
@media (max-width:767px) {
  .single-course-faq__top {
    padding: 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__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 {
  margin-bottom: 20px;
}
@media (max-width:1680px) {
  .help-contact__title {
    margin-bottom: 15px;
  }
}
.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: 35px;
  }
}
@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;
  }
}
.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;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  width: max-content;
  align-items: center;
  margin-left: auto;
  grid-column: span 2;
}
@media (max-width:767px) {
  .management-courses__filter-btns {
    grid-column: span 1;
    grid-template-columns: auto auto;
    margin-left: 0;
    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;
}

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


.banners__content-wrp {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 30px;
  display: grid;
}

.banners__sidebar {
  position: relative;
}


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

.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: 30px;
  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__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-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;
  }
}

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

.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: #FFF;
  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: #3B414B;
}

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

.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: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-gap: 60px;
}
@media (max-width:1680px) {
  .olympiad-tours__items {
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
    grid-gap: 40px;
    grid-template-columns: 1fr 1.5fr;
  }
}
@media (max-width:991px) {
  .olympiad-tours__items {
    grid-gap: 20px;
    max-width: 648px;
  }
}
@media (max-width:767px) {
  .olympiad-tours__items {
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }
}

.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;
}
@media (max-width:1680px) {
  .olympiad-tours__item {
    padding: 30px;
    border-radius: 10px;
  }
}
@media (max-width:991px) {
  .olympiad-tours__item {
    padding: 20px;
    flex-direction: column;
  }
}
@media (max-width:767px) {
  .olympiad-tours__item {
    padding: 15px 14px;
  }
}

.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 {
  background: #FFFFFF;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
  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;
  }
}
.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("../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-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;
}



.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 screen and (max-width: 480px) {
  .single-course-faq__top::before {
    top: 0;
    right: 0;
 }
}
.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;
 }
  .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;
}

.mini-olympiad-steps__graph {
    grid-template-rows: 1fr 1fr;
}
.output-image._incorrectly{
    border: 1px solid red;
}