@charset "UTF-8";
/* Шрифт */
/* Шрифты слайдера */
/* Шрифты табов с шагами */
/* Шрифты мобильного меню с подложкой */
/* Шрифты таблицы с анимированными шкалами показателей */
/* Фон */
/* Цвет */
/* Бордер */
/* Тень */
/* Состояния кнопок */
/* Контейнер */
*, *::before, *::after {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
}

*::before, *::after {
  border-radius: inherit;
  width: inherit;
  height: inherit;
}

a {
  display: flex;
  text-decoration: none;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: inherit;
}

table {
  border-collapse: collapse;
}

ol, ul {
  list-style: none;
}

select {
  outline: none;
}

input, textarea {
  font-family: inherit;
  font-size: inherit;
  border: none;
  outline: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-family: inherit;
  color: inherit;
}
input::placeholder, textarea::placeholder {
  font-family: inherit;
  color: inherit;
}

textarea {
  resize: vertical;
}

details summary::-webkit-details-marker,
details summary::marker {
  display: none;
  list-style: none;
  content: "";
}

button {
  font-family: inherit;
  border: none;
  outline: none;
  cursor: pointer;
}

img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  vertical-align: middle;
}
img[alt] {
  color: #000;
}

sup, sub {
  font-size: 50%;
  line-height: 0;
}

address {
  font-style: normal;
}

iframe {
  border-radius: inherit;
}

.container {
  height: inherit;
  min-height: inherit;
}

/* Flex */
/* Grid */
/* Прижать подвал Грид */
/* Backgrounds */
/* Mask-img */
/* Before, After */
/* Absolute */
/* Адаптивный шрифт */
/* 🛠️ Утилиты */
/* Прижать подвал flex */
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header, footer {
  background: #000;
  min-height: 100px;
}

main {
  background: #fff;
  flex: 1 0 auto;
}

section {
  min-height: 600px;
}

footer {
  flex: 0 0 auto;
}

/* Прижать подвал grid */
.wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  min-height: 100vh;
}

header, footer {
  background: #000;
  min-height: 100px;
}

main {
  background: #fff;
}

section {
  min-height: 600px;
}

/* 📱 Навигация */
.btn_back {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 218px;
  left: 130px;
  padding: 5.5px !important;
  width: 88px;
  font-size: 16px;
  transition: 0.5s;
  z-index: 10;
  font-weight: 700;
  background: #e6007e;
  color: #fff;
  border-radius: 20px;
}
@media (max-width: 1800px) {
  .btn_back {
    top: 260px;
    left: 170px;
  }
}
@media (max-width: 1750px) {
  .btn_back {
    left: 150px;
  }
}
@media (max-width: 1700px) {
  .btn_back {
    left: 130px;
  }
}
@media (max-width: 1650px) {
  .btn_back {
    left: 100px;
  }
}
@media (max-width: 1600px) {
  .btn_back {
    left: 70px;
  }
}
@media (max-width: 1500px) {
  .btn_back {
    left: 20px;
  }
}
@media (max-width: 991px) {
  .btn_back {
    top: 220px;
  }
}
@media (max-width: 676px) {
  .btn_back {
    top: 180px;
  }
}
@media (max-width: 480px) {
  .btn_back {
    top: 170px;
  }
}
@media (max-width: 425px) {
  .btn_back {
    top: 180px;
  }
}
@media (max-width: 375px) {
  .btn_back {
    top: 140px;
  }
  .btn_back.scroll {
    transition: 0.5s;
    top: 120px;
  }
}
@media (max-width: 375px) and (max-width: 1800px) {
  .btn_back.scroll {
    left: 80px;
  }
}
@media (max-width: 375px) and (max-width: 1750px) {
  .btn_back.scroll {
    left: 60px;
  }
}
@media (max-width: 375px) and (max-width: 1700px) {
  .btn_back.scroll {
    left: 30px;
  }
}
@media (max-width: 375px) and (max-width: 1650px) {
  .btn_back.scroll {
    left: 0;
  }
}
@media (max-width: 375px) and (max-width: 1600px) {
  .btn_back.scroll {
    left: 20px;
  }
}
@media (max-width: 375px) and (max-width: 676px) {
  .btn_back.scroll {
    top: 80px;
  }
}
@media (max-width: 375px) and (max-width: 480px) {
  .btn_back.scroll {
    top: 70px;
  }
}
@media (max-width: 375px) and (max-width: 375px) {
  .btn_back.scroll {
    top: 50px;
  }
}

.arrow__up {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  cursor: pointer;
  background: url("icons/arrow-up.svg") no-repeat center/cover, #e6007e;
  z-index: 10;
}

.arrow__up-active {
  display: flex;
}

.breadcrumbs {
  padding: 15px 0;
  background: #e6007e;
}
.breadcrumbs__wrapper {
  display: flex;
  align-items: center;
}
.breadcrumbs__menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  color: #fff;
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  position: relative;
}
.breadcrumbs__list:not(:last-child)::after {
  content: ">";
  margin-left: 15px;
  font-size: 16px;
  color: #fff;
}
.breadcrumbs__link {
  color: #fff;
}
.breadcrumbs__link_current {
  color: #000;
}
.breadcrumbs__link:hover {
  color: #000;
}

.breadcrumbs {
  padding: 15px 0;
  background: #e6007e;
}
.breadcrumbs__wrapper {
  display: flex;
  align-items: center;
}
.breadcrumbs__text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  color: #fff;
}
.breadcrumbs__link {
  color: #fff;
}
.breadcrumbs__link_current {
  color: #000;
}
.breadcrumbs__link:hover {
  color: #000;
}

.burger__menu {
  display: none;
}
@media (max-width: 991px) {
  .burger__menu {
    position: absolute;
    top: 50%;
    right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    z-index: 10;
  }
}
@media (max-width: 676px) {
  .burger__menu {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 425px) {
  .burger__menu {
    width: 30px;
    height: 30px;
  }
}
.burger__menu__line {
  position: relative;
  width: 100%;
  height: 2px;
  background: #e6007e;
}
.burger__menu .active__line {
  transition: 0.5s all;
}
.burger__menu .active__line:first-child {
  top: 8px;
  transform: rotate(45deg);
}
@media (max-width: 676px) {
  .burger__menu .active__line:first-child {
    top: 7px;
  }
}
@media (max-width: 425px) {
  .burger__menu .active__line:first-child {
    top: 5px;
  }
}
.burger__menu .active__line:nth-child(2) {
  display: none;
}
.burger__menu .active__line:last-child {
  top: -9px;
  transform: rotate(-45deg);
}
@media (max-width: 676px) {
  .burger__menu .active__line:last-child {
    top: -7px;
  }
}
@media (max-width: 425px) {
  .burger__menu .active__line:last-child {
    top: -5px;
  }
}

.dropdown {
  margin-top: 32px;
  background: #000;
  min-height: 100px;
  display: flex;
}
.dropdown__menu {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #e6007e;
  font-weight: 700;
}
.dropdown__menu_inner {
  padding: 16px;
  width: 180px;
  min-height: 200px;
  position: absolute;
  top: 40px;
  left: 0;
  display: none;
  box-shadow: 0 0 6px #e6007e;
  background: #000;
}
.dropdown__menu .dropdown-show {
  display: grid;
  justify-content: flex-start;
  gap: 16px;
}
.dropdown__list {
  position: relative;
}
.dropdown__list_inner {
  font-weight: 400;
}
.dropdown__list {
  /* Для ховера */
}
.dropdown__link {
  z-index: 10;
  position: relative;
}

.header {
  position: relative;
  padding: 15px 0;
  min-height: 80px;
}
@media (max-width: 991px) {
  .header {
    min-height: auto;
  }
}
.header__main__wrapper, .header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__wrapper {
  width: 80%;
}
@media (max-width: 991px) {
  .header__wrapper {
    padding: 15px 0;
    position: absolute;
    top: -20dvh;
    left: 0;
    flex-direction: column;
    justify-content: space-evenly;
    width: 100%;
    height: 90dvh;
    background: #000;
    z-index: 10;
    opacity: 0;
    pointer-events: all;
    transition: 0.3s all;
  }
}
@media (max-width: 991px) and (max-width: 425px) {
  .header__wrapper {
    height: 95dvh;
  }
}
.header__wrapper.header__mobile__active {
  top: 0;
  opacity: 1;
  pointer-events: all;
  transition: 0.3s all;
}
.header__left {
  width: 60px;
  height: 60px;
}
@media (max-width: 991px) {
  .header__left {
    height: auto;
  }
}
@media (max-width: 425px) {
  .header__left {
    width: 40px;
    height: 40px;
  }
}
.header__logo {
  width: inherit;
  height: inherit;
}
.header__nav {
  min-width: 600px;
}
@media (max-width: 991px) {
  .header__nav {
    min-width: auto;
  }
}
.header__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: inherit;
}
@media (max-width: 991px) {
  .header__menu {
    flex-direction: column;
    width: auto;
    height: 500px;
    justify-content: space-evenly;
  }
}
.header__link {
  color: #e6007e;
}

.footer {
  padding: 45px 0;
}
@media (max-width: 425px) {
  .footer {
    padding: 32px 0;
  }
}
.footer__wrapper, .footer__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .footer__wrapper, .footer__menu {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 425px) {
  .footer__wrapper, .footer__menu {
    gap: 16px;
  }
}
.footer__wrapper_bottom, .footer__menu_bottom {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 282px 503px 440px;
}
@media (max-width: 1300px) {
  .footer__wrapper_bottom, .footer__menu_bottom {
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    gap: 32px;
  }
}
@media (max-width: 991px) {
  .footer__wrapper_bottom, .footer__menu_bottom {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
@media (max-width: 425px) {
  .footer__wrapper_bottom, .footer__menu_bottom {
    gap: 16px;
  }
}
.footer__nav {
  width: 90%;
}
@media (max-width: 676px) {
  .footer__nav {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .footer__menu {
    gap: 32px;
  }
}
@media (max-width: 425px) {
  .footer__menu {
    gap: 16px;
  }
}
.footer__bottom {
  margin-top: 83px;
}
@media (max-width: 991px) {
  .footer__bottom {
    margin-top: 64px;
  }
}
@media (max-width: 480px) {
  .footer__bottom {
    margin-top: 32px;
  }
}
.footer__logo {
  width: 40px;
  height: 40px;
}
@media (max-width: 676px) {
  .footer__logo {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 480px) {
  .footer__logo {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 425px) {
  .footer__logo {
    width: 40px;
    height: 40px;
  }
}
.footer__list, .footer__link, .footer__copyright, .footer__address, .footer__info {
  font-size: 24px;
  color: #fff;
}
@media (max-width: 1300px) {
  .footer__list, .footer__link, .footer__copyright, .footer__address, .footer__info {
    font-size: 20px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .footer__list, .footer__link, .footer__copyright, .footer__address, .footer__info {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .footer__list, .footer__link, .footer__copyright, .footer__address, .footer__info {
    font-size: 22px;
  }
}
@media (max-width: 425px) {
  .footer__list, .footer__link, .footer__copyright, .footer__address, .footer__info {
    font-size: 20px;
  }
}
@media (max-width: 375px) {
  .footer__list, .footer__link, .footer__copyright, .footer__address, .footer__info {
    font-size: 18px;
  }
}
.footer__list_center-list, .footer__link_center-list, .footer__copyright_center-list, .footer__address_center-list, .footer__info_center-list {
  font-weight: 700;
  font-size: 64px;
}
@media (max-width: 991px) {
  .footer__list_center-list, .footer__link_center-list, .footer__copyright_center-list, .footer__address_center-list, .footer__info_center-list {
    font-size: 46px;
  }
}
@media (max-width: 768px) {
  .footer__list_center-list, .footer__link_center-list, .footer__copyright_center-list, .footer__address_center-list, .footer__info_center-list {
    font-size: 36px;
  }
}
@media (max-width: 676px) {
  .footer__list_center-list, .footer__link_center-list, .footer__copyright_center-list, .footer__address_center-list, .footer__info_center-list {
    font-size: 64px;
  }
}
@media (max-width: 480px) {
  .footer__list_center-list, .footer__link_center-list, .footer__copyright_center-list, .footer__address_center-list, .footer__info_center-list {
    font-size: 48px;
  }
}
@media (max-width: 425px) {
  .footer__list_center-list, .footer__link_center-list, .footer__copyright_center-list, .footer__address_center-list, .footer__info_center-list {
    font-size: 36px;
  }
}
@media (max-width: 425px) {
  .footer__copyright, .footer__address, .footer__info {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .footer__copyright, .footer__address, .footer__info {
    font-size: 16px;
  }
}

/* На css */
html {
  scroll-behavior: smooth;
}

.first {
  background: #e6007e;
  color: #fff;
}

.second {
  background: #009688;
  color: #fff;
}

.third {
  background: #03a9f4;
  color: #fff;
}

/* 🎨 UI */
.accordeon {
  padding: 10px 20px;
  width: 800px;
  min-height: 30px;
  background: #e6007e;
  margin: 0 auto;
  border-radius: 30px;
}
.accordeon__wrapper {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.accordeon__item {
  min-height: inherit;
  position: relative;
  cursor: pointer;
}
.accordeon__item::after {
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: url("icons/accordeon-icon.svg") no-repeat center/cover;
}
.accordeon__description {
  display: grid;
  grid-template-rows: 0fr;
  transition: 1s grid-template-rows;
}
.accordeon__description > * {
  overflow: hidden;
}
.accordeon__header {
  color: #fff;
}
.accordeon__text {
  color: #fff;
}

.accordeon-active {
  margin: 20px 0;
  grid-template-rows: 1fr;
  transition: 1s grid-template-rows;
}

.accordeon-active-icon::after {
  background: url("icons/accordeon-icon.svg") no-repeat center/cover;
  transform: rotate(180deg);
}

/* Когда несколько аккордеонов не друг под другом а сеткой или в один ряд ставим на родителя align-items: flex-start чтобы не открывались все сразу */
.services {
  padding: 64px 0;
}
.services__accordeon {
  position: relative;
  border-bottom: 2px solid #000;
}
.services__accordeon:first-child {
  margin-top: 34px;
  border-top: 2px solid #000;
}
.services__items {
  min-height: 120px;
  position: relative;
  display: flex;
  padding: 25px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .services__items {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 375px) {
  .services__items {
    padding: 15px;
  }
}
.services__items-right {
  width: 48%;
}
@media (max-width: 1024px) {
  .services__items-right {
    width: 100%;
    padding: 0 25px;
  }
}
.services .description-active {
  position: absolute;
  top: 34px;
  right: 34px;
  z-index: 10;
}
@media (max-width: 1024px) {
  .services .description-active {
    position: static;
  }
}
.services__description {
  display: none;
  gap: 32px;
}
@media (max-width: 1024px) {
  .services__description {
    flex-direction: column-reverse;
  }
}
.services .accordeon-active {
  display: flex;
}
.services__img {
  margin-bottom: 42px;
  width: 485px;
  height: 270px;
}
@media (max-width: 1024px) {
  .services__img {
    margin-bottom: 32px;
  }
}
@media (max-width: 576px) {
  .services__img {
    width: 100%;
    height: auto;
  }
}
.services__photo {
  -o-object-fit: contain;
     object-fit: contain;
}
.services__header {
  font-weight: 500;
  font-size: 24px;
}
@media (max-width: 576px) {
  .services__header {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .services__header {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .services__header {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .services__header {
    font-size: 14px;
  }
}
.services .header-active {
  width: 48%;
}
@media (max-width: 1024px) {
  .services .header-active {
    width: 100%;
  }
}
.services__items__text {
  font-size: 14px;
  line-height: 150%;
}
.services__icons {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 25px;
  right: 5px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 425px) {
  .services__icons {
    width: 20px;
    height: 20px;
  }
}

.advantages {
  padding: 100px 0;
}
@media (max-width: 991px) {
  .advantages {
    padding: 64px 0;
  }
}
@media (max-width: 425px) {
  .advantages {
    padding: 50px 0;
  }
}
.advantages__wrapper {
  margin-top: 56px;
  display: grid;
  row-gap: 54px;
  grid-template-columns: repeat(3, 320px);
  place-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1400px) {
  .advantages__wrapper {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 64px;
  }
}
@media (max-width: 1100px) {
  .advantages__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 425px) {
  .advantages__wrapper {
    margin-top: 32px;
    gap: 32px;
  }
}
.advantages__wrapper_main {
  margin-top: 84px;
}
@media (max-width: 425px) {
  .advantages__wrapper_main {
    margin-top: 32px;
    gap: 32px;
  }
}
.advantages__item {
  width: 320px;
  min-height: 290px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 3px 20px 0 #000;
}
@media (max-width: 1400px) {
  .advantages__item {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .advantages__item {
    width: 65%;
  }
}
@media (max-width: 768px) {
  .advantages__item {
    width: 80%;
  }
}
@media (max-width: 576px) {
  .advantages__item {
    width: 100%;
  }
}
.advantages__item__top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 30px;
  padding-top: 20px;
  min-height: inherit;
  border-radius: inherit;
  cursor: pointer;
}
.advantages__item__top::after {
  width: 55px;
  height: 55px;
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: 10px;
  right: 20px;
  background: url("icons/accordeon-grid/cursor.svg") no-repeat center/cover;
}
@media (max-width: 676px) {
  .advantages__item__top::after {
    width: 50px;
    height: 50px;
    bottom: -10px;
    right: -10px;
  }
}
.advantages__item__bottom {
  display: none;
  padding: 30px;
  border-radius: inherit;
}
.advantages__img {
  width: 100px;
  height: 100px;
}
.advantages__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.advantages__header {
  margin-top: 10px;
  font-family: sans-serif;
  font-size: 26px;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 1400px) {
  .advantages br {
    display: none;
  }
}
.advantages .accordeon-active {
  margin-top: 0;
  display: block;
  /* height: auto */
}
.advantages .advantages__item.accordeon-active .advantages__item__top {
  box-shadow: 0 3px 20px 0 #000;
}

/* Если высота должна быть у всех одинакова удалить у wrapper align-items: flex-start + меняем min-height на height у &__item и &__item__top + .accordeon-active: height: auto, если разная то добавляем align-items: flex-start на wrapper также меняем height на min-height у &__item и &__item__top + удалить у .accordeon-active: height: auto */
.animate__counter {
  padding: 15px 0;
  min-height: 300px;
  background: #009688;
}
.animate__counter__item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.animate__counter__text, .animate__counter__box {
  font-size: 20px;
  color: #fff;
}
.animate__counter__box {
  font-size: 32px;
}

.badge__wrapper {
  margin-top: 50px;
  display: grid;
  gap: 20px;
}
.badge__item {
  padding: 5px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #000;
  color: #e6007e;
  font-weight: 700;
  border-radius: 30px;
}
.badge__item_before:before {
  content: "+";
  padding-right: 5px;
}

.cookies {
  width: 1100px;
  position: fixed;
  padding: 20px 0;
  min-height: 80px;
  bottom: 200px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  box-shadow: 0 0 2px #000;
  background: #fff;
}
@media (max-width: 1200px) {
  .cookies {
    width: 95%;
  }
}
.cookies__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  min-height: inherit;
}
.cookies__text {
  line-height: 120%;
}
.cookies__link {
  display: inline-flex;
  color: #03a9f4;
}
.cookies__link:hover {
  color: #e6007e;
}
.cookies__btn {
  padding: 10px;
  margin-top: 10px;
  align-self: flex-start;
  background: transparent;
  border-radius: 10px;
  border: 1px solid #000;
}
.cookies__btn:hover {
  background: #e6007e;
  color: #fff;
  border: 1px solid transparent;
}

.hide-cookies {
  display: none;
}

.buttons {
  padding: 30px 0;
}
.buttons__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.btn {
  /* Обычная круглая с заливкой */
}
.btn_common {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 15px;
  background: #e6007e;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
}
.btn {
  /* Обычная не круглая с заливкой */
}
.btn_common-norounded {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 15px;
  background: #e6007e;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.btn {
  /* Обычная круглая без заливки */
}
.btn_common-rounded-transparent {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 15px;
  background: transparent;
  border: 2px solid #e6007e;
  color: #e6007e;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 700;
}
.btn {
  /* Обычная не круглая без заливки */
}
.btn_common-norounded-transparent {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 15px;
  background: transparent;
  border: 2px solid #e6007e;
  color: #e6007e;
  font-size: 18px;
  font-weight: 700;
}
.btn {
  /* С before круглая без заливки + заливка before внутри кнопки */
}
.btn_common-rounded-transparent-before {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 15px;
  background: transparent;
  border: 2px solid #e6007e;
  color: #e6007e;
  font-size: 18px;
  border-radius: 30px;
  font-weight: 700;
}
.btn_common-rounded-transparent-before::before {
  width: 45px;
  height: 45px;
  display: flex;
  position: absolute;
  content: "";
  top: 3px;
  left: 4px;
  background: url("icons/arrow-btn-white.svg") no-repeat center/40%, #e6007e;
  border-radius: 50%;
}
.btn {
  /* С эффектом нажатия */
}
.btn_click {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 300px;
  padding: 15px;
  background: #e6007e;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 30px;
  box-shadow: 3px 3px 3px #000;
}
.btn_click:active {
  top: 1px;
  left: 1px;
  box-shadow: 3px 3px 3px #e6007e inset;
}
.btn {
  /* С before круглая без заливки + без заливки before */
}
.btn_rounded-before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 300px;
  padding: 14px 50px 15px 100px;
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  text-align: center;
  color: #e6007e;
  border: 2px solid #e6007e;
  border-radius: 36px;
}
.btn_rounded-before::before {
  display: flex;
  position: absolute;
  content: "";
  top: -10px;
  left: -2px;
  background: url("icons/arrow-btn.svg") no-repeat center/40%, #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #e6007e;
}
.btn {
  /* С before круглая без заливки + заливка before */
}
.btn_rounded-before-color {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 300px;
  padding: 14px 50px 15px 100px;
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  text-align: center;
  color: #e6007e;
  border: 2px solid #e6007e;
  border-radius: 36px;
}
.btn_rounded-before-color::before {
  display: flex;
  position: absolute;
  content: "";
  top: -10px;
  left: -2px;
  background: url("icons/arrow-btn-white.svg") no-repeat center/40%, #e6007e;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.btn {
  /* С before круглая c заливкой + заливка before */
}
.btn_rounded-color {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 300px;
  padding: 14px 50px 15px 100px;
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  text-align: center;
  background: #e6007e;
  color: #fff;
  border: 2px solid #e6007e;
  border-radius: 36px;
}
.btn_rounded-color::before {
  display: flex;
  position: absolute;
  content: "";
  top: -10px;
  left: -2px;
  background: url("icons/arrow-btn-white.svg") no-repeat center/40%, #e6007e;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.btn {
  /* Кнопка play на элементах видео */
}
.btn_rounded {
  width: 80px;
  height: 80px;
  background: url("icons/arrow-video-btn.svg") no-repeat center/30%, #e6007e;
  border-radius: 50%;
  background-position-x: 55%;
  background-position-y: 52%;
}
.btn_rounded_transparent {
  /* Кнопка play на элементах видео с прозрачным фоном */
  background: url("icons/arrow-video-second-btn.svg") no-repeat center/50%, transparent;
  border: 1px solid #03a9f4;
  background-position-x: 60%;
  background-position-y: 52%;
}
.btn {
  /* Кнопка для подробнее для статей */
}
.btn_article {
  position: relative;
  width: 200px;
  padding-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #000;
}
.btn_article::after {
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: 15px;
  right: 0;
  width: 12px;
  height: 12px;
  background: url("icons/arrow-btn-article.svg") no-repeat center/cover;
}
.btn_hide {
  display: none;
}
.btn {
  /* Кнопки для модального окна */
}
.btn_modal {
  justify-content: center;
  padding: 6.12px;
  width: 105px;
  font-weight: 700;
  border: 2px solid transparent;
  border-radius: 15px;
}
.btn_modal:hover {
  box-shadow: 0 2px 20px 0 #000;
}
.btn_modal_yes {
  color: #fff;
  background: #000;
}
.btn_modal_yes:active {
  background: #e6007e;
  color: #fff;
}
.btn_modal_no {
  color: #000;
  border: 2px solid #000;
}
.btn_modal_no:active {
  background: #000;
  color: #e6007e;
}
.btn__close {
  position: absolute;
  top: 20px;
  right: 16px;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 6px 6px 20px 0 #000;
  cursor: pointer;
}
.btn__close::before {
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: url("icons/close.svg") no-repeat center/50%;
  font-weight: 700;
  font-size: 25px;
}
.btn__cart {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  width: 200px;
  border: 3px solid #000;
}
.btn__cart:hover {
  background: #e6007e;
  color: #fff;
  border: 3px solid #03a9f4;
}
.btn__cart:hover svg {
  fill: #fff;
}
.btn__cart__link {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.btn__show__more {
  position: relative;
  width: 315px;
  padding: 25.8px;
  border-radius: 28px;
  box-shadow: 10px 10px 20px 0 #000;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  text-transform: uppercase;
  color: #000;
}
.btn__show__more::after {
  width: 58px;
  height: 58px;
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  right: 28px;
  transform: translateY(-50%);
  background: url("icons/show-more-btn-arrow.svg") no-repeat center/50%;
  box-shadow: 0 4px 14px 0 #000;
  border-radius: 50%;
}
.btn__download {
  display: flex;
  align-items: center;
  width: 300px;
  min-height: 60px;
  position: relative;
  padding-right: 100px;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #e6007e;
}
.btn__download::after {
  width: 60px;
  height: 60px;
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url("icons/btn-download.svg") no-repeat center/45%, #fff;
  border-radius: 50%;
  box-shadow: 0 4px 14px 0 #000;
}

.countdown__header {
  color: #e6007e;
  font-size: 36px;
  text-align: center;
  text-transform: uppercase;
}
.countdown__wrapper {
  padding: 20px;
  margin-top: 30px;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border: 1px solid #000;
  box-shadow: 0 0 12px #000;
}
.countdown__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  gap: 32px;
}
.countdown__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.countdown__box {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  height: 60px;
  font-size: 32px;
  font-weight: 700;
  border-radius: 8px;
  background: #000;
  color: #fff;
}
.countdown__text {
  margin-top: 10px;
  font-size: 20px;
  color: #000;
}

.custom__caret {
  padding: 10px;
  width: 300px;
  height: 30px;
  border: 1px solid #000;
  caret-color: #e6007e;
  caret-shape: block;
}

/* Курсоры больше 128px работать не будут */
body {
  cursor: url("icons/cursor-action.png"), auto;
}

.custom__text {
  cursor: url("icons/cursor-text.png"), auto;
}

.custom__details {
  padding: 15px;
  width: 375px;
  background: #fff;
  box-shadow: 6px 4px 35px #000;
}
.custom__details[open] summary::before {
  transform: rotate(180deg);
}

.custom__details summary {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.custom__details summary::before {
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  content: "";
  top: -6px;
  left: -6px;
  background: url("icons/details-arrow.svg") no-repeat center/contain;
}

/* Стилизация скролла для Mozilla Firefox */
/* body scrollbar-color: $secondBg $mainBg // цвет ползунка | цвет полосы скроллбара scrollbar-width: auto // толщина: auto | thin | none */
/*  Для Google Chrome, Яндекс.Браузер, Safari и Opera используйте следующие CSS свойства. */
/* Полоса прокрутки (скроллбар) */
body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 4px;
  border: 2px solid #e6007e;
}

/* Ползунок скроллбара */
body::-webkit-scrollbar-thumb {
  background: #e6007e;
  height: 8px;
  border-radius: 4px;
  border: 2px solid #fff;
}

/* Можно задать display: none или width: 0 для ::-webkit-scrollbar чтобы скрыть полосу прокрутки например в модальных окнах */
.fontawesome__wrapper {
  margin-top: 64px;
  display: flex;
  gap: 32px;
}
.fontawesome i {
  font-size: 32px;
}
.fontawesome i:hover {
  color: #e6007e;
}
.fontawesome svg {
  width: 50px;
  height: 50px;
}
.fontawesome svg:hover {
  fill: #e6007e;
  background: #03a9f4;
}

.flip__card {
  position: relative;
  width: 300px;
  height: 300px;
  transform-style: preserve-3d;
  transition: transform 2s;
  cursor: pointer;
}
.flip__card:hover {
  transform: rotateY(180deg);
}
.flip__card__img, .flip__card__description {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  backface-visibility: hidden;
}
.flip__card__description {
  display: flex;
  align-items: center;
  background: #009688;
  text-align: center;
  padding: 20px;
  transform: rotateY(180deg);
}

.geometric {
  padding: 32px 0;
}
.geometric__wrapper {
  margin-top: 50px;
  display: grid;
  gap: 36px;
}
.geometric__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  text-align: center;
  background: #e6007e;
  color: #fff;
  font-weight: 700;
}
.geometric__item_round {
  border-radius: 50%;
}
.geometric__item_ellipse {
  width: 200px;
  height: 100px;
  border-radius: 100px/50px;
}
.geometric__item_romb {
  transform: rotate(45deg);
}
.geometric__item_romb-second {
  transform: none;
  width: 0;
  height: 0;
  top: -50px;
  border: 50px solid transparent;
  background: transparent;
  border-bottom: 70px solid #e6007e;
}
.geometric__item_romb-second::after {
  display: flex;
  position: absolute;
  content: "";
  top: 70px;
  left: -50px;
  border: 50px solid transparent;
  border-top: 70px solid #e6007e;
}
.geometric__item_triangle {
  width: 0;
  height: 0;
  border-bottom: 140px solid #e6007e;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  background: transparent;
}
.geometric__item_triangle-bottom {
  border-bottom: 0;
  border-top: 140px solid #e6007e;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
}
.geometric__item_triangle-left {
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
  border-left: 0;
  border-right: 140px solid #e6007e;
}
.geometric__item_triangle-right {
  border-top: 70px solid transparent;
  border-bottom: 70px solid transparent;
  border-left: 140px solid #e6007e;
  border-right: 0;
}
.geometric__item_triangle-top-left {
  border-top: 100px solid #e6007e;
  border-right: 100px solid transparent;
  border-bottom: 0;
  border-left: 0;
}
.geometric__item_triangle-top-right {
  border-top: 100px solid #e6007e;
  border-left: 100px solid transparent;
  border-bottom: 0;
  border-right: 0;
}
.geometric__item_triangle-bottom-left {
  border-top: 0;
  border-right: 100px solid transparent;
  border-bottom: 100px solid #e6007e;
  border-left: 0;
}
.geometric__item_triangle-bottom-right {
  border-top: 0;
  border-left: 100px solid transparent;
  border-bottom: 100px solid #e6007e;
  border-right: 0;
}
.geometric__item_trapezium {
  width: 200px;
  height: 0;
  border-bottom: 100px solid #e6007e;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  background: transparent;
}
.geometric__item_parallelogram {
  width: 160px;
  height: 100px;
  transform: skew(30deg);
}
.geometric__item_star {
  width: 0;
  height: 0;
  margin: 50px 0;
  border-right: 100px solid transparent;
  border-bottom: 70px solid #e6007e;
  border-left: 100px solid transparent;
  transform: rotate(35deg);
  background: transparent;
}
.geometric__item_star::before {
  display: flex;
  position: absolute;
  content: "";
  top: -45px;
  left: -65px;
  border-bottom: 80px solid #e6007e;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  transform: rotate(-35deg);
}
.geometric__item_star::after {
  display: flex;
  position: absolute;
  content: "";
  top: 3px;
  left: -105px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid #e6007e;
  border-left: 100px solid transparent;
  transform: rotate(-70deg);
}
.geometric__item_star-six {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #e6007e;
  background: transparent;
}
.geometric__item_star-six::after {
  display: flex;
  position: absolute;
  content: "";
  top: 30px;
  right: -50px;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid #e6007e;
}
.geometric__item_pentagon {
  margin-top: 48px;
  width: 88px;
  border-width: 50px 18px 0;
  border-style: solid;
  border-color: #e6007e transparent;
  background: transparent;
}
.geometric__item_pentagon::before {
  display: flex;
  position: absolute;
  content: "";
  top: -85px;
  left: -18px;
  width: 0;
  height: 0;
  border-width: 0 45px 35px;
  border-style: solid;
  border-color: transparent transparent #e6007e;
}
.geometric__item_hexagon {
  margin-top: 40px;
  width: 100px;
  height: 55px;
}
.geometric__item_hexagon::before, .geometric__item_hexagon::after {
  width: 0;
  height: 0;
}
.geometric__item_hexagon::before {
  display: flex;
  position: absolute;
  content: "";
  top: -25px;
  left: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid #e6007e;
}
.geometric__item_hexagon::after {
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: 0;
  bottom: -25px;
  right: unset;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid #e6007e;
}
.geometric__item_octagon {
  background: transparent;
}
.geometric__item_octagon::before, .geometric__item_octagon::after {
  width: 42px;
  height: 0;
}
.geometric__item_octagon::before {
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  border-bottom: 29px solid #e6007e;
  border-left: 29px solid transparent;
  border-right: 29px solid transparent;
}
.geometric__item_octagon::after {
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: 0;
  bottom: 0;
  right: unset;
  border-top: 29px solid #e6007e;
  border-left: 29px solid transparent;
  border-right: 29px solid transparent;
}
.geometric__item_heart {
  margin-top: 20px;
  width: 70px;
  height: 115px;
  background: transparent;
  border-radius: 50px 50px 0 0;
  transform: rotate(360deg);
  transform-origin: 0 100%;
}
.geometric__item_heart:before, .geometric__item_heart::after {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: 70px;
  width: 70px;
  height: 115px;
  background: #e6007e;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
.geometric__item_heart::after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}
.geometric__item_egg {
  width: 136px;
  height: 190px;
  border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
}
.geometric__item_infinity {
  width: 220px;
  height: 100px;
  background: transparent;
}
.geometric__item_infinity:before, .geometric__item_infinity::after {
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border: 20px solid #e6007e;
  border-radius: 50px 50px 0 50px;
  transform: rotate(-45deg);
}
.geometric__item_infinity::after {
  left: auto;
  right: 0;
  border-radius: 50px 50px 50px 0;
  transform: rotate(45deg);
}
.geometric__item_comments {
  width: 140px;
  height: 100px;
  border-radius: 12px;
}
.geometric__item_comments:before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  position: absolute;
  content: "";
  top: 38px;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-right: 26px solid #e6007e;
  border-bottom: 13px solid transparent;
}
.geometric__item_pacman {
  width: 0;
  height: 0;
  background: transparent;
  border-right: 70px solid transparent;
  border-top: 70px solid #e6007e;
  border-left: 70px solid #e6007e;
  border-bottom: 70px solid #e6007e;
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
}
.geometric__item_arrow {
  width: 60px;
  height: 20px;
  margin: 10px 0;
}
.geometric__item_arrow:after {
  display: flex;
  position: absolute;
  content: "";
  top: -10px;
  right: -100%;
  border-width: 20px 0 20px 40px;
  border-style: solid;
  border-color: transparent #e6007e;
}
.geometric__item_petal {
  border-radius: 100% 0;
}
.geometric__item_flower {
  border-radius: 0 100%;
  margin: 32px 72px 64px;
  box-shadow: -48px 48px #e6007e;
}
.geometric__item_flower:before, .geometric__item_flower:after {
  border-radius: 0 100%;
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  box-shadow: 48px 48px #e6007e;
  left: -96px;
  top: -16px;
  margin: 16px 48px;
  transform-origin: 44px 44px;
  background: #e6007e;
}
.geometric__item_flower:before {
  transform: rotate(-30deg);
}
.geometric__item_flower:after {
  transform: rotate(30deg);
}

/* Все тоже самое можно сделать через clip-path генератор но он обрезает тени */
.gradient {
  padding: 32px 0;
}
.gradient__wrapper {
  display: inline-grid;
  place-items: center;
  gap: 32px;
}
.gradient__border {
  position: relative;
  color: #e6007e;
}
.gradient__border::after {
  width: 100%;
  height: 6px;
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: -10px;
  right: unset;
  background: linear-gradient(90deg, #e6007e, #009688, #03a9f4);
  border-radius: 30px;
}
.gradient__header {
  font-size: 64px;
  background: linear-gradient(90deg, #e6007e, #009688, #03a9f4);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.gradient__header__border {
  position: relative;
  font-size: 64px;
  background: linear-gradient(90deg, #e6007e, #009688, #03a9f4);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.gradient__header__border::after {
  width: 100%;
  height: 6px;
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: -10px;
  right: unset;
  background: linear-gradient(90deg, #e6007e, #009688, #03a9f4);
  border-radius: 30px;
}
.gradient__button {
  padding: 16px;
  border-radius: 30px;
  border: 3px solid transparent;
  background: linear-gradient(#e6007e, #e6007e) padding-box, linear-gradient(100deg, #009688 30%, #03a9f4 100%) border-box;
  font-size: 20px;
  color: #fff;
}
.gradient__button:hover {
  border: 3px solid transparent;
  background: #000;
}
.gradient__button_full-gradient {
  background: linear-gradient(100deg, #000 30%, #e6007e 100%) padding-box, linear-gradient(100deg, #009688 30%, #03a9f4 100%) border-box;
}
.gradient__button_mega-gradient {
  padding: 16px;
  border-radius: 30px;
  border: 3px solid transparent;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  color: transparent;
  -webkit-text-fill-color: transparent;
  z-index: 1;
  /* Бордер */
}
.gradient__button_mega-gradient::before {
  content: "";
  position: absolute;
  inset: -3px;
  background: linear-gradient(90deg, #e6007e, #009688, #03a9f4);
  border-radius: 33px;
  z-index: -2;
}
.gradient__button_mega-gradient {
  /* Фон кнопки */
}
.gradient__button_mega-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #000 30%, #e6007e 100%) padding-box, linear-gradient(100deg, #009688 30%, #03a9f4 100%) border-box;
  border-radius: 27px;
  z-index: -1;
}
.gradient__button_mega-gradient:hover::before {
  opacity: 0;
}
.gradient__button_mega-gradient:hover::after {
  background: #000;
}
.gradient__button_mega-gradient:hover span, .gradient__button_mega-gradient:hover .gradient-text {
  background: transparent;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.gradient__button_mega-gradient {
  /* Текст */
}
.gradient__button_mega-gradient span, .gradient__button_mega-gradient.gradient-text {
  background: linear-gradient(90deg, #e6007e, #009688, #03a9f4);
  -webkit-background-clip: text;
          background-clip: text;
}

/* Переключатель Switcher */
.block__label__languages {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* Текст чекбокса */
.label__languages {
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

/* Стандартный чекбокс */
.default__languages {
  display: none;
}

.custom__checkbox__wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Кастомный чекбокс */
.custom__languages {
  position: relative;
  display: block;
  width: 60px;
  height: 30px;
  background: #009688;
  cursor: pointer;
  transition: 0.5s;
  border-radius: 34px;
  box-shadow: 0 3px 3px #000;
  /* Внутренний круг */
}
.custom__languages::before {
  display: flex;
  position: absolute;
  content: "";
  top: 2px;
  left: 5px;
  background: #fff;
  width: 25px;
  height: 25px;
  transition: 0.5s;
  border-radius: 50%;
  box-shadow: 0 3px 3px #000;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__languages:checked + .custom__checkbox__wrapper > .custom__languages {
  background: #e6007e;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__languages:checked + .custom__checkbox__wrapper > .custom__languages::before {
  background: #fff;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__languages:checked + .custom__checkbox__wrapper > .custom__languages::before {
  transform: translateX(26px);
}

/*  */
.default__languages:not(:checked) + .custom__checkbox__wrapper .label__languages:first-child {
  color: #009688;
}
.default__languages:not(:checked) + .custom__checkbox__wrapper .label__languages:last-child {
  color: #000;
}

.default__languages:checked + .custom__checkbox__wrapper .label__languages:first-child {
  color: #000;
}
.default__languages:checked + .custom__checkbox__wrapper .label__languages:last-child {
  color: #e6007e;
}

@media (max-width: 991px) {
  .marque {
    overflow-x: clip;
  }
}
.marque__wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 32px;
  display: flex;
  gap: 28px;
  animation: scroll 40s linear infinite;
}
.marque__item {
  min-width: 300px;
  padding: 24px;
  border-radius: 90px;
  font-size: 35px;
  color: #fff;
  text-align: center;
  background: #e6007e;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(min(0px, -100% + 100vw));
  }
}
.mask__wrapper p {
  margin: 20px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent 100%);
  background: #03a9f4;
  color: #fff;
}
.mask__wrapper img {
  width: 300px;
  height: 300px;
}
.mask__wrapper img:nth-child(2) {
  -webkit-mask-image: url("img/mask-bg.png");
          mask-image: url("img/mask-bg.png");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.mask__wrapper img:nth-child(3) {
  -webkit-mask-image: linear-gradient(#000, transparent);
          mask-image: linear-gradient(#000, transparent);
}

.modal {
  /* Убрать стили с .modal если не нужен overlay */
  position: fixed;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  z-index: 100;
  top: 0;
  opacity: 1;
  pointer-events: all;
  transition: 0.3s all;
}
.modal__dialog {
  position: relative;
  padding: 45px 115px 45px 80px;
  width: 1300px;
  min-height: 380px;
  border-radius: 40px 40px 30px 30px;
  box-shadow: 0 4px 20px 0 #000;
  background: #fff;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1400px) {
  .modal__dialog {
    width: 95%;
  }
}
@media (max-width: 1300px) {
  .modal__dialog {
    padding: 45px 64px;
  }
}
@media (max-width: 991px) {
  .modal__dialog {
    padding: 45px;
  }
}
@media (max-width: 676px) {
  .modal__dialog {
    top: 20%;
  }
}
@media (max-width: 525px) {
  .modal__dialog {
    top: 15%;
  }
}
@media (max-width: 480px) {
  .modal__dialog {
    top: 25%;
    padding: 32px;
  }
}
@media (max-width: 425px) {
  .modal__dialog {
    padding: 24px;
    border-radius: 20px;
    min-height: auto;
  }
}
@media (max-width: 375px) {
  .modal__dialog {
    padding: 16px;
  }
}
.modal__block__text {
  margin-top: 26px;
  display: grid;
  gap: 36px;
}
@media (max-width: 375px) {
  .modal__block__text {
    gap: 16px;
  }
}
.modal__text {
  margin-top: 0 !important;
}
@media (max-width: 1400px) {
  .modal__text br {
    display: none;
  }
}
.modal__block__btns {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 60px;
}
@media (max-width: 576px) {
  .modal__block__btns {
    justify-content: center;
  }
}
@media (max-width: 425px) {
  .modal__block__btns {
    gap: 32px;
  }
}
.modal.hide {
  top: -20dvh;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s all;
}

.modal__close {
  position: absolute;
  top: 40px;
  right: 40px;
}
@media (max-width: 480px) {
  .modal__close {
    top: 28px;
    right: 28px;
  }
}
@media (max-width: 425px) {
  .modal__close {
    top: 20px;
  }
}
@media (max-width: 375px) {
  .modal__close {
    top: 12px;
  }
}

.paginations {
  margin-top: 64px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.paginations_product {
  width: 320px;
  padding: 12px;
  border: 1px solid #000;
}
.paginations__img:hover {
  fill: #e6007e;
}
.paginations__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #000;
  border: 1px solid #000;
}
@media (max-width: 480px) {
  .paginations__link {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}
@media (max-width: 375px) {
  .paginations__link {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}
.paginations__link_active, .paginations__link:hover {
  border: none;
  background: #e6007e;
  color: #fff;
}
.paginations__link_product {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0;
}
.paginations__link_product_active, .paginations__link_product:hover {
  background: none;
  color: #e6007e;
}
.paginations__link_more {
  align-self: flex-end;
  height: auto;
  border: none;
}
.paginations__link_more:hover {
  color: #000;
  background: none;
}

.tabs__wrapper {
  margin-top: 30px;
}
.tabs__content__wrapper {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.tabs__menu {
  width: 800px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.tabs__list {
  display: flex;
  justify-content: center;
  width: 150px;
  padding: 10px;
  border-radius: 30px;
  color: #fff;
  background: #000;
}
.tabs__list:hover {
  background: #e6007e;
}
.tabs__item {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  display: none;
}
.tabs__img {
  width: inherit;
  height: 200px;
}
.tabs__description {
  padding: 10px;
}
.tabs__text {
  text-align: center;
}

.show-tabs-item {
  display: block;
}

.active-tabs-list {
  background: #e6007e;
}

.what__to__do__tabs__item::before {
  font-family: "PT Sans Narrow", sans-serif;
  background: #000;
  position: absolute;
  content: counter(div, decimal-leading-zero);
  counter-increment: div;
  font-weight: 700;
  font-size: 60px;
  line-height: 110%;
  background-clip: text;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: unset;
  height: unset;
}
@media (max-width: 425px) {
  .what__to__do__tabs__item::before {
    font-size: 48px;
  }
}
@media (max-width: 375px) {
  .what__to__do__tabs__item::before {
    font-size: 30px;
  }
}

.what__to__do {
  padding: 64px 0;
  font-family: "PT Sans", sans-serif;
}
.what__to__do__block__text {
  margin-top: 62px;
}
@media (max-width: 1400px) {
  .what__to__do__block__text {
    width: 65%;
    margin: 62px auto 0;
  }
}
@media (max-width: 991px) {
  .what__to__do__block__text {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .what__to__do__block__text {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .what__to__do__block__text {
    margin: 50px auto 0;
  }
}
@media (max-width: 425px) {
  .what__to__do__block__text {
    margin: 32px auto 0;
  }
}
@media (max-width: 375px) {
  .what__to__do__block__text {
    margin: 16px auto 0;
  }
}
.what__to__do__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 62px;
  counter-reset: div;
}
@media (max-width: 1300px) {
  .what__to__do__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 96px;
    place-items: center;
  }
}
@media (max-width: 1024px) {
  .what__to__do__wrapper {
    row-gap: 64px;
  }
}
@media (max-width: 576px) {
  .what__to__do__wrapper {
    margin-top: 50px;
  }
}
@media (max-width: 480px) {
  .what__to__do__wrapper {
    row-gap: 40px;
  }
}
@media (max-width: 425px) {
  .what__to__do__wrapper {
    margin-top: 40px;
  }
}
.what__to__do__tabs__item {
  position: relative;
  border-radius: 20px;
  width: 140px;
  height: 140px;
  box-shadow: 0 3px 20px 0 #000;
  cursor: pointer;
}
@media (max-width: 676px) {
  .what__to__do__tabs__item {
    width: 130px;
    height: 130px;
  }
}
@media (max-width: 576px) {
  .what__to__do__tabs__item {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 425px) {
  .what__to__do__tabs__item {
    width: 78px;
    height: 78px;
    border-radius: 12px;
  }
}
.what__to__do__tabs__item:first-child, .what__to__do__tabs__item:nth-child(4) {
  background: url("img/tabs-steps/what-to-do-bg-1.png") no-repeat center/cover;
}
.what__to__do__tabs__item:nth-child(2), .what__to__do__tabs__item:last-child {
  background: url("img/tabs-steps/what-to-do-bg-2.png") no-repeat center/cover;
}
.what__to__do__tabs__item:nth-child(3) {
  background: url("img/tabs-steps/what-to-do-bg-3.png") no-repeat center/cover;
}
.what__to__do__tabs__item::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: counter(div);
  font-size: 70px;
}
@media (max-width: 425px) {
  .what__to__do__tabs__item::before {
    font-size: 50px;
  }
}
.what__to__do__tabs__item:not(:last-child)::after {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  right: -170px;
  width: 160px;
  height: 2px;
  border-radius: 30px;
  background: #e6007e;
}
@media (max-width: 1440px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -165px;
  }
}
@media (max-width: 1400px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    width: 90px;
    right: -120px;
  }
}
@media (max-width: 1300px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    width: 150px;
    right: -190px;
  }
}
@media (max-width: 1150px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -180px;
  }
}
@media (max-width: 1024px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -160px;
  }
}
@media (max-width: 991px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -150px;
    width: 140px;
  }
}
@media (max-width: 900px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    width: 80px;
    right: -100px;
  }
}
@media (max-width: 800px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -90px;
  }
}
@media (max-width: 768px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    width: 80px;
  }
}
@media (max-width: 676px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    width: 50px;
    right: -60px;
  }
}
@media (max-width: 600px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -55px;
  }
}
@media (max-width: 576px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -60px;
  }
}
@media (max-width: 525px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -55px;
  }
}
@media (max-width: 480px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    width: 30px;
    right: -40px;
  }
}
@media (max-width: 450px) {
  .what__to__do__tabs__item:not(:last-child)::after {
    right: -35px;
  }
}
@media (max-width: 1300px) {
  .what__to__do__tabs__item:nth-child(3)::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .what__to__do__tabs__item:nth-child(4)::after {
    display: flex;
  }
}
.what__to__do__tabs__item__inner {
  width: inherit;
  height: inherit;
  position: relative;
}
.what__to__do__tabs__item__inner::after {
  width: 55px;
  height: 55px;
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: -20px;
  right: -10px;
  background: url("icons/tabs-steps/cursor.svg") no-repeat center/cover;
}
@media (max-width: 576px) {
  .what__to__do__tabs__item__inner::after {
    width: 40px;
    height: 40px;
    bottom: -10px;
    right: -10px;
  }
}
@media (max-width: 375px) {
  .what__to__do__tabs__item__inner::after {
    width: 30px;
    height: 30px;
  }
}
.what__to__do__block__items {
  margin-top: 64px;
}
@media (max-width: 425px) {
  .what__to__do__block__items {
    margin-top: 36px;
  }
}
.what__to__do__item {
  display: none;
  border-radius: 30px;
  min-height: 150px;
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 37px 0 #000;
}
@media (max-width: 576px) {
  .what__to__do__item {
    min-height: auto;
  }
}
.what__to__do__item__inner {
  padding: 20px 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .what__to__do__item__inner {
    padding: 45px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 576px) {
  .what__to__do__item__inner {
    padding: 32px;
  }
}
@media (max-width: 425px) {
  .what__to__do__item__inner {
    padding: 25px;
  }
}
.what__to__do__description {
  width: 80%;
}
@media (max-width: 768px) {
  .what__to__do__description {
    width: 100%;
  }
}
.what__to__do__header, .what__to__do__text {
  font-size: 24px;
  line-height: 120%;
}
@media (max-width: 480px) {
  .what__to__do__header, .what__to__do__text {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .what__to__do__header, .what__to__do__text {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .what__to__do__header, .what__to__do__text {
    font-size: 16px;
  }
}
@media (max-width: 1300px) {
  .what__to__do__text br {
    display: none;
  }
}
.what__to__do__img {
  width: 100px;
  height: 100px;
}
@media (max-width: 768px) {
  .what__to__do__img {
    margin-top: 32px;
  }
}
@media (max-width: 425px) {
  .what__to__do__img {
    width: 80px;
    height: 80px;
  }
}
.what__to__do__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.what__to__do .active-tabs-list {
  background: #e6007e;
}
.what__to__do .active-tabs-list::before {
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.show-tabs-item {
  display: block;
}

.scientifically__right .about__accordeon__item__top, .about__right .about__accordeon__item__top {
  position: relative;
  background: #e6007e;
}
.scientifically__right .about__accordeon__item__top::after, .about__right .about__accordeon__item__top::after {
  width: 36px;
  height: 15px;
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: 50%;
  right: 30px;
  background: url("icons/accordeon-icon.svg") no-repeat center/cover;
  transform: translateY(50%);
}
@media (max-width: 480px) {
  .scientifically__right .about__accordeon__item__top::after, .about__right .about__accordeon__item__top::after {
    right: 10px;
  }
}
@media (max-width: 425px) {
  .scientifically__right .about__accordeon__item__top::after, .about__right .about__accordeon__item__top::after {
    width: 26px;
  }
}
.scientifically__right .about__accordeon__item__top:active::after, .about__right .about__accordeon__item__top:active::after {
  background: url("icons/accordeon-icon-active.svg") no-repeat center/cover;
}
.scientifically__right .accordeon-active-icon::after, .about__right .accordeon-active-icon::after {
  top: 35%;
  transform: rotate(180deg);
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
.about {
  padding: 116px 0;
}
@media (max-width: 991px) {
  .about {
    padding: 64px 0;
  }
}
@media (max-width: 425px) {
  .about {
    padding: 50px 0;
  }
}
@media (max-width: 1400px) {
  .about .title {
    text-align: center;
  }
}
.about__block__text {
  margin-top: 21px;
}
@media (max-width: 1400px) {
  .about__block__text {
    width: 65%;
    margin: 21px auto 0;
  }
}
@media (max-width: 991px) {
  .about__block__text {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .about__block__text {
    width: 100%;
  }
}
.about__wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1400px) {
  .about__wrapper {
    margin-top: 64px;
    flex-direction: column;
    gap: 64px;
  }
}
@media (max-width: 576px) {
  .about__wrapper {
    gap: 64px;
  }
}
@media (max-width: 425px) {
  .about__wrapper {
    margin-top: 32px;
    gap: 36px;
  }
}
.about__top, .about__bottom {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1300px) {
  .about__top, .about__bottom {
    flex-direction: column;
    gap: 132px;
  }
}
@media (max-width: 768px) {
  .about__top, .about__bottom {
    gap: 100px;
  }
}
@media (max-width: 425px) {
  .about__top, .about__bottom {
    gap: 64px;
  }
}
.about__left, .about__right {
  width: 48%;
}
@media (max-width: 1400px) {
  .about__left, .about__right {
    width: 65%;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .about__left, .about__right {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .about__left, .about__right {
    width: 100%;
  }
}
.about__left {
  height: 500px;
}
@media (max-width: 1400px) {
  .about__left {
    height: auto;
  }
}
.about__left img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1400px) {
  .about__left img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.about__right {
  width: 570px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 48px;
}
@media (max-width: 768px) {
  .about__right {
    width: 80%;
  }
}
@media (max-width: 576px) {
  .about__right {
    width: 100%;
  }
}
@media (max-width: 425px) {
  .about__right {
    gap: 32px;
  }
}
@media (max-width: 375px) {
  .about__right {
    gap: 18px;
  }
}
.about__right .about__accordeon__item {
  display: none;
}
.about__right .about__accordeon__item__top::after {
  display: none;
}
.about__item {
  position: relative;
  width: 675px;
  height: 480px;
}
@media (max-width: 1400px) {
  .about__item {
    margin: 0 auto;
  }
}
@media (max-width: 676px) {
  .about__item {
    width: 576px;
    height: 400px;
  }
}
@media (max-width: 576px) {
  .about__item {
    width: 480px;
    height: 350px;
  }
}
@media (max-width: 480px) {
  .about__item {
    width: 425px;
  }
}
@media (max-width: 425px) {
  .about__item {
    width: 375px;
  }
}
@media (max-width: 375px) {
  .about__item {
    height: 300px;
    margin-left: -20px;
  }
}
.about__item__tab {
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 10;
  animation: heartbeat 1.5s ease-in-out infinite both;
}
@media (max-width: 425px) {
  .about__item__tab {
    width: 25px;
    height: 25px;
  }
}
.about__item__tab:nth-child(2) {
  top: 100px;
  left: 315px;
}
@media (max-width: 676px) {
  .about__item__tab:nth-child(2) {
    top: 80px;
    left: 260px;
  }
}
@media (max-width: 576px) {
  .about__item__tab:nth-child(2) {
    top: 70px;
    left: 225px;
  }
}
@media (max-width: 480px) {
  .about__item__tab:nth-child(2) {
    top: 85px;
    left: 190px;
  }
}
@media (max-width: 425px) {
  .about__item__tab:nth-child(2) {
    top: 95px;
    left: 175px;
  }
}
@media (max-width: 375px) {
  .about__item__tab:nth-child(2) {
    top: 70px;
  }
}
.about__item__tab:nth-child(3) {
  top: 230px;
  left: 270px;
}
@media (max-width: 676px) {
  .about__item__tab:nth-child(3) {
    top: 190px;
    left: 230px;
  }
}
@media (max-width: 576px) {
  .about__item__tab:nth-child(3) {
    top: 160px;
    left: 190px;
  }
}
@media (max-width: 480px) {
  .about__item__tab:nth-child(3) {
    top: 165px;
    left: 165px;
  }
}
@media (max-width: 425px) {
  .about__item__tab:nth-child(3) {
    top: 170px;
    left: 145px;
  }
}
@media (max-width: 375px) {
  .about__item__tab:nth-child(3) {
    top: 145px;
  }
}
.about__item__tab:nth-child(4) {
  top: 275px;
  left: 245px;
}
@media (max-width: 676px) {
  .about__item__tab:nth-child(4) {
    top: 228px;
    left: 200px;
  }
}
@media (max-width: 576px) {
  .about__item__tab:nth-child(4) {
    top: 195px;
    left: 165px;
  }
}
@media (max-width: 480px) {
  .about__item__tab:nth-child(4) {
    top: 190px;
    left: 145px;
  }
}
@media (max-width: 425px) {
  .about__item__tab:nth-child(4) {
    top: 194px;
    left: 130px;
  }
}
@media (max-width: 375px) {
  .about__item__tab:nth-child(4) {
    top: 168px;
  }
}
.about__item__tab:last-child {
  top: 340px;
  left: 340px;
}
@media (max-width: 676px) {
  .about__item__tab:last-child {
    top: 280px;
    left: 290px;
  }
}
@media (max-width: 576px) {
  .about__item__tab:last-child {
    top: 245px;
    left: 245px;
  }
}
@media (max-width: 480px) {
  .about__item__tab:last-child {
    top: 230px;
    left: 210px;
  }
}
@media (max-width: 425px) {
  .about__item__tab:last-child {
    top: 230px;
    left: 190px;
  }
}
@media (max-width: 375px) {
  .about__item__tab:last-child {
    top: 205px;
  }
}
.about__img {
  width: 100%;
  height: 100%;
}
.about__img img {
  display: none;
}
@media (max-width: 1400px) {
  .about__img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.about__accordeon__item {
  width: 555px;
  border-radius: 40px;
  cursor: pointer;
  background: #000;
  box-shadow: 0 4px 20px 0 #000;
}
@media (max-width: 1500px) {
  .about__accordeon__item {
    width: 100%;
  }
}
@media (max-width: 425px) {
  .about__accordeon__item {
    border-radius: 15px;
  }
}
.about__accordeon__item .about__accordeon__item__top:hover {
  box-shadow: 0 4px 20px 0 #000;
}
.about__accordeon__item__top {
  border-radius: inherit;
  box-shadow: 0 4px 20px 0 #000;
}
.about__accordeon__item__top:hover {
  box-shadow: 0 2px 20px #000;
}
@media (max-width: 425px) {
  .about__accordeon__item__top {
    box-shadow: 0 1px 4px 0 #000;
  }
}
.about__accordeon__item__bottom {
  padding: 50px 38px 32px;
}
@media (max-width: 425px) {
  .about__accordeon__item__bottom {
    padding: 24px;
  }
}
@media (max-width: 375px) {
  .about__accordeon__item__bottom {
    padding: 16px;
  }
}
.about__accordeon__header {
  width: 95%;
  padding: 14.4px 52px;
  font-size: 26px;
  line-height: 120%;
}
@media (max-width: 676px) {
  .about__accordeon__header {
    padding: 14.4px 32px;
  }
}
@media (max-width: 576px) {
  .about__accordeon__header {
    font-size: 22px;
    padding: 14.4px 20px;
  }
}
@media (max-width: 480px) {
  .about__accordeon__header {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .about__accordeon__header {
    font-size: 18px;
    padding: 12px;
  }
}
@media (max-width: 375px) {
  .about__accordeon__header {
    font-size: 14px;
    padding: 10px 12px;
  }
}
@media (max-width: 1400px) {
  .about__accordeon__header br {
    display: none;
  }
}
.about__accordeon__menu {
  list-style: disc;
  padding-left: 40px;
}
@media (max-width: 576px) {
  .about__accordeon__menu {
    padding-left: 30px;
  }
}
@media (max-width: 425px) {
  .about__accordeon__menu {
    padding-left: 20px;
  }
}
.about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
  font-size: 26px;
}
@media (max-width: 576px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 14px;
  }
}
@media (max-width: 1400px) {
  .about__accordeon__heading br, .about__accordeon__text br, .about__accordeon__list br {
    display: none;
  }
}
.about__header, .about__text {
  font-size: 24px;
  line-height: 120%;
  color: #000;
}
@media (max-width: 576px) {
  .about__header, .about__text {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .about__header, .about__text {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .about__header, .about__text {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .about__header, .about__text {
    font-size: 16px;
  }
}
.about__accordeon__info:not(:first-child) {
  margin-top: 26px;
}
@media (max-width: 1500px) {
  .about br {
    display: none;
  }
}
.about .show-tabs-item {
  display: block;
}
.about .active-tabs-list {
  display: block;
  background: none;
}

.scientifically {
  position: relative;
  padding: 50px 0;
}
.scientifically::before {
  width: 46.74%;
  height: 452px;
  display: flex;
  position: absolute;
  content: "";
  top: 37%;
  left: 20%;
  background: url("img/tabs-with-accordeon/scientifically-bg-2.svg") no-repeat center/contain;
}
@media (max-width: 1400px) {
  .scientifically::before {
    display: none;
  }
}
@media (max-width: 425px) {
  .scientifically::before {
    display: block;
    width: 320px;
    height: 150px;
    background-size: 90%;
    left: unset;
    top: 75%;
    right: 0;
  }
}
.scientifically__block__text {
  margin-top: 31px;
}
@media (max-width: 1400px) {
  .scientifically__block__text {
    width: 65%;
    margin: 31px auto 0;
  }
}
@media (max-width: 991px) {
  .scientifically__block__text {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .scientifically__block__text {
    width: 100%;
  }
}
.scientifically__wrapper, .scientifically .scientifically__wrapper__initial-first-element {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 70px;
}
@media (max-width: 1400px) {
  .scientifically__wrapper, .scientifically .scientifically__wrapper__initial-first-element {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .scientifically__wrapper, .scientifically .scientifically__wrapper__initial-first-element {
    margin-top: 64px;
    gap: 50px;
  }
}
@media (max-width: 425px) {
  .scientifically__wrapper, .scientifically .scientifically__wrapper__initial-first-element {
    margin-top: 32px;
    gap: 30px;
  }
}
.scientifically__left {
  width: 643px;
  height: 428px;
  border-radius: 30px;
  align-self: flex-start;
}
@media (max-width: 1400px) {
  .scientifically__left {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 425px) {
  .scientifically__left {
    border-radius: 6px;
  }
}
.scientifically__right {
  width: 52%;
  display: flex;
  flex-direction: column;
  gap: 42px;
}
@media (max-width: 1300px) {
  .scientifically__right {
    width: 65%;
  }
}
@media (max-width: 1100px) {
  .scientifically__right {
    width: 80%;
  }
}
@media (max-width: 900px) {
  .scientifically__right {
    width: 95%;
  }
}
@media (max-width: 425px) {
  .scientifically__right {
    gap: 32px;
  }
}
@media (max-width: 375px) {
  .scientifically__right {
    gap: 16px;
  }
}
.scientifically__item {
  width: inherit;
  position: relative;
  height: inherit;
  display: none;
  border-radius: inherit;
}
.scientifically__item img {
  box-shadow: 7px 9px 32px 0 #000;
  position: relative;
  z-index: 2;
}
.scientifically__item::before {
  border-radius: inherit;
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 643px;
  height: 428px;
  background: #000;
  opacity: 0.5;
  z-index: 3;
}
@media (max-width: 1400px) {
  .scientifically__item::before {
    width: 100%;
    height: 100%;
  }
}
.scientifically__item::after {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  right: -36px;
  background: url("img/tabs-with-accordeon/scientifically-bg-1.png") no-repeat center/cover;
  transform: translateY(-50%);
  width: 552px;
  height: 348px;
  border-radius: 40px;
  z-index: 1;
}
@media (max-width: 1400px) {
  .scientifically__item::after {
    display: none;
  }
}
@media (max-width: 425px) {
  .scientifically__item::after {
    height: 220px;
    border-radius: 8px;
    right: -20px;
  }
}
@media (max-width: 375px) {
  .scientifically__item::after {
    height: 200px;
  }
}

.about__accordeon__item {
  width: 600px;
  border-radius: 40px;
  cursor: pointer;
  background: #03a9f4;
  box-shadow: 0 4px 20px 0 #000;
}
@media (max-width: 1500px) {
  .about__accordeon__item {
    width: 100%;
  }
}
@media (max-width: 425px) {
  .about__accordeon__item {
    border-radius: 15px;
  }
}
.about__accordeon__item-dnone {
  display: none;
}
.about__accordeon__item__top {
  border-radius: inherit;
  box-shadow: 0 4px 20px 0 #000;
}
.about__accordeon__item__top:active {
  background: #03a9f4;
  color: #fff;
}
@media (max-width: 425px) {
  .about__accordeon__item__top {
    box-shadow: 0 2px 10px 0 #000;
  }
}
.about__accordeon__item__bottom {
  background: #03a9f4;
  border-radius: inherit;
  padding: 0 32px;
}
@media (max-width: 425px) {
  .about__accordeon__item__bottom {
    padding: 0 24px;
  }
}
@media (max-width: 375px) {
  .about__accordeon__item__bottom {
    padding: 0 16px;
  }
}
.about__accordeon__header {
  width: 95%;
  padding: 14.4px 52px;
  font-size: 26px;
  line-height: 120%;
}
@media (max-width: 676px) {
  .about__accordeon__header {
    padding: 14.4px 32px;
  }
}
@media (max-width: 576px) {
  .about__accordeon__header {
    font-size: 22px;
    padding: 14.4px 20px;
  }
}
@media (max-width: 480px) {
  .about__accordeon__header {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .about__accordeon__header {
    font-size: 18px;
    padding: 12px;
  }
}
@media (max-width: 375px) {
  .about__accordeon__header {
    font-size: 14px;
    padding: 10px 12px;
  }
}
@media (max-width: 1400px) {
  .about__accordeon__header br {
    display: none;
  }
}
.about__accordeon__menu {
  list-style: disc;
  padding-left: 40px;
}
@media (max-width: 576px) {
  .about__accordeon__menu {
    padding-left: 30px;
  }
}
@media (max-width: 425px) {
  .about__accordeon__menu {
    padding-left: 20px;
  }
}
.about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
  font-size: 26px;
}
@media (max-width: 576px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .about__accordeon__heading, .about__accordeon__text, .about__accordeon__list {
    font-size: 14px;
  }
}
@media (max-width: 1400px) {
  .about__accordeon__heading br, .about__accordeon__text br, .about__accordeon__list br {
    display: none;
  }
}
.about__header, .about__text {
  font-size: 24px;
  line-height: 120%;
  color: #000;
}
@media (max-width: 576px) {
  .about__header, .about__text {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .about__header, .about__text {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .about__header, .about__text {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .about__header, .about__text {
    font-size: 16px;
  }
}
.about__accordeon__info:not(:first-child) {
  margin-top: 26px;
}
.about__accordeon__info:last-child {
  padding-bottom: 32px;
}
@media (max-width: 425px) {
  .about__accordeon__info:last-child {
    padding-bottom: 24px;
  }
}
@media (max-width: 375px) {
  .about__accordeon__info:last-child {
    padding-bottom: 16px;
  }
}
.about__text {
  margin-top: 36px;
}
@media (max-width: 576px) {
  .about__text {
    margin-top: 32px;
  }
}
@media (max-width: 425px) {
  .about__text {
    margin-top: 22px;
  }
}
@media (max-width: 1500px) {
  .about br {
    display: none;
  }
}

.show-tabs-item {
  display: block;
}
.show-tabs-item .active-tabs-list {
  display: block;
  background: #03a9f4 !important;
}

.use {
  padding: 90px 0;
}
@media (max-width: 991px) {
  .use {
    padding: 46px 0;
    min-height: auto;
  }
}
.use__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 107px;
  gap: 100px;
}
@media (max-width: 1700px) {
  .use__wrapper {
    gap: 64px;
  }
}
@media (max-width: 1500px) {
  .use__wrapper {
    justify-content: center;
    gap: 32px;
  }
}
@media (max-width: 1399px) {
  .use__wrapper {
    flex-direction: column;
    align-items: center;
    gap: 53px;
  }
}
@media (max-width: 991px) {
  .use__wrapper {
    margin-top: 53px;
  }
}
@media (max-width: 576px) {
  .use__wrapper {
    gap: 32px;
  }
}
.use__left {
  width: 30.7789%;
}
@media (max-width: 1700px) {
  .use__left {
    width: 35%;
  }
}
@media (max-width: 1500px) {
  .use__left {
    width: 40%;
  }
}
@media (max-width: 1399px) {
  .use__left {
    width: 100%;
    position: relative;
  }
}
.use__right {
  margin-right: -300px;
  min-height: 442px;
  width: 1400px;
  box-shadow: inset 0 11px 49px -1px #000;
  background: #000;
  border-radius: 100px 0 0 100px;
}
@media (max-width: 1700px) {
  .use__right {
    width: 60%;
    margin-right: -100px;
  }
}
@media (max-width: 1399px) {
  .use__right {
    width: calc(100% + 30px);
    border-radius: 0;
    margin-right: 0;
    min-height: 300px;
  }
}
.use__menu {
  display: grid;
  gap: 45px;
}
@media (max-width: 1399px) {
  .use__menu {
    display: flex;
    gap: 0;
  }
}
.use__list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  border-radius: 113px;
  font-weight: 600;
  font-size: 26px;
  line-height: 154%;
  cursor: pointer;
}
@media (max-width: 1399px) {
  .use__list {
    border: 2px solid #000;
  }
}
@media (max-width: 768px) {
  .use__list {
    font-size: 20px;
  }
}
@media (max-width: 676px) {
  .use__list {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .use__list {
    min-height: 50px;
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 525px) {
  .use__list {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .use__list {
    font-size: 13px;
  }
}
@media (max-width: 440px) {
  .use__list {
    padding: 0 10px;
    font-size: 15px;
    line-height: 125%;
  }
}
@media (max-width: 375px) {
  .use__list {
    min-height: 43px;
    font-weight: 600;
    font-size: 13px;
  }
}
.use__list::before {
  width: 38px;
  height: 26px;
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  left: 22px;
  transform: translateY(-50%);
  background: url("icons/tabs-with-mobile-slider-transformation/use-list-icon.svg") no-repeat center/cover;
}
@media (max-width: 1399px) {
  .use__list::before {
    display: none;
  }
}
.use__content {
  display: none;
  padding: 50px;
}
@media (max-width: 440px) {
  .use__content {
    padding: 38px 16px;
  }
}
.use__content__wrapper {
  margin-top: 27px;
  display: grid;
  grid-template-columns: repeat(2, 335px);
  row-gap: 50px;
}
@media (max-width: 1700px) {
  .use__content__wrapper {
    grid-template-columns: repeat(auto-fill, 335px) !important;
    gap: 50px;
  }
}
@media (max-width: 1500px) {
  .use__content__wrapper {
    gap: 32px;
  }
}
@media (max-width: 1399px) {
  .use__content__wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
    justify-items: center;
    margin-top: 32px !important;
  }
}
@media (max-width: 850px) {
  .use__content__wrapper {
    justify-items: flex-start;
  }
}
@media (max-width: 768px) {
  .use__content__wrapper {
    justify-items: center;
  }
}
.use__content__wrapper_3fr {
  grid-template-columns: repeat(3, 335px);
}
.use__content__wrapper_last {
  margin-top: 88px;
  grid-template-columns: repeat(3, 400px);
}
.use__item {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .use__item {
    flex-direction: column;
    align-items: center;
  }
}
.use__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  border-radius: 30px;
  box-shadow: 0 4px 4px 0 #fff;
  background: #fff;
}
.use__img img {
  width: 80%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 850px) {
  .use__img {
    flex-shrink: 0;
  }
}
@media (max-width: 480px) {
  .use__img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 440px) {
  .use__img {
    border-radius: 15px;
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 375px) {
  .use__img {
    width: 60px;
    height: 60px;
  }
}
.use__description {
  width: 210px;
  font-weight: 700;
  font-size: 18px;
  line-height: 167%;
  color: #fff;
}
@media (max-width: 850px) {
  .use__description {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .use__description {
    text-align: center;
  }
}
@media (max-width: 576px) {
  .use__description {
    font-size: 16px;
  }
}
@media (max-width: 440px) {
  .use__description {
    font-size: 15px;
  }
}
@media (max-width: 375px) {
  .use__description {
    font-size: 14px;
  }
}
.use__description_last {
  width: 260px;
}
.use__text {
  font-size: 18px;
  line-height: 222%;
  color: #fff;
}
@media (max-width: 1399px) {
  .use__text {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .use__text {
    line-height: 156%;
  }
}
@media (max-width: 440px) {
  .use__text {
    font-size: 16px;
    text-align: left;
  }
}
.use__text_color {
  color: #e6007e;
  font-weight: 700;
}
.use .show-tabs-item {
  display: block;
  border: none;
}
.use .active-tabs-list {
  color: #fff;
  background: #e6007e;
}
@media (max-width: 1399px) {
  .use .active-tabs-list {
    border: 2px solid transparent;
  }
}
.use .active-tabs-list::before {
  background: url("icons/tabs-with-mobile-slider-transformation/use-list-icon-active.svg") no-repeat center/cover;
}
@media (max-width: 1399px) {
  .use .active-tabs-list::before {
    display: none;
  }
}
.use__navigation {
  display: none;
}
@media (max-width: 1399px) {
  .use__navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
  }
}
@media (max-width: 440px) {
  .use__navigation {
    width: 108%;
    display: flex;
    justify-content: space-between;
    gap: 0;
    position: absolute;
    top: 16px;
    left: -16px;
  }
}
@media (max-width: 375px) {
  .use__navigation {
    width: 110%;
    left: -17px;
  }
}
.use__prev, .use__next {
  width: 40px;
  height: 40px;
  background: url("icons/tabs-with-mobile-slider-transformation/can-slider-icon.svg") no-repeat center/contain;
  cursor: pointer;
}
@media (max-width: 576px) {
  .use__prev, .use__next {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 440px) {
  .use__prev, .use__next {
    width: 16px;
    height: 16px;
  }
}
.use__prev {
  transform: rotate(-180deg);
}
@media (max-width: 440px) {
  .use .swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
  }
}

.femidel {
  position: relative;
  padding: 75px 0 350px 0;
}
@media (max-width: 1399px) {
  .femidel {
    padding: 75px 0;
  }
}
@media (max-width: 991px) {
  .femidel {
    padding: 67px 0;
  }
}
.femidel::before, .femidel::after {
  z-index: 2;
  pointer-events: none;
}
.femidel::before {
  width: 1156px;
  height: 865px;
  display: flex;
  position: absolute;
  content: "";
  top: 310px;
  left: -18%;
  background: url("img/tabs-and-tabs-content-with-mobile-slider-transformation/femidel-bg-before.png") no-repeat center/contain;
}
@media (max-width: 1600px) {
  .femidel::before {
    left: -24%;
  }
}
@media (max-width: 1399px) {
  .femidel::before {
    left: -28%;
  }
}
@media (max-width: 1200px) {
  .femidel::before {
    left: -32%;
  }
}
@media (max-width: 1100px) {
  .femidel::before {
    left: -35%;
  }
}
@media (max-width: 1024px) {
  .femidel::before {
    display: none;
  }
}
.femidel::after {
  width: 1276px;
  height: 953px;
  display: flex;
  position: absolute;
  content: "";
  top: 60px;
  right: -18%;
  background: url("img/tabs-and-tabs-content-with-mobile-slider-transformation/femidel-bg-after.png") no-repeat center/contain;
}
@media (max-width: 1600px) {
  .femidel::after {
    right: -24%;
  }
}
@media (max-width: 1399px) {
  .femidel::after {
    right: -8%;
  }
}
@media (max-width: 991px) {
  .femidel::after {
    top: -60px;
  }
}
@media (max-width: 900px) {
  .femidel::after {
    right: -15%;
  }
}
@media (max-width: 768px) {
  .femidel::after {
    background: url("img/tabs-and-tabs-content-with-mobile-slider-transformation/femidel-bg-after-mobile.png") no-repeat center/cover;
    width: 370px;
    height: 240px;
    top: 40%;
    right: 0;
  }
}
@media (max-width: 676px) {
  .femidel::after {
    top: 42%;
  }
}
@media (max-width: 576px) {
  .femidel::after {
    top: 38%;
  }
}
@media (max-width: 525px) {
  .femidel::after {
    top: 34%;
  }
}
@media (max-width: 480px) {
  .femidel::after {
    top: 30%;
  }
}
@media (max-width: 425px) {
  .femidel::after {
    width: 100%;
    top: 18%;
    right: -32px;
    background-size: 60%;
    z-index: 3;
    height: 260px;
  }
}
@media (max-width: 425px) {
  .femidel::after {
    top: 17%;
    right: -14px;
    background-size: 65%;
    height: 250px;
  }
}
.femidel__swiper__block__items {
  position: relative;
}
@media (max-width: 1399px) {
  .femidel__swiper__block__items {
    width: 65%;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .femidel__swiper__block__items {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .femidel__swiper__block__items {
    width: 100%;
  }
}
.femidel__swiper {
  padding: 10px;
}
.femidel__wrapper {
  position: relative;
  margin-top: 96px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1399px) {
  .femidel__wrapper {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 576px) {
  .femidel__wrapper {
    margin-top: 32px;
  }
}
@media (max-width: 425px) {
  .femidel__wrapper {
    margin-top: 26px;
  }
}
.femidel__wrapper_mobile {
  margin-top: 0;
}
@media (max-width: 1399px) {
  .femidel__wrapper_mobile {
    margin-top: 32px;
    flex-direction: row;
    justify-content: flex-start;
  }
}
.femidel__tabs {
  position: absolute;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 10;
  background: url("icons/tabs-and-tabs-content-with-mobile-slider-transformation/femidel-icon-btn.png") no-repeat center/cover;
}
@media (max-width: 425px) {
  .femidel__tabs {
    width: 44px;
    height: 44px;
  }
}
.femidel__tabs:nth-child(2) {
  top: 220px;
  left: 180px;
}
@media (max-width: 768px) {
  .femidel__tabs:nth-child(2) {
    left: 150px;
  }
}
@media (max-width: 676px) {
  .femidel__tabs:nth-child(2) {
    top: 180px;
    left: 120px;
  }
}
@media (max-width: 576px) {
  .femidel__tabs:nth-child(2) {
    top: 155px;
    left: 100px;
  }
}
@media (max-width: 525px) {
  .femidel__tabs:nth-child(2) {
    top: 140px;
    left: 100px;
  }
}
@media (max-width: 480px) {
  .femidel__tabs:nth-child(2) {
    top: 120px;
    left: 80px;
  }
}
@media (max-width: 425px) {
  .femidel__tabs:nth-child(2) {
    top: 120px;
    left: 60px;
  }
}
@media (max-width: 375px) {
  .femidel__tabs:nth-child(2) {
    top: 80px;
  }
}
.femidel__tabs:nth-child(3) {
  top: 350px;
  left: 160px;
}
@media (max-width: 768px) {
  .femidel__tabs:nth-child(3) {
    top: 335px;
  }
}
@media (max-width: 676px) {
  .femidel__tabs:nth-child(3) {
    top: 265px;
    left: 230px;
  }
}
@media (max-width: 576px) {
  .femidel__tabs:nth-child(3) {
    top: 250px;
    left: 110px;
  }
}
@media (max-width: 525px) {
  .femidel__tabs:nth-child(3) {
    top: 215px;
  }
}
@media (max-width: 480px) {
  .femidel__tabs:nth-child(3) {
    top: 195px;
    left: 100px;
  }
}
@media (max-width: 425px) {
  .femidel__tabs:nth-child(3) {
    top: 160px;
    left: 85px;
  }
}
@media (max-width: 375px) {
  .femidel__tabs:nth-child(3) {
    top: 150px;
    left: 55px;
  }
}
.femidel__tabs:nth-child(4) {
  top: 320px;
  left: 330px;
}
@media (max-width: 768px) {
  .femidel__tabs:nth-child(4) {
    top: 300px;
    left: 300px;
  }
}
@media (max-width: 676px) {
  .femidel__tabs:nth-child(4) {
    top: 270px;
    left: 120px;
  }
}
@media (max-width: 576px) {
  .femidel__tabs:nth-child(4) {
    top: 250px;
    left: 200px;
  }
}
@media (max-width: 525px) {
  .femidel__tabs:nth-child(4) {
    top: 210px;
    left: 190px;
  }
}
@media (max-width: 480px) {
  .femidel__tabs:nth-child(4) {
    top: 185px;
    left: 170px;
  }
}
@media (max-width: 425px) {
  .femidel__tabs:nth-child(4) {
    top: 150px;
    left: 145px;
  }
}
@media (max-width: 375px) {
  .femidel__tabs:nth-child(4) {
    top: 135px;
    left: 130px;
  }
}
.femidel__tabs:nth-child(5) {
  top: 260px;
  left: 410px;
}
@media (max-width: 768px) {
  .femidel__tabs:nth-child(5) {
    top: 250px;
    left: 380px;
  }
}
@media (max-width: 676px) {
  .femidel__tabs:nth-child(5) {
    top: 220px;
    left: 320px;
  }
}
@media (max-width: 576px) {
  .femidel__tabs:nth-child(5) {
    top: 190px;
    left: 265px;
  }
}
@media (max-width: 525px) {
  .femidel__tabs:nth-child(5) {
    top: 165px;
    left: 240px;
  }
}
@media (max-width: 480px) {
  .femidel__tabs:nth-child(5) {
    top: 140px;
    left: 215px;
  }
}
@media (max-width: 425px) {
  .femidel__tabs:nth-child(5) {
    top: 125px;
    left: 190px;
  }
}
@media (max-width: 375px) {
  .femidel__tabs:nth-child(5) {
    top: 90px;
    left: 165px;
  }
}
.femidel__tabs:nth-child(6) {
  top: 180px;
  left: 590px;
}
@media (max-width: 768px) {
  .femidel__tabs:nth-child(6) {
    left: 525px;
  }
}
@media (max-width: 676px) {
  .femidel__tabs:nth-child(6) {
    top: 160px;
    left: 460px;
  }
}
@media (max-width: 576px) {
  .femidel__tabs:nth-child(6) {
    top: 140px;
    left: 385px;
  }
}
@media (max-width: 525px) {
  .femidel__tabs:nth-child(6) {
    top: 130px;
    left: 360px;
  }
}
@media (max-width: 480px) {
  .femidel__tabs:nth-child(6) {
    top: 100px;
    left: 310px;
  }
}
@media (max-width: 425px) {
  .femidel__tabs:nth-child(6) {
    top: 90px;
    left: 270px;
  }
}
@media (max-width: 375px) {
  .femidel__tabs:nth-child(6) {
    top: 85px;
    left: 250px;
  }
}
.femidel__img {
  position: relative;
  width: 795px;
  height: 528px;
  z-index: 1;
}
@media (max-width: 768px) {
  .femidel__img {
    width: 100%;
    height: 500px;
  }
}
@media (max-width: 676px) {
  .femidel__img {
    height: 450px;
  }
}
@media (max-width: 576px) {
  .femidel__img {
    height: 400px;
  }
}
@media (max-width: 525px) {
  .femidel__img {
    height: 360px;
  }
}
@media (max-width: 480px) {
  .femidel__img {
    height: 315px;
  }
}
@media (max-width: 425px) {
  .femidel__img {
    height: 275px;
  }
}
@media (max-width: 375px) {
  .femidel__img {
    height: 250px;
  }
}
.femidel__img::before {
  width: 1511px;
  height: 901px;
  display: flex;
  position: absolute;
  content: "";
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  background: url("img/tabs-and-tabs-content-with-mobile-slider-transformation//femidel-bg.svg") no-repeat center/cover;
  z-index: -1;
}
.femidel__item {
  position: absolute;
  width: 364px;
  min-height: 285px;
  padding: 26px 38px 30px 38px;
  display: grid;
  gap: 14px;
  border-radius: 30px;
  border: 2px solid transparent;
  background: #000;
  color: #fff;
  box-shadow: 0 4px 4px 0 #fff;
  z-index: 10;
}
@media (max-width: 1399px) {
  .femidel__item br {
    display: none;
  }
}
@media (max-width: 1399px) {
  .femidel__item {
    padding: 26px 38px 30px 38px !important;
    position: static;
    display: grid;
    width: 100% !important;
    min-height: 350px !important;
    transform: none !important;
    box-shadow: 0 4px 9px 3px #fff;
    flex-shrink: 0;
  }
}
@media (max-width: 676px) {
  .femidel__item {
    display: flex;
    flex-direction: column;
    min-height: 265px !important;
  }
}
@media (max-width: 525px) {
  .femidel__item {
    min-height: 310px !important;
  }
}
@media (max-width: 480px) {
  .femidel__item {
    min-height: 325px !important;
  }
}
@media (max-width: 425px) {
  .femidel__item {
    min-height: 365px !important;
    padding: 26px 30px !important;
    gap: 36px;
  }
}
.femidel__item_wide {
  padding: 42px 36px 30px 36px;
  width: 384px;
  min-height: 255px;
}
.femidel__item:first-child {
  top: -550px;
  left: 150px;
}
@media (max-width: 1600px) {
  .femidel__item:first-child {
    left: 50px;
  }
}
.femidel__item:nth-child(2) {
  top: -150px;
  left: 200px;
}
@media (max-width: 1600px) {
  .femidel__item:nth-child(2) {
    left: 100px;
  }
}
@media (max-width: 1440px) {
  .femidel__item:nth-child(2) {
    left: 80px;
  }
}
.femidel__item:nth-child(3) {
  top: -50px;
  left: 50%;
  transform: translate(-50%);
  min-height: 327px;
}
.femidel__item:nth-child(4) {
  top: -120px;
  left: 67%;
}
.femidel__item:last-child {
  top: -500px;
  right: 120px;
  min-height: 327px;
}
@media (max-width: 1600px) {
  .femidel__item:last-child {
    right: 80px;
  }
}
@media (max-width: 1500px) {
  .femidel__item:last-child {
    right: 60px;
  }
}
@media (max-width: 1440px) {
  .femidel__item:last-child {
    right: 40px;
  }
}
.femidel__item__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 115%;
}
@media (max-width: 425px) {
  .femidel__item__title {
    font-size: 24px;
    line-height: 125%;
  }
}
.femidel__item__text {
  font-weight: 500;
  line-height: 150%;
}
.femidel__block__btns {
  margin-top: 27px;
}
@media (max-width: 425px) {
  .femidel__block__btns {
    margin-top: 0;
  }
}
.femidel .show-tabs-item {
  display: grid;
  border: 2px solid #e6007e;
}
@media (max-width: 1399px) {
  .femidel .show-tabs-item {
    border: none;
  }
}
.femidel .active-tabs-list, .femidel .active-slide {
  background: url("icons/tabs-and-tabs-content-with-mobile-slider-transformation/femidel-icon-btn-hover.png") no-repeat center/cover;
}
.femidel__next {
  position: absolute;
  width: 30px;
  height: 20px;
  cursor: pointer;
  bottom: 30px;
  right: 30px;
  z-index: 3;
  display: none;
}
@media (max-width: 1399px) {
  .femidel__next {
    display: flex;
  }
}
.femidel__next img {
  -o-object-fit: contain;
     object-fit: contain;
}
.femidel .active-next {
  display: none;
}

.scientific {
  padding: 53px 0 106px 0;
}
@media (max-width: 425px) {
  .scientific {
    padding: 50px 0 45px 0;
  }
}
.scientific__wrapper {
  margin-top: 64px;
}
@media (max-width: 768px) {
  .scientific__wrapper {
    position: relative;
    min-height: 825px;
  }
}
@media (max-width: 425px) {
  .scientific__wrapper {
    min-height: 450px;
  }
}
.scientific__timeline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: 60px;
  height: 30px;
  border: 2px solid #e6007e;
  border-radius: 20px;
  box-shadow: 0 7px 13px 0 #000;
  background: #fff;
}
@media (max-width: 768px) {
  .scientific__timeline {
    transform: rotate(90deg);
    position: absolute;
    top: 480px;
    left: -350px;
    margin: 0;
    width: 780px;
    height: 15px;
  }
}
@media (max-width: 425px) {
  .scientific__timeline {
    width: 370px;
    top: 250px;
    left: -160px;
  }
}
.scientific__timeline::before {
  width: 443px;
  height: inherit;
  border-radius: inherit;
  display: flex;
  position: absolute;
  content: "";
  top: -2px;
  left: -2px;
  background: #03a9f4;
}
@media (max-width: 1400px) {
  .scientific__timeline::before {
    width: 30%;
  }
}
.scientific__timeline__wrapper {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .scientific__timeline__wrapper {
    margin: 0;
    position: absolute;
    top: 310px;
    left: -10%;
    flex-direction: column;
    min-height: 440px;
    justify-content: space-between;
  }
}
@media (max-width: 576px) {
  .scientific__timeline__wrapper {
    left: 5%;
  }
}
@media (max-width: 425px) {
  .scientific__timeline__wrapper {
    top: 38%;
    min-height: 250px;
  }
}
.scientific__timeline__item__round {
  height: inherit;
}
@media (max-width: 1400px) {
  .scientific__timeline__item__round {
    width: 30% !important;
  }
}
.scientific__timeline__item__round:first-child {
  width: 443px;
}
.scientific__timeline__item__round:first-child::before, .scientific__timeline__item__round:first-child::after {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  left: 390px;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid #e6007e;
}
.scientific__timeline__item__round:first-child::before {
  width: 58px;
  height: 58px;
}
@media (max-width: 1400px) {
  .scientific__timeline__item__round:first-child::before {
    left: 26.5%;
  }
}
@media (max-width: 900px) {
  .scientific__timeline__item__round:first-child::before {
    left: 26.4%;
  }
}
@media (max-width: 768px) {
  .scientific__timeline__item__round:first-child::before {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 425px) {
  .scientific__timeline__item__round:first-child::before {
    width: 28px;
    height: 28px;
    left: 26.2%;
  }
}
.scientific__timeline__item__round:first-child::after {
  top: 50%;
  left: 395px;
  width: 48px;
  height: 48px;
  background: #03a9f4;
}
@media (max-width: 1400px) {
  .scientific__timeline__item__round:first-child::after {
    left: 27%;
  }
}
@media (max-width: 768px) {
  .scientific__timeline__item__round:first-child::after {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 425px) {
  .scientific__timeline__item__round:first-child::after {
    width: 22px;
    height: 22px;
  }
}
.scientific__timeline__item__round:last-child {
  width: 456px;
}
.scientific__timeline__item__round:last-child::before, .scientific__timeline__item__round:last-child::after {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  right: 390px;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid #e6007e;
}
.scientific__timeline__item__round:last-child::before {
  width: 58px;
  height: 58px;
  border: 1px dashed #e6007e;
}
@media (max-width: 1400px) {
  .scientific__timeline__item__round:last-child::before {
    right: 26.5%;
  }
}
@media (max-width: 900px) {
  .scientific__timeline__item__round:last-child::before {
    right: 26.4%;
  }
}
@media (max-width: 768px) {
  .scientific__timeline__item__round:last-child::before {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 425px) {
  .scientific__timeline__item__round:last-child::before {
    width: 28px;
    height: 28px;
    right: 26.2%;
  }
}
.scientific__timeline__item__round:last-child::after {
  top: 50%;
  right: 395px;
  width: 48px;
  height: 48px;
  background: #fff;
  box-shadow: 0 7px 13px 0 #000;
}
@media (max-width: 1400px) {
  .scientific__timeline__item__round:last-child::after {
    right: 27%;
  }
}
@media (max-width: 768px) {
  .scientific__timeline__item__round:last-child::after {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 425px) {
  .scientific__timeline__item__round:last-child::after {
    width: 22px;
    height: 22px;
  }
}
.scientific__timeline__item {
  display: grid;
  gap: 10px;
  margin-top: 45px;
  width: 32%;
  justify-content: flex-end;
}
@media (max-width: 1400px) {
  .scientific__timeline__item {
    width: 30% !important;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .scientific__timeline__item {
    width: 35% !important;
  }
}
@media (max-width: 768px) {
  .scientific__timeline__item {
    margin: 0;
    width: 50% !important;
  }
}
@media (max-width: 576px) {
  .scientific__timeline__item {
    width: 70% !important;
  }
}
.scientific__timeline__item:last-child {
  width: 30%;
}

.tooltip__wrapper {
  margin-top: 150px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 84px;
}
.tooltip__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 10px;
  border-radius: 20px;
  background: #000;
  color: #fff;
}
.tooltip__item:hover .tooltip__info {
  display: flex;
}
.tooltip__item:hover {
  background: #e6007e;
}
.tooltip__info {
  display: none;
  width: 400px;
  padding: 10px;
  border-radius: 10px;
  position: absolute;
  top: -125px;
  left: 0;
  background: #000;
}
.tooltip__info::before {
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  bottom: -8px;
  left: 20px;
  width: 0;
  height: 0;
  /* Треугольник */
  border-top: 10px solid #000;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.tooltip__item_bottom .tooltip__info {
  position: absolute;
  top: 55px;
  left: 0;
}
.tooltip__item_bottom .tooltip__info::before {
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  top: -8px;
  left: 20px;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
}
.tooltip__item_left {
  justify-self: flex-end;
}
.tooltip__item_left .tooltip__info {
  position: absolute;
  top: -20px;
  left: -210%;
}
.tooltip__item_left .tooltip__info::before {
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  top: 30px;
  left: 99.8%;
  border-top: 10px solid transparent;
  border-left: 10px solid #000;
  border-right: 0;
  border-bottom: 10px solid transparent;
}
.tooltip__item_right {
  justify-self: flex-start;
}
.tooltip__item_right .tooltip__info {
  position: absolute;
  top: -20px;
  left: 110%;
}
.tooltip__item_right .tooltip__info::before {
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
  top: 30px;
  left: -8px;
  border-top: 10px solid transparent;
  border-left: 0;
  border-right: 10px solid #000;
  border-bottom: 10px solid transparent;
}

/* 📽️ Слайдеры */
.antiseptics {
  padding: 103px 0;
}
@media (max-width: 991px) {
  .antiseptics {
    padding: 67px 0;
  }
}
.antiseptics__wrapper {
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 64px;
}
@media (max-width: 1399px) {
  .antiseptics__wrapper {
    flex-direction: column;
    gap: 96px;
  }
}
@media (max-width: 525px) {
  .antiseptics__wrapper {
    gap: 64px;
  }
}
@media (max-width: 480px) {
  .antiseptics__wrapper {
    gap: 50px;
    margin-top: 48px;
  }
}
@media (max-width: 425px) {
  .antiseptics__wrapper {
    margin-top: 30px;
  }
}
.antiseptics__paginations {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 115px;
}
@media (max-width: 676px) {
  .antiseptics__paginations {
    gap: 64px;
  }
}
@media (max-width: 576px) {
  .antiseptics__paginations {
    gap: 32px;
  }
}
@media (max-width: 425px) {
  .antiseptics__paginations {
    display: none;
  }
}
.antiseptics__left {
  width: 60%;
}
@media (max-width: 1399px) {
  .antiseptics__left {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .antiseptics__left {
    width: 100%;
  }
}
.antiseptics__right {
  position: relative;
  width: 41.5%;
  z-index: 2;
}
@media (max-width: 1300px) {
  .antiseptics__right {
    width: 50%;
  }
}
@media (max-width: 1100px) {
  .antiseptics__right {
    width: 65%;
  }
}
@media (max-width: 991px) {
  .antiseptics__right {
    width: 80%;
  }
}
@media (max-width: 676px) {
  .antiseptics__right {
    width: 100%;
  }
}
.antiseptics__info {
  display: grid;
  gap: 10px;
}
.antiseptics__text {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
}
@media (max-width: 425px) {
  .antiseptics__text {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .antiseptics__text {
    font-size: 14px;
  }
}
@media (max-width: 1700px) {
  .antiseptics__text br {
    display: none;
  }
}
.antiseptics__item {
  min-width: 128px;
  cursor: pointer;
}
@media (max-width: 480px) {
  .antiseptics__item {
    min-width: auto;
  }
}
.antiseptics__item_active {
  color: #e6007e;
}
.antiseptics__img {
  margin: 0 auto;
  width: 115px;
  height: 115px;
  border-radius: 50%;
}
@media (max-width: 676px) {
  .antiseptics__img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 576px) {
  .antiseptics__img {
    width: 80px;
    height: 80px;
  }
}
.antiseptics__description {
  width: inherit;
  margin-top: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
}
@media (max-width: 576px) {
  .antiseptics__description {
    font-size: 16px;
  }
}
.antiseptics__swiper {
  padding: 10px 20px;
}
.antiseptics__slide {
  padding: 44px 60px 80px 80px;
  width: 100%;
  min-height: 368px;
  border-radius: 30px;
  box-shadow: 0 4px 9px 3px #fff;
  background: #000;
}
@media (max-width: 1500px) {
  .antiseptics__slide {
    padding: 48px;
  }
}
@media (max-width: 480px) {
  .antiseptics__slide {
    min-height: 350px;
  }
}
@media (max-width: 425px) {
  .antiseptics__slide {
    min-height: 300px;
    padding: 26px 20px 25px 43px;
  }
}
.antiseptics__slide__title {
  position: relative;
  font-size: 26px;
  line-height: 115%;
  color: #fff;
}
@media (max-width: 480px) {
  .antiseptics__slide__title {
    font-size: 22px;
  }
}
@media (max-width: 425px) {
  .antiseptics__slide__title {
    font-size: 20px;
  }
}
@media (max-width: 375px) {
  .antiseptics__slide__title {
    font-size: 18px;
  }
}
.antiseptics__slide__title::after {
  width: 92px;
  height: 92px;
  display: flex;
  position: absolute;
  content: "";
  top: -22px;
  right: 0;
}
@media (max-width: 576px) {
  .antiseptics__slide__title::after {
    width: 80px;
    height: 80px;
    right: -22px;
  }
}
@media (max-width: 425px) {
  .antiseptics__slide__title::after {
    width: 70px;
    height: 70px;
    top: -18px;
    right: 0;
  }
}
@media (max-width: 375px) {
  .antiseptics__slide__title::after {
    width: 60px;
    height: 60px;
  }
}
.antiseptics__slide__text {
  margin-top: 44px;
  font-weight: 500;
  line-height: 150%;
  color: #fff;
}
@media (max-width: 480px) {
  .antiseptics__slide__text {
    margin-top: 32px;
  }
}
@media (max-width: 425px) {
  .antiseptics__slide__text {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media (max-width: 1600px) {
  .antiseptics__slide__text br {
    display: none;
  }
}
.antiseptics__slide:first-child .antiseptics__slide__title::after {
  background: url("icons/custom-paginations-slider/antiseptics-icon-1.png") no-repeat center/cover;
}
.antiseptics__slide:nth-child(2) .antiseptics__slide__title::after {
  background: url("icons/custom-paginations-slider/antiseptics-icon-2.png") no-repeat center/cover;
}
.antiseptics__slide:last-child .antiseptics__slide__title::after {
  background: url("icons/custom-paginations-slider/antiseptics-icon-3.png") no-repeat center/cover;
}
.antiseptics__next {
  position: absolute;
  width: 30px;
  height: 20px;
  cursor: pointer;
  bottom: 35px;
  right: 44px;
  z-index: 3;
}
@media (max-width: 375px) {
  .antiseptics__next {
    width: 25px;
    height: 16px;
  }
}
.antiseptics__next img {
  -o-object-fit: contain;
     object-fit: contain;
}
.antiseptics .hide-next-btn {
  display: none;
}
@media (max-width: 450px) {
  .antiseptics .hide-next-btn {
    display: block;
  }
}
.antiseptics .swiper-button-disabled {
  display: none;
}

.knowledge {
  padding: 80px 0 112px 0;
}
@media (max-width: 1350px) {
  .knowledge {
    padding: 80px 25px 112px 25px;
  }
}
@media (max-width: 676px) {
  .knowledge {
    padding: 64px 25px;
  }
}
@media (max-width: 425px) {
  .knowledge {
    padding: 32px 25px;
  }
}
.knowledge .container {
  min-height: unset;
}
.knowledge .swiper {
  padding-left: 240px;
}
@media (max-width: 1350px) {
  .knowledge .swiper {
    padding-left: 0;
  }
}
.knowledge__wrapper {
  margin-top: 80px !important;
}
@media (max-width: 480px) {
  .knowledge__wrapper {
    margin-top: 26px !important;
  }
}
.knowledge__items {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 418px !important;
  padding: 10px 30px 32px 30px;
  min-height: 500px;
  border-radius: 15px;
  margin-right: 22px;
}
@media (max-width: 1024px) {
  .knowledge__items {
    width: 98% !important;
  }
}
@media (max-width: 900px) {
  .knowledge__items {
    width: 97.5% !important;
  }
}
@media (max-width: 700px) {
  .knowledge__items {
    width: 97% !important;
  }
}
@media (max-width: 600px) {
  .knowledge__items {
    width: 96.5% !important;
  }
}
@media (max-width: 576px) {
  .knowledge__items {
    background-size: 80% !important;
    border-radius: 20px;
    justify-content: flex-start;
    width: 96% !important;
    padding: 24px;
  }
}
@media (max-width: 500px) {
  .knowledge__items {
    width: 95.5% !important;
  }
}
@media (max-width: 450px) {
  .knowledge__items {
    width: 95% !important;
  }
}
@media (max-width: 425px) {
  .knowledge__items {
    width: 94.5% !important;
    padding: 16px;
    background-position-y: 60% !important;
  }
}
@media (max-width: 375px) {
  .knowledge__items {
    width: 94% !important;
    min-height: 495px;
  }
}
.knowledge__items_active {
  width: 878px !important;
  background-position: left !important;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .knowledge__items_active {
    width: 98% !important;
  }
}
@media (max-width: 900px) {
  .knowledge__items_active {
    width: 97.5% !important;
  }
}
@media (max-width: 768px) {
  .knowledge__items_active {
    background-size: 50% !important;
  }
}
@media (max-width: 700px) {
  .knowledge__items_active {
    width: 97% !important;
  }
}
@media (max-width: 600px) {
  .knowledge__items_active {
    width: 96.5% !important;
  }
}
@media (max-width: 576px) {
  .knowledge__items_active {
    width: 96% !important;
    min-height: 750px;
    background-size: 80% !important;
    background-position-x: 50% !important;
    background-position-y: 110% !important;
  }
}
@media (max-width: 500px) {
  .knowledge__items_active {
    width: 95.5% !important;
  }
}
@media (max-width: 450px) {
  .knowledge__items_active {
    width: 95% !important;
  }
}
@media (max-width: 425px) {
  .knowledge__items_active {
    width: 94.5% !important;
    min-height: 650px;
  }
}
@media (max-width: 375px) {
  .knowledge__items_active {
    width: 94% !important;
    background-size: 60% !important;
    min-height: 495px;
  }
}
@media (max-width: 576px) {
  .knowledge__items_active:nth-child(4) {
    background-position-y: bottom !important;
  }
}
@media (max-width: 375px) {
  .knowledge__items_active:nth-child(4) {
    background-position-y: 110% !important;
  }
}
@media (max-width: 768px) {
  .knowledge__items_active:nth-child(5) {
    background-position-x: -50px !important;
  }
}
@media (max-width: 576px) {
  .knowledge__items_active:nth-child(5) {
    background-position-x: center !important;
  }
}
.knowledge__items_active::before {
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 45%;
  height: inherit;
  border-radius: inherit;
  opacity: 0.6;
  background: #000;
  z-index: -1;
}
@media (max-width: 576px) {
  .knowledge__items_active::before {
    width: 100%;
  }
}
.knowledge__items:first-child {
  background: url("img/horizontal-vertical-expand-slider/knowledge-img-1.png") no-repeat center/contain, #000;
}
.knowledge__items:nth-child(2) {
  background: url("img/horizontal-vertical-expand-slider/knowledge-img-2.png") no-repeat center/contain, #000;
}
.knowledge__items:nth-child(3) {
  background: url("img/horizontal-vertical-expand-slider/knowledge-img-3.png") no-repeat center/contain, #000;
}
.knowledge__items:nth-child(4) {
  background: url("img/horizontal-vertical-expand-slider/knowledge-img-4.png") no-repeat center/contain, #000;
}
@media (max-width: 576px) {
  .knowledge__items:nth-child(4) {
    background-position-y: 40px;
  }
}
@media (max-width: 480px) {
  .knowledge__items:nth-child(4) {
    background-position-y: bottom;
  }
}
@media (max-width: 425px) {
  .knowledge__items:nth-child(4) {
    background-position-y: 80px;
  }
}
.knowledge__items:nth-child(5) {
  background: url("img/horizontal-vertical-expand-slider/knowledge-img-5.png") no-repeat bottom/contain, #000;
}
@media (max-width: 425px) {
  .knowledge__items:nth-child(5) {
    background-position-y: bottom !important;
  }
}
.knowledge__items:last-child {
  background: url("img/horizontal-vertical-expand-slider/knowledge-img-6.png") no-repeat center/contain, #000;
}
.knowledge__items__top, .knowledge__items__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.knowledge__items__wrapper {
  margin-top: 102px;
}
@media (max-width: 1024px) {
  .knowledge__items__wrapper {
    margin-top: 80px;
  }
}
@media (max-width: 576px) {
  .knowledge__items__wrapper {
    flex-direction: column;
    margin-top: 32px;
  }
}
@media (max-width: 375px) {
  .knowledge__items__wrapper {
    margin-top: 16px;
  }
}
.knowledge__items__wrapper_active {
  align-items: flex-start;
}
.knowledge__items__bottom {
  width: 100%;
}
.knowledge__items__bottom_active {
  width: 30%;
}
@media (max-width: 576px) {
  .knowledge__items__bottom_active {
    width: 100%;
  }
}
.knowledge__items__descriptions {
  width: 450px;
  display: none;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #fff;
}
@media (max-width: 768px) {
  .knowledge__items__descriptions {
    width: 60%;
    font-size: 18px;
  }
}
@media (max-width: 676px) {
  .knowledge__items__descriptions {
    width: 62%;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .knowledge__items__descriptions {
    width: 100%;
    margin-top: 32px;
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .knowledge__items__descriptions {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .knowledge__items__descriptions {
    margin-top: 22px;
    line-height: 119%;
  }
}
.knowledge__items__descriptions_active {
  display: block;
}
.knowledge__items__descriptions_span {
  font-weight: 700;
  color: #e6007e;
}
@media (max-width: 1024px) {
  .knowledge__items__descriptions_span br {
    display: none;
  }
}
.knowledge__items__label {
  min-width: 209px;
  padding: 13.54px;
  border-radius: 30px;
  box-shadow: 0 4px 4px 0 #fff;
  background: #e6007e;
  font-weight: 500;
  font-size: 16px;
  line-height: 212%;
  text-align: center;
  color: #fff;
}
@media (max-width: 425px) {
  .knowledge__items__label {
    padding: 10px;
  }
}
@media (max-width: 375px) {
  .knowledge__items__label {
    padding: 0px 10px;
    min-width: 150px;
    font-size: 12px;
    line-height: 283%;
  }
}
.knowledge__items__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  font-weight: 300;
  font-size: 64px;
  line-height: 53%;
  text-align: center;
  border-radius: 50%;
  background: #e6007e;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 425px) {
  .knowledge__items__btn {
    font-size: 48px;
    width: 46px;
    height: 46px;
  }
}
.knowledge__items__btn_active {
  display: block;
  line-height: 48px;
}
@media (max-width: 425px) {
  .knowledge__items__btn_active {
    line-height: 36px;
  }
}
.knowledge__items__header {
  font-weight: 700;
  font-size: 26px;
  line-height: 131%;
  color: #fff;
}
@media (max-width: 676px) {
  .knowledge__items__header {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .knowledge__items__header {
    font-size: 26px;
  }
}
@media (max-width: 425px) {
  .knowledge__items__header {
    font-size: 23px;
  }
}
@media (max-width: 375px) {
  .knowledge__items__header {
    font-size: 21px;
    line-height: 162%;
  }
}
.knowledge__hr {
  margin-top: 50px;
  width: 100%;
  border: 1px solid #03a9f4;
}
@media (max-width: 425px) {
  .knowledge__hr {
    margin-top: 36px;
  }
}
.knowledge__block__navigations {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 425px) {
  .knowledge__block__navigations {
    margin-top: 24px;
  }
}
.knowledge__navigations {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #03a9f4;
  cursor: pointer;
}
@media (max-width: 425px) {
  .knowledge__navigations {
    width: 45px;
    height: 45px;
  }
}
.knowledge__navigations img {
  width: 29px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 425px) {
  .knowledge__navigations img {
    width: 24px;
    height: 16px;
  }
}
.knowledge .swiper-button-disabled {
  cursor: not-allowed;
  background: #000;
}
.knowledge .swiper-button-disabled img {
  opacity: 0.5;
}

.release__forms {
  font-family: "PT Sans", sans-serif;
  padding: 191px 0;
}
@media (max-width: 1400px) {
  .release__forms {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .release__forms {
    padding: 64px 0;
  }
}
@media (max-width: 425px) {
  .release__forms {
    padding: 45px 0;
  }
}
.release__forms__block__text {
  margin-top: 26px;
}
@media (max-width: 1400px) {
  .release__forms__block__text {
    width: 65%;
    margin: 26px auto 0;
  }
}
@media (max-width: 991px) {
  .release__forms__block__text {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .release__forms__block__text {
    width: 100%;
  }
}
.release__forms__btn {
  font-family: "PT Sans Narrow", sans-serif;
  background: #000;
  border-radius: 100px;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #fff;
  width: 183px;
  height: 50px;
}
@media (max-width: 480px) {
  .release__forms__btn {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .release__forms__btn {
    height: 40px;
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .release__forms__btn {
    height: 25px;
    font-size: 14px;
  }
}
.release__forms__btn.active {
  background: #e6007e;
  color: #fff;
}
.release__forms__pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
@media (max-width: 768px) {
  .release__forms__pagination {
    gap: 48px;
  }
}
@media (max-width: 676px) {
  .release__forms__pagination {
    gap: 32px;
  }
}
@media (max-width: 425px) {
  .release__forms__pagination {
    gap: 20px;
  }
}
.release__forms__wrapper {
  position: relative;
  margin-top: 120px;
  background: url("img/release-forms/release-forms-bg.svg") no-repeat center/contain, url("img/release-forms/release-forms-gradient.svg") no-repeat center/35%;
  overflow: hidden;
}
@media (max-width: 1150px) {
  .release__forms__wrapper {
    margin-top: 64px;
  }
}
@media (max-width: 1100px) {
  .release__forms__wrapper {
    background-size: contain, 42%;
  }
}
@media (max-width: 900px) {
  .release__forms__wrapper {
    background-size: contain, 45%;
  }
}
@media (max-width: 800px) {
  .release__forms__wrapper {
    background-size: contain, 48%;
  }
}
@media (max-width: 768px) {
  .release__forms__wrapper {
    background-size: contain, 55%;
  }
}
@media (max-width: 676px) {
  .release__forms__wrapper {
    background-size: contain, 65%;
  }
}
@media (max-width: 480px) {
  .release__forms__wrapper {
    background-size: contain, 75%;
  }
}
@media (max-width: 425px) {
  .release__forms__wrapper {
    background-size: contain, 80%;
  }
}
@media (max-width: 375px) {
  .release__forms__wrapper {
    background-size: contain, 70%;
  }
}
.release__forms__slide {
  position: relative;
  height: 700px;
  cursor: pointer;
}
@media (max-width: 1150px) {
  .release__forms__slide {
    height: 1000px;
  }
}
@media (max-width: 480px) {
  .release__forms__slide {
    height: 800px;
  }
}
@media (max-width: 425px) {
  .release__forms__slide {
    height: 700px;
  }
}
@media (max-width: 375px) {
  .release__forms__slide {
    height: 500px;
  }
}
.release__forms__img {
  position: relative;
  width: 360px;
  height: 500px;
  margin: 0 auto;
  margin-top: 100px;
}
@media (max-width: 1150px) {
  .release__forms__img {
    margin-top: 250px;
  }
}
@media (max-width: 480px) {
  .release__forms__img {
    width: 300px;
    height: 350px;
    margin-top: 200px;
  }
}
@media (max-width: 425px) {
  .release__forms__img {
    width: 250px;
    height: 300px;
  }
}
@media (max-width: 375px) {
  .release__forms__img {
    width: 200px;
    height: 250px;
    margin-top: 120px;
  }
}
.release__forms__info__top {
  width: 250px;
  position: absolute;
  top: 30px;
  left: 60px;
}
@media (max-width: 1400px) {
  .release__forms__info__top {
    left: 20px;
  }
}
@media (max-width: 1150px) {
  .release__forms__info__top {
    width: auto;
  }
}
@media (max-width: 676px) {
  .release__forms__info__top {
    top: -10px;
  }
}
@media (max-width: 425px) {
  .release__forms__info__top {
    top: 10px;
  }
}
@media (max-width: 375px) {
  .release__forms__info__top {
    left: 0;
  }
}
.release__forms__info__bottom {
  width: 500px;
  position: absolute;
  bottom: 38px;
  right: 16px;
}
@media (max-width: 1400px) {
  .release__forms__info__bottom {
    width: 35%;
  }
}
@media (max-width: 1150px) {
  .release__forms__info__bottom {
    right: -30px;
    width: 100%;
  }
}
.release__forms__header, .release__forms__text {
  font-family: "PT Sans Narrow", sans-serif;
  font-size: 45px;
  line-height: 110%;
  font-weight: 700;
}
@media (max-width: 480px) {
  .release__forms__header, .release__forms__text {
    font-size: 40px;
  }
}
@media (max-width: 425px) {
  .release__forms__header, .release__forms__text {
    font-size: 26px;
  }
}
@media (max-width: 375px) {
  .release__forms__header, .release__forms__text {
    font-size: 18px;
  }
}
.release__forms__text {
  font-size: 28px;
}
@media (max-width: 480px) {
  .release__forms__text {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .release__forms__text {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .release__forms__text {
    font-size: 12px;
  }
}
.release__forms__age {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 110%;
  letter-spacing: -0.1em;
  color: #e6007e;
  border-radius: 100px;
  width: 57px;
  height: 57px;
  background: #000;
}
@media (max-width: 1150px) {
  .release__forms__age {
    position: absolute;
    top: -400px;
    right: 250px;
  }
}
@media (max-width: 900px) {
  .release__forms__age {
    right: 200px;
  }
}
@media (max-width: 800px) {
  .release__forms__age {
    right: 150px;
  }
}
@media (max-width: 700px) {
  .release__forms__age {
    right: 100px;
  }
}
@media (max-width: 576px) {
  .release__forms__age {
    right: 60px;
  }
}
@media (max-width: 480px) {
  .release__forms__age {
    top: -300px;
  }
}
@media (max-width: 425px) {
  .release__forms__age {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
}
@media (max-width: 375px) {
  .release__forms__age {
    width: 30px;
    height: 30px;
    font-size: 14px;
    top: -200px;
    right: 80px;
  }
}
.release__forms__description {
  margin-top: 36px;
  font-size: 18px;
  line-height: 150%;
}
@media (max-width: 1150px) {
  .release__forms__description {
    margin-top: 0;
    position: absolute;
    top: -100px;
    width: 65%;
    left: 46%;
    transform: translateX(-50%);
    text-align: center;
  }
}
@media (max-width: 991px) {
  .release__forms__description {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .release__forms__description {
    width: 95%;
  }
}
@media (max-width: 480px) {
  .release__forms__description {
    top: -120px;
    left: 42%;
  }
}
@media (max-width: 425px) {
  .release__forms__description {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .release__forms__description {
    top: -60px;
  }
}
@media (max-width: 1150px) {
  .release__forms__description_top {
    top: 720px;
    width: 425px;
    left: 50%;
    transform: translateX(55%);
  }
}
@media (max-width: 1050px) {
  .release__forms__description_top {
    transform: translateX(50%);
  }
}
@media (max-width: 1024px) {
  .release__forms__description_top {
    transform: translateX(40%);
  }
}
@media (max-width: 900px) {
  .release__forms__description_top {
    transform: translateX(30%);
  }
}
@media (max-width: 800px) {
  .release__forms__description_top {
    transform: translateX(20%);
  }
}
@media (max-width: 700px) {
  .release__forms__description_top {
    transform: translateX(10%);
  }
}
@media (max-width: 676px) {
  .release__forms__description_top {
    top: 740px;
    transform: translateX(5%);
  }
}
@media (max-width: 600px) {
  .release__forms__description_top {
    transform: translateX(-5%);
  }
}
@media (max-width: 576px) {
  .release__forms__description_top {
    transform: translateX(-10%);
  }
}
@media (max-width: 525px) {
  .release__forms__description_top {
    transform: translateX(-15%);
  }
}
@media (max-width: 480px) {
  .release__forms__description_top {
    top: 600px;
    font-size: 18px;
  }
}
@media (max-width: 450px) {
  .release__forms__description_top {
    transform: translateX(-20%);
  }
}
@media (max-width: 425px) {
  .release__forms__description_top {
    font-size: 16px;
    top: 500px;
    transform: translateX(-18%);
  }
}
@media (max-width: 375px) {
  .release__forms__description_top {
    font-size: 12px;
    top: 365px;
    transform: translateX(-16%);
  }
}
.release__forms__description_fs {
  margin-top: 22px;
  font-size: 24px;
}
@media (max-width: 1150px) {
  .release__forms__description_fs {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .release__forms__description_fs {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .release__forms__description_fs {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .release__forms__description_fs {
    font-size: 16px;
  }
}
@media (max-width: 1150px) {
  .release__forms__description br {
    display: block;
  }
}
.release__forms__navigation {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 60%;
  left: 0;
}
@media (max-width: 1150px) {
  .release__forms__navigation {
    top: 50%;
  }
}
.release__forms__prev, .release__forms__next {
  width: 47px;
  height: 47px;
  cursor: pointer;
  z-index: 10;
}
@media (max-width: 425px) {
  .release__forms__prev, .release__forms__next {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 375px) {
  .release__forms__prev, .release__forms__next {
    width: 25px;
    height: 25px;
  }
}
.release__forms__prev {
  background: url("icons/release-forms/release-forms-slider-arrow-left.svg") no-repeat center/contain;
}
.release__forms__next {
  background: url("icons/release-forms/release-forms-slider-arrow-right.svg") no-repeat center/contain;
}

@media (max-width: 1400px) {
  br {
    display: none;
  }
}

.release__forms__swiper .release__forms__info__top, .release__forms__info__bottom {
  opacity: 0;
  transition: opacity 0.3s ease 0.1s;
}

.release__forms__swiper .swiper-slide-active .release__forms__info__top, .swiper-slide-active .release__forms__info__bottom {
  opacity: 1;
  transition: opacity 0.3s ease 0.3s;
}

.release__forms__swiper .swiper-slide .release__forms__img {
  filter: blur(7px) brightness(0.8);
  transition: filter 0.5s ease 0.1s;
}

.release__forms__swiper .swiper-slide-active .release__forms__img {
  filter: none;
  transition: filter 0.5s ease 0.3s;
}

.synthesize {
  padding: 116px 0;
}
@media (max-width: 1400px) {
  .synthesize {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  .synthesize {
    padding-top: 64px;
  }
}
@media (max-width: 425px) {
  .synthesize {
    padding-top: 50px;
  }
}
.synthesize__block__text {
  margin-top: 32px;
}
.synthesize__wrapper {
  margin-top: 63px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
}
@media (max-width: 1300px) {
  .synthesize__wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 425px) {
  .synthesize__wrapper {
    flex-direction: row;
    gap: 0;
    margin-top: 32px;
    padding: 15px 0;
    border-radius: 15px;
  }
}
.synthesize__item {
  display: flex;
  align-items: center;
  min-height: 370px;
  box-shadow: 0 4px 37px 0 #000;
  border-radius: 40px;
  background: #fff;
  backdrop-filter: blur(4px);
}
@media (max-width: 1300px) {
  .synthesize__item {
    width: 100% !important;
    min-height: 600px;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (max-width: 576px) {
  .synthesize__item {
    min-height: auto;
  }
}
@media (max-width: 425px) {
  .synthesize__item {
    border-radius: 12px;
    min-height: 500px;
  }
}
.synthesize__item__left {
  padding: 50px;
  padding-left: 70px;
  width: 68%;
}
@media (max-width: 1300px) {
  .synthesize__item__left {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .synthesize__item__left {
    padding: 50px;
  }
}
@media (max-width: 576px) {
  .synthesize__item__left {
    padding: 32px;
  }
}
@media (max-width: 480px) {
  .synthesize__item__left {
    padding: 24px;
  }
}
@media (max-width: 425px) {
  .synthesize__item__left {
    padding: 20px;
    padding-bottom: 0;
  }
}
.synthesize__item__right {
  padding: 20px 0px 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28%;
}
@media (max-width: 1300px) {
  .synthesize__item__right {
    width: 100%;
  }
}
.synthesize__item_label {
  position: relative;
  grid-column: 3;
  grid-row: 1/3;
}
.synthesize__item_label::after {
  display: flex;
  position: absolute;
  content: "";
  top: -68px;
  right: -10px;
  width: 168px;
  height: 168px;
  background: url("icons/slider-mobile-only/D3.png") no-repeat center/80%;
  filter: drop-shadow(6px 8px 5px #000);
}
@media (max-width: 480px) {
  .synthesize__item_label::after {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 425px) {
  .synthesize__item_label::after {
    width: 100px;
    height: 100px;
    top: -30px;
  }
}
.synthesize__item:nth-child(3) {
  grid-row: 2;
}
.synthesize__item:first-child, .synthesize__item:nth-child(3), .synthesize__item:last-child {
  grid-column: span 2;
}
.synthesize__item:nth-child(4) {
  grid-column: span 3;
}
.synthesize__item_label, .synthesize__item:nth-child(5) {
  width: 490px;
}
.synthesize__item:nth-child(5) {
  grid-row: 4;
}
.synthesize__item_label, .synthesize__item:nth-child(5), .synthesize__item:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.synthesize__item_label .synthesize__item__left, .synthesize__item_label .synthesize__item__right, .synthesize__item:nth-child(5) .synthesize__item__left, .synthesize__item:nth-child(5) .synthesize__item__right, .synthesize__item:last-child .synthesize__item__left, .synthesize__item:last-child .synthesize__item__right {
  width: 100%;
}
.synthesize__header {
  font-size: 30px;
  line-height: 120%;
}
@media (max-width: 576px) {
  .synthesize__header {
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .synthesize__header {
    font-size: 22px;
  }
}
@media (max-width: 425px) {
  .synthesize__header {
    font-size: 20px;
    text-align: center;
  }
}
@media (max-width: 375px) {
  .synthesize__header {
    font-size: 18px;
  }
}
.synthesize__text {
  font-size: 26px;
  line-height: 120%;
  margin-top: 72px;
}
@media (max-width: 576px) {
  .synthesize__text {
    font-size: 24px;
    margin-top: 64px;
  }
}
@media (max-width: 480px) {
  .synthesize__text {
    font-size: 20px;
    margin-top: 48px;
  }
}
@media (max-width: 425px) {
  .synthesize__text {
    text-align: center;
    font-size: 18px;
    margin-top: 32px;
  }
}
@media (max-width: 375px) {
  .synthesize__text {
    font-size: 16px;
    margin-top: 20px;
  }
}
.synthesize__img {
  width: 250px;
  height: 250px;
  filter: drop-shadow(0 6px 10px #000);
}
@media (max-width: 576px) {
  .synthesize__img {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 425px) {
  .synthesize__img {
    width: 150px;
    height: 150px;
  }
}
.synthesize__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1500px) {
  .synthesize br {
    display: none;
  }
}
.synthesize__swiper {
  position: relative;
  padding: 0 10px;
}
.synthesize__navigations {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 40px;
  right: 20px;
  z-index: 2;
  display: none;
}
@media (max-width: 425px) {
  .synthesize__navigations {
    display: flex;
  }
}
.synthesize__prev, .synthesize__next {
  width: 82px;
  height: 28px;
  cursor: pointer;
}
@media (max-width: 576px) {
  .synthesize__prev, .synthesize__next {
    width: 60px;
  }
}
@media (max-width: 480px) {
  .synthesize__prev, .synthesize__next {
    width: 50px;
  }
}
@media (max-width: 375px) {
  .synthesize__prev, .synthesize__next {
    width: 36px;
    height: 16px;
  }
}
.synthesize__prev {
  background: url("icons/slider-mobile-only/slider-arrow-left.svg") no-repeat center/contain;
}
.synthesize__next {
  background: url("icons/slider-mobile-only/slider-arrow-right.svg") no-repeat center/contain;
}

/* Меню */
.bibliography__wrapper {
  margin-top: 64px;
}
.bibliography__menu {
  display: grid;
  gap: 16px;
  counter-reset: li;
}
.bibliography__list {
  position: relative;
  margin-left: 36px;
  line-height: 20px;
}
.bibliography__list::before {
  position: absolute;
  width: 18px;
  height: 18px;
  left: -26px;
  color: #e6007e;
}
.bibliography__list:first-child::before {
  content: "*";
}
.bibliography__list:nth-child(2)::before {
  content: "**";
}
.bibliography__list:nth-child(3)::before {
  content: "***";
}
.bibliography__list:nth-child(4)::before {
  content: "†";
}
.bibliography__list:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4))::before {
  content: counter(li) ".";
  counter-increment: li;
}
.bibliography__link {
  display: inline-block;
  margin: 0 5px;
  text-decoration: underline;
}
.bibliography sup {
  display: inline-block;
  margin-top: -10px;
}
.bibliography {
  /* Если несколько стр и на большинстве ненадо звездочки добавляем код ниже гл секции модификатор + в общий before content: counter(li) '.'; counter-increment: li */
}
.bibliography_note .bibliography__list:first-child::before {
  content: "*";
  counter-increment: none;
}
.bibliography_note .bibliography__list:nth-child(2)::before {
  content: "**";
  counter-increment: none;
}
.bibliography_note .bibliography__list:not(:first-child):not(:nth-child(2))::before {
  content: counter(li) ".";
  counter-increment: li;
}
.bibliography_note_index .bibliography__list:first-child::before {
  content: "*";
  counter-increment: none;
}
.bibliography_note_index .bibliography__list:not(:first-child)::before {
  content: counter(li) ".";
  counter-increment: li;
}

.counter__wrapper {
  padding: 32px 0;
  display: grid;
  gap: 32px;
}
.counter__menu {
  display: grid;
  gap: 16px;
  counter-reset: first-counter;
}
.counter__menu_second {
  counter-reset: second-counter;
}
.counter__menu_second li::before {
  left: -20px;
  content: counter(second-counter, upper-alpha);
  counter-increment: second-counter;
}
.counter__menu {
  /* Двойной счетчик */
}
.counter__menu_third {
  counter-reset: main-counter 0 secondary-counter 10;
}
.counter__menu_third li::before {
  left: -60px;
  content: counter(main-counter, decimal-leading-zero) "." "/" counter(secondary-counter, decimal-leading-zero) ".";
  counter-increment: main-counter;
}
.counter__menu_skip-counter {
  counter-reset: skip-counter;
}
.counter__menu_skip-counter li::before {
  content: counter(skip-counter, decimal-leading-zero) ".";
  counter-increment: skip-counter;
}
.counter__menu_skip-counter li.counter__list_skip::before {
  content: "";
  counter-increment: none;
}
.counter__menu__div-wrapper {
  display: grid;
  gap: 16px;
  counter-reset: div-counter;
}
.counter__menu_div {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 50px;
  padding: 10px;
  width: 300px;
  height: 200px;
  background: #e6007e;
  color: #fff;
}
.counter__menu_div::before {
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: -80px;
  content: counter(div-counter, decimal-leading-zero);
  counter-increment: div-counter;
  color: #e6007e;
  font-size: 48px;
}
.counter__menu_div-skip::before {
  display: none;
}
.counter__list {
  position: relative;
}
.counter__list::before {
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: -30px;
  content: counter(first-counter, decimal-leading-zero) ".";
  counter-increment: first-counter;
}

/* decimal-leading-zero, upper-alpha - это все значения свойства list-style-type/list-style  */
.custom__wrapper {
  margin-top: 64px;
}
.custom__menu {
  margin: 20px 0;
  padding-left: 20px;
  color: #e6007e;
}
.custom__menu_default {
  list-style: disc;
  color: #000;
}
.custom__menu_list-style-inside {
  list-style: inside;
  color: #009688;
}
.custom__list {
  position: relative;
}
.custom__list::before {
  display: flex;
  position: absolute;
  content: "";
  top: 4px;
  left: -20px;
  width: 8px;
  height: 8px;
  background: #e6007e;
  border-radius: 50%;
}
.custom__list_default::before, .custom__list_list-style-inside::before {
  display: none;
}

.menu {
  list-style: disc;
  display: grid;
  gap: 10px;
  font-size: 18px;
  color: #e6007e;
}
.menu_inner {
  padding-left: 32px;
  margin-top: 10px;
  font-size: 16px;
  color: #009688;
}
.menu_inner_second {
  font-size: 14px;
  color: #03a9f4;
}
.menu__list {
  font-weight: 400;
}
.menu__list_title {
  font-weight: 900;
}

/* 📜 Текст */
.copy__wrapper {
  margin-top: 50px;
}
.copy__item {
  position: relative;
  padding: 15px 30px;
  border: 1px solid #000;
}
.copy__img {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
}
.copy__img [alt] {
  font-size: 12px;
}
.copy__tooltip {
  display: none;
  padding: 10px;
  position: absolute;
  top: -45px;
  right: 0;
  border: 1px solid #000;
  border-radius: 30px;
}
.copy .show__tooltip {
  display: flex;
}

.copyright__wrapper {
  margin-top: 30px;
}
.copyright__text {
  position: relative;
  text-align: center;
  color: #e6007e;
}
.copyright__text::before, .copyright__text::after {
  display: flex;
  position: absolute;
  content: "";
  top: 8px;
  left: unset;
  bottom: unset;
  right: unset;
  width: 30%;
  border: 1px solid #03a9f4;
}
.copyright__text::before {
  left: 0;
}
.copyright__text::after {
  right: 0;
}

.selection__wrapper {
  margin-top: 50px;
}
.selection__text::-moz-selection {
  background: #009688;
  color: #e6007e;
}
.selection__text::selection {
  background: #009688;
  color: #e6007e;
}

.first-letter {
  line-height: 130%;
}
.first-letter__wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.first-letter::first-letter {
  margin-right: 5px;
  padding: 5px;
  color: #e6007e;
  font-weight: 700;
  font-size: 60px;
  initial-letter: 3;
}
.first-letter_float {
  clear: left;
  line-height: 130%;
}
.first-letter_float::first-letter {
  margin-right: 5px;
  padding: 5px;
  font-weight: 700;
  font-size: 60px;
  color: #e6007e;
  float: left;
  line-height: 33%;
}

/* initial-letter: 3.5 3 или initial-letter: 3.5 drop  - Первый аргумент определяет размер начальной буквы, то есть количество строк, которые она занимает. Второй аргумент определяет количество строк, на которые должна опуститься начальная буква при заданном её размере. Значение должны быть больше нуля. Если не указано, значение дублирует значение размера, округленное до ближайшего положительного целого числа. Это эквивалентно использованию ключевого слова «drop» Второе значение является необязательным. Значения не могут быть отрицательными. */
.header__link {
  font-size: 18px;
  color: #fff;
  text-shadow: 1px 0 #fff;
}
.header__link:hover {
  text-shadow: 1px 0 #fff, -1px 0 #fff, 0 -1px #fff, 0 1px #fff;
  /* filter: drop-shadow(0 0 1px $secondShadow) */
}

/* Берем такую структуру если */
.shape__item {
  margin: 32px 0;
  min-height: 300px;
}
.shape__item:nth-child(2) img {
  float: right;
}
.shape__item:nth-child(3) .shape__img {
  float: left;
  background: url("img/shape-outside.png") no-repeat center/cover, transparent;
  shape-outside: url("img/shape-outside.png");
  shape-image-threshold: 0.1;
}
.shape img, .shape__img {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  float: left;
  shape-outside: circle(50%);
  shape-margin: 15px;
}
.shape__img {
  width: 720px;
  height: 720px;
  border-radius: 0;
}
.shape__text {
  text-align: justify;
  line-height: 1.6;
}

.split__wrapper {
  margin-top: 50px;
  display: grid;
  gap: 16px;
}
.split__text {
  color: #e6007e;
}

.item {
  margin-top: 20px;
  width: 30%;
  background: #e6007e;
  padding: 10px;
  cursor: pointer;
}
.item .text__trim__css {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #fff;
}
.item .text__trim__css:hover {
  display: block;
}

.vertical__text {
  writing-mode: vertical-lr;
}
.vertical__text:first-child {
  text-orientation: upright;
}
.vertical__text:nth-child(2) {
  /* writing-mode: sideways-rl */
}
.vertical__text:nth-child(3) {
  /* writing-mode: sideways-lr */
  transform: rotate(180deg);
}
.vertical__text__wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

/* 📊 Таблицы */
.diagnostics {
  font-family: "PT Sans", sans-serif;
  padding: 150px 0;
}
@media (max-width: 1400px) {
  .diagnostics {
    padding: 100px 0;
  }
}
@media (max-width: 991px) {
  .diagnostics {
    padding: 64px 0;
  }
}
@media (max-width: 425px) {
  .diagnostics {
    padding: 32px 0;
  }
}
.diagnostics__table__results {
  position: relative;
  width: 73.39%;
  margin-top: 34px;
  z-index: 1;
}
@media (max-width: 1400px) {
  .diagnostics__table__results {
    width: 80%;
    margin: 34px auto 0;
  }
}
@media (max-width: 991px) {
  .diagnostics__table__results {
    width: 100%;
  }
}
@media (max-width: 676px) {
  .diagnostics__table__results {
    min-height: auto;
  }
}
.diagnostics__table__results::before {
  width: 775px;
  height: 344px;
  display: flex;
  position: absolute;
  content: "";
  top: 10%;
  right: -42%;
  background: url("img/custom-table-with-center-image/diagnostics-bg.svg") no-repeat center/cover;
  z-index: -1;
}
@media (max-width: 1650px) {
  .diagnostics__table__results::before {
    right: -35%;
  }
}
@media (max-width: 1400px) {
  .diagnostics__table__results::before {
    display: none;
  }
}
.diagnostics__table__top, .diagnostics__table__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.diagnostics__table__top {
  border-radius: 30px 30px 0 0;
  padding: 10px 46px;
  min-height: 50px;
  background: #e6007e;
}
@media (max-width: 768px) {
  .diagnostics__table__top {
    min-height: auto;
  }
}
@media (max-width: 576px) {
  .diagnostics__table__top {
    padding: 20px 24px;
  }
}
@media (max-width: 480px) {
  .diagnostics__table__top {
    padding: 20px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__top {
    padding: 16px;
    border-radius: 12px 12px 0 0;
  }
}
@media (max-width: 375px) {
  .diagnostics__table__top {
    padding: 8px 16px;
  }
}
.diagnostics__table__top__left, .diagnostics__table__top__right {
  font-weight: 700;
  font-size: 24px;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 576px) {
  .diagnostics__table__top__left, .diagnostics__table__top__right {
    font-size: 22px;
  }
}
@media (max-width: 525px) {
  .diagnostics__table__top__left, .diagnostics__table__top__right {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .diagnostics__table__top__left, .diagnostics__table__top__right {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__top__left, .diagnostics__table__top__right {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .diagnostics__table__top__left, .diagnostics__table__top__right {
    font-size: 16px;
  }
}
.diagnostics__table__top__left {
  width: 25%;
}
@media (max-width: 1400px) {
  .diagnostics__table__top__left {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .diagnostics__table__top__left {
    width: 50%;
  }
}
.diagnostics__table__top__right {
  width: 50%;
}
.diagnostics__table__bottom {
  align-items: flex-start;
  padding: 15px 94px 15px 80px;
  min-height: 300px;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 4px 20px 0 #000;
  background: #fff;
}
@media (max-width: 1300px) {
  .diagnostics__table__bottom {
    align-items: flex-start;
  }
}
@media (max-width: 1150px) {
  .diagnostics__table__bottom {
    padding: 25px 45px 25px 64px;
  }
}
@media (max-width: 576px) {
  .diagnostics__table__bottom {
    padding: 25px 45px;
    min-height: auto;
  }
}
@media (max-width: 480px) {
  .diagnostics__table__bottom {
    padding: 20px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__bottom {
    border-radius: 0 0 12px 12px;
    padding: 16px;
  }
}
@media (max-width: 375px) {
  .diagnostics__table__bottom {
    min-height: 220px;
  }
}
.diagnostics__table__bottom__left {
  width: 25%;
}
@media (max-width: 1400px) {
  .diagnostics__table__bottom__left {
    width: 35%;
  }
}
@media (max-width: 991px) {
  .diagnostics__table__bottom__left {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .diagnostics__table__bottom__left .diagnostics__table__menu {
    padding-left: 32px;
  }
}
.diagnostics__table__bottom__center {
  padding: 36px;
  margin-top: 80px;
  width: 190px;
  height: 190px;
  filter: drop-shadow(4px 9px 13px #000);
}
@media (max-width: 1400px) {
  .diagnostics__table__bottom__center {
    margin-top: 0;
    position: absolute;
    bottom: 50px;
    left: 350px;
  }
}
@media (max-width: 1300px) {
  .diagnostics__table__bottom__center {
    left: 300px;
  }
}
@media (max-width: 1150px) {
  .diagnostics__table__bottom__center {
    left: 270px;
  }
}
@media (max-width: 1050px) {
  .diagnostics__table__bottom__center {
    left: 240px;
  }
}
@media (max-width: 991px) {
  .diagnostics__table__bottom__center {
    left: 300px;
    bottom: -80px;
  }
}
@media (max-width: 900px) {
  .diagnostics__table__bottom__center {
    left: 300px;
  }
}
@media (max-width: 850px) {
  .diagnostics__table__bottom__center {
    left: 250px;
  }
}
@media (max-width: 768px) {
  .diagnostics__table__bottom__center {
    left: 200px;
  }
}
@media (max-width: 676px) {
  .diagnostics__table__bottom__center {
    left: 160px;
    bottom: -80px;
  }
}
@media (max-width: 600px) {
  .diagnostics__table__bottom__center {
    left: 140px;
  }
}
@media (max-width: 576px) {
  .diagnostics__table__bottom__center {
    width: 150px;
    height: 150px;
    padding: 24px;
    left: 135px;
    bottom: -60px;
  }
}
@media (max-width: 525px) {
  .diagnostics__table__bottom__center {
    left: 115px;
  }
}
@media (max-width: 480px) {
  .diagnostics__table__bottom__center {
    left: 100px;
    bottom: -75px;
  }
}
@media (max-width: 450px) {
  .diagnostics__table__bottom__center {
    left: 85px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__bottom__center {
    width: 120px;
    height: 120px;
    bottom: -65px;
  }
}
.diagnostics__table__bottom__right {
  width: 50%;
}
.diagnostics__table__menu {
  display: grid;
  gap: 12px;
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
}
@media (max-width: 1300px) {
  .diagnostics__table__menu {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .diagnostics__table__menu {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .diagnostics__table__menu {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .diagnostics__table__menu {
    font-size: 18px;
  }
}
@media (max-width: 500px) {
  .diagnostics__table__menu {
    font-size: 17px;
  }
}
@media (max-width: 450px) {
  .diagnostics__table__menu {
    font-size: 16px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__menu {
    font-size: 14px;
  }
}
.diagnostics__table__menu li:not(:last-child)::after {
  width: 90%;
  display: flex;
  position: absolute;
  content: "";
  top: 35px;
  right: 24px;
  border-radius: 30px;
  border: 1px solid #000;
}
@media (max-width: 991px) {
  .diagnostics__table__menu li:not(:last-child)::after {
    width: 100%;
    right: 0;
  }
}
@media (max-width: 576px) {
  .diagnostics__table__menu li:not(:last-child)::after {
    top: 30px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__menu li:not(:last-child)::after {
    top: 25px;
  }
}
.diagnostics__table__menu_right {
  font-weight: 400;
}
.diagnostics__table__menu_right li::before {
  display: none !important;
}
.diagnostics__table__menu_right li:not(:last-child)::after {
  width: 100%;
  display: flex;
  position: absolute;
  content: "";
  top: 35px;
  right: 0;
  border-radius: 30px;
  border: 1px solid #000;
}
@media (max-width: 576px) {
  .diagnostics__table__menu_right li:not(:last-child)::after {
    top: 30px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__menu_right li:not(:last-child)::after {
    top: 25px;
  }
}
.diagnostics__table__list {
  position: relative;
}
.diagnostics__table__list::before {
  width: 18px;
  height: 18px;
  display: flex;
  position: absolute;
  content: "";
  top: 6px;
  left: -32px;
  background: url("icons/custom-table-with-center-image/molecule.png") no-repeat center/cover;
}
@media (max-width: 576px) {
  .diagnostics__table__list::before {
    top: 2px;
  }
}
@media (max-width: 425px) {
  .diagnostics__table__list::before {
    width: 14px;
    height: 14px;
    left: -26px;
  }
}

@keyframes timelineFill154 {
  0% {
    width: 0;
  }
  100% {
    width: 154px;
  }
}
@keyframes timelineFill251 {
  0% {
    width: 0;
  }
  100% {
    width: 251px;
  }
}
@keyframes timelineFill262 {
  0% {
    width: 0;
  }
  100% {
    width: 262px;
  }
}
@keyframes timelineFill171 {
  0% {
    width: 0;
  }
  100% {
    width: 171px;
  }
}
@keyframes timelineFill119 {
  0% {
    width: 0;
  }
  100% {
    width: 119px;
  }
}
@keyframes timelineFill210 {
  0% {
    width: 0;
  }
  100% {
    width: 210px;
  }
}
/* Мобилка */
@keyframes timelineFillMobile {
  0% {
    transform: rotate(90deg) scaleX(0);
  }
  100% {
    transform: rotate(90deg) scaleX(1);
  }
}
.research {
  font-family: "PT Sans", sans-serif;
  padding: 132px 0;
}
@media (max-width: 991px) {
  .research {
    padding: 80px 0;
  }
}
@media (max-width: 576px) {
  .research {
    padding: 64px 0;
  }
}
@media (max-width: 425px) {
  .research {
    padding: 36px 0;
  }
}
.research__wrapper {
  margin-top: 80px;
}
@media (max-width: 425px) {
  .research__wrapper {
    margin-top: 32px;
  }
}
.research__block__table {
  margin-top: 36px;
}
.research__block__table_mobile {
  position: relative;
  display: none;
}
.research__block__table_mobile::before, .research__block__table_mobile::after {
  display: flex;
  position: absolute;
  content: "";
  top: 0;
  left: -48px;
  width: 855px;
  height: 21px;
  background: #000;
  border-radius: 50px;
  transform-origin: left center;
  transform: rotate(90deg) translateX(0);
}
@media (max-width: 375px) {
  .research__block__table_mobile::before, .research__block__table_mobile::after {
    width: 680px;
  }
}
.research__block__table_mobile::after {
  width: 428px;
  background: #e6007e;
}
@media (max-width: 425px) {
  .research__block__table_mobile {
    width: 90%;
    margin-top: 32px;
    margin-left: 60px;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 375px) {
  .research__block__table_mobile {
    gap: 16px;
    margin-left: 70px;
  }
}
@media (max-width: 1350px) {
  .research__block__table {
    overflow-x: scroll;
  }
}
@media (max-width: 425px) {
  .research__block__table {
    display: none;
  }
}
.research__tr__date, .research__date {
  font-size: 24px;
  line-height: 140%;
  font-weight: 700;
  color: #000;
}
@media (max-width: 425px) {
  .research__tr__date, .research__date {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .research__tr__date, .research__date {
    font-size: 16px;
  }
}
.research__td__date {
  margin: 0 12px;
}
.research__tr__date, .research__tr__timeline {
  margin: 20px 0;
  min-height: 60px;
  display: flex;
  align-items: flex-end;
}
.research__td__name, .research__name {
  width: 280px;
  font-size: 24px;
  font-weight: 700;
  color: #000;
}
@media (max-width: 425px) {
  .research__td__name, .research__name {
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
  }
}
@media (max-width: 375px) {
  .research__td__name, .research__name {
    font-size: 18px;
  }
}
.research__td__timeline {
  position: relative;
  margin-left: 28px;
  width: 85%;
  height: 21px;
  background: #000;
  border-radius: 50px;
}
.research__td__timeline::before {
  height: 21px;
  display: flex;
  position: absolute;
  content: "";
  top: unset;
  left: 0;
  bottom: 0;
  border-radius: inherit;
  background: #e6007e;
}
.research__span {
  font-weight: 400 !important;
  font-size: 16px !important;
}
@media (max-width: 425px) {
  .research__span {
    text-transform: none;
    display: block;
  }
}

[data-aos=timeline-animate].aos-animate .research__tr__timeline:first-child .research__td__timeline::before, [data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(2) .research__td__timeline::before {
  width: 154px;
  left: 170px;
  animation: timelineFill154 1.2s ease-out forwards;
  animation-delay: 0.3s;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:first-child .research__td__timeline::before {
  left: 0;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(3) .research__td__timeline::before {
  width: 251px;
  left: 324px;
  animation: timelineFill251 1.2s ease-out forwards;
  animation-delay: 0.6s;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(4) .research__td__timeline::before {
  width: 262px;
  left: 397px;
  animation: timelineFill262 1.2s ease-out forwards;
  animation-delay: 0.9s;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(5) .research__td__timeline::before {
  width: 171px;
  left: 720px;
  animation: timelineFill171 1.2s ease-out forwards;
  animation-delay: 1.2s;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(6) .research__td__timeline::before, [data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(7) .research__td__timeline::before, [data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(8) .research__td__timeline::before, [data-aos=timeline-animate].aos-animate .research__tr__timeline:last-child .research__td__timeline::before {
  width: 119px;
  left: 805px;
  animation: timelineFill119 1.2s ease-out forwards;
  animation-delay: 1.5s;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(7) .research__td__timeline::before {
  animation-delay: 1.8s;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:nth-child(8) .research__td__timeline::before, [data-aos=timeline-animate].aos-animate .research__tr__timeline:last-child .research__td__timeline::before {
  width: 210px;
  animation: timelineFill210 1.2s ease-out forwards;
  animation-delay: 2.1s;
}
[data-aos=timeline-animate].aos-animate .research__tr__timeline:last-child .research__td__timeline::before {
  animation-delay: 2.4s;
}

[data-aos=timeline-animate-mobile].aos-animate::after {
  animation: timelineFillMobile 1.2s ease-out forwards;
  animation-delay: 0.3s;
}

.optimal__dosage {
  padding: 150px 0;
}
@media (max-width: 991px) {
  .optimal__dosage {
    padding: 100px 0;
  }
}
@media (max-width: 425px) {
  .optimal__dosage {
    padding: 32px 0;
  }
}
.optimal__dosage__table {
  margin-top: 40px;
  border-radius: 30px;
  box-shadow: 0 4px 20px 0 #000;
}
@media (max-width: 425px) {
  .optimal__dosage__table {
    margin-top: 26px;
  }
}
.optimal__dosage__table thead {
  min-height: 78px;
  background: #e6007e;
}
.optimal__dosage__table td {
  font-size: 26px;
  line-height: 120%;
}
@media (max-width: 576px) {
  .optimal__dosage__table td {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .optimal__dosage__table td {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .optimal__dosage__table td {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .optimal__dosage__table td {
    font-size: 14px;
  }
}
.optimal__dosage__table thead .optimal__dosage__td {
  border-bottom: none;
  border-right: none;
}
.optimal__dosage__table tbody tr:last-child td {
  border-bottom: none;
}
.optimal__dosage__td_last:first-child {
  border-bottom-left-radius: 30px;
}
.optimal__dosage__td_last:last-child {
  border-bottom-right-radius: 30px;
}
.optimal__dosage__td {
  font-weight: 700;
  padding: 12px 34px 12px 52px;
  border-bottom: 2px solid #000;
}
@media (max-width: 991px) {
  .optimal__dosage__td {
    padding: 32px !important;
  }
}
@media (max-width: 576px) {
  .optimal__dosage__td {
    padding: 24px !important;
  }
}
@media (max-width: 425px) {
  .optimal__dosage__td {
    padding: 16px !important;
  }
}
.optimal__dosage__td:not(:last-child) {
  border-right: 2px solid #000;
}
.optimal__dosage__td_thead {
  padding: 23.45px 34px 23.45px 52px;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 480px) {
  .optimal__dosage__td_thead {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .optimal__dosage__td_thead {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .optimal__dosage__td_thead {
    font-size: 16px;
  }
}
.optimal__dosage__td_thead:first-child {
  border-top-left-radius: 30px;
}
.optimal__dosage__td_thead:last-child {
  border-top-right-radius: 30px;
}
.optimal__dosage__td_info {
  width: 625px;
  padding: 12px 15px 12px 18px;
  font-weight: 400;
}
.optimal__dosage__td_info-bold {
  font-weight: 700;
}
.optimal__dosage__td_info-last {
  padding-bottom: 26px;
}
.optimal__dosage__td_last {
  padding: 40px 34px 40px 52px;
  border-bottom: none;
}

.table__multi__row {
  margin: 50px;
}
.table__multi__row__wrapper {
  display: grid;
  gap: 32px;
}
.table__multi__row td {
  padding: 10px;
  border: 1px solid #000;
}

.organisation {
  margin: 50px 0;
}
.organisation__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.organisation__table {
  padding: 16px 0;
  width: 1100px;
  min-height: 789px;
  background: #009688;
  box-shadow: 7px 7px 8px #000;
  border-radius: 18px;
  border-collapse: collapse;
}
@media (max-width: 1350px) {
  .organisation__table {
    width: 95%;
  }
}
@media (max-width: 700px) {
  .organisation__table {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 425px) {
  .organisation__table {
    padding: 10px 0;
    min-height: auto;
  }
}
.organisation__table thead, .organisation__table tfoot {
  height: 50px;
}
@media (max-width: 425px) {
  .organisation__table thead, .organisation__table tfoot {
    height: 30px;
  }
}
.organisation__table thead td, .organisation__table tfoot td {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  border: none;
}
@media (max-width: 900px) {
  .organisation__table thead td:first-child, .organisation__table tfoot td:first-child {
    text-align: center;
  }
}
@media (max-width: 700px) {
  .organisation__table thead td, .organisation__table tfoot td {
    max-width: 120px;
    min-width: 75px;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .organisation__table thead td, .organisation__table tfoot td {
    padding: 5px 10px;
    max-width: 100px;
  }
}
@media (max-width: 525px) {
  .organisation__table thead td, .organisation__table tfoot td {
    font-size: 13px;
  }
}
@media (max-width: 500px) {
  .organisation__table thead td, .organisation__table tfoot td {
    min-width: 60px;
  }
}
@media (max-width: 480px) {
  .organisation__table thead td, .organisation__table tfoot td {
    max-width: 85px;
    min-width: 60px;
    font-size: 12px;
  }
}
@media (max-width: 425px) {
  .organisation__table thead td, .organisation__table tfoot td {
    max-width: 60px;
    min-width: 55px;
    padding: 5px;
    line-height: 1.2;
    font-size: 10px;
  }
}
.organisation__table td {
  padding: 5px 10px;
  height: 50px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #000;
  border: 1px solid #000;
}
@media (max-width: 576px) {
  .organisation__table td {
    padding: 5px;
  }
}
@media (max-width: 525px) {
  .organisation__table td {
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .organisation__table td {
    padding: 2px;
    font-size: 10px;
    line-height: 1.2;
  }
}
@media (max-width: 425px) {
  .organisation__table td {
    font-weight: 400;
    font-size: 8px;
    height: 30px;
  }
}
.organisation__table td:first-child {
  border-left: 0;
}
.organisation__table td:nth-child(2) {
  text-align: center;
}
.organisation__table td:nth-child(3), .organisation__table td:nth-child(4) {
  padding-left: 30px;
}
@media (max-width: 768px) {
  .organisation__table td:nth-child(3), .organisation__table td:nth-child(4) {
    padding-left: 10px;
  }
}
@media (max-width: 500px) {
  .organisation__table td:nth-child(3), .organisation__table td:nth-child(4) {
    padding-left: 5px;
  }
}
.organisation__table td:nth-child(4) {
  width: 256px;
}
.organisation__table td:last-child {
  border-right: 0;
  width: 50px;
  cursor: pointer;
}
.organisation__table img {
  width: 15px;
  height: 14px;
}
.organisation__block-text {
  display: flex;
  align-items: center;
  text-align: center;
}
@media (max-width: 1350px) {
  .organisation__block-text {
    display: flex;
    flex-direction: column;
  }
}
.organisation__block-text::before {
  margin: 0 10px;
}
.organisation__low__raitings:before {
  content: url(icons/low-raitings.svg);
}
.organisation__middle__raitings:before {
  content: url(icons/middle-raitings.svg);
}
.organisation__hight__raitings:before {
  content: url(icons/hight-raitings.svg);
}

/* 📝 Формы и инпуты */
.block__label__radio {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* Текст чекбокса */
.label__radio {
  margin-left: 10px;
  cursor: pointer;
}

/* Стандартный чекбокс */
.default__radio {
  display: none;
}

.custom__radio__wrapper {
  display: flex;
  align-items: center;
}

/* Кастомный чекбокс */
.custom__radio {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #e6007e;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  /* Внутренний квадрат внутри чекбокса */
}
.custom__radio::before {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  display: none;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  background: #e6007e;
  border-radius: inherit;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__radio:checked + .custom__radio__wrapper > .custom__radio::before {
  display: block;
}

.block__label__checkbox {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* Текст чекбокса */
.label__checkbox {
  margin-left: 10px;
  cursor: pointer;
}

/* Стандартный чекбокс */
.default__checkbox {
  display: none;
}

.custom__checkbox__wrapper {
  display: flex;
  align-items: center;
}

/* Кастомный чекбокс */
.custom__checkbox {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #e6007e;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  /* Внутренний квадрат внутри чекбокса */
}
.custom__checkbox::before {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  display: none;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  background: #e6007e;
  border-radius: 3px;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox:checked + .custom__checkbox__wrapper > .custom__checkbox::before {
  display: block;
}

/* Вариант 2 */
.block__label__checkbox {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* Текст чекбокса */
.label__checkbox1 {
  margin-left: 10px;
  cursor: pointer;
}

/* Стандартный чекбокс */
.default__checkbox1 {
  display: none;
}

.custom__checkbox__wrapper {
  display: flex;
  align-items: center;
}

/* Кастомный чекбокс */
.custom__checkbox1 {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #e6007e;
  background: #fff;
  cursor: pointer;
  /* Внутренний квадрат внутри чекбокса */
}
.custom__checkbox1::before {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  display: none;
}

/* Внешний квадрат внутри чекбокса */
.default__checkbox1:checked + .custom__checkbox__wrapper > .custom__checkbox1 {
  background: #e6007e;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox1:checked + .custom__checkbox__wrapper > .custom__checkbox1::before {
  display: block;
  width: 5px;
  height: 10px;
  top: 3px;
  left: 7px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Вариант 3  */
.block__label__checkbox {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* Текст чекбокса */
.label__checkbox2 {
  margin-left: 10px;
  cursor: pointer;
}

/* Стандартный чекбокс */
.default__checkbox2 {
  display: none;
}

.custom__checkbox__wrapper {
  display: flex;
  align-items: center;
}

/* Кастомный чекбокс */
.custom__checkbox2 {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #e6007e;
  background: #fff;
  cursor: pointer;
  /* Внутренний квадрат внутри чекбокса */
}
.custom__checkbox2::before {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  display: none;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox2:checked + .custom__checkbox__wrapper > .custom__checkbox2::before {
  display: block;
  width: 5px;
  height: 10px;
  top: 3px;
  left: 6px;
  border: solid #e6007e;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Вариант 4 Переключатель Switcher */
.block__label__checkbox {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* Текст чекбокса */
.label__checkbox3 {
  margin-left: 10px;
  cursor: pointer;
}

/* Стандартный чекбокс */
.default__checkbox3 {
  display: none;
}

.custom__checkbox__wrapper {
  display: flex;
  align-items: center;
}

/* Кастомный чекбокс */
.custom__checkbox3 {
  position: relative;
  display: block;
  width: 60px;
  height: 30px;
  background: #e6007e;
  cursor: pointer;
  transition: 0.5s;
  border-radius: 34px;
  box-shadow: 0 3px 3px #000;
  /* Внутренний круг */
}
.custom__checkbox3::before {
  display: flex;
  position: absolute;
  content: "";
  top: 2px;
  left: 5px;
  background: #fff;
  width: 25px;
  height: 25px;
  transition: 0.5s;
  border-radius: 50%;
  box-shadow: 0 3px 3px #000;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox3:checked + .custom__checkbox__wrapper > .custom__checkbox3 {
  background: #009688;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox3:checked + .custom__checkbox__wrapper > .custom__checkbox3::before {
  background: #fff;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox3:checked + .custom__checkbox__wrapper > .custom__checkbox3::before {
  transform: translateX(26px);
}

/* Вариант 5 Переключатель Switcher */
.block__label__checkbox {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* Текст чекбокса */
.label__checkbox4 {
  margin-left: 10px;
  cursor: pointer;
}

/* Стандартный чекбокс */
.default__checkbox4 {
  display: none;
}

.custom__checkbox__wrapper {
  display: flex;
  align-items: center;
}

/* Кастомный чекбокс */
.custom__checkbox4 {
  position: relative;
  display: block;
  width: 60px;
  height: 10px;
  background: #e6007e;
  cursor: pointer;
  transition: 0.5s;
  border-radius: 34px;
  box-shadow: 0 3px 3px #000;
  /* Внутренний круг */
}
.custom__checkbox4::before {
  display: flex;
  position: absolute;
  content: "";
  top: -8px;
  left: 0;
  background: #fff;
  width: 25px;
  height: 25px;
  transition: 0.5s;
  border-radius: 50%;
  box-shadow: 0 3px 3px #000;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox4:checked + .custom__checkbox__wrapper > .custom__checkbox4 {
  background: #009688;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox4:checked + .custom__checkbox__wrapper > .custom__checkbox4::before {
  background: #fff;
}

/* При состоянии checked - показываем внутренний чекбокс */
.default__checkbox4:checked + .custom__checkbox__wrapper > .custom__checkbox4::before {
  transform: translateX(35px);
}

.form {
  padding: 32px 0;
}

.form__inputs {
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  box-shadow: 0 0 3px #000;
}
.form__inputs__wrapper {
  display: flex;
  justify-content: center;
}
.form__inputs__top, .form__inputs__center, .form__inputs__bottom {
  padding: 10px;
}
.form__inputs__top {
  padding: 15px;
  background: #e6007e;
}
.form__inputs__center {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form__inputs__bottom {
  display: flex;
  justify-content: center;
}
.form__inputs__header {
  color: #fff;
}
.form__inputs__label {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form__inputs__label_file {
  align-items: center;
}
.form__inputs__input, .form__inputs__textarea {
  padding: 10px 0;
  border-bottom: 1px solid #03a9f4;
  font-size: 16px;
}
.form__inputs__input::-moz-placeholder, .form__inputs__textarea::-moz-placeholder {
  font-size: 14px;
  color: #03a9f4;
}
.form__inputs__input::placeholder, .form__inputs__textarea::placeholder {
  font-size: 14px;
  color: #03a9f4;
}
.form__inputs__input:valid, .form__inputs__textarea:valid {
  color: #009688;
  border-color: #138808;
}
.form__inputs__input:invalid:not(:-moz-placeholder), .form__inputs__textarea:invalid:not(:-moz-placeholder) {
  color: #e6007e;
  border-color: #e6007e;
}
.form__inputs__input:invalid:not(:placeholder-shown), .form__inputs__textarea:invalid:not(:placeholder-shown) {
  color: #e6007e;
  border-color: #e6007e;
}
.form__inputs__personal__user__data {
  display: grid;
  gap: 10px;
}
.form__inputs__link {
  justify-content: center;
  color: #e6007e;
  text-decoration: underline;
}
.form__inputs__link:hover {
  opacity: 0.7;
}
.form__inputs .label__file__wrapper {
  margin: 0 auto;
}

.form {
  display: grid;
  gap: 32px;
}

/* Вариант 1 */
.block__label__file {
  position: relative;
  width: 200px;
  min-height: 50px;
}
.block__label__file:hover .custom__file__wrapper {
  background: #000;
  color: #e6007e;
}

.default__file {
  width: inherit;
  min-height: inherit;
  position: relative;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.custom__file__wrapper {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: inherit;
  min-height: inherit;
  background: #e6007e;
  color: #fff;
  cursor: pointer;
  text-align: center;
  word-break: break-all;
}

.label__file {
  white-space: pre-line;
}

.label__block__text, .label__block__totaltext {
  display: grid;
  gap: 20px;
  margin-top: 32px;
  word-break: break-word;
  text-align: center;
  color: #e6007e;
}

.label__block__img img {
  display: none;
}
.label__block__img .show-img {
  display: flex;
}

.show-block-img {
  margin-top: 32px;
  width: 200px;
  height: 150px;
}

.form {
  display: grid;
  gap: 32px;
}

.range {
  -webkit-appearance: none;
  height: 20px;
  background: #e6007e;
  border-radius: 20px;
}
.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  background: #03a9f4;
  border-radius: 50%;
  cursor: pointer;
}

.search__block__input {
  width: 500px;
  position: relative;
  margin-top: 50px;
}
.search__block__input::before {
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  left: 15px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url("icons/search.svg") no-repeat center/contain;
}
.search__block__input_end::before, .search__block__input_end::after {
  display: none;
}
.search__input {
  width: 100%;
  height: 45px;
  padding: 10px 40px;
  padding-right: 0 !important;
  border: 2px solid #000;
  border-radius: 30px;
  font-size: 16px;
  color: #e6007e;
}
.search__input_end {
  padding: 10px 20px;
  background: url("icons/search.svg") no-repeat center/20px;
  background-position: calc(100% - 18px) center;
}
.search__input_end:not(:-moz-placeholder) {
  background: url("icons/close.svg") no-repeat center/0;
}
.search__input_end:not(:placeholder-shown) {
  background: url("icons/close.svg") no-repeat center/0;
}
.search__input_end::-webkit-search-cancel-button {
  width: 20px;
  height: 20px;
  opacity: 0;
  pointer-events: none;
}
.search__input_end:not(:placeholder-shown)::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: auto;
}
.search__input::-moz-placeholder {
  font-size: 14px;
  opacity: 0.5;
}
.search__input::placeholder {
  font-size: 14px;
  opacity: 0.5;
}
.search__input::-webkit-search-cancel-button {
  background: url("icons/close.svg") no-repeat center/cover;
  margin-right: 20px;
  width: 20px;
  height: 20px;
  -webkit-appearance: none !important;
  cursor: pointer;
}

.search {
  margin-top: 50px;
}
.search__form {
  padding: 128px 110px 54px;
  min-height: 567px;
  background: #fff;
  border-radius: 70px;
  box-shadow: 10px 10px 20px 0 #000;
}
@media (max-width: 1140px) {
  .search__form {
    padding: 90px 64px 64px;
    min-height: auto;
  }
}
@media (max-width: 850px) {
  .search__form {
    padding: 56px;
  }
}
@media (max-width: 768px) {
  .search__form {
    padding: 32px 48px;
    border-radius: 50px;
  }
}
@media (max-width: 576px) {
  .search__form {
    padding: 32px;
    border-radius: 35px;
  }
}
@media (max-width: 425px) {
  .search__form {
    border-radius: 20px;
    padding: 22px;
  }
}
.search__form__title {
  font-size: 64px;
  color: #000;
}
@media (max-width: 1140px) {
  .search__form__title {
    font-size: 56px;
  }
}
@media (max-width: 768px) {
  .search__form__title {
    font-size: 48px;
  }
}
@media (max-width: 576px) {
  .search__form__title {
    font-size: 36px;
  }
}
@media (max-width: 425px) {
  .search__form__title {
    font-size: 24px;
  }
}
.search__form__search__field {
  position: relative;
  margin-top: 70px;
}
@media (max-width: 676px) {
  .search__form__search__field {
    margin-top: 50px;
  }
}
@media (max-width: 425px) {
  .search__form__search__field {
    margin-top: 32px;
  }
}
@media (max-width: 375px) {
  .search__form__search__field {
    margin-top: 20px;
  }
}
.search__form__input {
  padding: 5px 20px;
  padding-right: 74px;
  border: 6px solid #e6007e;
  border-radius: 88px;
  width: 100%;
  height: 84px;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: #000;
}
.search__form__input::-moz-placeholder {
  opacity: 0.5;
}
.search__form__input::placeholder {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .search__form__input {
    height: 64px;
  }
}
@media (max-width: 676px) {
  .search__form__input {
    font-size: 20px;
    border-width: 4px;
  }
}
@media (max-width: 576px) {
  .search__form__input {
    height: 56px;
  }
}
@media (max-width: 425px) {
  .search__form__input {
    height: 45px;
    border-width: 3px;
    font-size: 16px;
  }
}
.search__form__icon {
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  content: "";
  top: 50%;
  right: 30px;
  background: url("icons/search.svg") no-repeat center/contain;
  transform: translateY(-50%);
}
@media (max-width: 676px) {
  .search__form__icon {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 576px) {
  .search__form__icon {
    right: 20px;
  }
}
.search__form__icon_active {
  background: url("icons/close.svg") no-repeat center/contain;
  cursor: pointer;
}
.search__form__result {
  width: 80%;
  height: 250px;
  position: absolute;
  top: 84px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: none;
  border: 1px solid transparent;
  border-top: none;
  background: #fff;
  border-radius: 0 0 28px 28px;
  box-shadow: 10px 10px 20px 0 #000;
}
@media (max-width: 1250px) {
  .search__form__result {
    width: 90%;
  }
}
@media (max-width: 850px) {
  .search__form__result {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .search__form__result {
    top: 65px;
  }
}
@media (max-width: 676px) {
  .search__form__result {
    top: 64px;
    height: 205px;
  }
}
@media (max-width: 576px) {
  .search__form__result {
    top: 56px;
  }
}
@media (max-width: 480px) {
  .search__form__result {
    height: 195px;
  }
}
@media (max-width: 425px) {
  .search__form__result {
    top: 45px;
    height: 185px;
    border-radius: 0 0 16px 16px;
  }
}
.search__form__result_active {
  display: block;
}
.search__form__menu {
  height: inherit;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  overflow-y: scroll;
}
@media (max-width: 676px) {
  .search__form__menu {
    line-height: 110%;
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .search__form__menu {
    font-size: 18px;
  }
}
@media (max-width: 425px) {
  .search__form__menu {
    font-size: 16px;
  }
}
.search__form__menu::-webkit-scrollbar {
  width: 0;
}
.search__form__list {
  padding: 10px 64px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .search__form__list {
    padding: 10px 32px;
  }
}
@media (max-width: 576px) {
  .search__form__list {
    padding: 10px 26px;
  }
}
@media (max-width: 480px) {
  .search__form__list {
    padding: 10px 18px;
  }
}
.search__form__list:not(:last-child) {
  border-bottom: 1px solid #03a9f4;
}

/* 🛒 Товары и магазин */
.cards {
  padding: 32px 0;
}
.cards__wrapper {
  margin-top: 50px;
  flex-wrap: wrap;
  gap: 32px;
  display: flex;
  justify-content: center;
}
.cards__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 30%;
  min-height: 400px;
  align-items: center;
  box-shadow: 0 0 3px #000;
}
.cards__item:nth-child(2) .cards__img {
  margin-top: -60px;
}
.cards__item:nth-child(2) .cards__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.cards__item:nth-child(2) .cards__link {
  height: 200px;
}
.cards__center {
  flex-grow: 1;
}
.cards__link {
  display: inline-flex;
  color: #000;
  height: 300px;
}
.cards__link_header {
  height: unset;
}
.cards__img {
  height: inherit;
}
.cards__description, .cards__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.cards__bottom {
  padding: 16px;
}

/* Продуктовая карточка 3 с другим дизайном */
.cards__item_product {
  align-items: flex-start;
  position: relative;
  width: 360px;
  background: #ffd700;
  transition: 0.8s;
}
.cards__item_product:hover {
  transition: 0.8s;
  transform: scale(1.05);
  box-shadow: 8px 8px 8px 8px #000;
  background: #009688;
}
.cards__item_product:hover .cards__img {
  filter: brightness(25%);
}
.cards__item_product:hover .cards__btn {
  display: flex;
  animation: slide-in-fwd-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.cards__link_product {
  display: inline-block;
  height: 450px;
  font-size: 16px;
  line-height: 16px;
  color: #000;
  font-weight: 700;
  transition: 0.8s;
}
.cards__link_header_product:hover {
  transition: 0.8s;
  transform: scale(1.1);
  margin-left: 5px;
  color: #e6007e;
}
.cards__header_product {
  text-transform: uppercase;
}
.cards__description_product {
  align-items: flex-start;
  text-align: left;
  padding-inline: 16px;
}
.cards__text_product {
  font-size: 14px;
  line-height: 17px;
  color: #000;
  transition: 0.8s;
}
.cards__text_product:hover {
  font-weight: 700;
  transition: 0.8s;
  transform: scale(1.1);
  margin-left: 15px;
  color: #e6007e;
}
.cards__price_product {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  transition: 0.8s;
}
.cards__price_product:hover {
  transition: 0.8s;
  transform: scale(1.2);
  font-weight: 700;
  color: #e6007e;
}
.cards__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 188px;
  left: 112px;
  position: absolute;
  display: none;
  width: 150px;
  font-weight: 700;
  border: 1px solid #fff;
  box-shadow: 1px 1px 1px 1px #000;
  background: #e6007e;
}
.cards__btn:hover {
  transition: 0.8s;
}
.cards__btn__link {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.cards__btn__img {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  fill: #fff;
}

/* animation slide-in-fwd-top */
@keyframes slide-in-fwd-top {
  0% {
    transform: translateZ(-1400px) translateY(-800px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
.modal__cards {
  top: -9999px;
  width: 30%;
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 10;
  transition: 1.5s all;
}
.modal__cards.active {
  top: 50%;
  transition: 1.5s all;
}
.modal__cards__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-height: 400px;
  align-items: center;
  box-shadow: 0 0 3px #000;
}
.modal__cards__center {
  flex-grow: 1;
}
.modal__cards__link {
  display: inline-flex;
  color: #000;
}
.modal__cards__description, .modal__cards__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}
.modal__cards__bottom {
  padding: 16px;
}

.shopping__cart {
  padding: 32px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shopping__cart__item {
  display: flex;
  width: 800px;
  height: 300px;
  box-shadow: 16px 20px 24px #000;
  transition: 0.8s;
}
@media (max-width: 991px) {
  .shopping__cart__item {
    width: 95%;
    flex-direction: column;
    height: auto;
  }
}
.shopping__cart__item:hover {
  transform: scale(1.05);
  transition: 0.8s;
}
.shopping__cart__img {
  width: 45%;
  height: 300px;
}
@media (max-width: 991px) {
  .shopping__cart__img {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .shopping__cart__img {
    height: 250px;
  }
}
@media (max-width: 375px) {
  .shopping__cart__img {
    height: 200px;
  }
}
.shopping__cart__info {
  position: relative;
  padding: 25px;
  width: 55%;
}
@media (max-width: 991px) {
  .shopping__cart__info {
    width: 100%;
  }
}
.shopping__cart__link {
  display: inline-flex;
}
.shopping__cart__header {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  transition: 0.5s;
}
.shopping__cart__header:hover {
  color: #009688;
  transition: 0.5s;
  transform: scale(1.05);
}
.shopping__cart__name {
  margin-top: 16px;
  font-size: 20px;
  line-height: 30px;
}
.shopping__cart__descriptions {
  margin-top: 32px;
  color: #000;
}
.shopping__cart__text {
  margin-top: 10px;
  font-size: 20px;
  line-height: 26px;
}
.shopping__cart__text_color {
  color: #e6007e;
}
.shopping__cart__quantity {
  font-size: 18px;
  line-height: 22px;
  border: 1px solid #000;
  width: 35px;
  height: 35px;
  text-align: center;
  margin-left: 16px;
}
.shopping__cart__close {
  position: absolute;
  top: 28px;
  right: 22px;
  cursor: pointer;
}
.shopping__cart__svg {
  width: 18px;
  height: 18px;
  transition: 0.5s;
}
.shopping__cart__svg:hover {
  fill: #e6007e;
  transition: 0.5s;
  transform: scale(1.3);
}

.product__filter {
  padding: 16px;
  z-index: 5;
}
.product__filter[open] {
  width: 375px;
  background: #fff;
  box-shadow: 6px 4px 35px #000;
}
.product__filter {
  /* summary Filter */
}
.product__filter[open] .product__filter__header {
  color: #e6007e;
  fill: #e6007e;
}
.product__filter {
  /* Когда открыт внутренний summary Category, Brand, Designer */
}
.product__filter__inner[open] .product__filter__header_inner {
  color: #ffd700 !important;
  border-left: 5px solid #ffd700;
}
.product__filter__header {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
}
.product__filter__header:hover {
  color: #e6007e;
  fill: #e6007e;
}
.product__filter__header_inner {
  padding: 10px;
  padding-left: 12px;
  color: #009688 !important;
  border-left: 5px solid #138808;
  font-size: 14px;
  line-height: 17px;
}
.product__filter__header_inner:hover {
  color: #e6007e !important;
  border-left: 5px solid #e6007e;
}
.product__filter__block__inner {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.product__filter__img {
  margin-left: 11px;
}
.product__filter__hr {
  background: #000;
  height: 1px;
}
.product__filter__menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 17px;
}
.product__filter__link {
  color: #000;
}
.product__filter__link:hover {
  color: #03a9f4;
}

.catalog {
  padding: 32px 0;
  position: relative;
}
.catalog__wrapper {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.catalog .row {
  display: grid;
  grid-template: auto/1fr;
}
.catalog__grid__block__btns {
  position: absolute;
  top: 0;
  right: 10px;
  display: flex;
  gap: 16px;
}
.catalog__grid__btn {
  width: 40px;
  height: 30px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  background: #000;
}
.catalog__grid__btn:hover {
  background: #e6007e;
}
.catalog__grid__btn span {
  width: 85%;
  height: 2px;
  background: #fff;
}
.catalog .row-btn {
  background: #e6007e;
}
.catalog__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
  min-height: 500px;
  border: 1px solid #000;
}
.catalog__img {
  width: 100%;
  height: 300px;
}
.catalog__center {
  padding: 10px;
  min-height: 200px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
}
.catalog__description {
  flex-grow: 1;
}
.catalog__header {
  margin: 0 auto;
}
.catalog__description, .catalog__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.catalog__btn {
  margin: 0 auto;
}
.catalog .row-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: auto;
  width: 100%;
}
.row-item .catalog__img {
  width: 40%;
}
.row-item .catalog__center {
  width: 60%;
  min-height: 300px;
}

.popup__wrapper {
  position: relative;
}
.popup__btn {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.popup__btn:hover .popup__btn__line {
  background: #e6007e;
}
.popup__btn__line {
  width: 95%;
  height: 2px;
  background: #000;
}
.popup__block__menu {
  padding: 15px 25px;
  width: 200px;
  height: 600px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: scroll;
  z-index: 10;
  background: #fff;
  box-shadow: 6px 4px 35px #000;
}
.popup__block__menu::-webkit-scrollbar {
  display: none;
}
.popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  cursor: pointer;
}
.popup__close:hover {
  fill: #e6007e;
}
.popup__header {
  font-size: 14px;
  line-height: 17px;
  color: #009688;
  margin-top: 20px;
  text-transform: uppercase;
}
.popup__header_color {
  color: #e6007e;
}
.popup__menu {
  margin-top: 16px;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.popup__link {
  color: #000;
  font-size: 14px;
  line-height: 17px;
}
.popup__link:hover {
  color: #03a9f4;
}
.popup__active {
  display: block;
}

.show-more__block__btn {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.show-more__btns {
  margin-top: 32px;
  width: 600px;
  position: relative;
  padding: 10px 20px;
  width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 30px;
  box-shadow: 0 0 3px 3px #000;
}

.cards__item_no-active {
  display: none;
}

/* 🩺 Медицинские и юридические блоки */
.warning {
  position: sticky;
  bottom: 0;
  /* font-family: $thirdFont */
  min-height: 100px;
  box-shadow: inset 0 2px 30px 5px #e6007e;
  background: #e6007e;
  z-index: 10;
}
@media (max-width: 1100px) {
  .warning {
    padding: 30px 0;
    min-height: 125px;
  }
}
@media (max-width: 375px) {
  .warning {
    min-height: 100px;
  }
}
.warning__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: inherit;
}
.warning__text {
  font-size: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #03a9f4;
  text-transform: uppercase;
  transform: scaleY(2.2);
}
@media (max-width: 1620px) {
  .warning__text {
    font-size: 30px;
  }
}
@media (max-width: 1520px) {
  .warning__text {
    font-size: 28px;
  }
}
@media (max-width: 1440px) {
  .warning__text {
    font-size: 26px;
  }
}
@media (max-width: 1399px) {
  .warning__text {
    font-size: 24px;
  }
}
@media (max-width: 1250px) {
  .warning__text {
    font-size: 22px;
  }
}
@media (max-width: 1200px) {
  .warning__text {
    font-size: 20px;
  }
}
@media (max-width: 1100px) {
  .warning__text {
    font-size: 32px;
    transform: scaleY(1.8);
  }
}
@media (max-width: 900px) {
  .warning__text {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .warning__text {
    font-size: 26px;
  }
}
@media (max-width: 676px) {
  .warning__text {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .warning__text {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .warning__text {
    font-size: 20px;
  }
}
@media (max-width: 425px) {
  .warning__text {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .warning__text {
    font-size: 16px;
    letter-spacing: -0.07em;
  }
}
.warning__close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
  background: url("icons/warning-medical-whith-intersection-observer/warning-icon-close.svg") no-repeat center/cover;
  cursor: pointer;
  z-index: 10;
}
@media (max-width: 1100px) {
  .warning__close {
    top: -16px;
    right: 0;
  }
}
@media (max-width: 425px) {
  .warning__close {
    width: 20px;
    height: 20px;
  }
}

.static {
  position: static;
}

.close {
  display: none;
}

/* 🌍 Карты / */
/* Обязательные условия установки виджета из договора*/
.uteka {
  padding: 50px 0;
}
.uteka .uteka-widget {
  /* Минимально поддерживаемые размеры виджета: 320x520. */
  width: 100%;
  height: 790px;
  outline: 1px solid #e0e0e0;
  border-radius: 45px;
}
@media (max-width: 768px) {
  .uteka .uteka-widget {
    height: 600px;
  }
}
@media (max-width: 676px) {
  .uteka .uteka-widget {
    height: 550px;
  }
}
@media (max-width: 576px) {
  .uteka .uteka-widget {
    height: 500px;
  }
}
@media (max-width: 480px) {
  .uteka .uteka-widget {
    height: 450px;
  }
}
@media (max-width: 425px) {
  .uteka .uteka-widget {
    height: 400px;
  }
}
@media (max-width: 375px) {
  .uteka .uteka-widget {
    height: 350px;
  }
}
.uteka .uteka-widget iframe {
  width: 100%;
  height: calc(100% - 57px);
  border-radius: 45px;
}
.uteka .uteka-widget__container {
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 600px) {
  .uteka .uteka-widget .uteka-widget__container {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .uteka .uteka-widget .uteka-widget__container {
    padding: 0 40px;
  }
}
@media (min-width: 1024px) {
  .uteka .uteka-widget .uteka-widget__container {
    padding: 0 44px;
  }
}
@media (min-width: 1440px) {
  .uteka .uteka-widget .uteka-widget__container {
    max-width: 1440px;
  }
}
.uteka .uteka-widget-header {
  background: transparent;
  border-bottom: 1px solid #e0e0e0;
}
.uteka .uteka-widget-header__inner {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 56px;
}
@media (max-width: 676px) {
  .uteka .uteka-widget-header__inner {
    height: 48px;
  }
}
.uteka .uteka-widget-header__title {
  background: url("https://widget.uteka.ru/static/img/widgets/title_2@mobile.svg") no-repeat;
  background-position: center;
  width: 230px;
  height: 24px;
}
.uteka .uteka-widget-header__logo {
  height: 16px;
}
.uteka .uteka-widget-header__logo img {
  height: 100%;
}
@media (max-width: 676px) {
  .uteka .uteka-widget-header__logo img {
    height: 80%;
  }
}
@media (max-width: 576px) {
  .uteka .uteka-widget-header__logo img {
    height: 75%;
  }
}
.uteka .uteka-widget-header__close {
  position: absolute;
  top: 0;
  right: -8px;
  bottom: 0;
  z-index: 5;
  margin: auto;
  width: 32px;
  height: 32px;
  background: url("https://widget.uteka.ru/static/img/widgets/close_2.svg") no-repeat center;
}
@media (min-width: 1024px) {
  .uteka .uteka-widget-header .uteka-widget-header__inner {
    flex-direction: row;
  }
}
.uteka .uteka-widget-header__title {
  background-image: url("https://widget.uteka.ru/static/img/widgets/title_2.svg");
  width: 264px;
  height: 24px;
}
@media (max-width: 676px) {
  .uteka .uteka-widget-header__title {
    width: 300px;
    background-position-y: 8px;
    background-position-x: 20px;
  }
}
@media (max-width: 576px) {
  .uteka .uteka-widget-header__title {
    transform: scale(0.8);
  }
}
@media (max-width: 480px) {
  .uteka .uteka-widget-header__title {
    transform: scale(0.7);
  }
}
@media (max-width: 425px) {
  .uteka .uteka-widget-header__title {
    transform: scale(0.6);
  }
}
.uteka .uteka-widget-header__logo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 32px;
}
@media (max-width: 676px) {
  .uteka .uteka-widget-header__logo {
    top: 7px;
  }
}
@media (max-width: 480px) {
  .uteka .uteka-widget-header__logo {
    height: 24px;
  }
}

/* 📚 Библиотеки и API */
.aos-3, .aos-5 {
  background: #e6007e;
}
.aos-4 {
  background: #009688;
}
.aos-5 {
  background: #03a9f4;
}

.modal__spy {
  padding: 15px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 10;
  border: 3px solid #e6007e;
  background: #000;
  border-radius: 30px;
}
.modal__spy__menu {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.modal__spy__link {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.modal__spy__active .modal__spy__link {
  color: #e6007e;
}

.active-link {
  color: #e6007e;
}

.swiper__slide {
  height: 100vh;
}
.swiper {
  /* Навигация */
  /* Контейнер для стрелок */
}
.swiper .swiper-button-prev, .swiper .swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  filter: drop-shadow(2px 4px 6px #000);
}
.swiper .swiper-button-prev:hover, .swiper .swiper-button-next:hover {
  color: #e6007e;
}
.swiper .swiper-button-prev:hover .swiper-navigation-icon {
  transition: 0.5s;
  transform: rotate(180deg) translateX(5px);
}
.swiper .swiper-button-next:hover .swiper-navigation-icon {
  transition: 0.5s;
  transform: translateX(5px);
}
.swiper {
  /* Стрелки */
}
.swiper .swiper-navigation-icon {
  width: 50%;
  height: 50%;
  transition: 0.5s;
}
.swiper {
  /* Пагинация */
}
.swiper .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background: #03a9f4;
  opacity: 1;
}
.swiper .swiper-pagination-bullet-active {
  width: 30px;
  height: 30px;
  background: #e6007e;
}
.swiper {
  /* Скроллбар */
}
.swiper .swiper-scrollbar {
  height: 10px;
  top: 0;
  background: #03a9f4;
}
.swiper .swiper-scrollbar-drag {
  background: #e6007e;
}

/* На css */
.header {
  position: sticky;
  top: 0;
  z-index: 10;
}

/* На js */
.sticky-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
}

.pagination__btns {
  margin-top: 32px;
  width: 600px;
  position: relative;
  padding: 10px 20px;
  width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 30px;
  box-shadow: 0 0 3px 3px #000;
}
.pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  width: 35px;
  height: 35px;
  border: 1px solid #e6007e;
  font-size: 18px;
  font-weight: 900;
  color: #e6007e;
}
.pagination__link:hover {
  background: #e6007e;
  color: #000;
}
.pagination__link.active-page {
  display: flex;
  background: #e6007e;
  color: #000;
}
.pagination__link.no-active-page {
  display: none;
}

.cards__item_no-active {
  display: none;
}

.progress__wrapper {
  margin-top: 50px;
}
.progress__bar {
  position: relative;
  background: #000;
  width: 100%;
  height: 30px;
  border-radius: 20px;
}
.progress__bar_inner {
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #03a9f4;
  z-index: 10;
}

.test {
  color: red;
}

.wrapper {
  overflow-x: hidden;
}

body {
  font-family: sans-serif;
  overflow-x: hidden;
}
body.overflow {
  overflow: hidden;
}

.container {
  max-width: 1140px;
  padding: 0 15px;
  margin: 0 auto;
}
.container_research {
  max-width: 1340px;
}
.container_release__forms, .container_what__to__do, .container_synthesize, .container_diagnostics, .container_scientifically, .container_about {
  max-width: 1472px;
}
.container_header, .container_header-2 {
  min-height: auto;
}
.container_header-2 {
  max-width: 1440px;
}
.container_use, .container_femidel {
  max-width: 1730px;
}
.container_antiseptics {
  max-width: 1760px;
}
.container_warning {
  max-width: 1768px;
}
.container_footer {
  max-width: 1770px;
}

/* Стили для главной стр */
.index__wrapper {
  width: 102%;
  padding: 20px;
  margin: 32px 0;
  background: #000;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.index__wrapper h1, .index__wrapper h2 {
  color: #ffd700;
}
.index__wrapper a {
  display: inline-block;
  color: #009688;
  font-size: 18px;
  font-weight: 400;
}
.index__wrapper a:hover {
  cursor: url("icons/cursor-text.png"), auto;
  color: #e6007e;
}

.index__inner__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.index__inner__wrapper p {
  display: flex;
  align-items: baseline;
  padding: 0 20px;
}/*# sourceMappingURL=style.css.map */