/* Start:/bitrix/templates/stroynee/css/style.css?1763675176268634*/
* {
  box-sizing: border-box;
  font-family: Unbounded, sans-serif;
}

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

body {
  background: #fffefe;
}

body.fixed {
  overflow: hidden;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #007a86;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: transparent;
}

@media (max-width: 767px) {
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
    box-shadow: none;
  }
}

a:hover {
  color: #0f8d9c !important;
  transition: 0.2s;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 500;
  background: #4aaeba;
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  border: none;
  outline: none;
  cursor: pointer;
  height: 56px;
  color: white;
  text-transform: uppercase;
  padding-top: 5px;
  text-decoration: none;
}

.button:hover {
  background: #0f8d9c;
  transition: 0.2s;
  color: white !important;
}

.button:disabled {
  background: #b1b1b1;
  box-shadow: 0px 10px 31px -6px rgba(209, 209, 209, 0.7);
}

.uppercase {
  text-transform: uppercase !important;
}

.tt-inherit {
  text-transform: inherit !important;
}

.input {
  width: 100%;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #c9c9c9;
  background: #fff;
  outline: none;
  padding: 1px 20px;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.input:hover {
  border: 2px solid #95d6de;
  padding: 0px 19px;
}

.input:focus {
  border: 2px solid #4aaeba;
  padding: 0px 19px;
}

.input::placeholder {
  color: #c9c9c9;
}

.input-error {
  color: #ce2828;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  margin-top: 5px;
  position: relative;
  top: 5px;
}

.input-error sup {
  color: #ce2828;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 0;
}

.input-error-name {
  display: none;
}

.input-error-phone,
.input-error-specialty {
  display: none;
}

.input-error-name-modal {
  display: none;
}

.input-error-phone-modal {
  display: none;
}

.input-error-email {
  display: none;
}

.input-error-number-input {
  display: none;
  position: absolute;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: right;
}

.input-field {
  width: fit-content;
  height: fit-content;
}

.mt64 {
  margin-top: 64px;
}

.mt48 {
  margin-top: 48px;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb56 {
  margin-bottom: 56px;
}

.mtb0 {
  margin: auto 0 !important;
}

.pt8 {
  padding-top: 8px;
}

.pb100 {
  padding-bottom: 100px;
}

.slim {
  background: #f8fafc;
}

.header {
  background: rgba(255, 255, 255, 0.66);
  box-shadow: 0px 4px 30px 0px rgba(11, 39, 45, 0.1);
  backdrop-filter: blur(21px);
  width: 100%;
  height: 84px;
  position: relative;
  z-index: 5;
}

.header__container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  height: 100%;
  margin: 0 auto;
  max-width: 1084px;
  position: relative;
  z-index: 2;
}

.header__burger {
  cursor: pointer;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-links {
  display: flex;
  justify-content: center;
  /* width: 50%; */

  position: absolute;
  left: 0;
  top: 100px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  margin: 0;
  transform: translateY(-200%);
  transition: all 0.2s ease-in;

  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 22px 48.5px 0px rgba(5, 49, 58, 0.17);
  padding: 24px 0;
  opacity: 0;
}

.nav-links a {
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  text-align: start;

  height: 56px;
  width: 300px;
  padding: 18px 32px;
}

.nav-links a:hover {
  background: #e4f3f5;
}

.header__background {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  height: 100vh;
  background: transparent;
  opacity: 0;
  display: none;
}

.background-active {
  opacity: 1;
  display: block;
}

.burger {
  display: flex;
  flex-direction: column;
  width: 64px;
  height: 64px;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  cursor: pointer;
}

.burger div {
  width: 38px;
  height: 7px;
  background: #4aaeba;
  margin: 3.5px;
  transition: all 0.2s ease;
  border-radius: 68px;
}

.ask-btn {
  width: 252px;
  margin: 24px 24px 0;
}

.theme-color {
  color: #4aaeba;
}

.text-color {
  color: #4c4c4c;
}

@media (max-width: 1124px) {
  .ask-btn {
    height: 48px;
    line-height: 120% !important;
  }
}

@media (max-width: 767px) {
  .nav-links {
    left: 0;
    top: 100px;
    height: fit-content;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
    margin: 0;
    padding: 0;
    transform: translateX(-200%);
    transition: all 0.2s ease-in;

    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 22px 48.5px 0px rgba(5, 49, 58, 0.17);
    padding: 24px 0;
  }

  .nav-links a {
    font-size: 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .burger {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 460px) {
  .nav-links {
    width: 100vw;
    left: -27px;
    align-items: center;
    transition: all 0.2s ease;
  }
  .nav-links a {
    text-align: center;
  }
}

.nav-active {
  opacity: 1;
  display: flex;
  transform: translateX(0) translateY(0);
}

.menu-enabled {
  transform: rotate(180deg);
}

.menu-disabled {
  transform: rotate(0deg);
}

.header__auth {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #0f8d9c;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.header__text {
  margin-right: 21px;
}

.header__auth-btn {
  height: 48px;
  padding: 5px 28px 5px 23px;
  border-radius: 24px;
}

.container {
  margin: 0 auto;
  max-width: 1084px;
  width: 100%;
  z-index: 2;
  position: relative;
}

.article {
  padding: 100px 0 184px 0;
}

.title-section {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 48px;
}

.title-section__video-block {
  width: calc(100% - 182px);
  height: 421px;
  display: flex;
  justify-content: flex-end;
  border-bottom-right-radius: 6px;
  overflow: hidden;
  position: relative;
}

.title-section__video-block::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 359px;
  background: linear-gradient(90deg, #f8fafc 0%, rgba(248, 250, 252, 0) 100%);
  z-index: 2;
}

.title-section__video-block video {
  height: calc(120% + 2px);
  position: relative;
  top: -40px;
}

.title-section__text {
  position: absolute;
  border-radius: 35px;
  border: 0.847px solid #fff;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 20px 39px -12px rgba(11, 39, 45, 0.15);
  backdrop-filter: blur(20.5px);
  padding: 40px 55px 40px 65px;
  top: calc(50% - 169px);
  left: 0;
  z-index: 3;
  width: 387px;
  height: 332px;
}

.title-section__title {
  color: #505050;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 36px;
}

.title-section__description {
  color: #0f8d9c;
  max-width: 212px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.test-section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.test-section__btn {
  width: 532px;
  height: 56px;
  border: 1px solid rgba(15, 141, 156, 0.5);
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  border-radius: 12px;
  display: flex;
  gap: 14px;
  background-image: linear-gradient(#2ac5c0, #1895a4);
}

.test-section__btn:hover {
  background-image: linear-gradient(#1895a4, #1895a4);
}

@media (max-width: 1124px) {
  .test-section__btn {
    width: 470px;
    text-transform: none;
  }
}

@media (max-width: 600px) {
  .test-section__btn {
    width: 300px;
    border-radius: 14px;
  }
}

.steps-section {
  width: 100%;
  margin: 100px auto;
  padding: 0 79px;
}

.steps-align > .steps-section {
  margin: 0 auto 100px;
}

.steps-align > .steps-section > .steps-section__container {
  border-radius: 0 0 48px 48px;
}

.steps-section__container {
  margin: 0 auto;
  max-width: 1084px;
  width: 100%;
  padding: 58px 60px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  background: linear-gradient(180deg, #e4f3f5 47.97%, #d8ffc6 100%);
  border-radius: 48px;
}

.steps-section__title {
  color: #505050;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 24px;
}

.steps-section__text {
  width: 550px;
  color: #5e7d81;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  font-family: Unbounded, sans-serif;
}

.steps-section__btn {
  width: 400px;
  height: 56px;
  max-width: 506px;
  border: 1px solid rgba(15, 141, 156, 0.5);
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  border-radius: 12px;
  display: flex;
  gap: 14px;
  background-image: linear-gradient(#2ac5c0, #1895a4);
}

.steps-section__btn:hover {
  background-image: linear-gradient(#1895a4, #1895a4);
}

.steps-section__left {
  display: flex;
  flex-direction: column;
}

.steps-section__right {
  width: 506px;
  height: 356px;
  max-width: 506px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #fff;
  flex-direction: column;
  gap: 34px;
  padding: 55px 70px;
  border-radius: 24px;
}

.steps-section__item {
  display: flex;
  align-items: center;
}

.steps-section__arrow {
  border-radius: 8px;
  background: #e4f3f5;
  color: #4aaeba;
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 22px;
  line-height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.steps-section__subtitle {
  color: #0f8d9c;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

@media (max-width: 1124px) {
  .steps-section {
    margin: 72px auto;
  }
  .steps-align > .steps-section {
    margin: 0 auto 72px;
  }

  .steps-section__container {
    padding: 52px;
    gap: 30px;
    flex-direction: column;
    background: linear-gradient(180deg, #e4f3f5 33.91%, #d8ffc6 100%);
  }
  .steps-section__btn {
    width: 100%;
    text-transform: none;
    max-width: 506px;
  }
  .steps-section__text {
    width: 100%;
  }
  .steps-section__right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .steps-section {
    margin: 48px auto;
    padding: 0;
  }
  .steps-align > .steps-section {
    margin: 0 auto 48px;
  }

  .steps-section__container {
    padding: 40px 38px;
    gap: 25px;
    align-items: flex-start;
  }
  .steps-section__btn {
    border-radius: 14px;
    max-width: 470px;
    margin: 0 auto;
  }
  .steps-section__right {
    padding: 45px 38px;
  }
  .steps-section__title {
    font-size: 24px;
  }
  .steps-section__text {
    font-size: 16px;
  }
  .steps-section__subtitle {
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  .steps-section__container {
    border-radius: 0;
  }
  .steps-section__right {
    border-radius: 0;
  }
}

.image-container {
  margin-top: 100px;
  height: 606px;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 28px;
}

.image-container img {
  width: 100%;
}

.article-item__remark {
  color: #4aaeba;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 67px;
}

.article-item {
  width: 100%;
  margin: 72px auto 0 auto;
  max-width: 1084px;
  z-index: 2;
  position: relative;
}

.article-item__container {
  margin: 0 auto;
  max-width: 1084px;
  width: 100%;
  z-index: 2;
}

.article-item__title {
  color: #414141;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 40px;
}

.article-item__text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.article-item strong {
  font-weight: 600 !important;
  font-family: Circe, sans-serif;
}

.article-item__section {
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.07);
  padding: 72px;
  margin-top: 72px;
}

.article-item__section-title {
  color: #505050;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 40px;
}

.article-item__section-title a {
  font-family: Unbounded, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
}

.article-item__section-text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  align-self: center;
}

.article-link {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-decoration: underline;
}

.article-item__section-item {
  display: flex;
  margin-bottom: 22px;
}

.article-item__number {
  border-radius: 8px;
  background: #e4f3f5;
  color: #4aaeba;
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 22px;
  line-height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-item__number--empty {
  background: transparent;
  color: unset;
}

.article-item__section-img {
  width: 100%;
  height: 398px;
  border-radius: 14px;
  overflow: hidden;
  margin: 64px auto;
  display: flex;
  justify-content: center;
}

.article-item__section-img--wide {
  height: auto;
}

.article-item__section-img img {
  height: 100%;
}

.article-item__section-img--wide img {
  height: auto;
  max-width: 100%;
}

.article-item__section-part {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  margin-top: 40px;
}

.article-item__section-part:first-child {
  margin-top: 0;
}

.article-item__section-part-name {
  color: #0f8d9c;
  font-size: 18px;
  font-weight: 500;
  /* line-height: 22px; */
  line-height: 28px;
  padding-top: 3px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.article-item__short-guide {
  border-radius: 35px;
  background: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 320px;
  padding: 0;
  margin: 40px auto 0;
}

.article-item__short-guide-btn {
  width: 100%;
  text-transform: none;
  text-align: center;
}

.article-item__half-image {
  display: flex;
  gap: 26px;
  flex-direction: row;
}

.article-item__half-image img {
  max-width: 50%;
}

.article-item__half-image + .article-item__section-text {
  max-width: 50%;
}

.article-item ul {
  margin: 26px 0 0 26px;
  padding: 0;
  list-style-type: none;
}

.article-item li {
  position: relative;
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

.article-item li + li {
  margin-top: 20px;
}

.article-item li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -26px;
  width: 13px;
  height: 13px;
  border-radius: 8px;
  background: #4aaeba;
}

.article-item .no-bullet::before {
  content: none;
}

.article-item__question {
  margin-bottom: 22px;
}

.article-item__question-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  border-radius: 12px;
  background: #e4f3f5;
  cursor: pointer;
  outline: none;
}

.article-item__question-number {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px #b8dade;
  height: 32px;
  width: 32px;
  min-width: 32px;
  margin-right: 22px;
  font-size: 18px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  color: #4aaeba;
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-item__question-arrow {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 22px;
  cursor: pointer;
  transform: rotate(0);
  transition: 0.5s;
}

.article-item__question-text {
  width: 100%;
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
}

.article-item__answer {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px;
  overflow: hidden;
  max-height: 0;
  padding: 0;
}

.article-item__answer-img {
  height: 398px;
  width: 100%;
  border-radius: 14px;
  display: flex;
  justify-content: center;
}

.article-item__answer-img img {
  height: 100%;
}

.article-item__question-top + .article-item__answer {
  padding-top: 0;
  max-height: 0;
  transition: max-height 1s linear, padding-top 0.2s linear;
}

.article-item__question-top.is-open + .article-item__answer {
  animation-name: expand-animation;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  padding-top: 22px;
  transition: padding-top 0.2s linear;
}

.article-item__question-top.is-open > .article-item__question-arrow {
  transform: rotate(180deg);
  transition: 0.5s;
}

.article-item__link {
  margin-bottom: 20px;
}

.article-item__link:last-child {
  margin-bottom: 0;
}

sup {
  color: #ef1bb4;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
}

.user-form__step-text sup {
  color: #4f4f4f;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 0;
}

.user-form__question {
  margin-bottom: 32px;
}

.user-form__question-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  border-radius: 12px;
  background: #d5eaed;
  cursor: pointer;
  outline: none;
  min-height: 45px;
  position: relative;
}

.user-form__question-arrow {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 22px;
  cursor: pointer;
  transform: rotate(0);
  transition: 0.5s;
  position: absolute;
  right: 16px;
}

.user-form__question-text {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: #0f8d9c;
  text-align: center;
}

.user-form__answer {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px;
  overflow: hidden;
  max-height: 0;
  padding: 0;
}

.user-form__answer strong {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px;
  overflow: hidden;
  max-height: 0;
  padding: 0;
}

.user-form__question-top.is-open + .user-form__answer {
  animation-name: expand-anim;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  padding-top: 22px;
  margin-bottom: 36px;
  transition: padding-top 0.2s linear, margin-bottom 0.2s linear;
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
}

.user-form__question-top.is-open > .user-form__question-arrow {
  transform: rotate(180deg);
  transition: 0.5s;
}

.user-form__picture {
  width: 100%;
}

.user-form__picture-subtitle {
  color: #4a4a4a;
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
}

.user-form__link {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #1e8995;
}

.user-form__item {
  display: flex;
  align-items: flex-start;
}

.user-form__arrow {
  border-radius: 8px;
  background: #e4f3f5;
  color: #4aaeba;
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 22px;
  line-height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-form__text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px;
}

@keyframes expand-anim {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 3000px;
  }
}

@media (max-width: 1124px) {
  .user-form__step-text sup {
    font-size: 10px;
    line-height: 0;
  }
}

.article-item__link {
  color: #0f8d9c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

.article-item__link a {
  color: #0f8d9c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

.article-item__blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.article-item__block {
  height: 82px;
  width: 23.5%;
  border-radius: 15px;
  background: #4aaeba;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  min-width: 130px;

  color: #fff;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.article-item__block-title {
  height: 82px;
  width: 100%;
  padding: 0 28px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 15px;
  background: #4aaeba;
  margin-bottom: 38px;

  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.article-item__subtitle {
  color: #0f8d9c;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 36px 0 22px;
}

.article-item__strong {
  color: #0f8d9c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}

.article-item__block-conclusion {
  border-radius: 12px;
  background: #e4f3f5;
  min-height: 82px;
  width: 100%;
  padding: 28px 37px;
  color: #0f8d9c;
  position: relative;
  margin: 30px 0;

  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.article-item__block-conclusion--with-photo {
  padding: 33px 0 0;
}

.article-item__block-conclusion--outside {
  margin: 28px auto 54px;
  max-width: calc(100% - 144px);
}

.article-item__block-conclusion::after {
  content: "";
  position: absolute;
  left: 44px;
  top: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 28px 40px 28px;
  border-color: transparent transparent #e4f3f5 transparent;
}

.block-conclusion__body {
  display: flex;
  gap: 16px;
  position: relative;
}
.block-conclusion__logo-tvoi-doc {
  width: 98px;
  position: absolute;
  top: 4px;
  left: 24px;
  z-index: 1;
}
.block-conclusion__logo-tvoi-doc img {
  width: 100%;
  height: auto;
}
.block-conclusion__doc-img {
  width: 100%;
  height: 100%;
  max-width: 276px;
  margin: auto auto 0;
}
.block-conclusion__text {
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  padding: 0 38px 26px 0;
}

@media (max-width: 1124px) {
  .block-conclusion__text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .block-conclusion__body {
    flex-direction: column;
    gap: 32px;
  }
  .block-conclusion__logo-tvoi-doc {
    top: 14px;
    left: unset;
  }
  .block-conclusion__text {
    font-size: 16px;
    padding: 0;
  }
}

.callback-form {
  margin-top: 100px;
  border-radius: 35px;
  background: #e4f3f5;
  padding: 56px 88px 51px 88px;
}

.callback-form__title {
  color: #505050;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 23px;
}

.callback-form__form-text--mobile {
  display: none;
}

.callback-form__form-row {
  display: flex;
  gap: 20px;
}

.callback-form__inputs-row {
  display: flex;
  gap: 20px;
}

.callback-form__name-input {
  width: 264px;
  height: 56px;
  min-width: 264px;
}

.callback-form__phone-input {
  width: 267px;
  height: 56px;
  min-width: 267px;
}

.callback-form__submit {
  width: 334px;
  min-width: 334px;
}

.callback-form__form-text {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  margin-top: 20px;
}

.callback-form__form-text span {
  text-decoration: underline;
  font-family: Circe, sans-serif;
}

.history {
  margin-top: 100px;
  width: 100%;
}

.history__container {
  margin: 0 auto;
  max-width: 1084px;
  padding-bottom: 100px;
  display: flex;
  gap: 20px;
}

.history__item {
  width: 100%;
  border-radius: 35px;
  background: #e4f3f5;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding: 32px;
  align-items: center;
  justify-content: center;
}

.history__icon {
  height: 260px;
  width: auto;
}

.history__title {
  color: #505050;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin-right: auto;
}

.history__slides-row {
  display: flex;
  align-items: stretch;
  padding: 0 40px;
}

swiper-container {
  width: 100%;
  height: 100%;
  align-items: stretch;
}

swiper-slide {
  height: 100%;
  width: fit-content;
}

.history__slide {
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px #bfdfe2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 38px 24px 44px;
  width: 420px;
  min-width: 420px;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
}

.history__slide-title {
  color: #0f8d9c;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px;

  max-height: 66px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: normal;
}

.history__slide-text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  padding-right: 15px;

  max-height: 176px;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: normal;
}

.history__slide-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* margin-top: 24px; */
}

.history__slide-tags .tag-item-wrap {
  padding: 13px;
  min-width: 160px;
}

.history__slide-tags span {
  display: none;
}

.history__link {
  display: flex;
  justify-content: center;
  width: 100%;
}

.history__link a {
  text-transform: none;
  width: 100%;
}

.history__slide-btn {
  width: 300px;
}

.articles-list {
  margin-top: 60px;
}
.stories-list {
  margin-top: 60px;
}

.articles {
  padding: 72px 0 148px;
  background: #e4f3f5;
}

.articles-list__container {
  margin: 0 auto 60px;
  max-width: 1440px;
  width: 100%;
  padding-left: 40px;
}
.stories-list__container {
  margin: 0 auto 60px;
  max-width: 1440px;
  width: 100%;
  padding-left: 40px;
}

.articles__container {
  margin: 0 auto;
  max-width: 1084px;
  width: 100%;
  padding: 0;
}

.articles-list__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: #040000;
  margin-bottom: 40px;
}
.stories-list__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: #040000;
  margin-bottom: 40px;
}

.articles__subtitle {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.articles__heading {
  color: #0f8d9c;
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 40px;
  width: 100%;
  text-align: left;
}

.articles-list__row {
  display: flex;
  gap: 8px;
  overflow: hidden;
  scroll-behavior: smooth;
  padding: 16px;
}
.stories-list__row {
  display: flex;
  gap: 8px;
  overflow: hidden;
  scroll-behavior: smooth;
  padding: 16px;
}
.articles-list__row-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.stories-list__row-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .articles-list__row {
    overflow: auto;
    margin-bottom: -5px;
  }
  .stories-list__row {
    overflow: auto;
    margin-bottom: -5px;
  }
}

.articles__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  row-gap: 64px;
}

.articles-list__item {
  min-width: 344px;
  height: 286px;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  position: relative;
  box-shadow: 4px 0px 10px rgba(0, 99, 99, 0.1),
    0px 4px 10px rgba(0, 99, 99, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stories-list__item {
  min-width: 344px;
  height: 483px;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  position: relative;
  box-shadow: 4px 0px 10px rgba(0, 99, 99, 0.1),
    0px 4px 10px rgba(0, 99, 99, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.articles-list__item--more {
  width: 344px;
  height: 286px;
  background: linear-gradient(147.05deg, #28bebc 24.14%, #1b9da8 133.12%);
  box-shadow: 4px 0px 10px rgba(0, 99, 99, 0.1),
    0px 4px 10px rgba(0, 99, 99, 0.1);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
}
.stories-list__item--more {
  width: 344px;
  height: 483px;
  background: linear-gradient(147.05deg, #28bebc 24.14%, #1b9da8 133.12%);
  box-shadow: 4px 0px 10px rgba(0, 99, 99, 0.1),
    0px 4px 10px rgba(0, 99, 99, 0.1);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
}
.articles-list__item--more .articles-list__content-title {
  font-family: Onest;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #fffefe;
}
.stories-list__item--more .stories-list__content-title {
  font-family: Onest;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #fffefe;
}
.articles-list__item--more .articles-list__content-title::after {
  content: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3053 20.7998L7.58531 17.6958L14.0493 12.3518H0.00131249V8.44782H14.0493L7.58531 3.07182L10.3053 -0.000181198L21.6653 10.3678L10.3053 20.7998Z' fill='%23FFFEFE'/%3E%3C/svg%3E%0A");
}
.stories-list__item--more .stories-list__content-title::after {
  content: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3053 20.7998L7.58531 17.6958L14.0493 12.3518H0.00131249V8.44782H14.0493L7.58531 3.07182L10.3053 -0.000181198L21.6653 10.3678L10.3053 20.7998Z' fill='%23FFFEFE'/%3E%3C/svg%3E%0A");
}

.articles__item {
  width: 100%;
  height: 398px;
  border-radius: 35px;
  overflow: hidden;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.07);
  position: relative;
}
.articles-list__tag,
.stories-list__tag {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 32px;
  background: rgba(255, 255, 255, 0.19);
  border-radius: 10px;
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.01em;
  color: #fffefe;
  position: absolute;
  top: 21px;
  left: 26px;
}
.logo-sm {
  width: 32px;
  height: 32px;
  margin-top: auto;
}

.logo-med {
  position: absolute;
  top: 32px;
  right: 32px;
}

.articles-list__item-content {
  padding: 16px;
}

.articles__item-content {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.46) 45.87%
  );
  height: 310px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 32px 32px;
}

.articles-list__content-title {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #fffefe;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: normal;
}
.stories-list__content-title {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: normal;
}
.articles-list__content-title::after {
  content: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.81463 10.908L4.73463 9.63002L8.89262 6.26402H0.000625025V4.64402H8.89262L4.73463 1.26002L5.81463 1.87159e-05L12.1506 5.43602L5.81463 10.908Z' fill='%23FFFEFE'/%3E%3C/svg%3E%0A");
}

.stories-list__item::after {
  content: url("/bitrix/templates/stroynee/css/../img/stories-img-placeholder.png");
  position: absolute;
  top: 0;
  z-index: -1;
}
.stories-list__title-block {
  height: 166px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
}
.stories-list__text {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: normal;
}

.articles__content-heading-item {
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
}

.articles__content-heading {
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;

  max-height: 178px;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: normal;
}

.articles__content-btn {
  width: 100%;
  height: 55px;
  border-radius: 14px;
  border: 1px solid #fff;
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.articles__content-btn:hover {
  background: rgba(255, 255, 255, 0.3);
}

.articles-list__content-desc {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  max-width: 278px;
  margin-bottom: 32px;

  max-height: 94px;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: normal;
}

.articles-list__content-link {
  border-radius: 14px;
  border: 1px solid #fff;
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  width: 265px;
  height: 40px;
  line-height: 38px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.articles-list__content-link:hover {
  background: rgba(255, 255, 255, 0.3);
}

.articles-list__more-btn {
  margin-top: 24px;
}
.stories-list__more-btn {
  margin-top: 24px;
}

.articles-list__btn,
.stories-list__btn {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-decoration-line: underline;
  color: #767676;
}

.animate-line {
  animation-name: line-animation;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

.animate-step > .steps-section__step {
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

.animate-step > .steps-section__step > .steps-section__number-bg {
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

.animate-step > .steps-section__step:nth-child(1) {
  animation-name: step-animation-one;
}
.animate-step > .steps-section__step:nth-child(1) > .steps-section__number-bg {
  animation-name: number-animation-one;
}

.animate-step > .steps-section__step:nth-child(2) {
  animation-name: step-animation-two;
}
.animate-step > .steps-section__step:nth-child(2) > .steps-section__number-bg {
  animation-name: number-animation-two;
}

.animate-step > .steps-section__step:nth-child(3) {
  animation-name: step-animation-three;
}
.animate-step > .steps-section__step:nth-child(3) > .steps-section__number-bg {
  animation-name: number-animation-three;
}

.form-section {
  width: 100%;
  border-radius: 48px;
  border: 1px solid #e4f3f5;
  background: #e4f3f5;
  overflow-y: visible;
  margin-top: 100px;
  padding: 0 16px 16px 16px;
  position: relative;
}

.form-section__top {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: 0;
  padding: 0px 68px 0px 0;
}

.form-section__doctor-photo {
  position: absolute;
  /* height: 431px;
  width: 470px; */
  /* top: 0; */
  /* width: 497px;
  height: 451px; */
  /* top: -39px; */
  width: 500px;
  height: 417px;
  /* top: 72px; */
  top: 109px;
  left: 24px;
}

.form-section__doctor-info {
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px #bfdfe2;
  width: 460px;
  padding: 32px;
  position: relative;
  top: -34px;
  margin-bottom: 38px;
}

.form-section__doctor-text {
  color: #626262;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.form-section__doctor-text span {
  color: #007785;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.form-section__doctor-text strong {
  color: #007785;
  font-family: Circe;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}

.form-section__doctor-name {
  border-radius: 10px 68px 68px 10px;
  background: #ddf6d2;
  height: 74px;
  padding: 3px 11px 4px 21px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-section__name {
  color: #007785;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.form-section__smile {
  width: 56px;
  height: 56px;
  min-width: 56px;
}

.form-section__form {
  border-radius: 35px;
  max-width: 1084px;
  margin: 0 auto 100px;
  background: #e4f3f5;
  width: 100%;
  padding: 72px 92px;
  position: relative;
  z-index: 2;
}

.form-section .form-section__form {
  background: #fff;
}

.form-section__form-title {
  color: #505050;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 32px;
}

.form-section .form-section__form-title {
  text-align: center;
}

.form-section__form-row {
  display: flex;
  gap: 32px;
  margin-bottom: 20px;
}

.form-section__inputs-row {
  display: flex;
  gap: 20px;
  width: 100%;
}

.form-section__name-input-modal {
  width: 264px;
  height: 56px;
  min-width: 264px;
}

.form-section__phone-input {
  width: 264px;
  height: 56px;
  min-width: 264px;
}

.form-section__phone-input-modal {
  width: 264px;
  height: 56px;
  min-width: 264px;
}

.form-section__submit {
  width: 294px;
  min-width: 294px;
  margin: 0 auto;
}

.form-section__submit-modal {
  width: 294px;
  min-width: 294px;
}

.form-section__name-input,
.form-section__email-input,
.form-section__specialty-input,
.form-section__phone-input {
  width: 100%;
  height: 56px;
  min-width: 264px;
}

.input-field__name-input,
.input-field__phone-input,
.input-field__email-input,
.input-field__specialty-input {
  width: 100%;
  min-width: 264px;
}

.form-section__form-text {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  margin-top: 20px;
}

.form-section__form-text a {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.form-section__form-text span {
  text-decoration: underline;
  font-family: Circe, sans-serif;
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.form-section__link {
  position: absolute;
  bottom: 16px;
  right: 188px;
  padding: 5px 22px 0;
}

@media (max-width: 1124px) {
  .form-section__link {
    font-size: 16px;
    line-height: 19.2px;
    bottom: -72px;
    right: unset;
    left: calc(50% - 96px);
    padding: 0 12px;
    height: 48px;
  }
}

.on-site {
  width: 100%;
  border-radius: 48px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  padding: 81px 92px 92px 92px;
  position: relative;
  margin-top: 100px;
}

.on-site__woman-img {
  height: 864px;
  width: 409px;
  position: absolute;
  right: 73px;
  bottom: 68px;
}

.on-site__content {
  position: relative;
  z-index: 2;
}

.on-site__title {
  color: #505050;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 66px;
}

.on-site__point {
  border-radius: 34px;
  border: 1px solid #e2e2e2;
  background: #fff;
  box-shadow: 0px 15px 31px -12px rgba(0, 0, 0, 0.08);
  padding: 42px 0px 41px 106px;
  max-width: 533px;
  color: #838383;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  margin-bottom: 32px;
}

.on-site__point:last-child {
  margin-bottom: 0;
}

.on-site__point span {
  color: #459aa4;
  font-weight: 600;
}

.what-can-do {
  margin-top: 100px;
  width: 100%;
}

.what-can-do__title {
  color: #505050;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 56px;
  text-align: center;
  width: 100%;
}

.what-can-do__points-row {
  display: flex;
  gap: 20px;
  align-items: stretch;
  justify-content: space-between;
}

.what-can-do__point {
  border-radius: 32px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  width: calc(33% - 10px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 24px;
}

.what-can-do__point:last-child {
  padding-bottom: 21px;
}

.what-can-do__point-title {
  height: 106px;
  border-radius: 14px;
  background: #e4f3f5;
  color: #505050;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-bottom: 24px;
}

.what-can-do__point-desc {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

.what-can-do__point-desc strong {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
}

.what-can-do__point-desc span {
  font-weight: 700;
  font-family: Circe, sans-serif;
}

.what-can-do__point-bottom {
  margin-top: 24px;
}

.what-can-do__point-icon-block {
  width: fit-content;
  margin: 0 auto;
  height: 142px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.what-can-do__point-action {
  display: flex;
  align-items: center;
  color: #0f8d9c;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  justify-content: space-between;
  padding-left: 58px;
  margin-top: 31px;
}

.what-can-do__action-btn {
  height: 58px;
  width: 58px;
  min-width: 58px;
  border-radius: 50%;
  padding: 0;
}

.what-can-do__input {
  height: 56px;
}

.what-can-do__form-btn {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 17px;
}

.what-can-do__conditions {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.what-can-do__conditions a {
  font-family: Circe, sans-serif;
  text-decoration: underline;
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.bottom-slim {
  width: 100%;
  background: #e4f3f5;
  padding-top: 100px;
  padding-bottom: 184px;
  margin-top: 100px;
}

.slim-numbers {
  border-radius: 35px;
  background: #d5eaed;
  overflow: hidden;
  height: 256px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 56px;
}

.slim-numbers__text-block {
  max-width: 412px;
}

.slim-numbers__title {
  color: #505050;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 24px;
}

.slim-numbers__desc {
  color: #4f4f4f;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px;
}

.slim-numbers__image {
  width: 328px;
  height: 337px;
  position: relative;
  top: 10px;
  right: 20px;
}

.diagram {
  display: flex;
  margin-top: 40px;
  padding: 40px 53px;
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px #cadee0;
  position: relative;
}

.diagram__round {
  width: 527px;
  height: 522px;
}

.diagram__values {
  width: 209px;
  height: 522px;
  margin: 0 30px 0 7px;
}

.diagram__numbers {
  padding-top: 52px;
}

.diagram__number-item {
  margin-bottom: 41px;
}

.diagram__number-item:nth-child(2) {
  margin-bottom: 43px;
}

.diagram__number-item:nth-child(3) {
  margin-bottom: 52px;
}

.diagram__item-num {
  color: #0f8d9c;
  font-size: 28px;
  font-weight: 600;
}

.diagram__item-name {
  color: #4aaeba;
  font-size: 20px;
  font-weight: 400;
  margin-top: 8px;
}

.diagram__source {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  bottom: 32px;
  right: 48px;
}

.slim-farma {
  height: 198px;
  border-radius: 35px;
  background: #d5eaed;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 56px;
  margin-top: 100px;
}

.slim-farma__desc {
  max-width: 490px;
  color: #4f4f4f;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

.slim-farma__image {
  width: 371px;
  height: 231px;
  position: relative;
  top: -6px;
  right: -28px;
}

.slim-farma-source {
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px #cadee0;
  margin-top: 40px;
  padding: 64px 91px 96px 92px;
  position: relative;
}

.slim-farma-source__title {
  color: #505050;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 56px;
}

.slim-farma-source__item {
  border-radius: 12px 100px 100px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slim-farma-source__item:nth-child(3) {
  background: #f9ddf3;
  padding: 23px 32px 22px 30px;
  gap: 77px;
  width: 468px;
}

.slim-farma-source__item:nth-child(6) {
  background: #b7efb6;
  padding: 23px 32px 22px 30px;
  gap: 248px;
  width: 569px;
}

.slim-farma-source__item:nth-child(9) {
  background: #d7deff;
  padding: 28px 32px 28px 30px;
  gap: 60px;
  width: 661px;
}

.slim-farma-source__item:nth-child(12) {
  background: #f3f0a3;
  padding: 28px 40px 28px 30px;
  gap: 231px;
  width: 738px;
}

.slim-farma-source__item:nth-child(15) {
  background: #caf0f5;
  padding: 28px 48px 28px 30px;
  gap: 222px;
  width: 100%;
}

.slim-farma-source__item-text {
  color: #4f4f4f;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.6px;
}

.slim-farma-source__item-text--mobile {
  display: none;
}

.slim-farma-source__item-num {
  min-width: fit-content;
  white-space: nowrap;
  color: #0f8d9c;
  font-size: 28px;
  font-weight: 600;
}

.slim-farma-source__devider {
  margin: 15px 0;
  width: 100%;
  height: 2px;
}

.slim-farma-source__source {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  bottom: 32px;
  right: 48px;
}

@media (max-width: 1124px) {
  .button {
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 12px;
    box-shadow: 0px 9px 14px -8px rgba(74, 174, 186, 0.7);
  }

  .input {
    font-size: 16px;
  }

  .input-error {
    font-size: 14px;
    margin-top: 5px;
    line-height: 16.8px;
    width: 100%;
  }

  .input-error-number-input {
    width: unset;
  }

  .header {
    padding: 0 68px;
  }

  .container {
    width: 100%;
    padding: 0 79px;
  }

  .mt64 {
    margin-top: 48px;
  }

  .mb48 {
    margin-bottom: 32px !important;
  }

  .mb56 {
    margin-bottom: 40px;
  }

  .pb100 {
    padding-bottom: 80px;
  }

  .pt8 {
    padding-top: 7px;
  }

  .article {
    padding: 100px 0 184px 0;
  }

  .title-section__video-block {
    width: calc(100% - 182px);
    height: 32.8vw;
  }

  .title-section__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 11px;
  }

  .title-section__description {
    font-size: 14px;
    line-height: 21px;
  }

  .title-section__text {
    width: 236px;
    height: unset;
    padding: 24px 35px 24px 24px;
    top: calc(50% - 106px);
  }

  .title-section {
    margin-bottom: 72px;
  }

  .image-container {
    margin-top: 72px;
    height: 322px;
    border-radius: 14px;
    margin-bottom: 24px;
    padding: 0 79px;
  }

  .image-container img {
    height: 100%;
    width: 100%;
  }

  .article-item__remark {
    font-size: 16px;
    margin-bottom: 61px;
  }

  .article-item {
    margin-top: 64px;
  }

  .article-item__container {
    width: 100%;
    padding: 0 79px;
  }

  .article-item__title {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
  }

  .article-item__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
  }

  .article-item__section {
    border-radius: 0;
    background: #fff;
    box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.07);
    padding: 48px 79px;
    margin-top: 64px;
  }

  .article-item__section-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
  }

  .article-item__section-title a {
    font-size: 20px;
    line-height: 30px;
  }

  .article-item__section-text {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-link {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item__answer {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item ul {
    margin: 20px 0 0 20px;
  }

  .article-item li {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item li::before {
    top: 4px;
    left: -20px;
    width: 10px;
    height: 10px;
  }

  .article-item__section-item {
    margin-bottom: 20px;
  }

  .article-item__number {
    font-size: 16px;
    min-width: 32px;
    margin-right: 20px;
    line-height: 34px;
    text-align: center;
  }

  .article-item__section-img {
    height: 350px;
    margin: 48px auto;
  }

  .article-item__section-img--wide {
    height: auto;
  }

  .article-item__section-part {
    margin-bottom: 20px;
    margin-top: 32px;
  }

  .article-item__section-part-name {
    font-size: 16px;
    line-height: 20px;
  }

  .article-item__short-guide {
    border-radius: 30px;
    margin: 48px auto 0;
    width: 100%;
  }

  .article-item__question {
    margin-bottom: 20px;
  }

  .article-item__question-number {
    font-size: 16px;
    line-height: 34px;
  }

  .article-item__question-text {
    font-size: 16px;
    line-height: 19.2px;
  }

  sup {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item__link {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item__link a {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item__block-title {
    padding: 0 20px;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 30px;
  }

  .article-item__block {
    font-size: 16px;
  }

  .article-item__block-conclusion {
    padding: 24px 32px;
    font-size: 16px;
  }

  .article-item__block-conclusion--with-photo {
    padding: 33px 0 0;
  }

  .article-item__strong {
    font-size: 16px;
    line-height: 100%;
  }

  .callback-form {
    margin-top: 64px;
    border-radius: 30px;
    background: #e4f3f5;
    padding: 40px;
  }

  .callback-form__title {
    font-size: 16px;
    margin-bottom: 32px;
    width: 100%;
    text-align: center;
  }

  .callback-form__form-row {
    display: block;
  }

  .callback-form__inputs-row {
    margin-bottom: 20px;
  }

  .input-field__phone-input,
  .input-field__name-input {
    width: 100%;
  }

  .callback-form__name-input,
  .callback-form__phone-input {
    width: 100%;
    height: 48px;
    min-width: unset;
  }

  .callback-form__submit {
    width: 100%;
    height: 48px;
    min-width: unset;
  }

  .articles-list {
    margin-top: 56px;
  }
  .stories-list {
    margin-top: 56px;
  }

  .articles-list__container {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }
  .stories-list__container {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }
  .stories-list__container {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }

  .articles__content-btn {
    height: 48px;
    text-transform: capitalize;
  }

  .articles__container {
    width: 100%;
    max-width: 100%;
    padding: 0 74px;
  }

  .articles-list__title {
    padding-left: 48px;
  }
  .stories-list__title {
    padding-left: 48px;
  }

  .articles__heading {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
  }

  .articles__item {
    height: 414px;
    border-radius: 32px;
  }

  .logo-med {
    top: 24px;
    right: 24px;
  }

  .articles-list__item:first-child {
    margin-left: 48px;
  }
  .stories-list__item:first-child {
    margin-left: 48px;
  }

  .articles-list__item:last-child {
    margin-right: 79px;
  }

  .articles-list__more-btn {
    padding-left: 48px;
  }
  .stories-list__more-btn {
    padding-left: 48px;
  }

  .history {
    margin-top: 64px;
    padding: 0 79px;
  }

  .history__container {
    border-radius: 30px;
    padding-bottom: 75px;
    flex-direction: column;
  }

  .history__header {
    padding: 26px 30px 0 88px;
    margin-bottom: 25px;
  }

  .history__icon {
    height: 260px;
    width: auto;
  }

  .history__slides-row {
    display: flex;
    align-items: stretch;
    padding: 0 40px;
  }

  .history__slide {
    border-radius: 30px;
    padding: 40px 49px 16px 48px;
  }

  .history__slide-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 19px;
  }

  .history__slide-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
  }

  .history__link {
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }

  .form-section__doctor-photo {
    /* width: 314px;
    height: 297px; */
    bottom: -24px;
    left: 2px;
    /* top: 37px; */
    z-index: 1;
    width: 337px;
    height: 282px;
    top: 161px;
  }

  .form-section__form-row {
    display: block;
  }

  .form-section__form {
    padding: 40px 78px;
    border-radius: 20px;
  }

  .form-section__name-input,
  .form-section__email-input,
  .form-section__specialty-input,
  .form-section__phone-input {
    width: 100%;
    height: 48px;
    min-width: unset;
  }

  .form-section__name-input-modal,
  .form-section__phone-input-modal {
    width: 100%;
    height: 48px;
    min-width: unset;
  }

  .input-field__phone-input,
  .input-field__name-input {
    width: 100%;
  }

  .form-section__submit {
    margin-top: 31px;
    width: 100%;
    height: 48px;
  }

  .form-section__submit-modal {
    margin-top: 31px;
    width: 100%;
    height: 48px;
  }

  .form-section__form-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 17px;
  }

  .form-section {
    border-radius: 32px;
  }

  .form-section__top {
    /* top: -24px; */
    /* padding: 0px 0px 93px 0; */
    padding: 0;
    max-width: 750px;
    margin: 0 auto;
  }

  .form-section__doctor-info {
    /* padding: 24px; */
    padding: 22px;
    border-radius: 20px;
    width: 338px;
    top: -26px;
    margin-bottom: 25px;
  }

  .form-section__doctor-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
  }

  .form-section__doctor-text span,
  .form-section__doctor-text strong {
    font-size: 17px;
    line-height: 100%;
  }

  .form-section__doctor-name {
    height: 59px;
    border-radius: 7.95px 54.058px 54.058px 7.95px;
    padding: 5px 12px 5px 17px;
  }

  .form-section__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
  }

  .form-section__smile {
    width: 41px;
    height: 41px;
    min-width: 41px;
  }

  .on-site {
    border-radius: 32px;
    padding: 48px;
    position: relative;
    /* margin-top: 72px; */
    margin-top: 112px;
  }

  .on-site__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 40px;
  }

  .on-site__woman-img {
    width: 273px;
    height: 522px;
    right: 0px;
    bottom: 164px;
  }

  .on-site__point {
    padding: 46px 19px 46px 44px;
    border-radius: 20px;
    border: unset;
    box-shadow: 0px 6px 21px -6px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(20.5px);
    font-size: 16px;
    line-height: 24px;
    max-width: 75.4%;
    margin-bottom: 20px;
  }

  .what-can-do {
    margin-top: 72px;
  }

  .what-can-do__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
  }

  .what-can-do__points-row {
    display: block;
  }

  .what-can-do__point {
    width: 100%;
    flex-direction: row;
    margin-bottom: 20px;
  }

  .what-can-do__point-top {
    min-width: 273px;
    width: calc(50% - 8px);
    margin-right: 41px;
  }

  .what-can-do__point-title {
    padding: 15px;
    text-align: center;
    height: fit-content;
    border-radius: 10px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
  }

  .what-can-do__point:nth-child(3) .what-can-do__point-title {
    margin-bottom: 21px;
  }

  .what-can-do__point-desc {
    font-size: 16px;
    line-height: 19.2px;
  }

  .what-can-do__point-desc strong {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
  }

  .what-can-do__point-desc-br {
    display: none;
  }

  .what-can-do__point-bottom {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: calc(50% - 8px);
  }

  .what-can-do__action-btn {
    height: 48px;
    width: 48px;
    min-width: 48px;
  }

  #arrow-down > path {
    stroke-width: 2;
  }

  .what-can-do__point-icon-block {
    margin: 0;
  }

  .what-can-do__point:nth-child(1) .what-can-do__point-icon {
    height: 118px;
    width: 171px;
  }

  .what-can-do__point:nth-child(2) .what-can-do__point-icon {
    height: 118px;
    width: 171px;
  }

  .what-can-do__point-action {
    justify-content: flex-end;
  }

  .what-can-do__action-btn {
    margin-left: 24px;
  }

  .what-can-do__input {
    height: 48px;
    font-size: 16px;
  }

  .what-can-do__form-btn {
    height: 48px;
  }

  .what-can-do__point:nth-child(3) .what-can-do__point-bottom {
    justify-content: center;
  }

  .bottom-slim {
    padding-top: 40px;
    padding-bottom: 80px;
    margin-top: 40px;
  }

  .slim-numbers {
    border-radius: 35px;
    padding: 26px 0px 25px 40px;
    height: 248px;
  }

  .slim-numbers__image {
    width: 220px;
    height: auto;
    position: relative;
    right: -25px;
  }

  .slim-numbers__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }

  .slim-numbers__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
  }

  .diagram {
    border-radius: 32px;
    align-items: center;
    justify-content: space-between;
    padding: 40px 51px 62px 52px;
    margin-top: 20px;
  }

  .diagram__round {
    width: 252px;
    height: 255px;
  }

  .diagram__values {
    width: 112px;
    height: 279px;
    margin: 0 13px 0 auto;
  }

  .diagram__numbers {
    padding-top: 0;
  }

  .diagram__number-item {
    margin-bottom: 21px;
  }

  .diagram__number-item:nth-child(2) {
    margin-bottom: 21px;
  }

  .diagram__number-item:nth-child(3) {
    margin-bottom: 21px;
  }

  .diagram__number-item:nth-child(4) {
    margin-bottom: 0px;
  }

  .diagram__item-num {
    font-size: 18px;
    font-weight: 600;
  }

  .diagram__item-name {
    font-size: 14px;
    font-weight: 400;
  }

  .slim-farma {
    border-radius: 35px;
    height: 212px;
    margin-top: 40px;
  }

  .slim-farma__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
  }

  /* .slim-farma__desc br {
    display: none;
  } */

  .slim-farma__image {
    width: 286px;
    height: 201px;
    top: -28px;
    right: -28px;
  }

  .slim-farma-source {
    border-radius: 32px;
    padding: 40px 40px 91px 40px;
    margin-top: 20px;
  }

  .slim-farma-source__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
  }

  .slim-farma-source__item:nth-child(3) {
    background: #f9ddf3;
    padding: 16px 32px 16px 30px;
    gap: 24px;
    width: 58.3%;
  }

  .slim-farma-source__item:nth-child(6) {
    background: #b7efb6;
    padding: 24px 32px 24px 30px;
    gap: 24px;
    width: 66.2%;
  }

  .slim-farma-source__item:nth-child(9) {
    background: #d7deff;
    padding: 20px 32px 20px 30px;
    height: 97px;
    gap: 24px;
    width: 77.9%;
  }

  .slim-farma-source__item:nth-child(12) {
    background: #f3f0a3;
    padding: 28px 32px 28px 30px;
    gap: 24px;
    height: 110px;
    width: 87.7%;
  }

  .slim-farma-source__item:nth-child(15) {
    background: #caf0f5;
    padding: 28px 40px 28px 30px;
    gap: 24px;
    width: 100%;
  }

  .slim-farma-source__item-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
  }

  .slim-farma-source__item-text br {
    display: none;
  }

  .slim-farma-source__item-num {
    font-size: 18px;
    font-weight: 600;
  }

  .articles__content-heading-item {
    gap: 16px;
  }

  .articles__content-heading {
    font-size: 18px;
  }

  .articles__row {
    row-gap: 40px;
  }

  .articles__item-content {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .button {
    border-radius: 10px;
  }
  .input-error {
    font-size: 12px;
    margin-top: 5px;
    line-height: 14.4px;
    width: 100%;
  }
  .input-error-number-input {
    top: 65px;
    margin-right: 32px;
  }
  .header__text {
    display: none;
  }
  .header {
    padding: 0 27px;
    height: 80px;
  }

  .header__container {
    max-width: 500px;
  }

  .header__auth-btn {
    height: 40px;
    padding: 5px 26px 5px 21px;
  }

  .header__auth-btn-icon {
    height: 26px;
    width: 26px;
  }

  .container {
    width: 100%;
    padding: 0 37px;
    overflow: hidden;
  }

  .mt64 {
    margin-top: 32px;
  }

  .mt48 {
    margin-top: 32px;
  }

  .mb48 {
    margin-bottom: 38px !important;
  }

  .mb56 {
    margin-bottom: 32px;
  }

  .pb100 {
    padding-bottom: 60px;
  }

  .article {
    padding: 48px 0 86px 0;
  }

  .articles__subtitle {
    font-size: 16px;
  }

  .title-section__video-block {
    width: 100%;
    height: 120vw;
    max-height: 451px;
    overflow: visible;
    justify-content: center;
  }

  .title-section__video-block::before {
    right: 0;
    top: unset;
    bottom: 0;
    left: -37px;
    width: 100vw;
    height: 113px;
    background: linear-gradient(0deg, #f8fafc 0%, rgba(248, 250, 252, 0) 100%);
  }

  .title-section__video-block video {
    height: 100%;
    top: 0;
  }

  .title-section__title {
    margin-bottom: 24px;
    max-width: 177px;
  }

  .title-section__text {
    width: 100%;
    height: unset;
    padding: 24px 35px 24px 24px;
    bottom: -120px;
    top: unset;
  }

  .title-section {
    margin-bottom: 178px;
  }

  .image-container {
    margin-top: 48px;
    /* height: 322px; */
    height: unset;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
    padding: 0;
  }

  .image-container img {
    /* height: 100%; */
    height: auto;
    overflow: visible;
    background-position: center;
    /* width: auto; */
    width: 100%;
    /* max-height: 322px; */
    max-height: unset;
  }

  .article-item__remark {
    margin-bottom: 25px;
  }

  .article-item__container {
    width: 100%;
    padding: 0 37px;
  }

  .article-item {
    margin-top: 48px;
  }

  .article-item__title {
    word-break: break-word;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }

  .article-item__section {
    padding: 32px 37px;
    margin-top: 48px;
  }

  .article-item__section-title {
    word-break: break-word;
    margin-bottom: 24px;
  }

  .article-item__section-item {
    margin-bottom: 32px;
  }

  .article-item__section-img {
    height: auto;
    margin: 32px auto;
  }

  .article-item__section-img--wide {
    height: auto;
  }

  .article-item__section-part-name {
    font-weight: 500;
  }

  .article-item__short-guide {
    border-radius: 20px;
    margin: 24px auto 0;
    display: block;
  }

  .article-item__short-guide-btn {
    width: 100%;
    height: 48px;
    font-size: 14px;
    line-height: 18px;
    padding: 0 12px;
  }

  .article-item__question {
    margin-bottom: 20px;
  }

  .article-item__question-number {
    font-size: 16px;
    line-height: 34px;
  }

  .article-item__question-text {
    font-size: 16px;
    line-height: 19.2px;
  }

  .user-form__question {
    margin-bottom: 20px;
  }

  .user-form__question-text {
    font-size: 16px;
    max-width: 220px;
    margin: 0 auto;
  }

  .user-form__question-top {
    min-height: 65px;
  }

  sup {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item__link {
    font-size: 16px;
    line-height: 19.2px;
  }

  .article-item__link a {
    font-size: 16px;
    line-height: 19.2px;
    word-break: break-all;
  }

  .article-item__block-title {
    font-size: 18px;
    margin-bottom: 24px;
  }

  .article-item__subtitle {
    margin: 30px 0 20px;
  }

  .article-item__block-conclusion {
    padding: 20px;
    margin-top: 24px;
  }

  .article-item__block-conclusion--outside {
    max-width: calc(100% - 144px);
  }

  .article-item__blocks {
    gap: 10px;
  }

  .article-item__block {
    min-width: 130px;
    font-size: 14px;
  }

  .callback-form {
    margin-top: 48px;
    border-radius: 20px;
    padding: 32px 20px 20px 20px;
  }

  .callback-form__title {
    margin-bottom: 24px;
    width: 100%;
    text-align: start;
  }

  .callback-form__form-row {
    display: block;
  }

  .callback-form__inputs-row {
    margin-bottom: 20px;
    display: block;
  }

  .input-field__name-input,
  .input-field__email-input {
    margin-bottom: 18px;
  }

  .input-field__phone-input,
  .input-field__name-input {
    width: 100%;
  }

  .callback-form__name-input,
  .callback-form__phone-input {
    width: 100%;
    height: 48px;
    min-width: unset;
  }

  .callback-form__submit {
    width: 100%;
    height: 48px;
    min-width: unset;
  }

  .articles-list {
    margin-top: 40px;
  }
  .stories-list {
    margin-top: 40px;
  }

  .articles {
    padding: 40px 0 120px;
  }

  .articles-list__container {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }
  .stories-list__container {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }

  .articles__container {
    padding: 0 38px;
  }

  .articles__heading {
    word-break: break-word;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }

  .articles__row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    row-gap: 16px;
  }

  .articles__item {
    height: 400px;
  }

  .articles-list__item:last-child {
    margin-right: 18px;
  }

  .articles__item-content {
    padding: 0 24px 24px;
  }

  .articles-list__content-desc {
    margin-bottom: 20px;
  }

  .articles-list__content-link {
    border-radius: 10px;
    max-width: 265px;
    width: 100%;
  }

  .article-item__section-img--wide {
    overflow: visible;
  }

  .article-item__section-img--wide img {
    max-width: 100vw;
    width: 100vw;
  }

  .article-item__section-img {
    overflow: visible;
  }

  .article-item__section-img img {
    max-width: 100vw;
    width: 100vw;
  }

  .history {
    margin-top: 48px;
    padding: 0;
  }

  .history__container {
    border-radius: 0;
    padding-bottom: 62px;
  }

  .history__header {
    padding: 32px 38px 0 38px;
    margin-bottom: 24px;
  }

  .history__icon {
    height: 200px;
    width: auto;
  }

  .history__slides-row {
    display: flex;
    align-items: stretch;
    padding: 0 38px;
  }

  .history__slide {
    border-radius: 24px;
    padding: 32px 24px 24px 24px;
    min-width: unset;
    max-width: 304px;
    width: 304px;
  }

  .history__slide-title {
    font-size: 20px;
    margin-bottom: 22px;
  }

  .history__slide-text {
    font-size: 18px;
    line-height: 21.6px;
  }

  .history__link {
    display: flex;
    justify-content: center;
    margin-top: 18px;
  }

  /* .history__slide-tags {
    margin-top: 20px;
  } */

  .history__slide-tags .tag-item-wrap {
    min-width: 120px;
  }

  .history__slide-btn {
    width: 100%;
    margin: 0 38px;
  }

  .animate-step {
    animation-name: steps-animation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
  }

  .form-section__doctor-photo {
    /* width: 256px;
    height: 235px; */
    bottom: -13px;
    left: calc(50% - 128px);
    top: unset;
    width: 253px;
    height: 220px;
  }

  .form-section__doctor-info {
    margin: 0;
    padding: 22px 16px;
  }

  .form-section__form {
    padding: 40px 38px;
  }

  .form-section__phone-input-modal {
    margin-top: 16px;
  }

  .form-section__submit {
    margin-top: 17px;
    min-width: unset;
  }

  .form-section__submit-modal {
    margin-top: 17px;
    min-width: unset;
  }

  .form-section__form-title {
    margin-bottom: 24px;
  }

  .form-section {
    padding: 0 12px 12px 12px;
  }

  .form-section__top {
    /* padding: 0px 0px 166px 0; */
    padding: 0px 0px 148px 0;
  }

  .form-section__inputs-row {
    display: block;
  }

  .on-site {
    border-radius: 24px;
    padding: 24px 12px 12px 12px;
    /* margin-top: 56px; */
    margin-top: 100px;
  }

  .on-site__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 56px;
    padding: 12px;
  }

  .on-site__woman-img {
    width: 105px;
    height: 195px;
    right: 12px;
    bottom: unset;
    top: 17px;
  }

  .on-site__point {
    padding: 34px 35px 33px 24px;
    border-radius: 14px;
    box-shadow: 0px 4px 14px 0px rgba(50, 50, 50, 0.15);
    backdrop-filter: blur(20.5px);
    font-size: 16px;
    max-width: 430px;
    width: 100%;
    font-family: Circe, sans-serif;
    line-height: 120%;
    margin-bottom: 12px;
  }

  .on-site__point span {
    font-family: Circe, sans-serif;
    line-height: 120%;
  }

  .what-can-do {
    margin-top: 56px;
  }

  .what-can-do__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
  }

  .what-can-do__points-row {
    display: block;
  }

  .what-can-do__point {
    width: 100%;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 12px 12px 24px 12px;
    border-radius: 24px;
  }

  .what-can-do__point-top {
    min-width: unset;
    width: unset;
    margin-right: 0;
  }

  .what-can-do__point-title {
    padding: 15px;
    text-align: center;
    height: 98px;
    border-radius: 14px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  .what-can-do__point:nth-child(3) .what-can-do__point-title {
    margin-bottom: 30px;
  }

  .what-can-do__point-desc {
    font-size: 18px;
    line-height: 21.6px;
    padding: 0 13px;
  }

  .what-can-do__point-desc strong {
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 700;
  }

  .what-can-do__point-desc-br {
    display: none;
  }

  .what-can-do__point-bottom {
    display: block;
    width: unset;
    margin-top: 30px;
  }

  .what-can-do__action-btn {
    height: 48px;
    width: 48px;
    min-width: 48px;
  }

  #arrow-down > path {
    stroke-width: 2;
  }

  .what-can-do__point-icon-block {
    margin: 0 auto;
  }

  .what-can-do__point:nth-child(1) .what-can-do__point-icon {
    height: 118px;
    width: 171px;
  }

  .what-can-do__point:nth-child(2) .what-can-do__point-icon {
    height: 118px;
    width: 171px;
  }

  .what-can-do__point-action {
    justify-content: space-between;
    padding: 0 12px;
  }

  .what-can-do__action-btn {
    margin-left: 24px;
  }

  .what-can-do__input {
    height: 48px;
    font-size: 16px;
  }

  .what-can-do__form-btn {
    height: 48px;
  }

  .what-can-do__point:nth-child(3) .what-can-do__point-bottom {
    justify-content: center;
    padding: 0 8px;
  }

  .bottom-slim {
    padding-top: 40px;
    padding-bottom: 80px;
    margin-top: 40px;
  }

  .slim-numbers {
    border-radius: 24px;
    padding: 24px;
    padding-bottom: 0;
    height: fit-content;
    display: block;
  }

  .slim-numbers__image {
    width: 200px;
    height: auto;
    position: relative;
    right: unset;
    top: unset;
    margin: 0 0 0 auto;
    display: block;
    bottom: -37px;
  }

  .slim-numbers__title {
    margin-bottom: 32px;
  }

  .diagram {
    border-radius: 24px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 25px 26px 53px 23px;
    margin-top: 20px;
  }

  .diagram__round {
    width: 100%;
    height: 248px;
    background-size: contain;
  }

  .diagram__numbers {
    margin: 0 auto 0 0;
  }

  .diagram__item-num {
    font-size: 16px;
    font-weight: 600;
  }

  .diagram__source {
    left: 29px;
  }

  .slim-farma {
    border-radius: 24px;
    height: unset;
    margin-top: 40px;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 24px 38px 24px;
  }

  .slim-farma__text-block {
    margin-top: 37px;
  }

  .slim-farma__desc {
    font-size: 18px;
    line-height: 120%;
  }

  .slim-numbers__desc {
    font-size: 18px;
    line-height: 120%;
  }

  .slim-farma-source {
    border-radius: 24px;
    padding: 24px 24px 86px 24px;
  }

  .slim-farma-source__item-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    display: none;
  }

  .slim-farma-source__item-text--mobile {
    display: block;
    margin-bottom: 10px;
    width: 95%;
  }

  .slim-farma-source__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
  }

  .slim-farma-source__item {
    align-items: center;
  }

  .slim-farma-source__item:nth-child(3) {
    background: #f9ddf3;
    padding: 0 32px 0 28px;
    gap: 0;
    height: 50px;
    width: 58.3%;
  }

  .slim-farma-source__item:nth-child(6) {
    background: #b7efb6;
    padding: 0 32px 0 28px;
    gap: 0;
    height: 50px;
    width: 66.2%;
  }

  .slim-farma-source__item:nth-child(9) {
    background: #d7deff;
    padding: 0 32px 0 28px;
    gap: 0;
    height: 50px;
    width: 77.9%;
  }

  .slim-farma-source__item:nth-child(12) {
    background: #f3f0a3;
    padding: 0 32px 0 28px;
    gap: 0;
    height: 60px;
    width: 87.7%;
  }

  .slim-farma-source__item:nth-child(15) {
    background: #caf0f5;
    padding: 0 40px 0 28px;
    gap: 0;
    height: 70px;
    width: 100%;
  }

  .slim-farma-source__item-num {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .slim-farma-source__devider {
    height: 1px;
    background-color: #d5eaed;
  }

  .article-item__half-image {
    flex-direction: column;
  }

  .article-item__half-image img {
    max-height: 300px;
    margin: 0 auto;
    max-width: 100%;
  }

  .article-item__half-image + .article-item__section-text {
    max-width: unset;
  }

  .articles__content-heading-item {
    margin-bottom: 16px;
  }

  .articles__content-heading {
    font-size: 16px;
    max-height: 216px;
    -webkit-line-clamp: 9;
    line-clamp: 9;
    word-break: break-word;
  }

  .history__title {
    font-size: 18px;
  }

  .history__item {
    border-radius: 20px;
    padding: 32px 40px;
  }

  .article-item__block-conclusion--outside {
    max-width: calc(100% - 76px);
  }
}

@media (max-width: 500px) {
  .articles-list__item:first-child {
    margin-left: 16px;
  }
  .stories-list__item:first-child {
    margin-left: 16px;
  }
  .articles-list__title {
    font-size: 24px;
    margin-bottom: 24px;
    padding-left: 16px;
  }
  .stories-list__title {
    font-size: 24px;
    margin-bottom: 24px;
    padding-left: 16px;
  }
  .articles-list__more-btn {
    margin-top: 8px;
    padding-right: 15px;
    text-align: end;
  }
  .stories-list__more-btn {
    margin-top: 8px;
    padding-right: 15px;
    text-align: end;
  }
}

@media (max-width: 374px) {
  .button {
    font-size: 15px;
  }
  .article-item__short-guide-btn {
    font-size: 12px;
    line-height: 16px;
    padding: 0 8px;
  }
  .user-form__save-result {
    width: 100%;
  }
  .form-section__form-title {
    font-size: 13px;
    line-height: 19px;
  }
  .on-site__title {
    font-size: 11px;
    line-height: 18px;
  }
  .diagram__values {
    width: 80px;
    height: 240px;
  }
  .diagram__item-num {
    font-size: 14px;
  }
  .diagram__item-name {
    font-size: 11px;
    margin-top: 6px;
  }
  .slim-farma-source__source {
    right: unset;
  }
  .slim-numbers__desc {
    font-size: 16px;
  }
  .what-can-do__point-desc {
    font-size: 16px;
  }
  .what-can-do__point-desc strong {
    font-size: 16px;
  }
  .what-can-do__point-desc {
    font-size: 15px;
  }
  .steps-section__step-text {
    font-size: 15px;
  }
  .conditions__title {
    font-size: 17px;
  }
  /* .container {
    padding: 0 calc((100vw - 300px) / 2);
  }

  .header {
    padding: 0 calc((100vw - 300px) / 2);
  }

  .title-section__video-block::before {
    width: calc(100vw + 37px);
  }

  .article-item__container {
    padding: 0 calc((100vw - 300px) / 2);
  }

  .header {
    padding: 0 calc((100vw - 300px) / 2);
  }

  .history__slides-row {
    padding: 0 10px;
  } */
}

@keyframes expand-animation {
  0% {
    max-height: 0;
  }
  100% {
    max-height: calc(100vh - 1px);
  }
}

@keyframes number-animation-one {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-300px);
  }
  80% {
    opacity: 1;
    transform: translateX(-300px);
  }
  85% {
    opacity: 1;
    transform: translateX(-300px);
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}

@keyframes number-animation-two {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  30% {
    opacity: 0;
    transform: translateX(0);
  }
  50% {
    opacity: 1;
    transform: translateX(-300px);
  }
  80% {
    opacity: 1;
    transform: translateX(-300px);
  }
  85% {
    opacity: 1;
    transform: translateX(-300px);
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}

@keyframes number-animation-three {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    transform: translateX(0);
  }
  80% {
    opacity: 1;
    transform: translateX(-300px);
  }
  85% {
    opacity: 1;
    transform: translateX(-300px);
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}

@keyframes steps-animation {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(calc((100vw - 57px) * -1));
  }
  60% {
    transform: translateX(calc((100vw - 57px) * -1));
  }
  80% {
    transform: translateX(calc((100vw - 57px) * -2));
  }
  85% {
    transform: translateX(calc((100vw - 57px) * -2));
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes step-animation-one {
  0% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
  20% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  80% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  85% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  100% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
}

@keyframes step-animation-two {
  0% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
  30% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
  50% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  80% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  85% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  100% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
}

@keyframes step-animation-three {
  0% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
  60% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
  80% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  85% {
    border: 1px solid #cdf2bc;
    background: #d8ffc6;
    box-shadow: 0px 25px 49px -12px #84cc8b;
  }
  100% {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  }
}

@keyframes line-animation {
  0% {
    width: 0;
  }
  20% {
    width: calc(100% / 3 - 10px);
  }
  30% {
    width: calc(100% / 3 - 10px);
  }
  50% {
    width: calc(100% / 3 * 2 - 10px);
  }
  60% {
    width: calc(100% / 3 * 2 - 10px);
  }
  80% {
    width: 100%;
  }
  85% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

.page-404 {
  width: 100%;
  min-height: calc(100vh - 84px);
  background: #e4f3f5;
  padding: 200px 0;
  position: relative;
}

.page-404__title {
  color: #0f8d9c;
  font-size: 48px;
  font-weight: 700;
  line-height: 72px;
}

.page-404__text {
  color: #6d6d6d;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 100px 0;
  max-width: 680px;
}

.page-404__btn {
  width: 426px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-transform: none;
}

.page-404__bg-nums {
  color: #d8ebed;
  font-size: 350px;
  font-weight: 900;
  position: absolute;
  width: fit-content;
  z-index: 0;
  right: 0;
  top: 201px;
}

@media (max-width: 1124px) {
  .page-404 {
    min-height: calc(100vh - 84px);
    padding: 104px 0;
  }

  .page-404__title {
    color: #0f8d9c;
    font-size: 32px;
    line-height: 48px;
  }

  .page-404__text {
    color: #6d6d6d;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 478px;
    margin: 72px 0;
  }

  .page-404__btn {
    width: 478px;
  }

  .page-404__bg-nums {
    color: #d8ebed;
    font-size: 160px;
    right: 0;
    top: 69px;
  }
}

@media (max-width: 767px) {
  .page-404 {
    min-height: calc(100vh - 80px);
    padding: 110px 0;
  }

  .page-404__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    width: 100%;
    text-align: center;
  }

  .page-404__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 478px;
    margin: 56px 0;
  }

  .page-404__btn {
    width: 100%;
  }

  .page-404__bg-nums {
    color: #d8ebed;
    font-size: 120px;
    right: 0;
    left: 0;
    text-align: center;
    top: 59px;
    width: 100%;
  }
}

.conditions {
  background: #f8fafc;
  padding: 100px 0 257px 0;
}

.conditions__title {
  color: #414141;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 72px;
}

.conditions__part-name {
  color: #0f8d9c;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 40px;
}

.conditions__part-text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  margin-bottom: 64px;
}

.conditions__part-text:last-child {
  margin-bottom: 0;
}

@media (max-width: 1124px) {
  .conditions {
    padding: 72px 0 156px 0;
  }

  .conditions__title {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 56px;
  }

  .conditions__part-name {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 32px;
  }

  .conditions__part-text {
    font-size: 16px;
    line-height: 19.2px;
    margin-bottom: 56px;
  }
}

@media (max-width: 767px) {
  .conditions {
    padding: 40px 0 91px 0;
  }

  .conditions__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 48px;
  }

  .conditions__part-name {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 24px;
  }
}

.insul-scheme {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 48px auto 70px;
}

.insul-scheme__top-row {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.insul-scheme__mid {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 15px;
  background: #0f8d9c;
  padding: 20px 0;
}

.insul-scheme__bottom-row {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

.insul-scheme__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
}

.insul-scheme__item img {
  width: 100%;
  max-width: 68px;
}

.insul-scheme__blob {
  width: 100%;
  max-width: 224px;
  height: 82px;
  border-radius: 15px;
  background: #e4f3f5;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;

  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.insul-scheme__mid > .title {
  color: #fff;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.insul-scheme__mid > .text {
  color: #fff;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.desktop {
  display: block;
}

.desktop-tablet {
  display: block;
}

.desktop-mobile {
  display: block;
}

.tablet-mobile {
  display: none !important;
}

.tablet {
  display: none;
}

.mobile {
  display: none;
}

.mobile-sm {
  display: none;
}

.mobile-low {
  display: none;
}

@media (max-width: 1124px) {
  .insul-scheme {
    gap: 10px;
    margin: 40px auto 54px;
  }

  .insul-scheme__top-row {
    gap: 10px;
  }

  .insul-scheme__bottom-row {
    gap: 10px;
  }

  .insul-scheme__item {
    gap: 10px;
  }

  .insul-scheme__blob {
    max-width: 145px;
    height: 82px;
    font-size: 14px;
  }

  .insul-scheme__item img {
    max-width: 55px;
  }

  .insul-scheme__mid > .title,
  .insul-scheme__mid > .text {
    font-size: 14px;
  }

  .insul-scheme__mid > .text {
    max-width: 442px;
    margin: 0 auto;
  }

  .desktop {
    display: none !important;
  }

  .desktop-mobile {
    display: none;
  }

  .tablet-mobile {
    display: flex !important;
  }

  .tablet {
    display: block;
  }
}

@media (max-width: 767px) {
  .desktop-tablet {
    display: none;
  }

  .desktop-mobile {
    display: block;
  }

  .tablet {
    display: none;
  }

  .mobile {
    display: block;
  }

  .insul-scheme {
    margin: 32px auto 28px;
  }

  .insul-scheme__top-row {
    flex-wrap: wrap;
  }

  .insul-scheme__bottom-row {
    flex-wrap: wrap;
  }

  .insul-scheme__item {
    width: 48%;
  }

  .insul-scheme__blob {
    padding: 0 6px;
  }

  .insul-scheme__mid > .title,
  .insul-scheme__mid > .text {
    font-size: 13px;
  }

  .insul-scheme__mid > .text {
    max-width: 228px;
  }
}

@media (max-width: 395px) {
  .mobile-sm {
    display: block;
  }
}

@media (max-width: 374px) {
  .sub-mobile {
    display: none;
  }
  .mobile-low {
    display: block;
  }
}

.story-item {
  max-width: 1084px;
  width: 100%;
  margin: 72px auto 100px;
  position: relative;
}

.story-item__title {
  color: #414141;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 48px;
}

.story-item__text-block {
  padding: 56px 72px 104px;
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
}

.story-item__user-text {
  color: #5c5c5c;
  font-family: "Circe", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  margin-bottom: 40px;
}

.story-item__comment-title {
  border-radius: 120px 120px 120px 6px;
  border: 1px solid rgba(0, 0, 0, 0.13);
  padding: 14px 34px;
  color: #0f8d9c;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 24px;
  width: fit-content;
}

.story-item__what-i-do {
  margin-bottom: 20px;
  width: 100%;
}

.story-item__points-title {
  color: #5c5c5c;
  font-family: "Circe", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  margin-bottom: 20px;
}

.story-item__point {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.story-item__point:last-child {
  margin-bottom: 0;
}

.story-item__point-num {
  border-radius: 8px;
  background: #e4f3f5;
  width: 32px;
  height: 32px;
  min-width: 32px;
  text-align: center;
  color: #4aaeba;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.story-item__point-text {
  color: #5c5c5c;
  font-family: "Circe", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  padding-top: 3px;
}

.story-item__next-story {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 56px;
  width: 100%;
  padding: 0 79px;
}

.story-item__next-story-btn {
  width: 416px;
}

@media (max-width: 1124px) {
  .story-item {
    max-width: unset;
    margin: 48px auto 64px;
  }

  .story-item__title {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 40px;
    padding: 0px 79px;
  }

  .story-item__text-block {
    padding: 48px 79px 88px;
    border-radius: 0;
  }

  .story-item__user-text {
    font-size: 16px;
    line-height: 19.2px;
    margin-bottom: 32px;
  }

  .story-item__comment-title {
    margin-bottom: 16px;
  }

  .story-item__points-title {
    font-size: 18px;
    line-height: 19.2px;
  }

  .story-item__point:last-child {
    margin-bottom: 0;
  }

  .story-item__point-text {
    font-size: 16px;
    line-height: 19.2px;
    padding-top: 3px;
  }

  .story-item__next-story {
    bottom: 40px;
  }

  .story-item__next-story-btn {
    width: 100%;
    height: 48px;
  }
}

@media (max-width: 767px) {
  .story-item {
    margin: 40px auto 48px;
  }

  .story-item__title {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 32px;
    padding: 0 37px;
  }

  .story-item__text-block {
    padding: 32px 37px 105px;
  }

  .story-item__user-text {
    margin-bottom: 24px;
  }

  .story-item__comment-title {
    padding: 17px 25px;
    font-size: 13px;
    font-weight: 500;
  }

  .story-item__point-text {
    font-size: 16px;
    line-height: 19.2px;
    padding-top: 3px;
  }

  .story-item__next-story {
    padding: 0 37px;
    bottom: 33px;
  }

  .story-item__next-story-btn {
    width: 100%;
    height: fit-content;
    padding: 12px 15px;
    text-align: center;
  }
}

/* @media (max-width: 374px) {
  .story-item__title {
    padding: 0 calc((100vw - 300px) / 2);
  }

  .story-item__text-block {
    padding: 32px calc((100vw - 300px) / 2);
  }
} */

/* swiper */
:host .swiper-horizontal {
  overflow: visible;
}

:host .swiper-wrapper slot {
  display: flex;
}

:host .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  top: unset;
  bottom: -70px;
}

:host .swiper-pagination-bullet {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid #a4c6cb;
  cursor: pointer;
  background: transparent;
  opacity: 1;
}

:host .swiper-pagination-bullet-active {
  background: #4aaeba;
  border-color: #4aaeba;
}

@media (max-width: 1124px) {
  :host .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    top: unset;
    bottom: -46px;
  }
  :host .swiper-pagination-bullet {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 2px solid #a4c6cb;
    cursor: pointer;
    background: transparent;
    opacity: 1;
  }

  :host .swiper-pagination-bullet-active {
    background: #4aaeba;
    border-color: #4aaeba;
  }
}

@media (max-width: 767px) {
  :host .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    top: unset;
    bottom: -38px;
  }

  :host .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #a4c6cb;
    cursor: pointer;
    background: transparent;
    opacity: 1;
  }

  :host .swiper-pagination-bullet-active {
    background: #4aaeba;
    border-color: #4aaeba;
  }
}

.swiper-horizontal {
  overflow: visible;
}

.swiper-wrapper slot {
  display: flex;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  top: unset;
  bottom: -70px;
}

.swiper-pagination-bullet {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid #a4c6cb;
  cursor: pointer;
  background: transparent;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #4aaeba;
  border-color: #4aaeba;
}

@media (max-width: 1124px) {
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    top: unset;
    bottom: -46px;
  }
  .swiper-pagination-bullet {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 2px solid #a4c6cb;
    cursor: pointer;
    background: transparent;
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    background: #4aaeba;
    border-color: #4aaeba;
  }
}

@media (max-width: 767px) {
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    top: unset;
    bottom: -38px;
  }

  .swiper-pagination-bullet {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #a4c6cb;
    cursor: pointer;
    background: transparent;
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    background: #4aaeba;
    border-color: #4aaeba;
  }
}
/* swiper end */

.consult-form-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.consult-form-modal__body {
  position: relative;
  width: 100%;
  max-width: 982px;
  margin: 0 auto;
}

.consult-form-modal__body .form-section__form {
  max-width: 982px;
  padding: 53px 54px 35px;
}

.consult-form-modal__body .form-section__form-title {
  text-align: center;
}

.consult-form-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.consult-form-modal__close img {
  width: 12px;
  z-index: 3;
}

.subscribe-success-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.subscribe-success-modal__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 460px;
  height: fit-content;
  min-height: 177px;
  padding: 24px;
  border-radius: 35px;
  margin: 0 auto;
  background: #e4f3f5;
  position: relative;
}

.subscribe-success-modal__title {
  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.subscribe-success-modal__text {
  color: #505050;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.subscribe-success-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.subscribe-success-modal__close img {
  width: 12px;
}

.application-success-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.application-success-modal__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 460px;
  height: fit-content;
  min-height: 177px;
  padding: 24px;
  border-radius: 35px;
  margin: 0 auto;
  background: #e4f3f5;
  position: relative;
}

.application-success-modal__title {
  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.application-success-modal__text {
  color: #505050;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.application-success-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.application-success-modal__close img {
  width: 12px;
}

.recall-success-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.recall-success-modal__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 460px;
  height: fit-content;
  min-height: 177px;
  padding: 24px;
  border-radius: 35px;
  margin: 0 auto;
  background: #e4f3f5;
  position: relative;
}

.recall-success-modal__title {
  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.recall-success-modal__text {
  color: #505050;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.recall-success-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recall-success-modal__close img {
  width: 12px;
}

.email-subscription-success-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.email-subscription-success-modal__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 460px;
  height: fit-content;
  min-height: 177px;
  padding: 24px;
  border-radius: 35px;
  margin: 0 auto;
  background: #e4f3f5;
  position: relative;
}

.email-subscription-success-modal__title {
  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.email-subscription-success-modal__text {
  color: #505050;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.email-subscription-success-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.email-subscription-success-modal__close img {
  width: 12px;
}

.already-saved-test-result-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.already-saved-test-result-modal__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 460px;
  height: fit-content;
  min-height: 177px;
  padding: 24px;
  border-radius: 35px;
  margin: 0 auto;
  background: #e4f3f5;
  position: relative;
}

.already-saved-test-result-modal__title {
  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.already-saved-test-result-modal__text {
  color: #505050;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}

.already-saved-test-result-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.already-saved-test-result-modal__close img {
  width: 12px;
}

.wrong-test-condition-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.wrong-test-condition-modal__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 460px;
  height: fit-content;
  min-height: 177px;
  padding: 24px;
  border-radius: 35px;
  margin: 0 auto;
  background: #e4f3f5;
  position: relative;
}

.wrong-test-condition-modal__title {
  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.wrong-test-condition-modal__text {
  color: #505050;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}

.wrong-test-condition-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrong-test-condition-modal__close img {
  width: 12px;
}

.save-test-result-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding-top: 15vh;
}

.save-test-result-modal__body {
  width: 480px;
  height: fit-content;
  padding: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 24px;
  background: linear-gradient(180deg, #d8ffc6 0%, #fff 45.74%);
  box-shadow: 0px 22px 48.5px 0px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  position: relative;
}

.save-test-result-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.save-test-result-modal__close img {
  width: 12px;
}

.save-test-result-modal__form-title {
  color: #0f8d9c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px;
}

.save-test-result-modal__form-row {
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.save-test-result-modal__form-row .input,
.save-test-result-modal__form-row .input-field {
  width: 100%;
  min-height: 56px;
}

.save-test-result-modal__form-row .input-error {
  color: #ce2828;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.input-error-name-save-test,
.input-error-phone-save-test,
.input-error-email-save-test {
  display: none;
}

.input-red {
  border: 1px solid #ce2828 !important;
}

.save-test-result-modal__form-text {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  margin-top: 24px;
}

.save-test-result-modal__form-text a {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.save-test-result-modal__submit {
  width: 100%;
  margin-top: 24px;
}

.for-specialists-success-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  padding: 0px 6px;
  z-index: 10001;
  overflow: hidden;
  overflow-y: auto;
  padding: 30vh 0;
}

.for-specialists-success-modal__body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 460px;
  height: fit-content;
  min-height: 177px;
  padding: 24px;
  border-radius: 35px;
  margin: 0 auto;
  background: #e4f3f5;
  position: relative;
}

.for-specialists-success-modal__title {
  color: #4aaeba;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.for-specialists-success-modal__text {
  color: #505050;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}

.for-specialists-success-modal__close {
  background: #d5eaed;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  position: absolute;
  top: 18px;
  right: 19px;
  cursor: pointer;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.for-specialists-success-modal__close img {
  width: 12px;
}

@media (max-width: 1124px) {
  .consult-form-modal__body {
    max-width: 530px;
  }
  .consult-form-modal__body .form-section__form {
    max-width: 530px;
    padding: 47px 51px 55px;
    border-radius: 35px;
  }
  .consult-form-modal__close {
    background: transparent;
    width: 30px;
    height: 30px;
    top: -45px;
    right: 0px;
  }
  .subscribe-success-modal__close {
    background: transparent;
    width: 30px;
    height: 30px;
    top: -45px;
    right: 0px;
  }
  .application-success-modal__close {
    background: transparent;
    width: 30px;
    height: 30px;
    top: -45px;
    right: 0px;
  }
  .already-saved-test-result-modal__close {
    background: transparent;
    width: 30px;
    height: 30px;
    top: -45px;
    right: 0px;
  }
  .wrong-test-condition-modal__close {
    background: transparent;
    width: 30px;
    height: 30px;
    top: -45px;
    right: 0px;
  }
  .save-test-result-modal__close {
    background: transparent;
    width: 30px;
    height: 30px;
    top: -45px;
    right: 0px;
  }
  .consult-form-modal__close img {
    width: 30px;
    filter: brightness(2.2);
  }
  .subscribe-success-modal__close img {
    width: 30px;
    filter: brightness(2.2);
  }
  .application-success-modal__close img {
    width: 30px;
    filter: brightness(2.2);
  }
  .already-saved-test-result-modal__close img {
    width: 30px;
    filter: brightness(2.2);
  }
  .wrong-test-condition-modal__close img {
    width: 30px;
    filter: brightness(2.2);
  }
  .save-test-result-modal img {
    width: 30px;
    filter: brightness(2.2);
  }
  .save-test-result-modal__body {
    width: 375px;
    padding: 38px;
  }
  .save-test-result-modal__form-title {
    font-size: 16px;
  }
  .save-test-result-modal__form-row {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .consult-form-modal__body .form-section__form {
    padding: 47px 37px;
    border-radius: 35px;
  }
  .consult-form-modal__close {
    right: 37px;
  }
  .subscribe-success-modal__close {
    right: 37px;
  }
  .application-success-modal__close {
    right: 37px;
  }
  .recall-success-modal__close {
    right: 37px;
  }
  .email-subscription-success-modal__close {
    right: 37px;
  }
  .save-test-result-modal__close {
    right: 37px;
  }
}

@media (max-width: 500px) {
  .consult-form-modal__body {
    max-width: unset;
  }
  .consult-form-modal__body .form-section__form {
    max-width: unset;
    padding: 47px 37px;
  }
  .subscribe-success-modal__body {
    width: 100%;
  }
  .application-success-modal__body {
    width: 100%;
  }
  .recall-success-modal__body {
    width: 100%;
  }
  .email-subscription-success-modal__body {
    width: 100%;
  }
  .already-saved-test-result-modal__body {
    width: 100%;
  }
  .wrong-test-condition-modal__body {
    width: 100%;
  }
  .save-test-result-modal__body {
    width: 100%;
  }
  .for-specialists-success-modal__body {
    width: 100%;
  }
}

.guide-section {
  margin: 0 auto;
  max-width: 1084px;
  width: 100%;
  margin: 72px auto 96px;
}

.guide-section__title {
  color: #0f8d9c;
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 40px;
  width: 100%;
  text-align: left;
}

.guide-section__body {
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.07);
  padding: 64px;
  display: flex;
  flex-direction: column;
}

.guide-section__section-title {
  color: #505050;
  font-size: 28px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 32px;
}

.guide-section__section-title span {
  color: #0f8d9c;
}

.guide-section__section-text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  align-self: center;
  line-height: 120%;
}

.guide-section__section-text strong {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 700;
  align-self: center;
  line-height: 120%;
}

.guide-section__section-text a {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-decoration: underline;
}

.guide-section__section-item {
  display: flex;
  margin-bottom: 22px;
}

.guide-section__number {
  border-radius: 8px;
  background: #e4f3f5;
  color: #4aaeba;
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 22px;
  line-height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.guide-section__btns-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

.guide-section__btn {
  width: 300px;
  height: 160px;
  border-radius: 36px;
  background: #d5eaed;
  cursor: pointer;
  padding: 12px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.guide-section__btn span {
  border-radius: 200px;
  background: #4aaeba;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  z-index: 1;
  text-align: center;
}

.guide-section__btn .guide-section__section-text {
  margin: auto;
  text-align: center;
  z-index: 1;
  font-size: 16px;
}

.guide-section__btn-shine--first {
  width: 275px;
  height: 151px;
  border-radius: 275px;
  background: #d7ffdd;
  filter: blur(34.599998474121094px);
  position: absolute;
  top: 108px;
}

.guide-section__btn-shine--second {
  width: 275px;
  height: 151px;
  border-radius: 275px;
  background: #f1ffff;
  filter: blur(34.599998474121094px);
  position: absolute;
  top: 108px;
}

.guide-section__btn-shine--third {
  width: 275px;
  height: 151px;
  border-radius: 275px;
  background: #ffeeea;
  filter: blur(34.599998474121094px);
  position: absolute;
  top: 108px;
}

.guide-section__btn-shine--fourth {
  width: 275px;
  height: 151px;
  border-radius: 275px;
  background: #e1e9ff;
  filter: blur(34.599998474121094px);
  position: absolute;
  top: 108px;
}

.guide-section__btn-shine--fifth {
  width: 275px;
  height: 151px;
  border-radius: 275px;
  background: #fffede;
  filter: blur(34.599998474121094px);
  position: absolute;
  top: 108px;
}

.guide-section__btn-shine--sixth {
  width: 275px;
  height: 151px;
  border-radius: 275px;
  background: #fbebff;
  filter: blur(34.599998474121094px);
  position: absolute;
  top: 108px;
}

@media (max-width: 1124px) {
  .guide-section {
    margin: 48px auto;
  }
  .guide-section__title {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
    padding: 0 72px;
  }
  .guide-section__body {
    border-radius: 0;
    background: #fff;
    box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.07);
    padding: 48px 79px;
  }
  .guide-section__section-title {
    font-size: 20px;
    margin-bottom: 32px;
  }
  .guide-section__section-text {
    font-size: 16px;
    line-height: 19.2px;
  }
  .guide-section__section-text strong {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
  }
  .guide-section__section-item {
    margin-bottom: 20px;
  }
  .guide-section__number {
    font-size: 16px;
    min-width: 32px;
    margin-right: 20px;
    line-height: 34px;
    text-align: center;
  }
  .guide-section__btns-section {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 40px;
  }
  .guide-section__btn {
    width: 293px;
  }
  .guide-section__btn span {
    font-size: 13px;
  }
  .guide-section__btn .guide-section__section-text {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .guide-section__title {
    word-break: break-word;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
    padding: 0 40px;
  }
  .guide-section__body {
    padding: 32px 37px;
  }
  .guide-section__section-title {
    word-break: break-word;
    margin-bottom: 24px;
  }
  .guide-section__section-item {
    margin-bottom: 32px;
    display: block;
  }
  .guide-section__number {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .guide-section__btns-section {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-top: 32px;
  }
}

@media (max-width: 500px) {
  .guide-section__btn {
    width: 100%;
  }
}

.test-result {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 72px 0;
}

.test-result-recomendations {
  width: 100%;
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  padding: 52px 72px;
  z-index: 1;
}

.test-result-recomendations__title {
  color: #0f8d9c;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.test-result-recomendations__btns {
  display: flex;
  flex-direction: row;
  gap: 41px;
  justify-content: center;
  width: 100%;
  margin: 40px auto 64px;
}

.test-result-recomendations__btn {
  border-radius: 14px;
  border: 2px solid #4aaeba;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4aaeba;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  width: 100%;
  max-width: 384px;
  height: 55px;
  cursor: pointer;
  background: #fff;
}

.test-result-recomendations__btn:hover {
  border-radius: 14px;
  border: 2px solid #4aaeba;
  background: rgba(74, 174, 186, 0.25);
  color: #4aaeba;
}

.test-result-recomendations__btn--active {
  background: #4aaeba;
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  color: #fff;
}

.test-result-recomendations__text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.test-result-recomendations__img {
  width: 100%;
  height: auto;
  border-radius: 14px;
  overflow: hidden;
  margin: 64px auto;
  display: flex;
  justify-content: center;
}

.test-result-recomendations__img img {
  height: auto;
  max-width: 100%;
}

.test-result-recomendations__section-item {
  display: flex;
  margin-bottom: 22px;
}

.test-result-recomendations__number {
  border-radius: 8px;
  background: #e4f3f5;
  color: #4aaeba;
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 22px;
  line-height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.test-result-recomendations__section-text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  align-self: center;
}

.test-result-recomendations__phys-load {
  display: none;
}

.test-result-text {
  border: none;
  position: relative;
  padding: 52px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
}

.test-result-text__step-text-back {
  color: rgba(0, 0, 0, 0.05);
  font-size: 100px;
  line-height: 100px;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  right: -3px;
}

.test-result-articles {
  padding: 52px;
  border-radius: 35px;
  background: #fff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.test-result-text__title {
  color: #0f8d9c;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
}

.test-result-text__text,
li {
  color: #4f4f4f;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  margin-top: 24px;
  position: relative;
}

.test-result-recomendations__section-text li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -26px;
  width: 13px;
  height: 13px;
  background: url("/bitrix/templates/stroynee/css/../img/icons/checkbox.svg");
  background-size: 13px 13px;
  background-repeat: no-repeat;
}

.test-result-recomendations__section-text ul {
  margin: 26px 0 0 26px;
  padding: 0;
  list-style-type: none;
}

.test-result-recomendations__link {
  margin-top: 40px;
}

.test-result-recomendations__link a {
  color: #0f8d9c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

.test-result-articles-list__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
  margin-top: 48px;
}

.test-result-articles-list {
  width: 100%;
  height: 442px;
  border-radius: 35px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 299px;
}

.test-result-articles-list__content {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.46) 45.87%
  );
  height: 310px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
  min-width: 299px;
}

.test-result-articles-list__content-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
}

.test-result-articles-list__content-desc {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  max-width: 278px;
  margin-bottom: 32px;
}

.test-result-articles-list__content-link {
  border-radius: 14px;
  border: 1px solid #fff;
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  width: 100%;
  height: 40px;
  line-height: 38px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 1124px) {
  .test-result {
    padding: 64px 78px;
  }
  .test-result-recomendations {
    border-radius: 32px;
    padding: 32px 24px;
  }
  .test-result-recomendations__title {
    font-size: 26px;
  }
  .test-result-recomendations__btn {
    border-radius: 12px;
    max-width: 233px;
    font-size: 16px;
  }
  .test-result-recomendations__btns:last-child {
    max-width: 305px;
  }
  .test-result-recomendations__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
  }
  .test-result-recomendations__img {
    height: 300px;
    margin: 48px auto;
    overflow: visible;
  }
  .test-result-recomendations__img img {
    max-width: 100vw;
    width: 100vw;
  }
  .test-result-recomendations__section-item {
    margin-bottom: 20px;
  }
  .test-result-recomendations__number {
    font-size: 16px;
    min-width: 32px;
    margin-right: 20px;
    line-height: 34px;
    text-align: center;
  }
  .test-result-recomendations__section-text {
    font-size: 16px;
    line-height: 19.2px;
  }
  .test-result-text {
    border-radius: 32px;
    padding: 32px 32px 40px 32px;
  }
  .test-result-text__step-text-back {
    font-size: 70px;
    line-height: 70px;
    bottom: -4px;
    right: -6px;
  }
  .test-result-text__title {
    font-size: 20px;
    line-height: 30px;
    text-align: start;
  }
  .test-result-text__text,
  li {
    font-size: 16px;
    line-height: 19.2px;
  }
  .test-result-recomendations__section-text ul {
    margin: 20px 0 0 20px;
  }
  .test-result-recomendations__link a {
    font-size: 16px;
    line-height: 19.2px;
  }
  .test-result-recomendations__link {
    margin-top: 32px;
  }
  .test-result-articles-list__item {
    min-width: 299px;
    width: 299px;
  }
  .test-result-articles-list__item:first-child {
    margin-left: 32px;
  }
  .test-result-articles-list__item:last-child {
    margin-right: 32px;
  }
  .test-result-articles {
    padding: 32px;
    border-radius: 32px;
    margin-top: 20px;
  }
  .test-result-articles-list__row {
    overflow: scroll;
    padding-bottom: 8px;
  }
  .test-result-recomendations__btns {
    margin: 32px auto 40px;
  }
}

@media (max-width: 767px) {
  .test-result {
    padding: 40px 0;
  }
  .test-result-recomendations {
    border-radius: 40px;
    padding: 32px 38px;
  }
  .test-result-recomendations__title {
    font-size: 20px;
  }
  .test-result-recomendations__btn {
    max-width: unset;
  }
  .test-result-recomendations__btns {
    flex-direction: column;
    gap: 20px;
    margin: 32px auto;
  }
  .test-result-recomendations__btns:last-child {
    max-width: unset;
    flex-direction: column;
  }
  .test-result-recomendations__img {
    height: auto;
    margin: 32px auto;
    overflow: visible;
  }
  .test-result-recomendations__section-item {
    margin-bottom: 32px;
  }
  .test-result-text {
    border-radius: 40px;
    padding: 38px 37px 24px 37px;
  }
  .test-result-text__step-text-back {
    font-size: 35px;
    line-height: 35px;
    bottom: -4px;
    right: 0;
    left: 0;
    text-align: center;
  }
  .test-result-recomendations__link a {
    word-break: break-all;
  }
  .test-result-recomendations__link {
    margin-top: 24px;
  }
  .test-result-articles-list__item {
    min-width: 284px;
    width: 284px;
  }
  .test-result-articles-list__item:first-child {
    margin-left: 37px;
  }
  .test-result-articles-list__item:last-child {
    margin-right: 37px;
  }
  .test-result-articles {
    padding: 38px;
    border-radius: 40px;
  }
}

.test-link {
  color: #0f8d9c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-decoration: none;
}

@media (max-width: 1124px) {
  .test-link {
    font-size: 16px;
    line-height: 19.2px;
  }
}

.guide-link {
  color: #459aa4;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  align-self: center;
  text-decoration: none;
}

.guide-link:hover {
  color: #0f8d9c;
  transition: 0.2s;
}

@media (max-width: 1124px) {
  .guide-link {
    font-size: 16px;
    line-height: 19.2px;
  }
}

.theme-color {
  color: #0f8d9c;
}

.grey-color {
  color: #5c5c5c;
}

.fw-400 {
  font-weight: 400;
}

.circe-font {
  font-family: Circe, sans-serif;
}

.no-margin {
  margin: 0 !important;
}

.stories {
  width: 100%;
  margin: 72px auto 0 auto;
  max-width: 1084px;
  z-index: 2;
  position: relative;
}

.stories__container {
  margin: 0 auto;
  max-width: 1084px;
  width: 100%;
}

.stories__title {
  color: #0f8d9c;
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 40px;
  width: 100%;
  text-align: left;
}

.stories__subtitle {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.stories__item {
  display: none;

  width: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  padding: 72px;
  margin-bottom: 56px;
}

.stories__item h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 150%;
  color: #505050;
}

.stories__item h4 {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #505050;
}

.stories__avatar {
  border: 1px solid #a4c6cb;
  border-radius: 14px;
  width: 100px;
  min-width: 100px;
  height: 100px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stories__avatar img {
  width: 100%;
  height: auto;
}

.stories__item-title-block {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-bottom: 30px;
}

.stories__item-title {
  margin: 17px 0;
}

.stories__endocrinologist-block {
  margin-top: 72px;
}

.stories-link {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  align-self: center;
  text-decoration: underline;
}

.story-item__comment-block {
  background: #d5eaed;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 28px -6px rgba(213, 234, 237, 0.5);
  border-radius: 6px 48px 48px 48px;
  position: relative;
  padding: 48px 156px;
  margin: 30px auto 56px;
}

.story-item__comment-block--with-photo {
  padding: 48px;
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.story-item__comment-block-logo {
  position: absolute;
  top: 24px;
  left: 44px;
}

.story-item__comment-block-img {
  width: 276px;
  max-width: 100%;
  height: auto;
  margin-top: 72px;
  border-radius: 12px;
}

.story-item__comma {
  color: rgba(15, 141, 156, 0.2);
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  position: absolute;
}

.story-item__comma:first-child {
  top: 48px;
  left: 88px;
}

.story-item__comment-block--with-photo .story-item__comma:first-child {
  top: -32px;
  left: -40px;
}

.story-item__comma:last-child {
  bottom: 12px;
  right: 88px;
}

.story-item__comment-block--with-photo .story-item__comma:last-child {
  bottom: -62px;
  right: 0;
}

.story-item__comment {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  position: relative;
}

.story-item__comment .guide-link {
  font-size: 18px;
  line-height: 21.6px;
}

.stories__item-subtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #1e8995;
  margin-bottom: 22px;
}

.stories__item-text,
.stories__item-preview,
.stories__item-number-text {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #5c5c5c;
}

.stories__item-text .guide-link {
  font-size: 18px;
  line-height: 120%;
}

.stories__item-text ul {
  margin: 26px 0 0 26px;
  padding: 0;
  list-style-type: none;
}

.stories__item-text li {
  position: relative;
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

.stories__item-text li + li {
  margin-top: 20px;
}

.stories__item-text li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -26px;
  width: 13px;
  height: 13px;
  border-radius: 8px;
  background: #4aaeba;
}

.stories__item-text {
  display: none;
}

.stories__item-preview {
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 48px;
}

.stories__collapse-btn {
  display: none;
  max-width: 334px;
  width: 100%;
  margin-left: auto;
}

.stories__read-btn {
  max-width: 334px;
  width: 100%;
  margin-left: auto;
}

.stories-item__section-part {
  display: flex;
  align-items: center;
  margin: 21px auto;
}

.stories-item__number {
  border-radius: 8px;
  background: #e4f3f5;
  color: #4aaeba;
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 22px;
  line-height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  margin: 56px auto 72px;
}

.tags-list--story {
  margin: 72px auto 56px;
}

.tag-item-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 13px 30px;
  gap: 8px;
  min-width: 125px;
  width: fit-content;
  height: 48px;
  background: #d5eaed;
  border-radius: 14px;
  cursor: pointer;
}

.tag-item-wrap label {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  color: #0f8d9c;
  text-align: center;
  user-select: none;
  cursor: pointer;
}

.tag-item-wrap:hover {
  background: #0f8d9c;
}

.tag-item-wrap:hover > label {
  color: #d5eaed;
}

.tag-item-wrap--active {
  background: #0f8d9c;
}

.tag-item-wrap--active > label {
  color: #d5eaed;
}

.tag-item-wrap input[type="radio"] {
  display: none;
}

.news {
  width: 100%;
  margin: 72px auto 0 auto;
  max-width: 1084px;
  z-index: 2;
  position: relative;
}
.news__container {
  margin: 0 auto;
  max-width: 1164px;
  width: 100%;
  padding: 0 40px;
}
.news__title {
  color: #414141;
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 42px;
  width: 100%;
  text-align: left;
}
.news__subtitle {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 72px;
}
.news-item {
  display: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  margin-bottom: 56px;
  border-radius: 35px;
  overflow: hidden;
  padding: 0 0 72px;
}
.news-link {
  /* color: #5c5c5c; */
  color: #1e8995;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  align-self: center;
  text-decoration: underline;
}
.news-item__img {
  width: 100%;
  height: 480px;
}
.news-item__top {
  padding: 30px 72px 0;
}
.news-item__body {
  display: none;
  padding: 30px 72px 0;
}
.news-item .button {
  width: 100%;
  max-width: 334px;
  margin: 47px 72px 0 auto;
}
.news-item__date {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #505050;
  margin-bottom: 25px;
}
.news-item__header {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
  color: #505050;
  margin-bottom: 12px;
}
.news-item__subheader {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #505050;
}
.news-item__subtitle {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #1e8995;
  margin-bottom: 22px;
}
.news-item__text {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #5c5c5c;
  margin-bottom: 30px;
}

@media (max-width: 1124px) {
  .stories {
    margin: 40px auto 0 auto;
  }
  .stories__container {
    padding: 0 80px;
  }
  .stories__item {
    border-radius: 0;
    padding: 50px 80px;
  }
  .story-item__comment-block {
    border-radius: 6px 40px 40px 40px;
    padding: 48px 50px;
    margin-bottom: 32px;
  }
  .story-item__comma {
    font-size: 120px;
    line-height: 144px;
  }
  .story-item__comma:first-child {
    top: 0px;
    left: 24px;
  }
  .story-item__comma:last-child {
    bottom: -48px;
    right: 24px;
  }
  .stories-link {
    font-size: 16px;
    line-height: 19.2px;
  }
  .stories__title {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
  }
  .news__title {
    font-size: 32px;
    margin-bottom: 32px;
  }
  .news-link {
    font-size: 16px;
    line-height: 19.2px;
  }
  .tags-list {
    margin: 48px auto 72px;
  }
  .tags-list--story {
    margin: 32px auto;
  }
  .stories__item h2 {
    font-size: 20px;
  }
  .stories__item h4 {
    font-size: 16px;
  }
  .stories__endocrinologist-block {
    margin-top: 48px;
  }
  .stories-item__section-part {
    margin: 19px auto;
  }
  .stories-item__number {
    font-size: 16px;
    min-width: 32px;
    margin-right: 20px;
    line-height: 34px;
    text-align: center;
  }
  .stories__item-text ul {
    margin: 20px 0 0 20px;
  }
  .stories__item-text li {
    font-size: 16px;
    line-height: 19.2px;
  }
  .stories__item-text li::before {
    top: 4px;
    left: -20px;
    width: 10px;
    height: 10px;
  }
  .story-item__comment-block--with-photo {
    flex-direction: column;
    align-items: center;
  }
  .story-item__comment-block-img {
    margin-top: 0;
  }
  .story-item__comment-block--with-photo .story-item__comma:first-child {
    top: -72px;
    left: -30px;
  }
  .story-item__comment-block--with-photo .story-item__comma:last-child {
    bottom: -120px;
    right: 0;
  }
  .news-item {
    border-radius: 0;
    padding: 0 0 40px;
  }
  .news-item__top {
    padding: 20px 40px 0;
  }
  .news-item .button {
    margin: 40px 40px 0 auto;
  }
  .news-item__body {
    padding: 30px 40px 0;
  }
}

@media (max-width: 767px) {
  .stories__container {
    padding: 0 40px;
  }
  .story-item__comment-block {
    padding: 40px 30px;
    margin-bottom: 40px;
  }
  .stories__title {
    word-break: break-word;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }
  .stories__subtitle {
    font-size: 16px;
  }
  .tags-list {
    gap: 15px;
    margin: 30px auto 48px;
  }
  .tags-list--story {
    margin: 40px auto;
  }
  .stories__item h2 {
    font-size: 18px;
    line-height: 110%;
    margin-bottom: 20px;
  }
  .stories__item h4 {
    font-size: 14px;
  }
  .stories__item-preview,
  .stories__item-text {
    font-size: 16px;
  }
  .stories__item-text .guide-link {
    font-size: 16px;
  }
  .stories__item-subtitle {
    font-size: 16px;
  }
  .story-item__comment,
  .story-item__comment .guide-link,
  .stories__item-text li {
    font-size: 14px;
    line-height: 120%;
  }
  .tag-item-wrap {
    min-width: unset;
    padding: 13px 18px;
  }
  .stories__endocrinologist-block {
    margin-top: 30px;
  }
  .stories__avatar {
    width: 70px;
    min-width: 70px;
    height: 70px;
  }
  .stories__item {
    padding: 40px;
  }
  .stories__item-title-block {
    gap: 14px;
  }
  .stories-item__section-part {
    margin: 16px auto;
  }
  .stories__read-btn {
    max-width: 305px;
  }
  .story-item__comment-block-logo {
    left: unset;
  }
  .story-item__comment-block-img {
    margin-top: 62px;
  }
  .story-item__comment-block--with-photo .story-item__comma:first-child {
    top: -72px;
    left: -28px;
  }
  .story-item__comment-block--with-photo .story-item__comma:last-child {
    bottom: -112px;
    right: 0;
  }
  .news__title {
    font-size: 30px;
    margin-bottom: 32px;
  }
  .news__subtitle {
    font-size: 18px;
    margin-bottom: 48px;
  }
  .news-item__date {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .news-item__header {
    font-size: 18px;
    line-height: 110%;
  }
  .news-item__subheader {
    font-size: 14px;
    line-height: 120%;
  }
  .news-item__text {
    font-size: 16px;
  }
  .news-item__subtitle {
    font-size: 16px;
  }
  .news-item .button {
    margin: 40px auto 0;
  }
  .news-item__img {
    height: 166px;
    background-position: 50%;
    background-size: cover;
  }
}

.pen {
  pointer-events: none !important;
}

.specialists-section {
  width: 100%;
  margin: 72px auto 0 auto;
  max-width: 1084px;
  z-index: 2;
  position: relative;
}

.specialists-section__title {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 40px;
  color: #0f8d9c;
}

.specialists-section__subtitle {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #0f8d9c;
  margin: 36px 0 18px;
}

.specialists-section__text {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #5c5c5c;
}

.specialists-section__text ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.specialists-section__blob-bg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 72px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  margin-bottom: 72px;
}

.specialists-section__blob-sm {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 28px 28px 32px;
  width: 100%;
  background: #4aaeba;
  border-radius: 15px;
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 150%;
  color: #ffffff;
  margin: 72px 0 38px;
}

.specialists-section__blob-bg .specialists-section__blob-sm:first-child {
  margin-top: 0;
}

.specialists-section__blob-bg .specialists-section__blob-sm:last-child {
  margin-bottom: 0;
}

.specialists-section__blob-list {
  margin: 0 0 28px 26px !important;
  display: flex;
  flex-wrap: wrap;
  column-gap: 36px;
  row-gap: 20px;
}

.specialists-section__blob-list li {
  width: 168px;
}

.specialists-section ul {
  margin: 26px 0 0 26px;
  padding: 0;
  list-style-type: none;
}

.specialists-section li {
  position: relative;
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  margin-top: 0;
}

.specialists-section li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -26px;
  width: 13px;
  height: 13px;
  border-radius: 8px;
  background: #4aaeba;
}

@media (max-width: 1124px) {
  .specialists-section {
    margin: 40px auto 0;
  }
  .specialists-section__title {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
    padding: 0 72px;
  }
  .specialists-section__subtitle {
    font-size: 16px;
    line-height: 120%;
  }
  .specialists-section__blob-sm {
    font-size: 20px;
    line-height: 150%;
    padding: 20px 20px 20px 24px;
    margin: 64px 0 32px;
  }
  .specialists-section__blob-bg {
    padding: 40px 72px;
  }
  .specialists-section__blob-list {
    column-gap: 46px;
  }
  .specialists-section__blob-list li {
    width: 114px;
  }
  .specialists-section li {
    font-size: 16px;
    line-height: 120%;
  }
  .specialists-section__text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .specialists-section__title {
    word-break: break-word;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
    padding: 0 40px;
  }
  .specialists-section__blob-bg {
    padding: 40px 38px;
  }
  .specialists-section__blob-sm {
    font-size: 18px;
    padding: 18px 18px 18px 22px;
    margin: 64px 0 24px;
  }
  .specialists-section__blob-list {
    column-gap: 44px;
  }
}

.webinar-section {
  width: 100%;
  margin: 72px auto 100px;
  max-width: 1084px;
  z-index: 2;
  position: relative;
}

.webinar-section__title {
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  color: #0f8d9c;
  margin-bottom: 15px;
}

.webinar-section__subtitle {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 150%;
  color: #505050;
  margin-bottom: 132px;
}

.webinar-section__background {
  background: #e4f3f5;
  border-radius: 48px;
}

.webinar-section__body {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 16px;
  /* height: 686px; */
}

.webinar-section__doctor-photo {
  width: 481px;
  height: auto;
  position: absolute;
  bottom: 300px;
  left: 24px;
}

.webinar-section__blob-section {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  bottom: 60px;
}

.webinar-section__blob-sm ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.webinar-section__blob-sm li {
  position: relative;
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  margin-top: 0;
}

.webinar-section__blob-sm li strong {
  position: relative;
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  margin-top: 0;
}

.webinar-section__blob-sm li::before {
  content: "✓";
  width: unset;
  height: unset;
  top: 0px;
  left: -22px;
  color: #4aaeba;
  background: transparent;
}

.webinar-section__blob-bg ul {
  margin: 26px 0 26px 26px;
  padding: 0;
  list-style-type: none;
}

.webinar-section__blob-bg li {
  position: relative;
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  margin-top: 0;
}

.webinar-section__blob-bg li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -26px;
  width: 13px;
  height: 13px;
  border-radius: 8px;
  background: #4aaeba;
}

.webinar-section__blob-sm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  background: #ffffff;
  border-radius: 35px;
  margin: 0;
  width: 100%;
  max-width: 516px;
  margin-right: 0;
}

.webinar-section__blob-bg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  background: #ffffff;
  border-radius: 35px;
  margin: 0;
  width: 100%;
  position: relative;
  /* bottom: 76px; */
}

.webinar-section__blob-sm h3 {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 110%;
  color: #007785;
  margin-bottom: 24px;
}

.webinar-section__doc-text {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 110%;
  color: #007785;
}

.webinar-section__doc-text a {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 110%;
  color: #007785;
}

.webinar-section__doc-text strong {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  color: #007785;
}

.webinar-section__text {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 110%;
  color: #626262;
}

.webinar-section__btn {
  width: 100%;
  margin: 20px 0;
}

.webinar-section__form-text {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.webinar-section__form-text a {
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.webinar-section__form-text span {
  text-decoration: underline;
  font-family: Circe, sans-serif;
  color: #858585;
  font-family: Circe, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
}

.dp-adaptive {
  bottom: 332px;
}

@media (max-width: 1124px) {
  .webinar-section__background {
    border-radius: 32px;
    margin: 0 78px;
  }
  .webinar-section__body {
    height: unset;
    padding: 364px 16px 16px;
    gap: 16px;
  }
  .webinar-section__title {
    font-size: 32px;
    line-height: 48px;
    padding: 0 72px;
  }
  .webinar-section__subtitle {
    font-size: 20px;
    margin-bottom: 84px;
    padding: 0 72px;
  }
  .webinar-section__doctor-photo {
    width: 300px;
    height: auto;
    bottom: unset;
    top: 12px;
    left: unset;
    z-index: 1;
    position: absolute;
  }
  .webinar-section__blob-sm {
    z-index: 2;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: unset;
    padding: 24px;
  }
  .webinar-section__blob-section .webinar-section__blob-sm {
    max-width: 289px;
    padding: 24px;
    z-index: 0;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .webinar-section__blob-sm li strong,
  .webinar-section__blob-sm li {
    font-size: 16px;
  }
  .webinar-section__form-text {
    font-size: 11px;
  }
  .webinar-section__form-text a {
    font-size: 11px;
  }
  .webinar-section__btn {
    width: 265px;
    margin: 0 0 16px auto;
  }
  .webinar-section__blob-sm h3 {
    font-size: 18px;
  }
  .webinar-section__doc-text strong,
  .webinar-section__doc-text,
  .webinar-section__doc-text a {
    font-size: 18px;
  }
  .webinar-section__text {
    font-size: 16px;
  }
  .webinar-section__blob-bg li {
    font-size: 16px;
  }
  .webinar-section__blob-bg {
    padding: 24px;
    max-width: unset;
    bottom: unset;
  }
  .webinar-section__blob-section {
    bottom: unset;
    position: absolute;
    right: 16px;
    top: -24px;
  }
  .dp-adaptive {
    top: 60px;
  }
}

@media (max-width: 767px) {
  .webinar-section {
    margin: 40px auto 48px;
  }
  .webinar-section__background {
    margin: 0 38px;
  }
  .webinar-section__body {
    padding: 12px;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .webinar-section__title {
    word-break: break-word;
    font-size: 24px;
    line-height: 32px;
    padding: 0 40px;
  }
  .webinar-section__subtitle {
    font-size: 20px;
    margin-bottom: 82px;
    padding: 0 40px;
  }
  .webinar-section__blob-section {
    position: relative;
    right: unset;
    top: -58px;
    margin-bottom: 180px;
  }
  .webinar-section__blob-sm {
    max-width: unset;
  }
  .webinar-section__btn {
    width: 100%;
    margin: 10px 0 16px;
  }
  .webinar-section__form-text {
    font-size: 10px;
  }
  .webinar-section__form-text a {
    font-size: 10px;
  }
  .webinar-section__doctor-photo {
    width: 256px;
    height: auto;
    margin: 0 auto;
    bottom: unset;
    left: unset;
    top: 264px;
  }
  .webinar-section__blob-bg ul {
    margin: 16px 0 16px 26px;
  }
  .webinar-section__blob-sm h3 {
    font-size: 16px;
  }
  .webinar-section__doc-text strong,
  .webinar-section__doc-text {
    font-size: 16px;
  }
  .dp-adaptive {
    top: 200px;
  }
}

@media (max-width: 400px) {
  .webinar-section__doc-text strong,
  .webinar-section__doc-text {
    font-size: 15px;
  }
}

@media (max-width: 380px) {
  .webinar-section__doc-text strong,
  .webinar-section__doc-text {
    font-size: 14px;
  }
}

.webinars {
  padding: 72px 0 100px;
  background: #e4f3f5;
}

.webinars__container {
  margin: 0 auto;
  max-width: 1084px;
  width: 100%;
  padding: 0;
}

.webinars__heading {
  color: #0f8d9c;
  font-family: Unbounded, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 40px;
  width: 100%;
}

.webinars__subtitle {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #0f8d9c;
  margin-bottom: 56px;
}

.webinars__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  row-gap: 64px;
}

.webinars__item {
  width: 100%;
  height: unset;
  border-radius: 35px;
  overflow: hidden;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.webinars__item:hover {
  box-shadow: 0px 15px 39px -12px rgba(0, 0, 0, 0.07);
}

.webinars__item-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 32px;
  background: #ffffff;
}

.webinars__content-heading {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  color: #0f8d9c;
}

.webinars__content-text {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #5c5c5c;
}

@media (max-width: 1124px) {
  .webinars__container {
    padding: 0 78px;
  }
  .webinars__heading {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 32px;
  }
  .webinars__subtitle {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .webinars__row {
    gap: 16px;
  }
  .webinars__item-content {
    padding: 24px;
    gap: 24px;
  }
  .webinars__content-heading {
    font-size: 20px;
  }
  .webinars__content-text {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .webinars {
    padding: 40px 0 48px;
    background: #e4f3f5;
  }
  .webinars__container {
    padding: 0 38px;
  }
  .webinars__row {
    display: flex;
    flex-direction: column;
  }
  .webinars__heading {
    word-break: break-word;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 32px;
  }
}

.imt-section {
  padding: 0 78px;
}

.imt-section__blob {
  width: 100%;
  max-width: 1084px;
  margin: 48px auto;
  padding: 52px 52px 160px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 35px;
  position: relative;
}

.imt-section__text-back {
  color: #d5eaed;
  font-size: 100px;
  line-height: 100px;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  right: -3px;
  text-decoration: none;
}

.imt-section__title {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 150%;
  color: #0f8d9c;
  text-align: center;
  margin-bottom: 24px;
}

.imt-section__subtitle {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 150%;
  color: #0f8d9c;
  text-align: center;
  margin-bottom: 16px;
}

.imt-section__list-item {
  display: flex;
  margin-bottom: 22px;
}

.imt-section__list-item-arrow {
  border-radius: 8px;
  background: #e4f3f5;
  color: #4aaeba;
  font-size: 18px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  min-width: 32px;
  margin-right: 22px;
  line-height: 34px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-section__form {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 72px 0 60px;
}

.imt-section__form-inputs {
  display: flex;
  flex-direction: row;
  gap: 48px;
}

.imt-section__form-result {
  margin-left: auto;
}

.imt-section__list-item-text {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  align-self: center;
}

.imt-section__list-item-text strong {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 600;
  align-self: center;
}

.imt-section__list-item-text a {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  align-self: center;
}

.imt-section__form-field {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: -webkit-fill-available;
  min-width: fit-content;
  position: relative;
}

.imt-section__input-lable {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
}

.imt-section__input {
  width: 112px;
}

.imt-input {
  height: 48px;
  border-radius: 10px;
  border: 1px solid #a4c6cb;
  background: #fff;
  outline: none;
  padding: 1px 20px;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.imt-result-input {
  background: #e4f3f5;
}

.imt-input:hover {
  border: 2px solid #95d6de;
}

.imt-input:focus {
  border: 2px solid #4aaeba;
}

.imt-input::placeholder {
  color: #c9c9c9;
}

.imt-input-error {
  color: #ce2828;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  margin-top: 5px;
  position: relative;
  top: 5px;
}

.imt-input-error {
  display: none;
  position: absolute;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: right;
}

.imt-section__result {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-top: 60px;
}

.imt-section__img {
  width: 100%;
}

.imt-section__logo {
  width: 100%;
  max-width: 232px;
  height: auto;
  margin: 0 auto 42px;
  display: flex;
}

.imt-section__quote-block {
  background: #d5eaed;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 28px -6px rgba(213, 234, 237, 0.5);
  border-radius: 6px 48px 48px 48px;
  position: relative;
  padding: 48px 156px;
  margin-top: 30px;
}

.imt-section__quote,
.imt-section__quote a {
  color: #5c5c5c;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
}

@media (max-width: 1124px) {
  .imt-section__blob {
    padding: 40px 32px 114px;
    border-radius: 32px;
  }
  .imt-section__text-back {
    font-size: 70px;
    line-height: 70px;
    bottom: -1px;
    right: 8px;
  }
  .imt-section__title {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .imt-section__subtitle {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .imt-section__form {
    margin: 40px 0 32px;
  }
  .imt-section__result {
    gap: 20px;
    margin-top: 32px;
  }
  .imt-section__list-item {
    margin-bottom: 20px;
  }
  .imt-section__list-item-arrow {
    font-size: 16px;
    min-width: 32px;
    margin-right: 20px;
    line-height: 34px;
    text-align: center;
  }
  .imt-section__list-item-text,
  .imt-section__list-item-text strong {
    font-size: 16px;
    line-height: 19.2px;
  }
  .imt-section__form-field {
    gap: 14px;
  }
  .imt-section__input-lable {
    font-size: 16px;
    line-height: 19.2px;
  }
  .imt-section__input {
    width: 90px;
  }
  .imt-input {
    font-size: 16px;
  }
  .imt-input-error {
    width: unset;
  }
  .imt-section__form-inputs {
    gap: 30px;
  }
  .imt-section__img-qr {
    width: 113px;
    height: 113px;
  }
  .imt-section__quote-block {
    border-radius: 6px 40px 40px 40px;
    padding: 48px 50px;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .imt-section {
    padding: 0 38px;
  }
  .imt-section__blob {
    padding: 24px 16px 44px;
    border-radius: 32px;
  }
  .imt-section__text-back {
    font-size: 35px;
    line-height: 35px;
    bottom: -4px;
    right: 0;
    left: 0;
    text-align: center;
  }
  .imt-input-error {
    top: 50px;
    margin-left: 130px;
    text-align: left;
  }
  .imt-section__form {
    flex-direction: column;
    gap: 30px;
  }
  .imt-section__form-inputs {
    flex-direction: column;
  }
  .imt-section__result {
    gap: 0px;
    flex-direction: column;
  }
  .imt-section__form-result {
    margin: 0;
  }
  .imt-section__input-lable {
    width: 90px;
  }
  .imt-section__input {
    width: 160px;
  }
  .imt-section__quote-block {
    padding: 40px 30px;
    margin-top: 10px;
  }
  .imt-section__quote,
  .imt-section__quote a {
    font-size: 14px;
    line-height: 120%;
  }
}

.underline {
  text-decoration: underline;
}

.banner {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.banner-mt a {
  margin-top: 40px;
}
.banner-mb a {
  margin-bottom: 40px;
}
@media (max-width: 1124px) {
  .banner-mt a {
    margin-top: 32px;
  }
  .banner-mb a {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .banner-mt a {
    margin-top: 24px;
  }
  .banner-mb a {
    margin-bottom: 24px;
  }
}

.sejaro {
  margin: 0 auto;
  max-width: 1180px;
  width: 100%;
  z-index: 2;
  position: relative;
}
.sejaro__intro {
  background: #e4f3f5;
  border: 1px solid #e4f3f5;
  border-radius: 32px;
  padding: 57px 46px;
  position: relative;
  width: 100%;
  height: 612px;
  margin-top: 82px;
}
.intro__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 150%;
  text-transform: uppercase;
  color: #0f8d9c;
}
.intro__subtitle {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  color: #262626;
  margin-top: 27px;
}
.intro__back-img {
  width: 580px;
  height: 707px;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/bitrix/templates/stroynee/css/../img/intro__back-img.png");
  position: absolute;
  top: -102px;
  right: 50px;
}

.sejaro__cards-wrap {
  width: 100%;
  top: -221px;
  position: relative;
  margin-bottom: -121px;
}
.sejaro__cards {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.card {
  width: 352px;
  height: 710px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 32px;
  padding: 20px 24px;
}
.card__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  color: #0f8d9c;
  margin-bottom: 10px;
}
.card__subtitle {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #262626;
  margin-bottom: 10px;
}
.card__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #505050;
  height: 63px;
}
.card__img-container {
  width: 304px;
  height: 169px;
  overflow: visible;
  margin: 20px auto;
}
.card__img {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 28px;
}
.card__img--sema {
  width: 305px;
  height: 211px;
  background-image: url("/bitrix/templates/stroynee/css/../img/card__img--sema.png");
  position: relative;
}
.card__img--next {
  width: 305px;
  height: 209px;
  background-image: url("/bitrix/templates/stroynee/css/../img/card__img--next.png");
  position: relative;
}
.card__img--seja {
  width: 305px;
  height: 201px;
  background-image: url("/bitrix/templates/stroynee/css/../img/card__img--seja.png");
  position: relative;
}
.card__info {
  width: 100%;
  height: 61px;
  margin-bottom: 20px;
  padding: 8px;
  border: 1.5px solid #4aaeba;
  border-radius: 8px;
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: #505050;
}
.card__info span {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  color: #282828;
}
.card__benefits {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.benefit {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 10px 8px;
  gap: 12px;
  width: 100%;
  background: #e4f3f5;
  border-radius: 8px;
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #0f8d9c;
}
.benefit::before {
  height: 24px;
  width: 24px;
  min-width: 24px;
  background-size: contain;
}
.appetite::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_342)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8816 21.1389H5.55137C3.59227 21.1389 1.85289 19.8853 1.23323 18.0265L0.5213 15.8903C0.479093 15.7643 0.500403 15.6255 0.578197 15.5177C0.655783 15.4097 0.780749 15.3458 0.913783 15.3458H1.0313L1.03068 15.3406C0.934887 14.6758 1.21958 14.2056 1.66254 13.8795C2.11958 13.5433 2.76923 13.3811 3.24365 13.3167C3.29599 13.1564 3.37441 12.927 3.44496 12.7647C3.52316 12.5854 3.6171 12.4387 3.70358 12.3563C3.8482 12.2185 4.03172 12.1476 4.23634 12.1207C4.33213 12.1081 4.43475 12.1095 4.53344 12.1066C4.6433 11.8414 4.87317 11.4284 5.48496 11.1383C5.66206 11.0541 5.92151 11.0283 6.19006 11.05C6.40544 11.0672 6.69758 11.1185 6.82606 11.1423C6.84924 11.1301 6.87841 11.1147 6.91275 11.0974C6.91296 10.0931 6.91379 6.93833 6.91379 5.04336C6.91379 4.75577 6.7642 4.48888 6.52048 4.33908C6.13834 4.1175 5.8793 3.74405 5.8793 3.34577V1.6906C5.8793 1.00494 6.43503 0.449219 7.12068 0.449219H19.9483C20.6339 0.449219 21.1897 1.00494 21.1897 1.6906V3.34577C21.1897 3.74136 20.9329 4.11232 20.5592 4.3426L20.5572 4.34405C20.313 4.4926 20.1641 4.75764 20.1641 5.04336V5.04501C20.1579 6.64288 20.1562 9.74881 20.156 11.4576C19.8862 11.3835 19.61 11.3252 19.3284 11.2836C19.3288 9.5446 19.3305 6.58805 19.3365 5.04336C19.3365 4.46881 19.6361 3.93563 20.125 3.63832C20.2441 3.56467 20.3621 3.47198 20.3621 3.34577V1.6906C20.3621 1.46198 20.1769 1.27681 19.9483 1.27681H7.12068C6.89206 1.27681 6.70689 1.46198 6.70689 1.6906V3.34577C6.70689 3.46763 6.82048 3.55681 6.93779 3.62446C6.94068 3.62612 6.94358 3.62777 6.94648 3.62943C7.43993 3.92963 7.74137 4.4657 7.74137 5.04336C7.74137 6.76784 7.74075 9.53612 7.74034 10.7771C7.88248 10.7421 8.02462 10.7208 8.15434 10.7241L8.15517 5.04336C8.15496 4.42991 7.88331 3.85412 7.42379 3.46515C7.23634 3.31039 7.12668 3.08074 7.1242 2.83846C7.12089 2.74391 7.12068 2.62929 7.12068 2.51819C7.12068 2.06115 7.49124 1.6906 7.94827 1.6906H19.1207C19.5777 1.6906 19.9483 2.06115 19.9483 2.51819V2.84032C19.9481 3.08715 19.838 3.32074 19.6479 3.47798C19.1921 3.86115 18.9227 4.43363 18.9227 5.04336V5.04501C18.9179 6.25619 18.915 9.09647 18.9138 11.235C18.7092 11.217 18.5023 11.2078 18.2931 11.2078C18.2238 11.2078 18.1549 11.2089 18.0862 11.2107C18.0875 9.07433 18.0903 6.24936 18.0951 5.04191C18.0955 4.18515 18.4758 3.38136 19.1166 2.84343L19.1207 2.84012V2.51819H7.94827C7.94827 2.62081 7.94806 2.72694 7.95158 2.81343C7.95179 2.81819 7.95179 2.82294 7.95179 2.82791L7.95593 2.83122C8.60124 3.3766 8.98255 4.1835 8.98275 5.04315L8.98193 10.9714C9.02186 10.9956 9.06034 11.0206 9.09779 11.0454C9.21055 11.1207 9.29972 11.2116 9.45531 11.2242C9.70834 11.2445 10.8448 10.9519 11.1827 10.9616C11.7839 10.9788 12.4224 11.6427 12.6237 11.7034C12.8021 11.757 12.9879 11.6862 13.1741 11.6568C13.4002 11.621 13.6195 11.6361 13.845 11.6746C14.1105 11.7201 14.3801 11.9872 14.6087 12.25C14.3919 12.3836 14.1829 12.5289 13.9824 12.6847C13.8663 12.5727 13.7424 12.489 13.6135 12.4691C13.4257 12.4403 13.2428 12.4869 13.0555 12.5163C12.8283 12.5523 12.6034 12.5614 12.3852 12.4958C12.128 12.4184 11.6079 11.7994 11.1467 11.7884C10.8916 11.7822 9.73565 12.0768 9.3891 12.0491C9.12013 12.0274 8.92917 11.9278 8.74006 11.8023C8.58986 11.7025 8.44193 11.5714 8.13986 11.5517C7.88579 11.5352 7.44696 11.8273 7.01041 11.9655C6.97379 11.9754 6.91627 11.9854 6.83972 11.9806C6.7671 11.9761 6.18344 11.8755 6.04751 11.8701C5.96848 11.8672 5.89275 11.8608 5.83958 11.8861C5.2882 12.1476 5.24537 12.5852 5.19448 12.6754C5.10737 12.8295 4.98737 12.8802 4.8951 12.8988C4.76848 12.9247 4.37475 12.9356 4.32468 12.9441C4.30668 12.9472 4.28703 12.9435 4.27399 12.9559C4.22848 12.9994 3.97689 13.761 3.93696 13.8485C3.82979 14.0837 3.63613 14.1098 3.57199 14.1141C3.27013 14.1352 2.76634 14.2118 2.35813 14.4207C2.05109 14.5782 1.79144 14.818 1.84978 15.2225C1.85578 15.2638 1.85496 15.305 1.85413 15.3458H11.8816C11.7605 15.6131 11.6557 15.8895 11.5683 16.1734H1.48792L2.0184 17.7648C2.5253 19.2855 3.94834 20.3113 5.55137 20.3113H11.5683C11.6557 20.5952 11.7605 20.8716 11.8816 21.1389ZM16.2241 8.93198C16.4526 8.93198 16.6379 9.11736 16.6379 9.34578C16.6379 9.57419 16.4526 9.75957 16.2241 9.75957C15.9957 9.75957 15.8103 9.57419 15.8103 9.34578C15.8103 9.11736 15.9957 8.93198 16.2241 8.93198ZM10.2241 8.51819C10.4525 8.51819 10.6379 8.70357 10.6379 8.93198C10.6379 9.1604 10.4525 9.34578 10.2241 9.34578C9.99572 9.34578 9.81034 9.1604 9.81034 8.93198C9.81034 8.70357 9.99572 8.51819 10.2241 8.51819ZM13.5345 9.13888C13.7629 9.13888 13.9483 9.32426 13.9483 9.55267C13.9483 9.78109 13.7629 9.96647 13.5345 9.96647C13.3061 9.96647 13.1207 9.78109 13.1207 9.55267C13.1207 9.32426 13.3061 9.13888 13.5345 9.13888ZM13.7414 6.24233C13.9698 6.24233 14.1552 6.42771 14.1552 6.65612C14.1552 6.88453 13.9698 7.06991 13.7414 7.06991C13.513 7.06991 13.3276 6.88453 13.3276 6.65612C13.3276 6.42771 13.513 6.24233 13.7414 6.24233ZM15.6034 4.38026C15.8319 4.38026 16.0172 4.56564 16.0172 4.79405C16.0172 5.02246 15.8319 5.20784 15.6034 5.20784C15.375 5.20784 15.1897 5.02246 15.1897 4.79405C15.1897 4.56564 15.375 4.38026 15.6034 4.38026ZM11.6724 5.20784C11.6724 4.97943 11.8578 4.79405 12.0862 4.79405C12.3146 4.79405 12.5 4.97943 12.5 5.20784C12.5 5.89288 11.9437 6.44922 11.2586 6.44922C10.5736 6.44922 10.0172 5.89288 10.0172 5.20784C10.0172 4.52281 10.5736 3.96646 11.2586 3.96646C11.487 3.96646 11.6724 4.15184 11.6724 4.38026C11.6724 4.60867 11.487 4.79405 11.2586 4.79405C11.0302 4.79405 10.8448 4.97943 10.8448 5.20784C10.8448 5.43626 11.0302 5.62164 11.2586 5.62164C11.487 5.62164 11.6724 5.43626 11.6724 5.20784ZM6.38144 12.971C6.35889 13.0147 6.29393 13.1436 6.26848 13.2421C6.2273 13.4001 6.20723 13.5818 6.23186 13.7438C6.2453 13.8321 6.26144 13.9198 6.33096 13.9625C6.52544 14.0823 6.58606 14.3374 6.46627 14.5318C6.34648 14.7263 6.09137 14.787 5.89689 14.6672C5.67323 14.5294 5.52489 14.3094 5.45061 14.0423C5.36496 13.7336 5.3842 13.355 5.46737 13.0341C5.53834 12.7612 5.65751 12.5314 5.77648 12.4002C5.87806 12.2881 5.99124 12.2258 6.09592 12.1997C6.31751 12.1447 6.5422 12.28 6.59703 12.5018C6.64462 12.6927 6.55048 12.8862 6.38144 12.971ZM10.3199 13.2617C10.1 13.2005 9.9711 12.9721 10.0323 12.7519C10.0936 12.532 10.322 12.4031 10.5421 12.4643C11.4167 12.7081 11.9035 13.2309 11.8791 14.1158C11.8729 14.3442 11.6823 14.5244 11.4541 14.518C11.2257 14.5118 11.0455 14.3212 11.0519 14.093C11.0645 13.6316 10.7759 13.3885 10.3199 13.2617ZM8.12806 13.6898C7.90006 13.6747 7.72731 13.4775 7.7422 13.2497C7.75731 13.0217 7.95448 12.849 8.18227 12.8638C8.71958 12.8992 9.12675 13.169 9.36448 13.738C9.45262 13.9486 9.3531 14.1913 9.14227 14.2792C8.93165 14.3674 8.68896 14.2678 8.60103 14.057C8.5042 13.8253 8.34696 13.7041 8.12806 13.6898ZM18.2931 12.0354C21.7187 12.0354 24.5 14.8167 24.5 18.2423C24.5 21.6679 21.7187 24.4492 18.2931 24.4492C14.8675 24.4492 12.0862 21.6679 12.0862 18.2423C12.0862 14.8167 14.8675 12.0354 18.2931 12.0354ZM18.2931 12.863C15.3241 12.863 12.9138 15.2734 12.9138 18.2423C12.9138 21.2113 15.3241 23.6216 18.2931 23.6216C21.2621 23.6216 23.6724 21.2113 23.6724 18.2423C23.6724 15.2734 21.2621 12.863 18.2931 12.863ZM16.2241 18.4492V15.1389C16.2241 14.9103 16.4093 14.7251 16.6379 14.7251H19.9483C20.1769 14.7251 20.3621 14.9103 20.3621 15.1389V18.4492H21.1897C21.3521 18.4492 21.4994 18.5442 21.5664 18.6921C21.6337 18.8399 21.608 19.0132 21.501 19.1355L18.6045 22.4459C18.5259 22.5356 18.4125 22.5872 18.2931 22.5872C18.1737 22.5872 18.0603 22.5356 17.9817 22.4459L15.0852 19.1355C14.9782 19.0132 14.9526 18.8399 15.0198 18.6921C15.0868 18.5442 15.2341 18.4492 15.3966 18.4492H16.2241ZM16.6379 19.2768H16.3086L18.2931 21.545L20.2777 19.2768H19.9483C19.7197 19.2768 19.5345 19.0916 19.5345 18.863V15.5527H17.0517V18.863C17.0517 19.0916 16.8666 19.2768 16.6379 19.2768Z' fill='%230F8D9C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_342'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.449219)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.hunger::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_347)'%3E%3Cpath d='M0.857422 3.11896C1.1098 3.11911 1.31445 3.32358 1.31445 3.57599V8.15509C1.31452 8.5099 1.48678 8.84516 1.77539 9.05157L2.33301 9.45099C2.55143 9.60728 2.68247 9.86024 2.68262 10.1287V15.4686C2.6826 15.7724 2.64495 16.076 2.57227 16.3709L2.16211 18.0359C2.1106 18.2442 1.92403 18.3836 1.71875 18.3836C1.68255 18.3836 1.64591 18.3789 1.60938 18.3699C1.36446 18.3095 1.21425 18.0622 1.27441 17.8172L1.68457 16.1522C1.73971 15.9287 1.76853 15.6988 1.76855 15.4686V10.1697L1.24316 9.79572C0.714943 9.4179 0.40046 8.80443 0.400391 8.15509V3.57599C0.400391 3.32348 0.604914 3.11896 0.857422 3.11896Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3Cpath d='M5.22461 3.11896C5.47701 3.11908 5.68164 3.32356 5.68164 3.57599V8.15509C5.68159 8.80447 5.36608 9.41794 4.83789 9.79572L4.31348 10.1697V15.4686C4.3135 15.6988 4.34133 15.9288 4.39648 16.1522L5.18164 19.3358C5.34478 19.9978 5.19672 20.6856 4.77637 21.2225C4.35581 21.7593 3.72301 22.0682 3.04102 22.0682C2.35898 22.0682 1.72626 21.7593 1.30566 21.2225C0.885226 20.6857 0.737202 19.9978 0.900391 19.3358L0.910156 19.2957C0.970431 19.0505 1.21851 18.9004 1.46387 18.9608C1.70872 19.0212 1.85794 19.2685 1.79785 19.5135L1.78809 19.5545C1.69249 19.9425 1.77914 20.3446 2.02539 20.659C2.27176 20.9734 2.64152 21.1541 3.04102 21.1541C3.44048 21.1541 3.81027 20.9735 4.05664 20.659C4.30294 20.3446 4.38954 19.9423 4.29395 19.5545L3.50879 16.3709C3.43613 16.076 3.39944 15.7724 3.39941 15.4686V10.1287C3.39957 9.86031 3.52977 9.60724 3.74805 9.45099L4.30566 9.05157C4.59426 8.8452 4.76752 8.50993 4.76758 8.15509V3.57599C4.76758 3.32348 4.9721 3.11896 5.22461 3.11896Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3Cpath d='M2.2832 3.11896C2.53558 3.11911 2.74023 3.32358 2.74023 3.57599V7.19122C2.74017 7.44353 2.53549 7.6481 2.2832 7.64825C2.03074 7.64825 1.82624 7.44367 1.82617 7.19122V3.57599C1.82617 3.32348 2.0307 3.11896 2.2832 3.11896Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3Cpath d='M3.79883 3.11896C4.0512 3.11911 4.25586 3.32358 4.25586 3.57599V7.19122C4.25579 7.44352 4.05117 7.6481 3.79883 7.64825C3.54636 7.64825 3.34186 7.44367 3.3418 7.19122V3.57599C3.3418 3.32348 3.54632 3.11896 3.79883 3.11896Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3Cpath d='M23.1904 2.65314C23.3984 2.38266 23.7433 2.27863 24.0664 2.38849C24.3895 2.49838 24.5996 2.79135 24.5996 3.13263V21.035C24.5993 21.6042 24.1357 22.0672 23.5664 22.0672H22.7002C22.4061 22.0671 22.1254 21.9411 21.9297 21.7215C21.734 21.5018 21.641 21.2081 21.6748 20.9158L22.3945 14.7108C22.4239 14.4576 22.3846 14.2005 22.2812 13.9676L21.5244 12.2606C21.4531 12.0996 21.3835 11.9287 21.3184 11.7527L21.2949 11.6629C21.2625 11.4526 21.3816 11.2416 21.5889 11.1649C21.8257 11.0774 22.0881 11.1987 22.1758 11.4354C22.2343 11.5937 22.2969 11.7463 22.3604 11.8895L23.1172 13.5975C23.2866 13.9797 23.3509 14.401 23.3027 14.8162L22.583 21.0213C22.5778 21.0667 22.5985 21.0976 22.6123 21.1131C22.6262 21.1287 22.6545 21.153 22.7002 21.1531H23.5664C23.6313 21.1531 23.6854 21.0999 23.6855 21.035V3.50861L23.3027 4.00665C22.0045 5.69508 21.4544 7.871 21.793 9.9754C21.8279 10.1933 21.7026 10.4002 21.5039 10.4754L21.4141 10.4988C21.1645 10.5391 20.9297 10.3691 20.8896 10.1199C20.5113 7.76776 21.1268 5.33636 22.5781 3.44904L23.1904 2.65314Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3Cpath d='M21.3926 13.7095C21.6401 13.7588 21.8011 13.999 21.752 14.2466C20.8985 18.5463 17.0964 21.6665 12.7109 21.6666C9.86337 21.6666 7.21763 20.3765 5.4541 18.1275C5.29847 17.9288 5.33365 17.6416 5.53223 17.4859C5.7309 17.3302 6.01806 17.3647 6.17383 17.563C7.76339 19.5901 10.1459 20.7525 12.7109 20.7525C16.6611 20.7524 20.0867 17.9415 20.8555 14.0689C20.9046 13.8212 21.1452 13.6607 21.3926 13.7095Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3Cpath d='M12.7109 3.23224C15.7155 3.23238 18.5412 4.70848 20.2695 7.18048C20.4138 7.38739 20.363 7.67167 20.1562 7.81622C20.0766 7.87191 19.985 7.89923 19.8945 7.89923C19.7507 7.89915 19.6084 7.83107 19.5195 7.70392C17.962 5.47621 15.4168 4.14645 12.7109 4.1463C10.5629 4.1463 8.52369 4.96711 6.96875 6.45782C6.7865 6.63252 6.49705 6.6262 6.32227 6.44415C6.14759 6.26192 6.15363 5.97242 6.33594 5.79767L6.66504 5.49591C8.34451 4.03249 10.475 3.23224 12.7109 3.23224Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3Cpath d='M12.71 6.23419C16.1367 6.23419 18.9246 9.02139 18.9248 12.4481C18.9248 15.8749 16.1368 18.6629 12.71 18.6629C11.2054 18.6628 9.75258 18.116 8.61914 17.1229C8.42921 16.9565 8.41068 16.6672 8.57715 16.4774C8.74355 16.2878 9.03194 16.269 9.22168 16.4354C10.1885 17.2824 11.4273 17.7487 12.71 17.7488C15.6325 17.7488 18.0107 15.3706 18.0107 12.4481C18.0106 9.52564 15.6324 7.14825 12.71 7.14825C9.78768 7.14847 7.41034 9.52577 7.41016 12.4481C7.41016 13.49 7.71349 14.4996 8.28809 15.367C8.4275 15.5774 8.3705 15.8613 8.16016 16.0008C7.94968 16.1403 7.66581 16.0823 7.52637 15.8719C6.8522 14.8542 6.49609 13.67 6.49609 12.4481C6.49631 9.02149 9.28339 6.2344 12.71 6.23419Z' fill='%230F8D9C' stroke='%230F8D9C' stroke-width='0.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_347'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.449219)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.glucose::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_367)'%3E%3Cpath d='M21.5034 14.5085C21.5034 19.4811 17.4723 23.5122 12.4997 23.5122C7.52713 23.5122 3.49609 19.4811 3.49609 14.5085C3.49609 12.0222 4.50388 9.77133 6.1332 8.14195L12.4998 1.77539L18.8663 8.14195C20.4956 9.77128 21.5034 12.0222 21.5034 14.5085ZM16.2497 16.6735V12.3435L12.4998 10.1785L8.74988 12.3435V16.6735L12.4998 18.8385L16.2497 16.6735Z' stroke='%230F8D9C' stroke-width='1.6' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_367'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.449219)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.cell::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_466)'%3E%3Cpath d='M20.2785 14.9048C20.4181 11.7771 18.8278 8.85223 16.1684 7.25765C16.6746 3.75772 13.8532 3.76149 14.1641 0.414967C12.422 0.244139 10.8317 0.960562 10.4399 2.65608C9.88525 2.47611 9.2083 2.49599 8.6287 2.49378C8.66642 3.18505 8.61584 3.92455 8.1764 4.37613C7.50779 5.17343 7.26819 6.2462 7.45 7.25643C3.85102 9.32761 2.32096 14.105 4.03023 17.9027C2.12103 19.6476 4.45568 22.6612 6.62548 21.2373C7.54923 21.9523 8.60792 22.4677 9.73797 22.7515C10.1701 24.937 13.4472 24.9362 13.8792 22.7519C15.5547 22.3317 17.0592 21.4078 18.1992 20.0992C21.3498 20.8953 23.0584 16.4501 20.2785 14.9048ZM9.26717 5.27441C9.51416 4.97443 9.79425 4.53858 9.9405 3.98488C10.3577 4.07235 11.175 4.50048 11.5983 4.69047C11.6531 3.52129 11.8113 2.10361 12.8118 1.9064C12.9612 2.86624 13.3831 3.76587 14.0362 4.49709C15.7853 6.31261 14.3576 9.67647 11.7885 9.58373C9.73995 9.65264 7.91581 7.04481 9.26717 5.27441ZM5.45027 20.1811C4.52656 20.1762 4.52666 18.7729 5.45031 18.7681C6.37397 18.773 6.37388 20.1763 5.45027 20.1811ZM11.8086 23.007C10.8849 23.0021 10.885 21.5988 11.8087 21.5941C12.7323 21.599 12.7322 23.0023 11.8086 23.007ZM13.6965 21.339C13.0146 19.8266 10.6036 19.8265 9.92123 21.3381C9.03408 21.0927 8.20278 20.6753 7.47322 20.1072C7.92494 18.7357 6.79099 17.2558 5.33412 17.3585C3.97819 14.2519 5.00485 10.5533 7.91142 8.63487C9.39745 11.7278 14.2243 11.7327 15.7086 8.63633C17.6957 9.94696 18.877 12.1455 18.8734 14.5292C16.3817 14.4431 15.0893 17.775 16.9257 19.3997C16.0424 20.3291 14.9281 20.9988 13.6965 21.339ZM18.8735 18.7681C17.0166 18.7348 17.0168 15.9752 18.8735 15.9422C20.7304 15.9755 20.7301 18.7351 18.8735 18.7681Z' fill='white'/%3E%3Cpath d='M10.5889 12.3904C7.80348 12.4404 7.80391 16.5797 10.589 16.6293C13.3743 16.5793 13.3738 12.4399 10.5889 12.3904ZM10.5889 15.2163C9.66516 15.2114 9.66526 13.8081 10.5889 13.8034C11.5126 13.8082 11.5125 15.2116 10.5889 15.2163Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_466'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5 0.390381)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.cell {
  color: #ffffff;
  background: #0f8d9c;
}

.sejaro__indicated {
  padding: 0 47.5px;
  margin-bottom: 100px;
}
.indicated__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #505050;
}
.indicated__cards {
  display: flex;
  gap: 14px;
  justify-content: center;
  margin-top: 32px;
}
.icard {
  width: 352px;
  height: 192px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: start;
  padding: 24px;
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #5c5c5c;
}
.icard::before {
  height: 48px;
  width: 48px;
  min-width: 48px;
}
.stomach::before {
  content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64716 23.3125L11.259 26.9242L13.2554 24.9277L10.8776 22.5499L11.8759 19.555L8.2641 15.9434L6.26758 17.9399L8.64537 20.3177L7.64716 23.3125Z' fill='%230F8D9C'/%3E%3Cpath d='M46.3824 2.41058L44.3859 0.414062L40.7741 4.02573L41.7724 7.02056L39.3945 9.39844L41.391 11.3949L45.0029 7.78319L44.0047 4.78837L46.3824 2.41058Z' fill='%230F8D9C'/%3E%3Cpath d='M25.6191 7.05882H18.5603C17.7819 7.05882 17.1486 6.42551 17.1486 5.64706V0H8.67796V7.05882C8.67796 9.35708 9.63006 11.587 11.29 13.1768C11.9149 13.7752 12.9123 14.5722 14.1164 14.9708C16.047 15.6099 16.898 16.0206 17.5493 17.5336C18.3285 19.344 18.494 21.6003 18.5511 23.3637C18.6414 26.152 18.1208 29.1336 17.0457 31.9864C16.614 33.1318 15.5203 33.876 14.2593 33.8825C10.8792 33.8997 7.70422 35.229 5.31909 37.6254C2.93312 40.0228 1.61914 43.2057 1.61914 46.5882V48H10.0897V46.5882C10.0897 44.2528 11.9897 42.3529 14.325 42.3529C16.6055 42.3529 18.8757 42.637 21.0726 43.197C22.6275 43.5933 24.2362 43.7839 25.8572 43.7633C30.6904 43.702 34.6818 41.7694 37.3999 38.1748C39.8526 34.9313 41.1487 30.5178 41.1486 25.4114C41.1484 20.2776 39.8193 15.8376 37.3051 12.5714C34.5291 8.96499 30.4881 7.05882 25.6191 7.05882ZM15.0036 12.2903C14.4545 12.1085 13.8293 11.6993 13.243 11.1377C12.1362 10.0776 11.5015 8.59097 11.5015 7.05882V2.82353H14.325V5.64706C14.325 7.9824 16.225 9.88235 18.5603 9.88235H25.6191C34.4014 9.88235 37.8841 16.9329 38.2852 24H36.6714C35.5855 24 34.526 23.7892 33.5224 23.3735C32.5183 22.9575 31.6201 22.3574 30.8527 21.59C28.7653 19.5026 25.9898 18.3529 23.0375 18.3529H20.783C20.6193 17.694 20.4116 17.0419 20.1427 16.4173C19.0147 13.7968 17.2255 13.0258 15.0036 12.2903ZM25.8213 40.9399C24.4501 40.956 23.0854 40.7961 21.77 40.4609C19.3454 39.8428 16.8404 39.5294 14.325 39.5294C10.9162 39.5294 8.06404 41.9586 7.40804 45.1765H4.54366C5.23006 40.4177 9.33189 36.7311 14.2736 36.7061C16.6772 36.6937 18.8529 35.1973 19.6877 32.9822C20.8925 29.7856 21.4751 26.428 21.373 23.2724C21.352 22.6242 21.3166 21.9148 21.2467 21.1765H23.0374C25.2355 21.1765 27.302 22.0324 28.856 23.5865C29.8868 24.6174 31.0932 25.4233 32.4415 25.9819C33.7895 26.5404 35.2126 26.8235 36.6712 26.8235H38.2848C37.8866 33.8184 34.4584 40.8303 25.8213 40.9399Z' fill='%230F8D9C'/%3E%3Cpath d='M28.4434 32.4707H31.2669V35.2942H28.4434V32.4707Z' fill='%230F8D9C'/%3E%3Cpath d='M24.207 26.8242H27.0306V29.6477H24.207V26.8242Z' fill='%230F8D9C'/%3E%3C/svg%3E%0A");
}
.scales::before {
  content: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_482)'%3E%3Cpath d='M30.125 4.32422H40.6251C41.0847 4.3241 41.5399 4.41454 41.9646 4.59039C42.3893 4.76623 42.7752 5.02404 43.1002 5.34907C43.4252 5.6741 43.683 6.05999 43.8589 6.48468C44.0347 6.90938 44.1252 7.36456 44.1251 7.82423V41.0743C44.1252 41.5339 44.0347 41.9891 43.8589 42.4138C43.683 42.8385 43.4252 43.2244 43.1002 43.5494C42.7752 43.8745 42.3893 44.1323 41.9646 44.3081C41.5399 44.484 41.0847 44.5744 40.6251 44.5743H7.37501C6.91534 44.5744 6.46016 44.484 6.03546 44.3081C5.61076 44.1323 5.22488 43.8745 4.89985 43.5494C4.57481 43.2244 4.31701 42.8385 4.14116 42.4138C3.96532 41.9891 3.87487 41.5339 3.875 41.0743V7.82423C3.87487 7.36456 3.96532 6.90938 4.14116 6.48468C4.31701 6.05999 4.57481 5.6741 4.89985 5.34907C5.22488 5.02404 5.61076 4.76623 6.03546 4.59039C6.46016 4.41454 6.91534 4.3241 7.37501 4.32422H17.875' stroke='%230F8D9C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4969 15.6992C13.0563 15.8631 12.6307 16.0645 12.2246 16.3013C10.7709 17.1826 9.60405 18.4666 8.86533 19.9977C8.12662 21.5288 7.84781 23.2412 8.06268 24.9276C8.55506 29.1971 10.5278 33.8083 12.6248 38.4482C12.8187 38.7403 13.0741 38.9864 13.3733 39.1692C13.6724 39.352 14.0079 39.4672 14.3562 39.5065C15.0175 39.6198 15.6962 39.5772 16.3382 39.3823C16.9802 39.1873 17.5678 38.8453 18.0545 38.3834C18.5411 37.9215 18.9133 37.3524 19.1415 36.7215C19.3697 36.0905 19.4476 35.4151 19.3689 34.7487L18.797 32.1456C18.1884 29.4196 18.2631 26.5855 19.0144 23.8953C19.4097 22.4711 19.5232 20.9834 19.3484 19.5157C19.2909 18.8448 19.0813 18.1958 18.7356 17.618C18.3899 17.0402 17.9171 16.5487 17.3531 16.1808C16.7891 15.813 16.1488 15.5784 15.4806 15.495C14.8124 15.4115 14.134 15.4814 13.4969 15.6992Z' stroke='%230F8D9C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5034 15.6992C34.944 15.8631 35.3696 16.0645 35.7757 16.3013C37.2294 17.1826 38.3963 18.4666 39.135 19.9977C39.8737 21.5288 40.1525 23.2412 39.9376 24.9276C39.4453 29.1971 37.4725 33.8083 35.3755 38.4482C35.1816 38.7403 34.9262 38.9864 34.6271 39.1692C34.328 39.352 33.9924 39.4672 33.6441 39.5065C32.9828 39.6198 32.3042 39.5772 31.6622 39.3823C31.0202 39.1873 30.4325 38.8453 29.9459 38.3834C29.4592 37.9215 29.087 37.3524 28.8588 36.7215C28.6306 36.0905 28.5528 35.4151 28.6314 34.7487L29.2033 32.1456C29.8119 29.4196 29.7372 26.5855 28.9859 23.8953C28.5906 22.4711 28.4771 20.9834 28.6519 19.5157C28.7094 18.8448 28.919 18.1958 29.2647 17.618C29.6104 17.0402 30.0832 16.5487 30.6472 16.1808C31.2112 15.813 31.8516 15.5784 32.5197 15.495C33.1879 15.4115 33.8663 15.4814 34.5034 15.6992Z' stroke='%230F8D9C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.625 1.6991H28.375C28.8391 1.6991 29.2843 1.88348 29.6125 2.21167C29.9406 2.53986 30.125 2.98498 30.125 3.44911V10.4491H17.875V3.44911C17.875 2.98498 18.0594 2.53986 18.3876 2.21167C18.7158 1.88348 19.1609 1.6991 19.625 1.6991Z' stroke='%230F8D9C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.875 10.4492C17.875 8.51547 20.6138 6.94922 24 6.94922C27.3863 6.94922 30.125 8.51547 30.125 10.4492' stroke='%230F8D9C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.6256 4.3241L25.4531 7.0541' stroke='%230F8D9C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_482'%3E%3Crect width='48' height='48' fill='white' transform='translate(0 0.449219)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.blood::before {
  content: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.936 45.9539C36.2994 45.9539 40.6473 41.606 40.6473 36.2426C40.6473 30.8792 36.2994 26.5312 30.936 26.5312C25.5725 26.5312 21.2246 30.8792 21.2246 36.2426C21.2246 41.606 25.5725 45.9539 30.936 45.9539Z' stroke='%230F8D9C' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.706 23.7693C29.3908 15.367 22.6659 6.50916 20.1207 3.40702C19.6125 2.78766 18.6706 2.79328 18.1626 3.41273C15.3316 6.86388 7.35156 17.4022 7.35156 26.5323C7.35156 32.8734 12.3592 38.0357 18.6344 38.3039' stroke='%230F8D9C' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.844 33.1809C16.7631 33.0888 16.6573 32.0488 14.3846 32.0488C12.0077 32.0488 12.0077 33.19 9.63086 33.19' stroke='%230F8D9C' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.9355 31.3887V41.1' stroke='%230F8D9C' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.1621 39.0176L30.9368 41.7923L33.7115 39.0176' stroke='%230F8D9C' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.1231 18.52H33V16.8215C34.4892 15.3692 35.5169 14.3169 36.0831 13.6646C37.6092 11.9169 38.3723 10.4461 38.3723 9.2523C38.3723 8.72306 38.2308 8.31076 37.9477 8.01537C37.6646 7.71999 37.2585 7.57229 36.7292 7.57229C35.7815 7.57229 35.16 8.15076 34.8646 9.30768L33.0923 8.51383C33.2646 7.56614 33.6954 6.82153 34.3846 6.27999C35.0862 5.72614 35.9477 5.44922 36.9692 5.44922C38.1262 5.44922 39.0246 5.78153 39.6646 6.44614C40.3046 7.09845 40.6246 7.8923 40.6246 8.82768C40.6246 9.4923 40.4831 10.2 40.2 10.9508C39.9169 11.6769 39.5908 12.3108 39.2215 12.8523C38.84 13.4184 38.3908 13.9723 37.8738 14.5138C37.4308 15.0061 37.0246 15.4246 36.6554 15.7692C36.4708 15.9415 36.1692 16.2 35.7508 16.5446H41.1231V18.52Z' fill='%230F8D9C'/%3E%3C/svg%3E%0A");
}

.sejaro__weight {
  width: 100%;
  max-width: 1085px;
  margin: 0 auto 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 72px 86px 72px;
  height: 702px;
  background: #0f8d9c;
  border-radius: 48px;
  position: relative;
  overflow: hidden;
}
.weight__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 150%;
  color: #ffffff;
}
.weight__subtitle {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  color: #ffffff;
  max-width: 454px;
}
.weight__problems {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 32px auto 24px 0;
}
.problem {
  width: 454px;
  background: #ffffff;
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #0f8d9c;
  padding: 16px;
  border-radius: 16px;
}
.weight__img {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 457px;
  height: 522px;
  background-image: url("/bitrix/templates/stroynee/css/../img/weight__img.png");
  position: absolute;
  bottom: 0;
  right: 72px;
}

.sejaro__innovation {
  padding: 0 47.5px;
  margin-bottom: 100px;
}
.innovation__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #505050;
}
.innovation__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #5c5c5c;
  margin: 32px 0 44px;
}
.innovation__text span {
  font-family: Circe;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  color: #0f8d9c;
}
.innovation__table {
  width: 100%;
}
.innovation__table table {
  border-spacing: 0;
  border: 1px solid #4aaeba;
  border-radius: 10px;
  width: 100%;
}
.innovation__table th,
.innovation__table td {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  border: 1px solid #e4f3f5;
}
.innovation__table th,
.innovation__table td:not(.color):not(.color--second) {
  color: #3d3d3d;
}
.innovation__table td:not(.ta-s) {
  text-align: center;
}
.innovation__table td {
  vertical-align: top;
  padding: 12px 16px;
}
.innovation__table th {
  font-weight: 700;
  text-align: center;
  color: #3d3d3d;
  background: #e4f3f5;
  border: 1px solid #4aaeba;
  padding: 17px 16px;
}
.innovation__table strong {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
}
.innovation__table li {
  margin: 0;
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #3d3d3d;
}
.innovation__table li + li {
  margin-top: 8px;
}
.innovation__table ul {
  padding-left: 20px;
}
.innovation__table .color .br,
.innovation__table .color--second .br {
  margin-top: 7px;
}
.sup-pop {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #0f8d9c;
  cursor: pointer;
  position: relative;
}
.sup-pop--active {
  display: none;
  position: absolute;
  width: 193px;
  height: 73px;
  background: #ffffff;
  /* box-shadow: 0px 0px 12px -12px rgba(0, 0, 0, 0.17); */
  box-shadow: -5px 8px 20px 0px rgba(0, 0, 0, 0.17);
  border-radius: 8px;
  z-index: 1;
  bottom: 46px;
  left: 6px;
}
.sup-pop__body::before {
  content: "";
  border-top: solid 37px #ffffff;
  border-left: solid 0px transparent;
  border-right: solid 24px transparent;
  border-bottom: solid 18px transparent;
  position: absolute;
  left: 0px;
  bottom: -43px;
}
.sup-pop__body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #5c5c5c;
  position: relative;
  padding: 8px 14px 12px;
  z-index: 11;
}
.sup-pop__body a {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  text-decoration-line: underline;
  color: #0f8d9c;
}
/* .sup-pop__wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: auto;
} */

.sejaro__begin {
  padding: 0 47.5px;
  margin-bottom: 100px;
}
.begin__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #505050;
}
.begin__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #5c5c5c;
  margin: 32px 0;
}
.begin__cards {
  display: flex;
  gap: 14.5px;
  justify-content: center;
}
.bcard {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 352px;
  height: 351px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  position: relative;
}
.bcard__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #262626;
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.bcard__img {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
}
.bcard__img--sema {
  width: 312px;
  height: 174px;
  background-image: url("/bitrix/templates/stroynee/css/../img/bcard__img--sema.png");
  position: relative;
}
.bcard__img--next {
  width: 312px;
  height: 177px;
  background-image: url("/bitrix/templates/stroynee/css/../img/bcard__img--next.png");
  position: relative;
}
.bcard__img--seja {
  width: 312px;
  height: 177px;
  background-image: url("/bitrix/templates/stroynee/css/../img/bcard__img--seja.png");
  position: relative;
}
.bcard__period {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  text-align: center;
  color: #ffffff;
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  gap: 4px;
  width: 110px;
  height: 28px;
  background: #007785;
  border-radius: 6px;
}
.bcard__period::before {
  content: url("/bitrix/templates/stroynee/css/../img/calendar.png");
  height: 16px;
  width: 16px;
}
.bcard__period--next {
  background: #c1103f;
}
.bcard__period--seja {
  background: rgba(231, 98, 14, 0.8);
}
.bcard__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #5c5c5c;
}

.sejaro__pen {
  width: 100%;
  max-width: 1085px;
  margin: 0 auto 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: 64px 72px;
  height: 525px;
  background: #0f8d9c;
  border-radius: 48px;
}
.pen__img {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 941px;
  min-height: 162px;
  background-image: url("/bitrix/templates/stroynee/css/../img/pen__img.png");
}
.pen__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
}
.pen__list li {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #ffffff;
  margin: 0;
}
.pen__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #ffffff;
}
.pen__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #ffffff;
}

.sejaro__dose {
  padding: 0 47.5px;
  margin-bottom: 100px;
}
.dose__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #505050;
  margin-bottom: 32px;
}
.dose__blobs {
  display: flex;
  gap: 16px;
}
.blobs__left {
  display: flex;
  gap: 16px;
  align-items: center;
}
.blob {
  width: 275px;
  height: 153px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  width: 224px;
  padding: 25px 20px;
}
.blob__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #5c5c5c;
  margin-bottom: 13px;
}
.blob__subtitle {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #5c5c5c;
}
.blob__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 110%;
  color: #505050;
  margin-top: 4px;
}
.blob + .blob {
  width: 275px;
}
.blob--flat {
  width: 553px;
  height: 153px;
  background: #e4f3f5;
  border-radius: 15px;
  padding: 37px 31px;
}
.blob--flat ul {
  margin: 12px 0 0 24px;
}
.blob--flat li {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #5c5c5c;
  margin: 0;
}
.dose__titration {
  margin: 32px 0 19px;
  width: 100%;
}
.dose__titration--sema {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1085px;
  height: 342px;
  background-image: url("/bitrix/templates/stroynee/css/../img/dose__titration--sema.png");
}
.dose__titration--seja {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1085px;
  height: 242px;
  background-image: url("/bitrix/templates/stroynee/css/../img/dose__titration--seja.png");
}
.dose__instruction {
  margin: 0 auto;
  width: 100%;
  max-width: 678px;
  height: 56px;
  background: #4aaeba;
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  border-radius: 14px;
  font-family: Unbounded;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: unset;
  text-transform: unset;
  padding: 0;
}

.sejaro__transition {
  padding: 0 47.5px;
  margin-bottom: 100px;
}
.transition__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #505050;
  margin-bottom: 32px;
}
.transition__doses {
  padding: 18px 23px;
  width: 100%;
  background: #0f8d9c;
  border-radius: 15px;
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #ffffff;
  text-align: center;
}
.transition__doses sup {
  color: #ffffff;
}
.transition__table {
  width: 100%;
  margin: 32px auto;
}
.transition__small {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #000000;
}
.transition__smaller {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #000000;
  opacity: 0.5;
}
.transition__smaller sup {
  color: #000000;
}
.transition__info {
  width: 100%;
  background: #e4f3f5;
  border-radius: 15px;
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: #0f8d9c;
  padding: 18px;
  margin: 32px auto;
}
.transition__small sup,
.transition__smaller sup {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
}

.sejaro__more {
  padding: 0 48px 71px;
}
.more__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #505050;
}
.more__list {
  margin: 32px 0;
  list-style-type: none;
}
.more__list li {
  margin-top: 0;
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #0f8d9c;
}
.more__list li + li {
  margin-top: 19px;
}
.more__list li::before {
  content: url("/bitrix/templates/stroynee/css/../img/icons/arrow-right.svg");
  width: 18px;
  height: 18px;
  background: #e4f3f5;
  border-radius: 8px;
  padding: 7px;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 22px;
}
.more__btns {
  display: flex;
  gap: 32px;
}
.more__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 55px;
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  border-radius: 14px;
  font-family: Unbounded;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #ffffff;
  text-decoration: unset;
}
.more__btn--sema {
  background: #007785;
  z-index: 1;
}
.more__btn--sema:hover {
  background: #006e7a;
  transition: 0.2s;
  color: white !important;
}
.more__btn--seja {
  background: rgba(231, 98, 14, 0.8);
  z-index: 1;
}
.more__btn--seja:hover {
  background: rgb(211 103 36 / 80%);
  transition: 0.2s;
  color: white !important;
}
.more__img {
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 750px;
  height: 435px;
  background-image: url("/bitrix/templates/stroynee/css/../img/more__img.png");
  position: absolute;
  right: 0;
  bottom: 0;
}

.transition__table {
  width: 100%;
}
.transition__table table {
  border-spacing: 0;
  border: 1px solid #4aaeba;
  border-radius: 10px;
  width: 100%;
}
.transition__table th,
.transition__table td {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #3d3d3d;
  padding: 12px 20px;
  border: 1px solid #e4f3f5;
}
.transition__table th {
  font-weight: 700;
  text-align: center;
  color: #3d3d3d;
  background: #e4f3f5;
  border: 1px solid #4aaeba;
}
.transition__table strong {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}
.border-top-left {
  border-top-left-radius: 8px;
}
.border-top-right {
  border-top-right-radius: 8px;
}
.border-bottom-left {
  border-bottom-left-radius: 8px;
}
.border-bottom-right {
  border-bottom-right-radius: 8px;
}
.ta-c {
  text-align: center;
}
.ta-s {
  text-align: start;
}
.color {
  color: #e7620e;
}
.color--second {
  color: #0f8d9c;
}
.cards-swiper,
.table-swiper {
  scroll-behavior: smooth;
}
.table-swiper__card {
  display: none;
}

.popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 100;
  overflow: auto;
}
.popup {
  background: #fff;
  margin: auto;
  width: 100%;
  max-width: 1085px;
  padding: 64px 148px;
  border-radius: 48px;
}
.popup-container {
  max-width: 1024px;
  width: 100%;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popup__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #262626;
  margin-bottom: 46px;
}
.popup__description {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: #5c5c5c;
}
.popup__buttons {
  margin: 32px auto 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-direction: column;
}
.popup__button {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  text-decoration: unset;
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 18px;
  width: 280px;
  height: 55px;
  box-shadow: 0px 10px 31px -6px rgba(74, 174, 186, 0.7);
  border-radius: 14px;
}
.popup__button--green {
  color: #007785;
  background: #ffffff;
  border: 1px solid #007785;
}
.popup__button--green:hover {
  color: #ffffff;
  background: #007785;
  border: 1px solid #007785;
}
.popup__button--orange {
  color: #e7620e;
  background: #ffffff;
  border: 1px solid #e7620e;
}
.popup__button--orange:hover {
  color: #ffffff !important;
  background: #e7620e;
  border: 1px solid #e7620e;
}
.popup__info {
  margin: 0;
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: #5c5c5c;
  word-wrap: break-word;
}
.popup__info a {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: #5c5c5c;
  text-decoration-line: underline;
  word-wrap: break-word;
}

@media (max-width: 1124px) {
  .sejaro__intro {
    margin: 58px auto 0;
    max-width: calc(100% - 73px);
    padding: 55px 44px;
  }
  .intro__title {
    font-size: 32px;
  }
  .intro__subtitle {
    font-size: 20px;
  }
  .intro__back-img {
    width: 462px;
    height: 488px;
    top: 70px;
    right: 18px;
  }
  .sejaro__cards-wrap {
    overflow-x: scroll;
    margin-bottom: -91px;
  }
  .sejaro__cards {
    /* width: calc(100vw + 243px); */
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 28px;
    gap: 16px;
  }
  .card__img-container {
    width: 100%;
    height: fit-content;
    margin: 16.5px auto;
  }
  .card__img {
    width: 241px;
    height: 150px;
    position: static;
  }
  .card {
    width: 279px;
    height: auto;
    padding: 16px 20px;
  }
  .card__title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .card__subtitle {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .card__text {
    font-size: 14px;
    height: 50px;
  }
  .card__info {
    font-size: 12px;
    height: 47px;
  }
  .card__info span {
    font-size: 14px;
  }
  .card__benefits {
    gap: 4px;
  }
  .sejaro__indicated {
    margin-bottom: 72px;
    padding: 0 79.5px;
  }
  .benefit {
    gap: 10px;
    font-size: 16px;
    border-radius: 6px;
    padding: 8px 6px;
  }
  .benefit::before {
    height: 20px;
    width: 20px;
    min-width: 20px;
  }
  .icard {
    width: 192px;
    height: 176px;
    padding: 20px;
    gap: 24px;
    font-size: 16px;
  }
  .indicated__title {
    font-size: 20px;
    line-height: 150%;
  }
  .indicated__cards {
    gap: 16px;
  }
  .sejaro__weight {
    padding: 40px;
    max-width: calc(100% - 159px);
    height: fit-content;
    margin: 0 auto 72px;
    border-radius: 3px;
  }
  .weight__title {
    font-size: 20px;
    line-height: 150%;
  }
  .problem {
    width: 286px;
    font-size: 16px;
  }
  .weight__subtitle {
    font-size: 16px;
    max-width: 320px;
  }
  .weight__img {
    width: 392px;
    height: 432px;
    bottom: 0;
    right: -92px;
  }
  .sejaro__innovation {
    padding: 0;
    margin-bottom: 72px;
  }
  .innovation__title {
    font-size: 20px;
    line-height: 150%;
    padding: 0 79.5px;
  }
  .innovation__text {
    padding: 0 79.5px;
    margin: 32px 0 0;
  }
  .innovation__text,
  .innovation__text span {
    font-size: 16px;
  }
  .sejaro__dose {
    padding: 0 79.5px;
    margin-bottom: 72px;
  }
  .dose__titration--sema {
    max-width: 609px;
    height: 192px;
    background-image: url("/bitrix/templates/stroynee/css/../img/dose__titration--sema-t.png");
  }
  .dose__titration--seja {
    max-width: 608px;
    height: 136px;
    background-image: url("/bitrix/templates/stroynee/css/../img/dose__titration--seja-t.png");
  }
  .dose__instruction {
    font-size: 14px;
  }
  .transition__table {
    overflow-x: scroll;
    padding-bottom: 28px;
  }
  .innovation__table {
    overflow-x: scroll;
    padding: 40px 0 28px;
  }
  .innovation__table table {
    margin: 0 79.5px;
    width: 1085px;
  }
  .sejaro__begin {
    padding: 0 79.5px;
    margin-bottom: 72px;
  }
  .begin__title {
    font-size: 20px;
    line-height: 150%;
  }
  .begin__text {
    font-size: 16px;
  }
  .begin__cards {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .bcard__title {
    flex-direction: column;
  }
  .bcard__text {
    font-size: 14px;
  }
  .bcard__img--sema {
    width: 257px;
    height: 143px;
    position: relative;
  }
  .bcard__img--next {
    width: 256px;
    height: 145px;
  }
  .bcard__img--seja {
    width: 257px;
    height: 174px;
  }
  .bcard {
    width: 296px;
    height: auto;
  }
  .sejaro__pen {
    padding: 40px;
    margin: 0 79.5px 72px;
    max-width: 609px;
    height: fit-content;
    border-radius: 32px;
  }
  .pen__img {
    width: 529px;
    height: 124px;
    min-height: unset;
    background-size: contain;
    background-image: url("/bitrix/templates/stroynee/css/../img/pen__img-t.png");
  }
  .pen__title {
    font-size: 20px;
    line-height: 150%;
  }
  .pen__text {
    font-size: 16px;
  }
  .pen__list {
    flex-wrap: wrap;
    gap: 24px;
    padding-left: 20px;
  }
  .pen__list li {
    width: 40%;
  }
  .pen__list li:nth-child(odd) {
    width: 50%;
  }
  .dose__title {
    font-size: 20px;
    line-height: 150%;
  }
  .dose__blobs {
    flex-direction: column;
  }
  .blob--flat {
    width: 100%;
  }
  .blob {
    width: 296px;
  }
  .blob + .blob {
    width: 296px;
  }
  .sejaro__transition {
    padding: 0;
    margin-bottom: 72px;
  }
  .transition__title {
    font-size: 20px;
    line-height: 150%;
    padding: 0 79.5px;
  }
  .transition__doses {
    font-size: 18px;
    margin: 0 79.5px;
    max-width: 609px;
  }
  .transition__small {
    font-size: 16px;
    padding: 0 79.5px;
  }
  .transition__smaller {
    padding: 0 79.5px;
  }
  .transition__info {
    font-size: 16px;
    max-width: 609px;
  }
  .transition__table table {
    margin: 0 79.5px;
    width: 1085px;
  }
  .more__title {
    font-size: 20px;
    line-height: 110%;
  }
  .more__list li {
    font-size: 18px;
  }
  .more__list li::before {
    margin-right: 20px;
  }
  .more__list {
    margin: 33px 0 42px;
  }
  .more__btns {
    gap: 20px;
  }
  .sejaro__more {
    padding: 0 79.5px 100px;
  }
  .more__img {
    width: 645px;
    height: 375px;
    right: 34px;
  }
  .sejaro ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #007a86;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  .sejaro ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 16px;
  }
  .sejaro ::-webkit-scrollbar-track-piece {
    margin: 0 79.5px;
    border-radius: 10px;
    background-color: #e4f3f5;
  }
  .popup {
    max-width: 672px;
    height: fit-content;
    padding: 64px;
  }
  .popup__title {
    font-size: 22px;
    margin-bottom: 32px;
  }
  .popup__description {
    font-size: 18px;
  }
  .popup__info,
  .popup__info a {
    font-size: 16px;
  }
  .bcard {
    padding: 28px 20px 20px;
  }
  .bcard__period {
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 11.5px;
    line-height: normal;
    gap: 3px;
    width: 108px;
    height: 24px;
  }
  .bcard__period::before {
    height: 18px;
  }
}
@media (max-width: 960px) {
  .sejaro__cards {
    width: calc(100vw + 243px);
    padding-bottom: 28px;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .sejaro {
    overflow: hidden;
    /* transform: translateZ(0); */
  }
  /* html, body {
    transform: translateZ(0);
  } */
  .sejaro__intro {
    margin: 0;
    border-radius: 0;
    max-width: unset;
    padding: 36px;
    overflow: hidden;
  }
  .intro__title {
    line-height: 130%;
  }
  .intro__subtitle {
    font-size: 16px;
    line-height: 130%;
    margin-top: 18px;
  }
  .intro__subtitle .br {
    margin-top: 8px;
  }
  .intro__back-img {
    width: 375px;
    height: 495px;
    right: -80px;
    top: 90px;
  }
  .sejaro__cards-wrap {
    overflow-x: auto;
    width: 100vw;
    margin-bottom: -224px;
  }
  .sejaro__cards {
    overflow: hidden;
    width: unset;
    justify-content: unset;
    gap: 12px;
    padding: 0 38px 50px;
  }
  .card {
    width: 299px;
    height: auto;
    padding: 15px 11px;
  }
  .benefit {
    font-size: 14px;
    gap: 9px;
  }
  .benefit::before {
    height: 18px;
    width: 18px;
    min-width: 18px;
  }
  .sejaro__pen {
    margin: 0 auto 50px;
    border-radius: unset;
  }
  .pen__list {
    list-style: none;
    flex-direction: column;
    padding: 0;
    align-items: center;
  }
  .pen__list li,
  .pen__list li:nth-child(odd) {
    width: unset;
    text-align: center;
  }
  .pen__img {
    width: 316px;
    height: 66px;
    background-image: url("/bitrix/templates/stroynee/css/../img/pen__img-m.png");
  }
  .dose__titration--sema {
    width: 299px;
    height: 1455px;
    background-image: url("/bitrix/templates/stroynee/css/../img/dose__titration--sema-m.png");
    margin: 20px auto;
  }
  .dose__titration--seja {
    width: 299px;
    height: 963px;
    background-image: url("/bitrix/templates/stroynee/css/../img/dose__titration--seja-m.png");
    margin: 20px auto;
  }
  .blobs__left {
    flex-direction: column;
  }
  .sejaro__indicated,
  .sejaro__begin,
  .sejaro__dose {
    padding: 0 38px;
    margin-bottom: 50px;
  }
  .indicated__cards {
    flex-direction: column;
    margin-top: 25px;
  }
  .icard {
    gap: 26px;
    width: 100%;
    padding: 24px;
    height: auto;
  }
  .sejaro__weight {
    max-width: unset;
    border-radius: unset;
    padding: 40px 37.5px;
    margin-bottom: 50px;
  }
  .weight__img {
    position: static;
    width: 297px;
    height: 324px;
    margin: 24px auto 0;
  }
  .weight__problems {
    margin: 0 auto 24px;
  }
  .sejaro__innovation {
    margin-bottom: 50px;
  }
  .innovation__title {
    padding: 0 38px;
  }
  .innovation__text {
    padding: 0 38px;
    margin: 25px 0 0;
  }
  .transition__doses {
    width: calc(100% - 76px);
    margin: 0 auto;
  }
  .transition__title {
    padding: 0 38px;
  }
  /* .transition__table { */
  /* overflow-x: auto; */
  /* display: inline-block; */
  /* -webkit-transform: translateZ(0);
    transform: translateZ(0); */
  /* transform: translateZ(0); */
  /* } */
  .transition__table table {
    margin: 0 38px;
    /* -webkit-overflow-scrolling: touch; */
    /* -webkit-transform: translateZ(0);
    transform: translateZ(0); */
    /* transform: translateZ(0); */
  }
  .transition__small {
    padding: 0 38px;
  }
  .transition__smaller {
    padding: 0 38px;
  }
  .transition__info {
    max-width: calc(100% - 76px);
  }
  .sejaro__more {
    padding: 0 38px 72px;
  }
  .blob--flat {
    padding: 20px;
  }
  .dose__instruction {
    height: auto;
    padding: 16px;
  }
  .more__img {
    width: 426px;
    height: 247px;
    right: -7px;
  }
  .more__list {
    margin: 25px 0;
  }
  .more__list li {
    font-size: 16px;
    padding-left: 36px;
  }
  .more__list li + li {
    margin-top: 16px;
  }
  .more__list li::before {
    content: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2832 11.168L11.7832 6.66797L7.2832 2.16797' stroke='%234AAEBA' stroke-width='2.25' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M11.1742 6.66797L1.57422 6.66797' stroke='%234AAEBA' stroke-width='2.25' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    border-radius: 6px;
    padding: 5px;
    margin-right: 9px;
    position: absolute;
    left: 0px;
    top: -5px;
  }
  .sejaro__transition {
    margin-bottom: 50px;
  }
  .more__btns {
    flex-direction: column;
    gap: 16px;
  }
  .more__btn {
    width: 172px;
  }
  .sejaro ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #007a86;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  .sejaro ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 16px;
  }
  .sejaro ::-webkit-scrollbar-track-piece {
    margin: 0 38px;
    border-radius: 10px;
    background-color: #e4f3f5;
  }
  .innovation__table-wrap {
    overflow-x: auto;
    width: 100vw;
  }
  .innovation__table {
    display: flex;
    gap: 12px;
    overflow: hidden;
    width: unset;
    padding: 40px 38px 4px;
  }
  .innovation__table table {
    margin: 0;
    min-width: 299px;
    max-width: 299px;
    width: 299px;
    height: 820px;
    border-radius: 16px;
  }
  .innovation__table td {
    padding: 11px 12px;
    border-right: unset;
    border-left: unset;
  }
  .table-swiper__card {
    display: table;
  }
  .innovation__table .border-top-left {
    border-top-left-radius: 15px;
  }
  .innovation__table .border-top-right {
    border-top-right-radius: 15px;
  }
  .innovation__table .border-bottom-left {
    border-bottom-left-radius: 15px;
  }
  .innovation__table .border-bottom-right {
    border-bottom-right-radius: 15px;
  }
  .sup-pop--active {
    left: -190px;
    box-shadow: 5px 8px 20px 0px rgba(0, 0, 0, 0.17);
  }
  .sup-pop__body::before {
    border-left: solid 24px transparent;
    border-right: solid 0 transparent;
    left: unset;
    right: 0px;
  }
  .table-swiper__card tr:nth-child(1) {
    height: 72px;
    min-height: 72px;
    max-height: 72px;
  }
  .table-swiper__card tr:nth-child(2) {
    height: 62px;
    min-height: 62px;
    max-height: 62px;
  }
  .table-swiper__card tr:nth-child(3) {
    height: 380px;
    min-height: 380px;
    max-height: 380px;
  }
  .table-swiper__card tr:nth-child(4) {
    height: 117px;
    min-height: 117px;
    max-height: 117px;
  }
  .table-swiper__card tr:nth-child(5) {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
  .table-swiper__card tr:nth-child(6) {
    height: 62px;
    min-height: 62px;
    max-height: 62px;
  }
  .table-swiper__card tr:nth-child(7) {
    height: 63px;
    min-height: 63px;
    max-height: 63px;
  }
  .popup-overlay {
    padding: 8px;
  }
  .popup {
    padding: 24px 12px;
    border-radius: 16px;
  }
  .popup__title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .popup__description {
    font-size: 14px;
  }
  .popup__buttons {
    margin: 24px auto;
  }
  .popup__info,
  .popup__info a {
    font-size: 12px;
  }
}

.foot-n {
  width: 100%;
  height: fit-content;
  background: linear-gradient(
      180deg,
      rgba(254, 254, 254, 0.2) 0%,
      rgba(56, 176, 176, 0.098) 172.5%
    ),
    #fefefe;
}
.foot-n__container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  padding: 48px 24px 20px;
  display: grid;
  grid-template-areas:
    "flogo  flogo  flinks  flinks  flinks  flinks"
    "fsoc   fsoc   flinks  flinks  flinks  flinks"
    "fempty fempty fempty  fempty  fempty  fempty"
    "flogos flogos finfo   finfo   finfo   finfo"
    "fline  fline  fline   fline   fline   fline"
    "femail femail ....    .... fpolicy ftotop";
  grid-template-columns: repeat(6, 1fr);
  position: relative;
}
.foot-n__to-top {
  grid-area: ftotop;
  width: 50px;
  height: 50px;
  background: linear-gradient(147.05deg, #28bebc 24.14%, #1b9da8 133.12%);
  border-radius: 50px;
  margin-left: auto;
  cursor: pointer;
  position: relative;
}
.foot-n__to-top:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.foot-n__to-top::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.92639 16.9292C10.2509 16.9292 10.514 16.6661 10.514 16.3415V5.22371L13.8203 8.52997C14.0498 8.75946 14.4219 8.75946 14.6514 8.52997C14.8808 8.30048 14.8808 7.9284 14.6514 7.69891L10.4527 3.50028C10.162 3.20959 9.69074 3.20959 9.40005 3.50028L5.20142 7.69891C4.97192 7.9284 4.97192 8.30048 5.20142 8.52997C5.43091 8.75946 5.80299 8.75946 6.03248 8.52997L9.33874 5.22371V16.3415C9.33874 16.6661 9.60184 16.9292 9.92639 16.9292Z' fill='%23FFFEFE'/%3E%3C/svg%3E%0A");
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.foot-n__logo-str {
  grid-area: flogo;
}
.foot-n__soc-links {
  grid-area: fsoc;
  display: flex;
  gap: 8px;
  height: fit-content;
  margin-top: auto;
}
.foot-n__soc-links img {
  max-width: 46px;
}
.foot-n__logos {
  grid-area: flogos;
  display: flex;
  gap: 39px;
  align-items: center;
}
.foot-n__gero-logo {
  max-width: 150px;
}
.foot-n__doc-logo {
  max-width: 64px;
}
.foot-n__mayr-logo {
  max-width: 75px;
}
.foot-n__line {
  grid-area: fline;
  width: 100%;
  height: 3px;
  background: #38b0b0;
  margin: 20px 0;
}
.foot-n__empty {
  grid-area: fempty;
  height: 125px;
}
.foot-n__links {
  display: flex;
  gap: 280px;
  grid-area: flinks;
}
.foot-n__links div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.foot-n__links a {
  font-family: Onest, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #000000;
  text-decoration: unset;
  min-width: 170px;
}
.foot-n__links a:hover {
  font-weight: 700;
}
.foot-n__info {
  grid-area: finfo;
  display: flex;
  gap: 168px;
}
.f-n-info {
  font-family: Onest, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}
.f-n-info--fl {
  display: flex;
  align-items: flex-start;
  gap: 4.5px;
}
.f-n-info--fl img {
  max-width: 12.23px;
  margin-top: 12px;
}
.foot-n__email {
  grid-area: femail;
  font-family: Onest, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  text-decoration: unset;
}
.foot-n__email::before {
  content: "";
  height: 21px;
  width: 15px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9713 4.03711L9.71 9.29836C9.12336 9.88352 8.32859 10.2121 7.5 10.2121C6.67141 10.2121 5.87664 9.88352 5.29 9.29836L0.02875 4.03711C0.02 4.13586 0 4.22523 0 4.32336V11.8234C0.000992411 12.6519 0.330551 13.4461 0.916387 14.032C1.50222 14.6178 2.2965 14.9474 3.125 14.9484H11.875C12.7035 14.9474 13.4978 14.6178 14.0836 14.032C14.6694 13.4461 14.999 12.6519 15 11.8234V4.32336C15 4.22523 14.98 4.13586 14.9713 4.03711Z' fill='%2338B0B0'/%3E%3Cpath d='M8.82609 8.41449L14.5348 2.70512C14.2583 2.24657 13.8683 1.86702 13.4023 1.60307C12.9364 1.33913 12.4103 1.19971 11.8748 1.19824H3.12484C2.58936 1.19971 2.06328 1.33913 1.59736 1.60307C1.13144 1.86702 0.741393 2.24657 0.464844 2.70512L6.17359 8.41449C6.52583 8.76531 7.00271 8.96229 7.49984 8.96229C7.99698 8.96229 8.47386 8.76531 8.82609 8.41449Z' fill='%2338B0B0'/%3E%3C/svg%3E%0A");
}
.foot-n__policy {
  grid-area: fpolicy;
  margin: auto 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 270px;
}
.foot-n__policy a {
  font-family: Onest, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-decoration-line: underline;
  color: #000000;
}
.foot-n__logo-str img {
  max-width: 229px;
}
@media (max-width: 1124px) {
  .foot-n__container {
    padding: 32px 34px 32px 48px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "flogo fsoc"
      "fline fline"
      "flinks flinks"
      "finfo femail"
      "finfo fpolicy"
      "ftotop  flogos";
  }
  .foot-n__to-top {
    margin: 24px 0 0 0;
  }
  .foot-n__soc-links {
    margin: 0 19px 0 auto;
    gap: 9px;
  }
  .foot-n__line {
    height: 2px;
    background: #d7eced;
    margin: 32px 0;
  }
  .foot-n__links {
    gap: 166px;
    margin-bottom: 40px;
  }
  .foot-n__links div {
    gap: 10px;
  }
  .foot-n__links a {
    font-size: 16px;
  }
  .foot-n__email {
    font-size: 18px;
    line-height: 24px;
  }
  .foot-n__email::before {
    height: 22px;
    width: 20px;
  }
  .foot-n__info {
    flex-direction: column-reverse;
    gap: 12px;
    justify-content: flex-end;
  }
  .foot-n__policy {
    font-size: 12px;
    line-height: 16px;
    color: #323232;
    margin: 12px 0 0;
    gap: 8px;
  }
  .foot-n__logos {
    margin-top: 24px;
    gap: 25px;
  }
  .foot-n__gero-logo {
    max-width: 125px;
  }
  .foot-n__doc-logo {
    max-width: 52px;
  }
  .foot-n__mayr-logo {
    max-width: 63px;
  }
  .foot-n__empty {
    display: none;
  }
  .foot-n__soc-links img {
    max-width: 48px;
  }
  .foot-n__logo-str img {
    max-width: 202px;
  }
}
@media (max-width: 767px) {
  .foot-n__container {
    padding: 24px 15px 30px 16px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas:
      "flogo"
      "flinks"
      "fsoc"
      "femail"
      "fline"
      "fpolicy"
      "finfo"
      "flogos";
  }
  .foot-n__to-top {
    margin: 0;
    position: absolute;
    top: 24px;
    right: 15px;
  }
  .foot-n__links {
    gap: 2px;
    margin-top: 58px;
    justify-content: space-between;
  }
  .foot-n__links div {
    gap: 12px;
  }
  .foot-n__soc-links {
    margin: 0;
    gap: 11px;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .foot-n__line {
    margin: 24px 0;
  }
  .foot-n__policy {
    margin: 0 0 12px;
  }
  .foot-n__info {
    flex-direction: column;
  }
  .foot-n__logos {
    margin-top: 30px;
  }
  .foot-n__gero-logo {
    max-width: 133px;
  }
  .foot-n__doc-logo {
    max-width: 54px;
  }
  .foot-n__mayr-logo {
    max-width: 66px;
  }
  .foot-n__logo-str img {
    max-width: 161px;
  }
}

.legal-checkbox {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 18px;
}
.legal-checkbox input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.legal-checkbox a {
  color: #707070;
  text-decoration: underline;
}
.legal-checkbox a:hover {
  color: #4a4a4a;
}
.legal-checkbox input[type="checkbox"]:not(:checked) + label:before,
.legal-checkbox input[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #b0b0b0;
  border-radius: 5px;
}
.legal-checkbox input[type="radio"]:checked + label:before {
  border: 1px solid #0f8d9c;
}
.legal-checkbox input[type="checkbox"]:checked + label:after,
.legal-checkbox input[type="checkbox"]:not(:checked) + label:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.legal-checkbox input[type="checkbox"]:checked + label:after,
.legal-checkbox input[type="checkbox"]:not(:checked) + label:after {
  left: 2px;
  top: 4px;
  width: 13px;
  height: 6px;
  border-radius: 1px;
  border-left: 3px solid #0f8d9c;
  border-bottom: 3px solid #0f8d9c;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.legal-checkbox input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}
.legal-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.legal-checkbox input[type="checkbox"] + label {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #707070;
  text-align: left;
  cursor: pointer;
}
.legal-checkbox-spec input[type="checkbox"] + label {
  line-height: 160%;
}
.save-test-result-modal__form-text
  .legal-checkbox
  input[type="checkbox"]
  + label {
  line-height: 20px;
}
.input-error {
  color: #ce2828;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: start;
  margin-top: 8px;
}
.cookie-modal {
  display: none;
  position: fixed;
  padding: 16px 100px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 72px;
  z-index: 100;
  background: rgba(248, 250, 252, 0.9);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.cookie-modal .body {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.cookie-modal .text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #707070;
}
.cookie-modal .cookie-modal-ok {
  position: absolute;
  top: 16.5px;
  right: 52px;
  content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='16.1651' y1='16.164' x2='0.52179' y2='0.520731' stroke='%23707070' stroke-width='1.47486'/%3E%3Cline x1='0.521526' y1='16.1641' x2='16.1648' y2='0.520814' stroke='%23707070' stroke-width='1.47486'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}
.cookie-modal .cookie-modal-ok:hover {
  content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='16.1651' y1='16.164' x2='0.52179' y2='0.520731' stroke='%23454545' stroke-width='1.47486'/%3E%3Cline x1='0.521526' y1='16.1641' x2='16.1648' y2='0.520814' stroke='%23454545' stroke-width='1.47486'/%3E%3C/svg%3E%0A");
}
@media only screen and (max-width: 767px) {
  .cookie-modal {
    padding: 14px 38px;
  }
  .cookie-modal .body {
    flex-direction: column;
    gap: 16px;
  }
  .cookie-modal .text {
    font-size: 12px;
  }
  .cookie-modal .cookie-modal-ok {
    top: 6px;
    right: 12px;
    width: 12px;
  }
  .legal-checkbox {
    gap: 24px;
  }
  .legal-checkbox input[type="checkbox"] + label,
  .legal-checkbox a {
    font-size: 12px;
    line-height: 120%;
  }
  .legal-checkbox input[type="checkbox"]:not(:checked) + label:before,
  .legal-checkbox input[type="checkbox"]:checked + label:before {
    width: 18px;
    height: 18px;
  }
  .legal-checkbox input[type="checkbox"]:checked + label:after,
  .legal-checkbox input[type="checkbox"]:not(:checked) + label:after {
    left: 2px;
    top: 4px;
    width: 13px;
    height: 6px;
    border-radius: 1px;
    border-left: 3px solid #0f8d9c;
    border-bottom: 3px solid #0f8d9c;
  }
  .save-test-result-modal__form-text
    .legal-checkbox
    input[type="checkbox"]
    + label {
    line-height: 14px;
  }
}

.banner-wide__wrap {
  position: relative;
}
.banner-wide {
  width: 100%;
  display: flex;
}
.banner-wide__container {
  width: 100%;
  max-width: 1360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.banner-wide--test .banner-wide__container {
  padding: 30px;
}
.banner-wide--gormons .banner-wide__container {
  padding: 24px 40px;
  align-items: flex-start;
}
.banner-wide--tg .banner-wide__container {
  padding: 32px 40px;
  align-items: flex-start;
  justify-content: space-between;
}
.banner-wide--test {
  background: linear-gradient(270.07deg, #ffffff -14.79%, #bfe8df 111.94%);
  height: 293px;
}
.banner-wide--gormons {
  height: auto;
  text-decoration: unset;
}
.banner-wide--tg {
  height: auto;
  text-decoration: unset;
}
.banner-wide__img {
  width: 100%;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: contain;
}
.banner-wide__img--test {
  height: 293px;
  content: url("/bitrix/templates/stroynee/css/../img/banner-test.png");
}
.banner-wide__img--gormons {
  content: url("/bitrix/templates/stroynee/css/../img/banner-gormons.png");
}
.banner-wide__img--tg {
  content: url("/bitrix/templates/stroynee/css/../img/banner-tg.png");
}
.banner-wide--gormons .banner-wide__tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 89px;
  height: 32px;
  background: rgba(255, 255, 255, 0.19);
  border-radius: 10px;
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #fffefe;
}
.banner-wide--tg .banner-wide__tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 310px;
  height: 32px;
  background: #fffefe;
  border-radius: 10px;
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
}
.banner-wide__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
}
.banner-wide--test .banner-wide__title {
  color: #040000;
  position: relative;
  margin-bottom: 16px;
}
.banner-wide--test .banner-wide__title::before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_218_2053)'%3E%3Cpath d='M22.002 23.5C22.002 23.776 21.778 24 21.502 24C21.226 24 21.002 23.776 21.002 23.5C21.002 21.863 20.007 20.474 18.407 19.873L13.326 17.968C13.131 17.895 13.002 17.708 13.002 17.5V12.607C13.002 11.818 12.467 11.136 11.757 11.02C11.308 10.948 10.871 11.066 10.531 11.356C10.195 11.642 10.002 12.059 10.002 12.5V19.924C10.002 20.345 9.767 20.72 9.387 20.903C9.007 21.084 8.568 21.034 8.241 20.773L6.553 19.431C6.537 19.418 6.523 19.405 6.509 19.391C5.902 18.841 4.965 18.877 4.407 19.475C3.842 20.079 3.873 21.032 4.471 21.593L6.104 23.144C6.429 23.453 6.211 24 5.762 24C5.635 24 5.513 23.952 5.421 23.865L3.781 22.317C2.781 21.38 2.733 19.799 3.675 18.793C4.609 17.792 6.179 17.735 7.186 18.658L8.862 19.992L9 19.926V12.502C9 11.768 9.321 11.073 9.881 10.597C10.441 10.121 11.182 9.917 11.916 10.036C13.104 10.229 13.999 11.336 13.999 12.609V17.155L18.755 18.939C20.756 19.689 21.999 21.437 21.999 23.501L22.002 23.5ZM8.056 7.561L6.694 3.506C6.408 2.859 6.009 2.722 5.5 2.722C4.991 2.722 4.591 2.859 4.298 3.526L2.944 7.56C2.826 7.912 3.088 8.277 3.46 8.277C3.693 8.277 3.899 8.129 3.975 7.909L4.229 7.166H6.773L7.027 7.909C7.102 8.129 7.309 8.277 7.541 8.277C7.913 8.277 8.175 7.913 8.056 7.561ZM4.607 6.056L5.332 3.935C5.354 3.888 5.444 3.833 5.499 3.833C5.556 3.833 5.641 3.88 5.659 3.916L6.391 6.055H4.607V6.056ZM20.507 5.207C20.65 4.953 20.73 4.658 20.721 4.344C20.697 3.433 19.92 2.722 19.009 2.722H18.161C17.073 2.722 16.278 3.518 16.278 4.5V6.5C16.278 7.482 17.074 8.278 18.056 8.278H19.568C20.443 8.278 21.203 7.621 21.273 6.748C21.325 6.103 21.005 5.526 20.507 5.207ZM17.389 4.389C17.389 4.082 17.638 3.833 17.945 3.833H19.031C19.321 3.833 19.58 4.044 19.609 4.332C19.642 4.663 19.381 4.944 19.056 4.944H17.389V4.389ZM19.587 7.167H17.944C17.637 7.167 17.389 6.918 17.389 6.611V6.055H19.611C19.936 6.055 20.197 6.336 20.164 6.667C20.135 6.955 19.877 7.167 19.587 7.167ZM5.5 0C2.467 0 0 2.468 0 5.5C0 8.532 2.467 11 5.5 11C8.533 11 11 8.532 11 5.5C11 2.468 8.533 0 5.5 0ZM5.5 10C3.019 10 1 7.981 1 5.5C1 3.019 3.019 1 5.5 1C7.981 1 10 3.019 10 5.5C10 7.981 7.981 10 5.5 10ZM18.5 0C15.467 0 13 2.468 13 5.5C13 8.532 15.467 11 18.5 11C21.533 11 24 8.532 24 5.5C24 2.468 21.533 0 18.5 0ZM18.5 10C16.019 10 14 7.981 14 5.5C14 3.019 16.019 1 18.5 1C20.981 1 23 3.019 23 5.5C23 7.981 20.981 10 18.5 10Z' fill='%23007A86'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_218_2053'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.banner-wide--gormons .banner-wide__title {
  width: 100%;
  color: #fffefe;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  font-weight: 500;
}
.banner-wide--tg .banner-wide__title {
  color: #fffefe;
  max-width: 674px;
  font-weight: 500;
  margin: 8px 0;
}
.banner-wide__text {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.01em;
}
.banner-wide--test .banner-wide__text {
  color: #040000;
  max-width: 537px;
}
.banner-wide--test .btn {
  width: 252px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: unset;
  background: linear-gradient(147.05deg, #00adab -17.49%, #007e89 133.12%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #fffefe;
  margin: 24px 0;
}
.banner-wide--test .btn:hover {
  color: #fffefe !important;
  background: linear-gradient(
    147.05deg,
    #1ddddb -17.49% -17.49%,
    #108e99 133.12%
  );
}
.banner-wide--test .link {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  text-align: center;
  text-decoration: underline;
  color: #040000;
}
.banner-wide--gormons .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 216px;
  height: 56px;
  border: solid 2px #fffefe;
  border-radius: 50px;
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #fffefe;
}
.banner-wide--tg .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 248px;
  height: 56px;
  border: solid 2px #fffefe;
  border-radius: 50px;
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #fffefe;
}
.banner-wide--gormons .btn:hover,
.banner-wide--tg .btn:hover {
  border: solid 3px #fffefe;
}
.banner-sticky__wrap {
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  top: 48px;
  right: 0;
  background: #56b4a9;
  box-shadow: 4px 0px 20px rgba(0, 0, 0, 0.05), 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 40px;
  height: 0px;
  max-width: 1440px;
  margin: 0px auto;
  width: 100%;
}
.banner-sticky__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 32px 32px 40px;
  gap: 17px;
  height: fit-content;
  background: #56b4a9;
  box-shadow: 4px 0px 20px rgba(0, 0, 0, 0.05), 0px 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 40px;
  margin: 48px 0 0 auto;
  max-width: 366px;
}
.banner-sticky__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #fffefe;
}
.banner-sticky__text {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #fffefe;
}
.banner-sticky__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  width: 287px;
  height: 56px;
  background: #ff7914;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: unset;
}
.banner-sticky__pen-img {
  max-width: 100%;
}
.banner-sticky-mob__wrap {
  display: none;
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  top: 48px;
  border-radius: 40px;
  height: 0px;
  max-width: 140px;
  margin: 0 40px 0 auto;
  width: 100%;
}
.banner-sticky-mob__back {
  content: url("/bitrix/templates/stroynee/css/../img/sticky-mob.png");
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: fit-content;
  opacity: 0.5;
}
.banner-sticky-mob__container {
  padding: 20px 8px 26px 18px;
  position: relative;
  background: linear-gradient(
    112.32deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0) 101.12%
  );
  backdrop-filter: blur(21px);
  border-radius: 20px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.banner-sticky-mob__close {
  content: url("data:image/svg+xml,%3Csvg width='52' height='60' viewBox='0 0 52 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_203_3437)'%3E%3Crect x='16' y='20' width='20' height='20' rx='10' fill='%23FFFEFE' shape-rendering='crispEdges'/%3E%3Crect x='16.5' y='20.5' width='19' height='19' rx='9.5' stroke='%23FFFEFE' shape-rendering='crispEdges'/%3E%3Cg clip-path='url(%23clip0_203_3437)'%3E%3Cpath d='M25.293 30L22.1465 26.8538C21.9512 26.6585 21.9512 26.3418 22.1465 26.1465C22.3418 25.9512 22.6585 25.9512 22.8538 26.1465L26 29.293L29.1462 26.1465C29.3415 25.9512 29.6582 25.9512 29.8535 26.1465C30.0488 26.3418 30.0488 26.6585 29.8535 26.8538L26.707 30L29.8535 33.1462C30.0488 33.3415 30.0488 33.6582 29.8535 33.8535C29.6582 34.0488 29.3415 34.0488 29.1462 33.8535L26 30.707L22.8538 33.8535C22.6585 34.0488 22.3418 34.0488 22.1465 33.8535C21.9512 33.6582 21.9512 33.3415 22.1465 33.1462L25.293 30Z' fill='%23767676'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_203_3437' x='0' y='0' width='60' height='60' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_203_3437'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='4'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_203_3437' result='effect2_dropShadow_203_3437'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_203_3437' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_203_3437'%3E%3Crect width='8' height='8' fill='white' transform='matrix(-1 0 0 1 30 26)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  right: -15px;
  top: -24px;
  z-index: 10;
}
.banner-sticky-mob__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #040000;
}
@media only screen and (max-width: 1520px) {
  .banner-sticky__container {
    margin: 48px 40px 0 auto;
  }
}
@media only screen and (max-width: 1360px) {
  .banner-sticky__wrap {
    display: none;
  }
  .banner-sticky-mob__wrap {
    display: block;
  }
}
@media only screen and (max-width: 960px) {
  .banner-wide--test {
    height: fit-content;
  }
  .banner-wide__img--test {
    height: fit-content;
    content: url("/bitrix/templates/stroynee/css/../img/banner-test-t.png");
  }
  .banner-wide--test .banner-wide__text {
    font-size: 16px;
  }
  .banner-wide--gormons .banner-wide__container {
    padding: 40px;
  }
  .banner-wide__img--gormons {
    content: url("/bitrix/templates/stroynee/css/../img/banner-gormons-t.png");
  }
  .banner-wide--gormons .banner-wide__title {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
  }
  .banner-wide--tg .banner-wide__container {
    justify-content: flex-start;
  }
  .banner-wide__img--tg {
    content: url("/bitrix/templates/stroynee/css/../img/banner-tg-t.png");
  }
  .banner-wide--tg .banner-wide__title {
    font-size: 24px;
    line-height: 32px;
    margin: 48px 0 40px;
  }
  .banner-sticky__wrap {
    display: none;
  }
  .banner-sticky-mob__wrap {
    margin: 0 34px 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .banner-wide--test {
    height: fit-content;
  }
  .banner-wide--test .banner-wide__container {
    padding: 41px 16px 146px;
  }
  .banner-wide__img--test {
    height: fit-content;
    content: url("/bitrix/templates/stroynee/css/../img/banner-test-m.png");
  }
  .banner-wide--test .banner-wide__title {
    font-weight: 500;
  }
  .banner-wide--test .banner-wide__text {
    font-size: 18px;
    line-height: 140%;
  }
  .banner-wide--gormons .banner-wide__container {
    padding: 16px;
  }
  .banner-wide__img--gormons {
    content: url("/bitrix/templates/stroynee/css/../img/banner-gormons-m.png");
  }
  .banner-wide--gormons .banner-wide__title {
    font-size: 18px;
    line-height: 140%;
    display: inline-block;
  }
  .banner-wide__title .btn {
    display: none;
  }
  .banner-wide__title::after {
    content: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.81463 10.908L4.73463 9.63002L8.89262 6.26402H0.000625025V4.64402H8.89262L4.73463 1.26002L5.81463 1.87159e-05L12.1506 5.43602L5.81463 10.908Z' fill='%23FFFEFE'/%3E%3C/svg%3E%0A");
  }
  .banner-wide--tg .banner-wide__container {
    padding: 16px;
  }
  .banner-wide__img--tg {
    content: url("/bitrix/templates/stroynee/css/../img/banner-tg-m.png");
  }
  .banner-wide--tg .banner-wide__title {
    font-size: 18px;
    line-height: 140%;
    margin: 32px 0 24px;
  }
  .banner-sticky-mob__wrap {
    margin: 0 16px 0 auto;
  }
}
.art-n__cont {
  max-width: 944px;
  padding: 48px 0 90px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.art-n__cont--pt0 {
  padding-top: 0;
}
.art-n__cont--wide {
  max-width: 1520px;
  padding: 96px 40px 0;
  margin: 0 auto;
}
.art-n__cont-banner-wrap {
  max-width: 1440px;
  display: flex;
  margin: 0 auto;
}
.art-n__cont--wrap {
  max-width: 1440px;
  display: flex;
  margin: 0 auto;
}
.art-n__title {
  max-width: 1020px;
  margin: 24px 0 48px 0;
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 64px;
  line-height: 130%;
  letter-spacing: -0.05em;
  color: #040000;
}
.art-n strong {
  font-family: Onest;
  font-weight: 500;
}
.art-n__cont strong {
  font-size: larger;
}
.art-n__tag {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #040000;
}
.art-n__head {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: #040000;
}
.art-n__subhead {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: 0.01em;
  color: #040000;
}
.art-n__lead {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  color: #040000;
}
.art-n p {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
}
.art-n p + p,
.art-n__lead + p,
.art-n__subhead + p,
.art-n__head + p,
p + .art-n__subhead,
.art-n__list + p,
p + .art-n__list,
.art-n__list + .art-n__subhead,
.art-n__subhead + .art-n__list,
.art-n__subhead + .art-n__numb-list,
.art-n__lead + .art-n__list,
.art-n__lead + .art-n__numb-list,
p + .art-n__numb-list {
  padding-top: 24px;
}
.art-n__list + .art-n__lead,
.art-n__numb-list + .art-n__lead {
  padding-top: 32px;
}
.art-n__list {
  list-style: disc;
  padding-left: 28px;
}
.art-n__numb-list {
  padding: 0 0 0 24px;
  margin: 0;
}
.art-n__numb-list ul {
  list-style: disc;
  padding-left: 12px;
}
.art-n__numb-list:not(.art-n__numb-list--no-fw) > li::marker {
  font-weight: bolder;
  font-size: larger;
}
.art-n__numb-list--no-fw > li::marker {
  font-size: larger;
  font-weight: 500;
}
.art-n__list li,
.art-n__numb-list li {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
  margin: 0;
}
.art-n__list li + li,
.art-n__numb-list li + li,
li + ul,
ul + li {
  padding-top: 16px;
}
.art-n__numb-list--pt0 li + li {
  padding-top: 0;
}
.art-n__numb-list:not(.art-n__numb-list--no-fw)
  strong:not(.art-n__numb-list--pt0 strong) {
  font-weight: bolder;
}
.art-n__img-full,
.art-n__img {
  max-width: 100%;
  padding: 24px 0 48px;
}
.art-n__contents {
  max-width: 904px;
  width: 100%;
  background: #f5f5f5;
  border-radius: 40px;
  padding: 32px;
  margin: 48px 0;
}
.art-n__cont sup {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #040000;
}
.contents__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
}
.contents__list {
  margin: 24px 0 0;
  padding: 0 0 0 24px;
}
.contents__list li,
.contents__list a {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
  text-decoration: unset;
  margin: 0;
}
.contents__list li + li {
  padding-top: 16px;
}
.art-n__link {
  font-family: Onest;
  font-size: 18px;
  color: #38b0b0;
}
.art-n__sources {
  margin-top: 24px;
}
.sources__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 130%;
  color: #979797;
  margin-bottom: 8px;
}
.art-n__sources sup {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #979797;
}
.art-n__sources a {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #979797;
  text-decoration: unset;
}
.art-faq__wrap {
  max-width: 1440px;
  margin: 0 auto;
}
.art-faq {
  max-width: 944px;
  padding: 48px 0 48px 40px;
}
.art-faq__head {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: #040000;
}
.art-faq__item {
  min-height: 78px;
  display: flex;
  align-items: center;
  padding: 24px 0 16px;
  cursor: pointer;
}
.art-faq__item + .art-faq__item {
  border-top: 2px solid #f5f5f5;
}
.art-faq__item:last-child {
  border-bottom: none;
}
.art-faq__item > details {
  width: 100%;
}
.art-faq__item > details > summary::-webkit-details-marker {
  content: none;
  display: none;
}
.art-faq__item > details > summary::marker {
  content: none;
  display: none;
}
.art-faq__item > details > summary:after {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59375 13.1719C3.67581 13.4609 3.76304 13.7448 3.85545 14.0235C4.68711 16.5317 5.93792 18.6208 7.60786 20.2907C9.27781 21.9607 11.3669 23.2115 13.8751 24.0432C14.1538 24.1356 14.4377 24.2228 14.7267 24.3049C14.6447 24.0158 14.5574 23.7319 14.465 23.4533C13.6334 20.945 12.3826 18.8559 10.7126 17.186C9.04267 15.516 6.95358 14.2652 4.44535 13.4336C4.16666 13.3412 3.88279 13.2539 3.59375 13.1719Z' fill='%23478F96'/%3E%3Cpath d='M31.5387 13.1715C31.2496 13.2536 30.9656 13.341 30.6868 13.4335C28.1779 14.266 26.0881 15.5176 24.4175 17.1883C22.7469 18.859 21.4954 20.9489 20.6631 23.4579C20.5706 23.7367 20.4833 24.0206 20.4012 24.3098C20.6903 24.2276 20.9742 24.1403 21.253 24.0478C23.762 23.2153 25.8517 21.9637 27.5224 20.293C29.193 18.6222 30.4445 16.5323 31.2768 14.0234C31.3692 13.7446 31.4566 13.4606 31.5387 13.1715Z' fill='%23478F96'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: 0px;
  top: -2px;
  content: "";
}
.art-faq__item > details[open] > summary:after {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.4453 26.0703C37.3479 25.7271 37.2443 25.39 37.1345 25.059C36.1469 22.0805 34.6616 19.5997 32.6786 17.6167C30.6955 15.6336 28.2147 14.1483 25.2362 13.1607C24.9052 13.0509 24.5681 12.9473 24.2249 12.8499C24.3223 13.1931 24.4259 13.5302 24.5357 13.8612C25.5233 16.8397 27.0086 19.3205 28.9917 21.3036C30.9747 23.2866 33.4555 24.7719 36.434 25.7595C36.765 25.8693 37.1021 25.9729 37.4453 26.0703Z' fill='%23478F96'/%3E%3Cpath d='M4.26607 26.0708C4.60941 25.9732 4.94659 25.8695 5.27763 25.7597C8.25699 24.7711 10.7386 23.2848 12.7225 21.3008C14.7063 19.3168 16.1925 16.8351 17.1808 13.8557C17.2907 13.5246 17.3943 13.1874 17.4919 12.8441C17.1485 12.9416 16.8113 13.0453 16.4803 13.1552C13.5009 14.1437 11.0193 15.63 9.03546 17.614C7.05159 19.598 5.56547 22.0798 4.5771 25.0592C4.46728 25.3902 4.3636 25.7274 4.26607 26.0708Z' fill='%23478F96'/%3E%3C/svg%3E%0A");
}
.art-faq__question {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
}
.art-faq__answer {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
  margin-top: 16px;
}
.art-faq__answer strong {
  font-family: Onest;
  font-style: normal;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.01em;
  color: #040000;
  font-weight: 500;
}
.art-faq__button {
  display: flex;
  justify-content: space-between;
}
.art-faq__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 232px;
  height: 56px;
  background: #ffffff;
  border: 1px solid #38B0B0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #38B0B0;
  text-decoration: unset;
  margin-top: 24px;
}
.art-n__main-img {
  max-width: 1440px;
  width: 100%;
}
.art-faq__link {
  color: #38B0B0;
}
@media only screen and (max-width: 1360px) {
  .art-n__cont--pt0 {
    padding: 48px 0 90px 40px;
  }
}
@media only screen and (max-width: 960px) {
  .art-n__cont {
    padding: 48px 34px 90px 48px;
  }
  .art-n__cont--wide {
    padding: 40px 34px 40px 48px;
  }
  .art-n__main-img {
    content: url("/bitrix/templates/stroynee/css/../img/osobennosti-pokhudeniya-01-t.png");
  }
  .art-n__title {
    font-size: 40px;
  }
  .art-faq {
    padding: 48px 34px 76px 48px;
  }
  .art-faq__btn {
    width: 240px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 500px) {
  .art-n__cont {
    padding: 40px 15px 40px 16px;
  }
  .art-n__cont--wide {
    padding: 40px 15px 0 16px;
  }
  .art-n__main-img {
    content: url("/bitrix/templates/stroynee/css/../img/osobennosti-pokhudeniya-01-m.png");
  }
  .art-n__title {
    font-size: 32px;
  }
  .art-n__lead {
    font-size: 18px;
    line-height: 140%;
    font-weight: 500;
  }
  .contents__title {
    font-weight: 500;
  }
  .art-n__contents {
    border-radius: 20px;
    padding: 24px;
    margin: 32px 0;
  }
  .art-n__head {
    font-size: 24px;
    line-height: 130%;
  }
  .art-n__subhead {
    font-size: 18px;
    line-height: 140%;
  }
  .art-n p {
    line-height: 150%;
  }
  .art-n__numb-list--no-fw > li::marker {
    font-size: medium;
  }
  .art-n__cont strong:not(.art-n__numb-list--pt0 strong),
  .art-n__numb-list:not(.art-n__numb-list--no-fw) > li::marker {
    font-size: medium;
  }
  .art-n__numb-list--pt0 strong {
    font-size: medium;
    font-weight: 600;
  }
  .art-n__list {
    padding-left: 26px;
  }
  p + .art-n__list {
    padding-top: 16px;
  }
  .art-n__img-full,
  .art-n__img {
    padding: 32px 0;
  }
  .art-faq {
    padding: 48px 16px;
  }
  .art-faq__head {
    font-size: 24px;
    line-height: 130%;
  }
  .art-faq__item {
    padding: 16px 0;
  }
  .art-faq__btn {
    width: 100%;
  }
}

.art-n-test-block {
  width: 100%;
  max-width: 1440px;
  padding: 48px 40px;
  background: linear-gradient(147.05deg, #28bebc 24.14%, #1b9da8 133.12%);
  margin: 0 auto;
}
.art-n-test-block__container {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.art-n-test-block__test {
  width: 657px;
  height: 610px;
  background: #d0edeb;
  box-shadow: 4px 0px 10px rgba(0, 99, 99, 0.1),
    0px 4px 10px rgba(0, 99, 99, 0.1);
  border-radius: 20px;
  padding: 48px;
  position: relative;
  overflow: hidden;
}
.art-n-test-block__test::after {
  content: url("data:image/svg+xml,%3Csvg width='298' height='243' viewBox='0 0 298 243' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5810_1828)' filter='url(%23filter0_n_5810_1828)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M49.735 84.1403C61.6204 84.1403 72.5299 88.3002 81.0867 95.2359L81.089 95.2336L81.1098 95.2543C83.705 97.3603 86.0847 99.7218 88.2073 102.301L106.014 119.983L205.268 19.146C207.195 16.816 209.323 14.6563 211.622 12.6914L211.642 12.6707L211.643 12.673C220.793 4.85963 232.677 0.138184 245.666 0.138184C274.565 0.138184 298 23.4992 298 52.3069C298 66.2426 292.516 78.9033 283.583 88.2618L283.579 88.2664C282.991 88.8825 282.388 89.484 281.771 90.0709L146.94 224.641C144.583 227.632 141.875 230.336 138.877 232.688L138.875 232.69C130.756 239.061 120.512 242.862 109.38 242.862C97.7963 242.862 87.1762 238.745 78.9088 231.9H78.9057L78.8873 231.882C76.7654 230.122 74.7997 228.183 73.0119 226.088L18.318 172.151C15.8451 170.14 13.5693 167.896 11.526 165.454L11.5098 165.437C4.32221 156.841 0 145.782 0 133.72C0 106.342 22.2715 84.1403 49.735 84.1403Z' fill='url(%23paint0_linear_5810_1828)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M106.014 119.983L205.268 19.146L198.7 25.8193C191.114 36.4438 189.191 47.2677 188.076 59.1941L187.141 69.1856L182.791 100.993L106.416 173.96L106.014 119.983ZM223.092 5.2308L223.495 5.04053V5.0413L223.092 5.2308Z' fill='url(%23paint1_linear_5810_1828)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M198.7 25.8193L205.268 19.146C207.195 16.816 209.323 14.6563 211.622 12.6914L211.642 12.6707L211.644 12.673C220.793 4.85963 232.678 0.138184 245.667 0.138184C274.566 0.138184 298 23.4992 298 52.3069C298 66.2426 292.517 78.9033 283.584 88.2618L283.579 88.2664C282.991 88.8825 282.388 89.484 281.771 90.0709L269.746 102.073L182.791 100.993L186.634 59.9138C187.749 47.9874 191.115 36.4438 198.7 25.8193Z' fill='url(%23paint2_linear_5810_1828)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_n_5810_1828' x='0' y='0' width='298' height='243' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2 2' stitchTiles='stitch' numOctaves='3' result='noise' seed='3350' /%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise' /%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '/%3E%3C/feComponentTransfer%3E%3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped' /%3E%3CfeFlood flood-color='rgba(0, 0, 0, 0.1)' result='color1Flood' /%3E%3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1' /%3E%3CfeMerge result='effect1_noise_5810_1828'%3E%3CfeMergeNode in='shape' /%3E%3CfeMergeNode in='color1' /%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_5810_1828' x1='-182.646' y1='348.861' x2='219.246' y2='55.8895' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2338B0B0'/%3E%3Cstop offset='0.4375' stop-color='%231B9DA8'/%3E%3Cstop offset='1' stop-color='%2390CCCC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_5810_1828' x1='120.651' y1='126.649' x2='208.626' y2='52.0791' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2356CFCD'/%3E%3Cstop offset='1' stop-color='%23A3DADE'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_5810_1828' x1='272.283' y1='84.2438' x2='208.717' y2='17.7674' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C5FBFB'/%3E%3Cstop offset='1' stop-color='%2372B6BD'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_5810_1828'%3E%3Crect width='298' height='243' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  bottom: 53px;
  right: 63px;
}
.art-n-test-block__title {
  font-family: Onest;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: #040000;
}
.art-n-test-block__text {
  font-family: Onest;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  color: #040000;
  margin: 24px 0 32px;
}
.art-n-test-block__btn {
  padding: 16px 40px;
  width: fit-content;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(147.05deg, #00adab -17.49%, #007e89 133.12%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 100px;
  font-family: Onest;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: unset;
}
.art-n-test-block__guide .art-n-test-block__btn {
  padding: 16px 24px;
}
.art-n-test-block__btn--orange {
  background: #ff7914;
}
.art-n-test-block__webinars {
  width: 657px;
  background: #fffefe;
  border-radius: 20px;
  padding: 48px;
  position: relative;
  overflow: hidden;
}
.art-n-test-block__webinars::after {
  content: url("/bitrix/templates/stroynee/css/../img/webinars.png");
  position: absolute;
  bottom: 48px;
  right: 30px;
  width: fit-content;
}
.art-n-test-block__guide {
  width: 100%;
  background: #d0edeb;
  box-shadow: 4px 0px 10px rgba(0, 99, 99, 0.1),
    0px 4px 10px rgba(0, 99, 99, 0.1);
  border-radius: 20px;
  padding: 48px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.art-n-test-block__guide::after {
  max-height: 221px;
  content: url("/bitrix/templates/stroynee/css/../img/guide-back.png");
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.art-n-test-block__guide img {
  width: 100%;
  max-width: 569px;
  margin-top: 24px;
}
.art-n-test-block__guide .art-n-test-block__text {
  text-align: center;
}
@media (max-width: 1440px) {
  .art-n-test-block__test {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    order: 1;
  }
  .art-n-test-block__test .art-n-test-block__btn--orange {
    background: linear-gradient(147.05deg, #00adab -17.49%, #007e89 133.12%);
  }
  .art-n-test-block__test .art-n-test-block__title {
    margin-top: 160px;
  }
  .art-n-test-block__test::after {
    content: url("data:image/svg+xml,%3Csvg width='146' height='119' viewBox='0 0 146 119' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4741_4731)' filter='url(%23filter0_n_4741_4731)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.3668 41.2047C30.1899 41.2047 35.5348 43.2419 39.727 46.6383L39.7282 46.6372L39.7384 46.6474C41.0098 47.6787 42.1757 48.8352 43.2157 50.0983L51.9395 58.7571L100.567 9.37625C101.512 8.23519 102.554 7.17755 103.68 6.21535L103.69 6.2052L103.691 6.20633C108.174 2.38002 113.996 0.0678711 120.36 0.0678711C134.519 0.0678711 146 11.5081 146 25.6155C146 32.44 143.313 38.6401 138.937 43.2231L138.934 43.2253C138.646 43.527 138.351 43.8216 138.049 44.109L71.9906 110.009C70.836 111.474 69.5091 112.798 68.0404 113.95L68.0393 113.951C64.0616 117.071 59.0428 118.933 53.5889 118.933C47.9136 118.933 42.7105 116.916 38.66 113.564H38.6585L38.6495 113.555C37.6099 112.694 36.6468 111.744 35.7709 110.718L8.97457 84.3048C7.76305 83.3196 6.64806 82.2211 5.64696 81.0248L5.63904 81.0169C2.11759 76.8073 0 71.3914 0 65.4844C0 52.0773 10.9115 41.2047 24.3668 41.2047Z' fill='url(%23paint0_linear_4741_4731)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51.9395 58.7572L100.567 9.37638L97.3494 12.6444C93.633 17.8473 92.6908 23.1479 92.1444 28.9884L91.6862 33.8814L89.555 49.4578L52.1367 85.1904L51.9395 58.7572ZM109.3 2.56193L109.497 2.46875V2.46913L109.3 2.56193Z' fill='url(%23paint1_linear_4741_4731)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M97.3495 12.6442L100.567 9.37624C101.512 8.23519 102.554 7.17755 103.681 6.21535L103.69 6.2052L103.691 6.20633C108.174 2.38002 113.996 0.0678711 120.36 0.0678711C134.519 0.0678711 146 11.5081 146 25.6155C146 32.44 143.313 38.6401 138.937 43.2231L138.935 43.2253C138.646 43.527 138.351 43.8216 138.049 44.109L132.157 49.9863L89.5552 49.4577L91.4379 29.3407C91.9843 23.5002 93.6331 17.8472 97.3495 12.6442Z' fill='url(%23paint2_linear_4741_4731)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_n_4741_4731' x='0' y='0' width='146' height='119' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2 2' stitchTiles='stitch' numOctaves='3' result='noise' seed='3350' /%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise' /%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '/%3E%3C/feComponentTransfer%3E%3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped' /%3E%3CfeFlood flood-color='rgba(0, 0, 0, 0.1)' result='color1Flood' /%3E%3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1' /%3E%3CfeMerge result='effect1_noise_4741_4731'%3E%3CfeMergeNode in='shape' /%3E%3CfeMergeNode in='color1' /%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_4741_4731' x1='38.1285' y1='91.0061' x2='107.645' y2='27.7462' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2338B0B0'/%3E%3Cstop offset='0.419608' stop-color='%233ABCC7'/%3E%3Cstop offset='1' stop-color='%2390CCCC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_4741_4731' x1='59.1107' y1='62.022' x2='102.196' y2='25.485' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2356CFCD'/%3E%3Cstop offset='1' stop-color='%23A3DADE'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_4741_4731' x1='133.4' y1='41.2554' x2='102.272' y2='8.6871' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C5FBFB'/%3E%3Cstop offset='1' stop-color='%2372B6BD'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_4741_4731'%3E%3Crect width='146' height='119' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    top: 48px;
    bottom: unset;
    right: 0;
    left: 0;
    margin: auto;
    width: fit-content;
  }
  .art-n-test-block__webinars {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    order: 3;
  }
  .art-n-test-block__webinars .art-n-test-block__title {
    margin-top: 174px;
  }
  .art-n-test-block__webinars::after {
    content: url("/bitrix/templates/stroynee/css/../img/webinars-t.png");
    top: 48px;
    bottom: unset;
    right: 0;
    left: 0;
    margin: auto;
  }
  .art-n-test-block__guide {
    height: fit-content;
    order: 2;
  }
  .art-n-test-block__guide::after {
    content: none;
  }
  .art-n-test-block__text {
    margin: 24px 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .art-n-test-block {
    padding: 48px 16px;
  }
  .art-n-test-block__title {
    font-size: 32px;
    text-align: center;
  }
  .art-n-test-block__text {
    font-size: 16px;
    line-height: 150%;
    margin: 16px 0;
  }
  .art-n-test-block__test,
  .art-n-test-block__guide,
  .art-n-test-block__webinars {
    padding: 40px 24px;
  }
  .art-n-test-block__test .art-n-test-block__title {
    margin-top: 80px;
  }
  .art-n-test-block__test::after {
    content: url("data:image/svg+xml,%3Csvg width='79' height='64' viewBox='0 0 79 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4741_5106)' filter='url(%23filter0_n_4741_5106)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1848 22.1601C16.3356 22.1601 19.2277 23.2558 21.4961 25.0824L21.4968 25.0818L21.5023 25.0873C22.1903 25.642 22.8211 26.2639 23.3838 26.9433L28.1043 31.6001L54.4166 5.04232C54.9275 4.42864 55.4916 3.85983 56.1011 3.34234L56.1064 3.33688L56.1068 3.33749C58.5323 1.27964 61.6829 0.0361328 65.1263 0.0361328C72.7875 0.0361328 79 6.18884 79 13.776C79 17.4464 77.5463 20.7809 75.1781 23.2457L75.1769 23.2469C75.021 23.4091 74.8612 23.5675 74.6976 23.7221L38.9538 59.1644C38.3291 59.9522 37.6111 60.6643 36.8164 61.2838L36.8158 61.2845C34.6635 62.9624 31.9478 63.9634 28.9967 63.9634C25.9259 63.9634 23.1105 62.879 20.9188 61.0763H20.918L20.9131 61.0715C20.3506 60.6081 19.8295 60.0973 19.3555 59.5455L4.8561 45.34C4.20056 44.8102 3.59724 44.2194 3.05555 43.576L3.05126 43.5717C1.14582 41.3078 0 38.395 0 35.2181C0 28.0076 5.90418 22.1601 13.1848 22.1601Z' fill='url(%23paint0_linear_4741_5106)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.1045 31.5999L54.4168 5.04218L52.6756 6.79975C50.6647 9.59796 50.1549 12.4487 49.8592 15.5898L49.6113 18.2213L48.4581 26.5986L28.2112 45.8161L28.1045 31.5999ZM59.1421 1.37726L59.2488 1.32715V1.32735L59.1421 1.37726Z' fill='url(%23paint1_linear_4741_5106)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52.6755 6.79989L54.4167 5.04232C54.9276 4.42864 55.4917 3.85983 56.1012 3.34234L56.1065 3.33688L56.1069 3.33749C58.5324 1.27964 61.683 0.0361328 65.1264 0.0361328C72.7876 0.0361328 79.0001 6.18884 79.0001 13.776C79.0001 17.4464 77.5464 20.7809 75.1782 23.2457L75.177 23.2469C75.0211 23.4091 74.8613 23.5675 74.6977 23.7221L71.5099 26.883L48.458 26.5987L49.4767 15.7795C49.7724 12.6384 50.6646 9.5981 52.6755 6.79989Z' fill='url(%23paint2_linear_4741_5106)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_n_4741_5106' x='0' y='0' width='79' height='64' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2 2' stitchTiles='stitch' numOctaves='3' result='noise' seed='3350' /%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise' /%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '/%3E%3C/feComponentTransfer%3E%3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped' /%3E%3CfeFlood flood-color='rgba(0, 0, 0, 0.1)' result='color1Flood' /%3E%3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1' /%3E%3CfeMerge result='effect1_noise_4741_5106'%3E%3CfeMergeNode in='shape' /%3E%3CfeMergeNode in='color1' /%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_4741_5106' x1='-48.4195' y1='91.8809' x2='57.6382' y2='14.06' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2338B0B0'/%3E%3Cstop offset='0.4375' stop-color='%231B9DA8'/%3E%3Cstop offset='1' stop-color='%2390CCCC'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_4741_5106' x1='31.9848' y1='33.3558' x2='55.1796' y2='13.5664' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2356CFCD'/%3E%3Cstop offset='1' stop-color='%23A3DADE'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_4741_5106' x1='72.1824' y1='22.1874' x2='55.4459' y2='4.57' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23C5FBFB'/%3E%3Cstop offset='1' stop-color='%2372B6BD'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_4741_5106'%3E%3Crect width='79' height='64' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    top: 40px;
  }
  .art-n-test-block__webinars .art-n-test-block__title {
    margin-top: 119px;
  }
  .art-n-test-block__webinars::after {
    content: url("/bitrix/templates/stroynee/css/../img/webinars-m.png");
  }
  .art-n-test-block__guide img {
    margin-top: 16px;
  }
}

/* End */


/* Start:/bitrix/templates/stroynee/fonts/circe/circe.css?17623456121754*/
@font-face {
	font-family: 'Circe';
	src: url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_bold.svg#circe_bold') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Circe';
	src: url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_light.eot'); /* IE 9 Compatibility Mode */
	src: url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_light.woff2') format('woff2'), /* Super Modern Browsers */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_light.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe_light.svg#circe_light') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Circe';
	src: url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe.eot'); /* IE 9 Compatibility Mode */
	src: url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe.woff2') format('woff2'), /* Super Modern Browsers */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/bitrix/templates/stroynee/fonts/circe/./fonts/circe.svg#circe') format('svg'); /* Chrome < 4, Legacy iOS */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/* End */


/* Start:/bitrix/templates/stroynee/fonts/unbounded/unbounded.css?17623456121106*/
@font-face {
	font-family: 'Unbounded';
	src: url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Unbounded';
	src: url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Unbounded';
	src: url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Unbounded';
	src: url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Light.woff2') format('woff2'), /* Super Modern Browsers */
		url('/bitrix/templates/stroynee/fonts/unbounded/./fonts/Unbounded-Light.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
/* End */


/* Start:/bitrix/templates/stroynee/fonts/onest/onest.css?1763022104655*/
@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/stroynee/fonts/onest/./fonts/Onest-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/stroynee/fonts/onest/./fonts/Onest-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/stroynee/fonts/onest/./fonts/Onest-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("/bitrix/templates/stroynee/fonts/onest/./fonts/Onest-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* End */
/* /bitrix/templates/stroynee/css/style.css?1763675176268634 */
/* /bitrix/templates/stroynee/fonts/circe/circe.css?17623456121754 */
/* /bitrix/templates/stroynee/fonts/unbounded/unbounded.css?17623456121106 */
/* /bitrix/templates/stroynee/fonts/onest/onest.css?1763022104655 */