@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-weight: 400;
  src: url('/webpack/fonts/Montserrat-Regular-3220cdd4.eot') format('eot'),
    url('/webpack/fonts/Montserrat-Regular-8b56391e.woff2') format('woff2'),
    url('/webpack/fonts/Montserrat-Regular-3db65dc4.woff') format('woff'),
    url('/webpack/fonts/Montserrat-Regular-317b418e.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-weight: 500;
  src: url('/webpack/fonts/Montserrat-Medium-418e43db.eot') format('eot'),
    url('/webpack/fonts/Montserrat-Medium-d6bbb7c3.woff2') format('woff2'),
    url('/webpack/fonts/Montserrat-Medium-d42dad28.woff') format('woff'),
    url('/webpack/fonts/Montserrat-Medium-693c527a.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-weight: 600;
  src: url('/webpack/fonts/Montserrat-SemiBold-262fb106.eot') format('eot'),
    url('/webpack/fonts/Montserrat-SemiBold-1d679c82.woff2') format('woff2'),
    url('/webpack/fonts/Montserrat-SemiBold-19721359.woff') format('woff'),
    url('/webpack/fonts/Montserrat-SemiBold-87718949.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-weight: 700;
  src: url('/webpack/fonts/Montserrat-Bold-4b33f3d3.eot') format('eot'),
    url('/webpack/fonts/Montserrat-Bold-cfceaf4e.woff2') format('woff2'),
    url('/webpack/fonts/Montserrat-Bold-180ba33d.woff') format('woff'),
    url('/webpack/fonts/Montserrat-Bold-5885feb2.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-weight: 800;
  src: url('/webpack/fonts/Montserrat-ExtraBold-3e1f7a55.eot') format('eot'),
    url('/webpack/fonts/Montserrat-ExtraBold-724e2fc5.woff2') format('woff2'),
    url('/webpack/fonts/Montserrat-ExtraBold-75ee4192.woff') format('woff'),
    url('/webpack/fonts/Montserrat-ExtraBold-0697040c.ttf') format('truetype');
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
}

body {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  color: #828282;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  line-height: 1.33;
  text-align: left;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body.overflow {
  overflow: hidden;
  height: 100vh;
}

@viewport {
  width: device-width;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  padding: 0;
  margin: 0;
  font-weight: 400;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

.container {
  width: 100%;
  max-width: 1324px;
  padding: 0 10px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .container {
    max-width: 740px;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 100%;
    padding: 0 8px;
  }
}

@media (max-width: 991px) {
  .container--centers {
    padding: 0 32px;
  }
}

@media (max-width: 480px) {
  .container--centers {
    padding: 0 24px;
  }
}

.container--articles {
  max-width: 1100px;
  padding: 0 14px;
}

.wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.content {
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

.footer {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #323232;
  font-size: 12px;
  line-height: 2;
}

.footer__wrap {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 48px;
  padding-bottom: 56px;
}

@media (max-width: 991px) {
  .footer__wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .footer__wrap {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.footer__wrapper {
  display: flex;
  width: 100%;
  max-width: 47%;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .footer__wrapper {
    max-width: 100%;
    -webkit-order: -1;
    order: -1;
    margin-bottom: 31px;
  }

  .footer__wrapper .footer__item {
    display: none;
  }
}

.footer__info {
  width: 100%;
  max-width: 39%;
}

@media (max-width: 991px) {
  .footer__info {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .footer__list {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.footer__list-item {
  display: inline-block;
  margin-right: 26px;
}

@media (max-width: 767px) {
  .footer__list-item ~ .footer__list-item {
    margin-top: 24px;
  }
}

.footer__list-item:last-child {
  margin-right: 0;
}

.footer__link {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease-in;
}

.footer__link:hover {
  color: #abdbff;
}

.footer__contact-link {
  display: inline-block;
  color: #828282;
  text-decoration: underline;
}

.footer__contact-link:hover {
  text-decoration: none;
}

.footer__item ~ .footer__item {
  margin-top: 24px;
}

@media (max-width: 991px) {
  .footer__item ~ .footer__item {
    margin-top: 16px;
  }
}

@media (max-width: 991px) {
  .nav {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -150vw;
    width: 100%;
    height: 100vh;
    padding-top: 100px;
    background-color: #fff;
    transition: left 0.3s ease-in;
  }
}

@media (max-width: 767px) {
  .nav {
    top: -5px;
    padding-top: 60px;
  }
}

.nav--active {
  left: 0;
  padding-right: 20px;
  padding-left: 20px;
  overflow-y: scroll;
}

.nav__list {
  display: flex;
  width: 100%;
  max-width: 904px;
  height: 56px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 19px;
  padding-bottom: 20px;
  border: 2px solid #2d87ff;
  border-radius: 28px;
  margin-top: 16px;
  margin-right: 71px;
  background-color: #fff;
}

@media (max-width: 1280px) {
  .nav__list {
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .nav__list {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    border: none;
  }
}

.nav__item {
  position: relative;
  display: flex;
  height: 17px;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 20px;
  color: #323232;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.nav__item:not(:last-child)::after {
  position: absolute;
  top: 35%;
  right: 0;
  width: 12px;
  height: 8px;
  background-image: url('/webpack/images/arrow-159341fc.svg');
  background-size: cover;
  content: '';
  transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.nav__item:hover::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 1280px) {
  .nav__item {
    margin: 0 10px;
  }
}

@media (max-width: 991px) {
  .nav__item {
    height: fit-content;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    align-items: start;
    -webkit-justify-content: start;
    justify-content: start;
  }

  .nav__item::after {
    display: none;
  }
}

.nav__item-text {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  color: #323232;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s ease-in;
}

.nav__item-text:hover {
  color: #2d87ff;
}

.nav__link,
.nav__sublist-link {
  display: block;
  padding: 10px 0;
  color: #323232;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease-in;
}

.nav__link:hover,
.nav__sublist-link:hover {
  color: #2d87ff;
}

.nav__sublist {
  --marginTop: 23px;

  position: absolute;
  z-index: 99;
  top: 100%;
  right: 0;
  min-width: 100%;
  padding: 12px 10px;
  border: 2px solid #2d87ff;
  border-radius: 10px 10px 28px 28px;
  margin-top: var(--marginTop);
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in;
}

.nav__item:hover .nav__sublist {
  opacity: 1;
  pointer-events: auto;
}

.nav__sublist::before {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: var(--marginTop);
  background-color: transparent;
  content: '';
}

@media (max-width: 991px) {
  .nav__sublist::before {
    display: none;
  }

  .nav__sublist {
    position: static;
    padding: 0 15px;
    border: none;
    margin-top: 0;
    opacity: 1;
    pointer-events: auto;
  }
}

.header {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
}

.header__atopderm {
  z-index: 2;
  width: 140px;
  height: 49px;
  -webkit-order: 0;
  order: 0;
  margin-left: 32px;
  -o-object-fit: contain;
  object-fit: contain;
}

.header__atopderm img {
  width: 100%;
  height: auto;
}

@media (max-width: 1280px) {
  .header__atopderm {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .header__atopderm {
    position: absolute;
    left: 50%;
    width: 116px;
    height: 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.header__wrap {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 32px;
  margin-bottom: 25px;
}

@media (max-width: 1280px) {
  .header__wrap {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .header__wrap {
    margin-top: 20px;
  }
}

.header__burger {
  display: none;
}

@media (max-width: 991px) {
  .header__burger {
    position: relative;
    display: flex;
    width: 34px;
    height: 34px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
  }
}

@media (max-width: 767px) {
  .header__burger {
    margin-left: auto;
  }
}

.header__burger--active {
  z-index: 2;
}

.header__burger--active .header__burger-line {
  background-color: #2d87ff;
}

.header__burger--active .header__burger-line:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.header__burger--active .header__burger-line:nth-child(2) {
  opacity: 0;
}

.header__burger--active .header__burger-line:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.header__burger-line {
  position: absolute;
  top: 14px;
  display: block;
  width: 100%;
  max-width: 24px;
  height: 4px;
  border-radius: 2px;
  background-color: #fff;
  transition: background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in, background-color 0.3s ease-in;
  transition: transform 0.3s ease-in, background-color 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

@media (max-width: 767px) {
  .header__burger-line {
    background-color: #2d87ff;
  }
}

.header__burger-line:first-child {
  top: 6px;
  opacity: 1;
  transition: all 0.2s ease-in;
}

.header__burger-line:last-child {
  top: 22px;
}

.header__input {
  width: 100%;
  height: 40px;
  padding-right: 44px;
  padding-left: 24px;
  border: 2px solid #2d87ff;
  border-radius: 20px;
  background-color: #fff;
  color: #828282;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .header__input {
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #2d87ff;
    margin-bottom: 5px;
    background-color: #fff;
  }
}

.filters__button {
  display: none;
}

@media (max-width: 991px) {
  .filters__button {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border: none;
    background-color: transparent;
    color: #323232;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
    outline: none;
    transition: color 0.3s ease-in;
  }

  .filters__button:hover {
    color: #2d87ff;
  }

  .filters__button--active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .filters__button--active svg path {
    fill: #2d87ff;
  }

  .filters__button svg {
    margin-top: 5px;
    margin-left: 10px;
    transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
  }

  .filters__button svg path {
    transition: fill 0.3s ease-in;
  }
}

@media (max-width: 767px) {
  .filters__button {
    font-size: 24px;
    line-height: 32px;
  }
}

.filters__wrap {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .filters__wrap {
    -webkit-justify-content: start;
    justify-content: start;
    margin-top: 24px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    gap: 16px 16px;
    grid-gap: 16px;
  }
}

.filters__filter {
  position: relative;
  display: block;
  width: fit-content;
  height: 56px;
  padding: 16px 27px;
  border: 2px solid hsl(0deg 0% 51% / 24%);
  border-radius: 28px;
  margin-right: 30px;
  background-color: #fff;
  color: #2d87ff;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  outline: none;
  transition: border-color 0.3s ease-in;
}

.filters__filter:hover {
  border-color: #2d87ff;
}

.filters__filter--active {
  border-color: #2d87ff;
  transition: -webkit-filter 0.3s ease-in;
  transition: filter 0.3s ease-in;
  transition: filter 0.3s ease-in, -webkit-filter 0.3s ease-in;
}

.filters__filter--active:hover {
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
}

.filters__close {
  position: absolute;
  top: 0;
  right: -10px;
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}

.filters__filter--active .filters__close {
  opacity: 1;
}

.cookies {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  padding: 26px 0;
  background-color: #eaf6ff;
  box-shadow: 20px 5px 30px rgb(0 0 0 / 5%);
}

@media (max-width: 767px) {
  .cookies {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.cookies__description {
  padding-right: 232px;
}

@media (max-width: 1280px) {
  .cookies__description {
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .cookies__description {
    padding-right: 0;
    line-height: 0.9;
  }
}

.cookies__link,
.cookies__text {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

@media (max-width: 767px) {
  .cookies__link,
  .cookies__text {
    display: inline;
    font-size: 10px;
    line-height: 1;
  }
}

.cookies__link {
  color: #2d87ff;
  font-weight: 600;
  text-decoration: underline;
}

.cookies__link:hover {
  text-decoration: none;
}

.cookies__button.button {
  width: 160px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 16px;
}

@media (max-width: 767px) {
  .cookies__button.button {
    width: 100%;
    margin-top: 24px;
  }
}

.cookies__wrap {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .cookies__wrap {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

.regular-text {
  color: #828282;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.77;
}

@media (max-width: 991px) {
  .regular-text {
    font-size: 14px;
    line-height: 1.71;
  }
}

@media (max-width: 767px) {
  .regular-text {
    font-size: 12px;
    line-height: 1.83;
  }

  .all-articles-intro .regular-text {
    font-size: 14px;
  }
}

.section-title {
  color: #323232;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
}

.onpoint_section__title-dermatit {
  color: #4884f7;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .section-title {
    font-size: 32px;
    line-height: 1.25;
  }
}

@media (max-width: 767px) {
  .section-title,
  .onpoint_section__title-dermatit {
    font-size: 24px;
    line-height: 1.36;
  }
}

.section-title--articles {
  font-size: 40px;
}

@media (max-width: 991px) {
  .section-title--articles {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .section-title--articles {
    font-size: 22px;
  }
}

.main-title {
  width: 100%;
  color: #323232;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.25;
}

@media (max-width: 991px) {
  .main-title {
    font-size: 22px;
    line-height: 1.45;
  }
}

@media (max-width: 767px) {
  .main-title {
    font-size: 18px;
    line-height: 1.33;
  }
}

.first-screen__title {
  padding-top: 100px;
}

@media (max-width: 991px) {
  .first-screen__title {
    padding-top: 20px;
  }
}

.centers-main__wrap {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 80px;
}

@media (max-width: 991px) {
  .centers-main__wrap {
    padding-bottom: 56px;
  }
}

@media (max-width: 767px) {
  .centers-main__wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 48px;
  }
}

.centers-main__content {
  width: 100%;
  max-width: 40%;
  padding-left: 40px;
}

@media (max-width: 991px) {
  .centers-main__content {
    max-width: 49%;
    padding-left: 16px;
  }
}

@media (max-width: 767px) {
  .centers-main__content {
    max-width: 100%;
  }
}

.centers-main__picture {
  width: 100%;
  max-width: 58%;
}

@media (max-width: 991px) {
  .centers-main__picture {
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .centers-main__picture {
    max-width: 100%;
    margin-top: 24px;
  }
}

.centers-main__title {
  position: relative;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .centers-main__title {
    margin-bottom: 8px;
  }
}

.centers-main__title::before {
  position: absolute;
  top: 0;
  left: -100px;
  width: 68px;
  height: 64px;
  background-image: url('/webpack/images/decor-blue-fbf56309.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

@media (max-width: 991px) {
  .centers-main__title::before {
    top: -40px;
    left: -40px;
    width: 48px;
    height: 36px;
  }
}

.centers-main__text {
  width: 100%;
  max-width: 392px;
  color: #828282;
  font-size: 14px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .centers-main__text {
    font-size: 12px;
  }
}

.centers-main__button {
  width: 100%;
  max-width: 288px;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .centers-main__button {
    max-width: 273px;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .centers-main__button {
    width: calc(100vw - 16px);
    max-width: 100vw;
    margin-top: 16px;
    margin-left: -16px;
  }
}

.centers-main__image {
  width: 100%;
  height: auto;
}

.button {
  display: flex;
  width: 100%;
  min-height: 56px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 28px;
  color: #fff;
  font-family: 500;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.button--main {
  border-color: #2d87ff;
  background-color: #2d87ff;
  transition: background-color 0.3s ease-in, border-color 0.3s ease-in, color 0.3s ease-in;
}

.button--main:hover {
  border-color: #216fd8;
  background-color: #216fd8;
}

.button--main:active {
  border-color: #abdbff;
  background-color: #abdbff;
  color: #2d87ff;
}

.main-card {
  display: flex;
  min-height: 432px;
  border-radius: 32px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
  transition: background-size 0.1s ease-in;
}

.main-card:hover {
  background-size: 95%;
}

.main-card:hover .main-card__back {
  opacity: 1;
}

.main-card:hover .main-card__front {
  opacity: 0;
}

@media (max-width: 767px) {
  .main-card {
    min-height: 374px;
  }
}

.main-card__button {
  max-width: 182px;
  margin-top: auto;
  opacity: 0.88;
  transition: opacity 0.3s ease-in;
}

.main-card__button:hover {
  opacity: 1;
}

.main-card__wrap {
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 32px 40px 40px;
}

@media (max-width: 991px) {
  .main-card__wrap {
    padding: 24px 24px 40px;
  }
}

.main-card__wrap--details {
  max-width: 541px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .derma-content .derma-content__card:nth-child(2) .main-card__wrap--details,
  .main-card__wrap--details {
    max-width: 355px;
    font-weight: 600;
  }
}

@media (max-width: 767px) {
  .main-card__wrap--details .main-card__title {
    max-width: 85%;
  }

  .main-card__wrap--details a {
    max-width: 224px;
    margin-right: auto;
    margin-left: auto;
  }
}

.main-card__title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.33;
}

@media (max-width: 767px) {
  .main-card__title {
    max-width: 80%;
    margin-bottom: 8px;
    font-size: 18px;
  }
}

.main-card__content {
  position: relative;
}

@media (max-width: 991px) {
  .main-card__content {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .main-card__content {
    font-size: 12px;
  }
}

.main-card__front {
  transition: opacity 0.3s ease-in;
}

.main-card__front--article {
  max-width: 90%;
  font-size: 16px;
  line-height: 24px;
}

.main-card__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

.main-card__link {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  text-decoration: underline;
}

.main-card__link:hover {
  text-decoration: none;
}

.all-articles-intro {
  position: relative;
  padding-top: 218px;
  padding-bottom: 48px;
}

@media (max-width: 1500px) {
  .all-articles-intro {
    background-position: 0 100%;
    background-repeat: no-repeat;
  }
}

@media (max-width: 991px) {
  .all-articles-intro {
    padding-top: 136px;
  }
}

@media (max-width: 767px) {
  .all-articles-intro {
    padding-top: 80px;
    padding-bottom: 0;
    background-image: none !important;
  }
}

.all-articles-intro::after {
  position: absolute;
  top: 0;
  left: 9%;
  width: 566px;
  height: 640px;
  content: '';
}

.all-articles-intro__wrap {
  width: 100%;
  max-width: 56%;
  margin-left: auto;
}

@media (max-width: 1280px) {
  .all-articles-intro__wrap {
    max-width: 42%;
  }
}

@media (max-width: 991px) {
  .all-articles-intro__wrap {
    max-width: 46%;
  }
}

@media (max-width: 767px) {
  .all-articles-intro__wrap {
    max-width: 100%;
  }
}

.all-articles-intro__title {
  max-width: 490px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .all-articles-intro__title {
    margin-bottom: 16px;
  }
}

.all-articles-intro__text ~ .all-articles-intro__text {
  margin-top: 30px;
}

.all-articles-intro__image {
  display: none;
}

.all-articles-intro__image img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .all-articles-intro__image {
    display: block;
    margin-right: -14px;
    margin-bottom: 16px;
    margin-left: -44px;
  }
}

.all-articles-intro--derma-adult {
  padding-bottom: 60px;
}

@media (max-width: 1500px) {
  .all-articles-intro--derma-adult {
    background-image: url('/webpack/images/derma-adult-45c6d47a.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--derma-adult {
    padding-bottom: 20px;
    background-image: url('/webpack/images/derma-adult-tab-2af43b81.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--derma-adult {
    padding-top: 80px;
  }
}

.all-articles-intro--derma-adult::after {
  background-image: url('/webpack/images/derma-adult-45c6d47a.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--derma-adult::after {
    display: none;
  }
}

.all-articles-intro--derma-teeangers {
  padding-top: 250px;
}

@media (max-width: 1500px) {
  .all-articles-intro--derma-teeangers {
    background-image: url('/webpack/images/derma-teens-a23d5071.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--derma-teeangers {
    padding-top: 160px;
    background-image: url('/webpack/images/derma-teens-tab-55afec0e.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--derma-teeangers {
    padding-top: 80px;
  }
}

.all-articles-intro--derma-teeangers::after {
  background-image: url('/webpack/images/derma-teens-a23d5071.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--derma-teeangers::after {
    display: none;
  }
}

.all-articles-intro--derma-kids {
  padding-bottom: 110px;
}

@media (max-width: 1500px) {
  .all-articles-intro--derma-kids {
    background-image: url('/webpack/images/derma-kids-7dc33f07.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--derma-kids {
    padding-bottom: 70px;
    background-image: url('/webpack/images/derma-kids-tab-c3fa819d.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--derma-kids {
    padding-bottom: 0;
  }
}

.all-articles-intro--derma-kids::after {
  background-image: url('/webpack/images/derma-kids-7dc33f07.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--derma-kids::after {
    display: none;
  }
}

.all-articles-intro--astma-about {
  padding-bottom: 150px;
}

@media (max-width: 1500px) {
  .all-articles-intro--astma-about {
    background-image: url('/webpack/images/astma-about-d244d4f7.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--astma-about {
    background-image: url('/webpack/images/astma-about-tab-45033e38.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--astma-about {
    padding-bottom: 0;
  }
}

.all-articles-intro--astma-about::after {
  background-image: url('/webpack/images/astma-about-d244d4f7.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--astma-about::after {
    display: none;
  }
}

.all-articles-intro--astma-living {
  padding-bottom: 150px;
}

@media (max-width: 1500px) {
  .all-articles-intro--astma-living {
    background-image: url('/webpack/images/astma-living-02cfc532.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--astma-living {
    padding-bottom: 100px;
    background-image: url('/webpack/images/astma-living-tab-7cb106ab.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--astma-living {
    padding-bottom: 0;
  }
}

.all-articles-intro--astma-living::after {
  top: 95px;
  width: 550px;
  height: 523px;
  background-image: url('/webpack/images/astma-living-02cfc532.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--astma-living::after {
    display: none;
  }
}

.all-articles-intro--astma-treatment {
  padding-bottom: 90px;
}

@media (max-width: 1500px) {
  .all-articles-intro--astma-treatment {
    background-image: url('/webpack/images/astma-treatment-ef35ba9a.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--astma-treatment {
    padding-bottom: 70px;
    background-image: url('/webpack/images/astma-treatment-tab-e0930df5.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--astma-treatment {
    padding-bottom: 0;
  }
}

.all-articles-intro--astma-treatment::after {
  background-image: url('/webpack/images/astma-treatment-ef35ba9a.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--astma-treatment::after {
    display: none;
  }
}

.all-articles-intro--sinusit-about {
  padding-bottom: 150px;
}

@media (max-width: 1500px) {
  .all-articles-intro--sinusit-about {
    background-image: url('/webpack/images/sinusit-about-e6927ed0.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--sinusit-about {
    padding-bottom: 100px;
    background-image: url('/webpack/images/sinusit-about-tab-29262595.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--sinusit-about {
    padding-bottom: 0;
  }
}

.all-articles-intro--sinusit-about::after {
  background-image: url('/webpack/images/sinusit-about-e6927ed0.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--sinusit-about::after {
    display: none;
  }
}

.all-articles-intro--sinusit-treatment {
  padding-bottom: 150px;
}

@media (max-width: 1500px) {
  .all-articles-intro--sinusit-treatment {
    background-image: url('/webpack/images/sinusit-treatment-ac4904dc.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--sinusit-treatment {
    padding-bottom: 100px;
    background-image: url('/webpack/images/sinusit-treatment-tab-76a25170.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--sinusit-treatment {
    padding-bottom: 0;
  }
}

.all-articles-intro--sinusit-treatment::after {
  background-image: url('/webpack/images/sinusit-treatment-ac4904dc.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--sinusit-treatment::after {
    display: none;
  }
}

.all-articles-intro--sinusit-living {
  padding-bottom: 100px;
}

@media (max-width: 1500px) {
  .all-articles-intro--sinusit-living {
    background-image: url('/webpack/images/sinusit-living-4b068d47.svg');
  }
}

@media (max-width: 991px) {
  .all-articles-intro--sinusit-living {
    padding-bottom: 50px;
    background-image: url('/webpack/images/sinusit-living-tab-01d74e3d.svg');
  }
}

@media (max-width: 767px) {
  .all-articles-intro--sinusit-living {
    padding-bottom: 0;
  }
}

.all-articles-intro--sinusit-living::after {
  background-image: url('/webpack/images/sinusit-living-4b068d47.svg');
}

@media (max-width: 1500px) {
  .all-articles-intro--sinusit-living::after {
    display: none;
  }
}

.article-item {
  display: block;
  overflow: hidden;
  border-radius: 32px;
  color: #fff;
  text-decoration: none;
}

.article-item:hover .article-item__image-wrap {
  width: 103%;
}

.article-item:hover .article-item__content {
  opacity: 0.9;
}

.article-item__content {
  height: 100%;
  min-height: 160px;
  padding: 24px 20px;
  text-align: center;
  transition: opacity 0.3s ease-in;
}

.article-item__image-wrap {
  overflow: hidden;
  width: 100%;
  height: auto;
  max-height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: width 0.3s ease-in;
}

.article-item__image {
  display: block;
  width: 100%;
  height: auto;
}

.article-item__title {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

@media (max-width: 991px) {
  .article-item__title {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
  }
}

.article-item__tag {
  font-size: 16px;
  line-height: 24px;
  opacity: 0.72;
}

@media (max-width: 991px) {
  .article-item__tag {
    margin-top: auto;
    font-size: 14px;
  }
}

.article-item__tag--card {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.articles-list {
  padding-top: 40px;
  padding-bottom: 65px;
  background: url('/webpack/images/decor-green-c9d493f9.svg') top 40px left 9% no-repeat,
    url('/webpack/images/decor-green-revert-40070773.svg') bottom 20px right 9% no-repeat;
}

@media (max-width: 1500px) {
  .articles-list {
    background: url('/webpack/images/decor-green-c9d493f9.svg') top 40px left no-repeat,
      url('/webpack/images/decor-green-revert-40070773.svg') bottom 20px right 20px no-repeat;
  }
}

@media (max-width: 991px) {
  .articles-list {
    padding-bottom: 112px;
    background: url('/webpack/images/decor-green-c9d493f9.svg') bottom 20px left -20px no-repeat,
      url('/webpack/images/decor-green-revert-40070773.svg') top 24px right -20px no-repeat;
  }
}

@media (max-width: 767px) {
  .articles-list {
    padding-top: 24px;
  }
}

.articles-list--astma {
  background: url('/webpack/images/decor-pink-53837cb9.svg') top 40px left 9% no-repeat,
    url('/webpack/images/decor-pink-revert-049cfaa5.svg') bottom 20px right 9% no-repeat;
}

@media (max-width: 1500px) {
  .articles-list--astma {
    background: url('/webpack/images/decor-pink-53837cb9.svg') top 40px left no-repeat,
      url('/webpack/images/decor-pink-revert-049cfaa5.svg') bottom 20px right 20px no-repeat;
  }
}

@media (max-width: 991px) {
  .articles-list--astma {
    padding-bottom: 112px;
    background: url('/webpack/images/decor-pink-53837cb9.svg') bottom 20px left -20px no-repeat,
      url('/webpack/images/decor-pink-revert-049cfaa5.svg') top 24px right -20px no-repeat;
  }
}

.articles-list--dermatit {
  background: url('/webpack/images/decor-blue-ece2e61f.svg') top 40px left 9% no-repeat,
    url('/webpack/images/decor-blue-revert-bd1e5f27.svg') bottom 20px right 9% no-repeat;
}

@media (max-width: 1500px) {
  .articles-list--dermatit {
    background: url('/webpack/images/decor-blue-ece2e61f.svg') top 40px left no-repeat,
      url('/webpack/images/decor-blue-revert-bd1e5f27.svg') bottom 20px right 20px no-repeat;
  }
}

@media (max-width: 991px) {
  .articles-list--dermatit {
    padding-bottom: 112px;
    background: url('/webpack/images/decor-blue-ece2e61f.svg') bottom 20px left -20px no-repeat,
      url('/webpack/images/decor-blue-revert-bd1e5f27.svg') top 24px right -20px no-repeat;
  }
}

.articles-list__wrap {
  display: grid;
  padding-top: 48px;
  grid-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px) {
  .articles-list__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}

.article-banner {
  padding: 32px 40px 48px;
  border-radius: 32px;
  background-color: #eaf6ff;
  background-image: url('/webpack/images/article-banner-bg-cb7273fd.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 480px) {
  .article-banner {
    padding: 30px;
  }
}

.article-banner__content {
  width: 100%;
  max-width: 320px;
  color: #323232;
}

.article-banner__title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.article-banner__description {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.article-banner__button {
  width: 100%;
  max-width: 288px;
}

#map,
#map-container,
.custom-map-container,
.custom-map-wrapper {
  height: 100%;
}

#map {
  min-height: 450px;
  border-radius: 32px;
}

#map .gm-style .gm-style-iw-c {
  border-radius: 16px;
  background-color: #2d87ff;
}

#map .gm-style .gm-style-iw {
  font-size: 13px;
  font-weight: 300;
}

#map .gm-style .gm-style-iw-c .gm-style-iw-d {
  overflow: hidden !important;
  padding: 10px 10px 20px;
  color: #fff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 18px;
}

#map .gm-style .gm-style-iw-t::after {
  background: #2d87ff !important;
}

#map .gm-style-iw-d p,
#map .gm-style .gm-style-iw-c .lnkExternal,
#map .gm-style .gm-style-iw-c .MAPphones,
#map .gm-style .gm-style-iw-c .MATtitle {
  padding: 2px 0;
  font-weight: 700;
}

.sitemap {
  position: relative;
  width: 100%;
  max-width: 1304px;
  height: 100%;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 220px;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0 auto 40px;
}

@media (max-width: 1280px) {
  .sitemap {
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .sitemap {
    padding-top: 60px;
  }
}

.sitemap::after {
  position: absolute;
  z-index: -1;
  top: -168px;
  right: -32px;
  display: block;
  width: 703px;
  height: 663px;
  background-image: url('/webpack/images/sitemap-ec84a3dd.svg');
  background-position: 0 50px;
  background-repeat: no-repeat;
  content: '';
}

@media (max-width: 1280px) {
  .sitemap::after {
    display: none;
  }
}

.sitemap__title h1 {
  margin: 20px 0 50px;
  color: #323232;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 40px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 800;
  letter-spacing: normal;
  line-height: 48px;
}

@media (max-width: 767px) {
  .sitemap__title h1 {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 38px;
  }
}

.sitemap__block {
  margin: 20px 0 40px;
}

.sitemap__block-header {
  color: #2d87ff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 800;
  letter-spacing: normal;
  line-height: 32px;
}

@media (max-width: 767px) {
  .sitemap__block-header {
    font-size: 20px;
    line-height: 30px;
  }
}

.sitemap__block-header--general {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 26px;
}

@media (max-width: 767px) {
  .sitemap__block-header--general {
    font-size: 24px;
  }
}

.sitemap__block-header--general a {
  color: #323232 !important;
}

.sitemap__block-header--adult a {
  color: #509bff !important;
}

.sitemap__block-header--adult a:hover {
  text-decoration: underline;
}

.sitemap__block-header--teens a {
  color: #117bc8 !important;
}

.sitemap__block-header--teens a:hover {
  text-decoration: underline;
}

.sitemap__block-header--kids a {
  color: #0f5b92 !important;
}

.sitemap__block-header--kids a:hover {
  text-decoration: underline;
}

.sitemap__block-header--single a {
  color: #323232 !important;
}

.sitemap__block-header--single a:hover {
  color: #2d87ff !important;
  text-decoration: underline;
}

.sitemap__block-header--astma-about a {
  color: #ff8f9e !important;
}

.sitemap__block-header--astma-about a:hover {
  text-decoration: underline;
}

.sitemap__block-header--astma-treatment a {
  color: #e56c7c !important;
}

.sitemap__block-header--astma-treatment a:hover {
  text-decoration: underline;
}

.sitemap__block-header--astma-living a {
  color: #c15462 !important;
}

.sitemap__block-header--astma-living a:hover {
  text-decoration: underline;
}

.sitemap__block-header--hprs-about a {
  color: #44b477 !important;
}

.sitemap__block-header--hprs-about a:hover {
  text-decoration: underline;
}

.sitemap__block-header--hprs-treatment a {
  color: #379763 !important;
}

.sitemap__block-header--hprs-treatment a:hover {
  text-decoration: underline;
}

.sitemap__block-header--hprs-living a {
  color: #337d55 !important;
}

.sitemap__block-header--hprs-living a:hover {
  text-decoration: underline;
}

.sitemap__list {
  position: relative;
  margin-top: 16px;
  margin-left: 32px;
  color: #323232;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 40px;
  list-style: none;
}

.sitemap__list::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -32px;
  display: block;
  border-width: 0 0 0 2px;
  border-radius: 1px;
  content: '';
}

.sitemap__list--astma-about::before {
  border: 2px solid #ff8f9e;
}

.sitemap__list--astma-about a {
  color: #323232 !important;
}

.sitemap__list--astma-about a:hover {
  color: #ff8f9e !important;
  text-decoration: underline;
}

.sitemap__list--astma-treatment::before {
  border: 2px solid #e56c7c;
}

.sitemap__list--astma-treatment a {
  color: #323232 !important;
}

.sitemap__list--astma-treatment a:hover {
  color: #e56c7c !important;
  text-decoration: underline;
}

.sitemap__list--astma-living::before {
  border: 2px solid #c15462;
}

.sitemap__list--astma-living a {
  color: #323232 !important;
}

.sitemap__list--astma-living a:hover {
  color: #c15462 !important;
  text-decoration: underline;
}

.sitemap__list--hprs-about::before {
  border: 2px solid #44b477;
}

.sitemap__list--hprs-about a {
  color: #323232 !important;
}

.sitemap__list--hprs-about a:hover {
  color: #44b477 !important;
  text-decoration: underline;
}

.sitemap__list--hprs-treatment::before {
  border: 2px solid #379763;
}

.sitemap__list--hprs-treatment a {
  color: #323232 !important;
}

.sitemap__list--hprs-treatment a:hover {
  color: #379763 !important;
  text-decoration: underline;
}

.sitemap__list--hprs-living::before {
  border: 2px solid #337d55;
}

.sitemap__list--hprs-living a {
  color: #323232 !important;
}

.sitemap__list--hprs-living a:hover {
  color: #337d55 !important;
  text-decoration: underline;
}

.sitemap__list--adult::before {
  border: 2px solid #509bff;
}

.sitemap__list--adult a {
  color: #323232 !important;
}

.sitemap__list--adult a:hover {
  color: #509bff !important;
  text-decoration: underline;
}

.sitemap__list--teens::before {
  border: 2px solid #117bc8;
}

.sitemap__list--teens a {
  color: #323232 !important;
}

.sitemap__list--teens a:hover {
  color: #117bc8 !important;
  text-decoration: underline;
}

.sitemap__list--kids::before {
  border: 2px solid #0f5b92;
}

.sitemap__list--kids a {
  color: #323232 !important;
}

.sitemap__list--kids a:hover {
  color: #0f5b92 !important;
  text-decoration: underline;
}

.main-intro {
  position: relative;
  padding-top: 220px;
  padding-bottom: 40px;
}

@media (max-width: 1500px) {
  .main-intro {
    background-image: url('/webpack/images/main-bg1-min-4dce3404.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 50%;
  }
}

@media (max-width: 991px) {
  .main-intro {
    background-image: url('/webpack/images/main-bg-tablet-4c1efc63.svg');
    background-size: 70%;
  }
}

@media (max-width: 767px) {
  .main-intro {
    padding-top: 80px;
    background-image: none;
  }
}

.main-intro::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 732px;
  height: 680px;
  background-image: url('/webpack/images/main-bg1-min-4dce3404.svg');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1500px) {
  .main-intro::after {
    display: none;
  }
}

.main-intro__content-wrap {
  width: 100%;
  max-width: 600px;
  margin-left: 40px;
}

@media (max-width: 991px) {
  .main-intro__content-wrap {
    max-width: 450px;
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .main-intro__content-wrap {
    max-width: 100%;
    padding-right: 14px;
    padding-left: 16px;
    margin-left: 0;
  }
}

.main-intro__title {
  margin-bottom: 32px;
}

@media (max-width: 991px) {
  .main-intro__title {
    margin-bottom: 16px;
  }

  .main-intro__text br {
    display: none;
  }
}

.main-intro__text ~ .main-intro__text {
  margin-top: 30px;
}

.main-intro__image {
  display: none;
}

.main-intro__image img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .main-intro__image {
    display: block;
    margin-right: -22px;
    margin-bottom: 32px;
    margin-left: -24px;
  }
}

.illness {
  overflow: hidden;
  padding-bottom: 40px;
}

.illness__title {
  position: relative;
  padding-left: 40px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .illness__title {
    padding-left: 16px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .illness__title {
    padding-left: 22px;
    margin-bottom: 16px;
  }
}

.illness__title::before {
  position: absolute;
  top: 0;
  left: -60px;
  width: 68px;
  height: 64px;
  background-image: url('/webpack/images/decor-yellow-e32168bb.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

@media (max-width: 991px) {
  .illness__title::before {
    right: -30px;
    left: auto;
    width: 48px;
    height: 36px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}

.illness__inner {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (max-width: 1280px) {
  .illness__inner {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.illness__card {
  width: 100%;
  max-width: 392px;
}

.illness__card:first-child,
.illness__card:last-child {
  max-width: 432px;
}

@media (max-width: 1280px) {
  .illness__card,
  .illness__card:last-child {
    max-width: 48%;
  }

  .illness__card:first-child {
    max-width: 100%;
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .illness__card:first-child {
    background-size: 80%;
  }

  .illness__card:first-child:hover {
    background-size: 75%;
  }

  .illness__card:first-child .main-card__content {
    max-width: 320px;
  }

  .illness__card:first-child .main-card__title br {
    display: none;
  }
}

@media (max-width: 767px) {
  .illness__card {
    max-width: 100%;
  }

  .illness__card:last-child {
    max-width: 100%;
    margin-top: 16px;
  }

  .illness__card:first-child {
    margin-bottom: 16px;
    background-size: 100%;
  }

  .illness__card:first-child:hover {
    background-size: 95%;
  }
}

.centers {
  position: relative;
  padding: 105px 0 80px;
}

@media (max-width: 1500px) {
  .centers {
    background-image: url('/webpack/images/centers-60da7388.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 40%;
  }
}

@media (max-width: 991px) {
  .centers {
    padding: 85px 0 450px;
    background-image: url('/webpack/images/centers-laptop-42804acc.svg');
    background-position: bottom;
    background-size: 100%;
  }
}

@media (max-width: 480px) {
  .centers {
    padding: 500px 0 48px;
    background-image: url('/webpack/images/centers-mobile-2dc57ae9.svg');
    background-position: 0 70px;
    background-size: 100%;
  }
}

@media (max-width: 375px) {
  .centers {
    padding: 400px 0 48px;
  }
}

.centers::after {
  position: absolute;
  top: 0;
  left: 59%;
  width: 604px;
  height: 720px;
  background-image: url('/webpack/images/centers-60da7388.svg');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1500px) {
  .centers::after {
    display: none;
  }
}

.centers__imagebg {
  padding-top: 140px;
}

@media (max-width: 991px) {
  .centers__imagebg {
    padding-top: 20px;
  }
}

.centers__title {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .centers__title {
    margin-bottom: 32px;
  }
}

@media (max-width: 480px) {
  .centers__title {
    margin-bottom: 24px;
  }
}

.centers__text {
  width: 60%;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .centers__text {
    width: 100%;
  }
}

.centers__p {
  margin-bottom: 24px;
  color: #828282;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 480px) {
  .centers__p {
    margin-bottom: 22px;
    font-size: 12px;
    line-height: 22px;
  }
}

.centers__p ~ .centers__p {
  margin-bottom: 0;
}

.centers__button {
  width: 100%;
  max-width: 216px;
  margin-bottom: 48px;
}

.centers__button svg {
  margin-left: 10px;
}

@media (max-width: 480px) {
  .centers__button {
    max-width: 100%;
  }
}

.centers__container {
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .centers__container {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.centers__list {
  display: none;
  height: 100%;
}

.centers__search {
  position: sticky;
  top: 0;
  width: 32%;
  height: fit-content;
  min-height: 450px;
  padding: 40px 24px;
  border-radius: 32px;
  background: #2d87ff;
  color: #fff;
}

@media (max-width: 991px) {
  .centers__search {
    position: static;
    width: 100%;
    min-height: unset;
  }
}

@media (max-width: 480px) {
  .centers__search {
    padding: 0;
    background: unset;
  }
}

.centers__search-item {
  position: relative;
}

.centers__search-item ~ .centers__search-item {
  margin-top: 32px;
}

@media (max-width: 480px) {
  .centers__search-item ~ .centers__search-item {
    margin-top: 24px;
  }
}

.centers__search-title {
  margin-bottom: 8px;
  margin-left: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 480px) {
  .centers__search-title {
    color: rgb(32 50 50 / 60%);
    font-size: 14px;
  }
}

.centers__place {
  position: relative;
  width: 65%;
  border: 4px solid #2d87ff;
  border-radius: 32px;
  background-color: #ebebeb;
}

@media (max-width: 991px) {
  .centers__place {
    width: 100%;
    margin-top: 75px;
  }
}

.centers__place-map {
  height: 100%;
}

.center__search-advises {
  position: absolute;
  z-index: 1;
  top: 100%;
  width: 100%;
}

.center__search-advises li {
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #fff;
  color: #828282;
  cursor: pointer;
  transition: all 0.15s ease-in;
}

.center__search-advises li:first-child {
  border-radius: 0 0 16px 16px;
}

.centers__search-container {
  position: relative;
}

.centers__search-container input {
  width: 100%;
  padding: 16px 24px;
  border: none;
  border-radius: 16px;
  color: #828282;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  outline: none;
}

@media (max-width: 480px) {
  .centers__search-container input {
    padding: 14px 24px;
    border: 2px solid #abdbff;
    font-size: 14px;
  }
}

.centers__search-container input::input-placeholder {
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.centers__search-container input::placeholder {
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.centers__search-container input:input-placeholder {
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.centers__search-container input::input-placeholder {
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.centers__search-container input::placeholder {
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media (max-width: 480px) {
  .centers__search-container input::input-placeholder {
    font-size: 14px;
  }

  .centers__search-container input::placeholder {
    font-size: 14px;
  }

  .centers__search-container input:input-placeholder {
    font-size: 14px;
  }

  .centers__search-container input::input-placeholder {
    font-size: 14px;
  }

  .centers__search-container input::placeholder {
    font-size: 14px;
  }
}

.centers__search-container button {
  position: absolute;
  top: 18px;
  right: 20px;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
}

.centers__tabs {
  position: absolute;
  z-index: 1;
  top: -28px;
  right: calc(50% - 108px);
  padding: 12px 35px;
  border-radius: 28px;
  background: #2d87ff;
}

.centers__tabs-item {
  margin-right: 32px;
  color: #abdbff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  transition: all 0.3s;
}

.centers__tabs-item:last-child {
  margin-right: 0;
}

.centers__tabs-item:hover {
  color: #fff;
}

.centers__tabs-item--active {
  color: #fff;
  -webkit-text-decoration-line: none;
  text-decoration-line: none;
}

.centers__point {
  display: flex;
  height: 100%;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  padding: 46px 32px 32px;
  border-radius: 28px;
  background: hsl(0deg 0% 51% / 16%);
}

@media (max-width: 480px) {
  .centers__point {
    padding: 46px 0 32px;
    background: unset;
  }
}

.centers__count {
  margin-bottom: 16px;
  color: #828282;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.centers__geopoint {
  width: 100%;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.centers__geopoint,
.centers__geopoint-container {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.centers__geopoint-container {
  width: 48%;
  max-width: 360px;
  min-height: 250px;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 24px 24px 32px;
  border-radius: 16px;
  margin-bottom: 24px;
  background: #fff;
}

@media (max-width: 767px) {
  .centers__geopoint-container {
    width: 100%;
    max-width: unset;
    min-height: 200px;
  }
}

@media (max-width: 480px) {
  .centers__geopoint-container {
    background: hsl(0deg 0% 51% / 10%);
  }
}

.centers__geopoint-container:last-child {
  margin-bottom: 0;
}

.centers__geopoint-name {
  padding: 0 0 24px;
  color: #323232;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.centers__geopoint-info {
  color: #828282;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.select__container--hidden {
  display: none;
  padding-right: 10px;
  visibility: hidden;
}

.select {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 56px;
  max-height: 80px;
  color: #828282;
  cursor: pointer;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.select__styled {
  position: relative;
  padding: 16px 24px;
  border-radius: 16px;
  background-color: #fff;
  transition: all 0.15s ease-in;
}

@media (max-width: 480px) {
  .select__styled {
    border: 2px solid #abdbff;
    font-size: 14px;
  }
}

.select__styled::after {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 24px;
  height: 24px;
  background-image: url('/webpack/images/search-8d6c80b4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.select__styled[data-type='desease']::after {
  width: 24px;
  height: 24px;
  background-image: url('/webpack/images/arrow-159341fc.svg');
  transition: all 0.15s;
}

.select__styled.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select__styled.active[data-type='desease']::after {
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}

@media (max-width: 480px) {
  .select__styled.active[data-type='desease']::after {
    top: 15px;
  }
}

.select__styled.active::before {
  position: absolute;
  right: 24px;
  bottom: 0;
  width: calc(100% - 48px);
  border: 1px solid #828282;
  content: '';
  opacity: 0.48;
}

@media (max-width: 480px) {
  .select__styled.active::before {
    content: unset;
  }
}

.select__styled input {
  width: 100%;
  height: 100%;
  border: none;
  color: #828282;
  font-size: inherit;
  line-height: inherit;
}

.select__styled input:focus {
  outline: none;
}

.select__options {
  position: absolute;
  z-index: 999;
  top: 100%;
  display: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0 1px 1px 1px hsl(0deg 0% 51% / 16%);
  list-style: none;
}

@media (max-width: 480px) {
  .select__options {
    border: 2px solid #abdbff;
    border-top: unset;
  }
}

.select__options li {
  padding: 16px 8px 16px 23px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all 0.15s ease-in;
}

@media (max-width: 480px) {
  .select__options li {
    padding: 14px 8px;
    font-size: 14px;
  }
}

.select__options li.is-selected,
.select__options li:hover {
  background: rgb(45 135 255 / 50%);
}

.select__options li[rel='hide'] {
  display: none;
}

.derma-intro {
  position: relative;
  padding-top: 220px;
  padding-bottom: 104px;
}

@media (max-width: 1500px) {
  .derma-intro {
    background-image: url('/webpack/images/derma-main-bg-8ee54b7e.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 46%;
  }
}

@media (max-width: 991px) {
  .derma-intro {
    padding-top: 130px;
    margin-bottom: 48px;
    background-image: url('/webpack/images/derma-main-bg-tablet-4ae1d913.svg');
    background-size: contain;
  }
}

@media (max-width: 767px) {
  .derma-intro {
    padding-top: 80px;
    padding-bottom: 0;
    margin-bottom: 24px;
    background-image: none;
  }
}

.derma-intro::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 732px;
  height: 680px;
  background-image: url('/webpack/images/derma-main-bg-8ee54b7e.svg');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1500px) {
  .derma-intro::after {
    display: none;
  }
}

.derma-intro__content-wrap {
  width: 100%;
  max-width: 600px;
  margin-left: 40px;
}

@media (max-width: 991px) {
  .derma-intro__content-wrap {
    max-width: 350px;
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .derma-intro__content-wrap {
    max-width: 100%;
    padding-right: 14px;
    padding-left: 16px;
    margin-left: 0;
  }
}

.derma-intro__title {
  margin-bottom: 32px;
}

@media (max-width: 991px) {
  .derma-intro__title {
    width: 100%;
    margin-bottom: 16px;
  }

  .derma-intro__text br {
    display: none;
  }
}

.derma-intro__text ~ .derma-intro__text {
  margin-top: 30px;
}

.derma-intro__image {
  display: none;
}

.derma-intro__image img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .derma-intro__image {
    display: block;
    margin-right: -22px;
    margin-bottom: 32px;
    margin-left: -24px;
  }
}

.derma-content {
  overflow: hidden;
  padding-bottom: 40px;
}

.derma-content__title {
  position: relative;
  padding-left: 40px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .derma-content__title {
    padding-left: 16px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .derma-content__title {
    padding-left: 22px;
    margin-bottom: 16px;
  }
}

.derma-content__title::before {
  position: absolute;
  top: 0;
  left: -60px;
  width: 68px;
  height: 64px;
  background-image: url('/webpack/images/decor-lightblue-e7924920.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

@media (max-width: 991px) {
  .derma-content__title::before {
    right: -30px;
    left: auto;
    width: 48px;
    height: 36px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}

.derma-content__inner {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.derma-content__card {
  width: 100%;
  max-width: 49%;
  min-height: 400px;
  background-size: 55%;
}

.derma-content__card:nth-child(4) {
  background-size: 100%;

  &:hover {
    background-size: 95%;
  }
}

.derma-content__card:hover {
  background-size: 50%;
}

.derma-content__card:hover .main-card__front {
  opacity: 1;
}

@media (max-width: 991px) {
  .derma-content__card {
    background-size: 100%;
  }

  .derma-content__card:hover {
    background-size: 95%;
  }

  .derma-content__card:not(:first-child) .main-card__front {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .derma-content__card {
    max-width: 100%;
    min-height: 374px;
  }

  .derma-content__card ~ .derma-content__card {
    margin-top: 16px;
  }

  .derma-content__card:hover {
    background-size: 100%;
  }
}

.derma-content__card:first-child {
  max-width: 100%;
  margin-bottom: 24px;
  background-image: url('/webpack/images/card1-6b2a7d22.svg');
}

@media (max-width: 991px) {
  .derma-content__card:first-child {
    background-image: url('/webpack/images/card1-tab-d603aea4.svg');
    background-size: 70%;
  }

  .derma-content__card:first-child:hover {
    background-size: 65%;
  }
}

@media (max-width: 767px) {
  .derma-content__card:first-child {
    margin-bottom: 0;
    background-image: url('/webpack/images/card1-mob-82649c6f.svg');
    background-size: contain;
  }

  .derma-content__card:first-child:hover {
    background-size: contain;
  }
}

.derma-content__card:nth-child(2) {
  background-image: url('/webpack/images/contacts_pat_org.png');

  .main-card__wrap--details {
    max-width: 595px;
  }
}

@media (max-width: 991px) {
  .derma-content__card:nth-child(2) {
    /* background-image: url('/webpack/images/card2-tab-766e8687.svg'); */
    background-size: 80%;

    .main-card__front {
      max-width: none;
    }
  }

}

@media (max-width: 767px) {
  .derma-content__card:nth-child(2) {
    /* background-image: url('/webpack/images/card2-mob-c2668a1a.svg'); */
    background-size: 68%;

    .main-card__wrap--details .main-card__title {
      max-width: none;
    }
  }
}

@media (max-width: 400px) {
  .derma-content__card:nth-child(2) {
    background-size: 90%;
    
    .main-card__wrap--details {
      max-width: none;
    }
  }
}

.derma-content__card:nth-child(3) {
  background-image: url('/webpack/images/card3-e4eebfbc.svg');
}

@media (max-width: 991px) {
  .derma-content__card:nth-child(3) {
    background-image: url('/webpack/images/card3-tab-79d141af.svg');
  }
}

@media (max-width: 767px) {
  .derma-content__card:nth-child(3) {
    background-image: url('/webpack/images/card3-mob-bc7e334a.svg');
    background-size: contain;
  }
}

.derma-content__card:nth-child(4) {
  max-width: 100%;
  margin-top: 24px;
  background-image: url('/webpack/images/card1-4.png');
}

@media (max-width: 991px) {
  .derma-content__card:nth-child(4) {
    background-image: url('/webpack/images/card1-4.png');
    background-size: 70%;
  }

  .derma-content__card:nth-child(4):hover {
    background-size: 65%;
  }
}

@media (max-width: 767px) {
  .derma-content__card:nth-child(4) {
    margin-top: 16px;
    background-image: url('/webpack/images/card1-4-mob.png');
    background-size: contain;
  }

  .derma-content__card:nth-child(4):hover {
    background-size: contain;
  }
}

.rinosinusit-intro {
  position: relative;
  padding-top: 220px;
  padding-bottom: 40px;
}

@media (max-width: 1500px) {
  .rinosinusit-intro {
    background-image: url('/webpack/images/sinusit-main-bg-6553e604.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 46%;
  }
}

@media (max-width: 991px) {
  .rinosinusit-intro {
    padding-top: 130px;
    margin-bottom: 48px;
    background-image: url('/webpack/images/sinusit-main-bg-tablet-013f2c30.svg');
    background-size: 70%;
  }
}

@media (max-width: 767px) {
  .rinosinusit-intro {
    padding-top: 80px;
    padding-bottom: 0;
    margin-bottom: 24px;
    background-image: none;
  }
}

.rinosinusit-intro::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 732px;
  height: 654px;
  background-image: url('/webpack/images/sinusit-main-bg-6553e604.svg');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1500px) {
  .rinosinusit-intro::after {
    display: none;
  }
}

.rinosinusit-intro__content-wrap {
  width: 100%;
  max-width: 600px;
  margin-left: 40px;
}

@media (max-width: 991px) {
  .rinosinusit-intro__content-wrap {
    max-width: 350px;
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .rinosinusit-intro__content-wrap {
    max-width: 100%;
    padding-right: 14px;
    padding-left: 16px;
    margin-left: 0;
  }
}

.rinosinusit-intro__title {
  margin-bottom: 32px;
}

@media (max-width: 991px) {
  .rinosinusit-intro__title {
    margin-bottom: 16px;
  }

  .rinosinusit-intro__text br {
    display: none;
  }
}

.rinosinusit-intro__text ~ .rinosinusit-intro__text {
  margin-top: 30px;
}

.rinosinusit-intro__image {
  display: none;
}

.rinosinusit-intro__image img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .rinosinusit-intro__image {
    display: block;
    margin-right: -22px;
    margin-bottom: 32px;
    margin-left: -24px;
  }
}

.rinosinusit-content {
  overflow: hidden;
  padding-bottom: 40px;
}

.rinosinusit-content__title {
  position: relative;
  padding-left: 40px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .rinosinusit-content__title {
    padding-left: 16px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .rinosinusit-content__title {
    padding-left: 22px;
    margin-bottom: 16px;
  }
}

.rinosinusit-content__title::before {
  position: absolute;
  top: 0;
  left: -60px;
  width: 68px;
  height: 64px;
  background-image: url('/webpack/images/decor-green-c9d493f9.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

@media (max-width: 991px) {
  .rinosinusit-content__title::before {
    right: -30px;
    left: auto;
    width: 48px;
    height: 36px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}

.rinosinusit-content__inner {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.rinosinusit-content__card {
  width: 100%;
  max-width: 49%;
  min-height: 400px;
  background-size: 66%;
}

.rinosinusit-content__card:hover {
  background-size: 60%;
}

.rinosinusit-content__card:hover .main-card__front {
  opacity: 1;
}

@media (max-width: 991px) {
  .rinosinusit-content__card {
    background-position: 100% 100%;
    background-size: 75%;
  }

  .rinosinusit-content__card:hover {
    background-size: 70%;
  }

  .rinosinusit-content__card:not(:first-child) .main-card__front {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .rinosinusit-content__card {
    max-width: 100%;
    min-height: 374px;
  }

  .rinosinusit-content__card ~ .rinosinusit-content__card {
    margin-top: 16px;
  }

  .rinosinusit-content__card:hover {
    background-size: 100%;
  }
}

.rinosinusit-content__card:first-child {
  max-width: 100%;
  margin-bottom: 24px;
  background-image: url('/webpack/images/card1-947aeaf2.svg');
  background-size: 50%;
}

.rinosinusit-content__card:first-child:hover {
  background-size: 45%;
}

@media (max-width: 991px) {
  .rinosinusit-content__card:first-child {
    background-image: url('/webpack/images/card1-tab-e78f2580.svg');
    background-size: 65%;
  }

  .rinosinusit-content__card:first-child:hover {
    background-size: 60%;
  }
}

@media (max-width: 767px) {
  .rinosinusit-content__card:first-child {
    margin-bottom: 0;
    background-size: contain;
  }

  .rinosinusit-content__card:first-child:hover {
    background-size: contain;
  }
}

.rinosinusit-content__card .main-card__content {
  max-width: 62%;
  font-weight: 500;
}

@media (max-width: 991px) {
  .rinosinusit-content__card .main-card__content {
    max-width: 100%;
  }
}

.rinosinusit-content__card:nth-child(2) {
  background-image: url('/webpack/images/card2-eede5835.svg');
}

@media (max-width: 991px) {
  .rinosinusit-content__card:nth-child(2) {
    background-image: url('/webpack/images/card2-tab-46fc380b.svg');
  }
}

@media (max-width: 767px) {
  .rinosinusit-content__card:nth-child(2) {
    background-image: url('/webpack/images/card2-mob-33e9574e.svg');
    background-size: contain;
  }
}

.rinosinusit-content__card:nth-child(3) {
  background-image: url('/webpack/images/card3-27578e9c.svg');
}

@media (max-width: 991px) {
  .rinosinusit-content__card:nth-child(3) {
    background-image: url('/webpack/images/card3-tab-acfa342e.svg');
  }
}

@media (max-width: 767px) {
  .rinosinusit-content__card:nth-child(3) {
    background-image: url('/webpack/images/card3-mob-fdc54a13.svg');
    background-size: contain;
  }
}

.astma-intro {
  position: relative;
  padding-top: 220px;
  padding-bottom: 100px;
}

@media (max-width: 1500px) {
  .astma-intro {
    background-image: url('/webpack/images/astma-main-bg-686d8b56.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 48%;
  }
}

@media (max-width: 991px) {
  .astma-intro {
    padding-top: 130px;
    padding-bottom: 40px;
    margin-bottom: 48px;
    background-image: url('/webpack/images/astma-main-bg-tablet-d0fbf833.svg');
    background-size: 70%;
  }
}

@media (max-width: 767px) {
  .astma-intro {
    padding-top: 80px;
    padding-bottom: 0;
    margin-bottom: 24px;
    background-image: none;
  }
}

.astma-intro::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 732px;
  height: 654px;
  background-image: url('/webpack/images/astma-main-bg-686d8b56.svg');
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1500px) {
  .astma-intro::after {
    display: none;
  }
}

.astma-intro__content-wrap {
  width: 100%;
  max-width: 600px;
  margin-left: 40px;
}

@media (max-width: 991px) {
  .astma-intro__content-wrap {
    max-width: 325px;
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .astma-intro__content-wrap {
    max-width: 100%;
    padding-right: 14px;
    padding-left: 16px;
    margin-left: 0;
  }
}

.astma-intro__title {
  margin-bottom: 32px;
}

@media (max-width: 991px) {
  .astma-intro__title {
    width: 100%;
    margin-bottom: 16px;
  }

  .astma-intro__text br {
    display: none;
  }
}

.astma-intro__text ~ .astma-intro__text {
  margin-top: 30px;
}

.astma-intro__image {
  display: none;
}

.astma-intro__image img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .astma-intro__image {
    display: block;
    margin-right: -22px;
    margin-bottom: 32px;
    margin-left: -24px;
  }
}

.astma-content {
  overflow: hidden;
  padding-bottom: 40px;
}

.astma-content__title {
  position: relative;
  padding-left: 40px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .astma-content__title {
    padding-left: 20px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .astma-content__title {
    padding-left: 22px;
    margin-bottom: 16px;
  }
}

.astma-content__title::before {
  position: absolute;
  top: 0;
  left: -60px;
  width: 68px;
  height: 64px;
  background-image: url('/webpack/images/decor-pink-9dc3ee92.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

@media (max-width: 991px) {
  .astma-content__title::before {
    right: -30px;
    left: auto;
    width: 48px;
    height: 36px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}

.astma-content__inner {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.astma-content__card {
  width: 100%;
  max-width: 49%;
  min-height: 400px;
  background-size: 55%;
}

.astma-content__card:hover {
  background-size: 50%;
}

.astma-content__card:hover .main-card__front {
  opacity: 1;
}

@media (max-width: 991px) {
  .astma-content__card {
    background-size: 100%;
  }

  .astma-content__card:hover {
    background-size: 95%;
  }

  .astma-content__card:not(:first-child) .main-card__front {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .astma-content__card {
    max-width: 100%;
    min-height: 374px;
    background-size: contain;
  }

  .astma-content__card ~ .astma-content__card {
    margin-top: 16px;
  }

  .astma-content__card:hover {
    background-size: 100%;
  }
}

.astma-content__card:first-child {
  max-width: 100%;
  margin-bottom: 24px;
  background-image: url('/webpack/images/card1-84b4f802.svg');
  background-size: 48%;
}

.astma-content__card:first-child:hover {
  background-size: 43%;
}

@media (max-width: 991px) {
  .astma-content__card:first-child {
    background-image: url('/webpack/images/сard1-tab-6e2f0ea8.svg');
    background-size: 65%;
  }

  .astma-content__card:first-child:hover {
    background-size: 60%;
  }
}

@media (max-width: 767px) {
  .astma-content__card:first-child {
    margin-bottom: 0;
    background-image: url('/webpack/images/card1-mob-e91d1fcd.svg');
    background-size: contain;
  }

  .astma-content__card:first-child:hover {
    background-size: 100%;
  }
}

.astma-content__card:nth-child(2) {
  background-image: url('/webpack/images/card2-6d67a633.svg');
}

@media (max-width: 991px) {
  .astma-content__card:nth-child(2) {
    background-image: url('/webpack/images/card2-tab-daa942eb.svg');
  }
}

@media (max-width: 767px) {
  .astma-content__card:nth-child(2) {
    background-image: url('/webpack/images/card2-mob-24a1300f.svg');
  }
}

.astma-content__card:nth-child(3) {
  background-image: url('/webpack/images/card3-87f4da47.svg');
}

@media (max-width: 991px) {
  .astma-content__card:nth-child(3) {
    background-image: url('/webpack/images/card3-tab-3f31e77e.svg');
  }
}

@media (max-width: 767px) {
  .astma-content__card:nth-child(3) {
    background-image: url('/webpack/images/card3-mob-2102759c.svg');
  }
}

.astma-content__card:not(:first-child) .main-card__wrap {
  max-width: 475px;
}

.articles {
  padding: 150px 0 40px;
  background: url('/webpack/images/Decor-left-9dc3ee92.svg') 0 5% no-repeat,
    url('/webpack/images/Decor-left-9dc3ee92.svg') 0 90% no-repeat,
    url('/webpack/images/Decor-right-424cff3e.svg') 100% 53% no-repeat,
    url('/webpack/images/Decor-right-424cff3e.svg') 100% 98% no-repeat;
}

@media (max-width: 991px) {
  .articles {
    padding: 100px 0 40px;
    background: url('/webpack/images/Decor-left-9dc3ee92.svg') -5% 2% no-repeat,
      url('/webpack/images/Decor-left-9dc3ee92.svg') -5% 88% no-repeat,
      url('/webpack/images/Decor-right-424cff3e.svg') 105% 53% no-repeat,
      url('/webpack/images/Decor-right-424cff3e.svg') 105% 98% no-repeat;
    background-size: 48px 48px, 48px 48px, 48px 48px, 48px 48px;
  }
}

@media (max-width: 480px) {
  .articles {
    background-size: 36px 36px, 36px 36px, 36px 36px, 36px 36px;
  }
}

.articles__wrap {
  max-width: 648px;
  padding: 0 16px;
  margin: 0 auto;
}

.articles__a {
  margin-right: 16px;
  color: #2d87ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.8;
  transition: 0.3s linear;
}

.articles__a:last-child {
  position: relative;
  margin-right: 0;
}

.articles__a:last-child:hover {
  color: #2d87ff;
}

.articles__a:last-child::after {
  position: absolute;
  top: -5px;
  left: -10px;
  content: '|';
}

.articles__a:hover {
  color: #000;
}

@media (max-width: 767px) {
  .articles__a {
    display: block;
  }

  .articles__a:last-child::after {
    display: none;
  }
}

.articles__title {
  position: relative;
  margin-top: 24px;
  margin-bottom: 16px;
}

.articles__date {
  margin-bottom: 32px;
  color: #828282;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  opacity: 0.8;
}

.onpoint_articles__date-dermatit {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
  color: #4884f7;
  font-size: 14px;
  font-weight: 400;
  gap: 10px;
  line-height: 18px;
}

.articles__description {
  margin-bottom: 24px;
}

.articles__description p {
  margin-bottom: 24px;
  color: #323232;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: justify;
}

.articles__description p:last-child {
  margin-bottom: 0;
}

.articles__description--bold {
  margin-bottom: 24px;
}

.articles__description--bold p {
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
}

.articles__image {
  max-width: 808px;
  height: 430px;
  max-height: 430px;
  border-radius: 32px;
  margin: 40px auto;
}

@media (max-width: 768px) {
  .articles__image {
    height: unset;
  }
}

.articles__image img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}

.articles__text {
  margin-bottom: 40px;
}

.articles__video {
  position: relative;
  padding-bottom: 56.25%;
}

.articles__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.articles__h3 {
  color: #323232;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.articles__h3--block {
  margin-bottom: 24px;
}

.articles__text--sources .articles__h3 {
  margin-bottom: 16px;
  color: #ff8f9e;
}

.articles__h4 {
  margin-bottom: 16px;
  color: #323232;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.articles__p {
  color: #828282;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: justify;
}

.articles__p ~ .articles__p {
  margin-top: 24px;
}

.articles__p a {
  color: #2d87ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.articles__p a:hover {
  color: #828282;
}

.articles__p--margin {
  margin-top: 24px;
}

.articles__subtitle {
  margin-top: 24px;
  color: #828282;
  font-size: 14px;
  font-weight: 800;
  line-height: 24px;
}

.articles__ol,
.articles__ul {
  padding-left: 30px;
  margin: 24px 0;
}

.articles__li {
  position: relative;
  color: #828282;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-indent: 14px;
}

.articles__li ~ .articles__li {
  margin-top: 16px;
}

.articles__ol .articles__li {
  counter-increment: item;
}

.articles__ol .articles__li::before {
  position: absolute;
  left: -23px;
  color: #2d87ff;
  content: counter(item) '.';
}

.articles__ul .articles__li::before {
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 3px;
  border-radius: 50%;
  background-color: #2d87ff;
  content: '';
}

.articles__source {
  color: #828282;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 24px;
}

.articles__source ~ .articles__source {
  margin-top: 24px;
}

.articles__button {
  width: 100%;
  max-width: 216px;
  margin-bottom: 48px;
}

.articles__button svg {
  margin-left: 10px;
}

@media (max-width: 480px) {
  .articles__button {
    max-width: 100%;
  }
}

.articles__table {
  width: 100%;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  margin-top: 24px;
  border-spacing: 0;
  table-layout: fixed;
}

.articles__table td {
  padding-bottom: 20px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  color: #000;
  font-size: 14px !important;
  text-align: left;
  vertical-align: top;
}

.articles__table td[colspan='3'] {
  background-color: #d9d9d9;
  text-align: center;
}

.articles__instruction {
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}

.articles__instruction-img {
  max-width: 648px;
  border-radius: 32px;
}

.articles__instruction-link {
  position: relative;
  bottom: 28px;
  width: 56px;
  height: 56px;
  margin-right: 34px;
  background-image: url('/webpack/images/download-icon-1856bd77.svg');
  cursor: pointer;
}

.articles__banner {
  margin: 40px 0;
}

[data-simplebar] {
  position: relative;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-place-content: flex-start flex-start;
  place-content: flex-start flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  max-width: inherit;
  height: inherit;
  max-height: inherit;
}

.simplebar-mask {
  z-index: 0;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  direction: inherit;
}

.simplebar-mask,
.simplebar-offset {
  position: absolute;
  padding: 0;
  margin: 0;
  inset: 0;
}

.simplebar-offset {
  box-sizing: inherit !important;
  direction: inherit !important;
  -webkit-overflow-scrolling: touch;
  resize: none !important;
}

.simplebar-content-wrapper {
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box !important;
  direction: inherit;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content::after,
.simplebar-content::before {
  display: table;
  content: ' ';
}

.simplebar-placeholder {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  position: relative;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  max-width: 1px;
  height: 100%;
  max-height: 1px;
  box-sizing: inherit !important;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: inherit;
  flex-grow: inherit;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  float: left;
  pointer-events: none;
}

.simplebar-height-auto-observer {
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 1000%;
  min-width: 1px;
  height: 1000%;
  min-height: 1px;
  box-sizing: inherit;
  opacity: 0;
}

.simplebar-height-auto-observer,
.simplebar-track {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.simplebar-track {
  z-index: 1;
  right: 0;
  bottom: 0;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 0;
  left: 0;
  min-height: 10px;
}

.simplebar-scrollbar::before {
  position: absolute;
  border-radius: 7px;
  background: #000;
  content: '';
  opacity: 0;
  transition: opacity 0.2s linear 0.5s;
}

.simplebar-hover .simplebar-scrollbar::before,
.simplebar-mouse-entered .simplebar-scrollbar::before,
.simplebar-scrollbar.simplebar-visible::before,
.simplebar-scrolling .simplebar-scrollbar::before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar::before {
  inset: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  width: auto;
  min-width: 10px;
  min-height: 0;
  inset: 0 auto 0 0;
}

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  position: fixed;
  overflow: scroll hidden;
  width: 500px;
  height: 500px;
  direction: rtl;
  opacity: 0;
  -ms-overflow-style: scrollbar !important;
  visibility: hidden;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  -ms-overflow-style: none;
  overflow-y: scroll;
  scrollbar-width: none;
  visibility: hidden;
}

.first-screen {
  position: relative;
  width: 100%;
  max-width: 1304px;
  padding-top: 140px;
  margin: 0 auto 40px;
}

.first-screen::after {
  position: absolute;
  z-index: -1;
  display: block;
  background-repeat: no-repeat;
  content: '';
}

.first-screen--card {
  max-width: 1224px;
}

.first-screen--triggers-atd::after {
  top: 0;
  right: -108px;
  left: unset;
  width: 732px;
  height: 600px;
  background-image: url('/webpack/images/first-screen-desktop3-25da652b.svg');
}

.first-screen__text-wrap {
  max-width: 600px;
  min-height: 512px;
  padding-top: 48px;
  padding-left: 40px;
}

.first-screen__text-wrap--card {
  max-width: 600px;
  min-height: 440px;
  padding-top: 0;
  padding-left: 0;
}

.first-screen__title {
  display: block;
  margin-bottom: 40px;
  color: #323232;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.first-screen__text {
  max-width: 500px;
  margin-bottom: 30px;
  color: #828282;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  line-height: 32px;
}

.first-screen__text:last-child {
  margin-bottom: 0;
}

.first-screen__text--blue {
  color: #2d87ff;
}

.card-wrapper {
  position: relative;
  margin-bottom: 56px;
}

.card-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 68px;
  height: 68px;
  background-image: url('/webpack/images/orange-pill1-3605a23c.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.card-wrapper__inner {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1304px;
  max-width: 1224px;
  margin: 0 auto;
}

.simplebar-track.simplebar-vertical {
  right: -18px;
  width: 12px;
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.simplebar-scrollbar::before {
  background-color: #f0ad1e;
}

.card-menu {
  position: sticky;
  top: 0;
  display: table;
  width: 392px;
  min-width: 392px;
  max-width: 392px;
  max-height: 100vh;
  padding: 40px;
  border-radius: 32px;
  background-color: #2d87ff;
}

.card-menu__list {
  counter-reset: menu-item;
  list-style: none;
}

.card-menu__item {
  position: relative;
  padding-left: 44px;
  margin-bottom: 24px;
}

.card-menu__item,
.card-menu__item::before {
  display: block;
  color: #fff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.card-menu__item::before {
  position: absolute;
  left: 0;
  content: 'counter';
  content: counter(menu-item, decimal-leading-zero) ' ';
  counter-increment: menu-item;
}

.card-menu__item.active,
.card-menu__item.active::before,
.card-menu__item:hover,
.card-menu__item:hover::before {
  color: #ffbc64;
}

.card {
  width: 100%;
  max-width: 808px;
  margin-left: 24px;
}

.card__inner {
  counter-reset: card-item;
  list-style: none;
}

.card__item {
  position: relative;
  padding: 40px 56px 48px 88px;
  border-radius: 32px;
  margin-bottom: 24px;
  background-color: #eaf6ff;
}

.card__item:last-child {
  margin-bottom: 0;
}

.card__title {
  position: relative;
  margin-bottom: 24px;
  color: #2d87ff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
}

.card__title::after {
  position: absolute;
  top: 0;
  left: -48px;
  display: block;
  color: #323232;
  content: 'counter';
  content: counter(card-item, decimal-leading-zero) ' ';
  counter-increment: card-item;
}

.card__label::after {
  position: absolute;
  right: 40px;
  bottom: 8px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('/webpack/images/arrow-bottom-3821473e.svg');
  background-repeat: no-repeat;
  content: '';
}

.card__input {
  display: none;
}

.card__input:checked ~ .card__label::after {
  background-image: url('/webpack/images/arrow-top-c2b89519.svg');
}

.card__input:checked ~ .card__text-wrapper {
  display: block;
}

.card__text {
  margin-bottom: 24px;
  color: #828282;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.card__text:last-of-type {
  margin-bottom: 0;
}

.card__text--nb {
  color: #323232;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.card__sources {
  margin-top: 32px;
}

.card__sources-item {
  margin-bottom: 24px;
  color: #828282;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  word-wrap: anywhere;
}

.card__sources-item:last-child {
  margin-bottom: 0;
}

.card__experts-link {
  display: block;
  margin-top: 24px;
  margin-bottom: 24px;
  color: #2d87ff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 1365px) {
  .first-screen::after {
    top: -96px;
    right: 0;
    width: 522px;
    height: 453px;
  }

  .first-screen--triggers-atd::after {
    top: 0;
    width: 372px;
    height: 400px;
    background-image: url('/webpack/images/first-screen-tablet-3a5bf20d.svg');
  }

  .first-screen__text-wrap {
    max-width: 459px;
    min-height: 352px;
    padding-left: 32px;
  }

  .first-screen__text-wrap--card {
    max-width: 390px;
    min-height: 400px;
  }

  .first-screen__title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 40px;
  }

  .first-screen__text {
    font-size: 14px;
    line-height: 24px;
  }

  .card-wrapper::after {
    top: -50px;
    width: 36px;
    height: 49px;
    background-image: url('/webpack/images/orange-pill-tablet-88c330ec.svg');
    background-position-x: right;
  }

  .card-wrapper {
    margin-bottom: 80px;
  }

  .card-wrapper__inner {
    width: 91.5%;
  }

  .card {
    width: 100%;
    margin: 0 auto;
  }

  .card__item {
    padding: 0 40px 40px;
  }

  .card__title::after {
    top: 24px;
    left: 40px;
  }

  .card__title {
    left: -40px;
    width: calc(100% + 80px);
    padding: 24px 72px;
    border-radius: 32px;
    margin-bottom: 0;
    background-color: #2d87ff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .card__text,
  .card__title {
    font-family: 'Montserrat', 'Arial', sans-serif;
  }

  .card__text {
    color: #323232;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
  }
}

@media (min-width: 1366px) {
  .card__label::after {
    display: none;
  }
}

@media (min-width: 1366px) and (max-width: 1439px) {
  .card-wrapper::after {
    left: -30px;
  }
}

@media (max-width: 1365px) {
  body,
  html {
    overflow: hidden auto;
    -webkit-overflow-scrolling: touch;
  }

  .card-menu {
    display: none;
  }

  .card__title::after {
    color: #abdbff;
    font-size: 16px;
    line-height: 24px;
  }

  .card__text-wrapper {
    display: none;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .first-screen {
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 80px;
    margin-bottom: 23px;
  }

  .first-screen::after {
    position: relative;
    top: 0;
    right: unset;
    left: 50%;
    width: 100%;
    height: 260px;
    background-position-x: 50%;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .first-screen--triggers-atd::after {
    position: relative;
    top: 0;
    width: 100%;
    height: 276px;
    background-image: url('/webpack/images/first-screen-desktop4-848a94ab.svg');
  }

  .first-screen__text-wrap {
    min-height: unset;
    padding-top: 32px;
    padding-left: unset;
    margin-right: 24px;
    margin-left: 24px;
  }

  .first-screen__title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
  }

  .first-screen__text {
    font-size: 12px;
    line-height: 22px;
  }

  .card-wrapper::after {
    top: -32px;
    top: -20px;
    width: 32px;
    height: 24px;
    background-image: url('/webpack/images/orange-pill-tablet-88c330ec.svg');
  }

  .card-wrapper {
    margin-bottom: 48px;
  }

  .card {
    width: calc(100% - 16px);
    margin: 0 auto;
  }

  .card__item {
    padding: 0 16px 40px;
  }

  .card__title::after {
    top: 24px;
  }

  .card__title--nb::after,
  .card__title::after {
    left: 17px;
    -webkit-transform: unset;
    transform: unset;
  }

  .card__title--nb::after {
    top: 23px;
  }

  .card__title {
    left: -16px;
    width: calc(100% + 32px);
    padding: 24px 48px;
    border-radius: 32px;
    margin-bottom: 0;
    background-color: #2d87ff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .card__text,
  .card__title {
    font-family: 'Montserrat', 'Arial', sans-serif;
  }

  .card__text {
    color: #323232;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
  }
}

[data-simplebar] {
  position: relative;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-place-content: flex-start flex-start;
  place-content: flex-start flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  max-width: inherit;
  height: inherit;
  max-height: inherit;
}

.simplebar-mask {
  z-index: 0;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  direction: inherit;
}

.simplebar-mask,
.simplebar-offset {
  position: absolute;
  padding: 0;
  margin: 0;
  inset: 0;
}

.simplebar-offset {
  box-sizing: inherit !important;
  direction: inherit !important;
  -webkit-overflow-scrolling: touch;
  resize: none !important;
}

.simplebar-content-wrapper {
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box !important;
  direction: inherit;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content::after,
.simplebar-content::before {
  display: table;
  content: ' ';
}

.simplebar-placeholder {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  position: relative;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  max-width: 1px;
  height: 100%;
  max-height: 1px;
  box-sizing: inherit !important;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-flex-grow: inherit;
  flex-grow: inherit;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  float: left;
  pointer-events: none;
}

.simplebar-height-auto-observer {
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 1000%;
  min-width: 1px;
  height: 1000%;
  min-height: 1px;
  box-sizing: inherit;
  opacity: 0;
}

.simplebar-height-auto-observer,
.simplebar-track {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}

.simplebar-track {
  z-index: 1;
  right: 0;
  bottom: 0;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 0;
  left: 0;
  min-height: 10px;
}

.simplebar-scrollbar::before {
  position: absolute;
  border-radius: 7px;
  background: #000;
  content: '';
  opacity: 0;
  transition: opacity 0.2s linear 0.5s;
}

.simplebar-hover .simplebar-scrollbar::before,
.simplebar-mouse-entered .simplebar-scrollbar::before,
.simplebar-scrollbar.simplebar-visible::before,
.simplebar-scrolling .simplebar-scrollbar::before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar::before {
  inset: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  width: auto;
  min-width: 10px;
  min-height: 0;
  inset: 0 auto 0 0;
}

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  position: fixed;
  overflow: scroll hidden;
  width: 500px;
  height: 500px;
  direction: rtl;
  opacity: 0;
  -ms-overflow-style: scrollbar !important;
  visibility: hidden;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  -ms-overflow-style: none;
  overflow-y: scroll;
  scrollbar-width: none;
  visibility: hidden;
}

.first-screen {
  position: relative;
  width: 100%;
  max-width: 1304px;
  padding-top: 140px;
  margin: 0 auto 40px;
}

.first-screen::after {
  position: absolute;
  z-index: -1;
  display: block;
  background-repeat: no-repeat;
  content: '';
}

.first-screen--card {
  max-width: 1224px;
}

.first-screen--triggers-atd::after {
  top: 0;
  right: -108px;
  left: unset;
  width: 732px;
  height: 600px;
  background-image: url('/webpack/images/first-screen-desktop3-25da652b.svg');
}

.first-screen__text-wrap {
  max-width: 600px;
  min-height: 512px;
  padding-top: 48px;
  padding-left: 40px;
}

.first-screen__text-wrap--card {
  max-width: 600px;
  min-height: 440px;
  padding-top: 0;
  padding-left: 0;
}

.first-screen__title {
  display: block;
  margin-bottom: 40px;
  color: #323232;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
}

.first-screen__text {
  max-width: 500px;
  margin-bottom: 30px;
  color: #828282;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  line-height: 32px;
}

.first-screen__text:last-child {
  margin-bottom: 0;
}

.first-screen__text--blue {
  color: #2d87ff;
}

.card-wrapper {
  position: relative;
  margin-bottom: 56px;
}

.card-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 68px;
  height: 68px;
  background-image: url('/webpack/images/orange-pill1-3605a23c.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.card-wrapper__inner {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1304px;
  max-width: 1224px;
  margin: 0 auto;
}

.simplebar-track.simplebar-vertical {
  right: -18px;
  width: 12px;
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.simplebar-scrollbar::before {
  background-color: #f0ad1e;
}

.card-menu {
  position: sticky;
  top: 0;
  display: table;
  width: 392px;
  min-width: 392px;
  max-width: 392px;
  max-height: 100vh;
  padding: 40px;
  border-radius: 32px;
  background-color: #2d87ff;
}

.card-menu__list {
  counter-reset: menu-item;
  list-style: none;
}

.card-menu__item {
  position: relative;
  padding-left: 44px;
  margin-bottom: 24px;
}

.card-menu__item,
.card-menu__item::before {
  display: block;
  color: #fff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.card-menu__item::before {
  position: absolute;
  left: 0;
  content: 'counter';
  content: counter(menu-item, decimal-leading-zero) ' ';
  counter-increment: menu-item;
}

.card-menu__item.active,
.card-menu__item.active::before,
.card-menu__item:hover,
.card-menu__item:hover::before {
  color: #ffbc64;
}

.card {
  width: 100%;
  max-width: 808px;
  margin-left: 24px;
}

.card__inner {
  counter-reset: card-item;
  list-style: none;
}

.card__item {
  position: relative;
  padding: 40px 56px 48px 88px;
  border-radius: 32px;
  margin-bottom: 24px;
  background-color: #eaf6ff;
}

.card__item:last-child {
  margin-bottom: 0;
}

.card__title {
  position: relative;
  margin-bottom: 24px;
  color: #2d87ff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
}

.card__title::after {
  position: absolute;
  top: 0;
  left: -48px;
  display: block;
  color: #323232;
  content: 'counter';
  content: counter(card-item, decimal-leading-zero) ' ';
  counter-increment: card-item;
}

.card__label::after {
  position: absolute;
  right: 40px;
  bottom: 8px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('/webpack/images/arrow-bottom-3821473e.svg');
  background-repeat: no-repeat;
  content: '';
}

.card__input {
  display: none;
}

.card__input:checked ~ .card__label::after {
  background-image: url('/webpack/images/arrow-top-c2b89519.svg');
}

.card__input:checked ~ .card__text-wrapper {
  display: block;
}

.card__text {
  margin-bottom: 24px;
  color: #828282;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.card__text:last-of-type {
  margin-bottom: 0;
}

.card__text--nb {
  color: #323232;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.card__sources {
  margin-top: 32px;
}

.card__sources-item {
  margin-bottom: 24px;
  color: #828282;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  word-wrap: anywhere;
}

.card__sources-item:last-child {
  margin-bottom: 0;
}

.card__experts-link {
  display: block;
  margin-top: 24px;
  margin-bottom: 24px;
  color: #2d87ff;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 1365px) {
  .first-screen::after {
    top: -96px;
    right: 0;
    width: 522px;
    height: 453px;
  }

  .first-screen--triggers-atd::after {
    top: 0;
    width: 372px;
    height: 400px;
    background-image: url('/webpack/images/first-screen-tablet-3a5bf20d.svg');
  }

  .first-screen__text-wrap {
    max-width: 459px;
    min-height: 352px;
    padding-left: 32px;
  }

  .first-screen__text-wrap--card {
    max-width: 390px;
    min-height: 400px;
  }

  .first-screen__title {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 40px;
  }

  .first-screen__text {
    font-size: 14px;
    line-height: 24px;
  }

  .card-wrapper::after {
    top: -50px;
    width: 36px;
    height: 49px;
    background-image: url('/webpack/images/orange-pill-tablet-88c330ec.svg');
    background-position-x: right;
  }

  .card-wrapper {
    margin-bottom: 80px;
  }

  .card-wrapper__inner {
    width: 91.5%;
  }

  .card {
    width: 100%;
    margin: 0 auto;
  }

  .card__item {
    padding: 0 40px 40px;
  }

  .card__title::after {
    top: 24px;
    left: 40px;
  }

  .card__title {
    left: -40px;
    width: calc(100% + 80px);
    padding: 24px 72px;
    border-radius: 32px;
    margin-bottom: 0;
    background-color: #2d87ff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .card__text,
  .card__title {
    font-family: 'Montserrat', 'Arial', sans-serif;
  }

  .card__text {
    color: #323232;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
  }
}

@media (min-width: 1366px) {
  .card__label::after {
    display: none;
  }
}

@media (min-width: 1366px) and (max-width: 1439px) {
  .card-wrapper::after {
    left: -30px;
  }
}

@media (max-width: 1365px) {
  body,
  html {
    overflow: hidden auto;
    -webkit-overflow-scrolling: touch;
  }

  .card-menu {
    display: none;
  }

  .card__title::after {
    color: #abdbff;
    font-size: 16px;
    line-height: 24px;
  }

  .card__text-wrapper {
    display: none;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .first-screen {
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 80px;
    margin-bottom: 23px;
  }

  .first-screen::after {
    position: relative;
    top: 0;
    right: unset;
    left: 50%;
    width: 100%;
    height: 260px;
    background-position-x: 50%;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .first-screen--triggers-atd::after {
    position: relative;
    top: 0;
    width: 100%;
    height: 276px;
    background-image: url('/webpack/images/first-screen-desktop4-848a94ab.svg');
  }

  .first-screen__text-wrap {
    min-height: unset;
    padding-top: 32px;
    padding-left: unset;
    margin-right: 24px;
    margin-left: 24px;
  }

  .first-screen__title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
  }

  .first-screen__text {
    font-size: 12px;
    line-height: 22px;
  }

  .card-wrapper::after {
    top: -32px;
    top: -20px;
    width: 32px;
    height: 24px;
    background-image: url('/webpack/images/orange-pill-tablet-88c330ec.svg');
  }

  .card-wrapper {
    margin-bottom: 48px;
  }

  .card {
    width: calc(100% - 16px);
    margin: 0 auto;
  }

  .card__item {
    padding: 0 16px 40px;
  }

  .card__title::after {
    top: 24px;
  }

  .card__title--nb::after,
  .card__title::after {
    left: 17px;
    -webkit-transform: unset;
    transform: unset;
  }

  .card__title--nb::after {
    top: 23px;
  }

  .card__title {
    left: -16px;
    width: calc(100% + 32px);
    padding: 24px 48px;
    border-radius: 32px;
    margin-bottom: 0;
    background-color: #2d87ff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }

  .card__text,
  .card__title {
    font-family: 'Montserrat', 'Arial', sans-serif;
  }

  .card__text {
    color: #323232;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
  }
}

.onpoint_articles__title {
  position: relative;
  padding-top: 40px;
  padding-bottom: 20px;
}

.onpoint_calendar__img {
  width: 18px;
  height: 17px;
}

.navContainer {
  max-width: 1110px;
  margin: 0 auto;
}

.navContainer .navMenu {
  position: relative !important;
  z-index: 2;
  left: unset !important;
  display: flex;
  width: 100%;
  height: unset !important;
  align-items: center;
  padding: 0 30px;
  padding-top: unset !important;
  border: 2px solid #2d87ff;
  border-radius: 45px;
  margin-top: 34px;
  background-color: #fff;
  color: black;
  font-family: 'Montserrat', 'Montserrat-Regular', sans-serif;
}

.navContainer a {
  color: black;
}

.navContainer a:hover {
  color: #2d87ff;
}

.navItem {
  position: relative;
  width: min-content;
  padding: 20px 0;
  font-size: 12px;
}

.navItem:last-child {
  width: 122px;
  margin-right: 0;
}

.navItem:hover span {
  color: #2d87ff;
}

.navItem:hover .subList {
  opacity: 1;
  pointer-events: all;
}

.subList {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  display: flex;
  width: max-content;
  min-width: 100%;
  flex-direction: column;
  padding: 12px 10px;
  border: 2px solid #2d87ff;
  background-color: white;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.navSubItem {
  padding: 10px 0;
}

.navSubItem:hover {
  color: #2d87ff;
}

.navContainer .logo {
  width: 101px;
  height: 36px;
  margin-right: 3.5rem;
  display: block;
}

.navContainer .header__menu-burger {
  display: none;
}

.navItems {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  column-gap: 10px;
  transform: translateY(0);
}

.navContainer .navMenu--active .logo {
  margin-top: 20px;
}

@media (max-width: 1280px) {
  .navItem {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .navContainer {
    display: block;
    margin-right: -10px;
    margin-left: -10px;
  }

  .navContainer .navMenu {
    position: relative !important;
    left: unset !important;
    /* width: 100%; */
    height: unset !important;
    flex-direction: column;
    /* padding: 0; */
    border: none;
    margin: 0 auto;
    margin-top: 20px;
    
    width: unset !important;
    padding: 0 20px !important;
    padding-top: 0 !important;
  }

  .navContainer .navMenu--active {
    height: 100vh !important;
    background-color: white;
  }

  .navContainer .logo {
    display: block;
    margin: 0 auto;
    margin-top: 0 !important;
    margin-right: 0;
  }

  .navContainer .header__menu-burger {
    position: absolute;
    z-index: 2;
    right: 10px;
    display: flex;
    width: 34px;
    height: 34px;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s;
  }

  .navContainer .header__menu-burger-line {
    position: absolute;
    top: 14px;
    display: block;
    width: 100%;
    max-width: 24px;
    height: 4px;
    border-radius: 2px;
    background-color: #2d87ff;
    transition: transform 0.3s ease-in, background-color 0.3s ease-in;
  }

  .navContainer .header__menu-burger-line:nth-child(1) {
    top: 6px;
    opacity: 1;
    transition: all 0.2s ease-in;
  }

  .navContainer .header__menu-burger-line:nth-child(3) {
    top: 22px;
  }

  .navContainer .header__menu-burger--active .header__menu-burger-line:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .navContainer .header__menu-burger--active .header__menu-burger-line:nth-child(2) {
    opacity: 0;
  }

  .navContainer .header__menu-burger--active .header__menu-burger-line:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
  }

  .navItems {
    display: none;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 40px;
    background-color: white;
    gap: 0;
    transition: transform 0.3s ease-in-out;
  }

  .navContainer .navMenu--active .navItems {
    display: flex;
  }

  .navItem {
    width: auto;
    padding: 0;
    margin-bottom: 10px;
    font-family: 'Montserrat', 'Montserrat-SemiBold', sans-serif;
    font-weight: 600;
  }

  .navItem:last-child {
    width: max-content;
    margin-bottom: 0;
  }

  .navItem:hover span {
    color: inherit;
  }

  .subList {
    position: relative;
    top: 0;
    left: 0;
    padding: 5px 10px;
    border: none;
    background-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    opacity: 1;
    pointer-events: all;
  }

  .navSubItem {
    padding: 5px 0;
    font-size: 12px;
  }

  .navSubItem:hover {
    color: inherit;
  }
}