:root {
  --font-family: "Nunito Sans", sans-serif;
  --content-width: 1320px;
  --container-offset: 20px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --White: #fff;
  --Black: #18191E;
  --Purple: #5676C3;
  --Gray: #F0F4FD;
  --Black-30: rgba(24, 25, 30, 0.30);
  --Black-60: rgba(24, 25, 30, 0.60);
  --Pink: #F298D4;
  --Pink-light: #FFEEF9;
  --Blue: #5676C3;
}
@media (max-width: 1024px) {
  :root {
    --container-offset: 17px;
  }
}
@media (max-width: 768px) {
  :root {
    --container-offset: 14px;
  }
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */
/* stylelint-disable */
@font-face {
  font-family: "Nunito Sans";
  font-display: swap;
  src: url("../fonts/NunitoSans.woff2");
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
}
@font-face {
  font-family: "Soyuz Grotesk";
  src: url("../fonts/../fonts/Soyuz_Grotesk_Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

.page {
  height: 100%;
  font-family: var(--font-family, sans-serif);
  -webkit-text-size-adjust: 100%;
  color: var(--Black, #18191E);
  line-height: 1.4;
}

.page__body {
  margin: 0;
  min-width: 360px;
  min-height: 100%;
  font-size: 18px;
  width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.is-hidden {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}

.btn-reset {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

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

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.container {
  margin: 0 auto;
  padding: 0 var(--container-offset);
  max-width: var(--container-width);
  width: 100%;
}
.container--big {
  max-width: 1540px;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.page--ios .dis-scroll {
  position: relative;
}

.site-container {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.margin {
  margin: 120px 0;
}
@media (max-width: 1024px) {
  .margin {
    margin: 90px 0;
  }
}
@media (max-width: 768px) {
  .margin {
    margin: 60px 0;
  }
}
.margin--minTop {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .margin--minTop {
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .margin--minTop {
    margin-top: 14px;
  }
}
.margin--minTop2 {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .margin--minTop2 {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .margin--minTop2 {
    margin-top: 20px;
  }
}
.margin--minBottom {
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .margin--minBottom {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .margin--minBottom {
    margin-bottom: 30px;
  }
}

.h1 {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 80px;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
  max-width: 600px;
}
@media (max-width: 1024px) {
  .h1 {
    font-size: 60px;
  }
}
@media (max-width: 768px) {
  .h1 {
    font-size: 40px;
  }
}

.h2 {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 60px;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
}
@media (max-width: 1024px) {
  .h2 {
    font-size: 46px;
  }
}
@media (max-width: 768px) {
  .h2 {
    font-size: 32px;
  }
}

.h3 {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 50px;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
}
@media (max-width: 1024px) {
  .h3 {
    font-size: 38px;
  }
}
@media (max-width: 768px) {
  .h3 {
    font-size: 26px;
  }
}

.linkDecor {
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  outline: none;
  border: none;
}
@media (max-width: 1024px) {
  .linkDecor {
    padding: 12px 21px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .linkDecor {
    padding: 12px 18px;
    font-size: 14px;
  }
}
.linkDecor:hover {
  background: rgba(86, 118, 195, 0.55);
}

.swiper-prev-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 60px;
  background: var(--Pink, #F298D4);
  width: 50px;
  min-width: 50px;
  height: 50px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.swiper-prev-btn:hover {
  background: rgba(242, 152, 212, 0.65);
}
.swiper-prev-btn svg {
  display: block;
  width: 20px;
  height: auto;
}

.header {
  position: sticky;
  top: 0;
  display: block;
  z-index: 100;
  padding: 20px 0;
  background-color: white;
}
@media (max-width: 1024px) {
  .header {
    padding: 18px 0;
  }
}
@media (max-width: 768px) {
  .header {
    padding: 16px 0;
  }
}
.header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1200px) {
  .header__left {
    gap: 30px;
  }
}
@media (max-width: 1024px) {
  .header__left {
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .header__left {
    gap: 20px;
  }
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 117px;
  height: auto;
}
@media (max-width: 1024px) {
  .header__logo {
    width: 99px;
  }
}
@media (max-width: 768px) {
  .header__logo {
    width: 80px;
  }
}
.header__logo img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .header__nav {
    display: none;
  }
}
.header__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 1200px) {
  .header__nav ul {
    gap: 20px;
  }
}
.header__nav ul li {
  line-height: 1;
}
.header__nav ul li a {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__nav ul li a:hover {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
}
@media (max-width: 1200px) {
  .header__nav ul li a {
    font-size: 14px;
  }
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .header__right {
    gap: 20px;
  }
}
.header__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1200px) {
  .header__wr {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .header__wr {
    gap: 10px;
  }
}
.header__vid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__vid svg {
  display: block;
  width: 20px;
  height: auto;
}
.header__vid svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__vid:hover {
  color: var(--Black, #18191E);
}
.header__vid:hover svg path {
  stroke-opacity: 1;
}
@media (max-width: 550px) {
  .header__vid {
    display: none;
  }
}
.header__vid--mob {
  display: none;
}
@media (max-width: 550px) {
  .header__vid--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-size: 16px;
  }
  .header__vid--mob svg {
    width: 24px;
    height: auto;
  }
}
.header__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  width: 42px;
  min-width: 42px;
  height: 42px;
}
@media (max-width: 1024px) {
  .header__profile {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
}
@media (max-width: 768px) {
  .header__profile {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }
}
.header__profile svg {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.header__profile svg rect, .header__profile svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__profile:hover rect {
  stroke: rgba(24, 25, 30, 0);
  fill: rgba(24, 25, 30, 0.8);
}
.header__profile:hover path {
  fill: white;
}
.header__callBack {
  color: var(--Purple, #5755FE);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  border-radius: 50px;
  border: 2px solid var(--Purple, #5755FE);
  padding: 10px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__callBack:hover {
  background-color: rgba(86, 118, 195, 0.55);
  color: var(--White, #FFF);
  border-color: transparent;
}
.header__callBack svg {
  display: none;
}
@media (max-width: 1024px) {
  .header__callBack {
    font-size: 14px;
    padding: 8.3px 20px;
  }
}
@media (max-width: 768px) {
  .header__callBack {
    padding: 0;
    width: 30px;
    height: 30px;
    border-width: 0;
  }
  .header__callBack span {
    display: none;
  }
  .header__callBack svg {
    display: block;
    width: 100%;
    height: auto;
  }
}
.header__btnMenu {
  display: none;
  width: 26px;
  height: auto;
}
.header__btnMenu img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .header__btnMenu {
    display: block;
  }
}

.headerBurger {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 150;
  background-color: rgba(24, 25, 30, 0.3);
  display: block;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s 0.15s;
  transition: all 0.3s 0.15s;
}
@media (max-width: 1024px) {
  .headerBurger.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
  }
  .headerBurger.active .headerBurger__content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: all 0.3s 0.15s;
    transition: all 0.3s 0.15s;
  }
}
.headerBurger__content {
  width: 400px;
  max-width: 100%;
  background: var(--Gray, #F6F7FB);
  padding: 20px 14px 40px;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 60px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}
@media (max-width: 550px) {
  .headerBurger__content {
    width: 100%;
  }
}
.headerBurger__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.headerBurger__logo {
  display: block;
  width: 93px;
  height: auto;
}
.headerBurger__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.headerBurger__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
}
.headerBurger__close svg {
  display: block;
  width: 100%;
  height: auto;
}
.headerBurger__menu {
  margin-bottom: auto;
}
.headerBurger__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 35px;
}
.headerBurger__menu ul li {
  line-height: 1;
}
.headerBurger__menu ul li a {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
}
.headerBurger__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.headerBurger__lk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
}
.headerBurger__lk svg {
  display: block;
  width: 24px;
  height: auto;
}

.footer {
  background: var(--Black, #18191E);
}
.footer__top {
  padding: 80px 0 40px;
}
@media (max-width: 1024px) {
  .footer__top {
    padding: 55px 0 35px;
  }
}
@media (max-width: 768px) {
  .footer__top {
    padding: 30px 0;
  }
}
.footer__topWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .footer__topWrap {
    gap: 30px;
  }
}
.footer__topColumn {
  width: calc(25% - 30px);
}
@media (max-width: 1024px) {
  .footer__topColumn {
    width: calc(50% - 15px);
  }
}
@media (max-width: 550px) {
  .footer__topColumn {
    width: 100%;
  }
}
.footer__logo {
  display: block;
  width: 144px;
  height: auto;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .footer__logo {
    width: 126px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .footer__logo {
    width: 109px;
    margin-bottom: 20px;
  }
}
.footer__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.footer__topText > *:first-child {
  margin-top: 0 !important;
}
.footer__topText > *:last-child {
  margin-bottom: 0 !important;
}
.footer__topText p {
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin: 10px 0;
}
@media (max-width: 1024px) {
  .footer__topText p {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .footer__topText p {
    font-size: 14px;
  }
}
.footer__topTitle {
  color: var(--White, #FFF);
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .footer__topTitle {
    margin-bottom: 24px;
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  .footer__topTitle {
    margin-bottom: 16px;
    font-size: 18px;
  }
}
.footer__topList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1024px) {
  .footer__topList {
    gap: 14px;
  }
}
@media (max-width: 768px) {
  .footer__topList {
    gap: 12px;
  }
}
.footer__topList li {
  line-height: 1;
}
.footer__topList li a {
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .footer__topList li a {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .footer__topList li a {
    font-size: 14px;
  }
}
.footer__topList li a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.footer__line {
  background: rgba(255, 255, 255, 0.1);
  display: block;
  width: 100%;
  height: 1px;
}
.footer__bottom {
  padding: 40px 0;
}
@media (max-width: 1024px) {
  .footer__bottom {
    padding: 35px 0;
  }
}
@media (max-width: 768px) {
  .footer__bottom {
    padding: 30px 0;
  }
}
.footer__bottomWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .footer__bottomWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
  }
}
.footer__bottomLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  width: 50%;
}
@media (max-width: 1024px) {
  .footer__bottomLinks {
    width: 100%;
  }
}
.footer__bottomLinks a {
  color: rgba(255, 255, 255, 0.3);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .footer__bottomLinks a {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .footer__bottomLinks a {
    font-size: 14px;
  }
}
.footer__bottomLinks a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.footer__bottomDev {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: rgba(255, 255, 255, 0.3);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  gap: 5px;
}
@media (max-width: 1024px) {
  .footer__bottomDev {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .footer__bottomDev {
    font-size: 14px;
  }
}
.footer__bottomDev a {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer__bottomDev a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.footer__bottomSoc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .footer__bottomSoc {
    gap: 17px;
  }
}
@media (max-width: 768px) {
  .footer__bottomSoc {
    gap: 14px;
  }
}
.footer__bottomSoc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .footer__bottomSoc a {
    width: 37px;
    min-width: 37px;
    height: 37px;
  }
}
@media (max-width: 768px) {
  .footer__bottomSoc a {
    width: 34px;
    min-width: 34px;
    height: 34px;
  }
}
.footer__bottomSoc a img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer__bottomSoc a svg {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer__bottomSoc a svg rect, .footer__bottomSoc a svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer__bottomSoc a svg path {
  fill: white;
  fill-opacity: 0.3;
}
.footer__bottomSoc a svg rect {
  stroke: white;
  stroke-opacity: 0.3;
}
.footer__bottomSoc a:hover path {
  fill: #5676C3;
  fill-opacity: 1;
}
.footer__bottomSoc a:hover rect {
  stroke: #5676C3;
  stroke-opacity: 1;
}

.input {
  position: relative;
}
.input input {
  display: block;
  width: 100%;
  padding: 26px 14px 9px;
  border-radius: 10px;
  background: var(--Gray, #F0F4FD);
  border: none;
  outline: none;
  color: var(--Black, #18191E);
  font-size: 14px;
  font-weight: 500;
  line-height: 110%;
}
.input input:active + span, .input input:focus + span {
  top: 9px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: var(--Blue, #5676C3);
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
}
.input span {
  position: absolute;
  left: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.input:hover span, .input.active span {
  top: 9px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: var(--Blue, #5676C3);
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
}

.modalReg {
  width: calc(100% - 28px);
  max-width: 600px;
  border-radius: 30px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 40px 30px;
}
@media (max-width: 550px) {
  .modalReg {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.modalReg__nameWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 550px) {
  .modalReg__nameWr {
    margin-bottom: 20px;
  }
}
.modalReg__name {
  color: var(--Black, #18191E);
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}
@media (max-width: 550px) {
  .modalReg__name {
    font-size: 20px;
  }
}
.modalReg__close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.modalReg__close:hover {
  opacity: 0.7;
}
.modalReg__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 550px) {
  .modalReg__wr {
    gap: 15px;
  }
}
.modalReg__wr > * {
  width: calc(50% - 5px);
}
@media (max-width: 550px) {
  .modalReg__wr > * {
    width: 100%;
  }
}
.modalReg__rr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 550px) {
  .modalReg__rr {
    gap: 15px;
  }
}
.modalReg__rr > * {
  width: calc(50% - 5px);
}
@media (max-width: 550px) {
  .modalReg__rr > * {
    width: 100%;
  }
}
.modalReg__cl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modalReg__reg {
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalReg__reg {
    font-size: 14px;
  }
}
.modalReg__reg:hover {
  opacity: 0.8;
}
.modalReg__auth {
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalReg__auth {
    font-size: 14px;
  }
}
.modalReg__auth:hover {
  opacity: 0.8;
}
.modalReg__text {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 15px;
}
@media (max-width: 550px) {
  .modalReg__text {
    font-size: 12px;
  }
}
.modalReg__or {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin: 30px 0;
}
@media (max-width: 550px) {
  .modalReg__or {
    margin: 20px 0;
  }
}
.modalReg__or div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1px;
  background: rgba(24, 25, 30, 0.3);
}
.modalReg__or span {
  color: var(--Black-30, rgba(24, 25, 30, 0.3));
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 550px) {
  .modalReg__or span {
    font-size: 14px;
  }
}
.modalReg__regBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 550px) {
  .modalReg__regBtns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.modalReg__regBtns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  width: calc(33.3333333333% - 6.6666666667px);
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  padding: 9px 15px;
  border-radius: 10px;
  border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  background: var(--White, #FFF);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalReg__regBtns button {
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
  }
}
.modalReg__regBtns button:hover {
  border-color: var(--Black);
}
.modalReg__regBtns button:hover span {
  color: var(--Black);
}
.modalReg__regBtns button svg {
  display: block;
  width: 22px;
  min-width: 22px;
  height: auto;
}
@media (max-width: 550px) {
  .modalReg__regBtns button svg {
    width: 18px;
    min-width: 18px;
  }
}
.modalReg__regBtns button span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalReg__regBtns button span {
    display: none;
  }
}
.modalReg__td {
  display: none;
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
  margin-bottom: 15px;
}
@media (max-width: 550px) {
  .modalReg__td {
    display: block;
  }
}

.modalAuth {
  width: calc(100% - 28px);
  max-width: 440px;
  border-radius: 30px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 40px 30px;
}
@media (max-width: 550px) {
  .modalAuth {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.modalAuth__nameWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 550px) {
  .modalAuth__nameWr {
    margin-bottom: 20px;
  }
}
.modalAuth__name {
  color: var(--Black, #18191E);
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}
@media (max-width: 550px) {
  .modalAuth__name {
    font-size: 20px;
  }
}
.modalAuth__close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.modalAuth__close:hover {
  opacity: 0.7;
}
.modalAuth__rr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 550px) {
  .modalAuth__rr {
    gap: 15px;
  }
}
.modalAuth__rr > * {
  width: 100%;
}
.modalAuth__cl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modalAuth__reg {
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalAuth__reg {
    font-size: 14px;
  }
}
.modalAuth__reg:hover {
  opacity: 0.8;
}
.modalAuth__auth {
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalAuth__auth {
    font-size: 14px;
  }
}
.modalAuth__auth:hover {
  opacity: 0.8;
}
.modalAuth__or {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin: 30px 0;
}
@media (max-width: 550px) {
  .modalAuth__or {
    margin: 20px 0;
  }
}
.modalAuth__or div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1px;
  background: rgba(24, 25, 30, 0.3);
}
.modalAuth__or span {
  color: var(--Black-30, rgba(24, 25, 30, 0.3));
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 550px) {
  .modalAuth__or span {
    font-size: 14px;
  }
}
.modalAuth__regBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 550px) {
  .modalAuth__regBtns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.modalAuth__regBtns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  width: calc(33.3333333333% - 6.6666666667px);
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  padding: 9px 11px;
  border-radius: 10px;
  border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  background: var(--White, #FFF);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalAuth__regBtns button {
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
  }
}
.modalAuth__regBtns button:hover {
  border-color: var(--Black);
}
.modalAuth__regBtns button:hover span {
  color: var(--Black);
}
.modalAuth__regBtns button svg {
  display: block;
  width: 18px;
  min-width: 18px;
  height: auto;
}
@media (max-width: 550px) {
  .modalAuth__regBtns button svg {
    width: 18px;
    min-width: 18px;
  }
}
.modalAuth__regBtns button span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalAuth__regBtns button span {
    display: none;
  }
}
.modalAuth__td {
  display: none;
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
  margin-bottom: 15px;
}
@media (max-width: 550px) {
  .modalAuth__td {
    display: block;
  }
}
.modalAuth__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.modalAuth__wr > * {
  width: 100%;
}

.modalPromo {
  width: calc(100% - 28px);
  max-width: 440px;
  border-radius: 32px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 40px 30px;
}
@media (max-width: 550px) {
  .modalPromo {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.modalPromo__nameWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 550px) {
  .modalPromo__nameWr {
    margin-bottom: 20px;
  }
}
.modalPromo__name {
  color: var(--Black, #18191E);
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}
@media (max-width: 550px) {
  .modalPromo__name {
    font-size: 20px;
  }
}
.modalPromo__close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.modalPromo__close:hover {
  opacity: 0.7;
}
.modalPromo__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.modalPromo__label {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.modalPromo__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.modalPromo__submit:hover {
  opacity: 0.8;
}
.modalPromo__submit svg {
  display: block;
  width: 22px;
  height: auto;
}

.modalEdit {
  width: calc(100% - 28px);
  max-width: 700px;
  border-radius: 32px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 40px 30px;
}
@media (max-width: 550px) {
  .modalEdit {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.modalEdit__nameWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 550px) {
  .modalEdit__nameWr {
    margin-bottom: 20px;
  }
}
.modalEdit__name {
  color: var(--Black, #18191E);
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}
@media (max-width: 550px) {
  .modalEdit__name {
    font-size: 20px;
  }
}
.modalEdit__close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 20px;
  min-width: 20px;
  height: auto;
}
.modalEdit__close:hover {
  opacity: 0.7;
}
.modalEdit__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 700px) {
  .modalEdit__info {
    gap: 20px 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.modalEdit__photo {
  width: 220px;
  aspect-ratio: 1/1;
  padding: 20px;
  border-radius: 14px;
  background: var(--Gray, #F0F4FD);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 700px) {
  .modalEdit__photo {
    width: 80px;
    padding: 10px;
    border-radius: 8px;
  }
}
.modalEdit__photo:hover {
  background-color: #e6edff;
}
.modalEdit__photo input {
  display: none;
}
.modalEdit__photo span {
  color: var(--Blue, #5676C3);
  font-size: 18px;
  font-weight: 400;
  line-height: 110%;
}
@media (max-width: 700px) {
  .modalEdit__photo span {
    font-size: 12px;
  }
}
.modalEdit__cont {
  width: calc(100% - 240px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 700px) {
  .modalEdit__cont {
    width: 100%;
  }
}
.modalEdit__name2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 700px) {
  .modalEdit__name2 {
    display: none;
  }
}
.modalEdit__name2--mob {
  display: none;
}
@media (max-width: 700px) {
  .modalEdit__name2--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 95px);
  }
}
.modalEdit__name2 span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}
@media (max-width: 550px) {
  .modalEdit__name2 span {
    font-size: 12px;
  }
}
.modalEdit__name2 div {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 600;
  line-height: 110%;
}
@media (max-width: 700px) {
  .modalEdit__name2 div {
    font-size: 19px;
  }
}
@media (max-width: 550px) {
  .modalEdit__name2 div {
    font-size: 16px;
  }
}
.modalEdit__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 40px;
}
@media (max-width: 550px) {
  .modalEdit__wr {
    gap: 20px 10px;
  }
}
.modalEdit__card {
  width: calc(50% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 550px) {
  .modalEdit__card {
    width: calc(50% - 5px);
  }
}
.modalEdit__card span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}
@media (max-width: 550px) {
  .modalEdit__card span {
    font-size: 12px;
  }
}
.modalEdit__card input {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  display: block;
}
@media (max-width: 550px) {
  .modalEdit__card input {
    font-size: 14px;
  }
}
.modalEdit__card input:-moz-read-only {
  opacity: 0.6;
}
.modalEdit__card input:read-only {
  opacity: 0.6;
}
.modalEdit__password {
  margin-top: 30px;
}
.modalEdit__passwordTitle {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 600;
  line-height: 110%;
  margin: 0 0 20px;
}
@media (max-width: 550px) {
  .modalEdit__passwordTitle {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.modalEdit__passwordWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (max-width: 550px) {
  .modalEdit__passwordWr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
}
.modalEdit__passwordWr label {
  width: calc(33.3333333333% - 13.3333333333px);
}
@media (max-width: 550px) {
  .modalEdit__passwordWr label {
    width: 100%;
  }
}
.modalEdit__passwordSave {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media (max-width: 550px) {
  .modalEdit__passwordSave {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
}
.modalEdit__passwordSubm {
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 550px) {
  .modalEdit__passwordSubm {
    width: 100%;
    font-size: 14px;
  }
}
.modalEdit__passwordSubm:hover {
  opacity: 0.8;
}
.modalEdit__passwordText {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
@media (max-width: 550px) {
  .modalEdit__passwordText {
    width: 100%;
    font-size: 12px;
  }
}

.modalVideo {
  max-width: calc(100% - 28px);
  border-radius: 32px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 30px;
  padding-top: 40px;
}
@media (max-width: 550px) {
  .modalVideo {
    padding: 20px;
    padding-top: 30px;
    border-radius: 18px;
  }
}
.modalVideo video {
  display: block;
  width: 100%;
}

.richText > *:first-child {
  margin-top: 0 !important;
}
.richText > *:last-child {
  margin-bottom: 0 !important;
}
.richText h3 {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .richText h3 {
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .richText h3 {
    font-size: 20px;
  }
}
.richText p {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  margin: 15px 0;
}
@media (max-width: 1024px) {
  .richText p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .richText p {
    font-size: 14px;
  }
}

.testSect__wrap {
  border-radius: 40px;
  background: var(--Gray, #F6F7FB);
  padding: 80px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  position: relative;
}
@media (max-width: 1024px) {
  .testSect__wrap {
    padding: 35px 30px;
    gap: 40px;
    border-radius: 29px;
  }
}
@media (max-width: 768px) {
  .testSect__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    padding: 0 20px 30px 20px;
    border-radius: 18px;
  }
}
.testSect__deocorWr {
  position: relative;
  width: 50%;
}
@media (max-width: 768px) {
  .testSect__deocorWr {
    width: 100%;
  }
}
.testSect__deocor {
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
}
@media (max-width: 1024px) {
  .testSect__deocor {
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .testSect__deocor {
    width: 100%;
    position: relative;
    margin-top: -20px;
  }
}
.testSect__content {
  width: calc(50% - 60px);
  margin-left: auto;
}
@media (max-width: 1024px) {
  .testSect__content {
    width: calc(50% - 40px);
  }
}
@media (max-width: 768px) {
  .testSect__content {
    width: 100%;
  }
}
.testSect__title {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .testSect__title {
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .testSect__title {
    margin-bottom: 15px;
    text-align: center;
  }
}
.testSect__text {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  max-width: 500px;
  margin: 0 0 40px;
}
@media (max-width: 1024px) {
  .testSect__text {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .testSect__text {
    font-size: 13px;
    margin-bottom: 20px;
    text-align: center;
    max-width: initial;
  }
}
.testSect__link {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .testSect__link {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .testSect__link {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

.rewievs {
  overflow: hidden;
}
.rewievs__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .rewievs__titleWrap {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .rewievs__titleWrap {
    margin-bottom: 30px;
  }
}
.rewievs__title {
  max-width: 600px;
}
.rewievs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .rewievs__nav {
    display: none;
  }
}
.rewievs__slider {
  padding: 20px;
  margin: -20px;
}
.rewievs__slide {
  border-radius: 32px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .rewievs__slide {
    padding: 30px 25px;
    border-radius: 25px;
  }
}
@media (max-width: 768px) {
  .rewievs__slide {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.rewievs__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .rewievs__head {
    margin-bottom: 16px;
    gap: 13px;
  }
}
@media (max-width: 768px) {
  .rewievs__head {
    margin-bottom: 12px;
    gap: 12px;
  }
}
.rewievs__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  min-width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid var(--Black, #18191E);
}
@media (max-width: 1024px) {
  .rewievs__img {
    width: 65px;
    max-width: 65px;
    height: 65px;
  }
}
@media (max-width: 768px) {
  .rewievs__img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-width: 2px;
  }
}
.rewievs__headInf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1024px) {
  .rewievs__headInf {
    gap: 9px;
  }
}
@media (max-width: 768px) {
  .rewievs__headInf {
    gap: 8px;
  }
}
.rewievs__name {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .rewievs__name {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .rewievs__name {
    font-size: 16px;
  }
}
.rewievs__dolzn {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .rewievs__dolzn {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .rewievs__dolzn {
    font-size: 13px;
  }
}
.rewievs__text {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
@media (max-width: 1024px) {
  .rewievs__text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .rewievs__text {
    font-size: 13px;
  }
}

.teachers__wrap {
  padding: 80px 90px 35px 90px;
  border-radius: 40px;
  background: var(--Gray, #F6F7FB);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 60px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1366px) {
  .teachers__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 1024px) {
  .teachers__wrap {
    padding: 35px 30px;
    border-radius: 29px;
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .teachers__wrap {
    padding: 30px 20px;
    border-radius: 18px;
    gap: 20px;
  }
}
.teachers__left {
  width: calc(50% - 60px);
}
@media (max-width: 1366px) {
  .teachers__left {
    width: 100%;
  }
}
.teachers__title {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .teachers__title {
    margin-bottom: 22px;
  }
}
@media (max-width: 768px) {
  .teachers__title {
    margin-bottom: 15px;
  }
}
.teachers__text {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  margin: 0 0 40px;
  max-width: 500px;
}
@media (max-width: 1024px) {
  .teachers__text {
    font-size: 15px;
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .teachers__text {
    font-size: 13px;
    margin-bottom: 30px;
  }
}
.teachers__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.teachers__btns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 18px;
  border: 2px solid transparent;
  width: 100px;
  height: 100px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .teachers__btns button {
    width: 80px;
    height: 80px;
    border-radius: 15px;
  }
}
@media (max-width: 768px) {
  .teachers__btns button {
    width: 65px;
    height: 65px;
    border-radius: 12px;
  }
}
.teachers__btns button:hover {
  border-color: var(--Gray-Text, #BBBFC6);
}
.teachers__btns button.active {
  border-color: var(--Purple, #5755FE);
}
.teachers__btns button img {
  display: block;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 14px;
}
@media (max-width: 1024px) {
  .teachers__btns button img {
    width: 72px;
    height: 72px;
    border-radius: 12px;
  }
}
@media (max-width: 768px) {
  .teachers__btns button img {
    width: 59px;
    height: 59px;
    border-radius: 10px;
  }
}
.teachers__right {
  width: 50%;
}
@media (max-width: 1366px) {
  .teachers__right {
    width: 100%;
  }
}
.teachers__tab {
  display: none;
  gap: 30px;
}
@media (max-width: 1024px) {
  .teachers__tab {
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .teachers__tab {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .teachers__tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.teachers__tab.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.teachers__img {
  display: block;
  width: calc(42% - 15px);
  height: auto;
  aspect-ratio: 26/30;
  border-radius: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1366px) {
  .teachers__img {
    max: 280px;
  }
}
@media (max-width: 1024px) {
  .teachers__img {
    width: 260px;
    border-radius: 21px;
  }
}
@media (max-width: 768px) {
  .teachers__img {
    border-radius: 18px;
    width: 220px;
  }
}
@media (max-width: 600px) {
  .teachers__img {
    width: 100%;
    aspect-ratio: 29/24;
  }
}
.teachers__inf {
  width: calc(58% - 15px);
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media (max-width: 1366px) {
  .teachers__inf {
    width: calc(100% - 310px);
  }
}
@media (max-width: 1024px) {
  .teachers__inf {
    width: calc(100% - 285px);
  }
}
@media (max-width: 768px) {
  .teachers__inf {
    width: calc(100% - 240px);
  }
}
@media (max-width: 600px) {
  .teachers__inf {
    width: 100%;
  }
}
.teachers__name {
  color: var(--Black, #18191E);
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .teachers__name {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .teachers__name {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
.teachers__text2 {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin: 0 0 25px;
}
@media (max-width: 1024px) {
  .teachers__text2 {
    font-size: 14px;
    margin-bottom: 22px;
  }
}
@media (max-width: 768px) {
  .teachers__text2 {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.teachers__char {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 30px;
  margin-bottom: 55px;
}
@media (max-width: 1024px) {
  .teachers__char {
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .teachers__char {
    margin-bottom: 20px;
  }
}
.teachers__char div {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .teachers__char div {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .teachers__char div {
    font-size: 16px;
  }
}
.teachers__btn {
  margin-top: 55px;
}
@media (max-width: 1024px) {
  .teachers__btn {
    margin-top: 35px;
  }
}
@media (max-width: 768px) {
  .teachers__btn {
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .teachers__btn {
    width: 100%;
  }
}

.info__title {
  max-width: 600px;
  margin-bottom: 30px;
}
.info__char {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px 20px;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .info__char {
    margin-top: 55px;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .info__char {
    margin-top: 30px;
  }
}
.info__card {
  width: calc(25% - 15px);
}
@media (max-width: 768px) {
  .info__card {
    width: calc(50% - 10px);
  }
}
.info__numb {
  color: var(--Purple, #5755FE);
  font-size: 70px;
  font-weight: 700;
  line-height: 100%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .info__numb {
    font-size: 53px;
    margin-bottom: 12px;
  }
}
@media (max-width: 768px) {
  .info__numb {
    font-size: 36px;
    margin-bottom: 10px;
  }
}
.info__text2 {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .info__text2 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .info__text2 {
    font-size: 12px;
  }
}
.info__text {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
@media (max-width: 768px) {
  .info__text {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.info__text > *:first-child {
  margin-top: 0 !important;
}
.info__text > *:last-child {
  margin-bottom: 0;
}
.info__text h3 {
  color: var(--Black, #18191E);
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  margin: 30px 0 15px;
}
@media (max-width: 1024px) {
  .info__text h3 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .info__text h3 {
    font-size: 16px;
  }
}
.info__text p {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  margin: 10px 0;
}
@media (max-width: 1024px) {
  .info__text p {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .info__text p {
    font-size: 13px;
  }
}

.napr__title {
  margin-bottom: 50px;
  max-width: 600px;
}
@media (max-width: 1024px) {
  .napr__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .napr__title {
    margin-bottom: 30px;
  }
}
.napr__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 1024px) {
  .napr__wrap {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .napr__wrap {
    gap: 20px;
  }
}
.napr__card {
  padding: 80px 50px;
  background-color: var(--Gray, #F0F4FD);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(50% - 20px);
  border-radius: 36px;
}
@media (max-width: 1024px) {
  .napr__card {
    padding: 55px 35px;
    border-radius: 27px;
    width: 100%;
    background-size: contain;
  }
}
@media (max-width: 768px) {
  .napr__card {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
@media (max-width: 500px) {
  .napr__card {
    background-image: none !important;
  }
}
.napr__card--children {
  background-color: var(--Pink-light, #FFEEF9);
}
.napr__card--children .napr__miniCard:hover {
  background-color: var(--Pink, #FF71CD);
}
.napr__name {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 50px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .napr__name {
    margin-bottom: 25px;
    font-size: 38px;
  }
}
@media (max-width: 768px) {
  .napr__name {
    margin-bottom: 20px;
    font-size: 26px;
  }
}
.napr__wr {
  max-width: 355px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 1024px) {
  .napr__wr {
    gap: 10px;
    max-width: 410px;
  }
}
@media (max-width: 768px) {
  .napr__wr {
    max-width: 300px;
  }
}
@media (max-width: 500px) {
  .napr__wr {
    max-width: 100%;
  }
}
.napr__miniCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 7px;
  width: calc(50% - 7.5px);
  border-radius: 20px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 14px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-height: 95px;
}
@media (max-width: 1024px) {
  .napr__miniCard {
    width: calc(50% - 5px);
    padding: 18px 20px;
    gap: 2px;
    border-radius: 17px;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.06);
  }
}
@media (max-width: 768px) {
  .napr__miniCard {
    padding: 16px;
    gap: 3px;
    border-radius: 14px;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.06);
  }
}
.napr__miniCard:hover {
  background: var(--Blue, #5676C3);
}
.napr__miniCard:hover .napr__r, .napr__miniCard:hover .napr__t {
  color: var(--White, #FFF);
}
.napr__miniCard--min {
  padding: 23px 20px;
}
@media (max-width: 1024px) {
  .napr__miniCard--min {
    padding: 19px 18px;
  }
}
@media (max-width: 768px) {
  .napr__miniCard--min {
    padding: 16px;
  }
}
.napr__miniCard--min:hover {
  background: var(--Purple, #5755FE);
}
.napr__r {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 700;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .napr__r {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .napr__r {
    font-size: 18px;
  }
}
.napr__r--min {
  font-size: 22px;
  margin-bottom: 7px;
}
@media (max-width: 1024px) {
  .napr__r--min {
    font-size: 20px;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .napr__r--min {
    font-size: 18px;
  }
}
.napr__t {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .napr__t {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .napr__t {
    font-size: 14px;
  }
}
.napr__t--min {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .napr__t--min {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .napr__t--min {
    font-size: 14px;
  }
}

.learning__title {
  max-width: 600px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .learning__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .learning__title {
    margin-bottom: 30px;
  }
}
.learning__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.learning__card {
  border-radius: 26px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  width: calc(25% - 15px);
  padding: 20px;
  counter-increment: card;
}
@media (max-width: 1024px) {
  .learning__card {
    border-radius: 22px;
    width: calc(50% - 10px);
    padding: 18px;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 768px) {
  .learning__card {
    border-radius: 18px;
    padding: 16px;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 600px) {
  .learning__card {
    width: 100%;
  }
}
.learning__name {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .learning__name {
    font-size: 23px;
    margin-bottom: 12px;
  }
}
@media (max-width: 768px) {
  .learning__name {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.learning__text {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
@media (max-width: 1024px) {
  .learning__text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .learning__text {
    font-size: 13px;
  }
}
.learning__numb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--Pink, #FF71CD);
  margin: 0 0 20px;
  padding: 5px;
  text-align: center;
}
@media (max-width: 1024px) {
  .learning__numb {
    width: 35px;
    height: 35px;
    margin-bottom: 18px;
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .learning__numb {
    width: 30px;
    height: 30px;
    margin-bottom: 16px;
    border-radius: 8px;
  }
}
.learning__numb::after {
  content: counter(card);
  color: var(--White, #FFF);
  font-size: 18px;
  font-weight: 700;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .learning__numb::after {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .learning__numb::after {
    font-size: 14px;
  }
}

.ms {
  position: relative;
}
.ms__content {
  max-width: 600px;
}
@media (max-width: 1024px) {
  .ms__content {
    max-width: calc(100% - 300px);
  }
}
@media (max-width: 768px) {
  .ms__content {
    max-width: 100%;
  }
}
.ms__title {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 80px;
  font-weight: 700;
  line-height: 100%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .ms__title {
    font-size: 60px;
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .ms__title {
    font-size: 40px;
    margin-bottom: 16px;
    max-width: 320px;
  }
}
.ms__title span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 20px;
  border-radius: 60px;
  background: var(--Pink-light, #FFEEF9);
  color: var(--Black, #18191E);
  font-family: "Nunito Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  vertical-align: middle;
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .ms__title span {
    gap: 7px;
    padding: 11px 15px;
    margin-left: 18px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .ms__title span {
    padding: 8px 10px;
    gap: 4px;
    margin-left: 16px;
    font-size: 12px;
  }
}
.ms__title span::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: var(--Pink, #FF71CD);
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .ms__title span::before {
    width: 9px;
    height: 9px;
  }
}
@media (max-width: 768px) {
  .ms__title span::before {
    width: 6px;
    height: 6px;
  }
}
.ms__text {
  font-size: 18px;
}
@media (max-width: 1024px) {
  .ms__text {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .ms__text {
    font-size: 13px;
    width: calc(100% - 240px);
  }
}
@media (max-width: 550px) {
  .ms__text {
    width: calc(100% - 100px);
  }
}
.ms__decor {
  height: 300px;
  border-radius: 40px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-top: 40px;
  display: block;
}
@media (max-width: 1024px) {
  .ms__decor {
    height: 220px;
    border-radius: 29px;
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .ms__decor {
    border-radius: 18px;
    margin-top: 25px;
    height: 140px;
  }
}
.ms__decor2 {
  position: absolute;
  right: calc((100% - 1500px) / 2 + 140px);
  height: calc(100% + 40px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 0;
}
@media (max-width: 1500px) {
  .ms__decor2 {
    right: 0px;
  }
}
@media (max-width: 1024px) {
  .ms__decor2 {
    width: 320px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .ms__decor2 {
    width: 200px;
    right: 20px;
  }
}
@media (max-width: 550px) {
  .ms__decor2 {
    width: 140px;
  }
}
.ms__decor3 {
  position: absolute;
  right: calc((100% - 1500px) / 2 + 460px);
  top: 30px;
  border-radius: 16px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  width: 200px;
  padding: 20px;
}
@media (max-width: 1500px) {
  .ms__decor3 {
    right: 300px;
  }
}
@media (max-width: 1024px) {
  .ms__decor3 {
    display: none;
  }
}
.ms__decor3T {
  color: var(--Blue, #5676C3);
  font-size: 22px;
  font-weight: 800;
  line-height: 110%;
  margin-bottom: 7px;
}
.ms__decor3Z {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 500;
  line-height: 110%;
}
.ms__decor4 {
  position: absolute;
  right: calc((100% - 1500px) / 2 + 20px);
  top: 115px;
  border-radius: 16px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  width: 245px;
  padding: 20px;
}
@media (max-width: 1500px) {
  .ms__decor4 {
    right: 20px;
  }
}
@media (max-width: 1024px) {
  .ms__decor4 {
    display: none;
  }
}
.ms__decor4 img {
  display: block;
  margin-bottom: 10px;
  max-width: 100%;
}

.vs__title {
  max-width: 600px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .vs__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .vs__title {
    margin-bottom: 30px;
  }
}
.vs__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 1024px) {
  .vs__wrap {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .vs__wrap {
    gap: 20px;
  }
}
.vs__card {
  width: calc(33.3333333333% - 26.6666666667px);
  border-radius: 32px;
  background: var(--Gray, #F6F7FB);
  padding: 40px 30px 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 1024px) {
  .vs__card {
    padding: 35px 25px 30px;
    border-radius: 25px;
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .vs__card {
    padding: 30px 20px;
    border-radius: 18px;
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .vs__card {
    width: 100%;
  }
}
.vs__card:nth-child(even) {
  background: var(--Blue, #5676C3);
}
.vs__card:nth-child(even) .vs__name {
  color: var(--White, #FFF);
}
.vs__card:nth-child(even) .vs__text {
  color: var(--White, #FFF);
}
.vs__card:nth-child(even) .vs__btn {
  background: var(--White, #FFF);
  color: var(--Black, #18191E);
}
.vs__card:nth-child(even) .vs__btn:hover {
  background: rgba(255, 255, 255, 0.75);
}
.vs__name {
  color: var(--Black, #18191E);
  font-family: "Nunito Sans";
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .vs__name {
    margin-bottom: 16px;
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .vs__name {
    margin-bottom: 12px;
    font-size: 20px;
  }
}
.vs__text {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .vs__text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .vs__text {
    font-size: 13px;
  }
}
.vs__btn {
  margin-top: auto;
  width: 100%;
}

.courseS__wrap {
  border-radius: 36px;
  background: var(--Gray, #F6F7FB);
  padding: 60px 90px;
  position: relative;
}
@media (max-width: 1024px) {
  .courseS__wrap {
    border-radius: 27px;
    padding: 45px 30px;
  }
}
@media (max-width: 768px) {
  .courseS__wrap {
    border-radius: 18px;
    padding: 30px 20px;
  }
}
.courseS__content {
  width: 600px;
}
@media (max-width: 1024px) {
  .courseS__content {
    width: calc(100% - 200px);
  }
}
@media (max-width: 768px) {
  .courseS__content {
    width: calc(100% - 140px);
  }
}
@media (max-width: 550px) {
  .courseS__content {
    width: calc(100% - 90px);
  }
}
.courseS__title {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 80px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
  position: relative;
  z-index: 20;
}
@media (max-width: 1024px) {
  .courseS__title {
    font-size: 60px;
    margin-bottom: 23px;
  }
}
@media (max-width: 768px) {
  .courseS__title {
    font-size: 40px;
    margin-bottom: 16px;
  }
}
.courseS__text {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
  max-width: 500px;
}
@media (max-width: 1024px) {
  .courseS__text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .courseS__text {
    font-size: 13px;
  }
}
@media (max-width: 550px) {
  .courseS__text {
    width: calc(100% - 30px);
  }
}
.courseS__link {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .courseS__link {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .courseS__link {
    margin-top: 20px;
  }
}
.courseS__imgDecor {
  position: absolute;
  right: 170px;
  bottom: 0;
  max-height: calc(100% + 20px);
  max-width: 35%;
}
@media (max-width: 1366px) {
  .courseS__imgDecor {
    right: 50px;
  }
}
@media (max-width: 1024px) {
  .courseS__imgDecor {
    right: 20px;
  }
}
@media (max-width: 768px) {
  .courseS__imgDecor {
    right: 0;
  }
}
@media (max-width: 550px) {
  .courseS__imgDecor {
    max-width: 185px;
    right: -10px;
  }
}
.courseS__decor2 {
  top: 100px;
  left: 50%;
}
@media (max-width: 1200px) {
  .courseS__decor2 {
    display: none;
  }
}
.courseS__decor1 {
  right: 90px;
  bottom: 90px;
  top: initial;
}
@media (max-width: 1200px) {
  .courseS__decor1 {
    display: none;
  }
}

.breadcrumbs:first-child {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .breadcrumbs:first-child {
    margin-top: 22px;
  }
}
@media (max-width: 768px) {
  .breadcrumbs:first-child {
    margin-top: 14px;
  }
}
@media (max-width: 768px) {
  .breadcrumbs__wrap {
    display: none;
  }
}
.breadcrumbs__wrap a {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.breadcrumbs__wrap a:hover {
  color: var(--Black, #18191E);
}
.breadcrumbs__wrap img {
  display: inline-block;
  width: 12px;
  height: auto;
  margin-right: 10px;
  vertical-align: middle;
}
.breadcrumbs__wrap img:last-of-type {
  -webkit-filter: brightness(0);
  filter: brightness(0);
}
.breadcrumbs__wrap span {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.breadcrumbs__mob {
  display: none;
  color: #18191E;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}
.breadcrumbs__mob svg {
  display: block;
  width: 12px;
  height: auto;
}
@media (max-width: 768px) {
  .breadcrumbs__mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.sliderCourse {
  overflow: hidden;
}
.sliderCourse__title {
  max-width: 600px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .sliderCourse__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__title {
    margin-bottom: 30px;
  }
}
.sliderCourse__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media (max-width: 1024px) {
  .sliderCourse__head {
    gap: 60px;
  }
}
.sliderCourse__more {
  color: var(--Blue, #5676C3);
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px dashed currentColor;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}
.sliderCourse__more:hover {
  color: rgba(86, 118, 195, 0.55);
}
@media (max-width: 1024px) {
  .sliderCourse__more {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__more {
    display: none;
  }
}
.sliderCourse__sliderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  width: calc(100% - 270px);
}
@media (max-width: 1024px) {
  .sliderCourse__sliderWrap {
    width: calc(100% - 210px);
  }
}
@media (max-width: 768px) {
  .sliderCourse__sliderWrap {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slider {
    overflow: visible;
  }
}
.sliderCourse__slider .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sliderCourse__slide {
  color: var(--Gray-Text, #BBBFC6);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .sliderCourse__slide {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slide {
    font-size: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.sliderCourse__slide:hover {
  color: var(--Blue, #5676C3);
}
.sliderCourse__slide.swiper-slide-thumb-active {
  font-size: 22px;
  color: var(--Blue, #5676C3);
}
@media (max-width: 1024px) {
  .sliderCourse__slide.swiper-slide-thumb-active {
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slide.swiper-slide-thumb-active {
    font-size: 16px;
  }
}
.sliderCourse__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .sliderCourse__bottom {
    gap: 30px;
    margin-top: 30px;
  }
}
@media (max-width: 900px) {
  .sliderCourse__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .sliderCourse__bottom {
    gap: 20px;
    margin-top: 20px;
  }
}
.sliderCourse__level {
  width: 440px;
  border-radius: 26px;
  background: var(--Gray, #F0F4FD);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  padding: 40px 30px 30px;
}
@media (max-width: 1024px) {
  .sliderCourse__level {
    padding: 35px 25px 30px;
    border-radius: 22px;
  }
}
@media (max-width: 900px) {
  .sliderCourse__level {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .sliderCourse__level {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.sliderCourse__levelTitle {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .sliderCourse__levelTitle {
    font-size: 30px;
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__levelTitle {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.sliderCourse__levelDescr {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .sliderCourse__levelDescr {
    font-size: 15px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__levelDescr {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.sliderCourse__levelLink {
  width: 100%;
  margin-top: auto;
}
.sliderCourse__slider2 {
  width: 840px;
}
@media (max-width: 900px) {
  .sliderCourse__slider2 {
    width: 100%;
  }
}
.sliderCourse__slide2 {
  border-radius: 36px;
  background: var(--Gray, #F0F4FD);
  padding: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 1024px) {
  .sliderCourse__slide2 {
    padding: 40px 35px;
    border-radius: 27px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slide2 {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.sliderCourse__slide2Name {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 100%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .sliderCourse__slide2Name {
    font-size: 30px;
    margin-bottom: 22px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slide2Name {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
.sliderCourse__slide2List {
  margin: 0 0 40px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .sliderCourse__slide2List {
    gap: 17px 30px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slide2List {
    gap: 15px 20px;
  }
}
.sliderCourse__slide2List li {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  padding-left: 25px;
  width: calc(50% - 20px);
  position: relative;
}
@media (max-width: 1024px) {
  .sliderCourse__slide2List li {
    font-size: 15px;
    width: calc(50% - 15px);
    padding-left: 22px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slide2List li {
    font-size: 14px;
    width: calc(50% - 10px);
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  .sliderCourse__slide2List li {
    width: 100%;
  }
}
.sliderCourse__slide2List li::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url("/img/ch.svg") no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sliderCourse__slide2PrMo {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 768px) {
  .sliderCourse__slide2PrMo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.sliderCourse__slide2Price {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}
@media (max-width: 1024px) {
  .sliderCourse__slide2Price {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .sliderCourse__slide2Price {
    font-size: 18px;
  }
}
.sliderCourse__slide2More {
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 2px dashed currentColor;
}
.sliderCourse__slide2More:hover {
  color: rgba(86, 118, 195, 0.55);
}

.swiper-prev-sliderCourse,
.swiper-next-sliderCourse {
  background: var(--Blue, #5676C3);
}
.swiper-prev-sliderCourse:hover,
.swiper-next-sliderCourse:hover {
  background: rgba(86, 119, 195, 0.65);
}
@media (max-width: 768px) {
  .swiper-prev-sliderCourse,
  .swiper-next-sliderCourse {
    display: none;
  }
}

.course__title {
  max-width: 600px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .course__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .course__title {
    margin-bottom: 30px;
  }
}
.course__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.course__card {
  border-radius: 26px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(25% - 15px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1200px) {
  .course__card {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
@media (max-width: 1024px) {
  .course__card {
    padding: 25px;
    border-radius: 22px;
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .course__card {
    padding: 20px;
    border-radius: 18px;
    gap: 10px;
  }
}
@media (max-width: 650px) {
  .course__card {
    width: calc(50% - 10px);
  }
}
@media (max-width: 550px) {
  .course__card {
    width: 100%;
  }
}
.course__card:hover {
  background: var(--Blue, #5676C3);
}
.course__card:hover .course__cardName, .course__card:hover .course__descr {
  color: var(--White, #FFF);
}
.course__card:hover svg path {
  fill: white;
}
.course__nameAr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .course__nameAr {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .course__nameAr {
    gap: 10px;
  }
}
.course__nameAr svg {
  display: block;
  width: 26px;
  min-width: 26px;
  height: auto;
}
@media (max-width: 1024px) {
  .course__nameAr svg {
    width: 23px;
    height: 23px;
  }
}
@media (max-width: 768px) {
  .course__nameAr svg {
    width: 20px;
    height: 20px;
  }
}
.course__nameAr svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.course__cardName {
  color: var(--Black, #18191E);
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .course__cardName {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  .course__cardName {
    font-size: 20px;
  }
}
.course__descr {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .course__descr {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .course__descr {
    font-size: 14px;
  }
}

.tarif__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1250px) {
  .tarif__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}
@media (max-width: 1024px) {
  .tarif__wrap {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .tarif__wrap {
    gap: 30px;
  }
}
.tarif__text {
  width: 450px;
}
@media (max-width: 1250px) {
  .tarif__text {
    width: 100%;
  }
}
.tarif__title {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 50px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 20px;
  max-width: 600px;
}
@media (max-width: 1024px) {
  .tarif__title {
    font-size: 41px;
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .tarif__title {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
.tarif__textSeo {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
@media (max-width: 1024px) {
  .tarif__textSeo {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .tarif__textSeo {
    font-size: 13px;
  }
}
.tarif__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  width: calc(100% - 550px);
}
@media (max-width: 1250px) {
  .tarif__cards {
    width: 100%;
  }
}
@media (max-width: 650px) {
  .tarif__cards {
    gap: 10px;
  }
}
.tarif__card {
  border-radius: 26px;
  background: var(--Gray, #F0F4FD);
  padding: 30px 20px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 10px);
}
@media (max-width: 1024px) {
  .tarif__card {
    padding-bottom: 35px;
    border-radius: 22px;
  }
}
@media (max-width: 768px) {
  .tarif__card {
    padding-bottom: 30px;
    border-radius: 18px;
  }
}
@media (max-width: 650px) {
  .tarif__card {
    width: 100%;
  }
}
.tarif__card--blue {
  background: var(--Blue, #5676C3);
}
.tarif__card--blue .tarif__cardName {
  color: var(--White, #FFF);
}
.tarif__card--blue .tarif__cardList li {
  color: var(--White, #FFF);
}
.tarif__card--blue .tarif__cardList li::after {
  -webkit-filter: invert(1) contrast(100);
  filter: invert(1) contrast(100);
}
.tarif__card--blue .tarif__cardPrice {
  color: var(--White, #FFF);
}
.tarif__card--blue .tarif__cardPrice span {
  color: rgba(255, 255, 255, 0.3);
}
.tarif__card--blue .tarif__cardLink {
  background: var(--White, #FFF);
  color: var(--Black, #18191E);
}
.tarif__card--blue .tarif__cardLink:hover {
  background-color: rgba(255, 255, 255, 0.75);
}
.tarif__card--chil {
  background: url("/img/chil.png") no-repeat center/contain;
  background-color: #F2F4CC;
}
@media (max-width: 650px) {
  .tarif__card--chil {
    display: none;
  }
}
.tarif__cardName {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .tarif__cardName {
    font-size: 23px;
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .tarif__cardName {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.tarif__cardList {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1024px) {
  .tarif__cardList {
    gap: 12px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .tarif__cardList {
    gap: 10px;
    margin-bottom: 20px;
  }
}
.tarif__cardList li {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  padding-left: 25px;
  position: relative;
}
@media (max-width: 1024px) {
  .tarif__cardList li {
    font-size: 14px;
    padding-left: 22px;
  }
}
@media (max-width: 768px) {
  .tarif__cardList li {
    font-size: 13px;
    padding-left: 20px;
  }
}
.tarif__cardList li::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/img/chl.svg") no-repeat center/contain;
}
.tarif__cardWrap {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
@media (max-width: 1024px) {
  .tarif__cardWrap {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }
}
.tarif__cardPrice {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .tarif__cardPrice {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .tarif__cardPrice {
    font-size: 18px;
  }
}
.tarif__cardPrice span {
  color: var(--Black-30, rgba(24, 25, 30, 0.3));
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: line-through;
  white-space: nowrap;
}
.tarif__cardLink {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  .tarif__cardLink {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 12px 19px;
  }
}
@media (max-width: 768px) {
  .tarif__cardLink {
    padding: 12px 18px;
  }
}

.stup__title {
  max-width: 650px;
  margin-bottom: 50px;
  font-family: "Nunito Sans";
  font-weight: 800;
  text-transform: lowercase;
}
@media (max-width: 1024px) {
  .stup__title {
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .stup__title {
    margin-bottom: 20px;
  }
}
.stup__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1250px) {
  .stup__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
.stup__video {
  width: 440px;
  max-width: 100%;
  aspect-ratio: 44/34;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px 30px;
  border-radius: 26px;
  overflow: hidden;
  position: sticky;
  cursor: pointer;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 100px;
}
@media (max-width: 1250px) {
  .stup__video {
    position: relative;
    top: initial;
  }
}
@media (max-width: 1024px) {
  .stup__video {
    padding: 35px 25px;
    border-radius: 22px;
  }
}
@media (max-width: 768px) {
  .stup__video {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.stup__video:hover .stup__videoImg {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.stup__videoName {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .stup__videoName {
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .stup__videoName {
    font-size: 20px;
  }
}
.stup__videoImg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 125px;
  height: 125px;
  max-width: 90%;
  max-height: 90%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .stup__videoImg {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 768px) {
  .stup__videoImg {
    width: 60px;
    height: 60px;
  }
}
.stup__content {
  width: calc(100% - 540px);
}
@media (max-width: 1250px) {
  .stup__content {
    width: 100%;
  }
}
.stup__pod {
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .stup__pod {
    margin-bottom: 45px;
  }
}
@media (max-width: 768px) {
  .stup__pod {
    margin-bottom: 40px;
  }
}
.stup__podTitle {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .stup__podTitle {
    margin-bottom: 22px;
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .stup__podTitle {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.stup__podWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.stup__podCard {
  border-radius: 20px;
  background: var(--Gray, #F0F4FD);
  padding: 35px 20px;
  border-radius: 20px;
  width: calc(50% - 10px);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1024px) {
  .stup__podCard {
    padding: 32px 20px;
  }
}
@media (max-width: 768px) {
  .stup__podCard {
    padding: 30px 20px;
  }
}
@media (max-width: 600px) {
  .stup__podCard {
    width: 100%;
  }
}
.stup__podCard span {
  display: block;
  max-width: 210px;
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .stup__podCard span {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .stup__podCard span {
    font-size: 16px;
  }
}
.stup__prTitle {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 35px;
}
@media (max-width: 1024px) {
  .stup__prTitle {
    margin-bottom: 27px;
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .stup__prTitle {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.stup__prWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .stup__prWr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
}
.stup__prCol {
  width: calc(50% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1024px) {
  .stup__prCol {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .stup__prCol {
    gap: 15px;
  }
}
@media (max-width: 600px) {
  .stup__prCol {
    display: none;
  }
}
@media (max-width: 600px) {
  .stup__prCol {
    width: 100%;
  }
}
.stup__prCard {
  border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.stup__prCard.active {
  padding-bottom: 30px;
}
@media (max-width: 1024px) {
  .stup__prCard.active {
    padding-bottom: 22px;
  }
}
@media (max-width: 768px) {
  .stup__prCard.active {
    padding-bottom: 15px;
  }
}
.stup__prCard.active .stup__prBtn span {
  color: var(--Blue, #5676C3);
}
.stup__prCard.active .stup__prBtn svg path {
  fill: #5676C3;
}
.stup__prCard.active .stup__prBtn svg path:last-child {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
}
.stup__prBtn {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 24px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .stup__prBtn {
    padding: 21px 0;
  }
}
@media (max-width: 768px) {
  .stup__prBtn {
    padding: 18px 0;
  }
}
.stup__prBtn span {
  color: var(--Black, #18191E);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .stup__prBtn span {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .stup__prBtn span {
    font-size: 16px;
  }
}
.stup__prBtn svg {
  display: block;
  width: 30px;
  min-width: 30px;
  height: auto;
}
@media (max-width: 1024px) {
  .stup__prBtn svg {
    width: 28px;
    min-width: 28px;
  }
}
@media (max-width: 768px) {
  .stup__prBtn svg {
    width: 26px;
    min-width: 26px;
  }
}
.stup__prBtn svg path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.stup__prBtn svg path:last-child {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.stup__prCont {
  display: none;
}
.stup__prCont > *:first-child {
  margin-top: 0 !important;
}
.stup__prCont > *:last-child {
  margin-bottom: 0 !important;
}
.stup__prCont p {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin: 20px 0 15px;
}
@media (max-width: 1024px) {
  .stup__prCont p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .stup__prCont p {
    font-size: 14px;
  }
}
.stup__prCont p b {
  font-weight: 700;
}
.stup__prCont ul {
  margin: 15px 0 20px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.stup__prCont ul li {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  padding-left: 25px;
  position: relative;
}
@media (max-width: 1024px) {
  .stup__prCont ul li {
    font-size: 15px;
    padding-left: 22px;
  }
}
@media (max-width: 768px) {
  .stup__prCont ul li {
    font-size: 14px;
    padding-left: 20px;
  }
}
.stup__prCont ul li::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/img/chl.svg") no-repeat center/contain;
}
.stup__prColMob {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
@media (max-width: 600px) {
  .stup__prColMob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.stup__ch[data-cont] {
  display: none;
}
.stup__ch[data-cont].active {
  display: block;
}
.stup__chTitle {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .stup__chTitle {
    margin-bottom: 25px;
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .stup__chTitle {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.stup__chWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px 40px;
}
@media (max-width: 1024px) {
  .stup__chWrap {
    gap: 25px 30px;
  }
}
@media (max-width: 768px) {
  .stup__chWrap {
    gap: 20px;
  }
}
.stup__chCard {
  width: calc(50% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1024px) {
  .stup__chCard {
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .stup__chCard {
    width: calc(50% - 10px);
  }
}
@media (max-width: 600px) {
  .stup__chCard {
    width: 100%;
  }
}
.stup__chNumbName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1024px) {
  .stup__chNumbName {
    gap: 17px;
  }
}
@media (max-width: 768px) {
  .stup__chNumbName {
    gap: 15px;
  }
}
.stup__chNumb {
  border-radius: 12px;
  background: var(--Pink, #F298D4);
  width: 40px;
  min-width: 40px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--White, #FFF);
  font-size: 18px;
  font-weight: 700;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .stup__chNumb {
    width: 35px;
    min-width: 35px;
    font-size: 16px;
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .stup__chNumb {
    width: 30px;
    min-width: 30px;
    font-size: 14px;
    border-radius: 8px;
  }
}
.stup__chName {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .stup__chName {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .stup__chName {
    font-size: 16px;
  }
}
.stup__chDescr {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
}
@media (max-width: 1024px) {
  .stup__chDescr {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .stup__chDescr {
    font-size: 13px;
  }
}
.stup__map {
  max-width: 1147px;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .stup__map {
    margin-top: 45px;
  }
}
@media (max-width: 768px) {
  .stup__map {
    margin-top: 40px;
  }
}
.stup__mapTitle {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .stup__mapTitle {
    margin-bottom: 25px;
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .stup__mapTitle {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.stup__maink {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .stup__maink {
    margin-top: 45px;
  }
}
@media (max-width: 768px) {
  .stup__maink {
    margin-top: 40px;
  }
}
.stup__mainkTitle {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .stup__mainkTitle {
    margin-bottom: 22px;
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .stup__mainkTitle {
    margin-bottom: 15px;
    font-size: 22px;
  }
}
.stup__mainkWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .stup__mainkWrap {
    gap: 30px 40px;
  }
}
@media (max-width: 768px) {
  .stup__mainkWrap {
    gap: 15px 20px;
  }
}
.stup__mainkCard {
  border-radius: 20px;
  background: var(--Gray, #F0F4FD);
  padding: 30px;
  width: calc(50% - 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .stup__mainkCard {
    width: calc(50% - 20px);
    padding: 30px 25px;
    gap: 22px;
    border-radius: 19px;
  }
}
@media (max-width: 768px) {
  .stup__mainkCard {
    width: calc(50% - 10px);
    padding: 30px 20px;
    gap: 15px;
    border-radius: 18px;
  }
}
@media (max-width: 700px) {
  .stup__mainkCard {
    width: 100%;
  }
}
.stup__mainkDT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.stup__mainkDecor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 12px;
  background: var(--Blue, #5676C3);
}
@media (max-width: 1024px) {
  .stup__mainkDecor {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 10px;
    display: none;
  }
}
@media (max-width: 768px) {
  .stup__mainkDecor {
    display: none;
  }
}
.stup__mainkDecor svg {
  display: block;
  width: 20px;
  height: auto;
}
@media (max-width: 1024px) {
  .stup__mainkDecor svg {
    width: 18px;
  }
}
.stup__mainkName {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .stup__mainkName {
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .stup__mainkName {
    font-size: 20px;
  }
}
.stup__mainkBtn {
  color: var(--Blue, #5676C3);
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px dashed var(--Blue, #5676C3);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .stup__mainkBtn {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .stup__mainkBtn {
    font-size: 16px;
  }
}
.stup__mainkBtn:hover {
  border-color: transparent;
}
.stup__mainkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .stup__mainkList {
    gap: 17px 25px;
  }
}
@media (max-width: 768px) {
  .stup__mainkList {
    margin-bottom: 15px;
    gap: 15px 20px;
  }
}
.stup__mainkList.active li {
  display: block !important;
}
.stup__mainkList li {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  padding-left: 30px;
  position: relative;
  width: calc(50% - 15px);
}
@media (max-width: 1024px) {
  .stup__mainkList li {
    width: calc(50% - 12.5px);
    font-size: 16px;
    padding-left: 25px;
  }
}
@media (max-width: 768px) {
  .stup__mainkList li {
    width: calc(50% - 10px);
    font-size: 14px;
    padding-left: 20px;
  }
}
@media (max-width: 450px) {
  .stup__mainkList li {
    width: 100%;
  }
}
.stup__mainkList li::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/img/chl.svg") no-repeat center/contain;
}
@media (max-width: 1024px) {
  .stup__mainkList li::after {
    width: 13px;
    height: 13px;
  }
}
@media (max-width: 768px) {
  .stup__mainkList li::after {
    width: 10px;
    height: 10px;
  }
}
.stup__mainkList li:nth-child(n+7) {
  display: none;
}
.stup__prc {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .stup__prc {
    margin-top: 45px;
  }
}
@media (max-width: 768px) {
  .stup__prc {
    margin-top: 40px;
  }
}
.stup__prcTitle {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .stup__prcTitle {
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .stup__prcTitle {
    font-size: 22px;
  }
}
.stup__prcTitle--mb {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .stup__prcTitle--mb {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .stup__prcTitle--mb {
    margin-bottom: 20px;
  }
}
.stup__prcText > *:first-child {
  margin-top: 0 !important;
}
.stup__prcText > *:last-child {
  margin-bottom: 0 !important;
}
.stup__prcText h5 {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 140%;
  margin: 40px 0 30px;
}
@media (max-width: 1024px) {
  .stup__prcText h5 {
    font-size: 23px;
    margin: 30px 0 20px;
  }
}
@media (max-width: 768px) {
  .stup__prcText h5 {
    font-size: 20px;
    margin: 20px 0 10px;
  }
}
.stup__prcText p {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .stup__prcText p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .stup__prcText p {
    font-size: 14px;
  }
}
.stup__prcCards {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1024px) {
  .stup__prcCards {
    margin-top: 22px;
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .stup__prcCards {
    margin-top: 15px;
    gap: 10px;
  }
}
.stup__prcCards .stup__prcCard:nth-child(n+9) {
  display: none;
}
.stup__prcCards.active .stup__prcCard {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.stup__prcCard {
  width: calc(25% - 15px);
  border-radius: 16px;
  background: var(--Gray, #F0F4FD);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 20px;
}
@media (max-width: 1200px) {
  .stup__prcCard {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
@media (max-width: 1024px) {
  .stup__prcCard {
    width: calc(33.3333333333% - 10px);
    gap: 13px;
    padding: 17px 18px;
    border-radius: 12px;
  }
}
@media (max-width: 850px) {
  .stup__prcCard {
    width: calc(50% - 7.5px);
  }
}
@media (max-width: 768px) {
  .stup__prcCard {
    gap: 10px;
    padding: 14px 16px;
    border-radius: 8px;
  }
}
@media (max-width: 550px) {
  .stup__prcCard {
    width: 100%;
  }
}
.stup__prcCard img {
  border-radius: 12px;
  background: var(--Blue, #5676C3);
  padding: 8px;
  width: 36px;
  height: 36px;
  min-width: 36px;
}
@media (max-width: 1024px) {
  .stup__prcCard img {
    width: 31px;
    height: 31px;
    min-width: 31px;
    padding: 7px;
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .stup__prcCard img {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 6px;
    border-radius: 8px;
  }
}
.stup__prcCard span {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .stup__prcCard span {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .stup__prcCard span {
    font-size: 16px;
  }
}
.stup__prcBtn {
  color: var(--Blue-Blue-86, rgba(52, 82, 169, 0.86));
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin-top: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px dashed var(--Blue-Blue-86, rgba(52, 82, 169, 0.86));
}
@media (max-width: 1024px) {
  .stup__prcBtn {
    font-size: 17px;
    margin-top: 22px;
  }
}
@media (max-width: 768px) {
  .stup__prcBtn {
    font-size: 16px;
    margin-top: 15px;
  }
}
.stup__prcBtn:hover {
  border-color: transparent;
}
.stup__btnsWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .stup__btnsWr {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .stup__btnsWr {
    margin-bottom: 20px;
  }
}
.stup__btnsWr button {
  border-radius: 10px;
  border: 2px solid var(--Gray, #F0F4FD);
  padding: 14px;
  color: var(--Gray-Text, #BBBFC6);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .stup__btnsWr button {
    padding: 11px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .stup__btnsWr button {
    padding: 9px;
    font-size: 14px;
  }
}
.stup__btnsWr button:hover {
  border-color: var(--Blue, #5676C3);
}
.stup__btnsWr button.active {
  border-color: var(--Blue, #5676C3);
  background: var(--Blue, #5676C3);
  color: var(--White, #FFF);
}
.stup__chTitleH2 {
  color: var(--Black, #18191E);
  font-size: 46px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .stup__chTitleH2 {
    font-size: 36px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .stup__chTitleH2 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.stup__modulsBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 2px;
}
@media (max-width: 768px) {
  .stup__modulsBtns {
    width: 100vw;
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 14px;
    padding-right: 14px;
    overflow-x: auto;
  }
}
.stup__modulsBtns button {
  padding: 0 30px 13px;
  color: var(--Gray-Text, #BBBFC6);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  color: var(--Gray-Text, #BBBFC6);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .stup__modulsBtns button {
    padding: 0 21px 11px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .stup__modulsBtns button {
    padding: 0 12px 10px;
    font-size: 14px;
  }
}
.stup__modulsBtns button::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.stup__modulsBtns button:hover {
  color: var(--Black, #18191E);
}
.stup__modulsBtns button.active {
  color: var(--Black, #18191E);
}
.stup__modulsBtns button.active::after {
  background-color: var(--Black, #18191E);
}
.stup__modulsBtnsDec {
  margin-bottom: 35px;
  width: 100%;
  height: 2px;
  background-color: var(--Gray, #F0F4FD);
  margin-top: -2px;
}
@media (max-width: 1024px) {
  .stup__modulsBtnsDec {
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .stup__modulsBtnsDec {
    margin-bottom: 30px;
    width: 100vw;
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 14px;
    padding-right: 14px;
  }
}
.stup__modul {
  display: none;
}
.stup__modul.active {
  display: block;
}
.stup__modulWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.stup__modulImg {
  width: 500px;
  aspect-ratio: 1/1;
  border-radius: 26px;
}
@media (max-width: 1250px) {
  .stup__modulImg {
    display: none;
  }
}
.stup__modulCont {
  width: calc(100% - 550px);
}
@media (max-width: 1250px) {
  .stup__modulCont {
    width: 100%;
  }
}
.stup__modulTitle {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .stup__modulTitle {
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .stup__modulTitle {
    font-size: 20px;
  }
}
.stup__modulDescr {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
@media (max-width: 1024px) {
  .stup__modulDescr {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .stup__modulDescr {
    font-size: 14px;
  }
}
.stup__modulCard {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1024px) {
  .stup__modulCard {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .stup__modulCard {
    margin-top: 20px;
  }
}
.stup__modulName {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
}
@media (max-width: 1024px) {
  .stup__modulName {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .stup__modulName {
    font-size: 16px;
  }
}
.stup__modulCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.stup__modulCards span {
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  white-space: nowrap;
  padding: 6px 12px;
  display: block;
  border-radius: 30px;
  background: rgba(86, 118, 195, 0.8);
}
@media (max-width: 1024px) {
  .stup__modulCards span {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .stup__modulCards span {
    font-size: 14px;
  }
}
.stup__mapMap {
  display: block;
  overflow: hidden;
  position: relative;
  max-width: 1147px;
  max-height: 760px;
}
@media (max-width: 1024px) {
  .stup__mapMap {
    max-height: 600px;
  }
}
@media (max-width: 768px) {
  .stup__mapMap {
    max-height: 500px;
  }
}
@media (max-width: 600px) {
  .stup__mapMap {
    max-height: initial;
  }
  .stup__mapMap::after {
    content: none !important;
  }
}
.stup__mapMap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFF), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  height: 90px;
}
.stup__mapMap.active {
  max-height: initial !important;
}
.stup__mapMap.active::after {
  content: none;
}
.stup__mapMap img {
  display: block;
  width: 100%;
}
.stup__mapMapAll {
  color: var(--Blue-Blue-86, rgba(52, 82, 169, 0.86));
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  margin: 30px auto 0;
  border-bottom: 1px dashed currentColor;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .stup__mapMapAll {
    font-size: 16px;
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .stup__mapMapAll {
    font-size: 14px;
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .stup__mapMapAll {
    display: none;
  }
}
.stup__mapMapAll:hover {
  opacity: 0.8;
}

.temcourse__title {
  margin: 0 0 30px;
  max-width: 600px;
}
@media (max-width: 1024px) {
  .temcourse__title {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .temcourse__title {
    margin-bottom: 20px;
  }
}
.temcourse__decr {
  margin: 0 0 50px;
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .temcourse__decr {
    margin-bottom: 40px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .temcourse__decr {
    margin-bottom: 30px;
    font-size: 14px;
  }
}
.temcourse__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px 40px;
}
@media (max-width: 1024px) {
  .temcourse__wrap {
    gap: 20px 30px;
  }
}
@media (max-width: 768px) {
  .temcourse__wrap {
    gap: 15px 20px;
  }
}
.temcourse__card {
  border-radius: 32px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  width: calc(50% - 20px);
}
@media (max-width: 1024px) {
  .temcourse__card {
    padding: 25px;
    border-radius: 27px;
    gap: 12px;
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .temcourse__card {
    padding: 20px;
    border-radius: 22px;
    gap: 10px;
    width: 100%;
  }
}
.temcourse__name {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 140%;
  margin: 0;
}
@media (max-width: 1024px) {
  .temcourse__name {
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .temcourse__name {
    font-size: 20px;
  }
}
.temcourse__list {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
  padding-left: 35px;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .temcourse__list {
    margin-bottom: 12px;
    font-size: 18px;
    padding-left: 32px;
  }
}
@media (max-width: 768px) {
  .temcourse__list {
    margin-bottom: 10px;
    font-size: 16px;
    padding-left: 30px;
  }
}
.temcourse__list li::marker {
  color: var(--Blue, #5676C3);
}
.temcourse__link {
  margin-top: auto;
}

.zapis__title {
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .zapis__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .zapis__title {
    margin-bottom: 30px;
  }
}
.zapis__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 110px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1250px) {
  .zapis__wrap {
    gap: 60px;
  }
}
@media (max-width: 1024px) {
  .zapis__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 50px;
  }
}
@media (max-width: 768px) {
  .zapis__wrap {
    gap: 40px;
  }
}
.zapis__left {
  width: calc(100% - 470px);
}
@media (max-width: 1250px) {
  .zapis__left {
    width: calc(100% - 380px);
  }
}
@media (max-width: 1024px) {
  .zapis__left {
    width: 100%;
  }
}
.zapis__course {
  width: 360px;
  border-radius: 20px;
  background: var(--Gray, #F0F4FD);
  padding: 30px 20px;
}
@media (max-width: 1250px) {
  .zapis__course {
    width: 320px;
  }
}
@media (max-width: 1024px) {
  .zapis__course {
    width: 100%;
    border-radius: 19px;
  }
}
@media (max-width: 768px) {
  .zapis__course {
    border-radius: 18px;
  }
}
.zapis__namec {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .zapis__namec {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .zapis__namec {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.zapis__name {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .zapis__name {
    font-size: 33px;
    margin-bottom: 27px;
  }
}
@media (max-width: 768px) {
  .zapis__name {
    font-size: 26px;
    margin-bottom: 25px;
  }
}
.zapis__tarif {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin: 0 0 10px;
}
@media (max-width: 1024px) {
  .zapis__tarif {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .zapis__tarif {
    font-size: 14px;
  }
}
.zapis__price {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .zapis__price {
    font-size: 22px;
    margin-bottom: 27px;
  }
}
@media (max-width: 768px) {
  .zapis__price {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
.zapis__conf {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  margin: 0;
  display: inline-block;
}
@media (max-width: 1024px) {
  .zapis__conf {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .zapis__conf {
    font-size: 14px;
  }
}
.zapis__conf:hover {
  text-decoration: none;
}
.zapis__t {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .zapis__t {
    margin-bottom: 25px;
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .zapis__t {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.zapis__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 768px) {
  .zapis__wr {
    gap: 15px;
  }
}
.zapis__wr > * {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .zapis__wr > * {
    width: calc(50% - 7.5px);
  }
}
@media (max-width: 550px) {
  .zapis__wr > * {
    width: 100%;
  }
}
.zapis__btns {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .zapis__btns {
    margin-top: 15px;
  }
}
.zapis__btns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  padding: 3px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
}
.zapis__btns button:hover {
  opacity: 0.8;
}
.zapis__btns button svg {
  display: block;
  width: 18px;
  height: auto;
}
.zapis__btns button.zapis__otm {
  color: var(--Red, #E15233);
}
.zapis__btns button.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.zapis__opl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 1024px) {
  .zapis__opl {
    margin-top: 22px;
    padding-top: 22px;
  }
}
@media (max-width: 768px) {
  .zapis__opl {
    margin-top: 20px;
    padding-top: 20px;
    gap: 10px;
  }
}
.zapis__opl a {
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  width: calc(33.3333333333% - 13.3333333333px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
  text-align: center;
}
@media (max-width: 768px) {
  .zapis__opl a {
    width: calc(50% - 5px);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media (max-width: 550px) {
  .zapis__opl a {
    width: 100%;
  }
}
.zapis__tink {
  border: 2px solid var(--Black, #18191E);
  padding: 10px 22px;
  color: var(--Black, #18191E);
}
.zapis__tink:hover {
  background-color: var(--Black, #18191E);
  color: #fff;
}
.zapis__dol {
  background: var(--Black, #18191E);
  padding: 12px 24px;
  color: var(--White, #FFF);
}
.zapis__dol svg {
  display: block;
  width: 18px;
  height: auto;
}
.zapis__dol:hover {
  opacity: 0.8;
}
.zapis__onl {
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  color: var(--White, #FFF);
}
.zapis__onl:hover {
  opacity: 0.8;
}
.zapis__gf {
  margin-top: 30px;
  display: none;
}
.zapis__gf.active {
  display: block;
}
.zapis__gfTitle {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .zapis__gfTitle {
    margin-bottom: 25px;
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .zapis__gfTitle {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.zapis__gfDescr {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin: 20px 0 0;
}
@media (max-width: 1024px) {
  .zapis__gfDescr {
    margin-top: 17px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .zapis__gfDescr {
    margin-top: 15px;
    font-size: 14px;
  }
}

.svedeniy__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .svedeniy__wrap {
    gap: 50px;
  }
}
@media (max-width: 768px) {
  .svedeniy__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }
}
.svedeniy__anch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  width: 300px;
  position: sticky;
  top: 100px;
}
@media (max-width: 1024px) {
  .svedeniy__anch {
    width: 230px;
    gap: 17px;
    top: 90px;
  }
}
@media (max-width: 768px) {
  .svedeniy__anch {
    width: 100%;
    gap: 15px;
    position: static;
    top: initial;
  }
}
.svedeniy__anch a {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .svedeniy__anch a {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .svedeniy__anch a {
    font-size: 13px;
  }
}
.svedeniy__anch a:hover {
  color: var(--Blue, #5676C3);
}
.svedeniy__cont {
  width: calc(100% - 370px);
}
@media (max-width: 1024px) {
  .svedeniy__cont {
    width: calc(100% - 280px);
  }
}
@media (max-width: 768px) {
  .svedeniy__cont {
    width: 100%;
  }
}
.svedeniy__title {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .svedeniy__title {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .svedeniy__title {
    margin-bottom: 20px;
    display: none;
  }
}
.svedeniy__title--mob {
  display: none;
}
@media (max-width: 768px) {
  .svedeniy__title--mob {
    display: block;
  }
}
.svedeniy__wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .svedeniy__wr {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .svedeniy__wr {
    gap: 30px;
  }
}

.lk__title {
  max-width: 700px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .lk__title {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .lk__title {
    margin-bottom: 30px;
  }
}
.lk__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 1250px) {
  .lk__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .lk__wrap {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .lk__wrap {
    gap: 20px;
  }
}
.lk__card {
  border-radius: 32px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  width: 700px;
  padding: 40px 50px;
}
@media (max-width: 1250px) {
  .lk__card {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .lk__card {
    padding: 35px 35px;
    border-radius: 25px;
  }
}
@media (max-width: 768px) {
  .lk__card {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.lk__inf {
  border-radius: 32px;
  background: var(--Gray, #F0F4FD);
  width: 580px;
  padding: 40px;
}
@media (max-width: 1250px) {
  .lk__inf {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .lk__inf {
    padding: 35px 30px;
    border-radius: 25px;
  }
}
@media (max-width: 768px) {
  .lk__inf {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.lk__cardT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .lk__cardT {
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .lk__cardT {
    margin-bottom: 15px;
  }
}
.lk__cardName {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
}
@media (max-width: 1024px) {
  .lk__cardName {
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .lk__cardName {
    font-size: 22px;
  }
}
.lk__cardEdit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 23px;
  min-width: 23px;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .lk__cardEdit {
    width: 19px;
    min-width: 19px;
  }
}
@media (max-width: 768px) {
  .lk__cardEdit {
    width: 16px;
    min-width: 16px;
  }
}
.lk__cardEdit:hover {
  opacity: 0.7;
}
.lk__cardInf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 1024px) {
  .lk__cardInf {
    gap: 22px;
  }
}
@media (max-width: 768px) {
  .lk__cardInf {
    gap: 15px;
  }
}
@media (max-width: 600px) {
  .lk__cardInf {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.lk__cardImg {
  width: 250px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 14px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}
@media (max-width: 600px) {
  .lk__cardImg {
    width: 80px;
    display: none;
  }
}
@media (max-width: 600px) {
  .lk__cardImg--mob {
    display: block;
    border-radius: 8px;
  }
}
.lk__cardInf2 {
  width: calc(100% - 280px);
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media (max-width: 1024px) {
  .lk__cardInf2 {
    width: calc(100% - 272px);
  }
}
@media (max-width: 768px) {
  .lk__cardInf2 {
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .lk__cardInf2 {
    width: 100%;
  }
}
.lk__cardName2 {
  color: var(--Black, #18191E);
  font-size: 26px;
  font-weight: 600;
  line-height: 110%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .lk__cardName2 {
    margin-bottom: 15px;
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .lk__cardName2 {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
@media (max-width: 600px) {
  .lk__cardName2 {
    display: none;
  }
}
.lk__cardName2--mob {
  display: none;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .lk__cardName2--mob {
    display: block;
  }
}
.lk__cardWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .lk__cardWr {
    gap: 20px 10px;
  }
}
.lk__cardW {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 768px) {
  .lk__cardW {
    width: calc(50% - 5px);
  }
}
.lk__cardW span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .lk__cardW span {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .lk__cardW span {
    font-size: 12px;
  }
}
.lk__cardW div {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .lk__cardW div {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .lk__cardW div {
    font-size: 14px;
  }
}
.lk__cardTest {
  color: var(--Blue, #5676C3);
  font-size: 15px;
  font-weight: 400;
  line-height: 110%;
  margin-top: 30px;
  display: inline-block;
  border-bottom: 1px dashed var(--Blue, #5676C3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .lk__cardTest {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .lk__cardTest {
    font-size: 13px;
  }
}
@media (max-width: 600px) {
  .lk__cardTest {
    display: none;
  }
}
@media (max-width: 600px) {
  .lk__cardTest--mob {
    display: block;
    border: none;
    text-decoration: underline;
    margin-top: 0;
  }
}
.lk__cardTest:hover {
  border-color: transparent;
}
.lk__cardPromo {
  width: 250px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  border: 2px solid var(--Blue, #5676C3);
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  padding: 10px 22px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .lk__cardPromo {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .lk__cardPromo {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .lk__cardPromo {
    margin-top: 20px;
    width: 100%;
  }
}
.lk__cardPromo:hover {
  background-color: var(--Blue, #5676C3);
  color: #fff;
}
.lk__infName {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .lk__infName {
    margin-bottom: 17px;
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .lk__infName {
    margin-bottom: 15px;
    font-size: 22px;
  }
}
.lk__infAct {
  color: var(--Black, #18191E);
  font-size: 24px;
  font-weight: 600;
  line-height: 110%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .lk__infAct {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .lk__infAct {
    font-size: 20px;
  }
}
.lk__infLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.lk__infLinks button {
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  padding: 18px 24px;
  border-radius: 10px;
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .lk__infLinks button {
    font-size: 15px;
    padding: 15px 24px;
    border-radius: 9px;
  }
}
@media (max-width: 768px) {
  .lk__infLinks button {
    font-size: 14px;
    padding: 12px 24px;
    border-radius: 8px;
  }
}
@media (max-width: 600px) {
  .lk__infLinks button {
    width: 100%;
  }
}
.lk__infLinks button:hover {
  opacity: 0.8;
}
.lk__infBtn1 {
  background: var(--Pink, #F298D4);
}
.lk__infBtn2 {
  background: var(--Blue, #5676C3);
}
.lk__infEnd {
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .lk__infEnd {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .lk__infEnd {
    margin-top: 20px;
  }
}
.lk__infEndTitle {
  color: var(--Black, #18191E);
  font-size: 24px;
  font-weight: 600;
  line-height: 110%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .lk__infEndTitle {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .lk__infEndTitle {
    font-size: 20px;
  }
}
.lk__infEndList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1024px) {
  .lk__infEndList {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .lk__infEndList {
    gap: 10px;
  }
}
.lk__infEndCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 1024px) {
  .lk__infEndCard {
    gap: 5px;
  }
}
@media (max-width: 768px) {
  .lk__infEndCard {
    gap: 4px;
  }
}
.lk__infEndCard span {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .lk__infEndCard span {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .lk__infEndCard span {
    font-size: 14px;
  }
}
.lk__infEndCard div {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .lk__infEndCard div {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .lk__infEndCard div {
    font-size: 12px;
  }
}
.lk__cardMob {
  display: none;
}
@media (max-width: 600px) {
  .lk__cardMob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
}
.lk__cardMobInf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 95px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.proverka__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media (max-width: 1024px) {
  .proverka__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.proverka__test {
  border-radius: 40px;
  background: var(--White, #FFF);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  width: 860px;
  padding: 40px;
}
@media (max-width: 1024px) {
  .proverka__test {
    width: 100%;
    padding: 35px 30px;
    border-radius: 29px;
  }
}
@media (max-width: 768px) {
  .proverka__test {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.proverka__bn {
  border-radius: 26px;
  background: var(--Gray, #F0F4FD);
  width: 440px;
  max-width: 100%;
  padding: 40px 30px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .proverka__bn {
    padding: 35px 25px;
    border-radius: 22px;
  }
}
@media (max-width: 768px) {
  .proverka__bn {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.proverka__bn.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.proverka__bnTitle {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .proverka__bnTitle {
    margin-bottom: 17px;
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .proverka__bnTitle {
    margin-bottom: 15px;
    font-size: 24px;
  }
}
.proverka__bnText {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .proverka__bnText {
    margin-bottom: 25px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .proverka__bnText {
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.proverka__bnLink {
  margin-top: auto;
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 20px;
  width: 100%;
}
@media (max-width: 1024px) {
  .proverka__bnLink {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .proverka__bnLink {
    font-size: 14px;
  }
}
.proverka__bnLink:hover {
  opacity: 0.8;
}
.proverka__test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .proverka__test {
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .proverka__test {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.proverka__testStep {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .proverka__testStep {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .proverka__testStep.final {
    display: none;
  }
}
.proverka__testStep.hidden {
  display: none;
}
.proverka__testStepWr {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}
.proverka__testStepWr.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .proverka__testStepWr {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.proverka__testStepWr span {
  white-space: nowrap;
  color: var(--Black-30, rgba(24, 25, 30, 0.3));
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .proverka__testStepWr span {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .proverka__testStepWr span {
    font-size: 12px;
  }
}
.proverka__testStepWrBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.proverka__testStepWrBtns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 60px;
  background: var(--Blue, #5676C3);
  width: 40px;
  min-width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .proverka__testStepWrBtns button {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
}
@media (max-width: 768px) {
  .proverka__testStepWrBtns button {
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
}
.proverka__testStepWrBtns button svg {
  display: block;
  width: 16px;
  height: auto;
}
@media (max-width: 1024px) {
  .proverka__testStepWrBtns button svg {
    width: 15px;
  }
}
@media (max-width: 768px) {
  .proverka__testStepWrBtns button svg {
    width: 14px;
  }
}
.proverka__testStepWrBtns button:hover {
  opacity: 0.8;
}
.proverka__testStepWrBtns button[disabled] {
  opacity: 0.55;
  cursor: no-drop;
}
.proverka__testQw {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 768px) {
  .proverka__testQw {
    width: 100%;
  }
}
.proverka__testVopr {
  display: none;
}
.proverka__testVopr.active {
  display: block;
}
.proverka__testName {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .proverka__testName {
    margin-bottom: 25px;
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  .proverka__testName {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.proverka__testVoprText {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .proverka__testVoprText {
    font-size: 17px;
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .proverka__testVoprText {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.proverka__testRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 1024px) {
  .proverka__testRadio {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .proverka__testRadio {
    gap: 10px;
  }
}
.proverka__testRadio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.proverka__testRadio label input {
  display: none;
}
.proverka__testRadio label input:checked + .decor {
  border-color: var(--Blue, #5676C3);
}
.proverka__testRadio label input:checked + .decor::after {
  background-color: var(--Blue, #5676C3);
  opacity: 1;
}
.proverka__testRadio label span {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .proverka__testRadio label span {
    font-size: 16px;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  .proverka__testRadio label span {
    font-size: 14px;
    line-height: 1.2;
  }
}
.proverka__testRadio label .decor {
  border-radius: 20px;
  border: 1.5px solid var(--Gray-Text, #BBBFC6);
  width: 18px;
  min-width: 18px;
  height: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
@media (max-width: 1024px) {
  .proverka__testRadio label .decor {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
}
@media (max-width: 768px) {
  .proverka__testRadio label .decor {
    width: 14px;
    min-width: 14px;
    height: 14px;
  }
}
.proverka__testRadio label .decor::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  opacity: 0;
}
.proverka__testAudio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .proverka__testAudio {
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .proverka__testAudio {
    margin-bottom: 15px;
  }
}
.proverka__testAudio span {
  color: var(--Black-30, rgba(24, 25, 30, 0.3));
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
}
.proverka__testAudio .audio {
  display: block;
  width: 100%;
  max-width: 500px;
  border-radius: 12px !important;
  background: var(--Gray, #F0F4FD) !important;
  overflow: hidden;
}
.proverka__testAudio .audio .pjscssed {
  background: var(--Gray, #F0F4FD) !important;
}
.proverka__testAudio .audio iframe {
  background: var(--Gray, #F0F4FD) !important;
}
.proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv pjsdiv + pjsdiv > pjsdiv path {
  fill: #000;
}
.proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv {
  opacity: 0 !important;
}
.proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv pjsdiv + pjsdiv > pjsdiv polygon, .proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv pjsdiv + pjsdiv > pjsdiv path {
  fill: #000;
}
.proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv > pjsdiv + pjsdiv > pjsdiv + pjsdiv + pjsdiv {
  background: #5676C3 !important;
}
.proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv > pjsdiv + pjsdiv > pjsdiv + pjsdiv + pjsdiv {
  background: #5676C3 !important;
  height: 6px !important;
}
.proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv, .proverka__testAudio .audio iframe + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv + pjsdiv * {
  pointer-events: none !important;
}
.proverka__testFinalTitle {
  color: var(--Black, #18191E);
  font-size: 40px;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 10px;
}
@media (max-width: 1024px) {
  .proverka__testFinalTitle {
    font-size: 28px;
    line-height: 1/3;
  }
}
@media (max-width: 768px) {
  .proverka__testFinalTitle {
    font-size: 16px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.proverka__testFinalTitle span {
  display: none;
}
@media (max-width: 768px) {
  .proverka__testFinalTitle span {
    display: inline;
    color: var(--Blue, #5676C3);
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
  }
}
.proverka__testFinalLevel {
  color: var(--Black, #18191E);
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 10px;
}
@media (max-width: 1024px) {
  .proverka__testFinalLevel {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .proverka__testFinalLevel {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.proverka__testFinalCourse {
  margin: 0 0 40px;
}
@media (max-width: 1024px) {
  .proverka__testFinalCourse {
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .proverka__testFinalCourse {
    margin-bottom: 30px;
  }
}
.proverka__testFinalCourse span {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .proverka__testFinalCourse span {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .proverka__testFinalCourse span {
    font-size: 14px;
  }
}
.proverka__testFinalCourse a {
  color: var(--Blue, #5676C3);
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px dashed var(--Blue, #5676C3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .proverka__testFinalCourse a {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .proverka__testFinalCourse a {
    font-size: 14px;
  }
}
.proverka__testFinalCourse a:hover {
  border-color: transparent;
}
.proverka__testFinalRec {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  max-width: 260px;
  margin: 0 0 10px;
}
@media (max-width: 1024px) {
  .proverka__testFinalRec {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .proverka__testFinalRec {
    font-size: 13px;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
  }
}
.proverka__testFinalLink {
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px dashed var(--Blue, #5676C3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .proverka__testFinalLink {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .proverka__testFinalLink {
    font-size: 14px;
  }
}
.proverka__testFinalLink:hover {
  border-color: transparent;
}
.proverka__testStepFinal {
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.proverka__testStepFinal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .proverka__testStepFinal {
    width: 100%;
    font-size: 14px;
  }
}
.proverka__testStepFinal:hover {
  opacity: 0.8;
}
.proverka__testStepWrFinal {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.proverka__testStepWrFinal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.proverka__testStepWrFinal span {
  color: var(--Black, #18191E);
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .proverka__testStepWrFinal span {
    font-size: 20px;
  }
}
.proverka__testStepWrFinal div {
  width: 100%;
  height: 7px;
  border-radius: 10px;
  background: #D9D9D9;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .proverka__testStepWrFinal div {
    height: 6px;
  }
}
.proverka__testStepWrFinal div div {
  border-radius: 10px;
  background: var(--Blue, #5676C3);
}
.proverka__testVoprS {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.proverka__testVoprS.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.proverka__testVoprSL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.proverka__testVoprST {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
}
@media (max-width: 1024px) {
  .proverka__testVoprST {
    font-size: 29px;
  }
}
@media (max-width: 768px) {
  .proverka__testVoprST {
    font-size: 22px;
  }
}
.proverka__testVoprSH {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
}
@media (max-width: 1024px) {
  .proverka__testVoprSH {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .proverka__testVoprSH {
    font-size: 16px;
  }
}
.proverka__testVoprSSvg {
  width: 160px;
  min-width: 160px;
  height: 160px;
  border-radius: 50%;
  border-radius: 160px;
  background: rgba(45, 192, 68, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.proverka__testVoprSSvg--error {
  background-color: rgba(225, 82, 51, 0.1);
}
@media (max-width: 1024px) {
  .proverka__testVoprSSvg {
    width: 110px;
    height: 110px;
    min-width: 110px;
  }
}
@media (max-width: 768px) {
  .proverka__testVoprSSvg {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
}
.proverka__testVoprSSvg svg {
  display: block;
  width: 60px;
  height: auto;
}
@media (max-width: 1024px) {
  .proverka__testVoprSSvg svg {
    width: 45px;
  }
}
@media (max-width: 768px) {
  .proverka__testVoprSSvg svg {
    width: 30px;
  }
}
.proverka__testVoprSLi {
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
}
@media (max-width: 1024px) {
  .proverka__testVoprSLi {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .proverka__testVoprSLi {
    font-size: 14px;
  }
}
.proverka__testVoprSLi:hover {
  opacity: 0.8;
}

.testInfo {
  margin: 30px 0;
}
.testInfo__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 32px;
  background: var(--Gray, #F0F4FD);
  padding: 40px;
}
@media (max-width: 1024px) {
  .testInfo__wrap {
    padding: 35px 30px;
    border-radius: 25px;
  }
}
@media (max-width: 768px) {
  .testInfo__wrap {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
@media (max-width: 600px) {
  .testInfo__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.testInfo__progress {
  width: 80px;
  min-width: 80px;
  position: relative;
}
@media (max-width: 600px) {
  .testInfo__progress {
    width: 100%;
  }
}
.testInfo__progress span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .testInfo__progress span {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .testInfo__progress span {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .testInfo__progress span {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: initial;
    left: initial;
  }
}
.testInfo__progress svg {
  display: block;
  fill: none;
  stroke-width: 10px !important;
  stroke: rgba(86, 118, 195, 0.1);
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 100%;
  height: auto;
}
@media (max-width: 600px) {
  .testInfo__progress svg {
    display: none;
  }
}
.testInfo__progress svg:last-of-type {
  z-index: 3;
  stroke: #5676C3;
  stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
  stroke-dasharray: 1068.14128;
}
.testInfo__progress div {
  display: none;
}
@media (max-width: 600px) {
  .testInfo__progress div {
    display: block;
    margin-top: 8px;
    width: 100%;
    border-radius: 4px;
    background: rgba(86, 118, 195, 0.1);
    height: 4px;
  }
  .testInfo__progress div div {
    border-radius: 4px;
    background: var(--Blue, #5676C3);
  }
}
.testInfo__inf {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 600px) {
  .testInfo__inf {
    width: 100%;
  }
}
.testInfo__date {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin: 0 0 10px;
}
@media (max-width: 1024px) {
  .testInfo__date {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .testInfo__date {
    font-size: 13px;
  }
}
.testInfo__name {
  color: var(--Black, #18191E);
  font-family: "Soyuz Grotesk";
  font-size: 50px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .testInfo__name {
    font-size: 45px;
  }
}
@media (max-width: 768px) {
  .testInfo__name {
    font-size: 40px;
  }
}
.testInfo__link {
  color: var(--Blue, #5676C3);
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px dashed var(--Blue, #5676C3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .testInfo__link {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .testInfo__link {
    font-size: 16px;
  }
}
.testInfo__link:hover {
  border-color: transparent;
}

.test {
  overflow: hidden;
}
.test__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .test__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .test__wrap {
    gap: 30px;
  }
}
.test__nav {
  border-radius: 32px;
  background: var(--Gray, #F0F4FD);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  width: 350px;
}
@media (max-width: 1024px) {
  .test__nav {
    width: 100%;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    overflow: auto;
    margin-left: -17px;
    margin-right: -17px;
    padding-left: 17px;
    padding-right: 17px;
    width: 100vw;
  }
}
@media (max-width: 768px) {
  .test__nav {
    margin-left: -14px;
    margin-right: -14px;
    padding-left: 14px;
    padding-right: 14px;
  }
}
.test__nav a {
  border-radius: 12px;
  opacity: 0.6;
  border-left: 5px solid var(--Blue, #5676C3);
  border-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 16px 16px 16px 40px;
  counter-increment: test;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .test__nav a {
    border-radius: 0;
    padding: 8px 14px;
    border-radius: 8px;
    border: none;
  }
}
.test__nav a.success {
  opacity: 1;
  pointer-events: all;
}
.test__nav a.success svg {
  display: block;
}
.test__nav a.success .test__navText span {
  color: var(--Green, #2DC044);
}
.test__nav a.active {
  opacity: 1;
  border-color: var(--Blue, #5676C3);
  background: var(--White, #FFF);
  pointer-events: all;
}
@media (max-width: 1024px) {
  .test__nav a.active {
    background: var(--Gray, #F0F4FD);
  }
}
.test__nav a.this {
  opacity: 1;
  pointer-events: all;
}
.test__nav a.error .test__navText span {
  color: var(--Red, #E15233);
}
.test__navName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  margin: 0 0 10px;
  position: relative;
}
@media (max-width: 1024px) {
  .test__navName {
    font-size: 15px;
    gap: 12px;
    white-space: nowrap;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .test__navName {
    font-size: 14px;
    gap: 10px;
  }
}
.test__navName::after {
  content: counter(test);
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
@media (max-width: 1024px) {
  .test__navName::after {
    content: none;
  }
}
.test__navName svg {
  display: none;
  width: 16px;
  min-width: 16px;
  height: auto;
}
.test__navText {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 1024px) {
  .test__navText {
    display: none;
  }
}
.test__test {
  width: calc(100% - 410px);
}
@media (max-width: 1024px) {
  .test__test {
    width: 100%;
  }
}
.test__testNumber {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 18px;
  font-weight: 400;
  line-height: 110%;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .test__testNumber {
    margin-bottom: 13px;
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .test__testNumber {
    margin-bottom: 12px;
    font-size: 16px;
  }
}
.test__testTheme {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .test__testTheme {
    margin-bottom: 25px;
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .test__testTheme {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.test__testList {
  border-radius: 32px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 1024px) {
  .test__testList {
    padding: 30px 25px;
    gap: 30px;
    border-radius: 25px;
  }
}
@media (max-width: 768px) {
  .test__testList {
    padding: 30px 20px;
    gap: 20px;
    border-radius: 18px;
  }
}
.test__testList > div {
  width: calc(50% - 20px);
}
@media (max-width: 1024px) {
  .test__testList > div {
    width: calc(50% - 15px);
  }
}
@media (max-width: 768px) {
  .test__testList > div {
    width: 100%;
  }
}
.test__testList > div ul {
  margin: 0;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.test__testList > div ul li {
  position: relative;
  padding-left: 25px;
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .test__testList > div ul li {
    padding-left: 22px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .test__testList > div ul li {
    padding-left: 20px;
    font-size: 14px;
  }
}
.test__testList > div ul li::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url("/img/chl.svg") no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.test__testListName {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .test__testListName {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .test__testListName {
    font-size: 14px;
  }
}
.test__video {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 25, 30, 0.6)), to(rgba(24, 25, 30, 0.6))), url(<path-to-image>) lightgray -45.714px -128px/110.047% 157.175% no-repeat;
  background: linear-gradient(0deg, rgba(24, 25, 30, 0.6) 0%, rgba(24, 25, 30, 0.6) 100%), url(<path-to-image>) lightgray -45.714px -128px/110.047% 157.175% no-repeat;
  width: 100%;
  margin: 30px 0;
  overflow: hidden;
  border-radius: 32px;
}
@media (max-width: 1024px) {
  .test__video {
    margin-bottom: 25px;
    border-radius: 25px;
  }
}
@media (max-width: 768px) {
  .test__video {
    margin-bottom: 20px;
    border-radius: 18px;
  }
}
.test__video video {
  display: block;
  width: 100%;
}
.test__links {
  margin: 30px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 20px;
}
@media (max-width: 1024px) {
  .test__links {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .test__links {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.test__links a {
  border-radius: 22px;
  background: var(--Gray, #F0F4FD);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  width: calc(50% - 10px);
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .test__links a {
    padding: 18px;
    gap: 12px;
    font-size: 19px;
    border-radius: 18px;
  }
}
@media (max-width: 768px) {
  .test__links a {
    padding: 16px;
    gap: 10px;
    font-size: 18px;
    border-radius: 14px;
  }
}
@media (max-width: 650px) {
  .test__links a {
    width: 100%;
  }
}
.test__links a:hover {
  opacity: 0.8;
}
.test__links a .svg {
  border-radius: 12px;
  background: var(--Blue, #5676C3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
}
@media (max-width: 1024px) {
  .test__links a .svg {
    width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 10px;
  }
}
@media (max-width: 768px) {
  .test__links a .svg {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 8px;
  }
}
.test__links a .svg svg {
  display: block;
  width: 24px;
  height: auto;
}
@media (max-width: 1024px) {
  .test__links a .svg svg {
    width: 20px;
  }
}
@media (max-width: 768px) {
  .test__links a .svg svg {
    width: 16px;
  }
}
.test__linksDzPr {
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--color2);
}
@media (max-width: 1024px) {
  .test__linksDzPr {
    font-size: 13px;
    width: 38px;
    min-width: 38px;
    height: 38px;
  }
}
@media (max-width: 768px) {
  .test__linksDzPr {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
}
.test__linksDzPr.error {
  --color: rgba(225, 82, 51, 0.15);
  --color2: #E15233;
}
.test__linksDzPr.success {
  --color: rgba(45, 192, 67, 0.15);
  --color2: #2DC044;
}
.test__linksDzPr svg {
  display: block;
  fill: none;
  stroke-width: 16px !important;
  stroke: var(--color);
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 100%;
  height: auto;
}
.test__linksDzPr svg:last-of-type {
  z-index: 3;
  stroke: var(--color2);
  stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
  stroke-dasharray: 1068.14128;
}
.test__linksDz .svg {
  background: var(--Pink, #F298D4) !important;
}
.test__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px 20px;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .test__navigation {
    margin-top: 45px;
  }
}
@media (max-width: 768px) {
  .test__navigation {
    margin-top: 40px;
  }
}
.test__navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .test__navigation a {
    font-size: 14px;
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .test__navigation a {
    font-size: 13px;
    gap: 6px;
  }
}
.test__navigation a:hover {
  opacity: 0.8;
}
.test__navigation a svg {
  display: block;
  width: 12px;
  height: auto;
}
@media (max-width: 1024px) {
  .test__navigation a svg {
    width: 11px;
  }
}
@media (max-width: 768px) {
  .test__navigation a svg {
    width: 10px;
  }
}
.test__navigation a.dis {
  pointer-events: none;
  opacity: 0.3;
}
.test__tt {
  margin-top: 20px;
  border-radius: 32px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  padding: 30px;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 1024px) {
  .test__tt {
    padding: 30px 25px;
    border-radius: 25px;
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .test__tt {
    padding: 30px 20px;
    border-radius: 18px;
    margin-top: 30px;
  }
}
.test__ttTest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 10px;
}
@media (max-width: 1024px) {
  .test__ttTest {
    gap: 12px;
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  .test__ttTest {
    gap: 10px;
    font-size: 18px;
  }
}
.test__ttTest svg {
  display: block;
  width: 24px;
  min-width: 24px;
  height: auto;
}
@media (max-width: 1024px) {
  .test__ttTest svg {
    width: 22px;
    min-width: 22px;
  }
}
@media (max-width: 768px) {
  .test__ttTest svg {
    width: 20px;
    min-width: 20px;
  }
}
.test__ttText {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .test__ttText {
    margin-bottom: 25px;
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .test__ttText {
    margin-bottom: 30px;
  }
}

.dzLesson__title {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .dzLesson__title {
    font-size: 29px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .dzLesson__title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.dzLesson__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1024px) {
  .dzLesson__wrap {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .dzLesson__wrap {
    gap: 10px;
  }
}
.dzLesson__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 16px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 20px;
  width: calc(25% - 15px);
  opacity: 0.6;
  --color: rgba(24, 25, 30, 0.10);
  --color2: rgba(24, 25, 30, 0.10);
  --color3: rgba(24, 25, 30, 0.30);
}
@media (max-width: 1200px) {
  .dzLesson__card {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
@media (max-width: 1024px) {
  .dzLesson__card {
    padding: 18px;
    gap: 13px;
    border-radius: 14px;
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 768px) {
  .dzLesson__card {
    padding: 16px;
    gap: 10px;
    border-radius: 12px;
    width: calc(50% - 5px);
  }
}
@media (max-width: 550px) {
  .dzLesson__card {
    width: 100%;
  }
}
.dzLesson__card.success {
  opacity: 1;
  --color: rgba(45, 192, 68, 0.15);
  --color2: #2DC044;
  --color3: #2DC044;
}
.dzLesson__card.error {
  opacity: 1;
  --color: rgba(225, 82, 51, 0.15);
  --color2: #E15233;
  --color3: #E15233;
}
.dzLesson__card:hover {
  opacity: 1;
}
.dzLesson__name {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .dzLesson__name {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .dzLesson__name {
    font-size: 16px;
  }
}
.dzLesson__progress {
  width: 38px;
  min-width: 38px;
  height: 38px;
  position: relative;
}
@media (max-width: 1024px) {
  .dzLesson__progress {
    width: 35px;
    min-width: 35px;
    height: 35px;
  }
}
@media (max-width: 768px) {
  .dzLesson__progress {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}
.dzLesson__progress span {
  color: var(--color3);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .dzLesson__progress span {
    font-size: 13px;
  }
}
.dzLesson__progress svg {
  display: block;
  fill: none;
  stroke-width: 16px !important;
  stroke: var(--color);
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 100%;
  height: auto;
}
.dzLesson__progress svg:last-of-type {
  z-index: 3;
  stroke: var(--color2);
  stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
  stroke-dasharray: 1068.14128;
}

.dzModul__title {
  color: var(--Black, #18191E);
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .dzModul__title {
    font-size: 29px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .dzModul__title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.dzModul__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1024px) {
  .dzModul__wrap {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .dzModul__wrap {
    gap: 10px;
  }
}
.dzModul__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 16px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 20px;
  width: calc(25% - 15px);
  --color6: rgba(24, 25, 30, 0.60);
}
.dzModul__card.success {
  --color6: #2DC044;
}
.dzModul__card.success .dzModul__resultA {
  opacity: 1;
  pointer-events: all;
}
.dzModul__card.error {
  --color6: #E15233;
}
.dzModul__card.error .dzModul__resultA {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 1350px) {
  .dzModul__card {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
@media (max-width: 1024px) {
  .dzModul__card {
    padding: 18px;
    gap: 17px;
    border-radius: 14px;
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 768px) {
  .dzModul__card {
    padding: 16px;
    gap: 15px;
    border-radius: 12px;
    width: calc(50% - 5px);
  }
}
@media (max-width: 600px) {
  .dzModul__card {
    width: 100%;
  }
}
.dzModul__card > div:not(.dzModul__btns) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.dzModul__name {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  margin: 0;
}
@media (max-width: 1024px) {
  .dzModul__name {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .dzModul__name {
    font-size: 16px;
  }
}
.dzModul__result {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .dzModul__result {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .dzModul__result {
    font-size: 12px;
  }
}
.dzModul__result span {
  color: var(--color6);
}
.dzModul__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dzModul__blue {
  border-radius: 30px;
  background: var(--Blue, #5676C3);
  width: calc(50% - 2.5px);
  color: var(--White, #FFF);
  font-size: 14px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 12px 20px;
}
@media (max-width: 1024px) {
  .dzModul__blue {
    font-size: 13px;
  }
}
@media (max-width: 950px) {
  .dzModul__blue {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .dzModul__blue {
    font-size: 12px;
    width: calc(50% - 2.5px);
  }
}
.dzModul__blue:hover {
  opacity: 0.8;
}
.dzModul__resultA {
  border-radius: 30px;
  background: var(--Black, #18191E);
  width: calc(50% - 2.5px);
  color: var(--White, #FFF);
  font-size: 14px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 12px 20px;
  opacity: 0.6;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .dzModul__resultA {
    font-size: 13px;
  }
}
@media (max-width: 950px) {
  .dzModul__resultA {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .dzModul__resultA {
    font-size: 12px;
    width: calc(50% - 2.5px);
  }
}
.dzModul__resultA:hover {
  opacity: 0.8 !important;
}

.dzTest__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .dzTest__progress {
    margin-bottom: 45px;
    gap: 9px;
  }
}
@media (max-width: 768px) {
  .dzTest__progress {
    margin-bottom: 40px;
    gap: 8px;
  }
}
.dzTest__progress span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .dzTest__progress span {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzTest__progress span {
    font-size: 14px;
  }
}
.dzTest__progress div {
  border-radius: 6px;
  background: var(--Gray, #F0F4FD);
  width: 100%;
  height: 6px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .dzTest__progress div {
    height: 5px;
    border-radius: 5px;
  }
}
@media (max-width: 768px) {
  .dzTest__progress div {
    height: 4px;
    border-radius: 4px;
  }
}
.dzTest__progress div div {
  border-radius: 6px;
  background: var(--Blue, #5676C3);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .dzTest__progress div div {
    border-radius: 5px;
  }
}
@media (max-width: 768px) {
  .dzTest__progress div div {
    border-radius: 4px;
  }
}
.dzTest__container {
  max-width: 600px;
  margin: 0 auto;
}
.dzTest__theme {
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 50px;
}
@media (max-width: 1024px) {
  .dzTest__theme {
    font-size: 26px;
    margin-bottom: 45px;
  }
}
@media (max-width: 768px) {
  .dzTest__theme {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
.dzTest__steps {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px 20px;
}
@media (max-width: 1024px) {
  .dzTest__steps {
    margin-top: 55px;
  }
}
@media (max-width: 768px) {
  .dzTest__steps {
    margin-top: 60px;
    gap: 30px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.dzTest__prev {
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  padding: 10px 22px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 10px;
  border: 2px solid var(--Blue, #5676C3);
  background: var(--White, #FFF);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .dzTest__prev {
    font-size: 15px;
    border-radius: 9px;
  }
}
@media (max-width: 768px) {
  .dzTest__prev {
    font-size: 14px;
    border-radius: 8px;
    width: calc(50% - 5px);
  }
}
.dzTest__prev:hover {
  background-color: var(--Blue, #5676C3);
  color: #FFF;
}
.dzTest__next {
  display: none;
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  padding: 12px 24px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .dzTest__next {
    font-size: 15px;
    border-radius: 9px;
  }
}
@media (max-width: 768px) {
  .dzTest__next {
    font-size: 14px;
    border-radius: 8px;
    width: calc(50% - 5px);
  }
}
.dzTest__next:hover {
  opacity: 0.8;
}
.dzTest__next.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dzTest__stepsBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .dzTest__stepsBtns {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.dzTest__stepsBtns button {
  color: var(--Black-30, rgba(24, 25, 30, 0.3));
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  border-radius: 12px;
  text-align: center;
  background: var(--Gray, #F0F4FD);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .dzTest__stepsBtns button {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .dzTest__stepsBtns button {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 14px;
  }
}
.dzTest__stepsBtns button.ch {
  background: rgba(86, 118, 195, 0.6);
  color: var(--White, #FFF);
}
.dzTest__stepsBtns button.active, .dzTest__stepsBtns button:hover {
  color: var(--White, #FFF);
  background: var(--Blue, #5676C3);
}
.dzTest__quest {
  display: none;
}
.dzTest__quest.active {
  display: block;
}
.dzTest__questsNumber {
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .dzTest__questsNumber {
    margin-bottom: 17px;
    font-size: 19px;
  }
}
@media (max-width: 768px) {
  .dzTest__questsNumber {
    margin-bottom: 15px;
    font-size: 18px;
  }
}
.dzTest__questsQue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .dzTest__questsQue {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .dzTest__questsQue {
    margin-bottom: 20px;
  }
}
.dzTest__questsQueEn {
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}
@media (max-width: 1024px) {
  .dzTest__questsQueEn {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzTest__questsQueEn {
    font-size: 14px;
  }
}
.dzTest__questsQueRu {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}
@media (max-width: 1024px) {
  .dzTest__questsQueRu {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzTest__questsQueRu {
    font-size: 14px;
  }
}
.dzTest__questsAudio {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .dzTest__questsAudio {
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .dzTest__questsAudio {
    margin-bottom: 20px;
  }
}
.dzTest__questsAudio audio {
  display: none;
}
.dzTest__questsAudioBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border-radius: 16px;
  background: var(--Blue, #5676C3);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
}
@media (max-width: 1024px) {
  .dzTest__questsAudioBtns {
    width: 60px;
    height: 60px;
    border-radius: 14px;
  }
}
@media (max-width: 768px) {
  .dzTest__questsAudioBtns {
    width: 50px;
    height: 50px;
    border-radius: 12px;
  }
}
.dzTest__questsAudioBtns svg {
  display: block;
  width: 30px;
  height: auto;
}
@media (max-width: 1024px) {
  .dzTest__questsAudioBtns svg {
    width: 25px;
  }
}
@media (max-width: 768px) {
  .dzTest__questsAudioBtns svg {
    width: 20px;
  }
}
.dzTest__questsAudioBtns:hover {
  opacity: 0.8;
}
.dzTest__questsFlags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.dzTest__questsFlag {
  width: calc(33.3333333333% - 6.6666666667px);
  border-radius: 14px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--Gray, #F0F4FD);
  overflow: hidden;
  position: relative;
}
@media (max-width: 600px) {
  .dzTest__questsFlag {
    width: calc(50% - 5px);
    border-radius: 12px;
  }
}
.dzTest__questsFlag img {
  display: block;
  width: 100%;
  aspect-ratio: 193/104;
}
.dzTest__questsFlag ul {
  display: block;
  min-width: 50px;
  max-width: 100%;
  height: 35px;
  position: absolute;
  bottom: 8px;
  z-index: 5;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 600px) {
  .dzTest__questsFlag ul {
    height: 29px;
    bottom: 6px;
  }
}
.dzTest__questsFlag ul li {
  border-radius: 8px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  padding: 7px 15px;
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  cursor: pointer;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}
@media (max-width: 600px) {
  .dzTest__questsFlag ul li {
    padding: 5px 11px;
    font-size: 14px;
  }
}
.dzTest__questsFlag ul li:hover {
  border: 1px solid rgba(24, 25, 30, 0.2);
  color: var(--Black-60, rgba(24, 25, 30, 0.8));
}
.dzTest__questsFlagsOtv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 20px;
  border-top: 1px solid rgba(24, 25, 30, 0.1);
  padding-top: 20px;
}
.dzTest__questsFlagsOtv li {
  border-radius: 8px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  padding: 7px 15px;
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  cursor: pointer;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}
@media (max-width: 600px) {
  .dzTest__questsFlagsOtv li {
    padding: 5px 11px;
    font-size: 14px;
  }
}
.dzTest__questsFlagsOtv li:hover {
  border: 1px solid rgba(24, 25, 30, 0.2);
  color: var(--Black-60, rgba(24, 25, 30, 0.8));
}
.dzTest__questInp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .dzTest__questInp {
    gap: 15px;
  }
}
.dzTest__questInpCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  padding: 6.5px 0;
  width: calc(50% - 20px);
}
@media (max-width: 600px) {
  .dzTest__questInpCard {
    width: 100%;
    gap: 10px;
    padding: 0;
  }
}
.dzTest__questInpCard--full {
  width: 100%;
}
.dzTest__questInpCard--full .dzTest__questInpText {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 600px) {
  .dzTest__questInpCard--full .dzTest__questInpText {
    font-size: 14px;
  }
}
.dzTest__questInpCard input {
  display: block;
  width: calc(50% - 10px);
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  padding-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 600px) {
  .dzTest__questInpCard input {
    width: calc(50% - 5px);
    padding: 5px 0 4px;
    font-size: 16px;
  }
}
.dzTest__questInpCard input:hover, .dzTest__questInpCard input.active, .dzTest__questInpCard input:focus, .dzTest__questInpCard input:active {
  border-color: var(--Blue, #5676C3);
}
.dzTest__questInpText {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  width: calc(50% - 10px);
}
@media (max-width: 600px) {
  .dzTest__questInpText {
    font-size: 16px;
    width: calc(50% - 5px);
  }
}
.dzTest__questFl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}
.dzTest__questFlCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  width: calc(33.3333333333% - 6.6666666667px);
  position: relative;
  counter-increment: dzTest__questFlCard;
}
@media (max-width: 600px) {
  .dzTest__questFlCard {
    width: calc(50% - 5px);
  }
}
.dzTest__questFlCard::after {
  content: counter(dzTest__questFlCard) ".";
  position: absolute;
  left: 10px;
  bottom: 5px;
  pointer-events: none;
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questFlCard::after {
    font-size: 16px;
    left: 0;
  }
}
.dzTest__questFlCard img {
  display: block;
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--Gray, #F0F4FD);
  aspect-ratio: 193/104;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 600px) {
  .dzTest__questFlCard img {
    border-radius: 8px;
  }
}
.dzTest__questFlCard input {
  display: block;
  width: calc(50% - 10px);
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  padding-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 10px;
  width: calc(100% - 20px);
  padding-left: 30px;
}
@media (max-width: 600px) {
  .dzTest__questFlCard input {
    width: 100%;
    padding-left: 25px;
    font-size: 16px;
    margin: 0;
  }
}
.dzTest__questFlCard input:hover, .dzTest__questFlCard input.active, .dzTest__questFlCard input:focus, .dzTest__questFlCard input:active {
  border-color: var(--Blue, #5676C3);
}
.dzTest__questSootImg {
  display: block;
  width: 100%;
}
.dzTest__questSootOtv {
  border-top: 1px solid rgba(24, 25, 30, 0.1);
  padding-top: 20px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.dzTest__questSootCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .dzTest__questSootCard {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.dzTest__questSootCard input {
  display: block;
  width: calc(50% - 10px);
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  padding-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: calc(100% - 20px);
  text-align: center;
  width: 40px;
  min-width: 40px;
}
@media (max-width: 600px) {
  .dzTest__questSootCard input {
    font-size: 16px;
    padding-top: 5px;
  }
}
.dzTest__questSootCard input:hover, .dzTest__questSootCard input.active, .dzTest__questSootCard input:focus, .dzTest__questSootCard input:active {
  border-color: var(--Blue, #5676C3);
}
.dzTest__questSootCard span {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questSootCard span {
    font-size: 14px;
  }
}
.dzTest__questsRgh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 40px;
}
@media (max-width: 600px) {
  .dzTest__questsRgh {
    gap: 15px;
  }
}
.dzTest__questsRghCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(50% - 20px);
  border-bottom: 1px solid rgba(24, 25, 30, 0.1);
  padding-bottom: 4px;
}
@media (max-width: 600px) {
  .dzTest__questsRghCard {
    width: 100%;
  }
}
.dzTest__questsRghCard span {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questsRghCard span {
    font-size: 16px;
  }
}
.dzTest__questsRghCard .StackedList {
  min-width: 60px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 35px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 600px) {
  .dzTest__questsRghCard .StackedList {
    min-height: 29px;
  }
}
.dzTest__questsRghCard .StackedList > * {
  border-radius: 8px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  padding: 7px 15px;
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  cursor: pointer;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
  margin-left: auto;
}
@media (max-width: 600px) {
  .dzTest__questsRghCard .StackedList > * {
    padding: 5px 11px;
    font-size: 14px;
  }
}
.dzTest__questsListText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.dzTest__questsListText div {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questsListText div {
    font-size: 16px;
  }
}
.dzTest__questTFText {
  border-radius: 20px;
  background: var(--Gray, #F0F4FD);
  padding: 30px;
}
@media (max-width: 600px) {
  .dzTest__questTFText {
    padding: 30px 20px;
    border-radius: 18px;
  }
}
.dzTest__questTFText--margin {
  margin: 30px 0;
}
@media (max-width: 600px) {
  .dzTest__questTFText--margin {
    margin: 20px 0;
  }
}
.dzTest__questTFText > *:first-child {
  margin-top: 0 !important;
}
.dzTest__questTFText > *:last-child {
  margin-bottom: 0 !important;
}
.dzTest__questTFText h3 {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin: 20px 0 15px;
}
@media (max-width: 600px) {
  .dzTest__questTFText h3 {
    font-size: 16px;
  }
}
.dzTest__questTFText p {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin: 10px 0;
}
@media (max-width: 600px) {
  .dzTest__questTFText p {
    font-size: 14px;
  }
}
.dzTest__questTFText .wr {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 600px) {
  .dzTest__questTFText .wr {
    gap: 10px;
  }
}
.dzTest__questTFText .wr p {
  margin: 0 !important;
}
.dzTest__questTFText .wr img {
  display: block;
  width: 100px;
  min-width: 100px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 600px) {
  .dzTest__questTFText .wr img {
    width: 60px;
    min-width: 60px;
  }
}
.dzTest__questTFOtv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.dzTest__questTFCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dzTest__questTFCard > span {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 600px) {
  .dzTest__questTFCard > span {
    font-size: 14px;
  }
}
.dzTest__questTFRad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.dzTest__questTFRad label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dzTest__questTFRad label input {
  display: none;
}
.dzTest__questTFRad label input:checked + span {
  border-color: var(--Black, #18191E);
  background: var(--Black, #18191E);
  color: var(--White, #FFF);
}
.dzTest__questTFRad label span {
  border-radius: 8px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  padding: 7px 15px;
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .dzTest__questTFRad label span {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 6px;
  }
}
.dzTest__questTFRad label span:hover {
  border-color: var(--Black, #18191E);
}
.dzTest__questTable {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  border-radius: 20px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  overflow: hidden;
}
@media (max-width: 600px) {
  .dzTest__questTable {
    border: none;
    gap: 20px;
    border-radius: 0;
  }
}
.dzTest__questTableLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0;
}
@media (max-width: 600px) {
  .dzTest__questTableLine {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 10px;
  }
}
.dzTest__questTableLine:not(:last-child) {
  border-bottom: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
  .dzTest__questTableLine:not(:last-child) {
    border: none;
  }
}
.dzTest__questTableLine:first-child .dzTest__questTableCol {
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  padding: 8px;
  text-align: center;
}
@media (max-width: 600px) {
  .dzTest__questTableLine:first-child {
    display: none;
  }
}
.dzTest__questTableLine:not(:first-child) {
  counter-increment: table;
}
.dzTest__questTableLine:not(:first-child) .dzTest__questTableCol:nth-child(1):first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .dzTest__questTableLine:not(:first-child) .dzTest__questTableCol:nth-child(1):first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.dzTest__questTableLine:not(:first-child) .dzTest__questTableCol:nth-child(1):first-child::after {
  content: counter(table);
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questTableLine:not(:first-child) .dzTest__questTableCol:nth-child(1):first-child::after {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
  }
}
.dzTest__questTableCol:nth-child(1) {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
@media (max-width: 600px) {
  .dzTest__questTableCol:nth-child(1) {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.dzTest__questTableCol:not(:last-child) {
  border-right: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
  .dzTest__questTableCol:not(:last-child) {
    border: none;
  }
}
.dzTest__questTableCol:not(:first-child) {
  width: calc((100% - 50px) / 3);
}
@media (max-width: 600px) {
  .dzTest__questTableCol:not(:first-child) {
    width: calc(50% - 5px);
  }
}
.dzTest__questTableCol span {
  display: none;
}
@media (max-width: 600px) {
  .dzTest__questTableCol span {
    display: block;
    color: var(--Black-60, rgba(24, 25, 30, 0.6));
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 5px;
  }
}
.dzTest__questTableCol input {
  display: block;
  width: 100%;
  padding: 9px;
  color: var(--Blue, #5676C3);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
}
@media (max-width: 600px) {
  .dzTest__questTableCol input {
    color: var(--Black, #18191E);
    font-weight: 400;
    line-height: 120%;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
    font-size: 16px;
  }
  .dzTest__questTableCol input:hover, .dzTest__questTableCol input.active, .dzTest__questTableCol input:focus, .dzTest__questTableCol input:active {
    border-color: var(--Blue, #5676C3);
  }
}
.dzTest__questTable2 {
  border-radius: 20px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .dzTest__questTable2 {
    overflow: visible;
    border: none;
    max-width: 100%;
    gap: 20px;
  }
}
.dzTest__questTable2Line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
@media (max-width: 600px) {
  .dzTest__questTable2Line {
    gap: 10px;
  }
}
.dzTest__questTable2Line:not(:last-child) {
  border-bottom: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
  .dzTest__questTable2Line:not(:last-child) {
    border: none;
  }
}
.dzTest__questTable2Line:first-child .dzTest__questTable2Col {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  padding: 8px 20px;
}
@media (max-width: 600px) {
  .dzTest__questTable2Line:first-child .dzTest__questTable2Col {
    padding: 0;
  }
}
.dzTest__questTable2Col {
  width: 50%;
}
@media (max-width: 600px) {
  .dzTest__questTable2Col {
    width: calc(50% - 5px);
  }
}
.dzTest__questTable2Col:not(:last-child) {
  border-right: 1px solid rgba(24, 25, 30, 0.1);
}
@media (max-width: 600px) {
  .dzTest__questTable2Col:not(:last-child) {
    border: none;
  }
}
.dzTest__questTable2Col input {
  padding: 10px 19px;
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
  display: block;
  width: 100%;
}
@media (max-width: 600px) {
  .dzTest__questTable2Col input {
    color: var(--Black, #18191E);
    font-weight: 400;
    line-height: 120%;
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
    padding-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
    font-size: 16px;
  }
  .dzTest__questTable2Col input:hover, .dzTest__questTable2Col input.active, .dzTest__questTable2Col input:focus, .dzTest__questTable2Col input:active {
    border-color: var(--Blue, #5676C3);
  }
}
.dzTest__questTable2Col input:-moz-read-only {
  color: var(--Black-60, rgba(24, 25, 30, 0.6)) !important;
}
.dzTest__questTable2Col input:read-only {
  color: var(--Black-60, rgba(24, 25, 30, 0.6)) !important;
}
@media (max-width: 600px) {
  .dzTest__questTable2Col input:-moz-read-only {
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  }
  .dzTest__questTable2Col input:read-only {
    border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  }
}
.dzTest__questRR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.dzTest__questRRLine {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .dzTest__questRRLine {
    font-size: 14px;
  }
}
.dzTest__questRRLineRad {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 10px;
  vertical-align: middle;
}
.dzTest__questRRLineRad input {
  display: none;
}
.dzTest__questRRLineRad input:checked + label {
  border: 1px solid var(--Black, #18191E);
  background: var(--Black, #18191E);
  color: var(--White, #FFF);
}
.dzTest__questRRLineRad label {
  border-radius: 8px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  background: var(--White, #FFF);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 11px;
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
@media (max-width: 600px) {
  .dzTest__questRRLineRad label {
    font-size: 14px;
  }
}
.dzTest__questRRLineRad label:hover {
  border-color: var(--Black, #18191E);
}
.dzTest__questKlsfText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.dzTest__questKlsfV {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 600px) {
  .dzTest__questKlsfV {
    font-size: 14px;
  }
}
.dzTest__questKlsfV span {
  color: var(--Blue, #5676C3);
}
.dzTest__questKlsfOtv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 40px;
  margin-top: 30px;
}
@media (max-width: 600px) {
  .dzTest__questKlsfOtv {
    margin-top: 20px;
    gap: 20px 10px;
  }
}
.dzTest__questKlsfOtv label {
  position: relative;
  display: block;
  width: calc(33.3333333333% - 26.6666666667px);
  counter-increment: fd;
}
@media (max-width: 600px) {
  .dzTest__questKlsfOtv label {
    width: calc(50% - 5px);
  }
}
.dzTest__questKlsfOtv label::after {
  content: counter(fd) ".";
  position: absolute;
  left: 0;
  bottom: 5px;
  pointer-events: none;
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questKlsfOtv label::after {
    font-size: 16px;
  }
}
.dzTest__questKlsfOtv label input {
  display: block;
  width: 100%;
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  padding-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  padding-left: 30px;
}
.dzTest__questKlsfOtv label input:hover, .dzTest__questKlsfOtv label input.active, .dzTest__questKlsfOtv label input:focus, .dzTest__questKlsfOtv label input:active {
  border-color: var(--Blue, #5676C3);
}
@media (max-width: 600px) {
  .dzTest__questKlsfOtv label input {
    font-size: 16px;
    padding-left: 25px;
  }
}
.dzTest__questKlsfOtv--2 label {
  width: calc(50% - 20px);
}
@media (max-width: 600px) {
  .dzTest__questKlsfOtv--2 label {
    width: calc(50% - 5px);
  }
}
.dzTest__questFlq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 600px) {
  .dzTest__questFlq {
    margin-top: 20px;
  }
}
.dzTest__questFlqLine .proverka__testRadio {
  gap: 10px;
}
.dzTest__questFlqText {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .dzTest__questFlqText {
    font-size: 16px;
  }
}
.dzTest__questOtvLab {
  margin-top: 40px;
}
@media (max-width: 600px) {
  .dzTest__questOtvLab {
    margin-top: 25px;
  }
}
.dzTest__questOtvLabVariants {
  border-radius: 20px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  margin-bottom: 20px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .dzTest__questOtvLabVariants {
    margin-bottom: 15px;
    border-radius: 18px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1px;
    background-color: rgba(24, 25, 30, 0.1);
  }
}
.dzTest__questOtvLabVariants span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px 5px;
  width: 100%;
}
@media (max-width: 600px) {
  .dzTest__questOtvLabVariants span {
    width: calc(33.3333333333% - 0.6666666667px);
    background-color: white;
    border-right: none !important;
  }
}
.dzTest__questOtvLabVariants span:not(:last-child) {
  border-right: 1px solid rgba(24, 25, 30, 0.1);
}
.dzTest__questOtvLabText {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .dzTest__questOtvLabText {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.dzTest__questOtvLabText span {
  color: var(--Blue, #5676C3);
}
.dzTest__questChCust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.dzTest__questChCustName {
  color: var(--Black, #18191E);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px;
}
@media (max-width: 600px) {
  .dzTest__questChCustName {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.dzTest__questChCustWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .dzTest__questChCustWr {
    gap: 10px;
  }
}
.dzTest__questChCustWr label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: calc(50% - 20px);
  cursor: pointer;
}
@media (max-width: 600px) {
  .dzTest__questChCustWr label {
    width: 100%;
  }
}
.dzTest__questChCustWr label input {
  display: none;
}
.dzTest__questChCustWr label input:checked + i {
  border: 1px solid var(--Blue, #5676C3);
  background: var(--Blue, #5676C3);
}
.dzTest__questChCustWr label input:checked + i::after {
  opacity: 1;
}
.dzTest__questChCustWr label input:disabled + i {
  border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
}
.dzTest__questChCustWr label input:disabled ~ span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
}
.dzTest__questChCustWr label i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  width: 16px;
  min-width: 16px;
  height: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.dzTest__questChCustWr label i::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("/img/ch2.svg") no-repeat center/contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.dzTest__questChCustWr label span {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questChCustWr label span {
    font-size: 14px;
  }
}
.dzTest__questChCustWr label:hover i {
  border: 1px solid var(--Blue, #5676C3);
}
.dzTest__questTextCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media (max-width: 600px) {
  .dzTest__questTextCol {
    gap: 20px;
  }
}
.dzTest__questTextCol div {
  width: calc(50% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 600px) {
  .dzTest__questTextCol div {
    width: calc(50% - 10px);
    gap: 10px;
  }
}
.dzTest__questTextCol div span {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 600px) {
  .dzTest__questTextCol div span {
    font-size: 14px;
  }
}
.dzTest__questMulImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .dzTest__questMulImg {
    gap: 30px 10px;
  }
}
.dzTest__questMulImgCard {
  width: calc(33.3333333333% - 26.6666666667px);
}
@media (max-width: 600px) {
  .dzTest__questMulImgCard {
    width: calc(50% - 5px);
  }
}
.dzTest__questMulImgImg {
  display: block;
  width: 100%;
  border-radius: 12px;
  aspect-ratio: 173/168;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .dzTest__questMulImgImg {
    border-radius: 8px;
    margin-bottom: 10px;
  }
}
.dzTest__questMulImgNumber {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 10px;
}
@media (max-width: 600px) {
  .dzTest__questMulImgNumber {
    font-size: 14px;
  }
}
.dzTest__questMulImgInp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 600px) {
  .dzTest__questMulImgInp {
    gap: 10px;
  }
}
.dzTest__questMulImgInp label {
  display: block;
  width: 100%;
}
.dzTest__questMulImgInp label span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  margin: 0 0 5px;
}
@media (max-width: 600px) {
  .dzTest__questMulImgInp label span {
    font-size: 12px;
  }
}
.dzTest__questMulImgInp label input {
  display: block;
  width: 100%;
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  padding: 0;
  padding-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.dzTest__questMulImgInp label input:hover, .dzTest__questMulImgInp label input.active, .dzTest__questMulImgInp label input:focus, .dzTest__questMulImgInp label input:active {
  border-color: var(--Blue, #5676C3);
}
@media (max-width: 600px) {
  .dzTest__questMulImgInp label input {
    font-size: 16px;
  }
}
.dzTest__questIFl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 600px) {
  .dzTest__questIFl {
    margin-top: 20px;
    gap: 20px;
  }
}
.dzTest__questIFlName {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 20px;
}
@media (max-width: 600px) {
  .dzTest__questIFlName {
    margin-bottom: 15px;
    font-size: 16px;
  }
}
.dzTest__questIFlWr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 40px;
}
@media (max-width: 600px) {
  .dzTest__questIFlWr {
    gap: 20px 10px;
  }
}
.dzTest__questIFlWr input {
  display: block;
  width: calc(33.3333333333% - 26.6666666667px);
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--Black-30, rgba(24, 25, 30, 0.3));
  padding: 0;
  padding-bottom: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 600px) {
  .dzTest__questIFlWr input {
    width: calc(50% - 5px);
    padding: 5px 0 4px;
    font-size: 16px;
  }
}
.dzTest__questIFlWr input:hover, .dzTest__questIFlWr input.active, .dzTest__questIFlWr input:focus, .dzTest__questIFlWr input:active {
  border-color: var(--Blue, #5676C3);
}
.dzTest__backAll {
  border-radius: 10px;
  border: 2px solid var(--Blue, #5676C3);
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--Blue, #5676C3);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px 22px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 600px) {
  .dzTest__backAll {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.dzTest__backAll:hover {
  color: #FFF;
  background-color: var(--Blue, #5676C3);
}

.dzResult__modul {
  color: var(--Blue, #5676C3);
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
  margin: 0 0 15px;
}
@media (max-width: 1024px) {
  .dzResult__modul {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .dzResult__modul {
    font-size: 16px;
  }
}
.dzResult__name {
  color: var(--Black, #18191E);
  font-size: 30px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 30px;
  max-width: 600px;
}
@media (max-width: 1024px) {
  .dzResult__name {
    margin-bottom: 25px;
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .dzResult__name {
    margin-bottom: 20px;
    font-size: 22px;
  }
}
.dzResult__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .dzResult__btns {
    gap: 7px 25px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .dzResult__btns {
    gap: 5px 20px;
    margin-bottom: 20px;
  }
}
.dzResult__btns button {
  color: var(--Gray-Text, #BBBFC6);
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .dzResult__btns button {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__btns button {
    font-size: 14px;
  }
}
.dzResult__btns button.active, .dzResult__btns button:hover {
  color: var(--Black, #18191E);
}
.dzResult__btns button.active {
  font-weight: 600;
}
.dzResult__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .dzResult__wrap {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .dzResult__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.dzResult__result {
  border-radius: 20px;
  background: var(--Gray, #F0F4FD);
  width: 360px;
  padding: 30px 20px;
  position: relative;
}
@media (max-width: 1024px) {
  .dzResult__result {
    width: 240px;
    border-radius: 19px;
  }
}
@media (max-width: 768px) {
  .dzResult__result {
    width: 100%;
    border-radius: 18px;
  }
}
.dzResult__resultTitle {
  color: var(--Black, #18191E);
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 30px;
}
@media (max-width: 1024px) {
  .dzResult__resultTitle {
    margin-bottom: 20px;
    font-size: 23px;
  }
}
@media (max-width: 768px) {
  .dzResult__resultTitle {
    margin-bottom: 10px;
    font-size: 20px;
    text-align: left;
  }
}
.dzResult__resultPop {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  margin: 20px 0 0;
  text-align: center;
}
@media (max-width: 1024px) {
  .dzResult__resultPop {
    margin-top: 15px;
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__resultPop {
    margin-top: 10px;
    font-size: 14px;
    text-align: left;
  }
}
.dzResult__resultBtns {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 768px) {
  .dzResult__resultBtns {
    gap: 10px;
  }
}
.dzResult__resultPovt {
  border-radius: 10px;
  background: var(--Blue, #5676C3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding: 12px 24px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .dzResult__resultPovt {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__resultPovt {
    font-size: 14px;
  }
}
.dzResult__resultPovt:hover {
  opacity: 0.8;
}
.dzResult__resultDr {
  border-radius: 10px;
  border: 2px solid var(--Blue, #5676C3);
  padding: 10px 22px;
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 1024px) {
  .dzResult__resultDr {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__resultDr {
    font-size: 14px;
  }
}
.dzResult__resultDr:hover {
  color: #FFF;
  background-color: var(--Blue, #5676C3);
}
.dzResult__resultProgr {
  margin: 0 auto;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 170px;
  position: relative;
}
@media (max-width: 1024px) {
  .dzResult__resultProgr {
    max-width: 120px;
  }
}
@media (max-width: 768px) {
  .dzResult__resultProgr {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 60px;
  }
}
.dzResult__resultProgr.success {
  --colorPr1: rgba(45, 192, 68, 0.15);
  --colorPr2: #2DC044;
}
.dzResult__resultProgr.error {
  --colorPr1: rgba(225, 82, 51, 0.15);
  --colorPr2: #E15233;
}
.dzResult__resultProgr span {
  color: inherit;
  color: var(--colorPr2, #2DC044);
  font-size: 40px;
  font-weight: 600;
  line-height: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .dzResult__resultProgr span {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .dzResult__resultProgr span {
    font-size: 16px;
  }
}
.dzResult__resultProgr svg {
  display: block;
  fill: none;
  stroke-width: 10px !important;
  stroke: var(--colorPr1);
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .dzResult__resultProgr svg {
    stroke-width: 12px !important;
  }
}
.dzResult__resultProgr svg:last-of-type {
  z-index: 3;
  stroke: var(--colorPr2);
  stroke-dashoffset: calc(1068.14128 * (1 - var(--progress)));
  stroke-dasharray: 1068.14128;
}
.dzResult__quest {
  width: calc(100% - 400px);
  max-width: 850px;
}
@media (max-width: 1024px) {
  .dzResult__quest {
    width: calc(100% - 260px);
  }
}
@media (max-width: 768px) {
  .dzResult__quest {
    width: 100%;
  }
}
.dzResult__que {
  display: none;
}
.dzResult__que.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.dzResult__queCard {
  border-radius: 20px;
  border: 1px solid rgba(24, 25, 30, 0.1);
  overflow: hidden;
}
@media (max-width: 1024px) {
  .dzResult__queCard {
    border-radius: 19px;
  }
}
@media (max-width: 768px) {
  .dzResult__queCard {
    border-radius: 18px;
  }
}
.dzResult__queTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 30px 30px 20px;
}
@media (max-width: 1024px) {
  .dzResult__queTop {
    padding: 30px 25px 20px;
  }
}
@media (max-width: 768px) {
  .dzResult__queTop {
    padding: 30px 20px 20px;
  }
}
.dzResult__queNameLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .dzResult__queNameLink {
    gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.dzResult__queName {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  .dzResult__queName {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .dzResult__queName {
    font-size: 14px;
  }
}
.dzResult__queLink {
  white-space: nowrap;
  color: var(--Blue, #5676C3);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .dzResult__queLink {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__queLink {
    font-size: 14px;
  }
}
.dzResult__queLink:hover {
  text-decoration: none;
}
.dzResult__queVo--one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px 40px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .dzResult__queVo--one {
    gap: 15px 25px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVo--one {
    gap: 15px 10px;
  }
}
.dzResult__queVo--one > * {
  width: 100%;
}
.dzResult__queVo--two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px 40px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .dzResult__queVo--two {
    gap: 15px 25px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVo--two {
    gap: 15px 10px;
  }
}
.dzResult__queVo--two > * {
  width: calc(50% - 20px);
}
@media (max-width: 1024px) {
  .dzResult__queVo--two > * {
    width: 100%;
  }
}
.dzResult__queVo--three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px 40px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .dzResult__queVo--three {
    gap: 15px 25px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVo--three {
    gap: 15px 10px;
  }
}
.dzResult__queVo--three > * {
  width: calc(33.3333333333% - 26.6666666667px);
}
@media (max-width: 1024px) {
  .dzResult__queVo--three > * {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 768px) {
  .dzResult__queVo--three > * {
    width: calc(50% - 5px);
  }
}
.dzResult__queBn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .dzResult__queBn {
    font-size: 15px;
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .dzResult__queBn {
    font-size: 14px;
    gap: 6px;
  }
}
.dzResult__queBn img {
  display: block;
  width: 14px;
  height: auto;
}
@media (max-width: 1024px) {
  .dzResult__queBn img {
    width: 12px;
  }
}
@media (max-width: 768px) {
  .dzResult__queBn img {
    width: 10px;
  }
}
.dzResult__queVern {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  padding: 20px 30px 30px;
  border-radius: 20px;
  background: var(--Gray, #F0F4FD);
}
@media (max-width: 1024px) {
  .dzResult__queVern {
    gap: 30px;
    padding: 20px 25px 25px;
    border-radius: 19px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVern {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border-radius: 18px;
  }
}
.dzResult__queVernCard {
  width: 100%;
}
.dzResult__queVernName {
  color: var(--Black, #18191E);
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  margin: 0 0 20px;
}
@media (max-width: 1024px) {
  .dzResult__queVernName {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVernName {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.dzResult__queVernFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 1024px) {
  .dzResult__queVernFlex {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVernFlex {
    gap: 10px;
  }
}
.dzResult__queVernOtv {
  width: 100%;
  line-height: 1;
}
.dzResult__queVernNumb {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .dzResult__queVernNumb {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVernNumb {
    font-size: 14px;
  }
}
.dzResult__queVernNepr {
  color: var(--Black, #18191E);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: line-through;
  margin-right: 10px;
}
@media (max-width: 1024px) {
  .dzResult__queVernNepr {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVernNepr {
    font-size: 14px;
  }
}
.dzResult__queVernPr {
  color: var(--Blue, #5676C3);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 1024px) {
  .dzResult__queVernPr {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVernPr {
    font-size: 14px;
  }
}
.dzResult__queVernVnim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 1024px) {
  .dzResult__queVernVnim {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .dzResult__queVernVnim {
    gap: 10px;
  }
}
.dzResult__queVernVnim span {
  color: var(--Black-60, rgba(24, 25, 30, 0.6));
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  width: calc(33.3333333333% - 10px);
}
@media (max-width: 1024px) {
  .dzResult__queVernVnim span {
    font-size: 15px;
    width: calc(50% - 6px);
  }
}
@media (max-width: 768px) {
  .dzResult__queVernVnim span {
    font-size: 14px;
    width: calc(33.3333333333% - 6.6666666667px);
  }
}