/* =========== ШРИФТЫ =================
font-family: 'Iceland', cursive;
font-family: 'Montserrat', sans-serif;
======================================*/
html {
  overflow-x: hidden;
}
@font-face {
  font-family: 'Iceland';
  src: url("../../static/fonts/Iceland-Regular.woff2");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url("../../static/fonts/Montserrat-Regular.woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url("../../static/fonts/Montserrat-Medium.woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url("../../static/fonts/Montserrat-Bold.woff2");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url("../../static/fonts/Montserrat-ExtraBold.woff2");
  font-style: normal;
  font-weight: 700;
}
body {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  background: #150E3C;
  overflow-x: hidden;
}
.body__overflow_hidden {
  overflow: hidden;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
.container_bg {
  max-width: 1920px;
  margin: auto;
}
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  background-color: #F1F1F1;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #558af1;
  border-radius: 8px;
  border: 3px solid #F1F1F1;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #3ED7E9;
}
.editor_button-wrapper {
  position: absolute;
  display: flex;
  right: 10px;
  top: 10px;
  z-index: 10;
  transition: all 0.5s;
}
.editor_button-wrapper.sticky {
  position: fixed;
  top: 10px;
  right: 0;
}
.editor_button {
  display: flex;
  align-items: center;
  border: 2px solid #3ED7E9;
  border-radius: 40px;
  padding: 5px 15px 5px 15px;
  background-color: rgba(21, 14, 60, 0.6);
}
.editor_button-wrapper.sticky .editor_button {
  border-right: none;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.editor_button-text {
  margin-right: 10px;
  font-size: 16px;
  color: #FFFFFF;
}
.editor_button-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.editor_button-switch input {
  display: none;
}
.editor_button-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.editor_button-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.editor_button-switch input:checked + .editor_button-slider {
  background-color: #3ED7E9;
}
.editor_button-switch input:focus + .editor_button-slider {
  box-shadow: 0 0 1px #3ED7E9;
}
.editor_button-switch input:checked + .editor_button-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.editor_button-slider.round {
  border-radius: 34px;
}
.editor_button-slider.round:before {
  border-radius: 50%;
}
.button_course-a-wrapper {
  margin-bottom: 40px;
}
.button_course-a-wrapper a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #85AEFF;
  color: #150E3C;
  padding: 12px 80px;
  border-radius: 878px;
  border: none;
  transition: all 0.1s linear;
  cursor: pointer;
}
.button_course-a-wrapper a:hover {
  background-color: #3ED7E9;
}
/* Стили для страниц лекций */
.container {
  padding: 0 75px;
  max-width: 1700px;
  margin: auto;
}
.h1_main_bold_center {
  text-align: center;
  font-weight: 500;
  font-size: 42px;
  margin: 40px 0;
}
.h1_main_bold_left {
  font-weight: 500;
  font-size: 42px;
}
.h2_main_bold_center {
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  margin-bottom: 20px;
}
.h2_main_bold_left {
  font-weight: 500;
  font-size: 36px;
}
.p_text {
  margin-bottom: 15px;
  font-size: 24px;
}
.p_text p b {
  margin-left: 5px;
}
.p_text:last-child {
  margin-bottom: 0;
}
.p_text_new {
  text-indent: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 24px;
}
.p_text_new:last-child {
  margin-bottom: 0;
}
.p_text_underline {
  text-decoration: underline;
}
.p_text_bold {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
}
.p_text_bold:last-child {
  margin-bottom: 0;
}
.p_text_bold_center {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.p_text_bold_center:last-child {
  margin-bottom: 0;
}
.p_text_blue {
  margin-bottom: 15px;
  font-size: 24px;
  color: #3ED7E9;
}
.p_text_blue:last-child {
  margin-bottom: 0;
}
.p_text_red {
  margin-bottom: 15px;
  font-size: 24px;
  color: red;
}
.p_text_red:last-child {
  margin-bottom: 0;
}
.li_text {
  font-size: 24px;
  margin-bottom: 7px;
}
#image {
  margin: 30px 0 30px 165px;
}
#image img {
  max-width: 1000px;
  max-height: 700px;
}
.course_video-wrapper .block_interpreter {
  margin-left: 165px;
  margin-top: 40px;
}
/* Градиенты фонов для разных курсов */
/* Цвета карты прохождения курса */
/* Главная страница */
html.dis-scroll {
  overflow-y: hidden;
}
.header__burger-wrapper {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 1530px) {
  .header {
    position: relative;
  }
  .header .header__burger-wrapper {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    max-width: 30rem;
    position: fixed;
    padding-top: 8rem;
    right: 0;
    top: 0;
    width: 90vw;
    background: rgba(39, 22, 94, 0.8);
    border-radius: 44px 0 0 44px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    flex-direction: column;
    height: 100vh;
    display: flex;
    justify-content: flex-start;
    z-index: 25;
  }
  .header .header__wrapper {
    justify-content: space-between;
  }
  .header.open .header__burger-wrapper {
    transform: translateX(0);
    overflow-y: auto;
  }
  .header.open .header__nav-a-menu-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
  }
  .header.open .header__nav-a-menu-list {
    visibility: visible;
    opacity: 1;
    padding-top: 0 !important;
    position: relative;
    top: auto;
    right: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .header.open .header__nav-a-menu {
    margin-left: 0 !important;
    display: flex;
    flex-direction: column;
  }
  .header.open .header__nav-a-menu.active .header__nav-a-menu-img {
    transform: rotate(180deg);
  }
  .header.open .header__nav-a-menu.active .header__nav-a-menu-list {
    max-height: 400px;
    overflow: visible;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .header.open .header__nav-a-menu:hover:before {
    opacity: 0;
  }
  .header.open .header__nav-a-menu:hover img {
    transition: all 0.25s linear;
    transform: none;
  }
  .header.open .header__nav-a-menu:hover .header__nav-a-menu-list-ul {
    visibility: visible;
    height: 160px;
    opacity: 1;
    transform: translateY(0);
  }
  .header.open .header__nav-a-menu-list-ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    visibility: visible;
    height: 135px !important;
    top: auto;
    padding: 10px !important;
    opacity: 1;
    transform: translateY(0);
  }
  .header.open .header__nav-a-menu-list-ul {
    position: relative;
    background-color: transparent;
    border: none;
  }
  .header.open .header__nav-a-menu-list-li a {
    display: flex;
    align-items: center;
  }
  .header.open .header_main_lk--mobile {
    display: flex;
    background-color: #fff;
    border-radius: 40px;
    padding: 1.5rem 2.5rem;
    opacity: 0;
    transition: opacity 0.3s ease-in-out 300ms;
    z-index: 5;
    gap: 10px;
  }
  .header.open .header_main_lk-name {
    margin: 0;
    color: var(--ck-color-base-text);
    padding-bottom: 0.75rem;
  }
  .header.open .header_main_lk-link {
    display: flex;
    gap: 6px;
    color: var(--ck-color-base-active);
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    align-items: center;
  }
  .header.open .header__nav-a {
    gap: 10px;
  }
  .header.open .header__nav-a-ul {
    padding-top: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
  }
  .header.open .header__nav-a-ul-li {
    margin-left: 0;
  }
  .header.open .header__nav-a-menu {
    margin-left: 15px;
  }
  .header.open .header__nav-a-text {
    margin: 0;
  }
  .header.open .header__nav-wrapper {
    display: flex;
    opacity: 0;
    transition: opacity 0.3s ease-in-out 300ms;
    z-index: 5;
    gap: 10px;
  }
  .header.open .header__nav-buttons {
    display: flex;
    opacity: 0;
    transition: opacity 0.3s ease-in-out 300ms;
    gap: 10px;
    z-index: 2;
  }
  .header.open .header__nav-buttons .header__nav-button {
    background: #4785ef;
    color: #FFFFFF;
  }
  .header.open .header__nav-button {
    justify-content: center;
  }
  .header.open .header__nav-button span {
    margin-left: 10px;
  }
  .header.anim .header_main_lk--mobile {
    opacity: 1;
  }
  .header.anim .header__nav-wrapper {
    opacity: 1;
  }
  .header.anim .header__nav-buttons {
    opacity: 1;
  }
}
.header_main {
  padding-top: 30px;
}
.header_main-main {
  padding-top: 30px;
  min-height: 940px;
  background-image: url("../../../static/image/Main_page/header_main/bg.jpg");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  margin: auto;
}
.header__wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header__logo {
  transition: opacity 0.1s ease-in-out;
}
.header__nav-wrapper {
  position: relative;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1530px) {
  .header__nav-wrapper {
    display: none;
    flex-direction: column;
  }
}
.header__nav-a {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1530px) {
  .header__nav-a {
    display: flex;
    flex-direction: column;
  }
}
.header__nav-a-ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.header__nav-a-ul--menu {
  margin-left: 30px;
}
.header__nav-a-ul:hover .header__nav-a-menu-list {
  visibility: visible;
  opacity: 1;
}
.header__nav-a-ul-li {
  margin-left: 30px;
}
.header__nav-a-menu {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: 30px;
}
.header__nav-a-menu:hover img {
  transition: all 0.25s linear;
  transform: rotate(180deg);
}
.header__nav-a-menu:hover .header__nav-a-menu-list-ul {
  visibility: visible;
  height: 160px;
  opacity: 1;
  transform: translateY(0);
}
.header__nav-a-menu:hover:before {
  opacity: 1;
  width: 24%;
}
.header__nav-a-menu:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  height: 2px;
  width: 0;
  background-color: #3ED7E9;
  opacity: 0;
  transition: all 0.3s linear;
}
.header__nav-a-menu-a {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
}
.header__nav-a-menu-img {
  margin-left: 5px;
  margin-bottom: 2px;
  transition: all 0.25s linear;
}
.header__nav-a-menu-span i {
  padding-left: 5px;
}
.header__nav-a-menu-list {
  position: absolute;
  top: 100%;
  right: 260px;
  width: 225px;
  z-index: 1;
  padding-top: 30px;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.header__nav-a-menu-list-ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #32146e;
  top: 15px;
  width: 100%;
  height: 0;
  opacity: 0;
  padding: 20px 30px !important;
  transition: all 0.35s ease;
  border: 2px solid #3ED7E9;
  border-radius: 30px;
}
.header__nav-a-menu-list-ul a {
  display: block;
}
.header__nav-a-menu-list.active {
  display: block;
}
.header__nav-a-menu-list-lk {
  position: absolute;
  top: 115px;
  right: -40px;
  width: 275px;
  background-color: #32146e;
  padding-left: 20px;
  padding-bottom: 15px;
  border: 2px solid #3ED7E9;
  border-radius: 30px;
  z-index: 1;
  transition: 0.3s ease;
}
.header__nav-a-menu-list-lk.active {
  display: block;
}
.header__nav-a-menu-list-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header__nav-a-menu-list-ul-lk {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.header__nav-a-menu-list-li + .header__nav-a-menu-list-li {
  padding-top: 15px;
  margin-left: 0;
}
.header__nav-a-menu-list-li {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.1s linear;
}
.header__nav-a-menu-list-li a {
  text-decoration: none;
  color: #FFFFFF;
  transition: all 0.1s linear;
}
.header__nav-a-menu-list-li a i {
  padding-right: 5px;
}
.header__nav-a-menu-list-li a:hover {
  color: #3ED7E9;
}
.header__nav-a-menu-list-li:hover {
  transform: translate(10px, 0px);
}
.header__nav-a-menu-list-li-lk {
  display: inline-block;
  position: relative;
  outline: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding-top: 15px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.1s linear;
}
.header__nav-a-menu-list-li-lk:focus .header__nav-a-menu-list-li-lk-arrow i {
  transform: rotateZ(180deg);
}
.header__nav-a-menu-list-li-lk:focus .li-db {
  display: inline-block;
}
.header__nav-a-menu-list-li-lk-dropdown-content {
  position: absolute;
  background-color: #32146e;
  width: 290px;
  height: 0;
  top: 80px;
  left: -130px;
  opacity: 0;
  padding: 15px 20px !important;
  border: 2px solid #3ED7E9;
  pointer-events: none;
  border-radius: 30px;
  transition: all 0.35s ease;
}
.header__nav-a-menu-list-li-lk-dropdown-content.active {
  height: 200px;
  opacity: 1;
  padding: 15px 20px !important;
  pointer-events: auto  !important;
  outline: none;
  transform: translateY(0);
}
.header__nav-a-menu-list-li-lk-dropdown-content a {
  color: #FFFFFF;
  padding: 12px 16px;
  display: block;
  text-decoration: none;
  transition: 0.1s linear;
}
.header__nav-a-menu-list-li-lk-dropdown-content a i {
  padding-right: 5px;
}
.header__nav-a-menu-list-li-lk-dropdown-content a:hover {
  color: #3ED7E9;
  transform: translate(10px, 0);
}
.li-db {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  display: none;
}
.header__nav-buttons {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 1530px) {
  .header__nav-buttons {
    display: none;
    flex-direction: column;
  }
}
.header__nav-a-text {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.header__nav-a-text:hover:after {
  opacity: 1;
  width: 100%;
}
.header__nav-a-text:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 0;
  background-color: #3ED7E9;
  opacity: 0;
  transition: all 0.3s linear;
}
.header__nav-a-text-active:after {
  width: 100%;
  opacity: 1;
}
.header__nav-button {
  display: flex;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
  padding: 13px clamp(20px, 3vw, 35px);
  border-radius: 40px;
  border: 2px solid #3ED7E9;
  background-color: transparent;
  transition: all 0.1s linear;
}
.header__nav-button:first-child {
  margin-left: 0px;
}
.header__nav-button:hover {
  background-color: #3ED7E9;
}
.header__nav-button span {
  margin-left: 5px;
}
.header__nav-button-cabinet {
  width: 240px;
}
.header__burger {
  all: unset;
  display: none;
  z-index: 26;
}
.header__burger label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 42px;
  height: 30px;
  cursor: pointer;
}
.header__burger label span {
  background: #fff;
  border-radius: 8px;
  height: 5px;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.header__burger span:nth-of-type(1) {
  width: 70%;
}
.header__burger span:nth-of-type(2) {
  width: 100%;
}
.header__burger span:nth-of-type(3) {
  width: 50%;
}
.header__burger input[type="checkbox"] {
  display: none;
}
.header__burger input[type="checkbox"]:checked ~ span:nth-of-type(1) {
  transform-origin: left;
  transform: rotatez(45deg) translate(8px, 0px);
}
.header__burger input[type="checkbox"]:checked ~ span:nth-of-type(2) {
  transform-origin: top;
  transform: rotatez(-45deg);
}
.header__burger input[type="checkbox"]:checked ~ span:nth-of-type(3) {
  transform-origin: right;
  width: 50%;
  transform: translate(-17px, -13px) rotatez(45deg);
}
@media screen and (max-width: 1530px) {
  .header__burger {
    display: block;
  }
}
.main_header {
  margin-top: 120px;
}
.main__wrapper {
  display: flex;
  justify-content: space-between;
}
.main__left-text {
  width: 470px;
  font-size: 38px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  text-transform: uppercase;
  color: #F5F5F5;
}
.main__left-text span {
  color: #3ED7E9;
}
.main__left-button {
  vertical-align: middle;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
  padding: 12px 50px;
  border-radius: 40px;
  border: 2px solid #3ED7E9;
  background-color: transparent;
  transition: all 0.1s linear;
}
.main__left-button:hover {
  background-color: #3ED7E9;
}
.main__left-button span {
  margin-left: 3px;
}
.main__left-button-wrapper {
  position: absolute;
  margin-top: 120px;
}
.main__left-button-wrapper:hover .main__left-button-arrow {
  transform: translate(20px, 0);
}
.main__left-button-arrow {
  position: relative;
  vertical-align: middle;
  height: 53px;
  width: 77px;
  color: #3ED7E9;
  transition: all 0.1s linear;
}
.header_main_lk {
  position: relative;
  display: flex;
  align-items: center;
}
.header_main_lk--mobile {
  display: none;
}
@media screen and (max-width: 1530px) {
  .header_main_lk {
    display: none;
  }
  .header_main_lk--mobile {
    display: none;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.header_main_lk-bell {
  font-size: 35px;
  cursor: pointer;
  margin-right: 30px;
}
.header_main_lk-bell span a i {
  color: #4785ef;
  transition: all 0.1s linear;
}
.header_main_lk-bell span a i:hover {
  color: #3ED7E9;
}
.fa-bell-active {
  color: #3ED7E9 !important;
}
.header_main_lk-notifications {
  position: absolute;
  left: -223px;
  bottom: -530px;
  width: 470px;
  height: 550px;
  padding: 20px 15px 50px 30px;
  background-color: white;
  border-radius: 26px;
}
.header_main_lk-notifications-title {
  font-size: 20px;
  margin-bottom: 12px;
}
.header_main_lk-notifications-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 20px;
}
.header_main_lk-notifications-subtitle {
  font-size: 15px;
  margin: 12px 0;
}
.header_main_lk-notifications-blocks {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.header_main_lk-notifications-block {
  display: flex;
  width: 380px;
  height: 110px;
  padding: 15px;
  background-color: white;
  border-radius: 18px;
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
}
.header_main_lk-notifications-block:last-child {
  margin-bottom: 0;
}
.header_main_lk-notifications-block-left {
  margin-top: 20px;
  margin-right: 10px;
}
.header_main_lk-notifications-block-right-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 7px;
}
.header_main_lk-notifications-block-right-text {
  font-size: 12px;
}
.header_main_lk-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #ffffff;
  margin-right: 30px;
}
.header__nav-chevron-down {
  color: #4785EF;
}
.header_main_lk-img {
  margin-right: 25px;
}
.header_main_lk-img img {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  border: 4px solid #4785EF;
  object-fit: contain;
}
@media screen and (max-width: 1530px) {
  .header_main_lk-img {
    margin: 0;
  }
}
.header_main_lk-img_img {
  width: 101px;
  height: 101px;
}
.fa-chevron-down {
  font-size: 35px;
  cursor: pointer;
  transition: all 0.25s linear;
}
.courses__wrapper {
  position: relative;
  margin-top: 2rem;
}
.courses .swiper-button-prev,
.courses .swiper-button-next {
  width: 75px;
  z-index: 1;
  height: 63px;
  background-size: cover;
  background-repeat: no-repeat;
  top: 54%;
  background-position: center;
}
.courses .swiper-button-prev::after,
.courses .swiper-button-next::after {
  display: none;
}
.courses .swiper-button-prev {
  transform: translate(-50%, -50%);
  left: 8px;
  background-image: url("../../../static/image/Main_page/header_main/slider-prev.svg");
}
.courses .swiper-button-next {
  transform: translate(50%, -50%);
  right: 8px;
  background-image: url("../../../static/image/Main_page/header_main/slider-next.svg");
}
.courses__slider-wrapper {
  position: relative;
}
.courses__title {
  font-size: 36px;
  margin-bottom: 50px;
  font-weight: 600;
  color: #F5F5F5;
  text-transform: uppercase;
}
.courses__blocks {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
}
.courses__block {
  border-radius: 60px;
  margin-left: 8.5px !important;
  margin-right: 8.5px !important;
  padding: 35px 51px 40px 50px;
}
.courses__block:first-child {
  margin-left: 0;
}
.courses__block-python {
  background-color: #4d73e6;
}
.courses__block-cs {
  background-color: #b44eb1;
}
.courses__block-js {
  background-color: #fecf36;
}
.courses__block-unity-cs {
  background-color: #b447d1;
}
.courses__block-unity-wp {
  background-color: #0083B0;
}
.courses__block-kotlin-5 {
  background-color: #f67848;
}
.courses__block-content {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.courses__block {
  display: flex;
  flex-direction: column;
  min-height: 250px;
}
.courses__block-link__wrapper {
  margin-top: auto;
}
.courses__block-title {
  font-size: 24px;
  font-weight: 600;
  color: #F5F5F5;
  text-transform: uppercase;
  width: 350px;
  margin-top: 7px;
}
.courses__block-content-img {
  display: flex;
  flex-wrap: wrap;
}
.courses__block-img {
  width: 78px;
  height: 80px;
}
.courses__block-link {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
}
.courses__block-link:hover:after {
  opacity: 1;
  width: 100%;
}
.courses__block-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 0;
  background-color: #3ED7E9;
  opacity: 0;
  transition: all 0.3s linear;
}
.whom {
  margin-top: 110px;
}
@media screen and (max-width: 1440px) {
  .whom .whom__right {
    border-radius: 40px;
    padding: 25px;
    max-width: 580px;
  }
  .whom .whom__right-title {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .whom .whom__right-text {
    font-size: 18px;
    max-width: 482px;
  }
  .whom .whom__left-img {
    min-width: 500px;
  }
  .whom .whom__right {
    height: 400px;
  }
}
.whom__content {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
}
.whom__title {
  font-size: 36px;
  font-weight: 600;
  color: #F5F5F5;
  margin-bottom: 60px;
  text-transform: uppercase;
}
.whom__wrapper {
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  display: flex;
}
.whom__right {
  max-width: 680px;
  height: 530px;
  background-color: #391b7a;
  border-radius: 60px;
  padding: 40px;
}
.whom__left img {
  width: 100%;
}
.whom__right-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  text-transform: uppercase;
  color: #F5F5F5;
  margin-bottom: 20px;
}
.whom__right-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 148%;
  color: #FFFFFF;
}
.whom__lists {
  margin-top: 60px;
  margin-left: 110px;
  display: flex;
  justify-content: center;
}
.whom__lists-list {
  cursor: pointer;
  margin-right: 20px;
  background-color: rgba(105, 63, 137, 0.52);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  transition: all 0.1s linear;
}
.whom__lists-list:hover {
  background-color: #693f89;
}
.whom__lists-list:last-child {
  margin-right: 0;
}
.whom__lists-list-active {
  background-color: #693f89;
}
.swiper-initialized {
  overflow: hidden;
}
.swiper-pagination-why-itwant-index {
  position: absolute;
  bottom: auto !important;
  margin-top: 15px;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.platform {
  margin-top: 110px;
}
.platform__title {
  font-size: 36px;
  font-weight: 600;
  color: #F5F5F5;
  text-transform: uppercase;
}
.platform__blocks {
  margin-top: 60px;
  gap: 30px;
  display: flex;
  justify-content: space-between;
}
.platform__block {
  width: 445px;
  height: 570px;
  background: #391b7a;
  box-shadow: 14px 13px 0px 0px #b9b6e5;
  border-radius: 60px;
  padding: 30px 20px 20px 20px;
}
.platform__block:nth-child(1) {
  background-color: #4785ef;
}
.platform__block:nth-child(2) {
  background-color: #fa8636;
}
.platform__block:nth-child(3) {
  background-color: #b44eb1;
}
.platform__block-title {
  font-size: 48px;
  font-weight: 600;
  line-height: 59px;
  color: #F5F5F5;
  text-align: center;
}
.platform__block-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #F5F5F5;
  margin-top: 30px;
  margin-left: 30px;
}
.platform__block-img_wrapper {
  text-align: right;
}
.questions {
  padding: 120px 0;
  margin-top: 110px;
  background-color: #b44eb1;
  max-width: 100%;
}
.questions__wrapper {
  display: flex;
  align-items: center;
}
.questions__title {
  width: 990px;
  font-weight: 600;
  font-size: 58px;
  line-height: 78px;
  color: #F5F5F5;
  text-transform: uppercase;
}
.questions__block-form__wrapper {
  margin-top: 60px;
}
.questions__block-form {
  width: 603px;
  display: flex;
  flex-wrap: wrap;
}
.questions__block-form-input {
  margin-bottom: 8px;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 24px;
  color: #558af1;
  outline: none;
  width: 603px;
  height: 53px;
  border-radius: 878px;
  border: 2px #FFFFFF solid;
  padding-left: 23px;
  padding-right: 23px;
  transition: all 0.1s linear;
}
.questions__block-form-input::placeholder {
  color: #558af1;
}
.questions__block-form-input:hover {
  border: 2px #558af1 solid;
}
.questions__block-form-input:last-child {
  margin-bottom: 0px;
}
.questions__block-form-button {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #558af1;
  width: 603px;
  height: 53px;
  border-radius: 878px;
  border: none;
  cursor: pointer;
  transition: all 0.1s linear;
}
.questions__block-form-button:hover {
  background-color: #3ED7E9;
}
.questions__block-form-button-loading {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #558af1;
  width: 603px;
  height: 53px;
  border-radius: 878px;
  border: none;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.1s linear;
}
.questions__block-form-button-loading:hover {
  background-color: #3ED7E9;
}
.questions__block {
  display: flex;
  padding-bottom: 44px;
}
.questions__block-text {
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #F5F5F5;
  text-align: center;
  width: 560px;
  margin-top: 10px;
  margin-left: 7px;
}
.questions__block-text span a {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.questions__block-text span a:hover {
  color: #3ED7E9;
}
.reviews {
  margin: 110px auto 0 auto;
  background-color: #1c134e;
  max-height: 785px;
  border-radius: 30px;
}
.reviews__wrapper {
  position: relative;
  padding-top: 88px;
}
.reviews__title {
  text-align: center;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  color: #F5F5F5;
}
.reviews__blocks {
  display: flex;
  justify-content: space-between;
  margin: 50px auto 0 auto;
  padding-bottom: 146px;
}
.reviews__block {
  border: 2px solid #ffffff;
  border-radius: 60px;
  padding: 40px;
  height: 480px;
}
.reviews__block-left-img {
  position: absolute;
  margin-top: 174px;
  margin-left: -267px;
  width: 65px;
  height: 55px;
  border-radius: 51.21px;
  background-color: rgba(245, 245, 245, 0.68);
  cursor: pointer;
  transition: all 0.1s linear;
}
.reviews__block-left-img:hover {
  background-color: rgba(115, 153, 236, 0.7);
}
.reviews__block-left-img img {
  position: relative;
  top: 13px;
  left: 16px;
}
.reviews__block-right-img {
  position: absolute;
  margin-top: 174px;
  margin-left: 526px;
  width: 65px;
  height: 55px;
  border-radius: 51.21px;
  background-color: rgba(245, 245, 245, 0.68);
  cursor: pointer;
  transition: all 0.1s linear;
}
.reviews__block-right-img:hover {
  background-color: rgba(115, 153, 236, 0.7);
}
.reviews__block-right-img img {
  position: relative;
  top: 13px;
  left: 16px;
}
.reviews__block-info {
  display: flex;
  margin-top: 50px;
}
.reviews__block-img {
  margin-right: 20px;
  width: 42px;
  height: 34px;
}
.reviews__block-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #F5F5F5;
  margin-bottom: 26px;
  overflow: hidden;
}
.reviews__block-autor {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.reviews__block-autor-img {
  width: 61px;
  height: 61px;
}
.reviews__block-autor-name {
  margin-left: 15px;
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 17px;
  color: #F5F5F5;
}
.reviews__block-autor-img-star_wrapper {
  margin-left: 15px;
  display: flex;
}
.reviews__block-autor-img-star_wrapper-courses_python {
  bottom: -20px;
  left: 0;
}
.reviews__block-autor-img-star {
  margin-left: 5px;
  color: #c8c8d1;
}
.reviews__block-autor-img-star:first-child {
  margin-left: 0;
}
.reviews__block-autor-img-star-active {
  color: #ffe798;
}
.swiper-pagination-reviews-index2 {
  position: absolute;
  bottom: 70px !important;
  right: 0;
  z-index: 1;
}
.news {
  margin-top: 110px;
}
.news__title {
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  color: #F5F5F5;
}
.news__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 60px;
}
.news__block {
  transition: transform 0.2s linear;
}
.news__block:hover .news__block-a {
  transform: translate3d(0, -10px, 0);
}
.news__block-a {
  position: relative;
  display: block;
  transition: transform 0.2s linear;
}
.news__block-a-hashtag {
  position: absolute;
  content: "";
  display: block;
  color: #050c1c;
  top: 40px;
  left: 40px;
  width: 170px;
  height: 26px;
  background-color: #fa8636;
  border-radius: 70px;
  padding-top: 5px;
  transition: all 0.1s linear;
}
.news__block-a-hashtag:hover {
  color: #3ED7E9;
}
.news__block-a-hashtag-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
.news__block-a-hashtag-programming {
  background: #4785ef;
}
.news__block-a-hashtag-gamedev {
  background: #b44eb1;
}
.news__block-img {
  object-fit: cover;
}
.news__block_1 {
  grid-column: 1;
  grid-row: 1;
}
.news__block_2 {
  grid-column: 2;
  grid-row: 1;
}
.news__block_3 {
  grid-column: 3;
  grid-row: 1 / span 2;
}
.news__block_4 {
  grid-column: 1 / span 2;
  grid-row: 2;
}
.footer {
  margin-top: 87px;
}
.footer__wrapper-ul {
  display: flex;
  justify-content: space-between;
}
.footer__blocks {
  margin-top: 32px;
}
.footer__blocks-title {
  position: relative;
  display: inline-block;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #F5F5F5;
}
.footer__blocks-title::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -4px;
  height: 2px;
  width: 100%;
  background-color: #558af1;
}
.footer__block-logo-tel {
  margin-top: 15px;
}
.footer__block-logo-tel a {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.footer__block-logo-tel a:hover {
  color: #3ED7E9;
}
.footer__block-logo-email {
  margin-top: 15px;
}
.footer__block-logo-email a {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-decoration-line: underline;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.footer__block-logo-email a:hover {
  color: #3ED7E9;
}
.footer__sociala {
  margin-top: 20px;
}
.footer__sociala-icon {
  text-decoration: none;
  color: #F5F5F5;
  font-size: 35px;
  margin-right: 12px;
  transition: all 0.1s linear;
}
.footer__sociala-icon:hover {
  color: #3ED7E9;
}
.footer__blocks-ul {
  padding-left: 0;
  margin-top: 22px;
}
.footer__blocks-ul li {
  list-style-type: none;
  padding-bottom: 16px;
}
.footer__blocks-ul li a {
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.footer__blocks-ul li a:hover {
  color: #3ED7E9;
}
.footer__rights {
  position: relative;
  margin-top: 65px;
  margin-bottom: 51px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #F5F5F5;
}
.footer__rights::before {
  position: absolute;
  content: "";
  display: block;
  bottom: 50px;
  height: 2px;
  width: 100%;
  background-color: #558af1;
}
/* Окна с уведомлениями */
.questions_popup__wrapper-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
body .questions_popup__wrapper-wrapper {
  overflow: hidden;
}
.questions_popup {
  position: relative;
  top: 25%;
  padding: 20px;
  margin: auto;
  max-width: 850px;
  z-index: 20;
}
.questions_popup_wrapper {
  display: flex;
  align-items: center;
  width: 800px;
  height: 300px;
  border-radius: 36px;
  background-color: #150E3C;
  justify-content: space-between;
  padding: 0 100px;
}
.questions_popup_wrapper-buttons_lk_pr_group {
  margin-top: 0px;
}
.questions_popup_wrapper-buttons_lk_pr_group-text {
  font-size: 24px;
  color: white;
  margin-left: 100px;
}
.questions_popup_wrapper-buttons_lk_pr_group_wrapper {
  margin-top: 50px;
  margin-left: 130px;
}
.questions_popup_wrapper-buttons_lk_pr_group-button-yes,
.questions_popup_wrapper-buttons_lk_pr_group-button-no {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  color: #FFFFFF;
  text-decoration: none;
  padding: 12px 50px;
  border-radius: 40px;
  border: 2px solid #3ED7E9;
  background-color: transparent;
  margin-right: 70px;
  transition: all 0.1s linear;
}
.questions_popup_wrapper-buttons_lk_pr_group-button-yes:hover,
.questions_popup_wrapper-buttons_lk_pr_group-button-no:hover {
  background-color: #3ED7E9;
}
.questions_popup_wrapper-buttons_lk_pr_group-button-yes span,
.questions_popup_wrapper-buttons_lk_pr_group-button-no span {
  margin-left: 3px;
}
.questions_popup_wrapper-buttons_lk_pr_group-button-yes:last-child,
.questions_popup_wrapper-buttons_lk_pr_group-button-no:last-child {
  margin-right: 0;
}
.questions_popup-left {
  width: 230px;
  height: 150px;
  background-color: #F5F5F5;
  border: 1px solid #558AF1;
  border-radius: 36px;
  text-align: center;
  margin-right: 25px;
}
.questions_popup-left img {
  margin-top: 37px;
}
.questions_popup-right {
  width: 300px;
  height: 150px;
  background-color: #F5F5F5;
  border: 1px solid #558AF1;
  border-radius: 36px;
  text-align: center;
}
.questions_popup-right-img img {
  margin-top: 18px;
}
.questions_popup-right-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #558AF1;
  margin-top: 10px;
}
.questions_popup-right-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #150E3C;
  margin-top: 5px;
}
.close {
  position: absolute;
  top: 40px;
  right: 50px;
  cursor: pointer;
}
.close i {
  font-size: 30px;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.close i:hover {
  color: #558AF1;
}
.lk_pr_group-popup-groups_wrapper {
  position: absolute;
  box-shadow: 0px 4px 4px 10px #ff966e;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  height: 650px;
  border-radius: 31px;
  background-color: #FFFFFF;
  padding: 20px 25px 20px 0;
}
.lk_pr_group-popup-groups_wrapper_lk_st_main__wrapper {
  top: 70px;
  left: 225px;
}
.lk_pr_group-popup-groups {
  height: 100%;
  width: 100%;
  overflow: auto;
  text-align: center;
  padding-top: 55px;
}
.lk_pr_group-popup-groups-group {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  color: #150e3c;
  width: 357px;
  height: 49px;
  margin: 33px auto 0 auto;
  border-radius: 36px;
  background-color: #ffbe9d;
  transition: all 0.1s linear;
}
.lk_pr_group-popup-groups-group:first-child {
  margin-top: 0px;
}
.lk_pr_group-popup-groups-group:hover {
  background-color: #3ED7E9;
}
.lk_pr_group-popup-groups-button-wrapper {
  margin-top: 59px;
}
.lk_pr_group-popup-groups-button {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  color: #150e3c;
  width: 255px;
  height: 49px;
  border: 2px solid #3ED7E9;
  border-radius: 36px;
  background-color: transparent;
  transition: all 0.1s linear;
}
.lk_pr_group-popup-groups-button:first-child {
  margin-top: 0px;
}
.lk_pr_group-popup-groups-button:hover {
  background-color: #3ED7E9;
}
.lk_pr_group-popup-groups-button i {
  color: black;
  font-size: 30px;
}
.lk_pr_group-popup-dz_wrapper-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.lk_pr_group-popup-dz_wrapper-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 10;
}
.lk_pr_group-popup-dz_wrapper {
  position: relative;
  top: 25%;
  margin: auto;
  padding-top: 25px;
  width: 930px;
  height: 300px;
  background-color: #FFFFFF;
  border-radius: 36px;
  box-shadow: 0px 4px 4px 10px #ff966e;
  z-index: 20;
}
.lk_pr_group-popup-dz_wrapper_my-courses {
  height: 215px;
}
.lk_pr_group-popup-dz_wrapper_my-courses-2 {
  height: 265px;
}
.lk_pr_group-popup-dz-content-select_wrapper-courses {
  margin-top: 25px;
}
.lk_pr_group-popup-dz {
  position: relative;
  padding-top: 33px;
  padding-left: 35px;
  margin: auto;
  border: 3px dotted #ff8f64;
  width: 825px;
  height: 247px;
}
.lk_pr_group-popup-dz_my-courses {
  height: 150px;
}
.lk_pr_group-popup-dz_my-courses-2 {
  height: 215px;
}
.lk_pr_group-popup-dz-exit {
  position: absolute;
  top: 10px;
  right: 18px;
  font-size: 30px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.lk_pr_group-popup-dz-exit:hover {
  color: #3ED7E9;
}
.lk_pr_group-popup-dz-content-title {
  font-size: 24px;
  font-weight: 600;
  color: #150e3c;
}
.lk_pr_group-popup-dz-content-select {
  margin-top: 25px;
  width: 568px;
  height: 50px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid #ff976f;
  border-radius: 10px;
  transition: all 0.1s linear;
  cursor: pointer;
}
.lk_pr_group-popup-dz-content-select:hover {
  border-color: #3ED7E9;
}
.lk_pr_group-popup-dz-content-select-courses {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: rgba(83, 83, 83, 0.56);
  outline: none;
  width: 568px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 2px solid #ff976f;
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 0;
  margin-bottom: 15px;
  transition: all 0.1s linear;
}
.lk_pr_group-popup-dz-content-select-courses:hover {
  border: 2px #3ED7E9 solid;
}
.lk_pr_group-popup-dz-content-select-courses:last-child {
  margin-bottom: 0px;
}
.lk_pr_group-popup-dz-content-select-courses option {
  color: #150e3c;
}
.lk_pr_group-popup-dz-content-button {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  color: #150e3c;
  width: 210px;
  height: 32px;
  border: none;
  margin-top: 25px;
  border-radius: 36px;
  background-color: #ffbe9d;
  transition: all 0.1s linear;
  display: block;
}
.lk_pr_group-popup-dz-content-button:first-child {
  margin-top: 0px;
}
.lk_pr_group-popup-dz-content-button:hover {
  background-color: #3ED7E9;
}
.lk_pr_group-popup-dz-content-button i {
  font-size: 20px;
}
.lk_pr_group-popup-dz-content-select-inputs {
  margin-top: 25px;
}
.lk_pr_group-popup-dz-content-input {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #150e3c;
  outline: none;
  width: 568px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 36px;
  border: 2px solid #ff976f;
  padding-left: 27px;
  padding-right: 27px;
  margin-bottom: 15px;
  transition: all 0.1s linear;
}
.lk_pr_group-popup-dz-content-input::placeholder {
  color: rgba(83, 83, 83, 0.56);
}
.lk_pr_group-popup-dz-content-input:hover {
  border: 2px #3ED7E9 solid;
}
.lk_pr_group-popup-dz-content-input-last {
  margin-bottom: 0;
}
.popup_edit_control_wrapper-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup_edit_control_wrapper-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 10;
}
.popup_edit_control_wrapper {
  position: relative;
  top: 25%;
  padding-top: 38px;
  width: 810px;
  height: 640px;
  border-radius: 31px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 4px 10px #ff966e;
  margin: auto;
  z-index: 20;
}
.popup_edit_control {
  position: relative;
  padding-top: 33px;
  padding-left: 35px;
  margin: auto;
  border: 3px dotted #ff8f64;
  width: 710px;
  height: 555px;
}
.popup_edit_control-exit {
  position: absolute;
  top: 10px;
  right: 18px;
  font-size: 30px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.popup_edit_control-exit:hover {
  color: #3ED7E9;
}
.popup_edit_control-content-title {
  font-size: 24px;
  font-weight: 600;
  color: #150e3c;
}
.popup_edit_control-content-inputs {
  margin-top: 42px;
}
.popup_edit_control-content-input {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #150e3c;
  outline: none;
  width: 568px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 36px;
  border: 2px solid #ff976f;
  padding-left: 27px;
  padding-right: 27px;
  margin-bottom: 18px;
  transition: all 0.1s linear;
}
.popup_edit_control-content-input::placeholder {
  color: rgba(83, 83, 83, 0.56);
}
.popup_edit_control-content-input:hover {
  border: 2px #3ED7E9 solid;
}
.popup_edit_control-content-input:last-child {
  margin-bottom: 0px;
}
.popup_edit_control-content-select {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: rgba(83, 83, 83, 0.56);
  outline: none;
  width: 568px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 2px solid #ff976f;
  padding-left: 27px;
  padding-right: 27px;
  margin-top: 0;
  margin-bottom: 18px;
  transition: all 0.1s linear;
}
.popup_edit_control-content-select:hover {
  border: 2px #3ED7E9 solid;
}
.popup_edit_control-content-select:last-child {
  margin-bottom: 0px;
}
.popup_edit_control-content-select option {
  color: #150e3c;
}
.popup_edit_control-content-textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #150e3c;
  outline: none;
  width: 568px;
  height: 120px;
  background: #FFFFFF;
  border-radius: 10px;
  resize: none;
  border: 2px solid #ff976f;
  padding: 10px 27px;
  margin-bottom: 18px;
  transition: all 0.1s linear;
}
.popup_edit_control-content-textarea::placeholder {
  color: rgba(83, 83, 83, 0.56);
}
.popup_edit_control-content-textarea:hover {
  border: 2px #3ED7E9 solid;
}
.popup_edit_control-button {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  color: #150e3c;
  width: 210px;
  height: 32px;
  border: none;
  margin-top: 25px;
  border-radius: 36px;
  background-color: #ffbe9d;
  transition: all 0.1s linear;
}
.popup_edit_control-button:first-child {
  margin-top: 0px;
}
.popup_edit_control-button:hover {
  background-color: #3ED7E9;
}
.popup_edit_control-button i {
  font-size: 20px;
}
.course_begin_control_popup__wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.course_begin_control_popup {
  position: relative;
  top: 25%;
  margin: auto;
  width: 792px;
  height: 415px;
  background: #F6D3BE;
  border-radius: 5px;
  padding: 20px 50px;
  z-index: 20;
}
.course_begin_control_popup-title-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.course_begin_control_popup-title-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  bottom: -10px;
  left: -50px;
  width: 792px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.25);
}
.course_begin_control_popup-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #150E3C;
}
.course_begin_control_popup-exit {
  cursor: pointer;
}
.course_begin_control_popup-info {
  margin-top: 21px;
}
.course_begin_control_popup-info-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #150E3C;
}
.course_begin_control_popup-info-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  margin-top: 22px;
}
.course_begin_control_popup-info-begintime {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  margin-top: 20px;
}
.course_begin_control_popup-info-endtime {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  margin-top: 20px;
}
.course_begin_control_popup-info-balls {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  margin-top: 20px;
}
.course_begin_control_popup-buttons-wrapper {
  margin-top: 27px;
  display: flex;
}
.course_begin_control_popup-button-begin {
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 10px 0 10px;
  margin-right: 12px;
  color: #150E3C;
  background: #85AEFF;
  min-width: 170px;
  height: 26px;
  text-decoration: none;
  border-radius: 36px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.course_begin_control_popup-button-begin:hover {
  background-color: #3ED7E9;
}
.course_begin_control_popup-button-begin:last-of-type {
  margin-right: 0;
}
.course_begin_control_popup-end {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #150E3C;
  background: rgba(189, 76, 76, 0.74);
  min-width: 170px;
  height: 26px;
  border: none;
  border-radius: 36px;
  cursor: pointer;
  margin-left: 12px;
  transition: all 0.1s linear;
}
.course_begin_control_popup-end:hover {
  background-color: #D20A11;
}
.pop_up_dear_friend__wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
body .pop_up_dear_friend__wrapper {
  overflow: hidden;
}
.pop_up_dear_friend {
  position: relative;
  top: 25%;
  padding: 32px 52px;
  margin: auto;
  max-width: 930px;
  height: 330px;
  background-color: white;
  border-radius: 36px;
  box-shadow: 0px 4px 4px 10px #ff966e;
  z-index: 20;
}
.pop_up_dear_friend-info {
  border: 2px #ff8f64 dotted;
  height: 265px;
  padding: 30px 35px;
}
.pop_up_dear_friend-info-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  color: #150e3c;
}
.pop_up_dear_friend-info-text {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  color: #150e3c;
}
.pop_up_dear_friend-info-text span {
  font-weight: 700;
}
.pop_up_dear_friend-info-button {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #FFFFFF;
  background-color: #ff976f;
  width: 210px;
  height: 32px;
  border-radius: 36px;
  border: none;
  margin-top: 50px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.pop_up_dear_friend-info-button:hover {
  background-color: #ff7d49;
}
.pop_up_dear_friend-exit {
  position: absolute;
  top: 37px;
  right: 63px;
  font-size: 22px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.pop_up_dear_friend-exit:hover {
  color: #3ED7E9;
}
.course_python_popup__wrapper-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
body .course_python_popup__wrapper-wrapper {
  overflow: hidden;
}
.course_python_popup {
  position: relative;
  width: 100%;
  min-height: 600px;
  min-width: 400px;
  max-width: 1200px;
  background-color: #fff;
  border-radius: 55px;
  z-index: 20;
  padding: 2rem;
  margin: 2rem auto auto;
  box-sizing: border-box;
}
.course_python_popup_wrapper {
  display: flex;
  height: 100%;
}
.course_python_popup_left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 20px;
  box-sizing: border-box;
}
.course_python_popup_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 20px;
  box-sizing: border-box;
}
.course_python_popup_left-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.course_python_popup_left-title,
.course_python_popup_right-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1rem;
}
.course_python_popup_left-img img,
.course_python_popup_left-payment-blocks-left-imgs img {
  max-width: 100%;
  height: auto;
  display: block;
}
.course_python_popup_left-title {
  width: 100%;
  max-width: 680px;
  padding: 1rem;
  background: #5276E7;
  border: 1px solid #5276E7;
  border-radius: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #fff;
  box-sizing: border-box;
}
.course_python_popup_left-img {
  margin-left: 5px;
  margin-top: -20px;
  width: 100px;
  min-width: 100px;
}
.course_python_popup_left-price-wrapper {
  margin-top: 45px;
  display: flex;
  justify-content: center;
}
.course_python_popup_left-price-block-left {
  width: 202px;
  height: 120px;
  background: #85AEFF;
  border-radius: 40px;
  margin-right: 115px;
}
.course_python_popup_left-price-block-left-text {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  width: 145px;
  color: #000000;
  text-align: center;
  padding-top: 13px;
  margin-left: 27px;
}
.course_python_popup_left-price-block-left-text span {
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  color: #000000;
}
.course_python_popup_left-price-block-right {
  margin-top: 10px;
}
.course_python_popup_left-price-block-right-title {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.course_python_popup_left-price-block-right-finalprice {
  margin-top: 15px;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  color: #000000;
}
.course_python_popup_left-price-block-right-finalprice span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.course_python_popup_left-price-block-right-newprice {
  margin-top: 15px;
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  color: #000000;
}
.course_python_popup_left-price-block-right-newprice span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.course_python_popup_left-price-block-right-oldprice {
  position: absolute;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin-top: 5px;
  margin-left: 10px;
}
.course_python_popup_left-price-block-right-oldprice::before {
  position: relative;
  content: "";
  display: block;
  top: 11px;
  right: 4px;
  width: 63px;
  height: 1px;
  background-color: #FF6969;
}
.course_python_popup_left-payment {
  text-align: center;
  margin-top: 60px;
}
.course_python_popup_left-payment-title {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 49px;
  color: #000000;
}
.course_python_popup_left-payment-blocks {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.course_python_popup_left-payment-blocks-left {
  width: 370px;
  height: 110px;
  border: 1px solid #000000;
  border-radius: 25px;
}
.course_python_popup_left-payment-blocks-left-title {
  margin-top: 24px;
  margin-left: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.course_python_popup_left-payment-blocks-left-imgs {
  display: flex;
  justify-content: space-around;
  margin-top: 1.25rem;
}
.course_python_popup_left-payment-blocks-right {
  width: 370px;
  height: 110px;
  border: 1px solid #000000;
  border-radius: 25px;
  margin-left: 10px;
}
.course_python_popup_left-payment-blocks-right-title {
  margin-top: 24px;
  margin-left: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
}
.course_python_popup_left-payment-blocks-right-imgs {
  margin-left: 30px;
  margin-top: 35px;
}
.course_python_popup_right-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 49px;
  color: #000000;
}
.course_python_popup_right-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.course_python_popup_right-form-button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #fff;
  background-color: #5276E7;
  padding: 1rem;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.course_python_popup_right-form-button:hover {
  background-color: #3ED7E9;
}
.course_python_popup_right-form-input {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 24px;
  outline: none;
  background-color: transparent;
  color: #000000;
  width: 500px;
  height: 63px;
  border: 1px solid #050C1C;
  border-radius: 878px;
  padding-left: 26px;
  padding-right: 26px;
  margin-bottom: 30px;
  transition: all 0.1s linear;
}
.course_python_popup_right-form-input::placeholder {
  color: #150E3C;
}
.course_python_popup_right-form-input:hover {
  border-color: #3ED7E9;
}
.course_python_popup_right-form-input:last-child {
  margin-bottom: 0;
}
.course_python_popup_right-text {
  max-width: 520px;
  margin-top: 12px;
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #050C1C;
  margin-left: auto;
  margin-right: auto;
}
.course_python_popup_right-text span a {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #050C1C;
  transition: all 0.1s linear;
}
.course_python_popup_right-text span a:hover {
  color: #3ED7E9;
}
.course_python_popup_wrapper {
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
}
@media screen and (max-width: 1199.98px) {
  .course_python_popup_wrapper {
    flex-direction: column;
    align-items: center;
  }
  .course_python_popup_left,
  .course_python_popup_right {
    width: 100%;
  }
  .course_python_popup {
    width: 90%;
    margin: auto;
  }
  .course_python_popup_left-price-block-left {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  .course_python_popup {
    width: 100%;
    padding: 1.5rem;
  }
  .course_python_popup_left-price-block-right-finalprice {
    text-align: center;
  }
}
@media screen and (max-width: 575.98px) {
  .course_python_popup_left-price-block-left-text {
    width: unset;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }
  .course_python_popup_left-price-block-right {
    margin-top: 0;
  }
  .course_python_popup_left-title,
  .course_python_popup_left-payment-title,
  .course_python_popup_right-title {
    font-size: 1.5rem;
  }
  .course_python_popup {
    padding: 1rem;
  }
  .course_python_popup_left-title-wrapper {
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
}
.help-main__wrapper {
  z-index: 5;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 200px;
  background-color: rgba(0, 0, 0, 0.5);
}
.help-main {
  margin: auto;
  width: 1625px;
  height: 890px;
  padding: 85px;
  background-color: #4785EF;
  box-shadow: 8px 12px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 35px;
}
.help-main__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.help-main__head::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  bottom: -35px;
  left: 0;
  background-color: #E1E1E1;
}
.help-main__head-exit {
  mask-image: url('../../../static/image/popups/help/close.svg');
  width: 23px;
  height: 23px;
  border: none;
  background-color: #FFFFFF;
  cursor: pointer;
  transition: 0.1s linear all;
}
.help-main__head-title {
  font-size: 24px;
  font-weight: 800;
  color: #FFF;
  text-transform: uppercase;
}
.help-main__content {
  margin-top: 75px;
  display: flex;
  justify-content: space-between;
}
.help-main__content-left {
  position: relative;
  width: 450px;
  height: 630px;
  background: #F5F5F5;
  border-radius: 20px;
  padding: 40px 20px 9px 20px;
}
.help-main__content-left::before {
  position: absolute;
  content: "";
  display: block;
  width: 3px;
  height: 585px;
  top: 21px;
  right: -32px;
  background-color: #E1E1E1;
  border-radius: 10px;
}
.help-main__content-left-button {
  position: relative;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #150E3C;
  background-color: #FFF;
  text-align: left;
  width: 415px;
  height: 65px;
  border: none;
  border-radius: 20px;
  margin-top: 15px;
  padding-left: 55px;
  cursor: pointer;
  transition: 0.1s linear all;
}
.help-main__content-left-button:hover {
  background-color: #4785EF;
  color: #fff;
}
.help-main__content-left-button:first-child {
  margin-top: 0;
}
.help-main__content-left-button--active {
  background-color: #4785EF;
  color: #fff;
}
.help-main__content-left-button span {
  position: absolute;
  top: 25px;
  left: 21px;
}
.help-main__content-left-social-wrapper {
  margin-top: 125px;
}
.help-main__content-left-social {
  position: relative;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  width: 415px;
  height: 110px;
  background-color: #FA8636;
  border-radius: 20px;
  padding: 20px 40px 20px 30px;
  margin-bottom: 7px;
  transition: 0.1s linear all;
}
.help-main__content-left-social::after {
  position: absolute;
  content: url("../../../static/image/popups/help/line-1.png");
  display: block;
  top: 28px;
  right: 0;
}
.help-main__content-left-social--black {
  background-color: #B44EB1;
}
.help-main__content-left-social--black::after {
  position: absolute;
  content: url("../../../static/image/popups/help/line-2.png");
  display: block;
  top: 43px;
  right: 0;
}
.help-main__content-left-social:hover {
  opacity: 0.9;
}
.help-main__content-left-social:last-child {
  margin-bottom: 0;
}
.help-main__content-left-social-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 134.9%;
  margin-top: 5px;
  color: white;
}
.help-main__content-left-social-icon {
  z-index: 2;
}
.help-main__content-right {
  width: 945px;
  height: 630px;
  background-color: #F5F5F5;
  border-radius: 20px;
  padding: 26px 36px 26px 35px;
}
.help-main__content-right--article_wrapper {
  padding: 26px 36px 26px 35px;
}
.help-main__content-right-form-input {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  width: 730px;
  height: 35px;
  border-radius: 60px;
  border: 1px transparent solid;
  padding: 0 40px;
  transition: all 0.1s linear;
}
.help-main__content-right-form-input::placeholder {
  color: #150E3C;
}
.help-main__content-right-form-input:hover {
  border: 1px #3ED7E9 solid;
}
.help-main__content-right-form-button {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #4785EF;
  width: 130px;
  height: 35px;
  border: none;
  border-radius: 40px;
  margin-left: 10px;
  cursor: pointer;
  transition: 0.1s linear all;
}
.help-main__content-right-form-button:hover {
  background-color: #3ED7E9;
}
.help-main__content-right-content-wrapper {
  margin-top: 20px;
  height: 100%;
  height: 530px;
  overflow: auto;
}
.help-main__content-right-content {
  cursor: pointer;
  width: 870px;
  min-height: 90px;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 45px;
  margin-top: 20px;
  transition: 0.1s linear all;
}
.help-main__content-right-content:hover {
  background-color: #dfdfdf;
}
.help-main__content-right-content-topinfo-wrapper {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.help-main__content-right-content-topinfo-title {
  font-size: 20px;
  font-weight: 600;
  color: #150E3C;
}
.help-main__content-right-content-topinfo {
  display: flex;
}
.help-main__content-right-content-topinfo-date,
.help-main__content-right-content-topinfo-time {
  font-size: 15px;
  font-weight: 400;
  color: #150E3C;
}
.help-main__content-right-content-topinfo-date span,
.help-main__content-right-content-topinfo-time span {
  margin-left: 4px;
}
.help-main__content-right-content-topinfo-time {
  position: relative;
  margin-left: 50px;
}
.help-main__content-right-content-topinfo-time::after {
  position: absolute;
  content: url("../image/popups/help/icon-book.png");
  display: block;
  top: 1px;
  left: -35px;
}
.help-main__content-right-text {
  font-size: 16px;
  font-weight: 400;
  color: #150E3C;
  margin-top: 20px;
}
.help-main__content-right-article {
  position: absolute;
  width: 875px;
  min-height: 560px;
  background-color: #fff;
  border-radius: 20px;
  padding: 33px 66px 22px 66px;
}
.help-main__content-right-article-topnav-wrapper {
  margin-bottom: 15px;
}
.help-main__content-right-article-topnav-wrapper span {
  font-size: 10px;
  font-weight: 300;
}
.help-main__content-right-article-topnav {
  color: #000;
  font-size: 10px;
  font-weight: 300;
}
.help-main__content-right-article-topnav:hover {
  text-decoration: underline;
}
.help-main__content-right-article-content {
  height: 500px;
  width: 780px;
  padding-right: 15px;
  overflow: auto;
}
.help-main__content-right-article-content-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 116.4%;
  color: #000;
}
.help-main__content-right-article-content-text p {
  padding-top: 20px;
}
.help-main__content-right-article-content-text p:first-child {
  padding-top: 0;
}
.help-main__content-right-article-content-title {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin: 25px 0;
}
.help-main__content-right-content-topinfo-texthelp {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin-top: 45px;
  margin-bottom: 20px;
}
.help-main__content-right-formhelp-input {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  background-color: #F5F5F5;
  color: #181818;
  width: 740px;
  height: 45px;
  border-radius: 40px;
  border: 1px #000 solid;
  padding: 0 60px;
  margin-top: 20px;
  transition: all 0.1s linear;
}
.help-main__content-right-formhelp-input::placeholder {
  color: rgba(24, 24, 24, 0.76);
}
.help-main__content-right-formhelp-input:hover {
  border: 1px #3ED7E9 solid;
}
.help-main__content-right-formhelp-textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  background-color: #F5F5F5;
  border: 1px #000 solid;
  border-radius: 30px;
  color: #181818;
  outline: none;
  width: 740px;
  height: 65px;
  margin-top: 20px;
  padding: 20px 60px 10px 60px;
  resize: none;
  transition: all 0.1s linear;
}
.help-main__content-right-formhelp-textarea::placeholder {
  color: rgba(24, 24, 24, 0.76);
}
.help-main__content-right-formhelp-textarea:hover {
  border: 1px #3ED7E9 solid;
}
.help-main__content-right-formhelp-photo-wrapper {
  position: relative;
}
.help-main__content-right-formhelp-photo-wrapper::after {
  position: absolute;
  content: url("../image/popups/help/paperclip.png");
  display: block;
  left: 42px;
  bottom: -3px;
  cursor: pointer;
}
.help-main__content-right-formhelp-photo-wrapper::before {
  position: absolute;
  content: url("../image/popups/help/exit.png");
  display: block;
  left: 155px;
  bottom: 7px;
  cursor: pointer;
}
.help-main__content-right-formhelp-photo-wrapper--right::after {
  display: none;
}
.help-main__content-right-formhelp-photo-wrapper--right:before {
  position: absolute;
  content: url("../image/popups/help/paperclip.png");
  display: block;
  left: 235px;
  bottom: -4px;
  cursor: pointer;
}
.help-main__content-right-formhelp-photo {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  color: #000;
  background-color: transparent;
  border: none;
  margin-top: 20px;
  margin-left: 60px;
  cursor: pointer;
  transition: 0.1s linear all;
}
.help-main__content-right-formhelp-photo:hover {
  text-decoration: underline;
}
.custom-file-upload {
  display: flex;
  flex-direction: column;
  margin-left: 64px;
  margin-top: 30px;
}
.custom-file-upload input[type="file"] {
  display: none;
}
.custom-file-upload label {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.custom-file-upload label::before {
  position: absolute;
  content: url(../image/popups/help/paperclip.png);
  left: 270px;
}
.help-main__content-right-formhelp-button-wrapper {
  text-align: center;
}
.help-main__content-right-formhelp-button {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #F5F5F5;
  background-color: #4785EF;
  width: 185px;
  height: 40px;
  border: none;
  border-radius: 40px;
  margin-top: 40px;
  cursor: pointer;
  transition: 0.1s linear all;
}
.help-main__content-right-formhelp-button:hover {
  background-color: #3ED7E9;
}
.help-main__content-right-article-popup-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.help-main__content-right-article-popup-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.63);
  opacity: 0.5;
  z-index: 5;
}
.help-main__content-right-article-popup {
  position: relative;
  top: 25%;
  margin: auto;
  width: 530px;
  height: 260px;
  padding: 29px 30px 35px 30px;
  background-color: #fff;
  border-radius: 35px;
  z-index: 10;
}
.help-main__content-right-article-popup__head {
  position: relative;
  display: flex;
  justify-content: right;
  align-items: center;
}
.help-main__content-right-article-popup__head::after {
  position: absolute;
  content: "";
  display: block;
  width: 535px;
  height: 1px;
  bottom: -21px;
  left: -30px;
  background-color: rgba(0, 0, 0, 0.1);
}
.help-main__content-right-article-popup__head-exit {
  mask-image: url('../../../static/image/popups/help/close.svg');
  width: 23px;
  height: 23px;
  border: none;
  background-color: #000000;
  cursor: pointer;
  transition: 0.1s linear all;
}
.help-main__content-right-article-popup__info {
  margin-top: 50px;
  text-align: center;
}
.help-main__content-right-article-popup__info-title {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.help-main__content-right-article-popup__info-text {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin-top: 35px;
}
/* Страница информации о питоне */
.profpython {
  margin-top: 100px;
}
.python__title {
  font-size: 48px;
}
.profpython__wrapper {
  max-width: 1550px;
  padding: 100px 120px;
  background-color: white;
  border-radius: 50px;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.profpython__left {
  max-width: 950px;
}
.profpython__left-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 48px;
  line-height: 78px;
}
.profpython__left-title span {
  color: #5276e7;
}
.profpython__left-subtitle {
  font-size: 36px;
  font-weight: 800;
  line-height: 44px;
  color: #4785ef;
  margin-top: 10px;
}
.profpython__left-ul {
  margin-top: 35px;
}
.profpython__left-li {
  margin-left: -12px;
  font-weight: 500;
  font-size: 26px;
  line-height: 39px;
  color: #000000;
  padding-bottom: 30px;
}
.profpython__left-button {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  cursor: pointer;
  color: #F5F5F5;
  width: 440px;
  height: 72px;
  border-radius: 40px;
  border: 2px solid #5276e7;
  background-color: #5276e7;
  transition: all 0.1s linear;
}
.profpython__left-button:hover {
  background-color: #3ED7E9;
}
.profpython__right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profpython__right-img img {
  width: 270px;
  height: 270px;
}
.profpython__right-sale {
  margin-top: 20px;
  width: 310px;
  height: 72px;
  background-color: #5276e7;
  border-radius: 40px;
}
.profpython__right-sale-text {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #F5F5F5;
  text-align: center;
  padding: 13px 0;
}
.profpython__right-text {
  margin-top: 35px;
  font-weight: 600;
  font-size: 42px;
  line-height: 59px;
  color: #558af1;
}
.profpython__right-text-oldprice {
  text-decoration: line-through;
  color: #8b8b9a;
  font-size: 26px;
  margin-right: 30px;
}
.profpython__right-text-newprice {
  color: #242424;
  font-size: 48px;
}
.whypython {
  margin-top: 110px;
}
.whypython_info-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 78px;
  color: #efeeee;
}
.whypython_info-text {
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  color: #FFFFFF;
  margin-top: 25px;
}
.whypython_blocks {
  margin-top: 90px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}
.whypython_block-wrapper {
  padding: 50px;
}
.whypython_block1 {
  grid-column: 1;
  max-width: 850px;
  background-color: #FFFFFF;
  border-radius: 32px;
}
.whypython_block1-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 59px;
  color: #000000;
}
.whypython_block1-text {
  font-weight: 500;
  font-size: 32px;
  line-height: 43px;
  color: #000000;
  margin-top: 15px;
}
.whypython_block1-text p {
  margin-top: 15px;
}
.whypython_block1-text p span {
  font-size: 38px;
}
.whypython_block1-sites {
  display: flex;
  margin-top: 30px;
}
.whypython_block1-sites-hh {
  margin-right: 33px;
  font-size: 30px;
  font-weight: 700;
  color: #d00a11;
}
.whypython_block1-sites-habr {
  margin-right: 33px;
  font-size: 30px;
  font-weight: 700;
  color: #323232;
}
.whypython_block1-sites-superjob {
  font-size: 30px;
  font-weight: 700;
  color: #4d9e82;
}
.whypython_block2 {
  grid-column: 2;
  grid-row: span 2;
  background-color: #FFFFFF;
  border-radius: 32px;
}
.whypython_block2-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 59px;
  color: #000000;
}
.whypython_block2-text {
  font-weight: 500;
  font-size: 36px;
  line-height: 43px;
  color: #000000;
  margin-top: 25px;
}
.whypython_block2-salaries {
  text-align: center;
  margin: auto;
}
.whypython_block2-salaries-title {
  margin: auto;
  margin-top: 65px;
  width: 310px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #150e3c;
}
.whypython_block2-salaries-number {
  margin: auto;
  margin-top: 15px;
  font-weight: 500;
  font-size: 64px;
  line-height: 78px;
  color: #558af1;
}
.whypython_block3 {
  grid-column: 1;
  max-width: 850px;
  background-color: #FFFFFF;
  border-radius: 32px;
}
.whypython_block3-title {
  font-weight: 600;
  font-size: 42px;
  line-height: 59px;
  color: #000000;
}
.whypython_block3-text {
  font-weight: 500;
  font-size: 32px;
  line-height: 43px;
  color: #000000;
  margin-top: 25px;
}
.whypython_block3-img {
  margin-top: 15px;
  text-align: center;
}
.whypython_block3-img img {
  width: 530px;
  height: 340px;
}
.program__python {
  margin: 110px auto 0 auto;
  background-color: #558af1;
  padding: 50px 0;
}
.program__python-info {
  padding-left: 30px;
}
.program__python-info-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 78px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.program__python-info-untitle {
  margin-top: 10px;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #FFFFFF;
}
.program__python-info-text {
  margin-top: 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 143.4%;
  text-transform: uppercase;
  color: #FFFFFF;
  max-width: 1470px;
}
.program__python-block {
  display: flex;
  margin-top: 55px;
  background-color: #F5F5F5;
  max-width: 1620px;
  height: 600px;
  border-radius: 60px;
}
.program__python-mainblock-left__wrapper {
  padding: 10px 0;
  max-width: 700px;
  width: 100%;
}
.program__python-mainblock-left {
  padding: 0 60px 0 50px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.program__python-mianblock-left-block {
  display: flex;
  align-items: center;
  margin-top: 35px;
  padding: 25px;
  background-color: #FFFFFF;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
  color: #150e3c;
  border-radius: 60px;
  transition: all 0.15s linear;
  cursor: pointer;
  font-weight: 600;
  font-size: 20px;
}
.program__python-mianblock-left-block:hover {
  background-color: #558af1;
  color: #F5F5F5;
}
.program__python-mianblock-left-block:first-child {
  margin-top: 20px;
}
.program__python-mianblock-left-block:last-child {
  margin-bottom: 20px;
}
.program__python-mianblock-left-block-active {
  background-color: #558af1;
  color: #F5F5F5;
}
.program__python-block-right {
  max-width: 760px;
  width: 100%;
  min-height: 480px;
  padding: 30px 35px 50px;
  display: flex;
  border: 4px solid #558af1;
  border-radius: 60px;
}
.program__python-wrapper {
  flex-grow: 1;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.program__python-block-right-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  padding: 10px;
  border: 2px solid #000000;
  border-radius: 40px;
}
.program__python-block-right-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: #000000;
  padding: 12px;
  margin-top: 25px;
  border: 2px solid #000000;
  border-radius: 40px;
}
.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion {
  position: relative;
  padding: 15px 25px;
  width: 100%;
  cursor: pointer;
  text-align: center;
  border-radius: 60px;
  background-color: #fff;
  transition: background-color 0.2s ease-in-out;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
.accordion__list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.accordion__control {
  min-height: 76px;
}
.accordion__content {
  overflow: hidden;
  color: #150E3C;
  max-height: 0;
  box-sizing: content-box;
  font-weight: 400;
  font-size: 16px;
  line-height: 149.422%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  will-change: max-height;
}
.accordion__title {
  color: #150E3C;
  display: block;
  max-width: 430px;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  transition: color 0.2s ease-in-out;
}
.accordion__descr {
  margin: 0;
}
.accordion__icon {
  position: absolute;
  right: 41px;
  top: 45px;
  width: 18px;
  transition: transform 0.2s ease-in-out;
  height: 11px;
  background-image: url("../index/images/accordion-arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #150E3C;
  transition: color 0.2s ease-in-out;
}
.accordion__icon svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  fill: currentColor;
}
.accordion__checkbox {
  display: none;
}
.accordion__checkbox:checked + .accordion__label-content {
  background-color: blue;
}
.accordion__checkbox:checked + .accordion__label-content::after {
  opacity: 1;
}
.accordion__checkbox:checked + .accordion__label-content + .accordion__label-text {
  opacity: 1;
}
.accordion__label {
  @include flex-v-center;
  padding: 5px 0;
  cursor: pointer;
  gap: 19px;
}
.accordion__label-content {
  position: relative;
  border-radius: 1.5px;
  width: 16px;
  height: 16px;
  background-color: #dde0f0;
  transition: background-color 0.3s ease-in-out;
}
.accordion__label-content::after {
  @include bg-cover;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 9px;
  height: 8px;
  background-image: url("../img/modal/modal-checkbox.svg");
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out;
}
.accordion__label-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 117.422%;
  color: #000;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}
.open .accordion__icon {
  transform: rotate(180deg);
}
.open .accordion__content {
  padding: 40px 0 30px;
  opacity: 1;
  transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out 0.1s;
}
.accordion:hover {
  background-color: #558AF1;
}
.accordion:hover .accordion__title {
  color: #fff;
}
.accordion:hover .accordion__icon {
  color: #fff;
}
.accordion:hover .accordion__content {
  color: #fff;
}
.program__accordion {
  padding: 60px 43px;
  display: none;
  border-radius: 60px;
  background-color: #F5F5F5;
  box-shadow: 4px 4px 20px 0px #4785EF;
}
.program__accordion-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  text-align: left;
  padding-left: 60px;
}
.program__accordion-item {
  font-size: 16px;
  font-weight: 500;
  list-style-type: disc;
  line-height: 118.9%;
  /* 19.024px */
  letter-spacing: 1.44px;
}
.consultation {
  margin-top: 110px;
}
.consultation_wrapper {
  max-width: 1550px;
  background: linear-gradient(87.52deg, #ff9e79 1.96%, #ff966e 14.78%, #ff8f64 27.59%, #ff8a5e 34.77%, #ff8455 47.07%, #ff7d4b 59.88%, #ff7642 70.65%, #ff652b 100.34%);
  border-radius: 84px;
}
.consultation_wrapper-under {
  padding: 75px 100px;
  justify-content: space-between;
  display: flex;
  gap: 30px;
}
.consultation_left-title {
  font-weight: 500;
  font-size: 64px;
  line-height: 78px;
  color: #f5f5f5;
  max-width: 610px;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.consultation_left-text {
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  max-width: 465px;
  color: #f5f5f5;
}
.consultation_left-img {
  position: absolute;
}
.consultation_left-img img {
  position: relative;
  top: -70px;
  left: 424px;
}
.consultation_right {
  max-width: 600px;
}
.consultation_right-form-input {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 24px;
  outline: none;
  background-color: transparent;
  color: #FFFFFF;
  width: 100%;
  height: 70px;
  border: 2px solid #FFFFFF;
  border-radius: 878px;
  padding-left: 31px;
  padding-right: 31px;
  margin-bottom: 31px;
  transition: all 0.1s linear;
}
.consultation_right-form-input::placeholder {
  color: #FFFFFF;
}
.consultation_right-form-input:hover {
  border-color: #3ED7E9;
}
.consultation_right-form-button {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #85aeff;
  width: 100%;
  padding: 20px;
  border-radius: 878px;
  border: none;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.1s linear;
}
.consultation_right-form-button:hover {
  background-color: #3ED7E9;
}
.consultation_right-text {
  margin-top: 19px;
  text-align: center;
  max-width: 600px;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #f5f5f5;
}
.consultation_right-text span a {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #f5f5f5;
  transition: all 0.1s linear;
}
.consultation_right-text span a:hover {
  color: #3ED7E9;
}
.sign__course__python {
  margin-top: 110px;
}
.sign__course__python_wrapper {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  max-width: 1550px;
  border-radius: 84px;
  background: white;
  padding: 90px 70px;
}
.sign_course__python-left-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sign__course__python-left-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 59px;
  color: #4785ef;
  text-align: center;
}
.sign__course__python-left-info_course {
  display: flex;
  position: relative;
}
.sign__course__python-left-info_course-name {
  font-size: 40px;
  font-weight: 500;
  line-height: 49px;
  color: #fff;
  text-align: center;
  margin: 25px auto 0 auto;
  padding: 20px 25px;
  border-radius: 50px;
  background-color: #4785ef;
  width: 100%;
}
.sign__course__python-left-info_course-img {
  margin-left: 10px;
  max-width: 225px;
  height: auto;
}
.sign__course__python-left-ul {
  font-size: 32px;
  font-weight: 500;
  line-height: 39px;
  margin-top: 30px;
  margin-left: 30px;
  max-width: 700px;
  width: 100%;
}
.sign__course__python-left-ul li {
  padding-top: 20px;
}
.sign__course__python-left-auth {
  text-align: center;
}
.questions__block-text-sing__course__python-auth {
  color: #050c1c;
  width: 500px;
  margin: 10px auto 0 auto;
}
.questions__block-text-sing__course__python-auth span a {
  color: #050c1c;
}
.sign__course__python-right {
  width: 100%;
  max-width: 499px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.sign__course__python-right-img {
  width: 100%;
  height: auto;
}
.sign__course__python-right-title {
  font-size: 40px;
  font-weight: 500;
  line-height: 49px;
  color: #000000;
  text-align: center;
}
.sign__course__python-right-form {
  text-align: center;
  margin-top: 37px;
}
.sign__course__python-right-form-input {
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 24px;
  color: #558af1;
  outline: none;
  width: 499px;
  height: 63px;
  border-radius: 878px;
  border: 1px #050c1c solid;
  padding-left: 23px;
  padding-right: 23px;
  margin-bottom: 21px;
  transition: all 0.1s linear;
}
.sign__course__python-right-form-input::placeholder {
  color: #150e3c;
}
.sign__course__python-right-form-input:hover {
  border: 1px #558af1 solid;
}
.sign__course__python-right-form-input:last-child {
  margin-bottom: 0px;
}
.sign__course__python-right-form-button {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #558af1;
  width: 499px;
  height: 53px;
  border-radius: 878px;
  border: none;
  margin-top: 30px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.sign__course__python-right-form-button:hover {
  background-color: #3ED7E9;
}
.questions__block-text-sing__course__python {
  color: #050c1c;
  width: 500px;
}
.questions__block-text-sing__course__python span a {
  color: #050c1c;
}
.reviews__python {
  margin-top: 110px;
}
.reviews__python_wrapper {
  position: relative;
  width: 1550px;
  height: 780px;
  border-radius: 72px;
  background-color: #1c134e;
  z-index: 1;
  padding: 50px 0 50px 0;
}
.reviews__python-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 78px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}
.swiper-pagination-bullet {
  background-color: #220c8d;
  opacity: 1;
  width: 20px;
  height: 20px;
}
.swiper-pagination-bullet-active {
  background-color: #3ED7E9;
}
.reviews__python-blocks {
  display: flex;
  margin: 70px 50px 0 50px;
}
.reviews__python-blocks:nth-child(1) {
  margin: 70px 50px 0px 0px;
}
.reviews__python-blocks-block {
  width: 469px !important;
  height: 440px;
  border-radius: 60px;
  border: 1px solid #ffffff;
}
.reviews__python-blocks-block-arrow-left {
  position: absolute;
  top: 345px;
  left: -32px;
  width: 65px;
  height: 55px;
  border-radius: 51.21px;
  background-color: #85aeff;
  cursor: pointer;
  transition: all 0.1s linear;
}
.reviews__python-blocks-block-arrow-left:hover {
  background-color: #3ED7E9;
}
.reviews__python-blocks-block-arrow-left img {
  position: relative;
  top: 13px;
  left: 16px;
}
.reviews__python-blocks-block-arrow-right {
  position: absolute;
  top: 345px;
  right: -32px;
  width: 65px;
  height: 55px;
  border-radius: 51.21px;
  background-color: #85aeff;
  cursor: pointer;
  transition: all 0.1s linear;
}
.reviews__python-blocks-block-arrow-right:hover {
  background-color: #3ED7E9;
}
.reviews__python-blocks-block-arrow-right img {
  position: relative;
  top: 13px;
  left: 16px;
}
.reviews__python-blocks-block-wrapper {
  display: flex;
  margin-top: 35px;
  margin-left: 38px;
}
.reviews__python-blocks-block-img {
  margin-right: 10px;
}
.reviews__python-blocks-block-img img {
  width: 80px;
  height: 80px;
}
.reviews__python-blocks-block-info-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-top: 12px;
  margin-bottom: 4px;
  color: #F5F5F5;
}
.reviews__python-blocks-block-info-untitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #F5F5F5;
}
.reviews__python-blocks-block-info-stars {
  position: relative;
  display: flex;
  margin-top: 3px;
}
.reviews__python-blocks-block-info-stars img {
  margin-right: 5px;
}
.reviews__python-blocks-block-info-stars img:last-child {
  margin-right: 0;
}
.reviews__python-blocks-block-text {
  margin-top: 20px;
  margin-left: 38px;
  width: 390px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #F5F5F5;
}
@media screen and (max-width: 1690px) {
  .sign__course__python-left-ul {
    margin-left: 0;
  }
}
/* СтраницЫ входа, регистрации и авторизации и всё что с ними связанно */
.header_auth {
  margin-top: 30px;
}
.main_auth {
  margin-top: 50px;
}
.main_auth_wrapper-error {
  display: flex;
}
.main_auth_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-top: 60px;
}
.main_auth_wrapper_pass-set {
  display: flex;
}
.main_auth-left {
  flex: 1;
  max-width: 735px;
  margin-right: 70px;
}
.main_auth-left-error {
  margin-right: 0;
  margin: auto;
}
.main_auth-left-title {
  margin-top: 40px;
  font-weight: 600;
  font-size: 48px;
  line-height: 59px;
  color: #FFFFFF;
}
.main_auth-left-title-big_error {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}
.main_auth-right-untitle {
  margin-top: 25px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}
.main_auth-right-untitle-error {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  text-transform: uppercase;
  width: 760px;
  color: #FFFFFF;
}
.main_auth-left-text {
  width: 100%;
  max-width: 735px;
  color: #FFFFFF;
  margin-top: 35px;
  font-weight: 400;
  font-size: 32px;
  line-height: 39px;
}
.main_auth-left-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.main_auth-center-img {
  margin-top: 50px;
}
.main_auth-center-img img {
  width: 100%;
  max-width: 703px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.main_auth-left-img-big_error {
  margin-top: 50px;
}
.main_auth-right {
  flex: 1;
  width: 100%;
  max-width: 600px;
  display: inline-block;
  min-height: 200px;
  padding: 38px 35px 38px 35px;
  background: #558AF1;
  border-radius: 77px;
}
.main_auth-right-pass_set {
  height: 190px;
}
.main_auth-right-error {
  width: 900px;
  min-height: 450px;
}
.main_auth-right-text-cod {
  display: flex;
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #F5F5F5;
  margin-top: 20px;
  justify-content: center;
}
.main_auth-right-text-cod-text {
  margin-right: 5px;
}
.main_auth-right-text-cod_repeat__wrapper {
  text-align: center;
}
.main_auth-right-text-cod_repeat {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #F5F5F5;
  background: transparent;
  border: none;
  transition: all 0.1s linear;
  cursor: pointer;
  margin-top: 20px;
}
.main_auth-right-text-cod_repeat:hover {
  text-decoration: underline;
}
.main_auth-right-text-cod-password {
  margin-top: -20px;
  font-style: italic;
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  color: #D9D9D9;
}
.main_auth-right-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}
.main_auth-right-title-error {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.main_auth-right-p-error {
  width: 780px;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #E7E6EA;
  margin: 28px auto 0 auto;
}
.main_auth-right-p-wrapper {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
}
.main_auth-right-p-wrapper p {
  margin: auto;
  width: 500px;
  margin-top: 35px;
}
.main_auth-right-socials {
  margin-top: 18px;
  margin-left: 257px;
  display: flex;
}
.fa-vk {
  font-size: 35px;
  color: #D9D9D9;
  margin-right: 7px;
  transition: all 0.1s linear;
}
.fa-vk:hover {
  color: #3ED7E9;
}
.fa-square-google-plus {
  font-size: 35px;
  color: #D9D9D9;
  transition: all 0.1s linear;
}
.fa-square-google-plus:hover {
  color: #3ED7E9;
}
.main_auth-right-and {
  margin-top: 18px;
}
.main_auth-right-and-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
}
.main_auth-right-and-text::after {
  position: relative;
  content: "";
  display: block;
  top: -11px;
  left: 95px;
  width: 160px;
  height: 1px;
  background-color: #D9D9D9;
}
.main_auth-right-and-text::before {
  position: relative;
  content: "";
  display: block;
  top: 10px;
  right: -325px;
  width: 160px;
  height: 1px;
  background-color: #D9D9D9;
}
.main_auth-right-form {
  text-align: center;
  margin-top: 18px;
}
.main_auth-right-form-input-wrapper {
  position: relative;
  min-width: 100px;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}
.main_auth-right-form-input-wrapper-a {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../../../static/image/log_&_reg/eye-solid.svg) 0 0 no-repeat;
}
.main_auth-right-form-input-wrapper-a.view {
  background: url(../../../static/image/log_&_reg/eye-slash-solid.svg) 0 0 no-repeat;
}
.main_auth-right-form-input {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  color: #558AF1;
  outline: none;
  width: 100%;
  min-width: 100px;
  max-width: 440px;
  height: 59px;
  border-radius: 40px;
  border: 2px #558AF1 solid;
  padding-left: 29px;
  padding-right: 29px;
  margin-bottom: 10px;
  transition: all 0.1s linear;
}
.main_auth-right-form-input::placeholder {
  color: #558AF1;
}
.main_auth-right-form-input:hover {
  border: 2px #3ED7E9 solid;
}
.main_auth-right-form-input:last-child {
  margin-bottom: 0px;
}
.main_auth-right-form-button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #D9D9D9;
  background: #686D75;
  width: 100%;
  max-width: 439px;
  min-width: 100px;
  height: 59px;
  border-radius: 878px;
  border: none;
  margin-top: 15px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.main_auth-right-form-button:hover {
  background-color: #3ED7E9;
}
.main_auth-right-errors {
  font-size: 16px;
  color: #cf0808;
  margin-bottom: 10px;
  margin-left: 70px;
  text-align: left;
}
.main_auth-right-form-text {
  display: flex;
  margin-bottom: 30px;
  margin-left: 0;
}
.main_auth-right-form-forgot {
  justify-self: flex-start;
}
.main_auth-right-form-forgot a {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  margin-left: 50px;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.main_auth-right-form-forgot a:hover {
  color: #3ED7E9;
}
.main_auth-right-form-incorrectpass {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #dd0101;
}
.main_auth-right-text {
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  margin: 20px auto 0 auto;
  color: #F5F5F5;
  width: 100%;
  max-width: 500px;
  min-width: 100px;
}
.main_auth-right-text span a {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.main_auth-right-text span a:hover {
  color: #3ED7E9;
}
.main_auth-right-checkbox {
  display: flex;
  width: 100%;
  min-width: 100px;
  max-width: 500px;
  text-align: center;
  margin: 20px auto 0 auto;
}
.main_auth-right-checkbox-button {
  width: 20px;
  height: 20px;
  margin-top: -1px;
}
.main_auth-right-checkbox-text {
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #F5F5F5;
}
.main_auth-right-prof-text {
  margin-top: 20px;
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #F5F5F5;
}
.main_auth-right-prof-text span a {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.main_auth-right-prof-text span a:hover {
  color: #3ED7E9;
}
.main_auth-right-prof-text-back {
  margin-top: 30px;
  margin-left: 47px;
}
.main_auth-right-prof-text-back span {
  margin-right: 5px;
}
.main_auth-right-prof-text-back a {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #F5F5F5;
  transition: all 0.1s linear;
}
.main_auth-right-prof-text-back a:hover {
  color: #3ED7E9;
}
.main_auth-right-prof-text-back-error {
  margin-left: 18px;
}
.main_auth-center-prof-text-back {
  margin: 2rem 0 4rem;
  text-align: center;
}
.main_auth-center-prof-text-back a {
  background-color: #fff;
  border-radius: 20px;
  color: #558af1;
  padding: 0.5rem 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_auth-right-prof-text-auth {
  width: 480px;
  margin: 35px auto 0 auto;
  text-align: left;
}
@media screen and (max-width: 1399.98px) {
  .main_auth-left-title {
    font-size: 32px;
    line-height: 35px;
  }
  .main_auth-left-text {
    font-size: 27px;
  }
}
@media screen and (max-width: 1199.98px) {
  .main_auth-left-title {
    font-size: 24px;
    line-height: 30px;
  }
  .main_auth-left-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .main_auth_wrapper {
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
  }
  .main_auth-left-title {
    font-size: 32px;
    line-height: 40px;
  }
  .main_auth-left-title,
  .main_auth-left-text {
    text-align: center;
    max-width: none;
  }
  .main_auth-left {
    align-items: center;
  }
  .main_auth-left,
  .main_auth-right {
    max-width: 100%;
    margin-right: 0;
  }
  .main_auth-right {
    margin-bottom: 20px;
  }
  .main_auth-left {
    display: flex;
    flex-direction: column;
  }
  .main_auth-left-img {
    margin-left: 0;
    max-width: 580px;
  }
  .main_auth-right {
    width: 600px;
  }
  .main_auth-left-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 575.98px) {
  .main_auth-left-title {
    font-size: 27px;
    line-height: 35px;
  }
  .main_auth-left-text {
    font-size: 24px;
  }
  .main_auth-right-form-forgot a {
    margin-left: 15px;
  }
}
@media screen and (max-width: 449.98px) {
  .main_auth-right {
    width: 100%;
    border-radius: 0;
  }
  .main_auth-right {
    margin-bottom: 0;
  }
  .main_auth-container {
    padding: 0 !important;
  }
  .main_auth-left-title {
    font-size: 24px;
    line-height: 30px;
  }
  .main_auth-left-text {
    font-size: 21px;
  }
}
/* Личный кабинет */
.lk_wrapper-line1 {
  margin-top: 150px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 95px;
}
.lk_wrapper-line1_block-left {
  width: 300px;
  height: 420px;
  background: #FFFFFF;
  box-shadow: 22px 22px 6px 13px #FF8F64;
  border-radius: 47px;
}
.lk_wrapper-line1_block-left-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 5px;
}
.lk_wrapper-line1_block-left-nav-a {
  display: inline-block;
  position: relative;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  text-decoration: none;
  text-wrap: nowrap;
  color: #150E3C;
  margin: 60px 10px 0 10px;
  transition: all 0.3s linear;
}
.lk_wrapper-line1_block-left-nav-a:hover {
  color: #558AF1;
}
.lk_wrapper-line1_block-left-nav-a:hover:after {
  opacity: 1;
  width: 100%;
}
.lk_wrapper-line1_block-left-nav-a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 0;
  background-color: #3ED7E9;
  opacity: 0;
  transition: all 0.3s linear;
}
.lk_wrapper-line1_block-left-nav-a-active {
  color: #558AF1;
}
.lk_wrapper-line1_block-left-nav-a-active:after {
  opacity: 1;
  width: 100%;
}
.lk_pr_group-nav-a {
  width: 200px;
}
.courses__block-title-list {
  font-size: 24px;
  font-weight: 600;
  color: #F5F5F5;
  text-transform: uppercase;
  max-width: 350px;
  margin-top: 7px;
}
.lk_wrapper-line1_block-right {
  padding: 55px 55px 15px 55px;
  max-width: 1240px;
  width: 100%;
  min-height: 470px;
  background: #FFFFFF;
  box-shadow: 22px 22px 6px 13px #4785EF;
  border-radius: 69px;
}
.lk_wrapper-line1_block-right-blocks-lk {
  display: flex;
}
.courses__block-lk {
  margin-right: 70px;
}
.lk_wrapper-line1_block-right-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
  margin-bottom: 40px;
}
.lk_wrapper-line1_block-right-empty {
  display: flex;
}
.lk_wrapper-line1_block-right-empty-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  color: #150e3c;
  max-width: 615px;
}
.lk_wrapper-line1_block-right-empty-img {
  margin-right: 18px;
  margin-top: -100px;
}
.lk_wrapper-line1_block-right-empty-img img {
  min-width: 200px;
  width: 100%;
  height: auto;
}
.lk_wrapper-line1_block-right-a-wrapper {
  margin-top: 40px;
  text-align: center;
}
.lk_wrapper-line1_block-right-a-wrapper a {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: #150E3C;
  transition: all 0.1s linear;
}
.lk_wrapper-line1_block-right-a-wrapper a:hover {
  color: #3ED7E9;
}
.lk_wrapper-line2 {
  margin-top: 120px;
  display: flex;
  gap: 3rem;
}
.lk_wrapper-line2_block-left {
  min-height: 525px;
  width: 60%;
  background: #FFFFFF;
  box-shadow: 22px 22px 6px 13px #52D2BD;
  border-radius: 69px;
  padding: 55px;
}
.lk_wrapper-line2_block-left-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
  margin-bottom: 10px;
}
.lk_wrapper-line2_block-left-empty {
  display: flex;
}
.lk_wrapper-line2_block-left-empty-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  color: #150e3c;
  width: 400px;
  margin-top: 30px;
}
.lk_wrapper-line2_block-left-empty-img {
  margin-right: -30px;
}
.lk_wrapper-line2_block-left-blocks {
  display: flex;
  flex-wrap: wrap;
}
.lk_wrapper-line2_block-left-block {
  width: 256px;
  height: 106px;
  background: #D9D9D9;
  border-radius: 60px;
  margin-top: 40px;
}
.lk_wrapper-line2_block-left-block:nth-child(2n) {
  margin-left: 40px;
}
.lk_wrapper-line2_block-left-block-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: #000000;
  margin-top: 15px;
  width: 220px;
}
.lk_wrapper-line2_block-right {
  width: 700px;
  height: 525px;
  background: #FFFFFF;
  box-shadow: 22px 22px 6px 13px #C23E7E;
  border-radius: 69px;
  padding: 55px;
}
.lk_wrapper-line2_block-right-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
  margin-bottom: 2px;
}
.lk_wrapper-line2_block-right-empty {
  display: flex;
}
.lk_wrapper-line2_block-right-empty-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  color: #150e3c;
  max-width: 400px;
  margin-top: 30px;
}
.lk_wrapper-line2_block-right-empty-img {
  margin-right: -20px;
}
.lk_wrapper-line2_block-right-empty-img img {
  height: auto;
  width: 100%;
  max-width: 400px;
  min-width: 150px;
}
.lk_wrapper-line2_block-right-blocks {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.lk_wrapper-line2_block-right-block-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #150E3C;
  margin-top: 23px;
}
.lk_wrapper-line2_block-right-block-liner_wrapper {
  position: relative;
  width: auto;
  height: 25px;
  background-color: #d9d9d9;
  border-radius: 60px;
  margin-bottom: 15px;
  margin-top: 17px;
}
.lk_wrapper-line2_block-right-block-liner {
  position: absolute;
  width: 40%;
  height: 100%;
  background-color: #558af1;
  border-radius: 60px;
}
.lk_wrapper-line2_block-right-block-liner-c {
  width: 11%;
  background-color: #FF725E;
}
.lk_wrapper-line2_block-right-block-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #150E3C;
}
.lk_wrapper-line2_block-right-block {
  width: 100%;
}
.lk_wrapper-line3 {
  margin-top: 120px;
  margin-bottom: 170px;
  display: flex;
}
.lk_wrapper-line3_block-left {
  width: 1030px;
  height: 525px;
  background: #FFFFFF;
  box-shadow: 22px 22px 6px 13px #B44EB1;
  border-radius: 69px;
  margin-right: 85px;
  padding: 55px;
}
.lk_wrapper-line3_block-left-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
  margin-bottom: 16px;
}
.lk_wrapper-line3_block-left-empty {
  display: flex;
}
.lk_wrapper-line3_block-left-empty-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 39px;
  color: #150e3c;
  width: 500px;
  margin-top: 30px;
}
.lk_wrapper-line3_block-left-empty-img {
  margin-left: 15px;
  margin-top: -60px;
}
.lk_wrapper-line3_block-left-blocks {
  display: flex;
  flex-wrap: wrap;
}
.lk_wrapper-line3_block-left-block {
  cursor: pointer;
  margin-left: 45px;
}
.lk_wrapper-line3_block-left-block:nth-child(1) {
  margin-left: 0;
}
.lk_wrapper-line3_block-left-block:nth-child(4) {
  margin-left: 0;
}
.lk_wrapper-line3_block-left-block img {
  width: 256px;
  height: 106px;
  margin-top: 30px;
}
.lk_wrapper-line3_block-left-block-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #000000;
  margin-top: 15px;
}
.lk_wrapper-line3_block-left-block-a-wrapper {
  margin: 30px auto 0 auto;
  text-align: center;
}
.lk_wrapper-line3_block-left-block-a-wrapper a {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: #150E3C;
  transition: all 0.1s linear;
}
.lk_wrapper-line3_block-left-block-a-wrapper a:hover {
  color: #3ED7E9;
}
.lk_wrapper-line3_block-right {
  width: 500px;
  height: 525px;
  background: #FFFFFF;
  box-shadow: 22px 22px 6px 13px #FFE798;
  border-radius: 69px;
  padding: 55px;
}
.lk_wrapper-line3_block-right-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
  margin-bottom: 16px;
}
.lk_wrapper-line3_block-right-a-wrapper {
  margin: auto;
  text-align: center;
}
.lk_wrapper-line3_block-right-a-wrapper a {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: #150E3C;
  transition: all 0.1s linear;
}
.lk_wrapper-line3_block-right-a-wrapper a:hover {
  color: #3ED7E9;
}
.lk_wrapper-line3_block-right-blocks {
  display: flex;
  flex-wrap: wrap;
}
.lk_wrapper-line3_block-right-block-wrapper {
  margin-top: 15px;
  margin-right: 75px;
}
.lk_wrapper-line3_block-right-block-wrapper:nth-child(2n) {
  margin-right: 0;
}
.lk_wrapper-line3_block-right-block {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 124px;
  background-color: #150e3c;
  border-radius: 24px;
}
.lk_wrapper-line3_block-right-block-img img {
  width: 90px;
  height: 90px;
}
.lk_wrapper-line3_block-right-block-img-close {
  position: relative;
}
.lk_wrapper-line3_block-right-block-img-close:after {
  position: absolute;
  content: "";
  display: block;
  background-color: rgba(59, 59, 61, 0.98);
  border-radius: 100%;
  width: 90px;
  height: 90px;
  opacity: 0.9;
  top: 0;
}
.lk_wrapper-line3_block-right-block-close {
  position: relative;
  background-color: #FFFFFF;
  z-index: 1;
}
.lk_wrapper-line3_block-right-block-close:after {
  position: absolute;
  content: "";
  display: block;
  width: 124px;
  height: 124px;
  top: 0;
  right: 0;
  background-color: rgba(5, 12, 28, 0.53);
  border-radius: 24px;
  z-index: 2;
}
.lk_wrapper-line3_block-right-block-close:before {
  position: absolute;
  content: url(../../static/image/lk/close.png);
  display: block;
  width: 50px;
  height: 50px;
  top: 33px;
  right: 36px;
  z-index: 3;
}
.lk_wrapper-line3_block-right-block-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #000000;
  margin-top: 12px;
}
.lk_wrapper-line3_block-left-block-a-wrapper_2 {
  margin-top: 30px;
}
.lk_certificate_wrapper-block-certs {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  flex: 1;
  align-content: center;
  flex-wrap: wrap;
  padding-left: 110px;
}
.lk_certificate-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  padding: 10px 0;
}
.lk_certificate-item-left {
  margin-right: 20px;
  color: #fff;
}
.lk_certificate-course-title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.lk_certificate-course-competencies {
  list-style: none;
  font-size: 32px;
  font-weight: 400;
  line-height: 39px;
  margin: 0;
  padding: 0;
}
.lk_certificate-course-competencies li {
  margin-bottom: 5px;
}
.lk_certificate-course-competencies li svg {
  vertical-align: text-bottom;
  margin-right: 7px;
  margin-bottom: 2px;
}
.lk_certificate-item-right {
  width: 400px;
  text-align: center;
  border-radius: 18px;
  overflow: hidden;
  font-size: 20px;
  color: #fff;
}
.lk_certificate-preview {
  max-width: 100%;
  cursor: pointer;
  transition: transform 0.5s ease;
}
.lk_certificate-preview:hover {
  transform: scale(1.02);
}
.lk_certificate-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
}
.lk_certificate-modal-content {
  position: relative;
  background: #fff;
  max-width: 80vw;
  max-height: 80vh;
  border-radius: 8px;
  overflow: hidden;
}
.lk_certificate-modal-image {
  display: block;
  width: 100%;
  height: auto;
}
.lk_certificate-modal-close {
  user-select: none;
  position: absolute;
  right: 20px;
  font-size: 3rem;
  color: #333;
  cursor: pointer;
}
.lk_certificate-empty {
  font-size: 20px;
  color: #fff;
}
@media screen and (max-width: 1530px) {
  .lk_wrapper-line1_block-right-blocks-lk {
    flex-direction: column;
    gap: 1rem;
  }
  .lk_certificate_wrapper-block-certs {
    padding-left: 0;
  }
}
.lk_main_cert_holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}
.lk_main_cert_wrapper {
  display: flex;
  max-width: 400px;
  width: 100%;
  min-height: 100px;
  height: auto;
  border: solid 5px #ddd;
  background: #ddd;
  border-radius: 12px;
  overflow: hidden;
}
.lk_main_cert_empty {
  width: 100%;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1280px) {
  .lk_certificate-course-title {
    font-size: 32px;
  }
  .lk_certificate-course-competencies {
    font-size: 22px;
  }
}
@media screen and (max-width: 1199.98px) {
  .lk_certificate-item {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  .lk_certificate-modal-content {
    max-width: 90vw;
    max-height: 90vh;
  }
  .lk_certificate-item-right {
    align-self: center;
  }
  .lk_wrapper-line1 {
    gap: 55px;
  }
  .lk_wrapper-line1_block-right {
    padding: 35px 35px 15px 35px;
  }
  .lk_wrapper-line1_block-right .courses__block {
    min-height: unset;
  }
  .lk_wrapper-line1_block-right .courses__block-link {
    font-size: 14px;
  }
  .lk_wrapper-line1_block-right .courses__block-link__wrapper {
    margin-top: 5px;
  }
  .courses__block-title-list {
    font-size: 20px;
  }
  .lk_wrapper-line2 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .lk_wrapper-line1_block-left {
    width: 100%;
  }
  .lk_wrapper-line1 {
    flex-direction: column;
  }
  .lk_wrapper-line1_block-right-title,
  .lk_wrapper-line2_block-left-title,
  .lk_wrapper-line2_block-right-title {
    text-align: center;
  }
  .task_moderation_container {
    width: 100%;
  }
  .task_moderation_block-right-title {
    font-size: 22px;
    line-height: 1;
  }
  .task_moderation_block-right-subtitle {
    font-size: 22px;
    line-height: 1;
  }
  .lk_wrapper-line2 {
    flex-direction: column;
    margin-top: 55px;
  }
  .lk_wrapper-line2_block-left {
    width: 100%;
  }
  .lk_wrapper-line1_block-left {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  .lk_wrapper-line2_block-right {
    width: 100%;
    height: auto;
  }
  .lk_wrapper-line1_block-right-empty {
    flex-direction: column-reverse;
    align-items: center;
  }
  .lk_wrapper-line1_block-right-empty {
    flex-direction: column;
    align-items: center;
  }
  .lk_wrapper-line1_block-right-empty-img {
    margin-right: 0;
    margin-top: 0;
    max-width: 400px;
  }
  .lk_wrapper-line2_block-right-empty {
    flex-direction: column;
  }
}
@media screen and (max-width: 575.98px) {
  .courses__block-title-list {
    font-size: 15px;
  }
  .lk_wrapper-line1_block-right .courses__block {
    padding: 35px 15px 40px 15px;
  }
  .lk_wrapper-line1_block-right {
    padding: 35px 5px 15px 5px;
  }
  .lk_wrapper-line1_block-left {
    width: 100%;
    max-width: unset;
  }
  .lk_wrapper-line1_block-left-nav-a {
    font-weight: 600;
  }
  .lk_wrapper-line1_block-right-title,
  .lk_wrapper-line2_block-left-title,
  .lk_wrapper-line2_block-right-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .lk_wrapper-line1_block-right-a a {
    font-size: 16px;
  }
  .lk_wrapper-line2_block-right-block-title {
    font-size: 18px;
  }
  .lk_wrapper-line1_block-right-empty-img {
    width: 80%;
  }
}
.lk_courses_wrapper-line1_block-right {
  display: flex;
  align-self: flex-end;
}
.lk_courses_wrapper-line1_block-right-info {
  padding-left: 110px;
}
.lk_courses_wrapper-line1_block-right-title {
  max-width: 580px;
  font-weight: 700;
  font-size: 40px;
  line-height: 59px;
  color: #FFFFFF;
}
.lk_courses_wrapper-line1_block-right-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 32px;
}
.lk_courses_wrapper-line1_block-right-img {
  margin-left: -85px;
}
.lk_courses_wrapper-line1_block-right-img img {
  width: 100%;
  height: auto;
  max-width: 600px;
  min-width: 200px;
}
.lk_courses_wrapper-blocks {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 150px;
}
.lk_courses_wrapper-blocks-block {
  margin-top: 82px;
  padding-top: 42px;
  display: flex;
  width: 100%;
  height: 100%;
  background: #EFEEEE;
  box-shadow: 18px 10px 4px 3px #9890E3;
  border-radius: 47px;
}
.lk_courses_wrapper-blocks-block-left {
  margin-left: 25px;
}
.lk_courses_wrapper-blocks-block-left img {
  width: 370px;
  height: 370px;
}
.lk_courses_wrapper-blocks-block-right {
  padding: 42px;
  width: 940px;
}
.lk_courses_wrapper-blocks-block-right-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.lk_courses_wrapper-blocks-block-right-top-courses {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: rgba(5, 12, 28, 0.61);
}
.lk_courses_wrapper-blocks-block-right-top-a {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
}
.lk_courses_wrapper-blocks-block-right-top-a a {
  text-decoration: none;
  color: #558AF1;
  transition: all 0.1s linear;
}
.lk_courses_wrapper-blocks-block-right-top-a a:hover {
  color: #3ED7E9;
}
.lk_courses_wrapper-blocks-block-right-bottom-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  color: #150E3C;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: wrap;
}
.lk_courses_wrapper-blocks-block-right-bottom-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 189.4%;
  color: #150E3C;
  margin-top: 30px;
  margin-bottom: 25px;
}
.lk_courses-line_block-right-block-liner__wrapper {
  position: relative;
  width: 100%;
  height: 25px;
  background-color: #d9d9d9;
  border-radius: 60px;
  margin-bottom: 9px;
}
.lk_courses-line_block-right-block-liner {
  position: absolute;
  width: 65%;
  height: 100%;
  background-color: #558af1;
  border-radius: 60px;
}
@media screen and (max-width: 1199.98px) {
  .lk_courses_wrapper-blocks-block-left img {
    width: 250px;
    height: 250px;
  }
}
@media screen and (max-width: 1024px) {
  .lk_courses_wrapper-line1_block-right {
    flex-direction: column;
  }
  .lk_courses_wrapper-line1_block-right-img {
    margin-left: 0;
  }
  .lk_courses_wrapper-blocks-block-left {
    display: none;
  }
  .lk_courses_wrapper-blocks-block {
    margin-top: 5px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .lk_courses_wrapper-blocks-block-right-top-courses,
  .lk_courses_wrapper-blocks-block-right-top-a {
    font-size: 20px;
  }
  .lk_courses_wrapper-blocks-block-right-bottom-title {
    font-size: 28px;
  }
}
.lk_profile {
  margin-top: 90px;
  margin-bottom: 120px;
}
.lk_profile-nav-wrapper {
  width: 1260px;
  margin: auto;
}
.lk_profile-nav-nav {
  position: relative;
  margin-bottom: 110px;
}
.lk_profile-nav-nav::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -50px;
  left: -50px;
  width: 1370px;
  height: 2px;
  background-color: #558AF1;
}
.lk_profile-nav-nav-a {
  position: relative;
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  text-decoration: none;
  color: #558AF1;
  transition: all 0.1s linear;
}
.lk_profile-nav-nav-a:hover {
  color: #3ED7E9;
}
.lk_profile-nav-nav-a:hover:after {
  opacity: 1;
  width: 100%;
}
.lk_profile-nav-nav-a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 0;
  background-color: #3ED7E9;
  opacity: 0;
  transition: all 0.3s linear;
}
.lk_profile-nav-nav-a-active {
  color: #3ED7E9;
}
.lk_profile-nav-nav-a-active:after {
  opacity: 1;
  width: 100%;
}
.lk_profile-nav-nav {
  display: flex;
  justify-content: space-between;
}
.lk_profile-block {
  margin: auto;
  padding: 75px 85px 34px 85px;
  width: 1390px;
  height: 700px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
  box-shadow: 22px 22px 6px 13px #FF7263;
  border-radius: 50px;
}
.lk_profile-block-info {
  display: flex;
}
.lk_profile-block-info-profile {
  width: 110px;
  height: 110px;
  background: #FFFFFF;
  border: 1px solid #558AF1;
  border-radius: 50%;
}
.lk_profile-block-info-profile-photo {
  text-align: center;
}
.lk_profile-block-info-profile-photo img {
  width: 110px;
  height: 110px;
}
.lk_profile-block-info-profile-wrapper {
  text-align: center;
}
.lk_profile-block-info-profile-a {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-decoration: none;
  transition: all 0.1s linear;
  color: #4785EF;
}
.lk_profile-block-info-profile-a:hover {
  color: #3ED7E9;
}
.lk_profile-block-info-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  margin-top: 35px;
  margin-left: 60px;
  text-transform: uppercase;
  color: #150E3C;
}
.lk_profile-block-form {
  margin-top: 70px;
}
.lk_profile-block-form-input-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.lk_profile-block-form-input-wrapper-group {
  position: relative;
  width: 360px;
  height: 48px;
  margin-bottom: 70px;
  margin-right: 60px;
}
.lk_profile-block-form-input-wrapper-group:nth-child(7),
.lk_profile-block-form-input-wrapper-group:nth-child(8),
.lk_profile-block-form-input-wrapper-group:nth-child(9) {
  margin-bottom: 0px;
}
.lk_profile-block-form-input-wrapper-group:nth-child(3n) {
  margin-right: 0;
}
.lk_profile-block-form-input {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #558AF1;
  outline: none;
  width: 360px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 36px;
  border: 2px #558AF1 solid;
  padding-left: 16px;
  padding-right: 16px;
  transition: all 0.1s linear;
}
.lk_profile-block-form-input::placeholder {
  color: rgba(83, 83, 83, 0.56);
}
.lk_profile-block-form-input:hover {
  border: 2px #3ED7E9 solid;
}
.lk_profile-block-form-select {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #558AF1;
  outline: none;
  width: 360px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 36px;
  border: 2px #558AF1 solid;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 70px;
  transition: all 0.1s linear;
}
.lk_profile-block-form-select::placeholder {
  color: rgba(83, 83, 83, 0.56);
}
.lk_profile-block-form-select:hover {
  border: 2px #3ED7E9 solid;
}
.lk_profile-block-form-label {
  position: absolute;
  top: -33px;
  left: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
}
.lk_profile-block-form-button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin-top: 50px;
  width: 365px;
  height: 68px;
  color: #150E3C;
  background: #558AF1;
  border-radius: 36px;
  border: none;
  cursor: pointer;
  transition: all 0.1s linear;
}
.lk_profile-block-form-button:hover {
  background-color: #3ED7E9;
}
.lk_change {
  margin-top: 90px;
  margin-bottom: 120px;
}
.lk_change-block {
  display: flex;
  justify-content: space-between;
}
.lk_change-block-left-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  color: #150E3C;
}
.lk_change-block-form {
  margin-top: 70px;
  display: block;
}
.lk_change-block-right-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  color: #150E3C;
}
.lk_change-block-right-text {
  width: 370px;
  margin-top: -40px;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #150E3C;
}
.lk_payments {
  margin-top: 90px;
  margin-bottom: 120px;
}
.lk_payments-block-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  text-transform: uppercase;
  color: #150E3C;
}
.lk_profile-block-story {
  margin-top: 45px;
}
.lk_profile-block-story-table {
  width: 1250px;
  max-height: 30000px;
}
.lk_payments-block-names-tr {
  text-align: center;
}
.lk_payments-block-names-tr th {
  padding: 20px 0 40px 0;
}
.lk_payments-block-names-tr td {
  padding: 15px 0;
}
.lk_payments-block-names {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
  position: relative;
}
.lk_payments-block-names::before {
  position: absolute;
  content: "";
  display: block;
  bottom: 10px;
  left: -13px;
  width: 1250px;
  height: 2px;
  background-color: #150E3C;
}
.lk_payments-block-results {
  display: flex;
  width: 1200px;
  margin: 50px auto 0 auto;
}
.lk_payments-block-result {
  position: relative;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
}
.lk_payments-block-result-success {
  position: absolute;
  content: "";
  display: block;
  top: 12px;
  left: 6px;
  width: 128px;
  height: 28px;
  background: #0DF924;
  border-radius: 36px;
}
.lk_payments-block-result-fail {
  background: red;
}
.lk_payments-block-result-process {
  background: orange;
}
/* Страница курса */
.course {
  margin-bottom: 170px;
}
.course_wrapper {
  min-width: 310px;
  min-height: 300px;
  background: #EFEEEE;
  box-shadow: 18px 10px 4px 3px #254AA5;
  border-radius: 47px;
  margin-left: -20px;
  margin-top: 180px;
  padding: 85px 40px 85px 40px;
}
.course_wrapper-violet {
  box-shadow: 18px 10px 4px 3px #9890E3;
}
.course_info {
  display: flex;
}
.course_info_left img {
  width: 370px;
  height: 420px;
}
.course_info_left_practice_tasks {
  margin-left: 100px;
}
.course_info_left_practice_tasks::after {
  left: -55px;
}
.course_info_left_practice_tasks::before {
  right: -1200px;
}
.course_info_left_test_process::before {
  opacity: 0;
  cursor: default;
}
.course_info_right {
  margin-left: 45px;
  margin-top: 32px;
}
.course_info_right-course {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: rgba(5, 12, 28, 0.61);
  margin-bottom: 30px;
}
.course_info_right-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  color: #150E3C;
}
.course_info_right-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 189.4%;
  max-width: 965px;
  text-transform: uppercase;
  color: #150E3C;
  margin-top: 30px;
  margin-bottom: 25px;
}
.course_info_right-liner_wrapper {
  position: relative;
  width: 585px;
  height: 25px;
  background-color: #d9d9d9;
  border-radius: 60px;
  margin-bottom: 15px;
}
.course_info_right-liner {
  position: absolute;
  width: 44%;
  height: 100%;
  background-color: #558af1;
  border-radius: 60px;
}
.course_info_right-liner-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #150E3C;
}
.course-nav-wrapper {
  margin-top: 95px;
  text-align: center;
}
.course-nav-a {
  margin-right: 140px;
  position: relative;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  color: #150e3c;
  transition: all 0.1s linear;
}
.course-nav-a:hover {
  color: #558af1;
}
.course-nav-a:hover:after {
  opacity: 1;
  width: 100%;
}
.course-nav-a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 0;
  background-color: #558af1;
  opacity: 0;
  transition: all 0.3s linear;
}
.course-nav-a:last-child {
  margin-right: 0;
}
.course-nav-a-active {
  color: #558af1;
}
.course-nav-a-active:after {
  opacity: 1;
  width: 100%;
}
.course-blocks {
  max-width: 1220px;
  margin: 85px auto 0 auto;
}
.course-blocks-block {
  position: relative;
  max-width: 1220px;
  min-height: 67px;
  background: rgba(85, 138, 241, 0.52);
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 19px 60px 19px 35px;
  margin-top: 20px;
}
.course-blocks-block:nth-child(1) {
  margin-top: 0;
}
.course-blocks-block-lesons.active {
  max-height: 10000px;
  transition: max-height 3s ease-in-out;
}
.course-blocks-block-lock {
  position: absolute;
  top: 23px;
  left: 17px;
}
.course-blocks-block-noblock::after {
  opacity: 0;
}
.course-blocks-block-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  user-select: none;
  color: #150E3C;
  margin-left: 25px;
  cursor: pointer;
}
.course-blocks-block-lesons-icon_video-arrow {
  cursor: pointer;
  position: absolute;
  top: 22px;
  right: 17px;
  transition: all 0.25s linear;
}
.course-blocks-block-lesons {
  margin-left: 25px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 2s ease-in-out;
}
.course-blocks-block-lesons-wrapper {
  margin-top: 20px;
}
.course-blocks-block-lesons-wrapper:first-child {
  margin-top: 40px;
}
.course-blocks-block-lesons-wrapper-practice {
  margin-top: 25px;
}
.course-blocks-block-lesons-leson {
  display: flex;
}
.course-blocks-block-lesons-text {
  position: relative;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #150E3C;
  margin-left: 12px;
}
.course-blocks-block-lesons-text a {
  text-decoration: none;
  color: #150E3C;
  transition: all 0.1s linear;
}
.course-blocks-block-lesons-text a:hover {
  color: #0000ff;
}
.course-blocks-block-lesons-text-ready::before {
  position: absolute;
  content: "ПРОЙДЕНО";
  display: block;
  right: -125px;
  top: 2px;
  padding-top: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #F5F5F5;
  width: 106px;
  height: 24px;
  background: #00DE16;
  border-radius: 82px;
  text-align: center;
}
.course-blocks-block-lesons-minutes {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #150E3C;
  margin-left: 33px;
}
.course_info_right-untitle {
  font-weight: 500;
  font-size: 40px;
  line-height: 49px;
  color: #150E3C;
  text-transform: uppercase;
  margin-top: 20px;
}
.course_subtitle {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  width: 1245px;
  text-transform: uppercase;
  color: #150E3C;
  margin-top: 50px;
  margin-left: 165px;
}
.course_info_left-video {
  position: relative;
}
.course_info_left-video img {
  width: 180px;
  height: auto;
}
.course_info_left_practice_tasks {
  margin-top: 25px;
}
.course_info_left_practice_tasks::after {
  top: -50px;
  left: -100px;
}
.course_info_left_practice_tasks::before {
  top: -50px;
  right: -1250px;
}
.course_video-wrapper_scroll {
  max-height: 10000px;
}
.course_video-wrapper {
  position: relative;
}
.course_video-subtitleup {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
  margin-left: 165px;
  margin-top: 35px;
}
.course_video-scraper-link-wrapper {
  margin-left: 237px;
  margin-top: 30px;
}
.course_video-scraper-link-wrapper a {
  position: relative;
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  color: #545454;
  text-decoration: none;
  transition: all 0.1s linear;
}
.course_video-scraper-link-wrapper a:hover {
  color: #3ED7E9;
}
.course_video-scraper-link-wrapper a::after {
  position: absolute;
  content: "";
  display: block;
  width: 49px;
  height: 57px;
  top: -7px;
  left: -75px;
  background-image: url(../../../static/image/courses/scraper.png);
  background-position: center;
  background-repeat: no-repeat;
}
.course_video {
  margin: 75px auto 0 auto;
}
.course_video iframe {
  width: 1300px;
  height: 730px;
  border-radius: 82px;
  box-shadow: 0px 4px 4px 10px rgba(0, 0, 0, 0.25);
  margin-left: 110px;
}
.course-blocks-block-lesons-icon_video {
  margin-top: 1px;
}
.course_video-subtitle {
  font-weight: 500;
  font-size: 36px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
  margin: 75px auto 0 auto;
  width: 1200px;
}
.course_video-text {
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  color: #150E3C;
  margin: 45px auto 0 auto;
  max-width: 1200px;
}
.course_video-img_wrapper {
  margin: 45px auto 0 auto;
  width: 1200px;
}
.course_video-button-a-back_forward__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
}
.course_video-button-a-back_forward-wrapper {
  position: absolute;
  top: -55px;
  left: 0;
}
.course_video-button-a-further_forward-wrapper {
  position: absolute;
  top: -55px;
  right: 0;
}
.course_video-button-a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 29px;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #85AEFF;
  color: #150E3C;
  padding: 12px 80px;
  border-radius: 878px;
  border: none;
  transition: all 0.1s linear;
  cursor: pointer;
}
.course_video-button-a:hover {
  background-color: #3ED7E9;
}
.course_task-subtitle {
  margin-left: 165px;
}
.course_task-mini-text {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  width: 1220px;
  color: #150E3C;
  margin-top: 45px;
  margin-left: 165px;
}
.course_task-compiler {
  height: 430px;
  margin: 0 auto 370px auto;
}
.course_task-compiler-developer {
  margin-bottom: 30px;
}
.course_task-compiler-button {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.course_task-compiler-button-start {
  cursor: pointer;
  display: flex;
  width: 175px;
  height: 46px;
  background: rgba(134, 187, 81, 0.55);
  border-radius: 12px;
  transition: all 0.1s linear;
  align-items: center;
  justify-content: center;
}
.course_task-compiler-button-start:hover {
  background: rgba(134, 187, 81, 0.7);
}
.course_task-compiler-button-start-img {
  margin-left: 5px;
  width: 24px;
  height: 24px;
}
.course_task-compiler-button-start-text,
.course_task-compiler-button-debug-text,
.course_task-compiler-button-step-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #150e3c;
}
.course_task-compiler-button-debug {
  cursor: pointer;
  display: flex;
  width: 175px;
  height: 46px;
  background: rgba(210, 10, 17, 0.48);
  border-radius: 12px;
  transition: all 0.1s linear;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}
.course_task-compiler-button-debug:hover {
  background: rgba(210, 10, 17, 0.7);
}
.course_task-compiler-button-debug-input {
  cursor: pointer;
  margin-left: 12px;
}
.course_task-compiler-button-step {
  cursor: pointer;
  display: flex;
  width: 275px;
  height: 46px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  transition: all 0.1s linear;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}
.course_task-compiler-button-step:hover {
  background: rgba(0, 0, 0, 0.5);
}
.course_task-compiler-button-step-input {
  cursor: pointer;
  margin-left: 12px;
}
.course_task-compiler-windows {
  position: relative;
  display: flex;
}
.course_task-compiler-windows-compiler-textarea_wrapper {
  position: relative;
}
.course_task-compiler-windows-compiler-developer_decision {
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  color: #150e3c;
  margin-top: 100px;
}
.course_task-compiler-windows-compiler-textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  outline: none;
  width: 1042px;
  height: 432px;
  background: #323232;
  padding: 60px 20px 75px 80px;
  resize: none;
}
.course_task-compiler-windows-compiler-panel {
  position: absolute;
  display: flex;
  bottom: 0;
  left: 0;
  height: 65px;
  width: 1042px;
  background-color: #B3B2B2;
  align-items: center;
  justify-content: space-between;
  padding: 0 120px;
}
.course_task-compiler-windows-compiler-panel-a {
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #150e3c;
  transition: all 0.1s linear;
}
.course_task-compiler-windows-compiler-panel-a:hover {
  color: #FFFFFF;
}
.course_task-compiler-windows-compiler-table_wrapper {
  margin-left: 37px;
  position: relative;
}
.course_task-compiler-windows-compiler-table_wrapper-top {
  position: absolute;
  margin-left: 0;
  top: -170px;
  right: 178px;
}
.course_task-compiler-windows-compiler-table {
  position: absolute;
  background-color: #323232;
  width: 320px;
  table-layout: fixed;
  min-height: 132px;
  border-collapse: collapse;
}
.course_task-compiler-windows-compiler-table::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: -2px;
  width: 3px;
  min-height: 100%;
  background-color: #3ED7E9;
}
.course_task-compiler-windows-compiler-table-tr {
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
}
.course_task-compiler-windows-compiler-table-tr td {
  padding: 5px;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #FFFFFF;
  border: #6b6b6b solid 1px;
}
.course_task-compiler-windows-compiler-table-th {
  padding: 15px;
  border: #6b6b6b solid 1px;
}
.course_task-compiler-windows__mini {
  display: flex;
  margin-top: 45px;
}
.course_task-compiler-windows__mini-input-title,
.course_task-compiler-windows__mini-output-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  color: #150e3c;
}
.course_task-compiler-windows__mini-output-textarea__wrapper {
  position: relative;
}
.course_task-compiler-windows__mini-output {
  margin-left: 75px;
}
.course_task-compiler-windows__mini-input-textarea,
.course_task-compiler-windows__mini-output-textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  outline: none;
  width: 479px;
  height: 234px;
  background: #323232;
  padding: 20px 20px 20px 80px;
  resize: none;
}
.course_task-notifications {
  margin-left: 0;
}
.course_task-notifications-error {
  width: 1040px;
  min-height: 130px;
  border: 1px solid #D20A11;
  box-shadow: 0px 2px 4px 4px #A60000;
  border-radius: 82px;
  margin: 25px 0 70px 152px;
}
.course_task-notifications-error_w1040 {
  width: 890px;
  margin-left: 0;
}
.course_task-notifications-error-text {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  width: 1040px;
  color: #150E3C;
  padding: 47px 50px;
  color: #A60000;
}
.course_task-notifications-right {
  width: 1040px;
  height: 130px;
  border: 1px solid #EDEDEF;
  box-shadow: 0px 1px 4px 4px #00DE16;
  border-radius: 82px;
  margin: 25px 0 70px 152px;
}
.course_task-notifications-right_w1040 {
  width: 890px;
  margin-left: 0;
}
.course_task-notifications-right-text {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: rgba(0, 254, 41, 0.75);
  padding: 47px 50px;
}
.course_task-button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #150E3C;
  background: #85AEFF;
  width: 420px;
  height: 68px;
  margin-top: 70px;
  margin-left: 165px;
  border-radius: 878px;
  border: none;
  cursor: pointer;
  transition: all 0.1s linear;
}
.course_task-button:hover {
  background-color: #3ED7E9;
}
.course_task-button_w1040 {
  margin-left: 0;
  margin-top: 0;
}
.course_task-button-control {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  text-transform: uppercase;
  color: #150E3C;
  background: #85AEFF;
  width: 350px;
  height: 50px;
  margin-top: 70px;
  border-radius: 878px;
  border: none;
  cursor: pointer;
  transition: all 0.1s linear;
}
.course_task-button-control:hover {
  background-color: #3ED7E9;
}
.course_notifications {
  width: 1220px;
  margin: 65px auto 0 auto;
}
.course_notifications-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  color: #150E3C;
}
.course_notifications-title-two {
  margin-top: 65px;
}
.course_notifications-block {
  display: flex;
  margin-top: 50px;
  width: 1220px;
  height: 175px;
  background: #FFFFFF;
  box-shadow: 4px 4px 20px 9px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 38px 0px 38px 50px;
}
.course_notifications-block-info {
  position: relative;
  margin-top: 10px;
  margin-left: 30px;
}
.course_notifications-block-info-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
}
.course_notifications-block-info-date {
  position: absolute;
  top: 0;
  right: -100px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #150E3C;
}
.course_notifications-block-info-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  width: 880px;
  color: #150E3C;
  margin-top: 15px;
}
.practice_tasks_wrapper {
  display: flex;
  margin-top: 80px;
}
.practice_tasks-left-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  text-align: center;
  color: #150E3C;
  margin-bottom: 20px;
}
.practice_tasks-left-blocks__wrapper {
  width: 350px;
  height: 600px;
  padding: 25px 25px 25px 0;
  background: rgba(85, 138, 241, 0.52);
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 60px;
}
.practice_tasks-left-blocks {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.practice_tasks-left-blocks-block {
  margin: 0 10px 5px 25px;
}
.practice_tasks-left-blocks-slider {
  position: absolute;
  width: 8px;
  height: 500px;
  top: 44px;
  right: 30px;
  background-color: #B6B6B6;
  border-radius: 12px;
}
.practice_tasks-left-blocks-slider::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: -2px;
  width: 12px;
  height: 105px;
  background: #558AF1;
  border-radius: 12px;
  cursor: pointer;
}
.practice_tasks-left-blocks-block-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  padding-top: 15px;
  border-radius: 17px;
  padding: 10px;
  color: #150E3C;
  cursor: pointer;
  transition: all 0.1s linear;
}
.practice_tasks-left-blocks-block-text:hover {
  background-color: #3ED7E9;
}
.practice_tasks-left-blocks-block-text a {
  text-decoration: none;
  color: #150E3C;
}
.practice_tasks-left-blocks-block-text-active {
  background-color: #3ED7E9;
}
.practice_tasks-left-blocks-block-text-true {
  background-color: #86bb51;
}
.practice_tasks-left-blocks-block-text-false {
  background-color: rgba(210, 10, 17, 0.65);
}
.practice_tasks-right {
  margin-left: 55px;
}
.practice_tasks-right-info {
  margin-top: -20px;
}
.practice_tasks-right-info-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 49px;
  text-transform: uppercase;
  width: 880px;
  color: #150E3C;
}
.practice_tasks-right-info-text {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #150E3C;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 880px;
  word-wrap: break-word;
}
.practice_tasks-right-info-clue {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  width: 1040px;
  color: rgba(5, 12, 28, 0.61);
  word-wrap: break-word;
  margin-top: 30px;
  margin-bottom: 50px;
}
.practice_tasks-right-compiler {
  margin-top: 40px;
  width: 1040px;
  height: 310px;
  background: #D9D9D9;
  box-shadow: 0px 4px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 55px;
}
.practice_tasks-right-data-wrapper {
  margin: 40px 0;
  display: flex;
}
.practice_tasks-right-data-left {
  width: 505px;
  height: 145px;
  background: #D9D9D9;
  box-shadow: 0px 4px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}
.practice_tasks-right-data-left-title {
  margin-left: 45px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: rgba(5, 12, 28, 0.61);
}
.practice_tasks-right-data-right {
  width: 505px;
  height: 145px;
  background: #D9D9D9;
  box-shadow: 0px 4px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  margin-left: 25px;
}
.practice_tasks-right-data-right-title {
  margin-left: 45px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: rgba(5, 12, 28, 0.61);
}
.practice_tasks-button {
  margin: 40px 0 40px 0;
}
.practice_tasks-right-developers {
  margin-top: 80px;
}
.practice_tasks-right-developers-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  margin-left: 40px;
  color: #150E3C;
}
.practice_tasks-right-developers-compiler {
  margin-top: 25px;
  width: 1040px;
  height: 212px;
  background: #D9D9D9;
  box-shadow: 0px 4px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 55px;
}
.practice_tasks-right-table_wrapper-2 {
  margin-left: 153px;
}
.tests {
  margin-top: 50px;
}
.practice_tasks-right-tests-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #150E3C;
}
.practice_tasks-right-table__wrapper {
  width: 880px;
}
.practice_tasks-right-table {
  min-height: 300px;
  margin-top: 25px;
  border-collapse: collapse;
  border: 4px solid #558AF1;
  border-radius: 55px;
  padding: 35px 50px 20px 12px;
  table-layout: fixed;
  width: 100%;
}
.practice_tasks-right-table-tr {
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-align: center;
}
.practice_tasks-right-table-tr th {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.practice_tasks-right-table-tr td {
  padding: 7px;
  word-wrap: break-word;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.practice_tasks-right-table-tr-text {
  margin-bottom: 3px;
}
.practice_tasks-right-table-tr-result-text {
  margin-bottom: 7px;
}
.practice_tasks-right-table-tr-button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #150E3C;
  background: transparent;
  width: 136px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.practice_tasks-right-table-tr-button:hover {
  background-color: #3ED7E9;
}
.practice_tasks-right-table-tr-button:focus {
  box-shadow: 0px 0px 2px 2px rgba(34, 60, 80, 0.2) inset;
}
.practice_tasks-control-timer__wrapper {
  display: flex;
  margin-top: 40px;
  margin-left: 20px;
  text-align: center;
}
.practice_tasks-control-timer-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #150E3C;
}
.practice_tasks-control-timer {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #150E3C;
  margin-left: 10px;
}
.course_control {
  max-width: 1260px;
  min-height: 380px;
  margin: 100px auto 0 auto;
  padding-bottom: 70px;
  background: rgba(85, 138, 241, 0.52);
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
}
.course_control-nav-wrapper {
  padding-top: 5px;
  text-align: center;
}
.course_control-nav {
  position: relative;
  padding-top: 80px;
}
.course_control-nav::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -26px;
  left: 210px;
  width: 800px;
  height: 2px;
  background-color: #000000;
}
.course_control-nav-a {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  color: #150e3c;
  transition: all 0.3s linear;
  margin-right: 140px;
}
.course_control-nav-a:hover {
  color: #558af1;
}
.course_control-nav-a:hover:after {
  opacity: 1;
  width: 100%;
}
.course_control-nav-a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 2px;
  width: 0;
  background-color: #558af1;
  opacity: 0;
  transition: all 0.3s linear;
}
.course_control-nav-a:last-child {
  margin-right: 0;
}
.course_control-nav-a-active {
  color: #558af1;
}
.course_control-nav-a-active:after {
  opacity: 1;
  width: 100%;
}
.course_control-blocks {
  margin-top: 65px;
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  gap: 20px;
}
.course_control-left,
.course_control-right {
  max-width: 500px;
  min-width: 350px;
  min-height: 500px;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 39px;
}
.course_control-left-title {
  margin-top: 37px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
}
.course_control-left-info,
.course_control-right-info {
  margin: 35px 20px 10px;
}
.course_control-left-info-text {
  cursor: pointer;
  max-width: 415px;
  margin-top: 15px;
}
.course_control-left-info-text:nth-child(1) {
  margin-top: 0;
}
.course_control-left-info-text a {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s linear;
}
.course_control-left-info-text a:hover {
  color: #3ED7E9;
}
.course_control-right-title {
  margin-top: 37px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
}
.course_control-right-info-text {
  max-width: 415px;
  margin-top: 15px;
}
.course_control-right-info-text:nth-child(1) {
  margin-top: 0;
}
.course_control-right-info-text a {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.1s linear;
}
.course_control-right-info-text a:hover {
  color: #3ED7E9;
}
.course_control-right-info-text-true {
  background-color: #86bb51;
}
.course_control-right-info-text-false {
  background-color: rgba(210, 10, 17, 0.65);
}
.course_control-right-info-text-true,
.course_control-right-info-text-false {
  padding: 0.75rem;
  border-radius: 20px;
  transition: all 0.1s linear;
}
.course_control-right-info-text-true a:hover,
.course_control-right-info-text-false a:hover {
  color: #fff !important;
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.course_test_process {
  margin-top: 100px;
}
.course_test_process-block {
  display: flex;
  margin-top: 55px;
}
.course_test_process-block-left {
  width: 262px;
  height: 228px;
  background: rgba(85, 138, 241, 0.52);
  border-radius: 47px;
}
.course_test_process-block-left-title {
  margin-top: 53px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #150E3C;
}
.course_test_process-block-left-text {
  margin-top: 23px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #150E3C;
}
.course_test_process-block-right {
  width: 1075px;
  min-height: 228px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 12px #9FBAF0;
  border-radius: 47px;
  margin-left: 40px;
  padding-top: 30px;
  padding-left: 30px;
  overflow: hidden;
}
.course_test_process-block-right-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #150E3C;
}
.course_test_process-block-right-form {
  position: relative;
  margin-top: 60px;
  display: flex;
}
.course_test_process-block-right-form::after {
  position: absolute;
  content: "";
  display: block;
  top: -30px;
  left: -30px;
  width: 1075px;
  height: 2px;
  background-color: #9FBAF0;
}
.course_test_process-block-right-form-input-checkbox-wrapper {
  display: flex;
  margin-bottom: 25px;
}
.course_test_process-block-right-form-input-checkbox {
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  width: 18px;
  height: 18px;
  color: #558AF1;
}
.course_test_process-block-right-form-input-checkbox-icon {
  font-size: 20px;
}
.fa-square,
.fa-circle {
  color: rgba(0, 0, 0, 0.25);
}
.fa-square-check,
.fa-circle-check {
  color: #4d9e82;
}
.fa-square-xmark,
.fa-circle-xmark {
  color: #f44336;
}
.course_test_process-block-right-form-input-checkbox-text {
  margin-left: 15px;
  font-size: 18px;
}
.course_test_process-block-right-form-right {
  margin-left: 300px;
}
.course_test_process-block-right-form-input-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 365px;
  height: 43px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 45px;
  outline: none;
  background-color: #FFFFFF;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 0.1s linear;
}
.course_test_process-block-right-form-input-text:hover {
  border-color: #3ED7E9;
}
.course_test_process-button {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  text-decoration: none;
  text-align: center;
  color: #150E3C;
  width: 360px;
  height: 65px;
  background-color: rgba(85, 138, 241, 0.6);
  border-radius: 228px;
  border: none;
  outline: none;
  transition: all 0.1s linear;
  cursor: pointer;
  padding-top: 5px;
  margin: 80px auto 0 auto;
}
.course_test_process-button:hover {
  background-color: #3ED7E9;
}
.course_test_total {
  margin-top: 40px;
}
.course_test_total-info {
  width: 1380px;
  height: 290px;
  background: rgba(85, 138, 241, 0.52);
  border-radius: 47px;
  padding-top: 30px;
  padding-left: 76px;
}
.course_test_total-info-block {
  position: relative;
  display: flex;
  margin-top: 50px;
}
.course_test_total-info-block::before {
  position: absolute;
  content: "";
  display: block;
  bottom: -10px;
  left: -76px;
  width: 1380px;
  height: 2px;
  background-color: rgba(21, 14, 60, 0.26);
}
.course_test_total-info-block-text-left {
  font-weight: 500;
  font-size: 28px;
  line-height: 29px;
  color: #150E3C;
}
.course_test_total-info-block-text-left-1 {
  margin-right: 220px;
}
.course_test_total-info-block-text-left-2 {
  margin-right: 217px;
}
.course_test_total-info-block-text-left-3 {
  margin-right: 221px;
}
.course_test_total-info-block-text-left-4 {
  margin-right: 126px;
}
.course_test_total-info-block-text-left-5 {
  margin-right: 279px;
}
.course_test_total-info-block-text-right {
  font-weight: 500;
  font-size: 28px;
  line-height: 29px;
  color: #150E3C;
}
.CodeMirror {
  width: 880px;
}
.cm-s-darcula.CodeMirror {
  font-size: 18px;
}
.CodeMirror-hints.darcula .CodeMirror-hint-active {
  background-color: #494d4e !important;
  color: #ffffff !important;
}
.CodeMirror-hint {
  color: white !important;
}
.block_video h1,
.block_files h1 {
  font-weight: 500;
  margin-bottom: 2rem;
}
.block_video video,
.block_files video {
  width: 100%;
  height: auto;
  border-radius: 18px;
  object-fit: cover;
}
.block_video li,
.block_files li {
  position: relative;
  padding-left: 40px;
  font-weight: 400;
  padding-bottom: 10px;
}
.block_video li::before,
.block_files li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 40%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z' fill='currentColor'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.block_video ul,
.block_files ul {
  list-style: none;
}
.CodeMirror pre {
  text-transform: none !important;
}
.task_moderation_container {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.task_moderation_nav {
  display: flex;
  gap: 25px;
}
.task_moderation_nav-a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}
.task_moderation_nav-a-active {
  text-decoration: underline;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
}
.fp-card {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 25px;
  margin-bottom: 30px;
}
.fp-card .word-count {
  font-size: 12px;
  color: #bbb;
}
.fp-subtitle {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
  text-transform: uppercase;
  color: #150E3C;
}
.fp-description {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}
.fp-files {
  margin-top: 20px;
}
.fp-files ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fp-files li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #007bff;
}
.fp-files li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z' fill='currentColor'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.fp-student-answer .fp-student-comment {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 15px;
}
.fp-file-solution {
  font-size: 16px;
  color: #007bff;
}
.fp-decision .fp-comment {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: #222;
  margin-bottom: 15px;
}
.fp-control-panel .fp-form {
  margin-bottom: 20px;
}
.fp-control-panel .fp-form-group {
  margin-bottom: 15px;
}
.fp-control-panel label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.fp-control-panel select,
.fp-control-panel input[type="text"],
.fp-control-panel textarea {
  width: 100%;
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
}
.fp-control-panel button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #4785EF;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.fp-control-panel button:hover {
  background-color: #3a6ac9;
}
.fp-control-panel .confirm-button {
  background-color: #50dc01;
}
.fp-control-panel .confirm-button:hover {
  background-color: #3b9e02;
}
.fp-control-panel .deny-button {
  background-color: #FF3838;
}
.fp-control-panel .deny-button:hover {
  background-color: #e40e0e;
}
.fp-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
}
.task_moderation_block-right {
  padding: 55px;
  width: 100%;
  max-width: 1240px;
  height: auto;
  background: #FFFFFF;
  box-shadow: 22px 22px 6px 13px #4785EF;
  border-radius: 69px;
}
.task_moderation_block-right-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
}
.task_moderation_block-right-subtitle {
  font-weight: 400;
  font-size: 28px;
  line-height: 44px;
  text-transform: uppercase;
  color: #150E3C;
}
.task_moderation_block-right-content {
  display: flex;
  flex-direction: column;
}
.fp_status_badge {
  font-size: 12px;
  padding: 5px;
  border-radius: 3px;
  margin-right: 8px;
}
.fp_status_badge-ok {
  background-color: green;
  color: #fff;
}
.fp_status_badge-fail {
  background-color: red;
  color: #fff;
}
.fp_status_badge-pending {
  background-color: yellow;
  color: #000;
}
.fp_status_badge-cancel {
  background-color: gray;
  color: #000;
}
.task_moderation_block-right ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.task_moderation_block-right ul li {
  margin-bottom: 10px;
}
.attempt-link {
  text-decoration: none;
  color: #007bff;
  transition: color 0.2s ease;
  line-height: 22px;
}
.attempt-link:hover {
  text-decoration: underline;
}
.attempt-link:visited {
  color: #551A8B;
}
.fp_info_panel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  background-color: rgba(85, 138, 241, 0.52);
  padding: 25px;
  border-radius: 18px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.fp_info_item {
  display: flex;
  flex-direction: column;
}
.fp_info_item .label {
  font-size: 14px;
  text-transform: uppercase;
  color: #555;
  margin-bottom: 5px;
}
.fp_info_item .value {
  font-size: 20px;
  font-weight: bold;
  color: #150E3C;
}
.fp_status_badge_big {
  font-size: 20px;
  padding: 10px 15px;
  border-radius: 8px;
  display: inline-block;
  margin-top: 20px;
}
.attempt-form {
  margin-bottom: 20px;
}
.attempt-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.attempt-form select,
.attempt-form input[type="text"],
.attempt-form textarea {
  width: 100%;
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
}
.attempt-form button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #4785EF;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-top: 20px;
}
.attempt-form button:hover {
  background-color: #3a6ac9;
}
.attempt-form .error-messages,
.fp-form .error-messages,
.fp-card .error-messages {
  width: 100%;
  background-color: #da5151;
  padding: 10px;
  color: #fff;
  border-radius: 8px;
  font-size: 16px;
}
.attempt-form .errorlist {
  width: 100%;
  background-color: #da5151;
  padding: 10px;
  color: #fff;
  border-radius: 8px;
}
.attempt-form .helptext {
  font-size: 16px;
  color: #333;
}
.fp-attempt-list {
  font-size: 16px;
}
.fp-attempt-list ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.fp-certificate-container {
  background-color: #999;
  border-radius: 12px;
  padding: 20px;
  max-width: 640px;
  text-align: center;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.fp-certificate-box {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  display: inline-block;
  max-width: 600px;
  width: 100%;
  box-sizing: border-box;
}
.fp-certificate-img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.fp-certificate-placeholder {
  font-size: 18px;
  color: #fff;
  padding: 40px 20px;
}
.fp-certificate-download-btn {
  display: inline-block;
  max-width: 600px;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #4785EF;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.fp-certificate-download-btn:hover {
  background-color: #3a6ac9;
}
@media screen and (max-width: 1024px) {
  .task_moderation_container {
    gap: 20px;
  }
  .task_moderation_block-right {
    margin-bottom: 20px;
  }
  .course_control-blocks {
    flex-direction: column;
    align-items: center;
    gap: 45px;
  }
  .course_control-left,
  .course_control-right {
    min-width: 250px;
  }
}
@media screen and (max-width: 575.98px) {
  .task_moderation_block-right-title {
    font-size: 24px;
  }
  .task_moderation_block-right-subtitle {
    font-size: 20px;
  }
}
/* Главная страница курса */
.found_mistake-wrapper {
  text-align: right;
}
.found_mistake-button {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #FFFFFF;
  background: #4785ef;
  width: 200px;
  height: 48px;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  transition: all 0.1s linear;
}
.found_mistake-button:hover {
  background-color: #3ED7E9;
  color: #FFFFFF;
}
.courses_main {
  margin-top: 90px;
}
.courses_main-title {
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  color: #F5F5F5;
}
.courses_main__form {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 50px 0 auto;
  max-width: 1400px;
  width: 100%;
}
.courses_main__form-input {
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  color: #000000;
  outline: none;
  width: 100%;
  height: 67px;
  background: rgba(245, 245, 245, 0.87);
  border-radius: 16px;
  border: 2px rgba(245, 245, 245, 0.87) solid;
  padding-left: 58px;
  padding-right: 58px;
  transition: all 0.1s linear;
}
.courses_main__form-input::placeholder {
  color: rgba(0, 0, 0, 0.52);
}
.courses_main__form-input:hover {
  border: 2px #3ED7E9 solid;
}
.courses_main__form-button {
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  color: #000000;
  background: #85aeff;
  width: 314px;
  height: 67px;
  border-radius: 16px;
  border: none;
  cursor: pointer;
  margin-left: 5px;
  transition: all 0.1s linear;
}
.courses_main__form-button:hover {
  background-color: #3ED7E9;
  color: #FFFFFF;
}
.courses_main__nav {
  margin-top: 33px;
  max-width: 1400px;
}
.courses_main__nav-divs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
}
.courses_main__nav-div {
  padding: 15px 24px;
  background: transparent;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 27px;
  border: 1px #dbdbe4 solid;
  border-radius: 52px;
  cursor: pointer;
  transition: all 0.1s linear;
  margin-top: 22px;
  margin-right: 16px;
}
.courses_main__nav-div:hover {
  background: #3ED7E9;
  border-color: #3ED7E9;
}
.consultation_right-form-button i {
  font-size: 40px;
}
.courses_main__nav-div-active {
  background: #3ED7E9;
  border-color: #3ED7E9;
}
.courses_main__courses_blocks {
  margin-top: 65px;
  margin-bottom: 120px;
  display: flex;
  justify-content: space-between;
}
.courses_main__courses_blocks-left-loading {
  text-align: center;
  margin-top: 70px;
}
.courses_main__courses_blocks-left-loading i {
  font-size: 70px;
}
.courses_main__courses_blocks-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 43px;
  color: #FFFFFF;
}
.courses_main__courses_blocks-block_wrapper {
  margin-top: 45px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}
.courses_main__courses_blocks-block {
  padding: 49px 45px 41px 32px;
  border-radius: 60px;
}
.courses_main__courses_blocks-block:last-child {
  margin-right: 0;
}
.courses_main__courses_blocks-block-python {
  background-color: #4d73e6;
}
.courses_main__courses_blocks-block-c_sharp {
  background-color: #b44eb1;
}
.courses_main__courses_blocks-block-kotlin {
  background-color: #f67848;
}
.courses_main__courses_blocks-block-js {
  background-color: #fecf36;
}
.courses_main__courses_blocks-block-unity {
  background-color: #b447d1;
}
.courses_main__courses_blocks-block-info-sale {
  position: absolute;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  padding: 7px 20px;
  top: -30px;
  right: -5px;
  background-color: #FFFFFF;
  border-radius: 10px;
  color: #558af1;
}
.courses_main__courses_blocks-block-info_wrapper {
  position: relative;
  display: flex;
}
.courses_main__courses_blocks-block-info_wrapper-img {
  width: 87px;
  height: 83px;
}
.courses_main__courses_blocks-block-info_wrapper-info {
  margin-top: 5px;
  margin-left: 24px;
}
.courses_main__courses_blocks-block-info_wrapper-info-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #F5F5F5;
}
.courses_main__courses_blocks-left {
  width: 100%;
}
.courses_main__courses_blocks-block-info_wrapper-info-untite {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #F5F5F5;
  margin-top: 8px;
}
.courses_main__courses_blocks-block-study {
  margin-top: 18px;
}
.courses_main__courses_blocks-block-study-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  color: #F5F5F5;
}
.courses_main__courses_blocks-block-study-ul {
  margin-top: 9px 0 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-transform: uppercase;
  color: #FFFFFF;
  columns: 2;
  list-style-image: url(../../../static/image/courses/courses_main/check.png);
}
.courses_main__courses_blocks-block-study-ul-li {
  margin: 5px 0 0 20px;
  padding: 0;
}
.courses_main__courses_blocks-block-button_wrapper {
  margin-top: 27px;
}
.courses_main__courses_blocks-block-button-a {
  padding: 9px 66px;
  background-color: #4785ef;
  color: #FFFFFF;
  border-radius: 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: all 0.1s linear;
}
.courses_main__courses_blocks-block-button-a:hover {
  background-color: #3ED7E9;
}
.courses_main__courses_blocks-right-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 43px;
  color: #F5F5F5;
}
.courses_main__courses_blocks-right-complexity {
  margin-top: 30px;
}
.courses_main__courses_blocks-right-complexity-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  color: #F5F5F5;
  margin-bottom: 15px;
}
.courses_main__courses_blocks-right-duration-title,
.courses_main__courses_blocks-right-price-title,
.courses_main__courses_blocks-right-topics-title {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  color: #F5F5F5;
  margin-bottom: 15px;
  margin-top: 32px;
}
.courses_main__courses_blocks-right-duration-title::before,
.courses_main__courses_blocks-right-price-title::before,
.courses_main__courses_blocks-right-topics-title::before {
  position: absolute;
  content: "";
  display: block;
  top: -16px;
  left: 0;
  background-color: #FFFFFF;
  width: 205px;
  height: 1px;
}
.courses_main__courses_blocks-right-price-range {
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  color: #FFFFFF;
  margin-top: -8px;
  margin-left: 22px;
}
.courses_main__courses_blocks-right-price-range-line__wrapper {
  position: relative;
  margin: 11px 0 40px 7px;
  background-color: #FFFFFF;
  width: 167px;
  height: 3px;
}
.courses_main__courses_blocks-right-price-range-line_left {
  position: absolute;
  top: -6px;
  left: -4px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #85aeff;
  cursor: pointer;
  transition: all 0.1s linear;
}
.courses_main__courses_blocks-right-price-range-line_left:hover {
  background-color: #3ED7E9;
}
.courses_main__courses_blocks-right-price-range-line_right {
  position: absolute;
  top: -6px;
  right: -4px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #85aeff;
  cursor: pointer;
  transition: all 0.1s linear;
}
.courses_main__courses_blocks-right-price-range-line_right:hover {
  background-color: #3ED7E9;
}
.courses_main__courses_blocks-right-price-range-line_left-center {
  background-color: white;
  color: black;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 5px auto 0 auto;
}
.courses_main__courses_blocks-right-filters_wrapper {
  display: flex;
}
.courses_main__courses_blocks-right-filters_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #FFFFFF;
  margin-left: 10px;
  margin-top: 5px;
}
.courses_main__courses_blocks-right-filters_text:first-child {
  margin-top: 0;
}
.courses_main__courses_blocks-right-list_down__wrapper {
  display: flex;
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  color: #FFFFFF;
  margin-top: 10px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.courses_main__courses_blocks-right-list_down__wrapper img {
  margin-top: 5px;
  margin-left: 8px;
  width: 10px;
  height: 10px;
}
.courses_main__courses_blocks-right-list_down__wrapper:hover {
  color: #3ED7E9;
}
.courses_main__courses_blocks-right-list_down__wrapper:hover img {
  transition: all 0.25s linear;
  transform: rotate(180deg);
}
.courses_main__courses_blocks-right-button-button {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  background: #4785ef;
  width: 158px;
  height: 31px;
  border-radius: 52px;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  transition: all 0.1s linear;
}
.courses_main__courses_blocks-right-button-button:hover {
  background-color: #3ED7E9;
}
/* Страница блога */
.blog_main {
  margin-top: 90px;
  margin-bottom: 120px;
}
.blog_main__wrapper {
  max-width: 1400px;
}
.blog_main__block-main {
  margin-top: 65px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.blog_main__block-main__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
}
.blog_main__block-main-left-info {
  min-width: 320px;
}
.blog_main__block-main-left-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 42px;
  flex: 1;
  width: 100%;
  max-width: 560px;
  color: #F5F5F5;
}
.blog_main__block-main-left-title,
.blog_main__block-main-left-text,
.blog_main__block-main-left-subject {
  width: 100%;
  max-width: 400px;
}
.blog_main__block-main-left-subject {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #050c1c;
  width: 143px;
  height: 26px;
  text-align: center;
  padding-top: 5px;
  margin-top: 15px;
  background-color: #fa8636;
  border-radius: 70px;
}
.blog_main__block-main-left-infodate {
  display: flex;
  margin-top: 18px;
}
.blog_main__block-main-left-infodate-date,
.blog_main__block-main-left-infodate-time,
.blog_main__block-main-left-infodate-quantity {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #FFFFFF;
}
.blog_main__block-main-left-infodate-img_wrapper {
  margin-left: 15px;
  margin-right: 7px;
}
.blog_main__block-main-left-text {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  width: 560px;
  color: #FFFFFF;
  margin-top: 12px;
}
.blog_main__block-main-left-a_wrapper {
  margin-top: 25px;
}
.blog_main__block-main-left-a {
  text-decoration: none;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding: 8px 69px;
  background-color: #4785ef;
  border-radius: 20px;
  color: #FFFFFF;
  transition: all 0.1s linear;
}
.blog_main__block-main-left-a:hover {
  background-color: #3ED7E9;
}
.button__loading {
  position: relative;
  background-color: #4785ef;
  border-radius: 20px;
  outline: none;
  border: none;
  width: 220px;
  height: 36px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.button__loading:hover {
  background-color: #3ED7E9;
}
.button__loading:active {
  background-color: #3ED7E9;
}
.button__loading-text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #FFFFFF;
}
.button--loading .button__loading-text {
  visibility: hidden;
  opacity: 0;
}
.button--loading::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 2px solid transparent;
  border-top-color: #000000;
  border-radius: 50%;
  animation: button-loading-spinner 0.7s ease infinite;
}
@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.blog_main__block-main-right {
  flex: 1;
  text-align: center;
  transition: all 0.1s linear;
  width: 100%;
  max-width: 760px;
}
.blog_main__block-main-right:hover {
  transform: translate(0, -10px);
}
.blog_main__blocks {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin: 50px auto 0;
  width: 100%;
  max-width: 1400px;
}
.blog_main__blocks-block {
  margin-top: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.blog_main__blocks-block-img__wrapper {
  transition: all 0.1s linear;
}
.blog_main__blocks-block-img__wrapper:hover {
  transform: translate(0, -10px);
}
.blog_main__blocks-block-img__wrapper a img {
  width: 100%;
  aspect-ratio: 400 / 210;
  border-radius: 23px;
  object-fit: cover;
  max-width: 500px;
}
.blog_main__blocks-block-subject {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  background-color: white;
  color: #050c1c;
  width: 143px;
  height: 26px;
  text-align: center;
  padding-top: 5px;
  margin-top: 15px;
  border-radius: 70px;
}
.blog_main__blocks-block-subject-webdesign {
  background-color: #fa8636;
}
.blog_main__blocks-block-subject-programming {
  background-color: #4785ef;
}
.blog_main__blocks-block-subject-gamedev {
  background-color: #b44eb1;
}
.blog_main__blocks-block-title {
  margin-top: 15px;
  font-family: Montserrat;
  font-size: 28px;
  font-weight: 400;
  color: #F5F5F5;
  max-width: 398px;
}
.blog_main-button__wrapper {
  margin-top: 100px;
  text-align: center;
}
.blog_main__block-main-right-img {
  width: 100%;
  aspect-ratio: 760 / 315;
  border-radius: 23px;
  object-fit: cover;
}
.blog_main-button {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  background-color: #85aeff;
  width: 100%;
  max-width: 314px;
  min-width: 200px;
  height: 67px;
  border-radius: 16px;
  border: none;
  cursor: pointer;
  transition: all 0.1s linear;
}
.blog_main-button:hover {
  background-color: #3ED7E9;
}
.blog_main-button-loading {
  padding-right: 40px;
}
.blog_main-button-loading_wrapper {
  display: none;
  position: absolute;
  top: 20px;
  right: 62px;
  font-size: 25px;
}
.courses_main-loading_wrapper {
  display: none;
  justify-content: center;
  margin-top: 50px;
}
.courses_main-loading {
  font-size: 50px;
  color: #FFFFFF;
}
.blog_main_nothing {
  color: #FFFFFF;
  font-size: 50px;
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 1199.98px) {
  .courses_main-title {
    font-size: 48px;
    line-height: 56px;
  }
  .blog_main-button {
    font-size: 18px;
  }
  .blog_main__block-main-right-img {
    aspect-ratio: 760 / 385;
  }
  .courses_main__form {
    gap: 15px;
  }
  .courses_main__form-input,
  .courses_main__form-button {
    height: 57px;
    font-size: 32px;
  }
  .courses_main__form-input {
    padding-left: 38px;
    padding-right: 38px;
  }
  .courses_main__form-button {
    width: auto;
    max-width: 314px;
    padding: 0 15px;
    margin-left: 0;
  }
  .courses_main__nav-div {
    padding: 10px 15px;
    font-size: 18px;
    line-height: unset;
    margin-top: 22px;
    margin-right: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .blog_main__block-main__wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
    max-width: 800px;
  }
  .blog_main__blocks {
    max-width: 800px;
  }
  .blog_main__block-main-left,
  .blog_main__block-main-right {
    max-width: 100%;
  }
  .blog_main__block-main-right {
    margin-top: 20px;
    margin-left: 0;
  }
  .blog_main__wrapper {
    flex-direction: column;
    align-items: center;
  }
  .blog_main__block-main {
    margin-top: 30px;
  }
  .blog_main-button__wrapper {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.98px) {
  .blog_main__blocks {
    grid-template-columns: 1fr;
  }
  .blog_main__blocks-block-img__wrapper a img {
    aspect-ratio: 760 / 385;
    max-width: unset;
  }
  .blog_main__blocks-block {
    margin-top: 20px;
    box-sizing: border-box;
  }
  .courses_main__form {
    margin: 30px 0 auto;
  }
  .courses_main__form-input,
  .courses_main__form-button {
    height: 55px;
    font-size: 30px;
  }
  .courses_main__form-input {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media screen and (max-width: 575.98px) {
  .courses_main-title {
    font-size: 32px;
    line-height: 38px;
  }
  .courses_main__form {
    gap: 8px;
  }
  .courses_main__form-button {
    color: transparent;
    position: relative;
    width: 55px;
    height: 55px;
  }
  .courses_main__form-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleX(-1);
    width: 24px;
    height: 24px;
    fill: #fff;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
  }
  .courses_main__form-button:hover::after {
    filter: brightness(0) saturate(100%) invert(100%);
  }
  .blog_main__block-main-right-img {
    transition: all 0.1s;
  }
  .blog_main__blocks-block-img__wrapper a img {
    transition: all 0.1s;
  }
}
@media screen and (max-width: 449.98px) {
  .courses_main-title {
    font-size: 28px;
  }
  .courses_main__form-input,
  .courses_main__form-button {
    height: 45px;
    font-size: 24px;
  }
  .courses_main__form-input {
    padding-left: 15px;
    padding-right: 15px;
  }
  .courses_main__form-button {
    width: 45px;
    height: 45px;
  }
  .blog_main__block-main-right-img {
    width: 120%;
    margin-left: -33px;
    border-radius: 0;
  }
  .blog_main__blocks-block-img__wrapper a img {
    width: 120%;
    margin-left: -33px;
    border-radius: 0;
  }
}
.blog_article-main__wrapper {
  position: relative;
  margin-top: 120px;
  max-width: 1370px;
  background-color: #FFFFFF;
  padding: 100px 60px 50px 60px;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
}
.blog_article-main__wrapper::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background-color: #4785ef;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
}
.blog_article-read_also-articles {
  margin: 0;
  max-width: 1370px;
  padding: 0 15px 15px;
}
.blog_article-panel {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
}
.blog_article-panel-collapse,
.blog_article-panel-empty,
.blog_article-panel-cross {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #d9d9d9;
  z-index: 2;
  text-align: center;
  padding-top: 2px;
  margin-right: 55px;
  margin-top: 18px;
  transition: all 0.1s ease;
}
.blog_article-main_info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.blog_article-main_info-details {
  flex: 1 1 auto;
  min-width: 0;
}
.blog_article-main_info-img_wrapper {
  flex: 1 1 300px;
  min-width: 300px;
  text-align: center;
}
.blog_article-main_info-img-longer,
.blog_article-main_info-img-square {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 700px;
  border-radius: 30px;
  transition: all 0.1s;
}
.blog_article-main_info-title {
  font-size: 54px;
  font-weight: 700;
  line-height: 63px;
  color: #050c1c;
  text-align: right;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}
.blog_article-main_info-data {
  display: flex;
  margin-top: 5px;
  align-items: flex-end;
  flex-direction: column;
}
.blog_article-main_info-data-time_date {
  display: flex;
  margin-top: 12px;
}
.blog_article-main_info-data-time_date-date {
  display: flex;
  margin-right: 15px;
}
.blog_article-main_info-data-time_date > div:not(:last-child) {
  border-right: 1px solid #454545;
  padding-right: 10px;
  margin-right: 10px;
}
.blog_article-main_info-data-teg {
  min-width: 200px;
  white-space: nowrap;
  padding: 10px 20px 0;
  height: 44px;
  background-color: White;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  border: 1px solid #bbb;
  color: #000000;
  text-align: center;
  border-radius: 52px;
}
.blog_article-main_info-data-teg-webdesign {
  background-color: #fa8636;
}
.blog_article-main_info-data-teg-programming {
  background-color: #4785ef;
}
.blog_article-main_info-data-teg-gamedev {
  background-color: #b44eb1;
}
.blog_article-main_info-data-time_date-date,
.blog_article-main_info-data-time_date-date-text,
.blog_article-main_info-data-time_date-date-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #454545;
}
.blog_article-main_info-data-time_date-book,
.blog_article-main_info-data-time_date-ear {
  display: flex;
}
.blog_article-main_info-data-time-date-img-book {
  width: 20px;
  height: 16px;
  margin-right: 7px;
}
/* that's an eye (глаз), not ear (ухо) :P I'll leave it as it is though, kind of fun ~alsk */
.blog_article-main_info-data-time-date-img-ear {
  width: 16px;
  height: 11px;
  margin-top: 4px;
  margin-right: 7px;
}
.blog_article-main_info-subtitle {
  font-size: 32px;
  font-weight: 600;
  line-height: 39px;
  color: #000000;
  margin-top: 65px;
  max-width: 1040px;
}
.blog_article-fill {
  position: relative;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
  color: #150E3C;
  margin: 30px auto 0 auto;
  max-width: 1200px;
}
.blog_article-fill p {
  text-align: justify;
}
.blog_article-fill-text {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #000000;
}
.blog_article-fill-text p {
  margin: 15px 0;
}
.blog_article-fill-bold {
  font-weight: 700;
  font-size: 22px;
}
.blog_article-fill-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 39px;
  color: #000;
  width: 1040px;
}
.blog_article-fill-slider {
  position: relative;
  margin-top: 40px;
}
.swiper-container-blog {
  margin: 0;
}
.swiper-slide-article {
  min-width: 1150px !important;
}
.blog_article-fill-slider-img {
  width: 1130px;
  height: 350px;
}
.blog_article-fill-slider-buttons {
  display: flex;
  position: absolute;
  bottom: -50px;
  right: 45%;
}
.blog_article-fill-slider-button {
  width: 20px;
  height: 20px;
  background-color: rgba(105, 63, 137, 0.52);
  border-radius: 100%;
  margin-right: 25px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.blog_article-fill-slider-button:hover {
  background-color: #693f89;
}
.blog_article-read_also {
  padding-top: 65px;
  padding-bottom: 30px;
  max-width: 1370px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(100, 55, 100, 0.1) 40%, rgba(0, 0, 0, 0.1) 90%);
  border-bottom-left-radius: 26px;
  border-bottom-right-radius: 26px;
}
.blog_article-read_also-title,
.blog_article-offer-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 49px;
  color: #F5F5F5;
  margin-bottom: 20px;
  margin-left: 30px;
}
.blog_article-offer {
  margin-top: 65px;
}
.blog_article-offer-blocks {
  display: flex;
  margin-top: 80px;
}
.blog_article-offer-blocks-block {
  position: relative;
  width: 710px;
  height: 460px;
  border-radius: 60px;
  padding: 40px 22px 30px 50px;
  margin-right: 25px;
}
.blog_article-offer-blocks-block:last-child {
  margin-right: 0;
}
.blog_article-offer-blocks-block-unity {
  background-color: rgba(105, 63, 137);
}
.blog_article-offer-blocks-block-info {
  display: flex;
}
.blog_article-offer-blocks-block-info-left-img {
  width: 87px;
  height: 83px;
}
.blog_article-offer-blocks-block-info-right {
  margin-left: 25px;
  margin-top: 7px;
}
.blog_article-offer-blocks-block-info-right-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #F5F5F5;
}
.blog_article-offer-blocks-block-info-right-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  color: #FFFFFF;
  margin-top: 14px;
}
.blog_article-offer-blocks-block-text {
  margin-top: 45px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #FFFFFF;
}
.blog_article-offer-blocks-block-button_wrapper {
  position: absolute;
  bottom: 45px;
  left: 50px;
}
.blog_article-offer-blocks-block-button {
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #FFFFFF;
  background-color: #4785ef;
  border-radius: 20px;
  padding: 9px 66px;
  transition: all 0.1s linear;
}
.blog_article-offer-blocks-block-button:hover {
  background-color: #3ED7E9;
}
.swiper-pagination-article {
  position: absolute;
  bottom: 410px !important;
}
.blog_article-main-form-description p {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}
.blog_article-main-form-description textarea {
  width: 100%;
  resize: none;
  border: 2px solid #4785EF;
  border-radius: 20px;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.blog_article-main-form-description textarea:hover {
  border: 2px #3ED7E9 solid;
}
.blog_article-main_info-title-admin p {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}
.blog_article-main_info-title-admin input {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  height: 59px;
  border-radius: 20px;
  border: 2px #4785EF solid;
  padding-left: 29px;
  padding-right: 29px;
  margin-bottom: 10px;
  transition: all 0.1s linear;
}
.blog_article-main_info-title-admin input:hover {
  border: 2px #3ED7E9 solid;
}
.blog_article-main_info-data-admin {
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.blog_article-main_info-img_wrapper-admin {
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.blog_article-main_info-data-teg-admin p,
.blog_article-main_info-data-time_date-date-admin p,
.blog_article-main_info-data-time_date-date-text-admin p {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 15px;
}
.blog_article-main_info-data-teg-admin input,
.blog_article-main_info-data-time_date-date-admin input,
.blog_article-main_info-data-time_date-date-text-admin input {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 250px;
  height: 59px;
  border-radius: 20px;
  border: 2px #4785EF solid;
  padding-left: 29px;
  padding-right: 29px;
  margin-bottom: 10px;
  transition: all 0.1s linear;
}
.blog_article-main_info-data-teg-admin input:hover,
.blog_article-main_info-data-time_date-date-admin input:hover,
.blog_article-main_info-data-time_date-date-text-admin input:hover {
  border: 2px #3ED7E9 solid;
}
.blog_article-main_info-data-teg-admin select,
.blog_article-main_info-data-time_date-date-admin select,
.blog_article-main_info-data-time_date-date-text-admin select {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 250px;
  height: 59px;
  border-radius: 20px;
  border: 2px #4785EF solid;
  padding-left: 29px;
  padding-right: 29px;
  margin-bottom: -2px;
  transition: all 0.1s linear;
}
.blog_article-main_info-data-teg-admin select:hover,
.blog_article-main_info-data-time_date-date-admin select:hover,
.blog_article-main_info-data-time_date-date-text-admin select:hover {
  border: 2px #3ED7E9 solid;
}
.blog_article-main_info-img_wrapper {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.blog_article-button-admin {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #4785EF;
  width: 200px;
  height: 35px;
  border-radius: 878px;
  border: none;
  margin-top: 15px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.blog_article-button-admin:hover {
  background-color: #3ED7E9;
}
@media screen and (max-width: 1399.98px) {
  .blog_article-main_info-title {
    font-size: 48px;
    line-height: 56px;
  }
  .blog_article-panel-collapse,
  .blog_article-panel-empty,
  .blog_article-panel-cross {
    margin-right: 45px;
  }
}
@media screen and (max-width: 1199.98px) {
  .blog_article-main__wrapper {
    padding: 100px 60px 40px 60px;
  }
  .blog_article-main_info-title {
    font-size: 40px;
    line-height: 46px;
  }
  .blog_article-main_info-data-teg {
    padding: 8px 20px 0;
    height: 40px;
    font-size: 18px;
  }
  .blog_article-fill {
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
  }
  .blog_article-panel-collapse,
  .blog_article-panel-empty,
  .blog_article-panel-cross {
    margin-right: 35px;
  }
}
@media screen and (max-width: 991.98px) {
  .blog_article-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .blog_article-main_info-data {
    align-items: flex-start;
  }
  .blog_article-panel-collapse,
  .blog_article-panel-empty,
  .blog_article-panel-cross {
    margin-right: 25px;
  }
  .blog_article-read_also {
    padding-top: 25px;
    padding-bottom: 45px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .blog_article-main_info-title {
    text-align: left;
  }
  .blog_article-read_also-articles {
    margin: 0 auto auto;
  }
  .blog_article-read_also-title,
  .blog_article-offer-title {
    font-size: 32px;
    font-weight: 600;
    margin-left: 30px;
  }
  .blog_article-main__wrapper {
    padding: 80px 50px 30px 50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .blog_article-main__wrapper::after {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .blog_article-main_info {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    gap: 0;
  }
  .blog_article-main_info-details,
  .blog_article-main_info-img_wrapper {
    width: 100%;
    max-width: none;
  }
  .blog_article-main_info-img_wrapper {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .blog_article-main__wrapper {
    padding: 80px 40px 20px 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .blog_article-main__wrapper {
    padding: 60px 20px 20px 20px;
  }
  .blog_article-read_also-title {
    margin-left: 15px;
  }
  .blog_article-main_info-title {
    font-size: 32px;
    line-height: 38px;
  }
}
@media screen and (max-width: 449.98px) {
  .blog_article-main_info-img_wrapper {
    width: 120%;
  }
  .blog_article-main_info-img-longer,
  .blog_article-main_info-img-square {
    border-radius: 0;
  }
}
/* Страница отзывов */
.reviews_main {
  position: relative;
  margin-top: 120px;
}
.reviews_main-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.reviews_main__blocks-left-block-loading {
  margin-top: 120px;
  margin-left: 550px;
}
.reviews_main__blocks-left-block-loading i {
  font-size: 70px;
}
.reviews_main-header-left-title {
  font-family: Montserrat;
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  color: #F5F5F5;
  max-width: 680px;
  margin-top: 10px;
  text-transform: uppercase;
}
.courses_main__courses_blocks-right-button-button i {
  font-size: 20px;
}
.reviews_main-header-left-text {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #FFFFFF;
  width: 100%;
  max-width: 760px;
  margin-top: 60px;
}
.reviews_main-header-right {
  margin-left: 35px;
}
.reviews_main-header-right-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.reviews_main__blocks {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.reviews_main__blocks-left-block {
  max-width: 1080px;
  min-width: 200px;
  min-height: 250px;
  height: auto;
  border: 1px #FFFFFF solid;
  border-radius: 60px;
  padding: 36px 39px 36px 21px;
  margin-top: 45px;
}
.reviews_main__blocks-left-block-info {
  display: flex;
}
.reviews_main__blocks-left-block-info-left-img {
  width: 62px;
  height: 62px;
}
.reviews_main__blocks-left-block-info-right {
  margin-left: 20px;
}
.reviews_main__blocks-left-block-info-right-title {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #F5F5F5;
  margin-top: 5px;
}
.reviews_main__blocks-left-block-info-right-text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 8px;
}
.reviews_main__blocks-left-block-info-right-stars {
  position: relative;
  display: flex;
  margin-top: 8px;
}
.reviews_main__blocks-left-block-reviews {
  display: flex;
  margin-top: 16px;
  margin-left: 19px;
}
.reviews_main__blocks-left-block-reviews-right {
  margin-left: 20px;
}
.reviews_main__blocks-left-block-reviews-right-text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  min-width: 120px;
  max-width: 950px;
}
.reviews_main__blocks-right {
  position: absolute;
  top: 0;
  right: 185px;
  margin-top: 45px;
}
.reviews_main-bg {
  position: absolute;
  z-index: -1;
  margin-top: -110px;
}
@media screen and (max-width: 1399.98px) {
  .reviews_main-header-left-title {
    font-size: 48px;
    line-height: 56px;
  }
  .reviews_main-header-left-text {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 1199.98px) {
  .reviews_main-header-left-title {
    font-size: 40px;
    line-height: 48px;
  }
  .reviews_main-header-left-text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .reviews_main-header {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }
  .reviews_main-header-right {
    margin-left: 0;
    margin-top: -50px;
    margin-bottom: 20px;
    max-width: 600px;
  }
  .reviews_main-header-left-title {
    max-width: none;
  }
  .reviews_main-header-left-text {
    margin-top: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .reviews_main-header-left-title {
    font-size: 32px;
    line-height: 38px;
  }
  .reviews_main-header-left-text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 449.98px) {
  .reviews_main-header-left-title {
    font-size: 28px;
  }
  .reviews_main__blocks-left-block {
    border-left: none;
    border-right: none;
    border-radius: 0;
    width: 120%;
    margin-left: -30px;
    margin-right: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }
}
/* Контакты */
.contact {
  margin-top: 120px;
}
.contact__wrapper {
  display: flex;
  justify-content: space-between;
}
.contact__left-title {
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  color: #efeeee;
}
.contact__left-info {
  margin-top: 35px;
}
.contact__left-info-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff;
  margin-top: 12px;
}
.contact__left-info-tel,
.contact__left-info-email {
  text-decoration: underline;
  color: #FFFFFF;
  transition: all 0.1s linear;
}
.contact__left-info-tel:hover,
.contact__left-info-email:hover {
  color: #3ED7E9;
}
.contact__left__wrapper {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.contact__left-nav {
  display: flex;
}
.contact__left-nav__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 22px;
  width: 42px;
  height: 42px;
  background-color: #85aeff;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.1s linear;
}
.contact__left-nav__wrapper:hover {
  background-color: #3ED7E9;
}
.contact__left-nav__wrapper a {
  text-decoration: none;
  padding-right: 2px;
  padding-top: 3px;
}
.contact__left-nav-img {
  width: 25px;
  height: 25px;
}
.contact__right {
  margin-right: 80px;
  margin-top: -50px;
}
@media screen and (max-width: 1399.98px) {
  .contact__left-title {
    font-size: 48px;
    line-height: 56px;
  }
  .contact__left-info-text {
    font-size: 20px;
    line-height: 28px;
  }
  .contact__right {
    margin-right: 0;
  }
}
@media screen and (max-width: 1199.98px) {
  .contact__left-title {
    font-size: 40px;
    line-height: 48px;
  }
  .contact__left-info-text {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 991.98px) {
  .contact__left-title {
    font-size: 36px;
    line-height: 42px;
  }
  .contact__left-info-text {
    font-size: 16px;
    line-height: 22px;
  }
  .contact__wrapper {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .contact__left,
  .contact__right {
    max-width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .contact__right-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
  }
  .contact__right {
    max-width: 600px;
    margin-bottom: 20px;
  }
  .contact__left-nav {
    margin-left: auto;
    margin-right: auto;
  }
  .contact__left-nav__wrapper {
    margin-right: 11px;
    margin-left: 11px;
  }
}
@media screen and (max-width: 575.98px) {
  .contact__left-title {
    font-size: 32px;
    line-height: 38px;
  }
  .contact__left-info-text {
    font-size: 14px;
    line-height: 20px;
  }
}
/* О нас */
.about {
  margin-top: 120px;
}
.about__info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.about__info-left-title {
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  text-transform: uppercase;
  color: #F5F5F5;
  max-width: 680px;
}
.about__info-left-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #FFFFFF;
  width: 100%;
  max-width: 590px;
  margin-top: 60px;
}
.about__info-right {
  margin-left: 55px;
}
.about__info-right-img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.about__advantages {
  margin-top: 80px;
}
.about__advantages-title,
.team__title {
  font-size: 48px;
  font-weight: 600;
  line-height: 59px;
  text-transform: uppercase;
  color: #F5F5F5;
}
.about__advantages-blocks {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 18px;
}
.about__advantages-block {
  background-color: #373448;
  border-radius: 60px;
  padding: 20px 20px 20px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  transition: all 0.1s linear;
  width: 100%;
}
.about__advantages-block:hover {
  background-color: #4785ef;
}
.about__advantages-block-number {
  font-size: 64px;
  font-weight: 400;
  line-height: 78px;
  margin-right: 20px;
  color: #FFFFFF;
  min-width: 85px;
  flex-shrink: 0;
}
.about__advantages-block-text {
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  color: #FFFFFF;
  width: 100%;
  overflow-wrap: break-word;
}
.team {
  margin-top: 80px;
}
.team__blocks {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 25px;
}
.team__block {
  display: flex;
  width: 100%;
  padding: 15px 20px 20px 20px;
  border: 1px solid #ffffff;
  border-radius: 40px;
  box-sizing: border-box;
}
.team__block-img {
  display: flex;
  align-items: center;
}
.team__block-img img {
  width: 100%;
  height: auto;
  display: block;
  min-width: 150px;
}
.team__block-info {
  margin-left: 28px;
}
.team__block-info-title {
  margin-top: 12px;
  font-size: 36px;
  font-weight: 600;
  color: #FFFFFF;
}
.team__block-info-text {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 400;
  color: #FFFFFF;
}
@media screen and (max-width: 1399.98px) {
  .about__info-left-title {
    font-size: 48px;
    line-height: 56px;
  }
  .about__info-left-text {
    font-size: 20px;
    line-height: 28px;
  }
  .about__advantages-block-number {
    margin-right: 0;
  }
  .about__advantages-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .about__info-left-title {
    font-size: 40px;
    line-height: 48px;
  }
  .about__info-left-text {
    font-size: 18px;
    line-height: 24px;
  }
  .about__advantages-title,
  .team__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 45px;
  }
  .about__advantages-block-number {
    font-size: 56px;
    line-height: 68px;
  }
  .about__advantages-block-text {
    font-size: 17px;
    line-height: 26px;
  }
  .team__block-info-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 991.98px) {
  .team__blocks {
    grid-template-columns: 1fr;
  }
  .about__info {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }
  .about__info-right {
    margin-left: 0;
    margin-bottom: 20px;
    max-width: 600px;
    margin-top: -50px;
  }
  .about__info-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about__info-left-text {
    margin-top: 20px;
  }
  .about__advantages {
    margin-top: 40px;
  }
  .about__advantages-title,
  .team__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
  }
  .team__block-info-text {
    font-size: 22px;
  }
}
@media screen and (max-width: 767.98px) {
  .about__advantages-blocks {
    grid-template-columns: 1fr;
  }
  .about__advantages-block-number {
    font-size: 48px;
    line-height: 58px;
  }
  .about__advantages-block-text {
    font-size: 16px;
    line-height: 22px;
  }
  .team__block-info-title {
    font-size: 30px;
  }
  .team__block-info-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .about__info-left-title {
    font-size: 32px;
    line-height: 38px;
  }
  .about__info-left-text {
    font-size: 14px;
    line-height: 20px;
  }
  .about__advantages-title,
  .team__title {
    font-size: 32px;
    font-weight: 400;
    line-height: 35px;
  }
  .about__advantages-block-number {
    margin-right: -20px;
  }
  .team__block-info-title {
    font-size: 28px;
  }
  .team__block-info-text {
    font-size: 20px;
  }
  .team__block {
    flex-direction: column;
  }
  .team__block-img {
    justify-content: center;
  }
  .team__block-img img {
    max-width: 200px;
  }
  .team__block-info {
    margin-left: 0;
  }
}
@media screen and (max-width: 449.98px) {
  .about__advantages-title {
    font-size: 28px;
  }
  .about_platform__main-title,
  .team__title {
    font-size: 28px;
  }
  .about__advantages-block {
    border-radius: 0;
    width: 120%;
    margin-left: -30px;
  }
}
/* О платформе */
.about_platform {
  margin-top: 120px;
}
.about_platform__info {
  display: flex;
}
.about_platform__info-left-title {
  font-size: 64px;
  font-weight: 700;
  line-height: 78px;
  color: #F5F5F5;
}
.about_platform__info-left-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #FFFFFF;
  width: 100%;
  max-width: 590px;
  margin-top: 60px;
}
.about_platform__info-right {
  margin-left: 35px;
}
.about_platform__main {
  margin-top: -40px;
}
.about_platform__main-title {
  font-size: 48px;
  font-weight: 600;
  line-height: 59px;
  color: #F5F5F5;
}
.about_platform__main-blocks {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 50px;
}
.about_platform__main-block {
  background-color: #FFFFFF;
  border-radius: 44px;
  padding: 45px 30px 40px 60px;
  min-height: 290px;
}
.about_platform__main-block-title__wrapper {
  display: flex;
  align-items: center;
}
.about_platform__main-block-title-img {
  width: 60px;
  height: 60px;
}
.about_platform__main-block-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  color: #000000;
  margin-left: 28px;
}
.about_platform__main-block-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
  margin-top: 19px;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1399.98px) {
  .about_platform__info-left-title {
    font-size: 48px;
    line-height: 56px;
  }
  .about_platform__info-left-text {
    font-size: 20px;
    line-height: 28px;
  }
  .about_platform__info-right-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
  }
}
@media screen and (max-width: 1199.98px) {
  .about_platform__info-left-title {
    font-size: 40px;
    line-height: 48px;
  }
  .about_platform__info-left-text {
    font-size: 18px;
    line-height: 24px;
  }
  .about_platform__main-title {
    font-size: 40px;
    font-weight: 500;
    line-height: 45px;
  }
  .about_platform__main-block {
    padding: 35px 20px 20px 30px;
  }
  .about_platform__main-block-title {
    font-size: 22px;
    line-height: 27px;
  }
  .about_platform__main-block-text {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 991.98px) {
  .about_platform__info-left-title {
    font-size: 36px;
    line-height: 42px;
  }
  .about_platform__info-left-text {
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
  }
  .about_platform__info {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }
  .about_platform__info-right {
    margin-left: 0;
    margin-bottom: 20px;
    max-width: 600px;
    margin-top: -50px;
  }
  .about_platform__main {
    margin-top: 50px;
  }
  .about_platform__main-title {
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
  }
  .about_platform__info-left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .about_platform__main-blocks {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .about_platform__main-block {
    min-height: min-content;
    padding: 20px 20px 20px 30px;
  }
  .about_platform__main-block-title {
    font-size: 20px;
    line-height: 25px;
  }
  .about_platform__main-block-text {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .about_platform__info-left-title {
    font-size: 32px;
    line-height: 38px;
  }
  .about_platform__info-left-text {
    font-size: 14px;
    line-height: 20px;
  }
  .about_platform__main-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 35px;
  }
  .about_platform__main-block-title {
    font-size: 18px;
    line-height: 23px;
    margin-left: 14px;
  }
  .about_platform__main-block-text {
    font-size: 14px;
    line-height: 18px;
  }
  .about_platform__main-block-title__wrapper {
    width: 280px;
  }
}
@media screen and (max-width: 449.98px) {
  .about_platform__main-block-title__wrapper {
    width: 230px;
    overflow: hidden;
  }
  .about_platform__main-title {
    font-size: 28px;
  }
}
/* Маркетплейс */
.mpcatalog {
  margin-top: 100px;
}
.mpcatalog__header-title {
  font-size: 60px;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 40px;
}
.mpcatalog__header-breadlinks {
  margin-top: 25px;
}
.mpcatalog__header-breadlinks-ul {
  display: flex;
  padding: 0;
}
.mpcatalog__header-breadlinks-li__wrapper {
  display: flex;
}
.mpcatalog__header-breadlinks-li {
  list-style-type: none;
}
.mpcatalog__header-breadlinks-a {
  font-size: 32px;
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: none;
}
.mpcatalog__header-breadlinks-a:hover {
  text-decoration: underline;
}
.mpcatalog__header-breadlinks-a.active:hover {
  text-decoration: none;
}
.mpcatalog__header-breadlinks-li-arrow {
  margin: 11px 18px 0 18px;
}
.mpcatalog__header-form {
  margin-top: 55px;
}
.mpcatalog__header-form-input__wrapper {
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.mpcatalog__header-form-input {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  outline: none;
  background-color: transparent;
  color: #FFFFFF;
  width: 260px;
  height: 50px;
  border: 2px solid #E6E8EC;
  border-radius: 30px;
  padding: 0 30px 0 18px;
}
.mpcatalog__header-form-input::placeholder {
  color: #000000;
}
.mpcatalog__header-form-button {
  display: none;
  align-items: center;
  justify-content: center;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  background-color: #7F74C3;
  width: 200px;
  height: 50px;
  border: none;
  border-radius: 55px;
  margin-left: 20px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.mpcatalog__header-form-button img {
  margin-right: 20px;
}
.mpcatalog__header-form-button:hover {
  background-color: #85CDC9;
}
.mpcatalog__header-form-dropdown__wrapper {
  position: absolute;
  top: 11px;
  left: auto;
  right: 20px;
}
.mpcatalog__header-form-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #E6E8EC;
  cursor: pointer;
  transition: all 0.1s linear;
}
.mpcatalog__header-form-dropdown img {
  transition: all 0.1s linear;
}
.mpcatalog__header-form-dropdown:hover {
  border-color: #85CDC9;
}
.mpcatalog__header-form-dropdown.active img {
  transform: rotate(180deg);
}
.mpcatalog__header-form-dropdown-nav__wrapper {
  position: absolute;
  top: 50px;
  left: -210px;
  width: 260px;
  min-height: 50px;
  border-radius: 30px;
  border: 2px solid #3ED7E9;
  background-color: #FFFFFF;
  padding: 26px 16px;
  z-index: 2;
}
.mpcatalog__header-form-dropdown-nav-ul {
  list-style-type: none;
  padding: 0;
}
.mpcatalog__header-form-dropdown-nav-li {
  margin-top: 20px;
}
.mpcatalog__header-form-dropdown-nav-li:first-child {
  margin-top: 0;
}
.mpcatalog__header-form-dropdown-nav-a {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.1s linear;
}
.mpcatalog__header-form-dropdown-nav-a:hover {
  text-decoration: underline;
}
.mpcatalog__header-form-dropdown-nav-a--active {
  text-decoration: underline;
}
.mpcatalog__main {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.mpcatalog__main-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.mpcatalog__main-left {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.mpcatalog__main-left-text {
  background-color: #FFFFFF;
  border-radius: 50px;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
}
.mpcatalog__main-left-block {
  position: relative;
  width: 370px;
  background-color: #FFFFFF;
  border-radius: 20px;
}
.mpcatalog__main-left-block-heart__wrapper {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 17px;
  right: 17px;
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  border-radius: 100%;
  border: solid 2px transparent;
  z-index: 1;
  transition: all 0.1s linear;
}
.mpcatalog__main-left-block-heart__wrapper.active .mpcatalog__main-left-block-heart svg {
  fill: red;
}
.mpcatalog__main-left-block-heart__wrapper:hover {
  border-color: #3ED7E9;
}
.mpcatalog__main-left-block-heart {
  margin-top: 5px;
}
.mpcatalog__main-left-block-heart svg {
  fill: #404447;
  width: 26px;
  height: 25px;
  transition: all 0.1s linear;
}
.mpcatalog__header-form-dropdown-nav__wrapper {
  display: none;
}
.mpcatalog__header-form-dropdown-nav__wrapper.visible {
  display: block;
}
.mpcatalog__main-left-block-content-img img {
  width: 405px;
  height: 260px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
  width: 370px;
  height: 260px;
}
.mpcatalog__main-left-block-content-info {
  padding: 16px;
}
.mpcatalog__main-left-block-content-tegs {
  display: flex;
}
.mpcatalog__main-left-block-content-teg {
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: 5px;
  padding: 4px;
  background-color: #4785ef;
  border-radius: 38px;
}
.mpcatalog__main-left-block-content-teg:last-child {
  margin-right: 0;
}
.mpcatalog__main-left-block-content-title {
  font-size: 27px;
  font-weight: 400;
  color: #404447;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.mpcatalog__main-left-block-content-price {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.mpcatalog__main-left-block-content-left {
  font-size: 18px;
  font-weight: 400;
  color: #404447;
}
.mpcatalog__main-left-block-content-right-link {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  background-color: #4785ef;
  border-radius: 70px;
  padding: 8px 16px;
  transition: all 0.1s linear;
  cursor: pointer;
}
.mpcatalog__main-left-block-content-right-link:hover {
  background-color: #3ED7E9;
}
.mpcatalog__main-right {
  margin-right: 80px;
}
.mpcatalog__main-right-title {
  font-size: 27px;
  font-weight: 600;
  color: #FFFFFF;
}
.mpcatalog__main-right-char__wrapper {
  margin-top: 15px;
}
.mpcatalog__main-right-char-text {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
}
.mpcatalog__main-right-char-text::after {
  position: absolute;
  content: url("../../static/image/marketplace/catalog/arrow-catalog.svg");
  display: block;
  top: 0;
  left: auto;
  right: 0;
  transition: all 0.2s linear;
}
.mpcatalog__main-right-char-text.active::after {
  transform: rotate(180deg);
}
.mp_catalog_wrapper_filter_block {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.mpcatalog__main-right-char-ul {
  margin-top: 15px;
  padding: 0;
  list-style-type: none;
}
.mpcatalog__main-right-char-li {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}
.mpcatalog__main-right-char-li:first-child {
  margin-top: 0;
}
.mpcatalog__main-right-char-input__wrapper input {
  margin-right: 7px;
}
.mpcatalog__main-right-char-input__wrapper span {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
.mpcatalog__main-right-char-filter-range__wrapper {
  margin-top: 20px;
}
.mpcatalog__main-right-char-filter-range {
  position: relative;
}
.mpcatalog__main-right-char-filter-range-bar {
  height: 4px;
  background-color: #7F74C3;
}
.mpcatalog__main-right-char-filter-range-handle {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  box-sizing: content-box;
  padding: 0;
  border: 8px solid #3f4445;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.1s linear;
}
.mpcatalog__main-right-char-filter-range-handle:hover {
  border-color: #7F74C3;
  background-color: #FFFFFF;
}
.mpcatalog__main-right-char-filter-interval {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.mpcatalog__main-right-char-filter-interval::after {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  top: 15px;
  left: 47%;
  background-color: #7F74C3;
}
.mpcatalog__main-right-char-filter-interval__wrapper {
  position: relative;
}
.mpcatalog__main-right-char-filter-interval__wrapper span {
  position: absolute;
  top: 5px;
  left: 12px;
}
.mpcatalog__main-right-char-filter-interval label {
  width: 50%;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
}
.mpcatalog__main-right-char-filter-interval input {
  margin-left: 8px;
  width: 100px;
  height: 30px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  padding: 0 10px 0 25px;
  border-radius: 8px;
  border: 1px solid #7F74C3;
  text-align: center;
  background-color: transparent;
  transition: all 0.1s linear;
}
.mpcatalog__main-right-char-filter-interval input:hover {
  border-color: #ada0fe;
}
.mpcatalog__main-right-char-filter-interval input:first-child {
  margin-left: 0;
}
.mpcatalog__main-right-char-author-form {
  margin-top: 12px;
}
.mpcatalog__main-right-char-author-input__wrapper {
  position: relative;
}
.mpcatalog__main-right-char-author-input__wrapper::after {
  position: absolute;
  content: url("../../static/image/marketplace/catalog/search.png");
  display: block;
  top: 27px;
  left: 12px;
  cursor: pointer;
}
.mpcatalog__main-right-char-author-input {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  outline: none;
  background-color: #FFFFFF;
  color: #000000;
  width: 320px;
  height: 50px;
  border: 2px solid #4785ef;
  border-radius: 40px;
  padding: 0 30px 0 45px;
  margin-top: 15px;
  transition: all 0.1s linear;
}
.mpcatalog__main-right-char-author-input::placeholder {
  color: #404447;
}
.mpcatalog__main-right-char-author-input:hover {
  border-color: #3ED7E9;
}
.mpcatalog__main-right-char-author-text {
  position: relative;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #404447;
}
.mpcatalog__main-right-char-author-text span {
  position: absolute;
  top: 1px;
  left: 85px;
  cursor: pointer;
}
.mpcatalog__main-right-char-author-text span:hover {
  opacity: 0.8;
}
.mpcatalog__main-right-char-switch__wrapper {
  display: flex;
  margin-top: 12px;
}
.mpcatalog__main-right-char-switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.mpcatalog__main-right-char-switch input {
  display: none;
}
.mpcatalog__main-right-char-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.mpcatalog__main-right-char-switch-slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}
.mpcatalog__main-right-char-switch-input:checked + .mpcatalog__main-right-char-switch-slider {
  background-color: #4785ef;
}
.mpcatalog__main-right-char-switch-input:focus + .mpcatalog__main-right-char-switch-slider {
  box-shadow: 0 0 1px #2196F3;
}
.mpcatalog__main-right-char-switch-input:checked + .mpcatalog__main-right-char-switch-slider:before {
  transform: translateX(18px);
  background-color: #FFFFFF;
}
.mpcatalog__main-right-char-switch-slider.round {
  border-radius: 34px;
}
.mpcatalog__main-right-char-switch-slider.round:before {
  border-radius: 50%;
}
.mpcatalog__main-right-char-switch-text {
  font-size: 18px;
  font-weight: 400;
  color: #404447;
  margin-left: 10px;
}
.mpcatalog__main-right-char-rating {
  margin-top: 12px;
  display: flex;
}
.mpcatalog__review-right-img {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url('../image/gamecard/black-star.svg');
  background-size: cover;
}
.mpcatalog__review-right-img.active {
  background-image: url('../image/catalog/star-pink.svg');
}
.mpcatalog__main-right-buttons__wrapper {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.mpcatalog__main-right-button-clear {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.1s linear;
}
.mpcatalog__main-right-button-clear:hover {
  color: #3ED7E9;
}
.mpcatalog__main-right-button-apply {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  background-color: #4785ef;
  width: 154px;
  height: 40px;
  border: none;
  border-radius: 55px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.mpcatalog__main-right-button-apply:hover {
  background-color: #3ED7E9;
}
.custom-wrapper {
  margin: 20px 0;
  width: 70%;
}
.header h2 {
  font-size: 30px;
  color: #7F74C3;
  display: flex;
  justify-content: center;
  padding: 20px;
}
/*###################################################*/
/* Styles for the price input container */
.price-input-container {
  width: 100%;
}
.price-input .price-field {
  display: flex;
  margin-bottom: 22px;
}
.price-field span {
  margin-right: 10px;
  margin-top: 6px;
  font-size: 17px;
}
.price-field input {
  margin-left: 8px;
  width: 150px;
  height: 30px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #FFFFFF;
  text-align: center;
  background-color: transparent;
  transition: all 0.1s linear;
}
.price-field input:hover {
  border-color: #3ED7E9;
}
.price-field input:first-child {
  margin-left: 0;
}
.price-input {
  width: 100%;
  font-size: 19px;
  color: #555;
}
/* Remove Arrows/Spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.slider-container {
  width: 100%;
}
.slider-container {
  height: 6px;
  position: relative;
  background: #e4e4e4;
  border-radius: 5px;
}
.slider-container .price-slider {
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  background-color: #FFFFFF;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  margin: 0;
  background: none;
  top: -5px;
  pointer-events: none;
  cursor: pointer;
  -webkit-appearance: none;
}
/* Styles for the range thumb in WebKit browsers */
input[type="range"]::-webkit-slider-thumb {
  height: 18px;
  width: 18px;
  border-radius: 70%;
  background: #4785ef;
  pointer-events: auto;
  -webkit-appearance: none;
}
.personal-area_htmx-indicator {
  display: none;
}
.htmx-request.personal-area_htmx-indicator {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.container__personal-area-content {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mpcard__wrapper {
  margin-top: 60px;
  background-color: #FFFFFF;
  border-radius: 50px;
  padding: 55px;
}
.mpcard {
  display: flex;
  justify-content: space-between;
}
.mpcard__left {
  width: 950px;
}
.mpcard__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 950px;
  margin-bottom: 40px;
}
.mpcard__top-title {
  font-size: 60px;
  font-weight: 700;
  color: #000000;
}
.mpcard__top-text {
  font-size: 27px;
  font-weight: 400;
  color: #000000;
}
.mpcard__left-block {
  position: relative;
  display: flex;
  padding: 40px 0 40px 25px;
}
.mpcard__left-block::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #404447;
}
.mpcard__left-block-img {
  width: 170px;
  height: 150px;
  border-radius: 20px;
}
.mpcard__left-block-img a img {
  width: 170px;
  height: 150px;
  border: solid 2px #4785ef;
  border-radius: 20px;
}
.mpcard__left-block-title {
  font-size: 27px;
  font-weight: 600;
  width: 400px;
  margin-left: 40px;
}
.mpcard__left-block-title a {
  text-decoration: none;
  color: #000000;
  transition: all 0.1s linear;
}
.mpcard__left-block-title a:hover {
  color: #7F74C3;
}
.mpcard__left-block-price__wrapper {
  display: flex;
  align-items: center;
}
.mpcard__left-block-price {
  font-size: 27px;
  font-weight: 700;
  color: #000000;
  margin-left: 40px;
}
.mpcard__left-block-oldprice {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  text-decoration: line-through;
  margin-left: 10px;
}
.mpcard__left-block-icons__wrapper {
  margin-left: auto;
}
.mpcard__left-block-icons {
  display: flex;
  align-items: center;
}
.mpcard__left-block-button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.1s linear;
}
.mpcard__left-block-button img {
  width: 35px;
  height: 35px;
}
.mpcard__left-block-button:hover svg {
  fill: #3ED7E9;
}
.mpcard__left-block-button.active svg {
  fill: red;
}
.mpcard__left-block-button svg {
  fill: #404447;
  transition: all 0.1s linear;
}
.mpcard__left-block-button--delete:hover svg {
  fill: #3ED7E9;
}
.mpcard__left-block-button--delete svg {
  fill: #404447;
  transition: all 0.1s linear;
}
.mpcard__left-blocks-subtitle {
  font-size: 27px;
  font-weight: 700;
  color: #000000;
}
.mpcard__left-blocks-subtext {
  font-size: 22px;
  font-weight: 400;
  color: #000000;
  margin-top: 15px;
}
.mpcard__right {
  width: 470px;
}
.mpcard__right-block {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 40px 0 20px 0;
}
.mpcard__right-block::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #404447;
}
.mpcard__right-block-text-left {
  font-size: 27px;
  font-weight: 600;
  color: #000000;
}
.mpcard__right-block-text-right {
  font-size: 27px;
  font-weight: 700;
  color: #000000;
}
.mpcard__right-form {
  margin-top: 40px;
}
.mpcard__right-button {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  background-color: transparent;
  width: 470px;
  height: 50px;
  border: 1px solid #4785ef;
  border-radius: 20px;
  margin-top: 5px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.mpcard__right-button:hover {
  background-color: #3ED7E9;
  color: #FFFFFF;
}
.mpcard__right-button--violet {
  background-color: #4785ef;
  color: #FFFFFF;
}
.mpcard__right-button:first-child {
  margin-top: 0;
}
.mpcard__right-button-a {
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
  color: #000000;
  padding: 14px 0;
  transition: all 0.1s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #4785ef;
  border-radius: 20px;
  cursor: pointer;
}
.mpcard__right-button-a:hover {
  background-color: #3ED7E9;
  border-color: #3ED7E9;
}
.htmx-indicator__card-blick {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.htmx-indicator__card-blick img {
  width: 64px;
  height: 64px;
}
.mplk {
  margin-top: 60px;
}
.search__nav-name {
  font-size: 40px;
  font-weight: 400;
  color: #FFFFFF;
}
.mpcatalog__header-form-mplk {
  margin-top: 0;
}
.mpcatalog__header-form-dropdown-nav-li-mplk {
  margin-top: 10px;
}
.mplk__nav-text {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 27px;
  background-color: transparent;
  color: #FFFFFF;
  border: 2px solid #E6E8EC;
  border-radius: 30px;
  padding: 8px 55px 8px 24px;
  margin-left: 30px;
  cursor: pointer;
}
.mplk__nav-text .mpcatalog__header-form-dropdown.active img {
  transform: rotate(180deg);
}
.mplk__nav-text::placeholder {
  color: #000000;
}
.mplk__nav-text--active {
  border-color: #ea6698;
  background-color: #ea6698;
}
.mplk__nav-dropdown__wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
}
.mplk__blocks {
  margin-top: 60px;
}
.mpcatalog__main-left-mplk {
  grid-template-columns: repeat(4, 1fr);
}
.orders__wrapper {
  margin-top: 60px;
}
.orders {
  padding: 60px 80px;
  background-color: #FFFFFF;
  border-radius: 50px;
  margin-bottom: 40px;
}
.orders__table {
  margin-top: 25px;
  width: 1520px;
  text-align: center;
}
.orders__title {
  font-size: 40px;
  font-weight: 400;
  color: #000000;
}
.orders__table-tr-th th {
  font-size: 27px;
  font-weight: 400;
  color: #000000;
}
.orders__table-tr-td {
  position: relative;
}
.orders__table-tr-td::after {
  position: absolute;
  content: "";
  display: block;
  top: 20px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #7F74C3;
}
.orders__table-tr-td td {
  padding-top: 40px;
  font-size: 27px;
  font-weight: 400;
  color: #000000;
}
.orders__table-tr-th-span {
  padding: 5px 10px;
  background-color: #85CDC9;
  border-radius: 30px;
}
.orders__table-tr-th-span--violet {
  background-color: #7F74C3;
}
.orders__table-tr-th-span--pink {
  background-color: #b44eb1;
}
.addproduct__wrapper {
  margin-top: 60px;
}
.addproduct__block__wrapper {
  display: flex;
}
.addproduct__block {
  width: 550px;
  margin-left: 70px;
}
.addproduct__block:first-child {
  margin-left: 0;
}
.addproduct__block-title {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 30px;
}
.addproduct__block-inpbut__wrapper {
  margin-top: 20px;
}
.addproduct__block-inpbut__wrapper--mt45 {
  margin-top: 45px;
}
.addproduct__block-label {
  font-size: 27px;
  font-weight: 400;
}
.addproduct__block-input {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  outline: none;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.12);
  color: #000000;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 53px;
  padding: 20px 35px 20px 70px;
  margin-top: 17px;
}
.addproduct__block-input::placeholder {
  color: rgba(24, 24, 24, 0.76);
}
.addproduct__block-input--error {
  border: 1px solid #EA6698;
}
.addproduct__block-select {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
  height: 60px;
  padding: 5px 35px 5px 70px;
  outline: none;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.12);
  color: #000000;
  border: none;
  border-radius: 53px;
  margin-top: 17px;
}
.addproduct__block-button {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 27px;
  color: #FFFFFF;
  background-color: transparent;
  margin-top: 20px;
  width: 320px;
  height: 50px;
  border: 1px #FFFFFF solid;
  border-radius: 55px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.addproduct__block-button:hover {
  border: 1px #6b62a3 solid;
  background-color: #6b62a3;
}
.addproduct__block-button-text__wrapper {
  display: flex;
  margin-top: 12px;
}
.addproduct__block-button-text {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.addproduct__block-button-text::after {
  position: absolute;
  content: url("../images/lk/paperclip.svg");
  display: block;
  top: 3px;
  left: -17px;
}
.addproduct__block-button-text span img {
  padding-left: 6px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
.addproduct__block-button-text span img:hover {
  opacity: 0.8;
}
.addproduct__form-button__wrapper {
  text-align: center;
}
.addproduct__form-button {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 27px;
  color: #FFFFFF;
  background-color: #7F74C3;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 240px;
  height: 50px;
  border: none;
  border-radius: 55px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.addproduct__form-button:hover {
  background-color: #85CDC9;
}
.main__wrapper {
  margin-top: 60px;
}
.main__title {
  font-family: "SF UI Display";
  font-size: 60px;
  font-weight: 700;
  color: #FFFFFF;
}
.main__title span {
  background-color: #EA6698;
  border-radius: 50px;
  padding: 2px 15px;
}
.main__slider__wrapper {
  margin-top: 60px;
}
.main__slider-title {
  font-size: 40px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.main__slider__wrapper-block {
  display: grid;
  grid-template-areas: "item1 item1 item2 item3" "item1 item1 item2 item4";
  gap: 15px;
}
.main__slider__wrapper-block-item {
  border-radius: 25px;
  background: #85CDC9;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.main__slider__wrapper-block-item .main__slider__wrapper-block-item-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.main__slider__wrapper-block-item .main__slider__wrapper-block-item-content .main__slider__wrapper-block-item-link {
  border-radius: 70px;
  background: #404447;
  backdrop-filter: blur(12.5px);
  color: #FFF;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
  text-decoration: none;
  padding: 15px 26px;
  transition: 0.2s linear;
}
.main__slider__wrapper-block-item .main__slider__wrapper-block-item-content .main__slider__wrapper-block-item-link:hover {
  background: #39393d;
}
.main__slider__wrapper-block-item--secondary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main__slider__wrapper-block-item--secondary .main__slider__wrapper-block-item-link {
  align-self: flex-end;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.main__slider__wrapper-block-item--secondary .main__slider__wrapper-block-item-img {
  width: 110px;
  height: 110px;
  align-self: center;
}
.item-1 h3,
.item-2 h3,
.item-3 h3,
.item-4 h3 {
  color: #FFF;
  font-family: 'Raleway', sans-serif;
  font-size: 27px;
  font-weight: 400;
}
.item-1 {
  grid-area: item1;
  position: relative;
}
.item-1 .main__slider__wrapper-block-item-img--icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
}
.item-2 {
  grid-area: item2;
  background: #EA6698;
}
.item-3 {
  grid-area: item3;
  background: #7F74C3;
}
.item-4 {
  grid-area: item4;
  background: #7F74C3;
}
.mpcatalog__main-left-main {
  grid-template-columns: repeat(4, 1fr);
}
.mpmain__button__wrapper {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
}
.mpmain__button {
  font-size: 27px;
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: none;
  padding: 9px 57px;
  background-color: #7F74C3;
  border-radius: 55px;
  transition: all 0.1s linear;
}
.mpmain__button:hover {
  background-color: #7369B0;
}
.mpmain__button--load {
  position: relative;
  pointer-events: none;
}
.mpmain__button--load::before {
  content: '';
  position: absolute;
  background-image: url(../images/other/loading.svg);
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 45%;
  transform: translateY(-50%);
}
.card_product__wrapper {
  margin-top: 60px;
}
.card_product {
  background-color: #262141;
  border-radius: 50px;
  margin: 40px 0;
  padding: 50px 40px;
  color: #FFFFFF;
}
.card_product__content-main {
  display: flex;
}
.card_product__content-main-left {
  width: 810px;
  height: 720px;
}
.card_product__content-main-right {
  width: 720px;
  margin-left: 50px;
}
.card_product__content-main-right-top {
  display: flex;
  justify-content: space-between;
}
.card_product__content-main-right-top-left {
  display: flex;
  align-items: center;
}
.card_product__content-main-right-title {
  font-size: 40px;
  font-weight: 400;
}
.card_product__content-main-right-teg__wrapper {
  display: flex;
  margin-left: 25px;
}
.card_product__content-main-right-teg {
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  background-color: #4785ef;
  margin-left: 5px;
  padding: 3px 20px;
  border-radius: 38px;
}
.card_product__content-main-right-teg--green {
  background-color: #85CDC9;
}
.card_product__content-main-right-teg--violet {
  background-color: #7F74C3;
}
.card_product__content-main-right-teg:first-child {
  margin-left: 0;
}
.card_product__content-main-right-top-right {
  display: flex;
}
.card_product__content-main-right-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #FFFFFF;
  border: 2px solid #E6E8EC;
  border-radius: 48px;
  margin-left: 16px;
  transition: all 0.1s linear;
}
.card_product__content-main-right-button svg {
  fill: #4785ef;
}
.card_product__content-main-right-button:hover {
  border-color: #4785ef;
}
.card_product__content-main-right-button:first-child {
  margin-left: 0;
}
.card_product__content-main-right-button.active svg {
  fill: red;
}
.card_product__content-main-right-price {
  font-size: 40px;
  font-weight: 700;
  margin-top: 35px;
}
.card_product__content-main-right-text {
  font-size: 18px;
  font-weight: 400;
  margin-top: 35px;
}
.card_product__content-main-right-ratvie {
  display: flex;
  margin-top: 22px;
}
.card_product__content-main-right-ratvie__wrapper {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.card_product__content-main-right-ratvie__wrapper:first-child {
  margin-left: 0;
}
.card_product__content-main-right-ratvie-text {
  font-size: 18px;
  font-weight: 400;
  margin-left: 10px;
}
.card_product__content-main-right-ratvie-text span {
  color: #FFFFFF;
}
.card_product__content-main-right-buttonpay {
  margin-top: 55px;
}
.card_product__content-main-right-buttonpay-buynow {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 9px 15px;
  background-color: #4785ef;
  border-radius: 20px;
  transition: all 0.1s linear;
}
.card_product__content-main-right-buttonpay-buynow:hover {
  background-color: #3ED7E9;
}
.card_product__content-main-right-buttonpay-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  background-color: transparent;
  width: 100%;
  height: 40px;
  margin-top: 15px;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.card_product__content-main-right-buttonpay-cart:hover {
  background-color: #3ED7E9;
  color: #FFFFFF;
  border-color: #3ED7E9;
}
.card_product__content-main-right-buttonpay-cart:hover svg {
  fill: #FFFFFF;
}
.card_product__content-main-right-buttonpay-cart svg {
  margin-left: 5px;
  fill: #FFFFFF;
  transition: all 0.1s linear;
}
.card_product__content-main-right-info {
  margin-top: 50px;
  padding: 32px 32px 50px 32px;
  border: 2px solid #4785ef;
  border-radius: 50px;
}
.media_1280px_less {
  display: none;
}
.card_product__content-main-right-info-title {
  font-size: 18px;
  font-weight: 600;
}
.card_product__content-main-right-info-table {
  width: 100%;
}
.card_product__content-main-right-info-table-tbody tr td {
  padding-top: 30px;
}
.card_product__content-main-right-info-table-tbody tr td span {
  font-weight: 600;
}
.card_product__content-main-right-info-table-tbody-td {
  padding-top: 0;
}
.card_product__content-buttom_info {
  margin-top: 55px;
  display: flex;
}
.card_product__content-buttom_info-left {
  width: 810px;
}
.card_product__content-buttom_info-left-header {
  position: relative;
  display: flex;
}
.card_product__content-buttom_info-left-header::before {
  position: absolute;
  content: "";
  display: block;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
}
.card_product__content-buttom_info-left-link {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #FFFFFF;
  background-color: transparent;
  border: none;
  margin-left: 145px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-left-link:hover {
  text-decoration: underline;
}
.card_product__content-buttom_info-left-link:first-child {
  margin-left: 0;
}
.card_product__content-buttom_info-left-link--active {
  text-decoration: underline;
}
.card_product__block-content {
  margin-top: 60px;
}
.card_product__content-buttom_info-left-text {
  font-size: 27px;
  font-weight: 400;
  margin-top: 30px;
}
.card_product__content-buttom_info-left-text p {
  margin-top: 30px;
}
.card_product__content-buttom_info-left-title {
  font-size: 32px;
  font-weight: 700;
  margin-top: 30px;
}
.card_product__content-buttom_info-right {
  width: 720px;
  margin-left: 50px;
}
.card_product__content-buttom_info-right-title {
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 30px;
}
.card_product__content-buttom_info-right-block__wrapper {
  margin-top: 30px;
}
.card_product__content-buttom_info-right-blocks {
  display: grid;
  width: 720px;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.card_product-similar__swiper {
  overflow: hidden;
  width: 100%;
}
.card_product-similar__item {
  position: relative;
  width: 230px;
  height: 345px;
  background-color: white;
  border-radius: 20px;
}
.card_product__content-buttom_info-right-block-heart__wrapper {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 17px;
  right: 17px;
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  border-radius: 100%;
  border: solid 2px transparent;
  z-index: 1;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-right-block-heart__wrapper.active .card_product__content-buttom_info-right-block-heart svg {
  fill: red;
}
.card_product__content-buttom_info-right-block-heart__wrapper:hover {
  border-color: #7F74C3;
}
.card_product__content-buttom_info-right-block-heart {
  margin-top: 5px;
}
.card_product__content-buttom_info-right-block-heart svg {
  fill: #404447;
  width: 26px;
  height: 25px;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-right-block-content-img .mini_catalog__block-a img {
  width: 212px;
  height: 160px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.card_product__content-buttom_info-right-block-content-info {
  padding: 16px;
}
.card_product__content-buttom_info-right-block-content-tegs {
  display: flex;
}
.card_product__content-buttom_info-right-block-content-teg {
  font-size: 12px;
  font-weight: 400;
  color: white;
  margin-right: 5px;
  padding: 4px;
  background-color: #4785ef;
  border-radius: 38px;
}
.card_product__content-buttom_info-right-block-content-teg:last-child {
  margin-right: 0;
}
.card_product__content-buttom_info-right-block-content-title {
  font-size: 27px;
  font-weight: 400;
  color: #404447;
  margin-top: 5px;
}
.card_product__content-buttom_info-right-block-content-price {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.card_product__content-buttom_info-right-block-content-price--mini {
  display: block;
}
.card_product__content-buttom_info-right-block-content-left {
  font-size: 18px;
  font-weight: 400;
  color: #404447;
}
.card_product__content-buttom_info-right-block-content-right--mini {
  margin-top: 22px;
}
.card_product__content-buttom_info-right-block-content-right-link {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  color: white;
  cursor: pointer;
  background-color: #4785ef;
  border-radius: 70px;
  padding: 8px 4px;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-right-block-content-right-link:hover {
  background-color: #7F74C3;
  color: #FFFFFF;
}
.button-full-width {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.card_product__content-buttom_info-right-block-arrows {
  display: flex;
  justify-content: right;
  gap: 9px;
  margin-top: 15px;
}
.card_product-similar__button-prev,
.card_product-similar__button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #4785ef;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.1s linear;
}
.card_product-similar__button-prev:hover,
.card_product-similar__button-next:hover {
  background-color: #3ED7E9;
}
.card_product__content-buttom_info-right-block-arrows-right {
  margin-left: 10px;
}
.card_product__content-buttom_info-left-reviews {
  margin-top: 60px;
}
.card_product__content-buttom_info-left-reviews-title {
  font-size: 27px;
  font-weight: 400;
  color: #FFFFFF;
}
.card_product__content-buttom_info-left-reviews-stars {
  margin-top: 5px;
  display: flex;
}
.card_product__content-buttom_info-left-reviews-stars img {
  cursor: pointer;
}
.card_product__review-right-img {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-image: url('../image/gamecard/black-star.svg');
  background-size: cover;
}
.card_product__review-right-img.active {
  background-image: url('../image/catalog/star-pink.svg');
}
.card_product__content-buttom_info-left-reviews-input__wrapper {
  margin-top: 40px;
}
.card_product__content-buttom_info-left-reviews-input-button__wrapper {
  position: relative;
}
.card_product__content-buttom_info-left-reviews-input {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  outline: none;
  background-color: #FFFFFF;
  width: 100%;
  height: 76px;
  border: 2px solid #4785ef;
  border-radius: 16px;
  padding: 0 200px 0 25px;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-left-reviews-input:hover {
  border-color: #3ED7E9;
}
.card_product__content-buttom_info-left-reviews-input::placeholder {
  color: rgba(24, 24, 24, 0.76);
}
.card_product__content-buttom_info-left-reviews-input-button {
  position: absolute;
  top: 15px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  background-color: #4785ef;
  width: 180px;
  height: 45px;
  border: none;
  border-radius: 90px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-left-reviews-input-button:hover {
  background-color: #3ED7E9;
}
.card_product__content-buttom_info-left-reviews-input-button img {
  margin-left: 12px;
}
.card_product__content-buttom_info-left-reviews-input-button.card_product__reviews--load::before {
  content: '';
  position: absolute;
  background-image: url(../image/other/loading.svg);
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 40%;
  transform: translateY(-50%);
}
.card_product__content-buttom_info-left-reviews-top {
  margin-top: 75px;
  display: flex;
  justify-content: space-between;
}
.card_product__content-buttom_info-left-reviews-top-left-text {
  font-size: 27px;
  font-weight: 400;
}
.mpcatalog__header-form-reviews {
  margin-top: 0;
}
.mpcatalog__header-form-input-reviews {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
  padding: 0 40px 0 18px;
  width: 160px;
  border-color: #FFFFFF;
  transition: all 0.1s linear;
}
.mpcatalog__header-form-input-reviews:hover {
  border-color: #7F74C3;
}
.mpcatalog__header-form-dropdown__wrapper-reviews {
  top: 10px;
  left: 123px;
}
.mpcatalog__header-form-dropdown-reviews {
  border-color: #FFFFFF;
}
.card_product__content-buttom_info-left-reviews-blocks__wrapper {
  margin-top: 40px;
}
.card_product__content-buttom_info-left-reviews-block {
  position: relative;
  display: flex;
  margin-top: 60px;
}
.card_product__content-buttom_info-left-reviews-block::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #404447;
}
.card_product__content-buttom_info-left-reviews-block:first-child {
  margin-top: 0;
}
.card_product__content-buttom_info-left-reviews-block-title {
  font-size: 27px;
  font-weight: 400;
  color: #23262F;
  margin-bottom: -40px;
}
.card_product__content-buttom_info-left-reviews-block-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #4785ef;
  border-radius: 100%;
  padding: 15px;
}
.card_product__content-buttom_info-left-reviews-block-left-text {
  font-size: 36px;
  font-weight: 600;
}
.card_product__content-buttom_info-left-reviews-block-right {
  margin-left: 20px;
}
.card_product__content-buttom_info-left-reviews-block-right-top {
  display: flex;
}
.card_product__content-buttom_info-left-reviews-block-right-top-left-title {
  font-size: 18px;
  font-weight: 600;
}
.card_product__content-buttom_info-left-reviews-block-right-top-right {
  display: flex;
}
.card_product__content-buttom_info-left-reviews-block-right-top-right-stars__wrapper {
  margin-top: 1px;
  margin-left: 10px;
}
.card_product__content-buttom_info-left-reviews-block-right-top-right-stars__wrapper img {
  cursor: pointer;
}
.card_product__content-buttom_info-left-reviews-block-right-top-right-icons {
  margin-left: 7px;
}
.card_product__content-buttom_info-left-reviews-block-right-top-right-icons img {
  cursor: pointer;
  margin-left: 3px;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-left-reviews-block-right-top-right-icons img:hover {
  opacity: 0.8;
}
.card_product__content-buttom_info-left-reviews-block-right-text {
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
}
.card_product__content-buttom_info-left-reviews-block-right-bottom {
  margin-top: 8px;
  display: flex;
}
.card_product__content-buttom_info-left-reviews-block-right-bottom-data {
  font-size: 12px;
  font-weight: 400;
}
.card_product__content-buttom_info-left-reviews-block-right-bottom-button {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #000000;
  background-color: transparent;
  border: none;
  margin-left: 16px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.card_product__content-buttom_info-left-reviews-block-right-bottom-button:hover {
  color: #7F74C3;
}
.card_product__content-buttom_info-left-reviews-stub {
  font-size: 18px;
  font-weight: 400;
}
.card_product__content-buttom_info-left-sales {
  margin-top: 60px;
}
.card_product__content-buttom_info-left-sales-table {
  width: 590px;
  font-size: 32px;
  font-weight: 700;
}
.card_product__content-buttom_info-left-sales-block {
  margin-top: 20px;
}
.card_product__content-buttom_info-left-sales-block-date__wrapper {
  position: relative;
}
.card_product__content-buttom_info-left-sales-block-date-left {
  position: absolute;
  top: 6px;
  left: -30px;
  cursor: pointer;
}
.card_product__content-buttom_info-left-sales-block-date-right {
  position: absolute;
  top: 6px;
  right: 420px;
  cursor: pointer;
}
.card_product__content-buttom_info-left-sales-block-date {
  font-size: 27px;
  font-weight: 400;
}
.card_product__content-buttom_info-left-sales-block-info {
  margin-top: 12px;
  font-size: 27px;
  font-weight: 400;
}
.card_product__mblike {
  margin-bottom: 50px;
}
.card_product__mblike-title {
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
}
.card_product__swiper-block__wrapper {
  position: relative;
}
.card_product__swiper-block {
  overflow: hidden;
  width: 810px;
  height: 720px;
}
.card_product__swiper-item {
  position: relative;
  border-radius: 15px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card_product__swiper-item img {
  border-radius: 15px;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.card_product__swiper-item {
  background-size: cover;
  background-position: center;
}
.card_product__swiper-item--play::before {
  content: "";
  background-image: url("../image/gamecard/icon_play.png");
  position: absolute;
  width: 64px;
  height: 64px;
}
.card_product__swiper-item-iframe {
  border-radius: 14px;
}
.card_product__swiper-main {
  height: 80%;
  width: 100%;
}
.card_product__swiper-list {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.card_product__swiper-list .card_product__swiper-item {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  cursor: pointer;
}
.card_product__swiper-list .swiper-slide-thumb-active {
  opacity: 1;
}
.card_product__swiper-button-next {
  position: absolute;
  right: -37px;
  top: 35%;
  cursor: pointer;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  z-index: 1;
}
.card_product__swiper-button-next:hover svg {
  fill: #7369B0;
}
.card_product__swiper-button-next svg {
  fill: #7F74C3;
  transition: all 0.1s linear;
}
.card_product__swiper-button-prev {
  position: absolute;
  left: -22px;
  top: 35%;
  cursor: pointer;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  z-index: 1;
}
.card_product__swiper-button-prev:hover svg {
  fill: #7369B0;
}
.card_product__swiper-button-prev svg {
  fill: #7F74C3;
  transition: all 0.1s linear;
}
.marketplace-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 40px;
}
.marketplace-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 2px solid #FFFFFF;
  border-radius: 40px;
  background: transparent;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.marketplace-btn svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  transition: fill 0.2s ease;
}
.marketplace-btn.favorites:hover,
.marketplace-btn.favorites.active {
  background: #FFFFFF;
  color: #ea6698;
}
.marketplace-btn.cart:hover,
.marketplace-btn.cart.active {
  background: #FFFFFF;
  color: #FFC107;
}
.personal-area-header {
  margin-bottom: 20px;
}
.personal-area-title {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-transform: uppercase;
  color: #F5F5F5;
  margin-bottom: 10px;
}
.personal-area-menu ul {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 0;
  list-style: none;
  margin: 30px 0 0;
}
.personal-area-menu a {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #F5F5F5;
  text-decoration: none;
  padding-bottom: 5px;
  transition: border-bottom 0.2s ease;
}
.personal-area-menu a.active {
  border-bottom: 2px solid #F5F5F5;
}
.mpcard__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
.mpcard__form p {
  margin: 0;
}
.mpcard__form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
  color: #A0A0A0;
}
.mpcard__form input[type="text"],
.mpcard__form input[type="number"],
.mpcard__form input[type="file"],
.mpcard__form textarea,
.mpcard__form select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #E6E8EC;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  transition: border-color 0.2s ease;
  background-color: transparent;
  color: #404447FF;
}
.mpcard__form input[type="text"]::placeholder,
.mpcard__form textarea::placeholder {
  color: #70777d;
}
.mpcard__form input[type="text"]:focus,
.mpcard__form input[type="number"]:focus,
.mpcard__form input[type="file"]:focus,
.mpcard__form textarea:focus,
.mpcard__form select:focus {
  border-color: #3ED7E9;
  outline: none;
}
.mpcard__btn {
  background-color: #3ED7E9;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  padding: 14px 20px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
  align-self: center;
  min-width: 200px;
}
.mpcard__btn:hover {
  background-color: #27d2e6;
  transform: translateY(-2px);
}
.mpcard__info {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #A0A0A0;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .mpcard__wrapper {
    padding: 20px;
    margin: 20px;
  }
  .mpcard__title {
    font-size: 24px;
  }
  .mpcard__btn {
    width: 100%;
    font-size: 16px;
  }
}
a {
  font-family: 'Montserrat', sans-serif;
}
.main_lk-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100vh;
  max-height: 100%;
}
.menu_nav-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 280px;
  height: inherit;
  background-color: #302478;
  padding-top: 28px;
  padding-bottom: 32px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0 24px 24px 0;
}
.menu_nav-wrapper::after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' color='%23ffffff' fill='none'%3E%3Cpath d='M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  position: absolute;
  width: 36px;
  height: 36px;
  right: -18px;
  border-radius: 50px;
  background-image: linear-gradient(to right, #3b39688c, #2f266683, #3b39688c);
  backdrop-filter: blur(4px);
  cursor: pointer;
}
.menu_nav-wrapper.collapsed {
  width: 80px !important;
}
.menu_nav-wrapper.collapsed .menu_nav-logo-a img {
  width: 72px;
  height: 72px;
}
.menu_nav-wrapper.collapsed .menu_nav-logo__descr {
  display: none;
}
.menu_nav-wrapper.collapsed .menu_nav-href {
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  max-width: 70px;
}
.menu_nav-wrapper.collapsed .menu_nav-href p {
  display: none;
}
.menu_nav-wrapper.collapsed .menu_nav-account .menu_nav-account-btn {
  justify-content: center;
}
.menu_nav-wrapper.collapsed .menu_nav-account .menu_nav-account_descr {
  display: none;
}
.menu_nav-wrapper.collapsed::after {
  transform: rotate(180deg);
}
.menu_nav-header {
  max-width: 260px;
  width: inherit;
}
.menu_nav-logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.menu_nav-logo .menu_nav-logo__descr {
  color: #FFFFFF;
}
.menu_nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 130px;
}
.menu_nav .menu_nav-href {
  display: flex;
  flex-direction: row;
  padding: 8px 24px;
  width: 100%;
  min-height: 48px;
  border-radius: 12px;
  background-color: #372A81;
  text-decoration: none;
  font-size: 24px;
  font-weight: 300;
  transition: all 1s ease;
}
.menu_nav .menu_nav-href .menu_nav-name {
  margin-left: 12px;
  color: #FFFFFF;
}
.menu_nav .menu_nav-href.selecte {
  background-color: none;
  background-image: linear-gradient(to right, #91636B, #806d8d, #494EA4, #624FA9, #7347A2);
  border: 2px solid #5a4d8f;
}
.menu_nav .menu_nav-href.selecte:hover {
  background-image: linear-gradient(to right, #91636B, #494EA4, #7347A2);
}
.menu_nav .menu_nav-href svg {
  margin-top: 1px;
}
.menu_nav .menu_nav-href:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.menu_nav-account {
  width: 100%;
}
.menu_nav-account .menu_nav-account-btn {
  display: flex;
  flex-direction: row;
  width: 100%;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
}
.menu_nav-account .menu_nav-account-btn .menu_nav-account_descr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 8px;
}
.menu_nav-account .menu_nav-account-btn .menu_nav-account_descr .menu_nav-account_user-name {
  font-size: 16px;
  font-size: 300;
  color: #FFFFFF;
}
.menu_nav-account .menu_nav-account-btn .menu_nav-account_descr .menu_nav-account_user-email {
  font-size: 12px;
  font-size: 300;
  color: #B6ADE4;
}
.menu_nav-account_image {
  min-width: 34px;
  min-height: 34px;
  max-width: 34px;
  max-height: 34px;
  border-radius: 50px;
  background-color: #FFFFFF;
}
/* Начало мобильного меню */
.menu_nav-mobile-wrapper {
  position: fixed;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 16px);
  height: auto;
  z-index: 999;
  right: 8px;
  bottom: 8px;
  border-radius: 32px 32px 38px 38px;
  background-color: rgba(197, 197, 197, 0.082);
  background-image: linear-gradient(230deg, rgba(255, 255, 255, 0.18) 2%, rgba(27, 27, 27, 0.001) 55%, rgba(255, 255, 255, 0.18) 96%);
  backdrop-filter: blur(50px);
}
.menu_nav-mobile-wrapper .menu_nav-mobile_lessons-movement {
  display: flex;
  justify-content: center;
  margin-top: 6px;
}
.menu_nav-mobile-wrapper .menu_nav-mobile_lessons-movement:nth-child(2) {
  margin-left: 34px;
}
.menu_nav-mobile-wrapper .menu_nav-mobile_lessons-movement:nth-child(3) {
  margin-left: 20px;
}
.menu_nav-mobile-wrapper .menu_nav-mobile_lessons-movement .menu_nav-mobile_lessons-movement_btn {
  padding: 2px 12px;
  border-radius: 12px;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
}
.menu_nav-mobile-wrapper .menu_nav-mobile_lessons-movement .menu_nav-mobile_lessons-movement_btn p {
  font-size: 16px;
  font-weight: 500;
  line-height: 31px;
  color: #FFFFFF;
}
.menu_nav-mobile-wrapper .menu_nav-mobile_lessons-movement .menu_nav-mobile_lessons-movement_btn.selected p {
  color: #4785EF;
}
.menu_nav-mobile-wrapper .menu_nav-mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 70px;
  padding: 0 42px;
  border-radius: 50px;
  border: 0;
  background-color: rgba(94, 94, 94, 0.01);
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.01) 2%, rgba(187, 187, 187, 0.13) 55%, rgba(126, 126, 126, 0.19) 96%);
}
.menu_nav-mobile-wrapper .menu_nav-mobile .menu_nav-mobile-href {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 80px;
  padding: 4px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 300;
  color: #FFFFFF;
  text-decoration: none;
}
.menu_nav-mobile-wrapper .menu_nav-mobile .menu_nav-mobile-href.selecte {
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(118deg, #e4b261 0%, #7887cd 26%, #494fb3 50%, #6f56cb 74%, #7347a2 100%);
}
.slide-menu {
  display: none;
  width: 100%;
  transition: all 0.3s ease;
  margin: 6px 0;
  border: 0;
  background-color: none;
  color: #FFFFFF;
}
.slide-menu.show {
  display: block;
}
.slide-menu p {
  font-size: 16px;
  font-weight: 300;
}
.slide-menu .slide-menu-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 8px;
}
.slide-menu .slide-menu-content-wrapper .menu-option {
  width: 100%;
  height: 46px;
  border-radius: 12px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.05);
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 31px;
  color: #FFFFFF;
}
.slide-menu .slide-menu-content-wrapper .menu-option.selecte {
  background-color: rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.01) 2%, rgba(187, 187, 187, 0.13) 55%, rgba(126, 126, 126, 0.19) 96%);
}
/* Конец мобильного меню */
/* Главная личного кабинет */
.main_lk_page-wrapper {
  display: flex;
  width: 100%;
  max-width: 100%;
  height: 100%;
  flex-direction: column;
  padding: 60px 50px 30px 30px;
  color: #FFFFFF;
}
.main_lk_page-wrapper h2 {
  width: fit-content;
  font-size: 24px;
  font-weight: 500;
}
.main_lk_page-wrapper .main_lk_card-wrapper-colored {
  border-radius: 32px;
  background-color: rgba(255, 255, 255, 0.1);
}
.main_lk_page-wrapper .first_block-image {
  position: relative;
}
.main_lk_page-wrapper .first_block-image::after {
  content: "";
  position: absolute;
  top: -45px;
  right: 60px;
  width: 460px;
  height: 370px;
  background-image: url(/static/image/new_design/tree.png);
  background-size: contain;
  /* Масштабируем изображение */
  background-repeat: no-repeat;
  /* Не повторяем изображение */
}
.main_lk_page-wrapper .main_lk_card-wrapper {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 324px;
  max-width: 100%;
  overflow-x: hidden;
  padding: 32px 32px 32px 32px;
  border-radius: 32px;
  background-color: #150e3c41;
  background-image: linear-gradient(242deg, rgba(255, 255, 255, 0.18) 9%, rgba(27, 27, 27, 0.01) 44%, rgba(255, 255, 255, 0.18) 94%);
  backdrop-filter: blur(24px);
}
.main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card-text.main_lk_card-text-courses-yes {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card-text .main_lk_card_first_descr-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 650px;
  gap: 12px;
  margin-top: 24px;
  margin-left: 12px;
}
.main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card-text .main_lk_card_first_descr-wrapper p {
  font-size: 20px;
  font-weight: 300;
}
.main_lk_page-wrapper .main_lk_card-wrapper.deactivate-display {
  display: none;
}
.main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card_first_gallerey-movement {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card_first_gallerey-movement .main_lk_card_first_gallerey-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(230deg, rgba(255, 255, 255, 0.18) 2%, rgba(206, 206, 206, 0.15) 55%, rgba(255, 255, 255, 0.18) 96%);
  cursor: pointer;
}
.main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card_first_gallerey-movement .main_lk_card_first_gallerey-btn.right {
  padding-left: 1px;
}
.main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card_first_gallerey-movement .main_lk_card_first_gallerey-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.main_lk_card-courses_cards_block {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  /* Включаем горизонтальную прокрутку */
  white-space: nowrap;
  flex-grow: 1;
  margin-left: 22px;
  margin-top: 16px;
}
.main_lk_card-courses_cards_block::-webkit-scrollbar {
  display: none;
}
.main_lk_card-courses_cards_block .main_lk_card-courses_card {
  position: relative;
  flex: 0 0 auto;
  min-width: 290px;
  max-width: 290px;
  height: 200px;
  min-height: 200px;
  padding: 12px 16px 16px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  background-color: rgba(255, 255, 255, 0.01);
  background-image: linear-gradient(66deg, rgba(255, 255, 255, 0.18) 0%, rgba(68, 68, 68, 0.18) 46%, rgba(255, 255, 255, 0.18) 100%);
  backdrop-filter: blur(4px);
}
.main_lk_card-courses_cards_block .main_lk_card-courses_card:hover .main_lk_card-courses_card-btn_to_course {
  cursor: pointer;
}
.main_lk_card-courses_cards_block .main_lk_card-courses_card:hover .main_lk_card-courses_card-btn_to_course svg path {
  stroke: #b44eb1;
}
.main_lk_card-courses_cards_block .main_lk_card-courses_card .main_lk_card-courses_card-title {
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
}
.main_lk_card-courses_cards_block .main_lk_card-courses_card .main_lk_card-courses_card-progress {
  margin-top: 6px;
  color: #FFFFFF;
}
.main_lk_card-courses_cards_block .main_lk_card-courses_card .main_lk_card-courses_card-btn_to_course {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 64px;
  height: 64px;
  background-color: #FFFFFF;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.main_lk_card-courses_cards_block .main_lk_card-courses_card .main_lk_card-courses_card-btn_to_course svg path {
  stroke: #4785EF;
}
.main_lk_card_cta-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  gap: 16px;
  border: 0;
  border-radius: 50px;
  padding: 4px 4px 4px 24px;
  background-image: linear-gradient(90deg, #3d79df 0%, #5d65fe 48%, #0f44f0 100%);
}
.main_lk_card_cta-button .main_lk_card_cta-button-text {
  font-size: 24px;
  font-family: 200;
  color: #000000;
}
.main_lk_card_cta-button .main_lk_card_cta-button-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50px;
  background-color: #313131;
}
.main_lk_card_cta-button:hover {
  background-image: linear-gradient(90deg, #3d83df 0%, #d63e10 23, #0f4ef0 76%);
}
.main_lk_card_cta-button:hover .main_lk_card_cta-button-icon-container {
  background-color: #A98AE9;
}
.main_lk_card_cta-button:hover .main_lk_card_cta-button-icon-container svg path {
  stroke: #313131;
}
.main_lk_page_secondlvl-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-grow: 1;
  margin-top: 40px;
}
.main_lk_page_secondlvl-wrapper .main_lk_page_secondlvl-time_block-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.main_lk_page_secondlvl-wrapper .main_lk_page_secondlvl-time_block-wrapper .main_lk_page_secondlvl-time_block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.main_lk_card-wrapper-courses {
  width: 575px;
  height: 100% !important;
  background-color: unset;
  background-image: unset;
  background-image: linear-gradient(230deg, rgba(255, 255, 255, 0.18) 2%, rgba(27, 27, 27, 0.001) 55%, rgba(255, 255, 255, 0.18) 96%);
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
  padding-left: 12px;
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card .main_lk_card-courses-progress-card-title {
  font-size: 20px;
  font-weight: 500;
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card .main_lk_card-courses-progress-card-progress-bar {
  width: 100%;
  height: 18px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(180deg, #e4e4e4 0%, #959595 78%, #a0a0a0 100%);
  overflow: hidden;
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card .main_lk_card-courses-progress-card-progress-bar .main_lk_card-courses-progress-card-progress {
  height: 100%;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0);
  transition: width 0.3s ease;
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card .main_lk_card-courses-progress-card-progress-bar .main_lk_card-courses-progress-card-progress.python {
  background-image: linear-gradient(90deg, #729ef4 0%, #2459bf 100%);
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card .main_lk_card-courses-progress-card-progress-bar .main_lk_card-courses-progress-card-progress.Csharp {
  background-image: linear-gradient(90deg, #f3824e 0%, #e06512 100%);
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card .main_lk_card-courses-progress-card-stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main_lk_card-wrapper-courses .main_lk_card-courses-progress-card .main_lk_card-courses-progress-card-stats p {
  font-size: 12;
  font-weight: 300;
}
.main_lk_card-courses-progress-cards-slider {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 24px;
  max-height: 412px;
  overflow-y: scroll;
  scrollbar-width: 14px;
  scrollbar-arrow-color: rgba(255, 255, 255, 0);
  scrollbar-color: #7ba2f075 transparent;
}
.main_lk_card-courses-progress-cards-slider::-webkit-scrollbar {
  width: 12px;
  background: transparent;
}
.main_lk_card-courses-progress-cards-slider::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 255, 0.5);
  border-radius: 50px;
}
.main_lk_card-courses-progress-cards-slider::-webkit-scrollbar-thumb:hover {
  background: #558af1;
}
.main_lk_card-courses-progress-cards-slider::-webkit-scrollbar-button {
  display: none;
}
.main_lk_card-courses-progress-cards-slider::-moz-scrollbar-button {
  display: none;
}
.main_lk_card-courses-progress-cards-slider:hover {
  scrollbar-color: #558af1 transparent;
}
.main_lk_card-courses-start_btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 32px 0;
}
.main_lk_card-courses-start_btn {
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  cursor: pointer;
}
.main_lk_card-courses-start_btn p {
  font-size: 24px;
  font-weight: 300;
  color: #BFBFBF;
}
.main_lk_card-courses-start_btn:hover svg path {
  stroke: #FFFFFF;
}
.main_lk_card-courses-start_btn:hover p {
  color: #FFFFFF;
}
/* Тут градиенты для кнопок у карточек курсов */
.python-gradient-cta {
  background-image: linear-gradient(90deg, #3d79df 0%, #5d65fe 48%, #0f44f0 100%);
}
.python-gradient-cta svg path {
  stroke: #4785EF;
}
.Csharp-gradient-cta {
  background-image: linear-gradient(90deg, #f3824e 0%, #e06512 100%);
}
.Csharp-gradient-cta svg path {
  stroke: #FA8636;
}
/* Закончились градиенты для кнопок у карточек курсов */
.main_lk_new_courses-body {
  display: flex;
  width: 100%;
  max-width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
  padding: 24px 10px 0 30px;
}
.main_lk_new_courses-breadcrumbs {
  color: #f5f5f591;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  list-style-type: none;
  display: flex;
}
.main_lk_new_courses-breadcrumbs a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: #f5f5f591;
}
.main_lk_new_courses-breadcrumbs a:hover {
  color: #f5f5f5c4;
}
.main_lk_new_courses-breadcrumbs .current {
  color: #FFFFFF;
}
.main_lk_new_courses-breadcrumbs .current:hover {
  color: #4785EF;
}
.main_lk-btn_back {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 80px;
  height: 24px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
}
.main_lk-btn_back:hover {
  border-radius: 50px;
  background-color: #4785EF;
}
.main_lk_new_courses-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
  max-height: 100%;
  padding-right: 40px;
  padding-bottom: 30px;
  overflow: hidden;
  color: #FFFFFF;
  scrollbar-width: 8px;
  scrollbar-arrow-color: rgba(255, 255, 255, 0);
  scrollbar-color: #7ba2f075 transparent;
}
.main_lk_new_courses-wrapper::-webkit-scrollbar-track {
  border-radius: 50px;
}
.main_lk_new_courses-wrapper::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.main_lk_new_courses-wrapper:hover {
  scrollbar-color: #558af1 transparent;
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  min-width: 400px;
  height: auto;
  flex: 1;
  padding: 32px;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  background-color: rgba(255, 255, 255, 0.01);
  background-image: linear-gradient(66deg, rgba(255, 255, 255, 0.18) 0%, rgba(68, 68, 68, 0.18) 46%, rgba(255, 255, 255, 0.18) 100%);
  backdrop-filter: blur(4px);
  font-size: 16px;
  /* Тут градиенты для задних фонов у карточек курсов */
  /* Закончились градиенты для задних фонов у карточек курсов */
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper.python-gradient-background {
  background-image: linear-gradient(66deg, rgba(255, 255, 255, 0.18) 0%, rgba(111, 162, 255, 0.072) 46%, rgba(255, 255, 255, 0.18) 100%);
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper.Csharp-gradient-background {
  background-image: linear-gradient(66deg, rgba(255, 255, 255, 0.18) 0%, rgba(248, 202, 117, 0.072) 46%, rgba(255, 255, 255, 0.18) 100%);
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-descr {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 715px;
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-descr h3 {
  font-size: 32px;
  font-weight: 700;
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-descr h3.python {
  color: #4785EF;
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-descr h3.Csharp {
  color: #FA8636;
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-descr p {
  line-height: 190%;
}
.main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-movement_stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.main_lk_new_course-wrapped_card {
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin-bottom: 30px;
  margin-right: 40px;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  background-color: rgba(255, 255, 255, 0.05);
  background-image: linear-gradient(34deg, rgba(255, 255, 255, 0.18) 9%, rgba(114, 137, 252, 0.12) 50%, rgba(255, 255, 255, 0.18) 94%);
  color: #FFFFFF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  height: fit-content;
  margin: 2px;
  padding: 24px;
  overflow: hidden;
  gap: 12px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.21);
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(16px);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .background-shapes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .shape {
  position: absolute;
  background-color: rgba(0, 0, 255, 0.04);
  filter: blur(30px);
  border-radius: 20%;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block-descr {
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 5;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block-descr h3 {
  font-size: 32px;
  font-weight: 700;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block-descr h3.python {
  color: #4785EF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block-descr h3.Csharp {
  color: #FA8636;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block-descr p {
  max-width: 850px;
  line-height: 190%;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block_test-movement {
  z-index: 5;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block_test-movement .main_lk_new_course_first-block_test-movement-btn {
  width: fit-content;
  padding: 8px 16px;
  border-radius: 24px;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
  background-image: linear-gradient(90deg, #3d79df 0%, #5d65fe 48%, #0f44f0 100%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block_test-movement .main_lk_new_course_first-block_test-movement-btn:hover {
  color: rgba(255, 255, 255, 0.91);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block .main_lk_new_course_first-block_test-time {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
  max-height: 560px;
  flex-grow: 1;
  overflow-y: scroll;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper::-webkit-scrollbar-track {
  border: 0;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  /* Цвет фона трека */
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
  width: 100%;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view-stats {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view-stats .practice_test-view-stats-state,
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view-stats .practice_test-view-stats-mark {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view-stats .practice_test-view-stats-state span,
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view-stats .practice_test-view-stats-mark span {
  padding: 8px 16px;
  border-radius: 24px;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(34deg, #29e13f 9%, #20d2be 94%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-bottom: 32px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 70%;
  margin: 0 auto;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 90px;
  height: 90px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(2px);
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-header .practice_test-view_test_card-header-question {
  padding-bottom: 4px;
  border-bottom: 1px solid #b44af173;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-header .practice_test-view_test_card-header-mark {
  font-size: 14px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-body {
  display: flex;
  flex-direction: column;
  padding: 12px;
  width: 100%;
  height: fit-content;
  gap: 12px;
  min-height: 90px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(2px);
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-body .practice_test-view_test_card-answers {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 8px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-body .practice_test-view_test_card-answers .practice_test-user-answer.right {
  color: #09C024;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-body .practice_test-view_test_card-answers .practice_test-user-answer.half {
  color: #fc924b;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-body .practice_test-view_test_card-answers .practice_test-user-answer.lose {
  color: #BE2629;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card .practice_test-view_test_card-body .practice_test-view_test_card-answers .practice_test-right-answer {
  color: #09C024;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav .main_lk_new_course-wrapped_second-lvl_nav-btn {
  width: fit-content;
  padding: 8px 16px;
  margin-left: 32px;
  border-radius: 24px;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav .main_lk_new_course-wrapped_second-lvl_nav-btn.selecte {
  background-image: linear-gradient(90deg, #3d79df 0%, #5d65fe 48%, #0f44f0 100%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav .main_lk_new_course-wrapped_second-lvl_nav-btn.selecte:hover {
  color: rgba(255, 255, 255, 0.91);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav .main_lk_new_course-wrapped_second-lvl_nav-btn:hover {
  background-color: rgba(255, 255, 255, 0.07);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1050px;
  max-height: 100%;
  margin: 0 auto;
  padding: 0 32px;
  padding-bottom: 32px;
  height: fit-content;
  gap: 16px;
  flex: 1;
  flex-grow: 1;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_parts-selector {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin: 0 auto;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_parts-selector .main_lk_new_course-wrapped_second-lvl_test_parts-selector-btn {
  padding: 8px 16px;
  border-radius: 24px;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_parts-selector .main_lk_new_course-wrapped_second-lvl_test_parts-selector-btn.selecte {
  background-image: linear-gradient(90deg, #2d5baa 0%, #3c42c2 8%, #123cc5 100%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_parts-selector .main_lk_new_course-wrapped_second-lvl_test_parts-selector-btn.selecte:hover {
  color: rgba(255, 255, 255, 0.91);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_parts-selector .main_lk_new_course-wrapped_second-lvl_test_parts-selector-btn:hover {
  background-color: rgba(255, 255, 255, 0.07);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter {
  padding: 8px 12px;
  border-radius: 12px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.07);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-header .header-title {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-header .header-title h4 {
  margin-top: 2px;
  font-size: 20px;
  font-weight: 600;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-header .header-title .test-error {
  font-size: 12px;
  font-weight: 300;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-header .second_lvl_test-header-flipper {
  width: 44px;
  height: 44px;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 12px;
  padding: 0 24px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body .theme_card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  min-height: 40px;
  gap: 12px;
  border-radius: 999px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.09);
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body .theme_card:hover {
  background-color: rgba(255, 255, 255, 0.13);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body .theme_card .theme_card-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body .theme_card .theme_card-title .theme_card-status-done {
  max-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 0;
  background-image: linear-gradient(34deg, #29e13f 9%, #20d2be 94%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body .theme_card .theme_card-time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone {
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: 100%;
  margin: 0 2px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px 0;
  width: 20%;
  height: 560px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(16px);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .menu_nav-pc_lessons-movement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 6px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .menu_nav-pc_lessons-movement .menu_nav-pc_lessons-movement_btn {
  padding: 2px 12px;
  border-radius: 12px;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .menu_nav-pc_lessons-movement .menu_nav-pc_lessons-movement_btn p {
  font-size: 16px;
  font-weight: 500;
  line-height: 31px;
  color: #FFFFFF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .menu_nav-pc_lessons-movement .menu_nav-pc_lessons-movement_btn.selected p {
  color: #4785EF;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .menu_nav-pc_lessons-movement .menu_nav-pc_lessons-movement_btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .slide-menu-content-wrapper-pc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 8px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .slide-menu-content-wrapper-pc .menu-option-pc {
  width: 100%;
  min-height: 46px;
  border-radius: 12px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.05);
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 31px;
  color: #FFFFFF;
  cursor: pointer;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .slide-menu-content-wrapper-pc .menu-option-pc.selecte {
  background-color: rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.01) 2%, rgba(187, 187, 187, 0.13) 55%, rgba(126, 126, 126, 0.19) 96%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .slide-menu-content-wrapper-pc .menu-option-pc.right {
  background-image: linear-gradient(34deg, rgba(168, 242, 177, 0.568) 9%, rgba(27, 239, 59, 0.568) 94%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .slide-menu-content-wrapper-pc .menu-option-pc.lose {
  background-image: linear-gradient(34deg, rgba(252, 140, 140, 0.568) 9%, rgba(239, 27, 27, 0.568) 94%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper .slide-menu-content-wrapper-pc .menu-option-pc:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 80%;
  margin-bottom: 32px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 196px);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-header h4 {
  font-size: 20px;
  font-weight: 400;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-header p {
  font-size: 14px;
  font-weight: 400;
  line-height: 128%;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator p {
  font-size: 16px;
  font-weight: 400;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .zone {
  width: 100%;
  background-color: #323232;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone {
  width: 100%;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .zone {
  height: 304px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-interpretator {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-interpretator .interpretator {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-error {
  width: 100%;
  padding: 8px;
  margin-top: 4px;
  width: calc(100% - 196px);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.07);
  background-image: linear-gradient(0deg, rgba(248, 56, 56, 0.07) 7%, rgba(216, 53, 53, 0.15) 50%, rgba(245, 54, 54, 0.07) 94%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-error .erro-name {
  font-size: 16px;
  font-weight: 400;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-error .error-text {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 300;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_second_zone {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: calc(100% - 196px);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_second_zone .testzone-menu-test-pretator_second_zone-small {
  width: 45%;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-pretator .testzone-menu-test-pretator_second_zone .testzone-menu-test-pretator_second_zone-small .zone {
  height: 180px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-movement {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 220px;
  margin-top: 18px;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-movement .main_lk_new_course_first-block_test-movement-btn {
  width: fit-content;
  padding: 8px 16px;
  border-radius: 24px;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
  background-image: linear-gradient(34deg, #29e13f 9%, #20d2be 94%);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-movement .main_lk_new_course_first-block_test-movement-btn:hover {
  color: rgba(255, 255, 255, 0.91);
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-movement .custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-movement .custom-checkbox input[type="checkbox"] {
  appearance: none;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(230deg, rgba(255, 255, 255, 0.18) 2%, rgba(27, 27, 27, 0.001) 55%, rgba(255, 255, 255, 0.18) 96%);
  margin-right: 10px;
  position: relative;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-movement .custom-checkbox input[type="checkbox"]:checked {
  background-color: #007bff;
}
.main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-movement .custom-checkbox .checkbox-text {
  font-size: 16px;
  color: #FFFFFF;
}
@media screen and (max-width: 1690px) {
  .news__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .news__wrapper img {
    width: 100%;
  }
  .news__block_1 {
    grid-column: 1;
    grid-row: 1;
  }
  .news__block_2 {
    grid-column: 1;
    grid-row: 2;
  }
  .news__block_3 {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
  .news__block_4 {
    grid-column: 1/-1;
    grid-row: 3;
  }
  .news__wrapper {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    max-width: 1050px;
    margin: 60px auto 0;
  }
  .news__block_1 {
    grid-column: 1;
    grid-row: 1;
  }
  .news__block_2 {
    grid-column: 1;
    grid-row: 2;
  }
  .news__block_3 {
    grid-column: 2;
    grid-row: 1 / span 2;
    justify-self: center;
  }
  .news__block_4 {
    grid-column: 1 / -1;
    grid-row: 3;
  }
  .news__wrapper img {
    width: 100%;
    height: auto;
  }
  .news__block-img-big {
    width: 100% !important;
    height: auto;
    max-width: 100%;
  }
  .help-main {
    width: 1350px;
    height: 790px;
  }
  .help-main__content-left {
    width: 370px;
    height: 550px;
  }
  .help-main__content-left::before {
    height: 518px;
    right: -35px;
  }
  .help-main__content-right {
    width: 745px;
    height: 550px;
  }
  .help-main__content-left-button {
    width: 330px;
  }
  .help-main__content-left-social-wrapper {
    margin-top: 40px;
  }
  .help-main__content-left-social-title {
    font-size: 15px;
  }
  .help-main__content-left-social {
    width: 330px;
  }
  .help-main__content-right-content-wrapper {
    height: 455px;
  }
  .help-main__content-right-content {
    padding: 15px 30px;
    width: 670px;
  }
  .help-main__content-right-form-input {
    width: 530px;
  }
  .help-main__content-right-article {
    width: 670px;
    min-height: 490px;
    padding: 30px 30px 22px 30px;
  }
  .help-main__content-right-article-content {
    width: 620px;
    height: 455px;
  }
  .help-main__content-right-content-topinfo-texthelp {
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .help-main__content-right-formhelp-input {
    width: 610px;
  }
  .help-main__content-right-formhelp-textarea {
    width: 610px;
  }
  .sign__course__python-left-info_course-img {
    display: none;
  }
  .sign__course__python-left-title {
    font-size: 44px;
  }
  .sign__course__python-left-info_course-name {
    font-size: 34px;
  }
  .sign__course__python-left-ul {
    font-size: 30px;
  }
  .sign__course__python-left-ul li {
    padding-right: 25px;
  }
}
@media screen and (max-width: 1399.98px) {
  .header_main-main {
    min-height: 840px;
  }
  .main__left-text {
    font-size: 34px;
    max-width: 400px;
    width: initial;
  }
  .main__left-button-wrapper {
    margin-top: 100px;
  }
  .main--courses {
    margin-top: 60px;
  }
  .itc-slider {
    margin-top: 50px;
  }
  .whom {
    margin-top: 80px;
  }
  .whom__right {
    height: 350px;
  }
  .platform__block-title {
    font-size: 32px;
  }
  .platform__blocks {
    gap: 30px;
  }
  .platform__block {
    min-height: 460px;
    height: initial;
    display: flex;
    flex-direction: column;
  }
  .platform__block img {
    width: 160px;
  }
  .platform__block-text {
    margin-bottom: 20px;
  }
  .platform__block-img_wrapper {
    margin-top: auto;
  }
  .questions {
    padding: 120px 0;
    height: initial;
  }
  .questions__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .questions__block-text {
    width: initial;
  }
  .questions__title {
    font-size: 48px;
    margin: 0;
    padding: 0;
    width: initial;
  }
  .questions__block-form {
    max-width: 450px;
    width: initial;
  }
  .reviews {
    width: initial;
  }
  .profpython__left-title {
    font-size: 42px;
  }
  .profpython__left-li {
    font-size: 23px;
  }
  .profpython__left-button {
    font-size: 20px;
    padding: 20px 25px;
    width: initial;
    height: initial;
  }
  .profpython__right-text {
    font-size: 34px;
  }
  .profpython__wrapper {
    padding: 90px 70px;
  }
  .profpython__right-sale {
    width: 100%;
    height: initial;
  }
  .profpython__right-sale-text {
    font-size: 20px;
    line-height: normal;
    padding: 20px 15px;
  }
  .profpython__right-img img {
    width: 240px;
    height: 240px;
  }
  .profpython__right-text-oldprice {
    margin-right: 20px;
  }
  .whypython_info-title,
  .program__python-info-title {
    font-size: 40px;
  }
  .whypython_info-text {
    font-size: 20px;
  }
  .whypython_block1-title,
  .whypython_block2-title,
  .whypython_block3-title {
    font-size: 34px;
  }
  .whypython_block1-text,
  .whypython_block2-text,
  .whypython_block3-text {
    font-size: 25px;
  }
  .reviews__block {
    height: 390px;
  }
  .whypython_block2-salaries-number {
    font-size: 40px;
  }
  .program__python-info-untitle {
    font-size: 28px;
  }
  .program__python-mianblock-left-block {
    font-size: 16px;
  }
  .program__python-mainblock-left {
    padding: 0 45px;
  }
  .program__python-mainblock-left__wrapper {
    max-width: 450px;
  }
  .program__python-block-right {
    padding: 40px 35px;
    min-height: 376px;
  }
  .program__python-block {
    height: 500px;
  }
  .python__title {
    font-size: 40px;
  }
  .consultation_left-title {
    font-size: 48px;
  }
  .consultation_wrapper-under {
    padding: 70px;
  }
  .consultation_right-form-input {
    height: 57px;
    font-size: 16px;
  }
  .consultation_right-form-button {
    padding: 15px 20px;
  }
  .consultation_left-img img {
    display: none;
  }
  .sign__course__python_wrapper {
    padding: 70px;
  }
  .sign__course__python-left-title {
    font-size: 31px;
  }
  .sign__course__python-left-ul {
    margin-left: 0;
    font-size: 24px;
  }
  .sign__course__python-right-img {
    width: 260px;
    height: 260px;
  }
  .sign__course__python-left-info_course-name {
    font-size: 23px;
  }
  .sign__course__python-left-info_course-img {
    top: 14px;
    right: -29px;
  }
  .sign__course__python-right {
    width: initial;
  }
  .courses_main {
    margin-top: 0;
  }
  .courses_main-title {
    font-size: 55px;
  }
  /* Начало медиа нового дизайна */
  .main_lk_page_secondlvl-time_block h2 {
    font-size: 16px;
  }
  .first_block-image::after {
    top: -45px;
    right: -15px !important;
    width: 370px;
    height: 270px;
  }
  /* Конец медиа нового дизайна */
}
@media screen and (max-width: 1199.98px) {
  .whom__left {
    display: none;
  }
  .whom .whom__right {
    max-width: initial;
    width: 100%;
    background-image: url("../../../static/image/Main_page/header_main/bg-01.png");
    background-size: 40% auto;
    background-repeat: no-repeat;
    background-position: right 30px center;
    height: 350px;
  }
  .whom .whom__right-text {
    max-width: 50%;
  }
  .platform__block {
    width: calc((100% - 30px) / 2);
  }
  .platform__blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .questions {
    padding: 80px 0;
  }
  .questions__wrapper {
    flex-direction: column;
  }
  .questions__block-form {
    max-width: initial;
    margin: 0 auto;
  }
  .questions__block-form-input,
  .questions__block-form-button {
    width: 100%;
  }
  .footer__wrapper-ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .profpython__wrapper {
    flex-direction: column;
    padding: 60px;
  }
  .profpython__right {
    order: -1;
  }
  .profpython__right-sale {
    width: initial;
    min-width: 300px;
  }
  .profpython__left-button {
    display: block;
    margin: 0 auto;
  }
  .whypython_blocks {
    grid-template-columns: 1fr;
  }
  .whypython_block2 {
    grid-column: initial;
    grid-row: initial;
  }
  .whypython_block1 {
    order: 1;
  }
  .whypython_block2 {
    order: 3;
  }
  .whypython_block3 {
    order: 2;
  }
  .reviews__block {
    height: 490px;
  }
  .program__python-wrapper {
    padding: 35px;
  }
  .program__python-block-right-text {
    font-size: 18px;
  }
  .program__python-mainblock-left {
    padding: 0 35px;
  }
  .consultation_wrapper-under {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .consultation_left-title,
  .consultation_left-text {
    max-width: initial;
  }
  .whypython_block1,
  .whypython_block3 {
    max-width: initial;
  }
  .consultation_left-text {
    max-width: 700px;
    margin: 0 auto;
  }
  .sign__course__python-left-title {
    font-size: 38px;
  }
  .sign__course__python-left-info_course-name {
    font-size: 32px;
  }
  .sign__course__python-right-form-input {
    width: 630px;
  }
  .sign__course__python_wrapper {
    flex-direction: column;
    align-items: center;
  }
  .courses_main__courses_blocks-block-info_wrapper-info {
    margin-left: 15px;
  }
  .courses_main__courses_blocks-block {
    padding: 55px 30px 40px 30px;
  }
  .courses_main__courses_blocks-block-info-sale {
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    min-width: 130px;
    top: -42px;
  }
  .courses_main__courses_blocks-block_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  /* Начало медиа нового дизайна */
  .main_lk-wrapper {
    height: auto;
  }
  .main_lk_page-wrapper {
    height: auto;
    padding: 46px 16px 115px 16px;
  }
  .main_lk_page-wrapper .main_lk_card-wrapper {
    height: auto;
  }
  .main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card_first_gallerey-movement {
    display: none;
  }
  .menu_nav-wrapper {
    display: none;
  }
  .menu_nav-mobile-wrapper {
    display: flex;
  }
  .main_lk_card-wrapper-courses {
    width: 100%;
    height: auto;
  }
  .main_lk_card-courses_cards_block {
    height: auto;
    padding-right: 22px;
    flex-wrap: wrap;
  }
  .main_lk_card-courses_cards_block .main_lk_card-courses_card {
    max-width: unset;
    flex: 1;
  }
  .main_lk_card_first_descr-wrapper {
    margin-bottom: 24px;
  }
  .first_block-image::after {
    display: none;
  }
  .main_lk_new_courses-body {
    padding-bottom: 115px;
    padding-right: 30px;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper {
    flex-direction: column;
    align-items: center;
    max-height: unset;
    overflow-y: unset;
    padding: 0 8px;
  }
  .main_lk_new_courses-wrapper {
    padding-right: 0;
    padding-bottom: 20px;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .main_lk_new_course-wrapped_second-lvl-testzone-menu-content-wrapper {
    display: none;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper {
    width: 100%;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-header {
    width: 100%;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-interpretator {
    flex-direction: column;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-interpretator .testzone-menu-test-movement {
    width: 100%;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 12px;
    flex-direction: row;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-error {
    width: 100%;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-pretator_second_zone {
    width: 100%;
  }
  /* Конец медиа нового дизайна */
}
@media screen and (max-width: 991.98px) {
  .main__left-button-wrapper {
    margin-top: 40px;
  }
  .container {
    padding: 0 50px;
  }
  .header_main-main {
    min-height: 650px;
  }
  .whom .whom__right {
    background-position: right 30px bottom 30px;
  }
  .whom .whom__right-title {
    font-size: 20px;
  }
  .whom .whom__right-text {
    font-size: 14px;
  }
  .whom .whom__title {
    font-size: 30px;
  }
  .courses__title {
    font-size: 30px;
  }
  .platform__block {
    min-height: 300px;
  }
  .platform__block img {
    width: 104px;
    height: 114px;
  }
  .news__wrapper {
    grid-template-columns: 1fr;
    max-width: 510px;
  }
  .news__block {
    grid-column: 1;
    grid-row: auto;
  }
  .platform__title {
    font-size: 30px;
  }
  .platform__block-title {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 15px;
  }
  .platform__block-text {
    font-size: 14px;
    margin-top: 0;
  }
  .questions__title {
    font-size: 32px;
    line-height: normal;
  }
  .questions__block-form__wrapper {
    margin-top: 30px;
  }
  .reviews__title {
    font-size: 30px;
  }
  .news__title {
    font-size: 30px;
  }
  .program__python-info {
    padding-left: 0;
  }
  .program__python-block {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: auto;
  }
  .program__python-mainblock-left__wrapper {
    width: 100%;
    max-width: 100%;
    padding-bottom: 10px;
  }
  .program__python-mianblock-left-block:first-child {
    margin-top: 10px;
  }
  .program__python-mainblock-left {
    display: inline-flex;
    padding: 0 0 0 10px;
    margin-top: 30px;
  }
  .program__python-mianblock-left-block {
    flex: 0 0 auto;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    max-width: 200px;
    text-align: center;
    padding: 10px;
    border-radius: 18px;
  }
  .program__python-wrapper,
  .program__python-block-right {
    width: 100%;
    max-width: 100%;
    padding: 0;
    border: none;
  }
  .program__python-block-right-text-wrapper {
    padding: 20px;
  }
  .program__python-block-right {
    min-height: auto;
  }
  .program__accordion {
    display: block;
    margin-top: 25px;
  }
  .profpython__left-title {
    font-size: 30px;
  }
  .profpython__left-li {
    font-size: 20px;
  }
  .profpython__right-text {
    font-size: 27px;
  }
  .profpython__right-img img {
    width: 200px;
    height: auto;
  }
  .profpython__left-ul {
    margin-top: 15px;
  }
  .profpython__wrapper {
    gap: 15px;
  }
  .profpython__wrapper {
    padding: 40px;
  }
  .whypython_info-title,
  .program__python-info-title {
    font-size: 32px;
  }
  .whypython_info-text {
    font-size: 18px;
  }
  .program__python-info-untitle {
    font-size: 22px;
  }
  .program__python-info-text {
    font-size: 17px;
  }
  .whypython_block1-title,
  .whypython_block2-title,
  .whypython_block3-title {
    font-size: 30px;
  }
  .whypython_block1-text,
  .whypython_block2-text,
  .whypython_block3-text {
    font-size: 22px;
  }
  .whypython_block2-salaries-number {
    font-size: 35px;
  }
  .reviews__block {
    height: 340px;
  }
  .consultation_left-title {
    font-size: 34px;
    line-height: normal;
  }
  .consultation_left-text {
    font-size: 20px;
  }
  .sign__course__python-left-title {
    font-size: 34px;
  }
  .sign__course__python-left-info_course-name {
    font-size: 24px;
  }
  .sign__course__python-left-ul {
    font-size: 22px;
  }
  .sign__course__python-right-form-button {
    padding: 15px 20px;
    width: 100%;
    height: initial;
  }
  .sign__course__python-left-info_course-name {
    width: 89%;
  }
  .sign__course__python-left-info_course-img {
    right: -102px;
  }
  .courses_main-title {
    font-size: 45px;
  }
  .courses_main__courses_blocks-title {
    font-size: 28px;
  }
  .courses_main__courses_blocks {
    margin-top: 40px;
  }
  .courses_main__courses_blocks-block-info_wrapper-img {
    width: 67px;
    height: 63px;
  }
  .courses_main__courses_blocks-block-info_wrapper-info-title {
    font-size: 20px;
  }
  /* Начало медиа нового дизайна */
  .main_lk_page_secondlvl-wrapper {
    flex-direction: column-reverse;
  }
  .main_lk_page_secondlvl-wrapper .main_lk_page_secondlvl-time_block-wrapper {
    display: none;
  }
  .main_lk_card-courses-progress-cards-slider {
    max-height: unset;
    overflow-y: unset;
  }
  .main_lk_new_courses-wrapper {
    flex-wrap: wrap;
  }
  .main_lk_new_courses-body {
    padding: 46px 16px 115px 16px;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_first-block {
    flex-wrap: wrap;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper {
    flex-direction: column;
    align-items: center;
    max-height: unset;
    overflow-y: unset;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav {
    flex-direction: row;
    align-items: center;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav .main_lk_new_course-wrapped_second-lvl_nav-btn {
    margin-left: 0;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts {
    margin-top: 32px;
    margin-bottom: 32px;
    padding: 0 2px;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body {
    margin: 16px 0;
    padding: 0 0;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_practice_test-view .practice_test-view_test_cards-wrapper .practice_test-view_test_card {
    width: 99%;
  }
  /* Конец медиа нового дизайна */
}
@media screen and (max-width: 767.98px) {
  .whom .whom__right {
    background-image: none;
    height: 300px;
  }
  .whom .whom__right-text {
    max-width: initial;
  }
  .platform__block {
    width: 70%;
  }
  .footer__wrapper-ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .profpython__right-img img {
    width: 170px;
  }
  .profpython__right-sale-text {
    font-size: 18px;
    line-height: normal;
    padding: 15px 15px;
  }
  .profpython__right-text {
    font-size: 22px;
    line-height: normal;
    margin-top: 15px;
  }
  .profpython__left-title {
    font-size: 27px;
  }
  .profpython__left-li {
    font-size: 18px;
  }
  .profpython__left-ul {
    margin-top: 0;
  }
  .whypython_blocks {
    margin-top: 40px;
  }
  .whypython_block3-img img {
    width: 100%;
    height: auto;
  }
  .whypython_block1-title,
  .whypython_block2-title,
  .whypython_block3-title {
    font-size: 27px;
  }
  .whypython_block1-text,
  .whypython_block2-text,
  .whypython_block3-text {
    font-size: 20px;
  }
  .whypython_block1-sites-hh,
  .whypython_block1-sites-habr,
  .whypython_block1-sites-superjob {
    font-size: 25px;
  }
  .whypython_info-title,
  .program__python-info-title {
    line-height: normal;
  }
  .reviews__block {
    height: 400px;
  }
  .program__accordion {
    padding: 40px;
  }
  .accordion__title {
    max-width: 240px;
    font-size: 17px;
  }
  .program__accordion-item {
    font-size: 14px;
  }
  .program__accordion-list {
    gap: 18px;
  }
  .consultation_wrapper-under,
  .sign__course__python_wrapper {
    padding: 40px;
  }
  .sign__course__python-left-info_course-name {
    width: 77%;
  }
  .sign__course__python-left-info_course-img {
    right: -31px;
  }
  .sign__course__python-right-form-input {
    width: 460px;
  }
  .courses_main-title {
    font-size: 35px;
  }
  .courses_main__courses_blocks-title {
    font-size: 24px;
  }
  .courses_main__courses_blocks {
    margin-top: 15px;
  }
  .courses_main__courses_blocks-block_wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .courses_main__courses_blocks-block {
    width: 80%;
  }
  /* Начало медиа нового дизайна */
  .main_lk_card-wrapper {
    height: auto;
  }
  .main_lk_card-courses_cards_block {
    flex-direction: column;
    height: auto;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav {
    flex-wrap: wrap;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_nav .main_lk_new_course-wrapped_second-lvl_nav-btn {
    margin: 0 auto;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body .theme_card {
    border-radius: 24px;
    padding: 16px 32px;
    flex-wrap: wrap;
    gap: 24px;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl_test_parts .main_lk_new_course-wrapped_second-lvl_test_chapter .main_lk_new_course-wrapped_second-lvl_test_chapter-body .theme_card .theme_card-title {
    flex-wrap: wrap;
  }
  /* Конец медиа нового дизайна */
}
@media screen and (max-width: 575.98px) {
  .courses__block-title {
    font-size: 15px;
  }
  .platform__block {
    width: 100%;
  }
  .courses__block-link {
    font-size: 14px;
  }
  .main__left-text {
    font-size: 27px;
  }
  .main__left-button {
    font-size: 12px;
  }
  .whom .whom__right-title {
    margin-bottom: 7px;
  }
  .main__left-button-arrow {
    width: 45px;
    top: initial;
  }
  .main__left-button-wrapper {
    margin-top: 30px;
    display: flex;
    align-items: center;
  }
  .header_main-main {
    background-image: none;
  }
  .main__left-button {
    background-color: #4785EF;
    border: none;
  }
  .main__left-button i {
    display: none;
  }
  .header_main-main {
    min-height: 550px;
  }
  .courses__title,
  .whom .whom__title,
  .platform__title,
  .reviews__title,
  .news__title {
    font-size: 20px;
    text-align: center;
  }
  .whom .whom__right {
    height: 240px;
  }
  .whom .whom__right-title {
    font-size: 12px;
    line-height: normal;
  }
  .whom .whom__right-text {
    font-size: 11px;
  }
  .questions__title {
    font-size: 16px;
  }
  .questions__block-form-input {
    font-size: 16px;
  }
  .questions__block-form-button {
    font-size: 16px;
  }
  .questions__block-text {
    font-size: 14px;
  }
  .questions {
    padding: 50px 0;
  }
  .reviews__wrapper {
    padding-top: 50px;
  }
  .reviews__blocks {
    padding-bottom: 126px;
  }
  .reviews__block {
    height: 500px;
  }
  .footer__wrapper-ul {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .program__python-block-right-title {
    font-size: 18px;
    padding-left: 20px;
  }
  .program__python-block-right-text {
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
  }
  .program__python-mianblock-left-block {
    font-size: 14px;
    max-width: 180px;
    padding: 8px;
  }
  .profpython__right-img img {
    width: 150px;
  }
  .profpython__right-sale-text {
    font-size: 15px;
  }
  .profpython__right-text {
    font-size: 18px;
    line-height: normal;
  }
  .profpython__right-text-oldprice {
    font-size: 20px;
    line-height: normal;
    margin-right: 10px;
  }
  .profpython__wrapper {
    text-align: center;
  }
  .profpython__left-title {
    font-size: 23px;
    line-height: normal;
    margin-bottom: 15px;
  }
  .profpython__left-li {
    font-size: 15px;
    margin: 0;
    padding-bottom: 15px;
    line-height: 20px;
  }
  .profpython__left-ul {
    padding: 0;
    list-style-type: none;
  }
  .profpython__left-button {
    font-size: 17px;
  }
  .whypython_info-title,
  .program__python-info-title {
    font-size: 20px;
    text-align: center;
  }
  .whypython_info-text {
    font-size: 13px;
    text-align: center;
  }
  .whypython_block-wrapper {
    padding: 25px;
  }
  .whypython_block1-title,
  .whypython_block2-title,
  .whypython_block3-title {
    font-size: 22px;
    text-align: center;
  }
  .whypython_block1-text,
  .whypython_block2-text,
  .whypython_block3-text {
    font-size: 14px;
    line-height: 20px;
  }
  .whypython_block1-text p span {
    font-size: 14px;
  }
  .whypython_block1-text,
  .whypython_block2-text,
  .whypython_block3-text {
    margin: 0;
  }
  .whypython_block3-img img {
    width: 70%;
  }
  .whypython_block2-salaries-title {
    font-size: 18px;
    line-height: 23px;
  }
  .whypython_block2-salaries-number {
    font-size: 24px;
    line-height: normal;
  }
  .main {
    margin-top: 60px;
  }
  .profpython {
    margin: 0;
  }
  .whypython {
    margin-top: 60px;
  }
  .whypython_block2-salaries-title {
    margin-top: 30px;
  }
  .program__python-info-untitle {
    font-size: 16px;
    text-align: center;
  }
  .program__python-info-text {
    font-size: 14px;
    text-align: center;
  }
  .program__accordion {
    padding: 30px;
  }
  .accordion {
    padding: 20px;
    text-align: left;
    padding-right: 70px;
    border-radius: 30px;
  }
  .accordion__control {
    min-height: 35px;
  }
  .accordion__icon {
    right: 20px;
    top: 31px;
  }
  .open .accordion__content {
    padding: 20px 0;
  }
  .accordion__title {
    font-size: 14px;
    text-align: left !important;
    max-width: initial;
  }
  .program__accordion-item {
    font-size: 13px;
  }
  .program__accordion-list {
    padding-left: 30px;
  }
  .platform {
    margin-top: 60px;
  }
  .consultation_left-title {
    margin-bottom: 15px;
    font-size: 19px;
  }
  .consultation_left-text {
    font-size: 13px;
    line-height: 20px;
  }
  .consultation_right-form-button {
    font-size: 16px;
  }
  .consultation_right-text {
    font-size: 13px;
  }
  .sign__course__python-left-title {
    font-size: 19px;
  }
  .sign__course__python-left-info_course-name {
    font-size: 12px;
    padding: 10px;
    margin-top: 10px;
  }
  .sign__course__python-left-ul {
    font-size: 16px;
    line-height: 20px;
  }
  .sign__course__python-left-ul {
    margin-top: 15px;
  }
  .sign__course__python-right-form-button {
    font-size: 16px;
  }
  .courses_main__courses_blocks-block {
    width: 100%;
  }
  .courses_main__courses_blocks-block-button-a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .sign__course__python-left-info_course-img {
    right: -29px;
    top: 3px;
    width: 72px;
  }
  .sign__course__python-right-title {
    font-size: 30px;
  }
  .sign__course__python-right-form-input {
    width: 360px;
  }
  .courses_main-title {
    font-size: 28px;
  }
  .courses_main__courses_blocks-title {
    font-size: 20px;
  }
  .courses_main__courses_blocks-block-study-ul {
    font-size: 12px;
  }
}
@media screen and (max-width: 484.98px) {
  .reviews__block {
    height: 560px;
  }
}
@media screen and (max-width: 449.98px) {
  .container {
    padding: 0 20px;
  }
  .main__left-text {
    font-size: 21px;
  }
  .header__logo-a img {
    width: 170px;
  }
  .header_main-main {
    min-height: 430px;
  }
  .courses .swiper-button-prev,
  .courses .swiper-button-next {
    width: 45px;
    height: 38px;
  }
  .reviews__block {
    height: 430px;
  }
  .reviews__block-img {
    display: none;
  }
  .reviews__block-autor-name {
    margin-bottom: 35px;
  }
  .platform__block {
    box-shadow: none;
  }
  .profpython__right-sale {
    min-width: initial;
    width: 100%;
  }
  .profpython__left-li {
    font-size: 12px;
  }
  .profpython__left-title {
    font-size: 18px;
  }
  .profpython__left-button {
    font-size: 11px;
  }
  .whypython_block1-sites-hh,
  .whypython_block1-sites-habr {
    margin-right: 10px;
  }
  .whypython_block-wrapper {
    padding: 15px;
  }
  .whypython_block1-title,
  .whypython_block2-title,
  .whypython_block3-title {
    font-size: 20px;
  }
  .whypython_block1-text,
  .whypython_block2-text,
  .whypython_block3-text {
    font-size: 12px;
  }
  .whypython_block2-salaries-title {
    font-size: 15px;
    width: initial;
  }
  .whypython_block1,
  .whypython_block2,
  .whypython_block3 {
    border-radius: 20px;
  }
  .accordion__title {
    font-size: 12px;
  }
  .accordion {
    padding-right: 48px;
  }
  .program__accordion-item {
    font-size: 11px;
  }
  .consultation_wrapper-under,
  .sign__course__python_wrapper {
    padding: 30px;
  }
  .consultation_wrapper,
  .sign__course__python_wrapper,
  .program__accordion {
    border-radius: 45px;
  }
  .sign__course__python-left-info_course-img {
    right: -21px;
    top: 0;
    width: 55px;
  }
  .sign__course__python-right-title {
    font-size: 35px;
  }
  .sign__course__python-right-form-input {
    width: 364px;
  }
  .sign__c .sign__course__python-left-title {
    line-height: 27px;
  }
  .sign__course__python-left-info_course-name {
    font-size: 15px;
    line-height: 23px;
  }
  .sign__course__python-right-form-button {
    font-size: 13px;
  }
  .questions__block-text,
  .questions__block-text span a {
    font-size: 11px;
  }
  .reviews__block-text {
    font-size: 13px;
  }
  .footer__blocks-title {
    font-size: 20px;
  }
  .footer__blocks-ul li a {
    font-size: 12px;
  }
  .footer__rights {
    font-size: 12px;
  }
  .footer__block-logo-tel a,
  .footer__block-logo-email a {
    font-size: 18px;
  }
  /* Начало медиа нового дизайна */
  .main_lk_page-wrapper .main_lk_card-wrapper {
    padding: 32px 24px;
  }
  .main_lk_page-wrapper .main_lk_card-wrapper .main_lk_card-text .main_lk_card_first_descr-wrapper {
    margin-left: 0;
  }
  .main_lk_card-courses_cards_block {
    margin: 0;
    margin-top: 24px;
    padding: 0;
  }
  .main_lk_card-courses_cards_block .main_lk_card-courses_card {
    min-width: auto;
  }
  .main_lk_card-courses-progress-cards-slider {
    padding-right: 0;
    margin-top: 32px;
    gap: 28px;
  }
  .main_lk_card-courses-progress-cards-slider .main_lk_card-courses-progress-card {
    padding-left: 0;
    margin-top: 0;
  }
  .main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper {
    min-width: 280px;
  }
  .main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-descr h3 {
    font-size: 24px;
  }
  .main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-descr p {
    line-height: 160%;
  }
  .main_lk_new_courses-wrapper .main_lk_new_courses__card-wrapper .main_lk_new_courses__card-movement_stats {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-pretator .testzone-menu-test-pretator_main_zone .testzone-menu-test-pretator_main_zone-interpretator .testzone-menu-test-movement {
    flex-wrap: wrap;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-pretator_second_zone {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
  }
  .main_lk_new_course-wrapped_card .main_lk_new_course-wrapped_second-lvl-wrapper .main_lk_new_course-wrapped_second-lvl-testzone .testzone-menu-test-wrapper .testzone-menu-test-pretator_second_zone .testzone-menu-test-pretator_second_zone-small {
    width: 100%;
  }
  /* Конец медиа нового дизайна */
}
@media screen and (max-width: 350.98px) {
  .reviews__block {
    height: 460px;
  }
}
@media screen and (max-width: 330.98px) {
  .reviews__block {
    height: 520px;
  }
}
@media screen and (max-width: 1700px) {
  .mpcatalog__main-left-block {
    width: 390px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 390px;
  }
  .mpcatalog__main-right-char-author-input {
    width: 100%;
  }
  .mpcatalog__main-right-buttons__wrapper {
    display: block;
  }
  .mpcatalog__main-right-button-clear,
  .mpcatalog__main-right-button-apply {
    margin-top: 10px;
    width: 100%;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    width: 710px;
    height: 620px;
  }
  .ck-editor-container {
    width: 99%;
  }
}
@media screen and (max-width: 1600px) {
  .mpcatalog__main-left-block {
    width: 360px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 360px;
  }
  .mplk__blocks {
    margin-top: 30px;
  }
  .search__nav-name {
    margin-top: 50px;
  }
  .card_product__content-buttom_info-right-block-content-img .mini_catalog__block-a {
    width: 100%;
  }
  .card_product__content-buttom_info-right-block-content-img .mini_catalog__block-a img {
    width: 100%;
    height: 160px;
  }
  .mpcard__top {
    width: 100%;
  }
}
@media screen and (max-width: 1560px) {
  .mpcatalog__main-left-main {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 386.66px;
  }
  .mpcatalog__main {
    justify-content: center;
  }
  .mpcatalog__main-left-block {
    width: 100%;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    width: 660px;
    height: 570px;
  }
}
@media screen and (max-width: 1480px) {
  .mpcatalog__main-right {
    display: none;
  }
  .mpcatalog__header-form-button {
    display: flex;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    width: 600px;
    height: 510px;
  }
  .card_product__content-buttom_info {
    display: block;
  }
  .card_product__content-buttom_info-left {
    width: 100%;
  }
  .card_product__content-buttom_info-right {
    margin-left: 0;
  }
  .orders__table-tr-th th {
    font-size: 22px;
  }
  .orders__table-tr-td td {
    font-size: 20px;
  }
}
@media screen and (max-width: 1400px) {
  .header__wrapper {
    padding: 0 100px;
  }
  .addproduct__block-title {
    font-size: 28px;
  }
  .addproduct__block-label {
    font-size: 20px;
  }
  .addproduct__block__wrapper {
    display: block;
  }
  .addproduct__block {
    width: 100%;
    margin-left: 0;
    margin-top: 80px;
  }
  .addproduct__block-inpbut__wrapper {
    display: grid;
  }
  .loadgame__form-input {
    width: 100%;
  }
  .card_product__content-main-right-buttonpay {
    display: block;
  }
  .card_product__content-main-right-buttonpay-cart {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  .mpcard {
    display: block;
  }
  .mpcard__left,
  .mpcard__right {
    width: 100%;
  }
  .mpcard__right-form {
    display: block;
  }
  .mpcard__right-button-a__wrapper {
    margin-top: 25px;
  }
  .mpcard__right-button {
    margin-bottom: 0;
    margin-right: 20px;
    width: 100%;
  }
  .mpcard__right-block {
    padding: 20px 0;
  }
}
@media screen and (max-width: 1280px) {
  .mpcatalog__main-left {
    grid-template-columns: repeat(3, 0fr);
  }
  .mpcatalog__main-left-block {
    width: 350px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 350px;
  }
  .mpcatalog {
    margin-top: 70px;
  }
  .mpcatalog__header-form {
    margin-top: 30px;
  }
  .media_1280px_more {
    display: none;
  }
  .media_1280px_less {
    display: block;
  }
  .card_product__content-main-right-top {
    display: block;
  }
  .card_product__content-main-right-top-right {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1180px) {
  .mpcatalog__main-left-block {
    width: 330px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 330px;
    height: 240px;
  }
}
@media screen and (max-width: 1120px) {
  .mpcatalog__main-left-main {
    gap: 30px;
  }
  .mpcatalog__main-left-block {
    width: 310px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 310px;
    height: 230px;
  }
  .header__right-button {
    font-size: 20px;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    width: 530px;
    height: 440px;
  }
  .card_product__content-main-right {
    margin-left: 25px;
  }
  .card_product__content-main-right-info {
    margin-top: 25px;
  }
  .card_product__content-buttom_info {
    margin-top: 25px;
  }
  .orders__title {
    font-size: 30px;
  }
  .orders__table-tr-th th {
    font-size: 18px;
  }
  .orders__table-tr-td td {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .mpcatalog__main-left-block {
    width: 290px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 290px;
    height: 220px;
  }
  .mpcatalog__main-left-block-content-right-link {
    font-size: 16px;
    padding: 8px 10px;
  }
  .header__right-button {
    padding: 9px 0;
  }
  .header__right-button--noborder {
    padding: 0;
  }
  .card_product__content-main-right-teg {
    font-size: 15px;
  }
}
@media screen and (max-width: 950px) {
  .mpcatalog__main-left-main {
    gap: 20px;
  }
  .mpcatalog__main-left-block {
    width: 270px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 270px;
  }
  .header__right-button {
    font-size: 20px;
  }
  .header__wrapper {
    padding: 0 40px;
  }
  .card_product__content-main {
    display: block;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    width: 100%;
    height: 610px;
  }
  .card_product__content-main-right {
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
  }
  .card_product__content-main-right-buttonpay-cart {
    margin-top: 10px;
  }
  .card_product__content-main-right-teg {
    font-size: 18px;
  }
  .card_product__content-buttom_info-left-header {
    justify-content: space-between;
  }
  .card_product__content-buttom_info-left-link {
    margin-left: 20px;
  }
  .mpcatalog__header-breadlinks-a {
    font-size: 28px;
  }
  .mpcatalog__header-breadlinks-li-arrow {
    margin: 8px 18px 0 18px;
  }
}
@media screen and (max-width: 880px) {
  .mplk__nav-text {
    margin-left: 0;
  }
  .search__nav-ul {
    gap: 15px;
  }
  .mpcatalog__header-form-dropdown-nav__wrapper {
    left: -110px;
  }
  .mpcatalog__main-left-block {
    width: 250px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 250px;
    height: 200px;
  }
  .mpcatalog__main-left-block-content-right-link {
    font-size: 14px;
  }
  .header__right-button--noborder {
    padding: 0;
    border: none;
    margin-right: 15px;
  }
  .header__right-button--noborder img {
    width: 30px;
    height: 30px;
  }
  .header__right-button--noborder:hover {
    background-color: transparent;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    height: 550px;
  }
  .mpcard__wrapper {
    margin-bottom: 50px;
  }
  .mplk__nav-text {
    font-size: 24px;
  }
  .mplk__nav-dropdown__wrapper {
    top: 8px;
  }
  .search__nav-name {
    margin-top: 30px;
  }
  .orders__wrapper {
    margin-top: 40px;
  }
}
@media screen and (max-width: 830px) {
  .mpcatalog {
    margin-top: 40px;
  }
  .mpcatalog__header-title {
    font-size: 46px;
    margin-top: 40px;
  }
  .mpcatalog__main-left {
    grid-template-columns: repeat(2, 0fr);
  }
  .mpcatalog__main-left-block {
    width: 350px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 350px;
    height: 250px;
  }
  .card_product__content-buttom_info-left-header {
    justify-content: left;
    display: block;
  }
  .card_product__content-buttom_info-left-link {
    margin-left: 20px;
  }
  .mpcard__top-title {
    font-size: 40px;
  }
  .orders__title {
    font-size: 26px;
  }
  .orders__table-tr-th th {
    font-size: 16px;
  }
  .orders__table-tr-td td {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .header__right-button {
    font-size: 18px;
  }
  .header__right-button--noborder {
    padding: 0;
    border: none;
    margin-right: 10px;
  }
  .header__right-button--noborder img {
    width: 25px;
    height: 25spx;
  }
  .header__right-button--noborder:hover {
    background-color: transparent;
  }
  .mpcatalog__main {
    margin-top: 30px;
  }
  .mpcatalog__main-left-block {
    width: 295px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 295px;
    height: 220px;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    height: 520px;
  }
  .card_product__content-buttom_info-left-link {
    margin-left: 0;
  }
  .card_product__content-buttom_info-left-link:nth-child(3) {
    margin-top: 20px;
  }
  .mpcard__left-block {
    padding: 30px 0;
  }
  .mpcard__left-block-title,
  .mpcard__left-block-price {
    margin-left: 20px;
    font-size: 24px;
  }
  .mpcard__left-block-img {
    width: 140px;
    height: 120px;
  }
  .mpcard__left-block-img a img {
    width: 140px;
    height: 120px;
  }
  .orders {
    padding: 30px;
  }
  .orders__title {
    font-size: 24px;
  }
  .orders__table-tr-th th {
    font-size: 15px;
  }
  .orders__table-tr-td td {
    font-size: 13px;
  }
}
@media screen and (max-width: 650px) {
  .mpcatalog__main-left-block {
    width: 270px;
  }
  .search__nav-name {
    margin-top: 30px;
    font-size: 34px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 270px;
    height: 200px;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    height: 450px;
  }
  .mpcard__left-block {
    position: relative;
    display: block;
  }
  .mpcard__left-block-icons__wrapper {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .mpcard__left-block-img {
    width: 170px;
    height: 150px;
  }
  .mpcard__left-block-img a img {
    width: 170px;
    height: 150px;
  }
  .mpcard__left-block-title,
  .mpcard__left-block-price {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .mpcatalog__main-left-block {
    width: 245px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 245px;
    height: 190px;
  }
  .card_product__wrapper {
    margin-top: 35px;
  }
  .mpcatalog__header-breadlinks {
    margin-top: 0;
  }
  .mpcard__right-form {
    display: block;
  }
  .mpcard__right-button {
    margin-right: 0;
  }
  .mpcard__right-block-text-left,
  .mpcard__right-block-text-right {
    font-size: 24px;
  }
}
@media screen and (max-width: 530px) {
  .mpcatalog__header-title {
    font-size: 34px;
    margin-top: 30px;
  }
  .mpcatalog__header-form-input__wrapper {
    display: block;
  }
  .mpcatalog__header-form-button {
    margin-top: 15px;
    margin-left: 0;
  }
  .mpcatalog__main-left-block {
    width: 220px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 220px;
    height: 180px;
  }
  .mpcatalog__main-left-block-content-right-link {
    font-size: 12px;
  }
  .mpcatalog__main-left-block-content-left {
    font-size: 16px;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    height: 420px;
  }
  .card_product__content-main-right-price {
    font-size: 36px;
  }
  .card_product__content-main-right-info {
    padding: 20px;
  }
  .card_product__content-main-right-info-table-tbody tr td {
    display: block;
    padding-top: 15px;
  }
  .card_product__content-main-right-info-table-tbody-td {
    padding-top: 15px;
  }
  .addproduct__block {
    margin-top: 40px;
  }
  .mpcatalog__header-breadlinks-li-arrow {
    margin: 8px 12px 0 12px;
  }
  .mpcatalog__header-breadlinks-a {
    font-size: 26px;
  }
  .mpcatalog__header-breadlinks-ul {
    flex-wrap: wrap;
  }
  .mpcard__wrapper {
    padding: 30px;
  }
  .orders__wrapper {
    margin-top: 30px;
  }
  .orders {
    padding: 20px;
  }
  .orders__title {
    font-size: 22px;
  }
  .orders__table-tr-th th {
    font-size: 14px;
  }
  .orders__table-tr-td td {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  .mpcatalog__main-left {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .mpcatalog__main-left-block {
    width: 380px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 380px;
    height: 240px;
  }
  .mpcatalog__main-left-block-content-right-link {
    font-size: 16px;
  }
  .mpcatalog__main-left-block-content-left {
    font-size: 18px;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    height: 350px;
  }
  .card_product__swiper-main {
    height: 75%;
  }
  .card_product__swiper-list {
    height: 25%;
  }
  .mpcatalog__header-form-dropdown-nav__wrapper {
    left: -190px;
  }
  .mpcatalog__header-form-dropdown-nav__wrapper--game {
    left: -90px;
  }
  .card_product {
    margin: 20px 0;
    padding: 25px;
  }
  .card_product__content-main-right-teg {
    font-size: 14px;
  }
  .mpcard__top-title {
    font-size: 30px;
  }
  .mpcard__left-block-img {
    width: 140px;
    height: 120px;
  }
  .mpcard__left-block-img a img {
    width: 140px;
    height: 120px;
  }
  .mpcard__left-block-title,
  .mpcard__left-block-price {
    margin-top: 15px;
    font-size: 20px;
  }
  .mpcard__right-block-text-left,
  .mpcard__right-block-text-right {
    font-size: 20px;
  }
  .mpcard__wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mpcard__right-form {
    margin-top: 20px;
  }
  .orders__table-tr-th th {
    font-size: 12px;
  }
  .orders__table-tr-td td {
    font-size: 10px;
  }
}
@media screen and (max-width: 400px) {
  .mpcatalog__main-left-block {
    width: 300px;
  }
  .mpcatalog__header-title {
    font-size: 30px;
  }
  .mpcatalog__main-left-block-content-img .mini_catalog__block-a img {
    width: 300px;
    height: 210px;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    height: 300px;
  }
  .card_product__content-main-right-buttonpay {
    margin-top: 25px;
  }
  .card_product__content-buttom_info-left-link {
    font-size: 22px;
  }
  .addproduct__block-title {
    font-size: 24px;
  }
  .addproduct__block-label {
    font-size: 16px;
  }
  .addproduct__block-input,
  .addproduct__block-select,
  .loadgame__form-input {
    padding: 20px 35px 20px 20px;
    font-size: 16px;
  }
  .card_product__wrapper {
    margin-top: 20px;
  }
  .card_product__content-main-right-top-left {
    display: block;
  }
  .card_product__content-main-right-teg__wrapper {
    margin: 10px 0 20px 0;
  }
  .mpcard__right-button-a {
    font-size: 16px;
  }
  .mpcard__right-button {
    font-size: 16px;
  }
  .mpcard__top {
    display: block;
    margin-bottom: 20px;
  }
  .mpcard__top-text {
    margin-top: 10px;
  }
  .mpcard__left-block {
    padding: 60px 0 30px 0;
  }
  .mpcard__left-block-icons__wrapper {
    top: 12px;
    left: 0;
  }
  .mpcard__left-block-img {
    width: 100%;
    height: auto;
  }
  .mpcard__left-block-img a img {
    width: 100%;
    height: auto;
  }
  .orders__table-tr-th th {
    font-size: 10px;
  }
  .orders__table-tr-td td {
    font-size: 8px;
  }
}
@media screen and (max-width: 320px) {
  .mpcatalog__header-breadlinks-a {
    font-size: 21px;
  }
  .mpcatalog__header-breadlinks-li-arrow {
    margin: 3px 18px 0 18px;
  }
  .card_product__swiper-block,
  .card_product__content-main-left {
    height: 250px;
  }
  .card_product__content-main-right-teg {
    font-size: 13px;
  }
  .mplk__nav-text {
    font-size: 20px;
  }
  .mplk__nav-dropdown__wrapper {
    top: 6px;
  }
  .search__nav-name {
    font-size: 30px;
  }
  .orders__wrapper {
    margin-top: 20px;
  }
  .orders {
    padding: 15px;
  }
  .orders__table {
    margin-top: 15px;
  }
  .orders__title {
    font-size: 20px;
  }
}