

/* Start:/local/templates/main/assets/css/page.css?1769242432112629*/
@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

:focus, :active {
  outline: none;
}

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

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

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

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

button {
  cursor: pointer;
}

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

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

a {
  color: inherit;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*функция для подсчета clamp*/
/*Миксин для скрытия поля*/
html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
}

body {
  --bg-color: #ffffff;
  --main-color: #000;
  --blue-color: #3271e4;
  --blue-color-200: #f0f4ff;
  --blue-color-lite: #f6f7f9;
  --orange-color: #ffc700;
  --red-color: #f96656;
  --gray-color: #8b8b8b;
  --green-color: #1b9c56;
  --container-inline-padding: clamp(20px, -13.4494773519px + 6.968641115vw, 40px);
  --container-width: calc(1540px + var(--container-inline-padding));
  --gap-blocks: clamp(40px, 22.3529411765px + 3.6764705882vw, 60px);
  --border-gray: #00000033;
}

body {
  font-size: 18px;
  line-height: 1.3;
  background-color: var(--bg-color);
  color: var(--main-color);
  font-weight: 500;
  overflow-x: hidden;
}
body.open-modal {
  overflow: hidden;
}

.wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-blocks);
}
.wrapper--noGap {
  gap: 0;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-blocks);
  padding: var(--header-height, 100px) 0 var(--gap-blocks);
}
.main--big-padding {
  padding-top: calc(var(--header-height, 100px) + var(--gap-blocks));
}
.main--noPadding-bottom {
  padding-bottom: 0;
}

.section-padding-inner {
  padding: var(--gap-blocks) 0;
}

.section-blue-lite {
  background-color: var(--blue-color-lite);
}

.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding-inline: var(--container-inline-padding);
}

a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

a:hover {
  opacity: 0.6;
}

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

.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;
  background-color: var(--blue-color);
  min-height: 40px;
  font-size: 20px;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 12px;
  line-height: 1;
  gap: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button--noBg {
  background-color: transparent;
  color: #333333;
  border: 1px solid var(--border-gray);
}
.button--noBg.button--white {
  background-color: #fff;
}
.button--noBg-blue {
  border-color: var(--blue-color);
  color: var(--blue-color);
}
.button--noBg-blue:hover {
  background-color: var(--blue-color);
  color: #fff;
}
.button--noBg-red {
  border-color: var(--red-color);
  color: var(--red-color);
}
.button--noBg-red:hover {
  background-color: var(--red-color);
  color: #fff;
}
.button--white {
  background-color: #fff;
}
.button--dark {
  background-color: #000000;
}
.button--big {
  min-height: clamp(51px, 43.7272727273px + 1.5151515152vw, 56px);
  font-weight: 600;
}
.button--gray {
  background-color: #EFF0F2;
  color: var(--main-color);
}
.button.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.button-icon {
  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: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid var(--border-gray);
}
.button-icon .icon {
  width: 24px;
  height: 24px;
  color: #000;
}
.button-icon .icon svg,
.button-icon .icon img {
  width: 100%;
  height: 100%;
}
.button-icon.modal-close {
  width: 50px;
  height: 50px;
}
.button-icon.modal-close .icon {
  width: 24px;
  height: 24px;
  color: #000;
}
.button-icon.modal-close .icon svg,
.button-icon.modal-close .icon img {
  width: 100%;
  height: 100%;
}

.user-box {
  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;
}
.user-box__content {
  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;
}
.user-box__info .icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.user-box__info .icon img {
  width: 100%;
  height: 100%;
}

.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  min-height: 26px;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 8px;
}
.tag--red {
  background-color: rgba(249, 102, 86, 0.1019607843);
  color: #f96656;
}
.tag--red .tag__decor {
  background-color: #f96656;
}
.tag--green {
  background-color: rgba(27, 156, 86, 0.1019607843);
  color: #1b9c56;
}
.tag--green .tag__decor {
  background-color: #1b9c56;
}
.tag--gray {
  background-color: rgba(0, 0, 0, 0.0509803922);
  color: rgba(0, 0, 0, 0.8);
}
.tag--gray .tag__decor {
  background-color: rgba(0, 0, 0, 0.8);
}
.tag--orange {
  background-color: rgba(255, 199, 0, 0.2);
  color: #c18e09;
}
.tag--orange .tag__decor {
  background-color: #c18e09;
}
.tag__decor {
  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: 6px;
  height: 6px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.check-big {
  padding: clamp(16px, 10.1818181818px + 1.2121212121vw, 20px);
  border-radius: 20px;
  border: 2px solid var(--border-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
  cursor: pointer;
}
@media (max-width: 810px) {
  .check-big {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.check-big:has(input:checked) {
  border-color: var(--blue-color);
}
.check-big:has(input:checked) .check-big__top span {
  background-color: var(--blue-color);
}
.check-big:has(input:checked) .check-big__top span:before {
  border-color: var(--blue-color);
}
.check-big__top input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.check-big__top 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;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  position: relative;
  background-color: transparent;
}
.check-big__top span:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: 2px solid var(--border-gray);
  border-radius: 50%;
}

p:empty {
  display: none;
}

.topBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.topBox-big {
  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;
}

.topBox-header {
  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;
  text-align: center;
}
.topBox-header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-width: 1010px;
  margin: 0 auto;
}
.topBox-header__content p {
  line-height: 1.3;
}

p.block-detail {
  padding: 2px 4px;
  border-radius: 6px;
}
p.block-detail--orange {
  background-color: var(--orange-color);
}
p.block-detail--red {
  background-color: var(--red-color);
  color: #fff;
}

.block-detail {
  padding: 2px 4px;
  border-radius: 6px;
}
.block-detail--orange {
  background-color: var(--orange-color);
}
.block-detail--red {
  background-color: var(--red-color);
  color: #fff;
}

.dot {
  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: 8px;
  height: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #000000;
  border-radius: 50%;
}
.dot--gray {
  background-color: rgba(0, 0, 0, 0.3);
}

.box-more {
  height: 100%;
}
.box-more .textbox {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  max-height: 7.2em;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  line-height: 1;
}
.box-more .textbox p {
  line-height: 1;
}
.box-more__btn {
  color: #0342b4;
  font-size: 16px;
  text-decoration: underline;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: transparent;
  margin-top: auto;
}
.box-more__btn:hover {
  opacity: 0.7;
}

.link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.link-block .icon {
  width: 20px;
  height: 20px;
}
.link-block .icon svg {
  width: 100%;
  height: 100%;
}
.link-block__key, .link-block__meat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}

.list-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  padding: 30px 40px;
  background-color: #f0f4ff;
  border-radius: 20px;
}
.list-default__box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.list-default__link {
  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;
}
.list-default__link .icon {
  width: 24px;
  height: 24px;
}
.list-default__link--big {
  grid-column: 1/-1;
}
.list-default__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.list-default__footer {
  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;
}
.list-default .textbox {
  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;
}
.list-default .textbox p {
  line-height: 1.4;
}
@media (max-width: 809px) {
  .list-default {
    padding: 20px;
  }
  .list-default__box {
    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-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
  }
}

.list-main {
  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;
  list-style: disc;
  padding-left: 30px;
}
.list-main * {
  line-height: 1.4;
}
.list-main li {
  list-style: disc;
}

.list-number {
  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;
  list-style: decimal;
  padding-left: 30px;
}
.list-number * {
  line-height: 1.4;
}
.list-number li {
  list-style: decimal;
}

.bottom-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--border-gray);
  padding-top: 30px;
}

.list-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px 24px;
}
.list-wrapper__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.list-wrapper__link--big {
  grid-column: 1/-1;
}

.check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.check__content {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.check__content input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.check__content input:checked + span:before {
  opacity: 1;
  visibility: visible;
}
.check__content * {
  font-size: 14px;
  color: #74767c;
}
.check__box 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;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--border-gray);
  border-radius: 4px;
  position: relative;
}
.check__box span:before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M3.03688 7.53615L0 4.49928L0.766042 3.73324L3.03688 6.00407L8.64104 0.399902L9.40708 1.16594L3.03688 7.53615Z' fill='black'/%3E%3C/svg%3E");
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.progress {
  height: 12px;
  width: 100%;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
}
.progress span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.8);
}

.article-block {
  padding-top: 60px;
}
.article-block__inner {
  display: grid;
  grid-template-columns: auto calc(100% - var(--max-width-section));
  gap: var(--gap-section);
}
.article-block__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: 50px;
}
.article-block__banners {
  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;
}
.article-block .card-article {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: var(--header-heigh, 100px);
  width: 100%;
}
@media (max-width: 1439px) {
  .article-block {
    padding-top: 40px;
  }
  .article-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .article-block__banners {
    display: none;
  }
  .article-block .container {
    max-width: 930px;
  }
}
@media (max-width: 809px) {
  .article-block {
    padding-top: 20px;
  }
  .article-block__box {
    gap: 40px;
  }
}

.edit-block {
  overflow-wrap: break-word;
  word-break: break-all;
  padding: 12px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.edit-block.disabled {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
  pointer-events: none;
}

.decor-bg {
  position: relative;
}
.decor-bg::before {
  content: "";
  position: absolute;
  top: calc(var(--header-height, 100px) * -1);
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  right: 0;
  background-color: var(--blue-color-lite);
  z-index: 1;
  width: 1000vw;
}

.link-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px 12px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 6px;
}
.link-default:hover, .link-default.active {
  background-color: #F3F4F7;
  opacity: 1;
}
.link-default:hover *, .link-default.active * {
  font-weight: 500;
}

.open--menu {
  overflow: hidden;
}

.header {
  border-bottom: 1px solid var(--border-gray);
  padding: 19px 0;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 99;
}
.header__inner {
  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: 12px;
}
.header__logo {
  max-width: clamp(200px, 95.3615279673px + 13.6425648022vw, 300px);
  height: clamp(40px, 19.0723055935px + 2.7285129604vw, 60px);
}
.header__logo img {
  width: 100%;
  height: 100%;
}
.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20px, -268px + 20vw, 32px);
}
.header__info, .header__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.header__btns-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.5019607843);
  text-align: center;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header__btns-text * {
  color: rgba(0, 0, 0, 0.5019607843);
}
.header__btns-text a,
.header__btns-text button {
  background-color: transparent;
  color: var(--blue-color);
  text-decoration: underline;
}
@media (max-width: 1439px) {
  .header__info, .header__btns {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .header__info {
    display: none;
  }
}

.menu__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20px, -268px + 20vw, 32px);
}
.menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.menu__burger {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid var(--border-gray);
  border-radius: 12px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.menu__burger.open {
  background-color: #000000;
}
.menu__burger.open .menu__burger-content::before, .menu__burger.open .menu__burger-content::after,
.menu__burger.open .menu__burger-content span {
  background-color: #fff;
}
.menu__burger.open .menu__burger-content::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  rotate: 45deg;
}
.menu__burger.open .menu__burger-content::after {
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  rotate: -45deg;
}
.menu__burger.open .menu__burger-content span {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}
.menu__burger-content {
  width: 18px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.menu__burger-content:before, .menu__burger-content:after,
.menu__burger-content span {
  position: absolute;
  width: 100%;
  background-color: #1c1b1f;
  height: 2px;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.menu__burger-content:before, .menu__burger-content:after {
  content: "";
}
.menu__burger-content:before {
  top: 0;
}
.menu__burger-content:after {
  bottom: 0;
}
.menu__burger-content span {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.menu__content .menu__top,
.menu__content .header__btns {
  display: none;
}
.menu .modalBlock {
  opacity: 1;
  visibility: visible;
  position: static;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  backdrop-filter: blur(0px);
}
.menu .modalBlock .modal-close {
  width: 100%;
  height: 100%;
}
@media (max-width: 1439px) {
  .menu {
    -webkit-box-ordinal-group: 1001;
        -ms-flex-order: 1000;
            order: 1000;
  }
  .menu__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .menu .modalBlock {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: calc(100dvh - --header-height);
    inset: 0;
    top: var(--header-height);
    background-color: rgba(0, 0, 0, 0.1019607843);
    -webkit-box-shadow: 0px -1px 13.6px 0px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px -1px 13.6px 0px rgba(0, 0, 0, 0.1490196078);
    backdrop-filter: blur(40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    opacity: 0;
    visibility: hidden;
  }
  .menu .modalBlock .button-icon.modal-close {
    width: 50px;
    height: 50px;
  }
  .menu .modalBlock .button-icon.modal-close .icon {
    width: 24px;
    height: 24px;
    color: #000;
  }
  .menu .modalBlock .button-icon.modal-close .icon svg,
  .menu .modalBlock .button-icon.modal-close .icon img {
    width: 100%;
    height: 100%;
  }
  .menu__content {
    background-color: #fff;
    border-radius: 20px 20px 0 0;
    margin: auto 20px 0 20px;
    width: 100%;
    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: 20px 20px 40px;
    max-height: calc(100vh - var(--header-height));
    overflow-x: hidden;
  }
  .menu__content > *:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
  }
}
@media (max-width: 1439px) and (max-width: 415px) {
  .menu__content {
    margin-inline: 0;
    padding: 20px;
  }
}
@media (max-width: 1439px) {
  .menu__content .menu__top,
  .menu__content .header__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .menu__box {
    -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: 16px;
  }
  .menu__item {
    padding: 4px;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    border-radius: 6px;
    min-height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .menu__link {
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .menu__link:not(.dropdown):hover {
    background-color: rgba(50, 113, 228, 0.1019607843);
  }
  .menu__link .icon {
    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;
    height: 24px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .menu__link .icon svg,
  .menu__link .icon img {
    width: 100%;
    height: 100%;
  }
  .menu__link.dropdown {
    width: 100%;
  }
  .menu__link.dropdown .dropdown__toggle {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menu__link.dropdown .dropdown__item *,
  .menu__link.dropdown .dropdown__item p,
  .menu__link.dropdown .dropdown__item span, .menu__link.dropdown .dropdown__toggle *,
  .menu__link.dropdown .dropdown__toggle p,
  .menu__link.dropdown .dropdown__toggle span {
    font-size: 22px;
  }
  .menu__link.dropdown .dropdown__content {
    position: static;
    padding: 0;
    padding-left: 12px;
    padding-top: 12px;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    display: none;
  }
  .menu *,
  .menu a {
    font-size: 22px;
  }
  .menu .header__btns-text * {
    font-size: 20px;
  }
  .menu .dropdown.active .dropdown__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .menu .header__btns {
    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-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    gap: 16px;
  }
  .menu .header__btns button {
    min-height: 50px;
  }
  .menu__top {
    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;
  }
  .menu .user-box__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .menu .user-box__details p {
    font-size: 22px;
  }
  .menu .user-box__details a {
    font-size: 14px;
  }
  .menu .modalBlock .dropdown .icon {
    width: 24px;
    height: 24px;
  }
  .menu .modalBlock .dropdown .modal-close .icon {
    width: 24px;
    height: 24px;
  }
  .menu .dropdown__content {
    border: none;
  }
}

.dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dropdown.active .dropdown__arrow {
  rotate: -180deg;
}
.dropdown.active .dropdown__content {
  opacity: 1;
  visibility: visible;
}
.dropdown__user {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.dropdown__user img {
  width: 100%;
  height: 100%;
}
.dropdown__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background-color: transparent;
}
.dropdown__toggle:focus, .dropdown__toggle:active, .dropdown__toggle:hover {
  border-color: #333333;
}
.dropdown__arrow {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.dropdown__arrow img,
.dropdown__arrow svg {
  width: 20px;
  height: 20px;
}
.dropdown__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: absolute;
  z-index: 10;
  top: calc(100% + 4px);
  right: 0;
  padding: 16px;
  border-radius: 20px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  border: 1px solid var(--blue-color);
}
.dropdown__content > *:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #d9d9d9;
}
.dropdown__list {
  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;
}
.dropdown__link {
  padding: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  border-radius: 6px;
}
.dropdown__link:hover {
  background-color: rgba(50, 113, 228, 0.1019607843);
}
.dropdown__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  height: 100%;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown__item .icon {
  width: 20px;
  height: 20px;
}
.dropdown__item .icon svg,
.dropdown__item .icon img {
  width: 100%;
  height: 100%;
}
.dropdown__item.modal-close .icon {
  width: 20px;
  height: 20px;
}
.dropdown__item:hover {
  opacity: 1;
}
.dropdown--border .dropdown__toggle {
  height: 44px;
  border: 1px solid rgba(0, 0, 0, 0.3019607843);
  padding: 8px 16px;
  border-radius: 12px;
}
.dropdown--border .dropdown__toggle * {
  font-size: 20px;
}
.dropdown--border .dropdown__content {
  border: 1px solid rgba(0, 0, 0, 0.3019607843);
  padding: 8px;
  right: 0;
}

.modalBlock .dropdown .icon {
  width: 20px;
  height: 20px;
}
.modalBlock .dropdown .modal-close .icon {
  width: 20px;
  height: 20px;
}

.big-font {
  font-weight: 600;
}

h1.big-font,
h2.big-font,
h3.big-font,
h4.big-font,
h5.big-font,
h6.big-font,
p.big-font {
  font-weight: 600;
}

.gray-block {
  color: var(--gray-color);
}

.gray-block-50 {
  color: rgba(0, 0, 0, 0.5019607843);
}

.gray-block-60 {
  color: rgba(0, 0, 0, 0.6);
}

.gray-block-70 {
  color: rgba(0, 0, 0, 0.6980392157);
}

.gray-block-80 {
  color: rgba(0, 0, 0, 0.8);
}

.h1 {
  font-size: clamp(28px, -84px + 8.75vw, 42px);
  letter-spacing: -0.03em;
  line-height: 1;
  font-weight: 500;
}

.h2 {
  font-size: clamp(28px, -4px + 2.5vw, 32px);
  line-height: 1;
  font-weight: 500;
}

.h3 {
  font-size: clamp(24px, 18.1818181818px + 1.2121212121vw, 28px);
  font-weight: 500;
}

.h4 {
  font-size: clamp(20px, 11.4213836478px + 0.8385744235vw, 24px);
  letter-spacing: -0.01em;
  font-weight: 500;
}

.h5 {
  font-size: 22px;
  letter-spacing: 0;
  font-weight: 500;
}

.h6 {
  font-size: clamp(16px, 7.4213836478px + 0.8385744235vw, 20px);
  letter-spacing: 0;
  line-height: 1;
  font-weight: 500;
}

.p1 {
  font-size: clamp(14px, 11.6px + 0.5vw, 18px);
  letter-spacing: -0.01em;
  font-weight: 500;
}

.p2 {
  font-size: clamp(14px, 11.6px + 0.5vw, 18px);
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-weight: 500;
}

.p3 {
  font-size: 16px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

.p4 {
  font-size: 14px;
  letter-spacing: -0.01em;
  font-weight: 500;
}

.p5 {
  font-size: 15px;
  letter-spacing: 0em;
  font-weight: 400;
}

.p24-42 {
  font-size: clamp(24px, 13.2px + 2.25vw, 42px);
}

.p32-24 {
  font-size: clamp(24px, 19.2px + 1vw, 32px);
}

.p32-22 {
  font-size: clamp(24px, 19.2px + 1vw, 32px);
}

.p32-20 {
  font-size: clamp(20px, 12.8px + 1.5vw, 32px);
}

.p28-16 {
  font-size: clamp(16px, 8.8px + 1.5vw, 28px);
}

.p24-18 {
  font-size: clamp(18px, 14.4px + 0.75vw, 24px);
}

.p24-16 {
  font-size: clamp(16px, 11.2px + 1vw, 24px);
}

.p20-18 {
  font-size: clamp(18px, 16.8px + 0.25vw, 20px);
}

.p18-16 {
  font-size: clamp(16px, 14.8px + 0.25vw, 18px);
}

.lh-140-130-100 {
  line-height: 1.4;
}
@media (max-width: 1279px) {
  .lh-140-130-100 {
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .lh-140-130-100 {
    line-height: 1;
  }
}

@media (max-width: 810px) {
  .text-center {
    text-align: center;
  }
}

.modalBlock {
  --padding-modal-section: clamp(20px, 8.3636363636px + 2.4242424242vw, 28px);
  --padding-modal-inner: clamp(20px, 8.3636363636px + 2.4242424242vw, 28px);
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--padding-modal-section);
  opacity: 0;
  visibility: hidden;
}
.modalBlock.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.modalBlock.open {
  opacity: 1;
  visibility: visible;
}
.modalBlock.open .modalBlock__inner {
  -webkit-transform: translate(0);
          transform: translate(0);
}
.modalBlock .modal-close {
  width: 48px;
  height: 48px;
  color: #000000;
}
.modalBlock .modal-close .icon {
  width: 100%;
  height: 100%;
}
.modalBlock .modal-close img,
.modalBlock .modal-close svg {
  width: 100%;
  height: 100%;
}
.modalBlock .modal-close.button {
  width: 100%;
  min-height: 40px;
  color: #fff;
}
.modalBlock__inner {
  max-width: 854px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  background-color: #fff;
  border-radius: 20px;
  padding: var(--padding-modal-inner);
  max-height: calc(100vh - var(--padding-modal-section) * 2 - var(--padding-modal-inner) * 2);
  overflow-x: hidden;
  overflow-y: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  -webkit-transform: translateY(-400%);
          transform: translateY(-400%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.modalBlock__top {
  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;
}
.modalBlock__top button,
.modalBlock__top a {
  background-color: transparent;
  width: 48px;
  height: 48px;
  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;
}
.modalBlock__top button img,
.modalBlock__top button svg,
.modalBlock__top a img,
.modalBlock__top a svg {
  width: 100%;
  height: 100%;
}
.modalBlock__items, .modalBlock__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modalBlock__items {
  gap: 24px;
}
.modalBlock__items.form {
  gap: 24px;
}
.modalBlock__item {
  gap: 16px;
}
.modalBlock__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.modalBlock__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modalBlock__footer button,
.modalBlock__footer a {
  width: 100%;
  min-height: 57px;
}
@media (max-width: 810px) {
  .modalBlock__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.smsModal__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 20px;
  padding: 20px;
  border: 1px solid var(--border-gray);
}

.promotionModal .modalBlock__inner {
  max-width: 1150px;
}
.promotionModal__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.promotionModal__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 1023px) {
  .promotionModal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.createCourseModal .modalBlock__items > *:not(:last-child),
.editCourseModal .modalBlock__items > *:not(:last-child) {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
}
.createCourseModal__item,
.editCourseModal__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.editCourseModal__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 32px;
}
.editCourseModal__item-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: 8px;
  line-height: 1;
}
.editCourseModal__item-box--big {
  grid-column: 1/-1;
}

.registarionBox .modalBlock__inner {
  max-width: 740px;
}
.registarionBox__content {
  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;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.registarionBox__img {
  width: 200px;
  height: 50px;
  margin: 0 auto;
}
.registarionBox__img img,
.registarionBox__img svg {
  width: 100%;
  height: 100%;
}
.registarionBox__info {
  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;
}
.registarionBox__title {
  text-align: center;
}
.registarionBox__footer {
  text-align: center;
}
.registarionBox__footer * {
  color: #74767c;
  font-size: 14px;
}
.registarionBox__footer a,
.registarionBox__footer button {
  color: #000;
  background-color: transparent;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .registarionBox .form-main__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .registarionBox__title {
    font-size: 22px;
  }
}

.reviewModal .modalBlock__inner {
  max-width: 1246px;
  gap: 32px;
}
.reviewModal__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
.reviewModal__content {
  width: 100%;
}
.reviewModal__info-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.reviewModal__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.reviewModal .review-rating {
  position: sticky;
  top: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 1279px) {
  .reviewModal .review-rating {
    position: static;
  }
  .reviewModal__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .reviewModal .review-rating {
    max-width: 100%;
  }
  .reviewModal .review-rating__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .reviewModal .review-rating__box {
    max-width: 160px;
    width: 100%;
  }
}

.reviewWriterModal__content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reviewWriterModal__info {
  width: 100%;
  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;
}
.reviewWriterModal__top {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reviewWriterModal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.reviewWriterModal__btns {
  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;
}

.successModal .topBox-big {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.successModal.modalBlock .successModal__info button,
.successModal.modalBlock .successModal__info a,
.successModal.modalBlock .successModal__info .modal-close {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.review-box {
  padding: 30px clamp(30px, -9.8054474708px + 3.8910505837vw, 40px);
  border-radius: 20px;
  border: 1px solid var(--border-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.review-box__top, .review-box__top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.review-box__top p, .review-box__top-info p {
  line-height: 1;
}
.review-box__top-info {
  gap: 10px;
}
.review-box__top-info .rating__link {
  width: 24px;
  height: 24px;
}
.review-box__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.review-box__info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}
.review-box__info .moreContent__info {
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.review-box__info > *:not(:last-child) {
  padding-bottom: 22px;
  border-bottom: 1px solid var(--border-gray);
}
.review-box__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 20px;
}
.review-box__items--grid-small {
  grid-template-columns: repeat(2, 1fr);
}
.review-box__footer {
  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;
}
@media (max-width: 1279px) {
  .review-box__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .review-box .review-card {
    display: none;
  }
  .review-box .review-card:nth-child(-n+4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 810px) {
  .review-box {
    padding: 20px;
  }
  .review-box__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .review-box .review-card:first-child {
    border: none;
  }
  .review-box .review-card__user-info {
    -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;
  }
  .review-box__top {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .review-box__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
  .review-box__top-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.form__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: 24px;
}
.form__inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px 12px;
}
.form__item {
  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;
}
.form__item.disabled input,
.form__item.disabled textarea {
  background-color: rgba(0, 0, 0, 0.0509803922);
  pointer-events: none;
}
.form__item.disabled input:hover,
.form__item.disabled textarea:hover {
  border-color: rgba(0, 0, 0, 0.0509803922);
}
.form__item.disabled input:focus,
.form__item.disabled textarea:focus {
  border-color: rgba(0, 0, 0, 0.0509803922);
}
.form__item.success input,
.form__item.success textarea {
  border-color: var(--green-color);
}
.form__item.success input:hover,
.form__item.success textarea:hover {
  border-color: var(--green-color);
}
.form__item.success input:focus,
.form__item.success textarea:focus {
  border-color: var(--green-color);
}
.form__item.error input,
.form__item.error textarea {
  border-color: var(--red-color);
}
.form__item.error input:hover,
.form__item.error textarea:hover {
  border-color: var(--red-color);
}
.form__item.error input:focus,
.form__item.error textarea:focus {
  border-color: var(--red-color);
}
.form__item--big {
  grid-column: 1/-1;
}
.form__errors {
  color: var(--red-color);
  font-size: 14px;
}
.form__item-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: 10px;
}
.form__item-input input,
.form__item-input textarea, .form__item-box input,
.form__item-box textarea {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  min-height: 43px;
  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;
  color: #000000;
  font-size: 16px;
  line-height: 1;
  border-radius: 6px;
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.form__item-input input::-webkit-input-placeholder, .form__item-input textarea::-webkit-input-placeholder, .form__item-box input::-webkit-input-placeholder, .form__item-box textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 1;
}
.form__item-input input::-moz-placeholder, .form__item-input textarea::-moz-placeholder, .form__item-box input::-moz-placeholder, .form__item-box textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 1;
}
.form__item-input input:-ms-input-placeholder, .form__item-input textarea:-ms-input-placeholder, .form__item-box input:-ms-input-placeholder, .form__item-box textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 1;
}
.form__item-input input::-ms-input-placeholder, .form__item-input textarea::-ms-input-placeholder, .form__item-box input::-ms-input-placeholder, .form__item-box textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 1;
}
.form__item-input input::placeholder,
.form__item-input textarea::placeholder, .form__item-box input::placeholder,
.form__item-box textarea::placeholder {
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  line-height: 1;
}
.form__item-input input:hover,
.form__item-input textarea:hover, .form__item-box input:hover,
.form__item-box textarea:hover {
  border-color: rgba(0, 0, 0, 0.6980392157);
}
.form__item-input input:focus,
.form__item-input textarea:focus, .form__item-box input:focus,
.form__item-box textarea:focus {
  border-color: var(--blue-color);
}
.form__item-input textarea, .form__item-box textarea {
  resize: none;
  height: 110px;
}
.form__item-input textarea.textarea-big, .form__item-box textarea.textarea-big {
  height: 157px;
}
.form__item-input.icon-left, .form__item-box.icon-left {
  position: relative;
}
.form__item-input.icon-left input, .form__item-box.icon-left input {
  padding-left: 48px;
}
.form__item-input.icon-left .icon, .form__item-box.icon-left .icon {
  position: absolute;
  left: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form__item-input.icon-left .icon img,
.form__item-input.icon-left .icon svg, .form__item-box.icon-left .icon img,
.form__item-box.icon-left .icon svg {
  width: 24px;
  height: 24px;
}
.form__footer {
  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: 12px;
}
@media (max-width: 810px) {
  .form__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.footer {
  background-color: var(--blue-color-lite);
  padding: clamp(60px, 17.106918239px + 4.1928721174vw, 80px) 0;
}
.footer__inner {
  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;
}
.footer__lists {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.footer__list-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: clamp(12px, -5.1572327044px + 1.677148847vw, 20px);
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.footer__help {
  background-color: #EDF0F6;
  padding: 12px;
  text-align: center;
  border-radius: 12px;
}
.footer__help-content {
  max-width: 980px;
  margin: 0 auto;
}
.footer__policy {
  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;
  color: #7D7D7D;
}
.footer__policy a {
  text-decoration: underline;
}
@media (max-width: 1279px) {
  .footer__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .footer__policy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__list {
    display: grid;
  }
}

.list-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  list-style: none;
}
.list-icon__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: relative;
  padding-left: 24px;
}
.list-icon__link:before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_557_24252' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_557_24252)'%3E%3Cpath d='M8.92391 13.0995L13.957 8.08744L12.7599 6.88536L8.92391 10.7006L7.21286 9.01036L6.01599 10.2124L8.92391 13.0995ZM10.0014 18.1693C8.87766 18.1693 7.81974 17.9567 6.82766 17.5314C5.83543 17.1061 4.96738 16.5216 4.22349 15.7779C3.47974 15.034 2.89523 14.1659 2.46995 13.1737C2.04467 12.1816 1.83203 11.1237 1.83203 9.99994C1.83203 8.8623 2.04467 7.80091 2.46995 6.81577C2.89523 5.8305 3.47974 4.96591 4.22349 4.22202C4.96738 3.47827 5.83543 2.89376 6.82766 2.46848C7.81974 2.04321 8.87766 1.83057 10.0014 1.83057C11.139 1.83057 12.2004 2.04321 13.1856 2.46848C14.1709 2.89376 15.0354 3.47827 15.7793 4.22202C16.5231 4.96591 17.1076 5.8305 17.5329 6.81577C17.9581 7.80091 18.1708 8.8623 18.1708 9.99994C18.1708 11.1237 17.9581 12.1816 17.5329 13.1737C17.1076 14.1659 16.5231 15.034 15.7793 15.7779C15.0354 16.5216 14.1709 17.1061 13.1856 17.5314C12.2004 17.9567 11.139 18.1693 10.0014 18.1693ZM10.0014 16.4402C11.7936 16.4402 13.3151 15.8149 14.5658 14.5643C15.8163 13.3136 16.4416 11.7922 16.4416 9.99994C16.4416 8.20772 15.8163 6.68626 14.5658 5.43557C13.3151 4.18501 11.7936 3.55973 10.0014 3.55973C8.20918 3.55973 6.68773 4.18501 5.43703 5.43557C4.18648 6.68626 3.5612 8.20772 3.5612 9.99994C3.5612 11.7922 4.18648 13.3136 5.43703 14.5643C6.68773 15.8149 8.20918 16.4402 10.0014 16.4402Z' fill='%2303BB13'/%3E%3C/g%3E%3C/svg%3E");
}
.list-icon--grig-two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.list-icon--grig-two .list-icon__link--big {
  grid-column: 1/-1;
}
@media (max-width: 810px) {
  .list-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.custom-select {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 6px;
}
.custom-select.active .custom-select__active-arrow {
  rotate: -180deg;
}
.custom-select.active .options-list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.custom-select .real-select {
  display: none;
}
.custom-select.active .options-list {
  border-color: var(--blue-color);
}
.custom-select:has(.custom-select__active:hover) {
  border-color: rgba(0, 0, 0, 0.6980392157);
}
.custom-select__active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 12px;
}
.custom-select__active input {
  background-color: transparent;
  border: none;
  line-height: 1;
  font-weight: 500;
  font-size: 16px;
  max-width: 100%;
  width: 100%;
  cursor: pointer;
  color: #000000;
  padding: 0;
  min-height: 0;
}
.custom-select__active input::-webkit-input-placeholder {
  color: #000000;
  font-weight: 12px;
  font-weight: 400;
}
.custom-select__active input::-moz-placeholder {
  color: #000000;
  font-weight: 12px;
  font-weight: 400;
}
.custom-select__active input:-ms-input-placeholder {
  color: #000000;
  font-weight: 12px;
  font-weight: 400;
}
.custom-select__active input::-ms-input-placeholder {
  color: #000000;
  font-weight: 12px;
  font-weight: 400;
}
.custom-select__active input::placeholder {
  color: #000000;
  font-weight: 12px;
  font-weight: 400;
}
.custom-select__active-arrow {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.custom-select__active-arrow img,
.custom-select__active-arrow svg {
  width: 100%;
  height: 100%;
}
.custom-select .options-list {
  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;
  z-index: 10;
  background-color: #fff;
  border-radius: 6px;
  position: absolute;
  top: calc(100% + 9px);
  border: 1px solid rgba(0, 0, 0, 0.6980392157);
  min-width: 100%;
  max-height: 240px;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  padding: 12px;
}
.custom-select .options-list li {
  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;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  gap: 5px;
  padding: 4px;
  cursor: pointer;
  color: #000000;
  border-radius: 4px;
}
.custom-select .options-list li:hover {
  background-color: rgba(50, 113, 228, 0.1019607843);
}
.custom-select .options-list li .icon {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  display: none;
}
.custom-select .options-list li.active {
  background-color: rgba(50, 113, 228, 0.1019607843);
}
.custom-select .options-list li.active .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.file-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  grid-column: 1/-1;
}
.file-block__img {
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 12px;
  display: none;
}
.file-block__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-block__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: 10px;
}
.file-block__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.file-block__btns button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.file-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.file-block__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.file-block.file-block--show .file-block__box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.file-block.file-block--show .file-block__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.file-block.file-block--show .delete-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.file-block .delete-file {
  display: none;
}
.file-block__decor input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.file-block__decor span {
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 810px) {
  .file-block.file-block--show .file-block__box {
    -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;
  }
  .file-block .file-block__box {
    -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;
  }
  .file-block__img {
    width: 100%;
    height: 202px;
  }
}
@media (max-width: 600px) {
  .file-block__btns {
    -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;
  }
}

.filter-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

.filter-tag {
  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;
  min-height: 40px;
  padding: 8px 16px;
  background-color: #fff;
  border-radius: 20px;
}
.filter-tag--noBg {
  background-color: transparent;
  border: 1px solid #DDDDDD;
}
.filter-tag--small {
  min-height: 27px;
  font-size: 16px;
  padding: 4px 8px;
}

.swiper-pagination {
  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: 8px;
}
.swiper-pagination .swiper-pagination-bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #d9dce5;
  border-radius: 50%;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #6a6c72;
}
.swiper-pagination--white .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.7;
}
.swiper-pagination--white .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}
.swiper-pagination.swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  gap: 0;
  background-color: rgba(0, 0, 0, 0.1019607843);
  border-radius: 0;
}
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  height: 100%;
  background-color: rgba(50, 113, 228, 0.6);
}

.swiper-details-progress-bar {
  position: relative;
  height: 4px;
}

.swiper-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background-color: #f3f4f7;
  padding: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  margin: 0 auto;
}
.swiper-details .swiper-pagination {
  border-radius: 50px;
  background-color: #fff;
  padding: 8px;
  position: static;
}
.swiper-details .arrow-slider {
  opacity: 0.5;
  pointer-events: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.swiper-details .arrow-slider.show {
  pointer-events: all;
  opacity: 1;
}

.swiper-details--media {
  display: none;
}
@media (max-width: 810px) {
  .swiper-details--media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 810px) {
  .swiper-details-progress-bar--noMedia {
    display: none;
  }
}

.arrow-slider {
  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: 64px;
  height: 64px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #f6f7f9;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.arrow-slider__box {
  width: 48px;
  height: 48px;
  background-color: #fff;
  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%;
}
.arrow-slider--noBox {
  width: 48px;
  height: 48px;
  background-color: #fff;
}
.arrow-slider--mini {
  width: 32px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.3019607843);
}
.arrow-slider:hover {
  background-color: gray;
}

.swiper-details-bottom .swiper-wrapper {
  padding-bottom: 32px;
}

.swiper-arrows-position {
  position: absolute;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.swiper-arrows-position .arrow-slider {
  position: absolute;
  top: -24px;
}
.swiper-arrows-position .arrow-slider.next {
  right: -36px;
}
.swiper-arrows-position .arrow-slider.prev {
  left: -36px;
}
@media (max-width: 767px) {
  .swiper-arrows-position .arrow-slider.next {
    right: 15px;
  }
  .swiper-arrows-position .arrow-slider.prev {
    left: 15px;
  }
}

.catalogy__inner {
  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;
}
.catalogy__top {
  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;
}
.catalogy__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.catalogy__sort.dropdown {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.catalogy__info {
  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;
}
.catalogy__sort .dropdown__toggle {
  background-color: #efefef;
  color: var(--main-color);
  min-height: 40px;
  border: 1px solid #f9f9f9;
  padding: 8px 16px;
  border-radius: 6px;
}
.catalogy__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 20px;
}
.catalogy__items--grid-small {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1500px) {
  .catalogy__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023px) {
  .catalogy__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 20px;
  }
}
@media (max-width: 810px) {
  .catalogy__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.catalogy .moreContent__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .catalogy__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.tag-big {
  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;
  background-color: #fff;
  padding: 16px;
  min-height: 61px;
  border-radius: 20px;
}
.tag-big .icon {
  width: 24px;
  height: 24px;
}
.tag-big .icon img,
.tag-big .icon svg {
  width: 100%;
  height: 100%;
}

.review-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 12px;
  background-color: #fff;
}
.review-block__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.review-block__box .icon {
  width: 15px;
  height: 14px;
}
.review-block__box .icon img,
.review-block__box .icon svg {
  width: 100%;
  height: 100%;
}
.review-block__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.review-block--noBox {
  padding: 0;
  background-color: transparent;
}
.review-block--small {
  font-size: 14px;
}
.review-block--small p {
  font-size: 14px;
}
.review-block--blue {
  background-color: rgba(50, 113, 228, 0.1019607843);
}

.programm-card {
  background-color: #f6f7f9;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.programm-card__content {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 27px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.programm-card__top {
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.programm-card__top a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}
.programm-card__img-box {
  position: relative;
  height: 250px;
}
.programm-card__img-box img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.programm-card__img-detail {
  position: absolute;
  z-index: 2;
  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: 20px;
  bottom: 20px;
  right: 20px;
  left: 20px;
}
@media (max-width: 600px) {
  .programm-card__top .h5 {
    font-size: 20px;
  }
  .programm-card .price-block__info {
    gap: 4px;
  }
  .programm-card .price-block__info .h2 {
    font-size: 20px;
  }
}

.tab-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tab-btns.swiper {
  gap: 0;
  width: 100%;
}
.tab-btns.swiper .swiper-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.tab-btns.swiper .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.tab-btn {
  min-height: clamp(43px, 38.8563535912px + 1.1049723757vw, 53px);
  border-radius: 50px;
  font-size: clamp(16px, 13.5138121547px + 0.6629834254vw, 22px);
  padding-inline: 20px;
}
.tab-btn:hover {
  background-color: gray;
  color: #fff;
}
.tab-btn.active {
  background-color: #1e1e1e;
  color: #fff;
  border-color: #1e1e1e;
}

.tab-item {
  display: none;
}
.tab-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabs-block {
  --bottom-gap:17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-bottom: var(--bottom-gap);
  border-bottom: 1px solid #CCCCCC;
}
.tabs-block__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  color: #1C1B1F;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.tabs-block__btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--blue-color);
  bottom: calc((var(--bottom-gap) + 1px) * -1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.tabs-block__btn.active:before {
  opacity: 1;
  visibility: visible;
}

.teacher-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 500px;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.teacher-item__img {
  position: absolute;
  z-index: 1;
  inset: 0;
}
.teacher-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.teacher-item__content {
  margin-top: auto;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 24px;
  background-color: var(--blue-color-lite);
  border-radius: 12px 12px 0 0;
}
.teacher-item__content--gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 247, 249, 0.4)), color-stop(43.75%, #f6f7f9));
  background-image: linear-gradient(180deg, rgba(246, 247, 249, 0.4) 0%, #f6f7f9 43.75%);
  backdrop-filter: blur(2px);
  background-color: transparent;
}
.teacher-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.teacher-item__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 2px;
}
.teacher-item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}
.teacher-item__top {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
}
.teacher-item__top .help-block {
  margin-left: auto;
}

.about-detail {
  --padding-box: clamp(20px, -9.0909090909px + 6.0606060606vw, 40px);
  --border-radius: 20px;
  --gap-block: clamp(20px, -9.0909090909px + 6.0606060606vw, 40px);
  --gap-item: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: var(--padding-box);
  border-radius: var(--border-radius);
  gap: var(--gap-block);
}
.about-detail__item-box:nth-child(even) {
  padding-left: var(--gap-block);
  border-left: 1px solid var(--border-gray);
}
.about-detail__item {
  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;
}
.about-detail__item-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: var(--gap-item);
}
.about-detail__item-box .textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-item);
}
@media (max-width: 1023px) {
  .about-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-detail__item-box:nth-child(even) {
    padding-left: 0;
    border-left: none;
  }
  .about-detail > *:not(:last-child) {
    padding-bottom: var(--gap-block);
    border-bottom: 1px solid var(--border-gray);
  }
}

.help-block {
  position: relative;
}
.help-block .icon {
  width: 38px;
  height: 38px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
}
.help-block .icon img,
.help-block .icon svg {
  width: 24px;
  height: 24px;
}
.help-block:hover .help-block__popup {
  opacity: 1;
  visibility: visible;
}
.help-block__popup {
  position: absolute;
  z-index: 3;
  background-color: #fff;
  padding: 10px;
  color: var(--main-color);
  right: 0;
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
}

.accordeon__question {
  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;
  width: 100%;
  gap: 8px;
}
.accordeon__question .arrow {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.accordeon__answer {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.accordeon__item {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.accordeon__item.active .arrow {
  rotate: -180deg;
}
.accordeon__top {
  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: 12px;
}
@media (max-width: 809px) {
  .accordeon__top {
    -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;
  }
}
.accordeon__show-much {
  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;
  background-color: transparent;
  color: #0342b4;
  font-size: 16px;
  line-height: 1;
  text-decoration: underline;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.accordeon__show-much:hover {
  opacity: 0.6;
}

.accordeon-main {
  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;
}
.accordeon-main__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.accordeon-main .accordeon__question {
  cursor: pointer;
}
.accordeon-main__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.accordeon-main__box .icon {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #1c1b1f;
}
.accordeon-main__box .icon svg,
.accordeon-main__box .icon img {
  width: 100%;
  height: 100%;
}
.accordeon-main__box p {
  font-size: 20px;
}
.accordeon-main__right-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.accordeon-main__right-box .icon {
  width: 20px;
  height: 20px;
  color: #1c1b1f;
}
.accordeon-main__right-box .icon svg,
.accordeon-main__right-box .icon img {
  width: 100%;
  height: 100%;
}
.accordeon-main .accordeon__item {
  padding: 20px;
}
.accordeon-main .accordeon__item:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.accordeon-main .accordeon__item.active .accordeon__answer {
  padding-top: 20px;
}
.accordeon-main .accordeon__answer {
  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;
}
.accordeon-main .accordeon__answer .textbox * {
  line-height: 1.4;
}
@media (max-width: 479px) {
  .accordeon-main__box p {
    font-size: 15px;
  }
  .accordeon-main .accordeon__item {
    padding: 12px;
  }
}

.check-filter input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.check-filter input:checked + span {
  background-color: #000000;
  color: #fff;
}
.check-filter span {
  cursor: pointer;
}

.price-block {
  padding: 12px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid var(--border-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.price-block--noBox {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
.price-block__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.price-block__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.price-block__old {
  text-decoration: line-through;
}
.price-block__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.price-block__footer button,
.price-block__footer a {
  min-height: 65px;
  font-size: 22px;
}

.card-tag {
  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: 4px;
  padding: 7px 12px;
  border-radius: 12px;
  background-color: rgba(50, 113, 228, 0.1019607843);
}
.card-tag .icon {
  width: 20px;
  height: 20px;
  color: #3271e4;
}
.card-tag .icon svg {
  width: 100%;
  height: 100%;
}
.card-tag--white {
  background-color: #fff;
}

.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.rating__link {
  width: 18px;
  height: 18px;
}
.rating__link .icon {
  width: 100%;
  height: 100%;
  color: transparent;
}
.rating__link .icon svg {
  width: 100%;
  height: 100%;
}
.rating__link.active .icon {
  color: #ffa800;
}

.rating-stars__item {
  width: 38px;
  height: 38px;
  cursor: pointer;
}

.review-card {
  padding: 20px 8px;
  border-top: 1px solid #CCCCCC;
  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;
}
.review-card__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
.review-card__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;
  background-color: var(--blue-color-lite);
  border-radius: 10px;
  width: 52px;
  height: 52px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #0342B4;
}
.review-card__user-content {
  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;
}
.review-card__user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.review-card__content {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.banner-detail {
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid var(--border-gray);
}
.banner-detail__img {
  width: 100%;
  height: 320px;
}
.banner-detail__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner-detail__content {
  padding: 32px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.banner-detail__content > *:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-gray);
}
.banner-detail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.banner-detail__list {
  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;
}
.banner-detail .link-block__meat {
  gap: 4px;
}
.banner-detail .link-block__meat p {
  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: 2px 4px;
  border-radius: 6px;
  background-color: #F6F6F6;
}
.banner-detail .link-block__meat p.banner-detail__list-noBg {
  background-color: transparent;
}
.banner-detail .link-block__meat p.banner-detail__link-active {
  color: #0342B4;
  background-color: #ECF4FC;
}
@media (max-width: 479px) {
  .banner-detail__list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .banner-detail__list .link-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.form-main.form {
  gap: 0;
}
.form-main__items-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.form-main__item-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: 28px;
  width: 100%;
}
.form-main__inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.form-main__footer {
  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;
}
.form-main__footer a,
.form-main__footer button {
  min-height: 52px;
}
.form-main__policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.form-main__policy * {
  line-height: 1.2;
}
.form-main__policy a {
  text-decoration: underline;
}
.form-main__agree {
  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;
}

.card-article {
  padding: 12px 12px 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border: 1px solid var(--border-gray);
  overflow: hidden;
  border-radius: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card-article__content {
  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;
}
.card-article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.card-article__img {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.card-article__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-article__btns {
  max-width: 47px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 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: 8px;
}
.card-article__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;
  width: 100%;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 10px;
  background-color: #F3F9FF;
}
.card-article__btn--big {
  height: 89px;
}
.card-article__btn .icon {
  width: 24px;
  height: 24px;
  color: #1C1B1F;
}
.card-article__btn .icon img,
.card-article__btn .icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 809px) {
  .card-article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .card-article__btns {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .card-article__btn--big {
    height: 32px;
  }
}

.authors {
  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;
}
.authors__item {
  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;
}
.authors__box {
  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;
}
.authors__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.authors__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.authors__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.authors__content {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.authors__content a {
  text-decoration: underline;
}
@media (max-width: 809px) {
  .authors__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
}

.cta__inner {
  max-width: 1283px;
  margin: 0 auto;
  padding: 60px 45px;
  border-radius: 20px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
.cta__content {
  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;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.cta__content:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  width: clamp(412px, 152.625px + 62.5vw, 632px);
  height: clamp(412px, 152.625px + 62.5vw, 632px);
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  backdrop-filter: blur(100px);
  background-image: radial-gradient(58% 57% at 50% 73%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 74.863%, rgba(255, 255, 255, 0.9) 100%), -webkit-gradient(linear, left top, left bottom, color-stop(20.411%, rgba(255, 255, 255, 0.9)), to(rgba(232, 236, 247, 0.9)));
  background-image: radial-gradient(58% 57% at 50% 73%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4) 74.863%, rgba(255, 255, 255, 0.9) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.9) 20.411%, rgba(232, 236, 247, 0.9) 100%);
}
.cta__top, .cta__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.cta__top {
  text-align: center;
}
.cta__footer button,
.cta__footer a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 810px) {
  .cta .container {
    padding-inline: 0;
  }
  .cta__inner {
    border-radius: 0;
  }
}

.social {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.social__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 51px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.social .icon {
  width: 26px;
  height: 26px;
}
.social .icon svg,
.social .icon img {
  width: 100%;
  height: 100%;
}
.social * {
  color: #3271e4;
}
@media (max-width: 767px) {
  .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.fga__inner {
  max-width: 1283px;
  margin: 0 auto;
}

.info-top {
  position: relative;
  padding: 24px 0;
}
.info-top__inner {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.info-top__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.info-top__details {
  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;
}
.info-top__img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: clamp(330px, 34.9038461538px + 28.8461538462vw, 450px);
}
@media (max-width: 1023px) {
  .info-top__img {
    height: clamp(220px, 144.9177631579px + 18.0921052632vw, 330px);
  }
}
.info-top__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info-top__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.info-top__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.info-block {
  overflow: clip;
  contain: layout paint;
}
.info-block__inner {
  display: grid;
  grid-template-columns: auto clamp(270px, -49.6875px + 31.25vw, 400px);
  gap: clamp(13px, -28.8052884615px + 4.0865384615vw, 30px);
}
.info-block__box {
  width: 100%;
  min-width: 0;
}
.info-block .textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.info-block .textbox p {
  line-height: 1.3;
}
.info-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  padding-top: 24px;
}
.info-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}
.info-block__img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: clamp(330px, 34.9038461538px + 28.8461538462vw, 450px);
}
@media (max-width: 1023px) {
  .info-block__img {
    height: clamp(220px, 144.9177631579px + 18.0921052632vw, 330px);
  }
}
.info-block__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info-block__banners {
  position: sticky;
  top: var(--header-height, 100px);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 3;
  padding-top: 24px;
  width: 100%;
}
@media (max-width: 1023px) {
  .info-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .info-block__banners {
    display: none;
  }
}

.comments-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.comments-blocks__content, .comments-blocks__items {
  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;
}
.comments-blocks__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;
}

.subscription-block {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 40px;
  border: 1px solid var(--border-gray);
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  min-height: 240px;
}

.filter-banner {
  padding: 20px;
  background-color: #fff;
  border: 1px solid var(--border-gray);
  border-radius: 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: 28px;
}
.filter-banner__top {
  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;
}
.filter-banner__top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.card-icon {
  padding: clamp(20px, 4px + 1.5625vw, 24px);
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid var(--border-gray);
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  min-height: 168px;
}
.card-icon .icon {
  width: clamp(38px, 14px + 2.34375vw, 44px);
  height: clamp(38px, 14px + 2.34375vw, 44px);
  color: var(--blue-color);
}
.card-icon .icon img,
.card-icon .icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 810px) {
  .card-icon {
    padding: 16px;
    min-height: 107px;
    border-radius: 16px;
  }
  .card-icon .icon {
    width: 32px;
    height: 32px;
  }
}

.person-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(16px, -1.1572327044px + 1.677148847vw, 24px);
  height: 100%;
}
.person-info__img {
  width: clamp(90px, -59.8046875px + 19.53125vw, 140px);
  height: clamp(90px, -59.8046875px + 19.53125vw, 140px);
  overflow: hidden;
  border-radius: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.person-info__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.person-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(10px, -2.8679245283px + 1.2578616352vw, 16px);
}
.person-info__top {
  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;
}
.person-info__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.person-info__contact {
  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;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1;
}
.person-info__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: 4px;
  line-height: 1;
}
.person-info__bottom a {
  text-decoration: underline;
}

.team-item {
  padding: 20px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--border-gray);
  background-color: #fff;
}
@media (max-width: 1439px) {
  .team-item {
    padding: 16px;
  }
}
@media (max-width: 809px) {
  .team-item {
    padding: 14px;
    border-radius: 16px;
  }
}

.reviewModal-text {
  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;
}
.reviewModal-text__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.reviewModal-text .rating__link {
  width: 23px;
  height: 23px;
}
.reviewModal-text__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.review-rating {
  max-width: 330px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 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;
}
.review-rating__item {
  display: grid;
  grid-template-columns: 150px auto;
  -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;
}
.review-rating__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.review-rating__proccent {
  text-decoration: underline;
  color: var(--blue-color);
}
@media (max-width: 415px) {
  .review-rating .progress {
    max-width: 100px;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/* End */


/* Start:/local/templates/main/assets/css/main.css?176924243215825*/
@charset "UTF-8";
/*функция для подсчета clamp*/
/*Миксин для скрытия поля*/
.top-info .container {
  max-width: calc(var(--container-width) + 80px);
  padding-inline: 20px;
}
.top-info__inner {
  background-color: #f0f4ff;
  padding: clamp(20px, -16px + 7.5vw, 80px) clamp(20px, 8px + 2.5vw, 40px) clamp(20px, 8px + 2.5vw, 40px);
  border-radius: 0 0 clamp(20px, -132.1126760563px + 18.779342723vw, 60px) clamp(20px, -132.1126760563px + 18.779342723vw, 60px);
}
@media (max-width: 810px) {
  .top-info .container {
    padding: 0;
  }
  .top-info__inner {
    border-radius: 0;
  }
}

.top-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
  --gap-swiper-box: 37px;
  --height-icon-swiper: 60px;
}
.top-main__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.top-main__details {
  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;
  max-width: 740px;
}
.top-main__details-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.top-main__swiper-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap-swiper-box);
  background-image: radial-gradient(140.69% 437.59% at 123.65% -14.08%, #cbe4fa 0%, #a1b4ea 51.24%, #b7c3e5 100%);
  border-radius: 20px;
  overflow: hidden;
  padding: 85px 0 30px;
  min-height: 433px;
  max-width: clamp(600px, -210.2262443439px + 63.3484162896vw, 740px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.top-main .swiper {
  overflow: visible;
}
.top-main .swiper .swiper-horizontal > .swiper-pagination-bullets, .top-main .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .top-main .swiper .swiper-pagination-custom, .top-main .swiper .swiper-pagination-fraction {
  position: static;
}
.top-main .swiper .swiper-wrapper {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.top-main .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.top-main .swiper-slide.swiper-slide-active .teacher-card {
  padding-top: 0px;
}
.top-main .swiper-slide.swiper-slide-active .teacher-card__cursor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 360px) {
  .top-main .swiper-slide.swiper-slide-active .teacher-card__cursor {
    display: none;
  }
}
.top-main .swiper-slide.swiper-slide-active .teacher-card__content:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 360px) {
  .top-main .swiper-slide.swiper-slide-active .teacher-card__content:before {
    display: none;
  }
}
.top-main__swiper-footer {
  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;
  padding-inline: 26px;
  padding-top: var(--gap-swiper-box);
}
.top-main__swiper-icon {
  width: var(--height-icon-swiper);
  height: var(--height-icon-swiper);
  border-radius: 50%;
  background-image: linear-gradient(243.37deg, rgba(119, 127, 202, 0.18) 0.2%, rgba(26, 39, 154, 0.24) 83.3%);
  backdrop-filter: blur(9px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.top-main__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.top-main__tags {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1279px) {
  .top-main__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .top-main__details, .top-main__swiper-box {
    max-width: 100%;
  }
  .top-main__swiper-box {
    padding-inline: 11px;
  }
}
@media (max-width: 1023px) {
  .top-main.top-info__inner {
    gap: 40px;
  }
  .top-main__tags {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 809px) {
  .top-main__tags {
    grid-template-columns: repeat(1, 1fr);
  }
}

.teacher-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 304px;
  height: 210px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  --width-img-person: 65%;
  position: relative;
  padding-top: 30px;
}
.teacher-card__content {
  border-radius: 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.22)), to(rgba(255, 255, 255, 0.44)));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.44) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
.teacher-card__content:before {
  display: none;
  position: absolute;
  content: "";
  width: 230px;
  height: 230px;
  right: -51px;
  bottom: -65px;
  background-image: url("/img/top/decor.svg");
}
.teacher-card__person {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: calc(100% + 75px);
  width: 230px;
  border-bottom-left-radius: 25px;
  overflow: hidden;
}
.teacher-card__person img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.teacher-card__rating {
  border-radius: 15px;
  background-color: rgb(255, 255, 255);
  padding: 20px;
  min-height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: absolute;
  z-index: 9;
  right: 16px;
  top: 16px;
}
.teacher-card__rating .icon {
  width: 19px;
  height: 19px;
}
.teacher-card__rating .icon img,
.teacher-card__rating .icon svg {
  width: 100%;
  height: 100%;
}
.teacher-card__rating-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.teacher-card__rating-numbers p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5019607843);
}
.teacher-card__rating-numbers__rating-current {
  font-size: 20px;
  color: #000;
}
.teacher-card__cursor {
  display: none;
  position: absolute;
  right: -17px;
  bottom: -32px;
  width: 100px;
  height: 100px;
  z-index: 8;
}
.teacher-card__cursor img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1279px) {
  .teacher-card {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .teacher-card__cursor {
    display: none;
  }
  .teacher-card__content:before {
    display: none;
  }
}

.courses__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.courses .swiper {
  width: 100%;
}

.courses-item {
  border-radius: 20px;
  background-color: #f3f4f7;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.courses-item__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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  padding: clamp(20px, 0px + 4.1666666667vw, 80px) 20px clamp(20px, 0px + 4.1666666667vw, 80px) clamp(20px, 6.6666666667px + 2.7777777778vw, 60px);
}
@media (max-width: 1279px) {
  .courses-item__content {
    padding: clamp(20px, 0px + 4.1666666667vw, 80px) clamp(20px, 6.6666666667px + 2.7777777778vw, 60px) clamp(20px, 0px + 4.1666666667vw, 80px) clamp(20px, 6.6666666667px + 2.7777777778vw, 60px);
  }
}
.courses-item__info {
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(20px, 16px + 0.8333333333vw, 32px);
  width: 100%;
}
.courses-item__details {
  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;
}
.courses-item .textbox {
  max-width: 515px;
}
.courses-item__img {
  width: 100%;
  height: 100%;
  max-height: 500px;
}
.courses-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1279px) {
  .courses-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .courses-item__img {
    height: clamp(260px, 180px + 16.6666666667vw, 500px);
  }
  .courses-item__img img {
    -o-object-position: top;
       object-position: top;
  }
}
@media (max-width: 767px) {
  .courses-item .price-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .courses-item .price-block__info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .courses-item .price-block__footer {
    width: 100%;
  }
  .courses-item .price-block__footer .button {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .courses-item img {
    -o-object-position: center;
       object-position: center;
  }
}

.programm__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  position: relative;
}
.programm .swiper {
  width: 100%;
}
.programm .swiper-slide {
  height: auto;
}
.programm__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 20px;
}
@media (max-width: 1500px) {
  .programm__items {
    grid-template-columns: repeat(3, 1fr);
  }
  .programm__items .programm-card:not(:nth-child(-n+6)) {
    display: none;
  }
}
@media (max-width: 1279px) {
  .programm__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .programm__items .programm-card:not(:nth-child(-n+4)) {
    display: none;
  }
}
@media (max-width: 810px) {
  .programm__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.about__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(32px, 0.1556420233px + 3.1128404669vw, 40px);
}
.about__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(16px, 12.6850828729px + 0.8839779006vw, 24px);
  text-align: center;
  max-width: 1010px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .about__top br {
    display: none;
  }
}
.about__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(24px, 20.6850828729px + 0.8839779006vw, 32px);
}

.about-item {
  background-color: #fff;
  border-radius: clamp(16px, 6.0552486188px + 2.6519337017vw, 40px);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.about-item.active {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.about-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: clamp(28px, 14.7403314917px + 3.5359116022vw, 60px) clamp(12px, -7.8895027624px + 5.3038674033vw, 60px);
  gap: clamp(20px, 18.3425414365px + 0.4419889503vw, 24px);
}
.about-item__list {
  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;
}
.about-item__link {
  background-color: #f0f4ff;
  padding: clamp(16px, 14.3425414365px + 0.4419889503vw, 20px);
  border-radius: clamp(12px, 10.3425414365px + 0.4419889503vw, 16px);
  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;
}
.about-item__link-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.about-item__link-top .icon {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.about-item__link-top .icon img,
.about-item__link-top .icon svg {
  width: 100%;
  height: 100%;
}
.about-item__img {
  width: 100%;
  height: 100%;
  max-height: 800px;
}
.about-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1439px) {
  .about-item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .about-item__img {
    height: 500px;
  }
  .about-item__img img {
    -o-object-position: top;
       object-position: top;
  }
}
@media (max-width: 767px) {
  .about-item__img {
    height: clamp(260px, 30.4081632653px + 61.2244897959vw, 500px);
  }
}

.tags-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.tags-section__items {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.teacher-block__content {
  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;
  position: relative;
}
.teacher-block .swiper {
  width: 100%;
}
.teacher-block .swiper .swiper-slide {
  height: auto;
}
.teacher-block .swiper .swiper-details {
  display: none;
}
/* End */


/* Start:/local/templates/main/assets/css/custom.css?17692424323284*/

.course-item__link.my_course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
}

.course-item__content.my_course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.course-item__info.my_course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.person-info {
  height: 100%;
}

.person-info__bottom {
  gap: 4px;
}

.forgot-box {
  display: flex;
  flex-direction: column; 
  gap: 30px; 
  max-width: 500px;
}

.data-table.bx-changepass-table {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 500px;
  margin-bottom: 30px;
}

.change_password.table{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bx-system-auth-form input {
  width: 100%;
  max-width: 500px;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.bx-system-auth-form input:focus {
  border-color: var(--green-color);
  box-shadow: 0 0 5px rgba(0, 128, 0, 0.3);
  outline: none;
}

.bx-system-auth-form table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.auth-forgot-wrapper input {
  width: 100%;
  max-width: 500px;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.auth-forgot-wrapper input:focus {
  border-color: var(--green-color);
  box-shadow: 0 0 5px rgba(0, 128, 0, 0.3);
  outline: none;
}

.auth-forgot-wrapper table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.auth-forgot-wrapper tr {
  display: flex;
    flex-direction: column;
}

.forgot_passward {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  h1.forgot,
  .account__content.forgot {
    margin-left: 30%;
  }
}

.header {
  top: 0;
}

.price-card.selected {
  border: 1px solid #3271e4;
}

.remove-favorite {
    height: 40px;
    background: var(--red-color);
    font-size: 30px;
}

.button.remove-module {
    background-color: transparent;
    border: none;
    transition: 0.3s;
    cursor: pointer;
    color: #333333;
    border: 1px solid var(--border-gray);
}

.button.remove-module:hover {
    color: #fff;
    background-color: var(--blue-color);
}

.button.remove-qa {
    background-color: transparent;
    border: none;
    transition: 0.3s;
    cursor: pointer;
    color: #333333;
    border: 1px solid var(--border-gray);
}

.button.remove-qa:hover {
    color: #fff;
    background-color: var(--blue-color);
}

/* End */


/* Start:/local/templates/main/assets/css/lib/swiper.min.css?176924243218455*/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/main/assets/css/account.css?176924243226927*/
@charset "UTF-8";
/*функция для подсчета clamp*/
/*Миксин для скрытия поля*/
.account__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.account__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.account__box {
  width: 100%;
}
@media (max-width: 1279px) {
  .account .account-sidebar {
    display: none;
  }
}

.account-sidebar {
  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;
  max-width: 300px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.account-sidebar > *:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-gray);
}
.account-sidebar__list {
  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;
}
.account-sidebar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: 6px 0 6px 2px;
  border-radius: 4px;
}
.account-sidebar__item:hover {
  background-color: rgba(50, 113, 228, 0.1019607843);
  opacity: 1;
}
.account-sidebar__item .icon {
  width: 24px;
  height: 24px;
}
.account-sidebar__item .icon img,
.account-sidebar__item .icon svg {
  width: 100%;
  height: 100%;
}

.account-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(24px, 6.8427672956px + 1.677148847vw, 32px);
}
.account-main > *:not(:last-child) {
  padding-bottom: clamp(24px, 6.8427672956px + 1.677148847vw, 32px);
  border-bottom: 1px solid var(--border-gray);
}
.account-main__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, -5.1572327044px + 1.677148847vw, 20px);
}
.account-main__item {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--border-gray);
}
.account-main__details {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(12px, -5.1572327044px + 1.677148847vw, 20px);
}
.account-main__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (max-width: 1279px) {
  .account-main__content {
    gap: 24px;
  }
}
.account-main__box-content, .account-main__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: 20px;
}
.account-main__box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 1439px) {
  .account-main__info {
    grid-template-columns: repeat(1, 1fr);
  }
  .account-main__details {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 810px) {
  .account-main .person-info {
    -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;
  }
  .account-main__box-top {
    -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: 16px;
  }
}
@media (max-width: 480px) {
  .account-main__details {
    grid-template-columns: repeat(1, 1fr);
  }
}

.person-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(16px, -1.1572327044px + 1.677148847vw, 24px);
  height: 100%;
}
.person-info__img {
  width: clamp(90px, -59.8046875px + 19.53125vw, 140px);
  height: clamp(90px, -59.8046875px + 19.53125vw, 140px);
  overflow: hidden;
  border-radius: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.person-info__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.person-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(10px, -2.8679245283px + 1.2578616352vw, 16px);
}
.person-info__top {
  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;
}
.person-info__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.person-info__contact {
  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;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1;
}
.person-info__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: 4px;
  line-height: 1;
}
.person-info__bottom a {
  text-decoration: underline;
}

.verify-block {
  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;
  height: 100%;
}
.verify-block__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.verify-block .button {
  margin-top: auto;
}

.detail-item {
  padding: clamp(20px, -24.1516245487px + 3.6101083032vw, 30px);
  border: 1px solid var(--border-gray);
  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;
  min-height: clamp(170px, 150.1105990783px + 4.7926267281vw, 222px);
  border-radius: 20px;
}
.detail-item:hover {
  opacity: 1;
}
.detail-item:hover .hover-text {
  color: var(--blue-color);
}
.detail-item:hover .icon svg path {
  fill: var(--blue-color);
}
.detail-item .hover-text {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.detail-item .icon {
  width: clamp(48px, 12.046875px + 4.6875vw, 60px);
  height: 60px;
}
.detail-item .icon svg,
.detail-item .icon img {
  width: 100%;
  height: 100%;
}
.detail-item .icon svg path {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.detail-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: auto;
}

.course-block {
  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;
}

.table-main {
  border: 1px solid #cccccc;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --grid-column: 2fr 1fr 1fr 1fr 1fr 2fr;
  --grid-gap: 5px;
  --padding-inline: 24px;
}
.table-main__head {
  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: 10px;
  padding: 21px var(--padding-inline);
  background-color: #ecf4fc;
  border-radius: 10px 10px 0 0;
}
.table-main__head-content {
  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;
}
.table-main__head-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.table-main__box {
  width: auto;
  table-layout: fixed;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  border-collapse: collapse;
}
.table-main__head-box {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.0509803922);
}
.table-main__head-box td {
  padding-block: 12px;
}
.table-main__head-box td:last-child {
  padding-right: var(--padding-inline);
}
.table-main__head-box td:last-child .table-main__head-item {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.table-main__head-box td:first-child {
  padding-left: var(--padding-inline);
}
.table-main__head-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.table-main__head-item.active, .table-main__head-item:hover {
  color: var(--blue-color);
}
.table-main__head-item.active svg path, .table-main__head-item:hover svg path {
  fill: var(--blue-color);
}
.table-main__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.table-main__item-block {
  min-height: 77px;
  padding: 20px var(--padding-inline);
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-main__item-block td {
  padding: 12px 5px;
}
.table-main__item-block td:last-child {
  padding-right: var(--padding-inline);
}
.table-main__item-block td:last-child .table-main__item {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.table-main__item-block td:last-child button.table-main__item {
  margin-left: auto;
}
.table-main__item-block td:last-child .table-main__head-item {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.table-main__item-block td:first-child {
  padding-left: var(--padding-inline);
}
.table-main__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}
.table-main__item .table-main__media-item {
  display: none;
}
.table-main tr {
  width: 100%;
}
.table-main tr:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 850px) {
  .table-main .table-main__head-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .table-main .table-main__head-box td:not(:first-child):not(:last-child) {
    display: none;
  }
  .table-main__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table-main__box tbody {
    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%;
  }
  .table-main .table-main__item-block {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    gap: 8px;
    padding: 20px;
  }
  .table-main .table-main__item-block td {
    padding: 0;
  }
  .table-main .table-main__item-block td:first-child, .table-main .table-main__item-block td:nth-child(2), .table-main .table-main__item-block td:last-child {
    grid-column: 1/-1;
  }
  .table-main .table-main__item-block td:last-child .table-main__item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .table-main .table-main__item-block td:last-child button.table-main__item {
    margin-left: 0;
  }
  .table-main .table-main__media-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table-main .table-main__item:last-child {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .table-main__head, .table-main__head-details {
    -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: 16px;
  }
  .table-main__head {
    padding: 20px;
  }
  .table-main__head .dropdown {
    display: none;
  }
}

.profile-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(28px, 16.015625px + 1.5625vw, 32px);
  padding: 24px;
  border: 1px solid var(--border-gray);
  border-radius: 20px;
}
.profile-block__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(16px, 4.015625px + 1.5625vw, 20px);
}
.profile-block__info > *:not(:last-child) {
  padding-bottom: clamp(16px, 4.015625px + 1.5625vw, 20px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
}
.profile-block__info-top {
  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;
}
.profile-block .form {
  padding-bottom: clamp(28px, 16.015625px + 1.5625vw, 32px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
}
.profile-block__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}
.profile-block__details-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.profile-block__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 12px;
}
.profile-block__link {
  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;
}

.profile-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(28px, 16.015625px + 1.5625vw, 32px);
  padding: 24px;
  border: 1px solid var(--border-gray);
  border-radius: 20px;
}
.profile-block__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(16px, 4.015625px + 1.5625vw, 20px);
}
.profile-block__info > *:not(:last-child) {
  padding-bottom: clamp(16px, 4.015625px + 1.5625vw, 20px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
}
.profile-block__info-top {
  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;
}
.profile-block .form {
  padding-bottom: clamp(28px, 16.015625px + 1.5625vw, 32px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
}
.profile-block__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}
.profile-block__details-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.profile-block__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 12px;
}
.profile-block__link {
  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;
}

.marketing-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.marketing-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.marketing-block__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 1500px) {
  .marketing-block__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.course-item {
  border: 1px solid var(--border-gray);
  border-radius: 20px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.course-item__img {
  border-radius: 10px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 180px;
  height: 134px;
}
.course-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.course-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.course-item__info {
  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;
}
.course-item__list {
  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;
  line-height: 1;
}
.course-item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.course-item__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 810px) {
  .course-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .course-item__img {
    width: 100%;
    height: 200px;
  }
}

.card-promotion__info {
  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: 10px;
  width: 100%;
}
.card-promotion__top {
  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: 810px) {
  .card-promotion__info {
    -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: 24px;
  }
}

.price-card {
  padding: clamp(16px, 10.1818181818px + 1.2121212121vw, 20px);
  border: 1px solid var(--border-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  border-radius: 20px;
  height: 100%;
}
.price-card--bg-white {
  background-color: #fff;
}
.price-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.price-card__user {
  width: clamp(50px, 41.2727272727px + 1.8181818182vw, 56px);
  height: clamp(50px, 41.2727272727px + 1.8181818182vw, 56px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  background-color: #eff3ff;
  border-radius: 12px;
}
.price-card__user svg,
.price-card__user img {
  width: 100%;
  height: 100%;
}
.price-card__user.active {
  background-color: #25275C;
  color: #D6C7FF;
}
.price-card__top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.price-card__personal-info {
  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;
}
.price-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.price-card__content--bg {
  padding: 20px;
  background-color: var(--blue-color-lite);
  border-radius: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.price-card__tarifts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: auto;
}
.price-card__tarif {
  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: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
  min-height: 122px;
  padding: 20px;
}
.price-card__decor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.price-card__decor * {
  color: var(--green-color);
}
.price-card__decor p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.price-card__decor-line {
  width: 100%;
  height: 1px;
  background-color: var(--border-gray);
}

.price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.price-box__old {
  text-decoration: line-through;
}

.changeData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  padding: 24px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--border-gray);
}
.changeData__item {
  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;
}
.changeData__item > *:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-gray);
}
.changeData__block {
  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;
}
.changeData__box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 810px) {
  .changeData__box-top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 1279px) {
  .changeData {
    gap: 24px;
  }
}
/* End */


/* Start:/local/templates/main/assets/css/catalogy.css?17692424324444*/
@charset "UTF-8";
/*функция для подсчета clamp*/
/*Миксин для скрытия поля*/
.top-info .container {
  max-width: calc(var(--container-width) + 80px);
  padding-inline: 20px;
}
.top-info__inner {
  background-color: #f0f4ff;
  padding: clamp(20px, -16px + 7.5vw, 80px) clamp(20px, 8px + 2.5vw, 40px) clamp(20px, 8px + 2.5vw, 40px);
  border-radius: 0 0 clamp(20px, -132.1126760563px + 18.779342723vw, 60px) clamp(20px, -132.1126760563px + 18.779342723vw, 60px);
}
@media (max-width: 810px) {
  .top-info .container {
    padding: 0;
  }
  .top-info__inner {
    border-radius: 0;
  }
}

.top-catalogy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(20px, -56.0563380282px + 9.3896713615vw, 40px);
}
.top-catalogy__top {
  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;
}
.top-catalogy__btn {
  background-color: rgba(255, 255, 255, 0.3019607843);
  padding: 8px 16px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.5019607843);
}
.top-catalogy__btn .icon {
  width: 20px;
  height: 20px;
}
.top-catalogy__btn .icon img,
.top-catalogy__btn .icon svg {
  width: 100%;
  height: 100%;
}
.top-catalogy__btn .icon svg path {
  fill: rgba(0, 0, 0, 0.5019607843);
}
.top-catalogy__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.top-catalogy__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(12px, -94.4788732394px + 13.1455399061vw, 40px);
}
.top-catalogy__items:nth-child(even) {
  padding-left: clamp(12px, -94.4788732394px + 13.1455399061vw, 40px);
  border-left: 1px solid #000000;
}
@media (max-width: 810px) {
  .top-catalogy__items, .top-catalogy__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .top-catalogy__top {
    display: contents;
  }
  .top-catalogy__items:nth-child(even) {
    border: none;
    padding-left: 0;
  }
  .top-catalogy__btn {
    padding: 0;
    background-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .top-catalogy .accordeon__question .gray-block-60 {
    color: var(--main-color);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .top-catalogy .accordeon__item.active {
    padding-bottom: 20px;
  }
  .top-catalogy .accordeon__item.active .accordeon__question .gray-block-60 {
    color: rgba(0, 0, 0, 0.5019607843);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
}

.filter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.filter .accordeon__answer {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
@media (max-width: 810px) {
  .filter .accordeon__answer {
    max-height: 0;
  }
}
.filter__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.filter.form input {
  border-radius: 12px;
}
.filter .arrow {
  display: none;
}
@media (max-width: 810px) {
  .filter__item {
    gap: 0;
  }
  .filter .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filter .accordeon__item.active .accordeon__answer {
    padding-top: 16px;
  }
  .filter .accordeon__question {
    cursor: pointer;
  }
}
/* End */


/* Start:/local/templates/main/assets/css/course-detail.css?17692424329704*/
@charset "UTF-8";
body {
  --max-width-section: 993px;
  --gap-section: 20px;
}

/*функция для подсчета clamp*/
/*Миксин для скрытия поля*/
.top {
  padding: 40px 0;
}

.top-course {
  position: relative;
  --gap-block: 32px;
}
.top-course__content, .top-course__info {
  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: 100%;
}
.top-course__info {
  gap: var(--gap-block);
}
.top-course__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(var(--gap-block) / 2);
}
.top-course__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top-course__tags .icon {
  width: 20px;
  height: 20px;
}
.top-course__tags .icon svg {
  width: 100%;
  height: 100%;
}
.top-course__lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.top-course__list-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: 12px;
}
.top-course__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.top-course__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.top-course__link a {
  color: #0342B4;
  text-decoration: underline;
}
.top-course__link .icon {
  width: 20px;
  height: 20px;
}
.top-course__link .icon svg {
  width: 100%;
  height: 100%;
}
.top-course__link-key, .top-course__link-meat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.top-course__link-key .icon, .top-course__link-meat .icon {
  color: #1C1B1F;
}
.top-course__banners {
  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;
  position: absolute;
  right: 0;
  top: 0;
  max-width: calc(100% - var(--max-width-section));
  width: 100%;
}
.top-course .banner-detail,
.top-course .form-main {
  display: none;
}
@media (max-width: 1439px) {
  .top-course .banner-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding: 10px;
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .top-course .banner-detail__img {
    border-radius: 16px;
    overflow: hidden;
    height: 287px;
    max-width: 531px;
  }
  .top-course .banner-detail__content {
    padding: 0;
    max-width: 340px;
    width: 100%;
  }
  .top-course__info > *:first-child {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .top-course__info > *:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .top-course__info > *:last-child {
    -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
            order: 9999;
  }
  .top-course .form-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .top-course .form-main__inputs {
    grid-template-columns: repeat(3, 1fr);
  }
  .top-course .form-main__inputs .form__item--big {
    grid-column: span 1;
  }
  .top-course .form-main__footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 809px) {
  .top-course .banner-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    padding-bottom: 20px;
  }
  .top-course .banner-detail__img, .top-course .banner-detail__content {
    max-width: 100%;
  }
  .top-course .banner-detail__content .banner-detail__item,
  .top-course .banner-detail__content .banner-detail__list {
    text-align: center;
  }
  .top-course .banner-detail__content .price-block {
    margin: 0 auto;
  }
  .top-course .banner-detail__content .banner-detail__list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-course .form-main__inputs, .top-course .form-main__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .top-course__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 479px) {
  .top-course__link {
    -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;
  }
}

.article-info__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: 50px;
}
.article-info__item {
  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;
}
.article-info__item .textbox {
  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;
}
.article-info__item .textbox p {
  line-height: 1.4;
}
.article-info .catalogy__items {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 809px) {
  .article-info .catalogy__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.article-info .review-box__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 809px) {
  .article-info .review-box__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.article-info .card-article {
  display: none;
}
@media (max-width: 1439px) {
  .article-info .card-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
  }
}

.catalogy__inner {
  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;
}
.catalogy__top {
  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;
}
.catalogy__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.catalogy__sort.dropdown {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.catalogy__info {
  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;
}
.catalogy__sort .dropdown__toggle {
  background-color: #efefef;
  color: var(--main-color);
  min-height: 40px;
  border: 1px solid #f9f9f9;
  padding: 8px 16px;
  border-radius: 6px;
}
.catalogy__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 20px;
}
.catalogy__items--grid-small {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1500px) {
  .catalogy__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023px) {
  .catalogy__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 20px;
  }
}
@media (max-width: 810px) {
  .catalogy__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.catalogy .moreContent__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .catalogy__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/header_menu/style.min.css?1769242432490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/header_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/footer/style.min.css?1769242432490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/styles.css?1769242432466*/
.banner-detail__img {
    position: relative;
}

.favorite-toggle {
    position: absolute;
    right: 0;
    background-color: #3271e4;
    color: white;
    padding: 12px 12px;;
    border: none;
    cursor: pointer;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
}

.favorite-toggle[data-favorited="1"] {
    background-color: #ffc700;
	color: black;
}
/* End */
/* /local/templates/main/assets/css/page.css?1769242432112629 */
/* /local/templates/main/assets/css/main.css?176924243215825 */
/* /local/templates/main/assets/css/custom.css?17692424323284 */
/* /local/templates/main/assets/css/lib/swiper.min.css?176924243218455 */
/* /local/templates/main/assets/css/account.css?176924243226927 */
/* /local/templates/main/assets/css/catalogy.css?17692424324444 */
/* /local/templates/main/assets/css/course-detail.css?17692424329704 */
/* /local/templates/main/components/bitrix/menu/header_menu/style.min.css?1769242432490 */
/* /local/templates/main/components/bitrix/menu/footer/style.min.css?1769242432490 */
/* /local/templates/main/styles.css?1769242432466 */
