.hero {
  position: relative;
  overflow: hidden;

  margin-bottom: 37px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.hero__content {
  position: relative;
  z-index: 10;
}

.hero__title {
  margin-bottom: 20px;

  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  color: #000000;
}

.hero__mobile {
  display: block;
}

.hero__desktop {
  display: none;
}

.hero__info--wrapper {
  margin-bottom: 15px;

  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 16px;
  background-color: rgba(
    255,
    255,
    255,
    0.5
  ); /* fallback when no blur support */

  width: 156px;
}

@supports (
  (-webkit-backdrop-filter: blur(11px)) or (backdrop-filter: blur(11px))
) {
  .hero__info--wrapper {
    background-color: rgba(255, 255, 255, 0.37);
    -webkit-backdrop-filter: blur(11px) brightness(1.16);
    backdrop-filter: blur(11px) brightness(1.16);
  }
}

.hero__ios-link-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.hero__ios-link-separator {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.hero__use-website {
  margin-bottom: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 5px;
  padding-right: 5px;
  width: 156px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;

  color: #ffffff;
  text-shadow: 1px 1px 1px #00000033;

  background: transparent linear-gradient(0deg, #d92180 0%, #ec4899 100%) 0% 0%
    no-repeat padding-box;
  box-shadow: inset 0px 5px 10px #fdfdfd5d, 1px 3px 6px #0000004a;
  border-radius: 25px;
}

.hero__instant-access {
  margin-bottom: 15px;
  width: 156px;

  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-align: center;

  color: #ffffff;
  text-shadow: 1px 1px 2px #0000004d;
}

.hero__feature {
  display: flex;
  align-items: flex-start;
}

.hero__feature:not(:last-child) {
  margin-bottom: 10px;
}

.hero__feature-icon {
  margin-right: 7px;
  flex-shrink: 0;
  line-height: 1;
  width: 12px;
  height: 12px;
}

.hero__feature-text {
  font-size: 12px;
  line-height: 1;
  color: #000000;
}

.hero__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
}

.hero__picture,
.hero__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: 75% 50%;
}

.hero__web-link--download {
  display: none;
}

.hero__badge--googleplay {
  position: relative;
}

.hero__badge--googleplay {
  display: block;
  width: 135px;
  height: 40px;
}

.hero__badge--appstore {
  display: block;
  width: 120px;
  height: 40px;
}

.hero__badge--appstore > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.hero__badge--googleplay--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 155px;
  height: 60px;
}

.hero__android-link {
  margin-top: 50px;
}

.hero__web-link--badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.feature {
  margin-bottom: 100px;
}

.feature__mobile {
  display: block;
}

.feature__desktop {
  display: none;
}

.feature__title {
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;

  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.feature__list {
  padding-left: 20px;
  padding-right: 20px;
}

.feature__list > li:not(:last-child) {
  margin-bottom: 100px;
}

.feature__video {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 220px;
  height: 475px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.feature__video::after {
  content: "";

  position: absolute;
  top: 1%;
  left: 1%;
  width: 98%;
  height: 98%;

  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("../assets/player_icon.svg"),
    -o-linear-gradient(287deg, #9bd8de 0%, #fee8f3 97%, #ffe8f3 100%);
  background-image: url("../assets/player_icon.svg"),
    linear-gradient(163deg, #9bd8de 0%, #fee8f3 97%, #ffe8f3 100%);
  background-repeat: no-repeat;
  background-position: center;
}

.v-vlite {
  --vlite-colorPrimary: #e54890 !important;
}

.feature__video > div,
.v-vlite {
  aspect-ratio: auto !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  background-color: #ffffff00 !important;
}

.feature__video .v-media {
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
}

.vlite-js {
  display: block;
}

.features__item-title {
  margin-bottom: 10px;

  font-size: calc(19px + (21 - 19) * calc((100vw - 320px) / (390 - 320)));
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.features__item-description {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(250px + (290 - 250) * calc((100vw - 320px) / (390 - 320)));
  font-size: calc(13px + (16 - 13) * calc((100vw - 320px) / (390 - 320)));
  line-height: 1;
  text-align: center;
}

.features__text-wrapper--scan {
  position: relative;

  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;

  padding-left: 15px;
  padding-right: 15px;
  padding-top: 28px;
  padding-bottom: 26px;

  background-image: url("../assets/scan_braces_top_left.svg"),
    url("../assets/scan_braces_top_right.svg"),
    url("../assets/scan_braces_bottom_left.svg"),
    url("../assets/scan_braces_bottom_right.svg");

  background-size: 42px 28px;
  background-position: top left, top right, bottom left, bottom right;
  background-repeat: no-repeat;
}

.feature__item--concentrations {
  padding-top: calc(30px + (60 - 30) * calc((100vw - 320px) / (390 - 320)));
}

.features__text-wrapper--concentrations {
  position: relative;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  color: var(--white);
  margin-bottom: calc(
    110px + (135 - 110) * calc((100vw - 320px) / (390 - 320))
  );
}

.features__text-wrapper--concentrations-bg {
  position: absolute;
  background-image: url("../assets/blue_spot_mobile.svg");
  background-repeat: no-repeat;
  background-size: cover;

  top: 55%;
  left: 50%;

  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;

  width: calc(300px + (363 - 300) * calc((100vw - 320px) / (390 - 320)));
  height: calc(288px + (351 - 288) * calc((100vw - 320px) / (390 - 320)));
}

.features__item-title--concentrations-part {
  display: block;
}

.features__list-description--smart-filter {
  margin-left: auto;
  margin-right: auto;
  font-size: calc(13px + (16 - 13) * calc((100vw - 320px) / (390 - 320)));
  line-height: 1;
}

.features__item-description--smart-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;

  gap: 10px;
}

.features__item-description--smart-filter:not(:last-child) {
  margin-bottom: 10px;
}

.features__list-description--wrapper-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  border-radius: 4px;
  background-color: #20b796;
}

.features__list-description--access-icon {
  width: 9px;
  height: 6.5px;
}

.features__item-description--transparency {
  margin-bottom: 25px;
}

.features__item-description--transparency-block {
  display: inline;
}

.feature__item--icon-transparency {
  display: block;
  width: 116px;
  height: auto;

  margin-left: auto;
  margin-right: auto;
}

.testimonial {
  margin-bottom: 70px;
}

.testimonial__title {
  margin-bottom: 25px;
  font-size: calc(21px + (27 - 21) * calc((100vw - 390px) / (768 - 390)));
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}

.testimonial__slide {
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.testimonial__item {
  max-width: 277px;
  width: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.testimonial__stars {
  margin-bottom: 15px;
  width: 124px;
  height: auto;
}

.testimonial__author,
.testimonial__quote {
  font-size: 14px;
  text-align: center;
}

.testimonial__quote {
  margin-bottom: 15px;
  line-height: 1.125;
}

.testimonial__author {
  font-weight: 600;
  line-height: 1.125;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.download-app {
  display: none;
}

.download-app__bg {
  margin-bottom: 40px;
  padding-top: 25px;
  padding-bottom: 50px;

  background: transparent -o-linear-gradient(
      271deg,
      #ffffff 0%,
      #d4f4ff 38%,
      #a7e3ea 61%,
      #a6e3ea 100%
    ) 0% 0% no-repeat padding-box;

  background: transparent
    linear-gradient(179deg, #ffffff 0%, #d4f4ff 38%, #a7e3ea 61%, #a6e3ea 100%)
    0% 0% no-repeat padding-box;
}

.download-app__content {
  padding-left: 20px;
  padding-right: 20px;
}

.download-app__title {
  margin-bottom: 20px;

  font-size: 27px;
  font-weight: 700;
  line-height: 1;

  text-align: center;
}

.download-app__text-description {
  margin-bottom: 50px;

  font-size: 20px;
  line-height: 1.188;

  text-align: center;
}

.web-app-prompt__wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 35px;
  padding-bottom: 35px;
  max-width: fit-content;

  display: flex;
  align-items: center;
  justify-content: center;

  background-color: rgba(255, 255, 255, 0.59);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px;
}

.web-app-prompt__message {
  margin-bottom: 5px;
}

.web-app-prompt__message,
.web-app-prompt__note {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
}

.web-app-prompt__link {
  text-decoration: underline;
  color: #b2175e;
}

.web-app-prompt__icon {
  flex-shrink: 0;
  margin-right: 15px;
  width: 40px;
  height: auto;
}

.download-app__text-description--block {
  display: block;
}

.download-app__qr-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.download-app__qr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.download-app__qr-item-title {
  margin-bottom: 18px;

  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.download-app__qr-code {
  width: 170px;
  height: 170px;
  background-color: var(--white);
}

.download-app__qr-code-image {
  display: block;
  width: 100%;
  height: 100%;
}

.download-app__how-to-title {
  margin-bottom: 20px;

  font-size: 18px;
  font-weight: 700;
  line-height: 1.188;
  text-align: center;
}

.download-app__how-to-list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.download-app__how-to-list {
  -ms-flex-negative: 0;
  flex-shrink: 0;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.188;
}

.download-app__enjoy {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.2;

  text-align: center;
}

.download-app__know-more {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;

  text-align: center;
}

.download-app__know-more--link {
  color: var(--primary-text-color);
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .features__item-description--concentrations {
    max-width: 241px;
  }
}

@media screen and (max-width: 390px) {
  .features__item-description--concentrations {
    max-width: calc(211px + (241 - 211) * calc((100vw - 320px) / (390 - 320)));
  }
}

@media screen and (min-width: 320px) {
  .hero__info--wrapper,
  .hero__use-website,
  .hero__instant-access {
    width: calc(156px + (165 - 156) * calc((100vw - 320px) / (360 - 320)));
  }

  .hero__info--wrapper {
    margin-bottom: calc(15px + (35 - 15) * calc((100vw - 320px) / (360 - 320)));
    padding-bottom: calc(
      15px + (29 - 15) * calc((100vw - 320px) / (390 - 320))
    );
  }

  .hero__instant-access {
    margin-bottom: calc(15px + (35 - 15) * calc((100vw - 320px) / (360 - 320)));
  }
}

@media screen and (min-width: 360px) {
  .hero {
    padding-top: calc(25px + (40 - 14) * calc((100vw - 360px) / (390 - 360)));
    padding-bottom: calc(
      20px + (34 - 20) * calc((100vw - 360px) / (390 - 360))
    );
  }

  .hero__title {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .hero__info--wrapper,
  .hero__use-website,
  .hero__instant-access {
    width: 165px;
  }

  .hero__info--wrapper {
    margin-bottom: calc(35px + (60 - 35) * calc((100vw - 360px) / (390 - 360)));
    padding-bottom: 29px;
  }

  .hero__use-website {
    font-size: 14px;
    line-height: 1.2857;
  }

  .hero__instant-access {
    margin-bottom: calc(35px + (60 - 35) * calc((100vw - 360px) / (390 - 360)));
    font-size: 11px;
    line-height: 1.167;
  }

  .testimonial__author,
  .testimonial__quote {
    font-size: calc(14px + (16 - 14) * calc((100vw - 360px) / (390 - 360)));
  }
}

@media screen and (min-width: 390px) {
  .hero {
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .hero__title {
    margin-bottom: 35px;
    font-size: 22px;
    line-height: 1.09;
  }

  .hero__info--wrapper {
    margin-bottom: 60px;
  }

  .hero__instant-access {
    margin-bottom: 60px;
  }

  .feature__title {
    font-size: calc(23px + (27 - 23) * calc((100vw - 390px) / (768 - 390)));
  }

  .features__item-title {
    font-size: 21px;
  }

  .features__item-description {
    max-width: calc(290px + (310 - 290) * calc((100vw - 390px) / (430 - 390)));
    font-size: 16px;
  }

  .feature__list {
    padding-left: 25px;
    padding-right: 25px;
  }

  .feature__item--concentrations {
    padding-top: calc(60px + (80 - 60) * calc((100vw - 390px) / (430 - 390)));
  }

  .features__text-wrapper--concentrations {
    margin-bottom: calc(
      135px + (155 - 135) * calc((100vw - 390px) / (430 - 390))
    );
  }

  .features__text-wrapper--concentrations-bg {
    width: calc(363px + (419 - 363) * calc((100vw - 390px) / (430 - 390)));
    height: calc(351px + (407 - 351) * calc((100vw - 390px) / (430 - 390)));
  }

  .features__list-description--smart-filter {
    max-width: 330px;
    font-size: 16px;
  }

  .testimonial__author,
  .testimonial__quote {
    font-size: 16px;
  }
}

@media screen and (min-width: 430px) {
  .hero__title {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1.083;
  }

  .features__item-description {
    max-width: 310px;
  }

  .feature__list {
    padding-left: 30px;
    padding-right: 30px;
  }

  .feature__item--concentrations {
    padding-top: 80px;
  }

  .features__text-wrapper--concentrations {
    margin-bottom: 155px;
  }

  .features__text-wrapper--concentrations-bg {
    width: 415px;
    height: 403px;
  }
}

@media screen and (min-width: 480px) {
  .hero__title {
    max-width: none;
  }

  .hero__title--block-part {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .hero {
    margin-bottom: calc(
      60px + (75 - 60) * calc((100vw - 768px) / (1280 - 768))
    );
    /* padding-top: calc(45px + (85 - 45) * calc((100vw - 768px) / (1280 - 768))); */
    /* padding-bottom: calc(
      40px + (80 - 40) * calc((100vw - 768px) / (1280 - 768))
    ); */
    padding-top: 80px;
    padding-bottom: 124px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero__title {
    margin-bottom: calc(
      10px + (15 - 10) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(24px + (28 - 24) * calc((100vw - 768px) / (1280 - 768)));
  }

  .hero__title--block-part {
    display: inline;
  }

  .hero__mobile {
    display: none;
  }

  .hero__desktop {
    display: block;
  }

  .hero__info--wrapper {
    margin-bottom: 0;
    width: calc(469px + (700 - 469) * calc((100vw - 768px) / (1280 - 768)));

    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    border-radius: 30px;
  }

  .hero__description {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.07;
  }

  .hero__features {
    margin-bottom: 60px;
  }

  .hero__feature {
    align-items: center;
  }

  .hero__feature:not(:last-child) {
    margin-bottom: 12px;
  }

  .hero__feature-icon {
    margin-right: 10px;

    width: 12px;
    height: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero__feature-icon > svg {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
  }

  .hero__feature-text {
    font-size: 12px;
    line-height: 1.167;
  }

  .hero__web-version-text {
    font-size: calc(14px + (16 - 14) * calc((100vw - 768px) / (1280 - 768)));
    font-weight: 400;
    line-height: 1.143;

    color: #000000;
  }

  .hero__web-version-text--block {
    display: block;
  }

  .hero__web-version-link {
    font-weight: 700;
    text-decoration: underline;
    color: #000000;
  }

  .hero__ios-link-separator {
    font-size: calc(14px + (16 - 14) * calc((100vw - 768px) / (1280 - 768)));
    font-weight: 400;
    line-height: 1.143;

    color: #000000;
  }

  .hero__web-version {
    margin-bottom: 55px;
    display: flex;
    align-items: center;
  }

  .hero__web-version-image {
    flex-shrink: 0;
    width: calc(25px + (40 - 25) * calc((100vw - 768px) / (1280 - 768)));
    height: auto;
    margin-right: 10px;
  }

  .hero__ios-link-wrapper.hero__desktop {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
  }

  .hero__web-link--badges {
    display: none;
  }

  .hero__web-link--download {
    display: block;
  }

  .hero__download-link {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: calc(55px + (72 - 55) * calc((100vw - 768px) / (1280 - 768)));
    height: calc(45px + (59 - 45) * calc((100vw - 768px) / (1280 - 768)));
    padding-left: calc(30px + (40 - 30) * calc((100vw - 768px) / (1280 - 768)));
    padding-right: calc(
      30px + (40 - 30) * calc((100vw - 768px) / (1280 - 768))
    );

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    font-size: calc(18px + (24 - 18) * calc((100vw - 768px) / (1280 - 768)));
    font-weight: 700;
    line-height: 1;

    border-radius: 37px;
    color: var(--white);
    background-color: var(--primary-pink-color);
    -webkit-box-shadow: 3px 3px 6px #00000029;
    box-shadow: 3px 3px 6px #00000029;

    -webkit-transition: background-color var(--primary-transition-time-and-func);
    -o-transition: background-color var(--primary-transition-time-and-func);
    transition: background-color var(--primary-transition-time-and-func);
  }

  .hero__download-link:focus,
  .hero__download-link:hover {
    background-color: #eb569a;
  }

  .feature {
    margin-bottom: 120px;
  }

  .feature__mobile {
    display: none;
  }

  .feature__desktop {
    display: block;
  }

  .feature__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .feature__list > li:not(:last-child) {
    margin-bottom: calc(
      100px + (160 - 100) * calc((100vw - 768px) / (1280 - 768))
    );
  }

  .feature__list > li:nth-child(2n + 1) > div:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .feature__list > li:nth-child(2n + 1) > div:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .feature__title {
    margin-bottom: calc(
      50px + (100 - 50) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(27px + (42 - 27) * calc((100vw - 768px) / (1280 - 768)));
    font-weight: 400;
  }

  .feature__title--mobile {
    display: none;
  }

  .feature__title--desk {
    display: block;
  }

  .feature__video {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    width: calc(168px + (280 - 168) * calc((100vw - 768px) / (1280 - 768)));
    height: calc(363px + (605 - 363) * calc((100vw - 768px) / (1280 - 768)));
  }

  .features__item-title {
    text-align: left;
    margin-bottom: calc(
      10px + (20 - 10) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(21px + (24 - 21) * calc((100vw - 768px) / (1280 - 768)));
  }

  .features__item-description {
    margin-left: 0;
    margin-right: 0;
    max-width: calc(310px + (420 - 310) * calc((100vw - 768px) / (1280 - 768)));
    line-height: 1.125;
    text-align: left;
  }

  .feature__item--scan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(55px + (115 - 55) * calc((100vw - 768px) / (1280 - 768)));
  }

  .features__text-wrapper--scan {
    margin-left: 0;
    margin-right: 0;
    padding-left: calc(25px + (45 - 25) * calc((100vw - 768px) / (1280 - 768)));
    padding-right: calc(
      25px + (45 - 25) * calc((100vw - 768px) / (1280 - 768))
    );
    padding-top: calc(30px + (48 - 30) * calc((100vw - 768px) / (1280 - 768)));
    padding-bottom: calc(
      30px + (48 - 30) * calc((100vw - 768px) / (1280 - 768))
    );

    background-size: calc(
        42px + (60 - 42) * calc((100vw - 768px) / (1280 - 768))
      )
      calc(28px + (40 - 28) * calc((100vw - 768px) / (1280 - 768)));
    background-position: top left, top right, bottom left, bottom right;
    background-repeat: no-repeat;
  }

  .features__brace {
    display: none;
  }

  .feature__item--concentrations {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(100px + (205 - 100) * calc((100vw - 768px) / (1280 - 768)));
  }

  .features__text-wrapper--concentrations {
    margin-bottom: 0px;
  }

  .features__text-wrapper--concentrations-bg {
    background-image: url("../assets/blue_spot.svg");
    top: 50%;

    width: calc(470px + (677 - 470) * calc((100vw - 768px) / (1280 - 768)));
    height: calc(430px + (604 - 430) * calc((100vw - 768px) / (1280 - 768)));
  }

  .features__item-title--concentrations-part {
    display: inline;
  }

  .feature__item--smart-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(100px + (165 - 100) * calc((100vw - 768px) / (1280 - 768)));
  }

  .features__list-description--smart-filter {
    margin-left: 0;
    margin-right: 0;
    max-width: calc(340px + (420 - 340) * calc((100vw - 768px) / (1280 - 768)));
    line-height: 1.125;
  }

  .feature__item--transparency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: calc(100px + (200 - 100) * calc((100vw - 768px) / (1280 - 768)));
  }

  .features__item-description--transparency {
    margin-bottom: 30px;
  }

  .features__item-description--transparency-block {
    display: block;
  }

  .testimonial__title {
    margin-bottom: calc(
      40px + (60 - 40) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(27px + (42 - 27) * calc((100vw - 768px) / (1280 - 768)));

    font-weight: 400;
  }

  .testimonial__swiper {
    padding-left: 45px;
    padding-right: 45px;
  }

  .testimonial__slide {
    width: auto;
    margin-right: 90px;
  }

  .testimonial__author,
  .testimonial__quote {
    font-size: calc(16px + (18 - 16) * calc((100vw - 768px) / (1280 - 768)));
  }

  .testimonial__quote {
    margin-bottom: 0;
  }

  .testimonial__author {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 15px;
  }

  .download-app {
    display: block;
    position: relative;

    margin-bottom: 80px;
  }

  .download-app__bg {
    padding-bottom: calc(
      50px + (65 - 50) * calc((100vw - 768px) / (1280 - 768))
    );
  }

  .download-app__content {
    position: relative;

    padding-left: 50px;
    padding-right: 50px;
  }

  .download-app__title {
    font-size: calc(27px + (42 - 27) * calc((100vw - 768px) / (1280 - 768)));
    font-weight: 400;
  }

  .download-app__text-description {
    font-size: 20px;
  }

  .download-app__qr-list {
    margin-bottom: calc(
      35px + (50 - 35) * calc((100vw - 768px) / (1280 - 768))
    );
    gap: calc(100px + (260 - 100) * calc((100vw - 768px) / (1280 - 768)));
  }

  .download-app__qr-item-title {
    margin-bottom: calc(
      25px + (40 - 25) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(18px + (20 - 18) * calc((100vw - 768px) / (1280 - 768)));
  }

  .download-app__qr-code {
    width: calc(130px + (170 - 130) * calc((100vw - 768px) / (1280 - 768)));
    height: calc(130px + (170 - 130) * calc((100vw - 768px) / (1280 - 768)));
  }

  .download-app__how-to-title {
    margin-bottom: calc(
      20px + (25 - 20) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(18px + (20 - 18) * calc((100vw - 768px) / (1280 - 768)));
  }

  .download-app__enjoy {
    margin-bottom: calc(
      40px + (50 - 40) * calc((100vw - 768px) / (1280 - 768))
    );
    font-size: calc(18px + (20 - 18) * calc((100vw - 768px) / (1280 - 768)));
  }

  .download-app__know-more {
    font-size: calc(16px + (18 - 16) * calc((100vw - 768px) / (1280 - 768)));
  }
}

@media screen and (min-width: 950px) {
  .hero__title--block-part {
    display: block;
  }
}

@media screen and (min-width: 1280px) {
  .hero {
    margin-bottom: calc(
      75px + (100 - 75) * calc((100vw - 1280px) / (2560 - 1280))
    );

    padding-top: calc(
      50px + (80 - 50) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-left: calc(
      30px + (50 - 30) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-right: calc(
      30px + (50 - 30) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-bottom: calc(
      53px + (133 - 53) * calc((100vw - 1280px) / (1920 - 1280))
    );
  }

  .hero__info--wrapper {
    width: calc(700px + (1100 - 700) * calc((100vw - 1280px) / (1920 - 1280)));
    padding-top: calc(
      35px + (50 - 35) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-bottom: calc(
      30px + (40 - 30) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-left: 50px;
    padding-right: calc(
      40px + (60 - 40) * calc((100vw - 1280px) / (1920 - 1280))
    );
    border-radius: calc(
      32px + (40 - 32) * calc((100vw - 1280px) / (1920 - 1280))
    );
  }

  .hero__title {
    margin-bottom: calc(
      15px + (20 - 15) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(28px + (55 - 28) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .hero__description {
    margin-bottom: 30px;
    font-size: calc(14px + (22 - 14) * calc((100vw - 1280px) / (1920 - 1280)));
  }

  .hero__features {
    margin-bottom: calc(
      50px + (60 - 50) * calc((100vw - 1280px) / (1920 - 1280))
    );
  }

  .hero__feature:not(:last-child) {
    margin-bottom: calc(
      10px + (14 - 10) * calc((100vw - 1280px) / (1920 - 1280))
    );
  }

  .hero__feature-text {
    font-size: calc(12px + (16 - 12) * calc((100vw - 1280px) / (1920 - 1280)));
  }

  .hero__feature-icon {
    width: calc(12px + (16 - 12) * calc((100vw - 1280px) / (1920 - 1280)));
    height: calc(12px + (16 - 12) * calc((100vw - 1280px) / (1920 - 1280)));
  }

  .hero__web-version {
    margin-bottom: calc(
      26px + (20 - 26) * calc((100vw - 1280px) / (1920 - 1280))
    );
    flex-shrink: 0;
  }

  .hero__ios-link-wrapper.hero__desktop {
    justify-content: flex-end;
    gap: 20px;
  }

  .hero__web-version-image {
    width: calc(40px + (50 - 40) * calc((100vw - 1280px) / (1920 - 1280)));
  }

  .hero__web-version-text,
  .hero__ios-link-separator {
    font-size: calc(16px + (20 - 16) * calc((100vw - 1280px) / (1920 - 1280)));
  }

  .hero__web-version-text {
    font-weight: 400;
    line-height: 1.125;
  }

  .hero__ios-link-separator {
    margin-right: calc(
      12px + (20 - 12) * calc((100vw - 1280px) / (1920 - 1280))
    );
  }

  .feature {
    margin-bottom: calc(
      120px + (200 - 120) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .feature__title {
    margin-bottom: calc(
      100px + (150 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(42px + (60 - 42) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .feature__video {
    width: calc(280px + (420 - 280) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(605px + (907 - 605) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__item-title {
    margin-bottom: calc(
      20px + (40 - 20) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(24px + (36 - 24) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__item-description {
    max-width: calc(
      420px + (740 - 420) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(16px + (20 - 16) * calc((100vw - 1280px) / (1920 - 1280)));
    line-height: 1.25;
  }

  .feature__list > li:not(:last-child) {
    margin-bottom: calc(
      160px + (190 - 160) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .feature__item--scan {
    gap: calc(115px + (230 - 115) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__text-wrapper--scan {
    padding-left: calc(
      45px + (67 - 45) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-right: calc(
      45px + (67 - 45) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-top: calc(
      48px + (54 - 48) * calc((100vw - 1280px) / (1920 - 1280))
    );
    padding-bottom: calc(
      48px + (54 - 48) * calc((100vw - 1280px) / (1920 - 1280))
    );

    background-size: calc(
        60px + (102 - 60) * calc((100vw - 1280px) / (2560 - 1280))
      )
      calc(40px + (68 - 40) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .feature__item--concentration {
    gap: calc(205px + (410 - 205) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__text-wrapper--concentrations-bg {
    width: calc(677px + (1100 - 677) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(604px + (1027 - 604) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .feature__item--smart-filter {
    gap: calc(165px + (360 - 165) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__list-description--smart-filter {
    max-width: calc(
      420px + (740 - 420) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(16px + (20 - 16) * calc((100vw - 1280px) / (1920 - 1280)));
    line-height: 1.25;
  }

  .features__item-description--smart-filter {
    gap: calc(10px + (15 - 10) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__item-description--smart-filter:not(:last-child) {
    margin-bottom: calc(
      15px + (20 - 15) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .features__list-description--wrapper-icon {
    width: calc(20px + (33 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(20px + (33 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
    border-radius: calc(4px + (8 - 4) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__list-description--access-icon {
    width: calc(9px + (15 - 9) * calc((100vw - 1280px) / (2560 - 1280)));
    height: calc(6.5px + (12.5 - 6.5) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .feature__item--transparency {
    gap: calc(200px + (410 - 200) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .features__item-description--transparency {
    margin-bottom: calc(
      40px + (80 - 40) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .feature__item--icon-transparency {
    width: calc(116px + (180 - 116) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .testimonial {
    margin-bottom: calc(
      100px + (150 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .testimonial__title {
    margin-bottom: calc(
      60px + (85 - 60) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(42px + (60 - 42) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .testimonial__swiper {
    padding-left: calc(
      65px + (120 - 65) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-right: calc(
      65px + (120 - 65) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .testimonial__slide {
    margin-right: calc(
      100px + (155 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .testimonial__item {
    max-width: calc(
      277px + (500 - 277) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .testimonial__stars {
    margin-bottom: calc(
      15px + (25 - 15) * calc((100vw - 1280px) / (2560 - 1280))
    );
    width: calc(124px + (250 - 124) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .testimonial__author,
  .testimonial__quote {
    font-size: calc(18px + (28 - 18) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .testimonial__author {
    margin-bottom: calc(
      18px + (28 - 18) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .download-app {
    margin-bottom: calc(
      80px + (100 - 80) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .download-app__bg {
    margin-bottom: calc(
      40px + (70 - 40) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-top: calc(
      25px + (50 - 25) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-bottom: calc(
      65px + (95 - 65) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .download-app__content {
    padding-left: calc(
      100px + (200 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
    padding-right: calc(
      100px + (200 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .download-app__title {
    margin-bottom: calc(
      20px + (45 - 20) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(42px + (65 - 42) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .download-app__text-description {
    margin-bottom: calc(
      50px + (75 - 50) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(22px + (30 - 22) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .web-app-prompt__wrapper {
    margin-bottom: calc(
      100px + (125 - 100) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .web-app-prompt__message,
  .web-app-prompt__note {
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .web-app-prompt__icon {
    width: calc(40px + (46 - 40) * calc((100vw - 1280px) / (2560 - 1280)));
    margin-right: calc(
      15px + (25 - 15) * calc((100vw - 1280px) / (2560 - 1280))
    );
  }

  .download-app__qr-list {
    margin-bottom: calc(
      50px + (75 - 50) * calc((100vw - 1280px) / (2560 - 1280))
    );
    gap: calc(260px + (480 - 260) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .download-app__qr-item-title {
    margin-bottom: calc(
      40px + (50 - 40) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .download-app__qr-code {
    width: calc(170px + (230 - 170) * calc((100vw - 1280px) / (1920 - 1280)));
    height: calc(170px + (230 - 170) * calc((100vw - 1280px) / (1920 - 1280)));
  }

  .download-app__how-to-title {
    margin-bottom: calc(
      25px + (45 - 25) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .download-app__how-to-list {
    font-size: calc(16px + (26 - 16) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .download-app__enjoy {
    margin-bottom: calc(
      50px + (70 - 50) * calc((100vw - 1280px) / (2560 - 1280))
    );
    font-size: calc(20px + (28 - 20) * calc((100vw - 1280px) / (2560 - 1280)));
  }

  .download-app__know-more {
    font-size: calc(18px + (26 - 18) * calc((100vw - 1280px) / (2560 - 1280)));
  }
}

@media screen and (min-width: 1920px) {
  .hero {
    padding-top: calc(
      80px + (90 - 80) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-left: calc(
      50px + (80 - 50) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-right: calc(
      50px + (80 - 50) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-bottom: calc(
      133px + (220 - 133) * calc((100vw - 1920px) / (2560 - 1920))
    );
  }

  .hero__info--wrapper {
    width: calc(
      1100px + (1450 - 1100) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-top: calc(
      50px + (90 - 50) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-bottom: calc(
      40px + (60 - 40) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-left: calc(
      50px + (70 - 50) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-right: calc(
      60px + (80 - 60) * calc((100vw - 1920px) / (2560 - 1920))
    );
    border-radius: calc(
      40px + (46 - 40) * calc((100vw - 1920px) / (2560 - 1920))
    );
  }

  .hero__description {
    margin-bottom: calc(
      30px + (45 - 30) * calc((100vw - 1920px) / (2560 - 1920))
    );
    font-size: calc(22px + (26 - 22) * calc((100vw - 1920px) / (2560 - 1920)));
    line-height: 1.09;
  }

  .hero__features {
    margin-bottom: calc(
      60px + (80 - 60) * calc((100vw - 1920px) / (2560 - 1920))
    );
  }

  .hero__feature:not(:last-child) {
    margin-bottom: 14px;
  }

  .hero__feature-text {
    font-size: calc(16px + (20 - 16) * calc((100vw - 1920px) / (2560 - 1920)));
    line-height: 1.065;
  }

  .hero__feature-icon {
    width: calc(16px + (22 - 16) * calc((100vw - 1920px) / (2560 - 1920)));
    height: calc(16px + (22 - 16) * calc((100vw - 1920px) / (2560 - 1920)));
  }

  .hero__web-version {
    margin-bottom: calc(
      20px + (35 - 20) * calc((100vw - 1920px) / (2560 - 1920))
    );
  }

  .hero__web-version-image {
    margin-right: calc(
      11px + (15 - 11) * calc((100vw - 1920px) / (2560 - 1920))
    );
    width: calc(50px + (60 - 50) * calc((100vw - 1920px) / (2560 - 1920)));
  }

  .hero__web-version-text--block {
    display: inline;
  }

  .hero__web-version-text,
  .hero__ios-link-separator {
    font-size: calc(20px + (24 - 20) * calc((100vw - 1920px) / (2560 - 1920)));
  }

  .hero__ios-link-separator {
    margin-right: 12px;
  }

  .hero__web-version-link {
    font-weight: 600;
  }

  .features__item-description {
    font-size: calc(20px + (28 - 20) * calc((100vw - 1920px) / (2560 - 1920)));
  }

  .features__text-wrapper--scan {
    padding-left: calc(
      67px + (90 - 67) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-right: calc(
      67px + (90 - 67) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-top: calc(
      54px + (102 - 54) * calc((100vw - 1920px) / (2560 - 1920))
    );
    padding-bottom: calc(
      54px + (102 - 54) * calc((100vw - 1920px) / (2560 - 1920))
    );
  }

  .features__list-description--smart-filter {
    font-size: calc(20px + (28 - 20) * calc((100vw - 1920px) / (2560 - 1920)));
  }
}

@media screen and (min-width: 2240px) {
  .hero__title--block-part {
    display: inline;
  }
}

@media screen and (min-width: 2560px) {
  .hero {
    margin-bottom: calc((100 / 2560) * 100vw);

    padding-top: calc((90 / 2560) * 100vw);
    padding-left: calc((80 / 2560) * 100vw);
    padding-right: calc((80 / 2560) * 100vw);
    padding-bottom: calc((220 / 2560) * 100vw);
  }

  .hero__info--wrapper {
    width: calc((1450 / 2560) * 100vw);
    padding-top: calc((90 / 2560) * 100vw);
    padding-left: calc((70 / 2560) * 100vw);
    padding-right: calc((80 / 2560) * 100vw);
    padding-bottom: calc((60 / 2560) * 100vw);
    border-radius: calc((46 / 2560) * 100vw);
  }

  .hero__title {
    margin-bottom: calc((20 / 2560) * 100vw);
    font-size: calc((55 / 2560) * 100vw);
  }

  .hero__description {
    margin-bottom: calc((45 / 2560) * 100vw);
    font-size: calc((26 / 2560) * 100vw);
  }

  .hero__feature {
    margin-bottom: calc((80 / 2560) * 100vw);
  }

  .hero__feature:not(:last-child) {
    margin-bottom: calc((14 / 2560) * 100vw);
  }

  .hero__feature-text {
    font-size: calc((20 / 2560) * 100vw);
    line-height: 1.1;
  }

  .hero__feature-icon {
    width: calc((22 / 2560) * 100vw);
    height: calc((22 / 2560) * 100vw);
  }

  .hero__web-version {
    margin-bottom: calc((35 / 2560) * 100vw);
  }

  .hero__web-version-image {
    margin-right: calc((15 / 2560) * 100vw);
    width: calc((60 / 2560) * 100vw);
  }

  .hero__web-version-text,
  .hero__ios-link-separator {
    font-size: calc((24 / 2560) * 100vw);
  }

  .hero__ios-link-separator {
    margin-right: calc((20 / 2560) * 100vw);
  }

  .hero__badge--appstore {
    width: calc((120 / 2560) * 100vw);
    height: calc((40 / 2560) * 100vw);
  }

  .hero__badge--googleplay {
    width: calc((135 / 2560) * 100vw);
    height: calc((40 / 2560) * 100vw);
  }

  .hero__badge--googleplay--icon {
    width: calc((155 / 2560) * 100vw);
    height: calc((60 / 2560) * 100vw);
  }

  .feature {
    margin-bottom: calc((200 / 2560) * 100vw);
  }

  .feature__title {
    margin-bottom: calc((150 / 2560) * 100vw);
    font-size: calc((60 / 2560) * 100vw);
  }

  .feature__video {
    width: calc((420 / 2560) * 100vw);
    height: calc((907 / 2560) * 100vw);
  }

  .features__item-title {
    margin-bottom: calc((40 / 2560) * 100vw);
    font-size: calc((36 / 2560) * 100vw);
  }

  .features__item-description {
    max-width: calc((740 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
  }

  .feature__list > li:not(:last-child) {
    margin-bottom: calc((190 / 2560) * 100vw);
  }

  .feature__item--scan {
    gap: calc((230 / 2560) * 100vw);
  }

  .features__text-wrapper--scan {
    padding-left: calc((90 / 2560) * 100vw);
    padding-right: calc((90 / 2560) * 100vw);
    padding-top: calc((102 / 2560) * 100vw);
    padding-bottom: calc((102 / 2560) * 100vw);

    background-size: calc((102 / 2560) * 100vw) calc((68 / 2560) * 100vw);
  }

  .feature__item--concentration {
    gap: calc((410 / 2560) * 100vw);
  }

  .features__text-wrapper--concentrations-bg {
    width: calc((1100 / 2560) * 100vw);
    height: calc((1027 / 2560) * 100vw);
  }

  .feature__item--smart-filter {
    gap: calc((360 / 2560) * 100vw);
  }

  .features__list-description--smart-filter {
    max-width: calc((740 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
  }

  .features__item-description--smart-filter {
    gap: calc((15 / 2560) * 100vw);
  }

  .features__item-description--smart-filter:not(:last-child) {
    margin-bottom: calc((20 / 2560) * 100vw);
  }

  .features__list-description--wrapper-icon {
    width: calc((33 / 2560) * 100vw);
    height: calc((33 / 2560) * 100vw);

    border-radius: calc((8 / 2560) * 100vw);
  }

  .features__list-description--access-icon {
    width: calc((15 / 2560) * 100vw);
    height: calc((12.5 / 2560) * 100vw);
  }

  .feature__item--transparency {
    gap: calc((410 / 2560) * 100vw);
  }

  .features__item-description--transparency {
    margin-bottom: calc((80 / 2560) * 100vw);
  }

  .feature__item--icon-transparency {
    width: calc((180 / 2560) * 100vw);
  }

  .testimonial {
    margin-bottom: calc((150 / 2560) * 100vw);
  }

  .testimonial__title {
    margin-bottom: calc((85 / 2560) * 100vw);
    font-size: calc((60 / 2560) * 100vw);
  }

  .testimonial__swiper {
    padding-left: calc((120 / 2560) * 100vw);
    padding-right: calc((120 / 2560) * 100vw);
  }

  .testimonial__slide {
    margin-right: calc((155 / 2560) * 100vw);
  }

  .testimonial__item {
    max-width: calc((500 / 2560) * 100vw);
  }

  .testimonial__stars {
    margin-bottom: calc((25 / 2560) * 100vw);
    width: calc((250 / 2560) * 100vw);
  }

  .testimonial__author,
  .testimonial__quote {
    font-size: calc((28 / 2560) * 100vw);
  }

  .testimonial__author {
    margin-bottom: calc((28 / 2560) * 100vw);
  }

  .download-app {
    margin-bottom: calc((100 / 2560) * 100vw);
  }

  .download-app__bg {
    margin-bottom: calc((70 / 2560) * 100vw);
    padding-top: calc((50 / 2560) * 100vw);
    padding-bottom: calc((95 / 2560) * 100vw);
  }

  .download-app__content {
    padding-left: calc((200 / 2560) * 100vw);
    padding-right: calc((200 / 2560) * 100vw);
  }

  .download-app__title {
    margin-bottom: calc((45 / 2560) * 100vw);
    font-size: calc((65 / 2560) * 100vw);
  }

  .download-app__text-description {
    margin-bottom: calc((75 / 2560) * 100vw);
    font-size: calc((30 / 2560) * 100vw);
  }

  .web-app-prompt__wrapper {
    margin-bottom: calc((125 / 2560) * 100vw);
    border-radius: calc((11 / 2560) * 100vw);
  }

  .web-app-prompt__message,
  .web-app-prompt__note {
    font-size: calc((28 / 2560) * 100vw);
  }

  .web-app-prompt__icon {
    width: calc((46 / 2560) * 100vw);
    margin-right: calc((25 / 2560) * 100vw);
  }

  .download-app__qr-list {
    margin-bottom: calc((75 / 2560) * 100vw);
    gap: calc((480 / 2560) * 100vw);
  }

  .download-app__qr-item-title {
    margin-bottom: calc((50 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
  }

  .download-app__qr-code {
    width: calc((300 / 2560) * 100vw);
    height: calc((300 / 2560) * 100vw);
  }

  .download-app__how-to-title {
    margin-bottom: calc((45 / 2560) * 100vw);
    font-size: calc((28 / 2560) * 100vw);
  }

  .download-app__how-to-list {
    font-size: calc((26 / 2560) * 100vw);
  }

  .download-app__enjoy {
    font-size: calc((28 / 2560) * 100vw);
  }

  .download-app__know-more {
    margin-bottom: calc((70 / 2560) * 100vw);
    font-size: calc((26 / 2560) * 100vw);
  }
}