@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  src:
    url("/assets/fonts/Rubik-Regular.woff") format("woff"),
    url("/assets/fonts/Rubik-Regular.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  src:
    url("/assets/fonts/Rubik-Medium.woff") format("woff"),
    url("/assets/fonts/Rubik-Medium.ttf") format("truetype");
}

.h-1 {
  font-size: 2.625rem;
  line-height: 1.2;
}

.h-1,
.h-2 {
  font-family: Rubik, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.h-2 {
  font-size: 2rem;
}

.h-2,
.h-3 {
  line-height: 1;
}

.h-3 {
  font-size: 1.75rem;
  letter-spacing: -0.04em;
}

.h-3,
.h-4 {
  font-family: Rubik, Arial, sans-serif;
  font-weight: 400;
}

.h-4 {
  font-size: 1.375rem;
  line-height: 1;
}

.h-4,
.h-4-m {
  letter-spacing: 0;
}

.h-4-m {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
}

.h-4-m,
.h-5 {
  font-family: Rubik, Arial, sans-serif;
}

.h-5 {
  font-size: 1.125rem;
}

.h-5,
.h-6 {
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: uppercase;
}

.h-6 {
  font-size: 0.875rem;
}

.h-6,
.t-1 {
  font-family: Rubik, Arial, sans-serif;
}

.t-1 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
}

.t-1,
.t-1-m {
  letter-spacing: 0;
}

.t-1-m {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1;
}

.t-1-m,
.t-2 {
  font-family: Rubik, Arial, sans-serif;
}

.t-2 {
  font-size: 0.75rem;
  font-weight: 400;
}

.t-2,
.t-2-m {
  letter-spacing: -0.02em;
  line-height: 1.21;
}

.t-2-m {
  font-size: 0.75rem;
}

.t-2-m,
.ui-tag {
  font-family: Rubik, Arial, sans-serif;
  font-weight: 500;
}

.ui-tag {
  font-size: 0.75rem;
  line-height: 1.1;
}

.ui-btn,
.ui-tag {
  letter-spacing: 0;
  text-transform: uppercase;
}

.ui-btn {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 0.9;
}

.ui-btn,
.ui-menu {
  font-family: Rubik, Arial, sans-serif;
}

.ui-menu {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
}

:root {
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --black: #0e0e0e;
  --black-rgb: 14, 14, 14;
  --black-50: hsla(0deg, 0%, 5%, 0.502);
  --black-50-rgb: 14, 14, 14;
  --black-60: hsla(0deg, 0%, 5%, 0.6);
  --black-60-rgb: 14, 14, 14;
  --gray: #e6e6e6;
  --gray-rgb: 230, 230, 230;
  --gray-bg: #f3f3f4;
  --gray-bg-rgb: 243, 243, 244;
  --gray-cold: #dfe3e4;
  --gray-cold-rgb: 223, 227, 228;
  --gray-dark: #2a2b2e;
  --gray-dark-rgb: 42, 43, 46;
  --gray-metal: #3a3a3a;
  --gray-metal-rgb: 58, 58, 58;
  --violet: #c5bbf2;
  --violet-rgb: 197, 187, 242;
  --violet-dark: #65576d;
  --violet-dark-rgb: 101, 87, 109;
  --green: #24a63f;
  --green-rgb: 36, 166, 63;
  --green-light: #b5e3d8;
  --green-light-rgb: 181, 227, 216;
  --pink: #f9c7ee;
  --pink-rgb: 249, 199, 238;
  --yellow: #edf06b;
  --yellow-rgb: 237, 240, 107;
  --orange: #fdc45c;
  --orange-rgb: 253, 196, 92;
  --red: #cd193a;
  --red-rgb: 205, 25, 58;
  --scroll: #8c8c8c;
  --scroll-rgb: 140, 140, 140;
  --offset-side: 5.3333vw;
  --offset-100: 13.3333vw;
  --offset-40: 5.3333vw;
  --offset-30: 4.2667vw;
  --offset-24: 3.7333vw;
  --offset-20: 3.7333vw;
  --offset-16: 3.2vw;
  --offset-12: 3.2vw;
  --offset-10: 2.6667vw;
  --offset-8: 1.6vw;
  --corner-100: 50px;
  --corner-24: 8px;
  --corner-16: 8px;
  --corner-8: 8px;
  --header-height: 16vw;
  --gap-40: 3.7333vw;
}

html {
  font-family: Rubik, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html._s-open {
  max-height: 100dvh;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

body {
  background-color: var(--gray-bg);
  color: var(--black);
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}
@document url-prefix("") {
  body {
    scrollbar-color: var(--scroll) rgba(var(--scroll-rgb), 0.1);
    scrollbar-width: thin;
  }
}

body::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--scroll);
  border-radius: 100px;
}

body::-webkit-scrollbar-track {
  background-color: rgba(var(--scroll-rgb), 0.1);
  border-radius: 100px;
  -webkit-box-shadow: none;
}

main {
  transition: filter 0.3s ease-in-out;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  text-decoration: inherit;
  word-break: break-word;
}

li,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

fieldset {
  min-width: 0;
}

blockquote,
fieldset,
q {
  border: 0;
  margin: 0;
  padding: 0;
}

blockquote,
q {
  background: transparent;
  outline: 0;
  quotes: none;
}

input,
textarea {
  -webkit-appearance: none;
  background: inherit;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}

input:active,
input:focus,
input:hover,
textarea:active,
textarea:focus,
textarea:hover {
  outline: none;
}

a,
button {
  cursor: pointer;
}

button {
  background: transparent;
  border: none;
  font-family: inherit;
  margin: 0;
  padding: 0;
}

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

.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.image-bg {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

.image-bg img,
.image-bg video {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.visually-hidden {
  border: 0;
  clip-path: inset(100%);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.content-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: var(--header-height);
}

.icon-md {
  flex-shrink: 0;
  height: 8.5333vw;
  width: 8.5333vw;
}

.svg-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.svg-wrapper svg {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.container,
.container-small {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.footnote {
  color: var(--black-50);
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.21;
}

.footnote cite {
  font-style: normal;
}

.footnote a {
  transition: color 0.3s ease-in-out;
}

.line-spacer-1 {
  display: block;
  height: 4.8vw;
}

sup {
  font-size: 0.6em;
  line-height: 0.6em;
}

.about-endothelium {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--offset-100);
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.about-endothelium__title-wrapper {
  margin-bottom: var(--offset-40);
}

.about-endothelium__title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
  width: 89.3333vw;
}

.about-endothelium__title span {
  color: var(--red);
}

.about-endothelium__text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin-top: 6.4vw;
  width: 89.3333vw;
}

.about-endothelium__banner-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
  min-height: 112vw;
  z-index: -2;
}

.about-endothelium__banner-card .text-with-dot,
.about-endothelium__banner-card-content,
.about-endothelium__banner-card-picture img {
  width: 80.8vw;
}

.about-endothelium__banner-card-content-list {
  display: flex;
  flex-direction: column;
  gap: var(--offset-16);
  list-style-position: inside;
  padding-left: 25px;
}

.about-endothelium__banner-card-content-item {
  list-style: disc;
}

.about-endothelium__banner-card-title {
  color: var(--red);
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1;
  margin-bottom: var(--offset-20);
}

.about-endothelium__banner-card-text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.about-vascular-system {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--offset-100);
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.about-vascular-system__title-wrapper {
  padding: 0 var(--offset-side-container);
}

.about-vascular-system__title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
  width: 89.3333vw;
}

.about-vascular-system__title span {
  color: var(--red);
}

.about-vascular-system__text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin-top: 6.4vw;
  width: 89.3333vw;
}

.about-vascular-system__cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--offset-10);
  margin-top: var(--offset-40);
}

.about-vascular-system__small-card-wrapper {
  -webkit-mask-image: url("/assets/icons/bg-small-card-375.svg");
  mask-image: url("/assets/icons/bg-small-card-375.svg");
  -webkit-mask-position: bottom;
  mask-position: bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  min-height: 32vw;
  padding: var(--offset-24);
}

.about-vascular-system__small-card-title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.about-vascular-system__small-card-description {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  opacity: 0.8;
}

.about-vascular-system__banner-card {
  grid-area: d;
  min-height: 98.6667vw;
  z-index: -2;
}

.about-vascular-system__banner-card-description {
  bottom: var(--offset-24);
  position: absolute;
  width: 81.8667vw;
}

.about-vascular-system__banner-card-title {
  color: var(--red);
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1;
  margin-bottom: var(--offset-20);
}

.about-vascular-system__banner-card-text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.about-vascular-system__picture-card {
  z-index: -2;
}

.about-vascular-system__picture-card.wrapper-card {
  border-radius: var(--corner-100);
  grid-area: e;
  min-height: 95.2vw;
}

.banner {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.banner._offset-bottom-8 {
  margin-bottom: var(--offset-8);
}

.banner._offset-bottom-10 {
  margin-bottom: var(--offset-10);
}

.banner._offset-bottom-12 {
  margin-bottom: var(--offset-12);
}

.banner._offset-bottom-16 {
  margin-bottom: var(--offset-16);
}

.banner._offset-bottom-20 {
  margin-bottom: var(--offset-20);
}

.banner._offset-bottom-24 {
  margin-bottom: var(--offset-24);
}

.banner._offset-bottom-30 {
  margin-bottom: var(--offset-30);
}

.banner._offset-bottom-40 {
  margin-bottom: var(--offset-40);
}

.banner._offset-bottom-60 {
  margin-bottom: var(--offset-60);
}

.banner._offset-bottom-80 {
  margin-bottom: var(--offset-80);
}

.banner._offset-bottom-100 {
  margin-bottom: var(--offset-100);
}

.banner__title span {
  color: var(--red);
}

.banner__wrapper {
  height: var(--height-banner) !important;

  --height-banner: 133.3333vw;
}

.banner__wrapper._height-small {
  --height-banner: 101.3333vw;
}

.banner__wrapper._height-middle {
  --height-banner: 133.3333vw;
}

.banner-section {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.banner-section._offset-bottom-100 {
  padding-bottom: var(--offset-100);
}

.banner-section__content {
  display: flex;
  gap: var(--offset-10);
}

.banner-section__cards {
  display: grid;
  gap: var(--offset-10);
  grid-template-columns: repeat(2, 1fr);
}

.banner-section__card {
  height: var(--height) !important;

  --height: 25.3333vw;
}

.banner-section__title span {
  color: var(--red);
}

.banner-section__banner {
  height: 117.3333vw;
  width: 100%;
}

.banner-section__banner-wrapper {
  height: 100%;
  padding: 0 !important;
  width: 100%;
}

.banner-section__banner-content {
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
  height: 100%;
  justify-content: space-between;
  padding: var(--offset-40);
  width: 100%;
}

.banner-section__banner-content._position-right {
  margin-left: auto;
}

.banner-section__banner-list-properties {
  display: flex;
  flex-direction: column;
  gap: var(--offset-24);
}

.banner-section__banner-list-properties__item {
  align-items: center;
  display: flex;
  gap: var(--offset-24);
}

.banner-section__banner-list-properties__item span {
  color: var(--black);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.banner-section__banner-list-properties__item svg {
  color: var(--red);
}

.benefits-section {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;

  --card-height: 84.2667vw;
  --width-dot: 7px;
}

.benefits-section__title-wrapper {
  margin-bottom: var(--offset-40);
  padding: 0 var(--offset-side-container);
}

.benefits-section__title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
}

.benefits-section__title span {
  color: var(--red);
}

.benefits-section__text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin-top: 6.4vw;
}

.benefits-section__cards {
  display: flex;
  gap: var(--offset-10);
  position: relative;
  z-index: 1;
}

.benefits-section__card-wrapper {
  border-radius: var(--corner-8);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--offset-24);
  height: 100%;
  justify-content: space-between;
  min-height: 0;
  overflow: hidden;
  padding: var(--offset-24);
  position: relative;
  width: 100%;
}

.benefits-section__card-wrapper._color-white {
  background-color: var(--white);
}

.benefits-section__card-wrapper._color-black {
  background-color: var(--black);
}

.benefits-section__card-wrapper._color-black-50 {
  background-color: var(--black-50);
}

.benefits-section__card-wrapper._color-black-60 {
  background-color: var(--black-60);
}

.benefits-section__card-wrapper._color-gray {
  background-color: var(--gray);
}

.benefits-section__card-wrapper._color-gray-bg {
  background-color: var(--gray-bg);
}

.benefits-section__card-wrapper._color-gray-cold {
  background-color: var(--gray-cold);
}

.benefits-section__card-wrapper._color-gray-dark {
  background-color: var(--gray-dark);
}

.benefits-section__card-wrapper._color-gray-metal {
  background-color: var(--gray-metal);
}

.benefits-section__card-wrapper._color-violet {
  background-color: var(--violet);
}

.benefits-section__card-wrapper._color-violet-dark {
  background-color: var(--violet-dark);
}

.benefits-section__card-wrapper._color-green {
  background-color: var(--green);
}

.benefits-section__card-wrapper._color-green-light {
  background-color: var(--green-light);
}

.benefits-section__card-wrapper._color-pink {
  background-color: var(--pink);
}

.benefits-section__card-wrapper._color-yellow {
  background-color: var(--yellow);
}

.benefits-section__card-wrapper._color-orange {
  background-color: var(--orange);
}

.benefits-section__card-wrapper._color-red {
  background-color: var(--red);
}

.benefits-section__card-wrapper._color-scroll {
  background-color: var(--scroll);
}

.benefits-section__card {
  cursor: default;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  position: relative;
  transition: flex 0.3s ease-out;
}

.benefits-section__card._active .benefits-section__card-img {
  opacity: 0;
}

.benefits-section__card._active
  .benefits-section__card-content._active-content {
  opacity: 1;
  pointer-events: all;
}

.benefits-section__card._active .benefits-section__card-content._init-content {
  opacity: 0;
}

.benefits-section__card._active .benefits-section__btn-spoiler-icon._minus {
  display: flex;
}

.benefits-section__card._active .benefits-section__btn-spoiler-icon._plus {
  display: none;
}

.benefits-section__card-tag {
  position: relative;
  z-index: 2;
}

.benefits-section__card-tag span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.benefits-section__card-img {
  height: var(--card-height);
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;
  width: calc(var(--card-active-width) / 2);
  z-index: 1;
}

.benefits-section__card-content {
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

.benefits-section__card-content-title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.21;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}

.benefits-section__card-content-title span {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.21;
}

.benefits-section__card-content._active-content {
  display: flex;
  flex-direction: column;
  gap: var(--offset-24);
  opacity: 0;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
  width: calc(var(--card-active-width) - var(--offset-24) * 2);
}
@document url-prefix("") {
  .benefits-section__card-content._active-content {
    scrollbar-color: var(--white) rgba(var(transparent), 0.1);
    scrollbar-width: thin;
  }
}

.benefits-section__card-content._active-content::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

.benefits-section__card-content._active-content::-webkit-scrollbar-thumb {
  background-color: var(--white);
  border-radius: 100px;
}

.benefits-section__card-content._active-content::-webkit-scrollbar-track {
  background-color: rgba(var(transparent), 0.1);
  border-radius: 100px;
  -webkit-box-shadow: none;
}

.benefits-section__card-content._init-content {
  bottom: var(--offset-24);
  opacity: 1;
  position: absolute;
}

.benefits-section__card-content-list {
  display: inline-flex;
  flex-direction: column;
  gap: var(--offset-12);
}

.benefits-section__card-content-list ul {
  display: inline-flex;
  flex-direction: column;
  gap: var(--offset-8);
}

.benefits-section__card-content-list ul li {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.21;
  padding-left: 13px;
  position: relative;
}

.benefits-section__card-content-list ul li::before {
  background-color: var(--red);
  border-radius: 50%;
  content: "";
  height: var(--width-dot);
  left: 0;
  position: absolute;
  top: 0.3em;
  width: var(--width-dot);
}

.benefits-section__list-title {
  color: var(--gray-metal);
}

.benefits-section__btn-spoiler {
  align-items: center;
  background-color: var(--red);
  border-radius: 32px;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: var(--offset-24);
  top: var(--offset-24);
  width: 44px;
  z-index: 2;
}

.benefits-section__btn-spoiler-icon {
  color: var(--white);
  height: 18px;
  width: 18px;
}

.benefits-section__btn-spoiler-icon._minus {
  display: none;
}

.benefits-section._card-opened .benefits-section__card-content._init-content p {
  opacity: 0;
}

.block-title {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  padding-bottom: var(--offset-40);
}

.block-title__title {
  background-color: var(--gray);
  padding: var(--offset-16) 0;
}

.block-title__wrapper {
  display: flex;
  flex-direction: column;
}

.block-title__wrapper._dir-row {
  flex-direction: row;
  flex-wrap: wrap;
}

.breadcrumbs {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  max-width: 100%;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none;
  white-space: nowrap;
}

.breadcrumbs::-webkit-scrollbar {
  display: none;
}

.breadcrumbs {
  --offset-8: 2.1333vw;
}

.breadcrumbs ul {
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.breadcrumbs ul a {
  color: var(--black-60);
  transition: color 0.3s ease-in-out;
}

.breadcrumbs ul li {
  word-break: break-all;
}

.breadcrumbs ul li:not(:last-child) {
  display: inline-block;
  padding-right: calc(var(--offset-8) * 2);
  position: relative;
}

.breadcrumbs ul li:not(:last-child)::before {
  color: var(--black-60);
  content: "/";
  position: absolute;
  right: calc(var(--offset-8) / 2);
}

.breadcrumbs__last {
  color: var(--red);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.btn {
  align-items: stretch;
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  height: fit-content;
  height: fit-content;
  max-width: 100%;
  min-height: 8.5333vw;
  transition: opacity 0.3s ease-in-out;
  width: fit-content;
  width: fit-content;

  --offset-btn-h: 5.3333vw;
}

.btn[disabled] {
  opacity: 0.6;
  pointer-events: none;
}

.btn._theme-white .btn__icon {
  background-color: var(--white);
  color: var(--black);
}

.btn__label {
  align-items: center;
  background-color: var(--gray-dark);
  border-radius: 78px;
  display: flex;
  flex: 1;
  justify-content: center;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
  padding: var(--offset-8) var(--offset-btn-h);
  text-align: center;
  text-overflow: ellipsis;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}

.btn__label-text {
  overflow: hidden;
  white-space: nowrap;
}

.btn__label-icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  transition: color 0.3s ease-in-out;
}

.btn__label-icon svg {
  height: 4.8vw;
  width: 4.8vw;
}

.btn__label._with-icon {
  gap: var(--offset-8);
}

.btn__label._icon-right {
  flex-direction: row-reverse;
}

.btn__icon {
  align-items: center;
  background-color: var(--red);
  border-radius: 32px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
  width: 11.7333vw;
}

.btn__icon svg {
  height: 4.8vw;
  width: 4.8vw;
}

.card-answer {
  align-items: center;
  background-color: var(--white);
  border-radius: var(--corner-8);
  justify-content: space-between;
  padding: var(--offset-40);
  position: relative;
}

.card-answer,
.card-answer__info {
  display: flex;
  gap: var(--offset-20);
}

.card-answer__info {
  flex-direction: column;
}

.card-answer__text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.card-answer__btn {
  z-index: 1;
}

.card-answer__btn::before {
  content: "";
  inset: 0;
  position: absolute;
}

.card-contact {
  background-color: var(--white);
  border-radius: var(--corner-8);
  flex-direction: column;
  gap: var(--offset-30);
  min-height: 24vw;
  padding: var(--offset-24);
  position: relative;
}

.card-contact,
.card-contact__top {
  display: flex;
  justify-content: space-between;
}

.card-contact__top {
  gap: var(--offset-32);
}

.card-contact__btn {
  margin-left: auto;
  z-index: 1;
}

.card-contact__btn::before {
  content: "";
  inset: 0;
  position: absolute;
}

.card-contact__desc span {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.21;
  text-transform: none;
}

.card-with-dot,
.card-with-dot__wrapper {
  height: 100%;
  width: 100%;
}

.card-with-dot__inner-wrapper,
.card-with-dot__wrapper {
  display: flex;
  flex-direction: column;
}

.card-with-dot__inner-wrapper {
  gap: var(--offset-40);
  margin-top: auto;
}

.card-with-dot__inner-wrapper._limit-width {
  width: 70%;
}

.card-with-dot__inner-wrapper._limit-width-second-type {
  width: 62.4vw;
}

.card-with-dot__btn {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}

.card-with-dot__btn._position-center {
  display: flex;
  justify-content: center;
}

.card-with-dot__content-text._clamp-1,
.card-with-dot__content-title._clamp-1,
.card-with-dot__text._clamp-1,
.card-with-dot__title._clamp-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.card-with-dot__content-text._clamp-2,
.card-with-dot__content-title._clamp-2,
.card-with-dot__text._clamp-2,
.card-with-dot__title._clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card-with-dot__content-text._clamp-3,
.card-with-dot__content-title._clamp-3,
.card-with-dot__text._clamp-3,
.card-with-dot__title._clamp-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card-with-dot__content-text._clamp-4,
.card-with-dot__content-title._clamp-4,
.card-with-dot__text._clamp-4,
.card-with-dot__title._clamp-4 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.card-with-dot__content-text._clamp-5,
.card-with-dot__content-title._clamp-5,
.card-with-dot__text._clamp-5,
.card-with-dot__title._clamp-5 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}

.card-with-dot__content-text._clamp-6,
.card-with-dot__content-title._clamp-6,
.card-with-dot__text._clamp-6,
.card-with-dot__title._clamp-6 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
}

.card-with-dot__content {
  display: flex;
  flex-direction: column;
  gap: var(--offset-20);
}

.card-with-dot__content-title span {
  color: var(--red);
}

.card-with-dot__content-text {
  display: flex;
  flex-direction: column;
  gap: var(--offset-10);
}

.card-with-dot__title {
  padding-top: var(--offset-40);
}

.card-with-dot__title._limit-width {
  width: 70%;
}

.card-with-dot._text-color-white {
  color: var(--white);
}

.card-with-dot._text-color-black {
  color: var(--black);
}

.card-with-dot._text-color-black-50 {
  color: var(--black-50);
}

.card-with-dot._text-color-black-60 {
  color: var(--black-60);
}

.card-with-dot._text-color-gray {
  color: var(--gray);
}

.card-with-dot._text-color-gray-bg {
  color: var(--gray-bg);
}

.card-with-dot._text-color-gray-cold {
  color: var(--gray-cold);
}

.card-with-dot._text-color-gray-dark {
  color: var(--gray-dark);
}

.card-with-dot._text-color-gray-metal {
  color: var(--gray-metal);
}

.card-with-dot._text-color-violet {
  color: var(--violet);
}

.card-with-dot._text-color-violet-dark {
  color: var(--violet-dark);
}

.card-with-dot._text-color-green {
  color: var(--green);
}

.card-with-dot._text-color-green-light {
  color: var(--green-light);
}

.card-with-dot._text-color-pink {
  color: var(--pink);
}

.card-with-dot._text-color-yellow {
  color: var(--yellow);
}

.card-with-dot._text-color-orange {
  color: var(--orange);
}

.card-with-dot._text-color-red {
  color: var(--red);
}

.card-with-dot._text-color-scroll {
  color: var(--scroll);
}

.cards-accordion {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--offset-100);
  overflow: hidden;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;

  --card-height: 16.5333vw;
  --big-card-scale-x: 0.1624;
  --big-card-scale-y: 0.7194;
}

.cards-accordion._card-opened
  .cards-accordion__cards-item-content._init-content
  h4,
.cards-accordion._card-opened
  .cards-accordion__cards-item-content._init-content
  p {
  opacity: 0;
}

.cards-accordion__wrapper {
  flex-direction: column;
  min-height: var(--wrapper-height);
  position: relative;
  transition: min-height 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cards-accordion__big-card,
.cards-accordion__wrapper {
  display: flex;
  gap: var(--offset-40);
  justify-content: space-between;
}

.cards-accordion__big-card {
  background-color: var(--red);
  border-radius: var(--corner-24);
  color: var(--white);
  height: 100%;
  inset: 0;
  padding: var(--offset-40);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.cards-accordion__big-card-btn,
.cards-accordion__big-card-title {
  transition: opacity 0.3s ease-in-out;
}

.cards-accordion__big-card-title {
  color: var(--white);
}

.cards-accordion__big-card-btn {
  margin-left: auto;
}

.cards-accordion__head {
  color: var(--black);
  display: flex;
  gap: var(--offset-40);
  justify-content: space-between;
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.cards-accordion__head-title span {
  color: var(--red);
}

.cards-accordion__cards {
  display: flex;
  gap: var(--offset-10);
}

.cards-accordion__cards-item {
  border-radius: var(--offset-8);
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.cards-accordion__cards-item._active
  .cards-accordion__cards-item-content._active-content {
  opacity: 1;
  pointer-events: all;
}

.cards-accordion__cards-item._active .cards-accordion__btn-spoiler-icon._minus {
  display: flex;
}

.cards-accordion__cards-item._active .cards-accordion__btn-spoiler-icon._plus {
  display: none;
}

.cards-accordion__cards-item._bg-color-white {
  background-color: var(--white);
}

.cards-accordion__cards-item._color-white {
  color: var(--white);
}

.cards-accordion__cards-item._bg-color-black {
  background-color: var(--black);
}

.cards-accordion__cards-item._color-black {
  color: var(--black);
}

.cards-accordion__cards-item._bg-color-black-50 {
  background-color: var(--black-50);
}

.cards-accordion__cards-item._color-black-50 {
  color: var(--black-50);
}

.cards-accordion__cards-item._bg-color-black-60 {
  background-color: var(--black-60);
}

.cards-accordion__cards-item._color-black-60 {
  color: var(--black-60);
}

.cards-accordion__cards-item._bg-color-gray {
  background-color: var(--gray);
}

.cards-accordion__cards-item._color-gray {
  color: var(--gray);
}

.cards-accordion__cards-item._bg-color-gray-bg {
  background-color: var(--gray-bg);
}

.cards-accordion__cards-item._color-gray-bg {
  color: var(--gray-bg);
}

.cards-accordion__cards-item._bg-color-gray-cold {
  background-color: var(--gray-cold);
}

.cards-accordion__cards-item._color-gray-cold {
  color: var(--gray-cold);
}

.cards-accordion__cards-item._bg-color-gray-dark {
  background-color: var(--gray-dark);
}

.cards-accordion__cards-item._color-gray-dark {
  color: var(--gray-dark);
}

.cards-accordion__cards-item._bg-color-gray-metal {
  background-color: var(--gray-metal);
}

.cards-accordion__cards-item._color-gray-metal {
  color: var(--gray-metal);
}

.cards-accordion__cards-item._bg-color-violet {
  background-color: var(--violet);
}

.cards-accordion__cards-item._color-violet {
  color: var(--violet);
}

.cards-accordion__cards-item._bg-color-violet-dark {
  background-color: var(--violet-dark);
}

.cards-accordion__cards-item._color-violet-dark {
  color: var(--violet-dark);
}

.cards-accordion__cards-item._bg-color-green {
  background-color: var(--green);
}

.cards-accordion__cards-item._color-green {
  color: var(--green);
}

.cards-accordion__cards-item._bg-color-green-light {
  background-color: var(--green-light);
}

.cards-accordion__cards-item._color-green-light {
  color: var(--green-light);
}

.cards-accordion__cards-item._bg-color-pink {
  background-color: var(--pink);
}

.cards-accordion__cards-item._color-pink {
  color: var(--pink);
}

.cards-accordion__cards-item._bg-color-yellow {
  background-color: var(--yellow);
}

.cards-accordion__cards-item._color-yellow {
  color: var(--yellow);
}

.cards-accordion__cards-item._bg-color-orange {
  background-color: var(--orange);
}

.cards-accordion__cards-item._color-orange {
  color: var(--orange);
}

.cards-accordion__cards-item._bg-color-red {
  background-color: var(--red);
}

.cards-accordion__cards-item._color-red {
  color: var(--red);
}

.cards-accordion__cards-item._bg-color-scroll {
  background-color: var(--scroll);
}

.cards-accordion__cards-item._color-scroll {
  color: var(--scroll);
}

.cards-accordion__cards-item-content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  inset: 0;
  justify-content: space-between;
  overflow: hidden;
  padding: var(--offset-24);
  position: absolute;
}

.cards-accordion__cards-item-content,
.cards-accordion__cards-item-content h4,
.cards-accordion__cards-item-content p {
  transition: opacity 0.3s ease-in-out;
}

.cards-accordion__cards-item-content._active-content {
  opacity: 0;
  pointer-events: none;
  width: var(--card-active-width);
}

.cards-accordion__cards-item-content._active-content
  .cards-accordion__cards-item-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.cards-accordion__cards-item-content._active-content
  .cards-accordion__cards-item-icon {
  height: 9.0667vw;
  width: 9.0667vw;
}

.cards-accordion__cards-item-content._active-content
  .cards-accordion__cards-item-title {
  max-width: 40vw;
}

.cards-accordion__cards-item-content._active-content
  .cards-accordion__cards-item-text {
  overflow: auto;
}

.cards-accordion__cards-item-content._init-content {
  opacity: 1;
}

.cards-accordion__cards-item-content._init-content h4 {
  width: 100%;
}

.cards-accordion__cards-item-icon {
  flex-shrink: 0;
  height: 9.0667vw;
  width: 9.0667vw;
}

.cards-accordion__btn-spoiler {
  align-items: center;
  background-color: var(--white);
  border-radius: 32px;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: var(--offset-24);
  top: var(--offset-24);
  width: 44px;
}

.cards-accordion__btn-spoiler-icon {
  color: var(--red);
  height: 18px;
  width: 18px;
}

.cards-accordion__btn-spoiler-icon._minus {
  display: none;
}
@keyframes wrapper-compress {
  0% {
    min-height: var(--wrapper-height);
  }

  100% {
    min-height: var(--wrapper-compressed-height);
  }
}
@keyframes head-appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes big-card-compress {
  0% {
    bottom: 0;
    opacity: 1;
    top: auto;
    transform: scale(1);
    transform-origin: left bottom;
  }

  80% {
    border-radius: 3%;
    opacity: 1;
  }

  100% {
    border-radius: 3%;
    opacity: 0;
    top: auto;
    transform: scale(var(--big-card-scale-x), var(--big-card-scale-y));
    transform-origin: left bottom;
  }
}

.cards-grid-1._type-std {
  display: grid;
  gap: var(--offset-10);
  grid-template-columns: repeat(4, 1fr);
}

.cards-grid-1._type-std .cards-grid-1__item {
  min-height: 32vw;
}

.cards-grid-1._type-secondary {
  display: grid;
  gap: var(--offset-10);
}

.cards-grid-1._type-secondary .cards-grid-1__item {
  min-height: 32vw;
}

.company-link {
  align-items: center;
  color: var(--violet-dark);
  display: flex;
  height: var(--std-link-height);
  justify-content: center;
  position: relative;
  transform: translateZ(0);
  will-change: transform;

  --std-link-radius: var(--corner-8);
  --big-link-radius: var(--corner-8);
  --std-link-height: 21.3333vw;
  --big-link-height: 21.3333vw;
}

.company-link::before {
  background-color: var(--white);
  border-radius: var(--std-link-radius);
  content: "";
  inset: 0;
  position: absolute;
  transition:
    opacity 0.3s ease-in-out,
    border-radius 0.3s ease-in-out,
    background-color 0.3s ease;
  z-index: -1;
}

.company-link:focus-visible::before {
  opacity: 0;
}

.company-link:focus-visible .company-link__hover {
  opacity: 1;
}

.company-link._size-big,
.company-link._size-big-2 {
  height: var(--big-link-height);
}

.company-link._size-big .company-link__hover,
.company-link._size-big-2 .company-link__hover,
.company-link._size-big-2::before,
.company-link._size-big::before {
  border-radius: var(--big-link-radius);
}

.company-link__hover {
  align-items: center;
  border-radius: var(--std-link-radius);
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  position: absolute;
  transition:
    opacity 0.3s ease-in-out,
    border-radius 0.3s ease-in-out;
}

.company-link__hover-icon,
.company-link__icon {
  /* height: 14.9333vw; */
  /* width: 40.8vw; */
}

.copyright-only {
  color: var(--black);
  display: inline-block;
  height: 1em;
  position: relative;
  transition: color 0.3s ease-in-out;
  width: fit-content;
  width: fit-content;
}

.copyright-only svg {
  height: 100%;
  width: auto;
  fill: currentColor;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.endothelial-dysfunction-conditions {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--offset-100);
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.endothelial-dysfunction-conditions__wrapper {
  padding: 0 var(--offset-side-container);
}

.endothelial-dysfunction-conditions__title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: var(--offset-40);
}

.endothelial-dysfunction-conditions__title span {
  color: var(--red);
}

.endothelial-dysfunction-conditions__picture-card {
  z-index: -2;
}

.endothelial-dysfunction-conditions__picture-card.wrapper-card {
  height: 82.6667vw;
}

.endothelial-dysfunction-conditions__content-wrapper {
  display: grid;
  flex-direction: column;
  gap: var(--offset-10);
}

.endothelial-dysfunction-conditions__content-list {
  display: flex;
  flex-direction: column;
  gap: var(--offset-10);
}

.endothelial-dysfunction-conditions__content-item {
  background-color: var(--white);
  border-radius: var(--corner-8);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: var(--offset-40);
}

.endothelial-dysfunction-conditions__content-item-text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

.endothelial-dysfunction-conditions__content-item-icon {
  align-items: center;
  background-color: var(--red);
  border-radius: 32px;
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  height: 8.5333vw;
  transition: background-color 0.3s ease-in-out;
  width: 11.7333vw;
}

.endothelial-dysfunction-conditions__content-item-icon svg {
  height: 4.8vw;
  width: 4.8vw;
}

.filter-section {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--offset-100);
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.filter-section__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--corner-8);
  margin-bottom: var(--offset-40);
  overflow: auto;

  --tab-vertical-padding: 2.6667vw;
  --tab-horizontal-padding: 5.3333vw;
}

.filter-section__tabs-item {
  align-items: center;
  background-color: var(--gray-cold);
  border-radius: var(--corner-8);
  color: var(--black);
  display: flex;
  flex-wrap: nowrap;
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 0.9;
  min-height: 9.0667vw;
  padding: var(--tab-vertical-padding) var(--tab-horizontal-padding);
  text-transform: uppercase;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}

.filter-section__tabs-item._active {
  background-color: var(--black);
  color: var(--white);
}

.filter-section__cards-wrapper {
  display: grid;
  gap: var(--offset-10);
}

.filter-section__cards-wrapper .card-with-dot {
  display: none;
  position: relative;
}

.filter-section__cards-wrapper .card-with-dot._active {
  display: block;
}

.filter-section__cards-wrapper .card-with-dot._wide {
  grid-column: 1 / -1;
}

.filter-section__cards-wrapper .card-with-dot._wide .wrapper-card {
  gap: 16vw;
}

.filter-section__cards-wrapper .card-with-dot .wrapper-card {
  gap: 16vw;
  padding: var(--offset-40);
}

.footer {
  margin-bottom: var(--offset-side);
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.footer__wrapper {
  border-radius: var(--corner-24);
  display: flex;
  flex-direction: column;
  height: 162.1333vw;
  justify-content: space-between;
  overflow: hidden;
  padding: var(--offset-40);
  position: relative;
}

.footer__wrapper::before {
  background-color: var(--gray);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -3;
}

.footer__mask {
  z-index: -2;
}

.footer__top {
  display: flex;
  gap: var(--offset-40);
  justify-content: space-between;
}

.footer__logo {
  display: flex;
  flex-shrink: 0;
  height: 7.7333vw;
  transition: opacity 0.3s ease-in-out;
  width: 34.9333vw;
}

.footer__cards {
  display: flex;
  flex-direction: column;
  gap: var(--offset-10);
}

.footer__bottom {
  align-items: flex-end;
  color: var(--gray-dark);
  display: flex;
  justify-content: space-between;
}

.footer__bottom-links {
  color: var(--black);
  display: contents;
}

.grid-section {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.grid-section__title span {
  color: var(--red);
}

.grid-section__wrapper-title {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: normal;
}

.grid-section__inner {
  display: grid;
  gap: var(--offset-10);
}

.grid-section__inner._cols-2._spec-3-el {
  grid-template-areas: "el1" "el3" "el2";
}

.grid-section__inner._cols-2._spec-3-el > :first-child {
  grid-area: el1;
}

.grid-section__inner._cols-2._spec-3-el > :nth-child(2) {
  grid-area: el2;
}

.grid-section__inner._cols-2._spec-3-el > :nth-child(3) {
  grid-area: el3;
}

.grid-section__inner._cols-12._spec-3-el {
  grid-template-areas: "el1 el2" "el3 el3";
  grid-template-columns: repeat(2, 1fr);
}

.grid-section__inner._cols-12._spec-3-el > :first-child {
  grid-area: el1;
}

.grid-section__inner._cols-12._spec-3-el > :nth-child(2) {
  grid-area: el2;
}

.grid-section__inner._cols-12._spec-3-el > :nth-child(3) {
  grid-area: el3;
}

.grid-section__inner._cols-12._spec-7-el {
  grid-template-areas: "el1 el2" "el3 el3" "el4 el6" "el5 el5" "el7 el7";
  grid-template-columns: repeat(2, 1fr);
}

.grid-section__inner._cols-12._spec-7-el > :first-child {
  grid-area: el1;
}

.grid-section__inner._cols-12._spec-7-el > :nth-child(2) {
  grid-area: el2;
}

.grid-section__inner._cols-12._spec-7-el > :nth-child(3) {
  grid-area: el3;
}

.grid-section__inner._cols-12._spec-7-el > :nth-child(4) {
  grid-area: el4;
}

.grid-section__inner._cols-12._spec-7-el > :nth-child(5) {
  grid-area: el5;
}

.grid-section__inner._cols-12._spec-7-el > :nth-child(6) {
  grid-area: el6;
}

.grid-section__inner._cols-12._spec-7-el > :nth-child(7) {
  grid-area: el7;
}

.grid-section__item {
  height: 100%;
}

.grid-section__item._height-166 {
  height: 29.6vw;
}

.grid-section__item._height-166-2 {
  height: 42.6667vw;
}

.grid-section__item._height-194 {
  height: 34.1333vw;
}

.grid-section__item._height-225 {
  height: 50.4vw;
}

.grid-section__item._height-342 {
  height: 74.6667vw;
}

.grid-section__item._height-460 {
  height: 101.3333vw;
}

.grid-section__item._height-602 {
  height: 81.3333vw;
}

.grid-section__btn {
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}

.grid-section__btn._bottom-80 {
  bottom: 10.6667vw;
}

.grid-section-2 {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.grid-section-2__title span {
  color: var(--red);
}

.grid-section-2__cards {
  display: grid;
  gap: var(--offset-10);
}

.grid-section-2__card {
  height: 45.3333vw;
}

.grid-section-2__card-bottom {
  margin-top: auto;
  width: fit-content;
  width: fit-content;
}

.grid-section-2__card-bottom svg {
  color: var(--black);
  flex-shrink: 0;
  height: var(--height);
  width: var(--width);

  --width: 11.7333vw;
}

.grid-section-2__card-top {
  display: flex;
  gap: var(--offset-8);
}

.grid-section-2__card-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--offset-16) !important;
}

.header {
  align-items: center;
  background-color: var(--gray-bg);
  display: flex;
  height: var(--header-height);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: transform 0.3s ease-in-out;
  z-index: 400;
}

.header._hidden {
  transform: translateY(-100%);
}

.header__content {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.header__logo-link {
  flex-shrink: 0;
  width: 30.9333vw;
}

.header__logo-link[disabled] {
  pointer-events: none;
}

.header__menu {
  display: flex;
  gap: var(--offset-16);
}

.header__actions {
  align-items: center;
  display: flex;
  gap: var(--offset-8);
}

.header__btn-sandwich {
  align-items: center;
  background-color: var(--red);
  border-radius: 32px;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
  width: 11.7333vw;
}

.header__btn-sandwich-icon svg {
  height: 4.8vw;
  width: 4.8vw;
}

.header__btn-sandwich-icon._close {
  display: none;
}

.header__sandwich {
  background-color: var(--gray-bg);
  display: flex;
  flex-direction: column;
  gap: 32px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  overflow: hidden;
  padding: 20px;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(-100%);
  transition:
    opacity 0.3s ease-in-out,
    transform 0.3s ease-in-out;
  width: 100%;
  z-index: -1;
}

.header__sandwich-menu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

html._s-open .header::after {
  opacity: 1;
}

html._s-open .header__sandwich {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

html._s-open .header__btn-sandwich-icon._open {
  display: none;
}

html._s-open .header__btn-sandwich-icon._close {
  display: flex;
}

.html-content,
.html-content__item,
.html-content__item.picture {
  max-width: 100%;
  overflow: hidden;
}

.html-content__item.picture {
  border-radius: var(--corner-8);
  display: flex;
  width: 100%;
}

.html-content__item.picture img {
  height: auto;
  width: 100%;
}

.html-content__item._offset-top-8 {
  margin-top: var(--offset-8);
}

.html-content__item._offset-top-10 {
  margin-top: var(--offset-10);
}

.html-content__item._offset-top-12 {
  margin-top: var(--offset-12);
}

.html-content__item._offset-top-16 {
  margin-top: var(--offset-16);
}

.html-content__item._offset-top-20 {
  margin-top: var(--offset-20);
}

.html-content__item._offset-top-24 {
  margin-top: var(--offset-24);
}

.html-content__item._offset-top-30 {
  margin-top: var(--offset-30);
}

.html-content__item._offset-top-40 {
  margin-top: var(--offset-40);
}

.html-content__item._offset-top-60 {
  margin-top: var(--offset-60);
}

.html-content__item._offset-top-80 {
  margin-top: var(--offset-80);
}

.html-content__item._offset-top-100 {
  margin-top: var(--offset-100);
}

.html-content__item._offset-bottom-8 {
  margin-bottom: var(--offset-8);
}

.html-content__item._offset-bottom-10 {
  margin-bottom: var(--offset-10);
}

.html-content__item._offset-bottom-12 {
  margin-bottom: var(--offset-12);
}

.html-content__item._offset-bottom-16 {
  margin-bottom: var(--offset-16);
}

.html-content__item._offset-bottom-20 {
  margin-bottom: var(--offset-20);
}

.html-content__item._offset-bottom-24 {
  margin-bottom: var(--offset-24);
}

.html-content__item._offset-bottom-30 {
  margin-bottom: var(--offset-30);
}

.html-content__item._offset-bottom-40 {
  margin-bottom: var(--offset-40);
}

.html-content__item._offset-bottom-60 {
  margin-bottom: var(--offset-60);
}

.html-content__item._offset-bottom-80 {
  margin-bottom: var(--offset-80);
}

.html-content__item._offset-bottom-100 {
  margin-bottom: var(--offset-100);
}

.html-content__item._with-dot {
  padding-left: 5.3333vw;
  position: relative;
}

.html-content__item._with-dot::before {
  background-color: var(--red);
  border-radius: 50%;
  content: "";
  height: 1.6vw;
  left: 0;
  position: absolute;
  top: 1.3333vw;
  width: 1.6vw;
}

.html-content__item._text a {
  transition: color 0.3s ease-in-out;
}

.html-content__item[data-num] {
  display: flex;
  position: relative;
}

.html-content__item[data-num]::before {
  content: attr(data-num) ".";
  min-width: 5.3333vw;
}

.html-content__item._color-white {
  color: var(--white);
}

.html-content__item._color-black {
  color: var(--black);
}

.html-content__item._color-black-50 {
  color: var(--black-50);
}

.html-content__item._color-black-60 {
  color: var(--black-60);
}

.html-content__item._color-gray {
  color: var(--gray);
}

.html-content__item._color-gray-bg {
  color: var(--gray-bg);
}

.html-content__item._color-gray-cold {
  color: var(--gray-cold);
}

.html-content__item._color-gray-dark {
  color: var(--gray-dark);
}

.html-content__item._color-gray-metal {
  color: var(--gray-metal);
}

.html-content__item._color-violet {
  color: var(--violet);
}

.html-content__item._color-violet-dark {
  color: var(--violet-dark);
}

.html-content__item._color-green {
  color: var(--green);
}

.html-content__item._color-green-light {
  color: var(--green-light);
}

.html-content__item._color-pink {
  color: var(--pink);
}

.html-content__item._color-yellow {
  color: var(--yellow);
}

.html-content__item._color-orange {
  color: var(--orange);
}

.html-content__item._color-red {
  color: var(--red);
}

.html-content__item._color-scroll {
  color: var(--scroll);
}

.lead-main {
  overflow: hidden;
  padding-top: var(--offset-40);
  position: relative;

  --pd-offset: 20px;
}

.lead-main._config-2 .lead-main__grid-item .wrapper-card {
  padding: var(--offset-20);
}

.lead-main__content {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
}

.lead-main__content,
.lead-main__title {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.lead-main__title {
  padding-left: 0;
  padding-right: 0;
}

.lead-main__title h1 {
  color: var(--red);
}

.lead-main__title h2 {
  color: var(--black);
}

.lead-main__title span {
  color: var(--red);
}

.lead-main__grid {
  display: grid;
  gap: var(--offset-10);
  grid-template-areas: "a a" "b e" "c c" "f f" "g d";
  grid-template-columns: repeat(2, 1fr);
  height: fit-content;
  height: fit-content;
}

.lead-main__grid-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lead-main__grid-item:first-child {
  grid-area: a;
  height: 61.3333vw;
}

.lead-main__grid-item:nth-child(2) {
  grid-area: b;
  height: 32vw;
}

.lead-main__grid-item:nth-child(3) {
  border-radius: 100000px;
  grid-area: c;
  height: 33.3333vw;
}

.lead-main__grid-item:nth-child(4) {
  border-radius: 60px;
  grid-area: d;
  height: 45.3333vw;
}

.lead-main__grid-item:nth-child(5) {
  grid-area: e;
  height: 32vw;
}

.lead-main__grid-item:nth-child(6) {
  border-radius: 10000px;
  grid-area: f;
  height: 37.3333vw;
}

.lead-main__grid-item:nth-child(7) {
  grid-area: g;
  height: 45.3333vw;
}

.lead-main__item-content {
  color: var(--black);
}

.lead-main._offset-top-100 {
  padding-top: var(--offset-100);
}

.lead-with-breadcrumbs {
  display: flex;
  flex-direction: column;
  gap: var(--offset-100);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.lead-with-breadcrumbs__content {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
}

.lead-with-breadcrumbs__content-title {
  hyphens: manual;
}

.link {
  border-bottom: 1px solid;
  color: var(--black);
}

.link,
.menu-link {
  transition: color 0.3s ease-in-out;
  width: fit-content;
  width: fit-content;
}

.menu-link {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.menu-link._sandwich .menu-link__dot {
  display: none;
}

.menu-link._side {
  flex-direction: row-reverse;
  gap: var(--offset-12);
  justify-content: center;
}

.menu-link:not(._side) {
  gap: var(--offset-8);
}

.menu-link:not(._side) .menu-link__dot {
  margin-top: auto;
}

.menu-link._active {
  color: var(--red);
  pointer-events: none;
}

.menu-link._active .menu-link__dot {
  opacity: 1;
}

.menu-link__dot {
  background-color: currentColor;
  border-radius: 100%;
  flex-shrink: 0;
  height: 1.6vw;
  opacity: 0;
  transition:
    color 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  width: 1.6vw;
}

.next-question-section {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.next-question-section__title {
  margin-bottom: var(--offset-40);
  margin-top: var(--offset-100);
}

.next-question-section__title span {
  color: var(--red);
}

.not-found {
  display: grid;
  gap: var(--offset-10);
  grid-template-areas: "el1" "el2";
  margin-left: auto;
  margin-right: auto;
  padding: var(--offset-40) 0 var(--offset-100);
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.not-found__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--offset-40) !important;
}

.not-found__card:not(.not-found__card._height-small) {
  grid-area: el2;
  height: 80vw;
}

.not-found__card._height-small {
  grid-area: el1;
  height: 45.3333vw;
}

.promo-block {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.promo-block__cards {
  display: grid;
  gap: var(--offset-10);
  grid-template-areas: "a a" "b b" "d d" "e c" "f f" "g g" "h h" "l l";
  grid-template-columns: repeat(2, 1fr);
}

.promo-block__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.promo-block__card:first-child {
  grid-area: a;
  height: 50.6667vw;
}

.promo-block__card:nth-child(2) {
  grid-area: b;
  height: 29.3333vw;
}

.promo-block__card:nth-child(3) {
  border-radius: 660px;
  grid-area: c;
  height: 56.5333vw;
}

.promo-block__card:nth-child(4) {
  grid-area: d;
  height: 45.3333vw;
}

.promo-block__card:nth-child(5) {
  border-radius: 120px;
  grid-area: e;
  height: 56.5333vw;
}

.promo-block__card:nth-child(6) {
  grid-area: f;
  height: 18.4vw;
}

.promo-block__card:nth-child(7) {
  grid-area: g;
  height: 53.3333vw;
}

.promo-block__card:nth-child(8) {
  grid-area: h;
  height: 42.6667vw;
}

.promo-block__card:nth-child(9) {
  border-radius: 660px;
  grid-area: l;
  height: 45.3333vw;
}

.promo-block__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.promo-block__content-title span {
  color: var(--red);
}

.promo-block__content-title._center {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.promo-block__content-text {
  margin-top: auto;
}

.promo-block__card-bg {
  height: 100%;
  width: 100%;
}

.promo-block__card-link {
  background-color: var(--yellow);
  border-radius: var(--corner-8);
  display: flex;
  flex-direction: column;
  height: 45.3333vw;
  justify-content: space-between;
  padding: var(--offset-24);
  width: 43.2vw;
}

.promo-block__card-link-arrow {
  height: 4.2667vw;
  margin-left: auto;
  width: 4.2667vw;
}

.promo-block__card-link-arrow svg {
  color: var(--black);
}

.promo-block__card-link-text {
  position: relative;
  -webkit-text-decoration: underline transparent;
  text-decoration: underline transparent;
  transition: text-decoration-color 0.3s ease-in-out;
}

.promo-block__card-info {
  background-color: var(--orange);
  display: flex;
  flex-direction: column;
  height: 32vw;
  justify-content: space-between;
  left: 50%;
  padding: var(--offset-24);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 52vw;
}

.question-answer-sections {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.question-answer-sections__footnote {
  color: var(--violet-dark);
}

.question-answer-sections__questions {
  display: flex;
  flex-direction: column;
  gap: var(--offset-10);
}

.read-also {
  margin-bottom: var(--offset-100);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.read-also__wrapper {
  padding: 0 var(--offset-side-container);
}

.read-also__title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: var(--offset-40);
}

.read-also__cards-wrapper {
  display: grid;
  gap: var(--offset-10);
}

.read-also .wrapper-card {
  gap: 16vw;
  padding: var(--offset-40);
}

.risk-factors {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--offset-100);
  overflow: hidden;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.risk-factors__title-wrapper {
  margin-bottom: var(--offset-40);
  padding: 0 var(--offset-side-container);
}

.risk-factors__title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
  width: 89.3333vw;
}

.risk-factors__title span {
  color: var(--red);
}

.risk-factors__text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin-top: 6.4vw;
  width: 89.3333vw;
}

.risk-factors__tabs {
  display: flex;
  gap: var(--corner-8);
  margin-bottom: var(--offset-40);
  max-width: 100%;
  overflow: auto;
  scrollbar-width: none;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;

  --tab-vertical-padding: 2.6667vw;
  --tab-horizontal-padding: 5.3333vw;
}

.risk-factors__tabs-wrapper {
  padding: 0 var(--offset-side-container);
}

.risk-factors__tabs::-webkit-scrollbar {
  display: none;
}

.risk-factors__tabs-item {
  align-items: center;
  background-color: var(--gray-cold);
  border-radius: var(--corner-8);
  color: var(--black);
  display: flex;
  flex-wrap: nowrap;
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 0.9;
  min-height: 9.0667vw;
  padding: var(--tab-vertical-padding) var(--tab-horizontal-padding);
  text-transform: uppercase;
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}

.risk-factors__tabs-item:first-child {
  display: none;
}

.risk-factors__tabs-item._bg-color-white._active {
  background-color: var(--white);
}

.risk-factors__tabs-item._color-white._active {
  color: var(--white);
}

.risk-factors__tabs-item._bg-color-black._active {
  background-color: var(--black);
}

.risk-factors__tabs-item._color-black._active {
  color: var(--black);
}

.risk-factors__tabs-item._bg-color-black-50._active {
  background-color: var(--black-50);
}

.risk-factors__tabs-item._color-black-50._active {
  color: var(--black-50);
}

.risk-factors__tabs-item._bg-color-black-60._active {
  background-color: var(--black-60);
}

.risk-factors__tabs-item._color-black-60._active {
  color: var(--black-60);
}

.risk-factors__tabs-item._bg-color-gray._active {
  background-color: var(--gray);
}

.risk-factors__tabs-item._color-gray._active {
  color: var(--gray);
}

.risk-factors__tabs-item._bg-color-gray-bg._active {
  background-color: var(--gray-bg);
}

.risk-factors__tabs-item._color-gray-bg._active {
  color: var(--gray-bg);
}

.risk-factors__tabs-item._bg-color-gray-cold._active {
  background-color: var(--gray-cold);
}

.risk-factors__tabs-item._color-gray-cold._active {
  color: var(--gray-cold);
}

.risk-factors__tabs-item._bg-color-gray-dark._active {
  background-color: var(--gray-dark);
}

.risk-factors__tabs-item._color-gray-dark._active {
  color: var(--gray-dark);
}

.risk-factors__tabs-item._bg-color-gray-metal._active {
  background-color: var(--gray-metal);
}

.risk-factors__tabs-item._color-gray-metal._active {
  color: var(--gray-metal);
}

.risk-factors__tabs-item._bg-color-violet._active {
  background-color: var(--violet);
}

.risk-factors__tabs-item._color-violet._active {
  color: var(--violet);
}

.risk-factors__tabs-item._bg-color-violet-dark._active {
  background-color: var(--violet-dark);
}

.risk-factors__tabs-item._color-violet-dark._active {
  color: var(--violet-dark);
}

.risk-factors__tabs-item._bg-color-green._active {
  background-color: var(--green);
}

.risk-factors__tabs-item._color-green._active {
  color: var(--green);
}

.risk-factors__tabs-item._bg-color-green-light._active {
  background-color: var(--green-light);
}

.risk-factors__tabs-item._color-green-light._active {
  color: var(--green-light);
}

.risk-factors__tabs-item._bg-color-pink._active {
  background-color: var(--pink);
}

.risk-factors__tabs-item._color-pink._active {
  color: var(--pink);
}

.risk-factors__tabs-item._bg-color-yellow._active {
  background-color: var(--yellow);
}

.risk-factors__tabs-item._color-yellow._active {
  color: var(--yellow);
}

.risk-factors__tabs-item._bg-color-orange._active {
  background-color: var(--orange);
}

.risk-factors__tabs-item._color-orange._active {
  color: var(--orange);
}

.risk-factors__tabs-item._bg-color-red._active {
  background-color: var(--red);
}

.risk-factors__tabs-item._color-red._active {
  color: var(--red);
}

.risk-factors__tabs-item._bg-color-scroll._active {
  background-color: var(--scroll);
}

.risk-factors__tabs-item._color-scroll._active {
  color: var(--scroll);
}

.risk-factors__banners-item {
  background-color: var(--white);
  border-radius: var(--corner-8);
  gap: var(--offset-40);
  height: 0;
  opacity: 0;
  padding: 0 var(--offset-24);
  pointer-events: none;
}

.risk-factors__banners-item,
.risk-factors__banners-item._active {
  display: grid;
  transition:
    opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1),
    height 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.risk-factors__banners-item._active {
  grid-template-columns: 1fr;
  height: min-content;
  height: min-content;
  justify-content: center;
  opacity: 1;
  pointer-events: all;
}

.risk-factors__banners-item-picture {
  display: block;
  height: 53.3333vw;
  margin-top: var(--offset-24);
  pointer-events: none;
  width: 81.8667vw;
}

.risk-factors__banners-item-picture img {
  border-radius: var(--corner-8);
  height: 53.3333vw;
  width: 81.8667vw;
}

.risk-factors__banners-item-description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: var(--offset-24);
}

.risk-factors__banners-item-description__title-wrapper {
  align-items: center;
  display: flex;
  gap: 5.3333vw;
  margin-bottom: 6.4vw;
}

.risk-factors__banners-item-description__title-icon {
  flex-shrink: 0;
  height: 9.0667vw;
  width: 9.0667vw;
}

.risk-factors__banners-item-description__card-close {
  align-self: flex-start;
  cursor: pointer;
  margin-left: auto;
}

.risk-factors__banners-item-description__card-close svg {
  height: 24px;
  width: 24px;
}

.risk-factors__banners-item-description__text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.21;
}

.risk-factors__banners-item-description__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.risk-factors__banners-item-description__text-with-dot span {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.21;
  text-transform: unset;
}

.sidebar {
  background-color: var(--gray);
  border-radius: var(--corner-8);
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  padding: var(--offset-40) var(--offset-24);
  position: sticky;
  top: calc(var(--offset-40) + var(--header-height));
  transition: top 0.3s ease-in-out;
  width: 100%;
}

body._header-hidden .sidebar {
  top: var(--offset-40);
}

.sidebar__content {
  display: flex;
  flex-direction: column;
  gap: var(--offset-24);
}

.sidebar__content._bottom {
  gap: var(--offset-40);
}

.sidebar__items {
  gap: var(--offset-12);
}

.sidebar__banner,
.sidebar__items {
  display: flex;
  flex-direction: column;
}

.sidebar__banner {
  align-items: center;
}

.sidebar__banner-picture {
  height: 53.8667vw;
  width: 68vw;
}

.sidebar__banner-picture._tablet {
  display: none;
}

.sidebar__banner-picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.sidebar__banner-button._tablet {
  display: none;
  margin-top: auto;
}

.spoiler._opened .spoiler__btn-icon_minus {
  display: flex;
}

.spoiler._opened .spoiler__btn-icon_plus {
  display: none;
}

.spoiler._opened._content-bg-white .spoiler__btn {
  border-radius: var(--corner-8) var(--corner-8) 0 0;
}

.spoiler._opened-always .spoiler__btn {
  pointer-events: none;
}

.spoiler._opened-always .spoiler__btn-icon {
  display: none;
}

.spoiler._opened-always .spoiler__html-content {
  padding: 0 var(--offset-40) var(--offset-40);
}

.spoiler._content-bg-white .spoiler__body {
  background-color: var(--white);
}

.spoiler__label {
  align-self: center;
  color: var(--gray-dark);
}

.spoiler__btn {
  background-color: var(--white);
  border-radius: var(--corner-8);
  display: flex;
  justify-content: space-between;
  padding: var(--offset-40);
  text-align: left;
  width: 100%;
}

.spoiler__btn-icon {
  align-items: center;
  background-color: var(--red);
  border-radius: 32px;
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  height: 8.5333vw;
  justify-content: center;
  margin-left: auto;
  transition: background-color 0.3s ease-in-out;
  width: 11.7333vw;
}

.spoiler__btn-icon_minus,
.spoiler__btn-icon_plus {
  height: 4.8vw;
  width: 4.8vw;
}

.spoiler__btn-icon_minus {
  display: none;
}

.spoiler__body {
  border-radius: 0 0 var(--corner-8) var(--corner-8);
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.spoiler__body-col-list {
  display: grid;
  gap: var(--offset-10);
  grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
  padding: var(--offset-30);
}

.spoiler__body-col-list-col {
  flex: 1;
}

.spoiler__body-col {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--offset-12);
}

.spoiler__body-col-content cite {
  font-style: normal;
}

.spoiler__body-col-content a {
  transition: color 0.3s ease-in-out;
}

.spoiler__html-content {
  padding: var(--offset-30);
}

.spoiler-list {
  display: flex;
  flex-direction: column;
  gap: var(--offset-10);
}

.spoiler-list._section {
  padding: var(--offset-100) 0;
}

.spoiler-list._section,
.stats-block {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.stats-block {
  gap: var(--offset-40);
  padding-top: var(--offset-100);
}

.stats-block,
.stats-block__wrapper {
  display: flex;
  flex-direction: column;
}

.stats-block__wrapper {
  background-color: var(--gray);
  border-radius: var(--corner-8);
  gap: var(--offset-10);
}

.stats-block__right {
  align-items: flex-end;
  color: var(--white);
  display: flex;
  height: 100%;
  padding: var(--offset-40) !important;
  position: relative;
  width: 100%;
  z-index: 1;
}

.stats-block__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--offset-40);
  width: 100%;
}

.stats-block__left-title {
  color: var(--black);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}

.stats-block__left-title span {
  color: var(--red);
}

.stats-block__left-text {
  color: var(--black);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
}

.stats-block__left-content {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
}

.stats-block__right-stats-container {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: auto;
}

.stats-block__right-stats-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.stats-block__right-container {
  gap: 2.6667vw;
}

.stats-block__right-container,
.stats-block__right-stats {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.stats-block__right-stats {
  overflow: hidden;
  position: relative;
}

.stats-block__right-stats::after {
  background: url("/assets/icons/stats-line.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  font-family: Rubik, Arial, sans-serif;
  font-size: 2.625rem;
  font-weight: 400;
  height: 100%;
  left: 0;
  letter-spacing: -0.04em;
  line-height: 1.2;
  position: absolute;
  top: 0.5em;
  width: 15px;
}

.stats-block__right-stats {
  min-height: 136px;
  padding-left: 25px;
}

.stats-block__right-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

.template-with-sidebar {
  align-items: flex-start;
  grid-template-columns: auto 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.template-with-sidebar,
.test-preview {
  display: grid;
  gap: var(--offset-40);
}

.test-preview {
  grid-template-areas: "el1" "el2";
}

.test-preview__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--offset-40) !important;
}

.test-preview__card:not(.test-preview__card._height-small) {
  grid-area: el2;
  height: 89.3333vw;
}

.test-preview__card._height-small {
  grid-area: el1;
  height: 37.3333vw;
}

.test-questions {
  flex-direction: column;
  min-height: 133.3333vw;
  overflow: hidden;
}

.test-questions,
.test-questions__bottom {
  display: flex;
  gap: var(--offset-16);
  position: relative;
}

.test-questions__bottom {
  align-items: flex-end;
  margin-top: auto;
  z-index: 1;
}

.test-questions__pictures {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.test-questions__question-picture {
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}

.test-questions__question-picture._active {
  opacity: 1;
}

.test-questions__question-picture img,
.test-questions__question-picture picture {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.test-questions__viewport {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.test-questions__track {
  display: flex;
  transition: transform 0.3s ease-in-out;
  will-change: transform;
}

.test-questions__slide {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  gap: var(--offset-40);
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}

.test-questions__slide._active {
  opacity: 1;
  pointer-events: auto;
}

.test-questions__question-footnote {
  color: var(--black-50);
}

.test-questions__answers {
  display: flex;
  flex-wrap: wrap;
  gap: var(--offset-10);
}

.test-questions__answer {
  cursor: pointer;
  display: flex;
}

.test-questions__answer-input {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.test-questions__answer-label {
  align-items: center;
  background-color: var(--gray-cold);
  border-radius: var(--corner-8);
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0;
  line-height: 0.9;
  min-height: 9.0667vw;
  padding-inline: 5.3333vw;
  text-transform: uppercase;
  transition:
    color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  width: fit-content;
  width: fit-content;
}

.test-questions__answer-input:checked + .test-questions__answer-label {
  background-color: var(--black);
  color: var(--white);
}

.test-questions__actions {
  align-items: center;
  display: flex;
  gap: var(--offset-10);
  justify-content: flex-end;
}

.test-questions__nav[hidden] {
  display: none;
}

.test-questions__nav-prev[hidden] {
  pointer-events: none;
  visibility: hidden;
}

.test-questions__nav-next .btn__label {
  background-color: var(--gray-dark);
  color: var(--white);
  letter-spacing: 0.04em;
  width: 100%;
}

.test-questions__nav-prev {
  border-radius: 999px;
  box-shadow: inset 0 0 0 2px var(--black);
  overflow: hidden;
}

.test-questions__nav-prev .btn__label {
  background-color: transparent;
  color: var(--black);
  letter-spacing: 0.03em;
  width: 100%;
}

.test-questions__nav-prev .btn__label-icon {
  color: var(--black);
}

.test-result__card {
  display: flex;
  flex-direction: column;
  gap: var(--offset-40);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: var(--offset-100);
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  width: 100%;
}

.test-result__risk-meta {
  color: var(--gray);
}

.test-result__recommendations {
  display: grid;
  gap: var(--offset-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.test-result__recommendations-item {
  padding-left: 5.3333vw;
  position: relative;
}

.test-result__recommendations-item::before {
  background-color: var(--red);
  border-radius: 50%;
  content: "";
  height: 1.6vw;
  left: 0;
  position: absolute;
  top: 1.3333vw;
  width: 1.6vw;
}

.test-result__recommendations-content p {
  margin: 0;
}

.test-result__recommendations-content ul {
  display: flex;
  flex-direction: column;
  gap: var(--offset-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.test-result__recommendations-content p + ul {
  margin-top: var(--offset-16);
}

.test-result__recommendations-content ul + p {
  margin-top: var(--offset-24);
}

.test-result__recommendations-content li {
  padding-left: 5.3333vw;
  position: relative;
}

.test-result__recommendations-content li::before {
  background-color: var(--red);
  border-radius: 50%;
  content: "";
  height: 1.6vw;
  left: 0;
  position: absolute;
  top: 1.3333vw;
  width: 1.6vw;
}

.test-result__promo-wrap {
  margin-bottom: var(--offset-100);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.test-result__promo {
  display: flex;
  flex-direction: column;
  gap: var(--offset-12);
  min-height: 168vw;
}

.test-result__promo-picture-mobile {
  display: none;
  position: relative;
}

.test-result__promo-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--offset-12);
  max-width: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.test-result__promo-title span {
  color: var(--red);
}

.test-result__promo-btn {
  margin-top: auto;
  width: fit-content !important;
  width: fit-content !important;
}

.test-result__promo-tag {
  color: var(--gray-dark);
  padding-left: 5.3333vw;
  position: relative;
  width: fit-content;
  width: fit-content;
}

.test-result__promo-tag::before {
  background-color: var(--red);
  border-radius: 50%;
  content: "";
  height: 1.6vw;
  left: 0;
  position: absolute;
  top: 1.3333vw;
  width: 1.6vw;
}

.test-result__promo-list {
  display: grid;
  gap: var(--offset-8);
}

.test-result__promo-item {
  padding-left: 5.3333vw;
  position: relative;
}

.test-result__promo-item::before {
  background-color: var(--red);
  border-radius: 50%;
  content: "";
  height: 1.6vw;
  left: 0;
  position: absolute;
  top: 1.3333vw;
  width: 1.6vw;
}

.test-result__retry {
  display: grid;
  gap: var(--offset-40);
  margin-bottom: var(--offset-100);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.test-result__retry-card {
  align-content: space-between;
  display: grid;
  height: 37.3333vw;
}

.test-result__retry-text {
  display: grid;
  gap: var(--offset-8);
}

.test-result__retry-content {
  display: grid;
  gap: var(--offset-40);
}

.test-result__retry-list ul {
  display: grid;
  gap: var(--offset-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.test-result__retry-list li {
  padding-left: 5.3333vw;
  position: relative;
}

.test-result__retry-list li::before {
  background-color: var(--red);
  border-radius: 50%;
  content: "";
  height: 1.6vw;
  left: 0;
  position: absolute;
  top: 1.3333vw;
  width: 1.6vw;
}

.test-result__links {
  margin-bottom: var(--offset-100);
  margin-top: var(--offset-24);
  padding-inline: var(--offset-side);
}

.test-result__btn {
  width: 100%;
}

.test-section {
  overflow: hidden;
  padding-bottom: var(--offset-100);
  padding-top: var(--offset-40);

  --height-big: 133.3333vw;
  --height-small: 133.3333vw;
}

.test-section__wrapper {
  display: grid;
  height: var(--height-big);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  transition: height 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}

.test-section .test-preview {
  grid-area: 1/1;
  height: var(--height-big);
  opacity: 1;
  overflow: hidden;
  transform: translateY(0);
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out,
    height 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

.test-section .test-questions {
  grid-area: 1/1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(40%);
  transition:
    transform 0.3s ease-in-out 0.05s,
    opacity 0.3s ease-in-out 0.05s;
  z-index: 1;
}

.test-section._started .test-section__wrapper {
  height: var(--height-small);
}

.test-section._started .test-preview {
  height: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-110%);
}

.test-section._started .test-questions {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.text-with-dot {
  --dot-color: var(--red);
  --width-dot: 7px;
}

.text-with-dot__tag {
  display: flex;
  hyphens: auto;
  min-height: var(--width-dot);
  min-width: var(--width-dot);
  padding-left: 13px;
  position: relative;
  word-break: break-word;
}

.text-with-dot__tag::before {
  background-color: var(--dot-color);
  border-radius: 50%;
  content: "";
  height: var(--width-dot);
  left: 0;
  position: absolute;
  top: 3px;
  width: var(--width-dot);
}

.text-with-dot__tag._white {
  --dot-color: var(--white);
}

.text-with-dot__tag._big {
  --width-dot: 8px;
}

.text-with-dot__tag._big::before {
  top: 0;
}

.therapy-areas {
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--offset-100);
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  width: 100%;
}

.therapy-areas__title-wrapper {
  margin-bottom: var(--offset-40);
  padding: 0 var(--offset-side-container);
}

.therapy-areas__title {
  font-family: Rubik, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
  width: 89.3333vw;
}

.therapy-areas__title span {
  color: var(--red);
}

.therapy-areas__text {
  font-family: Rubik, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin-top: 6.4vw;
  width: 89.3333vw;
}

.therapy-areas__cards-accordion {
  padding: 0 var(--offset-side-container);
}

.therapy-areas__cards-accordion__cards {
  display: flex;
  flex-direction: column;
  gap: var(--offset-10);
}

.therapy-areas__cards-accordion__cards-item {
  border-radius: var(--offset-8);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.therapy-areas__cards-accordion__cards-item._bg-color-white {
  background-color: var(--white);
}

.therapy-areas__cards-accordion__cards-item._color-white {
  color: var(--white);
}

.therapy-areas__cards-accordion__cards-item._bg-color-black {
  background-color: var(--black);
}

.therapy-areas__cards-accordion__cards-item._color-black {
  color: var(--black);
}

.therapy-areas__cards-accordion__cards-item._bg-color-black-50 {
  background-color: var(--black-50);
}

.therapy-areas__cards-accordion__cards-item._color-black-50 {
  color: var(--black-50);
}

.therapy-areas__cards-accordion__cards-item._bg-color-black-60 {
  background-color: var(--black-60);
}

.therapy-areas__cards-accordion__cards-item._color-black-60 {
  color: var(--black-60);
}

.therapy-areas__cards-accordion__cards-item._bg-color-gray {
  background-color: var(--gray);
}

.therapy-areas__cards-accordion__cards-item._color-gray {
  color: var(--gray);
}

.therapy-areas__cards-accordion__cards-item._bg-color-gray-bg {
  background-color: var(--gray-bg);
}

.therapy-areas__cards-accordion__cards-item._color-gray-bg {
  color: var(--gray-bg);
}

.therapy-areas__cards-accordion__cards-item._bg-color-gray-cold {
  background-color: var(--gray-cold);
}

.therapy-areas__cards-accordion__cards-item._color-gray-cold {
  color: var(--gray-cold);
}

.therapy-areas__cards-accordion__cards-item._bg-color-gray-dark {
  background-color: var(--gray-dark);
}

.therapy-areas__cards-accordion__cards-item._color-gray-dark {
  color: var(--gray-dark);
}

.therapy-areas__cards-accordion__cards-item._bg-color-gray-metal {
  background-color: var(--gray-metal);
}

.therapy-areas__cards-accordion__cards-item._color-gray-metal {
  color: var(--gray-metal);
}

.therapy-areas__cards-accordion__cards-item._bg-color-violet {
  background-color: var(--violet);
}

.therapy-areas__cards-accordion__cards-item._color-violet {
  color: var(--violet);
}

.therapy-areas__cards-accordion__cards-item._bg-color-violet-dark {
  background-color: var(--violet-dark);
}

.therapy-areas__cards-accordion__cards-item._color-violet-dark {
  color: var(--violet-dark);
}

.therapy-areas__cards-accordion__cards-item._bg-color-green {
  background-color: var(--green);
}

.therapy-areas__cards-accordion__cards-item._color-green {
  color: var(--green);
}

.therapy-areas__cards-accordion__cards-item._bg-color-green-light {
  background-color: var(--green-light);
}

.therapy-areas__cards-accordion__cards-item._color-green-light {
  color: var(--green-light);
}

.therapy-areas__cards-accordion__cards-item._bg-color-pink {
  background-color: var(--pink);
}

.therapy-areas__cards-accordion__cards-item._color-pink {
  color: var(--pink);
}

.therapy-areas__cards-accordion__cards-item._bg-color-yellow {
  background-color: var(--yellow);
}

.therapy-areas__cards-accordion__cards-item._color-yellow {
  color: var(--yellow);
}

.therapy-areas__cards-accordion__cards-item._bg-color-orange {
  background-color: var(--orange);
}

.therapy-areas__cards-accordion__cards-item._color-orange {
  color: var(--orange);
}

.therapy-areas__cards-accordion__cards-item._bg-color-red {
  background-color: var(--red);
}

.therapy-areas__cards-accordion__cards-item._color-red {
  color: var(--red);
}

.therapy-areas__cards-accordion__cards-item._bg-color-scroll {
  background-color: var(--scroll);
}

.therapy-areas__cards-accordion__cards-item._color-scroll {
  color: var(--scroll);
}

.therapy-areas__cards-accordion__cards-item-icon {
  flex-shrink: 0;
  height: 10.6667vw;
  width: 10.6667vw;
}

.therapy-areas__cards-accordion__cards-item-content {
  align-items: center;
  display: flex;
  gap: var(--gap-40);
  overflow: hidden;
  padding: var(--offset-24);
  transition: opacity 0.3s ease-in-out;
}

.therapy-areas__cards-accordion__cards-item-content p {
  padding: var(--offset-24);
  padding-top: 1.6vw;
  transition: opacity 0.3s ease-in-out;
}

.therapy-areas__cards-accordion__cards-item-content._active-content {
  max-height: 0;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  transition:
    max-height 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
}

.therapy-areas__cards-accordion__cards-item-title {
  width: 53.3333vw;
}

.therapy-areas__cards-accordion__cards-item._active
  .therapy-areas__cards-accordion__cards-item-content._active-content {
  max-height: 400px;
  opacity: 1;
  pointer-events: all;
}

.therapy-areas__cards-accordion__cards-item._active
  .therapy-areas__cards-accordion__btn-spoiler-icon._minus {
  display: flex;
}

.therapy-areas__cards-accordion__cards-item._active
  .therapy-areas__cards-accordion__btn-spoiler-icon._plus {
  display: none;
}

.therapy-areas__cards-accordion__btn-spoiler {
  align-items: center;
  background-color: var(--white);
  border-radius: 32px;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-left: auto;
  width: 44px;
}

.therapy-areas__cards-accordion__btn-spoiler-icon {
  color: var(--red);
  height: 18px;
  width: 18px;
}

.therapy-areas__cards-accordion__btn-spoiler-icon._minus {
  display: none;
}

.video {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
}

.video,
.video__wrapper {
  position: relative;
  width: 100%;
}

.video__wrapper {
  border-radius: var(--corner-8);
  overflow: hidden;
  padding-bottom: 56%;
  transform: translateZ(0);
  will-change: transform;
}

.video__preview {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: scaleX(1.01);
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  z-index: 2;
}

.video__preview._hidden {
  opacity: 0;
  pointer-events: none;
}

.video__button {
  align-items: center;
  background-color: var(--black);
  border-radius: 5.8667vw;
  display: flex;
  height: 6.9333vw;
  justify-content: center;
  position: absolute;
  transition: background-color 0.3s ease-in-out;
  width: 12vw;
  z-index: 3;
}

.video__button-icon {
  color: var(--white);
  flex-shrink: 0;
  height: 4.5333vw;
  width: 4.5333vw;
}

.video-adaptive {
  height: 100%;
  position: relative;
  width: 100%;
}

.video-adaptive__poster {
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease-in-out;
}

.video-adaptive__poster._hide {
  opacity: 0;
}

.video-kinescope {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-100);
  position: relative;
  width: 100%;
}

.video-kinescope__wrapper {
  border-radius: var(--corner-8);
  height: 50.4vw;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
}

.video-kinescope__preview,
.video-kinescope__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.video-kinescope__preview {
  cursor: pointer;
  flex-direction: column;
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

.video-kinescope__preview._hidden {
  opacity: 0;
}

._with-controllers .video-kinescope__preview._hidden,
html._is-ios .video-kinescope__preview._hidden,
html._is-safari .video-kinescope__preview._hidden {
  pointer-events: none;
}

.video-kinescope__button {
  align-items: center;
  background-color: var(--black);
  display: flex;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
  z-index: 3;
}

.video-kinescope__button::before {
  content: "";
  inset: 0;
  position: absolute;
}

.video-kinescope__button {
  border-radius: 5.8667vw;
  height: 6.9333vw;
  width: 12vw;
}

.video-kinescope__button-icon {
  color: var(--white);
  flex-shrink: 0;
  height: 4.5333vw;
  width: 4.5333vw;
}

.video-kinescope iframe {
  display: block;
  height: 100%;
  pointer-events: none;
  transform-origin: center;
  width: 100%;
}

.video-kinescope._with-controllers iframe,
html._is-safari .video-kinescope iframe {
  pointer-events: auto;
}

.warning {
  align-items: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--corner-8);
  display: none;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.warning._for-page {
  position: fixed;
  z-index: 999;
}

.warning._visible {
  display: flex;
}

.warning__wrapper {
  background-color: var(--white);
  border-radius: var(--corner-8);
  display: flex;
  flex-direction: column;
  gap: var(--offset-20);
  min-height: 65.3333vw;
  padding: var(--offset-40);
  text-align: center;
  width: 81.3333vw;
}

.warning__title {
  color: var(--red);
}

.warning__buttons-wrapper {
  display: flex;
  gap: var(--offset-40);
  justify-content: center;
  margin-top: auto;
  padding-top: calc(var(--offset-40) - var(--offset-20));
}

.warning__buttons-wrapper .btn {
  color: var(--black);
}

.warning__buttons-wrapper .btn__label {
  background-color: var(--gray-cold);
}

.where-buy {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--offset-side);
  padding-right: var(--offset-side);
  padding-top: var(--offset-40);
  width: 100%;
}

.where-buy._with-tags {
  padding-bottom: var(--offset-100);
  padding-top: var(--offset-100);
}

.where-buy._offset-bottom-0 {
  padding-bottom: 0 !important;
}

.where-buy__head {
  align-items: flex-start;
  display: flex;
  gap: var(--offset-20);
  margin-bottom: var(--offset-40);
}

.where-buy__title span {
  color: var(--red);
}

.where-buy__item-list {
  /* display: grid; */
  /* gap: var(--offset-10); */
  /* grid-template-columns: repeat(2, 1fr); */
}

.where-buy__item {
  display: flex;
  flex-direction: column;
  gap: var(--offset-24);
}

.where-buy__item-link-list {
  display: grid;
  gap: var(--offset-10);
  /* grid-template-columns: repeat(2, 1fr); */
  grid-template-columns: repeat(4, 1fr);
  /* height: fit-content; */
  /* height: fit-content; */
}

.where-buy__item-link-list picture {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.where-buy__item-link-list img {
  max-width: 70%;
  max-height: 70%;
}

.where-buy__footnote {
  margin-top: var(--offset-24);
  max-width: 1640px;
}

.wrapper-card {
  border-radius: var(--corner-8);
  overflow: hidden;
  padding: var(--offset-40);
  position: relative;
}

.wrapper-card._padding-8 {
  padding: var(--offset-8);
}

.wrapper-card._padding-10 {
  padding: var(--offset-10);
}

.wrapper-card._padding-12 {
  padding: var(--offset-12);
}

.wrapper-card._padding-16 {
  padding: var(--offset-16);
}

.wrapper-card._padding-20 {
  padding: var(--offset-20);
}

.wrapper-card._padding-24 {
  padding: var(--offset-24);
}

.wrapper-card._padding-30 {
  padding: var(--offset-30);
}

.wrapper-card._padding-40 {
  padding: var(--offset-40);
}

.wrapper-card._padding-60 {
  padding: var(--offset-60);
}

.wrapper-card._padding-80 {
  padding: var(--offset-80);
}

.wrapper-card._padding-100 {
  padding: var(--offset-100);
}

.wrapper-card._padding-30 {
  padding: 3.7333vw;
}

.wrapper-card._color-white {
  background-color: var(--white);
}

.wrapper-card._text-color-white {
  color: var(--white);
}

.wrapper-card._color-black {
  background-color: var(--black);
}

.wrapper-card._text-color-black {
  color: var(--black);
}

.wrapper-card._color-black-50 {
  background-color: var(--black-50);
}

.wrapper-card._text-color-black-50 {
  color: var(--black-50);
}

.wrapper-card._color-black-60 {
  background-color: var(--black-60);
}

.wrapper-card._text-color-black-60 {
  color: var(--black-60);
}

.wrapper-card._color-gray {
  background-color: var(--gray);
}

.wrapper-card._text-color-gray {
  color: var(--gray);
}

.wrapper-card._color-gray-bg {
  background-color: var(--gray-bg);
}

.wrapper-card._text-color-gray-bg {
  color: var(--gray-bg);
}

.wrapper-card._color-gray-cold {
  background-color: var(--gray-cold);
}

.wrapper-card._text-color-gray-cold {
  color: var(--gray-cold);
}

.wrapper-card._color-gray-dark {
  background-color: var(--gray-dark);
}

.wrapper-card._text-color-gray-dark {
  color: var(--gray-dark);
}

.wrapper-card._color-gray-metal {
  background-color: var(--gray-metal);
}

.wrapper-card._text-color-gray-metal {
  color: var(--gray-metal);
}

.wrapper-card._color-violet {
  background-color: var(--violet);
}

.wrapper-card._text-color-violet {
  color: var(--violet);
}

.wrapper-card._color-violet-dark {
  background-color: var(--violet-dark);
}

.wrapper-card._text-color-violet-dark {
  color: var(--violet-dark);
}

.wrapper-card._color-green {
  background-color: var(--green);
}

.wrapper-card._text-color-green {
  color: var(--green);
}

.wrapper-card._color-green-light {
  background-color: var(--green-light);
}

.wrapper-card._text-color-green-light {
  color: var(--green-light);
}

.wrapper-card._color-pink {
  background-color: var(--pink);
}

.wrapper-card._text-color-pink {
  color: var(--pink);
}

.wrapper-card._color-yellow {
  background-color: var(--yellow);
}

.wrapper-card._text-color-yellow {
  color: var(--yellow);
}

.wrapper-card._color-orange {
  background-color: var(--orange);
}

.wrapper-card._text-color-orange {
  color: var(--orange);
}

.wrapper-card._color-red {
  background-color: var(--red);
}

.wrapper-card._text-color-red {
  color: var(--red);
}

.wrapper-card._color-scroll {
  background-color: var(--scroll);
}

.wrapper-card._text-color-scroll {
  color: var(--scroll);
}

.wrapper-card__tag span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.wrapper-card__title {
  align-items: center;
  color: var(--white);
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
}
@media (min-width: 375px) {
  .h-1 {
    font-size: clamp(2.625rem, 5.598vw + 1.313rem, 4rem);
  }

  .h-2 {
    font-size: clamp(2rem, 1.0178vw + 1.7615rem, 2.25rem);
  }

  .h-3 {
    font-size: clamp(1.75rem, 1.0178vw + 1.5115rem, 2rem);
  }

  .h-4 {
    font-size: clamp(1.375rem, 1.5267vw + 1.0172rem, 1.75rem);
  }

  .h-4-m {
    font-size: clamp(1.75rem, 0.5089vw + 1.6307rem, 1.875rem);
  }

  .h-5 {
    font-size: clamp(1.125rem, 0.5089vw + 1.0057rem, 1.25rem);
  }

  .h-6 {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .t-1,
  .t-1-m {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .t-2,
  .t-2-m,
  .ui-tag {
    font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
  }

  .ui-btn,
  .ui-menu {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .footnote {
    font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
  }

  .about-endothelium__title {
    font-size: clamp(1.75rem, 1.0178vw + 1.5115rem, 2rem);
  }

  .about-endothelium__text {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .about-endothelium__banner-card-title {
    font-size: clamp(1.75rem, 0.5089vw + 1.6307rem, 1.875rem);
  }

  .about-endothelium__banner-card-text {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .about-vascular-system__title {
    font-size: clamp(1.75rem, 1.0178vw + 1.5115rem, 2rem);
  }

  .about-vascular-system__text {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .about-vascular-system__small-card-title {
    font-size: clamp(1.125rem, 0.5089vw + 1.0057rem, 1.25rem);
  }

  .about-vascular-system__small-card-description {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .about-vascular-system__banner-card-title {
    font-size: clamp(1.75rem, 0.5089vw + 1.6307rem, 1.875rem);
  }

  .about-vascular-system__banner-card-text {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .benefits-section__title {
    font-size: clamp(1.75rem, 1.0178vw + 1.5115rem, 2rem);
  }

  .benefits-section__text {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
  }

  .breadcrumbs {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .card-contact__desc span {
    font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
  }

  .endothelial-dysfunction-conditions__title {
    font-size: clamp(1.75rem, 1.0178vw + 1.5115rem, 2rem);
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: clamp(1.375rem, 1.5267vw + 1.0172rem, 1.75rem);
  }

  .filter-section__tabs-item {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .read-also__title,
  .risk-factors__title {
    font-size: clamp(1.75rem, 1.0178vw + 1.5115rem, 2rem);
  }

  .risk-factors__text {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }

  .risk-factors__tabs-item {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span {
    font-size: clamp(0.75rem, 0vw + 0.75rem, 0.75rem);
  }

  .stats-block__right-stats::after {
    font-size: clamp(2.625rem, 5.598vw + 1.313rem, 4rem);
  }

  .test-questions__answer-label {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .therapy-areas__title {
    font-size: clamp(1.75rem, 1.0178vw + 1.5115rem, 2rem);
  }

  .therapy-areas__text {
    font-size: clamp(0.875rem, 0.5089vw + 0.7557rem, 1rem);
  }
}
@media (min-width: 768px) {
  .h-1 {
    font-size: clamp(4rem, 2.3438vw + 2.875rem, 4.75rem);
  }

  .h-2 {
    font-size: clamp(2.25rem, 1.1719vw + 1.6875rem, 2.625rem);
  }

  .h-3 {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
  }

  .h-4 {
    font-size: clamp(1.75rem, 0.7813vw + 1.375rem, 2rem);
  }

  .h-4-m {
    font-size: clamp(1.875rem, 0.3906vw + 1.6875rem, 2rem);
  }

  .h-5 {
    font-size: clamp(1.25rem, 0.3906vw + 1.0625rem, 1.375rem);
  }

  .h-6 {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .t-1,
  .t-1-m {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
  }

  .t-2,
  .t-2-m,
  .ui-tag {
    font-size: clamp(0.75rem, 0.3906vw + 0.5625rem, 0.875rem);
  }

  .ui-btn,
  .ui-menu {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  :root {
    --offset-side: 2.6042vw;
    --offset-100: 7.8125vw;
    --offset-40: 3.125vw;
    --offset-30: 2.6042vw;
    --offset-24: 2.0833vw;
    --offset-20: 1.8229vw;
    --offset-16: 1.5625vw;
    --offset-12: 1.5625vw;
    --offset-10: 1.3021vw;
    --offset-8: 0.7813vw;
    --corner-100: 70px;
    --corner-16: 8px;
    --header-height: 7.8125vw;
    --gap-40: 2.0833vw;
  }

  .icon-md {
    height: 4.6875vw;
    width: 4.6875vw;
  }

  .footnote {
    font-size: clamp(0.75rem, 0.3906vw + 0.5625rem, 0.875rem);
  }

  .line-spacer-1 {
    height: 2.3438vw;
  }

  .about-endothelium__title {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
    width: 94.7917vw;
  }

  .about-endothelium__text {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
    margin-top: 4.1667vw;
    width: 94.7917vw;
  }

  .about-endothelium__banner-card {
    flex-direction: row;
    gap: 10px;
    min-height: 33.2031vw;
  }

  .about-endothelium__banner-card .text-with-dot {
    width: 44.2708vw;
  }

  .about-endothelium__banner-card-picture {
    display: none;
  }

  .about-endothelium__banner-card-picture img {
    width: 81.6406vw;
  }

  .about-endothelium__banner-card-content {
    align-self: center;
    width: 44.2708vw;
  }

  .about-endothelium__banner-card-title {
    font-size: clamp(1.875rem, 0.3906vw + 1.6875rem, 2rem);
  }

  .about-endothelium__banner-card-text {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
  }

  .about-vascular-system__title {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
    width: 94.7917vw;
  }

  .about-vascular-system__text {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
    margin-top: 4.1667vw;
    width: 94.7917vw;
  }

  .about-vascular-system__cards-wrapper {
    display: grid;
    grid-template-areas: "a b c" "d d e" "d d e";
    grid-template-columns: repeat(3, 1fr);
  }

  .about-vascular-system__small-card-wrapper {
    -webkit-mask-image: url("/assets/icons/bg-small-card-768.svg");
    mask-image: url("/assets/icons/bg-small-card-768.svg");
    -webkit-mask-position: right;
    mask-position: right;
    min-height: 21.224vw;
  }

  .about-vascular-system__small-card-title {
    font-size: clamp(1.25rem, 0.3906vw + 1.0625rem, 1.375rem);
  }

  .about-vascular-system__small-card-description {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
  }

  .about-vascular-system__banner-card {
    min-height: 52.0833vw;
  }

  .about-vascular-system__banner-card-description {
    width: 52.0833vw;
  }

  .about-vascular-system__banner-card-title {
    font-size: clamp(1.875rem, 0.3906vw + 1.6875rem, 2rem);
  }

  .about-vascular-system__banner-card-text {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
  }

  .about-vascular-system__picture-card.wrapper-card {
    min-height: 52.0833vw;
  }

  .banner__wrapper {
    --height-banner: 41.1458vw;
  }

  .banner__wrapper._height-small {
    --height-banner: 30.7292vw;
  }

  .banner__wrapper._height-middle {
    --height-banner: 44.2708vw;
  }

  .banner-section__cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .banner-section__card {
    --height: 14.3229vw;
  }

  .banner-section__banner {
    height: 41.6667vw;
  }

  .banner-section__banner-content {
    gap: 3.125vw;
    width: 41.1458vw;
  }

  .benefits-section {
    --card-height: 46.7448vw;
  }

  .benefits-section__title {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
    width: 61.4583vw;
  }

  .benefits-section__text {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
    margin-top: 4.1667vw;
    width: 56.1198vw;
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: clamp(0.75rem, 0.3906vw + 0.5625rem, 0.875rem);
  }

  .breadcrumbs {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);

    --offset-8: 1.0417vw;
  }

  .btn {
    min-height: 4.1667vw;

    --offset-btn-h: 2.6042vw;
  }

  .btn__label-icon svg {
    height: 2.3438vw;
    width: 2.3438vw;
  }

  .btn__icon {
    border-radius: 32px;
    width: 5.7292vw;
  }

  .btn__icon svg {
    height: 2.3438vw;
    width: 2.3438vw;
  }

  .card-contact {
    min-height: 12.5vw;
    width: 36.4583vw;
  }

  .card-contact__desc span {
    font-size: clamp(0.75rem, 0.3906vw + 0.5625rem, 0.875rem);
  }

  .card-with-dot__inner-wrapper._limit-width-second-type {
    width: 42.9688vw;
  }

  .card-with-dot__content._width-content-small {
    width: 44.401vw;
  }

  .card-with-dot__content._width-content-middle {
    width: 44.2708vw;
  }

  .card-with-dot__content._width-content-large {
    width: 59.6354vw;
  }

  .cards-accordion {
    --card-height: 26.3021vw;
  }

  .cards-accordion__big-card-title {
    max-width: 89.974vw;
  }

  .cards-accordion__head-title {
    max-width: 58.5938vw;
  }

  .cards-accordion__cards-item._active
    .cards-accordion__cards-item-content._init-content {
    opacity: 0;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-icon {
    height: 4.4271vw;
    width: 4.4271vw;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-title {
    max-width: 19.5313vw;
  }

  .cards-accordion__cards-item-content._init-content {
    padding-top: 6.5104vw;
  }

  .cards-accordion__cards-item-icon {
    height: 9.1146vw;
    width: 9.1146vw;
  }

  .cards-grid-1._type-std .cards-grid-1__item {
    min-height: 14.3229vw;
  }

  .cards-grid-1._type-secondary {
    grid-template-columns: repeat(2, 1fr);
  }

  .cards-grid-1._type-secondary .cards-grid-1__item {
    min-height: 18.2292vw;
  }

  .cards-grid-1._type-secondary .cards-grid-1__item:first-child {
    grid-column: span 2;
    min-height: 20.8333vw;
  }

  .company-link {
    --std-link-height: 17.9688vw;
    --big-link-height: 17.9688vw;
  }

  .company-link__hover-icon,
  .company-link__icon {
    /* height: 8.4635vw; */
    /* width: 23.1771vw; */
  }

  .endothelial-dysfunction-conditions__title {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
  }

  .endothelial-dysfunction-conditions__picture-card.wrapper-card {
    height: 40.3646vw;
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: clamp(1.75rem, 0.7813vw + 1.375rem, 2rem);
  }

  .endothelial-dysfunction-conditions__content-item-icon {
    border-radius: 32px;
    height: 4.1667vw;
    width: 5.7292vw;
  }

  .endothelial-dysfunction-conditions__content-item-icon svg {
    height: 2.3438vw;
    width: 2.3438vw;
  }

  .filter-section__tabs {
    --tab-vertical-padding: 1.3021vw;
    --tab-horizontal-padding: 2.6042vw;
  }

  .filter-section__tabs-item {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
    min-height: 4.4271vw;
  }

  .filter-section__cards-wrapper .card-with-dot._wide .wrapper-card {
    gap: 5.8594vw;
  }

  .filter-section__cards-wrapper .card-with-dot .wrapper-card {
    gap: 13.0208vw;
  }

  .footer__wrapper {
    height: 70.4427vw;
  }

  .footer__logo {
    height: 3.776vw;
    width: 17.0573vw;
  }

  .grid-section__wrapper-title {
    flex-direction: row;
    gap: 32px;
    justify-content: space-between;
  }

  .grid-section__inner._cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-section__inner._cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-section__inner._cols-2._spec-3-el {
    grid-template-areas: "el1 el3" "el2 el2";
  }

  .grid-section__inner._cols-12._spec-7-el {
    grid-template-areas: "el1 el1 el1 el1 el2 el2 el2 el2 el7 el7 el7 el7" "el3 el3 el3 el3 el4 el4 el4 el4 el7 el7 el7 el7" "el5 el5 el5 el5 el6 el6 el6 el6 el7 el7 el7 el7";
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-section__item._height-166 {
    height: 14.4531vw;
  }

  .grid-section__item._height-166-2 {
    height: 16.1458vw;
  }

  .grid-section__item._height-194 {
    height: 13.6719vw;
  }

  .grid-section__item._height-225 {
    height: 26.3021vw;
  }

  .grid-section__item._height-342 {
    height: 33.5938vw;
  }

  .grid-section__item._height-460 {
    height: 32.5521vw;
  }

  .grid-section__item._height-602 {
    height: 43.6198vw;
  }

  .grid-section__btn._bottom-80 {
    bottom: 3.6458vw;
  }

  .grid-section-2__cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-section-2__card {
    height: 38.4115vw;
  }

  .grid-section-2__card:nth-child(2) {
    margin-top: 100px;
  }

  .grid-section-2__card:nth-child(3) {
    margin-top: 30px;
  }

  .grid-section-2__card-bottom svg {
    --width: 8.3333vw;
  }

  .header__logo-link {
    width: 15.1042vw;
  }

  .header__btn-sandwich {
    border-radius: 32px;
    width: 5.7292vw;
  }

  .header__btn-sandwich-icon svg {
    height: 2.3438vw;
    width: 2.3438vw;
  }

  .html-content__item._with-dot {
    padding-left: 2.8646vw;
  }

  .html-content__item._with-dot::before {
    height: 0.9115vw;
    top: 0.7813vw;
    width: 0.9115vw;
  }

  .html-content__item[data-num]::before {
    min-width: 2.8646vw;
  }

  .lead-main__grid {
    grid-template-areas: "a a a a a a b b b b b b" "a a a a a a e e e e e e" "c c c c c c c c d d d d" "f f f f g g g g d d d d";
    grid-template-columns: repeat(12, 1fr);
  }

  .lead-main__grid-item:first-child {
    height: 36.4583vw;
  }

  .lead-main__grid-item:nth-child(2) {
    height: 17.7083vw;
  }

  .lead-main__grid-item:nth-child(3) {
    height: 19.5313vw;
  }

  .lead-main__grid-item:nth-child(4) {
    border-radius: 10000px;
    height: 40.4948vw;
  }

  .lead-main__grid-item:nth-child(5) {
    height: 17.7083vw;
  }

  .lead-main__grid-item:nth-child(6),
  .lead-main__grid-item:nth-child(7) {
    height: 19.5313vw;
  }

  .menu-link__dot {
    height: 0.7813vw;
    width: 0.7813vw;
  }

  .not-found__card:not(.not-found__card._height-small) {
    height: 79.2969vw;
  }

  .not-found__card._height-small {
    height: 24.0885vw;
  }

  .promo-block__cards {
    grid-template-areas: "a a a a a a b b b b b b" "d d d d d d e e e e e e" "c c c c c c g g g g g g" "f f f f f f g g g g g g" "h h h h h h l l l l l l";
    grid-template-columns: repeat(12, 1fr);
  }

  .promo-block__card:first-child,
  .promo-block__card:nth-child(2) {
    height: 29.9479vw;
  }

  .promo-block__card:nth-child(3) {
    height: 30.599vw;
  }

  .promo-block__card:nth-child(4),
  .promo-block__card:nth-child(5) {
    height: 52.0833vw;
  }

  .promo-block__card:nth-child(5) {
    border-radius: 150px;
  }

  .promo-block__card:nth-child(6) {
    height: 8.9844vw;
  }

  .promo-block__card:nth-child(7) {
    height: 40.8854vw;
  }

  .promo-block__card:nth-child(8),
  .promo-block__card:nth-child(9) {
    height: 26.0417vw;
  }

  .promo-block__card-link {
    height: 19.0104vw;
    margin: var(--offset-30);
    position: absolute;
    right: 0;
    top: 0;
    width: 26.4323vw;
  }

  .promo-block__card-link-arrow {
    height: 2.3438vw;
    width: 2.3438vw;
  }

  .promo-block__card-info {
    height: 22.1354vw;
    width: 25.3906vw;
  }

  .read-also__title {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
  }

  .read-also .wrapper-card {
    gap: 13.0208vw;
  }

  .risk-factors__title {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
    width: 94.7917vw;
  }

  .risk-factors__text {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
    margin-top: 4.1667vw;
    width: 94.7917vw;
  }

  .risk-factors__tabs {
    --tab-vertical-padding: 1.3021vw;
    --tab-horizontal-padding: 2.6042vw;
  }

  .risk-factors__tabs-item {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
    min-height: 4.4271vw;
  }

  .risk-factors__banners-item-picture {
    height: 36.4583vw;
    width: 90.625vw;
  }

  .risk-factors__banners-item-picture img {
    height: 36.4583vw;
    width: 90.625vw;
  }

  .risk-factors__banners-item-description__title-wrapper {
    gap: 2.6042vw;
    margin-bottom: 4.1667vw;
  }

  .risk-factors__banners-item-description__title-icon {
    height: 9.1146vw;
    width: 9.1146vw;
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span {
    font-size: clamp(0.75rem, 0.3906vw + 0.5625rem, 0.875rem);
  }

  .sidebar__banner-picture {
    height: 29.5573vw;
    width: 33.2031vw;
  }

  .spoiler__btn-icon {
    border-radius: 32px;
    height: 4.1667vw;
    width: 5.7292vw;
  }

  .spoiler__btn-icon_minus,
  .spoiler__btn-icon_plus {
    height: 2.3438vw;
    width: 2.3438vw;
  }

  .stats-block__right {
    height: 60.2865vw;
  }

  .stats-block__right-stats-container {
    display: grid;
    gap: var(--offset-20);
    grid-template-columns: repeat(3, 1fr);
  }

  .stats-block__right-container {
    gap: 10.6771vw;
  }

  .stats-block__right-stats::after {
    font-size: clamp(4rem, 2.3438vw + 2.875rem, 4.75rem);
    width: 20px;
  }

  .stats-block__right-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
  }

  .test-preview__card:not(.test-preview__card._height-small) {
    height: 58.8542vw;
  }

  .test-preview__card._height-small {
    height: 18.2292vw;
  }

  .test-questions {
    min-height: 52.0833vw;
  }

  .test-questions__slide {
    justify-content: normal;
    margin-top: auto;
  }

  .test-questions__answer-label {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
    min-height: 4.4271vw;
    padding-inline: 2.6042vw;
  }

  .test-result__recommendations-item {
    padding-left: 2.8646vw;
  }

  .test-result__recommendations-item::before {
    height: 0.9115vw;
    top: 0.7813vw;
    width: 0.9115vw;
  }

  .test-result__recommendations-content li {
    padding-left: 2.8646vw;
  }

  .test-result__recommendations-content li::before {
    height: 0.9115vw;
    top: 0.7813vw;
    width: 0.9115vw;
  }

  .test-result__promo {
    min-height: 52.0833vw;
  }

  .test-result__promo-title {
    max-width: 400px;
  }

  .test-result__promo-tag {
    padding-left: 2.8646vw;
  }

  .test-result__promo-tag::before {
    height: 0.9115vw;
    top: 0.7813vw;
    width: 0.9115vw;
  }

  .test-result__promo-list {
    max-width: 400px;
  }

  .test-result__promo-item {
    padding-left: 2.8646vw;
  }

  .test-result__promo-item::before {
    height: 0.9115vw;
    top: 0.7813vw;
    width: 0.9115vw;
  }

  .test-result__retry {
    grid-template-columns: minmax(260px, 420px) 1fr;
  }

  .test-result__retry-card {
    height: 18.2292vw;
  }

  .test-result__retry-list li {
    padding-left: 2.8646vw;
  }

  .test-result__retry-list li::before {
    height: 0.9115vw;
    top: 0.7813vw;
    width: 0.9115vw;
  }

  .test-section {
    --height-big: 80.2083vw;
    --height-small: 52.0833vw;
  }

  .therapy-areas__title {
    font-size: clamp(2rem, 1.9531vw + 1.0625rem, 2.625rem);
    width: 94.7917vw;
  }

  .therapy-areas__text {
    font-size: clamp(1rem, 0.3906vw + 0.8125rem, 1.125rem);
    margin-top: 4.1667vw;
    width: 94.7917vw;
  }

  .therapy-areas__cards-accordion__cards-item-icon {
    height: 7.8125vw;
    width: 7.8125vw;
  }

  .therapy-areas__cards-accordion__cards-item-content p {
    padding-top: 1.0417vw;
  }

  .therapy-areas__cards-accordion__cards-item-title {
    width: 26.0417vw;
  }

  .video__button {
    border-radius: 3.5156vw;
    height: 4.1667vw;
    width: 7.2917vw;
  }

  .video__button-icon {
    height: 2.7344vw;
    width: 2.7344vw;
  }

  .video-kinescope__wrapper {
    height: 53.3854vw;
  }

  .video-kinescope__button {
    border-radius: 3.5156vw;
    height: 4.1667vw;
    width: 7.2917vw;
  }

  .video-kinescope__button-icon {
    height: 2.7344vw;
    width: 2.7344vw;
  }

  .warning__wrapper {
    min-height: 29.9479vw;
    width: 54.6875vw;
  }

  .where-buy__btn {
    margin-left: auto;
  }

  .wrapper-card._padding-30 {
    padding: 2.0833vw;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .company-link._size-big-2 {
    height: 37.6302vw;
  }

  .sidebar {
    flex-direction: row;
    justify-content: space-between;
  }

  .sidebar__content._bottom {
    align-items: flex-end;
    flex-direction: column-reverse;
    gap: var(--offset-16);
    justify-content: flex-end;
  }

  .sidebar__banner {
    display: none;
  }

  .sidebar__banner-button._tablet,
  .sidebar__banner-picture._tablet {
    display: flex;
  }
}
@media (hover: hover) and (min-width: 1280px) {
  .company-link:hover {
    --std-link-radius: 300px;
    --big-link-radius: 300px;
  }
}
@media (min-width: 1280px) {
  .h-1 {
    font-size: clamp(4.75rem, 3.75vw + 1.75rem, 5.125rem);
  }

  .h-2 {
    font-size: clamp(2.625rem, 3.75vw + -0.375rem, 3rem);
  }

  .h-3 {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
  }

  .h-4,
  .h-4-m {
    font-size: clamp(2rem, 2.5vw + 0rem, 2.25rem);
  }

  .h-5 {
    font-size: clamp(1.375rem, 2.5vw + -0.625rem, 1.625rem);
  }

  .h-6 {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
  }

  .t-1,
  .t-1-m {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
  }

  .t-2,
  .t-2-m {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
  }

  .ui-tag {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  .ui-btn {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
  }

  .ui-menu {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);
  }

  :root {
    --offset-side: 1.5625vw;
    --offset-side-container: 8.125vw;
    --offset-100: 5.4688vw;
    --offset-40: 1.875vw;
    --offset-30: 1.5625vw;
    --offset-24: 1.25vw;
    --offset-20: 1.0938vw;
    --offset-16: 0.9375vw;
    --offset-12: 0.9375vw;
    --offset-10: 0.7813vw;
    --offset-8: 0.625vw;
    --corner-100: 60px;
    --corner-16: 10px;
    --header-height: 4.6875vw;
    --gap-40: 1.875vw;
  }

  .icon-md {
    height: 3.2813vw;
    width: 3.2813vw;
  }

  .container-small {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .footnote {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
  }

  .line-spacer-1 {
    height: 1.4063vw;
  }

  .about-endothelium {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .about-endothelium__title-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .about-endothelium__title {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
    width: 27.3438vw;
  }

  .about-endothelium__text {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
    margin-top: 0;
    width: 31.7969vw;
  }

  .about-endothelium__banner-card {
    min-height: 23.4375vw;
  }

  .about-endothelium__banner-card .text-with-dot {
    width: 31.25vw;
  }

  .about-endothelium__banner-card-content {
    width: 38.2813vw;
  }

  .about-endothelium__banner-card-title {
    font-size: clamp(2rem, 2.5vw + 0rem, 2.25rem);
  }

  .about-endothelium__banner-card-text {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
  }

  .about-vascular-system__title-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .about-vascular-system__title {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
    width: 35.9375vw;
  }

  .about-vascular-system__text {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
    margin-top: 0;
    width: 31.7969vw;
  }

  .about-vascular-system__cards-wrapper {
    grid-template-areas: "a b c e" "d d d e";
    grid-template-columns: repeat(4, 1fr);
  }

  .about-vascular-system__small-card-wrapper {
    -webkit-mask-image: url("/assets/icons/bg-small-card-1280.svg");
    mask-image: url("/assets/icons/bg-small-card-1280.svg");
    min-height: 14.0625vw;
  }

  .about-vascular-system__small-card-title {
    font-size: clamp(1.375rem, 2.5vw + -0.625rem, 1.625rem);
  }

  .about-vascular-system__small-card-description {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
  }

  .about-vascular-system__banner-card {
    min-height: 23.4375vw;
  }

  .about-vascular-system__banner-card-description {
    width: 31.25vw;
  }

  .about-vascular-system__banner-card-title {
    font-size: clamp(2rem, 2.5vw + 0rem, 2.25rem);
  }

  .about-vascular-system__banner-card-text {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
  }

  .about-vascular-system__picture-card.wrapper-card {
    min-height: 38.125vw;
  }

  .banner {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .banner__wrapper {
    --height-banner: 31.25vw;
  }

  .banner__wrapper._height-small {
    --height-banner: 20.7031vw;
  }

  .banner__wrapper._height-middle {
    --height-banner: 26.5625vw;
  }

  .banner-section {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .banner-section__cards {
    grid-template-columns: repeat(1, 1fr);
  }

  .banner-section__card {
    --height: 8.5938vw;
    width: 15.5469vw;
  }

  .banner-section__banner {
    height: 27.3438vw;
  }

  .banner-section__banner-content {
    gap: 1.875vw;
    width: 32.8125vw;
  }

  .benefits-section {
    --card-height: 28.125vw;
    --card-active-width: 35.9375vw;
    --card-width: 23.5938vw;
    --width-dot: 8px;
  }

  .benefits-section__title-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .benefits-section__title {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
    width: 36.875vw;
  }

  .benefits-section__text {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
    margin-top: 0;
    width: 31.7969vw;
  }

  .benefits-section__card._active {
    flex: 0 0 var(--card-active-width);
  }

  .benefits-section__card {
    height: var(--card-height);
  }

  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
  }

  .benefits-section__card-content._init-content
    .benefits-section__card-content-title {
    width: calc(var(--card-width) - var(--offset-24) * 2);
  }

  .benefits-section__card-content-list ul li {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
    padding-left: 16px;
  }

  .benefits-section__btn-spoiler {
    display: none;
  }

  .breadcrumbs {
    font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem);

    --offset-8: 0.625vw;
  }

  .btn {
    min-height: 2.5vw;

    --offset-btn-h: 1.5625vw;
  }

  .btn._width-custom {
    width: 100%;
  }

  .btn__label-icon svg {
    height: 1.4063vw;
    width: 1.4063vw;
  }

  .btn__icon {
    border-radius: 32px;
    width: 3.4375vw;
  }

  .btn__icon svg {
    height: 1.4063vw;
    width: 1.4063vw;
  }

  .card-contact {
    min-height: 7.6563vw;
    width: 21.875vw;
  }

  .card-contact__desc span {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
  }

  .card-with-dot__inner-wrapper._limit-width-second-type {
    width: 27.3438vw;
  }

  .card-with-dot__content._width-content-small {
    width: 30.2344vw;
  }

  .card-with-dot__content._width-content-middle {
    width: 42.9688vw;
  }

  .card-with-dot__content._width-content-large {
    width: 51.1719vw;
  }

  .cards-accordion {
    --card-height: 20.4688vw;
    --card-width: 15.4688vw;
    --card-active-width: 33.5938vw;
    --card-compressed-width: 11.875vw;
    --big-card-width: 96.875vw;
    --wrapper-height: 46.875vw;
    --wrapper-compressed-height: 28.9063vw;
  }

  .cards-accordion._animated .cards-accordion__wrapper {
    animation: wrapper-compress 1.2s forwards;
  }

  .cards-accordion._animated .cards-accordion__big-card {
    animation: big-card-compress 1.2s forwards;
    pointer-events: none;
  }

  .cards-accordion._animated .cards-accordion__big-card-btn,
  .cards-accordion._animated .cards-accordion__big-card-title {
    opacity: 0;
  }

  .cards-accordion._animated .cards-accordion__head {
    animation: head-appear 1.2s forwards;
  }

  .cards-accordion._animated .cards-accordion__cards-item:first-child {
    animation: card-appear-1 1.2s forwards;
    animation-delay: 0.8s;
    z-index: 5;
  }
  @keyframes card-appear-1 {
    0% {
      opacity: 0;
      pointer-events: none;
      transform: translateX(calc(0% - var(--offset-10) * 0));
    }

    25% {
      opacity: 1;
      pointer-events: none;
    }

    99% {
      pointer-events: none;
    }

    100% {
      opacity: 1;
      pointer-events: all;
      transform: translateX(0);
    }
  }

  .cards-accordion._animated .cards-accordion__cards-item:nth-child(2) {
    animation: card-appear-2 1.2s forwards;
    animation-delay: 0.9s;
    z-index: 4;
  }
  @keyframes card-appear-2 {
    0% {
      opacity: 0;
      pointer-events: none;
      transform: translateX(calc(-100% - var(--offset-10) * 1));
    }

    25% {
      opacity: 1;
      pointer-events: none;
    }

    99% {
      pointer-events: none;
    }

    100% {
      opacity: 1;
      pointer-events: all;
      transform: translateX(0);
    }
  }

  .cards-accordion._animated .cards-accordion__cards-item:nth-child(3) {
    animation: card-appear-3 1.2s forwards;
    animation-delay: 1s;
    z-index: 3;
  }
  @keyframes card-appear-3 {
    0% {
      opacity: 0;
      pointer-events: none;
      transform: translateX(calc(-200% - var(--offset-10) * 2));
    }

    25% {
      opacity: 1;
      pointer-events: none;
    }

    99% {
      pointer-events: none;
    }

    100% {
      opacity: 1;
      pointer-events: all;
      transform: translateX(0);
    }
  }

  .cards-accordion._animated .cards-accordion__cards-item:nth-child(4) {
    animation: card-appear-4 1.2s forwards;
    animation-delay: 1.1s;
    z-index: 2;
  }
  @keyframes card-appear-4 {
    0% {
      opacity: 0;
      pointer-events: none;
      transform: translateX(calc(-300% - var(--offset-10) * 3));
    }

    25% {
      opacity: 1;
      pointer-events: none;
    }

    99% {
      pointer-events: none;
    }

    100% {
      opacity: 1;
      pointer-events: all;
      transform: translateX(0);
    }
  }

  .cards-accordion._animated .cards-accordion__cards-item:nth-child(5) {
    animation: card-appear-5 1.2s forwards;
    animation-delay: 1.2s;
    z-index: 1;
  }
  @keyframes card-appear-5 {
    0% {
      opacity: 0;
      pointer-events: none;
      transform: translateX(calc(-400% - var(--offset-10) * 4));
    }

    25% {
      opacity: 1;
      pointer-events: none;
    }

    99% {
      pointer-events: none;
    }

    100% {
      opacity: 1;
      pointer-events: all;
      transform: translateX(0);
    }
  }

  .cards-accordion._animated .cards-accordion__cards-item:nth-child(6) {
    animation: card-appear-6 1.2s forwards;
    animation-delay: 1.3s;
    z-index: 0;
  }
  @keyframes card-appear-6 {
    0% {
      opacity: 0;
      pointer-events: none;
      transform: translateX(calc(-500% - var(--offset-10) * 5));
    }

    25% {
      opacity: 1;
      pointer-events: none;
    }

    99% {
      pointer-events: none;
    }

    100% {
      opacity: 1;
      pointer-events: all;
      transform: translateX(0);
    }
  }

  .cards-accordion._animated .cards-accordion__cards-item {
    cursor: default;
    transition: flex 0.3s ease-out;
  }

  .cards-accordion__big-card-title {
    max-width: 72.3438vw;
  }

  .cards-accordion__head {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--offset-side);
    padding-right: var(--offset-side);
    width: 100%;
  }

  .cards-accordion__head-title {
    max-width: 53.9844vw;
  }

  .cards-accordion__head-btn {
    margin-left: auto;
  }

  .cards-accordion__cards-item._active {
    flex: 0 0 var(--card-active-width);
  }

  .cards-accordion__cards-item {
    height: var(--card-height);
    opacity: 0;
  }

  .cards-accordion__cards-item:first-child {
    transform: translateX(calc(0% - var(--offset-10) * 0));
    z-index: 5;
  }

  .cards-accordion__cards-item:nth-child(2) {
    transform: translateX(calc(-100% - var(--offset-10) * 1));
    z-index: 4;
  }

  .cards-accordion__cards-item:nth-child(3) {
    transform: translateX(calc(-200% - var(--offset-10) * 2));
    z-index: 3;
  }

  .cards-accordion__cards-item:nth-child(4) {
    transform: translateX(calc(-300% - var(--offset-10) * 3));
    z-index: 2;
  }

  .cards-accordion__cards-item:nth-child(5) {
    transform: translateX(calc(-400% - var(--offset-10) * 4));
    z-index: 1;
  }

  .cards-accordion__cards-item:nth-child(6) {
    transform: translateX(calc(-500% - var(--offset-10) * 5));
    z-index: 0;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-icon {
    height: 3.125vw;
    width: 3.125vw;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-title {
    max-width: 13.75vw;
  }

  .cards-accordion__cards-item-content._init-content {
    padding-top: 5.4688vw;
  }

  .cards-accordion__cards-item-content._init-content h4 {
    width: calc(var(--card-width) - var(--offset-24) * 2);
  }

  .cards-accordion__cards-item-icon {
    height: 6.25vw;
    width: 6.25vw;
  }

  .cards-accordion__btn-spoiler {
    display: none;
  }

  .cards-grid-1._type-std .cards-grid-1__item {
    min-height: 9.7656vw;
  }

  .cards-grid-1._type-secondary .cards-grid-1__item {
    min-height: 10.9375vw;
  }

  .cards-grid-1._type-secondary .cards-grid-1__item:first-child {
    min-height: 12.8906vw;
  }

  .company-link {
    --std-link-height: 9.1406vw;
    --big-link-height: 19.0625vw;
  }

  .company-link:focus-visible {
    --std-link-radius: 300px;
  }

  .company-link:focus-visible {
    --big-link-radius: 300px;
  }

  .company-link._size-big,
  .company-link._size-big-2 {
    grid-row: span 2;
  }

  .company-link__hover-icon,
  .company-link__icon {
    /* height: 3.75vw; */
    /* width: 10.2344vw; */
  }

  .endothelial-dysfunction-conditions__title {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
  }

  .endothelial-dysfunction-conditions__picture-card {
    grid-column: 2;
    grid-row: 1;
  }

  .endothelial-dysfunction-conditions__picture-card.wrapper-card {
    height: 34.6094vw;
  }

  .endothelial-dysfunction-conditions__content-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .endothelial-dysfunction-conditions__content-list {
    grid-column: 1;
    grid-row: 1;
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: clamp(2rem, 2.5vw + 0rem, 2.25rem);
  }

  .endothelial-dysfunction-conditions__content-item-icon {
    border-radius: 32px;
    height: 2.5vw;
    width: 3.4375vw;
  }

  .endothelial-dysfunction-conditions__content-item-icon svg {
    height: 1.4063vw;
    width: 1.4063vw;
  }

  .filter-section {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .filter-section__tabs {
    --tab-vertical-padding: 0.9375vw;
    --tab-horizontal-padding: 1.5625vw;
  }

  .filter-section__tabs-item {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
    min-height: 2.6563vw;
  }

  .filter-section__cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .filter-section__cards-wrapper .card-with-dot._wide .wrapper-card {
    gap: 2.7344vw;
  }

  .filter-section__cards-wrapper .card-with-dot._wide .card-with-dot__content {
    width: 66.0156vw;
  }

  .filter-section__cards-wrapper .card-with-dot .wrapper-card {
    gap: 6.25vw;
    min-height: 24.2188vw;
  }

  .footer__wrapper {
    height: 47.5vw;
  }

  .footer__logo {
    height: 2.4219vw;
    width: 10.9375vw;
  }

  .grid-section {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .grid-section__wrapper-title {
    gap: 32px;
  }

  .grid-section__inner._cols-2._spec-3-el {
    grid-template-areas: "el1 el2" "el3 el2";
  }

  .grid-section__inner._cols-12._spec-3-el {
    grid-template-areas: "el1 el1 el1 el1 el1 el3 el3 el3 el3 el3 el3 el3" "el2 el2 el2 el2 el2 el3 el3 el3 el3 el3 el3 el3";
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-section__item._height-166 {
    height: 8.6719vw;
  }

  .grid-section__item._height-166-2 {
    height: 9.7656vw;
  }

  .grid-section__item._height-194 {
    height: 10.1563vw;
  }

  .grid-section__item._height-225 {
    height: 12.8906vw;
  }

  .grid-section__item._height-342 {
    height: 20.3125vw;
  }

  .grid-section__item._height-460 {
    height: 26.5625vw;
  }

  .grid-section__item._height-602 {
    height: 32.0313vw;
  }

  .grid-section__btn._bottom-80 {
    bottom: 5vw;
  }

  .grid-section-2 {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .grid-section-2__cards {
    padding: 0 var(--offset-40);
  }

  .grid-section-2__card {
    height: 29.6875vw;
  }

  .grid-section-2__card:nth-child(2) {
    margin-top: 140px;
  }

  .grid-section-2__card:nth-child(3) {
    margin-top: 37px;
  }

  .grid-section-2__card-bottom svg {
    --width: 6.7188vw;
  }

  .header__logo-link {
    width: 9.0625vw;
  }

  .header__btn-sandwich {
    border-radius: 32px;
    width: 3.4375vw;
  }

  .header__btn-sandwich-icon svg {
    height: 1.4063vw;
    width: 1.4063vw;
  }

  .header__btn-sandwich,
  .header__sandwich {
    display: none;
  }

  .html-content__item._with-dot {
    padding-left: 2.0313vw;
  }

  .html-content__item._with-dot::before {
    height: 0.625vw;
    top: 0.5469vw;
    width: 0.625vw;
  }

  .html-content__item[data-num]::before {
    min-width: 2.0313vw;
  }

  .lead-main {
    --pd-offset: 24px;
  }

  .lead-main__title {
    max-width: var(--container-md-width);
  }

  .lead-main__grid {
    grid-template-areas: "a a a b b b c c c c d d" "a a a e e f f f g g d d";
  }

  .lead-main__grid-item:first-child {
    height: 28.125vw;
  }

  .lead-main__grid-item:nth-child(2),
  .lead-main__grid-item:nth-child(3) {
    height: 13.6719vw;
  }

  .lead-main__grid-item:nth-child(4) {
    height: 28.125vw;
  }

  .lead-main__grid-item:nth-child(5),
  .lead-main__grid-item:nth-child(6),
  .lead-main__grid-item:nth-child(7) {
    height: 13.6719vw;
  }

  .lead-with-breadcrumbs {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .menu-link:not(._side) {
    min-height: 29px;
  }

  .menu-link__dot {
    height: 0.4688vw;
    width: 0.4688vw;
  }

  .next-question-section {
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .next-question-section,
  .not-found {
    --container-small-width: 80.625vw;
  }

  .not-found {
    grid-template-areas: "el1 el1 el1 el1 el2 el2 el2 el2 el2 el2 el2 el2";
    grid-template-columns: repeat(12, 1fr);
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .not-found__card:not(.not-found__card._height-small) {
    height: 36.25vw;
  }

  .not-found__card._height-small {
    height: 14.4531vw;
  }

  .promo-block__cards {
    grid-template-areas: "a a a a a b b b c c c c" "a a a a a e e e f f f f" "d d d d d e e e g g g g" "d d d d d h h h l l l l";
  }

  .promo-block__card:first-child {
    height: 31.25vw;
  }

  .promo-block__card:nth-child(2),
  .promo-block__card:nth-child(3) {
    height: 23.2813vw;
  }

  .promo-block__card:nth-child(4) {
    height: 55.3125vw;
  }

  .promo-block__card:nth-child(5) {
    border-radius: 500px;
    height: 39.1406vw;
  }

  .promo-block__card:nth-child(6) {
    height: 6.9531vw;
  }

  .promo-block__card:nth-child(7) {
    height: 31.3281vw;
  }

  .promo-block__card:nth-child(8),
  .promo-block__card:nth-child(9) {
    height: 23.2031vw;
  }

  .promo-block__card-link {
    height: 14.0625vw;
    width: 19.5313vw;
  }

  .promo-block__card-link-arrow {
    height: 1.6406vw;
    width: 1.6406vw;
  }

  .promo-block__card-info {
    height: 17.5781vw;
    width: 15.2344vw;
  }

  .question-answer-sections {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .read-also__title {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
  }

  .read-also__cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .read-also .wrapper-card {
    gap: 6.25vw;
    min-height: 24.2188vw;
  }

  .risk-factors__title-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .risk-factors__title {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
    width: 39.9219vw;
  }

  .risk-factors__text {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
    margin-top: 0;
    width: 31.7969vw;
  }

  .risk-factors__tabs {
    --tab-vertical-padding: 0.9375vw;
    --tab-horizontal-padding: 1.5625vw;
    flex-wrap: wrap;
    width: auto;
  }

  .risk-factors__tabs-item {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
    min-height: 2.6563vw;
  }

  .risk-factors__banners-item._active {
    grid-template-columns: auto 1fr;
  }

  .risk-factors__banners-item-picture {
    height: 29.5312vw;
    margin: var(--offset-24) 0;
    width: 38.3594vw;
  }

  .risk-factors__banners-item-picture img {
    height: 29.5312vw;
    width: 38.3594vw;
  }

  .risk-factors__banners-item-description {
    margin: var(--offset-24) 0;
  }

  .risk-factors__banners-item-description__title-wrapper {
    gap: 1.5625vw;
    margin-bottom: 0.7813vw;
  }

  .risk-factors__banners-item-description__title-icon {
    height: 6.25vw;
    width: 6.25vw;
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
  }

  .sidebar {
    width: 22.5781vw;
  }

  .sidebar__banner-picture {
    height: 18.3594vw;
    width: 19.9219vw;
  }

  .spoiler__btn-icon {
    border-radius: 32px;
    height: 2.5vw;
    width: 3.4375vw;
  }

  .spoiler__btn-icon_minus,
  .spoiler__btn-icon_plus {
    height: 1.4063vw;
    width: 1.4063vw;
  }

  .stats-block__wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    height: 40.625vw;
  }

  .stats-block__right {
    grid-column: 6 / 13;
    height: 40.625vw;
  }

  .stats-block__left {
    grid-column: 1 / 6;
  }

  .stats-block__right-container {
    gap: 5.9375vw;
  }

  .stats-block__right-stats::after {
    font-size: clamp(4.75rem, 3.75vw + 1.75rem, 5.125rem);
  }

  .stats-block__right-stats {
    min-height: 145px;
    padding-left: 42px;
  }

  .template-with-sidebar {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .test-preview {
    grid-template-areas: "el1 el1 el1 el1 el2 el2 el2 el2 el2 el2 el2 el2";
    grid-template-columns: repeat(12, 1fr);
  }

  .test-preview__card:not(.test-preview__card._height-small) {
    height: 34.8438vw;
  }

  .test-preview__card._height-small {
    height: 13.2813vw;
  }

  .test-questions {
    min-height: 27.3438vw;
  }

  .test-questions__answer-label {
    font-size: clamp(0.875rem, 1.25vw + -0.125rem, 1rem);
    min-height: 2.6563vw;
    padding-inline: 1.5625vw;
  }

  .test-questions__nav-prev[hidden] {
    display: flex;
  }

  .test-result__card {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .test-result__recommendations-item {
    padding-left: 2.0313vw;
  }

  .test-result__recommendations-item::before {
    height: 0.625vw;
    top: 0.5469vw;
    width: 0.625vw;
  }

  .test-result__recommendations-content li {
    padding-left: 2.0313vw;
  }

  .test-result__recommendations-content li::before {
    height: 0.625vw;
    top: 0.5469vw;
    width: 0.625vw;
  }

  .test-result__promo-wrap {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .test-result__promo {
    min-height: 31.25vw;
  }

  .test-result__promo-title {
    max-width: 663px;
  }

  .test-result__promo-tag {
    padding-left: 2.0313vw;
  }

  .test-result__promo-tag::before {
    height: 0.625vw;
    top: 0.5469vw;
    width: 0.625vw;
  }

  .test-result__promo-list {
    max-width: 663px;
  }

  .test-result__promo-item {
    padding-left: 2.0313vw;
  }

  .test-result__promo-item::before {
    height: 0.625vw;
    top: 0.5469vw;
    width: 0.625vw;
  }

  .test-result__retry {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .test-result__retry-card {
    height: 13.2813vw;
  }

  .test-result__retry-list li {
    padding-left: 2.0313vw;
  }

  .test-result__retry-list li::before {
    height: 0.625vw;
    top: 0.5469vw;
    width: 0.625vw;
  }

  .test-section {
    --height-big: 34.8438vw;
    --height-small: 27.3438vw;
  }

  .test-section__wrapper {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .text-with-dot {
    --width-dot: 8px;
  }

  .text-with-dot__tag {
    padding-left: 16px;
  }

  .text-with-dot__tag._big {
    --width-dot: 10px;
  }

  .therapy-areas__title-wrapper {
    display: flex;
    justify-content: space-between;
  }

  .therapy-areas__title {
    font-size: clamp(2.625rem, 2.5vw + 0.625rem, 2.875rem);
    width: 39.9219vw;
  }

  .therapy-areas__text {
    font-size: clamp(1.125rem, 1.25vw + 0.125rem, 1.25rem);
    margin-top: 0;
    width: 31.7969vw;
  }

  .therapy-areas__cards-accordion__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .therapy-areas__cards-accordion__cards-item {
    cursor: default;
    justify-content: space-between;
  }

  .therapy-areas__cards-accordion__cards-item-icon {
    height: 6.25vw;
    width: 6.25vw;
  }

  .therapy-areas__cards-accordion__cards-item-content p {
    padding-top: 1.0156vw;
  }

  .therapy-areas__cards-accordion__cards-item-content._init-content {
    align-items: flex-start;
    flex-direction: column;
  }

  .therapy-areas__cards-accordion__cards-item-content._active-content {
    max-height: 100%;
    opacity: 1;
    pointer-events: all;
  }

  .therapy-areas__cards-accordion__cards-item-title {
    width: 23.4375vw;
  }

  .therapy-areas__cards-accordion__btn-spoiler {
    display: none;
  }

  .video {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .video__button {
    border-radius: 2.1094vw;
    height: 2.5vw;
    width: 4.375vw;
  }

  .video__button-icon {
    height: 1.6406vw;
    width: 1.6406vw;
  }

  .video-kinescope {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }

  .video-kinescope__wrapper {
    height: 45.3906vw;
  }

  .video-kinescope__button {
    border-radius: 2.1094vw;
    height: 2.5vw;
    width: 4.375vw;
  }

  .video-kinescope__button-icon {
    height: 1.6406vw;
    width: 1.6406vw;
  }

  .warning__wrapper {
    min-height: 18.9844vw;
    width: 34.375vw;
  }

  .wrapper-card._padding-30 {
    padding: 1.5625vw;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .cards-accordion__head {
    --container-small-width: 80.625vw;
    max-width: calc(var(--container-small-width) + var(--offset-side) * 2);
  }
}
@media (min-width: 1280px) and (min-width: 1440px) {
  .cards-accordion__head {
    --container-small-width: 80.5556vw;
  }
}
@media (min-width: 1280px) and (min-width: 1920px) {
  .cards-accordion__head {
    --container-small-width: 1560px;
  }
}
@media (hover: hover) and (min-width: 1440px) {
  .company-link:hover {
    --big-link-radius: 400px;
  }
}
@media (min-width: 1440px) {
  .h-1 {
    font-size: clamp(5.125rem, 2.0833vw + 3.25rem, 5.75rem);
  }

  .h-2 {
    font-size: clamp(3rem, 3.3333vw + 0rem, 4rem);
  }

  .h-3 {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
  }

  .h-4,
  .h-4-m {
    font-size: clamp(2.25rem, 0.8333vw + 1.5rem, 2.5rem);
  }

  .h-5 {
    font-size: clamp(1.625rem, 1.25vw + 0.5rem, 2rem);
  }

  .h-6 {
    font-size: clamp(1rem, 1.25vw + -0.125rem, 1.375rem);
  }

  .t-1,
  .t-1-m {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
  }

  .t-2,
  .t-2-m {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
  }

  .ui-tag {
    font-size: clamp(0.875rem, 0.4167vw + 0.5rem, 1rem);
  }

  .ui-btn {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
  }

  .ui-menu {
    font-size: clamp(0.875rem, 0.4167vw + 0.5rem, 1rem);
  }

  :root {
    --offset-side: 1.6667vw;
    --offset-side-container: 8.1944vw;
    --offset-100: 5.5556vw;
    --offset-40: 2.2222vw;
    --offset-30: 1.6667vw;
    --offset-24: 1.3889vw;
    --offset-20: 1.1111vw;
    --offset-16: 0.9722vw;
    --offset-12: 0.8333vw;
    --offset-10: 0.6944vw;
    --offset-8: 0.5556vw;
    --corner-100: 80px;
    --corner-16: 12px;
    --header-height: 4.7222vw;
    --gap-40: 2.2222vw;
  }

  .icon-md {
    height: 3.3333vw;
    width: 3.3333vw;
  }

  .container-small {
    --container-small-width: 80.5556vw;
  }

  .footnote {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
  }

  .line-spacer-1 {
    height: 1.25vw;
  }

  .about-endothelium {
    --container-small-width: 80.5556vw;
  }

  .about-endothelium__title {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
    width: 29.8611vw;
  }

  .about-endothelium__text {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
    margin-top: 0;
    width: 31.9444vw;
  }

  .about-endothelium__banner-card {
    min-height: 24.3056vw;
  }

  .about-endothelium__banner-card .text-with-dot {
    width: 31.25vw;
  }

  .about-endothelium__banner-card-content {
    width: 38.1944vw;
  }

  .about-endothelium__banner-card-title {
    font-size: clamp(2.25rem, 0.8333vw + 1.5rem, 2.5rem);
  }

  .about-endothelium__banner-card-text {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
  }

  .about-vascular-system__title {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
    width: 31.9444vw;
  }

  .about-vascular-system__text {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
    margin-top: 0;
    width: 31.9444vw;
  }

  .about-vascular-system__small-card-wrapper {
    -webkit-mask-image: url("/assets/icons/bg-small-card-1440.svg");
    mask-image: url("/assets/icons/bg-small-card-1440.svg");
    min-height: 13.8889vw;
  }

  .about-vascular-system__small-card-title {
    font-size: clamp(1.625rem, 1.25vw + 0.5rem, 2rem);
  }

  .about-vascular-system__small-card-description {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
  }

  .about-vascular-system__banner-card {
    min-height: 24.3056vw;
  }

  .about-vascular-system__banner-card-description {
    width: 31.25vw;
  }

  .about-vascular-system__banner-card-title {
    font-size: clamp(2.25rem, 0.8333vw + 1.5rem, 2.5rem);
  }

  .about-vascular-system__banner-card-text {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
  }

  .about-vascular-system__picture-card.wrapper-card {
    min-height: 38.8889vw;
  }

  .banner {
    --container-small-width: 80.5556vw;
  }

  .banner__wrapper {
    --height-banner: 31.25vw;
  }

  .banner__wrapper._height-small {
    --height-banner: 20.8333vw;
  }

  .banner__wrapper._height-middle {
    --height-banner: 27.7778vw;
  }

  .banner-section {
    --container-small-width: 80.5556vw;
  }

  .banner-section__card {
    --height: 9.2361vw;
    width: 15.5556vw;
  }

  .banner-section__banner {
    height: 29.1667vw;
  }

  .banner-section__banner-content {
    gap: 1.6667vw;
    width: 31.9444vw;
  }

  .benefits-section {
    --card-height: 28.4722vw;
    --card-active-width: 35.8333vw;
    --card-width: 23.6111vw;
  }

  .benefits-section__title {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
    width: 32.7778vw;
  }

  .benefits-section__text {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
    margin-top: 0;
    width: 31.7361vw;
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
  }

  .breadcrumbs {
    font-size: clamp(0.875rem, 0.4167vw + 0.5rem, 1rem);

    --offset-8: 0.5556vw;
  }

  .btn {
    min-height: 2.5vw;

    --offset-btn-h: 1.6667vw;
  }

  .btn__label-icon svg {
    height: 1.5vw;
    width: 1.5vw;
  }

  .btn__icon {
    border-radius: 36px;
    width: 3.4722vw;
  }

  .btn__icon svg {
    height: 1.5vw;
    width: 1.5vw;
  }

  .card-contact {
    min-height: 8.3333vw;
    width: 21.875vw;
  }

  .card-contact__desc span {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
  }

  .card-with-dot__inner-wrapper._limit-width-second-type {
    width: 25.6944vw;
  }

  .card-with-dot__content._width-content-small {
    width: 30.0694vw;
  }

  .card-with-dot__content._width-content-large,
  .card-with-dot__content._width-content-middle {
    width: 45.4861vw;
  }

  .cards-accordion {
    --card-height: 20.5556vw;
    --card-width: 15.4861vw;
    --card-active-width: 32.0833vw;
    --card-compressed-width: 12.2222vw;
    --big-card-width: 96.6667vw;
    --wrapper-height: 46.875vw;
    --wrapper-compressed-height: 29.7222vw;
  }

  .cards-accordion__big-card-title {
    max-width: 69.5833vw;
  }

  .cards-accordion__head-title {
    max-width: 47.9861vw;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-icon {
    height: 4.1667vw;
    width: 4.1667vw;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-title {
    max-width: 12.2222vw;
  }

  .cards-accordion__cards-item-content._init-content {
    padding-top: 4.8611vw;
  }

  .cards-accordion__cards-item-icon {
    height: 6.9444vw;
    width: 6.9444vw;
  }

  .cards-grid-1._type-secondary .cards-grid-1__item,
  .cards-grid-1._type-std .cards-grid-1__item {
    min-height: 9.7222vw;
  }

  .cards-grid-1._type-secondary .cards-grid-1__item:first-child {
    min-height: 12.9167vw;
  }

  .company-link {
    --std-link-height: 9.1667vw;
    --big-link-height: 19.0278vw;
  }

  .company-link:focus-visible {
    --big-link-radius: 400px;
  }

  .company-link__hover-icon,
  .company-link__icon {
    /* height: 4.1667vw; */
    /* width: 11.3889vw; */
  }

  .endothelial-dysfunction-conditions__title {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
  }

  .endothelial-dysfunction-conditions__picture-card.wrapper-card {
    height: 34.7222vw;
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: clamp(2.25rem, 0.8333vw + 1.5rem, 2.5rem);
  }

  .endothelial-dysfunction-conditions__content-item-icon {
    border-radius: 36px;
    height: 2.5vw;
    width: 3.4722vw;
  }

  .endothelial-dysfunction-conditions__content-item-icon svg {
    height: 1.5vw;
    width: 1.5vw;
  }

  .filter-section {
    --container-small-width: 80.5556vw;
  }

  .filter-section__tabs {
    --tab-vertical-padding: 0.8333vw;
    --tab-horizontal-padding: 1.6667vw;
  }

  .filter-section__tabs-item {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
    min-height: 2.5vw;
  }

  .filter-section__cards-wrapper .card-with-dot._wide .wrapper-card {
    gap: 2.0833vw;
  }

  .filter-section__cards-wrapper .card-with-dot._wide .card-with-dot__content {
    width: 65.2778vw;
  }

  .filter-section__cards-wrapper .card-with-dot .wrapper-card {
    gap: 5.2083vw;
    min-height: 24.3056vw;
  }

  .footer__wrapper {
    height: 47.4306vw;
  }

  .footer__logo {
    height: 2.6389vw;
    width: 11.9444vw;
  }

  .grid-section {
    --container-small-width: 80.5556vw;
  }

  .grid-section__wrapper-title {
    gap: 32px;
  }

  .grid-section__item._height-166 {
    height: 8.6806vw;
  }

  .grid-section__item._height-166-2 {
    height: 9.7222vw;
  }

  .grid-section__item._height-194 {
    height: 10.4167vw;
  }

  .grid-section__item._height-225 {
    height: 12.9861vw;
  }

  .grid-section__item._height-342 {
    height: 20.1389vw;
  }

  .grid-section__item._height-460 {
    height: 26.6667vw;
  }

  .grid-section__item._height-602 {
    height: 32.6389vw;
  }

  .grid-section__btn._bottom-80 {
    bottom: 5.9028vw;
  }

  .grid-section-2 {
    --container-small-width: 80.5556vw;
  }

  .grid-section-2__card {
    height: 29.3056vw;
  }

  .grid-section-2__card:nth-child(2) {
    margin-top: 135px;
  }

  .grid-section-2__card:nth-child(3) {
    margin-top: 53px;
  }

  .grid-section-2__card-bottom svg {
    --width: 7.3611vw;
  }

  .header__logo-link {
    width: 8.0556vw;
  }

  .header__btn-sandwich {
    border-radius: 36px;
    width: 3.4722vw;
  }

  .header__btn-sandwich-icon svg {
    height: 1.5vw;
    width: 1.5vw;
  }

  .html-content__item._with-dot {
    padding-left: 1.9444vw;
  }

  .html-content__item._with-dot::before {
    height: 0.5556vw;
    top: 0.5556vw;
    width: 0.5556vw;
  }

  .html-content__item[data-num]::before {
    min-width: 1.9444vw;
  }

  .lead-main__title {
    --container-md-width: 94.4444vw;
  }

  .lead-main__grid-item:first-child {
    height: 28.6111vw;
  }

  .lead-main__grid-item:nth-child(2),
  .lead-main__grid-item:nth-child(3) {
    height: 13.9583vw;
  }

  .lead-main__grid-item:nth-child(4) {
    height: 28.6111vw;
  }

  .lead-main__grid-item:nth-child(5),
  .lead-main__grid-item:nth-child(6),
  .lead-main__grid-item:nth-child(7) {
    height: 13.9583vw;
  }

  .lead-with-breadcrumbs {
    --container-small-width: 80.5556vw;
  }

  .menu-link:not(._side) {
    min-height: 31px;
  }

  .menu-link__dot {
    height: 0.5556vw;
    width: 0.5556vw;
  }

  .next-question-section,
  .not-found {
    --container-small-width: 80.5556vw;
  }

  .not-found__card:not(.not-found__card._height-small) {
    height: 40.5556vw;
  }

  .not-found__card._height-small {
    height: 15.2778vw;
  }

  .promo-block__card:first-child {
    height: 32.1528vw;
  }

  .promo-block__card:nth-child(2),
  .promo-block__card:nth-child(3) {
    height: 23.9583vw;
  }

  .promo-block__card:nth-child(3) {
    border-radius: 742px;
  }

  .promo-block__card:nth-child(4) {
    height: 56.7361vw;
  }

  .promo-block__card:nth-child(5) {
    border-radius: 500px;
    height: 40.3472vw;
  }

  .promo-block__card:nth-child(6) {
    height: 7.5vw;
  }

  .promo-block__card:nth-child(7) {
    height: 32.0833vw;
  }

  .promo-block__card:nth-child(8),
  .promo-block__card:nth-child(9) {
    height: 23.8889vw;
  }

  .promo-block__card:nth-child(9) {
    border-radius: 742px;
  }

  .promo-block__card-link {
    height: 14.5833vw;
    width: 20vw;
  }

  .promo-block__card-link-arrow {
    height: 1.5972vw;
    width: 1.5972vw;
  }

  .promo-block__card-info {
    height: 17.5694vw;
    width: 15.4167vw;
  }

  .question-answer-sections {
    --container-small-width: 80.5556vw;
  }

  .read-also__title {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
  }

  .read-also .wrapper-card {
    gap: 5.2083vw;
    min-height: 24.3056vw;
  }

  .risk-factors__title {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
    width: 44.3056vw;
  }

  .risk-factors__text {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
    margin-top: 0;
    width: 31.875vw;
  }

  .risk-factors__tabs {
    --tab-vertical-padding: 0.8333vw;
    --tab-horizontal-padding: 1.6667vw;
  }

  .risk-factors__tabs-item {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
    min-height: 2.5vw;
  }

  .risk-factors__banners-item-picture {
    height: 26.25vw;
    width: 38.4028vw;
  }

  .risk-factors__banners-item-picture img {
    height: 26.25vw;
    width: 38.4028vw;
  }

  .risk-factors__banners-item-description__title-wrapper {
    gap: 1.3889vw;
    margin-bottom: 0.6944vw;
  }

  .risk-factors__banners-item-description__title-icon {
    height: 6.9444vw;
    width: 6.9444vw;
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
  }

  .sidebar {
    width: 22.2222vw;
  }

  .sidebar__banner-picture {
    height: 18.3333vw;
    width: 20.2778vw;
  }

  .spoiler__btn-icon {
    border-radius: 36px;
    height: 2.5vw;
    width: 3.4722vw;
  }

  .spoiler__btn-icon_minus,
  .spoiler__btn-icon_plus {
    height: 1.5vw;
    width: 1.5vw;
  }

  .stats-block__right,
  .stats-block__wrapper {
    height: 41.6667vw;
  }

  .stats-block__right-container {
    gap: 7.1528vw;
  }

  .stats-block__right-stats::after {
    font-size: clamp(5.125rem, 2.0833vw + 3.25rem, 5.75rem);
    width: 25px;
  }

  .stats-block__right-stats {
    min-height: 158px;
  }

  .template-with-sidebar {
    --container-small-width: 80.5556vw;
  }

  .test-preview__card:not(.test-preview__card._height-small) {
    height: 34.9306vw;
  }

  .test-preview__card._height-small {
    height: 13.1944vw;
  }

  .test-questions {
    min-height: 26.3889vw;
  }

  .test-questions__answer-label {
    font-size: clamp(1rem, 0.4167vw + 0.625rem, 1.125rem);
    min-height: 2.5vw;
    padding-inline: 1.6667vw;
  }

  .test-result__card {
    --container-small-width: 80.5556vw;
  }

  .test-result__recommendations-item {
    padding-left: 1.9444vw;
  }

  .test-result__recommendations-item::before {
    height: 0.5556vw;
    top: 0.5556vw;
    width: 0.5556vw;
  }

  .test-result__recommendations-content li {
    padding-left: 1.9444vw;
  }

  .test-result__recommendations-content li::before {
    height: 0.5556vw;
    top: 0.5556vw;
    width: 0.5556vw;
  }

  .test-result__promo-wrap {
    --container-small-width: 80.5556vw;
  }

  .test-result__promo {
    min-height: 29.1667vw;
  }

  .test-result__promo-title {
    max-width: 766px;
  }

  .test-result__promo-tag {
    padding-left: 1.9444vw;
  }

  .test-result__promo-tag::before {
    height: 0.5556vw;
    top: 0.5556vw;
    width: 0.5556vw;
  }

  .test-result__promo-list {
    max-width: 663px;
  }

  .test-result__promo-item {
    padding-left: 1.9444vw;
  }

  .test-result__promo-item::before {
    height: 0.5556vw;
    top: 0.5556vw;
    width: 0.5556vw;
  }

  .test-result__retry {
    --container-small-width: 80.5556vw;
  }

  .test-result__retry-card {
    height: 13.1944vw;
  }

  .test-result__retry-list li {
    padding-left: 1.9444vw;
  }

  .test-result__retry-list li::before {
    height: 0.5556vw;
    top: 0.5556vw;
    width: 0.5556vw;
  }

  .test-section {
    --height-big: 34.9306vw;
    --height-small: 26.3889vw;
  }

  .test-section__wrapper {
    --container-small-width: 80.5556vw;
  }

  .text-with-dot__tag._big {
    --width-dot: 12px;
  }

  .therapy-areas__title {
    font-size: clamp(2.875rem, 2.5vw + 0.625rem, 3.625rem);
    width: 44.3056vw;
  }

  .therapy-areas__text {
    font-size: clamp(1.25rem, 0.8333vw + 0.5rem, 1.5rem);
    margin-top: 0;
    width: 31.875vw;
  }

  .therapy-areas__cards-accordion__cards-item-icon {
    height: 6.9444vw;
    width: 6.9444vw;
  }

  .therapy-areas__cards-accordion__cards-item-content p {
    padding-top: 0;
  }

  .therapy-areas__cards-accordion__cards-item-title {
    width: 23.6111vw;
  }

  .video {
    --container-small-width: 80.5556vw;
  }

  .video__button {
    border-radius: 2.0833vw;
    height: 2.5694vw;
    width: 4.4444vw;
  }

  .video__button-icon {
    height: 1.6667vw;
    width: 1.6667vw;
  }

  .video-kinescope {
    --container-small-width: 80.5556vw;
  }

  .video-kinescope__wrapper {
    height: 45.2083vw;
  }

  .video-kinescope__button {
    border-radius: 2.0833vw;
    height: 2.5694vw;
    width: 4.4444vw;
  }

  .video-kinescope__button-icon {
    height: 1.6667vw;
    width: 1.6667vw;
  }

  .warning__wrapper {
    min-height: 21.4583vw;
    width: 33.3333vw;
  }

  .wrapper-card._padding-30 {
    padding: 1.6667vw;
  }
}
@media (hover: hover) and (min-width: 1920px) {
  .company-link:hover {
    --big-link-radius: 500px;
  }
}
@media (min-width: 1920px) {
  .h-1 {
    font-size: 5.75rem;
  }

  .h-2 {
    font-size: 4rem;
  }

  .h-3 {
    font-size: 3.625rem;
  }

  .h-4,
  .h-4-m {
    font-size: 2.5rem;
  }

  .h-5 {
    font-size: 2rem;
  }

  .h-6 {
    font-size: 1.375rem;
  }

  .t-1,
  .t-1-m {
    font-size: 1.5rem;
  }

  .t-2,
  .t-2-m {
    font-size: 1.125rem;
  }

  .ui-tag {
    font-size: 1rem;
  }

  .ui-btn {
    font-size: 1.125rem;
  }

  .ui-menu {
    font-size: 1rem;
  }

  :root {
    --offset-side: 24px;
    --offset-side-container: 158px;
    --offset-100: 100px;
    --offset-40: 40px;
    --offset-30: 30px;
    --offset-24: 24px;
    --offset-20: 20px;
    --offset-16: 16px;
    --offset-12: 12px;
    --offset-10: 10px;
    --offset-8: 8px;
    --corner-100: 100px;
    --corner-24: 24px;
    --corner-16: 16px;
    --corner-8: 8px;
    --header-height: 80px;
    --gap-40: 40px;
  }

  .icon-md {
    height: 58px;
    width: 58px;
  }

  .container {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .container-small {
    --container-small-width: 1560px;
  }

  .footnote {
    font-size: 1.125rem;
  }

  .line-spacer-1 {
    height: 18px;
  }

  .about-endothelium {
    --container-small-width: 1560px;
  }

  .about-endothelium__title {
    font-size: 3.625rem;
    width: 450px;
  }

  .about-endothelium__text {
    font-size: 1.5rem;
    margin-top: 0;
    width: 617px;
  }

  .about-endothelium__banner-card {
    min-height: 460px;
  }

  .about-endothelium__banner-card .text-with-dot {
    width: 500px;
  }

  .about-endothelium__banner-card-content {
    width: 745px;
  }

  .about-endothelium__banner-card-title {
    font-size: 2.5rem;
  }

  .about-endothelium__banner-card-text {
    font-size: 1.5rem;
  }

  .about-vascular-system {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .about-vascular-system__title {
    font-size: 3.625rem;
    width: 617px;
  }

  .about-vascular-system__text {
    font-size: 1.5rem;
    margin-top: 0;
    width: 617px;
  }

  .about-vascular-system__small-card-wrapper {
    -webkit-mask-image: url("/assets/icons/bg-small-card-1920.svg");
    mask-image: url("/assets/icons/bg-small-card-1920.svg");
    min-height: 264px;
  }

  .about-vascular-system__small-card-title {
    font-size: 2rem;
  }

  .about-vascular-system__small-card-description {
    font-size: 1.5rem;
  }

  .about-vascular-system__banner-card {
    min-height: 467px;
  }

  .about-vascular-system__banner-card-description {
    width: 600px;
  }

  .about-vascular-system__banner-card-title {
    font-size: 2.5rem;
  }

  .about-vascular-system__banner-card-text {
    font-size: 1.5rem;
  }

  .about-vascular-system__picture-card.wrapper-card {
    min-height: 746px;
  }

  .banner {
    --container-small-width: 1560px;
  }

  .banner__wrapper {
    --height-banner: 450px;
  }

  .banner__wrapper._height-small {
    --height-banner: 345px;
  }

  .banner__wrapper._height-middle {
    --height-banner: 450px;
  }

  .banner-section {
    --container-small-width: 1560px;
  }

  .banner-section__card {
    --height: 170px;
    width: 304px;
  }

  .banner-section__banner {
    height: 530px;
  }

  .banner-section__banner-content {
    gap: 24px;
    width: 500px;
  }

  .benefits-section {
    max-width: calc(1870px + var(--offset-side) * 2);

    --card-height: 555px;
    --card-active-width: 690px;
    --card-width: 460px;
    --width-dot: 10px;
  }

  .benefits-section__title {
    font-size: 3.625rem;
    width: 674px;
  }

  .benefits-section__text {
    font-size: 1.5rem;
    margin-top: 0;
    width: 616px;
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: 1.125rem;
  }

  .benefits-section__card-content-list ul li {
    padding-left: 18px;
  }

  .breadcrumbs {
    font-size: 1rem;

    --offset-8: 8px;
  }

  .btn {
    min-height: 40px;

    --offset-btn-h: 32px;
  }

  .btn__label-icon svg {
    height: 24px;
    width: 24px;
  }

  .btn__icon {
    border-radius: 40px;
    width: 56px;
  }

  .btn__icon svg {
    height: 24px;
    width: 24px;
  }

  .card-contact {
    min-height: 140px;
    width: 420px;
  }

  .card-contact__desc span {
    font-size: 1.125rem;
  }

  .card-with-dot__inner-wrapper._limit-width-second-type {
    width: 420px;
  }

  .card-with-dot__content._width-content-small {
    width: 518px;
  }

  .card-with-dot__content._width-content-middle {
    width: 765px;
  }

  .card-with-dot__content._width-content-large {
    width: 766px;
  }

  .cards-accordion {
    max-width: calc(1870px + var(--offset-side) * 2);

    --card-height: 400px;
    --card-width: 304px;
    --card-active-width: 616px;
    --card-compressed-width: 240.4px;
    --big-card-width: 1872px;
    --wrapper-height: 900px;
    --wrapper-compressed-height: 556px;
  }

  .cards-accordion__big-card-title {
    max-width: 1143px;
  }

  .cards-accordion__head-title {
    max-width: 931px;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-icon {
    height: 80px;
    width: 80px;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-title {
    max-width: 255px;
  }

  .cards-accordion__cards-item-content._init-content {
    padding-top: 108px;
  }

  .cards-accordion__cards-item-icon {
    height: 128px;
    width: 128px;
  }

  .cards-grid-1._type-std .cards-grid-1__item {
    min-height: 186px;
  }

  .cards-grid-1._type-secondary .cards-grid-1__item {
    min-height: 180px;
  }

  .cards-grid-1._type-secondary .cards-grid-1__item:first-child {
    min-height: 250px;
  }

  .company-link {
    --std-link-height: 177px;
    --big-link-height: 362px;
  }

  .company-link:focus-visible {
    --big-link-radius: 500px;
  }

  .company-link__hover-icon,
  .company-link__icon {
    /* height: 89px; */
    /* width: 244px; */
  }

  .endothelial-dysfunction-conditions {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .endothelial-dysfunction-conditions__title {
    font-size: 3.625rem;
  }

  .endothelial-dysfunction-conditions__picture-card.wrapper-card {
    height: 680px;
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: 2.5rem;
  }

  .endothelial-dysfunction-conditions__content-item-icon {
    border-radius: 40px;
    height: 40px;
    width: 56px;
  }

  .endothelial-dysfunction-conditions__content-item-icon svg {
    height: 24px;
    width: 24px;
  }

  .filter-section {
    --container-small-width: 1560px;
  }

  .filter-section__tabs {
    --tab-vertical-padding: 14px;
    --tab-horizontal-padding: 30px;
  }

  .filter-section__tabs-item {
    font-size: 1.125rem;
    min-height: 40px;
  }

  .filter-section__cards-wrapper .card-with-dot._wide .wrapper-card {
    gap: 100px;
  }

  .filter-section__cards-wrapper .card-with-dot._wide .card-with-dot__content {
    width: 1280px;
  }

  .filter-section__cards-wrapper .card-with-dot .wrapper-card {
    gap: 130px;
    min-height: 450px;
  }

  .footer {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .footer__wrapper {
    height: 800px;
  }

  .footer__logo {
    height: 51px;
    width: 230px;
  }

  .grid-section {
    --container-small-width: 1560px;
  }

  .grid-section__wrapper-title {
    gap: 32px;
  }

  .grid-section__item._height-166,
  .grid-section__item._height-166-2 {
    height: 166px;
  }

  .grid-section__item._height-194 {
    height: 194px;
  }

  .grid-section__item._height-225 {
    height: 225px;
  }

  .grid-section__item._height-342 {
    height: 342px;
  }

  .grid-section__item._height-460 {
    height: 460px;
  }

  .grid-section__item._height-602 {
    height: 602px;
  }

  .grid-section__btn._bottom-80 {
    bottom: 80px;
  }

  .grid-section-2 {
    --container-small-width: 1560px;
  }

  .grid-section-2__card {
    height: 552px;
  }

  .grid-section-2__card:nth-child(2) {
    margin-top: 200px;
  }

  .grid-section-2__card:nth-child(3) {
    margin-top: 100px;
  }

  .grid-section-2__card-bottom svg {
    --width: 136px;
  }

  .header__content {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .header__logo-link {
    width: 160px;
  }

  .header__btn-sandwich {
    border-radius: 40px;
    width: 56px;
  }

  .header__btn-sandwich-icon svg {
    height: 24px;
    width: 24px;
  }

  .header__sandwich {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .html-content__item._with-dot {
    padding-left: 34px;
  }

  .html-content__item._with-dot::before {
    height: 10px;
    top: 10px;
    width: 10px;
  }

  .html-content__item[data-num]::before {
    min-width: 34px;
  }

  .lead-main {
    --pd-offset: 24px;
  }

  .lead-main._config-2 .lead-main__grid-item:first-child {
    height: 394px;
  }

  .lead-main._config-2 .lead-main__grid-item:nth-child(2),
  .lead-main._config-2 .lead-main__grid-item:nth-child(3) {
    height: 192px;
  }

  .lead-main._config-2 .lead-main__grid-item:nth-child(4) {
    height: 394px;
  }

  .lead-main._config-2 .lead-main__grid-item:nth-child(5),
  .lead-main._config-2 .lead-main__grid-item:nth-child(6),
  .lead-main._config-2 .lead-main__grid-item:nth-child(7) {
    height: 192px;
  }

  .lead-main__content {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .lead-main__title {
    --container-md-width: 1560px;
  }

  .lead-main__grid-item:first-child {
    height: 542px;
  }

  .lead-main__grid-item:nth-child(2),
  .lead-main__grid-item:nth-child(3) {
    height: 266px;
  }

  .lead-main__grid-item:nth-child(3) {
    border-radius: 100000px;
  }

  .lead-main__grid-item:nth-child(4) {
    border-radius: 10000px;
    height: 542px;
  }

  .lead-main__grid-item:nth-child(5),
  .lead-main__grid-item:nth-child(6) {
    height: 266px;
  }

  .lead-main__grid-item:nth-child(6) {
    border-radius: 10000px;
  }

  .lead-main__grid-item:nth-child(7) {
    height: 266px;
  }

  .lead-with-breadcrumbs {
    --container-small-width: 1560px;
  }

  .menu-link:not(._side) {
    min-height: 36px;
  }

  .menu-link__dot {
    height: 10px;
    width: 10px;
  }

  .next-question-section,
  .not-found {
    --container-small-width: 1560px;
  }

  .not-found__card:not(.not-found__card._height-small) {
    height: 700px;
  }

  .not-found__card._height-small {
    height: 260px;
  }

  .promo-block {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .promo-block__card:first-child {
    height: 613px;
  }

  .promo-block__card:nth-child(2),
  .promo-block__card:nth-child(3) {
    height: 457px;
  }

  .promo-block__card:nth-child(3) {
    border-radius: 1000px;
  }

  .promo-block__card:nth-child(4) {
    height: 1080px;
  }

  .promo-block__card:nth-child(5) {
    border-radius: 500px;
    height: 769px;
  }

  .promo-block__card:nth-child(6) {
    height: 146px;
  }

  .promo-block__card:nth-child(7) {
    height: 613px;
  }

  .promo-block__card:nth-child(8),
  .promo-block__card:nth-child(9) {
    height: 457px;
  }

  .promo-block__card:nth-child(9) {
    border-radius: 1000px;
  }

  .promo-block__card-link {
    height: 266px;
    width: 365px;
  }

  .promo-block__card-link-arrow {
    height: 27px;
    width: 27px;
  }

  .promo-block__card-info {
    height: 340px;
    width: 375px;
  }

  .question-answer-sections {
    --container-small-width: 1560px;
  }

  .read-also {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .read-also__title {
    font-size: 3.625rem;
  }

  .read-also .wrapper-card {
    gap: 130px;
    min-height: 450px;
  }

  .risk-factors {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .risk-factors__title {
    font-size: 3.625rem;
    width: 750px;
  }

  .risk-factors__text {
    font-size: 1.5rem;
    margin-top: 0;
    width: 774px;
  }

  .risk-factors__tabs {
    --tab-vertical-padding: 14px;
    --tab-horizontal-padding: 30px;
  }

  .risk-factors__tabs-item {
    font-size: 1.125rem;
    min-height: 40px;
  }

  .risk-factors__banners-item-picture {
    height: 378px;
    width: 744px;
  }

  .risk-factors__banners-item-picture img {
    height: 378px;
    width: 744px;
  }

  .risk-factors__banners-item-description__title-wrapper {
    gap: 30px;
    margin-bottom: 10px;
  }

  .risk-factors__banners-item-description__title-icon {
    height: 128px;
    width: 128px;
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span {
    font-size: 1.125rem;
  }

  .sidebar {
    width: 431px;
  }

  .sidebar__banner-picture {
    height: 362px;
    width: 383px;
  }

  .spoiler__btn-icon {
    border-radius: 40px;
    height: 40px;
    width: 56px;
  }

  .spoiler__btn-icon_minus,
  .spoiler__btn-icon_plus {
    height: 24px;
    width: 24px;
  }

  .spoiler-list._section,
  .stats-block {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .stats-block__right,
  .stats-block__wrapper {
    height: 809px;
  }

  .stats-block__left-text {
    width: 572px;
  }

  .stats-block__right-container {
    gap: 123px;
  }

  .stats-block__right-stats::after {
    font-size: 5.75rem;
    width: 30px;
  }

  .stats-block__right-stats {
    min-height: 213px;
    padding-left: 42px;
  }

  .template-with-sidebar {
    --container-small-width: 1560px;
  }

  .test-preview__card:not(.test-preview__card._height-small) {
    height: 680px;
  }

  .test-preview__card._height-small {
    height: 260px;
  }

  .test-questions {
    min-height: 450px;
  }

  .test-questions__answer-label {
    font-size: 1.125rem;
    min-height: 40px;
    padding-inline: 30px;
  }

  .test-result__card {
    --container-small-width: 1560px;
  }

  .test-result__recommendations-item {
    padding-left: 34px;
  }

  .test-result__recommendations-item::before {
    height: 10px;
    top: 10px;
    width: 10px;
  }

  .test-result__recommendations-content li {
    padding-left: 34px;
  }

  .test-result__recommendations-content li::before {
    height: 10px;
    top: 10px;
    width: 10px;
  }

  .test-result__promo-wrap {
    --container-small-width: 1560px;
  }

  .test-result__promo {
    min-height: 450px;
  }

  .test-result__promo-title {
    max-width: 766px;
  }

  .test-result__promo-tag {
    padding-left: 34px;
  }

  .test-result__promo-tag::before {
    height: 10px;
    top: 10px;
    width: 10px;
  }

  .test-result__promo-list {
    max-width: 915px;
  }

  .test-result__promo-item {
    padding-left: 34px;
  }

  .test-result__promo-item::before {
    height: 10px;
    top: 10px;
    width: 10px;
  }

  .test-result__retry {
    --container-small-width: 1560px;
  }

  .test-result__retry-card {
    height: 260px;
  }

  .test-result__retry-list li {
    padding-left: 34px;
  }

  .test-result__retry-list li::before {
    height: 10px;
    top: 10px;
    width: 10px;
  }

  .test-section {
    --height-big: 680px;
    --height-small: 450px;
  }

  .test-section__wrapper {
    --container-small-width: 1560px;
  }

  .text-with-dot {
    --width-dot: 10px;
  }

  .text-with-dot__tag {
    padding-left: 18px;
  }

  .text-with-dot__tag::before {
    top: 4px;
  }

  .text-with-dot__tag._big {
    --width-dot: 16px;
  }

  .therapy-areas {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .therapy-areas__title {
    font-size: 3.625rem;
    width: 750px;
  }

  .therapy-areas__text {
    font-size: 1.5rem;
    margin-top: 0;
    width: 774px;
  }

  .therapy-areas__cards-accordion__cards-item-icon {
    height: 128px;
    width: 128px;
  }

  .therapy-areas__cards-accordion__cards-item-content p {
    padding-top: 32px;
  }

  .therapy-areas__cards-accordion__cards-item-title {
    width: 400px;
  }

  .video {
    --container-small-width: 1560px;
  }

  .video__button {
    border-radius: 40px;
    height: 49px;
    width: 84px;
  }

  .video__button-icon {
    height: 32px;
    width: 32px;
  }

  .video-kinescope {
    --container-small-width: 1560px;
  }

  .video-kinescope__wrapper {
    height: 877px;
  }

  .video-kinescope__button {
    border-radius: 40px;
    height: 49px;
    width: 84px;
  }

  .video-kinescope__button-icon {
    height: 32px;
    width: 32px;
  }

  .warning__wrapper {
    min-height: 348px;
    padding-left: 70px;
    padding-right: 70px;
    width: 656px;
  }

  .where-buy {
    max-width: calc(1870px + var(--offset-side) * 2);
  }

  .wrapper-card._padding-30 {
    padding: 30px;
  }
}
@media (min-width: 2560px) {
  .h-1 {
    font-size: 5.75rem;
  }

  .h-2 {
    font-size: 4rem;
  }

  .h-3 {
    font-size: 3.625rem;
  }

  .h-4,
  .h-4-m {
    font-size: 2.5rem;
  }

  .h-5 {
    font-size: 2rem;
  }

  .h-6 {
    font-size: 1.375rem;
  }

  .t-1,
  .t-1-m {
    font-size: 1.5rem;
  }

  .t-2,
  .t-2-m {
    font-size: 1.125rem;
  }

  .ui-tag {
    font-size: 1rem;
  }

  .ui-btn {
    font-size: 1.125rem;
  }

  .ui-menu {
    font-size: 1rem;
  }

  .footnote {
    font-size: 1.125rem;
  }

  .about-endothelium__title {
    font-size: 3.625rem;
  }

  .about-endothelium__text {
    font-size: 1.5rem;
  }

  .about-endothelium__banner-card-title {
    font-size: 2.5rem;
  }

  .about-endothelium__banner-card-text {
    font-size: 1.5rem;
  }

  .about-vascular-system__title {
    font-size: 3.625rem;
  }

  .about-vascular-system__text {
    font-size: 1.5rem;
  }

  .about-vascular-system__small-card-title {
    font-size: 2rem;
  }

  .about-vascular-system__small-card-description {
    font-size: 1.5rem;
  }

  .about-vascular-system__banner-card-title {
    font-size: 2.5rem;
  }

  .about-vascular-system__banner-card-text {
    font-size: 1.5rem;
  }

  .benefits-section__title {
    font-size: 3.625rem;
  }

  .benefits-section__text {
    font-size: 1.5rem;
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: 1.125rem;
  }

  .breadcrumbs {
    font-size: 1rem;
  }

  .card-contact__desc span {
    font-size: 1.125rem;
  }

  .endothelial-dysfunction-conditions__title {
    font-size: 3.625rem;
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: 2.5rem;
  }

  .filter-section__tabs-item {
    font-size: 1.125rem;
  }

  .read-also__title,
  .risk-factors__title {
    font-size: 3.625rem;
  }

  .risk-factors__text {
    font-size: 1.5rem;
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span,
  .risk-factors__tabs-item {
    font-size: 1.125rem;
  }

  .stats-block__right-stats::after {
    font-size: 5.75rem;
  }

  .test-questions__answer-label {
    font-size: 1.125rem;
  }

  .therapy-areas__title {
    font-size: 3.625rem;
  }

  .therapy-areas__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 2560px) and (max-height: 600px) {
  .h-1 {
    font-size: 4.025rem;
  }

  .h-2 {
    font-size: 2.8rem;
  }

  .h-3 {
    font-size: 2.5375rem;
  }

  .h-4,
  .h-4-m {
    font-size: 1.75rem;
  }

  .h-5 {
    font-size: 1.4rem;
  }

  .h-6 {
    font-size: 0.9625rem;
  }

  .t-1,
  .t-1-m {
    font-size: 1.05rem;
  }

  .t-2,
  .t-2-m {
    font-size: 0.7875rem;
  }

  .ui-tag {
    font-size: 0.7rem;
  }

  .ui-btn {
    font-size: 0.7875rem;
  }

  .ui-menu {
    font-size: 0.7rem;
  }

  .footnote {
    font-size: 0.7875rem;
  }

  .about-endothelium__title {
    font-size: 2.5375rem;
  }

  .about-endothelium__text {
    font-size: 1.05rem;
  }

  .about-endothelium__banner-card-title {
    font-size: 1.75rem;
  }

  .about-endothelium__banner-card-text {
    font-size: 1.05rem;
  }

  .about-vascular-system__title {
    font-size: 2.5375rem;
  }

  .about-vascular-system__text {
    font-size: 1.05rem;
  }

  .about-vascular-system__small-card-title {
    font-size: 1.4rem;
  }

  .about-vascular-system__small-card-description {
    font-size: 1.05rem;
  }

  .about-vascular-system__banner-card-title {
    font-size: 1.75rem;
  }

  .about-vascular-system__banner-card-text {
    font-size: 1.05rem;
  }

  .benefits-section__title {
    font-size: 2.5375rem;
  }

  .benefits-section__text {
    font-size: 1.05rem;
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: 0.7875rem;
  }

  .breadcrumbs {
    font-size: 0.7rem;
  }

  .card-contact__desc span {
    font-size: 0.7875rem;
  }

  .endothelial-dysfunction-conditions__title {
    font-size: 2.5375rem;
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: 1.75rem;
  }

  .filter-section__tabs-item {
    font-size: 0.7875rem;
  }

  .read-also__title,
  .risk-factors__title {
    font-size: 2.5375rem;
  }

  .risk-factors__text {
    font-size: 1.05rem;
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span,
  .risk-factors__tabs-item {
    font-size: 0.7875rem;
  }

  .stats-block__right-stats::after {
    font-size: 4.025rem;
  }

  .test-questions__answer-label {
    font-size: 0.7875rem;
  }

  .therapy-areas__title {
    font-size: 2.5375rem;
  }

  .therapy-areas__text {
    font-size: 1.05rem;
  }
}
@media (min-width: 1920px) and (max-height: 600px) {
  .h-1 {
    font-size: 4.025rem;
  }

  .h-2 {
    font-size: 2.8rem;
  }

  .h-3 {
    font-size: 2.5375rem;
  }

  .h-4,
  .h-4-m {
    font-size: 1.75rem;
  }

  .h-5 {
    font-size: 1.4rem;
  }

  .h-6 {
    font-size: 0.9625rem;
  }

  .t-1,
  .t-1-m {
    font-size: 1.05rem;
  }

  .t-2,
  .t-2-m {
    font-size: 0.7875rem;
  }

  .ui-tag {
    font-size: 0.7rem;
  }

  .ui-btn {
    font-size: 0.7875rem;
  }

  .ui-menu {
    font-size: 0.7rem;
  }

  .footnote {
    font-size: 0.7875rem;
  }

  .about-endothelium__title {
    font-size: 2.5375rem;
  }

  .about-endothelium__text {
    font-size: 1.05rem;
  }

  .about-endothelium__banner-card-title {
    font-size: 1.75rem;
  }

  .about-endothelium__banner-card-text {
    font-size: 1.05rem;
  }

  .about-vascular-system__title {
    font-size: 2.5375rem;
  }

  .about-vascular-system__text {
    font-size: 1.05rem;
  }

  .about-vascular-system__small-card-title {
    font-size: 1.4rem;
  }

  .about-vascular-system__small-card-description {
    font-size: 1.05rem;
  }

  .about-vascular-system__banner-card-title {
    font-size: 1.75rem;
  }

  .about-vascular-system__banner-card-text {
    font-size: 1.05rem;
  }

  .benefits-section__title {
    font-size: 2.5375rem;
  }

  .benefits-section__text {
    font-size: 1.05rem;
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: 0.7875rem;
  }

  .breadcrumbs {
    font-size: 0.7rem;
  }

  .card-contact__desc span {
    font-size: 0.7875rem;
  }

  .endothelial-dysfunction-conditions__title {
    font-size: 2.5375rem;
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: 1.75rem;
  }

  .filter-section__tabs-item {
    font-size: 0.7875rem;
  }

  .read-also__title,
  .risk-factors__title {
    font-size: 2.5375rem;
  }

  .risk-factors__text {
    font-size: 1.05rem;
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span,
  .risk-factors__tabs-item {
    font-size: 0.7875rem;
  }

  .stats-block__right-stats::after {
    font-size: 4.025rem;
  }

  .test-questions__answer-label {
    font-size: 0.7875rem;
  }

  .therapy-areas__title {
    font-size: 2.5375rem;
  }

  .therapy-areas__text {
    font-size: 1.05rem;
  }
}
@media (min-width: 1440px) and (max-height: 600px) {
  .h-1 {
    font-size: clamp(3.5875rem, 1.4583vw + 2.275rem, 4.025rem);
  }

  .h-2 {
    font-size: clamp(2.1rem, 2.3333vw + 0rem, 2.8rem);
  }

  .h-3 {
    font-size: clamp(2.0125rem, 1.75vw + 0.4375rem, 2.5375rem);
  }

  .h-4,
  .h-4-m {
    font-size: clamp(1.575rem, 0.5833vw + 1.05rem, 1.75rem);
  }

  .h-5 {
    font-size: clamp(1.1375rem, 0.875vw + 0.35rem, 1.4rem);
  }

  .h-6 {
    font-size: clamp(0.7rem, 0.875vw + -0.0875rem, 0.9625rem);
  }

  .t-1,
  .t-1-m {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .t-2,
  .t-2-m {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .ui-tag {
    font-size: clamp(0.6125rem, 0.2917vw + 0.35rem, 0.7rem);
  }

  .ui-btn {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .ui-menu {
    font-size: clamp(0.6125rem, 0.2917vw + 0.35rem, 0.7rem);
  }

  .footnote {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .about-endothelium__title {
    font-size: clamp(2.0125rem, 1.75vw + 0.4375rem, 2.5375rem);
  }

  .about-endothelium__text {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .about-endothelium__banner-card-title {
    font-size: clamp(1.575rem, 0.5833vw + 1.05rem, 1.75rem);
  }

  .about-endothelium__banner-card-text {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .about-vascular-system__title {
    font-size: clamp(2.0125rem, 1.75vw + 0.4375rem, 2.5375rem);
  }

  .about-vascular-system__text {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .about-vascular-system__small-card-title {
    font-size: clamp(1.1375rem, 0.875vw + 0.35rem, 1.4rem);
  }

  .about-vascular-system__small-card-description {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .about-vascular-system__banner-card-title {
    font-size: clamp(1.575rem, 0.5833vw + 1.05rem, 1.75rem);
  }

  .about-vascular-system__banner-card-text {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .benefits-section__title {
    font-size: clamp(2.0125rem, 1.75vw + 0.4375rem, 2.5375rem);
  }

  .benefits-section__text {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .breadcrumbs {
    font-size: clamp(0.6125rem, 0.2917vw + 0.35rem, 0.7rem);
  }

  .card-contact__desc span {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .endothelial-dysfunction-conditions__title {
    font-size: clamp(2.0125rem, 1.75vw + 0.4375rem, 2.5375rem);
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: clamp(1.575rem, 0.5833vw + 1.05rem, 1.75rem);
  }

  .filter-section__tabs-item {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .read-also__title,
  .risk-factors__title {
    font-size: clamp(2.0125rem, 1.75vw + 0.4375rem, 2.5375rem);
  }

  .risk-factors__text {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span,
  .risk-factors__tabs-item {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .stats-block__right-stats::after {
    font-size: clamp(3.5875rem, 1.4583vw + 2.275rem, 4.025rem);
  }

  .test-questions__answer-label {
    font-size: clamp(0.7rem, 0.2917vw + 0.4375rem, 0.7875rem);
  }

  .therapy-areas__title {
    font-size: clamp(2.0125rem, 1.75vw + 0.4375rem, 2.5375rem);
  }

  .therapy-areas__text {
    font-size: clamp(0.875rem, 0.5833vw + 0.35rem, 1.05rem);
  }
}
@media (min-width: 1280px) and (max-height: 500px) {
  .h-1 {
    font-size: clamp(3.325rem, 2.625vw + 1.225rem, 3.5875rem);
  }

  .h-2 {
    font-size: clamp(1.8375rem, 2.625vw + -0.2625rem, 2.1rem);
  }

  .h-3 {
    font-size: clamp(1.8375rem, 1.75vw + 0.4375rem, 2.0125rem);
  }

  .h-4,
  .h-4-m {
    font-size: clamp(1.4rem, 1.75vw + 0rem, 1.575rem);
  }

  .h-5 {
    font-size: clamp(0.9625rem, 1.75vw + -0.4375rem, 1.1375rem);
  }

  .h-6 {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .t-1,
  .t-1-m {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .t-2,
  .t-2-m {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .ui-tag {
    font-size: clamp(0.6125rem, 0vw + 0.6125rem, 0.6125rem);
  }

  .ui-btn {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .ui-menu {
    font-size: clamp(0.6125rem, 0vw + 0.6125rem, 0.6125rem);
  }

  .footnote {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .about-endothelium__title {
    font-size: clamp(1.8375rem, 1.75vw + 0.4375rem, 2.0125rem);
  }

  .about-endothelium__text {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .about-endothelium__banner-card-title {
    font-size: clamp(1.4rem, 1.75vw + 0rem, 1.575rem);
  }

  .about-endothelium__banner-card-text {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .about-vascular-system__title {
    font-size: clamp(1.8375rem, 1.75vw + 0.4375rem, 2.0125rem);
  }

  .about-vascular-system__text {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .about-vascular-system__small-card-title {
    font-size: clamp(0.9625rem, 1.75vw + -0.4375rem, 1.1375rem);
  }

  .about-vascular-system__small-card-description {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .about-vascular-system__banner-card-title {
    font-size: clamp(1.4rem, 1.75vw + 0rem, 1.575rem);
  }

  .about-vascular-system__banner-card-text {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .benefits-section__title {
    font-size: clamp(1.8375rem, 1.75vw + 0.4375rem, 2.0125rem);
  }

  .benefits-section__text {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .benefits-section__card-content-list ul li,
  .benefits-section__card-content-title,
  .benefits-section__card-content-title span {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .breadcrumbs {
    font-size: clamp(0.6125rem, 0vw + 0.6125rem, 0.6125rem);
  }

  .card-contact__desc span {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .endothelial-dysfunction-conditions__title {
    font-size: clamp(1.8375rem, 1.75vw + 0.4375rem, 2.0125rem);
  }

  .endothelial-dysfunction-conditions__content-item-text {
    font-size: clamp(1.4rem, 1.75vw + 0rem, 1.575rem);
  }

  .filter-section__tabs-item {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .read-also__title,
  .risk-factors__title {
    font-size: clamp(1.8375rem, 1.75vw + 0.4375rem, 2.0125rem);
  }

  .risk-factors__text {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }

  .risk-factors__banners-item-description__text,
  .risk-factors__banners-item-description__text-with-dot span,
  .risk-factors__tabs-item {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .stats-block__right-stats::after {
    font-size: clamp(3.325rem, 2.625vw + 1.225rem, 3.5875rem);
  }

  .test-questions__answer-label {
    font-size: clamp(0.6125rem, 0.875vw + -0.0875rem, 0.7rem);
  }

  .therapy-areas__title {
    font-size: clamp(1.8375rem, 1.75vw + 0.4375rem, 2.0125rem);
  }

  .therapy-areas__text {
    font-size: clamp(0.7875rem, 0.875vw + 0.0875rem, 0.875rem);
  }
}
@media (max-width: 3839px) {
  .btn._icon-bp-uhd .btn__icon {
    display: none;
  }
}
@media (max-width: 2559px) {
  .btn._icon-bp-qhd .btn__icon {
    display: none;
  }
}
@media (max-width: 1919px) {
  .btn._icon-bp-fhd .btn__icon {
    display: none;
  }

  .cards-accordion {
    --big-card-scale-x: 0.1602;
    --big-card-scale-y: 0.6916;
  }
}
@media (max-width: 1439px) {
  .btn._icon-bp-xxl .btn__icon {
    display: none;
  }

  .cards-accordion {
    --big-card-scale-x: 0.1597;
    --big-card-scale-y: 0.7081;
  }
}
@media (max-width: 1279px) {
  html._s-open body::after {
    opacity: 1;
    pointer-events: all;
  }

  body::after {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(var(--gray-cold-rgb), 0.2);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
    z-index: 390;
  }

  .banner-section__content {
    flex-direction: column;
  }

  .benefits-section__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .benefits-section__card {
    max-height: var(--card-height);
    min-height: var(--card-height);
  }

  .benefits-section__card-img {
    height: 100%;
    width: 100%;
  }

  .btn._icon-bp-xl .btn__icon,
  .cards-accordion__big-card {
    display: none;
  }

  .cards-accordion__head {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--offset-40);
    opacity: 1;
  }

  .cards-accordion__cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .cards-accordion__cards-item {
    min-height: var(--card-height);
  }

  .cards-accordion__cards-item-content._active-content {
    align-items: flex-start;
    gap: var(--offset-24);
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-top {
    align-items: center;
    flex-direction: row-reverse;
    gap: var(--offset-8);
    width: auto;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-text {
    letter-spacing: -0.04em;
  }

  .footer__bottom-links {
    display: flex;
    flex-direction: column;
    gap: var(--offset-12);
    justify-content: space-between;
  }

  .header::after {
    background-color: var(--gray-cold);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .header__content {
    align-items: center;
    background-color: var(--gray-bg);
    height: var(--header-height);
  }

  .header__menu,
  .menu-link__dot {
    display: none;
  }

  .risk-factors__tabs {
    margin-left: calc(var(--offset-side) * -1);
    margin-right: calc(var(--offset-side) * -1);
    max-width: calc(100% + var(--offset-side) * 2);
    padding-left: var(--offset-side);
    padding-right: var(--offset-side);
  }

  .sidebar {
    position: static;
  }

  .sidebar__items {
    max-width: 409px;
  }

  .spoiler__body-col-list {
    display: flex;
    flex-direction: column;
  }

  .stats-block__left-btn {
    padding-top: 60px;
  }

  .template-with-sidebar {
    display: flex;
    flex-direction: column;
  }

  .test-questions__actions {
    align-items: flex-end;
    flex-direction: column-reverse;
  }

  .test-result__retry {
    grid-template-columns: 1fr;
  }

  .test-result__retry-content {
    order: -1;
  }

  .where-buy._with-tags .where-buy__item-list {
    gap: var(--offset-40);
  }

  .where-buy__item-list {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .about-endothelium__banner-card .image-bg {
    display: none;
  }

  .banner-section__card:nth-child(3) {
    grid-column: span 2;
  }

  .banner-section__banner-content {
    justify-content: end;
  }

  .benefits-section__cards {
    display: flex;
    flex-direction: column;
  }

  .btn._width-custom {
    width: 100%;
  }

  .btn._icon-bp-md .btn__icon {
    display: none;
  }

  .card-contact {
    width: 100%;
  }

  .cards-accordion__cards {
    display: flex;
    flex-direction: column;
  }

  .cards-accordion__cards-item._active
    .cards-accordion__cards-item-content._active-content {
    max-height: 400px;
  }

  .cards-accordion__cards-item-content {
    position: static;
  }

  .cards-accordion__cards-item-content._active-content {
    max-height: 0;
    padding: 0;
    transition:
      max-height 0.3s ease-in-out,
      opacity 0.3s ease-in-out;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-top {
    display: none;
  }

  .cards-accordion__cards-item-content._active-content
    .cards-accordion__cards-item-text {
    margin: var(--offset-24);
    margin-top: var(--offset-8);
  }

  .cards-accordion__cards-item-content._init-content {
    flex-direction: row;
    gap: var(--offset-20);
    justify-content: flex-start;
  }

  .cards-accordion__cards-item-content._init-content h4 {
    width: 42.6667vw;
  }

  .cards-grid-1._type-std {
    grid-template-columns: 1fr;
  }

  .company-link._size-big,
  .company-link._size-big-2 {
    grid-column: span 2;
  }

  .footer__bottom,
  .footer__top {
    flex-direction: column;
  }

  .footer__bottom {
    align-items: flex-start;
    gap: var(--offset-12);
  }

  .promo-block__card:nth-child(5) {
    padding: 0;
  }

  .promo-block__card-with-link {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }

  .sidebar {
    gap: var(--offset-40);
  }

  .sidebar__content {
    gap: var(--offset-30);
  }

  .sidebar__content._bottom {
    gap: var(--offset-40);
  }

  .stats-block__right {
    min-height: 520px;
  }

  .stats-block__left-btn {
    padding-top: 30px;
  }

  .stats-block__right-stats:nth-child(3) {
    grid-column: 1 / -1;
  }

  .stats-block__right-stats::after {
    background: url("/assets/icons/stats-line-mini.svg");
    background-repeat: no-repeat;
  }

  .template-with-sidebar {
    gap: var(--offset-40);
  }

  .test-questions__bottom {
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .test-questions__viewport {
    width: 100%;
  }

  .test-questions,
  .test-questions__track {
    height: 100%;
  }

  .test-questions__actions,
  .test-questions__nav {
    width: 100%;
  }

  .test-result__promo {
    background-color: var(--gray);
  }

  .test-result__promo .wrapper-card__bg.image-bg {
    display: none;
  }

  .test-result__promo-picture-mobile {
    display: block;
    height: 78.1333vw;
  }

  .test-result__promo-picture-mobile img {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
  }

  .test-result__promo-content {
    max-width: 100%;
  }

  .test-result__promo-btn {
    width: 100% !important;
  }

  .text-with-dot__tag._mobile-font-style {
    font-size: 11px;
    letter-spacing: -0.04em;
  }

  .where-buy__head {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--offset-40);
  }
}
@media (max-width: 374px) {
  .btn._icon-bp-xs .btn__icon {
    display: none;
  }
}
@media (hover: hover) {
  .footnote a:hover {
    color: var(--red);
  }

  .breadcrumbs ul a:hover {
    color: var(--black);
  }

  .btn:hover .btn__label {
    background-color: var(--red);
  }

  .btn._theme-white:hover .btn__label {
    background-color: var(--white);
    color: var(--black);
  }

  .btn._only-icon:hover .btn__icon {
    background-color: var(--gray-dark);
  }

  .company-link:hover::before {
    /* opacity: 0; */
    opacity: 0.5;
    transition: background-color 0.3s ease;

    background-color: var(--gray-cold);

    /* -gray: #e6e6e6;
    --gray-rgb: 230, 230, 230;
    --gray-bg: #f3f3f4;
    --gray-bg-rgb: 243, 243, 244;
    --gray-cold: #dfe3e4;
    --gray-cold-rgb: 223, 227, 228; */
  }

  .company-link:hover .company-link__hover {
    opacity: 1;
  }

  .copyright-only:hover {
    color: var(--red);
  }

  .filter-section__tabs-item:hover {
    background-color: rgba(var(--gray-cold-rgb), 0.5);
  }

  .filter-section__tabs-item._active:hover {
    background-color: var(--black);
  }

  .footer__logo:hover {
    opacity: 0.5;
  }

  .header__btn-sandwich:hover {
    background-color: var(--gray-dark);
  }

  .html-content__item._text a:hover,
  .link:hover,
  .menu-link:hover {
    color: var(--red);
  }

  .promo-block__card-link:hover .promo-block__card-link-text {
    text-decoration-color: currentColor;
  }

  .risk-factors__tabs-item:hover {
    background-color: rgba(var(--gray-cold-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-white._active:hover {
    background-color: rgba(var(--white-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-black._active:hover {
    background-color: rgba(var(--black-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-black-50._active:hover {
    background-color: rgba(var(--black-50-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-black-60._active:hover {
    background-color: rgba(var(--black-60-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-gray._active:hover {
    background-color: rgba(var(--gray-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-gray-bg._active:hover {
    background-color: rgba(var(--gray-bg-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-gray-cold._active:hover {
    background-color: rgba(var(--gray-cold-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-gray-dark._active:hover {
    background-color: rgba(var(--gray-dark-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-gray-metal._active:hover {
    background-color: rgba(var(--gray-metal-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-violet._active:hover {
    background-color: rgba(var(--violet-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-violet-dark._active:hover {
    background-color: rgba(var(--violet-dark-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-green._active:hover {
    background-color: rgba(var(--green-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-green-light._active:hover {
    background-color: rgba(var(--green-light-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-pink._active:hover {
    background-color: rgba(var(--pink-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-yellow._active:hover {
    background-color: rgba(var(--yellow-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-orange._active:hover {
    background-color: rgba(var(--orange-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-red._active:hover {
    background-color: rgba(var(--red-rgb), 0.5);
  }

  .risk-factors__tabs-item._bg-color-scroll._active:hover {
    background-color: rgba(var(--scroll-rgb), 0.5);
  }

  .risk-factors__banners-item-description__card-close:hover {
    opacity: 0.5;
  }

  .spoiler__btn:hover .spoiler__btn-icon {
    background-color: var(--black);
  }

  .spoiler__body-col-content a:hover {
    color: var(--red);
  }

  .test-questions__answer:hover
    .test-questions__answer-input:not(:checked)
    + .test-questions__answer-label {
    background-color: rgba(var(--gray-cold-rgb), 0.5);
  }

  .test-questions__nav-prev:hover .btn__label {
    background-color: var(--red);
    color: var(--white);
  }

  .test-questions__nav-prev:hover .btn__label-icon {
    color: var(--white);
  }

  .video-kinescope__preview:hover .video-kinescope__button,
  .video__preview:hover .video__button {
    background-color: var(--red);
  }

  .warning__buttons-wrapper .btn__label:hover {
    background-color: rgba(var(--gray-cold-rgb), 0.5);
  }
}
@media screen and (orientation: landscape) {
  html._is-safari {
    -webkit-text-size-adjust: 100%;
  }
}
@media print {
  .visually-hidden {
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: relative;
    white-space: normal;
    width: auto;
  }
}