:root {
  --color-bg: #F8F8F8;
  --color-primary: #26324B;
  --color-text: #26324B;
  --color-heading-blue: #0D2B6A;
  --color-muted: #4F4F4F;
  --color-white: #FFFFFF;

  --font-main: "Inter", Arial, sans-serif;
  --font-decorative: Constantia, "Times New Roman", serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --container-max-width: 1200px;
  --container-padding: 10px;
  --section-padding: 48px;
}

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

html {
  min-width: 320px;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  margin: 0;
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text);
  background: var(--color-bg);
  text-rendering: optimizeLegibility;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

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

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

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

.container {
  width: min(100% - var(--container-padding) * 2, var(--container-max-width));
  margin-inline: auto;
}

.section {
  padding-block: var(--section-padding);
}

.decorative-title {
  font-family: var(--font-decorative);
  font-style: italic;
}

.hero {
  overflow-x: clip;
}

.hero span {
  display: block;
}

.hero__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 793px;
  margin-inline: auto;
}

.hero__photo {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 472px;
  overflow: hidden;
  border-radius: 30px;
}

.hero__photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center bottom;
}

.hero__nav {
  position: absolute;
  top: 80px;
  left: 24px;
  right: 24px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: #EFEFEF;
  white-space: nowrap;
}

.hero__intro {
  position: absolute;
  top: 187px;
  left: 50%;
  z-index: 2;
  display: grid;
  width: 228px;
  margin: 0;
  color: var(--color-bg);
  font-size: 22px;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.hero__profile {
  position: absolute;
  top: 384px;
  right: 10px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(248, 248, 248, 0.98) 0 72%, rgba(248, 248, 248, 0) 73%),
    linear-gradient(180deg, #D1DDEB 0%, #ECE9F0 30%, #EEEDEB 63%, #ECDEDE 93%);
}

.hero__profile-photo {
  width: 154px;
  height: 155px;
  overflow: hidden;
  border-radius: 50%;
}

.hero__profile-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.hero__content {
  position: absolute;
  top: 562px;
  left: 50%;
  display: flex;
  width: 354px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transform: translateX(-50%);
}

.hero__title {
  display: grid;
  margin: 0;
  color: var(--color-heading-blue);
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

.hero__text {
  display: grid;
  margin-top: 10px;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
}

.hero__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 335px;
  height: 57px;
  margin-top: 33px;
  border-radius: 30px;
  background: var(--color-primary);
  color: var(--color-white);
  font-size: 19px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 375px) {
  .hero__inner {
    margin-inline: 10px;
  }
}

.hero__button:focus-visible {
  outline: 2px solid var(--color-heading-blue);
  outline-offset: 3px;
}

@media (min-width: 1024px) {
  .hero {
    overflow: visible;
  }

  .hero__inner {
    width: min(calc(100vw - 160px), 1440px);
    height: auto;
    aspect-ratio: 1440 / 1537;
    margin-inline: auto;
  }

  .hero__photo {
    top: 5.205%;
    left: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1440 / 709;
    border-radius: min(50px, calc(3.472222vw - 5.555556px));
  }

  .hero__photo picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .hero__photo img {
    object-position: center bottom;
  }

  .hero__nav {
    top: 7.807%;
    left: 50%;
    right: auto;
    width: 36.875%;
    gap: 0;
    justify-content: space-between;
    font-size: min(22px, calc(1.527778vw - 2.444444px));
    transform: translateX(-50%);
  }

  .hero__intro {
    top: 17.632%;
    width: 44.583%;
    font-size: min(62px, calc(4.305556vw - 6.888889px));
  }

  .hero__profile {
    top: 39.883%;
    right: 5.556%;
    width: 23.333%;
    height: auto;
    aspect-ratio: 1;
  }

  .hero__profile-photo {
    width: 91.667%;
    height: 92.262%;
  }

  .hero__content {
    top: 62.394%;
    width: 62.847%;
  }

  .hero__title {
    font-size: min(52px, calc(3.611111vw - 5.777778px));
  }

  .hero__text {
    margin-top: min(30px, calc(2.083333vw - 3.333333px));
    font-size: min(40px, calc(2.777778vw - 4.444444px));
  }

  .hero__button {
    width: 66.298%;
    height: auto;
    aspect-ratio: 6;
    margin-top: min(60px, calc(4.166667vw - 6.666667px));
    border-radius: min(50px, calc(3.472222vw - 5.555556px));
    font-size: min(30px, calc(2.083333vw - 3.333333px));
  }
}

@media (max-width: 374px) {
  .hero__inner {
    width: calc(100vw - 20px);
    height: 211.47vw;
  }

  .hero__photo {
    top: 5.33vw;
    height: 125.87vw;
    border-radius: 8vw;
  }

  .hero__nav {
    top: 21.33vw;
    left: 6.4vw;
    right: 6.4vw;
    gap: 4.8vw;
    font-size: 3.2vw;
  }

  .hero__intro {
    top: 49.87vw;
    width: 60.8vw;
    font-size: 5.87vw;
  }

  .hero__profile {
    top: 102.4vw;
    right: 2.67vw;
    width: 44.8vw;
    height: 44.8vw;
  }

  .hero__profile-photo {
    width: 41.07vw;
    height: 41.33vw;
  }

  .hero__content {
    top: 149.87vw;
    width: calc(100vw - 21px);
  }

  .hero__title {
    font-size: 5.87vw;
  }

  .hero__text {
    margin-top: 2.67vw;
    font-size: 3.73vw;
  }

  .hero__button {
    width: calc(100vw - 40px);
    height: 15.2vw;
    margin-top: 8.8vw;
    border-radius: 8vw;
    font-size: 5.07vw;
  }
}

.situations {
  overflow-x: clip;
}

.situations__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 392px;
  margin-inline: 10px;
}

.situations__title {
  position: absolute;
  top: 20px;
  left: 50%;
  display: grid;
  width: 336px;
  color: var(--color-primary);
  font-size: 22px;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.situations__grid {
  position: absolute;
  top: 97px;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, 175px);
  gap: 5px;
}

.situation-card {
  position: relative;
  width: 175px;
  height: 145px;
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(
    180deg,
    #D1DDEB 0%,
    #ECE9F0 29.808%,
    #EEEDEB 62.981%,
    #ECDEDE 92.788%
  );
}

.situation-card:nth-child(2),
.situation-card:nth-child(3) {
  background: linear-gradient(
    0deg,
    #D1DDEB 0%,
    #ECE9F0 29.808%,
    #EEEDEB 62.981%,
    #ECDEDE 92.788%
  );
}

.situation-card__text {
  position: absolute;
  display: grid;
  width: 136px;
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}

.situation-card__text--top {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.situation-card__text--middle {
  top: 59px;
  left: 50%;
  transform: translateX(-50%);
}

.situation-card__text--bottom {
  top: 98px;
  left: 50%;
  transform: translateX(-50%);
}

.situation-card__line {
  position: absolute;
  top: 51px;
  left: 25px;
  width: 126px;
  height: 1px;
  background: #EFD1D1;
}

.situation-card__line--second {
  top: 90px;
}

.situation-card__image {
  position: absolute;
  width: 74px;
  height: 74px;
  overflow: hidden;
  border-radius: 50%;
}

.situation-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.situation-card__image--top {
  top: 14px;
  left: 51px;
}

.situation-card__image--top img {
  object-position: center center;
}

.situation-card__image--bottom {
  top: 48px;
  left: 51px;
}

.situation-card__image--bottom img {
  object-position: center center;
}

@media (min-width: 375px) {
  .situations__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .situations__inner {
    width: calc(100vw - 20px);
    height: 104.53vw;
    margin-inline: auto;
  }

  .situations__title {
    top: 5.33vw;
    width: 89.6vw;
    font-size: 5.87vw;
  }

  .situations__grid {
    top: 25.87vw;
    grid-template-columns: repeat(2, 46.67vw);
    gap: 1.33vw;
  }

  .situation-card {
    width: 46.67vw;
    height: 38.67vw;
    border-radius: 8vw;
  }

  .situation-card__text {
    width: 36.27vw;
    font-size: 2.93vw;
  }

  .situation-card__text--top {
    top: 5.33vw;
  }

  .situation-card__text--middle {
    top: 15.73vw;
  }

  .situation-card__text--bottom {
    top: 26.13vw;
  }

  .situation-card__line {
    top: 13.6vw;
    left: 6.67vw;
    width: 33.6vw;
  }

  .situation-card__line--second {
    top: 24vw;
  }

  .situation-card__image {
    width: 19.73vw;
    height: 19.73vw;
  }

  .situation-card__image--top {
    top: 3.73vw;
    left: 13.6vw;
  }

  .situation-card__image--bottom {
    top: 12.8vw;
    left: 13.6vw;
  }
}

@media (min-width: 1024px) {
  .situations__inner {
    width: min(calc(100vw - 160px), 1440px);
    height: auto;
    aspect-ratio: 1440 / 421;
    margin-inline: auto;
  }

  .situations__title {
    top: 0;
    width: 55.069%;
    font-size: min(52px, calc(3.611111vw - 5.777778px));
  }

  .situations__title span {
    display: block;
    white-space: nowrap;
  }

  .situations__grid {
    top: 34.204%;
    left: 5.556%;
    width: 88.889%;
    grid-template-columns: repeat(4, 1fr);
    gap: min(15px, calc(1.041667vw - 1.666667px));
  }

  .situation-card {
    width: 100%;
    height: auto;
    aspect-ratio: 309 / 257;
    border-radius: min(53px, calc(3.680556vw - 5.888889px));
  }

  .situation-card__text {
    width: 88.026%;
    font-size: min(22px, calc(1.527778vw - 2.444444px));
  }

  .situation-card__text--top {
    top: 13.619%;
  }

  .situation-card__text--middle {
    top: 40.467%;
  }

  .situation-card__text--bottom {
    top: 67.704%;
  }

  .situation-card__line {
    top: 35.019%;
    left: 14.239%;
    width: 72.168%;
    height: 2px;
  }

  .situation-card__line--second {
    top: 61.868%;
  }

  .situation-card__image {
    width: 42.395%;
    height: auto;
    aspect-ratio: 1;
  }

  .situation-card__image--top {
    top: 9.728%;
    left: 28.803%;
  }

  .situation-card__image--bottom {
    top: 35.409%;
    left: 28.803%;
  }

  .situation-card__image--top img,
  .situation-card__image--bottom img {
    object-position: center center;
  }
}

.consultation-info {
  overflow-x: clip;
}

.consultation-info__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 174px;
  margin-inline: 10px;
}

.consultation-info__text {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 335px;
  color: #B76464;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.consultation-info__badge {
  position: absolute;
  top: 82px;
  left: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  width: 355px;
  height: 42px;
  border-radius: 30px;
  background: linear-gradient(180deg, #D1DDEB 1.923%, #FFFFFF 51.923%, #D1DDEB 100%);
  color: #6C89AA;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}

.consultation-info__note {
  position: absolute;
  top: 134px;
  left: 50%;
  display: grid;
  width: 355px;
  margin: 0;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

@media (min-width: 375px) {
  .consultation-info__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .consultation-info__inner {
    width: calc(100vw - 20px);
    height: 46.4vw;
    margin-inline: auto;
  }

  .consultation-info__text {
    top: 5.33vw;
    width: calc(100vw - 40px);
    font-size: 3.73vw;
  }

  .consultation-info__badge {
    top: 21.87vw;
    width: calc(100vw - 20px);
    height: 11.2vw;
    border-radius: 8vw;
    font-size: 4.27vw;
  }

  .consultation-info__note {
    top: 35.73vw;
    width: calc(100vw - 20px);
    font-size: 3.73vw;
  }
}

@media (min-width: 1024px) {
  .consultation-info__inner {
    width: min(calc(100vw - 160px), 1440px);
    height: auto;
    aspect-ratio: 1440 / 502;
    margin-inline: auto;
  }

  .consultation-info__text {
    top: 7.968%;
    width: 72.639%;
    font-size: min(40px, calc(2.777778vw - 4.444444px));
  }

  .consultation-info__badge {
    top: 39.841%;
    left: 50%;
    width: 64.653%;
    height: auto;
    aspect-ratio: 931 / 94;
    border-radius: min(50px, calc(3.472222vw - 5.555556px));
    font-size: min(40px, calc(2.777778vw - 4.444444px));
    transform: translateX(-50%);
  }

  .consultation-info__note {
    top: 62.55%;
    width: 63.056%;
    font-size: min(40px, calc(2.777778vw - 4.444444px));
    line-height: 1.1;
  }
}

.recommendations {
  overflow-x: clip;
  padding-top: 40px;
  padding-bottom: 40px;
}

.recommendations__inner {
  width: min(calc(100vw - 20px), 355px);
  margin-inline: auto;
}

.recommendations__title {
  width: 100%;
  margin: 0 0 33px;
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.recommendations__carousel {
  width: 100%;
}

.recommendations__viewport {
  width: 100%;
  height: 317px;
  overflow: hidden;
}

.recommendations__track {
  display: flex;
  width: 200%;
  height: 100%;
  transition: transform 240ms ease;
}

.recommendations__slide {
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  gap: 15px;
  width: 50%;
  height: 100%;
}

.recommendations__item {
  display: grid;
  grid-template-columns: 100px 1fr;
  column-gap: 10px;
  align-items: start;
  width: 100%;
  min-height: 151px;
  color: var(--color-primary);
  text-align: left;
}

.recommendations__item--moroga,
.recommendations__item--elizaveta {
  grid-template-columns: 100px 1fr;
  column-gap: 15px;
}

.recommendations__photo {
  width: 100px;
  height: 151px;
  margin: 0;
  overflow: hidden;
  -webkit-mask: url("../assets/images/recommend-mask.svg") center / 100% 100% no-repeat;
  mask: url("../assets/images/recommend-mask.svg") center / 100% 100% no-repeat;
}

.recommendations__photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

.recommendations__item--elizaveta .recommendations__photo img {
  object-position: center bottom;
}

.recommendations__name {
  margin: 0 0 1px;
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  text-align: left;
}

.recommendations__role {
  width: 100%;
  margin: 0 0 8px;
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.1;
  text-align: left;
}

.recommendations__quote {
  width: 100%;
  margin: 0;
  color: #216A0D;
  font-family: var(--font-decorative);
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  text-align: left;
}

.recommendations__controls {
  position: relative;
  width: 134px;
  height: 18px;
  margin: 40px auto 0;
}

.recommendations__controls img {
  width: 134px;
  height: 18px;
  max-width: none;
  pointer-events: none;
}

.recommendations__arrows {
  width: 134px;
  height: 18px;
  max-width: none;
  pointer-events: none;
}

.recommendations__arrow {
  transition: stroke 180ms ease;
}

.recommendations__arrow--prev {
  stroke: #D1DDEB;
}

.recommendations__arrow--next {
  stroke: #6C89AA;
}

.recommendations__carousel--end .recommendations__arrow--prev {
  stroke: #6C89AA;
}

.recommendations__carousel--end .recommendations__arrow--next {
  stroke: #D1DDEB;
}

.recommendations__control {
  position: absolute;
  top: -14px;
  z-index: 1;
  width: 48px;
  height: 46px;
  padding: 0;
  border: 0;
  background: transparent;
}

.recommendations__control:disabled {
  cursor: default;
}

.recommendations__control--prev {
  left: -4px;
}

.recommendations__control--next {
  right: -4px;
}

.recommendations__control:focus-visible {
  outline: 2px solid #6C89AA;
  outline-offset: 3px;
}

@media (max-width: 374px) {
  .recommendations {
    padding-top: 10.67vw;
    padding-bottom: 10.67vw;
  }

  .recommendations__inner {
    width: calc(100vw - 20px);
  }

  .recommendations__title {
    margin-bottom: 8.8vw;
    font-size: 5.87vw;
  }

  .recommendations__viewport {
    height: 84.53vw;
  }

  .recommendations__slide {
    gap: 5.33vw;
  }

  .recommendations__item,
  .recommendations__item--moroga,
  .recommendations__item--elizaveta {
    grid-template-columns: 26.67vw 1fr;
    column-gap: 2.67vw;
    min-height: 40.27vw;
  }

  .recommendations__item--moroga,
  .recommendations__item--elizaveta {
    column-gap: 4vw;
  }

  .recommendations__photo {
    width: 26.67vw;
    height: 40.27vw;
  }

  .recommendations__name {
    font-size: 4.27vw;
  }

  .recommendations__role {
    font-size: 2.93vw;
  }

  .recommendations__quote {
    font-size: 3.73vw;
  }

  .recommendations__controls {
    width: 35.73vw;
    height: 4.87vw;
    margin-top: 10.67vw;
  }

  .recommendations__controls img,
  .recommendations__arrows {
    width: 35.73vw;
    height: 4.87vw;
  }
}

@media (min-width: 1024px) {
  .recommendations {
    padding-top: 0;
    padding-bottom: min(112px, calc(7.777778vw - 12.444444px));
  }

  .recommendations__inner {
    width: min(calc(100vw - 518px), 1082px);
    margin-inline: auto;
  }

  .recommendations__title {
    margin-bottom: min(60px, calc(4.6875vw - 14.4px));
    font-size: min(52px, calc(4.0625vw - 12.4px));
    line-height: 1;
  }

  .recommendations__viewport {
    height: min(680px, calc((100vw - 518px) * 0.628466));
  }

  .recommendations__slide {
    gap: min(20px, calc((100vw - 518px) * 0.018484));
  }

  .recommendations__item,
  .recommendations__item--moroga,
  .recommendations__item--elizaveta {
    grid-template-columns: min(223px, calc((100vw - 518px) * 0.2061)) 1fr;
    column-gap: min(40px, calc((100vw - 518px) * 0.036969));
    min-height: min(330px, calc((100vw - 518px) * 0.304991));
  }

  .recommendations__photo {
    width: min(223px, calc(17.421875vw - 53.55px));
    height: min(330px, calc(25.78125vw - 79.2px));
  }

  .recommendations__name {
    font-size: min(30px, calc(2.34375vw - 7.2px));
    line-height: 1.1;
  }

  .recommendations__role {
    margin-top: 0;
    margin-bottom: min(24px, calc(1.875vw - 5.76px));
    font-size: min(22px, calc(1.71875vw - 5.28px));
    line-height: 1.1;
  }

  .recommendations__quote {
    font-size: min(30px, calc(2.34375vw - 7.2px));
    line-height: 1;
  }

  .recommendations__content {
    align-self: center;
  }

  .recommendations__item--oksana .recommendations__content {
    width: min(819px, 100%);
  }

  .recommendations__item--moroga .recommendations__content {
    width: min(819px, 100%);
  }

  .recommendations__controls {
    width: min(288px, calc((100vw - 518px) * 0.266174));
    height: min(39px, calc((100vw - 518px) * 0.036044));
    margin-top: min(60px, calc((100vw - 518px) * 0.055453));
  }

  .recommendations__controls img,
  .recommendations__arrows {
    width: 100%;
    height: 100%;
  }

  .recommendations__control {
    top: -18px;
    width: 42%;
    height: 76px;
  }
}

.real-story {
  overflow-x: clip;
  padding: 36px 20px;
  background: #F6F9FD;
}

.real-story__inner {
  width: min(100%, 335px);
  margin-inline: auto;
}

.real-story__carousel {
  width: 100%;
}

.real-story__viewport {
  width: 100%;
  overflow: hidden;
}

.real-story__track {
  display: flex;
  align-items: flex-start;
  width: 200%;
  transition: transform 240ms ease;
}

.real-story__slide {
  flex: 0 0 50%;
  width: 50%;
}

.real-story__slide[aria-hidden="true"] {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.real-story__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 20px;
}

.real-story__title {
  display: flex;
  flex-direction: column;
  margin: 0;
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.08;
  text-align: left;
}

.real-story__note {
  margin: 0;
  color: #6C89AA;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.real-story__card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  min-height: 0;
  padding: 22px 20px;
  border-radius: 28px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(20, 46, 82, 0.1);
}

.real-story__top {
  display: flex;
  flex-direction: column;
}

.real-story__badge {
  align-self: flex-start;
  margin: 0 0 18px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #ECF2F9;
  color: #6C89AA;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.55px;
}

.real-story__name {
  display: flex;
  flex-direction: column;
  margin: 0 0 16px;
  color: #0D2B6A;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.12;
}

.real-story__person {
  margin: 0;
  color: #6C89AA;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.real-story__person span {
  display: inline;
}

.real-story__parts {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.real-story__part {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 18px;
  overflow: hidden;
  border-radius: 20px;
}

.real-story__part--situation {
  min-height: 317px;
  background: #FAF0F0;
}

.real-story__part--analysis {
  min-height: 84px;
  background: #ECF2F9;
}

.real-story__part--result {
  min-height: 84px;
  background: #ECF5EF;
}

.real-story__part-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.real-story__part--situation .real-story__part-title {
  color: #B76464;
}

.real-story__part--analysis .real-story__part-title {
  color: #6C89AA;
}

.real-story__part--result .real-story__part-title {
  color: #577D66;
}

.real-story__text {
  margin: 0;
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42;
}

.real-story__toggle {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  cursor: pointer;
}

.real-story__toggle img {
  width: 20px;
  height: 20px;
  transition: transform 180ms ease;
}

.real-story__body {
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 0;
  opacity: 0;
  transition: height 220ms ease, padding-top 220ms ease, opacity 180ms ease;
}

.real-story__part.is-open .real-story__body {
  padding-top: 4px;
  opacity: 1;
}

.real-story__part.is-open .real-story__toggle img {
  transform: rotate(180deg);
}

.real-story__summary {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 116px;
  margin-top: 0;
  padding: 16px;
  border: 1px solid #D1DEEB;
  border-radius: 18px;
  background: #F8F9FC;
}

.real-story__summary p {
  margin: 0;
  color: var(--color-primary);
  font-family: "Lora", Georgia, serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}

.real-story__controls {
  position: relative;
  width: 134px;
  height: 18px;
  margin: 40px auto 0;
}

.real-story__arrows {
  width: 134px;
  height: 18px;
  max-width: none;
  pointer-events: none;
}

.real-story__arrow {
  transition: stroke 180ms ease;
}

.real-story__arrow--prev {
  stroke: #D1DDEB;
}

.real-story__arrow--next {
  stroke: #6C89AA;
}

.real-story__carousel--end .real-story__arrow--prev {
  stroke: #6C89AA;
}

.real-story__carousel--end .real-story__arrow--next {
  stroke: #D1DDEB;
}

.real-story__control {
  position: absolute;
  top: -14px;
  z-index: 1;
  width: 48px;
  height: 46px;
  padding: 0;
  border: 0;
  background: transparent;
}

.real-story__control:disabled {
  cursor: default;
}

.real-story__control--prev {
  left: -4px;
}

.real-story__control--next {
  right: -4px;
}

.real-story__control:focus-visible {
  outline: 2px solid #6C89AA;
  outline-offset: 3px;
}

@media (max-width: 374px) {
  .real-story {
    padding: 9.6vw 20px;
  }

  .real-story__inner {
    width: 100%;
  }

  .real-story__title {
    font-size: 5.87vw;
  }

  .real-story__card {
    padding-inline: 18px;
  }

  .real-story__name {
    font-size: 5.87vw;
  }

  .real-story__text,
  .real-story__toggle,
  .real-story__summary p {
    font-size: 4.27vw;
  }

  .real-story__controls {
    width: 35.73vw;
    height: 4.87vw;
    margin-top: 10.67vw;
  }

  .real-story__arrows {
    width: 35.73vw;
    height: 4.87vw;
  }
}

@media (min-width: 1024px) {
  .real-story {
    padding: 10px 0;
  }

  .real-story__inner {
    width: min(calc(100vw - 160px), 1440px);
    max-width: 1440px;
    padding-inline: min(80px, 5vw);
  }

  .real-story__header {
    flex-direction: row;
    align-items: center;
    gap: min(80px, 5vw);
    min-height: 90px;
    margin-bottom: 40px;
    background: #FFFFFF;
  }

  .real-story__title {
    flex: 1 1 auto;
    font-size: min(42px, calc(2.916667vw - 4.666667px));
  }

  .real-story__note {
    flex: 0 0 min(420px, 29.167vw);
    padding: 18px 22px;
    border-radius: 20px;
    background: #ECF2F9;
    font-size: min(16px, calc(1.111111vw - 1.777778px));
  }

  .real-story__card {
    gap: 32px;
    min-height: 770px;
    padding: min(48px, 3vw);
    border-radius: 50px;
    box-shadow: 0 10px 34px rgba(20, 46, 82, 0.1);
  }

  .real-story__top {
    flex-direction: row;
    align-items: flex-end;
    gap: 48px;
    min-height: 138px;
  }

  .real-story__heading {
    flex: 1 1 auto;
  }

  .real-story__badge {
    margin-bottom: 16px;
    padding: 9px 14px;
    font-size: min(13px, calc(0.902778vw - 1.444444px));
    letter-spacing: 0.65px;
  }

  .real-story__name {
    margin-bottom: 0;
    font-size: min(40px, calc(2.777778vw - 4.444444px));
    line-height: 1.1;
  }

  .real-story__person {
    flex: 0 0 260px;
    padding: 14px 18px;
    border-radius: 18px;
    background: #F8F9FC;
    font-size: min(16px, calc(1.111111vw - 1.777778px));
    line-height: 1.35;
  }

  .real-story__person span {
    display: block;
  }

  .real-story__parts {
    flex-direction: row;
    gap: 24px;
  }

  .real-story__part,
  .real-story__part--situation,
  .real-story__part--analysis,
  .real-story__part--result {
    flex: 1 1 0;
    min-height: 400px;
    padding: 28px;
    border-radius: 28px;
    gap: 16px;
  }

  .real-story__part-title {
    font-size: min(20px, calc(1.388889vw - 2.222222px));
  }

  .real-story__text {
    font-size: min(18px, calc(1.25vw - 2px));
    line-height: 1.48;
  }

  .real-story__toggle {
    display: none;
  }

  .real-story__body,
  .real-story__part.is-open .real-story__body {
    display: block;
    height: auto !important;
    overflow: visible;
    padding-top: 0;
    opacity: 1;
    transition: none;
  }

  .real-story__summary {
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 22px 28px;
    border-radius: 24px;
  }

  .real-story__summary p {
    font-size: min(22px, calc(1.527778vw - 2.444444px));
    line-height: 1.25;
    text-align: center;
  }

  .real-story__card--second .real-story__name {
    display: block;
  }

  .real-story__card--second .real-story__name span {
    display: inline;
  }

  .real-story__card--second .real-story__name span:first-child::after {
    content: "\A";
    white-space: pre;
  }

  .real-story__card--second .real-story__name span:nth-child(2)::after {
    content: " ";
  }

  .real-story__controls {
    width: min(288px, calc((100vw - 518px) * 0.266174));
    height: min(39px, calc((100vw - 518px) * 0.036044));
    margin-top: min(60px, calc((100vw - 518px) * 0.055453));
  }

  .real-story__arrows {
    width: 100%;
    height: 100%;
  }

  .real-story__control {
    top: -18px;
    width: 42%;
    height: 76px;
  }
}

.why-consultation {
  overflow-x: clip;
}

.why-consultation__inner {
  width: min(calc(100vw - 20px), 355px);
  height: 282px;
  margin-inline: 10px;
  padding-top: 40px;
}

.why-consultation__card {
  position: relative;
  width: 355px;
  height: 242px;
  overflow: hidden;
  border-radius: 50px;
  background: #882929;
}

.why-consultation__image {
  position: absolute;
  top: -13px;
  left: 0;
  width: 100%;
  height: 405px;
  max-width: none;
  object-fit: cover;
  object-position: center bottom;
}

.why-consultation__card picture {
  display: contents;
}

.why-consultation__darken,
.why-consultation__blur {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.why-consultation__darken {
  background: rgba(0, 0, 0, 0.5);
}

.why-consultation__blur {
  background: rgba(26, 26, 26, 0.1);
  backdrop-filter: blur(2.15px);
}

.why-consultation__title {
  position: absolute;
  top: 20px;
  left: 50%;
  display: grid;
  width: 198px;
  color: var(--color-white);
  font-size: 22px;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.why-consultation__title span {
  white-space: nowrap;
}

.why-consultation__text {
  position: absolute;
  top: 167px;
  left: 50%;
  display: grid;
  width: 355px;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

@media (min-width: 375px) {
  .why-consultation__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .why-consultation__inner {
    width: calc(100vw - 20px);
    height: 75.2vw;
    margin-inline: auto;
    padding-top: 10.67vw;
  }

  .why-consultation__card {
    width: calc(100vw - 20px);
    height: 64.53vw;
    border-radius: 13.33vw;
  }

  .why-consultation__image {
    top: -3.47vw;
    height: 108vw;
  }

  .why-consultation__title {
    top: 5.33vw;
    width: 52.8vw;
    font-size: 5.87vw;
  }

  .why-consultation__text {
    top: 44.53vw;
    width: calc(100vw - 20px);
    font-size: 3.73vw;
  }
}

@media (min-width: 1024px) {
  .why-consultation__inner {
    width: min(calc(100vw - 158px), 1442px);
    height: auto;
    aspect-ratio: 1442 / 640;
    margin-inline: auto;
    padding-top: 0;
  }

  .why-consultation__card {
    width: 100%;
    height: 100%;
    border-radius: min(50px, calc(3.472222vw - 5.555556px));
  }

  .why-consultation__image {
    top: 0;
    left: 0;
    height: 100%;
    object-position: center center;
  }

  .why-consultation__darken {
    display: none;
  }

  .why-consultation__blur {
    left: 0.069%;
    right: 0.069%;
  }

  .why-consultation__title {
    top: 41.875%;
    left: 33.842%;
    width: 32.385%;
    height: 16.25%;
    font-size: min(52px, calc(3.611111vw - 5.777778px));
    line-height: 1;
    transform: none;
  }

  .why-consultation__text {
    top: 73.125%;
    left: 20.25%;
    width: 59.57%;
    height: 20.625%;
    font-size: min(40px, calc(2.777778vw - 4.444444px));
    line-height: 1.1;
    transform: none;
  }

  .why-consultation__text span {
    display: block;
    white-space: nowrap;
  }
}

.consultation-origin {
  overflow-x: clip;
}

.consultation-origin__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 220px;
  margin-inline: 10px;
}

.consultation-origin__text,
.consultation-origin__note {
  position: absolute;
  left: 50%;
  display: grid;
  width: 355px;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

.consultation-origin__text {
  top: 40px;
}

.consultation-origin__note {
  top: 150px;
}

.consultation-origin__note em {
  color: var(--color-heading-blue);
  font-style: italic;
  font-weight: 600;
}

.consultation-origin__text span,
.consultation-origin__note span {
  white-space: nowrap;
}

@media (min-width: 375px) {
  .consultation-origin__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .consultation-origin__inner {
    width: calc(100vw - 20px);
    height: 58.67vw;
    margin-inline: auto;
  }

  .consultation-origin__text,
  .consultation-origin__note {
    width: calc(100vw - 20px);
    font-size: 3.73vw;
  }

  .consultation-origin__text {
    top: 10.67vw;
  }

  .consultation-origin__note {
    top: 40vw;
  }
}

@media (min-width: 1024px) {
  .consultation-origin__inner {
    width: min(calc(100vw - 320px), 1280px);
    height: min(484px, calc((100vw - 320px) * 0.378125));
    margin-inline: auto;
  }

  .consultation-origin__text,
  .consultation-origin__note {
    left: 0;
    display: block;
    width: 100%;
    color: #4f4f4f;
    font-size: min(40px, calc(2.777778vw - 4.444444px));
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
    transform: none;
  }

  .consultation-origin__text {
    top: 12.397%;
    height: 36.364%;
  }

  .consultation-origin__note {
    top: 61.157%;
    height: 18.182%;
  }

  .consultation-origin__text span {
    white-space: normal;
  }

  .consultation-origin__note span {
    display: block;
    white-space: nowrap;
  }

  .consultation-origin__note em {
    color: #0d2b6a;
    font-style: italic;
    font-weight: 600;
  }
}

.personal-solution {
  overflow-x: clip;
}

.personal-solution__inner {
  width: min(calc(100vw - 20px), 355px);
  height: 769px;
  margin-inline: 10px;
  padding-top: 40px;
}

.personal-solution__card {
  position: relative;
  width: 355px;
  height: 729px;
  overflow: hidden;
  border-radius: 50px;
  background: #744949;
}

.personal-solution__background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

.personal-solution__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.personal-solution__title {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 335px;
  color: var(--color-white);
  font-size: 22px;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.personal-solution__panel {
  position: absolute;
  left: 6px;
  width: 343px;
  overflow: hidden;
  background: var(--color-white);
}

.personal-solution__panel--first,
.personal-solution__panel--second {
  height: 165px;
  border-radius: 50px 50px 0 50px;
}

.personal-solution__panel--first {
  top: 156px;
}

.personal-solution__panel--second {
  top: 331px;
  border-radius: 50px 50px 50px 0;
}

.personal-solution__panel--third {
  top: 506px;
  height: 98px;
  border-radius: 50px 50px 0 50px;
}

.personal-solution__panel-image {
  position: absolute;
  max-width: none;
  object-fit: cover;
}

.personal-solution__panel-image--tall {
  top: 23px;
  left: 23px;
  width: 79px;
  height: 119px;
  border-radius: 39.5px;
}

.personal-solution__panel-image--right {
  left: 241px;
}

.personal-solution__panel-image--round {
  top: 14px;
  left: 13px;
  width: 71px;
  height: 71px;
  border-radius: 50%;
}

.personal-solution__panel-content {
  position: absolute;
  display: grid;
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  white-space: nowrap;
}

.personal-solution__panel-content--first {
  top: 32px;
  left: 125px;
  width: 185px;
  text-align: left;
  row-gap: 7px;
}

.personal-solution__panel-content--second {
  top: 29px;
  left: 34px;
  width: 177px;
  text-align: left;
  row-gap: 7px;
}

.personal-solution__panel-content p,
.personal-solution__mistakes,
.personal-solution__bottom {
  margin: 0;
}

.personal-solution__panel-content span,
.personal-solution__mistakes span,
.personal-solution__bottom span {
  display: block;
}

.personal-solution__line {
  display: block;
  width: 185px;
  height: 1px;
  background: #EFD1D1;
}

.personal-solution__line--wide {
  width: 177px;
}

.personal-solution__mistakes {
  position: absolute;
  top: 31px;
  left: 100px;
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
  white-space: nowrap;
}

.personal-solution__bottom {
  position: absolute;
  top: 629px;
  left: 50%;
  width: 355px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

@media (min-width: 375px) {
  .personal-solution__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .personal-solution__inner {
    width: calc(100vw - 20px);
    height: 205.07vw;
    margin-inline: auto;
    padding-top: 10.67vw;
  }

  .personal-solution__card {
    width: calc(100vw - 20px);
    height: 194.4vw;
    border-radius: 13.33vw;
  }

  .personal-solution__title {
    top: 16vw;
    width: calc(100vw - 20px);
    font-size: 5.87vw;
  }

  .personal-solution__panel {
    left: 1.6vw;
    width: calc(100vw - 32px);
  }

  .personal-solution__panel--first,
  .personal-solution__panel--second {
    height: 44vw;
    border-radius: 13.33vw 13.33vw 0 13.33vw;
  }

  .personal-solution__panel--first {
    top: 41.6vw;
  }

  .personal-solution__panel--second {
    top: 88.27vw;
    border-radius: 13.33vw 13.33vw 13.33vw 0;
  }

  .personal-solution__panel--third {
    top: 134.93vw;
    height: 26.13vw;
    border-radius: 13.33vw 13.33vw 0 13.33vw;
  }

  .personal-solution__panel-image--tall {
    top: 6.13vw;
    left: 6.13vw;
    width: 21.07vw;
    height: 31.73vw;
    border-radius: 10.53vw;
  }

  .personal-solution__panel-image--right {
    left: calc(100vw - 134px);
  }

  .personal-solution__panel-image--round {
    top: 3.73vw;
    left: 3.47vw;
    width: 18.93vw;
    height: 18.93vw;
  }

  .personal-solution__panel-content {
    font-size: 4.27vw;
  }

  .personal-solution__panel-content--first {
    top: 8.53vw;
    left: 31.73vw;
    width: 49.33vw;
    row-gap: 1.87vw;
  }

  .personal-solution__panel-content--second {
    top: 7.73vw;
    left: 9.07vw;
    width: 47.2vw;
    row-gap: 1.87vw;
  }

  .personal-solution__line {
    width: 49.33vw;
  }

  .personal-solution__line--wide {
    width: 47.2vw;
  }

  .personal-solution__mistakes {
    top: 8.27vw;
    left: 26.67vw;
    font-size: 4.27vw;
  }

  .personal-solution__bottom {
    top: 167.73vw;
    width: calc(100vw - 20px);
    font-size: 4.8vw;
  }
}

@media (min-width: 1024px) {
  .personal-solution {
    --solution-width: min(calc(100vw - 159px), 1441px);
  }

  .personal-solution__inner {
    width: var(--solution-width);
    height: calc(var(--solution-width) * 0.537127);
    margin-inline: auto;
    padding-top: 0;
  }

  .personal-solution__card {
    width: 100%;
    height: 100%;
    border-radius: min(50px, calc(var(--solution-width) * 0.034698));
  }

  .personal-solution__background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }

  .personal-solution__title {
    top: 12.92%;
    width: 64.191%;
    height: 13.437%;
    font-size: 0;
    line-height: 1;
    white-space: normal;
  }

  .personal-solution__title::before,
  .personal-solution__title::after {
    display: block;
    font-size: min(52px, calc(var(--solution-width) * 0.036086));
    line-height: 1;
    white-space: nowrap;
  }

  .personal-solution__title::before {
    content: "Мы не ищем универсальное решение.";
  }

  .personal-solution__title::after {
    content: "Мы разбираем именно вашу ситуацию.";
  }

  .personal-solution__panel {
    left: auto;
    color: #26324b;
    border-radius: min(68.95px, calc(var(--solution-width) * 0.047849)) min(68.95px, calc(var(--solution-width) * 0.047849)) 0 min(68.95px, calc(var(--solution-width) * 0.047849));
  }

  .personal-solution__panel--first,
  .personal-solution__panel--second {
    top: 31.266%;
    width: 32.824%;
    height: 29.457%;
  }

  .personal-solution__panel--first {
    left: 16.516%;
  }

  .personal-solution__panel--second {
    left: 50.729%;
    border-radius: min(68.95px, calc(var(--solution-width) * 0.047849)) min(68.95px, calc(var(--solution-width) * 0.047849)) min(68.95px, calc(var(--solution-width) * 0.047849)) 0;
  }

  .personal-solution__panel--third {
    top: 63.437%;
    left: 33.588%;
    width: 32.824%;
    height: 17.442%;
  }

  .personal-solution__panel-content {
    display: block;
    font-size: min(22px, calc(var(--solution-width) * 0.015267));
    line-height: 1.1;
    text-align: center;
  }

  .personal-solution__panel-content p,
  .personal-solution__mistakes {
    position: absolute;
    font-size: min(22px, calc(var(--solution-width) * 0.015267));
    line-height: 1.1;
    text-align: center;
  }

  .personal-solution__panel-content--first {
    top: 19.298%;
    left: 36.575%;
    width: 53.7%;
    height: 60.965%;
    display: grid;
    grid-template-rows: auto 2px auto 2px auto;
    align-content: space-between;
    row-gap: 0;
  }

  .personal-solution__panel-content--first p:nth-of-type(1) {
    width: 100%;
  }

  .personal-solution__panel-content--first .personal-solution__line:nth-of-type(1) {
    width: 100%;
  }

  .personal-solution__panel-content--first p:nth-of-type(2) {
    width: 100%;
  }

  .personal-solution__panel-content--first .personal-solution__line:nth-of-type(2) {
    width: 100%;
  }

  .personal-solution__panel-content--first p:nth-of-type(3) {
    width: 92.52%;
  }

  .personal-solution__panel-content--second {
    top: 17.745%;
    left: 6.766%;
    width: 51.586%;
    height: 62.212%;
    display: grid;
    grid-template-rows: auto 2px auto;
    align-content: space-between;
    row-gap: 0;
  }

  .personal-solution__panel-content--second p:nth-of-type(1) {
    width: 93.853%;
  }

  .personal-solution__panel-content--second .personal-solution__line {
    width: 100%;
  }

  .personal-solution__panel-content--second p:nth-of-type(2) {
    width: 97.87%;
  }

  .personal-solution__panel-content p {
    position: static;
  }

  .personal-solution__panel-content .personal-solution__line {
    position: static;
  }

  .personal-solution__line,
  .personal-solution__line--wide {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #efd1d1;
  }

  .personal-solution__panel-content .personal-solution__line {
    position: static;
  }

  .personal-solution__panel picture {
    position: absolute;
    overflow: hidden;
  }

  .personal-solution__panel--first picture,
  .personal-solution__panel--second picture {
    top: 13.911%;
    width: 23.032%;
    height: 71.974%;
    border-radius: min(54.47px, calc(var(--solution-width) * 0.0378));
  }

  .personal-solution__panel--first picture {
    left: 6.706%;
  }

  .personal-solution__panel--second picture {
    right: 6.707%;
  }

  .personal-solution__panel--third picture {
    top: 14.301%;
    left: 3.791%;
    width: 20.7%;
    height: 72.526%;
    border-radius: 50%;
  }

  .personal-solution__panel picture img {
    position: absolute;
    max-width: none;
    border-radius: 0;
    object-fit: cover;
  }

  .personal-solution__panel--first picture img {
    top: -107.83%;
    left: -148.98%;
    width: 397.71%;
    height: 263.72%;
  }

  .personal-solution__panel--second picture img {
    top: -63.47%;
    left: -69.19%;
    width: 285.34%;
    height: 189.21%;
  }

  .personal-solution__panel--third picture img {
    top: -132.45%;
    left: -76.57%;
    width: 270.63%;
    height: 273.06%;
  }

  .personal-solution__mistakes {
    top: 31.852%;
    left: 29.175%;
    width: 61.1%;
    white-space: nowrap;
  }

  .personal-solution__bottom {
    top: 86.047%;
    left: 50%;
    width: 88.827%;
    font-size: min(25px, calc(var(--solution-width) * 0.017349));
    line-height: 1.1;
    white-space: nowrap;
  }

  .personal-solution__bottom span {
    display: inline;
  }
}

.clarity {
  overflow-x: clip;
}

.clarity__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 1207px;
  margin-inline: 10px;
}

.clarity__title {
  position: absolute;
  top: 40px;
  left: 50%;
  display: grid;
  width: 355px;
  color: var(--color-primary);
  font-size: 22px;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.clarity__main-image {
  position: absolute;
  top: 117px;
  left: 0;
  width: 355px;
  height: 355px;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

.clarity__cards {
  position: absolute;
  top: 482px;
  left: 0;
  display: grid;
  gap: 10px;
  width: 355px;
}

.clarity-card {
  position: relative;
  width: 355px;
  height: 129px;
  overflow: hidden;
  border-radius: 20px;
  background: #EBEFEA;
}

.clarity-card__content {
  position: absolute;
  top: 29px;
  left: 17px;
  width: 165px;
  line-height: 1.1;
}

.clarity-card--wide-text .clarity-card__content {
  width: 191px;
}

.clarity-card--wide-text .clarity-card__content p span {
  white-space: nowrap;
}

.clarity-card h3 {
  margin: 0 0 3px;
  color: #216A0D;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.1;
}

.clarity-card p {
  margin: 0;
  color: var(--color-muted);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
}

.clarity-card p span {
  display: block;
}

.clarity-card img {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 102px;
  height: 115px;
  max-width: none;
  border-radius: 20px;
  object-fit: cover;
  object-position: center center;
}

@media (min-width: 375px) {
  .clarity__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .clarity__inner {
    width: calc(100vw - 20px);
    height: 321.87vw;
    margin-inline: auto;
  }

  .clarity__title {
    top: 10.67vw;
    width: calc(100vw - 20px);
    font-size: 5.87vw;
  }

  .clarity__main-image {
    top: 31.2vw;
    width: calc(100vw - 20px);
    height: calc(100vw - 20px);
  }

  .clarity__cards {
    top: 128.53vw;
    width: calc(100vw - 20px);
    gap: 2.67vw;
  }

  .clarity-card {
    width: calc(100vw - 20px);
    height: 34.4vw;
    border-radius: 5.33vw;
  }

  .clarity-card__content {
    top: 7.73vw;
    left: 4.53vw;
    width: 44vw;
  }

  .clarity-card--wide-text .clarity-card__content {
    width: 50.93vw;
  }

  .clarity-card h3 {
    margin-bottom: 0.8vw;
    font-size: 3.73vw;
  }

  .clarity-card p {
    font-size: 4.27vw;
  }

  .clarity-card img {
    top: 1.87vw;
    right: 1.87vw;
    width: 27.2vw;
    height: 30.67vw;
    border-radius: 5.33vw;
  }
}

@media (min-width: 1024px) {
  .clarity {
    margin-top: min(100px, calc((100vw - 160px) * 0.069444));
  }

  .clarity__inner {
    width: min(calc(100vw - 160px), 1440px);
    height: min(1040px, calc((100vw - 160px) * 0.722222));
    margin-inline: auto;
  }

  .clarity__title {
    top: 0;
    width: 42.917%;
    font-size: min(52px, calc((100vw - 160px) * 0.036111));
    line-height: 1;
  }

  .clarity__title span {
    white-space: nowrap;
  }

  .clarity__inner > picture {
    position: absolute;
    top: 13.846%;
    left: 0;
    width: 100%;
    height: 27.308%;
    overflow: hidden;
    border-radius: min(50px, calc((100vw - 160px) * 0.034722));
    background: #550b0b;
  }

  .clarity__main-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0;
    object-fit: cover;
    object-position: 50% 60%;
  }

  .clarity__cards {
    top: 45%;
    left: 15.764%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(20px, calc((100vw - 160px) * 0.013889));
    width: 68.472%;
  }

  .clarity-card {
    width: 100%;
    height: min(176px, calc((100vw - 160px) * 0.122222));
    border-radius: min(30px, calc((100vw - 160px) * 0.020833));
    background: #ebefea;
  }

  .clarity-card:nth-child(5) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - min(20px, calc((100vw - 160px) * 0.013889))) / 2);
    height: min(180px, calc((100vw - 160px) * 0.125));
  }

  .clarity-card__content {
    top: 22.5%;
    left: 4.762%;
    width: 46.377%;
    line-height: 1.1;
  }

  .clarity-card:nth-child(2) .clarity-card__content {
    width: 51.967%;
  }

  .clarity-card--wide-text .clarity-card__content {
    top: 22.232%;
    left: 4.762%;
    width: 56.522%;
  }

  .clarity-card h3 {
    margin-bottom: min(5px, calc((100vw - 160px) * 0.003472));
    font-size: min(20px, calc((100vw - 160px) * 0.013889));
    line-height: 1.1;
  }

  .clarity-card p {
    font-size: min(22px, calc((100vw - 160px) * 0.015278));
    line-height: 1.1;
  }

  .clarity-card p span {
    display: inline;
  }

  .clarity-card:nth-child(4) p span,
  .clarity-card--wide-text p span {
    display: block;
  }

  .clarity-card picture {
    position: absolute;
    top: 5.426%;
    right: 1.972%;
    width: 28.732%;
    height: 89.147%;
    overflow: hidden;
    border-radius: min(30px, calc((100vw - 160px) * 0.020833));
  }

  .clarity-card--wide-text picture {
    top: 5.426%;
    height: 89.147%;
  }

  .clarity-card picture img {
    position: absolute;
    max-width: none;
    border-radius: 0;
    object-fit: cover;
    object-position: center center;
  }

  .clarity-card:nth-child(1) picture img {
    top: -152.17%;
    left: -77.45%;
    width: 315.69%;
    height: 280%;
  }

  .clarity-card:nth-child(2) picture img {
    top: -105.22%;
    left: -60.78%;
    width: 300%;
    height: 266.09%;
  }

  .clarity-card:nth-child(3) picture img {
    top: 0;
    left: -6.37%;
    width: 112.75%;
    height: 100%;
  }

  .clarity-card:nth-child(4) picture img {
    top: -39.13%;
    left: -24.51%;
    width: 160.78%;
    height: 142.61%;
  }

  .clarity-card:nth-child(5) picture img {
    inset: 0;
    width: 100%;
    height: 100%;
    object-position: center bottom;
  }
}

.post-meeting {
  margin-bottom: clamp(32px, calc((100vw - 40px) * 0.1194), 40px);
  overflow-x: clip;
  background: #f6f9fd;
}

.post-meeting__inner {
  --post-meeting-width: min(calc(100vw - 40px), 335px);
  width: var(--post-meeting-width);
  min-height: 927px;
  margin-inline: auto;
  padding-block: 10px;
}

.post-meeting__layout {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
}

.post-meeting__title {
  display: grid;
  margin: 0;
  color: var(--color-primary);
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.post-meeting__title span {
  display: block;
}

.post-meeting__intro {
  min-height: calc(var(--post-meeting-width) * 0.41194);
  margin: 0;
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42;
}

.post-meeting__usage {
  display: none;
}

.post-meeting__visual {
  position: relative;
  width: 100%;
  height: calc(var(--post-meeting-width) * 1.432836);
  overflow: hidden;
  border-radius: calc(var(--post-meeting-width) * 0.083582);
  background: #deebf7;
}

.post-meeting__blob {
  position: absolute;
  max-width: none;
  pointer-events: none;
}

.post-meeting__blob--light {
  top: calc(var(--post-meeting-width) * -0.208955);
  left: calc(var(--post-meeting-width) * -0.179104);
  width: calc(var(--post-meeting-width) * 0.626866);
  height: calc(var(--post-meeting-width) * 0.626866);
}

.post-meeting__blob--pink {
  top: calc(var(--post-meeting-width) * 1.089552);
  left: calc(var(--post-meeting-width) * 0.731343);
  width: calc(var(--post-meeting-width) * 0.447761);
  height: calc(var(--post-meeting-width) * 0.447761);
}

.post-meeting__sheet {
  position: absolute;
  width: calc(var(--post-meeting-width) * 0.746269);
  height: calc(var(--post-meeting-width) * 1.074627);
  border-radius: calc(var(--post-meeting-width) * 0.059701);
  pointer-events: none;
}

.post-meeting__sheet--back-one {
  top: calc(var(--post-meeting-width) * 0.214925);
  left: calc(var(--post-meeting-width) * 0.022746);
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 0 6px 18px rgba(20, 46, 82, 0.08);
  transform: rotate(5deg);
}

.post-meeting__sheet--back-two {
  top: calc(var(--post-meeting-width) * 0.132985);
  left: calc(var(--post-meeting-width) * 0.140299);
  background: rgba(255, 255, 255, 0.68);
  transform: rotate(-4deg);
}

.post-meeting__document {
  position: absolute;
  top: calc(var(--post-meeting-width) * 0.119403);
  left: calc(var(--post-meeting-width) * 0.104478);
  display: flex;
  flex-direction: column;
  gap: calc(var(--post-meeting-width) * 0.032836);
  width: calc(var(--post-meeting-width) * 0.791045);
  margin: 0;
  padding: calc(var(--post-meeting-width) * 0.053731);
  overflow: hidden;
  border-radius: calc(var(--post-meeting-width) * 0.059701);
  background: #fff;
  box-shadow: 0 10px 26px rgba(20, 46, 82, 0.14);
}

.post-meeting__tag {
  align-self: flex-start;
  padding: calc(var(--post-meeting-width) * 0.01791) calc(var(--post-meeting-width) * 0.026866);
  border-radius: 999px;
  color: #6c89aa;
  background: #ecf2f9;
  font-size: calc(var(--post-meeting-width) * 0.026866);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.45px;
  text-transform: uppercase;
}

.post-meeting__document h3 {
  margin: 0;
  color: #0d2b6a;
  font-size: calc(var(--post-meeting-width) * 0.050746);
  font-weight: 600;
  line-height: 1.12;
}

.post-meeting__document-subtitle {
  margin: 0;
  color: #6c89aa;
  font-size: calc(var(--post-meeting-width) * 0.029851);
  line-height: 1.25;
}

.post-meeting__divider {
  display: block;
  width: 100%;
  height: 1px;
  background: #d1deeb;
}

.post-meeting__document-row,
.post-meeting__usage-row {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.post-meeting__document-row {
  gap: calc(var(--post-meeting-width) * 0.029851);
}

.post-meeting__document-row span,
.post-meeting__usage-row span {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1;
}

.post-meeting__document-row span {
  width: calc(var(--post-meeting-width) * 0.071642);
  height: calc(var(--post-meeting-width) * 0.071642);
  font-size: calc(var(--post-meeting-width) * 0.026866);
}

.post-meeting__document-row p,
.post-meeting__usage-row p {
  min-width: 0;
  margin: 0;
  color: var(--color-primary);
}

.post-meeting__document-row p {
  font-size: calc(var(--post-meeting-width) * 0.032836);
  font-weight: 500;
  line-height: 1.25;
}

.post-meeting__document-row--red span,
.post-meeting__usage-row--red span {
  color: #b76464;
  background: #faf0f0;
}

.post-meeting__document-row--blue span,
.post-meeting__usage-row--blue span {
  color: #6c89aa;
  background: #ecf2f9;
}

.post-meeting__document-row--green span,
.post-meeting__usage-row--green span {
  color: #577d66;
  background: #ecf5ef;
}

.post-meeting__document-note {
  margin: 0;
  padding: calc(var(--post-meeting-width) * 0.029851) calc(var(--post-meeting-width) * 0.032836);
  border-radius: calc(var(--post-meeting-width) * 0.035821);
  color: var(--color-primary);
  background: #f8f9fc;
  font-family: var(--font-decorative);
  font-size: calc(var(--post-meeting-width) * 0.032836);
  font-style: italic;
  font-weight: 400;
  line-height: 1.25;
}

.post-meeting__conclusion {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 100%;
  min-height: 179px;
  padding: 18px;
  overflow: hidden;
  border-radius: 20px;
  background: #ecf5ef;
}

.post-meeting__conclusion h3 {
  margin: 0;
  color: #577d66;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.post-meeting__conclusion p {
  margin: 0;
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42;
}

.post-meeting__conclusion-text--desktop {
  display: none;
}

@media (max-width: 374px) {
  .post-meeting__inner {
    min-height: calc((100vw - 40px) * 2.767164);
  }

  .post-meeting__title {
    font-size: 22px;
  }

  .post-meeting__intro,
  .post-meeting__conclusion h3,
  .post-meeting__conclusion p {
    font-size: min(16px, calc((100vw - 40px) * 0.047761));
  }

  .post-meeting__conclusion {
    min-height: auto;
  }
}

@media (min-width: 1024px) {
  .post-meeting {
    margin-top: min(60px, calc((100vw - 160px) * 0.041667));
    margin-bottom: 0;
  }

  .post-meeting__inner {
    --post-meeting-width: min(calc(100vw - 160px), 1440px);
    width: var(--post-meeting-width);
    height: calc(var(--post-meeting-width) * 0.495833);
    min-height: 0;
    padding: calc(var(--post-meeting-width) * 0.013889) calc(var(--post-meeting-width) * 0.055556);
    background: #f6f9fd;
  }

  .post-meeting__layout {
    display: grid;
    grid-template-columns: calc(var(--post-meeting-width) * 0.347222) 1fr;
    grid-template-rows: auto auto auto auto;
    column-gap: calc(var(--post-meeting-width) * 0.044444);
    row-gap: calc(var(--post-meeting-width) * 0.016667);
    align-items: center;
    height: 100%;
    background: #fff;
  }

  .post-meeting__title,
  .post-meeting__intro,
  .post-meeting__usage,
  .post-meeting__conclusion {
    grid-column: 1;
  }

  .post-meeting__title {
    grid-row: 1;
    font-size: min(42px, calc(var(--post-meeting-width) * 0.029167));
    line-height: 1.08;
  }

  .post-meeting__intro {
    min-height: auto;
    grid-row: 2;
    font-size: min(19px, calc(var(--post-meeting-width) * 0.013194));
    line-height: 1.48;
  }

  .post-meeting__usage {
    display: flex;
    grid-row: 3;
    flex-direction: column;
    gap: calc(var(--post-meeting-width) * 0.011111);
    width: 100%;
    height: calc(var(--post-meeting-width) * 0.15);
    padding: calc(var(--post-meeting-width) * 0.016667);
    overflow: hidden;
    border-radius: calc(var(--post-meeting-width) * 0.016667);
    background: #fff;
    box-shadow: 0 6px 20px rgba(20, 46, 82, 0.07);
  }

  .post-meeting__usage h3 {
    margin: 0;
    color: #0d2b6a;
    font-size: min(20px, calc(var(--post-meeting-width) * 0.013889));
    font-weight: 600;
    line-height: 1.2;
  }

  .post-meeting__usage-row {
    gap: calc(var(--post-meeting-width) * 0.008333);
  }

  .post-meeting__usage-row span {
    width: calc(var(--post-meeting-width) * 0.022222);
    height: calc(var(--post-meeting-width) * 0.022222);
    font-size: min(11px, calc(var(--post-meeting-width) * 0.007639));
  }

  .post-meeting__usage-row p {
    font-size: min(17px, calc(var(--post-meeting-width) * 0.011806));
    line-height: 1.35;
  }

  .post-meeting__visual {
    grid-column: 2;
    grid-row: 1 / 5;
    width: 100%;
    height: calc(var(--post-meeting-width) * 0.416667);
    border-radius: calc(var(--post-meeting-width) * 0.034722);
  }

  .post-meeting__blob--light {
    top: calc(var(--post-meeting-width) * -0.083333);
    left: calc(var(--post-meeting-width) * -0.069444);
    width: calc(var(--post-meeting-width) * 0.25);
    height: calc(var(--post-meeting-width) * 0.25);
  }

  .post-meeting__blob--pink {
    top: calc(var(--post-meeting-width) * 0.3125);
    left: calc(var(--post-meeting-width) * 0.388889);
    width: calc(var(--post-meeting-width) * 0.180556);
    height: calc(var(--post-meeting-width) * 0.180556);
  }

  .post-meeting__sheet {
    width: calc(var(--post-meeting-width) * 0.305556);
    height: calc(var(--post-meeting-width) * 0.333333);
    border-radius: calc(var(--post-meeting-width) * 0.020833);
  }

  .post-meeting__sheet--back-one {
    top: calc(var(--post-meeting-width) * 0.054167);
    left: calc(var(--post-meeting-width) * 0.061229);
    box-shadow: 0 8px 24px rgba(20, 46, 82, 0.08);
  }

  .post-meeting__sheet--back-two {
    top: calc(var(--post-meeting-width) * 0.023132);
    left: calc(var(--post-meeting-width) * 0.099306);
  }

  .post-meeting__document {
    top: calc(var(--post-meeting-width) * 0.033333);
    left: calc(var(--post-meeting-width) * 0.092361);
    gap: calc(var(--post-meeting-width) * 0.006944);
    width: calc(var(--post-meeting-width) * 0.3125);
    padding: calc(var(--post-meeting-width) * 0.019444);
    border-radius: calc(var(--post-meeting-width) * 0.020833);
    box-shadow: 0 12px 32px rgba(20, 46, 82, 0.14);
  }

  .post-meeting__tag {
    padding: calc(var(--post-meeting-width) * 0.004861) calc(var(--post-meeting-width) * 0.007639);
    font-size: min(11px, calc(var(--post-meeting-width) * 0.007639));
    letter-spacing: 0.55px;
  }

  .post-meeting__document h3 {
    font-size: min(27px, calc(var(--post-meeting-width) * 0.01875));
  }

  .post-meeting__document-subtitle {
    font-size: min(14px, calc(var(--post-meeting-width) * 0.009722));
  }

  .post-meeting__document-row {
    gap: calc(var(--post-meeting-width) * 0.009722);
  }

  .post-meeting__document-row span {
    width: calc(var(--post-meeting-width) * 0.022222);
    height: calc(var(--post-meeting-width) * 0.022222);
    font-size: min(11px, calc(var(--post-meeting-width) * 0.007639));
  }

  .post-meeting__document-row p {
    font-size: min(16px, calc(var(--post-meeting-width) * 0.011111));
  }

  .post-meeting__document-note {
    padding: calc(var(--post-meeting-width) * 0.009722) calc(var(--post-meeting-width) * 0.011111);
    border-radius: calc(var(--post-meeting-width) * 0.011111);
    font-size: min(15px, calc(var(--post-meeting-width) * 0.010417));
  }

  .post-meeting__conclusion {
    grid-row: 4;
    gap: calc(var(--post-meeting-width) * 0.006944);
    min-height: calc(var(--post-meeting-width) * 0.108333);
    padding: calc(var(--post-meeting-width) * 0.015278) calc(var(--post-meeting-width) * 0.016667);
    border-radius: calc(var(--post-meeting-width) * 0.016667);
  }

  .post-meeting__conclusion h3 {
    font-size: min(20px, calc(var(--post-meeting-width) * 0.013889));
  }

  .post-meeting__conclusion p {
    font-size: min(18px, calc(var(--post-meeting-width) * 0.0125));
    line-height: 1.45;
  }

  .post-meeting__conclusion-text--mobile {
    display: none;
  }

  .post-meeting__conclusion-text--desktop {
    display: block;
  }
}

.consultation-includes {
  overflow-x: clip;
}

.consultation-includes__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 316px;
  margin-inline: 10px;
}

.consultation-includes__title {
  position: absolute;
  top: 0;
  left: 50%;
  width: 355px;
  margin: 0;
  color: var(--color-primary);
  font-family: var(--font-decorative);
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.consultation-includes__list {
  position: absolute;
  top: 42px;
  left: 0;
  display: grid;
  gap: 7px;
  width: 355px;
}

.consultation-includes__item {
  display: grid;
  place-items: center;
  width: 355px;
  height: 42px;
  border-radius: 30px;
  color: #6C89AA;
  background: linear-gradient(180deg, #D1DDEB 1.923%, #FFFFFF 51.923%, #D1DDEB 100%);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

.consultation-includes__item--tall {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
  line-height: 1.1;
}

.consultation-includes__item span {
  display: block;
}

@media (min-width: 375px) {
  .consultation-includes__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .consultation-includes__inner {
    width: calc(100vw - 20px);
    height: 88.99vw;
    margin-inline: auto;
  }

  .consultation-includes__title {
    width: calc(100vw - 20px);
    font-size: 6.2vw;
  }

  .consultation-includes__list {
    top: 11.83vw;
    width: calc(100vw - 20px);
    gap: 1.97vw;
  }

  .consultation-includes__item {
    width: calc(100vw - 20px);
    height: 11.83vw;
    border-radius: 8.45vw;
    font-size: 4.51vw;
  }

  .consultation-includes__item--tall {
    height: 16.9vw;
  }
}

@media (min-width: 1024px) {
  .consultation-includes {
    margin-top: min(100px, calc((100vw - 160px) * 0.069444));
  }

  .consultation-includes__inner {
    position: relative;
    width: min(calc(100vw - 320px), 1280px);
    height: min(288px, calc((100vw - 320px) * 0.225));
    margin-inline: auto;
  }

  .consultation-includes__title {
    top: 0;
    left: 0;
    width: 100%;
    font-size: min(52px, calc((100vw - 320px) * 0.040625));
    line-height: 1;
    transform: none;
  }

  .consultation-includes__list {
    top: 31.944%;
    left: 5.703%;
    display: block;
    width: 88.672%;
    height: 68.056%;
  }

  .consultation-includes__item {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62.755%;
    border-radius: min(30px, calc((100vw - 320px) * 0.023438));
    font-size: min(22px, calc((100vw - 320px) * 0.017188));
    line-height: 1.1;
    white-space: normal;
  }

  .consultation-includes__item:nth-child(1) {
    top: 0;
    left: 0;
    width: 21.233%;
  }

  .consultation-includes__item:nth-child(2) {
    top: 0;
    left: 22.467%;
    width: 20.176%;
  }

  .consultation-includes__item:nth-child(3) {
    top: 0;
    left: 43.877%;
    width: 22.203%;
  }

  .consultation-includes__item:nth-child(4) {
    top: 0;
    left: 67.313%;
    width: 32.687%;
    flex-direction: column;
  }

  .consultation-includes__item:nth-child(5) {
    top: 69.898%;
    left: 16.564%;
    width: 66.96%;
    height: 30.102%;
    flex-direction: row;
    column-gap: 0.25em;
  }

  .consultation-includes__item:nth-child(5) span {
    display: inline;
  }
}

.important-note {
  overflow-x: clip;
}

.important-note__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 428px;
  margin-inline: 10px;
}

.important-note__title {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 184px;
  color: var(--color-primary);
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.important-note__text {
  position: absolute;
  top: 72px;
  left: 50%;
  width: 355px;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

.important-note__subtitle {
  position: absolute;
  top: 112px;
  left: 50%;
  width: 355px;
  color: var(--color-heading-blue);
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

.important-note__cards {
  position: absolute;
  top: 147px;
  left: 0;
  width: 355px;
  height: 241px;
}

.important-card {
  position: absolute;
  height: 77px;
  overflow: visible;
}

.important-card--small {
  width: 175px;
}

.important-card--wide {
  top: 164px;
  left: 0;
  width: 355px;
}

.important-card--left {
  left: 0;
}

.important-card--right {
  left: 180px;
}

.important-card--row-1 {
  top: 0;
}

.important-card--row-2 {
  top: 82px;
}

.important-card__shape {
  position: absolute;
  top: 0;
  left: 0.16px;
  width: calc(100% - 0.16px);
  height: 77px;
  max-width: none;
}

.important-card__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 55px;
  height: 55px;
  overflow: hidden;
  pointer-events: none;
}

.important-card__icon img {
  position: absolute;
  top: -4.23%;
  left: -37.32%;
  width: 173.24%;
  height: 115.49%;
  max-width: none;
  object-fit: cover;
}

.important-card__copy {
  position: absolute;
  top: 10px;
  left: 72px;
  color: var(--color-muted);
  line-height: 1.1;
  text-align: left;
}

.important-card__copy strong {
  display: block;
  margin: 0;
  color: var(--color-heading-blue);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  text-align: left;
}

.important-card__copy p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
}

.important-card__copy span {
  display: block;
  white-space: nowrap;
}

.important-card__copy--diagnosis p {
  font-size: 14px;
}

@media (min-width: 375px) {
  .important-note__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .important-note__inner {
    width: calc(100vw - 20px);
    height: 120.56vw;
    margin-inline: auto;
  }

  .important-note__title {
    top: 11.27vw;
    width: 51.83vw;
    font-size: 6.2vw;
  }

  .important-note__text {
    top: 20.28vw;
    width: calc(100vw - 20px);
    font-size: 3.94vw;
  }

  .important-note__subtitle {
    top: 31.55vw;
    width: calc(100vw - 20px);
    font-size: 3.94vw;
  }

  .important-note__cards {
    top: 41.41vw;
    width: calc(100vw - 20px);
    height: 67.89vw;
  }

  .important-card {
    height: 21.69vw;
  }

  .important-card--small {
    width: 46.67vw;
  }

  .important-card--wide {
    top: 46.2vw;
    width: calc(100vw - 20px);
  }

  .important-card--right {
    right: 0;
    left: auto;
  }

  .important-card--row-2 {
    top: 23.1vw;
  }

  .important-card__shape {
    left: 0.04vw;
    height: 21.69vw;
  }

  .important-card__icon {
    width: 15.49vw;
    height: 15.49vw;
  }

  .important-card__copy {
    top: 2.82vw;
    left: 20.28vw;
  }

  .important-card__copy strong {
    font-size: 3.94vw;
  }

  .important-card__copy p {
    font-size: 4.51vw;
  }

  .important-card__copy--diagnosis p {
    font-size: 3.94vw;
  }
}

@media (min-width: 1024px) {
  .important-note {
    margin-top: min(100px, calc((100vw - 320px) * 0.078125));
  }

  .important-note__inner {
    width: min(calc(100vw - 320px), 1280px);
    height: min(523px, calc((100vw - 320px) * 0.408594));
    margin-inline: auto;
  }

  .important-note__title {
    top: 0;
    left: 0;
    width: 100%;
    font-size: min(52px, calc((100vw - 320px) * 0.040625));
    line-height: 1;
    transform: none;
  }

  .important-note__text {
    top: 15.679%;
    left: 0;
    width: 100%;
    font-size: min(40px, calc((100vw - 320px) * 0.03125));
    line-height: 1.1;
    transform: none;
  }

  .important-note__subtitle {
    top: 40.153%;
    left: 0;
    width: 100%;
    font-size: min(40px, calc((100vw - 320px) * 0.03125));
    line-height: 1.1;
    transform: none;
  }

  .important-note__cards {
    top: 56.214%;
    left: 10.859%;
    width: 78.281%;
    height: 43.786%;
  }

  .important-card {
    height: 46.943%;
  }

  .important-card--small {
    width: 24.254%;
  }

  .important-card--wide {
    top: 53.085%;
    left: 25.349%;
    width: 49.201%;
    height: 46.915%;
  }

  .important-card--left,
  .important-card--right {
    left: auto;
  }

  .important-card--row-1,
  .important-card--row-2 {
    top: 0;
  }

  .important-card:nth-child(1) {
    left: 0;
  }

  .important-card:nth-child(2) {
    left: 25.249%;
  }

  .important-card:nth-child(3) {
    left: 50.499%;
  }

  .important-card:nth-child(4) {
    left: 75.748%;
  }

  .important-card__shape {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .important-card__icon {
    top: 0.098%;
    left: 0;
    width: 31.514%;
    height: 71.22%;
  }

  .important-card--wide .important-card__icon {
    width: 15.529%;
    height: 71.264%;
  }

  .important-card__copy {
    top: 13.085%;
    left: 40.741%;
    width: 45%;
    line-height: 1.1;
  }

  .important-card:nth-child(1) .important-card__copy {
    width: 42.427%;
  }

  .important-card--wide .important-card__copy {
    top: 13.167%;
    left: 20.081%;
    width: 54.97%;
  }

  .important-card__copy strong {
    width: 28px;
    font-size: min(20px, calc((100vw - 320px) * 0.015625));
    line-height: 1.1;
    text-align: center;
  }

  .important-card__copy p,
  .important-card__copy--diagnosis p {
    margin-top: min(2px, calc((100vw - 320px) * 0.001563));
    font-size: min(22px, calc((100vw - 320px) * 0.017188));
    line-height: 1.1;
  }

  .important-card__copy span {
    display: block;
    white-space: nowrap;
  }
}

.useful-reason {
  overflow-x: clip;
}

.useful-reason__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 405px;
  margin-inline: 10px;
}

.useful-reason__image {
  position: absolute;
  top: 40px;
  left: 0;
  width: 355px;
  height: 210px;
  overflow: hidden;
  border-radius: 30px;
  background: #AC7024;
}

.useful-reason__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 355px;
  height: 226px;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  transform: translate(-50%, -50%);
}

.useful-reason__title {
  position: absolute;
  top: 283px;
  left: 50%;
  width: 299px;
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.useful-reason__text {
  position: absolute;
  top: 315px;
  left: 50%;
  width: 355px;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

.useful-reason__text span {
  display: block;
}

@media (min-width: 375px) {
  .useful-reason__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .useful-reason__inner {
    width: calc(100vw - 20px);
    height: 114.08vw;
    margin-inline: auto;
  }

  .useful-reason__image {
    top: 11.27vw;
    width: calc(100vw - 20px);
    height: 59.15vw;
    border-radius: 8.45vw;
  }

  .useful-reason__image img {
    width: calc(100vw - 20px);
    height: 63.66vw;
  }

  .useful-reason__title {
    top: 79.72vw;
    width: 84.23vw;
    font-size: 6.2vw;
  }

  .useful-reason__text {
    top: 88.73vw;
    width: calc(100vw - 20px);
    font-size: 3.94vw;
  }
}

@media (min-width: 1024px) {
  .useful-reason {
    margin-top: min(100px, calc((100vw - 320px) * 0.078125));
    margin-bottom: min(100px, calc((100vw - 320px) * 0.078125));
  }

  .useful-reason__inner {
    width: min(calc(100vw - 320px), 1280px);
    height: min(942px, calc((100vw - 320px) * 0.735938));
    margin-inline: auto;
  }

  .useful-reason__image {
    top: 0;
    left: 0;
    width: 100%;
    height: 61.571%;
    border-radius: min(50px, calc((100vw - 320px) * 0.039063));
    background: #ac7024;
  }

  .useful-reason__image picture {
    position: absolute;
    inset: 0;
    display: block;
  }

  .useful-reason__image img {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100.345%;
    object-fit: cover;
    object-position: center center;
    transform: translate(-50%, -50%);
  }

  .useful-reason__title {
    top: 67.941%;
    left: 0;
    width: 100%;
    font-size: min(52px, calc((100vw - 320px) * 0.040625));
    line-height: 1;
    transform: none;
  }

  .useful-reason__text {
    top: 76.645%;
    left: 0;
    width: 100%;
    font-size: min(40px, calc((100vw - 320px) * 0.03125));
    line-height: 1.1;
    transform: none;
  }

  .useful-reason__text span {
    display: inline;
  }
}

.consultation-process {
  overflow-x: clip;
}

#consultation-includes,
#consultation-process,
#faq-preview {
  scroll-margin-top: 12px;
}

.consultation-process__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 550px;
  margin-inline: 10px;
}

.consultation-process__card {
  position: absolute;
  top: 40px;
  left: 0;
  width: 355px;
  height: 470px;
  overflow: hidden;
  border-radius: 50px;
  background: #744949;
}

.consultation-process__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 366px;
  height: 470px;
  max-width: none;
  object-fit: cover;
  object-position: center bottom;
  transform: scaleX(-1);
}

.consultation-process__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}

.consultation-process__title {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 355px;
  color: var(--color-white);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.consultation-process__steps {
  position: absolute;
  top: 102px;
  left: 0;
  width: 355px;
  height: 265px;
}

.process-step {
  position: absolute;
  left: 0;
  width: 355px;
  height: 62px;
}

.process-step::before {
  position: absolute;
  top: 2px;
  left: 16.21px;
  z-index: 0;
  width: 330.79px;
  height: 42px;
  border-radius: 30px;
  background: linear-gradient(180deg, #D1DDEB 1.923%, #FFFFFF 51.923%, #D1DDEB 100%);
  content: "";
}

.process-step::after {
  position: absolute;
  top: -7px;
  left: 0;
  z-index: 1;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: rgba(63, 73, 98, 0.72);
  content: "";
}

.process-step--one {
  top: 0;
}

.process-step--two {
  top: 51px;
}

.process-step--three {
  top: 102px;
}

.process-step--four {
  top: 153px;
}

.process-step--five {
  top: 204px;
}

.process-step__shape {
  position: absolute;
  left: 16.21px;
  width: 330.79px;
  height: 42px;
  max-width: none;
  display: none;
}

.process-step--one .process-step__shape {
  top: 2px;
}

.process-step--two .process-step__shape,
.process-step--three .process-step__shape,
.process-step--four .process-step__shape {
  top: 2px;
}

.process-step--five .process-step__shape {
  top: 2px;
  left: 11.1px;
  width: 335.9px;
  height: 60px;
}

.process-step--five::before {
  left: 11.1px;
  width: 335.9px;
  height: 60px;
}

.process-step__number {
  position: absolute;
  top: 0;
  left: 9px;
  z-index: 2;
  color: var(--color-white);
  font-family: "Ibarra Real Nova", Georgia, serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}

.process-step--two .process-step__number,
.process-step--three .process-step__number,
.process-step--four .process-step__number,
.process-step--five .process-step__number {
  left: 7px;
}

.process-step__text {
  position: absolute;
  top: 14px;
  left: 100px;
  z-index: 2;
  display: block;
  width: 179px;
  color: #6C89AA;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-shadow: none;
  filter: none;
  -webkit-font-smoothing: antialiased;
}

.process-step--two .process-step__text {
  left: 112px;
  width: 155px;
}

.process-step--three .process-step__text {
  left: 97px;
  width: 184px;
  white-space: nowrap;
}

.process-step--four .process-step__text {
  left: 80px;
  width: 218px;
  white-space: nowrap;
}

.process-step--five .process-step__text {
  top: 14px;
  left: 66px;
  width: 247px;
}

.process-step__text span {
  display: block;
}

.process-step--five .process-step__text span {
  white-space: nowrap;
}

@media (min-width: 375px) {
  .consultation-process__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .consultation-process__inner {
    width: calc(100vw - 20px);
    height: 154.93vw;
    margin-inline: auto;
  }

  .consultation-process__card {
    top: 11.27vw;
    width: calc(100vw - 20px);
    height: 132.39vw;
    border-radius: 14.08vw;
  }

  .consultation-process__bg {
    width: 103.1vw;
    height: 132.39vw;
  }

  .consultation-process__title {
    top: 16.9vw;
    width: calc(100vw - 20px);
    font-size: 6.2vw;
  }

  .consultation-process__steps {
    top: 28.73vw;
    width: calc(100vw - 20px);
    height: 74.65vw;
  }

  .process-step {
    width: calc(100vw - 20px);
    height: 17.46vw;
  }

  .process-step--two {
    top: 14.37vw;
  }

  .process-step--three {
    top: 28.73vw;
  }

  .process-step--four {
    top: 43.1vw;
  }

  .process-step--five {
    top: 57.46vw;
  }

  .process-step__shape {
    left: 4.57vw;
    width: calc(100vw - 44.21px);
    height: 11.83vw;
  }

  .process-step::before {
    top: 0.56vw;
    left: 4.57vw;
    z-index: 0;
    width: calc(100vw - 20px - 6.82vw);
    height: 11.83vw;
    border-radius: 8.45vw;
  }

  .process-step::after {
    top: -1.97vw;
    width: 13.24vw;
    height: 13.24vw;
  }

  .process-step--five .process-step__shape {
    left: 3.13vw;
    width: calc(100vw - 39.1px);
    height: 16.9vw;
  }

  .process-step--five::before {
    left: 3.13vw;
    width: calc(100vw - 20px - 5.38vw);
    height: 16.9vw;
  }

  .process-step__number {
    left: 2.54vw;
    font-size: 8.45vw;
  }

  .process-step--two .process-step__number,
  .process-step--three .process-step__number,
  .process-step--four .process-step__number,
  .process-step--five .process-step__number {
    left: 1.97vw;
  }

  .process-step__text {
    top: 3.94vw;
    left: 28.17vw;
    width: 50.42vw;
    font-size: 4.51vw;
  }

  .process-step--two .process-step__text {
    left: 31.55vw;
    width: 43.66vw;
  }

  .process-step--three .process-step__text {
    left: 27.32vw;
    width: 51.83vw;
  }

  .process-step--four .process-step__text {
    left: 22.54vw;
    width: 61.41vw;
  }

  .process-step--five .process-step__text {
    top: 3.94vw;
    left: 18.59vw;
    width: 69.58vw;
  }
}

@media (min-width: 1024px) {
  .consultation-process {
    --process-width: min(calc(100vw - 160px), 1440px);
  }

  .consultation-process__inner {
    width: var(--process-width);
    height: calc(var(--process-width) * 0.470833);
    margin-inline: auto;
  }

  .consultation-process__card {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: min(50px, calc(var(--process-width) * 0.034722));
  }

  .consultation-process__bg {
    width: 100%;
    height: 100%;
    content: url("../assets/images/process-bg-desktop.png");
    object-fit: cover;
    object-position: center bottom;
    transform: scaleX(-1);
  }

  .consultation-process__title {
    top: 14.749%;
    left: 50%;
    width: 88.889%;
    font-size: min(52px, calc(var(--process-width) * 0.036111));
    line-height: 1;
  }

  .consultation-process__steps {
    top: 28.319%;
    left: 32.847%;
    width: 34.236%;
    height: 56.932%;
  }

  .process-step {
    left: 0;
    width: 100%;
    height: 16.541%;
  }

  .process-step--one {
    top: 0;
  }

  .process-step--two {
    top: 19.173%;
  }

  .process-step--three {
    top: 38.345%;
  }

  .process-step--four {
    top: 57.518%;
  }

  .process-step--five {
    top: 76.691%;
    height: 23.309%;
  }

  .process-step::before,
  .process-step::after,
  .process-step--five::before {
    display: none;
  }

  .process-step__shape {
    display: block;
    top: 4.544%;
    left: 2.711%;
    width: 97.287%;
    height: 95.454%;
  }

  .process-step--one .process-step__shape {
    content: url("../assets/images/process-step-1-desktop.svg");
  }

  .process-step--two .process-step__shape {
    content: url("../assets/images/process-step-2-desktop.svg");
  }

  .process-step--three .process-step__shape {
    content: url("../assets/images/process-step-3-desktop.svg");
  }

  .process-step--four .process-step__shape {
    content: url("../assets/images/process-step-4-desktop.svg");
  }

  .process-step--five .process-step__shape {
    top: 3.227%;
    left: 1.206%;
    width: 98.794%;
    height: 96.773%;
    content: url("../assets/images/process-step-5-desktop.svg");
  }

  .process-step__number {
    top: 0;
    left: 0.588%;
    font-size: min(43.518px, calc(var(--process-width) * 0.030221));
    line-height: 1;
  }

  .process-step--two .process-step__number,
  .process-step--three .process-step__number,
  .process-step--four .process-step__number,
  .process-step--five .process-step__number {
    left: 0;
  }

  .process-step__text {
    display: none;
    top: 31.762%;
    z-index: 2;
    color: #26324b;
    font-size: min(22px, calc(var(--process-width) * 0.015278));
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
  }

  .process-step--one .process-step__text {
    left: 24.341%;
    width: 52.716%;
  }

  .process-step--two .process-step__text {
    left: 27.941%;
    width: 45.417%;
  }

  .process-step--three .process-step__text {
    left: 23.525%;
    width: 54.136%;
  }

  .process-step--four .process-step__text {
    left: 18.519%;
    width: 63.867%;
  }

  .process-step--five .process-step__text {
    top: 22.582%;
    left: 14.412%;
    width: 72.586%;
    white-space: normal;
  }

  .process-step__text span {
    display: block;
    white-space: nowrap;
  }
}

.final-consultation {
  overflow-x: clip;
}

.final-consultation__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 421px;
  margin-inline: 10px;
}

.final-consultation__photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 355px;
  height: 291px;
  overflow: hidden;
  border-radius: 50px;
  background: #D9D9D9;
}

.final-consultation__photo img {
  position: absolute;
  top: -87.41%;
  left: 0;
  width: 100%;
  height: 195.66%;
  max-width: none;
  object-fit: cover;
}

.final-consultation__title {
  position: absolute;
  top: 55px;
  left: 50%;
  display: grid;
  color: var(--color-bg);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.final-consultation__badge {
  position: absolute;
  top: 119px;
  left: 12px;
  display: grid;
  grid-template-columns: 91px 118px 91px;
  align-items: center;
  justify-content: center;
  width: 332px;
  height: 42px;
  border-radius: 30px;
  color: #6C89AA;
  background: linear-gradient(180deg, #D1DDEB 1.923%, #FFFFFF 51.923%, #D1DDEB 100%);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

.final-consultation__profile {
  position: absolute;
  top: 183px;
  left: 167px;
  display: grid;
  place-items: center;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background: var(--color-bg);
}

.final-consultation__profile-photo {
  width: 154px;
  height: 155px;
  overflow: hidden;
  border-radius: 50%;
  background: #141414;
}

.final-consultation__profile-photo img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

.final-consultation__button {
  position: absolute;
  top: 364px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 335px;
  height: 57px;
  border-radius: 30px;
  color: var(--color-white);
  background: var(--color-primary);
  font-size: 19px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

@media (min-width: 375px) {
  .final-consultation__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .final-consultation__inner {
    width: calc(100vw - 20px);
    height: 118.59vw;
    margin-inline: auto;
  }

  .final-consultation__photo {
    width: calc(100vw - 20px);
    height: 81.97vw;
    border-radius: 14.08vw;
  }

  .final-consultation__title {
    top: 15.49vw;
    font-size: 6.2vw;
  }

  .final-consultation__badge {
    top: 33.52vw;
    left: 3.38vw;
    grid-template-columns: 25.63vw 33.24vw 25.63vw;
    width: calc(100vw - 43px);
    height: 11.83vw;
    border-radius: 8.45vw;
    font-size: 4.51vw;
  }

  .final-consultation__profile {
    top: 51.55vw;
    left: calc(100vw - 188px);
    width: 47.32vw;
    height: 47.32vw;
  }

  .final-consultation__profile-photo {
    width: 43.38vw;
    height: 43.66vw;
  }

  .final-consultation__button {
    top: 102.54vw;
    width: calc(100vw - 40px);
    height: 16.06vw;
    border-radius: 8.45vw;
    font-size: min(5.35vw, 19px);
  }
}

@media (min-width: 1024px) {
  .final-consultation {
    --final-consultation-width: min(calc(100vw - 160px), 1440px);
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .final-consultation__inner {
    width: var(--final-consultation-width);
    height: calc(var(--final-consultation-width) * 0.456944);
    margin-inline: auto;
  }

  .final-consultation__photo {
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--final-consultation-width) * 0.340278);
    border-radius: min(50px, calc(var(--final-consultation-width) * 0.034722));
  }

  .final-consultation__photo img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
  }

  .final-consultation__title {
    top: calc(var(--final-consultation-width) * 0.073611);
    left: 50%;
    display: block;
    width: calc(var(--final-consultation-width) * 0.888889);
    font-size: min(52px, calc(var(--final-consultation-width) * 0.036111));
    line-height: 1;
  }

  .final-consultation__title span {
    display: inline;
  }

  .final-consultation__badge {
    top: calc(var(--final-consultation-width) * 0.1375);
    left: 50%;
    grid-template-columns: calc(var(--final-consultation-width) * 0.104861) calc(var(--final-consultation-width) * 0.129861) calc(var(--final-consultation-width) * 0.098611);
    column-gap: calc(var(--final-consultation-width) * 0.048611);
    width: calc(var(--final-consultation-width) * 0.646528);
    height: calc(var(--final-consultation-width) * 0.065278);
    border-radius: min(50px, calc(var(--final-consultation-width) * 0.034722));
    font-size: min(40px, calc(var(--final-consultation-width) * 0.027778));
    line-height: 1.1;
    transform: translateX(-50%);
  }

  .final-consultation__profile {
    top: calc(var(--final-consultation-width) * 0.223611);
    left: calc(var(--final-consultation-width) * 0.711111);
    width: calc(var(--final-consultation-width) * 0.233333);
    height: calc(var(--final-consultation-width) * 0.233333);
  }

  .final-consultation__profile-photo {
    width: calc(var(--final-consultation-width) * 0.213889);
    height: calc(var(--final-consultation-width) * 0.215278);
  }

  .final-consultation__button {
    top: calc(var(--final-consultation-width) * 0.377778);
    width: calc(var(--final-consultation-width) * 0.416667);
    height: calc(var(--final-consultation-width) * 0.069444);
    border-radius: min(50px, calc(var(--final-consultation-width) * 0.034722));
    font-size: min(30px, calc(var(--final-consultation-width) * 0.020833));
  }
}

.faq-preview {
  overflow-x: clip;
}

.faq-preview__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 532px;
  margin-inline: 10px;
}

.faq-preview__title {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 174px;
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.faq-preview__list {
  position: absolute;
  top: 82px;
  left: 0;
  width: 355px;
  height: 410px;
}

.faq-preview__item {
  position: absolute;
  left: 0;
  width: 355px;
}

.faq-preview__item::after {
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 335px;
  height: 1px;
  background: #EFD1D1;
  content: "";
}

.faq-preview__item--one {
  top: 0;
  height: 51px;
}

.faq-preview__item--two {
  top: 61px;
  height: 49px;
}

.faq-preview__item--three {
  top: 120px;
  height: 49px;
}

.faq-preview__item--four {
  top: 179px;
  height: 49px;
}

.faq-preview__item--five {
  top: 238px;
  height: 59px;
}

.faq-preview__item--six {
  top: 297px;
  height: 41px;
}

.faq-preview__item--seven {
  top: 338px;
  height: 41px;
}

.faq-preview__item--eight {
  top: 379px;
  height: 41px;
}

.faq-preview__item h3 {
  position: absolute;
  left: 50%;
  margin: 0;
  color: #E88F8F;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.faq-preview__item h3 span {
  display: block;
}

.faq-preview__item p {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 355px;
  margin: 0;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

.faq-preview__item img {
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 20px;
  max-width: none;
}

.faq-preview__item--one h3 {
  top: 2px;
}

.faq-preview__item--two h3,
.faq-preview__item--three h3,
.faq-preview__item--four h3,
.faq-preview__item--five h3 {
  top: 2px;
}

.faq-preview__item--six h3,
.faq-preview__item--seven h3,
.faq-preview__item--eight h3 {
  top: 12px;
}

.faq-preview__item--one img {
  top: 0;
}

@media (min-width: 375px) {
  .faq-preview__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .faq-preview__inner {
    width: calc(100vw - 20px);
    height: 149.86vw;
    margin-inline: auto;
  }

  .faq-preview__title {
    top: 11.27vw;
    width: 49.01vw;
    font-size: 6.2vw;
  }

  .faq-preview__list,
  .faq-preview__item {
    width: calc(100vw - 20px);
  }

  .faq-preview__list {
    top: 23.1vw;
    height: 115.49vw;
  }

  .faq-preview__item::after {
    left: 2.82vw;
    width: calc(100vw - 40px);
  }

  .faq-preview__item h3 {
    font-size: 4.51vw;
  }

  .faq-preview__item p {
    width: calc(100vw - 20px);
    font-size: 3.94vw;
  }

  .faq-preview__item img {
    right: 2.82vw;
    width: 5.63vw;
    height: 5.63vw;
  }

  .faq-preview__item--one {
    height: 14.37vw;
  }

  .faq-preview__item--two {
    top: 17.18vw;
    height: 13.8vw;
  }

  .faq-preview__item--three {
    top: 33.8vw;
    height: 13.8vw;
  }

  .faq-preview__item--four {
    top: 50.42vw;
    height: 13.8vw;
  }

  .faq-preview__item--five {
    top: 67.04vw;
    height: 16.62vw;
  }

  .faq-preview__item--six {
    top: 83.66vw;
    height: 11.55vw;
  }

  .faq-preview__item--seven {
    top: 95.21vw;
    height: 11.55vw;
  }

  .faq-preview__item--eight {
    top: 106.76vw;
    height: 11.55vw;
  }

  .faq-preview__item p {
    top: 7.04vw;
  }
}

.faq-preview__inner {
  height: auto;
  min-height: 532px;
  padding-top: 82px;
  padding-bottom: 30px;
}

.faq-preview__list {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  margin-top: 0;
}

.faq-preview__item {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  overflow: hidden;
  transition: min-height 280ms ease;
}

.faq-preview__item--one,
.faq-preview__item--two,
.faq-preview__item--three,
.faq-preview__item--four {
  margin-bottom: 10px;
}

.faq-preview__item--one {
  min-height: 51px;
}

.faq-preview__item--two,
.faq-preview__item--three,
.faq-preview__item--four {
  min-height: 49px;
}

.faq-preview__item--five {
  min-height: 59px;
}

.faq-preview__item--six,
.faq-preview__item--seven,
.faq-preview__item--eight {
  min-height: 41px;
}

.faq-preview__item h3,
.faq-preview__item img {
  z-index: 2;
  cursor: pointer;
}

.faq-preview__item .faq-preview__answer {
  position: relative;
  z-index: 1;
  top: auto;
  left: auto;
  width: calc(100% - 20px);
  max-height: 0;
  margin: 0 auto;
  padding-right: 10px;
  padding-left: 10px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  transition:
    max-height 280ms ease,
    opacity 220ms ease,
    visibility 220ms ease;
  transform: none;
}

.faq-preview__item--open .faq-preview__answer {
  opacity: 1;
  visibility: visible;
}

.faq-preview__item--one .faq-preview__answer {
  padding-top: 25px;
}

.faq-preview__item--two .faq-preview__answer,
.faq-preview__item--three .faq-preview__answer,
.faq-preview__item--four .faq-preview__answer {
  padding-top: 42px;
}

.faq-preview__item--five .faq-preview__answer {
  padding-top: 52px;
}

.faq-preview__item--six .faq-preview__answer,
.faq-preview__item--seven .faq-preview__answer,
.faq-preview__item--eight .faq-preview__answer {
  padding-top: 41px;
}

.faq-preview__item img {
  transition: transform 220ms ease;
}

@media (max-width: 374px) {
  .faq-preview__inner {
    height: auto;
    min-height: 149.86vw;
    padding-top: 23.1vw;
    padding-bottom: 8.45vw;
  }

  .faq-preview__list {
    margin-top: 0;
  }

  .faq-preview__item {
    width: calc(100vw - 20px);
  }

  .faq-preview__item--one,
  .faq-preview__item--two,
  .faq-preview__item--three,
  .faq-preview__item--four {
    margin-bottom: 2.82vw;
  }

  .faq-preview__item--one {
    min-height: 14.37vw;
  }

  .faq-preview__item--two,
  .faq-preview__item--three,
  .faq-preview__item--four {
    min-height: 13.8vw;
  }

  .faq-preview__item--five {
    min-height: 16.62vw;
  }

  .faq-preview__item--six,
  .faq-preview__item--seven,
  .faq-preview__item--eight {
    min-height: 11.55vw;
  }

  .faq-preview__answer {
    width: calc(100% - 20px);
  }

  .faq-preview__item--one .faq-preview__answer {
    padding-top: 7.04vw;
  }

  .faq-preview__item--two .faq-preview__answer,
  .faq-preview__item--three .faq-preview__answer,
  .faq-preview__item--four .faq-preview__answer {
    padding-top: 11.83vw;
  }

  .faq-preview__item--five .faq-preview__answer {
    padding-top: 14.65vw;
  }

  .faq-preview__item--six .faq-preview__answer,
  .faq-preview__item--seven .faq-preview__answer,
  .faq-preview__item--eight .faq-preview__answer {
    padding-top: 11.55vw;
  }
}

@media (min-width: 1024px) {
  .faq-preview {
    --faq-scale: min(1, calc((100vw - 320px) / 1280));
    padding-top: 0;
    padding-bottom: 100px;
  }

  .faq-preview__inner {
    width: min(calc(100vw - 320px), 1280px);
    min-height: 831px;
    margin-inline: auto;
    padding-top: 92px;
    padding-bottom: 0;
  }

  .faq-preview__title {
    top: 0;
    left: 50%;
    width: 100%;
    font-size: min(52px, calc((100vw - 320px) * 0.040625));
    line-height: 1;
  }

  .faq-preview__list {
    width: 640px;
    margin-inline: auto;
  }

  .faq-preview__item {
    display: grid;
    grid-template-columns: 1fr 36.056px;
    column-gap: 12px;
    align-items: start;
    width: 640px;
    min-height: 74px;
    padding: 0 0 0;
    overflow: visible;
  }

  .faq-preview__item::after {
    left: 18.251px;
    bottom: 0;
    width: 603.498px;
    height: 2.432px;
  }

  .faq-preview__item--one,
  .faq-preview__item--two,
  .faq-preview__item--three,
  .faq-preview__item--four,
  .faq-preview__item--five,
  .faq-preview__item--six,
  .faq-preview__item--seven,
  .faq-preview__item--eight {
    margin-bottom: 0;
  }

  .faq-preview__item--one {
    min-height: 89.674px;
  }

  .faq-preview__item--two,
  .faq-preview__item--three,
  .faq-preview__item--four,
  .faq-preview__item--five {
    min-height: 106.3px;
  }

  .faq-preview__item--six,
  .faq-preview__item--seven {
    min-height: 74.17px;
  }

  .faq-preview__item--eight {
    min-height: 72.96px;
  }

  .faq-preview__item h3 {
    position: static;
    grid-column: 1 / 3;
    justify-self: center;
    align-self: start;
    width: auto;
    max-width: 520px;
    padding-top: 24.5px;
    color: #E88F8F;
    font-size: 26.768px;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
    transform: none;
  }

  .faq-preview__item h3 span {
    display: block;
  }

  .faq-preview__item--one h3,
  .faq-preview__item--six h3,
  .faq-preview__item--seven h3,
  .faq-preview__item--eight h3 {
    padding-top: 23.95px;
  }

  .faq-preview__item--one h3 {
    padding-top: 3.604px;
  }

  .faq-preview__item img {
    position: absolute;
    top: 20px;
    right: 18.028px;
    width: 36.056px;
    height: 36.034px;
    transform: none;
  }

  .faq-preview__item--one img {
    top: 0;
  }

  .faq-preview__item .faq-preview__answer {
    grid-column: 1 / 3;
    width: 640px;
    margin-inline: auto;
    padding-right: 0;
    padding-left: 0;
    color: var(--color-muted);
    font-size: 24.335px;
    line-height: 1.1;
    text-align: center;
  }

  .faq-preview__item--one .faq-preview__answer {
    padding-top: 9px;
    padding-bottom: 14px;
  }

  .faq-preview__item--two .faq-preview__answer,
  .faq-preview__item--three .faq-preview__answer,
  .faq-preview__item--four .faq-preview__answer,
  .faq-preview__item--five .faq-preview__answer,
  .faq-preview__item--six .faq-preview__answer,
  .faq-preview__item--seven .faq-preview__answer,
  .faq-preview__item--eight .faq-preview__answer {
    padding-top: 10px;
    padding-bottom: 18px;
  }
}

.project-materials {
  overflow-x: clip;
}

.project-materials__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 986px;
  margin-inline: 10px;
}

.project-materials__title {
  position: absolute;
  top: 0;
  left: 50%;
  width: 355px;
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.project-materials__card {
  position: absolute;
  top: 121px;
  left: 0;
  width: 355px;
  height: 825px;
  overflow: hidden;
  border-radius: 30px;
  background: linear-gradient(180deg, #425270 0%, #7E9DD6 100%);
}

.project-materials__image {
  position: absolute;
  overflow: hidden;
  pointer-events: auto;
}

.project-materials__image img,
.project-materials__social-icon img {
  position: absolute;
  max-width: none;
}

.project-materials__image--telegram {
  top: 0;
  left: 0;
  width: 121px;
  height: 121px;
}

.project-materials__image--telegram img {
  top: 15px;
  left: 9px;
  width: 103px;
  height: 91px;
  object-fit: cover;
}

.project-materials__image--course {
  top: 251px;
  left: 10px;
  width: 121px;
  height: 121px;
}

.project-materials__image--course img {
  top: 13px;
  left: 14px;
  width: 93px;
  height: 96px;
  object-fit: cover;
}

.project-materials__copy {
  position: absolute;
  left: 10px;
  width: 333px;
  color: var(--color-white);
  text-align: left;
}

.project-materials__copy h3 {
  margin: 0 0 3px;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.1;
}

.project-materials__copy p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
}

.project-materials__copy span {
  display: block;
}

.project-materials__copy--telegram {
  top: 122px;
}

.project-materials__copy--course {
  top: 373px;
}

.project-materials__copy--blog {
  top: 550px;
}

.project-materials__button {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 335px;
  height: 45px;
  border-radius: 30px;
  color: var(--color-white);
  background: var(--color-primary);
  font-size: 19px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  transform: translateX(-50%);
}

.project-materials__button--telegram {
  top: 196px;
}

.project-materials__button--course {
  top: 465px;
}

.project-materials__note {
  position: absolute;
  top: 650px;
  left: 10px;
  width: 333px;
  margin: 0;
  color: #D4DCEB;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.1;
  text-align: left;
}

.project-materials__socials {
  position: absolute;
  top: 695px;
  left: 0;
  display: grid;
  grid-template-columns: repeat(4, 87.5px);
  width: 350px;
  height: 102px;
}

.project-materials__social {
  display: flex;
  width: 87.5px;
  height: 102px;
  flex-direction: column;
  align-items: center;
  color: var(--color-white);
  overflow: visible;
  text-decoration: none;
}

.project-materials__social-icon {
  position: relative;
  display: block;
  width: 87.5px;
  height: 87.93px;
  overflow: hidden;
}

.project-materials__social-count {
  display: block;
  margin: 0;
  color: var(--color-white);
  font-size: 12.613px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}

.project-materials__social--youtube .project-materials__social-icon img {
  top: 22.07px;
  left: 13.4px;
  width: 61.64px;
  height: 44.03px;
  object-fit: contain;
}

.project-materials__social--instagram .project-materials__social-icon img {
  top: 17.34px;
  left: 17.34px;
  width: 53.79px;
  height: 52.64px;
  object-fit: contain;
}

.project-materials__social--vk .project-materials__social-icon img {
  top: 17.34px;
  left: 17.34px;
  width: 54.96px;
  height: 52.23px;
  object-fit: contain;
}

.project-materials__social--tiktok .project-materials__social-icon img {
  top: 17.34px;
  left: 18.13px;
  width: 53.71px;
  height: 51.92px;
  object-fit: contain;
}

@media (min-width: 375px) {
  .project-materials__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .project-materials__inner {
    width: calc(100vw - 20px);
    height: 277.75vw;
    margin-inline: auto;
  }

  .project-materials__title {
    top: 0;
    width: calc(100vw - 20px);
    font-size: 6.2vw;
  }

  .project-materials__card {
    top: 34.08vw;
    width: calc(100vw - 20px);
    height: 232.39vw;
    border-radius: 8.45vw;
  }

  .project-materials__image--telegram,
  .project-materials__image--course {
    width: 34.08vw;
    height: 34.08vw;
  }

  .project-materials__image--telegram img {
    top: 4.23vw;
    left: 2.54vw;
    width: 29.01vw;
    height: 25.63vw;
  }

  .project-materials__image--course {
    top: 70.7vw;
    left: 2.82vw;
  }

  .project-materials__image--course img {
    top: 3.66vw;
    left: 3.94vw;
    width: 26.2vw;
    height: 27.04vw;
  }

  .project-materials__copy {
    left: 2.82vw;
    width: calc(100vw - 42px);
  }

  .project-materials__copy h3 {
    margin-bottom: 0.85vw;
    font-size: 3.94vw;
  }

  .project-materials__copy p {
    font-size: 4.51vw;
  }

  .project-materials__copy--telegram {
    top: 34.37vw;
  }

  .project-materials__copy--course {
    top: 105.07vw;
  }

  .project-materials__copy--blog {
    top: 154.93vw;
  }

  .project-materials__button {
    width: calc(100vw - 40px);
    height: 12.68vw;
    border-radius: 8.45vw;
    font-size: min(5.35vw, 19px);
  }

  .project-materials__button--telegram {
    top: 55.21vw;
  }

  .project-materials__button--course {
    top: 130.99vw;
  }

  .project-materials__note {
    top: 183.1vw;
    left: 2.82vw;
    width: calc(100vw - 42px);
    font-size: 2.54vw;
  }

  .project-materials__socials {
    top: 195.77vw;
    left: 0;
    grid-template-columns: repeat(4, calc((100vw - 20px) * 0.246479));
    width: calc((100vw - 20px) * 0.985915);
    height: calc((100vw - 20px) * 0.287324);
  }

  .project-materials__social {
    width: calc((100vw - 20px) * 0.246479);
    height: calc((100vw - 20px) * 0.287324);
  }

  .project-materials__social-icon {
    width: calc((100vw - 20px) * 0.246479);
    height: calc((100vw - 20px) * 0.24769);
  }

  .project-materials__social-count {
    font-size: calc((100vw - 20px) * 0.03553);
  }

  .project-materials__social--youtube .project-materials__social-icon img {
    top: calc((100vw - 20px) * 0.062169);
    left: calc((100vw - 20px) * 0.037746);
    width: calc((100vw - 20px) * 0.173634);
    height: calc((100vw - 20px) * 0.124028);
  }

  .project-materials__social--instagram .project-materials__social-icon img {
    top: calc((100vw - 20px) * 0.048845);
    left: calc((100vw - 20px) * 0.048845);
    width: calc((100vw - 20px) * 0.151521);
    height: calc((100vw - 20px) * 0.148282);
  }

  .project-materials__social--vk .project-materials__social-icon img {
    top: calc((100vw - 20px) * 0.048845);
    left: calc((100vw - 20px) * 0.048845);
    width: calc((100vw - 20px) * 0.154817);
    height: calc((100vw - 20px) * 0.147127);
  }

  .project-materials__social--tiktok .project-materials__social-icon img {
    top: calc((100vw - 20px) * 0.048845);
    left: calc((100vw - 20px) * 0.05107);
    width: calc((100vw - 20px) * 0.151296);
    height: calc((100vw - 20px) * 0.146254);
  }
}

@media (min-width: 1024px) {
  .project-materials {
    --materials-width: min(calc(100vw - 160px), 1440px);
    padding-top: 0;
    padding-bottom: 100px;
  }

  .project-materials__inner {
    width: var(--materials-width);
    height: calc(var(--materials-width) * 1.11875);
    margin-inline: auto;
  }

  .project-materials__title {
    top: 0;
    width: calc(var(--materials-width) * 0.833333);
    font-size: min(52px, calc(var(--materials-width) * 0.036111));
    line-height: 1;
  }

  .project-materials__card {
    top: calc(var(--materials-width) * 0.15);
    left: 0;
    width: 100%;
    height: calc(var(--materials-width) * 0.96875);
    border-radius: min(50px, calc(var(--materials-width) * 0.034722));
  }

  .project-materials__image--telegram {
    top: calc(var(--materials-width) * 0.027778);
    left: 50%;
    width: calc(var(--materials-width) * 0.102778);
    height: calc(var(--materials-width) * 0.102778);
    transform: translateX(-50%);
  }

  .project-materials__image--telegram img {
    top: calc(var(--materials-width) * 0.012715);
    left: calc(var(--materials-width) * 0.007632);
    width: calc(var(--materials-width) * 0.087389);
    height: calc(var(--materials-width) * 0.077063);
    object-fit: cover;
  }

  .project-materials__image--course {
    top: calc(var(--materials-width) * 0.297222);
    left: 50%;
    width: calc(var(--materials-width) * 0.102778);
    height: calc(var(--materials-width) * 0.102778);
    transform: translateX(-50%);
  }

  .project-materials__image--course img {
    top: calc(var(--materials-width) * 0.011042);
    left: calc(var(--materials-width) * 0.011757);
    width: calc(var(--materials-width) * 0.079271);
    height: calc(var(--materials-width) * 0.081264);
    object-fit: cover;
  }

  .project-materials__copy {
    left: 50%;
    width: calc(var(--materials-width) * 0.779167);
    color: var(--color-white);
    text-align: center;
    transform: translateX(-50%);
  }

  .project-materials__copy h3 {
    margin-bottom: calc(var(--materials-width) * 0.004167);
    font-size: calc(var(--materials-width) * 0.020833);
    font-style: italic;
    font-weight: 600;
    line-height: 1.1;
  }

  .project-materials__copy p {
    font-size: calc(var(--materials-width) * 0.024306);
    line-height: 1.1;
  }

  .project-materials__copy span {
    display: inline;
  }

  .project-materials__copy--telegram {
    top: calc(var(--materials-width) * 0.1375);
  }

  .project-materials__copy--course {
    top: calc(var(--materials-width) * 0.406944);
  }

  .project-materials__copy--blog {
    top: calc(var(--materials-width) * 0.607639);
  }

  .project-materials__button {
    width: calc(var(--materials-width) * 0.416667);
    height: calc(var(--materials-width) * 0.047222);
    border-radius: min(50px, calc(var(--materials-width) * 0.034722));
    font-size: calc(var(--materials-width) * 0.020833);
  }

  .project-materials__button--telegram {
    top: calc(var(--materials-width) * 0.222222);
  }

  .project-materials__button--course {
    top: calc(var(--materials-width) * 0.51875);
  }

  .project-materials__note {
    top: calc(var(--materials-width) * 0.732639);
    left: 50%;
    width: calc(var(--materials-width) * 0.888889);
    color: #D4DCEB;
    font-size: calc(var(--materials-width) * 0.0125);
    line-height: 1.1;
    text-align: center;
    transform: translateX(-50%);
  }

  .project-materials__socials {
    top: calc(var(--materials-width) * 0.768056);
    left: 50%;
    grid-template-columns: repeat(4, calc(var(--materials-width) * 0.152546));
    width: calc(var(--materials-width) * 0.601157);
    height: calc(var(--materials-width) * 0.179861);
    transform: translateX(-50%);
  }

  .project-materials__social {
    width: calc(var(--materials-width) * 0.152546);
    height: calc(var(--materials-width) * 0.179861);
  }

  .project-materials__social-icon {
    width: calc(var(--materials-width) * 0.152546);
    height: calc(var(--materials-width) * 0.152778);
  }

  .project-materials__social-count {
    font-size: calc(var(--materials-width) * 0.024306);
    line-height: 1.1;
  }

  .project-materials__social--youtube .project-materials__social-icon img {
    top: calc(var(--materials-width) * 0.0375);
    left: calc(var(--materials-width) * 0.022222);
    width: calc(var(--materials-width) * 0.108333);
    height: calc(var(--materials-width) * 0.077778);
    object-fit: contain;
  }

  .project-materials__social--instagram .project-materials__social-icon img {
    top: calc(var(--materials-width) * 0.031944);
    left: calc(var(--materials-width) * 0.031481);
    width: calc(var(--materials-width) * 0.090278);
    height: calc(var(--materials-width) * 0.088889);
    object-fit: contain;
  }

  .project-materials__social--vk .project-materials__social-icon img {
    top: calc(var(--materials-width) * 0.03125);
    left: calc(var(--materials-width) * 0.028472);
    width: calc(var(--materials-width) * 0.095139);
    height: calc(var(--materials-width) * 0.089583);
    object-fit: contain;
  }

  .project-materials__social--tiktok .project-materials__social-icon img {
    top: calc(var(--materials-width) * 0.03125);
    left: calc(var(--materials-width) * 0.029861);
    width: calc(var(--materials-width) * 0.093056);
    height: calc(var(--materials-width) * 0.089583);
    object-fit: contain;
  }
}

.closing-cta {
  overflow-x: clip;
}

.closing-cta__inner {
  position: relative;
  width: min(calc(100vw - 20px), 355px);
  height: 277px;
  margin-inline: 10px;
}

.closing-cta__title {
  position: absolute;
  top: 0;
  left: 50%;
  width: 355px;
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.closing-cta__text {
  position: absolute;
  top: 54px;
  left: 50%;
  width: 355px;
  margin: 0;
  color: var(--color-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

.closing-cta__button {
  position: absolute;
  top: 132px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 335px;
  height: 57px;
  border-radius: 30px;
  color: var(--color-white);
  background: var(--color-primary);
  font-size: 19px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

@media (min-width: 375px) {
  .closing-cta__inner {
    margin-inline: 10px;
  }
}

@media (max-width: 374px) {
  .closing-cta__inner {
    width: calc(100vw - 20px);
    height: 78.03vw;
    margin-inline: auto;
  }

  .closing-cta__title {
    width: calc(100vw - 20px);
    font-size: 6.2vw;
  }

  .closing-cta__text {
    top: 15.21vw;
    width: calc(100vw - 20px);
    font-size: 3.94vw;
  }

  .closing-cta__button {
    top: 37.18vw;
    width: calc(100vw - 40px);
    height: 16.06vw;
    border-radius: 8.45vw;
    font-size: min(5.35vw, 19px);
  }
}

@media (min-width: 1024px) {
  .closing-cta {
    --closing-width: min(calc(100vw - 320px), 1280px);
  }

  .closing-cta__inner {
    width: var(--closing-width);
    height: calc(var(--closing-width) * 0.483594);
    margin-inline: auto;
  }

  .closing-cta__title {
    top: 0;
    width: 100%;
    font-size: min(52px, calc(var(--closing-width) * 0.040625));
    line-height: 1;
  }

  .closing-cta__text {
    top: calc(var(--closing-width) * 0.104688);
    width: 100%;
    font-size: min(40px, calc(var(--closing-width) * 0.03125));
    line-height: 1.1;
  }

  .closing-cta__button {
    top: calc(var(--closing-width) * 0.220313);
    width: min(600px, calc(var(--closing-width) * 0.46875));
    height: min(100px, calc(var(--closing-width) * 0.078125));
    border-radius: min(50px, calc(var(--closing-width) * 0.039063));
    font-size: min(30px, calc(var(--closing-width) * 0.023438));
  }
}

.site-footer {
  position: relative;
  height: 439px;
  overflow: hidden;
  background: #F8F8F8;
}

.site-footer__panel {
  position: absolute;
  top: 18px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background: linear-gradient(180deg, #7E9DD6 0%, #425270 100%);
}

.site-footer__panel::before {
  content: "";
  position: absolute;
  top: -71px;
  left: 50%;
  width: 201px;
  height: 201px;
  border-radius: 50%;
  background: #F8F8F8;
  transform: translateX(-50%);
}

.site-footer__logo {
  position: absolute;
  top: 0;
  left: 50%;
  width: 115.67px;
  height: 124.55px;
  object-fit: contain;
  transform: translateX(-50%);
}

.site-footer__legal {
  position: absolute;
  top: 170px;
  left: 50%;
  width: 339px;
  margin: 0;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  transform: translateX(-50%);
}

.site-footer__legal span {
  display: block;
}

.site-footer__email {
  position: absolute;
  top: 235px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 246.47px;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.site-footer__email img {
  flex: 0 0 auto;
  width: 16.47px;
  height: 12.93px;
  margin-right: 7px;
  object-fit: contain;
}

.site-footer__links {
  position: absolute;
  top: 290px;
  left: 50%;
  display: flex;
  width: 192px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  transform: translateX(-50%);
}

.site-footer__link {
  display: inline;
  padding: 0;
  border: 0;
  appearance: none;
  color: var(--color-white);
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration-line: underline;
  text-decoration-thickness: from-font;
  text-underline-offset: 2px;
  white-space: nowrap;
}

.site-footer__link-desktop {
  display: none;
}

.site-footer__link--cookies {
  cursor: pointer;
}

.site-footer__link[aria-disabled="true"] {
  cursor: default;
}

@media (max-width: 374px) {
  .site-footer {
    height: 117.07vw;
  }

  .site-footer__panel {
    top: 4.81vw;
  }

  .site-footer__panel::before {
    top: -18.93vw;
    width: 53.6vw;
    height: 53.6vw;
  }

  .site-footer__logo {
    width: 30.85vw;
    height: 33.21vw;
  }

  .site-footer__legal {
    top: 45.33vw;
    width: calc(100vw - 36px);
    font-size: 3.73vw;
  }

  .site-footer__email {
    top: 62.67vw;
    width: 65.73vw;
    font-size: 3.73vw;
  }

  .site-footer__email img {
    width: 4.39vw;
    height: 3.45vw;
    margin-right: 1.87vw;
  }

  .site-footer__links {
    top: 77.33vw;
    width: 51.2vw;
    gap: 5.33vw;
  }

  .site-footer__link {
    font-size: 3.2vw;
  }
}

@media (min-width: 1024px) {
  .site-footer {
    --footer-width: min(100vw, 1600px);
    height: calc(var(--footer-width) * 0.53625);
  }

  .site-footer__panel {
    top: calc(var(--footer-width) * 0.028125);
  }

  .site-footer__panel::before {
    top: calc(var(--footer-width) * -0.0825);
    width: calc(var(--footer-width) * 0.312891);
    height: calc(var(--footer-width) * 0.312854);
  }

  .site-footer__logo {
    width: calc(var(--footer-width) * 0.180057);
    height: calc(var(--footer-width) * 0.193916);
  }

  .site-footer__legal {
    top: calc(var(--footer-width) * 0.273125);
    width: calc(var(--footer-width) * 0.605);
    font-size: calc(var(--footer-width) * 0.025);
    line-height: 1.1;
  }

  .site-footer__email {
    top: calc(var(--footer-width) * 0.374375);
    width: calc(var(--footer-width) * 0.425592);
    font-size: calc(var(--footer-width) * 0.025);
    line-height: 1.1;
  }

  .site-footer__email img {
    width: calc(var(--footer-width) * 0.023092);
    height: calc(var(--footer-width) * 0.018125);
    margin-right: calc(var(--footer-width) * 0.004407);
  }

  .site-footer__links {
    top: calc(var(--footer-width) * 0.439375);
    width: calc(var(--footer-width) * 0.51375);
    flex-direction: row;
    justify-content: center;
    gap: calc(var(--footer-width) * 0.025);
  }

  .site-footer__link {
    font-size: calc(var(--footer-width) * 0.01375);
    line-height: 1.4;
  }

  .site-footer__link-mobile {
    display: none;
  }

  .site-footer__link-desktop {
    display: inline;
  }
}

body.is-contact-modal-open {
  overflow: hidden;
}

.contact-modal[hidden] {
  display: none;
}

.contact-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 10px;
}

.contact-modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(38, 50, 75, 0.46);
}

.contact-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(355px, calc(100vw - 20px));
  aspect-ratio: 355 / 468;
  overflow: hidden;
  padding: 0;
  border-radius: 50px;
  background: #865151;
  box-shadow: 0 18px 50px rgba(38, 50, 75, 0.24);
  color: var(--color-white);
  text-align: center;
}

.contact-modal__dialog::before {
  content: "";
  position: absolute;
  left: -0.28%;
  top: -36.97%;
  width: 100%;
  height: 166.03%;
  background: url("../assets/images/contact-modal-bg.png") center / 100% 100% no-repeat;
}

.contact-modal__dialog::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(26, 26, 26, 0.45);
  backdrop-filter: blur(6.65px);
}

.contact-modal__close {
  position: absolute;
  top: 7.48%;
  right: 10.14%;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.contact-modal__close img {
  width: 100%;
  height: 100%;
}

.contact-modal__title {
  position: absolute;
  top: 16.45%;
  left: 0;
  right: 0;
  z-index: 2;
  margin: 0;
  color: #F8F8F8;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

.contact-modal__text {
  position: absolute;
  top: 30.13%;
  left: 50%;
  z-index: 2;
  width: min(312px, 87.89%);
  margin: 0;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  transform: translateX(-50%);
}

.contact-modal__links {
  position: absolute;
  top: 47.22%;
  left: 3.1%;
  right: 3.1%;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.contact-modal__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 141px;
  padding: 21px 0 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-white);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}

.contact-modal__icon {
  display: block;
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
  background-image: url("../assets/images/contact-modal-messengers.png");
  background-repeat: no-repeat;
  background-size: 210px 70px;
}

.contact-modal__link--whatsapp .contact-modal__icon {
  background-position: 0 0;
}

.contact-modal__link--telegram .contact-modal__icon {
  background-position: -70px 0;
}

.contact-modal__link--max .contact-modal__icon {
  background-position: -140px 0;
}

.contact-modal__close:focus-visible,
.contact-modal__link:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.78);
  outline-offset: 4px;
}

@media (max-width: 374px) {
  .contact-modal {
    padding: 10px;
  }

  .contact-modal__dialog {
    width: calc(100vw - 40px);
    border-radius: 13.33vw;
  }

  .contact-modal__title {
    font-size: 5.87vw;
  }

  .contact-modal__text,
  .contact-modal__link {
    font-size: 3.73vw;
  }

  .contact-modal__link {
    min-height: 37.6vw;
  }

  .contact-modal__icon {
    width: 18.67vw;
    height: 18.67vw;
    margin-bottom: 5.33vw;
    background-size: 56vw 18.67vw;
  }

  .contact-modal__link--telegram .contact-modal__icon {
    background-position: -18.67vw 0;
  }

  .contact-modal__link--max .contact-modal__icon {
    background-position: -37.33vw 0;
  }
}

.cookie-consent[hidden] {
  display: none;
}

.cookie-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 950;
  display: flex;
  justify-content: center;
  padding: 0 10px 10px;
  pointer-events: none;
}

.cookie-consent__dialog {
  position: relative;
  width: min(355px, 100%);
  min-height: 282px;
  padding: 30px 17px 31px;
  overflow: hidden;
  border-radius: 30px;
  background: var(--color-white);
  box-shadow: 0 18px 50px rgba(38, 50, 75, 0.16);
  color: var(--color-primary);
  pointer-events: auto;
}

.cookie-consent__close {
  position: absolute;
  top: 35px;
  right: 35px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.cookie-consent__close img {
  width: 100%;
  height: 100%;
}

.cookie-consent__title {
  margin: 0 48px 22px 0;
  color: var(--color-primary);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.cookie-consent__text {
  margin: 0 0 20px;
  color: #4F4F4F;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
}

.cookie-consent__text a {
  color: #0D2B6A;
  text-decoration: none;
}

.cookie-consent__actions {
  display: grid;
  gap: 8px;
  justify-items: center;
}

.cookie-consent__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(285px, 100%);
  min-height: 34px;
  padding: 6px 36px;
  border: 0;
  border-radius: 30px;
  color: var(--color-white);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.1;
  cursor: pointer;
}

.cookie-consent__button--accept {
  background: #26324B;
}

.cookie-consent__button--reject {
  background: #4C6089;
}

.cookie-consent__close:focus-visible,
.cookie-consent__button:focus-visible,
.cookie-consent__text a:focus-visible {
  outline: 2px solid #6C89AA;
  outline-offset: 3px;
}

@media (max-width: 374px) {
  .cookie-consent {
    padding-inline: 0;
    padding-bottom: 0;
  }

  .cookie-consent__dialog {
    width: 100%;
    min-height: 75.2vw;
    padding: 8vw 4.53vw 8.27vw;
    border-radius: 8vw;
  }

  .cookie-consent__close {
    top: 9.33vw;
    right: 9.33vw;
    width: 5.33vw;
    height: 5.33vw;
  }

  .cookie-consent__title {
    margin-right: 12.8vw;
    margin-bottom: 5.87vw;
    font-size: 5.87vw;
  }

  .cookie-consent__text {
    margin-bottom: 5.33vw;
    font-size: 3.73vw;
  }

  .cookie-consent__actions {
    gap: 2.13vw;
  }

  .cookie-consent__button {
    width: 76vw;
    min-height: 9.07vw;
    padding: 1.6vw 9.6vw;
    font-size: 4.53vw;
  }
}