@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: "BloggerSans";
  src: url("../fonts/BloggerSans.eot");
  src: url("../fonts/BloggerSans.eot?#iefix") format("embedded-opentype"), url("../fonts/BloggerSans.woff") format("woff"), url("../fonts/BloggerSans.ttf") format("truetype"), url("../fonts/BloggerSans.svg#BloggerSans") format("svg");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Inter", sans-serif;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 1500px) {
  .container {
    max-width: 1280px;
    margin: 0 auto;
  }
}
@media (max-width: 1350px) {
  .container {
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (max-width: 1250px) {
  .container {
    max-width: 100%;
    padding: 0px 20px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 340px) {
  .container {
    padding: 0px 20px;
  }
}
.fancybox-content .modal-callback {
  display: block;
}

.space-section {
  margin-top: 30px;
  margin-bottom: 30px;
}
.space-section .title {
  font-size: 33px;
  margin-bottom: 0px;
}
.space-section .subtitle {
  margin-top: 10px;
}

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

html {
  overflow-x: hidden;
}

*:hover, *:active, *:focus {
  outline: none;
}

.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 64px;
}
.row .category-tabs {
  margin-bottom: 0px;
}

body {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  background: #fff;
  color: #26042b;
  height: 100%;
  font-family: "Exo 2", sans-serif;
  max-width: 1920px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
body p, body span {
  line-height: 140%;
}

a {
  color: #26042b;
  transition: 0.2s;
  text-decoration: none;
}

svg {
  transition: fill 280ms ease;
}

h1, h2, h3, h4 {
  padding: 0px;
  margin: 0px;
}

ul {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
}

path {
  transition: 0.2s;
}

p {
  padding: 0px;
  margin: 0px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

button, input {
  border: none;
  outline: none;
}
button:active, button:focus, input:active, input:focus {
  outline: none;
}

@keyframes flyrotate {
  0% {
    transform: translateY(0) skewY(2deg) rotate(45deg) scale(0.5);
  }
  50% {
    transform: translateY(-5px) skewY(-2deg) rotate(45deg) scale(0.5);
  }
  100% {
    transform: translateY(0) skewY(2deg) rotate(45deg) scale(0.5);
  }
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #ffffff;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9c759b;
}

::selection {
  background: rgba(156, 117, 155, 0.4);
}

::-moz-selection {
  background: rgba(156, 117, 155, 0.4);
}

.ham1 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  user-select: none;
}

.ham1 path {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #9c759b;
  stroke-width: 5.5;
  stroke-linecap: round;
}

.ham1.active {
  transform: rotate(45deg);
}

.ham1 .top {
  stroke-dasharray: 40 139;
}

.ham1 .bottom {
  stroke-dasharray: 20 180;
}

.ham1.active .top {
  stroke-dashoffset: -98px;
}

.ham1.active .bottom {
  stroke-dashoffset: -138px;
  stroke-dasharray: 40 180;
}

section {
  margin-top: 140px;
}

.elements {
  margin-top: 64px;
}

.title {
  font-size: 64px;
  line-height: 120%;
  text-transform: uppercase;
  background: linear-gradient(0deg, #593258 0%, rgba(159, 60, 161, 0) 181.54%, #04212b 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 64px;
}
.title.title-row {
  margin-bottom: 36px;
}
.title.search-title {
  font-size: 33px;
  margin-bottom: 30px;
}

.btn {
  height: 50px;
  border: 1px solid #9c759b;
  padding: 0px 24px;
  border-radius: 60px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #9c759b;
  font-size: 18px;
  transition: 0.2s;
  line-height: 1;
}
.btn-load {
  opacity: 0.5;
  pointer-events: none;
}
.btn svg {
  margin-right: 8px;
}
.btn.btn-violet {
  background: #9c759b;
  color: #fff;
}
.btn.btn-violet-light {
  background: #f3f0f5;
  color: #9c759b;
  border-color: transparent;
}
.btn.btn-violet-light:hover {
  background: #f3f0f5;
  border-color: #9c759b;
}
.btn.btn-white {
  background: #fff;
  border-color: transparent;
}
.btn.btn-white:hover {
  border-color: #9c759b;
}
.btn.btn-more {
  height: 75px;
  padding: 0px 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 64px;
}
.btn:hover {
  background: #fff;
  color: #9c759b;
}

.btn-detailed {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: 27px;
  display: block;
  position: relative;
  color: #9c759b;
  width: fit-content;
  padding-right: 30px;
  cursor: pointer;
}
.btn-detailed::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/icons/arrow.svg) no-repeat;
  width: 14px;
  height: 18px;
  background-size: 100%;
  transition: 0.2s;
  transform: rotate(270deg);
}

.fly-animation {
  animation: fly 8s ease-in-out infinite;
}

body .swiper-pagination {
  position: relative;
  margin-top: 64px;
  top: 0 !important;
  bottom: 0 !important;
  min-height: 8px;
}

.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-pagination:empty {
  margin-top: 0px;
  min-height: 0px;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background: #9c759b;
}

.swiper-slide-hidden {
  display: none;
}

.swiper-pagination-lock {
  display: block;
  opacity: 0;
}

@keyframes fly {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.hidden {
  display: none;
}

.first-block {
  margin-top: 0px;
}

@media (max-width: 1250px) {
  .row {
    margin-bottom: 24px;
  }
  body .swiper-pagination {
    margin-top: 24px;
  }
  body {
    font-size: 15px;
  }
  section {
    margin-top: 60px;
  }
  .title {
    font-size: 40px;
    margin-bottom: 32px;
  }
  .title.search-title {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .title.title-row {
    margin-bottom: 16px;
  }
  .btn.btn-more {
    margin-top: 34px;
    font-size: 15px;
    height: 47px;
  }
  .btn-detailed {
    font-size: 16px;
    padding-right: 27px;
  }
  .btn-detailed::before {
    width: 12px;
    height: 15px;
  }
}
@media (max-width: 900px) {
  .btn.btn-more {
    margin-top: 24px;
  }
}
@media (max-width: 700px) {
  .title {
    font-size: 24px;
    line-height: 120%;
    color: #593258;
    -webkit-text-fill-color: #593258;
    margin-bottom: 24px;
  }
  .title.title-row {
    margin-bottom: 16px;
  }
  .btn {
    font-size: 15px;
  }
  .btn-detailed {
    margin-top: 16px;
  }
}
body .fancybox-content {
  background: transparent;
  padding: 0;
}

.fancybox-bg {
  background: rgba(38, 4, 43, 0.6) !important;
}

@media (max-width: 500px) {
  .btn {
    max-width: 100%;
    width: 100%;
  }
}
.hero {
  background: #f3f0f5;
  padding-top: 50px;
  border-radius: 40px;
  padding-bottom: 40px;
  margin: 0px 10px;
  position: relative;
  overflow: hidden;
}
.hero .container {
  position: relative;
  z-index: 10;
}
.hero-back {
  position: absolute;
  right: 0;
  top: 0;
}
.hero-back-mobile {
  display: none;
}
.hero-woman {
  position: absolute;
  bottom: 0;
  right: 100px;
  width: 557px;
}
.hero-woman img {
  width: 100%;
}
.hero-woman-description {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -132px;
  margin-bottom: 40px;
  z-index: 100;
}
.hero-woman-description-left {
  padding: 17px 24px;
  background: #fff;
  display: flex;
  align-items: center;
  font-size: 18px;
  border-radius: 60px;
  padding-right: 40px;
}
.hero-woman-description-right {
  border-radius: 60px;
  height: 86px;
  width: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.hero-woman-description-right a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.hero-woman-description-right a:hover img {
  transform: translate(3px, -3px);
}
.hero-woman-description-right img {
  width: 35px;
  transition: 0.2s;
}
.hero-woman-description__images {
  display: flex;
  margin-right: 10px;
}
.hero-woman-description__images img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: -15px;
}
.hero-woman-description__images img:first-child {
  margin-left: 0px;
}
.hero__video {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.hero__video p {
  margin-left: 16px;
  font-size: 20px;
}
.hero__video-play {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  border: 1px solid #9c759b;
}
.hero__title {
  font-weight: 500;
  font-size: 80px;
  line-height: 120%;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.hero__subtitle {
  font-size: 24px;
  margin-top: 32px;
}
.hero__button {
  height: 75px;
  padding: 0px 40px;
  border-radius: 60px;
  margin-top: 48px;
}
.hero__button-mobile {
  display: none;
}
.hero-bottom {
  margin-top: 100px;
  display: flex;
  gap: 16px;
}
.hero-bottom .swiper-slide {
  width: fit-content !important;
  display: none;
  flex-shrink: inherit;
}
.hero-bottom .swiper-slide:nth-child(1), .hero-bottom .swiper-slide:nth-child(2) {
  display: block;
}
.hero-bottom__item {
  font-size: 18px;
  border-radius: 16px;
  padding: 24px;
  max-width: 500px;
  background: #fff;
  transition: 0.2s;
}
.hero-bottom__image {
  margin-bottom: 16px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #9c759b;
  border-radius: 50%;
}
.hero-scroll {
  position: absolute;
  right: 50px;
  bottom: 40px;
}
.hero-scroll-mobile {
  display: none;
}
.hero-scroll-wrap {
  border-radius: 18px;
  width: 3px;
  height: 40px;
  background: rgba(38, 4, 43, 0.2);
  overflow: hidden;
  position: relative;
}
.hero-scroll-elem {
  position: absolute;
  border-radius: 18px;
  width: 3px;
  height: 20px;
  background: #9c759b;
  transition: 0.2s;
  animation: scrollAnimation 3s ease-in-out infinite;
}

@keyframes scrollAnimation {
  0%, 100% {
    top: 0;
  }
  50% {
    top: calc(100% - 20px);
  }
}
@media (max-width: 1500px) {
  .hero-woman {
    right: 50px;
  }
  .hero__title {
    font-size: 72px;
  }
}
@media (max-width: 1400px) {
  .hero-woman {
    width: 520px;
  }
}
@media (max-width: 1250px) {
  .hero-back {
    max-width: 600px;
    top: auto;
    bottom: 0;
  }
  .hero-bottom {
    margin-top: 60px;
  }
  .hero__title {
    font-size: 57px;
  }
  .hero-woman {
    width: 480px;
    right: 50px;
  }
  .hero-woman img {
    margin-bottom: -10px;
  }
  .hero-woman-description {
    display: none;
  }
  .hero-scroll {
    right: 20px;
  }
}
@media (max-width: 1150px) {
  .hero-woman {
    width: 480px;
    right: 20px;
  }
}
@media (max-width: 1050px) {
  .hero__title {
    max-width: 500px;
    font-size: 52px;
  }
  .hero__subtitle {
    margin-top: 24px;
    font-size: 20px;
  }
  .hero-woman {
    right: 50px;
    width: 440px;
  }
  .hero-bottom__item {
    padding: 16px;
    font-size: 16px;
  }
  .hero__button {
    height: 57px;
    font-size: 17px;
    margin-top: 30px;
  }
  .hero__video {
    margin-bottom: 20px;
  }
  .hero__video p {
    font-size: 16px;
  }
  .hero__video-play {
    width: 38px;
    height: 38px;
  }
  .hero__video-play img {
    max-width: 10px;
  }
}
@media (max-width: 900px) {
  .hero {
    border-radius: 24px;
  }
  .hero-woman {
    right: 30px;
  }
  .hero-scroll {
    right: 20px;
  }
}
@media (max-width: 800px) {
  .hero-woman {
    right: -40px;
  }
}
@media (max-width: 700px) {
  .hero {
    padding: 24px 16px;
    padding-bottom: 16px;
  }
  .hero-scroll {
    display: none;
  }
  .hero-scroll-mobile {
    display: block;
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 30px;
    margin-bottom: 32px;
  }
  .hero .container {
    padding: 0;
  }
  .hero__video-play {
    width: 32px;
    height: 32px;
  }
  .hero__video-play img {
    max-width: 7px;
  }
  .hero__video p {
    max-width: 150px;
    font-size: 14px;
    margin-left: 8px;
    line-height: 120%;
  }
  .hero__title {
    font-size: 32px;
    max-width: 300px;
  }
  .hero__subtitle {
    font-size: 14px;
    margin-top: 20px;
    max-width: 160px;
  }
  .hero__subtitle br {
    display: none;
  }
  .hero__button {
    display: none;
    height: 47px;
    font-size: 15px;
    margin-top: 16px;
  }
  .hero__button-mobile {
    display: flex;
  }
  .hero-woman {
    width: 360px;
    right: 10px;
  }
  .hero-back {
    max-width: 450px;
  }
  .hero-bottom {
    gap: 8px;
    margin-top: 0px;
  }
  .hero-bottom__image {
    margin-bottom: 10px;
  }
  .hero-bottom__item {
    max-width: 340px;
  }
  .hero-bottom__item p {
    font-size: 12px;
  }
}
@media (max-width: 550px) {
  .hero-back {
    display: none;
  }
  .hero-back-mobile {
    position: absolute;
    display: block;
    bottom: -25px;
    right: 32px;
  }
  .hero-woman {
    right: -60px;
    width: 300px;
  }
  .hero__button {
    width: 100%;
  }
}
@media (min-width: 450px) {
  .hero .swiper-wrapper {
    width: fit-content;
  }
}
@media (max-width: 450px) {
  .hero .swiper-hero-bottom {
    width: calc(100% + 16px);
  }
  .hero .swiper-slide {
    display: block;
  }
  .hero .swiper {
    overflow: visible;
  }
  .hero-bottom {
    gap: 0;
  }
  .hero-bottom__item {
    width: calc(100% - 16px);
    max-width: 100%;
  }
  .hero-bottom .swiper-slide {
    width: auto !important;
  }
  .hero-bottom .swiper-slide .hero-bottom__item {
    opacity: 0.6;
  }
  .hero-bottom .swiper-slide-active .hero-bottom__item {
    opacity: 1;
  }
}
@media (max-width: 400px) {
  .hero-woman {
    right: -95px;
    width: 300px;
  }
  .hero-back-mobile {
    bottom: -25px;
    right: 32px;
  }
}
@media (max-width: 340px) {
  .hero-woman {
    right: -80px;
    width: 270px;
  }
}
.advantages__title {
  margin-bottom: 0px;
}
.advantages-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 64px;
}
.advantages-title span {
  max-width: 340px;
  font-size: 20px;
}
.advantages__item {
  border-radius: 24px;
  background: #f3f0f5;
  padding: 32px;
  min-height: 308px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.advantages__item img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.advantages__item span {
  font-weight: 700;
  font-size: 32px;
  opacity: 0.34;
}
.advantages__label {
  margin-top: auto;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
}
.advantages-info {
  position: relative;
  z-index: 3;
}

@media (max-width: 1250px) {
  .advantages-title {
    margin-bottom: 32px;
  }
  .advantages__item {
    padding: 24px;
    min-height: 220px;
  }
  .advantages__item img {
    height: 100%;
  }
}
@media (max-width: 900px) {
  .advantages-title {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .advantages-title span {
    font-size: 16px;
    margin-top: 4px;
  }
  .advantages__label {
    font-size: 16px;
  }
  .advantages__description {
    font-size: 14px;
  }
}
@media (min-width: 700px) {
  .advantages .swiper-slide {
    flex-basis: 33.3%;
    flex-shrink: inherit;
  }
  .advantages-block {
    display: flex;
    gap: 21px;
  }
}
@media (max-width: 700px) {
  .advantages-title {
    margin-bottom: 24px;
  }
  .advantages-title span {
    font-size: 14px;
    margin-top: 4px;
    max-width: 240px;
  }
}
.about {
  position: relative;
  padding-top: 64px;
  padding-bottom: 125px;
  border-radius: 40px;
  overflow: hidden;
  margin-right: 10px;
  margin-left: 10px;
  min-height: 918px;
}
.about-video-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.about .buttons-video {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  gap: 10px;
  z-index: 10;
}
.about .buttons-video .sound-toggle {
  background: #fff;
}
.about .buttons-video .sound-off {
  opacity: 0.7;
}
.about-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 24px;
}
.about-video video {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  object-fit: cover;
}
.about-info {
  background: #fff;
  position: relative;
  z-index: 10;
  max-width: 580px;
  padding: 48px;
  border-radius: 24px;
}
.about-info-more {
  display: none;
}
.about-info-video-play {
  position: relative;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #9c759b url(../images/icons/play-white.svg) center no-repeat;
  background-size: 15px;
  background-position: 20px;
  cursor: pointer;
}
.about-info-video-play::before, .about-info-video-play::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(156, 117, 155, 0.5);
  width: 100%;
  height: 100%;
  animation: pulse 3s infinite;
  z-index: -1;
}
.about-info-video-play::before {
  animation-delay: 0s;
}
.about-info-video-play::after {
  animation-delay: 0.75s;
}
.about-info__title {
  margin-bottom: 0px;
}
.about-info__subtitle {
  margin-top: 28px;
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: #9c759b;
  letter-spacing: -1.5px;
}
.about-info__subtitle br {
  display: none;
}
.about-info__description {
  margin-top: 32px;
  font-size: 18px;
  transition: max-height 0.5s ease;
}
.about-info__description p {
  margin-top: 15px;
  transition: all 0.3s ease-in-out;
}
.about-info-profile {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about-info-profile-left {
  display: flex;
  align-items: center;
}
.about-info-profile__photo {
  margin-right: 24px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-size: cover;
}
.about-info-profile-wrap p {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 6px;
  line-height: 1;
}
.about-info-profile-wrap span {
  color: #9c759b;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 1250px) {
  .about {
    padding: 16px;
    padding-bottom: 320px;
    border-radius: 24px;
  }
  .about .buttons-video {
    bottom: 5px;
    right: 0;
    gap: 5px;
  }
  .about-video {
    padding-bottom: 45px;
  }
  .about .container {
    padding: 0;
  }
  .about-info {
    padding: 24px;
    border-radius: 16px;
  }
  .about-info-video-play {
    width: 35px;
    height: 35px;
    bottom: 0;
    background-size: 10px;
    background-position: 14px;
  }
  .about-info-more {
    display: flex;
    margin-top: 20px;
  }
  .about-info__description {
    margin-top: 14px;
  }
  .about-info__description p:not(:first-child) {
    transition: opacity 0.5s ease;
  }
  .about-info__description p:not(:first-child) {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .about-info__description.expanded p:not(:first-child) {
    opacity: 1;
  }
  .about-info__subtitle {
    margin-top: 10px;
    font-size: 28px;
  }
  .about-info-profile {
    margin-top: 20px;
  }
  .about-info-profile__photo {
    margin-right: 14px;
  }
  .about-info-profile-wrap p {
    font-size: 20px;
  }
  .about-info-profile-wrap span {
    font-size: 16px;
  }
}
@media (max-width: 700px) {
  .about {
    padding: 8px 8px 325px 8px;
    padding: 8px 8px 40px 8px;
    min-height: 500px;
  }
  .about .buttons-video {
    right: 5px;
  }
  .about .buttons-video .btn {
    max-width: 220px;
    width: fit-content;
    padding: 10px 20px;
    font-size: 13px;
    height: fit-content;
  }
  .about-video {
    overflow: hidden;
  }
  .about-video video {
    border-radius: 24px;
    overflow: hidden;
  }
  .about-info {
    width: 100%;
    max-width: 100%;
    padding: 16px;
  }
  .about-info-more {
    margin-top: 15px;
  }
  .about-info__subtitle {
    font-size: 18px;
    letter-spacing: 0.8px;
    margin-top: 6px;
  }
  .about-info__subtitle br {
    display: block;
  }
  .about-info__description {
    font-size: 12px;
  }
  .about-info__description p {
    margin-top: 8px;
  }
  .about-info-profile {
    margin-top: 14px;
  }
  .about-info-profile__photo {
    width: 40px;
    height: 40px;
    margin-right: 8px;
  }
  .about-info-profile-wrap p {
    font-size: 16px;
    margin-bottom: 0px;
  }
  .about-info-profile-wrap span {
    font-size: 12px;
  }
}
.directions__item {
  border-radius: 24px;
  overflow: hidden;
  transition: 0.2s;
  border: 1px solid rgba(156, 117, 155, 0.2);
}
.directions__item.hover {
  border: 1px solid rgb(156, 117, 155);
}
.directions__item.hover .directions__image img {
  transform: scale(1.05);
}
.directions__item.hover .directions__link:before {
  transform: rotate(270deg);
  right: -5px;
}
.directions__image {
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  padding-top: 57px;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.directions__image img {
  margin-bottom: -5px;
  transition: 0.2s;
}
.directions-info {
  padding: 24px 32px;
}
.directions__label {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}
.directions__description {
  margin-top: 8px;
}

@media (max-width: 1350px) {
  .directions__description br {
    display: none;
  }
}
@media (max-width: 1250px) {
  .directions.home-direction {
    margin-top: 15px;
  }
  .directions__image {
    padding-top: 30px;
  }
  .directions__image img {
    max-width: 80%;
  }
  .directions-info {
    padding: 24px;
  }
}
@media (max-width: 900px) {
  .directions__image {
    padding-top: 20px;
  }
  .directions-info {
    padding: 16px;
  }
  .directions__label {
    font-size: 14px;
    line-height: 120%;
  }
  .directions__description {
    font-size: 12px;
    line-height: 140%;
    margin-top: 6px;
  }
}
@media (min-width: 900px) {
  .directions .swiper-slide {
    flex-basis: calc(33.3% - 14px);
    flex-shrink: inherit;
  }
  .directions-block {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media (max-width: 500px) {
  .directions__image img {
    max-width: 90%;
  }
}
.home-university {
  border-radius: 40px;
  padding: 140px 0px;
  position: relative;
  background: #f3f0f5;
  overflow: hidden;
  margin-right: 10px;
  margin-left: 10px;
}
.home-university .container {
  position: relative;
  z-index: 10;
}
.home-university__title {
  position: relative;
  z-index: 10;
}
.home-university-back {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.home-university__item {
  border-radius: 24px;
  overflow: hidden;
  transition: 0.2s;
  border: 1px solid rgba(156, 117, 155, 0.2);
  position: relative;
  z-index: 10;
  background: #fff;
}
.home-university__item.hover {
  border: 1px solid rgb(156, 117, 155);
}
.home-university__item.hover .home-university img {
  transform: scale(1.05);
}
.home-university__item.hover .home-university__link:before {
  transform: rotate(270deg);
  right: -5px;
}
.home-university__image {
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  text-align: center;
  overflow: hidden;
  height: 206px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-university__image img {
  width: 100%;
  transition: 0.2s;
  object-fit: cover;
  height: 100%;
  max-width: 180px;
  max-height: 150px;
}
.home-university-info {
  padding: 24px 32px;
  background: #fff;
}
.home-university__label {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}
.home-university__description {
  margin-top: 8px;
}

@media (max-width: 1350px) {
  .home-university {
    padding: 54px 0px;
  }
  .home-university .swiper-slide {
    flex-basis: 33.3%;
  }
  .home-university .swiper-slide:last-child {
    display: none;
  }
  .home-university-info {
    padding: 24px;
  }
  .home-university-back {
    max-width: 700px;
  }
}
@media (min-width: 1250px) {
  .home-university .swiper-slide {
    flex-basis: 25%;
  }
}
@media (min-width: 900px) {
  .home-university .swiper-slide {
    flex-basis: 33.3%;
    flex-shrink: inherit;
  }
  .home-university-block {
    display: flex;
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .home-university {
    border-radius: 24px;
    padding: 24px 0px;
  }
  .home-university .swiper-slide {
    flex-basis: inherit;
  }
  .home-university .swiper-slide:last-child {
    display: block;
  }
  .home-university-info {
    padding: 24px 32px;
  }
  .home-university__label {
    margin-bottom: 8px;
  }
  .home-university__description {
    font-size: 16px;
  }
}
@media (max-width: 700px) {
  .home-university-back {
    max-width: 500px;
    right: -100px;
  }
  .home-university .swiper-slide {
    overflow: hidden;
    border-radius: 24px;
  }
  .home-university .swiper-slide-active {
    opacity: 1;
  }
  .home-university .swiper-slide-active::before {
    display: none;
  }
  .home-university__item {
    max-width: 100%;
  }
  .home-university__image {
    height: 122px;
  }
  .home-university__image img {
    max-width: 90px;
    max-height: 95px;
  }
}
@media (max-width: 450px) {
  .home-university__item {
    max-width: 240px;
  }
  .home-university .swiper-slide {
    position: relative;
    width: fit-content !important;
  }
  .home-university .swiper-slide::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #f3f0f5 0%, rgba(243, 240, 245, 0) 100%);
    left: 0;
    top: 20px;
    z-index: 100;
  }
  .home-university .swiper-slide:last-child:before {
    display: none;
  }
  .home-university .swiper-home-university {
    width: calc(100% + 16px);
  }
}
.home-merch {
  border-radius: 40px;
  position: relative;
}
.home-merch .container {
  position: relative;
  z-index: 10;
}
.home-merch__title {
  position: relative;
  z-index: 10;
}
.home-merch-back {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.home-merch__image img {
  transition: 0.2s;
  max-width: 100%;
  max-height: 213px;
  max-width: 213px;
  margin-top: 20px;
}
.home-merch__item {
  border-radius: 24px;
  padding: 32px;
  border: 1px solid #9c759b;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
  overflow: hidden;
  display: block;
}
.home-merch__item:hover {
  border: 1px solid rgba(156, 117, 155, 0.5);
}
.home-merch__item:hover .home-merch__image img {
  transform: scale(1.05);
}
.home-merch__markers {
  display: flex;
  gap: 4px;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 30;
}
.home-merch__markers span {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  font-weight: 600;
  line-height: 1;
  border-radius: 8px;
  font-size: 12px;
  background: #9c759b;
  color: #fff;
}
.home-merch__markers span.new-product {
  background: #6e688e;
  width: fit-content;
  padding: 0px 8px;
}
.home-merch__markers span.popular-product {
  background: #d3add2;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4037 6.91463C11.1383 6.31725 10.7524 5.78107 10.2703 5.33963L9.87246 4.97459C9.85895 4.96254 9.84269 4.95398 9.82511 4.94968C9.80752 4.94538 9.78915 4.94546 9.7716 4.94991C9.75405 4.95436 9.73787 4.96306 9.72446 4.97523C9.71106 4.9874 9.70085 5.00267 9.69473 5.01971L9.51699 5.52967C9.40625 5.84959 9.20254 6.17635 8.91406 6.49764C8.89492 6.51815 8.87305 6.52362 8.85801 6.52498C8.84297 6.52635 8.81973 6.52362 8.79922 6.50448C8.78008 6.48807 8.77051 6.46346 8.77187 6.43885C8.82246 5.6158 8.57637 4.68748 8.0377 3.67713C7.59199 2.83768 6.97266 2.1828 6.19883 1.72616L5.63418 1.39393C5.56035 1.35018 5.46602 1.4076 5.47012 1.49373L5.5002 2.14998C5.5207 2.59842 5.46875 2.99491 5.3457 3.3244C5.19531 3.72772 4.9793 4.10233 4.70312 4.43866C4.51093 4.6724 4.2931 4.88381 4.05371 5.06893C3.47718 5.51212 3.00838 6.08001 2.68242 6.73006C2.35727 7.38578 2.1879 8.10772 2.1875 8.83963C2.1875 9.48494 2.31465 10.1097 2.56621 10.699C2.80911 11.2663 3.15965 11.7812 3.59844 12.2152C4.04141 12.6527 4.55547 12.9972 5.12832 13.2365C5.72168 13.4853 6.35059 13.6111 7 13.6111C7.64941 13.6111 8.27832 13.4853 8.87168 13.2379C9.44312 13 9.96276 12.6531 10.4016 12.2166C10.8445 11.7791 11.1918 11.2678 11.4338 10.7004C11.685 10.1127 11.8138 9.48008 11.8125 8.841C11.8125 8.17381 11.6758 7.52576 11.4037 6.91463Z' fill='white' /%3E%3C/svg%3E");
  background-size: 14px;
  width: fit-content;
  width: 30px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
}
.home-merch-bottom {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-merch__name {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  width: 60%;
  text-align: left;
}
.home-merch__price {
  font-size: 18px;
  display: flex;
  align-items: center;
  width: 30%;
  justify-content: flex-end;
  white-space: nowrap;
  color: #9c759b;
  flex-direction: column;
}
.home-merch__price .old {
  margin-left: 8px;
  font-size: 14px;
  line-height: 140%;
  opacity: 0.3;
  position: relative;
  color: #26042b;
}
.home-merch__price .old::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background: #26042b;
}

@media (max-width: 1350px) {
  .home-merch-bottom {
    flex-direction: column;
    margin-top: 24px;
  }
  .home-merch__name {
    width: 100%;
  }
  .home-merch__price {
    margin-top: 8px;
    justify-content: flex-start;
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 1250px) {
  .home-merch__item {
    padding: 24px;
  }
}
@media (min-width: 900px) {
  .home-merch .swiper-slide {
    flex-basis: 33.3%;
    flex-shrink: inherit;
  }
  .home-merch-block {
    display: flex;
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .home-merch__name {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .home-merch__image img {
    margin-top: 25px;
    max-width: 174px;
    max-height: 174px;
  }
  .home-merch__markers {
    left: 15px;
    top: 15px;
  }
  .home-merch-bottom {
    margin-top: 15px;
  }
  .home-merch__item {
    padding: 16px;
  }
  .home-merch__marker {
    font-size: 12px;
    width: 46px;
    height: 26px;
  }
}
@media (max-width: 500px) {
  .home-merch__image img {
    max-width: 174px;
  }
}
.header {
  padding: 18px 0px;
  position: relative;
  background: #fff;
  z-index: 40;
}
.header-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
}
.header__logo {
  position: absolute;
  left: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  max-width: 63px;
}
.header__logo img {
  width: 100%;
}
.header__cart {
  position: relative;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 300;
}
.header__cart img {
  max-width: 50px;
}
.header__cart span {
  background: #9c759b;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  position: absolute;
  left: -15px;
  top: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__menu ul {
  display: flex;
}
.header__menu ul a {
  font-size: 22px;
}
.header__menu ul a[aria-current=page] {
  color: #9c759b;
}
.header__menu ul li {
  margin-right: 48px;
}
.header__menu ul li.menu-item-has-children {
  position: relative;
  padding-right: 32px;
}
.header__menu ul li.menu-item-has-children::after {
  content: "";
  position: absolute;
  right: 0;
  top: 9px;
  background: url(../images/icons/arrow.svg) no-repeat;
  width: 14px;
  height: 18px;
  background-size: 100%;
}
.header__menu ul li.menu-item-has-children .submenu {
  display: none;
}
.header-right {
  display: flex;
  align-items: center;
}
.header-buttons {
  display: flex;
  position: absolute;
  right: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
}
.header-buttons #registration {
  margin-left: 8px;
}
.header-buttons #login:hover {
  color: #fff;
  background: #9c759b;
}
.header-buttons #login:hover path {
  stroke: #fff;
}
.header-burger {
  display: none;
}
.header-account {
  display: flex;
  align-items: center;
}
.header-account__image {
  width: 36px;
  height: 36px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  border-radius: 50%;
}
.header-account-info strong {
  display: block;
  font-size: 14px;
  line-height: 1;
}
.header-account-info span {
  font-size: 12px;
  color: #9c759b;
  margin-top: -4px;
  line-height: 1;
}
.header-mobile {
  display: none;
}

@media (max-width: 1700px) {
  .header-left {
    display: flex;
    align-items: center;
  }
  .header__logo {
    position: relative;
    left: 0;
    margin-right: 40px;
    margin-left: 12px;
  }
  .header-buttons {
    position: relative;
    right: 0;
    margin: 0;
  }
}
@media (max-width: 1250px) {
  .header {
    padding: 5px 0px;
  }
  .header__logo {
    max-width: 50px;
    display: flex;
  }
  .header__menu {
    display: none;
  }
  .header-burger {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .header-right #registration {
    display: none;
  }
  .header-right #login {
    padding: 0;
    width: 50px;
    height: 50px;
  }
  .header-right #login p {
    display: none;
  }
  .header-right #login svg {
    margin: 0;
    width: 20px;
    height: 20px;
  }
  .header-mobile {
    position: absolute;
    top: 60px;
    background: #fff;
    width: 100%;
    z-index: 200;
    border-radius: 0 0 24px 24px;
    padding: 16px 16px 24px 16px;
    left: 0;
    right: 0;
    width: 100%;
    transition: 0.2s;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .header-mobile.active {
    display: block;
  }
  .header-mobile.visible {
    opacity: 1;
  }
  .header-mobile-menu a {
    font-size: 22px;
    display: block;
    padding: 20px 0px;
    border-bottom: 1px solid rgba(38, 4, 43, 0.2);
  }
  .header-mobile-menu a[aria-current=page] {
    color: #9c759b;
  }
  .header-mobile-menu li:last-child a {
    border-bottom: 0px;
    padding-bottom: 0px;
  }
  .header-mobile-buttons {
    margin-top: 32px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .header-mobile-buttons a {
    width: 100%;
    margin-bottom: 16px;
  }
  .header-mobile-buttons a:last-child {
    margin-bottom: 0px;
  }
}
.back-fix {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #26042b;
  opacity: 0.3;
  display: none;
  opacity: 0;
  z-index: 10;
  transition: opacity 0.3s ease-in-out;
}
.back-fix.active {
  display: block;
}
.back-fix.visible {
  opacity: 0.3;
}

@media (max-width: 700px) {
  .header__cart {
    width: 50px;
    height: 50px;
  }
  .header__cart span {
    width: 25px;
    height: 25px;
    font-size: 12px;
  }
  .header__cart img {
    max-width: 30px;
  }
  .header__logo {
    max-width: 42px;
  }
  .header-burger {
    width: 50px;
    height: 50px;
    margin-left: 2px;
  }
  .header-right #login {
    width: 32px;
    height: 32px;
  }
  .header-right #login svg {
    width: 16px;
    height: 16px;
  }
  .header-account__image {
    margin-right: 0px;
    width: 32px;
    height: 32px;
  }
  .header-account-info {
    display: none;
  }
}
.footer {
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  padding-top: 80px;
  margin-top: 140px;
  border-radius: 40px;
  margin: 0px 10px;
  color: #fff;
  position: relative;
  margin-top: 140px;
  overflow: hidden;
}
.footer-back {
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
  height: 100%;
  top: -10px;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  opacity: 0.6;
}
.footer-block {
  display: flex;
  position: relative;
  z-index: 10;
}
.footer__logo {
  display: block;
  margin-right: 236px;
  max-width: 63px;
}
.footer__logo img {
  width: 100%;
}
.footer-wrap {
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
}
.footer__item {
  max-width: 220px;
}
.footer__item li {
  font-size: 16px;
  margin-bottom: 24px;
}
.footer-more {
  text-decoration: underline;
}
.footer__label {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
}
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 22px;
  padding-bottom: 28px;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  margin-top: 55px;
  position: relative;
  z-index: 10;
}
.footer__license {
  margin-right: 20px;
}
.footer__documents {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 1250px) and (max-width: 1600px) {
  .footer {
    padding: 80px 80px 40px 80px;
  }
}
@media (max-width: 1250px) {
  .footer {
    padding: 50px 50px 0px 50px;
    margin-top: 64px;
  }
  .footer-back {
    width: 500px;
    height: inherit;
  }
  .footer__logo {
    margin-right: 70px;
  }
  .footer__label {
    font-size: 20px;
  }
  .footer__item {
    font-size: 15px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1100px) {
  .footer {
    padding: 32px 32px 0px 32px;
    border-radius: 24px;
  }
  .footer-back {
    top: auto;
    bottom: 0;
  }
  .footer__logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
  }
  .footer-block {
    flex-direction: column;
    align-items: center;
  }
  .footer-wrap {
    flex-direction: column;
  }
  .footer__item {
    width: 100%;
    margin-bottom: 0px;
    max-width: 100%;
  }
  .footer__item li {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .footer-more {
    margin-bottom: 16px;
    display: block;
  }
  .footer-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .footer-menu.active {
    transition: 0.5s ease-in;
  }
  .footer__label {
    padding: 16px 0px;
    margin-bottom: 0px;
    font-size: 18px;
    border-top: 0.8px solid rgba(255, 255, 255, 0.3);
    position: relative;
    cursor: pointer;
  }
  .footer__label::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/icons/arrow-menu.svg) no-repeat center;
    width: 28px;
    margin: auto;
    height: 28px;
    background-size: cover;
    transition: 0.2s;
  }
  .footer__label.active::before {
    transform: rotate(90deg);
  }
  .footer-bottom {
    margin-top: 0px;
    border-top: 0.8px solid rgba(255, 255, 255, 0.3);
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }
  .footer__documents {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 700px) {
  .footer {
    padding: 24px 16px 0px 16px;
  }
  .footer .container {
    padding: 0;
  }
  .footer__logo {
    max-width: 42px;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 24px;
    padding-top: 32px;
    font-size: 12px;
  }
}
.banner-ads {
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  border-radius: 24px;
  padding: 32px 64px;
  position: relative;
  overflow: hidden;
  display: block;
  padding-right: 30px;
}
.banner-ads:hover .banner-ads-back {
  opacity: 0.2;
}
.banner-ads-capsule {
  margin: 40px 0px;
  flex-basis: 100%;
}
.banner-ads__marker {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 0px 16px;
  text-transform: uppercase;
  width: fit-content;
  color: #fff;
  border-radius: 8px;
  margin-bottom: 25px;
}
.banner-ads__title {
  font-weight: 500;
  font-size: 40px;
  font-size: 32px;
  line-height: 150%;
  text-transform: uppercase;
  color: #fff;
  z-index: 10;
  position: relative;
}
.banner-ads__title-mobile {
  display: none;
}
.banner-ads__title span.banner-add-back {
  position: relative;
  font-weight: 500;
  display: inline-block;
  color: #26042b;
  margin: 0 20px;
}
.banner-ads__title span.banner-add-back b {
  font-weight: 500;
  position: relative;
  z-index: 5;
  color: transparent;
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.banner-ads__title span.banner-add-back:before {
  content: "";
  position: absolute;
  left: -5%;
  border-radius: 10px;
  width: 110%;
  height: 110%;
  top: -5%;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  z-index: 0;
}
.banner-ads__title span.banner-add-big {
  display: inline-block;
  margin-top: 20px;
  font-size: 48px;
  font-size: 38px;
}
.banner-ads-mobile {
  display: none;
}
.banner-ads-back {
  position: absolute;
  transition: 0.2s;
}
.banner-ads-back-right {
  right: 0;
  top: 0;
  height: 105%;
  z-index: 0;
  opacity: 0.1;
}
.banner-ads-back-left {
  left: 0;
  top: 0;
  height: 105%;
  z-index: 0;
  opacity: 0.15;
}
.banner-ads__commercial {
  color: #fff;
  margin-left: auto;
  text-align: right;
  font-size: 12px;
}
.banner-ads-mini {
  padding: 24px;
  font-size: 19px;
}
.banner-ads-mini .banner-ads-back-right {
  max-width: 200px;
  height: fit-content;
  bottom: 0;
  top: auto;
}
.banner-ads-mini .banner-ads-back-mini {
  left: 0;
  bottom: 0;
  max-width: 293px;
  left: -137px;
  bottom: -78px;
  opacity: 0.15;
}
.banner-ads-mini .banner-ads__commercial {
  max-width: 200px;
  font-size: 11px;
  line-height: 140%;
}
.banner-ads-mini .banner-ads-back-left {
  max-width: 200px;
  heigth: fit-content;
  bottom: 0;
  display: none;
}
.banner-ads-mini .banner-ads__marker {
  margin-bottom: 11px;
}
.banner-ads-mini .banner-ads__title {
  font-size: 19px;
}
.banner-ads-mini .banner-ads__title br {
  display: none;
}
.banner-ads-mini .banner-ads__title .banner-add-big {
  font-size: 26px;
  display: block;
  margin-top: 5px;
}
.banner-ads-mini .banner-ads__title .banner-add-back {
  margin: 0px 10px;
}

@media (max-width: 1400px) {
  .banner-ads {
    padding: 28px 32px;
  }
  .banner-ads-back-right {
    display: none;
  }
}
@media (max-width: 1250px) {
  .banner-ads {
    padding: 28px 32px;
  }
  .banner-ads__title {
    text-align: center;
    font-size: 32px;
  }
  .banner-ads__title span.banner-add-big {
    margin-top: 15px;
  }
  .banner-ads__marker {
    margin-left: auto;
    margin-right: auto;
  }
  .banner-ads__commercial {
    font-size: 11px;
    text-align: center;
    line-height: 170%;
    margin-top: 20px;
  }
}
@media (max-width: 900px) {
  .banner-ads {
    border-radius: 19px;
    margin-top: 24px;
  }
  .banner-ads-back {
    display: none;
  }
  .banner-ads-back-mobile {
    display: block;
    width: 400px;
    right: 0;
    height: fit-content;
    margin: auto;
    top: 0;
    left: 0;
  }
  .banner-ads__title {
    display: none;
    line-height: 130%;
  }
  .banner-ads__title-mobile {
    display: block;
  }
}
@media (max-width: 700px) {
  .banner-ads {
    padding: 24px 16px;
  }
  .banner-ads-mobile {
    display: block;
  }
  .banner-ads__marker {
    margin-bottom: 14px;
  }
  .banner-ads__title {
    font-size: 24px;
  }
  .banner-ads__title span.banner-add-big {
    font-size: 32px;
    margin-top: 10px;
    line-height: 1;
  }
  .banner-ads__title span.banner-add-back {
    margin: 2px 20px;
  }
}
.back-page {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  color: #6e688e;
  cursor: pointer;
  margin-top: 32px;
  margin-bottom: 62px;
}
.back-page img {
  margin-right: 16px;
  transition: 0.2s;
}
.back-page:hover img {
  transform: translateX(-5px);
}

@media (max-width: 900px) {
  .back-page {
    margin-top: 24px;
    margin-bottom: 30px;
    font-size: 12px;
  }
  .back-page img {
    max-width: 7px;
    margin-right: 14px;
  }
}
.content ul, .content ol {
  margin-top: 22px;
}
.content a {
  color: #9c759b;
  font-weight: 700;
}
.content li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 15px;
}
.content li:last-child {
  margin-bottom: 0px;
}
.content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #9c759b url(../images/icons/plus.svg) no-repeat center;
  background-size: 16px;
}
.content h3, .content h4, .content h2 {
  margin-bottom: 24px;
  margin-top: 24px;
  font-size: 24px;
  line-height: 130%;
}
.content h3:first-child, .content h4:first-child, .content h2:first-child {
  margin-top: 0px;
}
.content p, .content div {
  margin-top: 16px;
}

@media (max-width: 700px) {
  .content ul, .content ol {
    margin-top: 16px;
  }
  .content li {
    font-size: 14px;
  }
  .content h3, .content h4, .content h2 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.form__row {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.form__row .validation-error {
  color: red;
  font-weight: 700;
}
.form__row .form-file {
  margin-top: 0px;
}
.form__row-textarea {
  margin-top: 32px;
}
.form__row:first-child {
  margin-top: 0px;
}
.form__row label {
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
  display: block;
  font-weight: 500;
}
.form__row label i {
  color: #c6473f;
  font-style: normal;
}
.form__row label span {
  font-size: 12px;
  opacity: 0.8;
  color: #26042b;
}
.form__button {
  text-align: center;
}
.form__input {
  height: 48px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  padding: 0px 16px;
  transition: 0.2s;
  position: relative;
  width: 100%;
}
.form__input:focus, .form__input:active {
  border-color: #9c759b;
}
.form__input::placeholder {
  opacity: 0.3;
}
.form__button {
  width: 100%;
  border-radius: 8px;
  font-size: 15px;
  margin-top: 32px;
}
.form__button.disabled {
  opacity: 0;
  pointer-events: none;
}
.form-radio {
  position: relative;
  padding-left: 24px;
  margin-right: 16px;
  cursor: pointer;
}
.form-radio.active::after {
  opacity: 1;
}
.form-radio-wrap {
  display: flex;
  align-items: center;
}
.form-radio::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  background: #fff;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  background: #9c759b;
  opacity: 0;
  transition: 0.2s;
}
.form-radio::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
  border: 1px solid #C7CDD2;
}
.form-file {
  position: relative;
  height: 88px;
  border: 2px dashed #9c759b;
  border-radius: 8px;
  padding: 24px;
  margin-top: 16px;
  font-size: 14px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.form-file-images {
  width: 100%;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 0px;
}
.form-file-images-pdf .form-file-images__item {
  height: 180px;
  width: 135px;
}
.form-file-images__item {
  height: 80px;
  width: 140px;
  background-position: center;
  background-size: cover;
  border: 1px solid #9c759b;
  border-radius: 4px;
}
.form-file-wrap {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.form-file-wrap.progress {
  background: rgba(136, 130, 169, 0.2);
}
.form-file-progress {
  margin-top: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  border-radius: 3px;
  transition: width 0.25s ease-in-out;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.form-file-progress-text {
  display: block;
  text-align: center;
  color: #fff;
}
.form-file-btn {
  position: relative;
  cursor: pointer;
  outline: none;
  width: 40px;
  height: 40px;
  background: #fff;
  margin: 0;
  transition: 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 4px 1px rgba(156, 117, 155, 0.2);
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
}
.form-file-btn [type=file] {
  position: absolute;
  width: 100%;
  height: 200px;
  opacity: 0;
  z-index: 0;
  cursor: pointer;
  background: antiquewhite;
  top: -30px;
}
.form-file-text {
  width: 75%;
}
.form-file-text br {
  display: none;
}
.form__number {
  display: flex;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #c7cdd2;
  width: fit-content;
}
.form__number-plus, .form__number-minus {
  width: 32px;
  height: 48px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.form__number input {
  max-width: 88px;
  border-radius: 0px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #9c759b;
  color: #9c759b;
}
.form__textarea {
  resize: none;
  height: 128px;
  border: 1px solid #c7cdd2;
  border-radius: 8px;
  padding: 8px 16px;
  width: 100%;
  font-family: "Exo 2", sans-serif;
  font-size: 15px;
}
.form__textarea:focus, .form__textarea:active {
  border-color: #9c759b;
}
.form__textarea::placeholder {
  opacity: 0.3;
}
.form__error {
  font-size: 14px;
  margin-top: 16px;
  display: none;
  color: #9c759b;
}
.form__error a {
  text-align: center;
  display: block;
}
.form__select {
  height: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  padding: 0px 16px;
  transition: 0.2s;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.form__select::before {
  content: "";
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 13px;
  height: 7px;
  position: absolute;
  background: url(../images/icons/arrow.svg) no-repeat;
  background-size: contain;
  transition: 0.2s;
}
.form__select.open::before {
  transform: rotate(90deg);
}
.form__select.open .form__select-list {
  display: block;
}
.form__select-value {
  height: 100%;
  display: flex;
  align-items: center;
}
.form__select-list {
  position: absolute;
  top: 52px;
  border-radius: 8px;
  box-shadow: 0 8px 24px 0 rgba(156, 117, 155, 0.1);
  left: 0;
  width: 100%;
  background: #fff;
  padding: 16px;
  z-index: 20;
  max-height: 266px;
  overflow-y: auto;
  padding-right: 22px;
  z-index: 30;
  display: none;
}
.form__select__item {
  font-size: 14px;
  padding: 14px 0px;
  border-bottom: 1px solid rgba(38, 4, 43, 0.2);
}
.form__select__item:first-child {
  padding-top: 0px;
}
.form__select__item.parent-elem {
  pointer-events: none;
  font-weight: 700;
}
.form__select:focus, .form__select:active {
  border-color: #9c759b;
}
.form__select::placeholder {
  opacity: 0.3;
}
.form__checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form__checkbox + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-size: 14px;
  cursor: pointer;
}
.form__checkbox + label a {
  font-weight: 600;
  color: #9c759b;
  text-decoration: underline;
  transition: 0.2s;
}
.form__checkbox + label a:hover {
  text-decoration: none;
}
.form__checkbox + label::before {
  content: "";
  cursor: pointer;
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #9c759b;
  border-radius: 4px;
  background: #fff;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}
.form__checkbox:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.49997L0 3.99997L0.707 3.29297L4.5 7.08547L11.293 0.292969L12 0.999969L4.5 8.49997Z' fill='%239C759B' /%3E%3C/svg%3E");
}
.form__coupon {
  position: relative;
}
.form__coupon .form__button-coupon {
  position: absolute;
  width: 44px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #9c759b;
  color: #fff;
  cursor: pointer;
  transition: 0.2s;
  right: 3px;
  bottom: 4px;
}
.form__coupon .form__button-coupon:hover i {
  transform: translateX(1px);
}
.form__coupon .form__button-coupon i {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4297 5.92969L20.4997 11.9997L14.4297 18.0697' stroke='%23F1F1F1' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3.5 12H20.33' stroke='%23F1F1F1' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.2s;
}

select {
  display: none;
}

#registration-form {
  display: none;
}

.row-password {
  position: relative;
}
.row-password img {
  content: "";
  position: absolute;
  right: 14px;
  top: 0;
  z-index: 10;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

@media (max-width: 700px) {
  .form__row-empty {
    display: none;
  }
}
@media (max-width: 500px) {
  .form-radio {
    margin-bottom: 16px;
    margin-right: 0px;
  }
  .form-radio:last-child {
    margin-bottom: 0px;
  }
  .form-radio-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-file {
    flex-direction: column-reverse;
    padding: 20px;
    text-align: center;
    height: auto;
  }
  .form-file-btn {
    margin-top: 18px;
  }
  .form-file-text {
    width: 100%;
  }
  .form__checkbox + label {
    font-size: 12px;
  }
  .form-file-images-pdf .form-file-images__item {
    height: 140px;
    width: 105px;
  }
  .form-file-images__item {
    height: 60px;
    width: 110px;
  }
  .form-file-text br {
    display: block;
  }
}
.search {
  margin-bottom: 24px;
}
.search__row {
  position: relative;
}
.search__row.loading::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='64px' height='64px' viewBox='0 0 128 128' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z' fill='%239c759b'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='800ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");
}
.search__row::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2 10.7604C8.79574 10.7604 10.9 8.68562 10.9 6.12628C10.9 3.56694 8.79574 1.49219 6.2 1.49219C3.60426 1.49219 1.5 3.56694 1.5 6.12628C1.5 8.68562 3.60426 10.7604 6.2 10.7604Z' stroke='%239C759B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9.5 9.57715L14.5 14.507' stroke='%239C759B' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 100%;
}
.search__row input {
  border: 1px solid #9c759b;
  border-radius: 8px;
  padding: 8px 16px;
  width: 100%;
  height: 40px;
  padding-left: 16px;
}

#search-button-stop {
  margin: 32px auto 0px auto;
}

@media (max-width: 1250px) {
  .search {
    margin-bottom: 24px;
  }
}
.support-finger {
  animation: swipeHint 3s ease-in-out infinite;
  width: 35px;
  position: absolute;
  bottom: -10px;
  right: 20px;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  cursor: pointer;
}
.support-finger.swipe-anim {
  opacity: 1;
  visibility: visible;
  animation: swipeHint 3s ease-in-out infinite;
}

.support-row {
  position: relative;
}

@keyframes swipeHint {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(20px);
  }
}
.promotion__title {
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
}
.promotion__button {
  height: 66px;
  width: 290px;
  border-radius: 12px;
  margin-top: 47px;
  position: relative;
  z-index: 10;
}
.promotion__button-mobile {
  display: none;
}
.promotion-block {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  border-radius: 24px;
  padding: 48px;
  position: relative;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.promotion-image {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: auto;
  z-index: 0;
}
.promotion-left {
  width: 30%;
  position: relative;
  z-index: 10;
}
.promotion-right {
  position: relative;
  z-index: 10;
}
.promotion-wrap {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #fff;
}
.promotion-space {
  font-weight: 300;
  font-size: 48px;
  line-height: 140%;
  text-align: center;
  margin-top: 40px;
}
.promotion__label {
  font-size: 20px;
  margin-top: 24px;
  min-width: 210px;
  max-width: 210px;
  line-height: 130%;
}
.promotion a.promotion__item:hover {
  transform: scale(1.05);
}
.promotion__item {
  text-align: center;
  color: #fff;
}
.promotion__price {
  font-size: 18px;
  margin-top: 6px;
}
.promotion__image {
  width: 150px;
  height: 150px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 18px;
}
.promotion__image img {
  max-width: 108px;
  max-height: 108px;
  transition: 0.2s;
}
.promotion .promotion__image-type {
  max-width: 83px;
  width: 100%;
}
.promotion-cart .promotion__button-close {
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.promotion-cart .promotion__button-close:hover {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 1250px) {
  .promotion__title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .promotion-left {
    width: 100%;
    text-align: center;
  }
  .promotion-block {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .promotion__button {
    display: none;
    height: 47px;
    font-size: 15px;
    max-width: 250px;
    margin-top: 25px;
  }
  .promotion__button-mobile {
    display: flex;
  }
  .promotion-block.promotion-cart {
    margin-top: 16px;
  }
}
@media (max-width: 900px) {
  .promotion__label {
    min-width: auto;
  }
}
@media (min-width: 600px) {
  .promotion-block.promotion-cart {
    padding: 32px;
  }
  .promotion-block.promotion-cart .promotion__buttons {
    display: flex;
    gap: 8px;
  }
  .promotion-block.promotion-cart .promotion__buttons .btn {
    height: 44px;
    font-size: 12px;
  }
  .promotion-block.promotion-cart .promotion-wrap {
    gap: 20px;
  }
  .promotion-block.promotion-cart .promotion-space {
    font-size: 32px;
    margin-top: 28px;
  }
  .promotion-block.promotion-cart .promotion__title {
    font-size: 32px;
  }
  .promotion-block.promotion-cart .promotion-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .promotion-block.promotion-cart .promotion__image {
    width: 100px;
    height: 100px;
    border-radius: 12px;
  }
  .promotion-block.promotion-cart .promotion__image img {
    max-width: 72px;
    max-height: 72px;
    width: fit-content;
    height: fit-content;
  }
  .promotion-block.promotion-cart .promotion__label {
    font-size: 14px;
    margin-top: 16px;
    min-width: 130px;
    max-width: 130px;
  }
  .promotion-block.promotion-cart .promotion__price {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .promotion-block.promotion-cart .promotion-wrap {
    gap: 10px;
  }
  .promotion-block {
    padding: 32px 16px;
    align-items: flex-start;
  }
  .promotion-space {
    font-size: 32px;
    margin-top: 18px;
  }
  .promotion__image {
    width: 80px;
    height: 80px;
    border-radius: 12px;
  }
  .promotion__image img {
    max-width: 57px;
    max-height: 57px;
  }
  .promotion__label {
    font-size: 15px;
    margin-top: 14px;
    min-width: auto;
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .promotion-right {
    width: 100%;
  }
  .promotion-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }
  .promotion__price {
    font-size: 14px;
  }
  .promotion__buttons {
    width: 100%;
  }
  .promotion__button {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    max-width: 50%;
  }
}
@media (max-width: 600px) {
  .promotion-image {
    transform: scale(-1, 1);
    left: auto;
    right: -100px;
    bottom: -30px;
  }
  .promotion-wrap {
    flex-wrap: wrap;
  }
  .promotion__item {
    flex-basis: calc(50% - 19px);
  }
  .promotion__item-equally {
    flex-basis: 100%;
  }
  .promotion__button {
    border-radius: 60px;
  }
  .promotion__buttons {
    flex-direction: row;
    display: flex;
    gap: 8px;
  }
  .promotion-space-equally {
    flex-basis: 100%;
    transform: rotate(90deg);
    height: fit-content;
    width: fit-content;
    margin-top: -40px;
  }
}
/* banners */
.default-banner {
  background: linear-gradient(90deg, #9c759b 0%, #d2bfd2 100%);
  border-radius: 24px;
  padding: 40px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.default-banner__title {
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  text-transform: uppercase;
}
.default-banner__title br {
  display: none;
}
.default-banner__subtitle {
  margin-top: 8px;
  font-size: 18px;
}
.default-banner-right a {
  height: 75px;
  padding: 0px 40px;
}
.default-banner-socials {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  margin-bottom: 8px;
}
.default-banner-socials a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  position: relative;
}
.default-banner-socials a:hover {
  opacity: 0.9;
}
.default-banner-socials a img {
  width: 100%;
}
.default-banner-socials a span {
  color: #fff;
  position: absolute;
  top: -6px;
  right: -6px;
}
.default-banner-socials-warning {
  font-size: 12px;
}

@media (max-width: 1250px) {
  .default-banner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 24px;
  }
  .default-banner-socials {
    justify-content: center;
  }
  .default-banner-socials-warning {
    font-size: 12px;
    max-width: 220px;
    line-height: 140%;
    margin: auto;
  }
  .default-banner-right {
    margin-top: 24px;
    width: 100%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
  .default-banner-right a {
    height: 47px;
    width: 100%;
  }
  .default-banner__title {
    font-size: 40px;
  }
  .default-banner__title br {
    display: block;
  }
  .default-banner__subtitle {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 700px) {
  .default-banner {
    margin-top: 16px;
    padding: 24px 16px;
  }
  .default-banner__title {
    font-size: 24px;
  }
  .default-banner__subtitle {
    font-size: 16px;
    margin-top: 10px;
  }
}
@media (max-width: 500px) {
  .default-banner-right {
    width: 100%;
    max-width: 100%;
  }
}
.category-tabs {
  display: flex;
  margin-bottom: 34px;
  flex-wrap: wrap;
  gap: 8px;
}
.category-tabs.category-tabs-second-level {
  margin-top: -32px;
}
.category-tabs.loading {
  pointer-events: none;
}
.category-tabs__item, .category-tabs__toggle {
  height: 42px;
  transition: 0.2s;
  background: rgba(156, 117, 155, 0.1);
  padding: 0px 24px;
  border-radius: 8px;
  font-size: 16px;
  color: #9c759b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-tabs__item:last-child, .category-tabs__toggle:last-child {
  margin-right: 0px;
}
.category-tabs__item.active, .category-tabs__toggle.active {
  background: #9c759b;
  color: #fff;
}
@media (max-width: 700px) {
  .category-tabs {
    padding-bottom: 12px;
    margin-bottom: 12px;
    flex-wrap: nowrap;
    width: calc(100% + 20px);
    gap: 4px;
  }
  .category-tabs.category-tabs-second-level {
    margin-top: 0px;
  }
  .category-tabs__item {
    height: 28px;
    font-size: 12px;
    padding: 0px 16px;
  }
}
@media (max-width: 700px) {
  .category-tabs {
    overflow: auto;
    white-space: nowrap;
  }
  .category-tabs::-webkit-scrollbar {
    width: auto;
    height: 3px;
  }
  .category-tabs::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 3px;
  }
  .category-tabs::-webkit-scrollbar-thumb {
    background-color: #9c759b;
    border-radius: 3px;
  }
}
.arrows {
  display: flex;
  align-items: center;
  width: 100px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
}
.arrows .arrow {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 100%;
  transition: 0.2s;
}
.arrows .arrow.swiper-button-disabled {
  background: rgba(156, 117, 155, 0.1);
}
.arrows .arrow.swiper-button-disabled path {
  stroke: #9c759b;
}
.arrows-left {
  background: #9c759b;
}
.arrows-left svg {
  transform: rotate(180deg);
}
.arrows-right {
  background: #9c759b;
}

body .fancybox-button {
  background: #9c759b;
  color: #fff;
}
body .fancybox-button path {
  fill: #fff !important;
}

.fancybox-toolbar {
  border-radius: 0px 0px 8px 8px;
  overflow: hidden;
}

.fancybox-navigation .fancybox-button {
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  height: 40px;
  width: 40px;
}

.fancybox-navigation .fancybox-button div {
  background: #9c759b;
  position: relative;
}
.fancybox-navigation .fancybox-button div svg {
  width: 15px;
  margin: auto;
}
.fancybox-navigation .fancybox-button div path {
  fill: #fff;
}
.fancybox-navigation .fancybox-button div::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.fancybox-navigation .fancybox-button--arrow_left div svg {
  transform: rotate(90deg) translateX(0px) translateY(2px);
}

.fancybox-navigation .fancybox-button--arrow_right div svg {
  transform: rotate(270deg);
  width: 15px;
  margin: auto;
}

@media (max-width: 900px) {
  .arrows {
    display: none;
  }
}
.pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}
.pagination-wrap:empty {
  margin-top: 0px;
}
.pagination .page-numbers {
  width: 31px;
  text-align: center;
  position: relative;
  display: block;
}
.pagination .page-numbers.current::before {
  opacity: 1;
}
.pagination .page-numbers::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  opacity: 0;
  height: 2px;
  background: #9c759b;
}
.pagination .next {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.35937 1.1L10.2721 6.8C10.2721 6.8 3.70482 10.9 1.35938 12.5' stroke='%239C759B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 12px;
  height: 14px;
  background-size: cover;
}
.pagination .prev {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.35937 1.1L10.2721 6.8C10.2721 6.8 3.70482 10.9 1.35938 12.5' stroke='%239C759B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  width: 12px;
  height: 14px;
  background-size: cover;
  transform: rotate(180deg);
}

.shop-list.loading .item::before {
  background-position: top;
  opacity: 1;
  pointer-events: all;
}
.shop-list.loading .item::after {
  opacity: 1;
  pointer-events: all;
  display: block;
}

.list-search {
  display: none;
}
.list-main, .list-search {
  position: relative;
  min-height: 400px;
  transition: 0.2s;
}
.list-main #list, .list-main #search-list, .list-main #search-button-stop, .list-main .pagination, .list-search #list, .list-search #search-list, .list-search #search-button-stop, .list-search .pagination {
  transition: 0.2s;
}
.list-main.loading .item::before, .list-search.loading .item::before {
  opacity: 1;
  pointer-events: all;
}
.list-main.loading .item::after, .list-search.loading .item::after {
  opacity: 1;
  pointer-events: all;
  display: block;
}
.list-main.loading #list, .list-main.loading #search-list, .list-main.loading #search-button-stop, .list-main.loading .pagination, .list-search.loading #list, .list-search.loading #search-list, .list-search.loading #search-button-stop, .list-search.loading .pagination {
  pointer-events: none;
}
.list-main.loading .list-load, .list-search.loading .list-load {
  display: block;
}
.list-load {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: 0 auto;
  z-index: 60;
  transition: 0.2s;
  display: none;
  width: fit-content;
  height: fit-content;
}
.list-load img {
  max-width: 100px;
  border-radius: 50%;
}

.item {
  position: relative;
  overflow: hidden;
}
.item:before {
  content: "";
  position: absolute;
  background-image: url(../images/icons/card-load.png);
  width: 103%;
  height: 103%;
  background-size: cover;
  left: -1.5%;
  right: 0;
  top: -1.5%;
  bottom: 0;
  z-index: 10;
  transition: 0.2s;
  pointer-events: none;
  opacity: 0;
  background-position: bottom;
}
.item::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  z-index: 30;
  height: 100%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  animation: shine 1.5s infinite;
  display: none;
}

@keyframes shine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@media (min-width: 700px) and (max-width: 1100px) {
  .item::before {
    background-image: url(../images/icons/card-load-tablet.png);
  }
}
@media (min-width: 700px) and (max-width: 900px) {
  .item:before {
    background-position: center;
  }
}
@media (max-width: 700px) {
  .list-search {
    min-height: 200px;
  }
}
.custom-editor-box {
  background: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  word-break: break-word;
  height: 240px;
  border: 1px solid #c7cdd2;
  border-radius: 8px;
  padding: 8px 16px;
  width: 100%;
  font-family: "Exo 2", sans-serif;
  font-size: 14px;
  max-width: 100%;
  overflow-y: auto;
}
.custom-editor-box:focus, .custom-editor-box:active {
  border-color: #9c759b;
}
.custom-editor-box::placeholder {
  opacity: 0.3;
}
.custom-editor-box ul {
  margin-top: 5px;
}
.custom-editor-box p, .custom-editor-box div {
  margin-top: 6px;
  font-size: 14px;
}
.custom-editor-box li {
  margin-bottom: 4px;
  padding-left: 24px;
  font-size: 14px;
}
.custom-editor-box li::before {
  width: 17px;
  height: 17px;
  background-size: 11px;
}
.custom-toolbar {
  margin-bottom: 10px;
}
.custom-toolbar button {
  background: #9c759b;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
}

/* page */
.teacher-profile {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 64px;
  border-bottom: 1px solid rgba(38, 4, 43, 0.2);
}
.teacher-profile__image {
  height: 280px;
  width: 251px;
  background-position: center;
  background-size: cover;
  border-radius: 24px;
  margin-right: 48px;
  min-width: 251px;
}
.teacher-profile__image.master-teacher {
  position: relative;
}
.teacher-profile__image.master-teacher .teacher-profile-info-video {
  display: none;
}
.teacher-profile__image.master-teacher:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4844 4.96875C15.0188 4.64062 15.375 4.04531 15.375 3.375C15.375 2.33906 14.5359 1.5 13.5 1.5C12.4641 1.5 11.625 2.33906 11.625 3.375C11.625 4.05 11.9812 4.64062 12.5156 4.96875L9.82969 10.3406C9.40312 11.1938 8.29688 11.4375 7.55156 10.8422L3.375 7.5C3.60938 7.18594 3.75 6.79688 3.75 6.375C3.75 5.33906 2.91094 4.5 1.875 4.5C0.839062 4.5 0 5.33906 0 6.375C0 7.41094 0.839062 8.25 1.875 8.25H1.90781L4.05 20.0344C4.30781 21.4594 5.55 22.5 7.00312 22.5H19.9969C21.4453 22.5 22.6875 21.4641 22.95 20.0344L25.0922 8.25H25.125C26.1609 8.25 27 7.41094 27 6.375C27 5.33906 26.1609 4.5 25.125 4.5C24.0891 4.5 23.25 5.33906 23.25 6.375C23.25 6.79688 23.3906 7.18594 23.625 7.5L19.4484 10.8422C18.7031 11.4375 17.5969 11.1938 17.1703 10.3406L14.4844 4.96875Z' fill='%239C759B' /%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
  background-size: cover;
  background-color: #fff;
  border-radius: 50%;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.teacher-profile-info {
  margin-top: 20px;
}
.teacher-profile-info-top {
  display: flex;
  align-items: center;
}
.teacher-profile-info-rating {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  line-height: 1;
}
.teacher-profile-info-rating span {
  margin-right: 8px;
}
.teacher-profile-info-rating-wrap img {
  margin-right: 4px;
}
.teacher-profile-info-rating-wrap img:last-child {
  margin-right: 0px;
}
.teacher-profile-info-marker {
  background: rgba(156, 117, 155, 0.1);
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0px 16px;
  font-weight: 700;
  margin-left: 16px;
  border-radius: 8px;
  color: #9c759b;
}
.teacher-profile-info-video {
  width: 30px;
  height: 30px;
  background: rgb(156, 117, 155);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Play'%3E%3Cpath fill='%23fff' d='M26.78,13.45,11.58,4A3,3,0,0,0,7,6.59V25.41a3,3,0,0,0,3,3A3,3,0,0,0,11.58,28l15.2-9.41a3,3,0,0,0,0-5.1Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
}
.teacher-profile-info-video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(156, 117, 155, 0.3);
  border-radius: 50%;
  animation: pulse-video 2s infinite;
  z-index: -1;
}
.teacher-profile-info__name {
  font-weight: 500;
  font-size: 50px;
  margin-top: 16px;
  line-height: 130%;
  margin-bottom: 0px;
}
.teacher-profile-info__description {
  font-size: 18px;
  line-height: 140%;
  margin-top: 20px;
}
.teacher-profile-info__description-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 8px;
}
.teacher-prize {
  margin-top: 64px;
}
.teacher-prize-block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.teacher-prize__item {
  display: flex;
  align-items: center;
  flex-basis: calc(33.333333% - 14px);
}
.teacher-prize__image {
  width: 90px;
  min-width: 90px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  border-radius: 24px;
  background: #f3f0f5;
}
.teacher-prize-info strong {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
}
.teacher-prize-info span {
  display: block;
  margin-top: 7px;
  line-height: 140%;
}
.teacher-educational-materials__title {
  margin-bottom: 32px;
}
.teacher-educational-materials-block {
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
}
.teacher-educational-materials__item {
  flex-basis: calc(25% - 16px);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(38, 4, 43, 0.2);
  cursor: pointer;
}
.teacher-educational-materials__item.hidden {
  transform: scale(0.8);
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.teacher-educational-materials__item:hover {
  border: 1px solid #9c759b;
}
.teacher-educational-materials__item:hover img {
  transform: scale(1.05);
}
.teacher-educational-materials__markers {
  display: flex;
  gap: 4px;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 30;
}
.teacher-educational-materials__markers span {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  font-weight: 600;
  line-height: 1;
  border-radius: 8px;
  font-size: 12px;
  background: #9c759b;
  color: #fff;
}
.teacher-educational-materials__markers span.new-product {
  background: #6e688e;
  width: fit-content;
  padding: 0px 8px;
}
.teacher-educational-materials__markers span.new-product.popular-product {
  background: #d3add2;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4037 6.91463C11.1383 6.31725 10.7524 5.78107 10.2703 5.33963L9.87246 4.97459C9.85895 4.96254 9.84269 4.95398 9.82511 4.94968C9.80752 4.94538 9.78915 4.94546 9.7716 4.94991C9.75405 4.95436 9.73787 4.96306 9.72446 4.97523C9.71106 4.9874 9.70085 5.00267 9.69473 5.01971L9.51699 5.52967C9.40625 5.84959 9.20254 6.17635 8.91406 6.49764C8.89492 6.51815 8.87305 6.52362 8.85801 6.52498C8.84297 6.52635 8.81973 6.52362 8.79922 6.50448C8.78008 6.48807 8.77051 6.46346 8.77187 6.43885C8.82246 5.6158 8.57637 4.68748 8.0377 3.67713C7.59199 2.83768 6.97266 2.1828 6.19883 1.72616L5.63418 1.39393C5.56035 1.35018 5.46602 1.4076 5.47012 1.49373L5.5002 2.14998C5.5207 2.59842 5.46875 2.99491 5.3457 3.3244C5.19531 3.72772 4.9793 4.10233 4.70312 4.43866C4.51093 4.6724 4.2931 4.88381 4.05371 5.06893C3.47718 5.51212 3.00838 6.08001 2.68242 6.73006C2.35727 7.38578 2.1879 8.10772 2.1875 8.83963C2.1875 9.48494 2.31465 10.1097 2.56621 10.699C2.80911 11.2663 3.15965 11.7812 3.59844 12.2152C4.04141 12.6527 4.55547 12.9972 5.12832 13.2365C5.72168 13.4853 6.35059 13.6111 7 13.6111C7.64941 13.6111 8.27832 13.4853 8.87168 13.2379C9.44312 13 9.96276 12.6531 10.4016 12.2166C10.8445 11.7791 11.1918 11.2678 11.4338 10.7004C11.685 10.1127 11.8138 9.48008 11.8125 8.841C11.8125 8.17381 11.6758 7.52576 11.4037 6.91463Z' fill='white' /%3E%3C/svg%3E");
  background-size: 14px;
  width: fit-content;
  width: 30px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
}
.teacher-educational-materials__image {
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  height: 206px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.teacher-educational-materials__image img {
  max-width: 150px;
  width: 100%;
  transition: 0.2s;
  margin-left: auto;
  margin-right: auto;
}
.teacher-educational-materials-info {
  padding: 24px 32px;
}
.teacher-educational-materials-info strong {
  font-weight: 700;
  font-size: 18px;
}
.teacher-educational-materials-info div {
  display: flex;
  margin-top: 8px;
  align-items: center;
  font-size: 18px;
  color: #9c759b;
}
.teacher-educational-materials-info div span {
  font-size: 14px;
  display: block;
  margin-left: 8px;
  opacity: 0.3;
  width: fit-content;
  position: relative;
}
.teacher-educational-materials-info div span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #9c759b;
  margin: auto;
}
.teacher-lessons-modal.fancybox-content .fancybox-button {
  border-radius: 0px 20px 0px 20px;
  transition: 0.2s;
}
.teacher-lessons-modal-wrap {
  display: flex;
  padding: 32px;
  border-radius: 24px;
  max-width: 603px;
  min-width: 603px;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.teacher-lessons-modal-left {
  margin-right: 32px;
}
.teacher-lessons-modal__image {
  background: #f3f0f5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  width: 227px;
  height: 227px;
  border-radius: 12px;
  position: relative;
}
.teacher-lessons-modal__image span {
  color: #9c759b;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  font-size: 15px;
  margin: auto;
  width: fit-content;
}
.teacher-lessons-modal__image img {
  max-width: 143px;
  width: 100%;
}
.teacher-lessons-modal__title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
}
.teacher-lessons-modal__price {
  display: flex;
  margin-top: 8px;
  align-items: center;
  font-size: 18px;
  color: #9c759b;
}
.teacher-lessons-modal__price span {
  font-size: 14px;
  display: block;
  margin-left: 8px;
  opacity: 0.3;
  width: fit-content;
  position: relative;
}
.teacher-lessons-modal__price span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #9c759b;
  margin: auto;
}
.teacher-lessons-modal__label {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 6px;
}
.teacher-lessons-modal__link {
  margin-top: 23px;
  font-size: 15px;
  width: 130px;
}
.teacher-lessons__title {
  margin-bottom: 32px;
}
.teacher-lessons-block {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.teacher-lessons__item {
  flex-basis: calc(16.6666666667% - 20px);
  background: #fff;
  cursor: pointer;
  transition: 0.2s;
}
.teacher-lessons__item:hover .teacher-lessons__image img {
  transform: scale(1.05);
}
.teacher-lessons__image {
  width: 100%;
  height: 135px;
  background: #f3f0f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  margin-bottom: 15px;
}
.teacher-lessons__image img {
  max-width: 80px;
  width: 100%;
  transition: 0.2s;
}
.teacher-lessons-info strong {
  font-weight: 700;
  font-size: 18px;
}
.teacher-lessons-info div {
  display: flex;
  margin-top: 8px;
  align-items: center;
  font-size: 18px;
  color: #9c759b;
}
.teacher-lessons-info div span {
  font-size: 14px;
  display: block;
  margin-left: 8px;
  opacity: 0.3;
  width: fit-content;
  position: relative;
}
.teacher-lessons-info div span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #9c759b;
  margin: auto;
}
.teacher-lessons__warning {
  display: flex;
  align-items: center;
  background: #f3f0f5;
  padding: 8px 24px;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  width: fit-content;
  margin-top: 64px;
  color: #9c759b;
  line-height: 1;
}
.teacher-lessons__warning img {
  margin-right: 16px;
}
.teacher-announcement {
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  border-radius: 24px;
  padding: 40px 64px;
  position: relative;
  overflow: hidden;
}
.teacher-announcement-wrap {
  display: flex;
  gap: 24px;
  align-items: stretch;
}
.teacher-announcement-wrap .teacher-announcement-back-right {
  display: none;
}
.teacher-announcement-images {
  z-index: 0;
}
.teacher-announcement__item {
  flex-basis: calc(50% - 12px);
}
.teacher-announcement__item.teacher-announcement-full {
  flex-basis: 100%;
}
.teacher-announcement__item-rose {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(90deg, #9c759b 0%, #d2bfd2 100%);
}
.teacher-announcement__button {
  margin-top: auto;
  height: 75px;
  margin-top: 24px;
  padding: 0px 40px;
  z-index: 1;
  position: relative;
}
.teacher-announcement__marker {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  padding: 0px 16px;
  width: fit-content;
  color: #fff;
  border-radius: 8px;
  margin-bottom: 25px;
}
.teacher-announcement__title {
  font-weight: 500;
  font-size: 40px;
  line-height: 150%;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  z-index: 10;
}
.teacher-announcement__title div {
  position: relative;
  font-weight: 500;
  display: inline-block;
  color: #26042b;
  margin: 0 20px;
}
.teacher-announcement__title div p {
  position: relative;
  z-index: 5;
  color: transparent;
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.teacher-announcement__title div:before {
  content: "";
  position: absolute;
  left: -5%;
  border-radius: 10px;
  width: 110%;
  height: 110%;
  top: -5%;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  z-index: 0;
}
.teacher-announcement__title span {
  display: inline-block;
  margin-top: 20px;
}
.teacher-announcement__subtitle {
  font-size: 18px;
  margin-top: 24px;
  color: #fff;
  line-height: 140%;
  position: relative;
  z-index: 10;
}
.teacher-announcement-back {
  position: absolute;
}
.teacher-announcement-back-mobile {
  display: none;
}
.teacher-announcement-back-right {
  right: 0;
  top: 0;
  height: 100%;
  z-index: 0;
  opacity: 0.1;
}
.teacher-announcement-back-left {
  left: 0;
  top: 0;
  height: 100%;
  z-index: 0;
  opacity: 0.1;
}
.teacher-reviews__item {
  border: 1px solid rgba(156, 117, 155, 0.1);
  border-radius: 24px;
  padding: 30px;
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
}
.teacher-reviews__rating {
  display: flex;
  align-items: center;
}
.teacher-reviews__rating img {
  margin-right: 8px;
  max-width: 15px;
}
.teacher-reviews__rating img:last-child {
  margin-right: 0px;
}
.teacher-reviews__description {
  margin-top: 16px;
  font-size: 19px;
  line-height: 140%;
  position: relative;
}
.teacher-reviews-profile {
  margin-top: 16px;
  display: flex;
}
.teacher-reviews-profile__image {
  width: 48px;
  height: 48px;
  background-position: center;
  background-size: cover;
  margin-right: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.teacher-reviews-profile-info strong {
  font-weight: 700;
}
.teacher-reviews-profile-info span {
  display: block;
  margin-top: 2px;
  font-size: 14px;
}

.review-text {
  max-height: 2.8em;
  overflow: hidden;
  line-height: 1.4;
  margin-bottom: 8px;
}

.show-more-review {
  display: none;
  background: none;
  border: none;
  color: #9C759B;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  transition: opacity 0.2s ease;
}
.show-more-review:hover {
  opacity: 1;
  text-decoration: none;
}

.review-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 4, 43, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.review-modal.active {
  display: flex;
}

.review-modal-content {
  background-color: #fff;
  padding: 32px;
  border-radius: 24px;
  max-width: 600px;
  width: 90%;
  position: relative;
  max-height: 80vh;
  overflow-y: auto;
}

.review-modal-text {
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 18px;
}

.close-review-modal {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: rgba(38, 4, 43, 0.5);
}
.close-review-modal:hover {
  color: #9c759b;
}

@media (max-width: 1600px) {
  .teacher-announcement__title {
    font-size: 32px;
  }
}
@media (max-width: 1500px) {
  .teacher-lessons__image {
    height: 120px;
  }
}
@media (max-width: 1250px) {
  .teacher-prize__item {
    flex-basis: calc(33.33333% - 15px);
  }
  .teacher-educational-materials__item {
    flex-basis: calc(33.33333% - 15px);
  }
  .teacher-educational-materials__title {
    margin-bottom: 16px;
  }
  .teacher-announcement {
    padding: 32px;
  }
  .teacher-announcement__title {
    text-align: center;
    font-size: 32px;
  }
  .teacher-announcement__subtitle {
    text-align: center;
  }
  .teacher-announcement__subtitle span {
    margin-top: 15px;
  }
  .teacher-announcement__marker {
    margin-left: auto;
    margin-right: auto;
  }
  .teacher-announcement__button {
    margin-left: auto;
    margin-right: auto;
    height: 47px;
  }
  .teacher-lessons-block {
    gap: 20px;
  }
  .teacher-lessons__image {
    height: 131px;
  }
  .teacher-lessons__item {
    flex-basis: calc(20% - 16px);
    background: #fff;
    cursor: pointer;
  }
  .teacher-lessons__warning {
    margin-top: 24px;
    padding: 16px;
  }
  .teacher-reviews__title {
    margin-bottom: 16px;
  }
}
@media (max-width: 1100px) {
  .teacher-announcement-wrap {
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  .teacher-prize__item {
    flex-basis: calc(50% - 10px);
  }
  .teacher-profile__image {
    position: relative;
  }
  .teacher-profile__image.master-teacher .teacher-profile-info-video {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -14px;
  }
  .teacher-profile-info-top .teacher-profile-info-video {
    display: none;
  }
  .teacher-profile-info__name {
    font-size: 30px;
  }
  .teacher-profile-info__description {
    font-size: 16px;
  }
  .teacher-educational-materials__item {
    flex-basis: calc(50% - 11px);
    border-radius: 16px;
  }
  .teacher-announcement {
    border-radius: 19px;
  }
  .teacher-announcement__title {
    line-height: 130%;
  }
  .teacher-announcement-back {
    display: none;
  }
  .teacher-announcement-back-mobile {
    display: block;
    width: 400px;
    right: 0;
    height: fit-content;
    margin: auto;
    top: 0;
    left: 0;
  }
}
@media (max-width: 700px) {
  .teacher-profile {
    flex-direction: column;
    align-items: center;
    padding-bottom: 32px;
  }
  .teacher-profile__image {
    margin-right: 0;
  }
  .teacher-profile-info {
    margin-top: 32px;
  }
  .teacher-profile-info-marker {
    margin-bottom: 20px;
    margin-left: 0;
  }
  .teacher-profile-info-top {
    flex-direction: column-reverse;
  }
  .teacher-prize {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .teacher-prize__image {
    width: 65px;
    min-width: 65px;
    height: 72px;
    border-radius: 16px;
    margin-right: 16px;
  }
  .teacher-prize__image img {
    max-width: 28px;
  }
  .teacher-prize-info strong {
    font-size: 16px;
  }
  .teacher-prize-info span {
    font-size: 14px;
  }
  .teacher-educational-materials-block {
    gap: 8px;
  }
  .teacher-educational-materials__item {
    flex-basis: calc(50% - 4px);
  }
  .teacher-educational-materials__markers {
    left: 15px;
    top: 15px;
  }
  .teacher-educational-materials__image {
    height: 134px;
  }
  .teacher-educational-materials__image img {
    margin-bottom: -20px;
  }
  .teacher-educational-materials__image span {
    height: 26%;
    font-size: 12px;
    height: 26px;
    top: 16px;
    left: 16px;
    padding: 0px 8px;
    width: 46px;
  }
  .teacher-educational-materials-info {
    padding: 16px;
  }
  .teacher-educational-materials-info div {
    font-size: 14px;
    margin-top: 2px;
  }
  .teacher-educational-materials-info strong {
    font-size: 14px;
  }
  .teacher-educational-materials-info span {
    font-size: 12px;
  }
  .teacher-lessons__item {
    flex-basis: calc(25% - 15px);
    background: #fff;
    cursor: pointer;
  }
  .teacher-lessons-modal-wrap {
    flex-direction: column;
    padding: 16px;
    min-width: 300px;
    align-items: flex-start;
  }
  .teacher-lessons-modal-right {
    margin-top: 18px;
    width: 100%;
  }
  .teacher-lessons-modal-left {
    margin: 0;
    width: 100%;
  }
  .teacher-lessons-modal__image {
    margin-bottom: 12px;
    width: 100%;
  }
  .teacher-lessons-modal__link {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .teacher-lessons-modal__label {
    font-size: 16px;
  }
  .teacher-lessons-modal__description {
    font-size: 14px;
  }
  .teacher-announcement {
    padding: 24px 16px;
  }
  .teacher-announcement-section {
    margin-top: 24px;
  }
  .teacher-announcement-wrap {
    gap: 12px;
  }
  .teacher-announcement__marker {
    margin-bottom: 12px;
  }
  .teacher-announcement__title {
    font-size: 24px;
  }
  .teacher-announcement__title span {
    font-size: 32px;
    margin-top: 10px;
    line-height: 1;
  }
  .teacher-announcement__subtitle {
    font-size: 12px;
    margin-top: 12px;
  }
  .teacher-reviews__item {
    padding: 24px 16px;
  }
  .teacher-reviews__description {
    font-size: 14px;
    margin-top: 14px;
  }
  .teacher-reviews-profile__image {
    min-width: 58px;
    height: 58px;
  }
  .teacher-reviews-profile-info span {
    font-size: 12px;
    line-height: 120%;
  }
  .review-modal .review-modal-content {
    padding: 24px 16px;
    width: 95%;
  }
  .review-modal .review-modal-text {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .teacher-lessons__item {
    flex-basis: calc(50% - 10px);
    background: #fff;
    cursor: pointer;
  }
}
@media (max-width: 500px) {
  .teacher-profile {
    align-items: flex-start;
  }
  .teacher-profile__image {
    height: 300px;
    width: 282px;
  }
  .teacher-profile-info-top {
    align-items: flex-start;
  }
  .teacher-prize__item {
    flex-basis: 100%;
  }
  .teacher-lessons__image {
    width: 100%;
  }
  .teacher-educational-materials__item {
    flex-basis: 100%;
  }
}
@media (max-width: 420px) {
  .teacher-lessons__image {
    margin-bottom: 12px;
  }
  .teacher-lessons-info strong {
    font-size: 15px;
    letter-spacing: -0.5px;
  }
  .teacher-lessons-info div {
    margin-top: 5px;
    font-size: 14px;
  }
  .teacher-lessons-info div span {
    font-size: 12px;
  }
}
@media (max-width: 350px) {
  .teacher-lessons__image {
    margin-bottom: 12px;
  }
  .teacher-lessons-info strong {
    font-size: 14px;
    letter-spacing: -1px;
  }
  .teacher-lessons-info div {
    margin-top: 5px;
    font-size: 14px;
  }
  .teacher-lessons-info div span {
    font-size: 12px;
  }
}
@keyframes pulse-video {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.teachers__title {
  margin-bottom: 32px;
}
.teachers-block {
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
}
.teachers__item {
  flex-basis: calc(25% - 16px);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(38, 4, 43, 0.2);
  transition: 0.2s;
}
.teachers__item.master-teacher .teachers__image {
  position: relative;
}
.teachers__item.master-teacher .teachers__image:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4844 4.96875C15.0188 4.64062 15.375 4.04531 15.375 3.375C15.375 2.33906 14.5359 1.5 13.5 1.5C12.4641 1.5 11.625 2.33906 11.625 3.375C11.625 4.05 11.9812 4.64062 12.5156 4.96875L9.82969 10.3406C9.40312 11.1938 8.29688 11.4375 7.55156 10.8422L3.375 7.5C3.60938 7.18594 3.75 6.79688 3.75 6.375C3.75 5.33906 2.91094 4.5 1.875 4.5C0.839062 4.5 0 5.33906 0 6.375C0 7.41094 0.839062 8.25 1.875 8.25H1.90781L4.05 20.0344C4.30781 21.4594 5.55 22.5 7.00312 22.5H19.9969C21.4453 22.5 22.6875 21.4641 22.95 20.0344L25.0922 8.25H25.125C26.1609 8.25 27 7.41094 27 6.375C27 5.33906 26.1609 4.5 25.125 4.5C24.0891 4.5 23.25 5.33906 23.25 6.375C23.25 6.79688 23.3906 7.18594 23.625 7.5L19.4484 10.8422C18.7031 11.4375 17.5969 11.1938 17.1703 10.3406L14.4844 4.96875Z' fill='%239C759B' /%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border-radius: 50%;
  width: 27px;
  height: 27px;
}
.teachers__item.hidden {
  transform: scale(0.8);
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.teachers__item.hover {
  border: 1px solid #9c759b;
}
.teachers__item.hover .teachers__image img {
  transform: scale(1.05);
}
.teachers__item.hover .teachers__link:before {
  transform: rotate(270deg);
  right: -5px;
}
.teachers__image {
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  padding-top: 80%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
.teachers__marker {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  line-height: 1;
  color: #9c759b;
  font-size: 15px;
  margin-bottom: 8px;
  width: fit-content;
  min-height: 21px;
}
.teachers-info {
  padding: 24px 32px;
}
.teachers-info strong {
  font-weight: 700;
  font-size: 18px;
}
.teachers-info-rating {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  line-height: 1;
  margin-top: 4px;
}
.teachers-info-rating span {
  margin-right: 8px;
}
.teachers-info-rating-wrap img {
  margin-right: 4px;
  max-width: 13px;
}
.teachers-info-rating-wrap img:last-child {
  margin-right: 0px;
}
.teachers__link {
  margin-top: 16px;
}

@media (max-width: 1100px) and (min-width: 700px) {
  .teachers__item {
    flex-basis: calc(50% - 12px);
    display: flex;
    border-radius: 16px;
  }
  .teachers__image {
    width: 45%;
    height: 100%;
  }
  .teachers-info {
    padding: 24px;
    width: 55%;
  }
}
@media (max-width: 900px) {
  .teachers__item {
    flex-basis: 100%;
  }
}
@media (max-width: 700px) {
  .teachers-block {
    gap: 8px;
  }
  .teachers__marker {
    font-size: 12px;
    min-height: auto;
    margin-bottom: 4px;
  }
  .teachers-info {
    padding: 16px;
  }
  .teachers-info strong {
    font-size: 16px;
  }
  .teachers__item {
    flex-basis: calc(50% - 4px);
  }
  .teachers__link {
    margin-top: 14px;
  }
}
@media (max-width: 460px) {
  .teachers__item {
    flex-basis: 100%;
  }
}
.university__row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
}
.university__row .university__title {
  margin-bottom: 0px;
}
.university__logo {
  max-width: 100px;
}
.university__logo img {
  width: 100%;
}
.university__title {
  margin-bottom: 32px;
}
.university__subtitle {
  font-size: 18px;
  margin-top: 0px;
  max-width: 800px;
}
.university-block {
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
}
.university__item {
  flex-basis: calc(25% - 16px);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(38, 4, 43, 0.2);
  transition: 0.2s;
}
.university__item.hidden {
  transform: scale(0.8);
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.university__item.hover {
  border: 1px solid #9c759b;
}
.university__item.hover .university__image img {
  transform: scale(1.05);
}
.university__item.hover .university__link:before {
  transform: rotate(270deg);
  right: -5px;
}
.university__image {
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  text-align: center;
  overflow: hidden;
  height: 206px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.university__image img {
  width: 100%;
  transition: 0.2s;
  object-fit: contain;
  height: 100%;
  max-width: 180px;
  max-height: 150px;
}
.university-info {
  padding: 24px 32px;
}
.university-info strong {
  font-weight: 700;
  font-size: 18px;
}
.university__description {
  font-size: 16px;
  margin-top: 8px;
}
.university__link {
  margin-top: 16px;
}
.university-socials {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.university-socials-wrap {
  margin-bottom: 32px;
}
.university-socials a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  position: relative;
}
.university-socials a:hover {
  opacity: 0.9;
}
.university-socials a img {
  width: 100%;
}
.university-socials a span {
  color: #fff;
  position: absolute;
  top: -6px;
  right: -6px;
}
.university-socials-warning {
  font-size: 12px;
  margin-top: 10px;
}

@media (max-width: 1100px) and (min-width: 700px) {
  .university__item {
    flex-basis: calc(50% - 12px);
    display: flex;
    border-radius: 16px;
  }
  .university__image {
    width: 45%;
    height: 100%;
  }
  .university-info {
    padding: 24px;
    width: 55%;
  }
  .university-info strong {
    font-size: 16px;
  }
  .university__description {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .university__row {
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 10px;
  }
  .university__subtitle {
    font-size: 16px;
  }
  .university-block {
    gap: 8px;
  }
  .university-info {
    padding: 16px;
  }
  .university-info strong {
    font-size: 14px;
  }
  .university__description {
    font-size: 12px;
    margin-top: 3px;
  }
  .university__item {
    flex-basis: calc(50% - 4px);
  }
  .university__link {
    margin-top: 14px;
  }
  .university__image {
    height: 200px;
  }
}
@media (max-width: 460px) {
  .university__item {
    flex-basis: 100%;
  }
  .university__image {
    height: 200px;
  }
}
@media (max-width: 380px) {
  .university__image {
    height: 160px;
  }
}
.page {
  display: block;
}

.thanks-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.thanks-row {
  margin-top: 15px;
}
.thanks-row strong {
  font-weight: 500;
  color: #9c759b;
}
.thanks__title {
  margin-bottom: 24px;
}
.thanks-buttons {
  display: flex;
  align-items: center;
  margin-top: 64px;
  gap: 16px;
}
.thanks-buttons .btn {
  height: 75px;
  padding: 0px 40px;
}
.thanks-image {
  width: 600px;
  min-width: 600px;
  height: 600px;
  border-radius: 50%;
  background: #f3f0f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thanks-image img {
  max-width: 459px;
  animation: fly 3s ease-in-out infinite;
}

@media (max-width: 1250px) {
  .thanks-block {
    flex-direction: column-reverse;
  }
  .thanks-image {
    width: 300px;
    height: 300px;
    min-width: auto;
    margin-bottom: 24px;
  }
  .thanks-image img {
    max-width: 200px;
  }
  .thanks-buttons {
    flex-direction: column;
    max-width: 340px;
    margin-top: 32px;
    margin-right: auto;
    margin-left: auto;
  }
  .thanks-buttons .btn {
    width: 100%;
    height: 47px;
  }
}
@media (max-width: 700px) {
  .thanks {
    margin-top: 57px;
  }
  .thanks__title {
    margin-bottom: 16px;
  }
  .thanks-buttons .btn {
    height: 47px;
  }
  .thanks-image {
    width: 280px;
    height: 280px;
    margin-bottom: 24px;
  }
  .thanks-image img {
    max-width: 200px;
  }
}
.contacts-block {
  display: flex;
  justify-content: space-between;
}
.contacts-left {
  max-width: 440px;
}
.contacts__title {
  margin-bottom: 24px;
}
.contacts__subtitle {
  font-size: 20px;
  line-height: 140%;
}
.contacts-right {
  width: 100%;
  margin-left: 150px;
}
.contacts-socials {
  margin-top: 64px;
}
.contacts-socials__item {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
}
.contacts-socials__item:last-child {
  margin-bottom: 0px;
}
.contacts-socials__item img {
  margin-right: 16px;
}
.contacts-right .account-row {
  gap: 32px;
}
.contacts-right .account-row .form__row {
  flex-basis: 50%;
}
.contacts__button {
  width: 155px;
  border-radius: 8px;
  font-size: 15px;
  height: 48px;
  min-width: 155px;
}
.contacts .account-buttons {
  justify-content: flex-start;
}
.contacts .account-buttons .form__policy {
  margin-left: 32px;
}

@media (max-width: 1250px) {
  .contacts__title {
    margin-bottom: 16px;
  }
  .contacts__subtitle {
    font-size: 18px;
  }
  .contacts-block {
    flex-direction: column;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .contacts-left {
    margin: auto;
    margin-bottom: 32px;
  }
  .contacts-right {
    margin: 0;
  }
  .contacts-socials {
    margin-top: 16px;
  }
}
@media (max-width: 700px) {
  .contacts-left {
    margin-left: 0;
  }
  .contacts .account-buttons .form__policy {
    margin-left: 0px;
  }
}
@media (max-width: 500px) {
  .contacts-left {
    margin-left: 0;
  }
  .contacts .account-buttons .btn {
    width: 100%;
  }
}
.not-found-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.not-found__title {
  margin-bottom: 24px;
}
.not-found-buttons {
  display: flex;
  align-items: center;
  margin-top: 64px;
  gap: 16px;
}
.not-found-buttons .btn {
  height: 75px;
  padding: 0px 40px;
}
.not-found-image {
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: #f3f0f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.not-found-image img {
  max-width: 459px;
  animation: fly 3s ease-in-out infinite;
}

@media (max-width: 1250px) {
  .not-found-block {
    flex-direction: column-reverse;
  }
  .not-found-image {
    width: 300px;
    height: 300px;
    margin-bottom: 24px;
  }
  .not-found-image img {
    max-width: 200px;
  }
  .not-found-buttons {
    flex-direction: column;
    max-width: 400px;
    margin-top: 32px;
  }
  .not-found-buttons .btn {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .not-found {
    margin-top: 57px;
  }
  .not-found__title {
    margin-bottom: 16px;
  }
  .not-found-buttons .btn {
    height: 47px;
  }
  .not-found-image {
    width: 280px;
    height: 280px;
    margin-bottom: 24px;
  }
  .not-found-image img {
    max-width: 200px;
  }
}
@media (max-width: 500px) {
  .not-found__subtitle br {
    display: none;
  }
}
/* shop */
.product-wrap {
  margin-top: 64px;
}
.product__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  margin-bottom: 0px;
  text-transform: initial;
}
.product__author {
  font-size: 20px;
  color: #26042b;
  margin-top: 10px;
  font-weight: 500;
}
.product__author a {
  color: #9c759b;
  font-weight: 500;
}
.product__price {
  font-size: 30px;
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
  margin-top: 24px;
  color: #9c759b;
  line-height: 1;
}
.product__price span {
  margin-left: 10px;
  font-size: 24px;
  opacity: 0.3;
  color: #26042b;
  position: relative;
  transform: translateY(-2px);
}
.product__price span::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  width: 100%;
  background: #26042b;
}
.product__description {
  font-size: 18px;
  line-height: 140%;
  margin-top: 20px;
  max-width: 800px;
}
.product-manual-gallery__item {
  width: 100%;
  padding: 60px 34px;
  border-radius: 24px;
  height: 443px;
  border: 1px solid rgba(38, 4, 43, 0.2);
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  display: block;
}
.product-manual-gallery__item::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #9c759b url(../images/icons/gallery.svg) no-repeat center;
  background-size: 24px;
  opacity: 0;
  transition: 0.2s;
  z-index: 10;
}
.product-manual-gallery__item:hover {
  border: 1px solid #9c759b;
}
.product-manual-gallery__item:hover::before {
  opacity: 1;
}
.product-manual-gallery__image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  transition: 0.2s;
}
.product-buttons {
  display: flex;
  margin-top: 50px;
  gap: 15px;
}
.product-buttons .btn {
  height: 75px;
  padding: 0px 40px;
}
.product-buttons .btn:last-child {
  margin-right: 0px;
}
.product-buttons__ozon {
  background-image: url(../images/icons/ozon.jpg);
}
.product-buttons__wildberries {
  background-image: url(../images/icons/wb.jpg);
}
.product-buttons__yandex {
  background-image: url(../images/icons/yandex.jpg);
}
.product-buttons__marketplace {
  width: 150px;
  height: 75px;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  transition: 0.2s;
}
.product-buttons__marketplace-wrap {
  display: flex;
  gap: 15px;
}
.product-buttons__marketplace:hover {
  opacity: 0.8;
}
.product-course-block {
  display: flex;
  height: 600px;
  align-items: stretch;
  gap: 20px;
}
.product-course__image {
  max-width: 1046px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.product-course__image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: #9c759b url(../images/icons/play-white.svg) center no-repeat;
  background-size: 24px;
  background-position: 30px;
}
.product-course-mini {
  height: 100%;
  max-width: 334px;
  width: 100%;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.product-course-mini__item {
  height: 50%;
  border-radius: 24px;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  border: 1px solid rgba(38, 4, 43, 0.2);
}
.product-merch-block {
  display: flex;
  height: 600px;
  gap: 20px;
}
.product-merch__image {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f0f5;
  border-radius: 24px;
}
.product-merch__image img {
  max-width: 80%;
  max-height: 80%;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.product-merch-mini {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  gap: 20px;
}
.product-merch-mini__item {
  flex-basis: calc(50% - 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f0f5;
  border-radius: 24px;
  max-height: calc(50% - 10px);
}
.product-merch-mini__item img {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-height: 213px;
}

@media (max-width: 1500px) {
  .product-manual-gallery__item {
    padding: 30px 34px;
    height: 340px;
  }
}
@media (min-width: 1250px) {
  .product-manual-gallery {
    display: flex;
    gap: 20px;
  }
  .product-manual-gallery .swiper-slide {
    flex-basis: 25%;
    flex-shrink: inherit;
  }
  .product-course-swiper {
    display: none;
  }
  .product-merch-swiper {
    display: none;
  }
}
@media (max-width: 1250px) {
  .product-manual-gallery .swiper-slide {
    width: fit-content !important;
  }
  .product-manual-gallery__item {
    width: 280px;
  }
  .product-wrap {
    margin-top: 32px;
  }
  .product-course-swiper {
    display: block;
  }
  .product-course-block {
    display: none;
  }
  .product-course__image {
    height: 300px;
    display: block;
    background-position: center;
    background-size: cover;
  }
  .product-merch-block {
    display: none;
  }
  .product-merch-gallery__image {
    height: 500px;
    background: #f3f0f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
  }
  .product-merch-gallery__image img {
    max-height: 350px;
    width: auto;
    max-width: 80%;
  }
}
@media (max-width: 1000px) {
  .product-buttons {
    flex-wrap: wrap;
  }
}
@media (max-width: 900px) {
  .product-course__image {
    height: 250px;
  }
  .product-merch-gallery__image {
    height: 300px;
  }
  .product-merch-gallery__image img {
    max-height: 220px;
    width: auto;
    max-width: 80%;
  }
}
@media (max-width: 700px) {
  .product__title {
    font-size: 20px;
  }
  .product__price {
    margin-top: 15px;
    font-size: 20px;
  }
  .product__price span {
    font-size: 16px;
    transform: translateY(-1px);
  }
  .product__description {
    font-size: 14px;
    margin-top: 12px;
  }
  .product-buttons {
    margin-top: 32px;
  }
  .product-buttons .btn {
    height: 47px;
  }
  .product-buttons__marketplace {
    height: 47px;
    background-size: cover;
    width: 95px;
  }
  .product-course__image {
    height: 200px;
  }
  .product-course__image::before {
    width: 60px;
    height: 60px;
    background-size: 16px;
    background-position: 23px;
  }
}
@media (max-width: 500px) {
  .product-buttons {
    flex-direction: column;
  }
  .product-buttons .btn {
    width: 100%;
    margin-right: 0;
  }
  .product-buttons .btn:last-child {
    margin-bottom: 0px;
  }
  .product-manual-gallery__item {
    width: 207px;
    height: 260px;
    padding: 30px 20px;
  }
}
@media (max-width: 380px) {
  .product-buttons__marketplace {
    height: 37px;
    width: 75px;
  }
}
.shop__title {
  margin-bottom: 0px;
  max-width: 100%;
}
.shop__title-row {
  margin-bottom: 34px;
}
.shop__title-row .shop-filter-result {
  display: none;
}
.shop-wrap {
  display: flex;
  align-items: flex-start;
}
.shop-not-found {
  width: 100%;
  text-align: center;
}
.shop-not-found img {
  max-width: 100px;
  margin-bottom: 5px;
}
.shop-filter .shop-tabs {
  display: none;
}
.shop-filter .shop-tabs {
  display: none;
}
.shop-filter-button {
  width: 100%;
  margin-bottom: 16px;
}
.shop-filter-button:last-child {
  margin-bottom: 0px;
}
.shop-filter-wrap {
  max-width: 335px;
  width: 100%;
  min-width: 335px;
  margin-right: 18px;
}
.shop-filter .shop-filter-navigation {
  display: none;
}
.shop-filter__label {
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 14px;
}
.shop-filter-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.shop-filter-top span {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
}
.shop-filter-top p {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #9c759b;
  cursor: pointer;
}
.shop-filter-result {
  font-size: 14px;
  opacity: 0.4;
}
.shop-filter-row {
  padding-top: 24px;
  border-top: 1px solid rgba(156, 117, 155, 0.2);
  margin-top: 24px;
}
.shop-filter-row .search {
  margin-bottom: 0px;
}
.shop-filter-category__row.show {
  display: block;
}
.shop-filter-category__row.active .shop-filter-category__label b {
  transform: rotate(90deg);
}
.shop-filter-category__row ul {
  padding-left: 20px;
  list-style: disc;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  max-height: 0px;
}
.shop-filter-category__row ul li {
  margin-bottom: 8px;
  list-style: disc;
  cursor: pointer;
  transition: 0.2s;
}
.shop-filter-category__row ul li.active {
  color: #9c759b;
}
.shop-filter-category__label {
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
}
.shop-filter-category__label.active {
  color: #9c759b;
}
.shop-filter-category__label p {
  max-width: 90%;
  width: 100%;
}
.shop-filter-category__label b {
  position: absolute;
  top: 0px;
  margin: auto;
  bottom: 0;
  right: 5px;
  width: 14px;
  height: 100%;
  background: url(../images/icons/arrow.svg) no-repeat;
  background-size: 12px 14px;
  background-position: center;
  transition: 0.2s;
}
.shop-filter-category-more {
  color: #9c759b;
  font-weight: 700;
  position: relative;
  width: fit-content;
  margin-top: 10px;
  cursor: pointer;
}
.shop-filter-category-more.active b {
  display: block;
}
.shop-filter-category-more.active p {
  display: none;
}
.shop-filter-category-more b {
  display: none;
}
.shop-filter-category-more:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #9c759b;
}
.shop-list {
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
  width: 100%;
}
.shop-list .banner-ads-mini {
  display: none;
}
.shop-list-wrap {
  width: 100%;
}
.shop-list-wrap .banner-ads-mini {
  display: none;
}
.shop-list-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  min-height: 32px;
}
.shop-sort {
  margin-left: auto;
}
.shop-sort__item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.shop-sort__item span {
  display: none;
}
.shop-sort__item.revert span {
  display: block;
}
.shop-sort__item.revert p {
  display: none;
}
.shop-sort__item.revert b {
  transform: scale(1, -1);
}
.shop-sort__item b {
  background: url(../images/icons/revert.svg) no-repeat;
  width: 20px;
  background-size: cover;
  height: 20px;
  display: block;
  margin-left: 8px;
  transition: 0.2s;
}
.shop-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.shop-tabs__item {
  height: 32px;
  padding: 0px 12px;
  border-radius: 8px;
  background: rgba(156, 117, 155, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #9c759b;
  display: flex;
}
.shop-tabs__item b {
  background: url(../images/icons/close.svg) no-repeat;
  width: 13px;
  height: 13px;
  background-size: cover;
  margin-left: 10px;
  cursor: pointer;
}
.shop-card__item {
  flex-basis: calc(33.33333% - 14px);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(38, 4, 43, 0.2);
  cursor: pointer;
}
.shop-card__item-merch .shop-card__image {
  background: #fff;
  height: 279px;
}
.shop-card__item-merch .shop-card__image img {
  max-width: 80%;
  max-height: 220px;
  width: fit-content;
}
.shop-card.hidden {
  transform: scale(0.8);
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.shop-card:hover {
  border: 1px solid #9c759b;
}
.shop-card:hover img {
  transform: scale(1.05);
}
.shop-card__markers {
  display: flex;
  gap: 4px;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 30;
}
.shop-card__markers span {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  font-weight: 600;
  line-height: 1;
  border-radius: 8px;
  font-size: 12px;
  background: #9c759b;
  color: #fff;
}
.shop-card__markers span.new-product {
  background: #6e688e;
  width: fit-content;
  padding: 0px 8px;
}
.shop-card__markers span.popular-product {
  background: #d3add2;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4037 6.91463C11.1383 6.31725 10.7524 5.78107 10.2703 5.33963L9.87246 4.97459C9.85895 4.96254 9.84269 4.95398 9.82511 4.94968C9.80752 4.94538 9.78915 4.94546 9.7716 4.94991C9.75405 4.95436 9.73787 4.96306 9.72446 4.97523C9.71106 4.9874 9.70085 5.00267 9.69473 5.01971L9.51699 5.52967C9.40625 5.84959 9.20254 6.17635 8.91406 6.49764C8.89492 6.51815 8.87305 6.52362 8.85801 6.52498C8.84297 6.52635 8.81973 6.52362 8.79922 6.50448C8.78008 6.48807 8.77051 6.46346 8.77187 6.43885C8.82246 5.6158 8.57637 4.68748 8.0377 3.67713C7.59199 2.83768 6.97266 2.1828 6.19883 1.72616L5.63418 1.39393C5.56035 1.35018 5.46602 1.4076 5.47012 1.49373L5.5002 2.14998C5.5207 2.59842 5.46875 2.99491 5.3457 3.3244C5.19531 3.72772 4.9793 4.10233 4.70312 4.43866C4.51093 4.6724 4.2931 4.88381 4.05371 5.06893C3.47718 5.51212 3.00838 6.08001 2.68242 6.73006C2.35727 7.38578 2.1879 8.10772 2.1875 8.83963C2.1875 9.48494 2.31465 10.1097 2.56621 10.699C2.80911 11.2663 3.15965 11.7812 3.59844 12.2152C4.04141 12.6527 4.55547 12.9972 5.12832 13.2365C5.72168 13.4853 6.35059 13.6111 7 13.6111C7.64941 13.6111 8.27832 13.4853 8.87168 13.2379C9.44312 13 9.96276 12.6531 10.4016 12.2166C10.8445 11.7791 11.1918 11.2678 11.4338 10.7004C11.685 10.1127 11.8138 9.48008 11.8125 8.841C11.8125 8.17381 11.6758 7.52576 11.4037 6.91463Z' fill='white' /%3E%3C/svg%3E");
  background-size: 14px;
  width: fit-content;
  width: 30px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
}
.shop-card__image {
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  height: 206px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.shop-card__image img {
  max-width: 150px;
  width: 100%;
  transition: 0.2s;
  margin-left: auto;
  margin-right: auto;
}
.shop-card-info {
  padding: 24px 32px;
}
.shop-card-info strong {
  font-weight: 700;
  font-size: 18px;
}
.shop-card-info div {
  display: flex;
  margin-top: 8px;
  align-items: center;
  font-size: 18px;
  color: #9c759b;
}
.shop-card-info div span {
  font-size: 14px;
  display: block;
  margin-left: 8px;
  opacity: 0.3;
  width: fit-content;
  position: relative;
}
.shop-card-info div span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #9c759b;
  margin: auto;
}

.filter-default {
  display: none;
}

.filter-submit {
  display: none;
  visibility: hidden;
}

.range-slider .price-input {
  width: 100%;
  display: flex;
  margin: 30px 0 35px;
}
.range-slider .price-input .field {
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
}
.range-slider .price-input .field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 16px;
  margin-left: 12px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #9c759b;
  -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 15px;
  align-items: center;
  justify-content: center;
}

.slider {
  height: 5px;
  position: relative;
  background: #f3f0f5;
  border-radius: 5px;
  cursor: pointer;
}
.slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #9c759b;
}

.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 102%;
  height: 5px;
  top: -7px;
  left: -2%;
  transition: 0.2s;
  cursor: pointer;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=range]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #9c759b;
  border: 1px solid #9c759b;
  background: #fff;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type=range]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  border: 1px solid #9c759b;
  background: #fff;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1250px) {
  .filter-submit {
    display: flex;
    visibility: visible;
  }
  .shop-wrap {
    flex-direction: column;
  }
  .shop__title {
    max-width: 70%;
  }
  .shop__title-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-end;
  }
  .shop__title-row .shop-filter-result {
    display: block;
  }
  .shop-sort {
    margin: 0;
  }
  .shop-tabs {
    margin-bottom: 24px;
  }
  .shop-filter {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  .shop-filter .banner-ads-mini {
    display: none;
  }
  .shop-filter-main {
    transition: all 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
  .shop-filter-main.active {
    max-height: 2000px;
    opacity: 1;
    visibility: visible;
  }
  .shop-filter-result {
    display: none;
  }
  .shop-filter .banner-ads-mini {
    margin-top: 24px;
  }
  .shop-filter .shop-tabs {
    display: flex;
  }
  .shop-filter-buttons {
    padding-bottom: 40px;
  }
  .shop-filter-top {
    display: none;
  }
  .shop-filter-count {
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .shop-filter-count span {
    display: inline-block;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #9c759b;
    margin-right: 8px;
    color: #fff;
    line-height: 1;
  }
  .shop-filter-wrap {
    width: 100%;
    max-width: 100%;
  }
  .shop-filter .shop-filter-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
  }
  .shop-list-wrap {
    margin-top: 24px;
    margin-top: 0px;
  }
  .shop-list-wrap .banner-ads-mini {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .shop-list-wrap .banner-ads-mini .banner-ads__title {
    max-width: 400px;
    margin: auto;
  }
  .shop-list .banner-ads-mini {
    display: none;
  }
  .shop-list-top {
    display: none;
  }
}
@media (max-width: 800px) {
  .shop__title {
    max-width: 60%;
  }
}
@media (max-width: 700px) {
  .shop-list {
    gap: 8px;
  }
  .shop-list-wrap .banner-ads-mini {
    display: none;
  }
  .shop-list .banner-ads-mini {
    display: block;
    margin: 0 auto;
  }
  .shop-filter-wrap {
    min-width: auto;
  }
  .shop-card-info {
    padding: 16px;
  }
  .shop-card-info strong {
    font-size: 16px;
  }
  .shop-card__item {
    flex-basis: 100%;
  }
  .shop-card__item-merch .shop-card__image {
    background: #fff;
    height: 214px;
  }
  .shop-card__item-merch .shop-card__image img {
    max-width: 80%;
    max-height: 170px;
  }
  .shop-card__markers {
    left: 15px;
    top: 15px;
  }
}
.cart.cart-loading {
  pointer-events: none;
}
.cart.cart-loading .cart-checkout:before, .cart.cart-loading .cart-checkout::after {
  opacity: 1;
  display: block;
}
.cart.cart-loading .cart__item:before, .cart.cart-loading .cart__item::after {
  opacity: 1;
  display: block;
}
.cart__title {
  margin-bottom: 0px;
  line-height: 1;
}
.cart__title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
}
.cart-left {
  max-width: 927px;
  width: 100%;
}
.cart-clean {
  color: #9c759b;
  cursor: pointer;
}
.cart-warning {
  background: #f3f0f5;
  padding: 8px 24px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #9c759b;
  margin-bottom: 40px;
}
.cart-warning-text p {
  line-height: 150%;
}
.cart-warning-text a {
  font-weight: 700;
  color: #9c759b;
}
.cart-warning img {
  margin-right: 16px;
  width: 32px;
}
.cart-wrap {
  display: flex;
  justify-content: space-between;
}
.cart-row {
  margin-top: 40px;
}
.cart__label {
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 20px;
  width: 100%;
  color: #26042b;
  border-bottom: 1px solid rgba(38, 4, 43, 0.2);
  margin-bottom: 16px;
}
.cart__markers {
  display: flex;
  gap: 4px;
  position: relative;
  flex-direction: row;
  margin-left: 40px;
  z-index: 30;
}
.cart__markers span {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  font-weight: 600;
  line-height: 1;
  border-radius: 8px;
  font-size: 12px;
  background: #9c759b;
  color: #fff;
}
.cart__markers span.super-sale {
  background: #727CF8;
}
.cart__markers span.new-product {
  background: #6e688e;
  width: fit-content;
  padding: 0px 8px;
}
.cart__markers span.popular-product {
  background: #d3add2;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4037 6.91463C11.1383 6.31725 10.7524 5.78107 10.2703 5.33963L9.87246 4.97459C9.85895 4.96254 9.84269 4.95398 9.82511 4.94968C9.80752 4.94538 9.78915 4.94546 9.7716 4.94991C9.75405 4.95436 9.73787 4.96306 9.72446 4.97523C9.71106 4.9874 9.70085 5.00267 9.69473 5.01971L9.51699 5.52967C9.40625 5.84959 9.20254 6.17635 8.91406 6.49764C8.89492 6.51815 8.87305 6.52362 8.85801 6.52498C8.84297 6.52635 8.81973 6.52362 8.79922 6.50448C8.78008 6.48807 8.77051 6.46346 8.77187 6.43885C8.82246 5.6158 8.57637 4.68748 8.0377 3.67713C7.59199 2.83768 6.97266 2.1828 6.19883 1.72616L5.63418 1.39393C5.56035 1.35018 5.46602 1.4076 5.47012 1.49373L5.5002 2.14998C5.5207 2.59842 5.46875 2.99491 5.3457 3.3244C5.19531 3.72772 4.9793 4.10233 4.70312 4.43866C4.51093 4.6724 4.2931 4.88381 4.05371 5.06893C3.47718 5.51212 3.00838 6.08001 2.68242 6.73006C2.35727 7.38578 2.1879 8.10772 2.1875 8.83963C2.1875 9.48494 2.31465 10.1097 2.56621 10.699C2.80911 11.2663 3.15965 11.7812 3.59844 12.2152C4.04141 12.6527 4.55547 12.9972 5.12832 13.2365C5.72168 13.4853 6.35059 13.6111 7 13.6111C7.64941 13.6111 8.27832 13.4853 8.87168 13.2379C9.44312 13 9.96276 12.6531 10.4016 12.2166C10.8445 11.7791 11.1918 11.2678 11.4338 10.7004C11.685 10.1127 11.8138 9.48008 11.8125 8.841C11.8125 8.17381 11.6758 7.52576 11.4037 6.91463Z' fill='white' /%3E%3C/svg%3E");
  background-size: 14px;
  width: fit-content;
  width: 30px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
}
.cart-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cart__item {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border: 1px solid rgba(38, 4, 43, 0.2);
  padding: 14px 35px;
  justify-content: space-between;
  min-height: 100px;
  position: relative;
  overflow: hidden;
}
.cart__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  height: 100%;
  opacity: 0;
  background: rgba(243, 240, 245, 0.2);
  display: none;
}
.cart__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  z-index: 30;
  height: 100%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  animation: shine 1.5s infinite;
  display: none;
}
.cart__item[data-category=merch] .cart__image img {
  max-height: 70px;
  max-width: 70px;
  width: fit-content;
}
.cart__item:first-child {
  margin-top: 0px;
}
.cart__item-left {
  display: flex;
  align-items: center;
}
.cart__item-right {
  display: flex;
  align-items: center;
}
.cart__image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 38px;
  min-width: 70px;
}
.cart__image:hover img {
  transform: scale(1.05);
}
.cart__image img {
  width: 50px;
  transition: 0.2s;
}
.cart__name {
  max-width: 240px;
  min-width: 240px;
}
.cart__name p {
  font-weight: 600;
}
.cart__name span {
  margin-top: 8px;
  display: block;
  font-size: 12px;
  color: #9c759b;
  font-weight: 500;
}
.cart__name span a {
  color: #9c759b;
}
.cart__price {
  margin-right: 57px;
  text-align: right;
  white-space: nowrap;
}
.cart__price p {
  color: #9c759b;
}
.cart__price span {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.3;
  width: fit-content;
  position: relative;
  margin-left: auto;
}
.cart__price span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1px;
  background: #26042b;
}
.cart__count {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.cart__count-hidden {
  opacity: 0.5;
  pointer-events: none;
}
.cart__count input {
  height: 44px;
  border: 1px solid rgba(38, 4, 43, 0.2);
  border-radius: 6px;
  width: 60px;
  margin-right: 16px;
  text-align: center;
  padding: 10px;
}
.cart__delete {
  padding-left: 35px;
  margin-left: 24px;
  border-left: 1px solid rgba(38, 4, 43, 0.2);
  cursor: pointer;
}
.cart__delete p {
  display: none;
}
.cart__delete b {
  background-image: url(../images/icons/trash.svg);
  display: block;
  width: 24px;
  height: 24px;
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
}
.cart-right {
  max-width: 335px;
  width: 100%;
}
.cart-checkout {
  padding: 24px;
  background: #f3f0f5;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
.cart-checkout::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  height: 100%;
  opacity: 0;
  background: rgba(243, 240, 245, 0.2);
  display: none;
}
.cart-checkout::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  z-index: 30;
  height: 100%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  animation: shine 1.5s infinite;
  display: none;
}
.cart-checkout__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: 32px;
}
.cart-checkout__title:first-child {
  margin-top: 0px;
}
.cart-checkout__item, .cart-checkout-total-sale {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.cart-checkout__item p, .cart-checkout-total-sale p {
  width: 70%;
}
.cart-checkout__item b, .cart-checkout-total-sale b {
  width: 20%;
  text-align: right;
  font-weight: 400;
}
.cart-checkout-total, .cart-checkout-subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  margin-top: 28px;
}
.cart-checkout-subtotal {
  font-weight: 500;
}
.cart-checkout-subtotal b {
  text-decoration: line-through;
}
.cart-promocode {
  border-top: 1px solid #9c759b;
  padding-top: 15px;
  margin-top: 10px;
}
.cart-promocode.cart-promocode-active .cart-promocode-info {
  opacity: 0.5;
}
.cart-promocode.cart-promocode-active .cart-promocode__icon {
  transform: translateY(-3px);
}
.cart-promocode-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.cart-promocode-wrapper:empty {
  display: none;
}
.cart-promocode-wrapper.has-text-coupon .cart-promocode:not(.cart-promocode-text-type) {
  display: none;
}
.cart-promocode-wrapper.has-active-coupon .cart-promocode:not(.cart-promocode-active) {
  opacity: 0.7;
  pointer-events: none;
  filter: grayscale(0.8);
  transition: all 0.2s ease;
}
.cart-promocode-info {
  transition: 0.2s;
}
.cart-promocode__item {
  width: 100%;
  height: 97px;
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  color: #fff;
  padding: 13px;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.cart-promocode__item:hover .cart-promocode-info, .cart-promocode__item:hover .cart-promocode-text {
  opacity: 0.5;
}
.cart-promocode__item:hover .cart-promocode__icon {
  transform: translateY(-3px);
}
.cart-promocode:nth-child(1) {
  border-top: 0px;
  margin-top: 0px;
  padding-top: 0px;
}
.cart-promocode:nth-child(2) .cart-promocode__item {
  background: #9c759b;
}
.cart-promocode:nth-child(3) .cart-promocode__item {
  background: linear-gradient(90deg, #deb289 0%, #f2cca9 100%);
}
.cart-promocode-dots {
  display: flex;
  gap: 8px;
  position: absolute;
  flex-direction: column;
  align-items: center;
  right: 35px;
  top: -9px;
}
.cart-promocode-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f3f0f5;
  border-radius: 50%;
}
.cart-promocode-dots i:first-child, .cart-promocode-dots i:last-child {
  width: 18px;
  height: 18px;
}
.cart-promocode__icon {
  position: absolute;
  right: 56px;
  max-width: 109px;
  bottom: -22px;
  top: 0;
  margin: auto;
  transition: 0.2s;
  left: auto;
}
.cart-promocode__label {
  font-weight: 600;
  font-size: 12px;
  line-height: 167%;
  text-transform: uppercase;
}
.cart-promocode__sale {
  font-weight: 600;
  font-size: 18px;
  margin-top: 4px;
}
.cart-promocode__description {
  font-weight: 400;
  font-size: 12px;
  line-height: 167%;
  margin-top: 6px;
}
.cart-promocode__subtitle {
  font-size: 12px;
  line-height: 120%;
  margin-top: 12px;
  pointer-events: none;
}
.cart-promocode__missing-amount {
  font-size: 14px;
  margin-top: 6px;
  display: none;
  pointer-events: none;
}
.cart-promocode-text {
  font-size: 12px;
  line-height: 167%;
  text-transform: uppercase;
  position: absolute;
  transform: rotate(-90deg);
  right: -29px;
  width: 97px;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
}

@media (max-width: 1400px) {
  .cart__name {
    max-width: 200px;
    min-width: 200px;
  }
}
@media (max-width: 1350px) {
  .cart-left {
    max-width: 70%;
  }
  .cart-right {
    max-width: 30%;
    margin-left: 40px;
  }
  .cart__item {
    padding: 14px 20px;
  }
  .cart__delete {
    padding-left: 20px;
  }
}
@media (max-width: 1250px) {
  .cart-list {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .cart__image {
    margin: 0;
    height: 174px;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .cart__image img {
    width: 100%;
    height: 100%;
    width: 120px;
  }
  .cart__item {
    flex-direction: column;
    flex-basis: calc(50% - 8px);
    padding: 16px;
  }
  .cart__item[data-category=merch] .cart__image {
    margin-bottom: 20px;
  }
  .cart__item[data-category=merch] .cart__image img {
    max-width: 174px;
    max-height: 174px;
  }
  .cart__item-left {
    flex-direction: column;
    align-items: center;
    width: 100%;
    align-items: flex-start;
    width: 100%;
  }
  .cart__item-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cart__markers {
    position: absolute;
    left: 15px;
    top: 15px;
    margin-left: 0;
  }
  .cart__price {
    margin-right: 0px;
    flex-basis: 100%;
    display: flex;
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1;
    margin-top: 8px;
  }
  .cart__price span {
    margin-left: 8px;
    font-size: 14px;
    line-height: 1;
  }
  .cart__price span::before {
    top: -5px;
  }
  .cart__delete {
    border-left: 0px;
    padding: 0;
    margin: 0;
  }
  .cart__delete p {
    display: flex;
    font-size: 12px;
    border-radius: 8px;
    height: 44px;
  }
  .cart__delete b {
    display: none;
  }
  .cart__count {
    display: inline-block;
  }
}
@media (max-width: 1000px) {
  .cart__title-row {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .cart-left {
    max-width: 100%;
  }
  .cart-wrap {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
  }
  .cart-right {
    margin-top: 48px;
    max-width: 100%;
    margin-left: 0px;
  }
}
@media (max-width: 600px) {
  .cart__item {
    flex-basis: 100%;
  }
}
/* cabinet */ 
.login-wrap {
  background: #f3f0f5;
  border-radius: 24px;
  padding: 32px;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}
.login-top {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin-bottom: 32px;
  position: relative;
}
.login-top::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(156, 117, 155, 0.2);
}
.login-top__item {
  position: relative;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  cursor: pointer;
}
.login-top__item.active {
  color: #9c759b;
}
.login-top__item.active::before {
  opacity: 1;
}
.login-top__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #9c759b;
  transition: 0.2s;
  opacity: 0;
}
.login-top__item:first-child {
  margin-right: 24px;
}

.forgot-password-link {
  display: block;
  font-weight: 700;
}

.account-block {
  display: flex;
  justify-content: space-between;
}
.account-left {
  max-width: 300px;
  width: 100%;
}
.account-profile {
  display: flex;
  align-items: center;
}
.account-profile__image {
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-right: 16px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.account-profile__image:hover::before, .account-profile__image:hover::after {
  opacity: 1;
}
.account-profile__image::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(243, 240, 245, 0.9);
  background-size: 18px;
  background-position: center;
  transition: 0.2s;
  opacity: 0;
}
.account-profile__image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url(../images/icons/dots.svg) no-repeat;
  background-size: 18px;
  background-position: center;
  transition: 0.2s;
  opacity: 0;
}
.account-profile__image.loading::after {
  animation: fly 2s ease-in-out infinite;
  opacity: 1;
}
.account-profile__image.loading::before {
  opacity: 1;
}
.account-profile-info strong {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
  display: block;
  word-break: break-word;
}
.account-profile-info span {
  display: block;
}
.account-menu {
  margin-top: 48px;
}
.account-menu__button {
  width: 100%;
  margin-top: 24px;
  font-size: 15px;
  display: none;
}
.account-menu__item {
  font-size: 22px;
  line-height: 100%;
  display: block;
  margin-bottom: 32px;
  transition: 0.2s;
}
.account-menu__item span {
  background: #9c759b;
  color: #fff;
  font-size: 12px;
  padding: 5px 6px;
  border-radius: 50%;
  margin-left: 6px;
  vertical-align: middle;
}
.account-menu__item:hover {
  opacity: 0.8;
}
.account-menu__item:last-child {
  margin-bottom: 0px;
}
.account-menu__item.active {
  color: #9c759b;
}
.account-right {
  margin-left: 44px;
  width: calc(100% - 44px);
}
.account-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.account-tabs__item {
  flex-basis: calc(33.33333% - 14px);
  background: #f3f0f5;
  border-radius: 24px;
  min-height: 258px;
  transition: 0.2s;
  border: 1px solid rgba(156, 117, 155, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.account-tabs__item-big {
  flex-basis: calc(66.66666% - 14px);
  background: linear-gradient(90deg, #9c759b 0%, #d2bfd2 100%);
  color: #fff;
}
.account-tabs__item-big span {
  font-size: 16px;
}
.account-tabs__item-big strong {
  text-transform: uppercase;
}
.account-tabs__item.hover {
  border: 1px solid rgb(156, 117, 155);
}
.account-tabs__item.hover .btn-detailed:before {
  transform: rotate(270deg);
  right: -5px;
}
.account-tabs-info {
  padding: 32px;
}
.account-tabs-info strong {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.account-tabs-info strong span {
  background: #9c759b;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  width: fit-content;
  display: inline-block;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account-tabs-info span {
  font-size: 14px;
  display: block;
}
.account-tabs-images {
  padding: 15px 32px;
  display: flex;
  gap: 8px;
  border-top: 1px solid rgba(38, 4, 43, 0.1);
}
.account-tabs-bottom {
  padding: 32px;
  padding-top: 0px;
}
.account-tabs-bottom .btn-detailed {
  margin-top: 0px;
}
.account-wrap {
  background: #f3f0f5;
  width: 100%;
  border-radius: 24px;
  padding: 32px;
  max-width: 100%;
  margin-top: 16px;
}
.account-wrap:first-child {
  margin-top: 0px;
}
.account__label {
  font-size: 22px;
  margin-bottom: 8px;
  font-weight: 700;
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account__label-limit {
  display: inline-block;
  font-size: 14px;
}
.account__label span {
  background: #9c759b;
  color: #fff;
  border-radius: 8px;
  padding: 5px 8px;
}
.account__label-mini {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 8px;
}
.account__label:first-child {
  margin-top: 0px;
}
.account__subtitle {
  font-size: 14px;
  margin-bottom: 32px;
}
.account__subtitle a {
  font-weight: 700;
  color: #9c759b;
  position: relative;
  width: fit-content;
}
.account__subtitle a:hover::before {
  opacity: 0;
}
.account__subtitle a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #9c759b;
  bottom: -1px;
  transition: 0.2s;
}
.account-row {
  display: flex;
  gap: 48px;
  margin-top: 16px;
}
.account-row-transform {
  margin-top: 32px;
}
.account-row .btn {
  margin-top: auto;
  border-radius: 8px;
  width: 100%;
}
.account-row .form__row {
  margin-bottom: 0px;
  margin-top: 0px;
  flex-basis: calc(33.3% - 48px);
}
.account-achievements-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
  gap: 8px;
}
.account-achievements__item {
  border-radius: 8px;
  padding: 0px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  color: #9c759b;
  height: 32px;
  background: rgba(156, 117, 155, 0.1);
}
.account-achievements__item p {
  margin-right: 8px;
  line-height: 1;
}
.account-achievements__item img {
  width: 15px;
  cursor: pointer;
}
.account-buttons {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account .btn-account {
  width: 200px;
  border-radius: 8px;
  font-size: 15px;
  height: 48px;
}
.account .form__textarea {
  margin-top: -16px;
}
.account .form__textarea-transform {
  margin-top: 0px;
}
.account .form__message {
  background: linear-gradient(90deg, #6e688e 0%, #958fb7 100%);
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  padding: 0px 20px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.4s;
}
.account .form__message.active {
  opacity: 1;
}
.account-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
  gap: 21px;
}
.account-list-status__item {
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  padding: 5px 7px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  padding-top: 5px;
  transition: 0.2s;
  margin-top: 5px;
  border-top: 1px solid #f3f0f5;
}
.account-list-status__item.loading {
  opacity: 0.4;
  pointer-events: none;
}
.account-list-status__item:first-child {
  margin-top: 0px;
  border-top: none;
}
.account-list-status__item.active {
  color: #9c759b;
}
.account-list-status-wrap {
  position: absolute;
  box-shadow: 0 4px 16px 1px rgba(156, 117, 155, 0.1);
  border-radius: 8px;
  padding: 8px;
  background: #fff;
  top: 60px;
  right: 10px;
  z-index: 10;
  display: none;
}
.account-list-status b {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 22px;
  height: 22px;
  background: url(../images/icons/dots.svg) no-repeat;
  background-size: 20px;
  background-position: center;
  cursor: pointer;
  transition: 0.2s;
}
.account-list-status b:hover {
  opacity: 0.8;
}
.account-list__item {
  flex-basis: calc(33.33333% - 16px);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(38, 4, 43, 0.2);
  cursor: pointer;
  position: relative;
}
.account-list__item.hidden {
  transform: scale(0.8);
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.account-list__item.no-hover:hover {
  border: 1px solid rgba(38, 4, 43, 0.2);
}
.account-list__item.no-hover:hover img {
  transform: scale(1);
}
.account-list__item.no-hover .account-list-info a:hover {
  color: #9c759b;
}
.account-list__item:hover {
  border: 1px solid #9c759b;
}
.account-list__item:hover img {
  transform: scale(1.05);
}
.account-list__image {
  background: linear-gradient(360deg, rgba(210, 191, 210, 0.1) 0%, rgba(156, 117, 155, 0.1) 100%);
  height: 192px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.account-list__image img {
  max-width: 150px;
  transition: 0.2s;
  margin-left: auto;
  margin-right: auto;
}
.account-list__markers {
  display: flex;
  gap: 4px;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 30;
}
.account-list__markers span {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0px 8px;
  font-weight: 600;
  line-height: 1;
  border-radius: 8px;
  font-size: 12px;
  background: #9c759b;
  color: #fff;
}
.account-list__markers span.draft-product {
  width: fit-content;
  padding: 0px 10px;
}
.account-list__markers span.new-product {
  background: #6e688e;
  width: fit-content;
  padding: 0px 8px;
}
.account-list__markers span.popular-product {
  background: #d3add2;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4037 6.91463C11.1383 6.31725 10.7524 5.78107 10.2703 5.33963L9.87246 4.97459C9.85895 4.96254 9.84269 4.95398 9.82511 4.94968C9.80752 4.94538 9.78915 4.94546 9.7716 4.94991C9.75405 4.95436 9.73787 4.96306 9.72446 4.97523C9.71106 4.9874 9.70085 5.00267 9.69473 5.01971L9.51699 5.52967C9.40625 5.84959 9.20254 6.17635 8.91406 6.49764C8.89492 6.51815 8.87305 6.52362 8.85801 6.52498C8.84297 6.52635 8.81973 6.52362 8.79922 6.50448C8.78008 6.48807 8.77051 6.46346 8.77187 6.43885C8.82246 5.6158 8.57637 4.68748 8.0377 3.67713C7.59199 2.83768 6.97266 2.1828 6.19883 1.72616L5.63418 1.39393C5.56035 1.35018 5.46602 1.4076 5.47012 1.49373L5.5002 2.14998C5.5207 2.59842 5.46875 2.99491 5.3457 3.3244C5.19531 3.72772 4.9793 4.10233 4.70312 4.43866C4.51093 4.6724 4.2931 4.88381 4.05371 5.06893C3.47718 5.51212 3.00838 6.08001 2.68242 6.73006C2.35727 7.38578 2.1879 8.10772 2.1875 8.83963C2.1875 9.48494 2.31465 10.1097 2.56621 10.699C2.80911 11.2663 3.15965 11.7812 3.59844 12.2152C4.04141 12.6527 4.55547 12.9972 5.12832 13.2365C5.72168 13.4853 6.35059 13.6111 7 13.6111C7.64941 13.6111 8.27832 13.4853 8.87168 13.2379C9.44312 13 9.96276 12.6531 10.4016 12.2166C10.8445 11.7791 11.1918 11.2678 11.4338 10.7004C11.685 10.1127 11.8138 9.48008 11.8125 8.841C11.8125 8.17381 11.6758 7.52576 11.4037 6.91463Z' fill='white' /%3E%3C/svg%3E");
  background-size: 14px;
  width: fit-content;
  width: 30px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
}
.account-list__markers span.stop-product {
  background: transparent;
  width: 30px;
  height: 26px;
  background-size: 30px;
  width: fit-content;
  width: 30px;
  height: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM8.07612 8.61732C8 8.80109 8 9.03406 8 9.5V14.5C8 14.9659 8 15.1989 8.07612 15.3827C8.17761 15.6277 8.37229 15.8224 8.61732 15.9239C8.80109 16 9.03406 16 9.5 16C9.96594 16 10.1989 16 10.3827 15.9239C10.6277 15.8224 10.8224 15.6277 10.9239 15.3827C11 15.1989 11 14.9659 11 14.5V9.5C11 9.03406 11 8.80109 10.9239 8.61732C10.8224 8.37229 10.6277 8.17761 10.3827 8.07612C10.1989 8 9.96594 8 9.5 8C9.03406 8 8.80109 8 8.61732 8.07612C8.37229 8.17761 8.17761 8.37229 8.07612 8.61732ZM13.0761 8.61732C13 8.80109 13 9.03406 13 9.5V14.5C13 14.9659 13 15.1989 13.0761 15.3827C13.1776 15.6277 13.3723 15.8224 13.6173 15.9239C13.8011 16 14.0341 16 14.5 16C14.9659 16 15.1989 16 15.3827 15.9239C15.6277 15.8224 15.8224 15.6277 15.9239 15.3827C16 15.1989 16 14.9659 16 14.5V9.5C16 9.03406 16 8.80109 15.9239 8.61732C15.8224 8.37229 15.6277 8.17761 15.3827 8.07612C15.1989 8 14.9659 8 14.5 8C14.0341 8 13.8011 8 13.6173 8.07612C13.3723 8.17761 13.1776 8.37229 13.0761 8.61732Z' fill='%236e688e'/%3E%3C/svg%3E%0A");
}
.account-list__markers span.stop-product.hidden {
  display: none;
}
.account-list-info {
  padding: 24px 32px;
}
.account-list-info strong {
  font-weight: 700;
  font-size: 16px;
}
.account-list-info div {
  display: flex;
  margin-top: 8px;
  align-items: center;
  font-size: 16px;
  color: #9c759b;
}
.account-list-info div span {
  font-size: 14px;
  display: block;
  margin-left: 8px;
  opacity: 0.3;
  width: fit-content;
  position: relative;
}
.account-list-info div span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #9c759b;
  margin: auto;
}
.account-recommendations {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.account-recommendations-info {
  margin-top: 54px;
  text-align: center;
}
.account-recommendations__item {
  flex-basis: calc(20% - 14px);
  background: #fff;
  border-radius: 24px;
  display: flex;
  text-align: center;
  justify-content: space-between;
  flex-direction: column;
  height: 187px;
  position: relative;
  padding: 10px;
}
.account-recommendations__item.hover::before {
  width: 0px;
  height: 0px;
}
.account-recommendations__item::before {
  content: "";
  position: absolute;
  background: #f3f0f5;
  width: 32px;
  height: 32px;
  border-radius: 0px 0px 8px 0px;
  top: 0;
  left: 0;
  transition: 0.2s;
}
.account-recommendations__item strong {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-transform: uppercase;
  color: #9c759b;
  margin-bottom: 8px;
  display: block;
}
.account-recommendations__item p {
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  max-width: 150px;
}
.account-recommendations__item a {
  color: #9c759b;
  font-size: 12px;
}
.account-support-row {
  display: flex;
  gap: 48px;
}
.account-support-row .form__row {
  flex-basis: 50%;
  margin-top: 0px;
}
.account-support .form__textarea {
  margin-top: 0px;
}

.input-date {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.input-date::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  right: 16px;
  background: url(../images/icons/calendar.svg) no-repeat;
  background-size: 100%;
  margin: auto;
  z-index: 1;
}

/* Стили для переключателя пола */
.gender-switch {
  display: flex;
  gap: 15px;
}

.gender-option {
  flex: 1;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  padding: 10px 15px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.gender-option.active {
  background-color: #9c759b;
  color: white;
  border-color: #9c759b;
}

@media (max-width: 1500px) {
  .account-tabs-images img:last-child {
    display: none;
  }
}
@media (max-width: 1350px) {
  .account-tabs__item {
    min-height: 260px;
  }
  .account-tabs-info {
    padding: 24px;
  }
  .account-tabs-images {
    padding: 15px 24px;
  }
}
@media (max-width: 1250px) {
  .account-menu__item {
    font-size: 20px;
    margin-bottom: 25px;
  }
  .account-info {
    padding: 24px;
    padding-bottom: 0px;
  }
  .account-tabs-images img:last-child {
    display: block;
  }
  .account-tabs__item {
    flex-basis: calc(50% - 10px);
  }
  .account-tabs-bottom {
    padding: 24px;
    padding-top: 0px;
  }
  .account-row {
    gap: 24px;
  }
  .account-list__item {
    flex-basis: calc(50% - 11px);
  }
  .account-recommendations__item {
    flex-basis: calc(25% - 12px);
  }
  .account-support-row {
    gap: 24px;
  }
}
@media (max-width: 1100px) {
  .account-block {
    flex-direction: column;
    align-items: center;
  }
  .account-menu {
    display: none;
  }
  .account-right {
    margin-left: 0;
    width: 100%;
    margin-top: 24px;
  }
  .account-right {
    max-width: 800px;
    gap: 12px;
    margin-left: auto;
    margin-right: auto;
  }
  .account-right__item {
    min-height: 240px;
    flex-basis: calc(50% - 6px);
  }
  .account-list {
    gap: 21px;
  }
  .account-list__item {
    flex-basis: calc(50% - 11px);
  }
}
@media (max-width: 900px) {
  .account-list__item {
    border-radius: 16px;
  }
  .account-tabs-images img:last-child {
    display: none;
  }
  .account-recommendations__item {
    flex-basis: calc(33.33333% - 11px);
  }
}
@media (max-width: 700px) {
  .account-tabs {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .account-tabs-images img:last-child {
    display: block;
  }
  .account-tabs__item {
    flex-basis: 100%;
    min-height: 233px;
  }
  .account-tabs__item-mini {
    min-height: 189px;
  }
  .account-tabs__item-big {
    min-height: auto;
  }
  .account-tabs-info strong {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .account-tabs-info span {
    font-size: 14px;
    min-height: auto !important;
  }
  .account-tabs-info .btn-detailed {
    margin-top: 32px;
  }
  .account-tabs-images {
    gap: 14px;
  }
  .account__subtitle {
    margin-bottom: 22px;
  }
  .account-row {
    gap: 16px;
    flex-direction: column;
    margin-top: 16px;
  }
  .account .form__textarea {
    margin-top: 0px;
  }
  .account-list {
    gap: 8px;
  }
  .account-list__item {
    flex-basis: calc(50% - 4px);
  }
  .account-list-info {
    padding: 16px;
  }
  .account-list-info strong {
    font-size: 14px;
  }
  .account-list-info div {
    font-size: 12px;
  }
  .account-list__image {
    height: 130px;
  }
  .account-list__image::before {
    opacity: 0;
  }
  .account-list__image img {
    max-width: 130px;
  }
  .account-list__markers {
    left: 15px;
    top: 15px;
  }
  .account-recommendations__item {
    flex-basis: calc(50% - 8px);
  }
  .account-buttons {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 20px;
  }
  .account .form__message {
    font-size: 11px;
    padding: 10px 20px;
    height: 32px;
    border-radius: 6px;
    display: none;
  }
  .account .form__message.active {
    display: flex;
  }
}
@media (max-width: 500px) {
  .account-block {
    align-items: flex-start;
  }
  .account-left {
    max-width: 100%;
  }
  .account-wrap {
    padding: 24px 16px;
  }
  .account-list__item {
    flex-basis: 100%;
  }
  .account-list__image {
    height: 130px;
  }
  .account-list__image::before {
    opacity: 1;
    top: 16px;
    right: 16px;
  }
  .account-recommendations-info {
    margin-top: 30px;
  }
  .account-recommendations__item {
    height: 146px;
    padding: 8px;
    flex-basis: calc(50% - 8px);
  }
  .account-recommendations__item::before {
    width: 24px;
    height: 24px;
  }
  .account-recommendations__item strong {
    font-size: 15px;
  }
  .account-recommendations__item p {
    font-size: 12px;
  }
  .account-support-row {
    flex-direction: column;
  }
}
@media (max-width: 400px) {
  .account-tabs-images img:last-child {
    display: none;
  }
}
.create .lessons-container .create-row:first-child {
  margin-top: 16px;
}
.create .lessons-container .create-row:first-child .delete-lesson-btn {
  display: none;
}
.create-row {
  background: #f3f0f5;
  width: 100%;
  border-radius: 24px;
  padding: 32px;
  max-width: 100%;
  margin-top: 16px;
}
.create-row.load {
  filter: blur(1px);
  pointer-events: none;
}
.create-row:first-child {
  margin-top: 0px;
}
.create i {
  color: #c6473f;
}
.create__name {
  font-size: 18px;
}
.create .files-upload-container {
  gap: 20px;
}
.create .form-file {
  display: flex;
  background: rgba(156, 117, 155, 0.1);
}
.create .form-file.drag-drop-area {
  transition: all 0.3s ease;
  position: relative;
}
.create .form-file.drag-drop-area.drag-over {
  border-color: #002aff;
  background-color: rgba(106, 76, 163, 0.05);
}
.create .form-file.drag-drop-area.drag-over .drag-drop-text {
  opacity: 1;
}
.create .form-file.drag-drop-area.drag-over .form-file-btn, .create .form-file.drag-drop-area.drag-over .form-file-text {
  opacity: 0.3;
}
.create .form-file .drag-drop-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #9c759b;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  text-align: center;
  width: 100%;
  display: none;
}
.create .delete-lesson-btn {
  display: none;
}
.create .add-lesson-btn {
  display: none;
}
.create [data-lesson="1"] .delete-lesson-btn {
  display: none;
}
.create [data-lesson="1"] .add-lesson-btn {
  display: none;
}
.create .create-row:last-child .delete-lesson-btn {
  display: flex;
}
.create .create-row:last-child .add-lesson-btn {
  display: flex;
}
.create .lesson-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}
.create-file-content {
  display: flex;
  align-items: center;
  display: none;
  justify-content: space-between;
  width: 100%;
  background: #fff;
}
.create-file-content-images {
  height: auto;
}
.create-file-content-left {
  display: flex;
  align-items: center;
  max-width: calc(100% - 25px);
  width: 100%;
}
.create-file-content-delete {
  width: 18px;
  height: 18px;
  margin-right: -4px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99486 7.00636C6.60433 7.39689 6.60433 8.03005 6.99486 8.42058L10.58 12.0057L6.99486 15.5909C6.60433 15.9814 6.60433 16.6146 6.99486 17.0051C7.38538 17.3956 8.01855 17.3956 8.40907 17.0051L11.9942 13.4199L15.5794 17.0051C15.9699 17.3956 16.6031 17.3956 16.9936 17.0051C17.3841 16.6146 17.3841 15.9814 16.9936 15.5909L13.4084 12.0057L16.9936 8.42059C17.3841 8.03007 17.3841 7.3969 16.9936 7.00638C16.603 6.61585 15.9699 6.61585 15.5794 7.00638L11.9942 10.5915L8.40907 7.00636C8.01855 6.61584 7.38538 6.61584 6.99486 7.00636Z' fill='%23c6473f'/%3E%3C/svg%3E");
  background-size: cover;
  cursor: pointer;
}
.create-file-content span {
  background: #9c759b;
  font-size: 10px;
  border-radius: 2px;
  height: 16px;
  color: #fff;
  text-transform: uppercase;
  margin-right: 8px;
  display: inline-block;
  padding: 0px 8px;
}
.create__button {
  width: 188px;
  font-size: 15px;
  border-radius: 8px;
}
.create__button.disabled {
  filter: blur(0);
  opacity: 0.7;
}
.create__button-add:hover {
  color: #fff;
  background: #9c759b;
}

@media (max-width: 500px) {
  .create-row {
    padding: 24px 16px;
  }
  .create .form__input {
    height: 42px;
  }
  .create .create-file-content-images {
    height: auto;
  }
  .create .add-lesson-btn, .create .delete-lesson-btn {
    font-size: 12px;
    padding: 0px 6px;
    height: 32px;
  }
}
/* modal */
.modal-callback {
  display: none;
  background: #fff;
  padding: 30px 30px;
  padding-bottom: 25px;
  border-radius: 20px;
  font-size: 14px;
  max-width: 340px;
  width: 100%;
  min-width: 340px;
  text-align: center;
}
.modal-callback-text {
  word-break: break-word;
}

.modal-callback-confirm-buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 5px;
  gap: 5px;
  margin-top: 10px;
}
.modal-callback-confirm-buttons .btn {
  flex-basis: 50%;
  font-size: 12px;
  height: 32px;
}

#modal-callback, #modal-callback-confirm {
  border-radius: 20px;
}
#modal-callback .fancybox-button, #modal-callback-confirm .fancybox-button {
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 0px 0px 0px 19px;
}
#modal-callback .fancybox-button svg, #modal-callback-confirm .fancybox-button svg {
  width: 16px;
  margin: auto;
}

.educational__label {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  margin-bottom: 32px;
}
.educational-lessons-tab {
  margin-bottom: 28px;
}
.educational-lessons__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #9c759b;
  margin-bottom: 32px;
}
.educational-lessons__video {
  border: 1px solid rgba(38, 4, 43, 0.2);
}
.educational-lessons__description {
  margin-top: 28px;
}
.educational-lessons__description-label {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
}
.educational-lessons__item {
  display: none;
}
.educational-lessons__item.active {
  display: block;
}
.educational-materials {
  display: flex;
  gap: 8px;
}
.educational-materials__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  padding: 0% 12px;
  height: 40px;
  flex-grow: 1;
  border-radius: 8px;
  box-shadow: 0 1px 4px 1px rgba(156, 117, 155, 0.2);
  transition: 0.2s;
  cursor: pointer;
}
.educational-materials__item:hover {
  box-shadow: 0 1px 4px 1px rgba(156, 117, 155, 0);
}
.educational-materials__item span {
  height: 16px;
  background: #9c759b;
  padding: 0px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 2px;
  margin-right: 8px;
}
.educational-feedback-block button {
  margin-top: 15px;
}
.educational-feedback#educational-feedback {
  display: none;
}
.educational-feedback.visible {
  display: block;
}
.educational-feedback-rating {
  display: flex;
  align-items: center;
}
.educational-feedback-rating-wrap {
  display: flex;
  align-items: center;
}
.educational-feedback-rating-wrap span {
  margin-right: 16px;
  font-size: 14px;
  font-weight: 500;
}
.educational-feedback-rating img {
  width: 26px;
  height: 24px;
  margin-right: 8px;
  cursor: pointer;
}
.educational-feedback-text {
  margin-top: 28px;
}
.educational-feedback-text label {
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}

.manual__label {
  font-weight: 700;
  font-size: 22px;
  line-height: 140%;
  margin-bottom: 16px;
}
.manual-controls {
  text-align: center;
  font-size: 15px;
  margin-top: 15px;
}
.manual-controls span {
  font-weight: 600;
  color: #9c759b;
}
.manual-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.manual-controls-numbers {
  display: flex;
  align-items: center;
  gap: 5px;
}
.manual-controls b {
  display: block;
  text-align: center;
}
.manual-controls .arrow {
  background: #9c759b;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}
.manual-controls .arrow.no-page {
  opacity: 0.5;
  cursor: not-allowed;
}
.manual-controls .arrow.arrows-right svg {
  margin-right: -2px;
}
.manual-controls .arrow.arrows-left svg {
  margin-left: -2px;
}
.manual-controls .arrow svg {
  width: 8px;
}
.manual-content {
  height: 800px;
  border-radius: 24px;
  position: relative;
  display: flex;
}
.manual-content .manual-custom-scroll {
  width: 10px;
  background-color: #f1f1f1;
  position: relative;
  border-radius: 5px;
}
.manual-content .manual-custom-scroll-thumb {
  width: 100%;
  background-color: #9c759b;
  position: absolute;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.2s;
}
.manual-content .manual-custom-scroll-thumb:hover {
  background-color: #6e688e;
}
.manual-content-wrap {
  flex-grow: 1;
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-right: 16px;
  border: 0.94px solid #9c759b;
  border-radius: 24px;
  background: #fbfbfb;
  position: relative;
  overflow-y: auto;
}
.manual-content-wrap .load-image {
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  top: 0;
  font-size: 14px;
  bottom: 0;
  text-align: center;
  height: fit-content;
  width: fit-content;
}
.manual-content-wrap .load-image img {
  max-width: 100px;
}
.manual-content-wrap .load-image p {
  margin-top: 5px;
}
.manual-content-wrap::-webkit-scrollbar {
  display: none;
}
.manual-content canvas {
  width: 100%;
}
.manual-content .pdf-page img {
  width: 100%;
}
.manual-content .page-list {
  margin-bottom: 10px;
}
.manual-content .page-list img {
  width: 100%;
}
.manual-content .page-list:last-child {
  margin-bottom: 0px;
}

#current-page {
  width: 50px;
  text-align: center;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#current-page::-webkit-inner-spin-button,
#current-page::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#current-page {
  -moz-appearance: textfield;
}

body .video-player {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
}
body .video-player .plyr--video {
  border-radius: 24px;
  overflow: hidden;
}
body .video-player video {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
  overflow: hidden;
}
body .video-player button {
  background: #9c759b;
}
body .video-player button:hover, body .video-player button:focus, body .video-player button:active {
  background: #8882aa !important;
}
body .video-player button:hover path, body .video-player button:focus path, body .video-player button:active path {
  fill: #9c759b;
}
body .video-player .plyr__control[aria-checked=true] {
  background: #8882aa !important;
}
body .video-player .plyr__control[aria-checked=true]::before {
  background: #9c759b !important;
}
body .video-player .plyr--full-ui input[type=range] {
  color: #9c759b;
}
body .video-player .plyr__menu__container .plyr__control > span {
  color: #fff;
}
body .video-player .plyr__menu__container .plyr__control--forward::after {
  border-left-color: #fff;
}
body .video-player .plyr__control--back::after {
  border-right-color: #fff;
}

@media (max-width: 900px) {
  .educational-materials {
    display: block;
  }
  .educational-materials__item {
    margin-bottom: 8px;
  }
  .manual-content {
    height: 500px;
  }
  .manual-content-wrap {
    border-radius: 16px;
  }
  .manual-content .manual-custom-scroll {
    display: none;
  }
}
@media (max-width: 700px) {
  .educational__label {
    margin-bottom: 10px;
  }
  .educational-lessons-tab {
    margin-bottom: 14px;
  }
  .educational-lessons__title {
    margin-bottom: 16px;
  }
  .manual__label {
    margin-bottom: 24px;
  }
}
@media (max-width: 500px) {
  body .educational-lessons__video {
    border-radius: 14px;
  }
  body .educational-lessons__video video {
    border-radius: 16px;
  }
  body .educational-lessons__video .plyr--video {
    border-radius: 14px;
  }
  body .educational-lessons__video button {
    width: 24px;
    height: 23px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 6px;
  }
  body .educational-lessons__video button svg {
    width: 12px;
    height: 12px;
  }
  body .educational-lessons__video .plyr__control--overlaid {
    width: 30px;
    height: 30px;
  }
  body .educational-lessons__video .plyr__control--overlaid svg {
    width: 12px;
    height: 12px;
    left: 1px;
  }
  body .educational-lessons__video [data-plyr=pip], body .educational-lessons__video [data-plyr=mute], body .educational-lessons__video [data-plyr=captions] {
    display: none !important;
  }
  .manual-content {
    height: 420px;
  }
  .manual-content-wrap {
    margin-right: 0px;
  }
  .manual-content .page-list {
    margin-bottom: 6px;
  }
}
#pdf-container {
  height: 100%;
}