@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
html {
  margin-right: calc(-100vw + 100%);
}
@media (max-width: 1024px) {
  html {
    margin-right: 0;
    overflow-x: hidden;
  }
}

.delivery__points-block,
.popup__products,
html,
body {
  scrollbar-face-color: var(--purple-medium);
  scrollbar-track-color: var(--blue-super-light);
  scroll-behavior: smooth;
  scroll-padding-top: 300px;
}
@media (max-width: 1024px) {
  .delivery__points-block,
  .popup__products,
  html,
  body {
    scroll-padding-top: 220px;
  }
}
@media (max-width: 767px) {
  .delivery__points-block,
  .popup__products,
  html,
  body {
    scroll-padding-top: 180px;
  }
}
.delivery__points-block::-webkit-scrollbar,
.popup__products::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.delivery__points-block::-webkit-scrollbar-thumb,
.popup__products::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: var(--purple-medium);
  border-radius: 10px;
}
.delivery__points-block::-webkit-scrollbar-track,
.popup__products::-webkit-scrollbar-track,
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: var(--blue-super-light);
}

:root {
  --white: #ffffff;
  --blue: #2B3C90;
  --blue-medium: #6375CC;
  --blue-sky: #7E9CD0;
  --blue-light: #508ECC;
  --blue-super-light: #F4F0F8;
  --blue-super-light2: #E5F5FF;
  --pink-super-light: #F7F6F9;
  --purple: #51338B;
  --purple-dark: #371971;
  --purple-medium: #AC98C5;
  --purple-light: #8F67A4;
  --pink: #D3127E;
  --gray: #A5A5A5;
  --gray-middle: #E5E5E5;
  --gray-light: #F3F3F3;
  --gray-light2: #ECEAEE;
  --gray-border: #DFDFDF;
  --gray-border2: #EFF3F3;
  --gray-text: #999999;
  --gray-dark: #3C3C3C;
  --black: #000000;
  --checkbox-border: #C8C6E3;
  --checkbox-bg: #152263;
  --checkbox-disabled: #B6B4CF;
  --checkbox-disabled-bg: #F2F4F7;
  --checkbox-disabled-text: #DCDCE6;
  --error: #E64646;
  --red: #D14D44;
  --radio-bg: #0A055F;
  --input-title: #282828;
  --green: #0DA500;
  --dir-bg-1: #F2F7FA;
  --dir-bg-2: #F3EAFE;
  --dir-bg-3: #F1F9ED;
  --dir-bg-4: #FFE3DC;
  --switcher-bg: #E8E9EB;
  --switcher-bg-active: #35C759;
  --pay-system-border: #D9D9D9;
  --bg-gradient: linear-gradient(90deg, #2B3C90 65.1%, #51338B 100%);
  --main-1: var(--purple);
  --main-2: var(--purple-dark);
  --wrapper-margin: 88px;
}
@media (max-width: 1336px) {
  :root {
    --wrapper-margin: 30px;
  }
}
@media (max-width: 1024px) {
  :root {
    --wrapper-margin: 24px;
  }
}
@media (max-width: 767px) {
  :root {
    --wrapper-margin: 16px;
  }
}

.pat {
  --main-1: var(--blue);
  --main-2: var(--checkbox-bg);
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray-dark);
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

sup {
  line-height: 0;
  font-size: 70%;
}

a {
  text-decoration: none;
  color: inherit;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 45px;
  line-height: 130%;
  font-weight: 700;
  margin-top: 40px;
}
h1.purple {
  color: var(--purple);
}
@media (max-width: 1024px) {
  h1 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 28px;
    margin-top: 24px;
  }
}

h2 {
  max-width: 800px;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
  }
}

h3 {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
}
@media (max-width: 767px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 767px) {
  h4 {
    font-size: 18px;
  }
}

.wrapper {
  width: calc(100% - var(--wrapper-margin) * 2);
  max-width: 1268px;
  margin: auto;
}

.title {
  font-weight: 700;
  font-size: 45px;
  line-height: 130%;
}

.root > div {
  padding-bottom: 85px;
}
.root > div.cookie {
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .root > div {
    padding-bottom: 57px;
  }
}
.root > div.video {
  padding-bottom: 48px;
}
.root > div.video + #section_articles_video {
  padding-bottom: 0 !important;
}

.content {
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .content {
    margin-top: 24px;
  }
}

.standart-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  font-size: 0;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}
.standart-slider .slick-arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--purple);
  border-left: 2px solid var(--purple);
  transform: rotate(-45deg);
}
.standart-slider .slick-arrow.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.standart-slider .slick-arrow.slick-prev {
  left: -24px;
}
@media (max-width: 1336px) {
  .standart-slider .slick-arrow.slick-prev {
    left: -15px;
  }
}
.standart-slider .slick-arrow.slick-next {
  right: -24px;
}
@media (max-width: 1336px) {
  .standart-slider .slick-arrow.slick-next {
    right: -15px;
  }
}
.standart-slider .slick-arrow.slick-next::before {
  transform: rotate(135deg);
}
.standart-slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0;
  margin: 20px 0px 0px;
}
@media (max-width: 767px) {
  .standart-slider .slick-dots {
    margin-top: 16px;
  }
}
.standart-slider .slick-dots li {
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  border-radius: 2px;
  overflow: hidden;
  background: var(--gray-border);
  transition: all 0.3s ease-in-out;
}
.standart-slider .slick-dots li button {
  cursor: pointer;
  opacity: 0;
}
.standart-slider .slick-dots li.slick-active {
  width: 16px;
  background: var(--gray);
}
.standart-slider .slick-track {
  margin-left: unset;
  margin-right: unset;
  display: flex;
}

@media (max-width: 1024px) {
  .js-product-slider .overflow-visible {
    overflow: visible;
  }
  .js-product-slider .slick-slide {
    width: 240px !important;
  }
}
.js-product-slider:not(.slick-initialized) {
  display: flex;
  gap: 30px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .js-product-slider:not(.slick-initialized) {
    gap: 15px;
    overflow-x: scroll;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -10px;
    padding: 0 16px 10px;
  }
}
.js-product-slider:not(.slick-initialized) > div:nth-child(n+5) {
  display: none;
}
.js-product-slider.slick-initialized {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}
@media (max-width: 1024px) {
  .js-product-slider.slick-initialized {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}
.js-product-slider.slick-initialized .slick-slide {
  margin: 0 15px 1px;
}
@media (max-width: 1024px) {
  .js-product-slider.slick-initialized .slick-slide {
    margin: 0 7px 1px;
  }
}
.js-product-slider .slick-arrow {
  position: absolute;
  top: 48%;
  background: none;
  font-size: 0;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50px;
  z-index: 1;
}
.js-product-slider .slick-arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--purple);
  border-left: 2px solid var(--purple);
  transform: rotate(-45deg);
  position: relative;
  left: 3px;
}
@media (max-width: 1336px) {
  .js-product-slider .slick-arrow::before {
    left: 0px;
  }
}
.js-product-slider .slick-arrow.slick-disabled {
  opacity: 0.5;
  pointer-events: none;
  display: none !important;
}
.js-product-slider .slick-arrow.slick-prev {
  left: -22px;
}
.js-product-slider .slick-arrow.slick-prev::before {
  left: 6px;
}
@media (max-width: 1336px) {
  .js-product-slider .slick-arrow.slick-prev {
    left: 0px;
  }
  .js-product-slider .slick-arrow.slick-prev::before {
    left: 0px;
    margin-left: 6px;
  }
}
.js-product-slider .slick-arrow.slick-next {
  right: -22px;
}
@media (max-width: 1336px) {
  .js-product-slider .slick-arrow.slick-next {
    right: 0px;
  }
  .js-product-slider .slick-arrow.slick-next::before {
    margin-left: 3px;
  }
}
.js-product-slider .slick-arrow.slick-next::before {
  transform: rotate(135deg);
}

.js-city-change {
  position: relative;
}

.city__tooltipe {
  display: none;
  padding: 24px;
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--white);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  font-size: 14px;
}
.city__tooltipe-header {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--gray-dark);
}
.city__tooltipe-buttons {
  margin-top: 24px;
  display: flex;
  gap: 16px;
}
.city__tooltipe-buttons .btn {
  width: 100%;
  white-space: nowrap;
}

.spoiler {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cookie {
  position: fixed;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 24px;
  gap: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 832px;
  width: calc(100% - var(--wrapper-margin) * 2);
  background: var(--white);
  border-radius: 12px;
  z-index: 10;
  filter: drop-shadow(14px 17px 20px rgba(0, 0, 0, 0.26));
}
@media (max-width: 767px) {
  .cookie {
    flex-direction: column;
    align-items: stretch;
  }
}
.cookie__text {
  font-size: 16px;
  line-height: 130%;
  color: var(--black);
}
.cookie a {
  margin-top: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: var(--black);
  display: block;
}
.cookie .btn {
  width: 273px;
}
@media (max-width: 767px) {
  .cookie .btn {
    width: 100%;
  }
}

.max-content {
  max-width: -moz-max-content;
  max-width: max-content;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0px 16px;
  height: 40px;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  border: none;
  box-shadow: none;
  width: -moz-max-content;
  width: max-content;
  background-color: transparent;
  opacity: 1;
  transition-property: background-color, opacity;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  font-family: "Inter", sans-serif;
}
.btn--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn--lg {
  height: 48px;
  font-size: 18px;
  padding: 0 24px;
}
@media (max-width: 1023px) {
  .btn--lg {
    height: 45px;
    font-size: 16px;
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .btn--lg {
    height: 43px;
    font-size: 14px;
  }
}
.btn--sm {
  height: 32px;
}
.btn--full {
  width: 100%;
}
.btn--purple {
  background: var(--main-1);
  color: var(--white);
}
.btn--purple:hover {
  background: var(--main-2);
}
.btn--purple.btn--disabled {
  background-color: var(--gray-border);
  color: var(--gray-dark);
  opacity: 1;
}
.btn--purple-border {
  border: 1px solid var(--main-1);
  color: var(--main-1);
}
.btn--purple-border:hover {
  background: var(--main-1);
  color: var(--white);
}
.btn--blue {
  background: var(--blue);
  color: var(--white);
}
.btn--blue:hover {
  background: var(--blue-medium);
}
.btn--blue-border {
  border: 1px solid var(--blue);
  color: var(--blue);
}
.btn--blue-border:hover {
  background: var(--blue);
  color: var(--white);
}
.btn--gray {
  background: var(--gray-border);
}
.btn--gray:hover {
  background: var(--gray-dark);
  color: var(--white);
}
.btn--gray-border {
  border: 1px solid var(--gray-border);
}
.btn--gray-border:hover {
  background: var(--gray-border);
}
.btn--white {
  background: var(--white);
  color: var(--purple);
}
.btn--white:hover {
  background: var(--purple-dark);
  color: var(--white);
}

.ui-search {
  position: relative;
}
.ui-search input {
  background-color: var(--white);
  width: 100%;
  height: 40px;
  padding: 0px 46px 0px 16px;
  font-size: 16px;
  box-shadow: none;
  margin: 0;
  outline: none;
  border-radius: 20px;
  border: 1px solid currentColor;
  font-family: inherit;
}
.ui-search input::-moz-placeholder {
  color: inherit;
}
.ui-search input::placeholder {
  color: inherit;
}
.ui-search .ui-search__icon {
  background-image: url(/assets/images/icons/search.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.ui-chekbox {
  padding: 5px 0;
}
.ui-chekbox + .ui-chekbox {
  margin-top: 4px;
}
.ui-chekbox.disabled {
  color: var(--checkbox-disabled-text);
}
.ui-chekbox.disabled .ui-chekbox__icon {
  border: 1px solid var(--checkbox-disabled);
  background-color: var(--checkbox-disabled-bg);
}
.ui-chekbox.disabled input:checked + .ui-chekbox__icon {
  background-color: var(--checkbox-disabled);
  border: 1px solid var(--checkbox-disabled);
}
.ui-chekbox.error {
  color: var(--error);
}
.ui-chekbox.error .ui-chekbox__icon {
  border: 1px solid var(--error);
}
.ui-chekbox.error input:checked + .ui-chekbox__icon {
  background-color: var(--error);
}
.ui-chekbox input {
  display: none;
}
.ui-chekbox input:checked + .ui-chekbox__icon {
  border: 1px solid var(--checkbox-bg);
  background: var(--checkbox-bg);
}
.ui-chekbox input:checked + .ui-chekbox__icon::before {
  content: "";
  display: block;
  width: 3px;
  height: 6px;
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(45deg) translate(-100%, -30%);
}
.ui-chekbox label {
  cursor: pointer;
  display: flex;
  gap: 12px;
}
@media (max-width: 1023px) {
  .ui-chekbox__text {
    font-size: 12px;
  }
}
.ui-chekbox__text a {
  color: var(--blue);
  text-decoration: underline;
}
.ui-chekbox__icon {
  margin-top: 2px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: 1px solid var(--checkbox-border);
  border-radius: 3px;
  position: relative;
  background: var(--white);
}
.ui-range {
  margin-top: 12px;
}
.ui-range__header {
  display: flex;
  gap: 8px;
}
.ui-range__input {
  width: calc(50% - 4px);
}
.ui-range__input input {
  border: 1px solid var(--gray);
  border-radius: 4px;
  padding: 0 12px;
  height: 44px;
  box-shadow: none;
  background: var(--white);
  outline: none;
  width: 100%;
}
.ui-range__input input::-moz-placeholder {
  color: var(--gray);
}
.ui-range__input input::placeholder {
  color: var(--gray);
}
.ui-range__body {
  height: 2px;
  background: var(--gray-light);
  border: none !important;
  margin-top: 16px;
}
.ui-range__body .ui-slider-range {
  background: var(--purple-light);
}
.ui-range__body .ui-state-default,
.ui-range__body .ui-widget-content .ui-state-default {
  border: none;
  background: var(--purple-light);
  font-weight: normal;
  color: #454545;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  top: -8px;
}
.ui-rate {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .ui-rate {
    gap: 10px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ui-rate {
    gap: 8px;
    font-size: 13px;
  }
}
.ui-rate__block {
  display: flex;
  gap: 4px;
}
@media (max-width: 1024px) {
  .ui-rate__block {
    gap: 2px;
  }
}
@media (max-width: 767px) {
  .ui-rate__block {
    gap: 0px;
  }
}
.ui-rate__block.active .ui-rate__star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M13.2392 2.34164C13.4786 1.60459 14.5214 1.60459 14.7608 2.34164L16.9636 9.12098C17.0707 9.45059 17.3778 9.67376 17.7244 9.67376H24.8526C25.6276 9.67376 25.9498 10.6655 25.3229 11.121L19.556 15.3108C19.2756 15.5146 19.1583 15.8756 19.2654 16.2053L21.4681 22.9846C21.7076 23.7216 20.864 24.3345 20.2371 23.879L14.4702 19.6892C14.1898 19.4855 13.8102 19.4855 13.5298 19.6892L7.76292 23.879C7.13595 24.3345 6.29237 23.7216 6.53185 22.9846L8.73459 16.2053C8.84169 15.8756 8.72436 15.5146 8.44397 15.3108L2.67713 11.121C2.05016 10.6655 2.37238 9.67376 3.14735 9.67376H10.2756C10.6222 9.67376 10.9293 9.45059 11.0364 9.12097L13.2392 2.34164Z' fill='%2351338B'/%3E%3C/svg%3E") !important;
}
.ui-rate__star {
  width: 16px;
  height: 16px;
  background-image: url("/assets/images/icons/star.svg");
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .ui-rate__star {
    width: 12px;
    height: 12px;
    background-size: 90%;
  }
}
.ui-rate__star.active {
  background-image: url("/assets/images/icons/star-active.svg");
}
.ui-select .ui-selectmenu-button {
  height: 48px;
  border: 1px solid var(--gray-border);
  border-radius: 6px;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-size: 16px;
  width: 100%;
  background: var(--white);
  color: inherit;
}
.ui-select .ui-selectmenu-button-open .ui-selectmenu-icon {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.ui-select .ui-selectmenu-button-open .ui-selectmenu-icon::before, .ui-select .ui-selectmenu-button-open .ui-selectmenu-icon::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.ui-select .ui-selectmenu-button-open .ui-selectmenu-icon::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.ui-select .ui-selectmenu-button-open .ui-selectmenu-icon {
  transform: rotate(90deg);
}
.ui-select .ui-selectmenu-icon {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.ui-select .ui-selectmenu-icon::before, .ui-select .ui-selectmenu-icon::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.ui-select .ui-selectmenu-icon::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
@media (max-width: 767px) {
  .ui-select {
    height: 42px;
  }
}
.ui-accordeon {
  border-radius: 10px;
  background: var(--gray-light);
  padding: 15px 26px;
}
@media (max-width: 767px) {
  .ui-accordeon {
    padding: 18px 16px;
  }
}
.ui-accordeon + .ui-accordeon {
  margin-top: 12px;
}
.ui-accordeon.active .ui-accordeon__body {
  display: block;
}
.ui-accordeon.active .ui-accordeon__btn {
  transform: rotate(180deg);
}
.ui-accordeon__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ui-accordeon__header {
    font-size: 14px;
  }
}
.ui-accordeon__header-text {
  max-width: 815px;
}
.ui-accordeon__body {
  display: none;
  margin-top: 24px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .ui-accordeon__body {
    font-size: 14px;
  }
}
.ui-accordeon__btn {
  line-height: 0;
}

.disabled-option .ui-selectmenu-text {
  color: var(--gray);
}

.ui-selectmenu-menu .ui-menu {
  max-height: 200px;
}

.ui-multiselect-header.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  display: none;
}

.ui-widget.ui-widget-content {
  border: 1px solid #ddd;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
  border: 1px solid #003eff;
  border-radius: 0;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-multiselect-checkboxes li:not(.ui-multiselect-optgroup) {
  font-size: 14px;
}

.breadcrumbs {
  padding: 32px 0 0;
  list-style: none;
  padding-top: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .breadcrumbs {
    padding-top: 24px;
    padding-bottom: 6px;
    margin-bottom: -6px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding-top: 12px;
    text-overflow: clip;
    overflow: auto;
  }
}
.breadcrumbs__item {
  color: #a899c5;
  font-size: 16px;
  display: inline;
  position: relative;
}
.breadcrumbs__item + .breadcrumbs__item {
  margin-left: 20px;
}
.breadcrumbs__item + .breadcrumbs__item::before {
  position: absolute;
  top: 1px;
  content: "";
  width: 7px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='18' viewBox='0 0 7 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L5 10L1 14' stroke='%23A899C5' stroke-width='1.5'%3E%3C/path%3E%3C/svg%3E");
  left: -12px;
}
.breadcrumbs__item * {
  display: inline;
}

.footer {
  border-top: 1px solid var(--gray-border);
  padding-bottom: 54px;
  background: var(--white);
}
@media (max-width: 1024px) {
  .footer {
    padding-bottom: 40px;
  }
}
.footer__container {
  display: flex;
  align-items: center;
  gap: 138px;
}
@media (max-width: 1024px) {
  .footer__container {
    display: flex;
    flex-direction: column-reverse;
    gap: 0px;
  }
}
.footer__left {
  padding-top: 2px;
  flex-grow: 1;
}
@media (max-width: 1024px) {
  .footer__left {
    padding-top: 20px;
  }
}
.footer__links {
  display: flex;
  gap: 30px;
}
@media (max-width: 1024px) {
  .footer__links {
    gap: 0px;
    flex-wrap: wrap;
    gap: 32px 16px;
  }
}
.footer__links-block {
  width: 25%;
}
@media (max-width: 1024px) {
  .footer__links-block {
    width: 100%;
    padding: 12px 0;
  }
  .footer__links-block + .footer__links-block {
    border-top: 1px solid var(--gray-border);
  }
  .footer__links-block.active ul {
    display: block;
  }
  .footer__links-block.active .footer__links-toggle {
    transform: rotate(180deg);
  }
}
.footer__links-block ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1024px) {
  .footer__links-block ul {
    display: none;
  }
}
.footer__links-block ul li {
  font-size: 13px;
}
.footer__links-block ul li + li {
  margin-top: 2px;
}
.footer__links-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.footer__links-toggle {
  display: none;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1024px) {
  .footer__links-toggle {
    display: block;
  }
}
.footer__links-toggle::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  margin-left: 7px;
  margin-top: 4px;
}
@media (max-width: 1024px) {
  .footer__links-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
  }
}
.footer__text {
  margin-top: 29px;
}
@media (max-width: 1024px) {
  .footer__text {
    margin-top: 13px;
  }
}
.footer__text p {
  font-weight: 500;
  font-size: 12px;
  line-height: 144%;
  margin: 0;
}
.footer__text p + p {
  margin-top: 16px;
}
.footer__right {
  padding-top: 54px;
  min-width: 293px;
}
@media (max-width: 1024px) {
  .footer__right {
    padding-top: 30px;
    min-width: unset;
  }
}
.footer__logo {
  display: block;
}
.footer__copyright {
  font-size: 12px;
  margin-top: 3px;
}
@media (max-width: 1024px) {
  .footer__copyright {
    display: none;
  }
}
.footer__agree {
  font-size: 12px;
  margin-top: 14px;
  display: block;
}
@media (max-width: 1024px) {
  .footer__agree {
    display: none;
  }
}
.footer__social {
  margin-top: 21px;
}
@media (max-width: 1024px) {
  .footer__social_no-mob {
    display: none;
  }
}
.footer__social_mob {
  display: none;
}
@media (max-width: 1024px) {
  .footer__social_mob {
    display: block;
    margin-top: 11px;
  }
}
.footer__social-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .footer__social-title {
    text-align: center;
  }
}
.footer__social-list {
  display: flex;
  gap: 14px;
}
@media (max-width: 1024px) {
  .footer__social-list {
    justify-content: center;
  }
}
.footer__social-list img {
  width: -moz-max-content;
  width: max-content;
}
.footer__social-item {
  position: relative;
}
.footer__social-item:hover .footer__social-tooltip {
  display: block;
}
.footer__social-tooltip {
  --top: 10px;
  --left: 16px;
  position: absolute;
  top: calc(var(--top) * -1);
  left: calc(var(--left) * -1);
  padding: var(--top) var(--left);
  border-radius: 15px;
  background: var(--gray-light);
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  display: none;
  width: 320px;
}
@media (max-width: 767px) {
  .footer__social-tooltip {
    width: auto;
  }
}
.footer__social-tooltip_header {
  display: flex;
  align-items: center;
  font-weight: 700;
  gap: 10px;
}
.footer__social-tooltip_list {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}
.footer__social-tooltip_list a {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
}
.footer__social-tooltip_list a:hover {
  color: var(--purple);
}
.footer__services {
  margin-top: 19px;
}
@media (max-width: 1024px) {
  .footer__services {
    display: none;
  }
}
.footer__services-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.footer__services-item + .footer__services-item {
  margin-top: 10px;
}
.footer__mob-footer {
  display: none;
}
@media (max-width: 1024px) {
  .footer__mob-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
  }
  .footer__mob-footer .footer__agree,
  .footer__mob-footer .footer__copyright {
    display: block;
    margin-top: 0;
  }
}

.nm-footer {
  padding: 29px 0 0;
  border-top: 1px solid rgba(44, 41, 51, 0.2);
  background-color: #FFFFFF;
}
.nm-footer .nm-container {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
@media screen and (max-width: 1024px) {
  .nm-footer .nm-container {
    gap: 32px;
  }
}
.nm-footer__top {
  display: flex;
}
@media screen and (min-width: 1023px) {
  .nm-footer__top {
    gap: 45px;
  }
}
@media screen and (max-width: 1024px) {
  .nm-footer__top {
    flex-direction: column;
    gap: 32px;
  }
}
.nm-footer__info {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1023px) {
  .nm-footer__info {
    width: 379px;
    min-width: 379px;
  }
}
.nm-footer__info-logo {
  margin-bottom: 28px;
}
@media screen and (max-width: 1024px) {
  .nm-footer__info-logo {
    margin-bottom: 40px;
  }
}
.nm-footer__info-copyright {
  color: #2C2933;
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 1024px) {
  .nm-footer__info-copyright {
    font-size: 14px;
    line-height: 110%;
  }
}
.nm-footer__info-address {
  color: #2C2933;
  opacity: 0.5;
  font-size: 14px;
  line-height: 130%;
  margin: 16px 0;
}
@media screen and (max-width: 1024px) {
  .nm-footer__info-address {
    font-size: 12px;
    line-height: 120%;
  }
}
.nm-footer__info-document {
  color: #51338B;
  font-size: 14px;
  line-height: 130%;
  opacity: 0.5;
}
@media screen and (max-width: 1024px) {
  .nm-footer__info-document {
    font-size: 12px;
  }
}
.nm-footer a[type=tel] {
  color: #51338b;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .nm-footer a[type=tel] {
    font-size: 16px;
  }
}
.nm-footer__sitemap {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .nm-footer__sitemap {
    flex-wrap: wrap;
    gap: 32px 16px;
  }
}
.nm-footer__sitemap-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #51338B;
  font-size: 14px;
  line-height: 130%;
}
@media screen and (min-width: 1023px) {
  .nm-footer__sitemap-item {
    flex: 1;
  }
}
@media screen and (max-width: 1024px) {
  .nm-footer__sitemap-item {
    width: calc(50% - 8px);
  }
}
.nm-footer__sitemap-item ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nm-footer__sitemap-item div {
  font-weight: 600;
  margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
  .nm-footer__sitemap-item ul li a {
    font-size: 12px;
    line-height: 120%;
  }
}
.nm-footer__bottom {
  display: flex;
  gap: 78px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1199px) {
  .nm-footer__bottom {
    gap: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .nm-footer__bottom {
    gap: 24px;
  }
}
.nm-footer__bottom-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .nm-footer__bottom-item:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .nm-footer__bottom-item:nth-child(2), .nm-footer__bottom-item:nth-child(3) {
    margin-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .nm-footer__bottom-item:nth-child(2) svg, .nm-footer__bottom-item:nth-child(3) svg {
    width: 50%;
    height: 50%;
  }
}
.nm-footer__bottom-title {
  color: #51338B;
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
}
.nm-footer__contacts {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.nm-footer__contacts-item {
  padding: 13px 24px;
  border-radius: 8px;
  background: rgba(81, 51, 139, 0.1);
  color: #51338B;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  width: -moz-max-content;
  width: max-content;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1024px) {
  .nm-footer__contacts-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
  }
}
.nm-footer__contacts-item:hover {
  background-color: rgba(81, 51, 139, 0.2);
}
.nm-footer__contacts-item button {
  display: flex;
  align-items: center;
  gap: 16px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}
@media screen and (max-width: 1024px) {
  .nm-footer__contacts-item svg {
    display: none;
  }
}
.nm-footer__socials, .nm-footer__podcasts {
  display: flex;
  gap: 6px;
}
.nm-footer__socials-item, .nm-footer__podcasts-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12.8px;
  background: rgba(104, 54, 157, 0.1);
  width: 48px;
  height: 48px;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1024px) {
  .nm-footer__socials-item, .nm-footer__podcasts-item {
    width: 36px;
    height: 36px;
  }
}
.nm-footer__socials-item img, .nm-footer__podcasts-item img {
  display: block;
  border-style: none;
  max-width: 100%;
  width: 20px;
  aspect-ratio: auto 20/18;
  height: 18px;
}
.nm-footer__socials-item:hover, .nm-footer__podcasts-item:hover {
  background-color: rgba(81, 51, 139, 0.2);
}
.nm-footer__note {
  padding: 15px 0 29px;
  width: 100%;
  opacity: 0.5;
  color: #51338B;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  border-top: 1px solid rgba(81, 51, 139, 0.5);
}
@media screen and (max-width: 1024px) {
  .nm-footer__note {
    font-size: 12px;
    line-height: 120%;
  }
}

.nm-container {
  position: relative;
  margin: 0 auto;
  box-sizing: content-box;
  max-width: 1256px;
  padding: 0 72px;
}
@media screen and (max-width: 1199px) {
  .nm-container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1024px) {
  .nm-container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
  }
}

.nav {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 80px;
  z-index: 222;
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 1199px) {
  .nav {
    height: 72px;
  }
}
@media (max-width: 1199px) {
  .nav .container {
    height: 100%;
  }
}
.nav__desktop {
  width: 100%;
}
@media (max-width: 1199px) {
  .nav__desktop {
    display: none;
  }
}
.nav__mob {
  display: none;
}
@media (max-width: 1199px) {
  .nav__mob {
    display: block;
  }
}
@media (max-width: 1199px) {
  .nav__mob .wrapper {
    margin: 0;
    width: 100%;
  }
}
.nav__mob-close-layer {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.nav__mob-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}
.nav__mob-icons {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .nav__mob-icons {
    gap: 24px;
  }
  .nav__mob-icons img {
    width: 20px;
  }
}
.nav__mob-content {
  border-top: 1px solid var(--gray-light);
  background: var(--pink-super-light);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: calc(100vh - 72px);
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1;
}
@media (max-width: 767px) {
  .nav__mob-content {
    height: calc(100vh - 56px);
  }
}
.nav__mob-search {
  cursor: pointer;
}
.nav__mob-search .ui-search {
  max-width: 320px;
}
.nav__mob-search .ui-search input {
  background-color: transparent;
}
.nav__mob-links {
  margin-top: 60px;
}
.nav__mob-links_group.active .nav__mob-links_header {
  background: var(--white);
}
.nav__mob-links_group.active .nav__mob-links_btn {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.nav__mob-links_group.active .nav__mob-links_btn::before, .nav__mob-links_group.active .nav__mob-links_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.nav__mob-links_group.active .nav__mob-links_btn::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.nav__mob-links_group.active .nav__mob-links_btn {
  transform: rotate(90deg);
}
.nav__mob-links_group.active .nav__mob-links_body {
  display: block;
}
.nav__mob-links_header {
  border-top: 1px solid var(--gray-border);
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  margin: 0 -24px;
  gap: 8px;
}
.nav__mob-links_btn {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.nav__mob-links_btn::before, .nav__mob-links_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.nav__mob-links_btn::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.nav__mob-links_body {
  display: none;
  padding: 8px 0;
}
.nav__mob-category.active .nav__mob-category_header {
  color: var(--blue);
}
.nav__mob-category.active .nav__mob-category_btn {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.nav__mob-category.active .nav__mob-category_btn::before, .nav__mob-category.active .nav__mob-category_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.nav__mob-category.active .nav__mob-category_btn::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.nav__mob-category.active .nav__mob-category_btn {
  transform: rotate(90deg);
}
.nav__mob-category.active .nav__mob-category_body {
  display: block;
}
.nav__mob-category_header {
  padding: 8px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  gap: 8px;
}
.nav__mob-category_btn {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.nav__mob-category_btn::before, .nav__mob-category_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.nav__mob-category_btn::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.nav__mob-category_body {
  display: none;
  padding: 0 12px;
}
.nav__mob-category_body a {
  display: block;
}
.nav__mob-category_body a + a {
  margin-top: 10px;
}
.nav__mob-city {
  border-top: 1px solid var(--gray-border);
  border-bottom: 1px solid var(--gray-border);
  padding: 18px 24px;
  margin: 0 -24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}
.nav__mob-city_btn {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.nav__mob-city_btn::before, .nav__mob-city_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.nav__mob-city_btn::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.nav__mob-city_btn {
  transform: rotate(-180deg);
}
.nav__mob-phone_item {
  padding-top: 16px;
  font-size: 13px;
}
.nav__mob-phone_item a {
  font-weight: 600;
  font-size: 18px;
}
.nav__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--gray-border);
  padding-top: 7px;
}
.nav__top-links {
  display: flex;
  border-radius: 8px;
  background-color: #EDEAF3;
  margin-right: 24px;
}
@media screen and (max-width: 1199px) {
  .nav__top-links {
    padding: 1px;
    margin: 101px 16px 24px;
  }
}
.nav__top-link {
  display: flex;
  align-items: center;
  color: #51338B;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  padding: 11px;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .nav__top-link {
    width: 50%;
    background-color: #EDEAF3;
    justify-content: center;
  }
}
.nav__top-link.active {
  font-weight: 700;
  background-color: #ffffff;
  margin: 2px;
  border-radius: 6px;
  box-shadow: 0 4px 4px 0 rgba(117, 79, 143, 0.2);
}
.nav__top-link svg {
  margin-right: 4px;
}
.nav__cart-count {
  position: absolute;
  top: -3px;
  right: -5px;
  height: 14px;
  border-radius: 7px;
  min-width: 14px;
  font-size: 8px;
  line-height: 14px;
  font-weight: 500;
  color: var(--white);
  background: var(--main-1);
  text-align: center;
  padding: 0 3px;
}
.nav__top-link-dropdown-wrapper {
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  z-index: 1;
  overflow: hidden;
  max-height: 0;
  background: var(--white);
  border-radius: 0px 0px 10px 10px;
  transition: max-height 1s linear 0.5s, box-shadow 0.1s linear 1.4s;
}
.nav__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 11px;
  padding-top: 16px;
}
.nav__bottom-dropdown_root {
  width: 100%;
}
.nav__bottom-dropdown_root:first-child a {
  border-top: 0;
}
.nav__bottom-dropdown_root a {
  display: block;
}
.nav__bottom-links {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  .nav__bottom-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.nav__bottom-links a {
  color: #51338B;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 1199px) {
  .nav__bottom-links a {
    padding: 16px;
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #EDEAF3;
  }
}
.nav__bottom-dropdown {
  visibility: hidden;
  opacity: 0.5;
  transition: opacity 0.2s linear;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: var(--white);
  box-shadow: 0px 14px 10px 1px rgba(0, 0, 0, 0.06);
}
.nav__bottom-dropdown_root > a {
  position: relative;
}
.nav__bottom-dropdown_root.mouseenter .js-nav-dropdown::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--blue);
  position: absolute;
  left: 0;
  top: calc(100% + 21px);
}
.nav__bottom-dropdown_root.mouseenter .js-nav-dropdown::before {
  content: "";
  display: block;
  width: 100%;
  height: 200%;
  position: absolute;
  left: 0;
  top: 100%;
}
.nav__bottom-dropdown_root.mouseenter .nav__bottom-dropdown {
  visibility: visible;
  opacity: 1;
}
.nav__bottom-dropdown_container {
  padding: 24px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
.nav__bottom-dropdown ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.nav__bottom-dropdown ul li + li {
  margin-top: 12px;
}
.nav__bottom-dropdown ul li a {
  font-weight: 700;
  color: var(--checkbox-bg);
  font-size: 14px;
}
.nav__logo {
  width: 102px;
  height: 42px;
  margin-right: 30px;
}
.nav__logo img {
  width: 100%;
  height: 100%;
}
.nav__section {
  display: flex;
}
@media screen and (max-width: 1199px) {
  .nav__section {
    flex-direction: column;
    background-color: #ffffff;
    padding-top: 19px;
  }
}
.nav__btn {
  height: 32px;
  margin-top: 6px;
}
@media (max-width: 1336px) {
  .nav__btn {
    width: 24px;
    height: 24px;
    padding: 0;
    font-size: 0;
    justify-content: center;
  }
  .nav__btn > svg {
    transform: translateX(-1px);
    width: 14px;
    height: auto;
  }
  .nav__btn-text {
    display: none;
  }
}
.nav__section-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.nav__search {
  cursor: pointer;
  z-index: 100;
}
@media screen and (min-width: 1200px) {
  .nav__search {
    position: absolute;
    right: 69px;
    display: none;
    width: 50%;
    top: calc(50% - 2px);
    transform: translateY(-50%);
  }
}
.nav__search-closeLayer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: calc(100vh - 100%);
  background: rgba(0, 0, 0, 0.3);
}
.nav__search-header {
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
}
.nav__search-header input {
  background-color: transparent;
  border: none;
  color: #51338B;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  outline: none;
  padding: 0 13px;
  height: 44px;
  width: 100%;
}
.nav__search-header input::-moz-placeholder {
  color: #A899C5;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
.nav__search-header input::placeholder {
  color: #A899C5;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
.nav__search-buttons {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.nav__search-btn {
  cursor: pointer;
  line-height: 0;
}
.nav__search-body {
  display: none;
  position: absolute;
  width: 100%;
  margin-top: 16px;
}
.nav__search-result {
  width: 330px;
  flex-shrink: 0;
  padding-right: 30px;
  border-right: 1px solid var(--gray-light);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .nav__search-result {
    width: 100%;
    padding-right: 0px;
  }
}
.nav__search-result_block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .nav__search-result_block {
    font-size: 14px;
    line-height: 140%;
  }
}
.nav__search-result_title {
  font-weight: 600;
}
.nav__search-result_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nav__search-result_list a:hover {
  color: var(--blue);
}
.nav__search-categories {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .nav__search-categories {
    padding-left: 0;
  }
}
.nav__search-categories_title {
  font-weight: 500;
}
.nav__search-categories_container {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 360px;
}
.nav__search-categories_item {
  width: 108px;
  flex-shrink: 0;
}
.nav__search-categories_ico {
  height: 84px;
}
.nav__search-categories_ico img {
  max-width: 100%;
  max-height: 100%;
}
.nav__search-categories_text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nav__search-mob {
  line-height: 0;
  cursor: pointer;
}
.nav__search-mob svg {
  fill: #fff;
}
.nav__cart-close-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
}
.nav__cart-title {
  font-weight: 600;
  font-size: 20px;
  padding: 0 8px 45px;
  display: none;
}
@media (max-width: 1024px) {
  .nav__cart-title {
    display: block;
  }
}
.nav__cart-close {
  display: none;
}
@media (max-width: 1024px) {
  .nav__cart-close {
    display: block;
    position: absolute;
    top: 29px;
    right: 19px;
    width: 18px;
    height: 18px;
    cursor: pointer;
  }
  .nav__cart-close::before, .nav__cart-close::after {
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: var(--gray-dark);
    position: absolute;
    left: -2px;
    top: 7px;
    transform: rotate(45deg);
  }
  .nav__cart-close::after {
    transform: rotate(-45deg);
  }
}
.nav__cart {
  max-width: 650px;
  padding: 24px 32px;
  border-radius: 16px;
  background: var(--white);
  color: var(--gray-dark);
  position: absolute;
  top: 47px;
  right: calc((100% - 1268px) / 2);
  z-index: 10;
  filter: drop-shadow(0px 4px 40px rgba(0, 0, 0, 0.06));
}
@media (max-width: 1440px) {
  .nav__cart {
    right: var(--wrapper-margin);
  }
}
@media (max-width: 1024px) {
  .nav__cart {
    right: 0;
    top: auto;
    bottom: 0;
    position: fixed;
    max-width: none;
    width: 100%;
    padding: 30px 8px;
    border-radius: 24px 24px 0 0;
  }
}
.nav__cart .cart__product + .cart__product {
  border: none;
}
@media (max-width: 1024px) {
  .nav__cart .head-basket-empty {
    padding: 0 8px;
  }
}
@media (max-width: 1024px) {
  .nav__cart .cart__header {
    margin-bottom: 24px;
    padding: 0 8px;
  }
}
@media (max-width: 1024px) {
  .nav__cart .cart__header + .cart__products {
    width: 100%;
    margin: 0;
    border: none;
    padding: 0 8px;
  }
}
.nav__cart-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {
  .nav__cart-content {
    overflow-y: scroll;
    max-height: calc(80vh - 150px);
    padding: 0 8px;
    gap: 20px;
  }
}
.nav__cart-total {
  margin-top: 16px;
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  text-align: right;
}
@media (max-width: 1024px) {
  .nav__cart-total {
    text-align: left;
  }
}
.nav__cart-buttons {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .nav__cart-buttons {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .nav__cart-buttons .btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .nav__cart-buttons .btn:first-child {
    order: 1;
  }
}
.nav__cart .cart__product {
  padding: 0;
  gap: 8px;
}
@media (max-width: 767px) {
  .nav__cart .cart__product {
    gap: 4px;
  }
}
.nav__cart .cart__product-total {
  gap: 8px;
}
.nav__cart .cart__product-label {
  height: 32px;
}
.nav__cart .cart__product-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .nav__cart .cart__product-name {
    font-size: 13px;
    line-height: 130%;
  }
}
.nav__cart .cart__product-descr {
  font-size: 14px;
}
@media (max-width: 767px) {
  .nav__cart .cart__product-descr {
    font-size: 13px;
  }
}
.nav__cart .cart__product-price_new {
  font-size: 18px;
}
@media (max-width: 767px) {
  .nav__cart .cart__product-price_new {
    font-size: 14px;
  }
}
.nav__cart .cart__product-price_old {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .nav__cart .cart__product-price_old {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 1024px) {
  .nav__cart .cart__product-del {
    top: 2px;
    right: -7px;
  }
}

.nm-header__burger {
  position: relative;
  display: none;
  cursor: pointer;
  width: 36px;
  height: 36px;
  background-color: #EDEAF3;
  border-radius: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 1199px) {
  .nm-header__burger {
    display: block;
  }
}
.nm-header__burger:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2H16' stroke='%2351338B' stroke-width='1.5'/%3E%3Cpath d='M0 8H16' stroke='%2351338B' stroke-width='1.5'/%3E%3Cpath d='M0 14H16' stroke='%2351338B' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.nm-header__burger._active:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L14.0029 14.0029' stroke='%2351338B' stroke-width='1.5'/%3E%3Cpath d='M1.99609 14.0029L13.999 2' stroke='%2351338B' stroke-width='1.5'/%3E%3C/svg%3E");
}
.nm-header__search {
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .nm-header__search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    background-color: #F8F7FB;
  }
}
.nm-header__search-decor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F8F7FB;
  border-radius: 8px;
}
@media screen and (max-width: 1199px) {
  .nm-header__search-decor {
    border: 2px solid #EDEAF3;
    position: relative;
  }
}
@media screen and (max-width: 1199px) {
  .nm-header__search-img {
    position: absolute;
    right: 0;
    top: 50%;
    width: 44px;
    height: 44px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.nm-header__search-input {
  display: none;
  width: calc(100% - 44px);
}
@media screen and (max-width: 1199px) {
  .nm-header__search-input {
    display: block;
  }
}
.nm-header__search-input input {
  background-color: transparent;
  border: none;
  color: #51338B;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  outline: none;
  padding: 0 13px;
  height: 44px;
  width: 100%;
}
.nm-header__search-input input::-moz-placeholder {
  color: #A899C5;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
.nm-header__search-input input::placeholder {
  color: #A899C5;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
.nm-header__search-body {
  display: none;
  position: absolute;
  top: calc(100% + 18px);
  cursor: auto;
  width: 100%;
}
.nm-header__search-body._show {
  display: block;
}
.nm-header__search-content {
  padding: 8px 16px;
  border-radius: 8px;
  background-color: #ffffff;
}
.nm-header__search-content--title {
  color: #51338B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 16px 0;
}
.nm-header__search-content ul {
  margin: 0;
  list-style: none;
  padding: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nm-header__search-content ul li {
  transition: all 0.2s ease;
  width: 100%;
}
.nm-header__search-content ul li:hover {
  background-color: #E8E2F4;
}
.nm-header__search-content ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.nm-header__search-content ul li a div {
  color: #51338B;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}
.nm-header__search-content ul li a div b {
  text-decoration: underline;
  font-weight: 700;
}
.nm-header__search-content ul li img {
  width: 36px;
  height: 36px;
}
.nm-header__search-content ul li span {
  color: #51338B;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}
.nm-header__search-content--note {
  padding-bottom: 24px;
  border-top: 1px solid #E8E2F4;
}
.nm-header__search-content--note a {
  display: block;
  color: #51338B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.nm-header__search-content--note a:not(:last-child) {
  margin-bottom: 8px;
}
.nm-header__links {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 1199px) {
  .nm-header__links {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.nm-header__links-item {
  color: #51338B;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 1199px) {
  .nm-header__links-item {
    padding: 16px;
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #EDEAF3;
  }
}
.nm-header-content {
  padding: 8px 16px;
  border-radius: 8px;
  background-color: #ffffff;
}
.nm-header-content--title {
  color: #51338B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 16px 0;
}
.nm-header-content ul {
  padding: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nm-header-content ul li {
  transition: all 0.2s ease;
  width: 100%;
  padding: 8px 0;
}
.nm-header-content ul li:hover {
  background-color: #E8E2F4;
}
.nm-header-content ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nm-header-content ul li a div {
  color: #51338B;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%; /* 19.2px */
}
.nm-header-content ul li img {
  width: 36px;
  height: 36px;
}
.nm-header-content ul li span {
  color: #51338B;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}
.nm-header-content--note {
  padding-bottom: 24px;
  border-top: 1px solid #E8E2F4;
}
.nm-header-content--note a {
  display: block;
  color: #51338B;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.nm-header-content--note a:not(:last-child) {
  margin-bottom: 8px;
}

.nm-toggle__btn {
  position: relative;
  padding-right: 8px;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .nm-toggle__btn {
    padding-right: 0;
  }
}
.nm-toggle__btn._active {
  background-color: #F8F7FB;
}
.nm-toggle__btn._active:before {
  transform: rotate(180deg) translateY(calc(-50% + 7px));
}
@media screen and (max-width: 1199px) {
  .nm-toggle__btn._active:before {
    transform: rotate(180deg);
  }
}
.nm-toggle__btn:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 9px;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M9 3L5.5 7L2 3' stroke='%2351338B' stroke-width='1.6' stroke-linecap='square'/%3E%3C/svg%3E");
  transition: all 0.2s ease;
}
@media screen and (max-width: 1199px) {
  .nm-toggle__btn:before {
    right: 16px;
    top: 21px;
    transform: none;
  }
}
.nm-toggle__btn._active .nm-toggle__content {
  max-height: 1000px;
  visibility: visible;
  opacity: 1;
  margin-top: 16px;
  padding: 16px 12px;
}

.nm-toggle__content {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  border-radius: 8px;
  border: 1px solid #E8E2F4;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(117, 79, 143, 0.2);
  padding: 16px 12px;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .nm-toggle__content {
    position: absolute;
    left: -100px;
    top: calc(100% + 12px);
    width: 303px;
  }
}
@media screen and (max-width: 1199px) {
  .nm-toggle__content {
    padding: 0 12px;
    border: none;
    width: calc(100% - 16px);
  }
}
.nm-toggle__content ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}
.nm-toggle__content ul li {
  color: #2C2933;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  transition: background-color 0.2s ease;
  padding: 8px 4px;
}
.nm-toggle__content ul li:hover {
  background-color: #E8E2F4;
}

.nav__mob-content .nav__logo {
  display: none;
}
.nav__mob-content .nav__top-links {
  margin-top: 0;
}
.nav__mob-content .wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
}
.nav__mob-content .nav__bottom {
  flex-direction: column;
}
.nav__mob-content .nav__search {
  position: absolute;
  top: 16px;
  width: 100%;
  padding: 0 16px;
}
.nav__mob-content .nav__search-header {
  background-color: transparent;
}
.nav__mob-content .nav__search-header input {
  border: 2px solid #EDEAF3;
  border-radius: 8px;
}
.nav__mob-content .nav__section {
  width: 100%;
  margin-top: 60px;
}
.nav__mob-content .nav__section-right {
  width: 100%;
  justify-content: flex-start;
}
.nav__mob-content .nav__section-right > div {
  width: 100%;
}
.nav__mob-content .nav__search-buttons {
  top: 50%;
  transform: translateY(-50%);
}
.nav__mob-content .js-nav-search-open {
  display: none;
}
.nav__mob-content .nm-toggle__content a {
  border: none;
  color: #51338B;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
}

@media screen and (max-width: 1199px) {
  .menu-visible {
    overflow: hidden;
  }
  .menu-visible .nav__mob-content {
    transform: translateX(0%);
  }
  .menu-visible .nav__mob-close-layer {
    opacity: 1;
    pointer-events: all;
  }
  .menu-visible .nav__mob-toggle {
    position: relative;
  }
  .menu-visible .nav__mob-toggle li {
    width: 100%;
    position: absolute;
    transform: rotate(45deg);
  }
  .menu-visible .nav__mob-toggle li:nth-child(2) {
    transform: rotate(-45deg);
  }
  .menu-visible .nav__mob-toggle li:nth-child(3) {
    display: none;
  }
}

.container {
  position: relative;
  margin: 0 auto;
  box-sizing: content-box;
  max-width: 1256px;
  padding: 0 72px;
  width: 100%;
}
@media (max-width: 1199px) {
  .container {
    box-sizing: border-box;
    padding: 0 16px;
  }
}

.popup--open body {
  overflow: hidden;
}
.popup--open .popup__root {
  display: flex;
}
.popup--open nav:before,
.popup--open .root:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1000vh;
  background-color: rgba(81, 51, 139, 0.5019607843);
  z-index: 90;
}
.popup__root {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  display: none;
  z-index: 1000;
  padding: 100px 0;
  overflow: auto;
  gap: 16px;
}
.popup__close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.popup__close:hover::before, .popup__close:hover::after {
  background: var(--purple);
}
.popup__close::before, .popup__close::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--checkbox-bg);
  position: absolute;
  left: 0;
  top: 5px;
  transform: rotate(45deg);
}
.popup__close::after {
  transform: rotate(-45deg);
}
.popup__title {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  text-align: center;
  margin-bottom: 32px;
  color: var(--black);
}
.popup__title--big {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .popup__title--big {
    font-size: 20px;
    line-height: 150%;
  }
}
.popup__subtitle {
  font-weight: 500;
  font-size: 18px;
}
.popup__text {
  margin-top: 16px;
  font-size: 16px;
  line-height: 130%;
}
.popup__text p + p {
  margin-top: 12px;
}
.popup__attation {
  margin-top: 12px;
  color: var(--gray);
}
.popup__form-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}
.popup__form-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.popup__form-block.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
}
@media (max-width: 767px) {
  .popup__form-block.grid-2 {
    display: flex;
  }
}
.popup__form-block + .popup__form-title {
  margin-top: 32px;
}
.popup__form-block .input__title:empty {
  display: none;
}
.popup__form-block input {
  height: 48px !important;
  font-size: 14px !important;
}
.popup__buttons {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  width: -moz-max-content;
  width: max-content;
}
.popup__buttons input {
  text-align: center;
}
.popup__buttons .btn--lg {
  max-width: 270px;
}
.popup__buttons .btn--full {
  max-width: none;
}
.popup__buttons .btn {
  border-radius: 8px;
}
@media (max-width: 767px) {
  .popup__buttons .btn {
    width: 100% !important;
    max-width: none;
  }
}
.popup__footer {
  margin-top: 12px;
  font-size: 12px;
}
.popup__footer a {
  text-decoration: underline;
}
.popup__body {
  padding: 48px 24px;
  position: relative;
  max-width: 400px;
  width: calc(100% - 40px);
  background: var(--white);
  border-radius: 16px;
  display: none;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .popup__body {
    padding: 60px 16px 24px;
  }
}
.popup__body#review {
  padding: 40px 32px;
  max-width: 830px;
}
.popup__btn {
  padding: 7px 14px;
  height: auto;
  min-height: 48px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
}
.popup__btn.btn--blue-border {
  padding: 6px 24px;
}
.popup__toggle {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.popup__toggle-item {
  cursor: pointer;
  font-size: 13px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.popup__action {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.popup__action .popup__btn {
  display: grid;
  grid-template-columns: 32px 1fr;
  border-radius: 20px;
  padding-left: 12px;
  padding-right: 24px;
}
.popup__action .popup__btn:before {
  position: relative;
  content: "";
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%2351338B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 14px;
}
.popup__action-item {
  font-weight: 500;
  cursor: pointer;
}
.popup__products {
  display: flex;
  gap: 16px;
  overflow-x: scroll;
  padding-bottom: 24px;
}
.popup__products .card {
  min-width: 260px;
}
.popup__review-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 767px) {
  .popup__review-title {
    font-size: 22px;
  }
}
.popup__review-product {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 48px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .popup__review-product {
    gap: 16px;
    margin-top: 24px;
    margin-bottom: 24px;
    flex-direction: column;
  }
}
.popup__review-product_image {
  width: 149px;
  height: 149px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup__review-product_image img {
  max-width: 100%;
  max-height: 100%;
}
.popup__review-product_name {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
}
@media (max-width: 767px) {
  .popup__review-product_name {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
  }
}
.popup__review .popup__btn {
  margin: 40px auto 0;
}
.popup--product {
  max-width: 945px;
}
.popup--product .popup__title {
  font-size: 26px;
  text-align: left;
  max-width: 500px;
}
@media (max-width: 767px) {
  .popup--product .popup__title {
    font-size: 20px;
  }
}
.popup--product .popup__buttons {
  justify-content: flex-end;
}
.popup--product .popup__buttons .btn {
  width: 226px;
  flex-shrink: 0;
}
.popup--product .cart__product-del {
  display: none;
}
.popup--product .cart__product-descr {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .popup--product .cart__product {
    padding: 20px 0px;
  }
  .popup--product .cart__product-label {
    margin: 0px 0px 8px;
    order: 1;
  }
  .popup--product .cart__product-img {
    min-width: 108px;
  }
}
.popup__request .popup__title {
  font-size: 26px;
  text-align: left;
  max-width: none;
}
@media (max-width: 767px) {
  .popup__request .popup__title {
    font-size: 20px;
  }
}
.popup__city {
  max-width: 684px;
}
.popup__city .popup__title {
  text-align: left;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .popup__city .popup__title {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .popup__city .popup__attation {
    text-align: center;
  }
}
.popup__city-body {
  margin-top: 24px;
}
.popup__city-auto {
  margin-top: 12px;
  font-weight: 600;
  font-size: 12px;
  color: var(--blue);
  cursor: pointer;
}
.popup__city-container {
  margin-top: 29px;
  min-height: 250px;
}
.popup__city-total {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 767px) {
  .popup__city-total {
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
  }
}
.popup__city-total ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.popup__city-total ul li {
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}
.popup__city-total ul li.active {
  font-weight: 700;
  color: var(--purple);
}
.popup__city-total ul li.active::after {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}
.popup__city-total ul li + li {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .popup__city-total ul li + li {
    margin-top: 5px;
  }
}
.popup__city-result {
  height: 250px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.popup__city-result_item {
  cursor: pointer;
}
.popup__delivery {
  margin-top: 24px;
}
.popup__delivery-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
}
.popup__delivery-container {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1023px) {
  .popup__delivery-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .popup__delivery-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
}
.popup__delivery-container + .popup__delivery-title {
  margin-top: 24px;
}
.popup__delivery-item {
  padding: 24px;
  border-radius: 16px;
}
.popup__delivery-item_title {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.popup__delivery-item_price {
  margin-top: 16px;
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
.popup__delivery-item_condition {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.popup__delivery-other {
  margin-top: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  cursor: pointer;
  color: var(--purple-dark);
}
.popup__delivery-info {
  margin-top: 24px;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: var(--gray);
}
.popup__delivery-select {
  max-width: 509px;
}
.popup__delivery-result {
  margin-top: 32px;
  display: flex;
  gap: 65px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .popup__delivery-result {
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }
}
.popup__delivery-result_item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .popup__delivery-result_item {
    gap: 4px;
  }
}
.popup__delivery-result_summ {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .popup__delivery-result_summ {
    font-size: 14px;
    line-height: 140%;
  }
}
.popup__delivery-result_price {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .popup__delivery-result_price {
    font-size: 18px;
  }
}
.popup__delivery-pickup {
  margin-top: 32px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .popup__delivery-pickup {
    margin-top: 24px;
  }
}
.popup__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.popup__success {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup__count {
  position: absolute;
  left: 30px;
  top: 30px;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}

.popup__quiz .popup__ui {
  margin-top: 24px;
}
.popup__quiz .popup__ui .ui-chekbox {
  margin-top: 15px;
}
.popup__quiz .popup__ui .ui-chekbox .ui-chekbox__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.popup__quiz .popup__ui .radio {
  margin-top: 15px;
}
.popup__quiz .popup__ui .radio .radio__ico {
  min-width: 16px;
  min-height: 16px;
}
.popup__quiz .popup__ui .radio .radio__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.popup__quiz .popup__ui label {
  align-items: center;
}
.popup__quiz {
  max-width: 800px;
  padding: 100px;
}
.popup__quiz .popup__title {
  color: var(--purple);
  font-size: 45px;
  font-weight: 700;
  line-height: 54px;
  text-align: left;
  margin-bottom: 36px;
}
.popup__quiz .popup__subtitle {
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 24px;
}
.popup__quiz .popup__content .popup__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 0;
}
.popup__quiz .popup__content .popup__text p {
  margin-top: 20px;
}
.popup__quiz .popup__content .popup__subtext {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px;
}
.popup__quiz .popup__content .popup__subtext a {
  text-decoration: underline;
  color: #2B3C90;
}
.popup__quiz .popup__buttons {
  margin-top: 60px;
  gap: 20px;
  flex-wrap: nowrap;
}
.popup__quiz .popup__buttons .btn {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  width: 50%;
  margin-right: auto;
}

.popup__buttons .btn--purple[disabled] {
  background-color: #DFDFDF;
  color: #3C3C3C;
}

@media (max-width: 1024px) {
  .popup__quiz {
    max-width: 624px;
    padding: 80px;
  }
  .popup__quiz .popup__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px;
  }
  .popup__quiz .popup__content .popup__subtitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }
  .popup__quiz .popup__content .popup__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .popup__quiz .popup__content .popup__subtext {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 16px;
  }
  .popup__quiz .popup__buttons {
    gap: 12px;
    margin-top: 40px;
  }
  .popup__quiz .popup__buttons .btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .popup__quiz .popup__ui .ui-chekbox .ui-chekbox__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .popup__quiz .popup__ui .radio .radio__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .popup__count {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .popup__quiz {
    padding: 20px 12px;
  }
  .popup__quiz .popup__title {
    margin-bottom: 24px;
  }
  .popup__quiz .popup__subtitle {
    margin-bottom: 20px;
  }
  .popup__quiz .popup__buttons {
    flex-wrap: wrap;
    margin-top: 32px;
  }
  .popup__count {
    top: 20px;
    left: 12px;
  }
}
.input.error .ui-selectmenu-button,
.input.error .ui-multiselect,
.input.error textarea,
.input.error input {
  border-color: var(--error) !important;
}
.input.error .input__error {
  display: block !important;
}
.input--half {
  width: calc(50% - 8px);
}
@media (max-width: 767px) {
  .input--half {
    width: 100%;
  }
}
.input--third {
  width: calc(33.33% - 11px);
}
@media (max-width: 767px) {
  .input--third {
    width: 100%;
  }
}
.input--full {
  width: 100%;
}
.input__title {
  font-weight: 500;
  font-size: 12px;
  color: var(--input-title);
  margin-bottom: 9px;
}
.input__title sup {
  line-height: 0;
  color: var(--error);
}
.input__body {
  position: relative;
}
.input__body textarea,
.input__body input[type=password],
.input__body input[type=text],
.input__body input[type=email] {
  width: 100%;
  padding: 16px;
  resize: none;
  border: 1px solid var(--gray-border);
  border-radius: 6px;
  outline: none;
  background: var(--white);
  box-shadow: none;
  height: 56px;
  font-size: 16px;
  line-height: 130%;
  font-family: inherit;
}
@media (max-width: 767px) {
  .input__body textarea,
  .input__body input[type=password],
  .input__body input[type=text],
  .input__body input[type=email] {
    font-size: 13px;
    padding: 12px;
  }
}
.input__body textarea::-moz-placeholder, .input__body input[type=password]::-moz-placeholder, .input__body input[type=text]::-moz-placeholder, .input__body input[type=email]::-moz-placeholder {
  color: var(--gray);
}
.input__body textarea::placeholder,
.input__body input[type=password]::placeholder,
.input__body input[type=text]::placeholder,
.input__body input[type=email]::placeholder {
  color: var(--gray);
}
.input__body textarea {
  height: 176px;
}
.input__ico {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.input__checkbox {
  padding: 5px 0;
}
.input__checkbox + .input__checkbox {
  margin-top: 4px;
}
.input__checkbox.disabled {
  color: var(--checkbox-disabled-text);
}
.input__checkbox.disabled .input__checkbox-icon {
  border: 1px solid var(--checkbox-disabled);
  background-color: var(--checkbox-disabled-bg);
}
.input__checkbox.disabled input:checked + .input__checkbox-icon {
  background-color: var(--checkbox-disabled);
  border: 1px solid var(--checkbox-disabled);
}
.input__checkbox.error {
  color: var(--error);
}
.input__checkbox.error .input__checkbox-icon {
  border: 1px solid var(--error);
}
.input__checkbox.error input:checked + .input__checkbox-icon {
  background-color: var(--error);
}
.input__checkbox input {
  display: none;
}
.input__checkbox input:checked + .input__checkbox-icon {
  border: 1px solid var(--checkbox-bg);
  background: var(--checkbox-bg);
}
.input__checkbox input:checked + .input__checkbox-icon::before {
  content: "";
  display: block;
  width: 3px;
  height: 6px;
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(45deg) translate(-100%, -30%);
}
.input__checkbox label {
  cursor: pointer;
  display: flex;
  gap: 12px;
}
@media (max-width: 1023px) {
  .input__checkbox-label {
    font-size: 12px;
  }
}
.input__checkbox-label a {
  color: var(--blue);
  text-decoration: underline;
}
.input__checkbox-icon {
  margin-top: 2px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: 1px solid var(--checkbox-border);
  border-radius: 3px;
  position: relative;
  background: var(--white);
}
.input__text.disabled input {
  opacity: 0.5;
  pointer-events: none;
}
.input__password-toggle {
  cursor: pointer;
}
.input__error {
  display: none;
  color: var(--error);
}
.input__rating {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 8px;
}
.input__rating input {
  display: none;
}
.input__rating input:checked ~ label {
  background-image: url("/assets/images/icons/star-active.svg");
}
.input__rating label {
  width: 37px;
  height: 37px;
  background-image: url("/assets/images/icons/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.quick-locations {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-bottom: 9px;
}

.switcher {
  display: inline-block;
}
.switcher input {
  display: none;
}
.switcher input:checked + .switcher__icon {
  background: var(--purple);
}
.switcher input:checked + .switcher__icon::before {
  left: calc(100% - 30px);
}
.switcher label {
  cursor: pointer;
}
.switcher__icon {
  display: block;
  position: relative;
  width: 56px;
  height: 32px;
  border-radius: 16px;
  background: var(--switcher-bg);
  transition: all 0.2s;
}
.switcher__icon::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: all 0.2s;
  box-shadow: 0px 2.5px 6.66667px rgba(0, 0, 0, 0.1), 0px 0.833333px 0.833333px rgba(0, 0, 0, 0.01), 0px 2.5px 0.833333px rgba(0, 0, 0, 0.03);
  background: var(--white);
}

.ui-range-age {
  margin-top: 12px;
}

.ui-range-age__label {
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: var(--white);
  border: 1px solid var(--gray);
  border-radius: 4px;
  height: 44px;
  box-shadow: none;
  outline: 0;
  width: 100%;
}

.ui-range__input input {
  font-family: inherit;
}

.ui-range-age__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
}
.ui-range-age__input .ui-selectmenu-button,
.ui-range-age__input .ui-multiselect,
.ui-range-age__input textarea,
.ui-range-age__input input {
  border-color: var(--error) !important;
}
.ui-range-age__input .input__error {
  display: block !important;
}
.ui-range-age__input--half {
  width: calc(50% - 8px);
}
@media (max-width: 767px) {
  .ui-range-age__input--half {
    width: 100%;
  }
}
.ui-range-age__input--third {
  width: calc(33.33% - 11px);
}
@media (max-width: 767px) {
  .ui-range-age__input--third {
    width: 100%;
  }
}
.ui-range-age__input--full {
  width: 100%;
}
.ui-range-age__input__title {
  font-weight: 500;
  font-size: 12px;
  color: var(--input-title);
  margin-bottom: 9px;
}
.ui-range-age__input__title sup {
  line-height: 0;
  color: var(--error);
}
.ui-range-age__input__body {
  position: relative;
}
.ui-range-age__input__body textarea,
.ui-range-age__input__body input[type=password],
.ui-range-age__input__body input[type=text],
.ui-range-age__input__body input[type=email] {
  width: 100%;
  padding: 16px;
  resize: none;
  border: 1px solid var(--gray-border);
  border-radius: 6px;
  outline: none;
  background: var(--white);
  box-shadow: none;
  height: 56px;
  font-size: 16px;
  line-height: 130%;
  font-family: inherit;
}
@media (max-width: 767px) {
  .ui-range-age__input__body textarea,
  .ui-range-age__input__body input[type=password],
  .ui-range-age__input__body input[type=text],
  .ui-range-age__input__body input[type=email] {
    font-size: 13px;
    padding: 12px;
  }
}
.ui-range-age__input__body textarea::-moz-placeholder, .ui-range-age__input__body input[type=password]::-moz-placeholder, .ui-range-age__input__body input[type=text]::-moz-placeholder, .ui-range-age__input__body input[type=email]::-moz-placeholder {
  color: var(--gray);
}
.ui-range-age__input__body textarea::placeholder,
.ui-range-age__input__body input[type=password]::placeholder,
.ui-range-age__input__body input[type=text]::placeholder,
.ui-range-age__input__body input[type=email]::placeholder {
  color: var(--gray);
}
.ui-range-age__input__body textarea {
  height: 176px;
}
.ui-range-age__input__ico {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.ui-range-age__input__checkbox {
  padding: 5px 0;
}
.ui-range-age__input__checkbox + .ui-range-age__input__checkbox {
  margin-top: 4px;
}
.ui-range-age__input__checkbox.disabled {
  color: var(--checkbox-disabled-text);
}
.ui-range-age__input__checkbox.disabled .input__checkbox-icon {
  border: 1px solid var(--checkbox-disabled);
  background-color: var(--checkbox-disabled-bg);
}
.ui-range-age__input__checkbox.disabled input:checked + .input__checkbox-icon {
  background-color: var(--checkbox-disabled);
  border: 1px solid var(--checkbox-disabled);
}
.ui-range-age__input__checkbox.error {
  color: var(--error);
}
.ui-range-age__input__checkbox.error .input__checkbox-icon {
  border: 1px solid var(--error);
}
.ui-range-age__input__checkbox.error input:checked + .input__checkbox-icon {
  background-color: var(--error);
}
.ui-range-age__input__checkbox input {
  display: none;
}
.ui-range-age__input__checkbox input:checked + .input__checkbox-icon {
  border: 1px solid var(--checkbox-bg);
  background: var(--checkbox-bg);
}
.ui-range-age__input__checkbox input:checked + .input__checkbox-icon::before {
  content: "";
  display: block;
  width: 3px;
  height: 6px;
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(45deg) translate(-100%, -30%);
}
.ui-range-age__input__checkbox label {
  cursor: pointer;
  display: flex;
  gap: 12px;
}
@media (max-width: 1023px) {
  .ui-range-age__input__checkbox-label {
    font-size: 12px;
  }
}
.ui-range-age__input__checkbox-label a {
  color: var(--blue);
  text-decoration: underline;
}
.ui-range-age__input__checkbox-icon {
  margin-top: 2px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: 1px solid var(--checkbox-border);
  border-radius: 3px;
  position: relative;
  background: var(--white);
}
.ui-range-age__input__text.disabled input {
  opacity: 0.5;
  pointer-events: none;
}
.ui-range-age__input__password-toggle {
  cursor: pointer;
}
.ui-range-age__input__error {
  display: none;
  color: var(--error);
}
.ui-range-age__input__rating {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 8px;
}
.ui-range-age__input__rating input {
  display: none;
}
.ui-range-age__input__rating input:checked ~ label {
  background-image: url("/assets/images/icons/star-active.svg");
}
.ui-range-age__input__rating label {
  width: 37px;
  height: 37px;
  background-image: url("/assets/images/icons/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.quick-locations {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-bottom: 9px;
}

.switcher {
  display: inline-block;
}
.switcher input {
  display: none;
}
.switcher input:checked + .switcher__icon {
  background: var(--purple);
}
.switcher input:checked + .switcher__icon::before {
  left: calc(100% - 30px);
}
.switcher label {
  cursor: pointer;
}
.switcher__icon {
  display: block;
  position: relative;
  width: 56px;
  height: 32px;
  border-radius: 16px;
  background: var(--switcher-bg);
  transition: all 0.2s;
}
.switcher__icon::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: all 0.2s;
  box-shadow: 0px 2.5px 6.66667px rgba(0, 0, 0, 0.1), 0px 0.833333px 0.833333px rgba(0, 0, 0, 0.01), 0px 2.5px 0.833333px rgba(0, 0, 0, 0.03);
  background: var(--white);
}

.ui-range-age {
  margin-top: 12px;
}

.ui-range-age__label {
  display: flex;
  align-items: center;
  padding: 0 12px;
  background: var(--white);
  border: 1px solid var(--gray);
  border-radius: 4px;
  height: 44px;
  box-shadow: none;
  outline: 0;
  width: 100%;
}

.ui-range__input input {
  font-family: inherit;
}

.ui-range-age__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
}

.radio-button {
  display: inline-block;
  background: var(--white);
  border: 1px solid var(--gray-border);
  border-radius: 24px;
}
.radio-button--big {
  border-radius: 6px;
}
.radio-button--big label {
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}
.radio-button input {
  display: none;
}
.radio-button input:checked + .radio-button__ico {
  border-color: var(--radio-bg);
}
.radio-button input:checked + .radio-button__ico::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: var(--radio-bg);
}
.radio-button label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 21px;
  text-align: center;
  padding: 15px 16px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .radio-button label {
    padding: 12px 16px;
    gap: 16px;
  }
}
.radio-button__text {
  font-weight: 500;
}
@media (max-width: 767px) {
  .radio-button__text {
    font-size: 12px;
  }
}
.radio-button__ico {
  width: 20px;
  height: 20px;
  background: var(--white);
  border: 1px solid var(--checkbox-border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radio {
  width: 100%;
}
.radio input {
  display: none;
}
.radio input:checked + .radio__ico {
  border-color: var(--radio-bg);
}
.radio input:checked + .radio__ico::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background: var(--radio-bg);
}
.radio label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.radio__text {
  font-size: 16px;
  line-height: 130%;
}
.radio__ico {
  width: 16px;
  height: 16px;
  background: var(--white);
  border: 1px solid var(--checkbox-border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-simple-slider img {
  max-width: 100%;
}

.ui-table {
  margin: 10px 0;
  padding: 10px var(--wrapper-margin);
  width: calc(100% + var(--wrapper-margin) * 2);
  margin-left: calc(0px - var(--wrapper-margin));
}
@media (max-width: 1024px) {
  .ui-table {
    overflow-x: scroll;
  }
}
.ui-table table, .ui-table tbody, .ui-table td, .ui-table tfoot, .ui-table th, .ui-table thead, .ui-table time, .ui-table tr, .ui-table tt {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.ui-table table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ui-table th, .ui-table tfoot {
  border: 1px solid;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}
.ui-table td {
  border: 1px solid;
  text-align: center;
  min-width: 150px;
  padding: 2px;
}

.ui-arrow-box {
  color: #4a2a80;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  background: #f5efff;
  border-radius: 20px;
  padding: 10px;
  min-height: 116px;
  text-align: center;
  border: 2px solid #decbff;
}
.ui-arrow-box:before, .ui-arrow-box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ui-arrow-box:before {
  content: "";
  border-color: rgba(196, 235, 245, 0);
  border-top-color: #decbff;
  border-width: 33px;
  margin-left: -33px;
}
.ui-arrow-box:after {
  content: "";
  border-color: rgba(247, 250, 255, 0);
  border-top-color: #f5efff;
  border-width: 30px;
  margin-left: -30px;
}

.scroll-to-top {
  position: fixed;
  bottom: 75px;
  right: 75px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #51338B;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 80;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.scroll-to-top:hover {
  background: #805894;
}

.scroll-to-top:active {
  transform: translateY(0);
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  .scroll-to-top {
    width: 36px;
    height: 36px;
    right: 30px;
    bottom: 30px;
  }
}
.ui-blue-box {
  color: #ffffff;
  font-size: 14px;
  line-height: 18px;
  padding: 10px;
  min-height: 114px;
  margin-top: 31px;
  margin-bottom: 30px;
  border-radius: 20px;
  text-align: center;
  background-color: #4a2a80;
}

.paginator {
  margin-top: 30px;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media (max-width: 767px) {
  .paginator {
    gap: 6px;
  }
}
.paginator__arrow {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.paginator__arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transform: rotate(-45deg);
}
.paginator__arrow.next::before {
  transform: rotate(135deg);
}
.paginator__num {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: var(--gray);
}
@media (max-width: 767px) {
  .paginator__num {
    font-size: 14px;
  }
}
.paginator__num.active, .paginator__num:hover {
  color: var(--gray-dark);
}

.recent {
  margin-top: 66px;
}
@media (max-width: 767px) {
  .recent {
    margin-top: 40px;
  }
}
.recent__title {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .recent__title {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .recent__title {
    font-size: 24px;
    line-height: 130%;
  }
}
.recent__body {
  margin-top: 56px;
}
@media (max-width: 1024px) {
  .recent__body {
    margin-top: 42px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .recent__body {
    margin-top: 32px;
  }
}
.recent .slick-track {
  margin-left: 0;
  display: flex;
}
.recent .slick-slide {
  height: auto;
}

.catalog__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .catalog__top {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .catalog__top {
    margin-top: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .catalog__top .catalog__search {
    display: none;
  }
}
.catalog__top-section {
  display: flex;
  align-items: baseline;
  gap: 24px;
  flex-basis: calc(100% - 270px);
  max-width: calc(100% - 270px);
  padding-right: 40px;
}
@media (max-width: 1024px) {
  .catalog__top-section {
    gap: 14px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .catalog__top-section {
    flex-basis: 100%;
    max-width: none;
    padding-right: 0;
  }
}
.catalog__title {
  margin-top: 0;
}
.catalog__title-last {
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .catalog__title-last {
    padding-right: 10px;
  }
}
.catalog__count {
  white-space: nowrap;
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  color: var(--gray-dark);
  flex: none;
}
@media (max-width: 1024px) {
  .catalog__count {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .catalog__count {
    font-size: 14px;
  }
}
.catalog__search {
  width: 270px;
}
@media (max-width: 767px) {
  .catalog__search {
    width: 100%;
  }
}
.catalog__text {
  font-size: 18px;
  line-height: 26px;
  max-width: 500px;
}
@media (max-width: 1024px) {
  .catalog__text {
    font-size: 16px;
    line-height: 22px;
    max-width: 460px;
  }
}
@media (max-width: 767px) {
  .catalog__text {
    font-size: 14px;
  }
}
.catalog__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .catalog__tags {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
    margin-top: 12px;
    padding-bottom: 10px;
    margin-bottom: -10px;
    padding-left: var(--wrapper-margin);
    padding-right: var(--wrapper-margin);
    margin-left: calc(var(--wrapper-margin) * -1);
    margin-right: calc(var(--wrapper-margin) * -1);
  }
}
.catalog__tags-item {
  padding: 12px 21px;
  color: var(--black);
  cursor: pointer;
  border-radius: 25px;
  background-color: var(--pink-super-light);
}
.catalog__tags-item.active {
  background-color: var(--purple-light);
  color: var(--white);
}
.catalog__tags-item--pink {
  background: var(--blue-super-light);
  color: var(--purple);
}
.catalog__tags-item--pink.active {
  background: var(--purple);
  color: var(--white);
}
@media (max-width: 1024px) {
  .catalog__tags-item {
    padding: 10px 13px;
    font-size: 13px;
  }
}
.catalog__content {
  margin-top: 52px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .catalog__content {
    margin-top: 40px;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .catalog__content {
    margin-top: 24px;
  }
}
.catalog__body {
  display: flex;
  gap: 34px;
}
@media (max-width: 1280px) {
  .catalog__body {
    gap: 16px;
  }
}
.catalog__body .ui-chekbox a, .catalog__body .ui-chekbox span {
  display: block;
  width: -moz-max-content;
  width: max-content;
}
.catalog__more {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .catalog__more {
    margin-top: 24px;
  }
}
.catalog__more .btn {
  min-width: unset;
}
.catalog__filter {
  width: 288px;
  min-width: 288px;
}
@media (max-width: 1280px) {
  .catalog__filter {
    width: 260px;
    min-width: 260px;
  }
}
@media (max-width: 1023px) {
  .catalog__filter {
    width: 376px;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background: var(--white);
    z-index: 12;
    transition-property: opacity, transform;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    transform: translateX(-100%);
  }
}
@media (max-width: 767px) {
  .catalog__filter {
    width: 100%;
    border-radius: 24px 24px 0px 0px;
    top: 24px;
    transform: translate(0%, 100%);
    height: calc(100dvh - 24px);
    pointer-events: none;
  }
}
.catalog__filter-container {
  position: relative;
}
@media (max-width: 1023px) {
  .catalog__filter-container {
    padding: 24px 24px 44px;
    height: 100%;
    overflow-y: scroll;
  }
}
.catalog__filter-container .catalog__result-filters {
  display: none;
}
@media (max-width: 767px) {
  .catalog__filter-container .catalog__result-filters {
    display: flex;
    margin-bottom: 24px;
  }
}
.catalog__filter-direction {
  border-bottom: 1px solid var(--gray-light);
  padding-bottom: 24px;
}
.catalog__filter-direction + .catalog__filter-category {
  padding-top: 26px;
}
.catalog__filter-direction_title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 23px;
}
.catalog__filter-direction_item + .catalog__filter-direction_item {
  margin-top: 22px;
}
.catalog__filter-direction_name {
  font-weight: 700;
  cursor: pointer;
}
.catalog__filter-direction ul {
  list-style: none;
  margin: 12px 0 0;
  padding-left: 16px;
}
.catalog__filter-direction ul li {
  cursor: pointer;
}
.catalog__filter-direction ul li + li {
  margin-top: 13px;
}
.catalog__filter-category form div:first-child {
  padding-top: 0;
}
.catalog__filter-category .ui-search input {
  border-color: var(--gray);
  height: 40px;
  background-image: url(/assets/images/icons/search-gray.svg);
  font-size: 14px;
}
.catalog__filter-category .ui-search input::-moz-placeholder {
  color: var(--gray);
}
.catalog__filter-category .ui-search input::placeholder {
  color: var(--gray);
}
.catalog__filter-category_section {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.catalog__filter-category_section + .catalog__filter-category_section {
  margin-top: 28px;
}
.catalog__filter-category_section.active .catalog__filter-category_body {
  display: block;
}
.catalog__filter-category_section.active .catalog__filter-category_title:after {
  transform: rotate(-135deg) translate(-2px, -2px);
}
.catalog__filter-category_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-weight: 700;
  padding-right: 6px;
}
.catalog__filter-category_title_can-open {
  cursor: pointer;
}
.catalog__filter-category_title_can-open:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translate(-2px, -2px);
  flex-shrink: 0;
}
.catalog__filter-category_body {
  display: none;
  padding-top: 16px;
}
.catalog__filter-category_body .ui-search {
  margin-bottom: 15px;
}
.catalog__filter-category_container {
  overflow: auto;
}
.catalog__filter-category_container::-webkit-scrollbar {
  width: 6px;
}
.catalog__filter-category_container::-webkit-scrollbar-track {
  background-color: transparent;
}
.catalog__filter-category_container::-webkit-scrollbar-thumb {
  background-color: var(--gray);
  border-radius: 10px;
}
.catalog__filter-category_container ul a:hover {
  color: var(--purple-light);
}
.catalog__filter-category_container ul a:active, .catalog__filter-category_container ul a.active {
  color: var(--purple);
}
.catalog__filter-price {
  padding-top: 28px;
}
.catalog__filter-price_title {
  font-weight: 700;
}
.catalog__filter-age {
  padding-top: 28px;
}
.catalog__filter-age_title {
  font-weight: 700;
}
.catalog__filter-age_body {
  margin-bottom: 28px;
}
.catalog__filter-result {
  position: absolute;
  left: calc(100% + 20px);
  bottom: 16px;
  color: var(--white);
  white-space: nowrap;
  font-size: 13px;
  padding: 15px 16px;
  border-radius: 8px;
  background: var(--blue-sky);
  z-index: 5;
}
@media (max-width: 1023px) {
  .catalog__filter-result {
    display: none !important;
  }
}
.catalog__filter-result::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  background: inherit;
}
.catalog__filter-mob {
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  border-bottom: 1px solid var(--gray-border);
  padding: 12px 0px;
}
@media (max-width: 1023px) {
  .catalog__filter-mob {
    display: flex;
    gap: 0 12px;
  }
}
.catalog__filter-mob .catalog__search {
  display: block;
}
.catalog__filter-mob .catalog__search .ui-search input {
  border: none;
  background: none;
  padding: 0;
}
.catalog__filter-mob .catalog__search .ui-search input::-moz-placeholder {
  color: var(--gray-border);
}
.catalog__filter-mob .catalog__search .ui-search input::placeholder {
  color: var(--gray-border);
}
.catalog__filter-mob_close-layer {
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 100%;
}
@media (max-width: 767px) {
  .catalog__filter-mob_close-layer {
    top: auto;
    bottom: calc(100% - 24px);
    left: 0;
  }
}
.catalog__filter-mob_toggle {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.catalog__filter-mob_header {
  height: 72px;
  padding: 24px;
  display: none;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 1;
  background: var(--white);
}
@media (max-width: 1023px) {
  .catalog__filter-mob_header {
    display: flex;
  }
}
@media (max-width: 767px) {
  .catalog__filter-mob_header {
    border-radius: 24px 24px 0px 0px;
  }
}
.catalog__filter-mob_reset {
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  color: var(--red);
}
.catalog__filter-mob_title {
  font-weight: 600;
  font-size: 18px;
  margin-right: 35px;
}
.catalog__filter-mob_close {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}
.catalog__filter-mob_close::after, .catalog__filter-mob_close::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  position: absolute;
  left: 1px;
  top: 12px;
  transform: rotate(45deg);
}
.catalog__filter-mob_close::after {
  transform: rotate(-45deg);
}
.catalog__filter-mob_footer {
  padding: 16px;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
  display: none;
}
@media (max-width: 1023px) {
  .catalog__filter-mob_footer {
    display: block;
  }
}
.catalog__filter-mob_footer .btn {
  width: 100%;
}
.catalog__filter-mob_search {
  display: none;
}
@media (max-width: 767px) {
  .catalog__filter-mob_search {
    display: block;
    color: var(--gray-border);
  }
}
.catalog__filter-category-title-link {
  font-size: 14px;
  line-height: 140%;
  color: var(--gray-dark);
  text-decoration: none;
}
.catalog__filter-category-title-link.active, .catalog__filter-category-title-link:hover {
  color: var(--purple-light);
}
.catalog__result {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .catalog__result .catalog__result-filters {
    display: none;
  }
}
.catalog__result .catalog__tags-item {
  padding: 7px 20px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .catalog__result .catalog__tags-item {
    font-size: 12px;
    line-height: 140%;
    padding: 8px 12px;
  }
}
.catalog__result-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}
.catalog__result-filters_item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  color: var(--white);
  font-weight: 500;
  font-size: 12px;
  border-radius: 40px;
  background: var(--purple);
}
.catalog__result-filters_item--reset {
  color: var(--gray-dark);
  background: var(--gray-border);
}
.catalog__result-filters_item--reset .catalog__result-filters_del {
  background: var(--gray-dark);
}
.catalog__result-filters_item--reset .catalog__result-filters_del::before, .catalog__result-filters_item--reset .catalog__result-filters_del::after {
  background: var(--white);
}
.catalog__result-filters_del {
  flex-shrink: 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: var(--white);
  border-radius: 8px;
  position: relative;
}
.catalog__result-filters_del::before, .catalog__result-filters_del::after {
  background: var(--purple);
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 7px;
}
.catalog__result-filters_del::after {
  transform: rotate(-45deg);
}
.catalog__result-products {
  display: grid;
  gap: 30px 32px;
  grid-template-columns: 1fr 1fr 1fr;
}
.catalog__result-products.grid-2 {
  grid-template-columns: 1fr 1fr;
}
.catalog__result-products .video-card {
  width: auto;
}
@media (min-width: 1100px) and (max-width: 1023px) {
  .catalog__result-products .card__btn {
    width: 62px;
  }
}
@media (max-width: 1280px) {
  .catalog__result-products {
    gap: 16px;
  }
}
@media (max-width: 1023px) {
  .catalog__result-products {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .catalog__result-products {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .catalog__result-products .card {
    max-width: none;
    display: flex;
    border-radius: 0;
    border: none;
    padding: 0px;
    gap: 8px;
  }
  .catalog__result-products .card + .card {
    border-top: 1px solid var(--gray-border);
  }
  .catalog__result-products .card__media {
    flex-basis: 117px;
    max-width: 117px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .catalog__result-products .card__media {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .catalog__result-products .card__img {
    min-width: 117px;
    max-width: 117px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .catalog__result-products .card__tags {
    position: static;
    flex-wrap: wrap;
    width: 117px;
    gap: 4px;
    padding-top: 10px;
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .catalog__result-products .card__count {
    display: none;
  }
  .catalog__result-products .card__rate {
    margin-top: 4px;
    margin-bottom: 14px;
  }
  .catalog__result-products .card__action + .card__price {
    padding-top: 8px;
  }
  .catalog__result-products .card__footer {
    margin-top: 10px;
  }
  .catalog__result-products .card__btn {
    width: 151px;
    height: 37px;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
  }
  .catalog__result-products .card__btn::before {
    display: none;
  }
  .catalog__result-products .video-card {
    width: 100%;
  }
}
.catalog__result-products .card {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .catalog__result-products .card {
    flex-direction: row;
  }
}
.catalog__info {
  display: flex;
  flex-direction: column;
  padding: 24px 16px;
  gap: 10px;
  background: #F7F6F9;
  border-radius: 8px;
  font-size: 16px;
  line-height: 18px;
  background-color: var(--pink-super-light);
}
@media (max-width: 1023px) {
  .catalog__info {
    padding: 16px 16px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
  }
}
.catalog__info-spoiler.collapsed {
  max-height: 72px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .catalog__info-spoiler.collapsed {
    max-height: 64px;
  }
}
.catalog__info-more {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.catalog__instruction {
  margin-top: 48px;
}
.catalog__instruction-title {
  font-weight: 600;
  font-size: 22px;
  color: var(--purple);
  line-height: 130%;
}
.catalog__instruction-subtitle {
  font-weight: 600;
}
.catalog__instruction-body {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  font-size: 12px;
}
@media (max-width: 1024px) {
  .catalog__instruction-body {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.catalog__instruction-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 1023px) {
  .js-filter-visible, .js-filter-visible body {
    overflow: hidden;
  }
  .js-filter-visible .catalog__filter {
    opacity: 1;
    transform: translateX(0%);
    pointer-events: all;
  }
  .js-filter-visible .catalog__filter-mob_close-layer {
    display: block;
  }
}

.card {
  max-width: 320px;
  min-width: 280px;
  position: relative;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--gray-border);
  background: var(--white);
}
@media (max-width: 1024px) {
  .card {
    border-radius: 8px;
    padding: 12px;
  }
}
.card.slick-slide {
  height: unset;
  display: flex;
  flex-direction: column;
}
.card__tags {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.card__tags .card__tag {
  position: relative;
  top: auto;
  left: auto;
}
.card__tag {
  position: absolute;
  top: 16px;
  left: 16px;
  height: 35px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  font-weight: 700;
  color: var(--purple);
  background: var(--blue-super-light);
}
@media (max-width: 1024px) {
  .card__tag {
    top: 12px;
    left: 12px;
    height: 32px;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
  }
}
.card__tag_discount {
  color: var(--blue);
  background: #E5E8F7;
}
.card__media {
  position: relative;
  padding-top: 35px;
}
@media (max-width: 1024px) {
  .card__media {
    padding-top: 32px;
  }
}
.card__img {
  height: 178px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .card__img {
    height: 139px;
  }
}
.card__img img {
  max-width: 100%;
  max-height: 100%;
}
.card__section {
  margin-top: 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .card__section {
    margin-top: 10px;
  }
}
.card__name {
  min-height: 45px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1024px) {
  .card__name {
    min-height: 37px;
    font-size: 14px;
    line-height: 130%;
  }
}
.card__type {
  margin-top: 8px;
  font-size: 13px;
  line-height: 140%;
  color: var(--purple-medium);
}
.card__rate {
  margin-top: 8px;
}
.card__action {
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 16px;
  font-weight: 700;
  color: var(--gray);
}
@media (max-width: 767px) {
  .card__action {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 4px;
    font-size: 12px;
    line-height: 140%;
    padding-top: 0;
  }
}
.card__action-price {
  text-decoration: line-through;
}
.card__action + .card__price {
  padding-top: 16px;
}
@media (max-width: 1024px) {
  .card__action + .card__price {
    padding-top: 14px;
  }
}
.card__price {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.card__price-top {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.card__price-bottom {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  display: flex;
  gap: 3px;
  align-items: baseline;
}
.card__price-old {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: var(--gray);
}
@media (max-width: 1024px) {
  .card__price {
    font-size: 16px;
  }
}
.card__footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}
.card__footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .card__footer-container {
    padding-top: 16px;
  }
}
.card__count {
  display: flex;
  height: 32px;
  border-radius: 4px;
  border: 1px solid var(--gray-border);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: -moz-fit-content;
  width: fit-content;
}
.card__count-btn {
  width: 30px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.card__count-btn:active {
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
}
.card__count-btn:active span {
  transform: scale(0.9);
}
.card__count-btn span {
  transition: all 0.1s;
  transform: scale(1);
}
.card__count-btn.minus {
  border-right: 1px solid var(--gray-border);
}
.card__count-btn.plus {
  border-left: 1px solid var(--gray-border);
}
.card__count-btn.is-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
.card__count-num {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  width: 44px;
  border: none;
  text-align: center;
}
@media (max-width: 1100px) {
  .card__btn {
    font-size: 0;
    width: 70px;
    padding: 0;
    justify-content: center;
    gap: 4px;
  }
  .card__btn:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
@media (max-width: 767px) {
  .card__btn {
    width: 64px;
    height: 32px;
  }
  .card__btn:before {
    transform: scale(0.7);
  }
}

.product {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .product {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .product {
    margin-top: 13px;
  }
  .product .recent {
    padding: 0 12px;
  }
  .product .recent__title {
    color: inherit;
  }
  .product h1 {
    font-size: 20px;
    line-height: 140%;
  }
}
@media (min-width: 768px) {
  .product .ui-rate__star {
    width: 20px;
    height: 20px;
    background-size: contain;
  }
}
@media (max-width: 767px) {
  .product__content {
    margin: 0 -16px -57px;
    padding-bottom: 57px;
    background: var(--gray-light2);
  }
}
.product__rating {
  margin-top: 14px;
}
@media (max-width: 767px) {
  .product__rating {
    margin-top: 8px;
  }
}
.product__top {
  display: flex;
  gap: 57px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .product__top {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .product__top {
    gap: 38px;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
  }
}
.product__top-section {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  flex-grow: 1;
}
@media (max-width: 1280px) {
  .product__top-section {
    flex-direction: column;
    width: calc(100% - 485px);
  }
}
@media (max-width: 767px) {
  .product__top-section {
    flex-direction: row;
    width: 100%;
  }
}
@media (max-width: 550px) {
  .product__top-section {
    flex-direction: column;
    align-items: center;
  }
}
.product__top-different {
  flex-grow: 1;
  width: 0;
}
@media (max-width: 1280px) {
  .product__top-different {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .product__top-different {
    width: calc(50% - 16px);
    padding-bottom: 16px;
  }
}
@media (max-width: 550px) {
  .product__top-different {
    width: 100%;
  }
}
.product__top-buy {
  min-width: 355px;
  max-width: 355px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 24px 16px;
}
@media (max-width: 1280px) {
  .product__top-buy {
    min-width: unset;
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .product__top-buy {
    width: calc(50% - 16px);
    flex-shrink: 0;
  }
}
@media (max-width: 550px) {
  .product__top-buy {
    border-radius: 0;
    width: calc(100% + 32px);
    margin: 0 -16px;
    background: var(--gray-light2);
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  .product__top-header {
    padding: 16px 12px;
    background: var(--white);
    box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
  }
}
.product__top-description {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 16px;
  gap: 12px;
  border-radius: 8px;
  background: var(--pink-super-light);
}
@media (max-width: 550px) {
  .product__top-description {
    background: var(--white);
  }
}
.product__top-weight {
  font-weight: 700;
}
@media (max-width: 767px) {
  .product__top-info {
    font-size: 12px;
  }
}
.product__top-info + .product__top-info {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .product__top-info + .product__top-info {
    margin-top: 12px;
  }
}
.product__top-info_title {
  font-weight: 500;
  color: var(--purple-light);
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .product__top-info_title {
    margin-bottom: 5px;
  }
}
.product__top-info .product__information-block {
  width: 100%;
}
.product__top-taste {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .product__top-taste {
    margin-bottom: 16px;
  }
}
.product__list {
  margin: 0;
  padding: 0;
  padding-right: 10px;
  list-style: none;
}
@media (max-width: 767px) {
  .product__list {
    font-size: 12px;
  }
}
.product__list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 144%;
}
.product__list li::before {
  content: "";
  transform: translateY(5px);
  display: block;
  width: 8px;
  min-width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--purple-light);
}
.product__list li + li {
  margin-top: 4px;
}
.product__weight-list {
  display: flex;
  gap: 0 12px;
  list-style: none;
  margin: 0;
  padding: 3px 0 0;
}
@media (max-width: 767px) {
  .product__weight-list {
    padding-top: 2px;
  }
}
.product__weight-list-item {
  max-width: 156px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
.product__weight-list-item.is-active {
  border-color: #371971;
}
@media (max-width: 767px) {
  .product__weight-list-item {
    max-width: 138px;
    padding: 11px;
  }
}
.product__weight-list-media {
  width: 82px;
  height: 90px;
}
@media (max-width: 767px) {
  .product__weight-list-media {
    width: 64px;
    height: 70px;
  }
}
.product__weight-list-img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.product__weight-list-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .product__weight-list-title {
    font-size: 14px;
    line-height: 20px;
  }
}
.product__weight-list-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin-top: 11px;
}
@media (max-width: 767px) {
  .product__weight-list-text {
    font-size: 13px;
    line-height: 17px;
  }
}
.product__label {
  position: relative;
}
.product__label:before {
  position: absolute;
  content: "При инверсии вкуса";
  top: -30px;
  left: 96px;
  padding: 5px 16px 5px 34px;
  border-radius: 40px;
  color: var(--white);
  font-size: 16px;
  line-height: 130%;
  background-color: var(--pink);
  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='M5.99698 13.5995C4.53129 13.5995 3.31004 13.0952 2.33324 12.0866C1.35547 11.0785 0.866577 9.82355 0.866577 8.32168C0.866577 7.65679 1.01813 6.98701 1.32124 6.31235C1.62338 5.63768 2.00153 4.99039 2.45571 4.37048C2.91038 3.75008 3.40073 3.16512 3.92678 2.61561C4.45331 2.06659 4.9422 1.5887 5.39344 1.18195C5.48144 1.10324 5.57751 1.04237 5.68164 0.999347C5.78529 0.956814 5.89138 0.935547 5.99991 0.935547C6.10844 0.935547 6.21453 0.956814 6.31818 0.999347C6.42182 1.04237 6.51789 1.10348 6.60638 1.18268C7.05762 1.58846 7.54651 2.0661 8.07304 2.61561C8.59958 3.16512 9.08993 3.75008 9.54411 4.37048C9.99829 4.99039 10.3767 5.63768 10.6793 6.31235C10.9819 6.98701 11.1332 7.65679 11.1332 8.32168C11.1332 9.82355 10.6436 11.0785 9.66438 12.0866C8.68513 13.0947 7.46218 13.599 5.99698 13.5995ZM5.99991 12.8661C7.27102 12.8661 8.32213 12.4352 9.15324 11.5733C9.98435 10.7114 10.3999 9.62677 10.3999 8.31948C10.3999 7.42726 10.0301 6.41892 9.29038 5.29448C8.55069 4.17004 7.45387 2.9417 5.99991 1.60948C4.54547 2.9417 3.44864 4.17004 2.70944 5.29448C1.97024 6.41892 1.6004 7.42726 1.59991 8.31948C1.59991 9.62726 2.01547 10.7121 2.84658 11.574C3.67769 12.4359 4.7288 12.8666 5.99991 12.8661Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 13.1108C6 13.1108 6.00001 13.1108 6.00001 13.1108C8.56667 13.1108 10.8889 11.143 10.8889 8.09971C10.8889 6.15637 9.39167 3.87082 6.40334 1.24304C6.28804 1.14291 6.14412 1.0925 6 1.0918V13.1108Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px 47.5%;
  background-size: 12px 14px;
  z-index: 1;
}
@media (max-width: 768px) {
  .product__label:before {
    top: -33px;
    left: 0;
    padding: 5px 12px 5px 27px;
    font-size: 12px;
    background-position: 9px 42.5%;
    background-size: 10px 12px;
  }
}
.product__gallery {
  display: flex;
  gap: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: sticky;
  top: 40px;
}
@media (max-width: 768px) {
  .product__gallery {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 11px;
  }
}
.product__gallery-slider {
  width: 64px;
  min-width: 64px;
  padding-top: 49px;
}
@media (max-width: 768px) {
  .product__gallery-slider {
    padding-top: 0;
    width: 240px !important;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .product__gallery-slider {
    display: none;
  }
}
.product__gallery-slider:not(.slick-initialized) {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .product__gallery-slider:not(.slick-initialized) {
    gap: 8px;
  }
}
.product__gallery-slider:not(.slick-initialized) .product__gallery-slide:nth-child(n+5) {
  display: none;
}
@media (max-width: 768px) {
  .product__gallery-slider:not(.slick-initialized) .product__gallery-slide:nth-child(n+4) {
    display: none;
  }
}
.product__gallery-slider.slick-initialized {
  margin-top: -8px;
  margin-top: -8px;
  align-self: flex-start;
}
.product__gallery-slider.slick-initialized .product__gallery-slide {
  margin: 8px 0;
}
@media (max-width: 768px) {
  .product__gallery-slider.slick-initialized .product__gallery-slide {
    margin: 0 8px;
  }
}
.product__gallery-slider .slick-arrow {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  background: none;
  font-size: 0;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}
.product__gallery-slider .slick-arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--purple);
  border-left: 2px solid var(--purple);
  transform: rotate(45deg);
}
.product__gallery-slider .slick-arrow.slick-prev {
  top: 18px;
}
@media (max-width: 768px) {
  .product__gallery-slider .slick-arrow.slick-prev {
    bottom: 0;
    left: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
  }
}
.product__gallery-slider .slick-arrow.slick-next {
  bottom: -32px;
}
@media (max-width: 768px) {
  .product__gallery-slider .slick-arrow.slick-next {
    bottom: 0;
    left: auto;
    right: -30px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
  }
}
.product__gallery-slider .slick-arrow.slick-next::before {
  transform: rotate(225deg);
}
.product__gallery-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px !important;
  width: 64px !important;
  cursor: pointer;
}
.product__gallery-slide img {
  max-width: 100%;
  max-height: 100%;
}
.product__gallery-img {
  --width: 430px !important;
  width: var(--width);
}
@media (max-width: 1024px) {
  .product__gallery-img {
    --width: 332px !important;
  }
}
@media (max-width: 767px) {
  .product__gallery-img {
    --width: 220px !important;
  }
}
.product__gallery-img_slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 466px;
  width: var(--width);
}
.product__gallery-img_slide img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 768px) {
  .product__gallery-img_slide {
    height: 380px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .product__gallery-img_slide {
    height: 180px;
  }
}
.product__gallery-img .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.product__gallery-img .slick-dots li {
  height: 12px;
  width: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.product__gallery-img .slick-dots li::before {
  content: "";
  height: 2px;
  width: 100%;
  background: var(--gray-border);
  border-radius: 2px;
}
.product__gallery-img .slick-dots li.slick-active::before {
  background: currentColor;
}
.product__gallery-img .slick-dots li button {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.product__action {
  font-weight: 700;
  font-size: 14px;
  color: var(--gray);
  margin-bottom: 12px;
}
.product__price {
  display: flex;
  align-items: baseline;
  gap: 9px;
  font-weight: 600;
}
.product__price-current {
  font-size: 26px;
  line-height: 32px;
}
.product__price-old {
  font-size: 18px;
  line-height: 24px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: var(--gray);
}
.product__age {
  font-weight: 700;
  margin-top: 16px;
  color: var(--purple);
}
.product__buy {
  width: 100%;
  height: 49px;
  font-size: 18px;
}
@media (max-width: 1024px) {
  .product__buy {
    height: 45px;
    font-size: 16px;
  }
}
.product__buy-block {
  margin-top: 24px;
}
.product__buy-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.product__buy-count .card__count {
  height: 49px;
}
.product__buy-count .card__count-btn {
  width: 44px;
  font-size: 30px;
}
.product__information {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .product__information {
    margin-top: 0px;
    padding-top: 16px;
  }
}
.product__information-tab {
  display: none;
}
.product__information-tab.active {
  display: block;
}
.product__information-header {
  display: flex;
  gap: 2px;
}
@media (max-width: 767px) {
  .product__information-header {
    display: none;
  }
}
.product__information-header_tab {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 0px 32px;
  background: var(--pink-super-light);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .product__information-header_tab {
    height: 42px;
    font-size: 13px;
    line-height: 18px;
    padding: 0px 12px;
  }
}
.product__information-header_tab:not(.active):hover {
  background: var(--white);
}
.product__information-header_tab.active {
  background: var(--purple);
  color: var(--white);
}
.product__information-body {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .product__information-body {
    margin-top: 0px;
    padding: 16px;
    background: var(--white);
    border-radius: 8px;
  }
}
.product__information-section {
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  display: flex;
}
@media (max-width: 767px) {
  .product__information-section {
    flex-direction: column-reverse;
    gap: 16px;
    padding-bottom: 20px;
  }
}
.product__information-section + .product__information-mob_header {
  border-top: 1px solid var(--gray-border);
}
.product__information-block {
  padding: 32px 24px;
  border-radius: 8px;
  background: var(--pink-super-light);
  width: 400px;
  flex-shrink: 0;
}
.product__information-block--mob {
  display: none;
}
@media (max-width: 1024px) {
  .product__information-block {
    width: 390px;
  }
}
@media (max-width: 768px) {
  .product__information-block {
    padding: 26px 16px;
    width: 320px;
  }
}
@media (max-width: 767px) {
  .product__information-block {
    width: 100%;
  }
  .product__information-block--mob {
    display: block;
    background: var(--white);
    margin-top: 16px;
  }
}
.product__information-block_title {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .product__information-block_title {
    font-size: 24px;
    line-height: 130%;
  }
}
.product__information-block .product__list {
  font-size: 16px;
}
@media (max-width: 768px) {
  .product__information-block .product__list {
    font-size: 14px;
  }
}
.product__information-block .product__list li {
  line-height: 125%;
}
.product__information-main {
  font-size: 20px;
  line-height: 32px;
  color: var(--black);
}
@media (max-width: 1024px) {
  .product__information-main {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 768px) {
  .product__information-main {
    font-size: 14px;
    line-height: 19px;
  }
}
.product__information-main h4 {
  margin-top: 20px;
}
.product__information-main table {
  margin-top: 32px;
  text-align: center;
  border-spacing: 0;
  font-size: 14px;
  line-height: 140%;
}
.product__information-main table td {
  width: 20%;
  vertical-align: top;
}
.product__information-main table thead {
  background: var(--purple-medium);
  color: var(--white);
}
.product__information-main table thead td {
  padding: 16px;
  font-weight: 700;
}
.product__information-main table tbody td {
  padding: 12px 16px;
}
.product__information-main iframe {
  max-width: 100%;
}
.product__information-rate_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .product__information-rate_title {
    margin-bottom: 16px;
  }
}
.product__information-rate_section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product__information-rate_rating {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
}
.product__information-rate_item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product__information-rate_item + .product__information-rate_item {
  margin-top: 19px;
}
@media (max-width: 768px) {
  .product__information-rate_item + .product__information-rate_item {
    margin-top: 8px;
  }
}
.product__information-rate_item .product__review-rate {
  margin-top: 0;
}
.product__information-rate_btn {
  margin-top: 24px;
  height: 48px;
  font-size: 18px;
}
.product__information-mob_header {
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  font-weight: 600;
  font-size: 13px;
  gap: 10px;
  display: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .product__information-mob_header {
    display: flex;
  }
  .product__information-mob_header.active .product__information-mob_btn {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
    transform: rotate(-90deg);
    flex: none;
  }
  .product__information-mob_header.active .product__information-mob_btn::before, .product__information-mob_header.active .product__information-mob_btn::after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    transform: rotate(45deg);
    left: 6px;
    top: 14px;
    background: currentColor;
  }
  .product__information-mob_header.active .product__information-mob_btn::after {
    transform: rotate(-45deg);
    left: 6px;
    top: 8px;
  }
}
.product__information-mob_btn {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.product__information-mob_btn::before, .product__information-mob_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.product__information-mob_btn::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.product__information-mob_btn {
  transform: rotate(-180deg);
}
.product__accordeons {
  margin-top: 56px;
}
.product__accordeons .ui-accordeon {
  border-radius: 0px;
  background: unset;
  padding: 0;
}
.product__accordeons .ui-accordeon__header {
  padding: 16px 24px;
  border-radius: 10px;
  background: var(--gray-light);
}
.product__accordeons .ui-accordeon.active .ui-accordeon__header {
  background: var(--blue-super-light2);
}
@media (max-width: 767px) {
  .product__accordeons {
    margin-top: 24px;
  }
  .product__accordeons .ui-accordeon {
    border-radius: 0;
    background: var(--white);
  }
}
.product__accordeons .ui-accordeon__body {
  font-size: 20px;
  line-height: 32px;
  color: var(--black);
}
@media (max-width: 1024px) {
  .product__accordeons .ui-accordeon__body {
    font-size: 16px;
    line-height: 130%;
  }
}
@media (max-width: 768px) {
  .product__accordeons .ui-accordeon__body {
    font-size: 14px;
    line-height: 19px;
  }
}
.product__accordeons .ui-accordeon__body h4 {
  margin-top: 20px;
}
.product__accordeons .ui-accordeon__body p {
  margin-top: 10px;
}
.product__accordeons .ui-accordeon__body table {
  margin-top: 32px;
  text-align: center;
  border-spacing: 0;
  font-size: 14px;
  line-height: 140%;
  border: none;
}
.product__accordeons .ui-accordeon__body table td {
  width: 20%;
  vertical-align: top;
  border: none;
}
.product__accordeons .ui-accordeon__body table thead, .product__accordeons .ui-accordeon__body table tr:first-child {
  background: var(--purple-medium);
  color: var(--white);
}
.product__accordeons .ui-accordeon__body table thead td, .product__accordeons .ui-accordeon__body table tr:first-child td {
  padding: 16px;
  font-weight: 700;
}
.product__accordeons .ui-accordeon__body table tbody td {
  padding: 12px 16px;
}
.product__accordeons .ui-accordeon__body table p {
  margin-top: 0;
}
.product__accordeons .ui-accordeon__body table p + p {
  margin-top: 10px;
}
.product__indications {
  color: var(--black);
  padding: 16px 0px 32px;
  max-width: 835px;
}
.product__indications-text {
  font-size: 20px;
  line-height: 32px;
}
.product__indications-text ul {
  margin: 0;
}
.product__indications-text ul + p {
  margin-top: 24px;
}
.product__indications table {
  margin-top: 32px;
  text-align: center;
  border-spacing: 0;
  font-size: 14px;
  line-height: 140%;
}
.product__indications table td {
  width: 20%;
  vertical-align: top;
}
.product__indications table thead {
  background: var(--purple-medium);
  color: var(--white);
}
.product__indications table thead td {
  padding: 16px;
  font-weight: 700;
}
.product__indications table tbody td {
  padding: 12px 16px;
}
.product__indications-info {
  margin-top: 16px;
  font-size: 16px;
  line-height: 130%;
}
.product__source {
  width: 100%;
}
.product__source-table,
.product__source .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
}
@media (max-width: 1024px) {
  .product__source-table,
  .product__source .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .product__source-table,
  .product__source .grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.product__source-title,
.product__source .tabset-panel__title {
  font-weight: 600;
  font-size: 14px;
}
.product__source-title + .product__source-title,
.product__source-title + .product__source .tabset-panel__title,
.product__source .tabset-panel__title + .product__source-title,
.product__source .tabset-panel__title + .product__source .tabset-panel__title {
  margin-top: 16px;
}
.product__source-subtitle,
.product__source .grid__item h4 {
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
}
.product__source .tabset-panel__title {
  margin-bottom: 20px;
}
.product__source-section.purple, .product__source-section .color-purple,
.product__source .grid__item.purple,
.product__source .grid__item .color-purple {
  color: var(--blue-medium);
}
.product__source-section.purple .product__source-subtitle, .product__source-section .color-purple .product__source-subtitle,
.product__source .grid__item.purple .product__source-subtitle,
.product__source .grid__item .color-purple .product__source-subtitle {
  color: var(--black);
}
.product__source-section.pink, .product__source-section .color-pink,
.product__source .grid__item.pink,
.product__source .grid__item .color-pink {
  color: var(--purple-light);
}
.product__source-section.blue, .product__source-section .color-blue,
.product__source .grid__item.blue,
.product__source .grid__item .color-blue {
  color: var(--blue-light);
}
.product__source-section ul,
.product__source .grid__item ul {
  margin: 10px 0 0;
  padding: 0;
}
.product__source-section ul li,
.product__source .grid__item ul li {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.product__source-section ul li + li,
.product__source .grid__item ul li + li {
  margin-top: 10px;
}
.product__source-section ul li::before,
.product__source .grid__item ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70%;
  border-bottom: 2px dotted currentColor;
}
.product__source-section ul li div,
.product__source .grid__item ul li div {
  position: relative;
  z-index: 1;
  background: var(--white);
}
.product__source .grid__item:nth-child(1) h4 {
  color: var(--black);
}
.product__source-name, .product__source .list-point__title {
  padding-right: 5px;
  background: var(--white);
  position: relative;
  z-index: 1;
}
.product__source-value, .product__source .list-point__text {
  padding-left: 5px;
  color: var(--black) !important;
}
.product__source .list-point__item p {
  width: 100%;
  background: var(--white);
  position: relative;
  z-index: 1;
}
.product__source .list-point__text p {
  width: auto;
}
.product__docs-container {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 32px;
}
@media (max-width: 1024px) {
  .product__docs-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .product__docs-container {
    grid-template-columns: 1fr 1fr;
  }
}
.product__docs-container a {
  display: block;
}
.product__docs-container a img {
  max-width: 100%;
}
.product__review {
  display: flex;
  gap: 16px;
}
.product__review + .product__review {
  margin-top: 32px;
}
.product__review-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 77px;
  height: 77px;
  background: var(--gray-border);
  border-radius: 100px;
  font-weight: 300;
  font-size: 32px;
  color: var(--white);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}
.product__review-header {
  display: flex;
  align-items: baseline;
  gap: 0 8px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .product__review-header {
    display: block;
  }
}
.product__review-name {
  color: var(--black);
  font-size: 20px;
  line-height: 150%;
}
.product__review-info {
  color: var(--gray-tex);
}
.product__review-rate {
  margin-top: 12px;
}
.product__review-text {
  margin-top: 16px;
  font-size: 16px;
  color: var(--black);
}
.product__reco {
  margin-top: 56px;
  padding: 48px 490px 48px 108px;
  border-radius: 20px;
  background: var(--dir-bg-1);
  position: relative;
  overflow: hidden;
}
@media (max-width: 1336px) {
  .product__reco {
    padding: 48px 400px 48px 108px;
  }
}
@media (max-width: 1024px) {
  .product__reco {
    padding: 48px 400px 48px 40px;
  }
}
@media (max-width: 767px) {
  .product__reco {
    margin-top: 40px;
    padding: 34px 16px 218px 16px;
    margin-left: calc(var(--wrapper-margin) * -1);
    margin-right: calc(var(--wrapper-margin) * -1);
  }
}
.product__reco-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .product__reco-title {
    font-size: 22px;
  }
}
.product__reco-title.small {
  font-size: 32px;
}
@media (max-width: 767px) {
  .product__reco-title.small {
    font-size: 22px;
  }
}
.product__reco-name {
  margin-top: 36px;
  font-weight: 600;
  font-size: 26px;
  color: var(--blue);
}
.product__reco-name + .product__reco-list {
  margin-top: 16px;
}
.product__reco-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.product__reco-list--column {
  flex-direction: row;
}
@media (max-width: 1023px) {
  .product__reco-list--column {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .product__reco-list {
    margin-top: 23px;
    gap: 12px;
  }
}
.product__reco-item {
  position: relative;
  padding: 6px 0px 6px 48px;
  font-size: 16px;
  line-height: 130%;
  color: var(--blue);
}
@media (max-width: 767px) {
  .product__reco-item {
    padding: 0px 0px 0px 43px;
    font-size: 13px;
    line-height: 140%;
    min-height: 34px;
    display: flex;
    align-items: center;
  }
}
.product__reco-item::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px dashed currentColor;
  position: absolute;
  left: 0;
  top: 0;
}
.product__reco-item::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 9px;
  top: 9px;
  background: currentColor;
}
.product__reco-buttons {
  margin-top: 32px;
  display: flex;
  gap: 16px;
}
.product__reco-info {
  margin-top: 24px;
  font-size: 12px;
  line-height: 15px;
}
.product__reco-bg {
  width: 408px;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 0;
  display: block;
}
@media (max-width: 767px) {
  .product__reco-bg {
    width: calc(100% - 40px);
    height: 195px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding-bottom: 10px;
  }
}
.product__reco-bg-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .product__reco-bg-wrap {
    justify-content: center;
  }
}
.product__reco-bg-img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 767px) {
  .product__reco-bg-img_desktop {
    display: none;
  }
}
.product__reco-bg-img_mobile {
  display: none;
}
@media (max-width: 767px) {
  .product__reco-bg-img_mobile {
    display: inline-block;
  }
}
.product__taste-list {
  list-style: none;
  margin: 0;
  padding: 3px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product__taste-list > li {
  max-width: 100%;
}
.product__taste-item {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  background-color: var(--pink-super-light);
  color: var(--gray-dark);
  border-radius: 40px;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
  cursor: pointer;
  transition: 0.1s;
}
@media (max-width: 1280px) {
  .product__taste-item {
    padding: 10px 12px;
    border-radius: 32px;
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .product__taste-item {
    padding: 8px 12px;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .product__taste-item:hover {
    background-color: var(--purple-light);
    color: var(--white);
  }
}
.product__taste-item.is-active {
  background-color: var(--purple-light);
  color: var(--white);
}
.product__taste-item-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
}
.product__taste-item--inversion .product__taste-item-name {
  max-width: calc(100% - 38px);
}
.product__taste-item--inversion:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: var(--pink);
  background-image: var(--taste);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.product__wheretobuy {
  padding-top: 56px;
}
@media (max-width: 767px) {
  .product__wheretobuy {
    padding-top: 16px;
    padding-left: var(--wrapper-margin);
    padding-right: var(--wrapper-margin);
  }
}
@media (max-width: 550px) {
  .product__wheretobuy {
    padding-top: 0;
  }
}
.product__wheretobuy-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--gray-dark);
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .product__wheretobuy-title {
    font-size: 14px;
    line-height: 21px;
  }
}
.product__wheretobuy-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}
.product__wheretobuy-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
@media (max-width: 767px) {
  .product__wheretobuy-list {
    gap: 12px;
  }
}
.product__wheretobuy-item {
  width: 170px;
  height: 50px;
  border: 1px solid var(--gray-border);
  background: var(--white);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  transition: 0.1s;
}
@media (max-width: 767px) {
  .product__wheretobuy-item {
    width: calc((100% - 12px) / 2);
  }
}
.product__wheretobuy-item:hover {
  border-color: var(--purple-dark);
}
.product__wheretobuy-img {
  flex-shrink: 0;
  width: 100%;
  max-width: 150px;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.product__wheretobuy-btn {
  font-size: 14px;
  font-weight: 700;
  width: 170px;
  border: 1px solid #DFDFDF;
}

.cart {
  background: var(--pink-super-light);
}
@media (max-width: 767px) {
  .cart {
    background: var(--white);
  }
}
@media (max-width: 1024px) {
  .cart__root {
    font-size: 14px;
    line-height: 140%;
  }
}
.cart__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .cart__header {
    margin-bottom: 0;
  }
}
.cart__header-title {
  font-weight: 600;
  font-size: 26px;
}
@media (max-width: 1024px) {
  .cart__header-title {
    font-weight: 500;
    font-size: 16px;
  }
}
.cart__header-reset {
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 1024px) {
  .cart__header-reset {
    gap: 2px;
    font-size: 14px;
    color: var(--gray);
  }
}
.cart__header-reset_btn {
  line-height: 0;
}
.cart__header-reset_btn svg {
  width: 20px;
  height: auto;
}
@media (max-width: 1024px) {
  .cart__header-reset_btn svg {
    width: 14px;
    stroke: var(--gray);
  }
}
.cart__text {
  margin-top: 40px;
  font-size: 18px;
  line-height: 26px;
}
.cart__text a {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .cart__text {
    margin-top: 24px;
    font-size: 14px;
    line-height: 140%;
  }
}
.cart__body {
  display: flex;
  gap: 30px;
  margin-top: 56px;
}
@media (max-width: 1024px) {
  .cart__body {
    margin-top: 40px;
  }
}
@media (max-width: 1023px) {
  .cart__body {
    margin-top: 36px;
  }
  .cart__body .input {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cart__body {
    flex-direction: column;
  }
}
.cart__offer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (max-width: 1023px) {
  .cart__offer {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .cart__offer {
    gap: 8px;
  }
}
.cart__total {
  width: 400px;
  flex-shrink: 0;
  position: relative;
}
@media (max-width: 1023px) {
  .cart__total {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .cart__total {
    width: 100%;
  }
}
.cart__total-container {
  position: sticky;
  top: 20px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  background: var(--white);
  padding: 32px 24px;
}
@media (max-width: 1023px) {
  .cart__total-container {
    padding: 16px;
  }
}
.cart__total-sum {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
}
@media (max-width: 1023px) {
  .cart__total-sum {
    font-size: 22px;
  }
}
.cart__total-count {
  margin-top: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  .cart__total-count {
    font-size: 14px;
    line-height: 130%;
  }
}
.cart__total-cupon {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .cart__total-cupon {
    margin-top: 11px;
  }
}
.cart__total-cupon input {
  height: 48px !important;
}
.cart__total-text {
  margin-top: 24px;
  font-size: 16px;
  line-height: 130%;
}
.cart__total-text a {
  font-weight: 700;
  color: var(--purple-dark);
  text-decoration: underline;
}
.cart__total-list {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.cart__total-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__total-list li + li {
  margin-top: 16px;
}
.cart__total-btn {
  margin-top: 24px;
  margin-bottom: 5px;
  width: 100%;
}
@media (max-width: 767px) {
  .cart__total-btn {
    padding: 0;
  }
}
.cart__products {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (max-width: 767px) {
  .cart__products {
    gap: 0;
    width: calc(100% + 32px);
    margin: 0 -16px;
    background: var(--white);
    border-top: 1px solid var(--gray-border);
    border-bottom: 1px solid var(--gray-border);
  }
}
.cart__product {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--white);
  padding: 12px;
  border-radius: 8px;
  width: 100%;
}
@media (max-width: 1280px) {
  .cart__product {
    position: relative;
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .cart__product {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .cart__product {
    border-radius: 0;
    padding: 20px 16px;
    gap: 4px;
  }
  .cart__product + .cart__product {
    border-top: 1px solid var(--gray-border);
  }
}
.cart__product-main {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 50%;
  flex: none;
  margin-right: 30px;
}
@media (max-width: 1280px) {
  .cart__product-main {
    margin-right: 0;
    width: 100%;
    align-items: flex-start;
  }
}
@media (max-width: 1023px) {
  .cart__product-main {
    gap: 5px;
  }
}
@media (max-width: 767px) {
  .cart__product-main {
    gap: 13px;
  }
}
.cart__product-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  min-width: 108px;
  height: 121px;
}
@media (max-width: 767px) {
  .cart__product-img {
    width: 96px;
    min-width: 96px;
    height: 96px;
  }
}
.cart__product-img img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 767px) {
  .cart__product-info {
    display: flex;
    flex-direction: column;
  }
}
.cart__product-label {
  border-radius: 8px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  color: var(--purple);
  background: var(--blue-super-light);
  margin-bottom: 8px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .cart__product-label {
    padding: 0 16px;
    order: 3;
    height: 24px;
    border-radius: 20px;
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 400;
  }
}
.cart__product-name {
  font-weight: 500;
  font-size: 18px;
}
@media (max-width: 1280px) {
  .cart__product-name {
    margin-right: 34px;
    display: block;
  }
}
@media (max-width: 1023px) {
  .cart__product-name {
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .cart__product-name {
    order: 1;
    font-size: 13px;
    line-height: 130%;
    padding-right: 20px;
    margin-right: 0;
  }
}
.cart__product-descr {
  font-size: 16px;
  line-height: 130%;
  color: var(--gray);
}
@media (max-width: 767px) {
  .cart__product-descr {
    margin-top: 7px;
    order: 2;
    font-size: 13px;
    line-height: 130%;
  }
}
.cart__product-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.cart__product-count {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 13px;
}
@media (max-width: 767px) {
  .cart__product-count {
    gap: 4px;
  }
}
.cart__product-count_item {
  color: var(--gray);
  font-size: 13px;
}
@media (max-width: 767px) {
  .cart__product-count_item {
    font-size: 12px;
  }
}
.cart__product-price {
  flex: none;
}
.cart__product-price_new {
  font-weight: 600;
  font-size: 22px;
}
@media (max-width: 767px) {
  .cart__product-price_new {
    font-size: 14px;
  }
}
.cart__product-price_old {
  margin-top: 2px;
  font-size: 18px;
  line-height: 24px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: var(--gray);
}
@media (max-width: 767px) {
  .cart__product-price_old {
    font-size: 12px;
    line-height: 18px;
  }
}
.cart__product-del {
  padding: 0 8px;
}
@media (max-width: 1280px) {
  .cart__product-del {
    position: absolute;
    top: 12px;
    right: 12px;
  }
}
@media (max-width: 767px) {
  .cart__product-del {
    top: 20px;
  }
}
.cart__product-del_btn {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
}
.cart__product-del_btn::before, .cart__product-del_btn::after {
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 2px;
  background: var(--gray);
  position: absolute;
  left: -2px;
  top: 7px;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .cart__product-del_btn::before, .cart__product-del_btn::after {
    width: 16px;
    height: 2px;
    left: 1px;
    top: 8px;
  }
}
.cart__product-del_btn::after {
  transform: rotate(-45deg);
}
.cart__product-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .cart__product-labels {
    gap: 5px;
  }
}
.cart__section {
  display: flex;
  flex-direction: column;
  padding: 32px;
  gap: 30px;
  border-radius: 8px;
  background: var(--white);
}
@media (max-width: 1024px) {
  .cart__section {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .cart__section {
    padding: 24px 12px;
    gap: 24px;
  }
}
.cart__section-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .cart__section-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .cart__section-title {
    font-size: 20px;
    line-height: 140%;
  }
}
.cart__section-subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .cart__section-subtitle {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.cart__section-change {
  font-weight: 500;
  font-size: 18px;
  color: var(--purple);
  cursor: pointer;
}
.cart__section-body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 16px;
}
@media (max-width: 1023px) {
  .cart__section-body {
    gap: 13px;
  }
}
.cart__section-body .radio-button--big {
  width: 100%;
  max-width: 378px;
}
.cart__section-body_arrow .input__body {
  position: relative;
}
.cart__section-body_arrow .input__body::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L7.70711 7.70711C7.31658 8.09763 6.68342 8.09763 6.29289 7.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='%2351338B'/%3E%3C/svg%3E");
}
.cart__section-body_arrow.is-active .input__body::after {
  transform: translateY(-50%) rotate(180deg);
}
.cart__section-body_arrow .input__body input {
  padding-right: 40px;
}
.cart__section-delivery {
  margin-top: auto;
  margin-left: 15px;
  margin-bottom: 19px;
  font-size: 16px;
  line-height: 130%;
  color: var(--purple-dark);
  cursor: pointer;
}
@media (max-width: 1023px) {
  .cart__section-delivery {
    margin-top: -4px;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 14px;
  }
}
.cart__section-profile {
  padding: 0;
  margin: 0;
}
.cart__section-profile li {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.cart__section-profile li + li {
  margin-top: 16px;
}
.cart__section-profile_label {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  max-width: 205px;
  min-width: 205px;
}
.cart__section-profile_data {
  padding: 5px 0;
  font-weight: 500;
  font-size: 18px;
}
.cart__point-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
}
.cart__point-descr {
  margin-top: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cart__point-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart__point-empty {
  max-width: 378px;
  padding: 10px 16px;
  background: var(--pink-super-light);
  border: 1px solid var(--white);
  border-radius: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}

.cart-empty__title {
  font-weight: 600;
  font-size: 26px;
}
@media (max-width: 1024px) {
  .cart-empty__title {
    font-weight: 500;
    font-size: 16px;
  }
}
.cart-empty__text {
  margin-top: 40px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .cart-empty__text {
    margin-top: 24px;
    font-size: 14px;
    line-height: 140%;
  }
}
.cart-empty__buttons {
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .cart-empty__buttons {
    margin-top: 24px;
  }
}

.b-order-finish {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.b-order-finish__row {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
}

.b-order-finish__btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  outline: none;
  border: none;
  box-shadow: none;
  width: -moz-max-content;
  width: max-content;
  background-color: transparent;
  opacity: 1;
  transition-property: background-color, opacity;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  background: var(--main-1);
  color: var(--white);
  height: 48px;
  font-size: 18px;
  padding: 0 24px;
}
@media (max-width: 1023px) {
  .b-order-finish__btn button {
    height: 45px;
    font-size: 16px;
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .b-order-finish__btn button {
    height: 43px;
    font-size: 14px;
  }
}
.b-order-finish__btn button:hover {
  background: var(--main-2);
}

.cabinet {
  --animation-speed: 0.3s;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cabinet {
    --animation-speed: 0s;
  }
}
.cabinet__container {
  margin-top: 40px;
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .cabinet__container {
    width: 100vw;
    margin: 24px -16px 0px;
    padding: 0px 16px;
    overflow: hidden;
  }
}
.cabinet__sidebar {
  width: 190px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .cabinet__sidebar {
    width: 100%;
    transition: all var(--animation-speed) ease-in-out;
  }
}
.cabinet__user-avatar {
  height: 77px;
  width: 77px;
  border-radius: 50px;
  background-color: var(--gray-border);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 300;
  font-size: 32px;
  color: var(--white);
}
.cabinet__user-name {
  margin-top: 12px;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: var(--black);
}
.cabinet__tabs {
  margin-top: 40px;
}
.cabinet__tabs-item {
  cursor: pointer;
  font-weight: 600;
  display: block;
}
@media (min-width: 768px) {
  .cabinet__tabs-item {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .cabinet__tabs-item + .cabinet__tabs-item {
    margin-top: 12px;
  }
  .cabinet__tabs-item.active, .cabinet__tabs-item:hover {
    background: var(--pink-super-light);
  }
  .cabinet__tabs-item_btn {
    display: none;
  }
}
@media (max-width: 767px) {
  .cabinet__tabs-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 13px;
    line-height: 130%;
  }
  .cabinet__tabs-item + .cabinet__tabs-item {
    border-top: 1px solid var(--gray-border);
  }
  .cabinet__tabs-item_btn {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
    transform: rotate(-90deg);
    flex: none;
  }
  .cabinet__tabs-item_btn::before, .cabinet__tabs-item_btn::after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    transform: rotate(45deg);
    left: 6px;
    top: 14px;
    background: currentColor;
  }
  .cabinet__tabs-item_btn::after {
    transform: rotate(-45deg);
    left: 6px;
    top: 8px;
  }
  .cabinet__tabs-item_btn {
    transform: rotate(-180deg);
  }
}
.cabinet__logout {
  display: block;
  margin-top: 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  cursor: pointer;
  color: var(--blue);
}
@media (max-width: 767px) {
  .cabinet__logout {
    background: var(--main-1);
    color: var(--white);
    width: 100%;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0px 16px;
    height: 37px;
    font-size: 12px;
    border-radius: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    outline: none;
    border: none;
    box-shadow: none;
    color: var(--white);
  }
  .cabinet__logout:hover {
    background: var(--main-2);
  }
}
.cabinet__content {
  width: 100%;
}
@media (max-width: 767px) {
  .cabinet__content {
    width: 100vw;
    flex-shrink: 0;
    transform: translateX(0);
    transition: all var(--animation-speed) ease-in-out;
    padding: 0 16px;
    background: var(--white);
  }
}
.cabinet__content-mob_header {
  display: none;
}
@media (max-width: 767px) {
  .cabinet__content-mob_header {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin-bottom: 12px;
  }
}
.cabinet__content-mob_btn {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.cabinet__content-mob_btn::before, .cabinet__content-mob_btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.cabinet__content-mob_btn::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.cabinet__content-mob_btn {
  transform: rotate(0deg);
}
.cabinet__content-mob_title {
  font-size: 14px;
}
.cabinet__section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 56px 32px;
  gap: 40px;
  background: var(--white);
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 100%;
}
@media (max-width: 1024px) {
  .cabinet__section {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .cabinet__section {
    display: none;
    padding: 16px;
    background: var(--white);
    gap: 24px;
  }
  .cabinet__section#history {
    margin: 0 -16px;
    width: 100vw;
    border-radius: 0;
  }
}
.cabinet__section form {
  display: inherit;
  flex-direction: inherit;
  align-items: inherit;
  gap: inherit;
}
.cabinet__section-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: var(--black);
}
@media (max-width: 1023px) {
  .cabinet__section-title {
    font-size: 24px;
  }
}
.cabinet__section-subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: var(--black);
}
@media (max-width: 1024px) {
  .cabinet__section-subtitle {
    font-size: 18px;
  }
}
.cabinet__section-form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 580px;
}
.cabinet__section-cupons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media (max-width: 767px) {
  .cabinet__section-cupons {
    grid-template-columns: 1fr;
  }
}
.cabinet__section-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: var(--black);
}
@media (max-width: 767px) {
  .cabinet__section-text {
    font-size: 14px;
  }
}
.cabinet__order-root {
  width: 100%;
}
.cabinet__order-list {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .cabinet__order-list {
    margin-top: 0;
  }
}
.cabinet__order-item {
  padding: 40px 32px;
  margin: 0 -32px;
  background: var(--white);
}
@media (max-width: 1024px) {
  .cabinet__order-item {
    padding: 0px 24px 32px;
    margin: 0 -24px;
  }
}
@media (max-width: 767px) {
  .cabinet__order-item {
    padding: 16px 24px;
    margin: 0 -24px;
  }
  .cabinet__order-item + .cabinet__order-item {
    border-top: 8px solid var(--pink-super-light);
  }
}
.cabinet__order-item:nth-child(2n) {
  position: relative;
  box-shadow: 0px 4px 40px rgba(55, 25, 113, 0.12);
}
@media (max-width: 1024px) {
  .cabinet__order-item:nth-child(2n) {
    box-shadow: none;
  }
}
.cabinet__order-item_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 32px;
  border-bottom: 1px solid var(--gray-border2);
  cursor: pointer;
}
@media (max-width: 767px) {
  .cabinet__order-item_header {
    padding: 0;
    border-bottom: none;
  }
}
.cabinet__order-item_header-section:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1024px) {
  .cabinet__order-item_header-section:nth-child(2) {
    display: none;
  }
}
.cabinet__order-item_header-date {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .cabinet__order-item_header-date {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .cabinet__order-item_header-date {
    font-size: 18px;
  }
}
.cabinet__order-item_header-code {
  margin-top: 2px;
  font-weight: 500;
  font-size: 14px;
  color: var(--blue);
}
@media (max-width: 767px) {
  .cabinet__order-item_header-code {
    font-size: 12px;
  }
}
.cabinet__order-item_header-price {
  font-weight: 600;
  font-size: 22px;
}
@media (max-width: 767px) {
  .cabinet__order-item_header-price {
    font-size: 16px;
  }
}
.cabinet__order-item_header-status {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .cabinet__order-item_header-status {
    font-size: 14px;
  }
}
.cabinet__order-item_header-status.no-money {
  color: var(--red);
}
.cabinet__order-item_header-status.success {
  color: var(--green);
}
.cabinet__order-item_detail {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .cabinet__order-item_detail {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}
.cabinet__order-item_detail + .cabinet__order-item_detail {
  border-top: 1px solid var(--gray-border2);
}
.cabinet__order-item_mob {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .cabinet__order-item_mob {
    display: flex;
  }
}
.cabinet__order-item_delivery-header {
  display: flex;
  align-items: center;
  gap: 22px;
}
.cabinet__order-item_delivery-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .cabinet__order-item_delivery-title {
    font-size: 14px;
  }
}
.cabinet__order-item_delivery-status {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  color: var(--white);
}
@media (max-width: 767px) {
  .cabinet__order-item_delivery-status {
    font-size: 12px;
    padding: 3px 12px;
  }
}
.cabinet__order-item_delivery-status.no-delivery {
  background: var(--red);
}
.cabinet__order-item_delivery-status.success {
  background: var(--blue);
}
.cabinet__order-item_delivery-status.reject {
  background: var(--gray);
}
.cabinet__order-item_delivery-date {
  margin-top: 10px;
  font-weight: 500;
  color: var(--gray);
}
@media (max-width: 767px) {
  .cabinet__order-item_delivery-date {
    font-size: 12px;
    margin-top: 8px;
  }
}
.cabinet__order-item_products {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .cabinet__order-item_products {
    gap: 4px;
  }
}
.cabinet__order-item_products-item {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .cabinet__order-item_products-item {
    width: 49px;
    height: 49px;
  }
}
@media (max-width: 767px) {
  .cabinet__order-item_footer .btn {
    width: 100%;
    max-width: 320px;
  }
}
.cabinet__order-detail {
  display: none;
}
@media (max-width: 767px) {
  .cabinet__order-detail {
    margin-top: -16px;
  }
}
.cabinet__order-detail_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 32px 24px;
  gap: 12px;
}
@media (max-width: 767px) {
  .cabinet__order-detail_header {
    padding: 0;
  }
}
.cabinet__order-detail_header-section {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cabinet__order-detail_header-back {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: 5px;
}
@media (max-width: 767px) {
  .cabinet__order-detail_header-back {
    display: none;
  }
}
.cabinet__order-detail_header-back::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border-top: 1px solid currentColor;
  border-left: 1px solid currentColor;
}
.cabinet__order-detail_header-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: var(--black);
}
@media (max-width: 1023px) {
  .cabinet__order-detail_header-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .cabinet__order-detail_header-title {
    display: none;
  }
}
.cabinet__order-detail_header-code {
  font-weight: 600;
  font-size: 22px;
  color: var(--blue);
}
@media (max-width: 1023px) {
  .cabinet__order-detail_header-code {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .cabinet__order-detail_header-code {
    font-size: 12px;
  }
}
.cabinet__order-detail_description {
  margin-top: 20px;
  padding: 32px;
  border: 1px solid var(--gray-border);
  border-radius: 16px;
}
@media (max-width: 767px) {
  .cabinet__order-detail_description {
    margin-top: 12px;
    padding: 24px 12px;
    border: none;
    border-radius: 8px;
    background: var(--white);
  }
}
.cabinet__order-detail_description-title {
  font-weight: 600;
  font-size: 26px;
  color: var(--black);
}
@media (max-width: 767px) {
  .cabinet__order-detail_description-title {
    font-size: 20px;
  }
}
.cabinet__order-detail_description-list {
  margin-top: 24px;
}
.cabinet__order-detail_description-row {
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .cabinet__order-detail_description-row {
    font-size: 13px;
    line-height: 140%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
.cabinet__order-detail_description-row b {
  font-weight: 600;
}
@media (max-width: 767px) {
  .cabinet__order-detail_description-row b {
    font-size: 16px;
  }
}
.cabinet__order-detail_description-row + .cabinet__order-detail_description-row {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .cabinet__order-detail_description-row + .cabinet__order-detail_description-row {
    margin-top: 12px;
  }
}
.cabinet__order-detail_products {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .cabinet__order-detail_products {
    margin: 12px calc(var(--wrapper-margin) * -1) 0;
  }
}
.cabinet__order-detail_products .cart__product {
  border-bottom: 1px solid var(--gray-border);
}
@media (max-width: 767px) {
  .cabinet__order-detail_products .cart__product {
    border-top: none;
    border-bottom: none;
  }
  .cabinet__order-detail_products .cart__product::after {
    content: "";
    display: block;
    width: calc(100% - var(--wrapper-margin) * 2);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: var(--wrapper-margin);
    background: var(--gray-border);
  }
  .cabinet__order-detail_products .cart__product-total {
    width: calc(100% - 141px);
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    right: 16px;
    bottom: 20px;
  }
  .cabinet__order-detail_products .cart__product-main {
    position: relative;
  }
  .cabinet__order-detail_products .cart__product-label {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0 !important;
  }
  .cabinet__order-detail_products .cart__product-img {
    margin-top: 24px;
  }
  .cabinet__order-detail_products .cart__product-info {
    padding-bottom: 60px;
  }
  .cabinet__order-detail_products .cart__product-descr {
    margin-top: 2px;
  }
}
.cabinet__order-detail_products .cart__product-name {
  line-height: 140%;
  margin-bottom: 2px;
  display: block;
}
.cabinet__order-detail_footer {
  margin-top: 32px;
  font-weight: 600;
  font-size: 26px;
  color: var(--black);
  text-align: right;
}
@media (max-width: 767px) {
  .cabinet__order-detail_footer {
    font-size: 20px;
    padding: 12px var(--wrapper-margin) 20px;
    background: var(--white);
    margin: 0 calc(var(--wrapper-margin) * -1);
  }
}
.cabinet__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 29px 32px;
}
@media (max-width: 1023px) {
  .cabinet__grid {
    grid-template-columns: 1fr 1fr;
  }
  .cabinet__grid .video-card {
    width: auto;
  }
}
@media (max-width: 767px) {
  .cabinet__grid {
    grid-template-columns: 1fr;
  }
}
.cabinet__grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 1023px) {
  .cabinet__grid-2 {
    grid-template-columns: 1fr;
  }
}
.cabinet__subscription {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  .cabinet__subscription {
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .cabinet__subscription {
    font-size: 13px;
  }
}
.cabinet__subscription-more {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  cursor: pointer;
  margin-top: 16px;
  color: var(--purple);
}
@media (max-width: 1023px) {
  .cabinet__subscription-more {
    font-size: 16px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .cabinet__btn {
    margin: auto;
    width: 100%;
  }
}
.cabinet__order-list-empty {
  margin-top: 46px;
}
.cabinet__order-list-empty .btn {
  margin-top: 46px;
}

@media (max-width: 767px) {
  #password,
  #data {
    position: relative;
    margin-bottom: 57px;
  }
  #password .cabinet__btn,
  #data .cabinet__btn {
    position: absolute;
    bottom: -57px;
    left: 50%;
    transform: translateX(-50%);
    height: 37px;
    font-size: 12px;
    width: 100%;
  }
  #password .cabinet__section-title,
  #data .cabinet__section-title {
    display: block;
  }
}

@media (max-width: 767px) {
  .mob-content-visible .cabinet {
    background: var(--pink-super-light);
  }
  .mob-content-visible .cabinet__sidebar {
    transform: scale(0);
    height: 0;
  }
  .mob-content-visible .cabinet__section {
    box-shadow: none;
  }
  .mob-content-visible .cabinet__content {
    transform: translateX(calc(-100% - 16px));
    background: transparent;
  }
  .mob-content-visible .cabinet h1 {
    display: none;
  }
}

.detail-visible .cabinet__order-total {
  display: none;
}
.detail-visible .cabinet__order-detail {
  display: block;
}
.detail-visible .cabinet__section {
  background: transparent;
}

.cupon {
  padding: 40px;
  border-radius: 12px;
  background: var(--checkbox-disabled-bg);
  text-align: center;
}
@media (max-width: 1023px) {
  .cupon {
    padding: 24px;
  }
}
.cupon__title {
  font-weight: 500;
  font-size: 40px;
  color: var(--black);
}
@media (max-width: 1023px) {
  .cupon__title {
    font-size: 24px;
  }
}
.cupon__text {
  margin-top: 37px;
  font-size: 18px;
}
@media (max-width: 1023px) {
  .cupon__text {
    margin-top: 24px;
    font-size: 16px;
  }
}
.cupon__code {
  margin-top: 12px;
  cursor: pointer;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 26px;
  background: var(--white);
  position: relative;
}
@media (max-width: 1023px) {
  .cupon__code {
    height: 48px;
    font-size: 22px;
    padding: 0 16px;
  }
}
.cupon__info {
  border-radius: 5px;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 5px);
  padding: 5px;
  background: var(--white);
  animation: copySuccess 2s ease-in-out 0s 1;
  font-size: 12px;
  opacity: 0;
  transform: translate(100%, -50%) scale(0);
}

@keyframes copySuccess {
  0% {
    opacity: 0;
    transform: translate(-50%, 100%) scale(0);
  }
  20% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  80% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -100%) scale(2);
  }
}
.patient .main {
  margin-top: -140px;
}
@media (max-width: 1023px) {
  .patient .main {
    margin-top: 0;
  }
}
.patient .main__slider {
  margin: 0;
}
.patient .main__slider .slick-dots {
  bottom: 40px;
}
@media (min-width: 1024px) {
  .patient .main__slider .slick-dots {
    bottom: 218px;
  }
  .patient .main__slider-slide {
    --padding: calc((100vw - 1268px) / 2);
    height: 800px;
    padding-left: var(--padding);
    padding-right: var(--padding);
    padding-bottom: 300px;
    align-items: flex-end;
  }
  .patient .main__slider-title {
    font-weight: 500;
    font-size: 55px;
    line-height: 60px;
  }
  .patient .main__slider-text {
    margin-top: 24px;
  }
  .patient .main__slider-buttons {
    margin-top: 33px;
  }
}
@media (max-width: 1440px) {
  .patient .main__slider-slide {
    --padding: var(--wrapper-margin);
  }
}
.patient .main__slider .slick-arrow {
  display: none !important;
}
@media (max-width: 1024px) {
  .patient .main__slider-slide {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .patient .main__slider-slide {
    height: 526px;
    padding-bottom: 68px;
  }
  .patient .main__slider .slick-dots {
    bottom: 45px;
  }
}

.main {
  overflow: hidden;
}
@media (max-width: 1023px) {
  .main__slider {
    margin: 0 calc(var(--wrapper-margin) * -1);
  }
}
.main__slider:not(.slick-initialized) .main__slider-slide:nth-child(n+2) {
  display: none;
}
.main__slider.slick-initialized .main__slider-slide {
  display: flex !important;
}
.main__slider .slick-arrow {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background: var(--white);
  border-radius: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 0;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 1024px) {
  .main__slider .slick-arrow {
    display: none !important;
  }
}
.main__slider .slick-arrow::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--purple);
  border-right: 2px solid var(--purple);
  transform: rotate(45deg);
}
.main__slider .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16px;
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .main__slider .slick-dots {
    gap: 8px;
    bottom: 24px;
  }
}
.main__slider .slick-dots li {
  width: 120px;
  height: 2px;
  flex-shrink: 0;
  background: var(--gray-border);
  position: relative;
}
@media (max-width: 767px) {
  .main__slider .slick-dots li {
    width: 48px;
  }
}
.main__slider .slick-dots li.active {
  background: var(--white);
}
.main__slider .slick-dots li.active::after {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  width: calc(100% + 4px);
  height: 100%;
  border-radius: 2px;
  background: var(--purple);
  animation: widthAnimation 5s linear 0s 1;
}
.main__slider .slick-dots li button {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.main__slider .slick-dots li button::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 20px);
  position: absolute;
  left: 0;
  top: -10px;
}
.main__slider .slick-next {
  left: auto;
  right: 16px;
}
.main__slider .slick-prev {
  left: 16px;
}
.main__slider .slick-prev::after {
  transform: rotate(-135deg);
}
.main__slider-slide {
  height: 448px;
  display: flex;
  position: relative;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 65px 107px 20px;
}
@media (max-width: 1023px) {
  .main__slider-slide {
    height: 783px;
    padding: 50px 24px 66px;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .main__slider-slide {
    height: 450px;
    padding-bottom: 58px;
  }
}
.main__slider-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -5;
}
@media (max-width: 1023px) {
  .main__slider-slide-bg_desktop {
    display: none;
  }
}
.main__slider-slide-bg_tablet {
  display: none;
}
@media (max-width: 1023px) {
  .main__slider-slide-bg_tablet {
    display: block;
  }
}
@media (max-width: 767px) {
  .main__slider-slide-bg_tablet {
    display: none;
  }
}
.main__slider-slide-bg_mobile {
  display: none;
}
@media (max-width: 767px) {
  .main__slider-slide-bg_mobile {
    display: block;
  }
}
.main__slider-block {
  max-width: 510px;
  position: relative;
}
@media (max-width: 1023px) {
  .main__slider-block {
    max-width: 450px;
  }
}
.main__slider-title {
  font-weight: 700;
  font-size: 45px;
  line-height: 130%;
  color: var(--white);
}
@media (max-width: 1023px) {
  .main__slider-title {
    font-size: 36px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .main__slider-title {
    font-size: 28px;
  }
}
.main__slider-text {
  margin-top: 16px;
  max-width: 430px;
  font-size: 20px;
  line-height: 130%;
  color: var(--white);
}
@media (max-width: 1023px) {
  .main__slider-text {
    max-width: 370px;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .main__slider-text {
    margin-top: 6px;
  }
}
.main__slider-buttons {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .main__slider-buttons {
    margin-top: 16px;
  }
}
.main__slider-buttons .btn {
  padding: 0 24px;
  min-width: 0;
}
.main__slider-info {
  color: var(--white);
  position: absolute;
  left: 0;
  bottom: 230px;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  opacity: 0.6;
}
@media (max-width: 1023px) {
  .main__slider-info {
    bottom: auto;
    top: 16px;
    font-size: 11px;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .main__slider-info {
    top: 10px;
    font-size: 8px;
    line-height: 11px;
  }
}
.main__section {
  margin-top: 88px;
}
@media (max-width: 1023px) {
  .main__section {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .main__section {
    margin-top: 40px;
    padding-bottom: 59px;
    position: relative;
  }
  .main__section--nobtn {
    padding-bottom: 0;
  }
}
.main__section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.main__section-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: var(--purple);
}
@media (max-width: 767px) {
  .main__section-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .main__section-buttons {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.main__section-buttons .btn {
  padding: 0 24px;
  min-width: 0;
}
@media (max-width: 1023px) {
  .main__section-buttons .btn {
    font-size: 16px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .main__section-buttons .btn {
    font-size: 14px;
    height: 43px;
  }
}
.main__section-container {
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .main__section-container {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .main__section-container {
    margin-top: 32px;
  }
}
.main__section-blocks {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .main__section-blocks {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .main__section-blocks {
    display: block;
  }
}
.main__section-blocks--spec {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .main__section-blocks--spec {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
}
.main__grid-body {
  margin-top: 55px;
  display: grid;
  gap: 30px;
  grid-template-areas: "a a a a c c" "a a a a c c";
}
@media (max-width: 1024px) {
  .main__grid-body {
    margin-top: 41px;
    grid-template-areas: "a a a a" "c c c c";
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .main__grid-body {
    margin-top: 32px;
    grid-template-areas: "a" "c";
    gap: 12px;
  }
}
.main__grid-item {
  border-radius: 20px;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  padding: 40px 32px;
  cursor: pointer;
  height: 716px;
}
@media (max-width: 1024px) {
  .main__grid-item {
    height: 331px;
    padding: 35px 22px;
  }
}
@media (max-width: 767px) {
  .main__grid-item {
    height: 413px;
    border-radius: 12px;
    padding: 22px 12px;
  }
}
.main__grid-item--a {
  grid-area: a;
  padding: 40px 48px;
  background-color: var(--dir-bg-1);
}
@media (max-width: 1024px) {
  .main__grid-item--a {
    padding: 35px 22px;
  }
}
@media (max-width: 767px) {
  .main__grid-item--a {
    padding: 22px 12px;
  }
}
.main__grid-item--b {
  grid-area: b;
  background-color: var(--dir-bg-2);
}
.main__grid-item--c {
  grid-area: c;
  background-color: var(--dir-bg-3);
}
.main__grid-ico {
  display: flex;
  justify-content: center;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .main__grid-ico img {
    height: 64px;
  }
}
.main__grid-name {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .main__grid-name {
    font-size: 24px;
    line-height: 140%;
  }
  .main__grid-name br {
    display: none;
  }
}
.main__grid-descr {
  margin-top: 16px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .main__grid-descr {
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .main__grid-descr {
    margin-top: 12px;
    font-size: 13px;
  }
  .main__grid-descr br {
    display: none;
  }
}
.main__grid-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0;
}
.main__grid-link {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.main__block {
  margin-top: 78px;
}
@media (max-width: 1024px) {
  .main__block {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .main__block {
    margin-top: 30px;
  }
}
.main__block-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  position: relative;
  max-width: none;
}
@media (max-width: 1024px) {
  .main__block-title {
    font-size: 32px;
    line-height: 130%;
  }
}
@media (max-width: 767px) {
  .main__block-title {
    font-size: 28px;
    text-align: left;
    position: static;
  }
}
@media (min-width: 768px) {
  .main__block-title .main__section-buttons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.main__school {
  margin-top: 85px;
  border-radius: 16px;
  background: var(--dir-bg-1);
  padding: 60px 67px;
}
@media (max-width: 1024px) {
  .main__school {
    border-radius: 0px;
    margin-top: 39px;
    padding: 25px calc(var(--wrapper-margin) * 2);
    margin-left: calc(var(--wrapper-margin) * -1);
    width: calc(100% + var(--wrapper-margin) * 2);
  }
}
@media (max-width: 767px) {
  .main__school {
    padding: 40px calc(var(--wrapper-margin) * 2);
  }
}
.main__school-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  text-align: center;
  color: var(--black);
  max-width: 540px;
  margin: auto;
}
@media (max-width: 767px) {
  .main__school-title {
    font-size: 24px;
  }
}
.main__school-title span {
  color: var(--purple);
}
.main__school-slider {
  margin-top: 48px;
}
@media (max-width: 1024px) {
  .main__school-slider {
    margin-top: 40px;
  }
  .main__school-slider .slick-list {
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .main__school-slider {
    margin-top: 30px;
    margin-left: -15px;
  }
}
.main__school-slider:not(.slick-initialized) {
  display: flex;
  gap: 24px;
  overflow: hidden;
}
.main__school-slider:not(.slick-initialized) .news-card:nth-child(n+4) {
  display: none;
}
@media (max-width: 768px) {
  .main__school-slider:not(.slick-initialized) .news-card:nth-child(n+5) {
    display: none;
  }
}
.main__school-slider.slick-initialized .school-card {
  margin: 0px 12px;
}
@media (max-width: 768px) {
  .main__school-slider.slick-initialized .school-card {
    margin: 0 8px;
  }
}
.main__school-buttons {
  margin-top: 48px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .main__school-buttons {
    margin-top: 24px;
  }
}
.main__online {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .main__online {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .main__online {
    gap: 12px;
    margin-top: 32px;
  }
}
.main__online-section {
  padding: 48px 32px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .main__online-section {
    padding: 34px 24px;
  }
}
@media (max-width: 767px) {
  .main__online-section {
    padding: 24px 12px;
  }
}
.main__online-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: var(--white);
}
@media (max-width: 767px) {
  .main__online-title {
    font-size: 24px;
  }
}
.main__online-text {
  margin-top: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: var(--white);
}
@media (max-width: 1023px) {
  .main__online-text {
    font-size: 14px;
    padding-right: 140px;
  }
}
@media (max-width: 767px) {
  .main__online-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    padding-right: 0px;
  }
}
.main__online-block {
  position: relative;
  z-index: 1;
}
.main__online-buttons {
  display: flex;
  gap: 16px;
  margin-top: 190px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .main__online-buttons {
    margin-top: 185px;
  }
}
@media (max-width: 767px) {
  .main__online-buttons {
    margin-top: 100px;
  }
}
.main__online-buttons .btn--lg {
  min-width: unset;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main__online-buttons .btn--lg {
    width: 173px;
    height: 55px;
  }
}
@media (max-width: 767px) {
  .main__online-buttons .btn--lg {
    width: 149px;
    height: 48px;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
  }
}
.main__online-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 0;
}

.spec__item {
  padding: 24px;
  border: 1px solid var(--gray-border);
  border-radius: 20px;
}
@media (max-width: 767px) {
  .spec__item {
    width: 210px;
    margin: 0 8px;
    padding: 16px 12px;
    border-radius: 8px;
    height: inherit !important;
  }
}
.spec__ico {
  height: 60px;
}
@media (max-width: 767px) {
  .spec__ico {
    height: 32px;
  }
}
.spec__ico svg {
  height: 60px;
}
@media (max-width: 767px) {
  .spec__ico svg {
    height: 32px;
    width: auto;
  }
}
.spec__content {
  display: block;
  text-decoration: none;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .spec__content {
    margin-top: 16px;
  }
}
.spec__name {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .spec__name {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .spec__name {
    font-size: 18px;
  }
}
.spec__descr {
  margin-top: 7px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .spec__descr {
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .spec__descr {
    margin-top: 12px;
    font-size: 13px;
  }
}
.spec-slider .slick-track {
  display: flex !important;
}

.specializations {
  padding: 24px;
  background: var(--gray-light);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .specializations {
    padding: 16px 12px 24px;
    border-radius: 8px;
    gap: 0;
  }
}
.specializations__ico {
  height: 90px;
}
@media (max-width: 767px) {
  .specializations__ico {
    height: 60px;
  }
}
.specializations__ico svg {
  height: 90px;
}
@media (max-width: 767px) {
  .specializations__ico svg {
    height: 60px;
    width: auto;
  }
}
.specializations__content {
  display: block;
  text-decoration: none;
}
@media (max-width: 767px) {
  .specializations__content {
    margin-top: 16px;
  }
}
.specializations__name {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 767px) {
  .specializations__name {
    font-size: 24px;
  }
}
.specializations__descr {
  margin-top: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .specializations__descr {
    margin-top: 12px;
    font-size: 14px;
  }
}
.specializations__top {
  height: 520px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 56px 109px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .specializations__top {
    height: 185px;
    padding: 12px;
  }
}
.specializations__top-title {
  font-weight: 700;
  font-size: 56px;
  line-height: 62px;
  color: var(--white);
  text-align: left;
}
@media (max-width: 767px) {
  .specializations__top-title {
    font-size: 28px;
    line-height: 140%;
  }
}
.specializations__container {
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .specializations__container {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .specializations__container {
    margin-top: 40px;
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.specializations__container-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
  float: left;
  max-width: 43%;
  margin-right: 20px;
  margin-bottom: 40px;
  color: var(--purple);
}
@media (max-width: 1023px) {
  .specializations__container-title {
    float: none;
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
  }
}
.specializations__container-content p {
  font-size: 20px;
  line-height: 32px;
  color: var(--black);
}
@media (max-width: 1023px) {
  .specializations__container-content p {
    font-size: 16px;
    line-height: 140%;
  }
}
.specializations__container-content a {
  font-size: 20px;
  line-height: 32px;
  color: var(--blue);
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .specializations__container-content a {
    font-size: 16px;
    line-height: 140%;
  }
}
.specializations__container-content_half {
  width: 50%;
}
@media (max-width: 767px) {
  .specializations__container-content_half {
    width: 100%;
  }
}
.specializations__container_reverse {
  grid-template-columns: auto 43%;
}
@media (max-width: 767px) {
  .specializations__container_reverse {
    grid-template-columns: 1fr;
  }
}
.specializations__flex {
  display: flex;
  gap: 10px;
}
@media (max-width: 767px) {
  .specializations__flex {
    flex-direction: column;
    align-items: center;
  }
}

.direction__slider {
  margin-top: -178px;
  position: relative;
  z-index: 1;
  margin-right: calc((1268px - 100vw) * 2);
}
@media (max-width: 1024px) {
  .direction__slider {
    margin-top: -15px;
  }
}
@media (max-width: 1268px) {
  .direction__slider {
    margin-right: calc(var(--wrapper-margin) * -1);
  }
}
@media (max-width: 767px) {
  .direction__slider {
    margin-top: -25px;
  }
}
.direction__slider:not(.slick-initialized) {
  display: flex;
  gap: 30px;
  overflow: visible;
}
.direction__slider.slick-initialized .direction__slide {
  background-size: 227px;
  background-position: calc(100% + 20px) calc(100% + 20px);
  margin: 0px 15px;
}
@media (max-width: 1024px) {
  .direction__slider.slick-initialized .direction__slide {
    background-size: 126px;
    background-position: calc(100% + 5px) calc(100% + 20px);
  }
}
@media (max-width: 768px) {
  .direction__slider.slick-initialized .direction__slide {
    margin: 0 8px;
  }
}
.direction__slider.slick-initialized .slick-track {
  display: flex;
}
.direction__slider .slick-arrow {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--white);
  border-radius: 50px;
  position: absolute;
  bottom: -67px;
  left: 0;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .direction__slider .slick-arrow {
    bottom: -54px;
  }
}
.direction__slider .slick-arrow.slick-disabled {
  background: var(--gray-light);
}
.direction__slider .slick-arrow.slick-next {
  left: 142px;
}
@media (max-width: 767px) {
  .direction__slider .slick-arrow.slick-next {
    left: 96px;
  }
}
.direction__slider-footer {
  margin-top: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .direction__slider-footer {
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .direction__slider-footer .main__section-buttons {
    left: auto;
    transform: none;
    right: 12px;
    position: relative;
  }
  .direction__slider-footer .main__section-buttons .btn {
    font-size: 12px;
    height: 36px;
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .direction__slider-footer {
    margin-bottom: 0;
  }
  .direction__slider-footer .main__section-buttons {
    bottom: -9px;
  }
}
.direction__slider-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 68px;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: black;
  gap: 9px;
}
@media (max-width: 767px) {
  .direction__slider-counter {
    padding: 0px 45px;
  }
}
.direction__slide {
  width: 509px;
  height: 321px;
  padding: 40px 190px 26px 26px;
  background-color: var(--dir-bg-1);
  border-radius: 20px;
  background-position: right bottom;
  background-repeat: no-repeat;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .direction__slide {
    width: 294px;
    height: auto;
    padding: 29px 15px 96px 15px;
    background-size: 35%;
  }
}
@media (max-width: 767px) {
  .direction__slide {
    width: 210px;
    border-radius: 8px;
    padding: 30px 15px 80px 12px;
    background-size: 45%;
  }
}
.direction__slide-name {
  font-weight: 600;
  font-size: 26px;
}
@media (max-width: 767px) {
  .direction__slide-name {
    font-size: 20px;
  }
}
.direction__slide-descr {
  margin-top: 25px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .direction__slide-descr {
    margin-top: 18px;
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .direction__slide-descr {
    margin-top: 16px;
    font-size: 13px;
  }
}
.direction__slide-link {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.school-card {
  position: relative;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .school-card {
    width: 294px;
  }
}
@media (max-width: 767px) {
  .school-card {
    width: 210px;
  }
}
.school-card__ico {
  height: 201px;
  position: relative;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1024px) {
  .school-card__ico {
    height: 160px;
  }
}
.school-card__time {
  padding: 3px 10px 2px;
  border-radius: 20px;
  background: var(--black);
  position: absolute;
  right: 8px;
  bottom: 8px;
  color: var(--white);
}
.school-card__descr {
  margin-top: 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  display: block;
}
@media (max-width: 1024px) {
  .school-card__descr {
    margin-top: 24px;
    font-size: 18px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .school-card__descr {
    margin-top: 18px;
    font-size: 13px;
    line-height: 130%;
  }
}
.school-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@keyframes widthAnimation {
  from {
    width: 0%;
  }
  to {
    width: calc(100% + 4px);
  }
}
.news-catalog__img {
  height: 250px;
  border-radius: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .news-catalog__img {
    height: 170px;
  }
}
.news-catalog__date {
  margin-top: 24px;
  font-weight: 500;
  color: var(--purple-medium);
}
@media (max-width: 767px) {
  .news-catalog__date {
    margin-top: 12px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .news-catalog__date {
    margin-top: 12px;
    font-size: 12px;
  }
}
.news-catalog__descr {
  margin-top: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}
@media (max-width: 767px) {
  .news-catalog__descr {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .news-slider {
    margin-left: calc(var(--wrapper-margin) * -1);
    margin-right: calc(var(--wrapper-margin) * -1);
    padding-left: var(--wrapper-margin);
    padding-right: var(--wrapper-margin);
    overflow: hidden;
  }
  .news-slider .slick-list {
    overflow: visible;
  }
}
.news-slider:not(.slick-initialized) {
  display: flex;
  gap: 30px;
  overflow: hidden;
}
.news-slider:not(.slick-initialized) .news-card:nth-child(n+4) {
  display: none;
}
@media (max-width: 768px) {
  .news-slider:not(.slick-initialized) .news-card:nth-child(n+5) {
    display: none;
  }
}
.news-slider.slick-initialized .news-card {
  margin: 0px 15px;
}
@media (max-width: 768px) {
  .news-slider.slick-initialized .news-card {
    margin: 0 8px;
  }
}
@media (max-width: 767px) {
  .news-card {
    width: 210px;
  }
}
.news-card__img {
  height: 223px;
  border-radius: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .news-card__img {
    height: 116px;
    border-radius: 8px;
  }
}
.news-card__date {
  margin-top: 24px;
  font-weight: 500;
  color: var(--purple-medium);
}
@media (max-width: 767px) {
  .news-card__date {
    margin-top: 12px;
    font-size: 12px;
  }
}
.news-card__descr {
  margin-top: 8px;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}
@media (max-width: 767px) {
  .news-card__descr {
    font-size: 16px;
    line-height: 140%;
  }
}
.news-card__more {
  margin-top: 16px;
  padding: 7px 12px 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: var(--main-1);
}
@media (max-width: 767px) {
  .news-card__more {
    margin-top: 13px;
    gap: 4px;
    padding: 5px 10px 6px;
    font-size: 13px;
  }
}
.news-card__more-arrow {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .news-card__more-arrow {
    width: 20px;
    height: 20px;
  }
  .news-card__more-arrow svg {
    width: 14px;
    height: auto;
  }
}
.news-card__more-arrow use {
  fill: var(--white);
}
.news-card__del {
  margin-top: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: var(--purple);
  cursor: pointer;
}

.article {
  --mt1: 40px;
  --mt2: 32px;
}
@media (max-width: 767px) {
  .article {
    --mt1: 32px;
    --mt2: 24px;
  }
}
* + .article__text,
.article * + h3,
.article * + h4 {
  margin-top: var(--mt2);
}
@media (max-width: 767px) {
  .article h3 {
    font-size: 18px;
  }
}
.article__yt-wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.article__poster {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #2B3C90 65.1%, #51338B 100%);
  margin: 0px 0px 40px;
  border-radius: 12px;
  height: 522px;
}
@media (max-width: 767px) {
  .article__poster {
    height: 175px;
    margin: 16px 0px 24px;
  }
  .article__poster svg, .article__poster img {
    width: 114px;
  }
}
.article__poster_detail {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.article__title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .article__title {
    font-size: 24px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .article__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
  }
}
.article__info {
  margin-top: 16px;
  font-size: 16px;
  line-height: 130%;
  color: var(--gray);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.article__info .ui-rate {
  color: var(--gray-dark);
}
.article__buttons {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.article__body {
  margin-top: 56px;
  display: grid;
  grid-template-columns: auto 400px;
  grid-template-columns: minmax(0, auto) 400px;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 46px;
}
@media (max-width: 1023px) {
  .article__body {
    grid-template-columns: 100%;
    margin-top: 40px;
  }
}
.article__body a:not(.btn):not(.article__other-item) {
  color: var(--blue);
  text-decoration: underline;
}
.article__body .article__buttons {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .article__body .article__buttons {
    margin-top: 24px;
  }
}
.article__body._video {
  gap: 16px;
}
.article__body._video h1 {
  color: #51338B;
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
  margin-top: 0;
}
.article__body._video .article__footer {
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  margin-top: 16px;
}
@media screen and (max-width: 1440px) {
  .article__body._video .article__footer {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .article__body._video .article__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.article__body._video .article__footer-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(80% - 4px);
}
@media (max-width: 767px) {
  .article__body._video .article__footer-left {
    width: 100%;
  }
}
.article__body._video .article__other-info {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 767px) {
  .article__body._video .article__other-info {
    justify-content: space-between;
  }
}
.article__body._video .article__other-item {
  align-items: center;
}
.article__body._video .article__other-image {
  height: 110px;
  width: 196px;
}
@media screen and (max-width: 767px) {
  .article__body._video .article__other-image {
    width: 100%;
    height: 170px;
  }
}
.article__body._video .article__other-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .article__body._video .article__other-block {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .article__body._video .article__other-name {
    font-size: 14px;
    margin-top: 16px;
    font-weight: 700;
  }
}
.article__body._video .article__footer-right {
  width: calc(20% - 4px);
}
@media (max-width: 767px) {
  .article__body._video .article__footer-right {
    display: flex;
    width: 100%;
  }
}
.article__body._video .article__footer-right .article__footer-section {
  gap: 16px;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
}
.article__body._video .article__footer-right .article__footer-item[data-rate-sec=videos] {
  background-color: #ffffff !important;
  padding: 0;
  height: 28px;
  width: 100%;
  justify-content: flex-start;
}
.article__body._video .article__footer-right .article__footer-item .ui-rate__star {
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' fill='none'%3E%3Cpath d='M10.8954 0.552577C11.1349 -0.184471 12.1776 -0.184471 12.4171 0.552578L14.6198 7.33191C14.7269 7.66153 15.0341 7.8847 15.3807 7.8847H22.5089C23.2839 7.8847 23.6061 8.87639 22.9791 9.33191L17.2123 13.5218C16.9319 13.7255 16.8146 14.0866 16.9217 14.4162L19.1244 21.1955C19.3639 21.9326 18.5203 22.5455 17.8933 22.09L12.1265 17.9001C11.8461 17.6964 11.4664 17.6964 11.186 17.9001L5.41917 22.09C4.7922 22.5455 3.94862 21.9326 4.1881 21.1955L6.39084 14.4162C6.49794 14.0866 6.38061 13.7255 6.10022 13.5218L0.333376 9.33191C-0.293595 8.87639 0.0286262 7.8847 0.803605 7.8847H7.93182C8.2784 7.8847 8.58557 7.66153 8.69267 7.33191L10.8954 0.552577Z' fill='%23D5D4D6'/%3E%3C/svg%3E");
}
.article__body._video .article__footer-right .article__footer-item .ui-rate__star.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M13.2392 2.34164C13.4786 1.60459 14.5214 1.60459 14.7608 2.34164L16.9636 9.12098C17.0707 9.45059 17.3778 9.67376 17.7244 9.67376H24.8526C25.6276 9.67376 25.9498 10.6655 25.3229 11.121L19.556 15.3108C19.2756 15.5146 19.1583 15.8756 19.2654 16.2053L21.4681 22.9846C21.7076 23.7216 20.864 24.3345 20.2371 23.879L14.4702 19.6892C14.1898 19.4855 13.8102 19.4855 13.5298 19.6892L7.76292 23.879C7.13595 24.3345 6.29237 23.7216 6.53185 22.9846L8.73459 16.2053C8.84169 15.8756 8.72436 15.5146 8.44397 15.3108L2.67713 11.121C2.05016 10.6655 2.37238 9.67376 3.14735 9.67376H10.2756C10.6222 9.67376 10.9293 9.45059 11.0364 9.12097L13.2392 2.34164Z' fill='%2351338B'/%3E%3C/svg%3E");
}
.article__body._video .article__footer-right .article__footer-item:nth-child(2) {
  border-radius: 8px;
  background: rgba(81, 51, 139, 0.1);
  padding: 10px 8px 14px 16px;
  color: #51338B;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 44px;
  line-height: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.article__body._video .article__footer-right .article__footer-item:nth-child(2) svg {
  width: 24px;
  height: 24px;
  max-height: none;
}
.article__body._video .article__footer-right .article__footer-item:nth-child(2) .share__block {
  background-color: #ffffff;
}
.article__body._video .article__footer-right .article__footer-item:nth-child(2) .share__block a {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(81, 51, 139, 0.1);
}
.article__body._video .article__footer-text {
  color: #505050;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
.article__body._video .article__footer-text p:first-child {
  margin-bottom: 16px;
}
.article__body._video .article__image .article__text {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 16px;
  overflow: hidden;
}
.article__body._video .article__image .article__text iframe, .article__body._video .article__image .article__text video, .article__body._video .article__image .article__text .video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .article__body._video .article__all {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.article__body._video .article__other {
  gap: 16px;
}
.article__body._video .article__sidebar-content {
  gap: 16px;
}
.article__body._video .article__subtitle {
  color: #51338B;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 110%;
}
@media screen and (max-width: 767px) {
  .article__body._video .article__subtitle {
    margin-top: 48px;
  }
}
.article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6, .article__content p {
  margin: revert;
}
.article__content table:not(.ui-table__table) {
  margin-top: var(--mt2);
  border-spacing: 0;
}
@media (max-width: 767px) {
  .article__content table:not(.ui-table__table) {
    font-size: 12px;
    line-height: 130%;
  }
}
.article__content table:not(.ui-table__table) thead {
  background: var(--purple-medium);
  color: var(--white);
  font-weight: 700;
}
@media (max-width: 767px) {
  .article__content table:not(.ui-table__table) thead {
    display: none;
  }
}
@media (max-width: 767px) {
  .article__content table:not(.ui-table__table) tbody {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .article__content table:not(.ui-table__table) tr {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .article__content table:not(.ui-table__table) tr td:nth-child(1) {
    font-size: 12px;
    line-height: 130%;
    background: var(--purple-medium);
    color: var(--white);
    font-weight: 700;
  }
  .article__content table:not(.ui-table__table) tr td:nth-child(2) {
    padding: 0;
  }
}
.article__content table:not(.ui-table__table) td {
  padding: 16px;
}
@media (max-width: 767px) {
  .article__content table:not(.ui-table__table) td {
    padding: 5px;
  }
}
.article__content table:not(.ui-table__table) tr + tr td {
  border-top: 1px solid var(--gray);
}
@media (max-width: 767px) {
  .article__content table:not(.ui-table__table) tr + tr td {
    border-top: none;
  }
}
.article__content ul, .article__content ol {
  list-style: none;
  margin-top: var(--mt2);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 0;
}
.article__content ul li, .article__content ol li {
  position: relative;
}
.article__content ul li {
  padding-left: 16px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .article__content ul li {
    font-size: 14px;
    line-height: 140%;
  }
}
.article__content ul li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--purple-medium);
  position: absolute;
  left: 0px;
  top: 10px;
}
@media (max-width: 767px) {
  .article__content ul li::before {
    top: 7px;
  }
}
.article__content ol li {
  padding-left: 25px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .article__content ol li {
    font-size: 14px;
    line-height: 140%;
  }
}
.article__content ol li::before {
  content: attr(data-num);
  color: var(--blue-medium);
  position: absolute;
  left: 0px;
  top: 0px;
}
.article__content blockquote {
  padding: 15px 25px;
  border-left: 2px solid #FF7E46;
  background: rgba(255, 126, 70, 0.3);
  margin: 12px 0;
  color: #000;
}
.article__image {
  position: relative;
}
.article__image img {
  max-width: 100%;
}
.article__image-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.article__text {
  font-size: 18px;
  line-height: 26px;
}
.article__text p + p {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .article__text {
    font-size: 14px;
    line-height: 140%;
  }
}
.article__text-img {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
@media (max-width: 1024px) {
  .article__text-img {
    margin-right: 0px;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.article__text-img .card {
  max-width: 280px;
}
.article__text-img .card a[href] {
  text-decoration: none;
  color: inherit;
}
.article__text-img .card a[href].btn--purple {
  color: #fff;
}
.article__text-img_float-right {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}
@media (max-width: 1024px) {
  .article__text-img_float-right {
    float: none;
    margin-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.article__subtitle {
  margin-top: var(--mt1);
  font-size: 26px;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 767px) {
  .article__subtitle {
    font-size: 20px;
  }
}
.article__programm {
  margin-top: var(--mt2);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.article__programm-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media (max-width: 767px) {
  .article__programm-item {
    flex-direction: column;
  }
}
.article__programm-time {
  width: 109px;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 130%;
}
.article__programm-name {
  font-weight: 600;
  font-size: 18px;
}
@media (max-width: 767px) {
  .article__programm-name {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
  }
}
.article__programm-author {
  margin-top: 10px;
  display: flex;
  gap: 8px;
  max-width: 680px;
}
.article__programm-avatar {
  width: var(--mt1);
  height: var(--mt1);
  flex-shrink: 0;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.article__programm-position {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .article__programm-position {
    font-size: 14px;
    line-height: 140%;
  }
}
.article__sidebar-content {
  position: sticky;
  display: flex;
  flex-direction: column;
  gap: 24px;
  top: var(--mt1);
}
@media (max-width: 767px) {
  .article__sidebar-content {
    gap: 16px;
  }
}
.article__sidebar-content .article__subtitle {
  margin-top: 0;
}
.article__other {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .article__other {
    gap: 16px;
  }
}
.article__other-item {
  display: flex;
  gap: 12px;
}
@media (max-width: 767px) {
  .article__other-item {
    gap: 0px;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
}
.article__other-item[onclick] {
  cursor: pointer;
}
.article__other-image {
  width: 171px;
  height: 104px;
  flex-shrink: 0;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 500px) {
  .article__other-image {
    width: 100%;
    height: 170px;
  }
}
.article__other-name {
  color: #2C2933;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
}
@media (max-width: 767px) {
  .article__other-name {
    margin-top: 8px;
  }
}
.article__other-info {
  margin-top: 8px;
  font-size: 13px;
  color: var(--gray);
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .article__other-info {
    margin-top: 4px;
  }
}
.article__other-info > span {
  color: #A5A5A5;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
}
.article__other-label {
  position: absolute;
  bottom: 4px;
  right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 12px;
  color: var(--white);
  font-size: 12px;
  text-align: center;
  border-radius: 20px;
}
.article__other-label--breakfast {
  background: var(--blue-light);
}
.article__other-label--lunch {
  background: var(--purple-light);
}
.article__other-label--dinner {
  background: var(--blue-medium);
}
.article__other-label--dessert {
  background: #AC98C5;
}
.article__other-label--time {
  background: var(--black);
}
.article__footer {
  margin-top: var(--mt1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .article__footer {
    gap: 8px 4px;
  }
}
.article__footer-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 767px) {
  .article__footer-section {
    gap: 4px;
  }
}
.article__footer-item {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 20px;
  height: 39px;
  cursor: pointer;
  font-weight: 700;
  background: var(--gray-light);
  border-radius: 20px;
  position: relative;
}
.article__footer-item:hover .share__block {
  display: block;
}
@media (max-width: 767px) {
  .article__footer-item {
    padding: 0 12px;
    height: 25px;
    font-size: 12px;
    font-weight: 400;
  }
  .article__footer-item svg {
    max-height: 70%;
    width: auto;
  }
}
.article__footer-item--hash {
  background: var(--blue-super-light);
}
.article__attation {
  padding: 24px;
  background: var(--pink-super-light);
  border-radius: 12px;
}
.article__attation-text {
  font-weight: 500;
  line-height: 130%;
  margin-top: 16px;
}
.article__attation-buttons {
  margin-top: 24px;
  display: flex;
  gap: 16px;
}
.article__recipe-info {
  margin-top: var(--mt2);
  display: flex;
  padding: 24px 32px;
  gap: 16px;
  background: var(--dir-bg-1);
  border-radius: 16px;
  color: var(--blue);
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .article__recipe-info {
    padding: 16px 12px;
    border-radius: 10px;
    flex-wrap: wrap;
    gap: 10px;
    text-align: left;
    display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
  }
}
.article__recipe-info_item {
  width: 82px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .article__recipe-info_item {
    width: auto;
    display: grid;
    grid-template-areas: "a b" "c c";
  }
}
.article__recipe-info_ico {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
}
@media (max-width: 767px) {
  .article__recipe-info_ico {
    grid-area: a;
    width: 20px;
    height: 20px;
  }
  .article__recipe-info_ico svg, .article__recipe-info_ico img {
    max-width: 100%;
    max-height: 100%;
  }
}
.article__recipe-info_name {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .article__recipe-info_name {
    margin-top: 0;
    grid-area: b;
    font-size: 12px;
  }
}
.article__recipe-info_value {
  margin-top: 8px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .article__recipe-info_value {
    grid-area: c;
    font-size: 12px;
    line-height: 140%;
    margin-top: 4px;
  }
}
.article__video-info {
  margin-top: 16px;
  padding: 16px 12px;
  background: var(--gray-light);
  border-radius: 8px;
}
.article__video-info_title {
  font-weight: 700;
}
.article__video-info_descr {
  margin-top: 12px;
  font-weight: 500;
}
.article__video-info_descr a {
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
}
.article__video-info_more {
  font-weight: 700;
  cursor: pointer;
}
.article__all {
  padding: 13px 24px;
  color: #51338B !important;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 110%;
  text-decoration: none !important;
  border-radius: 8px;
  border: 1.5px solid #51338B;
  background: #FFF;
  width: -moz-max-content;
  width: max-content;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .article__all {
    font-size: 14px;
    margin-top: 0;
  }
}
.article__author-info {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .article__author-info {
    font-size: 13px;
    line-height: 130%;
  }
}
.article__author-info_row {
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .article__author-info_row {
    gap: 32px;
  }
}
.article__author-info_title {
  font-weight: 700;
  width: 155px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .article__author-info_title {
    width: 115px;
  }
}
.article__author-photo {
  width: 100%;
  height: 417px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .article__author-photo {
    width: 229px;
    height: 239px;
  }
}
@media (max-width: 767px) {
  .article__author-photo {
    width: 288px;
    height: 301px;
    margin: auto;
  }
}
.article__ingridients {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .article__ingridients {
    font-size: 14px;
    line-height: 140%;
  }
}
.article div + .article__image {
  margin-top: 16px;
}
.article__yt-wrapper > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.article__carousel {
  margin-top: 40px;
}
.article__carousel .slick-slide {
  height: unset;
}
.article__carousel.js-product-slider.slick-initialized {
  width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
}
.article__carousel.js-product-slider.slick-initialized .slick-slide {
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1024px) {
  .article__carousel.js-product-slider.slick-initialized .slick-slide {
    margin-left: 8px;
    margin-right: 8px;
  }
}
.article__carousel .card {
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 280px;
  min-width: 255px;
  margin-left: 8px;
  margin-right: 8px;
}
@media (max-width: 1024px) {
  .article__carousel .card {
    min-width: 240px;
    margin-left: 0;
    margin-right: 0;
  }
}
.article__carousel .card a[href] {
  text-decoration: none;
  color: inherit;
}
.article__carousel .card a[href].btn--purple {
  color: #fff;
}
.article__carousel.standart-slider .slick-dots {
  flex-direction: row;
}
.article__carousel.standart-slider .slick-dots li {
  padding-left: 0;
}

@media (max-width: 1023px) {
  .author .article__body {
    grid-template-columns: auto 229px;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .author .article__body {
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
  }
}

.share__block {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  padding: 10px 16px;
  background: var(--gray-light);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
  border-radius: 15px;
  z-index: 1;
}
@media (max-width: 767px) {
  .share__block {
    left: 0;
  }
}
.share__block::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: -4px;
  left: 0;
}
.share__block-social {
  display: flex;
  gap: 10px;
}
.share__block-link {
  margin-top: 16px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gray);
  font-weight: 500;
  white-space: nowrap;
}

.breadcrumbs + .article__title {
  margin-top: 56px;
}
@media (max-width: 1024px) {
  .breadcrumbs + .article__title {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs + .article__title {
    margin-top: 16px;
  }
}

.user-blockquote {
  background: #F7F5F9;
  border-radius: 20px;
  color: #3C3C3C;
  border: medium none;
  padding: 50px 40px 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .user-blockquote {
    padding: 32px 24px 24px;
    gap: 24px;
  }
}
.article__content .user-blockquote {
  background: #F7F5F9;
  border-radius: 20px;
  color: #3C3C3C;
  border: medium none;
  padding: 50px 40px 40px;
  margin: 0;
}
@media (max-width: 767px) {
  .article__content .user-blockquote {
    padding: 32px 24px 24px;
  }
}
.user-blockquote:before {
  content: "";
  background: url("/assets/images/icons/quote.svg") no-repeat 0 0;
  background-size: contain;
  width: 59px;
  height: 49px;
  position: absolute;
  left: 38px;
  top: -18px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .user-blockquote:before {
    width: 41px;
    height: 34px;
    left: 23px;
    top: -14px;
  }
}
.user-blockquote__header {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 767px) {
  .user-blockquote__header {
    font-size: 14px;
    line-height: 20px;
  }
}
.user-blockquote__header > p {
  margin: 0;
}
.user-blockquote__header > p + p {
  margin-top: 10px;
}
.user-blockquote__text {
  margin: 0;
}
.user-blockquote__text + .user-blockquote__text {
  margin-top: 10px;
}
.user-blockquote__cite {
  font-style: normal;
}
.user-blockquote__cite.user-info {
  padding: 0;
  background: none;
}
.user-blockquote__cite.user-info .user-info__wrap {
  align-items: flex-start;
  gap: 12px 11px;
}
.user-blockquote__cite.user-info .user-info__media {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
@media (max-width: 767px) {
  .user-blockquote__cite.user-info .user-info__media {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }
}
.user-blockquote__cite.user-info .user-info__header {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .user-blockquote__cite.user-info .user-info__header {
    margin-bottom: 0;
  }
}
.user-blockquote__cite.user-info .user-info__name {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .user-blockquote__cite.user-info .user-info__name {
    font-size: 16px;
    line-height: 22px;
  }
}

.user-info {
  background: #F7F5F9;
  border-radius: 20px;
  color: #3C3C3C;
  padding: 24px;
}
.user-info__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
  gap: 16px 30px;
}
@media (max-width: 767px) {
  .user-info__container {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.user-info__control {
  width: 126px;
  min-width: 126px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .user-info__control {
    margin-left: 0;
  }
}
.user-info__control .btn {
  width: 100%;
}
.user-info__wrap {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 12px 17px;
}
@media (max-width: 767px) {
  .user-info__wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.user-info__control + .user-info__wrap {
  max-width: calc(100% - 180px);
}
@media (max-width: 767px) {
  .user-info__control + .user-info__wrap {
    max-width: none;
  }
}
.user-info__media-wrap {
  display: flex;
  align-items: center;
  gap: 16px 17px;
}
.user-info__media-wrap .user-info__header {
  display: none;
}
@media (max-width: 767px) {
  .user-info__media-wrap .user-info__header {
    display: block;
  }
}
.user-info__media {
  width: 126px;
  min-width: 126px;
  height: 126px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .user-info__media {
    width: 90px;
    min-width: 90px;
    height: 90px;
  }
}
.user-info__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-info__header {
  color: #51338B;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .user-info__header {
    margin-bottom: 0;
  }
}
.user-info__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 8px;
}
.user-info__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 767px) {
  .user-info__name {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .user-info__content .user-info__header {
    display: none;
  }
}
.user-info__leadtext {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  opacity: 0.5;
}

.FAQ .ui-accordeon {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .FAQ .ui-accordeon {
    padding: 12px 0px;
  }
}
.FAQ .ui-accordeon:not(:first-child) {
  border-top: 1px solid var(--gray-border);
}
.FAQ .ui-accordeon.active .ui-accordeon__header {
  color: var(--purple);
}
.FAQ .ui-accordeon + .ui-accordeon {
  margin-top: 0;
}
.FAQ .ui-accordeon__header {
  font-size: 26px;
}
@media (max-width: 1024px) {
  .FAQ .ui-accordeon__header {
    font-size: 20px;
  }
}
.FAQ .ui-accordeon__body {
  font-size: 18px;
  line-height: 26px;
  max-width: 820px;
}
.FAQ .ui-accordeon__body p + p {
  margin-top: 12px;
}
@media (max-width: 1024px) {
  .FAQ .ui-accordeon__body {
    font-size: 14px;
    line-height: 140%;
  }
}
.FAQ__content {
  margin-top: 56px;
}
@media (max-width: 1024px) {
  .FAQ__content {
    margin-top: 24px;
  }
}

@media (max-width: 1024px) {
  .screening .main__block {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .screening .main__block {
    margin-top: 24px;
  }
}
.screening .ui-selectmenu-button.ui-button {
  height: 56px;
}
@media (max-width: 767px) {
  .screening .ui-selectmenu-button.ui-button {
    height: 41px;
  }
}
.screening .ui-multiselect {
  height: 56px;
  border: 1px solid var(--gray-border);
  border-radius: 6px;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-size: 16px;
  width: 100%;
  background: var(--white);
  color: var(--gray);
}
@media (max-width: 767px) {
  .screening .ui-multiselect {
    height: 41px;
  }
}
.screening .ui-multiselect.ui-state-active .ui-icon {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.screening .ui-multiselect.ui-state-active .ui-icon::before, .screening .ui-multiselect.ui-state-active .ui-icon::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.screening .ui-multiselect.ui-state-active .ui-icon::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.screening .ui-multiselect.ui-state-active .ui-icon {
  transform: rotate(90deg);
  color: var(--gray-dark);
}
.screening .ui-multiselect .ui-icon {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(-90deg);
  flex: none;
}
.screening .ui-multiselect .ui-icon::before, .screening .ui-multiselect .ui-icon::after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  transform: rotate(45deg);
  left: 6px;
  top: 14px;
  background: currentColor;
}
.screening .ui-multiselect .ui-icon::after {
  transform: rotate(-45deg);
  left: 6px;
  top: 8px;
}
.screening .ui-multiselect .ui-icon {
  color: var(--gray-dark);
}
.screening .ui-state-button-checked {
  color: inherit;
}
.screening__form {
  margin-top: 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.screening__form.fr3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1023px) {
  .screening__form {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .screening__form {
    margin-top: 36px;
    gap: 24px;
  }
}
.screening__form_specialist {
  grid-template-columns: 1fr;
  gap: 9px;
}
.screening__form-section_specialist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0px;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
@media (max-width: 1450px) {
  .screening__form-section {
    grid-template-columns: 1fr;
  }
}
.screening__form-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .screening__form-title {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.screening__form-title_specialist {
  margin-bottom: 16px;
  grid-column: 1/-1;
}
.screening__form-body {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .screening__form-body {
    gap: 8px;
    margin-bottom: 8px;
  }
}
.screening__disk {
  font-size: 18px;
  line-height: 26px;
  margin-top: 40px;
  margin-right: 0px;
  margin-bottom: 56px;
  margin-left: 0px;
}
@media (max-width: 767px) {
  .screening__disk {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 36px;
  }
}
.screening__buttons {
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.screening__buttons .btn--lg {
  width: 294px;
}
@media (max-width: 767px) {
  .screening__buttons .btn--lg {
    width: 100%;
  }
}
.screening__buttons .btn--long {
  width: 296px;
}
@media (max-width: 767px) {
  .screening__buttons .btn--long {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .screening__buttons {
    margin-top: 34px;
    flex-direction: column;
  }
}
.screening__buttons_start {
  margin-top: 40px;
  justify-content: flex-start;
}
.screening__text {
  margin-top: 40px;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  max-width: 833px;
}
.screening__text > ol {
  padding-left: 17px;
  margin-bottom: 0;
}
.screening__ol-title {
  margin-top: 12px;
  margin-bottom: -10px;
}
.screening__imt {
  padding-top: 18px;
  padding-bottom: 22px;
}
.screening__imt-panel {
  border: 1px solid #DFDFDF;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 0 16px;
  padding: 15px 16px;
}
.screening__imt-panel-label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  color: #3C3C3C;
  font-size: 16px;
  line-height: 16px;
}
.screening__imt-panel-count {
  font-size: 18px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.screening__imt-panel-count > span {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 4px;
  padding: 6px 7px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}
.screening__imt-panel-count > span[data-count="0"] {
  border-color: #F78989;
  background-color: #FFDEDE;
  color: #814848;
}
.screening__imt-panel-count > span[data-count="1"] {
  border-color: #cdeabf;
  background-color: #f1f9ed;
  color: #4C703B;
}
.screening__imt-panel-count > span[data-count="2"] {
  border-color: #E9AA6D;
  background-color: #FFEAD6;
  color: #795B3D;
}
.screening__imt-panel-count > span[data-count="3"] {
  border-color: #F78989;
  background-color: #FFDEDE;
  color: #814848;
}
.screening__imt-slide {
  width: 608px;
  position: relative;
  padding-top: 32px;
  margin-top: 28px;
}
@media (max-width: 767px) {
  .screening__imt-slide {
    width: 100%;
  }
}
.screening__imt-slide-marker {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
}
.screening__imt-slide[data-count="0"] .screening__imt-slide-marker {
  left: 3%;
}
.screening__imt-slide[data-count="1"] .screening__imt-slide-marker {
  left: calc(33% - 3px);
}
.screening__imt-slide[data-count="2"] .screening__imt-slide-marker {
  left: calc(66% - 23px);
}
.screening__imt-slide[data-count="3"] .screening__imt-slide-marker {
  left: calc(100% - 37px);
}
.screening__imt-slide-line {
  background: linear-gradient(90deg, #f68989 0%, rgb(166, 245, 128) 33%, rgb(255, 190, 24) 62%, #f68989 100%);
  width: 100%;
  height: 8px;
  border-radius: 47px;
}
.screening__imt-slide-grid {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.screening__imt-slide-grid-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
}
.screening__text_full-width {
  max-width: none;
}
.screening__result {
  display: none;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .screening__result {
    padding-left: var(--wrapper-margin);
    padding-right: var(--wrapper-margin);
  }
}
.screening-result-specialist {
  display: flex;
  gap: 50px;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .screening-result-specialist {
    flex-direction: column;
  }
}
.screening-result-specialist__title {
  color: var(--purple, #51338b);
  font-size: 22px;
}
@media (max-width: 767px) {
  .screening-result-specialist__title {
    font-size: 20px;
  }
}
.screening-result-specialist__title_mt {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .screening-result-specialist__title_mt {
    margin-top: 30px;
  }
}
.screening-result-specialist__title_footnote sup {
  color: var(--gray-dark);
}
.screening-result-specialist__title_footnote sup:not(:last-child):after {
  content: ",";
}
.screening-result-specialist__left {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 767px) {
  .screening-result-specialist__left {
    row-gap: 30px;
  }
}
.screening-result-specialist__left .screening-result-specialist__title_print {
  display: none;
}
.screening-result-specialist__right {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  min-width: 401px;
  max-width: 401px;
  height: -moz-min-content;
  height: min-content;
  padding: 24px;
  border-radius: 12px;
  background-color: var(--pink-super-light, #f7f6f9);
}
@media (max-width: 1024px) {
  .screening-result-specialist__right {
    min-width: auto;
    max-width: 100%;
  }
}
.screening-result-specialist dl {
  margin: 0;
}
.screening-result-specialist dt {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}
.screening-result-specialist dt:not(:first-child) {
  margin-top: 15px;
}
.screening-result-specialist dd {
  margin-left: 0;
  font-size: 16px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .screening-result-specialist dd {
    font-size: 16px;
  }
}
.screening-result-specialist dd span {
  position: relative;
}
.screening-result-specialist dd span:not(:last-child):not(:empty) {
  margin-right: 0.4em;
}
.screening-result-specialist dd span:not(:empty) + span:not(:empty)::before {
  position: absolute;
  left: -0.6em;
  content: ";";
}
.screening-result-specialist dd[data-set-value=malnutrition] {
  white-space: pre-line;
}
.screening-result-specialist .recommended-product dt:first-child {
  font-size: 20px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .screening-result-specialist .recommended-product dt:first-child {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.screening-result-specialist .recommended-product ul {
  margin: 0;
}
.screening-result-specialist .recommended-product ul > li {
  font-size: 16px;
}
.screening-result-specialist .recommended-product ul > li:before {
  background: var(--gray-dark);
}
.screening-result-specialist .recommended-product sup {
  color: var(--gray-dark);
}
.screening-result-specialist .recommended-product sup + sup:before {
  content: ",";
}
.screening-result-specialist .recommended-product .ui-table {
  margin-top: 0;
  margin-bottom: 0;
}
.screening-result-specialist .recommended-product .screening-result-specialist__title {
  font-weight: 600;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 5px;
  color: inherit;
}
.screening-result-specialist ul {
  padding: 0;
  margin: 16px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
}
.screening-result-specialist ul > li {
  position: relative;
  padding-left: 16px;
  font-size: 18px;
  line-height: 26px;
}
.screening-result-specialist ul > li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--purple-medium, #ac98c5);
  position: absolute;
  left: 0;
  top: 10px;
}
@media (max-width: 1024px) {
  .screening-result-specialist ul > li {
    font-size: 16px;
    line-height: 140%;
  }
  .screening-result-specialist ul > li::before {
    top: 9px;
  }
}
@media (max-width: 767px) {
  .screening-result-specialist ul > li {
    font-size: 14px;
  }
  .screening-result-specialist ul > li::before {
    top: 7px;
  }
}
.screening-result-specialist__dysphagia {
  font-size: 16px;
  margin-top: 16px;
}
.screening-result-specialist__br {
  display: none;
}

.print {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
}
.print .screening-result-specialist {
  flex-direction: column;
  gap: 0px;
  margin-top: 5px;
}
.print .screening__title {
  text-align: center;
  font-size: 18px;
  max-width: none;
}
.print .screening-result-specialist__title {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
}
.print .screening-result-specialist__left {
  padding: 5px 10px;
  background-color: var(--pink-super-light, #f7f6f9);
  row-gap: 0px;
}
.print .screening-result-specialist__left .screening-result-specialist__title_print {
  display: block;
}
.print .screening-result-specialist__right {
  order: -1;
  max-width: none;
  row-gap: 5px;
  padding: 5px 10px;
  border-radius: 0;
}
.print .screening-result-specialist__dysphagia {
  margin-top: 4px;
}
.print .screening-result-specialist dt {
  display: inline-block;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
}
.print .screening-result-specialist dd {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
}
.print .screening-result-specialist dd.screening-result-specialist__br {
  display: block;
}
.print .screening-result-specialist ul {
  margin-top: 0px;
  gap: 0px;
}
.print .screening-result-specialist ul > li {
  font-size: 14px;
  line-height: 18px;
  padding-left: 12px;
}
.print .screening-result-specialist ul > li::before {
  width: 4px;
  height: 4px;
  top: 8px;
}
.print .screening__buttons {
  display: none;
}
.print .screening__text {
  margin-top: 10px;
  font-size: 10px;
}
.print .screening-result-specialist__dysphagia {
  font-size: 14px;
}
.print .recommended-product dt:first-child {
  font-size: 16px;
  margin-bottom: 0px;
}
.print .recommended-product ul > li {
  font-size: 14px;
}
.print .recommended-product .screening-result-specialist__title {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}

.js-screening-reset {
  display: none;
}

.screening-result-spec {
  display: none;
}
.screening-result-spec .js-hidden,
.screening-result-spec .js-hidden-disc-dysphagia,
.screening-result-spec .js-hidden-nutridrink,
.screening-result-spec .js-hidden-nutridrink-covid,
.screening-result-spec .js-hidden-nutrizon-advanst-diazon,
.screening-result-spec .js-hidden-nutrizon-advanst-кubizon,
.screening-result-spec .js-hidden-nutrizon-advanst-nutridrink,
.screening-result-spec .js-hidden-nutridrink-compact-protein,
.screening-result-spec .js-hidden-disc-fact-protein,
.screening-result-spec .js-hidden-disc-fact-energy,
.screening-result-spec .js-hidden-disc-lab-indicators {
  display: none;
}
.screening-result-spec .js-screening-reset {
  display: flex;
}

.screening-calc-spec .screening__title {
  max-width: none;
}

.recipe-card__image {
  position: relative;
  height: 250px;
  border-radius: 16px 16px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .recipe-card__image {
    height: 158px;
  }
}
.recipe-card__play img, .recipe-card__play svg {
  max-width: 100%;
}
@media (max-width: 767px) {
  .recipe-card__play {
    width: 50px;
  }
}
.recipe-card__label {
  position: absolute;
  left: 12px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  padding: 0 20px;
  color: var(--white);
  font-weight: 700;
  text-align: center;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .recipe-card__label {
    height: 26px;
    padding: 0 16px;
    font-weight: 600;
    font-size: 12px;
  }
}
.recipe-card__label--breakfast {
  background: var(--blue-light);
}
.recipe-card__label--lunch {
  background: var(--purple-light);
}
.recipe-card__label--dinner {
  background: var(--blue-medium);
}
.recipe-card__label--dessert {
  background: #AC98C5;
}
.recipe-card__content {
  padding: 24px 16px;
  border: 1px solid var(--gray-border);
  border-top: none;
  border-radius: 0px 0px 16px 16px;
}
@media (max-width: 767px) {
  .recipe-card__content {
    padding: 16px 12px;
  }
}
.recipe-card__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.recipe-card__rating {
  margin-top: 12px;
}
.recipe-card__rating .ui-rate {
  color: var(--gray);
  font-size: 13px;
  gap: 8px;
}
@media (max-width: 767px) {
  .recipe-card__rating {
    margin-top: 8px;
  }
}
.recipe-card__info {
  margin-top: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 767px) {
  .recipe-card__info {
    margin-top: 12px;
    gap: 10px;
    text-align: left;
    display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
  }
}
.recipe-card__info-item {
  width: 100%;
}
@media (max-width: 767px) {
  .recipe-card__info-item {
    width: auto;
    display: grid;
    grid-template-areas: "a b" "c c";
  }
}
.recipe-card__info-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}
@media (max-width: 767px) {
  .recipe-card__info-ico {
    grid-area: a;
    width: 20px;
    height: 20px;
  }
  .recipe-card__info-ico svg, .recipe-card__info-ico img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
}
.recipe-card__info-name {
  font-size: 13px;
  color: var(--gray);
}
@media (max-width: 767px) {
  .recipe-card__info-name {
    margin-top: 0;
    grid-area: b;
    font-size: 12px;
  }
}
.recipe-card__info-value {
  margin-top: 4px;
  font-weight: 500;
  color: var(--purple);
}
@media (max-width: 767px) {
  .recipe-card__info-value {
    grid-area: c;
    font-size: 12px;
    line-height: 140%;
    margin-top: 4px;
  }
}

.video .nm-container h1 {
  color: #51338B;
  font-family: Inter, sans-serif;
  font-size: 55px;
  font-weight: 600;
  line-height: 100%;
}
@media (max-width: 767px) {
  .video .nm-container h1 {
    font-size: 32px;
  }
}
.video__root {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .video__root {
    margin-top: 24px;
  }
  .video__root > h2 {
    text-align: left !important;
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
  }
}
.video__root + .video__root {
  margin-top: 0;
}
.video__container {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.video__container .video-card {
  width: auto;
}
.video__container .video-card.pagination-hidden {
  display: none;
}
@media (max-width: 1280px) {
  .video__container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .video__container {
    margin-top: 32px;
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (max-width: 1024px) {
  .video-slider .slick-list {
    overflow: visible;
  }
}
.video-slider:not(.slick-initialized) {
  display: flex;
  gap: 30px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .video-slider:not(.slick-initialized) {
    gap: 8px;
  }
}
.video-slider:not(.slick-initialized) .video-card:nth-child(n+5) {
  display: none;
}
@media (max-width: 768px) {
  .video-slider:not(.slick-initialized) .video-card:nth-child(n+4) {
    display: none;
  }
}
.video-slider.slick-initialized {
  align-self: flex-start;
}
.video-slider.slick-initialized .video-card {
  margin: 0px 15px;
}
@media (max-width: 1023px) {
  .video-slider.slick-initialized .video-card:first-child {
    margin-left: 48px;
  }
  .video-slider.slick-initialized .video-card:last-child {
    margin-right: 48px;
  }
}
@media (max-width: 767px) {
  .video-slider.slick-initialized .video-card {
    margin: 0px 8px;
  }
}
.video-card {
  display: block;
}
@media (max-width: 1023px) {
  .video-card {
    width: 294px;
  }
}
@media (max-width: 767px) {
  .video-card {
    width: 210px;
  }
}
.video-card.hidden {
  display: none;
}
.video-card__img {
  position: relative;
  padding-top: 57%;
  border-radius: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.video-card__img--pdf {
  background-image: url(/assets/images/icons/logo-for-card.svg), var(--bg-gradient);
  background-size: auto;
}
.video-card__img--pdf::before {
  content: "PDF";
  position: absolute;
  left: 16px;
  top: 16px;
  font-weight: 600;
  font-size: 13px;
  line-height: 14px;
  color: var(--white);
}
.video-card__img svg, .video-card__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-card__label {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 7px 20px 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  border-radius: 20px;
  color: var(--white);
}
.video-card__label--video {
  background-color: var(--blue-light);
}
.video-card__label--article {
  background-color: var(--purple-light);
}
.video-card__label--recipe {
  background-color: var(--purple);
}
.video-card__label--instruction {
  background-color: var(--blue-medium);
}
.video-card__time {
  padding: 3px 10px 2px;
  position: absolute;
  right: 13px;
  bottom: 13px;
  background: var(--black);
  border-radius: 20px;
  color: var(--white);
  font-size: 12px;
}
.video-card__info {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .video-card__info {
    margin-top: 16px;
  }
}
.video-card__date {
  font-weight: 500;
  color: var(--purple-medium);
}
@media (max-width: 767px) {
  .video-card__date {
    font-size: 12px;
  }
}
.video-card__rating .ui-rate__star {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
@media (max-width: 767px) {
  .video-card__rating .ui-rate__star {
    background-size: 14px;
  }
}
.video-card__descr {
  margin-top: 16px;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
}
@media (max-width: 767px) {
  .video-card__descr {
    font-size: 14px;
  }
}
.video__control {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .video__control {
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
  }
}
.video__control-search {
  position: relative;
  width: 408px;
}
@media screen and (max-width: 1024px) {
  .video__control-search {
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .video__control-search {
    width: 100%;
  }
}
.video__control-search:before {
  content: "";
  right: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='8.75' stroke='%23A899C5' stroke-width='1.5'/%3E%3Cpath d='M18 18L22.5504 22.5504' stroke='%23A899C5' stroke-width='1.5'/%3E%3C/svg%3E");
}
.video__control-search input {
  padding: 13px 24px;
  border-radius: 8px;
  border: 2px solid #EDEAF3;
  color: #A899C5;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  outline: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .video__control-search input {
    width: 100%;
    padding: 13px 24px 13px 16px;
    font-size: 12px;
  }
}
.video__control-search input:active, .video__control-search input:focus, .video__control-search input:visited {
  outline: none;
}
.video__control-search input::-moz-placeholder {
  color: #A899C5;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
.video__control-search input::placeholder {
  color: #A899C5;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}
@media screen and (max-width: 768px) {
  .video__control-search input::-moz-placeholder {
    font-size: 12px;
  }
  .video__control-search input::placeholder {
    font-size: 12px;
  }
}
.video__control-right {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .video__control-right {
    flex-direction: column;
  }
}
.video__control-filter {
  border-radius: 8px;
  border: 1.5px solid #51338B;
  background: #FFF;
  position: relative;
  width: 340px;
}
@media screen and (max-width: 768px) {
  .video__control-filter {
    width: 100%;
  }
}
.video__control-filter--trigger {
  display: flex;
  justify-content: space-between;
  color: #A899C5;
  text-align: center;
  padding: 13px 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  width: 100%;
  align-items: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .video__control-filter--trigger {
    font-size: 12px;
  }
}
.video__control-filter--trigger._active svg {
  transform: rotate(180deg);
}
.video__control-filter--option {
  display: flex;
  align-items: center;
  gap: 12px;
}
.video__control-filter--option:not(:last-child) {
  margin-bottom: 18px;
}
.video__control-filter--option input {
  width: 20px;
  height: 20px;
  border-radius: 48px;
  border: 1px solid #E8E2F4;
  margin: 0;
  cursor: pointer;
  accent-color: #E8E2F4;
}
.video__control-filter--option input:checked {
  accent-color: #51338B;
}
.video__control-filter--option label {
  color: #2C2933;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .video__control-filter--option label {
    font-size: 12px;
  }
}
.video__control-filter--dropdown {
  flex-direction: column;
  padding: 16px;
  position: absolute;
  top: calc(100% + 8px);
  border-radius: 8px;
  border: 1.5px solid #51338B;
  display: none;
  width: 100%;
  background-color: #ffffff;
  z-index: 111;
}
.video__control-filter--dropdown._open {
  display: flex;
}
.video__control-filter--title {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  color: #A899C5;
  margin-bottom: 16px;
}
.video__control-clear {
  border-radius: 8px;
  background: rgba(81, 51, 139, 0.1);
  border: none;
  outline: none;
  color: #51338B;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  padding: 13px 16px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .video__control-clear {
    font-size: 12px;
  }
}
.video__control-clear:focus, .video__control-clear:active {
  outline: none;
}
.video__card-info {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
.video__card-publication, .video__card-reviews {
  color: #A5A5A5;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 120%;
}

.show-more-button {
  display: none;
  margin: 16px auto 0;
  padding: 13px 24px;
  border: 1px solid #51338B;
  color: #51338B;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s;
  width: -moz-max-content;
  width: max-content;
}
.show-more-button:hover {
  border-color: #6b4ba3;
}
.show-more-button.show {
  display: block;
}

.tech {
  padding: 70px 0 88px;
}
.tech__body {
  max-width: 700px;
  text-align: center;
  margin: auto;
}
.tech__img {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  width: 290px;
  height: 290px;
  border-radius: 145px;
  background: var(--dir-bg-1);
  margin: auto;
}
@media (max-width: 1024px) {
  .tech__img {
    width: 250px;
    height: 250px;
  }
}
@media (max-width: 767px) {
  .tech__img {
    width: 230px;
    height: 230px;
  }
}
.tech__img img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .tech__img img {
    width: 90%;
    height: 90%;
  }
}
@media (max-width: 767px) {
  .tech__img img {
    width: 80%;
    height: 80%;
  }
}
.tech__title {
  margin-top: 32px;
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  color: var(--blue);
}
.tech__text {
  max-width: 540px;
  margin: 16px auto 0;
  font-size: 18px;
  line-height: 26px;
}
.tech__buttons {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .tech__buttons {
    gap: 16px;
  }
}
.tech__buttons--width-fixed .btn {
  width: 200px;
}
@media (max-width: 1024px) {
  .tech__buttons--width-fixed .btn {
    width: 148px;
  }
}
@media (max-width: 767px) {
  .tech__buttons--width-fixed .btn {
    width: 136px;
  }
}

.search__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.search__header h1 {
  margin: 0;
}
.search__header-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}
.search__header-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  background: var(--blue-super-light);
  color: var(--purple);
  border-radius: 50px;
  cursor: pointer;
  font-size: 18px;
  line-height: 26px;
  padding: 0 20px;
}
@media (max-width: 1023px) {
  .search__header-btn {
    height: 37px;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .search__header-btn {
    height: 35px;
    font-size: 14px;
  }
}
.search__header-btn:hover, .search__header-btn.active {
  background: var(--purple);
  color: var(--white);
}
.search__content {
  margin-top: 56px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .search__content {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .search__content {
    margin-top: 32px;
  }
}
.search__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.search__item-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  color: var(--black);
}
@media (max-width: 1023px) {
  .search__item-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .search__item-title {
    font-size: 20px;
  }
}
.search__item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  border-radius: 20px;
  background: var(--blue-super-light);
  color: var(--purple);
  padding: 0 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .search__item-label {
    height: 32px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .search__item-label {
    padding: 0 12px;
    height: 26px;
    font-weight: 400;
  }
}
.search__item-text {
  margin-top: 16px;
  font-size: 18px;
  line-height: 26px;
  max-width: 815px;
}
@media (max-width: 1023px) {
  .search__item-text {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .search__item-text {
    font-size: 14px;
  }
}
.search__more {
  margin-top: 32px;
}

.books__descr {
  max-width: 820px;
  margin-top: 56px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .books__descr {
    margin-top: 40px;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .books__descr {
    margin-top: 32px;
    font-size: 14px;
  }
}
.books__container {
  margin-top: 40px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 40px 15px;
}
.books__item-img {
  height: 395px;
}
@media (max-width: 1023px) {
  .books__item-img {
    height: 303px;
  }
}
@media (max-width: 767px) {
  .books__item-img {
    height: 381px;
  }
}
.books__item-img img {
  max-width: 100%;
  max-height: 100%;
}
.books__item-name {
  margin-top: 24px;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
}
@media (max-width: 1023px) {
  .books__item-name {
    margin-top: 16px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .books__item-name {
    font-size: 18px;
  }
}
.books__item .btn {
  margin: 24px auto 0;
}
@media (max-width: 1023px) {
  .books__item .btn {
    margin-top: 16px;
  }
}

.contacts__container {
  margin-top: 56px;
  display: flex;
  gap: 48px;
}
@media (max-width: 1023px) {
  .contacts__container {
    margin-top: 40px;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .contacts__container {
    margin-top: 24px;
    flex-direction: column;
    gap: 40px;
  }
}
.contacts__data {
  font-size: 18px;
  line-height: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1023px) {
  .contacts__data {
    font-size: 16px;
    line-height: 140%;
  }
}
.contacts__phones {
  min-width: 400px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 24px;
  padding: 24px;
  background: var(--pink-super-light);
  border-radius: 12px;
}
@media (max-width: 1023px) {
  .contacts__phones {
    flex-shrink: 1;
    min-width: 290px;
  }
}
.contacts__phones-item {
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1023px) {
  .contacts__phones-item {
    font-size: 12px;
    line-height: 140%;
  }
}
.contacts__phones-item a {
  font-size: 20px;
  line-height: 140%;
  font-weight: 600;
}
@media (max-width: 1023px) {
  .contacts__phones-item a {
    font-weight: 700;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .contacts__phones-item a {
    font-size: 14px;
  }
}
.contacts__title {
  margin-top: 88px;
  font-weight: 500;
  font-size: 40px;
  line-height: 48px;
}
@media (max-width: 1023px) {
  .contacts__title {
    margin-top: 56px;
    font-size: 32px;
    line-height: 130%;
  }
}
@media (max-width: 767px) {
  .contacts__title {
    margin-top: 40px;
    font-size: 24px;
    line-height: 140%;
  }
}
.contacts__docs {
  margin-top: 56px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 1023px) {
  .contacts__docs {
    margin-top: 40px;
    font-size: 12px;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .contacts__docs {
    margin-top: 24px;
  }
}
.contacts__docs-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contacts__docs a {
  font-size: 16px;
  line-height: 130%;
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .contacts__docs a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .contacts__docs a {
    font-size: 13px;
  }
}
.contacts__docs a::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/icons/doc.svg");
  flex-shrink: 0;
}

.carier__container {
  margin-top: 56px;
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
@media (max-width: 1023px) {
  .carier__container {
    margin-top: 40px;
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .carier__container {
    margin-top: 32px;
  }
}
.carier__title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  max-width: 600px;
}
@media (max-width: 767px) {
  .carier__title {
    font-size: 24px;
  }
}
.carier__text {
  margin-top: 40px;
  font-size: 18px;
  line-height: 26px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .carier__text {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .carier__text {
    font-size: 14px;
  }
}
.carier__text a {
  text-decoration: underline;
}
.carier__info {
  width: 400px;
  flex-shrink: 0;
  padding: 24px;
  background: var(--pink-super-light);
  border-radius: 12px;
  font-weight: 500;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .carier__info {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .carier__info {
    padding: 16px;
  }
}

.directions__grid {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1023px) {
  .directions__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .directions__grid {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .directions__grid:not(.slick-initialized) {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
  }
}
.directions__grid.slick-initialized {
  display: block;
  margin-left: calc(var(--wrapper-margin) * -1);
  margin-right: calc(var(--wrapper-margin) * -1);
  width: calc(100% + var(--wrapper-margin) * 2);
  padding: 0 8px;
}
.directions__grid.slick-initialized .directions__item {
  margin: 0 8px;
}
.directions__item {
  border-radius: 20px;
  position: relative;
  padding: 24px 16px;
  background: var(--dir-bg-1);
  height: 185px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .directions__item {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .directions__item {
    height: 244px;
    width: 210px;
    flex-shrink: 0;
  }
}
.directions__item-name {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .directions__item-name {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .directions__item-name {
    font-size: 20px;
  }
}
.directions__item-bg {
  position: absolute;
  line-height: 0;
  right: 13px;
  bottom: -47px;
  height: 93%;
}
@media screen and (max-width: 1070px) {
  .directions__item-bg {
    bottom: -38px;
    height: 75%;
  }
}
@media (max-width: 767px) {
  .directions__item-bg {
    bottom: -18px;
  }
}
.directions__item-bg img {
  width: auto;
  height: 100%;
}

.achievements__text {
  font-size: 18px;
  line-height: 26px;
  max-width: 350px;
}
@media (max-width: 767px) {
  .achievements__text {
    font-size: 14px;
    line-height: 140%;
  }
}
.achievements__grid {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1280px) {
  .achievements__grid {
    gap: 16px;
  }
}
@media (max-width: 1023px) {
  .achievements__grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .achievements__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
    margin-top: 32px;
  }
}
.achievements__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 236px;
  background: var(--pink-super-light);
  border-radius: 20px;
  padding: 32px 24px;
}
@media (max-width: 1023px) {
  .achievements__item:nth-child(2) br {
    display: none;
  }
}
@media (max-width: 767px) {
  .achievements__item {
    height: 200px;
    padding: 24px 16px;
  }
}
.achievements__item-num {
  color: var(--purple);
  font-weight: 300;
  font-size: 80px;
  line-height: 100%;
}
@media (max-width: 767px) {
  .achievements__item-num {
    font-size: 60px;
  }
}
.achievements__item-text {
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .achievements__item-text {
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .achievements__item-text {
    font-size: 13px;
  }
}

.authors__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 64px;
}
@media (max-width: 1023px) {
  .authors__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 32px;
  }
}
@media (max-width: 767px) {
  .authors__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.authors__item-img {
  width: 125px;
  height: 125px;
  border-radius: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .authors__item-img {
    width: 80px;
    height: 80px;
  }
}
.authors__item-name {
  margin-top: 10px;
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .authors__item-name {
    font-size: 18px;
  }
}
.authors__item-descr {
  margin-top: 16px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 767px) {
  .authors__item-descr {
    font-size: 13px;
    line-height: 140%;
  }
}

.author {
  --mt1: 40px;
  --mt2: 32px;
}
@media (max-width: 767px) {
  .author {
    --mt1: 32px;
    --mt2: 24px;
  }
}
* + .author__text,
.author * + h3,
.author * + h4 {
  margin-top: var(--mt2);
}
.author__body {
  display: grid;
  grid-template-columns: 400px auto;
  grid-template-columns: 400px minmax(0, 1fr);
  gap: 50px;
  padding-top: 16px;
}
@media (max-width: 1023px) {
  .author__body {
    grid-template-columns: 229px auto;
    gap: 16px;
    padding-top: 34px;
  }
}
@media (max-width: 767px) {
  .author__body {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 8px;
  }
}
.author__body a:not(.btn) {
  color: var(--blue);
  text-decoration: underline;
}
.author__sidebar-content {
  position: sticky;
  display: flex;
  flex-direction: column;
  gap: 24px;
  top: var(--mt1);
}
@media (max-width: 767px) {
  .author__sidebar-content {
    gap: 16px;
  }
}
.author__text {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .author__text {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .author__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.author__text p + p {
  margin-top: 12px;
}
.author__text + .author__info {
  margin-top: 38px;
}
@media (max-width: 1023px) {
  .author__text + .author__info {
    margin-top: 16px;
  }
}
.author__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 1023px) {
  .author__info {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .author__info {
    font-size: 13px;
    line-height: 18px;
  }
}
.author__info-row {
  display: flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .author__info-row {
    gap: 32px;
  }
}
.author__info-title {
  font-weight: 700;
  width: 148px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .author__info-title {
    width: 115px;
  }
}
.author__photo {
  width: 100%;
  height: 417px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .author__photo {
    width: 229px;
    height: 239px;
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .author__photo {
    width: 288px;
    height: 301px;
    margin: auto;
  }
}

@media (max-width: 1023px) {
  .about {
    overflow-x: hidden;
  }
}
.about__top {
  height: 781px;
  padding-top: 134px;
  background-image: url("/assets/images/about-top.png");
  background-position: center top;
  background-size: cover;
}
@media (max-width: 1023px) {
  .about__top {
    height: 783px;
    padding-top: 0;
    background-image: url("/assets/images/about-top-t.png");
  }
}
@media (max-width: 767px) {
  .about__top {
    height: 470px;
    background-image: url("/assets/images/about-top-m.png");
    background-position: center;
  }
}
.about__top h1 {
  color: var(--white);
  font-weight: 500;
  font-size: 55px;
  line-height: 60px;
}
@media (max-width: 1024px) {
  .about__top h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 140%;
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .about__top h1 {
    margin-top: 12px;
    font-weight: 500;
    font-size: 30px;
    line-height: 140%;
  }
}
.about__content {
  margin-top: 72px;
  display: flex;
  gap: 108px;
}
@media (max-width: 1023px) {
  .about__content {
    margin-top: 56px;
    gap: 40px;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .about__content {
    margin-top: 40px;
    gap: 32px;
  }
}
.about__sticky {
  position: relative;
  width: 42%;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .about__sticky {
    width: 100%;
  }
}
.about__sticky-block {
  position: sticky;
  top: 0;
}
.about__sticky-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .about__sticky-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
    max-width: 540px;
  }
}
@media (max-width: 767px) {
  .about__sticky-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
  }
}
.about__sticky-buttons {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
}
@media (max-width: 1023px) {
  .about__sticky-buttons {
    overflow-y: auto;
    padding-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .about__sticky-buttons {
    margin-top: 16px;
    flex-wrap: nowrap;
  }
}
.about__sticky-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 7px 20px 8px;
  font-size: 18px;
  line-height: 26px;
  cursor: pointer;
  background: var(--blue-super-light);
  color: var(--purple);
  border-radius: 30px;
}
@media (max-width: 1023px) {
  .about__sticky-btn {
    font-size: 16px;
    line-height: 140%;
    white-space: nowrap;
    flex-shrink: 0;
  }
}
@media (max-width: 767px) {
  .about__sticky-btn {
    font-weight: 400;
    font-size: 14px;
  }
}
.about__sticky-btn.active {
  background: var(--purple);
  color: var(--white);
}
.about__tab {
  display: none;
}
.about__tab.active {
  display: block;
}
.about__history {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.about__history-header {
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .about__history-header {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
  }
}
.about__history-line {
  --offset: 24px;
}
@media (max-width: 767px) {
  .about__history-line {
    --offset: 16px;
  }
}
.about__history-line_section {
  position: relative;
  padding-left: 52px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .about__history-line_section {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .about__history-line_section {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    padding-left: 36px;
  }
}
.about__history-line_section::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: var(--purple);
  border: 8px solid var(--white);
  outline: 1px dashed var(--purple);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .about__history-line_section::before {
    width: 24px;
    height: 24px;
    border: 6px solid var(--white);
  }
}
.about__history-line_section::after {
  content: "";
  display: block;
  width: 1px;
  border-left: 1px dashed var(--purple);
  height: calc(100% - (32px - var(--offset)));
  position: absolute;
  top: 32px;
  left: 16px;
}
@media (max-width: 767px) {
  .about__history-line_section::after {
    height: calc(100% - (24px - var(--offset)));
    position: absolute;
    top: 24px;
    left: 12px;
  }
}
.about__history-line_section + .about__history-line_section {
  margin-top: var(--offset);
}
.about__history-line_section:last-child::after {
  display: none;
}
.about__history-line_footer {
  font-size: 18px;
  line-height: 26px;
}
.about__history-footer {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .about__history-footer {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .about__history-footer {
    margin-top: -8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
  }
}
.about__mission {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .about__mission {
    gap: 24px;
  }
}
.about__mission-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .about__mission-section {
    gap: 12px;
  }
}
.about__mission-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .about__mission-title {
    font-size: 20px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .about__mission-title {
    font-weight: 600;
    font-size: 18px;
  }
}
.about__mission-text {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .about__mission-text {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .about__mission-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
  }
}
.about__accordeon {
  border-radius: 8px;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);
}
.about__accordeon.active .about__accordeon-body {
  display: flex;
}
.about__accordeon.active .about__accordeon-btn {
  transform: scale(-1);
}
.about__accordeon.active .about__accordeon-header {
  border-radius: 8px 8px 0px 0px;
}
.about__accordeon-header {
  padding: 56px 32px 152px;
  min-height: 396px;
  color: var(--white);
  background-size: cover;
  background-position: center;
  position: relative;
  background-color: var(--gray-border);
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .about__accordeon-header {
    min-height: 340px;
    padding: 32px 24px 122px;
  }
}
@media (max-width: 767px) {
  .about__accordeon-header {
    padding: 24px 12px 120px;
  }
}
.about__accordeon-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .about__accordeon-title {
    max-width: 520px;
  }
}
@media (max-width: 767px) {
  .about__accordeon-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
  }
}
.about__accordeon-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1023px) {
  .about__accordeon-text {
    font-weight: 400;
    margin-top: 16px;
    max-width: 520px;
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .about__accordeon-text {
    margin-top: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
  }
}
.about__accordeon-btn {
  position: absolute;
  width: 56px;
  height: 56px;
  border-radius: 50px;
  background: var(--white);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 32px;
  bottom: 56px;
  color: var(--gray-dark);
}
@media (max-width: 767px) {
  .about__accordeon-btn {
    bottom: 24px;
  }
}
.about__accordeon-body {
  display: none;
  gap: 20px;
  flex-direction: column;
  padding: 32px;
  border-radius: 0px 0px 8px 8px;
}
@media (max-width: 1023px) {
  .about__accordeon-body {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .about__accordeon-body {
    padding: 24px 12px;
  }
}
.about__social {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.about__social-text {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .about__social-text {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .about__social-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
  }
}
.about__social-text p + p {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .about__social-text p + p {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .about__social-text p + p {
    margin-top: 8px;
  }
}
.about__social-info {
  padding: 32px;
  background: var(--dir-bg-1);
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .about__social-info {
    padding: 32px 24px;
  }
}
@media (max-width: 767px) {
  .about__social-info {
    padding: 16px;
  }
}
.about__social-info_title {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .about__social-info_title {
    font-size: 20px;
    line-height: 140%;
  }
}
.about__social-info_text {
  margin-top: 16px;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 1023px) {
  .about__social-info_text {
    font-size: 12px;
    line-height: 140%;
  }
}
.about__bottom {
  margin-top: 120px;
}
@media (max-width: 1023px) {
  .about__bottom {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .about__bottom {
    margin-top: 48px;
  }
}
.about__title {
  font-weight: 500;
  font-size: 55px;
  line-height: 130%;
  text-align: center;
  position: relative;
}
@media (max-width: 1023px) {
  .about__title {
    font-size: 32px;
    max-width: 620px;
    margin: auto;
    padding-bottom: 595px;
  }
  .about__title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .about__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
    padding-bottom: 295px;
  }
}
.about__title span {
  color: var(--purple);
}
.about__title-bg {
  position: absolute;
  line-height: 0;
  z-index: -1;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1023px) {
  .about__title-bg {
    margin-top: 0 !important;
  }
}
.about__title-bg--1 {
  left: calc(50% - 771px);
  top: 50%;
  transform: translateY(-69%);
}
@media (max-width: 1023px) {
  .about__title-bg--1 {
    left: calc(50% - 500px);
    top: auto;
    bottom: -3px;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .about__title-bg--1 {
    left: calc(50% - 254px);
    bottom: -15px;
  }
}
.about__title-bg--2 {
  left: calc(50% + 310px);
  top: 50%;
  transform: translateY(-48%);
}
@media (max-width: 1023px) {
  .about__title-bg--2 {
    left: calc(50% + 96px);
    top: auto;
    bottom: 32px;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .about__title-bg--2 {
    left: calc(50% + 37px);
    bottom: 53px;
  }
}
.about__subtitle {
  margin: 56px auto 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  max-width: 832px;
}
@media (max-width: 1023px) {
  .about__subtitle {
    font-size: 20px;
    max-width: 710px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .about__subtitle {
    font-size: 16px;
    line-height: 137%;
  }
}
.about__section {
  margin-top: 120px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 108px;
}
@media (max-width: 1023px) {
  .about__section {
    margin-top: 57px;
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .about__section {
    margin-top: 50px;
    gap: 32px;
  }
}
.about__section + .about__section {
  margin-top: 88px;
}
@media (max-width: 1023px) {
  .about__section + .about__section {
    margin-top: 40px;
  }
}
.about__section-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 767px) {
  .about__section-title {
    font-weight: 600;
    font-size: 24px;
  }
}
.about__section-subtitle {
  margin-top: 40px;
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  max-width: 460px;
}
@media (max-width: 1023px) {
  .about__section-subtitle {
    font-size: 20px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .about__section-subtitle {
    margin-top: 24px;
    font-size: 18px;
  }
}
.about__section-block ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}
@media (max-width: 767px) {
  .about__section-block ul {
    gap: 12px;
  }
}
.about__section-block ul li {
  position: relative;
  padding-left: 16px;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .about__section-block ul li {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .about__section-block ul li {
    font-size: 14px;
    line-height: 20px;
  }
}
.about__section-block ul li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  position: absolute;
  border-radius: 4px;
  background: var(--purple-medium);
}
.about__text {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .about__text {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .about__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
  }
}
.about__text p + p {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .about__text p + p {
    margin-top: 0;
  }
}
.about__text-link {
  font-size: 18px;
  line-height: 26px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .about__text-link {
    font-size: 14px;
    line-height: 16px;
    margin-top: 16px;
  }
}
.about__text-link a[href] {
  color: var(--blue);
  text-decoration: underline;
}
.about__links {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .about__links {
    margin-top: 18px;
  }
}
.about__links-item {
  display: block;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-border);
  color: var(--blue);
}
@media (max-width: 1023px) {
  .about__links-item {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .about__links-item {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 10px;
  }
}
.about__links-item + .about__links-item {
  padding-top: 16px;
}
@media (max-width: 767px) {
  .about__links-item + .about__links-item {
    padding-top: 10px;
  }
}

.order__descr {
  margin-top: 40px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  max-width: 863px;
}
@media (max-width: 1023px) {
  .order__descr {
    margin-top: 24px;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .order__descr {
    margin-top: 24px;
    font-size: 14px;
  }
}
.order__descr a {
  font-weight: 600;
}
.order__container {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 77px 30px;
}
@media (max-width: 1023px) {
  .order__container {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .order__container {
    margin-top: 24px;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}
.order__item-img {
  border-radius: 20px;
  overflow: hidden;
  display: flex;
}
.order__item-img picture {
  line-height: 0;
}
.order__item-img img {
  width: 100%;
}
.order__item-step {
  margin-top: 24px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: var(--purple-medium);
}
.order__item-descr {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.order__footer {
  margin-top: 120px;
}
@media (max-width: 1023px) {
  .order__footer {
    margin-top: 52px;
  }
}
@media (max-width: 767px) {
  .order__footer {
    margin-top: 40px;
  }
}
.order__footer-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: var(--purple);
}
@media (max-width: 1023px) {
  .order__footer-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .order__footer-title {
    font-size: 24px;
  }
}
.order__footer-text {
  margin-top: 24px;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
}
@media (max-width: 1023px) {
  .order__footer-text {
    font-size: 18px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .order__footer-text {
    font-size: 16px;
  }
}

.delivery .content {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .delivery .content {
    margin-top: 40px;
  }
}
.delivery__nav {
  margin-top: 46px;
  display: flex;
  gap: 12px;
}
@media (max-width: 1024px) {
  .delivery__nav {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__nav {
    margin-top: 16px;
    overflow-x: auto;
    padding-bottom: 10px;
    margin-bottom: -10px;
  }
}
.delivery__nav-item {
  padding: 7px 20px 8px;
  border-radius: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: var(--purple);
  background: var(--blue-super-light);
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .delivery__nav-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__nav-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
  }
}
.delivery__nav-item.active {
  background: var(--purple);
  color: var(--white);
}
.delivery__subtitle {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 767px) {
  .delivery__subtitle {
    font-weight: 500;
    font-size: 24px;
    line-height: 130%;
  }
}
.delivery__price {
  margin-top: 56px;
  display: flex;
  gap: 30px;
}
@media (max-width: 1024px) {
  .delivery__price {
    margin-top: 24px;
    gap: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .delivery__price {
    margin-top: 16px;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.delivery__price-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
  gap: 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  height: 186px;
  border-radius: 20px;
  padding: 28px;
}
@media (max-width: 1024px) {
  .delivery__price-item {
    border-radius: 12px;
    gap: 14px;
    padding: 24px;
    height: 144px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__price-item {
    height: 107px;
    padding: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
  }
}
.delivery__price-item b {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__price-item b {
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
  }
}
@media (max-width: 1024px) and (max-width: 767px) {
  .delivery__price-item b {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
  }
}
.delivery__price-item:nth-child(1) {
  background: var(--dir-bg-1);
}
.delivery__price-item:nth-child(2) {
  background: var(--dir-bg-2);
}
.delivery__price-item:nth-child(3) {
  background: var(--dir-bg-3);
}
.delivery__price-item:nth-child(4) {
  background: var(--dir-bg-4);
}
.delivery__info {
  margin-top: 56px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
@media (max-width: 1024px) {
  .delivery__info {
    margin-top: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__info {
    margin-top: 24px;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
  }
}
.delivery__info a {
  font-weight: 600;
}
.delivery__points {
  margin-top: 56px;
  display: grid;
  grid-template-columns: auto 617px;
  gap: 138px;
}
@media (max-width: 1336px) {
  .delivery__points {
    gap: 32px;
  }
}
@media (max-width: 1024px) {
  .delivery__points {
    grid-template-columns: 100%;
    gap: 16px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .delivery__points {
    margin-top: 32px;
    padding-bottom: 320px;
  }
}
.delivery__points .input {
  margin-top: 24px;
}
.delivery__points-block {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 380px;
  overflow-y: auto;
}
@media (max-width: 1024px) {
  .delivery__points-block {
    width: 350px;
    height: 350px;
  }
}
@media (max-width: 767px) {
  .delivery__points-block {
    width: 100%;
    height: auto;
    max-height: 325px;
  }
}
.delivery__points-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-border);
  cursor: pointer;
}
.delivery__points-item_name {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__points-item_name {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .delivery__points-item_name {
    font-size: 18px;
    line-height: 140%;
  }
}
.delivery__points-item_info, .delivery__points-item_addr {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .delivery__points-item_info, .delivery__points-item_addr {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__points-item_info, .delivery__points-item_addr {
    font-size: 14px;
  }
}
.delivery__points-item_info {
  display: flex;
  gap: 26px;
}
.delivery__points-map {
  height: 570px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .delivery__points-map {
    width: calc(100% - 366px);
    height: 347px;
    position: absolute;
    top: 166px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .delivery__points-map {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
    width: 100%;
    height: 288px;
  }
}
.delivery__other {
  margin-top: 56px;
  background: var(--pink-super-light);
  border-radius: 8px;
  padding: 32px;
}
@media (max-width: 1024px) {
  .delivery__other {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__other {
    margin-top: 32px;
    padding: 24px 12px;
  }
}
.delivery__other-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .delivery__other-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__other-title {
    font-size: 20px;
    line-height: 140%;
  }
}
.delivery__other-text {
  margin-top: 16px;
  max-width: 630px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .delivery__other-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__other-text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 140%;
  }
}
.delivery__other-text a {
  font-weight: 600;
}
.delivery__other-list {
  margin-top: 56px;
}
@media (max-width: 1024px) {
  .delivery__other-list {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__other-list {
    margin-top: 20px;
  }
}
.delivery__other-list:not(.slick-initialized) {
  display: flex;
  gap: 36px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .delivery__other-list:not(.slick-initialized) {
    gap: 16px;
  }
}
.delivery__other-list .slick-track {
  gap: 36px;
  display: flex !important;
}
@media (max-width: 767px) {
  .delivery__other-list .slick-track {
    gap: 16px;
  }
}
.delivery__other-item {
  width: 100px;
  height: 100px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.delivery__accordeons {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .delivery__accordeons {
    margin-top: 32px;
  }
  .delivery__accordeons .ui-accordeon__header-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
  }
}
.delivery__accordeons .ui-accordeon {
  border-radius: 0px;
  background: var(--white);
  padding-left: 0;
  padding-right: 0;
}
.delivery__accordeons .ui-accordeon:not(:first-child) {
  border-top: 1px solid var(--gray-border);
}
.delivery__accordeons .ui-accordeon + .ui-accordeon {
  margin-top: 0;
}
.delivery__h3 {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__h3 {
    font-size: 24px;
  }
}
.delivery__pay-info {
  margin-top: 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .delivery__pay-info {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__pay-info {
    font-size: 14px;
  }
}
.delivery__pay-systems {
  margin-top: 40px;
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .delivery__pay-systems {
    flex-wrap: wrap;
    gap: 16px 19px;
  }
}
.delivery__pay-systems_item {
  width: 104px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--pay-system-border);
  border-radius: 8px;
}
@media (max-width: 767px) {
  .delivery__pay-systems_item {
    width: 83px;
    height: 57px;
  }
  .delivery__pay-systems_item img {
    max-width: 70%;
    max-height: 60%;
  }
}
.delivery__pay-attation {
  margin-top: 56px;
  padding: 24px;
  background: var(--pink-super-light);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .delivery__pay-attation {
    margin-top: 40px;
    padding: 16px;
  }
}
.delivery__pay-attation_title {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .delivery__pay-attation_title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__pay-attation_title {
    font-size: 20px;
  }
}
.delivery__pay-attation_text {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .delivery__pay-attation_text {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__pay-attation_text {
    font-size: 14px;
  }
}
.delivery .product__reco {
  padding: 46px 390px 46px 46px;
}
@media (max-width: 1024px) {
  .delivery .product__reco {
    padding: 46px;
  }
}
@media (max-width: 767px) {
  .delivery .product__reco {
    padding: 32px 16px 160px;
    margin: 40px auto 0;
  }
}
.delivery .product__reco-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 767px) {
  .delivery .product__reco-title {
    font-weight: 500;
    font-size: 23px;
    line-height: 130%;
  }
}
.delivery .product__reco-list {
  max-width: 475px;
}
@media (max-width: 1024px) {
  .delivery .product__reco-list {
    max-width: 460px;
    position: relative;
    z-index: 1;
  }
}
.delivery__return {
  margin-top: 88px;
  display: flex;
  flex-direction: column;
  gap: 72px;
}
@media (max-width: 1024px) {
  .delivery__return {
    margin-top: 56px;
    gap: 64px;
  }
}
@media (max-width: 767px) {
  .delivery__return {
    margin-top: 40px;
    gap: 40px;
  }
}
.delivery__return-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 84px;
}
@media (max-width: 1024px) {
  .delivery__return-section {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .delivery__return-section {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.delivery__return-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__return-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__return-title {
    font-size: 20px;
  }
}
.delivery__return-list ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}
.delivery__return-list ul li {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  position: relative;
  padding-left: 16px;
}
@media (max-width: 1024px) {
  .delivery__return-list ul li {
    font-size: 16px;
    line-height: 140%;
  }
}
@media (max-width: 767px) {
  .delivery__return-list ul li {
    font-size: 14px;
  }
}
.delivery__return-list ul li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--purple-medium);
  position: absolute;
  left: 0;
  top: 10px;
}
@media (max-width: 1024px) {
  .delivery__return-list ul li::before {
    top: 9px;
  }
}
@media (max-width: 767px) {
  .delivery__return-list ul li::before {
    top: 7px;
  }
}
.delivery__obligations {
  display: grid;
  grid-template-columns: 352px auto;
  gap: 59px;
}
@media (max-width: 1024px) {
  .delivery__obligations {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .delivery__obligations {
    grid-template-columns: auto;
    gap: 40px;
  }
}
.delivery__obligations-anchors {
  position: relative;
}
.delivery__obligations-anchors_block {
  position: sticky;
  top: 50px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.delivery__obligations-anchors_section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.delivery__obligations-anchors_title {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__obligations-anchors_title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .delivery__obligations-anchors_title {
    font-size: 14px;
  }
}
.delivery__obligations-anchors_list {
  padding-left: 30px;
}
.delivery__obligations-anchors_item {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .delivery__obligations-anchors_item {
    font-size: 12px;
  }
}
.delivery__obligations-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: var(--purple);
}
.delivery__obligations-title + .delivery__obligations-text {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .delivery__obligations-title + .delivery__obligations-text {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__obligations-title + .delivery__obligations-text {
    margin-top: 16px;
  }
}
.delivery__obligations-subtitle {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
  margin-top: 32px;
}
@media (max-width: 1024px) {
  .delivery__obligations-subtitle {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .delivery__obligations-subtitle {
    margin-top: 24px;
    font-size: 18px;
  }
}
.delivery__obligations ol {
  margin: 16px 0 0;
}
@media (max-width: 767px) {
  .delivery__obligations ol {
    margin-top: 24px;
  }
}
.delivery__obligations ol li {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__obligations ol li {
    font-size: 12px;
  }
}
.delivery__obligations-text {
  margin-top: 48px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__obligations-text {
    margin-top: 40px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .delivery__obligations-text {
    margin-top: 24px;
  }
}
.delivery__obligations-text + .delivery__obligations-title {
  margin-top: 56px;
}
@media (max-width: 1024px) {
  .delivery__obligations-text + .delivery__obligations-title {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .delivery__obligations-text + .delivery__obligations-title {
    margin-top: 24px;
  }
}
.delivery__obligations-text + .delivery__obligations-h3 {
  margin-top: 20px;
}
.delivery__obligations-h3 {
  margin-top: 32px;
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
}
@media (max-width: 1024px) {
  .delivery__obligations-h3 {
    margin-top: 24px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .delivery__obligations-h3 {
    font-size: 20px;
  }
}

@font-face {
  font-family: "Gilroy-Black";
  src: url("/assets/fonts/Gilroy-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.gold h2 {
  max-width: none;
}
.gold section {
  padding: 50px;
  overflow: hidden;
}
@media (max-width: 545px) {
  .gold section {
    padding: 15px;
  }
}
.gold .df {
  display: flex !important;
  flex-wrap: wrap;
}
.gold .news-slide .news .img-wrapper {
  height: auto;
}
.gold .news-slide .news .img-wrapper {
  display: flex;
}
.gold .news-slide .news .news-content-wrapper {
  height: auto;
}
.gold .form-group.error .help-text,
.gold img {
  display: block;
}
.gold .pointer {
  cursor: pointer;
}
.gold .items-center {
  align-items: center;
}
.gold img {
  width: 100%;
}
.gold .calc-result-text {
  font-size: 24px;
  line-height: 26px;
  color: #4A2A80;
  font-family: Gilroy-Black;
  margin-right: 15px;
  padding: 20px;
}
.gold .slick-slide:focus {
  bottom: 0 !important;
  outline: 0 !important;
}
.gold .custom-content h5 {
  padding: 15px 0;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 15px;
}
.gold .custom-content hr {
  width: 100%;
  border: 0;
  height: 1px;
  background: #F3F4F5;
  margin: 15px 0;
}
.gold .custom-content h6 {
  font-size: 14px;
  line-height: 16px;
  font-family: "Inter";
  font-weight: 400;
}
.gold .custom-content h4 {
  margin: 0 0 15px;
  font-family: Gilroy-Black;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.24px;
  color: #333;
}
.gold .custom-content img,
.gold .custom-content p,
.gold .custom-content ul {
  margin-bottom: 15px;
}
.gold .custom-content img {
  height: auto;
}
.gold .custom-content p {
  font-size: 16px;
  line-height: 20px;
  color: #333;
}
.gold .custom-content ul li {
  font-size: 16px;
  line-height: 20px;
  list-style: inside;
  margin-bottom: 3px;
}
.gold .custom-content blockquote {
  padding: 15px 25px;
  border-left: 2px solid #FF7E46;
  background: rgba(255, 126, 70, 0.3);
}
.gold .img_detail_online {
  width: auto;
  height: auto;
  margin: auto;
  max-width: 100%;
}
.gold .lessons-template-default .description p {
  margin-bottom: 20px;
}
.gold .lessons-template-default .description li, .gold .lessons-template-default .description ul {
  list-style: inside !important;
  margin-bottom: 5px;
}
.gold .col-lg-6 {
  width: 50%;
  float: left;
}
.gold .col-sm-12 {
  width: 100%;
  float: none;
}
.gold .menu-wrapper .menu-block .menu-item .sub-menu .menu-item {
  padding-bottom: 8px;
  line-height: 14px;
}
.gold .menu-wrapper .menu-block .menu-item .sub-menu a {
  padding-bottom: 0;
}
.gold .menu-wrapper .menu-block .menu-item .sub-menu {
  margin-top: 5px;
}
.gold .multiple-items {
  width: 85% !important;
}
.gold .slick-next.slick-arrow.slick-disabled, .gold .slick-prev.slick-arrow.slick-disabled {
  display: none !important;
}
.gold .page-template-calculator-second .content-wrapper .content .result .val {
  text-align: left;
  align-items: center;
  flex: 0.3 1 0;
}
.gold .page-template-calculator-second .show-annotation {
  min-width: 21px;
  font-size: 14px;
}
.gold .page-template-calculator-second .content-wrapper .content .result .key {
  flex: 1 1 0;
  max-width: auto;
}
@media (max-width: 992px) {
  .gold .page-template-calculator-second .content .result {
    flex-direction: row !important;
  }
  .gold .content-wrapper .content .result .key, .gold .page-template-calculator-second .content-wrapper .content .result .val {
    max-width: 45% !important;
  }
}
@media (max-width: 500px) {
  .gold .page-template-calculator-second .content .result {
    flex-direction: column !important;
  }
  .gold .content-wrapper .content .result .key, .gold .page-template-calculator-second .content-wrapper .content .result .val {
    max-width: 100% !important;
    width: 100% !important;
    justify-content: flex-start;
    text-align: left !important;
  }
}

main {
  flex: 1 0 auto;
}

.gold .header-section {
  background-color: #F7F4F8;
  display: flex;
  background: url("/assets/images/bebelac/vector1.svg") bottom 100px center no-repeat;
  background-size: cover;
  padding: 50px;
  position: relative;
  min-height: calc(100vh - 137px);
}

.gold .dotsar {
  position: absolute;
  width: auto !important;
  left: calc(50% - 6px);
  bottom: 0px;
}

.gold .header-section > div {
  width: 50%;
}

.gold .header-section h1 {
  font-family: Gilroy-Black;
  font-size: 48px;
  line-height: 48px;
  font-weight: 800;
  color: #4A2A80;
  margin-top: 100px;
}

.gold .header-section p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #1B1C20;
  margin-bottom: 20px;
}

.gold .header-section p.title {
  font-family: Gilroy-Black;
  font-size: 24px;
  line-height: 48px;
  font-weight: 800;
  color: #4A2A80;
  margin-bottom: 0px;
}

.gold .header-section > div {
  padding-bottom: 20px;
}

.gold .tab-gold {
  border-bottom: solid 1px #E1E3E6;
  padding-bottom: 80px;
}

.gold .tab-gold ul {
  display: flex;
  justify-content: center;
  margin-top: 60px;
  padding-left: 0;
}

.gold .tab-gold ul li {
  font-family: Gilroy-Black;
  font-size: 14px;
  line-height: 16px;
  font-weight: 800;
  color: #fff;
  margin: 0 12px;
  padding: 15px 30px;
  background-color: #8F67A4;
  text-transform: uppercase;
  border-radius: 16px;
  cursor: pointer;
  text-align: center;
}

.gold .tab-gold ul li a {
  color: #fff;
}

.gold .tab-gold ul li:hover {
  background-color: #4A2A80;
}

.gold .tab-gold_cont h2 {
  font-family: Gilroy-Black;
  font-size: 35px;
  line-height: 35px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
  margin-top: 90px;
}

.gold .tab-gold_cont_text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #1B1C20;
  text-align: center;
  padding: 20px 37px 54px;
  border: solid 1px #8F67A4;
  border-radius: 16px;
  margin: 60px 90px 0px;
}

.gold .tab-gold_cont_box {
  display: flex;
  margin: -32px 90px 0px;
}

.gold .tab-gold_cont_box > div {
  max-width: 33.3333333333%;
  width: 100%;
  margin-left: 20px;
}

.gold .tab-gold_cont_box_item > div {
  margin-top: 20px;
  min-height: 60px;
  padding-top: 10px;
}

.gold .tab-gold_cont_box_item > div:first-child {
  border: solid 1px #8F67A4;
  border-radius: 16px;
  max-width: 360px;
  padding: 20px 10px;
  margin-right: 20px;
  font-family: Gilroy-Black;
  font-size: 20px;
  line-height: 22px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
  background-color: #fff;
  margin-top: 0;
}

.gold .tab-gold_cont_box_item > div h3 {
  font-family: Gilroy-Black;
  font-size: 16px;
  line-height: 18px;
  font-weight: 800;
  color: #4A2A80;
}

.gold .tab-gold_cont_box_item > div span {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #1B1C20;
  margin-top: 5px;
}

.gold .tab-gold_cont_box_item .icon1 {
  background: url("/assets/images/bebelac/Icon1.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon2 {
  background: url("/assets/images/bebelac/Icon2.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon3 {
  background: url("/assets/images/bebelac/Icon3.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon4 {
  background: url("/assets/images/bebelac/Icon4.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon5 {
  background: url("/assets/images/bebelac/Icon5.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon6 {
  background: url("/assets/images/bebelac/Icon6.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon7 {
  background: url("/assets/images/bebelac/Icon6.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon8 {
  background: url("/assets/images/bebelac/Icon6.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon9 {
  background: url("/assets/images/bebelac/Icon6.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon31 {
  background: url("/assets/images/bebelac/3i4.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon32 {
  background: url("/assets/images/bebelac/3i2.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item .icon33 {
  background: url("/assets/images/bebelac/3i3.svg") top left no-repeat;
  padding-left: 75px;
}

.gold .tab-gold_cont_box_item > div:first-child {
  font-family: "Inter";
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.gold .tab-gold_cont_box_item6 > div {
  margin-top: 20px;
  min-height: 76px;
  padding-top: 10px;
}

.gold .innovation h2 {
  font-family: Gilroy-Black;
  font-size: 35px;
  line-height: 35px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

.gold .innovation_1 {
  display: flex;
  justify-content: space-between;
}

.gold .innovation_2 {
  display: flex;
  justify-content: space-between;
  margin-top: 75px;
}

.gold .innovation_1 > div {
  width: 50%;
}

.gold .innovation_2 > div {
  width: 50%;
}

.gold .innovation_1 > div img {
  margin: 0 auto;
  width: auto;
  margin-bottom: 10px;
}

.gold .innovation_2 > div img {
  margin: 0 auto;
  width: auto;
  margin-bottom: 10px;
}

.gold .innovation_1 > div span {
  font-family: Gilroy-Black;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #4A2A80;
  text-align: center;
  width: 100%;
  display: block;
}

.gold .innovation_2 > div span {
  font-family: Gilroy-Black;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #4A2A80;
  text-align: center;
  width: 100%;
  display: block;
}

.gold .innovation_1 > div:first-child {
  background: url("/assets/images/bebelac/mask-group1.png") top center no-repeat;
  min-height: 285px;
  padding-top: 60px;
  padding-left: 63px;
}

.gold .innovation_2 > div:first-child {
  background: url("/assets/images/bebelac/mask-group2.png") top center no-repeat;
  min-height: 350px;
  padding-top: 90px;
  padding-left: 63px;
}

.gold .innovation_1 > div:last-child {
  padding-top: 30px;
}

.gold .innovation_2 > div:last-child {
  background: url("/assets/images/bebelac/vector45.png") left 80px bottom no-repeat;
  min-height: 500px;
}

.gold .innovation_1_gig {
  background: url("/assets/images/bebelac/group302.svg") right center no-repeat;
  width: 320px;
  margin: 0 auto;
}

.gold .innovation_1_gig > div {
  background-color: #8F67A4;
  max-width: 240px;
  border-radius: 16px;
  padding: 13px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 6px;
}

.gold .innovation_2_grid {
  max-width: 550px;
  min-width: 290px;
  margin-left: 20px;
}

.gold .innovation_2_grid_title {
  border-radius: 16px 16px 0px 0px;
  border: 1px solid #8F67A4;
  overflow: hidden;
}

.gold .innovation_2_grid_title, .gold .innovation_2_grid_td {
  display: flex;
}

.gold .innovation_2_grid_title > div {
  background-color: #8F67A4;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
}

.gold .innovation_2_grid_title > div:first-child {
  width: 160px;
  flex-grow: 0;
  flex-shrink: 0;
}

.gold .innovation_2_grid_title > div:last-child {
  flex-grow: 1;
}

.gold .innovation_2_grid_td {
  border-bottom: 1px solid #8F67A4;
  border-left: 1px solid #8F67A4;
  border-right: 1px solid #8F67A4;
}

.gold .innovation_2_grid_td > div:first-child {
  border-right: 1px solid #8F67A4;
  width: 160px;
  flex-grow: 0;
  flex-shrink: 0;
  font-weight: 700;
}

.gold .innovation_2_grid_td > div p {
  padding-left: 15px;
  position: relative;
  display: block;
}

.gold .innovation_2_grid_td > div p:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #8F67A4;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}

.gold .innovation_2_grid_td > div:last-child {
  flex-grow: 1;
}

.gold .innovation_2_grid_td > div {
  background: linear-gradient(180deg, rgba(143, 103, 164, 0.2) 0%, rgba(255, 255, 255, 0.2) 29.85%), #fff;
  color: #333333;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

.gold .innovation_2_grid_title > div, .gold .innovation_2_grid_td > div {
  padding: 17px 17px 17px 26px;
}

.gold ._grid_td_bt {
  border-radius: 0px 0px 16px 16px;
  overflow: hidden;
}

.gold .goldslider {
  background: url("/assets/images/bebelac/union1.svg") top center no-repeat;
  background-color: #fff;
  background-size: cover;
  padding-top: 150px;
}

.gold .gold_slider_item h2 {
  font-family: Gilroy-Black;
  font-size: 35px;
  line-height: 35px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
  margin-top: 90px;
  max-width: 780px;
  margin: 0 auto;
}

.gold .gold_slider_item h2 span {
  color: #4A2A80;
  opacity: 0.5;
}

.gold .tab-gold_cont_text2 {
  background-color: #fff;
  color: #4A2A80;
  font-size: 16px;
  line-height: 20px;
  font-family: "Inter";
  font-weight: 700;
  max-width: 820px;
  margin: 60px auto 0;
}

.gold .tab-gold_cont_box2 {
  display: flex;
  margin: -39px 90px 0px;
}

.gold .tab-gold_cont_box5 {
  display: flex;
  max-width: 820px;
  margin: -39px auto 0px;
}

.gold .tab-gold_cont_box_item2 {
  width: 100%;
}

.gold .tab-gold_cont_box_item2 > div:first-child {
  border: solid 1px #8F67A4;
  border-radius: 16px;
  max-width: 520px;
  padding: 28px 20px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #4A2A80;
  text-align: center;
  margin-top: 0;
  background: url("/assets/images/bebelac/Icon_s_0.svg") top left no-repeat;
  background-color: #fff;
  background-position: left 20px top 19px;
  padding-left: 60px;
}

.gold .tab-gold_cont_box_item > div:first-child {
  font-family: "Inter";
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.gold .tab-gold_cont_box5 > div {
  max-width: 33.3333333333%;
  width: 100%;
  margin-left: 20px;
}

.gold .tab-gold_cont_box_item3 {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 33px;
}

.gold .tab-gold_cont_box_item3 > div:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #8F67A4;
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
}

.gold .tab-gold_cont_box_item3 > div {
  position: relative;
  padding-left: 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #1B1C20;
  padding-right: 20px;
}

.gold .tab-gold_cont_box_item4 {
  display: flex;
  max-width: 600px;
  margin: 0 auto;
  height: 190px;
}

.gold .tab-gold_cont_box_item4 > div {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gold .tab-gold_cont_box_item4 > div span {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.gold .tab-gold_cont_box_item4 > div span.tab-gold_cont_box_item4_st {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}

.gold .tab-gold_cont_box_item4_ico1 {
  background: url("/assets/images/bebelac/group312.svg") center no-repeat;
}

.gold .tab-gold_cont_box_item4_ico2 {
  background: url("/assets/images/bebelac/group311.svg") center no-repeat;
}

.gold .tab-gold_cont_box_item4_ico3 {
  background: url("/assets/images/bebelac/ellipse86.svg") center no-repeat;
}

.gold .for-kids {
  background: url("/assets/images/bebelac/vector09.svg") bottom center no-repeat;
  background-color: #fff;
  background-size: cover;
}

.gold .for-kids h2 {
  font-family: Gilroy-Black;
  font-size: 35px;
  line-height: 35px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
}

.gold .for-kids_box {
  display: flex;
  margin-top: 30px;
  margin-bottom: 70px;
}

.gold .for-kids_box > div {
  width: 50%;
}

.gold .for-kids_box > div img {
  width: auto;
  margin: 0 auto;
}

.gold .for-kids_box_tabl > div {
  display: flex;
}

.gold .for-kids_box_tabl > div:first-child {
  margin-bottom: 10px;
}

.gold .for-kids_box_tabl > div > div {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #1B1C20;
  width: 50%;
  padding-bottom: 10px;
  border-bottom: solid 1px #8F67A4;
  padding-top: 20px;
  padding-right: 20px;
}

.gold .for-kids_box_tabl > div:first-child > div {
  font-family: Gilroy-Black;
  font-size: 20px;
  line-height: 22px;
  font-weight: 800;
  color: #4A2A80;
  width: 50%;
  padding-bottom: 10px;
  border-bottom: none;
}

.gold .for-kids_box_tabl > div > div:first-child {
  padding-left: 60px;
}

.gold .for-kids_box_tabl > div:first-child > div:first-child {
  padding-left: 60px;
}

.gold .for-kids_box_tabl > div:first-child > div a {
  color: #8F67A4;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  text-decoration: underline;
  display: inline-block;
  text-transform: uppercase;
}

.gold .for-kids_box_tabl {
  max-width: 520px;
  margin-top: 50px;
}

.gold .for-kids_box_tabl_ico1 {
  background: url("/assets/images/bebelac/radix-icons_avatar.svg") left center no-repeat;
}

.gold .for-kids_box_tabl_ico2 {
  background: url("/assets/images/bebelac/fluent_info-16-regular.svg") left center no-repeat;
}

.gold .for-kids_box_tabl_ico3 {
  background: url("/assets/images/bebelac/la_weight-hanging.svg") left center no-repeat;
}

.gold .for-kids_box_tabl > div:last-child > div {
  border: none;
  color: #8F67A4;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.gold .materials {
  border-top: solid 1px #E1E3E6;
  margin-top: 80px;
  padding-bottom: 80px;
}

.gold .materials h2 {
  font-family: Gilroy-Black;
  font-size: 35px;
  line-height: 35px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
}

.gold .materials_box {
  display: flex;
  max-width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
  justify-content: center;
}

.gold .materials_box > div {
  max-width: 360px;
  margin: 10px;
  background: #FFFFFF;
  box-shadow: 0px 3px 22px rgba(174, 174, 192, 0.3);
  border-radius: 16px;
}

.gold .materials_box > div > div:first-child {
  border-radius: 16px;
  overflow: hidden;
}

.gold .materials_box > div > div:last-child {
  font-family: Gilroy-Black;
  font-size: 18px;
  line-height: 22px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
  padding: 14px 20px 15px;
}

.gold .materials_box > div > div:last-child a {
  color: #4A2A80;
}

.gold .forma-contact {
  background: url("/assets/images/bebelac/vector110.svg") bottom center no-repeat;
  background-color: #fff;
  background-size: cover;
  padding-bottom: 150px;
  padding-top: 100px;
}

.gold .forma-contact h2 {
  font-family: Gilroy-Black;
  font-size: 35px;
  line-height: 35px;
  font-weight: 800;
  color: #4A2A80;
  text-align: center;
  margin-bottom: 60px;
}

.gold .forma-contact_box {
  max-width: 680px;
  margin: 0 auto;
}

.gold .forma-contact_box_inp {
  display: flex;
}

.gold .forma-contact_box_inp > div {
  width: 50%;
  padding: 10px;
}

.gold .forma-contact_box_inp > div input {
  border-radius: 12px;
  filter: drop-shadow(-2px -2px 8px #FFFFFF) drop-shadow(2px 2px 8px rgba(174, 174, 192, 0.4));
  padding: 12px 16px;
  border: 1px solid #8F67A4;
  width: 100%;
  color: #4A2A80;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  font-family: "Inter" !important;
}

.gold .forma-contact_box br {
  display: none;
}

.gold .wpcf7-response-output {
  max-width: 345px;
  margin: 0 auto !important;
  display: block;
  border-width: 1px !important;
}

.gold .forma-contact_box_sel > div {
  width: 100%;
  padding: 10px;
}

.gold .forma-contact_box_sel > div select {
  border-radius: 12px;
  filter: drop-shadow(-2px -2px 8px #FFFFFF) drop-shadow(2px 2px 8px rgba(174, 174, 192, 0.4));
  padding: 12px 16px;
  border: 1px solid #8F67A4;
  width: 100%;
  color: #4A2A80;
  background-color: #F7F4F8;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.gold .forma-contact_box_sel span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #76787A;
  margin-top: 10px;
  display: block;
}

.gold .forma-contact_box_sel span span {
  color: #8F67A4;
  font-size: 14px;
  line-height: 24px;
  font-weight: 800;
  display: inline;
}

.gold .forma-contact_box_text > div {
  width: 100%;
  padding: 10px;
}

.gold .forma-contact_box_text > div textarea {
  border-radius: 12px;
  filter: drop-shadow(-2px -2px 8px #FFFFFF) drop-shadow(2px 2px 8px rgba(174, 174, 192, 0.4));
  padding: 12px 16px;
  border: 1px solid #8F67A4;
  width: 100%;
  color: #4A2A80;
  background-color: #F7F4F8;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  height: 100px;
  resize: none;
  font-family: "Inter" !important;
}

.gold .submit {
  width: 145px;
  padding: 14px 37px;
  background-color: #4A2A80;
  box-shadow: -2px -2px 8px #FFFFFF, 2px 2px 8px rgba(174, 174, 192, 0.4);
  border-radius: 12px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  margin: 0 auto;
  color: #fff;
  border: solid 1px #4A2A80;
  cursor: pointer;
  display: block;
  margin-top: 40px;
  font-family: "Inter" !important;
}

.gold .submit:hover {
  background-color: #F7F4F8;
  color: #4A2A80;
}

.gold input[type=checkbox] {
  display: none;
}

.gold .wpcf7-acceptance label span {
  display: flex;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #76787A;
  cursor: pointer;
  position: relative;
  align-items: center;
}

.gold .wpcf7-acceptance label span:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #8F67A4;
  margin-right: 10px;
  box-sizing: border-box;
  border-radius: 5px;
}

.gold .wpcf7-acceptance label span:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 3px;
  width: 9px;
  height: 9px;
  transform: translateY(-50%) scale(0);
  background: url(/assets/images/bebelac/close.svg) center no-repeat;
  background-size: auto;
  background-size: 100% 100%;
  transition: 0.3s all;
}

.gold .wpcf7-acceptance input[type=checkbox]:checked + span:after {
  transform: translateY(-50%) scale(1);
}

.gold .slick-slider .slick-arrow {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.gold .slick-slider .slick-arrow::before {
  display: none;
}

.gold .slick-slider .slick-arrow.slick-prev {
  left: 30px;
  background: url(/assets/images/bebelac/arrow-left-color.svg) no-repeat center center #fff !important;
}

.gold .slick-slider .slick-arrow.slick-prev:after {
  display: none;
}

.gold .slick-slider .slick-arrow.slick-next {
  background: url(/assets/images/bebelac/arrow-right-color.svg) no-repeat center center #fff !important;
  right: 30px;
  left: auto;
}

.gold .slick-slider .slick-arrow.slick-next:after {
  display: none;
}

.gold .license {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #4A2A80;
  text-align: center;
}

.gold .license p:last-child {
  margin-top: 20px;
}

.gold .license > div {
  max-width: 1170px;
  margin: 0 auto;
}

.gold_slider_item {
  /*margin: 50px auto;*/
}

.soc-link-wrapper a.soc[data-type=facebook] {
  display: none;
}

@media (min-width: 1700px) {
  .gold .header-section p {
    font-size: 24px;
  }
}
@media (max-width: 1400px) {
  .gold .innovation_2 > div:last-child {
    background-size: 70%;
    background-position-x: right;
    min-height: 425px;
    padding-right: 50px;
  }
}
@media (max-width: 1200px) {
  .gold .tab-gold_cont_text {
    margin: 60px 28px 0px;
  }
  .gold .tab-gold_cont_box {
    margin: -32px 28px 0px;
  }
  .gold .tab-gold_cont_text2 {
    margin: 60px auto 0;
  }
  .gold .tab-gold_cont_box_item > div:first-child {
    max-width: 450px;
    font-weight: bold;
    font-size: 18px;
    font-family: Gilroy-Black;
  }
  .gold .for-kids_box_tabl {
    padding-left: 15px;
  }
  .gold .for-kids_box > div img {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .gold .goldslider {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1100px) {
  .gold .header-section h1 {
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .gold .innovation_1 > div:first-child {
    background-size: contain;
    padding-top: 38px;
  }
  .gold .innovation_1 > div img {
    width: 60px;
  }
  .gold .innovation_2 > div:first-child {
    background-size: contain;
    padding-top: 68px;
  }
  .gold .innovation_2 > div img {
    width: 60px;
  }
  .gold .innovation_1 > div span, .gold .innovation_2 > div span {
    font-size: 14px;
  }
  .gold .innovation_2 > div:last-child {
    background: none;
    padding-right: 0px;
  }
}
@media (max-width: 900px) {
  .gold .tab-gold_cont_text {
    margin: 60px 0px 0px;
  }
  .gold .tab-gold_cont_box_item > div:first-child {
    font-size: 16px;
  }
  .gold .tab-gold_cont_box_item > div h3 {
    font-size: 15px;
    line-height: 18px;
  }
  .gold .tab-gold_cont_text {
    padding: 33px 30px 70px;
  }
  .gold .tab-gold_cont_text2 {
    padding: 33px 30px 70px;
    margin: 60px 15px 0;
    max-width: 100%;
  }
  .gold .materials_box {
    flex-direction: column;
  }
  .gold .materials_box > div {
    max-width: 100%;
  }
  .gold .for-kids_box {
    flex-direction: column;
  }
  .gold .for-kids_box > div {
    width: 100%;
  }
  .gold .for-kids_box > div img {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .gold .tab-gold ul li {
    padding: 15px 19px;
    font-size: 11px;
  }
  .gold .tab-gold_cont_box {
    flex-direction: column;
  }
  .gold .tab-gold_cont_box > div {
    max-width: 100%;
    margin-bottom: 30px;
    padding-right: 15px;
  }
  .gold .tab-gold_cont_box_item > div:first-child {
    max-width: calc(100% - 25px);
    padding-right: 0px;
  }
  .gold .tab-gold_cont_box_item > div {
    padding-right: 25px;
  }
  .gold .innovation_1, .gold .innovation_2 {
    flex-direction: column;
  }
  .gold .innovation_1 > div {
    width: 100%;
  }
  .gold .innovation_1 > div:first-child {
    padding-top: 75px;
    margin-bottom: 30px;
  }
  .gold .innovation_2 > div {
    width: 100%;
  }
  .gold .innovation_2 > div:first-child {
    padding-top: 91px;
    margin-bottom: 50px;
  }
  .gold .innovation_2_grid {
    margin-left: 0;
  }
  .gold .tab-gold_cont_box5 {
    flex-direction: column;
    max-width: 100%;
    margin: 0 60px;
    margin-top: -32px;
  }
  .gold .tab-gold_cont_box5 > div {
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .gold .tab-gold ul {
    flex-wrap: wrap;
  }
  .gold .tab-gold ul li {
    margin-bottom: 15px;
  }
}
@media (max-width: 600px) {
  .gold .header-section {
    flex-direction: column;
  }
  .gold .header-section > div {
    width: 100%;
  }
  .gold .header-section > div:last-child {
    order: 0;
  }
  .gold .for-kids_box_tabl > div > div:first-child {
    padding-left: 46px;
  }
  .gold .for-kids_box_tabl > div > div {
    font-size: 14px;
    line-height: 17px;
  }
  .gold .for-kids_box_tabl {
    padding-left: 0px;
  }
  .gold .for-kids_box_tabl > div:first-child > div:first-child {
    padding-left: 46px;
  }
  .gold .tab-gold_cont_box_item4 {
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
  }
  .gold .tab-gold_cont_box_item4 > div {
    width: 190px;
    height: 190px;
  }
  .gold .materials {
    border: none;
  }
  .gold .slick-slider .slick-arrow {
    top: 6px;
  }
}
@media (max-width: 545px) {
  .gold .dotsar {
    bottom: -18px;
  }
  .gold .header-section {
    padding-left: 15px;
    padding-right: 15px;
  }
  .gold .header-section p {
    font-size: 18px;
    line-height: 27px;
  }
  .gold .header-section p.title {
    line-height: 28px;
  }
  .gold .header-section h1 {
    font-size: 40px;
  }
  .gold .tab-gold_cont h2 {
    margin-top: 30px;
    font-size: 30px;
  }
  .gold .tab-gold_cont_text {
    font-size: 16px;
    line-height: 27px;
  }
  .gold .innovation h2 {
    font-size: 30px;
  }
  .gold .gold_slider_item h2 {
    font-size: 25px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px;
  }
  .gold .for-kids h2 {
    font-size: 30px;
  }
  .gold .materials h2 {
    font-size: 30px;
  }
  .gold .materials {
    margin-top: 0px;
  }
  .gold .forma-contact h2 {
    font-size: 30px;
  }
  .gold .tab-gold_cont_box_item3 {
    margin-left: 15px;
  }
}
@media (max-width: 375px) {
  .gold .innovation_1 > div:first-child {
    padding-top: 45px;
  }
  .gold .innovation_1 > div:first-child {
    min-height: 225px;
  }
  .gold .innovation_2 {
    margin-top: 60px;
  }
  .gold .innovation_2_grid_title > div:first-child {
    width: 130px;
  }
  .gold .innovation_2_grid_td > div:first-child {
    width: 130px;
  }
  .gold .innovation_2 > div:first-child {
    padding-top: 38px;
  }
}
.gold_slider_item .tab-gold_cont_box_item > div:first-child {
  font-family: "" Inter "";
  font-size: 16px;
  padding: 7px 10px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gold .gold_slider_item h2 span.active_write {
  opacity: 1;
  font-size: 40px;
  line-height: 45px;
}

.gold .for-kids_box_tabl > div > div strong {
  font-family: Inter;
}

.page-template-calculator-second .content-wrapper .content .result .val sup {
  font-size: 10px;
  position: relative;
  top: -5px;
}

.result-block .items-center .val sup {
  top: 0;
  display: flex;
  margin-bottom: auto;
}

body.page-template-calculator-second .content-wrapper .content .result .val {
  width: 50% !important;
}

.top .title sup {
  font-size: 24px;
}

@font-face {
  font-family: "Gilroy-Bold";
  src: url("/assets/fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.home a, .home abbr, .home acronym, .home address, .home applet, .home article, .home aside, .home audio, .home big, .home blockquote, .home body, .home canvas, .home caption, .home center, .home cite, .home code, .home dd, .home del, .home details, .home dfn, .home div, .home dl, .home dt, .home em, .home embed, .home fieldset, .home figcaption, .home figure, .home footer, .home form, .home header, .home hgroup, .home html, .home i, .home iframe, .home img, .home ins, .home kbd, .home label, .home legend, .home li, .home mark, .home menu, .home nav, .home object, .home ol, .home output, .home p, .home pre, .home q, .home ruby, .home s, .home samp, .home section, .home small, .home span, .home strike, .home strong, .home summary, .home table, .home tbody, .home td, .home tfoot, .home th, .home thead, .home time, .home tr, .home tt, .home u, .home ul, .home var, .home video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.home img {
  width: 100%;
  height: auto;
}
.home section.header-section {
  padding: 0;
  margin-bottom: 30px;
}
.home .header-section .slick-arrow {
  display: none !important;
}
.home .header-section .slick-slider {
  position: relative;
  padding: 30px 50px;
}
.home .header-section .slider-item {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.0008);
  border-radius: 16px;
  padding: 15px 25px;
  color: #4A2A80;
  font-size: 12px;
  margin: 0 15px;
  flex-wrap: nowrap;
  transition: all 0.3s;
  text-transform: uppercase;
}
.home .header-section .slider-item .icon {
  min-width: 32px;
  margin-right: 8px;
}
.home .info-zdrav {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 200;
  font-size: 18px;
  line-height: 130%;
  color: #4A2A80;
  margin: revert;
}
@media (min-width: 768px) {
  .home .background-m {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .home .background-m img {
    height: auto;
  }
  .home .background-d {
    display: none;
  }
  .home .ketocal-slider .slick-slider .slick-arrow.slick-next {
    display: none !important;
  }
  .home .ketocal-slider .slick-slider .slick-arrow.slick-prev {
    display: none !important;
  }
  .home .ketocal-slider .slider-item img {
    padding: 10px 10px 0px 10px;
  }
  .home .text-left-image__image {
    display: none !important;
  }
}
.home .text-right-image {
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
  margin-bottom: 40px;
}
.home .text-right-image__content {
  margin-right: 100px;
  max-width: 582px;
}
.home .text-right-image__content h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4A2A80;
  margin-bottom: 15px;
  margin-top: 0;
}
.home .text-right-image__content h4 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4A2A80;
  margin-bottom: 15px;
  margin-top: 0;
}
.home .text-right-image__content li {
  display: flex;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #6A6A6A;
  align-items: center;
  margin-bottom: 20px;
}
.home .text-right-image__content li img {
  margin-right: 10px;
  flex: none;
  width: auto;
}
.home .text-right-image__image {
  width: 53%;
  flex: none;
  margin-right: -50px;
}
.home .ep-about {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 50px;
  margin-bottom: 60px;
}
.home .ep-about > h3 {
  font-family: Gilroy-Bold;
  width: 100%;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  color: #4A2A80;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0 125px;
}
.home .ep-about__left {
  width: 44.5%;
  flex: none;
  margin-left: -50px;
}
.home .ep-about__content {
  width: calc(55.5% + 30px);
}
.home .ep-about__content li {
  background: linear-gradient(90.61deg, #4A2A80 0%, #8F67A4 100%);
  border-radius: 16px;
  padding: 21px 100px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.home .treatment-method {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F7F4F8;
  padding: 60px 50px;
  margin-bottom: 60px;
}
.home .treatment-method h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 130%;
  color: #4A2A80;
  margin-right: 30px;
}
.home .treatment-method img {
  width: auto;
}
.home .ketocal-diet {
  padding: 0 50px;
  margin-bottom: 80px;
}
.home .ketocal-diet > h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #4A2A80;
  margin-bottom: 20px;
  margin-top: 0;
}
.home .ketocal-diet > p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #4A2A80;
  max-width: 820px;
  margin: 0 auto 20px;
}
.home .ketocal-diet-list {
  max-width: 1116px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.home .ketocal-diet-item {
  width: calc(25% - 20px);
}
.home .ketocal-diet-item__image {
  padding-bottom: 19px;
  border-bottom: 1px solid #E1E3E6;
  margin-bottom: 12px;
  text-align: center;
}
.home .ketocal-diet-item__image img {
  width: 60px;
  margin: 0 auto;
}
.home .ketocal-diet-item__text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  color: #6A6A6A;
}
.home .ketocal-indications {
  padding: 0 50px;
  margin-bottom: 60px;
}
.home .ketocal-indications > h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4A2A80;
  margin-bottom: 45px;
  margin-top: 0;
}
.home .ketocal-indications__item {
  background: #F3F4F5;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 60px 107px 60px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .ketocal-indications__item-title {
  font-family: Gilroy-Bold;
  width: 241px;
  flex: none;
  margin-right: 60px;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 130%;
  color: #4A2A80;
}
.home .ketocal-indications__item-data {
  flex: 1;
}
.home .ketocal-indications__item-data-item {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .ketocal-indications__item-data-item:last-child {
  margin-bottom: 0;
}
.home .ketocal-indications__item-data-title {
  font-family: Gilroy-Bold;
  background: linear-gradient(90.61deg, #4A2A80 0%, #8F67A4 100%);
  border-radius: 6px;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
  padding: 12px 20px;
  width: 321px;
  flex: none;
  margin-right: 20px;
}
.home .ketocal-indications__item-data-text {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  flex: 1;
  color: #76787A;
}
.home .ketocal-products {
  padding: 0 50px;
}
.home .ketocal-products > h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4A2A80;
  margin-top: 0;
  margin-bottom: 45px;
}
.home .ketocal-product {
  margin-bottom: 33px;
  display: flex;
}
.home .ketocal-product__image {
  margin-bottom: 33px;
  width: 525px;
  flex: none;
  position: relative;
  margin-left: -50px;
  padding: 30px 90px 0;
  margin-right: 134px;
}
.home .ketocal-product__image img {
  z-index: 2;
  position: relative;
}
.home .ketocal-product__image:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: linear-gradient(90.61deg, #4A2A80 0%, #8F67A4 100%), #8F67A4;
  border-radius: 0px 16px 150px 0px;
  height: calc(100% - 93px);
  width: 100%;
}
.home .ketocal-product__info {
  max-width: 460px;
  flex: none;
}
.home .ketocal-product__info-title {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 130%;
  color: #4A2A80;
  margin-bottom: 12px;
}
.home .ketocal-product__info-text {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #909499;
}
.home .ketocal-product__info-attrs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.home .ketocal-product__info-attr {
  margin-right: 20px;
}
.home .ketocal-product__info-attr:last-child {
  margin-right: 0;
}
.home .ketocal-product__info-attr h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #4A2A80;
  margin-bottom: 5px;
  margin-top: 12px;
}
.home .ketocal-product__info-attr span {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  text-transform: uppercase;
  color: #BABABA;
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #E1E3E6;
  box-sizing: border-box;
  border-radius: 16px;
  margin: 0 10px 10px 0;
}
.home .ketocal-product__info-price {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.24px;
  color: #4A2A80;
  margin-right: 20px;
}
.home .ketocal-product__info-price-box {
  display: flex;
  align-items: center;
}
.home .ketocal-product__info-buy {
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #8F67A4;
  background: url("/assets/images/ketocal/buy-icon.svg") no-repeat 15px center transparent;
  border: 1px solid #4A2A80;
  box-sizing: border-box;
  background-color: #4A2A80;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.home {
  /*-------------------------*/
}
.home .ketocal-product2 {
  margin-bottom: 33px;
  display: flex;
  justify-content: space-between;
}
.home .ketocal-product2__image {
  margin-bottom: 33px;
  width: 525px;
  flex: none;
  position: relative;
  margin-left: 134px;
  padding: 30px 90px 0;
  margin-right: -50px;
}
.home .ketocal-product2__image img {
  z-index: 2;
  position: relative;
}
.home .ketocal-product2__image:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: linear-gradient(270deg, #4A2A80 0%, #8F67A4 100%), #8F67A4;
  border-radius: 16px 0px 0px 150px;
  height: calc(100% - 93px);
  width: 100%;
}
.home .ketocal-product2__info {
  max-width: 460px;
  flex: none;
}
.home .ketocal-product2__info-title {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 130%;
  color: #4A2A80;
  margin-bottom: 12px;
}
.home .ketocal-product2__info-text {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #909499;
}
.home .ketocal-product2__info-attrs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.home .ketocal-product2__info-attr {
  margin-right: 20px;
}
.home .ketocal-product2__info-attr:last-child {
  margin-right: 0;
}
.home .ketocal-product2__info-attr h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #4A2A80;
  margin-bottom: 5px;
  margin-top: 12px;
}
.home .ketocal-product2__info-attr span {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  text-transform: uppercase;
  color: #BABABA;
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #E1E3E6;
  box-sizing: border-box;
  border-radius: 16px;
  margin: 0 10px 10px 0;
}
.home .ketocal-product2__info-price {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.24px;
  color: #4A2A80;
  margin-right: 20px;
}
.home .ketocal-product2__info-price-box {
  display: flex;
  align-items: center;
}
.home .ketocal-product2__info-buy {
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #8F67A4;
  background: url("/assets/images/ketocal/buy-icon.svg") no-repeat 15px center transparent;
  border: 1px solid #4A2A80;
  box-sizing: border-box;
  background-color: #4A2A80;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
.home {
  /*-----------------------------*/
}
.home .ketocal-slider {
  padding: 0 50px;
  position: relative;
}
.home .ketocal-slider > h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4A2A80;
  margin-top: 0;
  margin-bottom: 45px;
}
.home .ketocal-slider .ketocal-slider__slider {
  margin: 0 -50px;
}
.home .ketocal-slider .slider-item {
  width: 100vw;
}
.home .ketocal-slider .slick-slider .slick-arrow.slick-prev {
  left: 6.042vw;
  background-color: transparent;
  width: 40px;
  height: 40px;
  bottom: 7px;
  top: auto;
}
.home .ketocal-slider .slick-slider .slick-arrow.slick-next {
  left: 9.514vw;
  background: url(/assets/images/ketocal/arrow-right.svg) 30% no-repeat transparent;
  width: 40px;
  height: 40px;
  bottom: 7px;
  top: auto;
}
.home .ketocal-slider .slick-slider .slick-arrow.slick-next:after {
  display: none;
}
.home .pagingInfo {
  position: absolute;
  font-family: Gilroy-Bold;
  bottom: 30px;
  left: 3.333vw;
  z-index: 9999;
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 130%;
  color: #4A2A80;
}
.home .pagingInfo span {
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 130%;
  color: #D5CBE1;
}
.home .text-left-image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
  margin-bottom: 80px;
}
.home .text-left-image__content {
  width: calc(50% - 70px);
}
.home .text-left-image__content h3 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 130%;
  color: #4A2A80;
  margin-bottom: 8px;
  margin-top: 0;
}
.home .text-left-image__content h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #6A6A6A;
  margin-bottom: 10px;
  margin-top: 0;
}
.home .text-left-image__content p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #6A6A6A;
  margin-bottom: 10px;
}
.home .text-left-image__content ul {
  margin-bottom: 25px;
}
.home .text-left-image__content ul li {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
  color: #6A6A6A;
  padding-left: 30px;
  margin-bottom: 10px;
  background: url("/assets/images/ketocal/ul-check-icon.png") no-repeat left center transparent;
}
.home .text-left-image__content ol {
  display: flex;
  flex-wrap: wrap;
}
.home .text-left-image__content ol li {
  width: 50%;
  flex: none;
  margin-bottom: 10px;
}
.home .text-left-image__image {
  width: calc(50% + 40px);
  flex: none;
  margin-left: -50px;
}
.home .ketocal-news {
  padding: 0 50px 80px;
}
.home .ketocal-news .ketocal-news-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 45px;
}
.home .ketocal-news .title1 {
  font-family: Gilroy-Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4A2A80;
}
.home .ketocal-news .news {
  margin-right: 25px;
  max-width: 465px;
  height: 265px;
  display: flex !important;
}
.home .ketocal-news .slider-btn-handler-next {
  margin-left: 15px;
}
.home .ketocal-news .slider .slick-arrow {
  display: none !important;
}
.home .slider-btn-handler {
  flex-shrink: 0;
}
.home .ketocal-slider .slick-initialized .slick-slide {
  display: flex !important;
}
.home .news {
  height: 265px !important;
}
.home .slick-slider .slick-list {
  padding: 20px 0;
}
@media (max-width: 1200px) {
  .home .ketocal-indications__item-title {
    width: 158px;
  }
  .home .ketocal-product__image {
    margin-right: 47px;
  }
  .home .ketocal-product__image {
    width: 478px;
  }
  .home .ketocal-product2__image {
    margin-left: auto;
  }
  .home .ketocal-product2__image {
    width: 478px;
  }
}
@media (max-width: 992px) {
  .home .text-right-image {
    flex-direction: column;
  }
  .home .text-right-image__content {
    order: 1;
    margin-right: 0;
  }
  .home .text-right-image__image {
    width: 109%;
  }
  .home .ep-about > h3 {
    padding: 0;
  }
  .home .ep-about {
    flex-direction: column;
  }
  .home .ep-about__left {
    width: 100%;
    margin-bottom: 50px;
  }
  .home .ep-about__content {
    width: 100%;
  }
  .home .treatment-method {
    flex-direction: column;
  }
  .home .treatment-method img {
    width: 100%;
  }
  .home .ketocal-indications__item-data-item {
    align-items: flex-start;
    flex-direction: column;
  }
  .home .ketocal-indications__item-data-title {
    margin-bottom: 20px;
  }
  .home .ketocal-indications__item {
    padding-right: 20px;
  }
  .home .text-left-image {
    flex-direction: column;
    align-items: flex-start;
  }
  .home .text-left-image__image {
    /*margin-top: 20px;*/
    width: calc(100% + 100px);
    flex: none;
    margin-left: -50px;
  }
  .home .text-left-image__content {
    margin-top: 30px;
    width: 100%;
  }
  .home .ketocal-product {
    flex-direction: column;
  }
  .home .ketocal-product__image {
    width: 70%;
  }
  .home .ketocal-product__info {
    max-width: 100%;
  }
  .home .ketocal-product2 {
    flex-direction: column;
  }
  .home .ketocal-product2__image {
    width: 70%;
    order: -1;
  }
  .home .ketocal-product2__info {
    max-width: 100%;
  }
  .home .pagingInfo {
    bottom: 10px;
  }
  .home .ketocal-slider .slick-slider .slick-arrow.slick-next {
    bottom: -12px;
  }
  .home .ketocal-slider .slick-slider .slick-arrow.slick-prev {
    bottom: -12px;
  }
}
@media (max-width: 768px) {
  .home .ketocal-product__image {
    width: 100%;
  }
  .home .ketocal-product2__image {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .home .ketocal-diet-item {
    width: calc(50% - 20px);
  }
  .home .ketocal-diet-list {
    flex-wrap: wrap;
  }
  .home .ketocal-indications__item {
    align-items: flex-start;
    flex-direction: column;
  }
  .home .ketocal-indications__item-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .home .text-right-image {
    padding: 0 30px;
  }
  .home .ep-about {
    padding: 0 30px;
  }
  .home .treatment-method {
    padding: 60px 30px;
  }
  .home .ketocal-diet {
    padding: 0 30px;
  }
  .home .ketocal-indications {
    padding: 0 30px;
  }
  .home .ketocal-products {
    padding: 0 30px;
  }
  .home .ketocal-slider {
    padding: 0 30px;
  }
  .home .text-left-image {
    padding: 0 30px;
  }
  .home .ketocal-news {
    padding: 0 30px 80px;
  }
  .home .ketocal-product__image:before {
    height: 70%;
  }
  .home .ketocal-product2__image:before {
    height: 70%;
  }
  .home .ep-about__content li {
    padding: 21px 30px;
  }
  .home .text-right-image__content h3 {
    font-size: 40px;
    line-height: 110%;
    margin-top: 20px;
  }
  .home .ketocal-indications > h3 {
    font-size: 40px;
    line-height: 110%;
  }
  .home .ketocal-products > h3 {
    font-size: 40px;
    line-height: 110%;
  }
  .home .ketocal-indications > h3 br {
    display: none;
  }
  .home .ketocal-slider > h3 {
    font-size: 40px;
    line-height: 110%;
  }
  .home .ketocal-news .title1 {
    font-size: 40px;
    line-height: 110%;
  }
}
@media (max-width: 500px) {
  .home .ketocal-indications__item-data-title {
    width: 100%;
    margin-right: 0;
  }
  .home .ketocal-news .news {
    max-width: 334px;
  }
}
@media (max-width: 420px) {
  .home .ketocal-indications__item {
    padding: 28px 20px 60px 20px;
  }
  .home .ketocal-product__image::before {
    height: 80%;
  }
  .home .ketocal-product2__image::before {
    height: 80%;
  }
  .home .text-right-image__content h3 {
    font-size: 27px;
    line-height: 110%;
  }
  .home .ketocal-indications > h3 {
    font-size: 27px;
    line-height: 110%;
  }
  .home .ketocal-products > h3 {
    font-size: 27px;
    line-height: 110%;
  }
  .home .ketocal-slider > h3 {
    font-size: 27px;
    line-height: 110%;
  }
  .home .ketocal-news .title1 {
    font-size: 27px;
    line-height: 110%;
  }
  .home .text-right-image__content h4 {
    font-size: 15px;
  }
  .home .ep-about > h3 {
    font-size: 17px;
  }
  .home .news .news-content-wrapper .news-title {
    font-size: 14px;
  }
  .home .news .news-content-wrapper .news-item {
    font-size: 9px;
  }
}
.home .slider-kt.slick-slider .slick-list {
  padding: 30px 50px;
}
.home .slick-slider .slick-track {
  padding: 40px 20px;
}
.home .main__section-container.slick-slider .slick-track {
  padding: 40px 0px;
}
@media (max-width: 1024px) {
  .home .main__section-container.slick-slider .slick-track {
    padding: 0px 0px;
  }
}
.home .video-card__descr {
  margin-top: 8px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .home .video-card__descr {
    font-size: 12px;
  }
}
.home .video-card__img {
  padding-top: 54%;
}
.home .video-card__info {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .home .video-card__info {
    margin-top: 16px;
  }
}
.home .slider {
  display: flex;
  flex-wrap: wrap;
}
.home .slick-slider {
  position: relative;
}
.home .slick-slider .slick-list {
  width: 100%;
}
.home .slick-slider .slick-track {
  display: flex;
  width: 100%;
}
.home .ketocal-slider__slider.slick-slider .slick-arrow {
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 80px;
  height: 110px;
  cursor: pointer;
}
.home .section1:before, .home .slick-slider .slick-arrow.slick-next:after {
  content: "";
  top: 0;
  display: block;
  z-index: 2;
}
.home .ketocal-slider .slick-slider .slick-arrow.slick-prev {
  background: url(/assets/images/ketocal/arrow-left.svg) 70% no-repeat transparent;
}
.home .ketocal-slider .slick-slider .slick-arrow.slick-prev:hover {
  background: url(/assets/images/ketocal/arrow-left-color.svg) 70% no-repeat transparent;
}
.home .ketocal-slider .slick-slider .slick-arrow.slick-next:hover {
  background: url(/assets/images/ketocal/arrow-right-color.svg) 30% no-repeat transparent;
}
.home .slick-slider .slick-arrow.slick-next:after {
  bottom: 0;
  background: url(/assets/images/ketocal/shadow.png) center left no-repeat;
  background-size: auto 100%;
  right: 0;
  transform: translateX(80%);
  width: 50px;
  height: 100%;
}
.home button, .home input, .home textarea {
  padding: 0;
  margin: 0;
  background: 0;
  border: 0;
}
.home .news, .home .news .img-wrapper {
  border-radius: 16px;
  overflow: hidden;
}
.home .news {
  max-width: 465px;
  height: 265px;
  box-shadow: -2px -2px 8px #FFF, 2px 2px 8px rgba(174, 174, 192, 0.4);
}
.home .news:hover .img-wrapper img {
  height: 110%;
}
.home .news .img-wrapper {
  background: #fff;
  width: 240px;
  height: 120px;
}
.home .news .img-wrapper img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  transition: all 0.3s;
}
.home .news .news-content-wrapper {
  width: calc(100% - 170px);
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home .news .news-content-wrapper .news-content {
  overflow: hidden;
  max-height: calc(100% - 30px);
  position: relative;
  height: 100%;
}
.home .news .news-content-wrapper .news-content:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: url(../../image/home/shadow-news.png) bottom center no-repeat;
  background-size: 100%;
  pointer-events: none;
}
.home .news .news-content-wrapper .description {
  font-size: 12px;
  color: #76787A;
  max-height: 120px;
}
.home .news .news-content-wrapper .keywords-wrapper {
  margin-bottom: 10px;
}
.home .news .news-content-wrapper .keywords-wrapper .keyword {
  flex: calc(33% - 10px) 0 1;
  margin-right: 10px;
  background: #F7F4F8;
  border-radius: 8px;
  padding: 4px 6px;
  color: #8F67A4;
  text-align: center;
  margin-bottom: 5px;
  font-size: 10px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  transition: all 0.3s;
  cursor: pointer;
}
.home .news .news-content-wrapper .keywords-wrapper .keyword:hover {
  background: #4A2A80;
  color: #fff;
}
.home .news .news-content-wrapper .news-title {
  font-family: Gilroy-Black;
  font-size: 18px;
  line-height: 18px;
  color: #4A2A80;
  margin-bottom: 10px;
}
.home .news .news-content-wrapper .news-title small {
  font-family: Gilroy-Black;
  font-size: 12px;
  line-height: 18px;
  color: #adadad;
}
.home .news .news-content-wrapper .news-title:hover {
  color: #8F67A4;
}
.home .news .news-content-wrapper .news-item {
  padding-top: 10px;
  justify-content: space-between;
  font-size: 12px;
}
.home .news .news-content-wrapper .news-item .icon {
  margin-right: 8px;
}
.home .news .news-content-wrapper .news-item .date, .home .news .news-content-wrapper .news-item .like {
  color: #76787A;
}
.home .news .news-content-wrapper .news-item .like.active {
  color: #8F67A4;
}
.home .news .news-content-wrapper .news-item .cart {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8F67A4;
  position: relative;
  z-index: 9;
}
.home .news .news-content-wrapper .news-item .cart img {
  width: 50%;
  height: 50%;
  pointer-events: none;
  position: relative;
  z-index: 9;
}
.home .items-center {
  align-items: center;
}
.home .df {
  display: flex !important;
  flex-wrap: wrap;
}
.home .news-slide .news .img-wrapper {
  height: auto;
}
.home .news-slide .news .img-wrapper {
  display: flex;
}
.home .news-slide .news .news-content-wrapper {
  height: auto;
}
.home .news .img-wrapper2 {
  display: flex;
}
.home .news .img-wrapper, .home .news .img-wrapper img {
  max-width: 170px;
  display: inline-block !important;
}
.home .pointer {
  cursor: pointer;
}
.home ol, .home ul {
  list-style: none;
}
.home .modal_bt {
  background: #4A2A80;
  border-radius: 16px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 0.75em 1.5em;
  transition: all 0.55s;
}

.ketocal-new {
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .ketocal-new {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .ketocal-new {
    font-size: 14px;
  }
}
.ketocal-new__title {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.2;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .ketocal-new__title {
    font-size: 32px;
    line-height: 1.3;
  }
}
@media (max-width: 550px) {
  .ketocal-new__title {
    font-size: 24px;
  }
}
.ketocal-new__subtitle {
  font-weight: 600;
  font-size: 26px;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .ketocal-new__subtitle {
    font-size: 24px;
  }
}
@media (max-width: 550px) {
  .ketocal-new__subtitle {
    font-size: 20px;
  }
}
.ketocal-new-banner {
  position: relative;
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-banner {
    margin-bottom: 40px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-banner {
    margin-bottom: 50px;
  }
}
.ketocal-new-banner__bg {
  position: relative;
  height: 520px;
  background-color: #3A2921;
  background-image: url("/assets/images/ketocal-new/ketocal-new-banner.webp");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 76%;
}
@media (max-width: 1024px) {
  .ketocal-new-banner__bg {
    height: 783px;
    background-size: auto 111%;
    background-position: 52% 64%;
  }
}
@media (max-width: 550px) {
  .ketocal-new-banner__bg {
    height: 292px;
    background-position: 24% 130%;
  }
}
.ketocal-new-banner__logo {
  position: absolute;
  width: 165px;
  height: auto;
  left: 50px;
  top: 50px;
}
@media (max-width: 1024px) {
  .ketocal-new-banner__logo {
    left: 32px;
    top: 45px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-banner__logo {
    width: 83px;
    left: 20px;
    top: auto;
    bottom: 20px;
  }
}
.ketocal-new-banner__list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  color: var(--white);
  width: 680px;
}
@media (max-width: 1024px) {
  .ketocal-new-banner__list {
    width: 100%;
  }
}
.ketocal-new-banner__item {
  position: absolute;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 550px) {
  .ketocal-new-banner__item {
    font-size: 16px;
    max-width: 120px;
  }
}
.ketocal-new-banner__item span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}
@media (max-width: 550px) {
  .ketocal-new-banner__item span {
    font-size: 12px;
  }
}
.ketocal-new-banner__item:nth-child(1) {
  top: 33.5%;
  left: 2%;
}
@media (max-width: 1024px) {
  .ketocal-new-banner__item:nth-child(1) {
    top: 40%;
    left: 4%;
  }
}
@media (max-width: 550px) {
  .ketocal-new-banner__item:nth-child(1) {
    top: 9%;
    left: 20%;
  }
}
.ketocal-new-banner__item:nth-child(2) {
  left: 17.5%;
  bottom: 12.5%;
}
@media (max-width: 1024px) {
  .ketocal-new-banner__item:nth-child(2) {
    left: 9.5%;
    bottom: 12%;
  }
}
@media (max-width: 550px) {
  .ketocal-new-banner__item:nth-child(2) {
    bottom: 36%;
  }
}
.ketocal-new-banner__item:nth-child(3) {
  right: 0;
  bottom: 40%;
}
@media (max-width: 1024px) {
  .ketocal-new-banner__item:nth-child(3) {
    right: 10%;
    bottom: 10.5%;
  }
}
@media (max-width: 550px) {
  .ketocal-new-banner__item:nth-child(3) {
    right: 6%;
    bottom: 10%;
  }
}
.ketocal-new-epilepsy {
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy {
    margin-bottom: 48px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy {
    margin-bottom: 40px;
  }
}
.ketocal-new-epilepsy__top {
  display: grid;
  grid-template-columns: 1fr 43%;
  -moz-column-gap: 5%;
       column-gap: 5%;
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__top {
    grid-template-columns: 1fr 47%;
    -moz-column-gap: 6%;
         column-gap: 6%;
    margin-bottom: 37px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-epilepsy__top {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}
.ketocal-new-epilepsy__top .ketocal-new__title {
  padding-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__top .ketocal-new__title {
    padding-top: 0;
  }
}
.ketocal-new-epilepsy__top .ketocal-new__subtitle {
  margin-bottom: 43px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__top .ketocal-new__subtitle {
    grid-column: span 2;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-epilepsy__top .ketocal-new__subtitle {
    grid-column: auto;
  }
}
.ketocal-new-epilepsy__top-list {
  list-style: none;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 27px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__top-list {
    row-gap: 23px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .ketocal-new-epilepsy__top-list {
    margin-bottom: 24px;
  }
}
.ketocal-new-epilepsy__top-item {
  padding-left: 50px;
  background-repeat: no-repeat;
  background-size: 34px 34px;
  background-position: 0 50%;
}
@media (max-width: 767px) {
  .ketocal-new-epilepsy__top-item {
    padding-left: 0;
    padding-top: 50px;
    background-position: 0 0;
  }
}
.ketocal-new-epilepsy__top-bg {
  grid-column: 2/3;
  grid-row: 1/4;
  background-image: url("/assets/images/ketocal-new/ep-bg-1.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  border-radius: 12px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__top-bg {
    grid-row: 3/4;
    background-position: 68% 100%;
  }
}
@media (max-width: 767px) {
  .ketocal-new-epilepsy__top-bg {
    grid-column: auto;
    grid-row: auto;
    aspect-ratio: 1/0.91;
  }
}
.ketocal-new-epilepsy__center {
  display: grid;
  grid-template-columns: 43% 1fr;
  -moz-column-gap: 3.5%;
       column-gap: 3.5%;
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__center {
    grid-template-columns: 1fr;
    margin-bottom: 48px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__center {
    margin-bottom: 40px;
  }
}
.ketocal-new-epilepsy__center .ketocal-new__subtitle {
  grid-column: span 2;
  max-width: 80%;
  margin-bottom: 42px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__center .ketocal-new__subtitle {
    grid-column: auto;
    max-width: none;
    margin-bottom: 20px;
  }
}
.ketocal-new-epilepsy__center-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  color: var(--white);
}
.ketocal-new-epilepsy__center-item {
  border-radius: 12px;
  padding: 16px 25px;
  background-color: var(--purple);
}
.ketocal-new-epilepsy__center-bg {
  background-image: url("/assets/images/ketocal-new/ep-bg-2.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 100%;
  border-radius: 12px;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__center-bg {
    aspect-ratio: 1/0.59;
    margin-bottom: 20px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__center-bg {
    aspect-ratio: 1/1.21;
  }
}
.ketocal-new-epilepsy__bottom {
  padding-top: 61px;
  padding-bottom: 61px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: var(--blue-super-light);
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__bottom .ketocal-new__subtitle {
    text-align: center;
    margin-bottom: 24px;
  }
}
.ketocal-new-epilepsy__bottom-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 7%;
       column-gap: 7%;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__bottom-wrapper {
    flex-direction: column;
  }
}
.ketocal-new-epilepsy__bottom-content {
  width: 77%;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__bottom-content {
    width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom-content {
    padding: 0;
  }
}
.ketocal-new-epilepsy__bottom-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  height: 54px;
  padding: 5px 29px;
  margin-bottom: 16px;
  border-radius: 27px;
  background: linear-gradient(90deg, #239553 0%, #e92121 100%);
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom-bar {
    padding: 18px 14px;
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
}
.ketocal-new-epilepsy__bottom-arrows {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  height: 100%;
  flex-grow: 1;
}
.ketocal-new-epilepsy__bottom-arrows span {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ketocal-new-epilepsy__bottom-arrows span::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: var(--white);
  transform: skew(45deg);
}
.ketocal-new-epilepsy__bottom-arrows span::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: var(--white);
  transform: skew(-45deg);
}
.ketocal-new-epilepsy__bottom-arrows span:nth-child(2) {
  opacity: 0.5;
}
.ketocal-new-epilepsy__bottom-arrows span:nth-child(3) {
  opacity: 0.3;
}
.ketocal-new-epilepsy__bottom-arrows_right {
  transform: rotate(180deg);
}
.ketocal-new-epilepsy__bottom-title {
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
  flex-shrink: 0;
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom-title {
    font-size: 14px;
    flex-shrink: 1;
    width: 55%;
  }
}
.ketocal-new-epilepsy__bottom-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 600;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom-list {
    font-size: 12px;
    padding-right: 20px;
  }
}
.ketocal-new-epilepsy__bottom-item {
  width: 30%;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__bottom-item:nth-child(1) {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom-item:nth-child(1) {
    max-width: -moz-min-content;
    max-width: min-content;
    text-align: left;
  }
}
.ketocal-new-epilepsy__bottom-item:nth-child(2) {
  width: 40%;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__bottom-item:nth-child(2) {
    width: 30%;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom-item:nth-child(2) {
    max-width: -moz-min-content;
    max-width: min-content;
  }
}
.ketocal-new-epilepsy__bottom-item:nth-child(3) {
  width: 23%;
}
@media (max-width: 1024px) {
  .ketocal-new-epilepsy__bottom-item:nth-child(3) {
    max-width: -moz-min-content;
    max-width: min-content;
  }
}
@media (max-width: 550px) {
  .ketocal-new-epilepsy__bottom-item:nth-child(3) {
    max-width: none;
    text-align: right;
  }
}
.ketocal-new-diet .ketocal-new__title {
  text-align: center;
  margin: 0 auto 20px auto;
}
.ketocal-new-diet .ketocal-new__subtitle {
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet .ketocal-new__subtitle {
    margin-bottom: 24px;
  }
}
.ketocal-new-diet__text {
  max-width: 649px;
  margin: 0 auto 40px auto;
  text-align: center;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .ketocal-new-diet__text {
    margin: 0 auto 24px auto;
  }
}
.ketocal-new-diet__top-list {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 56px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 13px;
       column-gap: 13px;
  row-gap: 24px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__top-list {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 48px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__top-list {
    margin-bottom: 40px;
  }
}
.ketocal-new-diet__top-img {
  height: 84px;
  border-bottom: 1px solid var(--gray);
  margin-bottom: 16px;
  background-repeat: no-repeat;
  background-size: 68px 68px;
  background-position: 50% 0;
}
.ketocal-new-diet__center-list {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__center-list {
    margin-bottom: 48px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-list {
    margin-bottom: 40px;
  }
}
.ketocal-new-diet__center-item {
  display: grid;
  align-items: center;
  grid-template-columns: 16% 24.6% 1fr;
  -moz-column-gap: 7%;
       column-gap: 7%;
  row-gap: 24px;
  border-radius: 16px;
  padding: 32px;
  background-color: var(--gray-light);
}
@media (max-width: 1024px) {
  .ketocal-new-diet__center-item {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 12%;
         column-gap: 12%;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-item {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    padding: 24px 12px;
  }
}
.ketocal-new-diet__center-term {
  position: relative;
  grid-row: 1/2;
  grid-column: 1/2;
  font-size: 18px;
  font-weight: 600;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .ketocal-new-diet__center-term {
    padding-right: 35px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-term {
    padding-right: 0;
  }
}
.ketocal-new-diet__center-term::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 8px;
  height: 8px;
  background-color: var(--purple);
  border-radius: 50%;
  z-index: 2;
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-term::before {
    content: none;
  }
}
.ketocal-new-diet__center-term::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid var(--purple);
  background-color: var(--gray-light);
  z-index: 1;
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-term::after {
    content: none;
  }
}
.ketocal-new-diet__center-desc {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  grid-column: 2/4;
  align-items: center;
  -moz-column-gap: 48px;
       column-gap: 48px;
  margin: 0;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__center-desc {
    grid-column: 1/3;
    grid-row: 1/3;
    -moz-column-gap: normal;
         column-gap: normal;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-desc {
    grid-column: 1/2;
    grid-row: 1/4;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.ketocal-new-diet__center-desc-left {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__center-desc-left {
    grid-column: 2/3;
    grid-row: 1/2;
    row-gap: 29px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-desc-left {
    grid-column: 1/1;
    grid-row: 2/3;
    flex-direction: column-reverse;
    row-gap: 12px;
  }
}
.ketocal-new-diet__center-desc-left p {
  border-radius: 8px;
  padding: 20px 25px;
  font-weight: 600;
  color: var(--white);
  background-color: var(--purple);
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-desc-left p {
    display: flex;
    align-items: center;
    padding: 5px 28px;
    min-height: 35px;
  }
}
.ketocal-new-diet__center-desc-left_before {
  position: relative;
}
.ketocal-new-diet__center-desc-left_before::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 74%;
  height: 50%;
  transform: translateX(-100%);
  background-image: url("/assets/images/ketocal-new/line-left.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 100% 100%;
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-desc-left_before::before {
    content: none;
  }
}
.ketocal-new-diet__center-desc-left_before::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 74%;
  height: 50%;
  transform: translateX(-100%);
  background-image: url("/assets/images/ketocal-new/line-right.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 100% 0%;
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-desc-left_before::after {
    content: none;
  }
}
.ketocal-new-diet__center-desc-left-item {
  position: relative;
}
.ketocal-new-diet__center-desc-left-item::before {
  position: absolute;
  content: "";
  left: 0;
  right: 74%;
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-desc-left-item::before {
    content: none;
  }
}
.ketocal-new-diet__center-desc-left-item_horizontal::before {
  top: 50%;
  transform: translate(-100%, -50%);
  height: 1px;
  background-color: var(--purple);
}
.ketocal-new-diet__center-desc-right {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__center-desc-right {
    grid-column: 1/3;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__center-desc-right {
    grid-column: 1/1;
    grid-row: 3/4;
  }
}
.ketocal-new-diet__slider {
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider {
    margin-bottom: 40px;
  }
}
.ketocal-new-diet__slider .wrapper {
  width: 100%;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider .ketocal-new__subtitle {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
}
.ketocal-new-diet__slider .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 17px;
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider .slick-dots {
    gap: 8px;
    bottom: 24px;
  }
}
.ketocal-new-diet__slider .slick-dots li {
  width: 120px;
  height: 2px;
  flex-shrink: 0;
  background: var(--gray-border);
  position: relative;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider .slick-dots li {
    width: 48px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider .slick-dots li {
    width: 24px;
  }
}
.ketocal-new-diet__slider .slick-dots li.active {
  background: var(--white);
}
.ketocal-new-diet__slider .slick-dots li.active::after {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  width: calc(100% + 4px);
  height: 100%;
  border-radius: 2px;
  background: var(--purple);
  animation: widthAnimation 5s linear 0s 1;
}
.ketocal-new-diet__slider .slick-dots li button {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.ketocal-new-diet__slider .slick-dots li button::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% + 20px);
  position: absolute;
  left: 0;
  top: -10px;
}
.ketocal-new-diet__slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  font-size: 0;
  background-color: var(--white);
  border: none;
  border-radius: 50%;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  z-index: 1;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider .slick-arrow {
    display: none !important;
  }
}
.ketocal-new-diet__slider .slick-arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--purple);
  border-left: 2px solid var(--purple);
  transform: translateX(18px) rotate(-45deg);
}
.ketocal-new-diet__slider .slick-arrow.slick-disabled {
  border-top: 2px solid var(--gray);
  border-left: 2px solid var(--gray);
  pointer-events: none;
}
.ketocal-new-diet__slider .slick-arrow.slick-prev {
  left: 16px;
}
.ketocal-new-diet__slider .slick-arrow.slick-next {
  right: 16px;
}
.ketocal-new-diet__slider .slick-arrow.slick-next::before {
  transform: translateX(15px) rotate(135deg);
}
.ketocal-new-diet__slider-item, .ketocal-new-diet__slider-item.slick-slide {
  display: grid;
  grid-template-columns: 1fr 0.92fr;
  -moz-column-gap: 6%;
       column-gap: 6%;
  min-height: 448px;
  border-radius: 10px;
  background-color: #f7f4f8;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item, .ketocal-new-diet__slider-item.slick-slide {
    grid-template-columns: 1fr;
  }
}
.ketocal-new-diet__slider-item_gradient::before, .ketocal-new-diet__slider-item_gradient.slick-slide::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_gradient::before, .ketocal-new-diet__slider-item_gradient.slick-slide::before {
    content: none;
  }
}
.ketocal-new-diet__slider-item_graphics, .ketocal-new-diet__slider-item_graphics.slick-slide {
  padding-top: 38px;
  padding-bottom: 64px;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 7%;
       column-gap: 7%;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_graphics, .ketocal-new-diet__slider-item_graphics.slick-slide {
    padding-top: 60px;
    padding-bottom: 145px;
    grid-template-columns: 1fr;
    row-gap: 47px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item_graphics, .ketocal-new-diet__slider-item_graphics.slick-slide {
    padding-top: 28px;
    padding-bottom: 113px;
    row-gap: 35px;
  }
}
.ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-content, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-content {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 97px;
  order: 0;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-content, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-content {
    padding-left: 57px;
    padding-right: 57px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-content, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-content {
    padding-left: 13px;
    padding-right: 12px;
  }
}
.ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-title, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-title {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-title, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-title {
    max-width: none;
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-title, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-title {
    font-size: clamp(13px, 3.5vw, 29px);
  }
}
.ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-img, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-img {
  background-size: contain;
  margin-right: 90px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-img, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-img {
    margin-left: 57px;
    margin-right: 40px;
    aspect-ratio: 1.45/1.1;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item_graphics .ketocal-new-diet__slider-item-img, .ketocal-new-diet__slider-item_graphics.slick-slide .ketocal-new-diet__slider-item-img {
    margin-left: 13px;
    margin-right: 9px;
  }
}
.ketocal-new-diet__slider-item_table, .ketocal-new-diet__slider-item_table.slick-slide {
  padding-top: 23px;
  padding-bottom: 25px;
  grid-template-columns: 0.67fr 1fr;
  -moz-column-gap: 4.5%;
       column-gap: 4.5%;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_table, .ketocal-new-diet__slider-item_table.slick-slide {
    padding-top: 49px;
    padding-bottom: 148px;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item_table, .ketocal-new-diet__slider-item_table.slick-slide {
    padding-top: 30px;
    padding-bottom: 69px;
    row-gap: 38px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table, .ketocal-new-diet__slider-item_table.slick-slide {
    padding-top: 28px;
  }
}
.ketocal-new-diet__slider-item_table .ketocal-new-diet__slider-item-content, .ketocal-new-diet__slider-item_table.slick-slide .ketocal-new-diet__slider-item-content {
  justify-content: start;
  padding-left: 104px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_table .ketocal-new-diet__slider-item-content, .ketocal-new-diet__slider-item_table.slick-slide .ketocal-new-diet__slider-item-content {
    padding-left: 26px;
    padding-right: 31px;
    row-gap: 20px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table .ketocal-new-diet__slider-item-content, .ketocal-new-diet__slider-item_table.slick-slide .ketocal-new-diet__slider-item-content {
    row-gap: 12px;
  }
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_table .ketocal-new-diet__slider-item-img, .ketocal-new-diet__slider-item_table.slick-slide .ketocal-new-diet__slider-item-img {
    margin-left: 40px;
    margin-right: 39px;
    aspect-ratio: 1.75/1;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item_table .ketocal-new-diet__slider-item-img, .ketocal-new-diet__slider-item_table.slick-slide .ketocal-new-diet__slider-item-img {
    margin-left: 26px;
    margin-right: 31px;
  }
}
.ketocal-new-diet__slider-item_table table, .ketocal-new-diet__slider-item_table.slick-slide table {
  max-width: 470px;
  margin: 0 auto;
  border-spacing: 0px;
  border-collapse: collapse;
  border-radius: 15px;
  text-align: left;
  font-size: 14px;
  color: #6a6a6a;
  background-color: var(--white);
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_table table, .ketocal-new-diet__slider-item_table.slick-slide table {
    font-size: 19px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table, .ketocal-new-diet__slider-item_table.slick-slide table {
    max-width: 277px;
    border-radius: 10px;
    font-size: 9px;
  }
}
.ketocal-new-diet__slider-item_table table caption, .ketocal-new-diet__slider-item_table.slick-slide table caption {
  margin-bottom: 25px;
  font-weight: 900;
  font-size: 20px;
  text-align: left;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item_table table caption, .ketocal-new-diet__slider-item_table.slick-slide table caption {
    font-size: 25px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table caption, .ketocal-new-diet__slider-item_table.slick-slide table caption {
    margin-bottom: 17px;
    font-size: 14px;
  }
}
.ketocal-new-diet__slider-item_table table thead tr, .ketocal-new-diet__slider-item_table.slick-slide table thead tr {
  background: linear-gradient(90deg, #4C2C81 0%, #8D65A3 100%);
}
.ketocal-new-diet__slider-item_table table thead th, .ketocal-new-diet__slider-item_table.slick-slide table thead th {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table thead th, .ketocal-new-diet__slider-item_table.slick-slide table thead th {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
.ketocal-new-diet__slider-item_table table thead th:first-child, .ketocal-new-diet__slider-item_table.slick-slide table thead th:first-child {
  padding-left: 20px;
  border-radius: 15px 0 0 15px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table thead th:first-child, .ketocal-new-diet__slider-item_table.slick-slide table thead th:first-child {
    padding-left: 13px;
    border-radius: 10px 0 0 10px;
  }
}
.ketocal-new-diet__slider-item_table table thead th:last-child, .ketocal-new-diet__slider-item_table.slick-slide table thead th:last-child {
  padding-left: 14px;
  padding-right: 40px;
  border-radius: 0 15px 15px 0;
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table thead th:last-child, .ketocal-new-diet__slider-item_table.slick-slide table thead th:last-child {
    border-radius: 0 10px 10px 0;
    padding-left: 10px;
    padding-right: 20px;
  }
}
.ketocal-new-diet__slider-item_table table tr + tr, .ketocal-new-diet__slider-item_table.slick-slide table tr + tr {
  border-top: 1px solid #E1E3E6;
}
.ketocal-new-diet__slider-item_table table th, .ketocal-new-diet__slider-item_table.slick-slide table th {
  vertical-align: bottom;
  color: var(--white);
}
.ketocal-new-diet__slider-item_table table td, .ketocal-new-diet__slider-item_table.slick-slide table td {
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table td, .ketocal-new-diet__slider-item_table.slick-slide table td {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.ketocal-new-diet__slider-item_table table td:first-child, .ketocal-new-diet__slider-item_table.slick-slide table td:first-child {
  padding-left: 19px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table td:first-child, .ketocal-new-diet__slider-item_table.slick-slide table td:first-child {
    padding-left: 12px;
  }
}
.ketocal-new-diet__slider-item_table table td:last-child, .ketocal-new-diet__slider-item_table.slick-slide table td:last-child {
  padding-left: 20px;
  padding-right: 25px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item_table table td:last-child, .ketocal-new-diet__slider-item_table.slick-slide table td:last-child {
    padding-left: 11px;
    padding-right: 20px;
  }
}
.ketocal-new-diet__slider-item_table table .ketocal-new-diet__slider-item-table-td-gray, .ketocal-new-diet__slider-item_table.slick-slide table .ketocal-new-diet__slider-item-table-td-gray {
  background-color: #E1E3E6;
}
.ketocal-new-diet__slider-item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 16px;
  padding-left: 109px;
  padding-top: 40px;
  padding-bottom: 70px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-content {
    justify-content: start;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 60px;
    order: 1;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-content {
    row-gap: 8px;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 76px;
  }
}
.ketocal-new-diet__slider-item-title {
  font-size: 32px;
  line-height: 1.3;
  color: var(--purple);
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-title {
    font-size: 36px;
    line-height: 1.4;
    max-width: 75%;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-title {
    font-size: 16px;
    max-width: none;
  }
}
.ketocal-new-diet__slider-item-title span {
  text-transform: uppercase;
}
.ketocal-new-diet__slider-item-title_min {
  font-size: 30px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-title_min {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-title_min {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-title_small {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-title_small {
    font-size: 16px;
  }
}
.ketocal-new-diet__slider-item-text {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-text {
    max-width: 50%;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-text {
    max-width: none;
    font-size: 13px;
  }
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-text_wide {
    max-width: 75%;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-text_wide {
    max-width: none;
  }
}
.ketocal-new-diet__slider-item-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #6a6a6a;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-list {
    row-gap: 10px;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-list {
    row-gap: 5px;
    font-size: clamp(9px, 2.7vw, 20px);
  }
}
.ketocal-new-diet__slider-item-list-item {
  min-height: 18px;
  padding-left: 28px;
  background-image: url("/assets/images/ketocal-new/check-mark.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: 0 50%;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-list-item {
    min-height: 25.5px;
    padding-left: 40px;
    background-size: 25.5px 25.5px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-list-item {
    min-height: 14px;
    padding-left: 19px;
    background-size: 14px 14px;
  }
}
.ketocal-new-diet__slider-item-desc {
  max-width: 470px;
  margin: 0 auto;
  padding-left: 20px;
  font-size: 11px;
  color: #6a6a6a;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-desc {
    font-size: 14px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__slider-item-desc {
    padding-left: 12px;
    font-size: 8px;
    line-height: 1.2;
  }
}
.ketocal-new-diet__slider-item-img {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 16px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img {
    aspect-ratio: 1/0.584;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-img {
    aspect-ratio: 1/0.89;
  }
}
.ketocal-new-diet__slider-item-img-item {
  position: absolute;
  border-radius: 8px;
  padding: 9px 12px;
  color: var(--white);
  background-color: var(--purple-light);
}
@media (max-width: 767px) {
  .ketocal-new-diet__slider-item-img-item {
    display: none;
  }
}
.ketocal-new-diet__slider-item-img-item-title {
  font-size: 20px;
  font-weight: 600;
}
.ketocal-new-diet__slider-item-img-item-text {
  font-size: 14px;
}
.ketocal-new-diet__slider-item-img-item-text span {
  font-size: 16px;
  font-weight: 700;
}
.ketocal-new-diet__slider-item-img_1 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
  top: 37px;
  left: -35px;
  width: 192px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_1 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
    top: 14%;
    left: 16%;
  }
}
.ketocal-new-diet__slider-item-img_1 .ketocal-new-diet__slider-item-img-item:nth-child(2) {
  left: -24px;
  bottom: 59px;
  width: 170px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_1 .ketocal-new-diet__slider-item-img-item:nth-child(2) {
    left: 3%;
    bottom: 7%;
  }
}
.ketocal-new-diet__slider-item-img_1 .ketocal-new-diet__slider-item-img-item:nth-child(3) {
  right: 13px;
  bottom: 59px;
  width: 219px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_1 .ketocal-new-diet__slider-item-img-item:nth-child(3) {
    top: 24%;
    right: 3.5%;
    bottom: auto;
  }
}
.ketocal-new-diet__slider-item-img_2 {
  background-position: 100% 50%;
}
.ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
  top: 34px;
  left: -41px;
  width: 224px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
    top: 11.5%;
    left: 12.5%;
  }
}
.ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(2) {
  top: 44px;
  right: 26px;
  width: 139px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(2) {
    top: 15%;
    right: 25px;
  }
}
.ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(3) {
  top: 190px;
  left: 14%;
  width: 132px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(3) {
    top: 46%;
    left: 28.5%;
  }
}
.ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(4) {
  left: -30px;
  bottom: 67px;
  width: 139px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_2 .ketocal-new-diet__slider-item-img-item:nth-child(4) {
    left: 14%;
    bottom: 11%;
  }
}
.ketocal-new-diet__slider-item-img_3 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
  left: -35px;
  bottom: 25%;
  width: 224px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_3 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
    top: 28%;
    left: 37%;
    bottom: auto;
  }
}
.ketocal-new-diet__slider-item-img_4 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
  left: 17.5%;
  bottom: 22%;
  width: 144px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__slider-item-img_4 .ketocal-new-diet__slider-item-img-item:nth-child(1) {
    left: 23%;
    bottom: 24%;
  }
}
.ketocal-new-diet__application {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2%;
       column-gap: 2%;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__application {
    -moz-column-gap: 3%;
         column-gap: 3%;
    margin-bottom: 24px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__application {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.ketocal-new-diet__application .ketocal-new__subtitle {
  margin-bottom: 20px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__application .ketocal-new__subtitle {
    font-size: 26px;
  }
}
.ketocal-new-diet__application-bg {
  background-image: url("/assets/images/ketocal-new/application-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 12px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__application-bg {
    aspect-ratio: 1/1.05;
    order: 1;
  }
}
.ketocal-new-diet__application-content {
  padding-bottom: 30px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__application-content {
    padding-bottom: 0;
  }
}
.ketocal-new-diet__application-title {
  font-size: 18px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__application-title {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__application-title {
    font-size: 14px;
  }
}
.ketocal-new-diet__application-text {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__application-text {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .ketocal-new-diet__application-text:last-child {
    margin-bottom: 0px;
  }
}
.ketocal-new-diet__duration .ketocal-new__subtitle {
  margin-bottom: 24px;
}
.ketocal-new-diet__duration-list-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2%;
       column-gap: 2%;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__duration-list-wrapper {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-diet__duration-list-wrapper {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.ketocal-new-diet__duration-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ketocal-new-diet__duration-list_left .ketocal-new-diet__duration-item {
  background-position: 0 50%;
}
@media (max-width: 767px) {
  .ketocal-new-diet__duration-list_left .ketocal-new-diet__duration-item {
    background-position: 0 0;
  }
}
.ketocal-new-diet__duration-list_right .ketocal-new-diet__duration-item {
  background-position: 0 0;
}
.ketocal-new-diet__duration-item {
  min-height: 26px;
  padding-left: 42px;
  background-image: url("/assets/images/ketocal-new/check-mark.svg");
  background-repeat: no-repeat;
  background-size: 26px 26px;
}
@media (max-width: 767px) {
  .ketocal-new-diet__duration-item {
    padding-left: 0;
    padding-top: 42px;
  }
}
.ketocal-new-diet__reasons {
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-diet__reasons {
    margin-bottom: 48px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-diet__reasons {
    margin-bottom: 32px;
  }
}
.ketocal-new-diet__reasons .ketocal-new__subtitle {
  margin-bottom: 20px;
}
.ketocal-new-diet__reasons-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__reasons-list {
    font-size: 14px;
  }
}
.ketocal-new-diet__reasons-item {
  position: relative;
  display: inline;
  margin-left: 24px;
}
@media (max-width: 550px) {
  .ketocal-new-diet__reasons-item {
    display: block;
    margin-left: 22px;
  }
}
.ketocal-new-diet__reasons-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: -12px;
  height: 21px;
  width: 1px;
  background-color: var(--purple-light);
}
@media (max-width: 550px) {
  .ketocal-new-diet__reasons-item::before {
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--purple);
  }
}
.ketocal-new-diet__reasons-item:first-child {
  margin-left: 0;
}
@media (max-width: 550px) {
  .ketocal-new-diet__reasons-item:first-child {
    margin-left: 22px;
  }
}
.ketocal-new-diet__reasons-item:first-child::before {
  content: none;
}
@media (max-width: 550px) {
  .ketocal-new-diet__reasons-item:first-child::before {
    content: "";
  }
}
.ketocal-new-diet-2 {
  display: none;
}
@keyframes widthAnimation {
  from {
    width: 0%;
  }
  to {
    width: calc(100% + 4px);
  }
}

.ketocal-new-ref {
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .ketocal-new-ref {
    margin-bottom: 48px;
  }
}
@media (max-width: 550px) {
  .ketocal-new-ref {
    margin-bottom: 40px;
  }
}
.ketocal-new-ref__wrapper {
  background-color: #DCBFFE;
  border-radius: 12px;
  display: flex;
  padding-top: 68px;
  padding-bottom: 68px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__wrapper {
    padding-top: 46px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__wrapper {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 0;
  }
}
.ketocal-new-ref__content {
  width: calc(100% - 570px);
  max-width: 670px;
  padding-left: 34px;
  padding-right: 34px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__content {
    width: calc(100% - 330px);
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ketocal-new-ref__media {
  width: 570px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__media {
    width: 330px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__media {
    width: 100%;
    height: 272px;
    position: relative;
  }
}
.ketocal-new-ref__media:after {
  content: "";
  background-color: #F0E2FF;
  border-radius: 50%;
  width: 468px;
  height: 468px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% - 20px), calc(-50% + 20px));
  pointer-events: none;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__media:after {
    width: 340px;
    height: 340px;
    transform: translate(calc(-50% + 12px), calc(-50% + 32px));
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__media:after {
    width: 290px;
    height: 290px;
    transform: translate(calc(-50% + 56px), calc(-50% + 62px));
  }
}
.ketocal-new-ref__title {
  color: #371971;
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.ketocal-new-ref__action {
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__action {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__action {
    padding-top: 24px;
  }
}
.ketocal-new-ref__btn {
  width: 200px;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__btn {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__btn {
    width: 164px;
  }
}
.ketocal-new-ref__img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% - 14px), calc(-50% + 66px));
  z-index: 1;
}
@media (max-width: 1024px) {
  .ketocal-new-ref__img {
    width: 160%;
    height: auto;
    transform: translate(calc(-50% + 16px), calc(-50% + 66px));
  }
}
@media (max-width: 767px) {
  .ketocal-new-ref__img {
    width: 150%;
    max-width: 440px;
    transform: translate(calc(-50% + 42px), calc(-50% + 48px));
  }
}

.nutrilon-help {
  font-family: "Nunito", sans-serif;
}

.nutrilon-help__wrapper {
  position: relative;
}

.header-nutrilon-help {
  padding: 0;
  position: relative;
}

.header-nutrilon-help_box {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header-nutrilon-help_box_text {
  font-size: 60px;
  font-weight: 500;
  line-height: 70px;
  color: #fff;
  max-width: 980px;
  margin-top: 145px;
  text-transform: uppercase;
}

.header-nutrilon-help_logo {
  margin-top: 75px;
}
.header-nutrilon-help_logo img {
  width: 100%;
}

.header-nutrilon-help__fontop {
  width: 100%;
}

@media (max-width: 1920px) {
  .header-nutrilon-help_box_text {
    font-size: 40px;
    line-height: 52px;
    max-width: 645px;
    margin-top: 110px;
  }
  .header-nutrilon-help_logo {
    max-width: 400px;
    margin-top: 50px;
  }
}
@media (max-width: 1650px) {
  .header-nutrilon-help_box_text {
    margin-top: 80px;
  }
  .header-nutrilon-help_logo {
    margin-top: 15px;
  }
  .header-nutrilon-help {
    height: 600px;
  }
  .header-nutrilon-help__fontop {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 1440px) {
  .header-nutrilon-help_logo {
    max-width: 340px;
  }
}
@media (max-width: 1200px) {
  .header-nutrilon-help_box_text {
    margin-top: 80px;
    font-size: 27px;
    line-height: 37px;
    max-width: 427px;
  }
  .header-nutrilon-help_logo {
    max-width: 250px;
    margin-top: 45px;
  }
}
@media (max-width: 1024px) {
  .header-nutrilon-help {
    height: 380px;
  }
  .header-nutrilon-help__fontop {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 750px) {
  .header-nutrilon-help_box_text {
    max-width: 320px;
    font-size: 21px;
    line-height: 28px;
  }
  .header-nutrilon-help_logo {
    max-width: 224px;
  }
}
@media (max-width: 480px) {
  .header-nutrilon-help_box_text {
    margin-top: 59px;
    font-size: 15px;
    line-height: 23px;
    max-width: 180px;
  }
  .header-nutrilon-help_logo {
    max-width: 168px;
    margin-top: 41px;
  }
  .header-nutrilon-help {
    height: 287px;
  }
}
@media (max-width: 360px) {
  .header-nutrilon-help_box_text {
    font-size: 13px;
  }
  .header-nutrilon-help_logo {
    max-width: 144px;
  }
}
.bt_h {
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
  color: #fff;
  background: #E76A8D;
  border-radius: 115px;
  max-width: 478px;
  height: 98px;
  margin: 0 15px 100px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
}

.bt_h:hover {
  background: #db7481;
}

.footer-nutrilon-help {
  padding: 0 0 6vw;
  position: relative;
  line-height: 0;
}
.footer-nutrilon-help:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/images/nutrilon-help/fon2.svg") no-repeat;
  background-position: top center;
  background-size: cover;
}

.footer-nutrilon-help_box {
  width: 100%;
  padding-top: 50px;
}

.footer-nutrilon-help_box_item_text {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  padding-top: 67px;
  padding-left: 72px;
}

.footer-nutrilon-help_box_item {
  flex-shrink: 0;
  width: 20%;
}

.footer-nutrilon-help_box_item_img {
  height: 70%;
}
.footer-nutrilon-help_box_item_img img {
  width: 100%;
}

.footer-nutrilon-help_box_item_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer2-nutrilon-help {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #fff;
  background-color: #134998;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 15px;
  height: 400px;
  padding-bottom: 50px;
}

.footer2-nutrilon-help span {
  text-transform: uppercase;
  margin-top: 20px;
  display: block;
}

.footer2-nutrilon-help div {
  max-width: 950px;
}

.nutrilon-help-content_title {
  font-size: 33px;
  font-weight: 800;
  line-height: 52px;
  margin-bottom: 33px;
  color: #2B2D7B;
  padding-left: 20px;
}

.nutrilon-help-content_box1 {
  font-size: 33px;
  font-weight: 800;
  line-height: 40px;
  display: flex;
  margin-bottom: 160px;
  color: #2B2D7B;
  padding-left: 20px;
}

.nutrilon-help-content_box1_sr {
  width: 10%;
  display: flex;
  margin: 0 20px;
}

.nutrilon-help-content_box1_text {
  width: 45%;
}

.nutrilon-help-content_box1_sr img {
  width: auto;
  margin: 0 auto;
}

.nutrilon-help-content_list_text {
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
  color: #2B2D7B;
  max-width: 90%;
}

.nutrilon-help-content_list_text div {
  margin: 25px 0;
  padding-left: 339px;
}

.nutrilon-help-content_list {
  margin-bottom: 80px;
}

.nutrilon-help-content_list_line {
  position: relative;
  height: auto;
  border-radius: 10px;
  margin-left: 10px;
  font-size: 29px;
  font-weight: 800;
  line-height: 35px;
  color: #2B2D7B;
  padding-left: 240px;
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.nutrilon-help-content_list_line span {
  color: #C59DC8;
  font-size: 96px;
  font-weight: 800;
  line-height: 95px;
  margin-right: 30px;
}

.nutrilon-help-content_list_line:before {
  content: "";
  display: block;
  position: absolute;
  width: 175px;
  height: 175px;
  background-color: #fff;
  background: url("/assets/images/nutrilon-help/img1.svg") no-repeat #fff;
  border-radius: 50%;
  padding: 20px;
  background-position: center;
  top: -50%;
  left: -10px;
}

.nutrilon-help-content_list_line2 {
  border-radius: 10px;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  color: #2B2D7B;
  padding: 5px 30px;
  display: flex;
  align-items: center;
  background-color: #EEEAD0;
}

.nutrilon-help-content_list_text2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 28px;
  color: #2B2D7B;
  max-width: 90%;
}

.nutrilon-help-content_list_text2 div {
  margin: 25px 0;
  padding-left: 30px;
}

.nutrilon-help-content_list2 {
  margin-bottom: 100px;
}

.nhc_list1 {
  background-color: #EDE3EF;
}

.nhc_list1 span {
  color: #C59DC8;
}

.nhc_list1:before {
  background: url("/assets/images/nutrilon-help/img1.svg") no-repeat #fff;
  background-position: center;
}

.nhc_list2 {
  background-color: #DCE3F2;
}

.nhc_list2 span {
  color: #7A9CD2;
}

.nhc_list2:before {
  background: url("/assets/images/nutrilon-help/img2.svg") no-repeat #fff;
  background-position: center;
}

.nhc_list3 {
  background-color: #F9DAE2;
}

.nhc_list3 span {
  color: #E76A8D;
}

.nhc_list3:before {
  background: url("/assets/images/nutrilon-help/img3.svg") no-repeat #fff;
  background-position: center;
}

.nhc_list4 {
  background-color: #D8E3EB;
}

.nhc_list4 span {
  color: #4684AC;
}

.nhc_list4:before {
  background: url("/assets/images/nutrilon-help/img4.svg") no-repeat #fff;
  background-position: center;
}

.nutrilon-help-content {
  padding: 0;
}

.pad50 {
  padding-left: 135px;
  padding-right: 135px;
}

.fonfooter {
  margin-bottom: -2px;
}

@media (max-width: 1920px) {
  .pad50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .footer-nutrilon-help_box {
    margin-left: 65px;
    margin-right: 0;
    width: calc(100% - 65px);
  }
  .nutrilon-help-content_list_line {
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
  }
}
@media (max-width: 1650px) {
  .footer-nutrilon-help {
    height: 500px;
  }
  .fonfooter {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .footer2-nutrilon-help {
    height: 355px;
  }
  .nutrilon-help-content_box1 {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (max-width: 1919px) {
  .footer-nutrilon-help_box_item_text {
    font-size: 19px;
    line-height: 25px;
    padding-top: 44px;
    padding-left: 52px;
  }
}
@media (max-width: 1440px) {
  .nutrilon-help-content_list_line {
    font-size: 30px;
    line-height: 35px;
  }
  .nutrilon-help-content_list_line span {
    font-size: 63px;
    line-height: 76px;
  }
  .nutrilon-help-content_list_line:before {
    top: auto;
  }
  .nutrilon-help-content_list_text {
    font-size: 28px;
    line-height: 29px;
  }
  .nutrilon-help-content_list_text div {
    margin: 20px 0;
    padding-left: 320px;
  }
  .nutrilon-help-content_list_line2 {
    font-size: 30px;
    line-height: 35px;
  }
  .nutrilon-help-content_list_text2 {
    font-size: 28px;
    line-height: 29px;
  }
}
@media (max-width: 1200px) {
  .footer-nutrilon-help {
    height: 430px;
  }
  .footer-nutrilon-help_box_item_text {
    padding-left: 52px;
  }
}
@media (max-width: 992px) {
  .footer-nutrilon-help_box_item_box {
    width: 862px;
    padding-bottom: 30px;
  }
  .footer-nutrilon-help_box {
    overflow-x: scroll;
  }
  .footer-nutrilon-help {
    height: 320px;
  }
  .footer-nutrilon-help_box_item_text {
    font-size: 16px;
    line-height: 22px;
    padding-top: 17px;
    padding-left: 34px;
  }
  .footer2-nutrilon-help {
    font-size: 16px;
  }
  .nutrilon-help-content_list_text {
    padding-top: 30px;
    max-width: 100%;
    font-size: 22px;
    line-height: 22px;
  }
  .nutrilon-help-content_list_text div {
    padding-left: 31px;
  }
  .nutrilon-help-content_title {
    padding-left: 0px;
  }
  .nutrilon-help-content_box1 {
    flex-direction: column;
    padding-left: 0px;
  }
  .nutrilon-help-content_box1_text {
    width: 100%;
  }
  .nutrilon-help-content_box1_sr {
    margin: 0;
    width: 100%;
  }
  .nutrilon-help-content_box1_sr img {
    transform: rotate(90deg);
    width: 80px;
  }
  .nutrilon-help-content_box1 {
    font-size: 24px;
    line-height: 30px;
  }
  .nutrilon-help-content_title {
    font-size: 24px;
    line-height: 30px;
  }
  .nutrilon-help-content_list_line:before {
    width: 80px;
    height: 80px;
    background-size: 80%;
    left: -20px;
  }
  .nutrilon-help-content_list_line {
    margin-left: 20px;
  }
  .nutrilon-help-content_list_line span {
    font-size: 42px;
    line-height: 40px;
    margin-right: 11px;
  }
  .nutrilon-help-content_list_line {
    font-size: 24px;
    line-height: 22px;
    padding-left: 116px;
  }
  .nutrilon-help-content_list_line2 {
    font-size: 24px;
    line-height: 28px;
  }
  .nutrilon-help-content_list_text2 {
    font-size: 22px;
    line-height: 22px;
  }
  .bt_h {
    font-size: 25px;
    line-height: 31px;
    height: 63px;
    max-width: 365px;
    margin-bottom: 35px;
    margin-top: 20px;
  }
}
@media (max-width: 750px) {
  .footer-nutrilon-help_box {
    margin-left: 35px;
    margin-right: 0;
    width: calc(100% - 35px);
  }
}
@media (max-width: 480px) {
  .footer-nutrilon-help_box {
    margin-left: 15px;
    margin-right: 0;
    width: calc(100% - 15px);
  }
  .pad50 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .nutrilon-help-content_list_line {
    font-size: 18px;
    line-height: 19px;
  }
  .nutrilon-help-content_list_text {
    font-size: 16px;
    line-height: 20px;
  }
  .nutrilon-help-content_list_line2 {
    font-size: 18px;
    line-height: 19px;
  }
  .nutrilon-help-content_list_text2 {
    font-size: 16px;
    line-height: 20px;
  }
  .nutrilon-help-content_box1 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 86px;
  }
  .nutrilon-help-content_box1_text {
    text-align: center;
  }
  .nutrilon-help-content_title {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .nutrilon-help-content_list_line {
    font-size: 12px;
    line-height: 14px;
  }
  .footer2-nutrilon-help {
    height: 400px;
  }
}
:root {
  --danon-land-mainPurple: #51338b;
  --danon-land-mainPurple1: #4a2a80;
  --danon-land-mainPurple2: #ac98c5;
  --danon-land-mainPurple3: #d5cbe1;
  --danon-land-mainPurple4: #f7f4f8;
  --danon-land-mainBlack: #16181c;
  --danon-land-mainWhite: #ffffff;
  --danon-land-mainGrey3: #e2e2e2;
  --danon-land-mainGrey4: #f4f4f4;
  --danon-land-mainBlue1: #2b3c90;
  --danon-land-mainBlue2: #7e9cd0;
  --danon-land-gradMain: linear-gradient( 90deg, #2b3c90 3.92%, rgba(81, 51, 139, 0.7) 100% );
  --danon-land-gradLilac: linear-gradient( 90deg, rgba(172, 152, 197, 0.4) 3.92%, rgba(255, 255, 255, 0.7) 100% );
  --danon-land-gradBlue: linear-gradient( 90deg, rgba(126, 156, 208, 0.4) 3.92%, rgba(255, 255, 255, 0.7) 100% );
  --danon-land-gradGrey: linear-gradient( 90deg, rgba(186, 186, 186, 0.4) 3.92%, rgba(255, 255, 255, 0.7) 100% ) ;
}

.danon-land-main {
  font-family: "Inter";
  font-weight: 400;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  line-height: calc(16px + 3 * (100vw - 320px) / 1600);
  color: var(--danon-land-mainBlue1);
  flex: 1 0 auto;
}
.danon-land-main img {
  width: 100%;
  display: block;
}

.danon-land-container {
  max-width: 1170px;
  margin: 0 auto;
}

.danon-land-section-title, .danon-land-section-subtitle {
  font-size: calc(24px + 18 * (100vw - 320px) / 1600);
  line-height: calc(18px + 18 * (100vw - 320px) / 1600);
  font-family: "Gilroy-Bold";
  font-weight: 700;
  color: var(--danon-land-mainPurple);
}

.danon-land-section-title a, .danon-land-section-subtitle a {
  color: inherit;
}

.danon-land-section-subtitle {
  font-size: calc(16px + 10 * (100vw - 320px) / 1600);
  line-height: calc(14px + 10 * (100vw - 320px) / 1600);
  text-transform: uppercase;
  color: var(--danon-land-mainPurple1);
}

.danon-land-first-screen {
  padding: 60px 0px 100px;
}

.danon-land-first-screen__slide {
  position: relative;
  border-radius: 15px;
}

.danon-land-first-screen__slide img {
  max-width: 100%;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
}

.danon-land-first-screen__slide-content {
  position: absolute;
  top: 25px;
  left: 30px;
  max-width: 602px;
  width: 100%;
}

.danon-land-first-screen__slide-title {
  font-size: calc(24px + 18 * (100vw - 320px) / 1600);
  line-height: calc(18px + 18 * (100vw - 320px) / 1600);
  color: var(--danon-land-mainPurple);
  font-family: "Gilroy-Bold";
  font-weight: 700;
  margin-bottom: 15px;
}

.danon-land-first-screen__slide-title a {
  color: inherit;
}

.danon-land-first-screen__slide-title--wr {
  position: relative;
}

.danon-land-first-screen__slide-title--wr span {
  position: absolute;
  top: 5px;
  font-size: calc(8px + 6 * (100vw - 320px) / 1600);
  line-height: calc(16px + 8 * (100vw - 320px) / 1600);
}

.danon-land-first-screen__slide-text {
  max-width: 340px;
  color: var(--danon-land-mainPurple);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: calc(20px + 2 * (100vw - 320px) / 1600);
}

.danon-land-first-screen__slide-text--mw500 {
  max-width: 500px;
}

.danon-land-first-screen .slick-dots {
  list-style: none;
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.danon-land-first-screen .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  opacity: 0.5;
  border-radius: 50%;
}
.danon-land-first-screen .slick-dots li button {
  display: none;
}

.danon-land-first-screen .slick-dots li.slick-active {
  opacity: 1;
}

.danon-land-study {
  padding-bottom: 100px;
}

.danon-land-study .slick-dots {
  list-style: none;
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.danon-land-study .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  opacity: 0.5;
  border-radius: 50%;
}
.danon-land-study .slick-dots li button {
  display: none;
}

.danon-land-study .slick-dots li.slick-active {
  opacity: 1;
}

.danon-land-study__lside {
  max-width: 570px;
  width: 100%;
  margin-right: 14px;
}

.danon-land-study__rside {
  max-width: 550px;
  width: 100%;
}

.danon-land-study__lside-title {
  margin-bottom: 10px;
}

.danon-land-study__lside-text {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: calc(20px + 2 * (100vw - 320px) / 1600);
  margin-bottom: 18px;
}

.danon-land-study__lside-link {
  display: block;
  background-color: var(--danon-land-mainPurple4);
  filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.1));
  border-radius: 15px;
}

.danon-land-study__lside-link-title {
  background-color: var(--danon-land-mainWhite);
  display: inline-block;
  margin-left: 24px;
  padding: 0px 0px;
  position: relative;
}

.danon-land-study__lside-link-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/assets/images/danon-land/Vector.png");
  width: 15px;
  height: 20px;
  z-index: 1;
}

.danon-land-study__lside-link-text {
  padding: 15px 24px;
  font-size: 12px;
  line-height: 16px;
  color: var(--danon-land-mainBlack);
}

.danon-land-study-slider__slide {
  position: relative;
  height: 250px;
}

.danon-land-study-slider__slide img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
}

.danon-land-study-slider__slide-content {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 20px;
}

.danon-land-study-slider__slide-title {
  font-family: "Gilroy-Bold";
  font-weight: 700;
  font-size: calc(20px + 52 * (100vw - 320px) / 1600);
  line-height: calc(20px + 52 * (100vw - 320px) / 1600);
  color: var(--danon-land-mainPurple);
}

.danon-land-study-slider__pagination {
  display: inline-block;
  height: -moz-max-content;
  height: max-content;
  max-width: 100px;
  left: 20px;
  top: 20px;
}

.danon-land-study-slider__pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--danon-land-mainWhite);
  opacity: 0.5;
}

.danon-land-study-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.danon-land-chart {
  margin-bottom: 60px;
}

.danon-land-chart__title {
  margin-bottom: 60px;
}

.danon-land-chart__grid {
  display: flex;
  justify-content: space-around;
}

.danon-land-chart__item {
  max-width: 383px;
  width: 100%;
  padding-bottom: 26px;
}

.danon-land-chart__item-body {
  display: flex;
  align-items: center;
}

.danon-land-chart__item-body-content {
  display: flex;
  height: 258px;
}

.danon-land-chart__item-body-line-block {
  display: flex;
  height: 201px;
  align-items: center;
}

.danon-land-chart__item-body-line-block-nums {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 201px;
}

.danon-land-chart__item-body-chart-bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.danon-land-chart__item-body-chart-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.danon-land-chart__item-body-chart-bar:first-child {
  margin-right: 50px;
}

.danon-land-chart__item-body-chart-bar-text {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #cb6cd6;
}

.danon-land-chart__item-body-chart-bar-text--blue {
  color: var(--danon-land-mainBlue1);
}

.danon-land-chart__item-body-info-text {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  height: 165px;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: var(--danon-land-mainPurple);
  margin-right: 23px;
  margin-bottom: 60px;
}

.danon-land-chart__item-body-line-block-num {
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
}

.danon-land-chart__item-body-chart-bar-num {
  font-weight: 700;
  font-size: 21px;
  line-height: 21px;
  color: var(--danon-land-mainPurple);
  margin-bottom: 5px;
}

.danon-land-chart__item-head {
  margin-bottom: 35px;
  display: flex;
  justify-content: flex-end;
}

.danon-land-chart__item-title {
  max-width: 340px;
  width: 100%;
  font-weight: 400;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: calc(18px + 4 * (100vw - 320px) / 1600);
  color: var(--danon-land-mainPurple);
}

.danon-land-chart__item-body-chart-bar-text--mb {
  margin-bottom: 14px;
}

.danon-land-research-results {
  margin-bottom: 100px;
}

.danon-land-research-results__link {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
  background-color: var(--danon-land-mainPurple4);
  border-radius: 15px;
  display: block;
  padding: 0px 40px 17px 30px;
  position: relative;
}

.danon-land-research-results__link::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 70px;
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  background-image: url(/assets/images/danon-land/icon-znak.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.danon-land-research-results__link--flex-center::after {
  top: 50%;
}

.danon-land-research-results__title {
  display: inline-block;
  padding: 0px 40px 15px 40px;
  margin-bottom: 15px;
  position: relative;
  z-index: 10;
}

.danon-land-research-results__title:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/danon-land/ch-1.png);
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
}

.danon-land-research-results__title--pr {
  padding: 0px 40px 15px 24px;
}

.danon-land-research-results__text {
  max-width: 818px;
  width: 100%;
  color: var(--danon-land-mainPurple);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: calc(18px + 4 * (100vw - 320px) / 1600);
}

.danon-land-benefits {
  margin-bottom: 100px;
}

.danon-land-benefits__box {
  background: var(--danon-land-gradBlue);
  padding-bottom: 30px;
  border-radius: 15px;
}

.danon-land-benefits__title {
  margin-left: 60px;
  padding: 0px 40px 15px 40px;
  font-weight: 700;
  font-family: "Gilroy-Bold";
  font-size: calc(18px + 8 * (100vw - 320px) / 1600);
  line-height: calc(18px + 8 * (100vw - 320px) / 1600);
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
  z-index: 10;
}

.danon-land-benefits__title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/danon-land/ch-4.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.danon-land-benefits__inner {
  display: flex;
  align-items: center;
}

.danon-land-benefits__rside {
  max-width: 695px;
  width: 100%;
}

.danon-land-benefits__rside-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--danon-land-mainBlue1);
  margin-bottom: 15px;
  max-width: 568px;
  width: 100%;
}

.danon-land-benefits__rside-item {
  background-color: var(--danon-land-mainWhite);
  padding: 13px 24px;
  display: flex;
  align-items: center;
  border-radius: 15px;
  margin-bottom: 10px;
}

.danon-land-benefits__rside-item:last-child {
  margin-bottom: 0px;
}

.danon-land-benefits__rside-icon {
  margin-right: 18px;
}

.danon-land-benefits__rside-icon img {
  width: 25px;
  height: 58px;
}

.danon-land-benefits__rside-text {
  max-width: 560px;
  width: 100%;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: calc(18px + 4 * (100vw - 320px) / 1600);
}

.danon-land-benefits__rside-text span {
  font-weight: 700;
}

.danon-land-benefits-transparent {
  margin-bottom: 110px;
}

.danon-land-benefits-transparent__inner {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.danon-land-benefits-transparent__lside {
  max-width: 682px;
  width: 100%;
}

.danon-land-benefits-transparent__title {
  margin-bottom: 40px;
}

.danon-land-benefits-transparent__lside-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.danon-land-benefits-transparent__lside-item:last-child {
  margin-bottom: 0px;
}

.danon-land-benefits-transparent__lside-icon {
  margin-right: 20px;
}

.danon-land-benefits-transparent__lside-text {
  max-width: 566px;
  width: 100%;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: calc(19px + 3 * (100vw - 320px) / 1600);
}

.danon-land-benefits-transparent__rside {
  position: relative;
}

.danon-land-benefits-transparent__rside::before {
  content: "";
  position: absolute;
  left: -90px;
  top: 35px;
  background-image: url(/assets/images/danon-land/pic.png);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 250px;
  max-height: 250px;
  width: 100%;
  height: 100%;
}

.danon-land-rec-for-use {
  margin-bottom: 100px;
}

.danon-land-rec-for-use__inner {
  background-color: var(--danon-land-mainPurple4);
  border-radius: 15px;
  padding: 90px 35px 45px 60px;
  position: relative;
}

.danon-land-rec-for-use__title {
  position: absolute;
  left: 60px;
  top: 0px;
  padding: 0px 30px 16px 30px;
  font-size: calc(18px + 8 * (100vw - 320px) / 1600);
  line-height: calc(16px + 8 * (100vw - 320px) / 1600);
  font-weight: 700;
  z-index: 10;
}

.danon-land-rec-for-use__title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/danon-land/ch-7.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.danon-land-rec-for-use__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 50px;
}

.danon-land-rec-for-use__item {
  display: flex;
  align-items: center;
}

.danon-land-rec-for-use__item-icon {
  width: 42px;
  height: 42px;
  margin-right: 30px;
}

.danon-land-rec-for-use__item-icon img {
  max-width: 42px;
  width: 42px;
  height: 42px;
}

.danon-land-composition {
  margin-bottom: 100px;
}

.danon-land-composition__title {
  margin-bottom: 55px;
}

.danon-land-composition__box {
  background-color: var(--danon-land-mainPurple4);
  border-radius: 15px;
  padding: 0px 50px 40px 50px;
}

.danon-land-composition__box-title {
  display: inline-block;
  padding: 0px 30px 15px 30px;
  font-family: "Gilroy-Bold";
  font-weight: 700;
  font-size: calc(18px + 8 * (100vw - 320px) / 1600);
  line-height: calc(18px + 8 * (100vw - 320px) / 1600);
  margin-bottom: 28px;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}

.danon-land-composition__box-title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/danon-land/ch-7.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.danon-land-composition__grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.danon-land-composition__grid-lside .danon-land-composition__item:nth-child(2) span, .danon-land-composition__grid-lside .danon-land-composition__item:nth-child(3) span {
  bottom: 0;
}

.danon-land-composition__item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 30px;
  position: relative;
}

.danon-land-composition__item span {
  position: absolute;
  bottom: -30px;
  left: 0;
}

.danon-land-composition__grid-center .danon-land-composition__item {
  padding-bottom: 0;
  margin-right: 95px;
}

.danon-land-composition__grid-rside .danon-land-composition__item span {
  transform: scale(-1, 1);
  left: auto;
  right: 0;
}

.danon-land-composition__grid-rside .danon-land-composition__item:nth-child(2) span, .danon-land-composition__grid-rside .danon-land-composition__item:nth-child(3) span {
  bottom: 0;
}

.danon-land-composition__item-icon {
  margin-right: 15px;
}

.danon-land-composition__item-icon img {
  width: 64px;
  height: 64px;
}

.danon-land-composition__item-title {
  font-weight: 700;
  color: var(--danon-land-mainPurple);
  font-size: calc(16px + 5 * (100vw - 320px) / 1600);
  line-height: calc(20px + 5 * (100vw - 320px) / 1600);
}

.danon-land-composition__item-title span {
  display: block;
}

.danon-land-composition__item-text {
  color: var(--danon-land-mainPurple);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  line-height: calc(17px + 2 * (100vw - 320px) / 1600);
}

.danon-land-study-design {
  margin-bottom: 100px;
}

.danon-land-study-design__title {
  margin-bottom: 40px;
}

.danon-land-study-design__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  justify-content: space-between;
}

.danon-land-study-design__item {
  border-radius: 15px;
  background-color: var(--danon-land-mainPurple4);
  position: relative;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 50px 25px 28px 50px;
  width: 100%;
}

.danon-land-study-design__item:first-child {
  max-width: 500px;
}

.danon-land-study-design__item:last-child {
  width: 600px;
}

.danon-land-study-design__item-title {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 10;
  padding: 0px 30px 15px 22px;
}

.danon-land-study-design__item-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/danon-land/ch-2.png);
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
}

.danon-land-study-design__item-num {
  font-size: calc(40px + 32 * (100vw - 320px) / 1600);
  line-height: calc(40px + 32 * (100vw - 320px) / 1600);
  font-weight: 700;
  color: var(--danon-land-mainPurple);
}

.danon-land-study-design__item-lside {
  margin-right: 50px;
}

.danon-land-study-design__item-body {
  display: flex;
  align-items: center;
}

.danon-land-study-design__item-text {
  font-size: 18px;
  line-height: 22px;
  color: var(--danon-land-mainPurple);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
}

.danon-land-tastes {
  margin-bottom: 100px;
}

.danon-land-tastes__title {
  margin-bottom: 60px;
}

.danon-land-tastes__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.danon-land-tastes__item {
  position: relative;
}

.danon-land-tastes__item-content {
  position: absolute;
  top: 40%;
  left: 50%;
  padding-bottom: 10px;
}

.danon-land-tastes__item-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -40px;
  background-image: url("/assets/images/danon-land/line-mini.svg");
  width: 130px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.danon-land-info-prefooter__items {
  padding-top: 100px;
  position: relative;
}

.danon-land-info-prefooter__items:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e2e2e2;
}

.danon-land-info-prefooter__item {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #51338b;
}

@media (max-width: 1200px) {
  .danon-land-study-design__item:last-child {
    max-width: 500px;
    width: 100%;
  }
  .danon-land-benefits-transparent__lside {
    max-width: 470px;
  }
  .danon-land-composition__item svg {
    display: none;
  }
}
@media (max-width: 960px) {
  .danon-land-research-results__text {
    max-width: 600px;
  }
  .danon-land-study-design__inner {
    grid-template-columns: repeat(1, minmax(272px, 500px));
    justify-content: center;
  }
  .danon-land-study-design__item {
    height: -moz-max-content;
    height: max-content;
  }
  .danon-land-chart__grid {
    flex-direction: column;
    align-items: center;
  }
  .danon-land-chart__item {
    margin-bottom: 50px;
  }
  .danon-land-chart__item:last-child {
    margin-bottom: 0px;
  }
  .danon-land-benefits-transparent__inner {
    flex-direction: column;
  }
  .danon-land-benefits-transparent__lside {
    margin-bottom: 50px;
    max-width: 100%;
  }
  .danon-land-composition__grid-center {
    display: none;
  }
}
@media (max-width: 767px) {
  .danon-land-research-results__text {
    max-width: 300px;
  }
  .danon-land-benefits__lside {
    display: none;
  }
  .danon-land-benefits__inner {
    padding: 0px 25px;
  }
  .danon-land-benefits-transparent__rside::before {
    max-width: 160px;
    max-height: 160px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    left: 4px;
    top: -20px;
  }
  .danon-land-rec-for-use__items {
    grid-template-columns: repeat(1, 1fr);
  }
  .danon-land-rec-for-use__inner {
    padding: 90px 35px 45px 40px;
  }
  .danon-land-composition__grid {
    flex-direction: column;
    align-items: flex-start;
  }
  .danon-land-composition__grid-lside, .danon-land-composition__grid-rside, .danon-land-composition__item {
    max-width: 100%;
  }
  .danon-land-tastes__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .danon-land-rec-for-use__title {
    left: 25px;
  }
}
@media (max-width: 674px) {
  .danon-land-composition__box-title::before {
    background-image: url(/assets/images/danon-land/chmob-6.png);
  }
  .danon-land-study-slider__slide:nth-child(1) .danon-land-study-slider__slide-content {
    max-width: 152px;
  }
}
@media (max-width: 460px) {
  .danon-land-first-screen__slide-text, .danon-land-first-screen__slide-title {
    max-width: 240px;
  }
  .danon-land-first-screen__slide img {
    height: 300px;
  }
  .danon-land-first-screen {
    padding: 50px 0;
  }
  .danon-land-study {
    padding-bottom: 50px;
  }
  .danon-land-research-results__link::after {
    display: none;
  }
  .danon-land-research-results__link {
    padding: 0px 20px 17px 30px;
  }
  .danon-land-research-results, .danon-land-study-design, .danon-land-benefits, .danon-land-chart, .danon-land-benefits-transparent, .danon-land-rec-for-use, .danon-land-tastes, .danon-land-composition {
    margin-bottom: 50px;
  }
  .danon-land-info-prefooter__items {
    padding-top: 50px;
  }
  .danon-land-study-design__item {
    padding: 50px 25px 28px 25px;
  }
  .danon-land-study-design__item-lside {
    margin-right: 15px;
  }
  .danon-land-benefits__title {
    margin-left: 20px;
  }
  .danon-land-chart__item-body-chart-bar:first-child {
    margin-right: 0px;
  }
  .danon-land-chart__item-body-info-text {
    margin-right: 15px;
  }
  .danon-land-chart__item-body-chart-bar-text {
    font-size: 11px;
  }
  .danon-land-benefits-transparent__rside::before {
    max-width: 80px;
    max-height: 80px;
    left: 40px;
    top: 10px;
  }
  .danon-land-rec-for-use__title {
    left: 15px;
  }
  .danon-land-rec-for-use__inner {
    padding: 90px 25px 35px 25px;
  }
  .danon-land-composition__box {
    padding: 0px 20px 20px 20px;
  }
}
@media (max-width: 453px) {
  .danon-land-rec-for-use__title::before {
    background-image: url(/assets/images/danon-land/chmob-5.png);
  }
}
@media (max-width: 429px) {
  .danon-land-benefits__title::before {
    background-image: url(/assets/images/danon-land/chmob-4.png);
    top: -1px;
  }
  .danon-land-benefits__title {
    max-width: 220px;
  }
}
@media (max-width: 382px) {
  .danon-land-composition__box-title::before {
    background-image: url(/assets/images/danon-land/chmob-7.png);
  }
}
@media (max-width: 333px) {
  .danon-land-research-results__title:before {
    background-image: url(/assets/images/danon-land/chmob-1.png);
  }
}
@media (min-width: 1930px) {
  .danon-land-first-screen__slide-title {
    font-size: 42px;
    line-height: 36px;
  }
  .danon-land-first-screen__slide-title br {
    display: none;
  }
  .danon-land-benefits-transparent__lside {
    max-width: 745px;
  }
  .danon-land-chart__item-title {
    font-size: 18px;
    line-height: 22px;
  }
  .danon-land-study-design__item-text br {
    display: none;
  }
}
div.syneo-page {
  background: linear-gradient(15.72deg, #106ABF 41.77%, #174791 55.5%, #0F69BF 66.54%, #174791 79.74%, #0F60B2 87.38%, #0F69BF 95.25%);
  font-family: "Nunito", sans-serif;
  padding-bottom: 0;
}
div.syneo-page img {
  width: auto;
}
div.syneo-page .header-syneo {
  padding: 0;
}
div.syneo-page .header-syneo h2 {
  margin: 0;
  padding-top: 140px;
}
div.syneo-page .img-fix {
  width: 100%;
  max-width: 668px;
  position: sticky;
  top: 0;
}
div.syneo-page .section-syneo-1_text1 {
  background: linear-gradient(91.29deg, #AC8C5B 5.57%, #D1B583 34.03%, #CAAC7B 52.33%, #CAAE7C 95.35%);
  border-radius: 20px;
  max-width: 75%;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  text-align: left;
  color: #fff;
  margin-top: 15px;
  padding: 25px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
div.syneo-page .syneo-pdl-150 {
  margin-left: 150px;
}
div.syneo-page .section-syneo-1_img {
  z-index: 9;
  position: relative;
  text-align: center;
}
div.syneo-page .section-syneo-1_img img {
  margin: 0 auto;
  border-radius: 30px;
}
div.syneo-page .section-syneo-1_img video {
  margin: 0 auto;
  border-radius: 30px;
}
div.syneo-page .section-syneo-3 {
  display: flex;
  padding: 70px 0 0;
}
div.syneo-page .section-syneo-3 > div {
  width: 50%;
}
div.syneo-page .section-syneo-3 > div:first-child {
  padding-right: 120px;
  padding-top: 110px;
}
div.syneo-page .section-syneo-3_boximg {
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}
div.syneo-page .section-syneo-8_left h2 {
  font-weight: 800;
}
div.syneo-page .section-syneo-3_boximg img {
  position: absolute;
  top: 0;
  width: auto;
}
div.syneo-page .section-syneo-3_boximg img:first-child {
  top: 96px;
}
div.syneo-page .section-syneo-3_boximg img:last-child {
  top: 146px;
  left: 22px;
}
div.syneo-page h2 {
  font-size: 38px;
  font-weight: 500;
  line-height: 53px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
}
div.syneo-page h2 sup {
  font-size: 16px;
}
div.syneo-page .section-syneo-3_text1 {
  background: linear-gradient(91.29deg, #AC8C5B 5.57%, #D1B583 34.03%, #CAAC7B 52.33%, #CAAE7C 95.35%);
  border-radius: 20px;
  max-width: 100%;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  text-align: left;
  color: #fff;
  margin-top: 50px;
  padding: 25px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
div.syneo-page .section-syneo-3_h3 {
  font-size: 18px;
  font-weight: 800;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 20px;
  color: #fff;
}
div.syneo-page .section-syneo-3_h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 10px;
  color: #fff;
}
div.syneo-page .section-syneo-4 {
  display: flex;
  padding: 70px 0;
}
div.syneo-page .section-syneo-4 > div {
  width: 47%;
  flex-grow: 1;
}
div.syneo-page .section-syneo-4 > div:first-child {
  padding: 42px 55px 0 0;
}
div.syneo-page .section-syneo-5_img {
  background: url("/assets/images/syneo/Group411.svg") no-repeat center transparent;
  width: 618px;
  height: 671px;
  margin: 0 auto;
  font-size: 45px;
  font-weight: 500;
  line-height: 55px;
  text-align: center;
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  text-transform: uppercase;
  z-index: 9;
  position: relative;
}
div.syneo-page .section-syneo-5 {
  padding: 0;
  padding-top: 40px;
}
div.syneo-page .section-syneo-6 {
  display: flex;
  padding: 0;
}
div.syneo-page .section-syneo-6_left {
  width: 45%;
  padding-top: 100px;
}
div.syneo-page .section-syneo-6_right {
  width: 55%;
  position: relative;
  width: auto;
}
div.syneo-page .section-syneo-6_left img {
  border-radius: 50%;
  width: auto;
}
div.syneo-page .section-syneo-6_left_img {
  padding-left: 85px;
  padding-bottom: 30px;
  margin-bottom: 80px;
}
div.syneo-page .section-syneo-7 {
  display: flex;
  padding: 60px 0;
}
div.syneo-page .section-syneo-6_right_img0 {
  z-index: 9;
  position: relative;
}
div.syneo-page .section-syneo-6_right_img1 {
  position: absolute;
  top: 347px;
  width: auto;
  left: 245px;
  z-index: 10;
}
div.syneo-page .section-syneo-6_right_img2 {
  position: absolute;
  top: 223px;
  width: auto;
  left: 346px;
}
div.syneo-page .section-syneo-7_left {
  width: 50%;
  padding-right: 35px;
}
div.syneo-page .section-syneo-7_left img {
  width: auto;
  margin: 30px;
}
div.syneo-page .section-syneo-7_right {
  width: 50%;
  padding-left: 35px;
}
div.syneo-page .section-syneo-8 {
  display: flex;
  padding: 0;
}
div.syneo-page .section-syneo-8_left {
  width: 60%;
  padding-right: 100px;
}
div.syneo-page .section-syneo-8_right {
  width: 40%;
  display: flex;
  align-items: center;
}
div.syneo-page .section-syneo-8_right > div {
  margin-top: 0;
}
div.syneo-page .syneo-colbl {
  color: #174791;
}
div.syneo-page .section-syneo-9 {
  display: flex;
}
div.syneo-page .section-syneo-9_left {
  width: 60%;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
div.syneo-page .section-syneo-9_right {
  width: 40%;
  padding-top: 0px;
  padding-left: 10px;
  position: relative;
}
div.syneo-page .section-syneo-9_right img {
  margin: 30px;
  width: auto;
  position: relative;
}
div.syneo-page .section-syneo-9_right .section-syneo-9_right_img1 {
  position: absolute;
  top: 30px;
  left: 22px;
}
div.syneo-page .syneo-content_block {
  overflow: hidden;
  position: relative;
}
div.syneo-page .syneo-content_block.hide {
  height: 104px;
}
div.syneo-page .syneo-btht {
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  color: #fff;
  border-bottom: 1px dashed #FFFFFF;
  text-decoration: none;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
}
div.syneo-page .section-syneo-10 {
  display: flex;
}
div.syneo-page .section-syneo-10_left {
  width: 40%;
  padding-right: 10px;
  padding-top: 0px;
}
div.syneo-page .section-syneo-10_left img {
  margin: 0 auto;
}
div.syneo-page .section-syneo-10_right {
  width: 60%;
  padding-left: 10px;
  display: flex;
  align-items: center;
}
div.syneo-page .section-syneo-3_h4 ul {
  list-style: disc;
  margin-top: 22px;
  margin-bottom: 22px;
  padding-left: 23px;
}
div.syneo-page .section-syneo-11 {
  display: flex;
  margin-top: 100px;
}
div.syneo-page .section-syneo-11_left {
  width: 70%;
}
div.syneo-page .section-syneo-11_right {
  width: 30%;
}
div.syneo-page .section-syneo-11_right img {
  margin: 0 auto;
}
div.syneo-page .section-syneo-12 {
  position: relative;
  padding: 0;
}
div.syneo-page .section-syneo-12 .wrapper {
  position: relative;
}
div.syneo-page .section-syneo-12-box {
  background: rgba(6, 46, 108, 0.24);
  height: 60px;
  margin-top: 50px;
  margin-bottom: 100px;
  position: relative;
}
div.syneo-page .section-syneo-12_text {
  font-size: 30px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  padding-top: 12px;
  background: linear-gradient(90.25deg, #AA8658 0.16%, #D1B583 41.48%, #A07E58 99.73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  height: 100%;
}
div.syneo-page .section-syneo-12_text sup {
  font-size: 18px;
}
div.syneo-page .section-syneo-12_img1 {
  width: 110px;
  position: absolute;
  top: 19px;
  right: 130px;
}
div.syneo-page .section-syneo-12_img1 img {
  width: 100%;
}
div.syneo-page .section-syneo-12_img2 {
  width: 110px;
  position: absolute;
  top: 19px;
  right: 0;
}
div.syneo-page .section-syneo-12_img2 img {
  width: 100%;
}
div.syneo-page .section-syneo-14 {
  display: flex;
  margin-top: 40px;
  margin-bottom: 50px;
}
div.syneo-page .section-syneo-14_item {
  background: linear-gradient(91.29deg, #AC8C5B 5.57%, #D1B583 34.03%, #CAAC7B 52.33%, #CAAE7C 95.35%);
  border-radius: 30px;
  margin: 0 7px;
  padding: 0 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  height: 233px;
  text-transform: uppercase;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 25px;
}
div.syneo-page .section-syneo-14_item_2 {
  margin-top: 20px;
}
div.syneo-page .section-syneo-14_box {
  width: 25%;
}
div.syneo-page .section-syneo-14_box_bt {
  display: block;
  height: 36px;
  width: 135px;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  letter-spacing: 1px;
  text-transform: uppercase;
  filter: drop-shadow(-2px -2px 8px #FFFFFF) drop-shadow(2px 2px 8px rgba(174, 174, 192, 0.4));
  border-radius: 12px;
  padding: 12px 16px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  margin: 0 auto;
  cursor: pointer;
}
div.syneo-page .section-syneo-14_box_bt:hover {
  background-color: #fff;
  color: #000;
}
div.syneo-page .section-syneo-15_img {
  background: url("/assets/images/syneo/Group411.svg") no-repeat center transparent;
  width: 618px;
  height: 671px;
  margin: 0 auto;
  font-size: 45px;
  font-weight: 500;
  line-height: 55px;
  text-align: center;
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  text-transform: uppercase;
  z-index: 9;
  position: relative;
  padding: 0 20px;
}
div.syneo-page .section-syneo-15 {
  padding: 0;
  padding-top: 40px;
  margin-top: 115px;
  margin-bottom: 150px;
  background: url("/assets/images/syneo/Group398.png") no-repeat top center;
}
div.syneo-page .section-syneo-16 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  z-index: 9;
  position: relative;
}
div.syneo-page .section-syneo-16 h2 {
  font-size: 38px;
  font-weight: 500;
  line-height: 49px;
  letter-spacing: 0em;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
  width: 100%;
  flex: none;
  max-width: none;
}
div.syneo-page .section-syneo-16_item {
  max-width: 345px;
  text-align: center;
  margin: 0 20px 115px 20px;
}
div.syneo-page .section-syneo-16 .section-syneo-16_item_title h2 {
  height: 75px;
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
  text-transform: none;
}
div.syneo-page .section-syneo-16_item_title_i {
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  text-align: center;
  color: #fff;
}
div.syneo-page .section-syneo-16_item_bt {
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 12px;
  height: 36px;
  text-align: center;
  padding: 12px 16px;
  margin: 0 auto;
  margin-top: 25px;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 1px;
  cursor: pointer;
  display: inline-block;
}
div.syneo-page .section-syneo-16_item_bt:hover {
  background-color: #fff;
  color: #000;
}
div.syneo-page .section-syneo-17 {
  padding: 0;
  position: relative;
}
div.syneo-page .section-syneo-17_sh {
  background: url("/assets/images/syneo/Group411.svg") no-repeat center transparent;
  width: 618px;
  height: 671px;
  margin: 0 auto;
  font-size: 45px;
  font-weight: 500;
  line-height: 55px;
  text-align: center;
  color: #fff;
  display: flex;
  align-content: center;
  align-items: center;
  text-transform: uppercase;
  z-index: 9;
  padding: 0 20px;
  position: absolute;
  top: 370px;
  left: calc(50% - 309px);
  background-size: contain;
}
div.syneo-page .section-syneo-17_text {
  font-size: 60px;
  font-weight: 500;
  line-height: 71px;
  text-align: left;
  position: absolute;
  left: 200px;
  bottom: 300px;
  color: #fff;
  max-width: 800px;
}
div.syneo-page .section-syneo-17_bt {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.syneo-page .section-syneo-prl {
  padding: 0;
}
div.syneo-page .parallax-window {
  min-height: 640px;
  background: transparent;
  display: flex;
  align-items: center;
}
div.syneo-page .syneo-_bt17 {
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 12px;
  height: 36px;
  text-align: center;
  padding: 12px 16px;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 1px;
  cursor: pointer;
  display: inline-block;
}
div.syneo-page .syneo-_bt17:hover {
  background-color: #fff;
  color: #000;
}
div.syneo-page .section-syneo-16_item_img {
  height: 275px;
}
div.syneo-page .section-syneo-16_item_img img {
  width: auto;
  margin: 0 auto;
}
div.syneo-page .section-syneo-17_fon {
  height: 770px;
  width: 100%;
  background-size: cover;
  /*display: flex;*/
  /*justify-content: center;*/
  /*flex-direction: column;*/
  /*align-content: center;*/
}
div.syneo-page .section-syneo-17_fon_text {
  color: #174791;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 800;
  line-height: 39px;
  text-align: right;
  position: absolute;
  right: 200px;
  top: 150px;
}
div.syneo-page .syneo-point {
  opacity: 0;
  animation-duration: 0.3s;
  animation-name: fadeOut;
}
div.syneo-page .syneo-point.is-active {
  opacity: 1;
  animation-duration: 1s;
  animation-name: fadeInDown;
}
div.syneo-page .section-syneo-17_fon_img {
  margin-left: auto;
  margin-top: 37px;
  width: 414px;
}
div.syneo-page #trigger1 {
  position: absolute;
  right: 0;
  top: 0;
}
div.syneo-page #trigger2 {
  position: absolute;
  right: 0;
  top: 300px;
}
@media (max-width: 1800px) {
  div.syneo-page .section-syneo-3_boximg {
    width: 665px;
    height: 665px;
  }
  div.syneo-page .section-syneo-3 > div:last-child {
    padding-top: 40px;
  }
}
@media (max-width: 1600px) {
  div.syneo-page .section-syneo-1 {
    margin: 50px 0;
  }
  div.syneo-page .section-syneo-3 > div:first-child {
    padding-right: 50px;
  }
  div.syneo-page .section-syneo-4 {
    padding: 50px 0;
  }
  div.syneo-page .section-syneo-7 {
    padding: 50px 0;
  }
  div.syneo-page .section-syneo-8 {
    padding: 0;
  }
  div.syneo-page .section-syneo-1_img img {
    max-width: 100%;
  }
  div.syneo-page .section-syneo-1_img video {
    max-width: 100%;
  }
  div.syneo-page .section-syneo-17_text {
    left: 50px;
    bottom: 200px;
  }
  div.syneo-page .section-syneo-17_sh {
    top: 170px;
    width: 508px;
    height: 550px;
    font-size: 35px;
    line-height: 51px;
    left: calc(50% - 254px);
  }
}
@media (max-width: 1440px) {
  div.syneo-page .section-syneo-17_sh {
    width: 454px;
    height: 498px;
    background-size: contain;
    font-size: 33px;
    line-height: 50px;
    left: calc(50% - 227px);
  }
  div.syneo-page .section-syneo-16 h2 {
    font-size: 35px;
    line-height: 48px;
  }
  div.syneo-page h2 {
    font-size: 35px;
    line-height: 48px;
    margin-bottom: 10px;
  }
  div.syneo-page .section-syneo-12_text {
    padding-top: 15px;
  }
  div.syneo-page .section-syneo-3_h4 {
    font-size: 16px;
    line-height: 20px;
  }
  div.syneo-page .section-syneo-9, div.syneo-page .section-syneo-10 {
    margin-top: 40px;
  }
  div.syneo-page .syneo-content_block.hide {
    height: 68px;
  }
  div.syneo-page .section-syneo-3_boximg img:first-child {
    width: 400px;
  }
  div.syneo-page .section-syneo-3_boximg img:last-child {
    width: 400px;
    left: 4px;
  }
  div.syneo-page .section-syneo-3_boximg {
    width: 600px;
    height: 600px;
  }
  div.syneo-page .section-syneo-4 > div:first-child img {
    width: 90%;
  }
}
@media (max-width: 1300px) {
  div.syneo-page .section-syneo-3_boximg {
    width: 550px;
    height: 550px;
  }
  div.syneo-page .section-syneo-3_boximg img:first-child {
    width: 350px;
  }
  div.syneo-page .section-syneo-3_boximg img:last-child {
    width: 350px;
    left: 4px;
  }
}
@media (max-width: 1300px) {
  div.syneo-page .section-syneo-6_right_img1 {
    position: absolute;
    top: 378px;
    width: 189px;
    left: 233px;
    z-index: 10;
  }
  div.syneo-page .section-syneo-6_right_img2 {
    position: absolute;
    top: 246px;
    width: 267px;
    left: 290px;
  }
}
@media (max-width: 1200px) {
  div.syneo-page .section-syneo-16 .section-syneo-16_item_title h2 {
    font-size: 20px;
  }
  div.syneo-page .section-syneo-15_img {
    width: 454px;
    height: 498px;
    background-size: contain;
    font-size: 29px;
    line-height: 50px;
  }
  div.syneo-page .section-syneo-15 {
    background-size: 70%;
    margin-bottom: 100px;
  }
  div.syneo-page .section-syneo-14_item {
    font-size: 12px;
  }
  div.syneo-page .section-syneo-12_text {
    font-size: 20px;
  }
  div.syneo-page .section-syneo-12_img1 {
    width: 124px;
    height: 132px;
  }
  div.syneo-page .section-syneo-12_img2 {
    width: 124px;
    height: 132px;
    top: 6px;
  }
  div.syneo-page .section-syneo-12-box {
    height: 48px;
  }
  div.syneo-page .section-syneo-12_text {
    padding-top: 4px;
  }
  div.syneo-page .section-syneo-12_img1 {
    top: 6px;
  }
  div.syneo-page .section-syneo-3_text1 {
    font-size: 20px;
    line-height: 28px;
  }
  div.syneo-page .section-syneo-5_img {
    width: 454px;
    height: 498px;
    background-size: contain;
    font-size: 29px;
    line-height: 50px;
    padding: 0 30px;
  }
  div.syneo-page .section-syneo-1 h2 {
    max-width: 659px;
  }
  div.syneo-page .section-syneo-1_img {
    margin-top: 0px;
  }
  div.syneo-page .section-syneo-17_text {
    font-size: 35px;
    line-height: 48px;
  }
  div.syneo-page .section-syneo-17_fon_text {
    right: 100px;
  }
  div.syneo-page .section-syneo-17_fon {
    background: rgba(0, 0, 0, 0) url("/assets/images/syneo/2_1-12.png") no-repeat scroll center/cover !important;
  }
}
@media (max-width: 1100px) {
  div.syneo-page .section-syneo-3 {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  div.syneo-page .section-syneo-17_sh {
    width: 318px;
    height: 346px;
    font-size: 21px;
    line-height: 38px;
    left: calc(50% - 159px);
  }
  div.syneo-page .section-syneo-16 {
    padding: 0;
  }
  div.syneo-page .section-syneo-14 {
    flex-wrap: wrap;
  }
  div.syneo-page .section-syneo-14_box {
    width: 50%;
    margin-bottom: 50px;
  }
  div.syneo-page .section-syneo-12_img1, div.syneo-page .section-syneo-12_img2 {
    top: 133px;
  }
  div.syneo-page .section-syneo-12-box {
    margin-bottom: 175px;
  }
  div.syneo-page .section-syneo-12_img1 {
    right: 51%;
  }
  div.syneo-page .section-syneo-12_img2 {
    right: auto;
    left: 51%;
  }
  div.syneo-page .section-syneo-12_text {
    text-align: center;
  }
  div.syneo-page .section-syneo-11_right {
    padding-right: 0;
  }
  div.syneo-page .section-syneo-9_left {
    padding-top: 50px;
  }
  div.syneo-page .section-syneo-10_right {
    padding-top: 50px;
  }
  div.syneo-page .section-syneo-8_right {
    padding-right: 0;
  }
  div.syneo-page .section-syneo-8_left {
    padding-right: 50px;
  }
  div.syneo-page .section-syneo-5_img {
    width: 318px;
    height: 346px;
    font-size: 21px;
    line-height: 38px;
  }
  div.syneo-page .section-syneo-4 > div:first-child {
    padding-top: 100px;
  }
  div.syneo-page .section-syneo-1_text1 {
    max-width: 70%;
  }
  div.syneo-page .section-syneo-1 h2 {
    max-width: 500px;
  }
  div.syneo-page .section-syneo-6_right_img0 {
    width: 300px;
  }
  div.syneo-page .section-syneo-6_right_img1 {
    position: absolute;
    top: 258px;
    width: 150px;
    left: 166px;
    z-index: 10;
  }
  div.syneo-page .section-syneo-6_right_img2 {
    position: absolute;
    top: 142px;
    width: 250px;
    left: 206px;
  }
  div.syneo-page .section-syneo-10 {
    padding: 40px 0 0;
  }
}
@media (max-width: 800px) {
  div.syneo-page .parallax-window {
    background: rgba(0, 0, 0, 0) url("/assets/images/syneo/image786747.jpg") no-repeat scroll center/cover !important;
  }
  div.syneo-page .img-fix {
    width: 100%;
  }
  div.syneo-page .header-syneo > h2 {
    width: 100%;
  }
  div.syneo-page .header-syneo h2 {
    padding-top: 0;
  }
  div.syneo-page .section-syneo-3 {
    margin-top: 0;
  }
  div.syneo-page .section-syneo-17_bt {
    height: 100px;
  }
  div.syneo-page .section-syneo-17_text {
    bottom: 100px;
  }
  div.syneo-page .section-syneo-17_sh {
    width: 250px;
    height: 346px;
    font-size: 15px;
    line-height: 26px;
    left: calc(50% - 125px);
    top: 92px;
  }
  div.syneo-page .section-syneo-17 {
    margin-top: -100px;
  }
  div.syneo-page .section-syneo-15_img {
    width: 250px;
    height: 346px;
    font-size: 15px;
    line-height: 26px;
  }
  div.syneo-page .section-syneo-15 {
    margin-bottom: 50px;
    margin-top: 60px;
  }
  div.syneo-page .section-syneo-11 {
    flex-direction: column;
  }
  div.syneo-page .section-syneo-11_left {
    width: 100%;
    padding-right: 0;
    padding-top: 0;
  }
  div.syneo-page .section-syneo-11_right {
    width: 100%;
  }
  div.syneo-page .section-syneo-9, div.syneo-page .section-syneo-10 {
    flex-direction: column;
  }
  div.syneo-page .section-syneo-10_left {
    width: 100%;
    padding-right: 0;
  }
  div.syneo-page .section-syneo-10_right {
    width: 100%;
    padding-left: 0;
  }
  div.syneo-page .section-syneo-9_right {
    width: 100%;
    padding-left: 0;
  }
  div.syneo-page .content_block.hide {
    height: 89px;
  }
  div.syneo-page .section-syneo-9_right img {
    margin: 0 auto;
    width: 80%;
  }
  div.syneo-page .section-syneo-9_right2 img {
    margin: 0;
  }
  div.syneo-page .section-syneo-9_left {
    width: 100%;
    order: 1;
  }
  div.syneo-page .section-syneo-10_left img {
    width: 80%;
    margin: 0 auto;
  }
  div.syneo-page .section-syneo-9_right2_img {
    margin: 0 auto;
    width: 80%;
    position: relative;
  }
  div.syneo-page .section-syneo-9_right .section-syneo-9_right_img1 {
    left: 9px;
    width: 100%;
  }
  div.syneo-page .section-syneo-17_fon_text {
    right: 50px;
  }
  div.syneo-page .section-syneo-9_right .section-syneo-9_right_img0 {
    width: 100%;
    margin: 0;
  }
  div.syneo-page .section-syneo-11_right img {
    width: 80%;
    margin: 0 auto;
  }
  div.syneo-page .section-syneo-8 {
    flex-direction: column;
  }
  div.syneo-page .section-syneo-8_left {
    padding-right: 0px;
    width: 100%;
  }
  div.syneo-page .section-syneo-8_right {
    width: 100%;
    padding-top: 50px;
  }
  div.syneo-page .section-syneo-7 {
    flex-direction: column;
    padding-top: 0;
  }
  div.syneo-page .section-syneo-3_text1 {
    font-size: 16px;
    line-height: 18px;
  }
  div.syneo-page .section-syneo-7_left {
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }
  div.syneo-page .section-syneo-7_left img {
    width: 80%;
    margin: 0 auto;
  }
  div.syneo-page .section-syneo-7_right {
    width: 100%;
    padding-left: 0;
  }
  div.syneo-page .section-syneo-6 {
    flex-direction: column;
    margin-top: 0;
    padding-top: 0px;
  }
  div.syneo-page .section-syneo-6_left {
    width: 100%;
    margin-bottom: 100px;
  }
  div.syneo-page .section-syneo-6_right {
    display: none;
  }
  div.syneo-page .section-syneo-4 {
    flex-direction: column;
  }
  div.syneo-page .section-syneo-4 > div {
    width: 100%;
  }
  div.syneo-page .section-syneo-4 > div:first-child {
    padding-right: 0;
    padding-top: 20px;
    text-align: center;
  }
  div.syneo-page .section-syneo-4 > div:first-child img {
    width: 80%;
    margin: 0 auto;
  }
  div.syneo-page .section-syneo-3 {
    flex-direction: column;
  }
  div.syneo-page .section-syneo-3 > div {
    width: 100%;
  }
  div.syneo-page .section-syneo-3 > div:first-child {
    order: 1;
    padding-top: 50px;
    padding-right: 0;
  }
  div.syneo-page .section-syneo-3 > div:last-child img {
    width: 80%;
    margin-left: auto;
  }
  div.syneo-page .section-syneo-3 {
    padding-top: 50px;
  }
  div.syneo-page .syneo-pdl-150 {
    margin-left: 50px;
  }
  div.syneo-page .section-syneo-1_text1 {
    max-width: 90%;
  }
  div.syneo-page .section-syneo-1_text1 {
    font-size: 16px;
    line-height: 18px;
  }
  div.syneo-page .section-syneo-1 h2 {
    max-width: 350px;
  }
  div.syneo-page .section-syneo-17_fon {
    position: relative;
    background: rgba(0, 0, 0, 0) url("/assets/images/syneo/11_2.jpg") no-repeat scroll center top/cover !important;
  }
  div.syneo-page .section-syneo-3_boximg {
    margin: 0 auto;
  }
  div.syneo-page .section-syneo-16_item {
    max-width: 290px;
  }
  div.syneo-page #point_1 {
    opacity: 1;
    bottom: 26px;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    right: 0;
    top: auto;
    width: 100%;
  }
  div.syneo-page #point_2 {
    display: none;
  }
}
@media (max-width: 600px) {
  div.syneo-page .section-syneo-17_fon {
    background: url("/assets/images/syneo/14Screen.jpg") no-repeat scroll center top/cover !important;
    position: relative;
  }
  div.syneo-page #point_1 {
    bottom: 76px;
  }
  div.syneo-page .section-syneo-1 h2 {
    max-width: 100%;
  }
  div.syneo-page h2 {
    font-size: 25px;
    line-height: 26px;
  }
  div.syneo-page .section-syneo-4 {
    padding: 30px 0;
  }
  div.syneo-page .section-syneo-6_left_img {
    padding-left: 0;
    margin-bottom: 50px;
  }
  div.syneo-page .section-syneo-1 {
    margin: 0;
  }
  div.syneo-page .section-syneo-3 {
    margin: 0;
  }
  div.syneo-page .section-syneo-7 {
    padding: 30px 0;
  }
  div.syneo-page .section-syneo-8 {
    padding: 0;
  }
  div.syneo-page .section-syneo-9, div.syneo-page .section-syneo-10 {
    padding: 0;
  }
  div.syneo-page .section-syneo-11 {
    padding: 0;
  }
  div.syneo-page .section-syneo-12_text {
    font-size: 17px;
    line-height: 27px;
  }
  div.syneo-page .section-syneo-12_img1, div.syneo-page .section-syneo-12_img2 {
    top: 137px;
    bottom: 0;
  }
  div.syneo-page .section-syneo-12_text {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  div.syneo-page .section-syneo-14 {
    padding: 0;
  }
  div.syneo-page .section-syneo-16 h2 {
    font-size: 21px;
    line-height: 35px;
    margin-bottom: 30px;
  }
  div.syneo-page .syneo-_bt17 {
    width: 100%;
  }
  div.syneo-page .section-syneo-17_bt {
    padding: 0;
  }
  div.syneo-page .section-syneo-16 {
    padding: 0;
  }
  div.syneo-page .section-syneo-17_text {
    left: 30px;
    right: 30px;
  }
  div.syneo-page .section-syneo-17 {
    margin-top: 0;
    padding-top: 50px;
  }
  div.syneo-page .section-syneo-17_sh {
    width: 250px;
    height: 273px;
    font-size: 15px;
    line-height: 26px;
    left: calc(50% - 125px);
    top: 17px;
  }
  div.syneo-page .content_block.hide {
    height: 171px;
  }
  div.syneo-page .section-syneo-15 {
    background-size: 90%;
  }
  div.syneo-page .section-syneo-14_box {
    width: 100%;
  }
  div.syneo-page .section-syneo-15 {
    margin-bottom: 50px;
    margin-top: 0;
    padding-top: 0;
  }
  div.syneo-page .section-syneo-12-box {
    height: 140px;
    margin-bottom: 90px;
    padding: 0;
  }
  div.syneo-page .section-syneo-16_item {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }
  div.syneo-page .section-syneo-16_item_img {
    height: auto;
    width: 40%;
    flex-shrink: 0;
  }
  div.syneo-page .section-syneo-16_item_title {
    width: 60%;
  }
  div.syneo-page .section-syneo-16_item_bt {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  div.syneo-page .section-syneo-16 .section-syneo-16_item_title h2 {
    text-align: left;
    padding-left: 20px;
  }
  div.syneo-page .section-syneo-16_item_title_i {
    text-align: left;
    padding-left: 20px;
  }
  div.syneo-page .section-syneo-6_left {
    margin-bottom: 0;
  }
  div.syneo-page .section-syneo-16_item_img img {
    width: 100%;
  }
}
@media (max-width: 420px) {
  div.syneo-page .section-syneo-16_item_img {
    width: 30%;
  }
  div.syneo-page .section-syneo-16_item_title {
    width: 70%;
  }
  div.syneo-page .section-syneo-17_text {
    font-size: 20px;
    line-height: 31px;
  }
  div.syneo-page .section-syneo-3_boximg {
    width: 300px;
    height: 300px;
  }
  div.syneo-page .section-syneo-3_boximg img:first-child {
    top: 65px;
  }
  div.syneo-page .section-syneo-3 > div:last-child img {
    width: 65%;
  }
  div.syneo-page .section-syneo-3_boximg img:last-child {
    top: 87px;
  }
  div.syneo-page .section-syneo-7_left img {
    width: 53%;
  }
  div.syneo-page .section-syneo-10_left img {
    width: 53%;
  }
  div.syneo-page .section-syneo-9_right img {
    width: 53%;
  }
  div.syneo-page .section-syneo-16 .section-syneo-16_item_title h2 {
    margin-top: 15px;
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
  }
  div.syneo-page .section-syneo-16_item {
    margin-bottom: 50px;
  }
  div.syneo-page .section-syneo-17_fon {
    background: url("/assets/images/syneo/14Screen.jpg") no-repeat scroll center/cover !important;
    position: relative;
  }
  div.syneo-page #point_1 {
    opacity: 1;
    bottom: 124px;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    right: 0;
    padding: 0 49px;
  }
  div.syneo-page .section-syneo-17_fon_text br {
    display: none;
  }
  div.syneo-page .parallax-window {
    min-height: 750px;
  }
  div.syneo-page .syneo-content_block.hide {
    height: 170px;
  }
}
div.syneo-page {
  /*====================================
  	Our Modal Window styles
  =====================================*/
}
div.syneo-page .syneo-modal {
  z-index: 9999;
  position: relative;
}
div.syneo-page .syneo-modal__desc_lit {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  color: #fff;
}
div.syneo-page .syneo-modal__overlay, div.syneo-page .syneo-modal__overlay2, div.syneo-page .syneo-modal__overlay3, div.syneo-page .syneo-modal__overlay4, div.syneo-page .syneo-modal__overlay5 {
  background: rgba(0, 0, 0, 0.85);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  text-shadow: none;
  top: 0;
  z-index: 600;
}
div.syneo-page .syneo-modal__wrap_box {
  overflow-y: scroll;
  position: relative;
  height: 100%;
}
div.syneo-page .syneo-modal__wrap {
  padding: 1em 0;
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
  text-align: left;
  background: linear-gradient(15.72deg, #106ABF 41.77%, #174791 55.5%, #0F69BF 66.54%, #174791 79.74%, #0F60B2 87.38%, #0F69BF 95.25%), linear-gradient(17.48deg, #1F3277 57.06%, #1A4089 64.27%, #164998 72.73%, #0F6AB9 92.64%);
  color: #fff;
  padding: 20px;
}
@media (min-width: 50em) {
  div.syneo-page .syneo-modal__wrap {
    padding: 45px 100px;
  }
}
@media (min-height: 37.5em) {
  div.syneo-page .syneo-modal__wrap {
    height: calc(100% - 80px);
    margin-top: 40px;
    margin-bottom: 80px;
    border-radius: 16px;
  }
}
div.syneo-page .syneo-modal__wrap label {
  background: #fff;
  border-radius: 50%;
  color: #4A2A80;
  cursor: pointer;
  display: inline-block;
  height: 1.5em;
  line-height: 1.5;
  position: absolute;
  right: 1.5em;
  top: 0.5em;
  width: 1.5em;
}
div.syneo-page .syneo-modal__wrap h1 {
  font-size: 35px;
  font-weight: 800;
  line-height: 39px;
  text-align: left;
  color: #fff;
  font-family: "Nunito", sans-serif;
}
div.syneo-page .syneo-modal__wrap h1 .h1min {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 39px;
  letter-spacing: 0em;
  text-align: left;
}
div.syneo-page .syneo-modal__wrap p {
  font-family: "Nunito", sans-serif;
  color: #fff;
  padding-right: 20px;
}
div.syneo-page .syneo-modal__overlay, div.syneo-page .syneo-modal__overlay2, div.syneo-page .syneo-modal__overlay3, div.syneo-page .syneo-modal__overlay4, div.syneo-page .syneo-modal__overlay5 {
  display: none;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: -100;
}
div.syneo-page .syneo-modal__overlay.active, div.syneo-page .syneo-modal__overlay2.active, div.syneo-page .syneo-modal__overlay3.active, div.syneo-page .syneo-modal__overlay4.active, div.syneo-page .syneo-modal__overlay5.active {
  display: block;
  opacity: 1;
  transform: scale(1);
  z-index: 800;
}
div.syneo-page .syneo-modal_bt_x {
  width: 47px;
  cursor: pointer;
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 9;
}
div.syneo-page .syneo-modal__wrap_box_grid {
  font-family: "Nunito", sans-serif;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.syneo-page .syneo-modal__wrap_box_grid > div {
  width: 46%;
  margin-top: 50px;
}
div.syneo-page .syneo-modal__wrap_box_grid img {
  width: auto;
}
div.syneo-page .syneo-modal__wrap_box_grid_t {
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 20px;
}
div.syneo-page .syneo-modal__wrap_box_grid .g100 {
  width: 100%;
}
div.syneo-page .syneo-modal__wrap_box_grid .g100 ul {
  list-style: decimal;
  padding-left: 25px;
}
div.syneo-page .syneo-gridf {
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #4595D1;
  margin-top: 70px;
}
@media (max-width: 768px) {
  div.syneo-page .syneo-modal__wrap {
    height: 100%;
    margin: 0;
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 600px) {
  div.syneo-page .syneo-modal__wrap_box_grid {
    flex-direction: column;
  }
  div.syneo-page .syneo-modal__wrap_box_grid > div {
    width: 100%;
  }
  div.syneo-page .syneo-modal__wrap h1 {
    font-size: 30px;
    line-height: 35px;
    margin-top: 50px;
  }
  div.syneo-page h2 sup {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  div.syneo-page .syneo-modal__wrap h1 {
    font-size: 25px;
    line-height: 29px;
  }
  div.syneo-page .syneo-modal__wrap_box_grid > div {
    margin-top: 25px;
  }
  div.syneo-page .syneo-modal__wrap_box_grid_t {
    font-size: 21px;
    line-height: 25px;
  }
  div.syneo-page .syneo-modal__wrap_box_grid {
    font-size: 18px;
    line-height: 24px;
  }
  div.syneo-page .syneo-gridf {
    font-size: 16px;
    line-height: 20px;
  }
}
div.syneo-page .syneo-up-button {
  display: inline-block;
  background-color: #AC8C5B;
  width: 50px;
  height: 50px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border-radius: 50%;
}
div.syneo-page .syneo-up-button svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  fill: #fff;
}
div.syneo-page .syneo-up-button:hover {
  cursor: pointer;
  background-color: #333;
}
div.syneo-page .syneo-up-button:active {
  background-color: #555;
}
div.syneo-page .syneo-up-button.show {
  opacity: 1;
  visibility: visible;
}
div.syneo-page {
  /* Styles for the content section */
}
@media (min-width: 500px) {
  div.syneo-page .syneo-up-button {
    margin: 30px;
  }
}
div.syneo-page .section-syneo-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1024px) {
  div.syneo-page .section-syneo-header {
    display: block;
    position: relative;
  }
}
div.syneo-page .section-syneo-header__b-text {
  order: 2;
}
div.syneo-page .section-syneo-0 {
  order: 3;
}
@media (max-width: 1024px) {
  div.syneo-page .section-syneo-0 {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
  }
}
@media (max-width: 767px) {
  div.syneo-page .section-syneo-0 {
    position: relative;
    width: 100%;
  }
}
div.syneo-page .section-syneo-1 {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  div.syneo-page .section-syneo-1 {
    margin-bottom: 50px;
  }
}
@media (max-width: 1024px) {
  div.syneo-page .header-syneo {
    width: calc(70% - 20px);
  }
}
@media (max-width: 767px) {
  div.syneo-page .header-syneo {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  div.syneo-page .header-syneo h2 {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  div.syneo-page .header-syneo h2 {
    padding-top: 0px;
  }
}
@media (max-width: 1024px) {
  div.syneo-page .syneo-pdl-150 {
    margin-left: 25%;
  }
}
@media (max-width: 767px) {
  div.syneo-page .syneo-pdl-150 {
    margin-left: 10%;
  }
}

.list-docs {
  margin-top: 56px;
}
@media (max-width: 767px) {
  .list-docs {
    margin-top: 36px;
  }
}
.list-docs + .list-docs {
  margin-top: 45px;
}
@media (max-width: 767px) {
  .list-docs + .list-docs {
    margin-top: 25px;
  }
}
.list-docs__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 140%;
  color: var(--purple);
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .list-docs__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.list-docs__wrap {
  display: grid;
  grid-template-columns: 1fr;
}
.list-docs__wrap_column {
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 1023px) {
  .list-docs__wrap_column {
    grid-template-columns: 1fr;
  }
}
.list-docs__list {
  display: flex;
  flex-direction: column;
  gap: 7px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-docs__list a[href] {
  font-size: 16px;
  line-height: 130%;
  color: var(--black);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .list-docs__list a[href] {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .list-docs__list a[href] {
    font-size: 13px;
  }
}
.list-docs__list a[href]::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/icons/doc.svg");
  flex-shrink: 0;
}

.clinical-recommendations-item {
  color: var(--purple);
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.clinical-recommendations-item__icon {
  width: 32px;
  height: 32px;
  position: absolute;
  background: currentColor;
  border-radius: 50%;
}
.clinical-recommendations-item__icon::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  width: 9px;
  height: 9px;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  transform: rotate(45deg);
}
.clinical-recommendations-item__text {
  padding-left: 48px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .clinical-recommendations-item__text {
    font-size: 14px;
  }
}

.materials-for-patients-item__img {
  height: 228px;
  background: var(--blue-super-light);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.materials-for-patients-item__text-box {
  border-bottom: 1px solid var(--gray-border);
  border-left: 1px solid var(--gray-border);
  border-right: 1px solid var(--gray-border);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 20px;
}
.materials-for-patients-item__title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 4px;
}
.materials-for-patients-item__size {
  margin-bottom: 20px;
  color: var(--purple-medium);
}
.materials-for-patients-item__download-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}
.materials-for-patients-item__print, .materials-for-patients-item__download {
  padding: 10px 8px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  cursor: pointer;
}
.materials-for-patients-item__print {
  border: 1px solid var(--gray-border);
}
.materials-for-patients-item__print-text {
  padding-right: 5px;
}
.materials-for-patients-item__download-text {
  padding-right: 5px;
}

.where-to-buy__shop-title {
  color: #51338B;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.where-to-buy__shop-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 16px;
}
@media (max-width: 1024px) {
  .where-to-buy__shop-list {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .where-to-buy__shop-list {
    gap: 16px;
    padding-top: 8px;
  }
}
.where-to-buy__shop-list-item {
  width: calc((100% - 90px) / 4);
}
@media (max-width: 1024px) {
  .where-to-buy__shop-list-item {
    width: calc((100% - 60px) / 3);
  }
}
@media (max-width: 767px) {
  .where-to-buy__shop-list-item {
    width: calc((100% - 16px) / 2);
  }
}
.where-to-buy__shop {
  border-radius: 25px;
  border: 1px solid var(--gray-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px 0;
  padding: 25px 20px;
}
@media (max-width: 767px) {
  .where-to-buy__shop {
    gap: 14px 0;
    padding: 16px;
  }
}
.where-to-buy__shop-media {
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .where-to-buy__shop-media {
    height: 42px;
  }
}
.where-to-buy__shop-img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: top;
}
.where-to-buy__shop-control {
  width: 100%;
  max-width: 254px;
}
.where-to-buy__shop-btn {
  width: 100%;
}
.where-to-buy__contacts {
  margin-top: 90px;
}
@media (max-width: 1024px) {
  .where-to-buy__contacts {
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .where-to-buy__contacts {
    margin-top: 40px;
  }
}
.where-to-buy__contacts-title {
  font-size: 45px;
  line-height: 130%;
  font-weight: 700;
  color: var(--purple);
  margin-bottom: 56px;
}
@media (max-width: 1024px) {
  .where-to-buy__contacts-title {
    font-size: 32px;
    margin-bottom: 38px;
  }
}
@media (max-width: 767px) {
  .where-to-buy__contacts-title {
    font-size: 24px;
    margin-bottom: 31px;
  }
}
.where-to-buy__contacts-panel {
  border-radius: 20px;
  background-color: var(--pink-super-light);
  padding: 24px 24px 36px;
}
@media (max-width: 1024px) {
  .where-to-buy__contacts-panel {
    padding: 40px 40px 52px;
  }
}
@media (max-width: 767px) {
  .where-to-buy__contacts-panel {
    padding: 21px 20px 32px;
  }
}
.where-to-buy__contacts-panel-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .where-to-buy__contacts-panel-title {
    margin-bottom: 38px;
  }
}
@media (max-width: 767px) {
  .where-to-buy__contacts-panel-title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 31px;
  }
}
.where-to-buy__contacts-panel-list {
  display: flex;
  flex-wrap: wrap;
  gap: 41px 9px;
}
@media (max-width: 767px) {
  .where-to-buy__contacts-panel-list {
    gap: 33px 9px;
  }
}
.where-to-buy__contacts-panel-list-item {
  width: calc((100% - 9px) / 2);
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}
@media (max-width: 1024px) {
  .where-to-buy__contacts-panel-list-item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .where-to-buy__contacts-panel-list-item {
    width: 100%;
  }
}
.where-to-buy__contacts-panel-text {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .where-to-buy__contacts-panel-text {
    font-size: 14px;
    line-height: 18px;
  }
}
.where-to-buy__contacts-panel-textbold {
  color: var(--gray-dark);
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 1024px) {
  .where-to-buy__contacts-panel-textbold {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .image-slider {
    margin-left: calc(var(--wrapper-margin) * -1);
    margin-right: calc(var(--wrapper-margin) * -1);
    padding-left: var(--wrapper-margin);
    padding-right: var(--wrapper-margin);
    overflow: hidden;
  }
  .image-slider .slick-list {
    overflow: visible;
  }
}
.image-slider:not(.slick-initialized) {
  display: flex;
  gap: 30px;
  overflow: hidden;
}
.image-slider:not(.slick-initialized) .image-slider__card:nth-child(n+5) {
  display: none;
}
@media (max-width: 768px) {
  .image-slider:not(.slick-initialized) .image-slider__card:nth-child(n+4) {
    display: none;
  }
}
.image-slider.slick-initialized .image-slider__card {
  margin: 0px 15px;
}
@media (max-width: 768px) {
  .image-slider.slick-initialized .image-slider__card {
    margin: 0 8px;
  }
}
.image-slider__card {
  cursor: pointer;
}
@media (max-width: 767px) {
  .image-slider__card {
    width: 206px;
  }
}
.image-slider__img {
  height: 322px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .image-slider__img {
    height: 292px;
  }
}

.hcp-banner {
  background-color: rgb(242, 247, 250);
  padding: 70px 80px;
  border-radius: 20px;
  background-image: url("/assets/images/hcp-banner-bg@2x.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 130px) 100%;
  background-size: 35%;
}
@media (max-width: 1024px) {
  .hcp-banner {
    background-position: 100% 100%;
  }
}
@media (max-width: 767px) {
  .hcp-banner {
    padding: 24px 28px 116px 16px;
    background-position: calc(100% + 35px) 100%;
    background-size: 70%;
  }
}
.hcp-banner__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 523px;
}
@media (max-width: 767px) {
  .hcp-banner__content {
    gap: 8px;
  }
}
.hcp-banner__title {
  font-size: 24px;
  font-weight: 500;
}
.hcp-banner__subtitle {
  font-size: 18px;
}
@media (max-width: 767px) {
  .hcp-banner__subtitle {
    font-size: 14px;
  }
}
.hcp-banner__button {
  margin-top: 8px;
  padding: 12px 32px;
}
@media (max-width: 767px) {
  .hcp-banner__button {
    padding: 8px 24px;
  }
}

.banner-cooking {
  position: relative;
  font-family: "Inter", sans-serif;
  background-image: url(/assets/images/banner-cooking/cooking-banner_bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  color: var(--white);
  padding: 73px 0 72px 47px;
  overflow: hidden;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .banner-cooking {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px;
    margin-bottom: 56px;
    min-height: 345px;
  }
}
@media (max-width: 767px) {
  .banner-cooking {
    background-image: url(/assets/images/banner-cooking/cooking-banner_bg-mobile.svg);
    padding: 0;
    background-position: top;
  }
}
.banner-cooking__image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .banner-cooking__image {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .banner-cooking__image {
    width: 100%;
  }
}
.banner-cooking__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1024px) {
  .banner-cooking__image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 767px) {
  .banner-cooking__image img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top;
       object-position: top;
  }
}
.banner-cooking__info {
  max-width: 600px;
}
@media (max-width: 1024px) {
  .banner-cooking__info {
    max-width: 45%;
    position: relative;
  }
}
@media (max-width: 767px) {
  .banner-cooking__info {
    max-width: 100%;
    padding: 0 13px 21px 13px;
    margin-top: 100%;
  }
}
.banner-cooking__title {
  font-weight: 500;
  font-size: 55px;
  line-height: 60px;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .banner-cooking__title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .banner-cooking__title {
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
  }
}
.banner-cooking__text {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .banner-cooking__text {
    font-size: 16px;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .banner-cooking__text {
    margin-bottom: 20px;
  }
}
.banner-cooking__btn {
  height: 48px;
  font-size: 18px;
  padding: 0 24px;
}
@media (max-width: 1024px) {
  .banner-cooking__btn {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .banner-cooking__btn {
    width: 100%;
  }
}
.banner-cooking__hidden-lg {
  display: none;
}
@media (max-width: 767px) {
  .banner-cooking__hidden-lg {
    display: block;
  }
}
.banner-cooking__hidden-sm {
  display: block;
}
@media (max-width: 767px) {
  .banner-cooking__hidden-sm {
    display: none;
  }
}