/* Start:/local/templates/main/css/main/mainPage/styles.css?172130996867040*/
* {
}

:root {
  --containerWidth: 1500;
  --containerWidthMobile: 768;
}

.necessary__why *,
.problems * {
  padding: 0;
  margin: 0;
}

/* 1. preview */
.preview {
  min-height: calc(var(--one) * 450);
  padding: calc(var(--one) * 80) calc(var(--one) * 0) calc(var(--one) * 150)
    calc(var(--one) * 84);
  position: relative;
  margin: 0 auto calc(var(--one) * 100) auto;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .preview {
    min-height: calc(var(--one) * 450);
    padding: 0px 10px 0 10px !important;
    position: relative;
    margin: 0 auto calc(var(--one) * 35) auto;
    /* width: min(100%, calc(var(--one) * var(--containerWidthMobile))); */
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}

.preview__arrow {
  position: absolute;
  width: calc(var(--one) * 1000);
  height: calc(var(--one) * 680);
  top: calc(var(--one) * 270);
  right: calc(var(--one) * 250);
}

@media screen and (max-width: 1200px) {
  .preview__arrow {
    width: calc(var(--one) * 800);
  }
}

@media screen and (max-width: 1000px) {
  .preview__arrow {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .preview__arrow {
    display: none;
  }
}

.preview__image {
  position: absolute;
  right: calc(var(--one) * 0);
  width: calc(var(--one) * 374);
  height: calc(var(--one) * 438);
}

@media screen and (max-width: 768px) {
  .preview__image {
    display: none;
  }
}

.preview__image-image {
  width: 100%;
  height: auto;
}

.preview__title {
  width: min(100%, calc(var(--one) * 586));
  color: #262626;
  font-size: calc(var(--one) * 40);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;
  line-height: normal;
  margin: 0 0 calc(var(--one) * 25) 0;
}

@media screen and (max-width: 768px) {
  .preview__title {
    width: min(100%, calc(var(--one) * 800)) !important;
    font-size: 28px !important;
    margin: 0 0 calc(var(--one) * 15) 0;
    width: 100%;
  }
}

.preview__text-container {
  width: min(100%, calc(var(--one) * 586));
  display: flex;
  flex-direction: column;
  gap: calc(var(--one) * 26);
}

@media screen and (max-width: 768px) {
  .preview__text-container {
    width: 100%;
  }
}

.preview__text-container-image {
  display: none;
}

@media screen and (max-width: 768px) {
  .preview__text-container-image {
    display: flex;
    width: 100% !important;
  }
}

.preview__text-container-content {
  width: min(100%, calc(var(--one) * 586));
  color: #262626;
  font-size: calc(var(--one) * 20);
  font-family: 'Open Sans';
  font-weight: 400;
  line-height: calc(var(--one) * 30);
  word-wrap: break-word;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1025px) {
  .preview__text-container {
    width: min(100%, calc(var(--one) * 800));
  }

  .preview__text-container-content {
    width: 100%;
    font-size: calc(var(--one) * 28);
    font-weight: 300;
    line-height: calc(var(--one) * 42);
  }
  .preview__title {
    width: min(100%, calc(var(--one) * 640));
    font-size: calc(var(--one) * 47.5);
  }
  .preview__image {
    width: calc(var(--one) * 486);
    height: calc(var(--one) * 604);
  }

  .necessary__why-title {
    font-size: calc(var(--one) * 36);
  }
  item-content--documents {
    max-width: calc(var(--one) * 140);
  }

  .necessary__why-list-item-content {
    font-size: calc(var(--one) * 35);
  }
  .necessary__why-list-item-content-number--big {
    font-size: calc(var(--one) * 36) !important;
  }
}
@media screen and (max-width: 768px) {
  .preview__text-container-content {
    display: flex;
    font-size: 18px !important;
    line-height: 150% !important;
    width: 100% !important;
  }
}

/* 2. necessary */
.necessary {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #d9e4e9 100%);
  border-radius: calc(var(--one) * 35);
  margin: 0 auto calc(var(--one) * 75) auto;
  padding: calc(var(--one) * 29) calc(var(--one) * 84) calc(var(--one) * 88)
    calc(var(--one) * 85);
  /* width: min(100%, calc(var(--one) * var(--containerWidth))); */
  width: 100%;
}

@media screen and (max-width: 768px) {
  .necessary {
    padding: calc(var(--one) * 25) 35px calc(var(--one) * 0) 35px;
    position: relative;
    margin: 0 auto calc(var(--one) * 100) auto;
    width: 100%;

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
  }
}

.necessary__why {
  display: flex;
  margin: 0 0 calc(var(--one) * 72) 0;
  gap: calc(var(--one) * 300);
}

@media screen and (max-width: 768px) {
  .necessary__why {
    display: flex;
    margin: 0 0 calc(var(--one) * 60) 0;
    gap: 35px !important;
    flex-direction: column;
  }
}

.necessary__why-title {
  color: #009f98;
  font-size: calc(var(--one) * 24);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;
  display: flex;
  align-items: center;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .necessary__why-title {
    color: #009f98;
    font-size: 24px !important;
    font-family: 'Geologica';
    font-weight: 400;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    text-align: left;
  }
}

.necessary__why-title-br {
}

.necessary__why-list {
  display: flex;
  gap: calc(var(--one) * 62);
  list-style: none;
}

@media screen and (max-width: 360px) {
  .necessary__why-list {
    display: flex;
    gap: calc(var(--one) * 62);
    list-style: none;
  }
}

@media screen and (max-width: 768px) {
  .necessary__why-list {
    display: flex;
    gap: calc(var(--one) * 62);
    list-style: none;
    flex-direction: column;
  }
}

.necessary__why-list-item {
  display: flex;
  gap: calc(var(--one) * 10);
  align-items: center;
}

.necessary__why-list-item-picture {
  display: flex;
}

.necessary__why-list-item-picture-image {
}

.necessary__why-list-item-picture-image--woman {
  width: calc(var(--one) * 87);
  height: calc(var(--one) * 87);
}

.necessary__why-list-item-picture-image--documents {
  width: calc(var(--one) * 71);
  height: calc(var(--one) * 83);
}

.necessary__why-list-item-arrow {
  width: calc(var(--one) * 20);
  height: calc(var(--one) * 32);
  display: flex;
}

.necessary__why-list-item-content {
  color: #262626;
  font-size: calc(var(--one) * 16);
  font-family: 'Open Sans';
  font-weight: 400;
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .necessary__why-list-item-content {
    color: #262626;
    font-family: 'Open Sans';
    font-weight: 400;
    word-wrap: break-word;
  }
}

.necessary__why-list-item-content--buhgalter {
  max-width: calc(var(--one) * 108);
}

@media screen and (max-width: 768px) {
  .necessary__why-list-item-content--buhgalter {
    max-width: 100%;
  }
}

.necessary__why-list-item-content--documents {
  max-width: calc(var(--one) * 126);
}

@media screen and (max-width: 768px) {
  .necessary__why-list-item-content--documents {
    max-width: 100% !important;
  }
}

.necessary__why-list-item-content-number {
}

@media (max-width: 768px) {
  .necessary__why-list-item-content-number {
    font-size: 18px !important;
  }
}

.necessary__why-list-item-content-number--big {
  color: #262626;
  font-size: calc(var(--one) * 35);
  font-family: 'Open Sans';
  font-weight: 400;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  .necessary__why-list-item-content-number--big {
    font-size: 30px !important;
  }
}

.necessary__preview-control {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 0 0 calc(var(--one) * 55) 0;
}

@media screen and (max-width: 768px) {
  .necessary__preview-control {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}

.necessary__preview-control-text {
  color: #262626;
  font-size: calc(var(--one) * 18);
  font-family: 'Open Sans';
  font-weight: 400;
  line-height: calc(var(--one) * 27);
  word-wrap: break-word;
  max-width: calc(var(--one) 415);
  display: flex;
}

@media screen and (max-width: 1024px) {
  .necessary__preview-control-text {
    max-width: calc(var(--one) * 380) !important;
    line-height: calc(var(--one) * 60);
  }
}

@media screen and (max-width: 768px) {
  .necessary__preview-control-text {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 150% !important;
  }
}

.necessary__preview-control-picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .necessary__preview-control-picture {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .necessary__preview-control-picture {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 360px) {
  .necessary__preview-control-picture {
    width: 100%;
    height: auto;
    justify-content: center;
  }
}

.necessary__preview-control-picture-image {
  width: calc(var(--one) * 380);
  height: calc(var(--one) * 147);
}

@media screen and (max-width: 768px) {
  .necessary__preview-control-picture-image {
    width: 100% !important;
    height: auto !important;
    /* margin-right: calc(var(--one) * 70); */
    justify-content: flex-start;
    display: flex;
    position: relative;
    left: -20px;
  }
}

@media screen and (max-width: 360px) {
  .necessary__preview-control-picture-image {
    width: 100%;
    height: auto;
  }
}

.necessary__preview-status {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 0 0 calc(var(--one) * 55) 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .necessary__preview-status {
    margin-bottom: calc(var(--one) * 35);
  }
}
@media screen and (max-width: 768px) {
  .necessary__preview-status {
    grid-template-columns: 1fr;
  }
}

.necessary__preview-status-arrow {
  position: absolute;
  width: calc(var(--one) * 480);
  height: calc(var(--one) * 400);
  left: calc(var(--one) * 180);
  top: calc(var(--one) * 50);
}

@media screen and (max-width: 1200px) {
  .necessary__preview-status-arrow {
    left: calc(var(--one) * 75);
  }
}

@media screen and (max-width: 768px) {
  .necessary__preview-status-arrow {
    display: none;
  }
}

.necessary__preview-status-arrow-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .necessary__preview-status-arrow-mobile {
    display: flex;
    position: absolute;
    width: calc(var(--one) * 178);
    height: calc(var(--one) * 145);

    left: calc(var(--one) * 260);
    bottom: calc(var(--one) * -150);

    display: none !important;
  }
}

@media screen and (max-width: 300px) {
  .necessary__preview-status-arrow-mobile {
    left: calc(var(--one) * 160);
  }
}

.necessary__preview-status-picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .necessary__preview-status-picture {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .necessary__preview-status-picture {
    order: 2;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 360px) {
  .necessary__preview-status-picture {
    width: 100%;
    height: auto;
  }
}

.necessary__preview-status-picture-image {
  width: calc(var(--one) * 378);
  height: calc(var(--one) * 135);
}

@media screen and (max-width: 768px) {
  .necessary__preview-status-picture-image {
    /* width: calc(var(--one) * 400); */
    height: unset;
    width: 100% !important;

    width: 100% !important;
    height: auto !important;
  }
}

@media screen and (max-width: 360px) {
  .necessary__preview-status-picture-image {
    width: 100%;
    height: auto;
  }
}

.necessary__preview-status-text {
  color: #262626;
  font-size: calc(var(--one) * 18);
  font-family: Open Sans;
  font-weight: 400;
  line-height: calc(var(--one) * 27);
  word-wrap: break-word;
  width: calc(var(--one) 387);
  display: flex;
}

@media screen and (max-width: 1024px) {
  .necessary__preview-status-text {
    max-width: calc(var(--one) * 390);
    line-height: calc(var(--one) * 60);
  }
}

@media screen and (max-width: 768px) {
  .necessary__preview-status-text {
    order: 1;
    font-size: 16px !important;
    line-height: 150% !important;
    max-width: 100%;
  }
}

/* 3. problems*/
.problems {
  margin: 0 auto calc(var(--one) * 100) auto;
  width: min(100%, calc(var(--one) * var(--containerWidth)));
  position: relative;
}

@media screen and (max-width: 768px) {
  .problems {
    margin: 0 auto calc(var(--one) * 75) auto;
    width: min(100%, calc(var(--one) * var(--containerWidthMobile)));
    position: relative;
  }
}

.problems__arrow {
  position: absolute;
  width: calc(var(--one) * 1050);
  height: calc(var(--one) * 500);
  left: calc(var(--one) * 128);
  top: calc(var(--one) * 671);
  z-index: 50;
}

@media screen and (max-width: 1300px) {
  .problems__arrow {
    width: calc(var(--one) * 900);
    left: calc(var(--one) * 180);
  }
}

@media screen and (max-width: 1000px) {
  .problems__arrow {
    width: calc(var(--one) * 900);
    left: calc(var(--one) * 130);
  }
}

@media screen and (max-width: 768px) {
  .problems__arrow {
    display: none;
  }
}

.problems__title {
  color: #262626;
  font-size: calc(var(--one) * 28);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;
  margin: 0 0 calc(var(--one) * 53) 0;
}

@media screen and (max-width: 768px) {
  .problems__title {
    font-size: 24px !important;
    margin: 0 0 calc(var(--one) * 50) 0;
  }
}

.problems__list {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  gap: calc(var(--one) * 30);
  margin: 0 0 calc(var(--one) * 35) 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .problems__list {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    gap: 20px !important;
    margin: 0 auto calc(var(--one) * 15) auto;
    position: relative;
    flex-direction: column;
    align-items: center;
  }
}

.problems__list-item {
  border-radius: calc(var(--one) * 10);
  border: calc(var(--one) * 3) solid #29b9b1;
  padding: calc(var(--one) * 15) calc(var(--one) * 20) calc(var(--one) * 42)
    calc(var(--one) * 20);
  width: calc(var(--one) * 250);
  position: relative;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  position: relative;
  bottom: calc(var(--one) * 0);
}

@media screen and (max-width: 768px) {
  .problems__list-item {
    padding: calc(var(--one) * 10) 0 calc(var(--one) * 16) 0;
    width: 100%;
    position: relative;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    position: relative;
    bottom: calc(var(--one) * 0);
    max-width: 320px !important;
  }
}

.problems__list-item--active {
  bottom: calc(var(--one) * 14);
  transition: 0.5s ease-in-out;
  background: #29b9b1;
  box-shadow: 0px calc(var(--one) * 4) calc(var(--one) * 4) rgba(0, 0, 0, 0.15);
  border-radius: calc(var(--one) * 10);
}

.problems__list-item--active .problems__list-item-title,
.problems__list-item--active .problems__list-item-content {
  color: #fff !important;
  transition: 0.5s ease-in-out;
}

.problems__list-item:hover {
  background: #29b9b1;
  transition: 0.5s ease-in-out;
}

.problems__list-item:hover .problems__list-item-title,
.problems__list-item:hover .problems__list-item-content {
  color: #fff;
  transition: 0.5s ease-in-out;
}

.problems__list-item-picture {
  position: absolute;
  background: linear-gradient(
    325deg,
    rgba(79.86, 221.84, 215.59, 0.67) 34%,
    rgba(207, 255, 253, 0.61) 100%
  );
  box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.19);
  border-radius: 9999px;
  -webkit-backdrop-filter: blur(calc(var(--one) * 6.6));
  backdrop-filter: blur(calc(var(--one) * 6.6));
  padding: calc(var(--one) * 15);
  width: calc(var(--one) * 66);
  height: calc(var(--one) * 66);
  top: calc(var(--one) * -20);
  left: calc(var(--one) * -20);
  opacity: 0.97;
}

.problems__list-item-picture-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: calc(var(--one) * 33);
  height: calc(var(--one) * 33);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.problems__list-item-title {
  color: #262626;
  font-size: calc(var(--one) * 20);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;
  margin: 0 0 calc(var(--one) * 10) 0;
  text-align: center;
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 768px) {
  .problems__list-item-title {
    color: #262626;
    font-size: 20px;
    font-family: 'Geologica';
    font-weight: 400;
    word-wrap: break-word;
    margin: 0 0 5px 0;
    text-align: center;
    transition: 0.5s ease-in-out;
  }
}

.problems__list-item-content {
  color: #262626;
  font-size: calc(var(--one) * 16);
  font-family: 'Open Sans';
  font-weight: 400;
  word-wrap: break-word;
  text-align: center;
  transition: 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
  .problems__list-item-content {
    color: #262626;
    font-size: 16px !important;
    font-family: 'Open Sans';
    font-weight: 400;
    word-wrap: break-word;
    text-align: center;
    transition: 0.5s ease-in-out;
  }
}

.problems__picture {
  display: flex;
  justify-content: center;
  position: relative;
  width: calc(var(--one) * 836);
  height: calc(var(--one) * 465);
  margin: auto;
}

@media screen and (max-width: 768px) {
  .problems__picture {
    display: flex;
    justify-content: center;
    position: relative;
    width: 90%;
    height: calc(var(--one) * 465);
    margin: auto;
  }
}

.problems__video-container {
  display: flex;
  width: 60%;
  position: relative;
  margin: auto;
  flex-direction: column;
  z-index: 100;
  height: calc(var(--one) * 470);
  z-index: 99999;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .problems__video-container {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .problems__video-container {
    width: 90% !important;
    height: calc(var(--one) * 320) !important;
  }
}

@media (max-width: 500px) {
  .problems__video-container {
    height: calc(var(--one) * 290) !important;
  }
}

@media (max-width: 400px) {
  .problems__video-container {
    min-height: 150px !important;
  }
}

.problems__video {
  opacity: 1;
  /* transition: .2s ease-in-out; */
  position: absolute;
  width: 100%;
}
.problems__video--hidden {
  visibility: hidden;
  opacity: 0;
  /* transition: .2s ease-in-out; */
}

.problems__picture-image {
  width: calc(var(--one) * 836);
  height: calc(var(--one) * 465);
  transition: 0.5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  border-radius: calc(var(--one) * 10);
  z-index: 51;
}

@media screen and (max-width: 768px) {
  .problems__picture-image {
    width: 90%;
    padding: 0 calc(var(--one) * 10);
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.problems__picture-image--hidden {
  visibility: hidden;
  transition: 0.5s ease-in-out;
  opacity: 0;
}

/* 4. demo */

.demo {
  margin: 0 auto calc(var(--one) * 100) auto;
  width: min(100%, calc(var(--one) * var(--containerWidth)));

  background: linear-gradient(
    330deg,
    rgba(79.86, 221.84, 215.59, 0.5) 0%,
    rgba(207.4, 255, 252.9, 0.46) 100%
  );
  border-radius: calc(var(--one) * 35);
  border: calc(var(--one) * 3) 3px solid;

  padding: calc(var(--one) * 50) calc(var(--one) * 140) calc(var(--one) * 39)
    calc(var(--one) * 140);
  position: relative;
  z-index: 60;
}

@media screen and (max-width: 768px) {
  .demo {
    /* width: min(100%, calc(var(--one) * var(--containerWidthMobile))); */
    margin: 0 auto calc(var(--one) * 50) auto;
    padding: 25px 14px 20px 14px;
    width: 95%;
    border-radius: 20px !important;
  }
}

.demo__title {
  color: black;
  font-size: calc(var(--one) * 24);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;
  margin: calc(var(--one) * 0) calc(var(--one) * 0) calc(var(--one) * 30)
    calc(var(--one) * 0);
}

@media screen and (max-width: 1024px) {
  .demo__title {
    margin: 0 auto calc(var(--one) * 30) auto;
    font-size: calc(var(--one) * 28.2);
  }
}

@media screen and (max-width: 768px) {
  .demo__title {
    margin: 0 auto 11px auto;
    font-size: 16px !important;
    line-height: 150% !important;
  }
}

.demo__link {
  color: white;
  font-size: calc(var(--one) * 24);
  font-family: 'Geologica';
  font-weight: 600;
  word-wrap: break-word;
  background: #29b9b1;
  border-radius: calc(var(--one) * 15);

  display: flex;
  width: calc(var(--one) * 346);
  height: calc(var(--one) * 60);
  margin: auto;
  justify-content: center;
  align-items: center;
  transition: 0.5s ease-in-out;
  text-decoration: none;

  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .demo__link {
    color: white;
    font-size: calc(var(--one) * 28.3);
    font-family: 'Geologica';
    font-weight: 600;
    word-wrap: break-word;
    background: #29b9b1;
    border-radius: calc(var(--one) * 15);
    display: flex;
    width: min(60%, 100%);
    height: calc(var(--one) * 70);
    margin: auto;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    max-width: 346px;
  }
}

@media (max-width: 768px) {
  .demo__link {
    font-size: 18px !important;
    width: 270px !important;
    height: 50px !important;
  }
}

.demo__link:hover {
  background: #3cd2ca;
  transition: 0.5s ease-in-out;
  color: white;
  text-decoration: none;
}

.demo__link:active,
.demo__link:focus,
.demo__link:target {
  background: #009f98;
  transition: 0.5s ease-in-out;
  color: white;
}

.demo__link:active,
.demo__link:focus,
.demo__link:target,
.demo__link:visited {
  text-decoration: none;
}

/* 5. advantages*/
.advantages {
  width: min(100%, calc(var(--one) * var(--containerWidth)));
  padding: 0 calc(var(--one) * 84) calc(var(--one) * 0) calc(var(--one) * 84);
  display: flex;
  flex-direction: column;
  gap: calc(var(--one) * 35);
  margin: 0 auto calc(var(--one) * 0) auto;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .advantages {
    margin: 0 auto calc(var(--one) * 50) auto;
  }
}

@media screen and (max-width: 768px) {
  .advantages {
    width: min(100%, calc(var(--one) * var(--containerWidthMobile)));
    padding: 0 calc(var(--one) * 10);
    margin: 0 auto calc(var(--one) * 30) auto;
  }
}

.advantages__arrow {
  position: absolute;
  width: calc(var(--one) * 70);
  height: calc(var(--one) * 70);
  bottom: calc(var(--one) * -20);
  left: calc(var(--one) * 300);
}

@media screen and (max-width: 1024px) {
  .advantages__arrow {
    bottom: calc(var(--one) * -80);
    width: calc(var(--one) * 90);
    height: calc(var(--one) * 90);
  }
}

@media screen and (max-width: 768px) {
  .advantages__arrow {
    display: none;
  }
}

.advantages__arrow-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .advantages__arrow-mobile {
    display: flex;
    position: absolute;
    width: calc(var(--one) * 205);
    height: calc(var(--one) * 77);
    bottom: calc(var(--one) * -50);
    left: calc(var(--one) * 70);
  }
}

.advantages__info {
  display: flex;
  align-items: center;
  gap: calc(var(--one) * 35);
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .advantages__info {
    flex-direction: column;
    gap: 0px !important;
  }
}

.advantages__preview {
  width: calc(var(--one) * 416);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .advantages__preview {
    width: auto;
  }
}

.advantages__preview-title {
  color: #009f98;
  font-size: calc(var(--one) * 28);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  .advantages__preview-title {
    margin: 0 0 10px 0;
    font-size: 24px !important;
  }
}

.advantages__preview-title-br {
}

.advantages__preview-picture {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .advantages__preview-picture {
    display: none;
  }
}

.advantages__preview-picture-image {
  width: calc(var(--one) * 202);
}

.advantages__list {
  list-style: none;
  display: grid;
  grid-template-columns: calc(var(--one) * 282) calc(var(--one) * 282);
  gap: calc(var(--one) * 25) calc(var(--one) * 21);

  width: calc(var(--one) * 585);
  margin: 0;
  padding: 0;
  transition: 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
  .advantages__list {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 0 20px 0 !important;
  }
}

.advantages__list-item {
  border-radius: calc(var(--one) * 10);
  border: calc(var(--one) * 3) #29b9b1 solid;
  padding: calc(var(--one) * 25) calc(var(--one) * 30);
  background: #ffffff;
  bottom: calc(var(--one) * 0);
  position: relative;

  /* cursor: pointer; */
  transition: 0.5s ease-in-out;
}
@media (max-width: 1200px) {
  .advantages__list-item {
    max-width: 282px;
  }
}

@media (max-width: 768px) {
  .advantages__list-item {
    padding: 10px 15px !important;
    max-width: 100% !important;
    width: min(100%, 340px) !important;
  }
}

/* .advantages__list-item:hover {
    height: 100%;
    border-radius: calc(var(--one) * 10);
    background: #29B9B1;
    transition: .5s ease-in-out;
}

.advantages__list-item:hover .advantages__list-item-content {
    color: #fff;
    transition: .5s ease-in-out;
} */

.advantages__list-item--active {
  position: relative;
  bottom: calc(var(--one) * 10);
  transition: 0.5s ease-in-out;

  background: #29b9b1;
  box-shadow: 0px calc(var(--one) * 4) calc(var(--one) * 4) rgba(0, 0, 0, 0.25);
  border-radius: calc(var(--one) * 10);
}

.advantages__list-item--active .advantages__list-item-content {
  color: white;
  transition: 0.5s ease-in-out;
}

.advantages__list-item-content {
  margin: 0;
  text-align: center;

  color: #262626;
  font-size: calc(var(--one) * 16);
  font-family: 'Open Sans';
  font-weight: 400;
  word-wrap: break-word;

  transition: 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
  .advantages__list-item-content {
    margin: 0;
    text-align: center;

    color: #262626;
    font-size: 14px !important;
    font-family: 'Open Sans';
    font-weight: 400;
    word-wrap: break-word;

    transition: 0.5s ease-in-out;
  }
}

.advantages__video-container {
  display: flex;
  margin: 0 auto calc(var(--one) * 50) auto;
  position: relative;
  width: 70%;
  height: calc(var(--one) * 520);
  transition: 0.5s ease-in-out;
}

@media screen and (max-width: 1024px) {
  .advantages__video-container {
    height: calc(var(--one) * 480) !important;
  }
}

@media screen and (max-width: 768px) {
  .advantages__video-container {
    width: 100%;
    height: calc(var(--one) * 350) !important;
  }
}

@media screen and (max-width: 450px) {
  .advantages__video-container {
    width: 100%;
    height: calc(var(--one) * 210) !important;
  }
}

@media screen and (max-width: 400px) {
  .advantages__video-container {
    width: 100%;
    height: calc(var(--one) * 290) !important;
  }
}

.advantages__video-container-video {
  display: flex;
  justify-self: center;
  border-radius: calc(var(--one) * 10);
  width: 100%;

  transition: 0.5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .advantages__video-container-video {
  }
}

.advantages__video-container-video--hidden {
  visibility: hidden;
  transition: 0.5s ease-in-out;
  opacity: 0;
}

/* 6. diagram-container */
.diagram-container {
  width: min(100%, calc(var(--one) * var(--containerWidth)));
  padding: calc(var(--one) * 55) calc(var(--one) * 84) calc(var(--one) * 50)
    calc(var(--one) * 95);
  display: flex;
  gap: calc(var(--one) * 122);

  margin: 0 auto calc(var(--one) * 70) auto;
  justify-content: space-between;

  border-radius: calc(var(--one) * 35);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #d9e4e9 100%);
}

@media screen and (max-width: 768px) {
  .diagram-container {
    /* width: min(100%, calc(var(--one) * var(--containerWidthMobile))); */
    padding: calc(var(--one) * 16) calc(var(--one) * 25) calc(var(--one) * 35)
      calc(var(--one) * 25);
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto calc(var(--one) * 50) auto;
    position: relative;
    gap: calc(var(--one) * 0);
    width: 100%;
  }
}

.diagram-container__arrow-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .diagram-container__arrow-mobile {
    display: flex;
    position: absolute;
    width: calc(var(--one) * 10);
    height: calc(var(--one) * 190);
    bottom: calc(var(--one) * -120);
    left: 50%;
  }
}

.diagram-container__diagram {
  position: relative;
}

.diagram-container__diagram-arrow {
  position: absolute;
  width: calc(var(--one) * 130);
  height: calc(var(--one) * 190);
  top: calc(var(--one) * 570);
  left: calc(var(--one) * 130);
}

@media screen and (max-width: 768px) {
  .diagram-container__diagram-arrow {
    display: none;
  }
}

.diagram-container__diagram-title {
  width: calc(var(--one) * 376);
  color: #009f98;
  font-family: 'Geologica';
  font-size: calc(var(--one) * 28);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;

  margin: 0 0 calc(var(--one) * 80) 0;
}

@media screen and (max-width: 768px) {
  .diagram-container__diagram-title {
    width: 100% !important;
    font-size: 24px !important;
    margin: 0 0 calc(var(--one) * 50) 0;
    width: min(100%, 310px) !important;
  }
}

.diagram-container__diagram-svg-container {
  padding: calc(var(--one) * 50);
  position: relative;
  width: calc(var(--one) * 400);
  height: calc(var(--one) * 400);
}

.diagram-container__diagram-svg-container-svg-path {
}

.diagram-container__diagram-svg-container-svg-path-other {
}

.diagram-container__diagram-svg-container-svg-path-other:hover {
}

/*  */
.diagram-opacity {
  opacity: 1;
  transition: 0.5s ease-in-out;
}

.diagram-container__diagram-image-container {
  width: calc(var(--one) * 376);
  height: calc(var(--one) * 376);
  position: relative;
  margin: auto;
}

@media (max-width: 768px) {
  .diagram-container__diagram-image-container {
    scale: 0.75 !important;
  }
}

@media (max-width: 400px) {
  .diagram-container__diagram-image-container {
    width: 100% !important;
    scale: 0.75 !important;
    left: -18%;
  }
}

.diagram-container__diagram-image-container-1 {
  position: absolute;
  right: 0;
  top: 0;
}

.diagram-container__diagram-image-container-1-image {
  width: calc(var(--one) * 182);
  height: calc(var(--one) * 187);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-1-image--active {
  width: calc(var(--one) * 182);
  height: calc(var(--one) * 187);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * -19);
  right: calc(var(--one) * -19);
  z-index: 2;
}

.diagram-container__diagram-image-container-1-text {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -9);
  right: calc(var(--one) * -10);
}

.diagram-container__diagram-image-container-text-percents {
  color: #262626;
  font-size: calc(var(--one) * 28);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;
  padding: 0;
  margin: 0;

  opacity: 0;
  transition: 0.5s ease-in-out;
}

.diagram-container__diagram-image-container-text-image {
  opacity: 0;
  transition: 0.5s ease-in-out;
  width: calc(var(--one) * 66);
  height: calc(var(--one) * 66);
}

.diagram-container__diagram-image-container-1-text-percents {
  z-index: 20;
  position: absolute;
  top: calc(var(--one) * 27);
  right: calc(var(--one) * 45);
}

.diagram-container__diagram-image-container-1-text-percents--active {
  opacity: 1;
}

.diagram-container__diagram-image-container-1-text-image {
  z-index: 20;
  position: absolute;
  top: calc(var(--one) * -28);
  right: calc(var(--one) * -5);
}

.diagram-container__diagram-image-container-1-text-image--active {
  opacity: 1;
}

.diagram-container__diagram-image-container-2-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 60);
  right: calc(var(--one) * -3);
}

.diagram-container__diagram-image-container-2-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 47);
  right: calc(var(--one) * -73);
}

.diagram-container__diagram-image-container-3-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 122);
  right: calc(var(--one) * 7);
}

.diagram-container__diagram-image-container-3-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 155);
  right: calc(var(--one) * -30);
}

.diagram-container__diagram-image-container-4-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 164);
  right: calc(var(--one) * 24);
}

.diagram-container__diagram-image-container-4-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 201);
  right: calc(var(--one) * 10);
}

.diagram-container__diagram-image-container-5-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 144);
  right: calc(var(--one) * 52);
}

.diagram-container__diagram-image-container-5-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 179);
  right: calc(var(--one) * 58);
}

.diagram-container__diagram-image-container-6-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 93);
  right: calc(var(--one) * 110);
}

.diagram-container__diagram-image-container-6-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 121);
  right: calc(var(--one) * 148);
}

.diagram-container__diagram-image-container-7-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 31);
  right: calc(var(--one) * 142);
}

.diagram-container__diagram-image-container-7-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 34);
  right: calc(var(--one) * 188);
}

.diagram-container__diagram-image-container-8-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 13);
  right: calc(var(--one) * 145);
}

.diagram-container__diagram-image-container-8-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -3);
  right: calc(var(--one) * 195);
}

.diagram-container__diagram-image-container-9-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 13);
  right: calc(var(--one) * 131);
}

.diagram-container__diagram-image-container-9-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -21);
  right: calc(var(--one) * 173);
}

.diagram-container__diagram-image-container-10-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -2);
  right: calc(var(--one) * 109);
}

.diagram-container__diagram-image-container-10-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -53);
  right: calc(var(--one) * 138);
}

.diagram-container__diagram-image-container-10-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * 15);
  right: calc(var(--one) * 94);
}

.diagram-container__diagram-image-container-10-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -35);
  right: calc(var(--one) * 123);
}

.diagram-container__diagram-image-container-11-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -3);
  right: calc(var(--one) * 68);
}

.diagram-container__diagram-image-container-11-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -62);
  right: calc(var(--one) * 82);
}

.diagram-container__diagram-image-container-12-text-percents {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -10);
  right: calc(var(--one) * 10);
}

.diagram-container__diagram-image-container-12-text-image {
  z-index: 2;
  position: absolute;
  top: calc(var(--one) * -76);
  right: calc(var(--one) * 10);
}

.diagram-container__diagram-image-container-2 {
  position: absolute;
  right: calc(var(--one) * -5);
  top: calc(var(--one) * 144);
}

.diagram-container__diagram-image-container-2-image {
  width: calc(var(--one) * 188);
  height: calc(var(--one) * 155);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-2-image--active {
  width: calc(var(--one) * 188);
  height: calc(var(--one) * 155);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * 7);
  right: calc(var(--one) * -17);
  z-index: 2;
}

.diagram-container__diagram-image-container-2-text {
  z-index: 2;
}

.diagram-container__diagram-image-container-3 {
  position: absolute;
  right: calc(var(--one) * 35);
  top: calc(var(--one) * 186);
}

.diagram-container__diagram-image-container-3-image {
  width: calc(var(--one) * 149);
  height: calc(var(--one) * 177);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-3-image--active {
  width: calc(var(--one) * 149);
  height: calc(var(--one) * 177);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * 19);
  right: calc(var(--one) * -17);
  z-index: 2;
}

.diagram-container__diagram-image-container-4 {
  position: absolute;
  right: calc(var(--one) * 121);
  top: calc(var(--one) * 186);
}

.diagram-container__diagram-image-container-4-image {
  width: calc(var(--one) * 96);
  height: calc(var(--one) * 188);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-4-image--active {
  width: calc(var(--one) * 96);
  height: calc(var(--one) * 188);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * 19);
  right: calc(var(--one) * -1);
  z-index: 2;
}

.diagram-container__diagram-image-container-5 {
  position: absolute;
  right: calc(var(--one) * 181);
  top: calc(var(--one) * 186);
}

.diagram-container__diagram-image-container-5-image {
  width: calc(var(--one) * 115);
  height: calc(var(--one) * 184);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-5-image--active {
  width: calc(var(--one) * 115);
  height: calc(var(--one) * 184);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * 15);
  right: calc(var(--one) * 10);
  z-index: 2;
}

.diagram-container__diagram-image-container-6 {
  position: absolute;
  right: calc(var(--one) * 181);
  top: calc(var(--one) * 187);
}

.diagram-container__diagram-image-container-6-image {
  width: calc(var(--one) * 165);
  height: calc(var(--one) * 147);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-6-image--active {
  width: calc(var(--one) * 165);
  height: calc(var(--one) * 147);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * 16);
  right: calc(var(--one) * 18);
  z-index: 2;
}

.diagram-container__diagram-image-container-7 {
  position: absolute;
  right: calc(var(--one) * 181);
  top: calc(var(--one) * 187);
}

.diagram-container__diagram-image-container-7-image {
  width: calc(var(--one) * 187);
  height: calc(var(--one) * 88);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-7-image--active {
  width: calc(var(--one) * 187);
  height: calc(var(--one) * 88);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * 9);
  right: calc(var(--one) * 18);
  z-index: 2;
}

.diagram-container__diagram-image-container-8 {
  position: absolute;
  right: calc(var(--one) * 182);
  top: calc(var(--one) * 139);
}

.diagram-container__diagram-image-container-8-image {
  width: calc(var(--one) * 187);
  height: calc(var(--one) * 64);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-8-image--active {
  width: calc(var(--one) * 187);
  height: calc(var(--one) * 64);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * -2);
  right: calc(var(--one) * 18);
  z-index: 2;
}

.diagram-container__diagram-image-container-9 {
  position: absolute;
  right: calc(var(--one) * 182);
  top: calc(var(--one) * 78);
}

.diagram-container__diagram-image-container-9-image {
  width: calc(var(--one) * 181);
  height: calc(var(--one) * 110);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-9-image--active {
  width: calc(var(--one) * 181);
  height: calc(var(--one) * 110);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * -11);
  right: calc(var(--one) * 18);
  z-index: 2;
}

.diagram-container__diagram-image-container-10 {
  position: absolute;
  right: calc(var(--one) * 183);
  top: calc(var(--one) * 41);
}

.diagram-container__diagram-image-container-10-image {
  width: calc(var(--one) * 151);
  height: calc(var(--one) * 147);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-10-image--active {
  width: calc(var(--one) * 151);
  height: calc(var(--one) * 147);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * -17);
  right: calc(var(--one) * 18);
  z-index: 2;
}

.diagram-container__diagram-image-container-11 {
  position: absolute;
  right: calc(var(--one) * 183);
  top: calc(var(--one) * 13);
}

.diagram-container__diagram-image-container-11-image {
  width: calc(var(--one) * 116);
  height: calc(var(--one) * 175);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-11-image--active {
  width: calc(var(--one) * 116);
  height: calc(var(--one) * 175);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * -17);
  right: calc(var(--one) * 10);
  z-index: 2;
}

.diagram-container__diagram-image-container-12 {
  position: absolute;
  right: calc(var(--one) * 182);
  top: calc(var(--one) * 1);
}

.diagram-container__diagram-image-container-12-image {
  width: calc(var(--one) * 74);
  height: calc(var(--one) * 187);

  transition: 0.5s ease-in-out;
  scale: 1;
  position: relative;
  top: calc(var(--one) * 0);
  right: calc(var(--one) * 0);
  z-index: 1;
}

.diagram-container__diagram-image-container-12-image--active {
  width: calc(var(--one) * 74);
  height: calc(var(--one) * 187);

  position: relative;
  scale: 1.2;
  transition: 0.5s ease-in-out;
  top: calc(var(--one) * -17);
  right: calc(var(--one) * 7);
  z-index: 2;
}

/*  */

.diagram-container__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: calc(var(--one) * 5);
}

@media screen and (max-width: 1024px) {
  .diagram-container__list {
    margin: auto;
  }
}

@media screen and (max-width: 1024px) {
  .diagram-container__list {
    gap: calc(var(--one) * 15);
  }
}

@media screen and (max-width: 1024px) {
  .diagram-container__list {
    gap: calc(var(--one) * 15);
  }
}

.diagram-container__list-item {
  display: flex;
  gap: calc(var(--one) * 16);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.diagram-container__list-item-container-content--active {
  color: #009f98;
  font-family: 'Open Sans';
  font-size: calc(var(--one) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.5s ease-in-out;
}

.diagram-container__list-item:hover
  .diagram-container__list-item-container-content {
  color: #009f98;
  font-family: 'Open Sans';
  font-size: calc(var(--one) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 768px) {
  .diagram-container__list-item:hover
    .diagram-container__list-item-container-content {
    color: #009f98;
    font-family: 'Open Sans';
    font-size: calc(var(--one) * 30);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.5s ease-in-out;
  }
}

.diagram-container__list-item:hover .diagram-container__list-item-container {
  fill: linear-gradient(
    330deg,
    rgba(195, 228, 100, 0.49) 13.88%,
    rgba(247, 255, 224, 0.49) 87.33%
  );
  stroke-width: 1px;
  stroke: #fff;
  -webkit-filter: drop-shadow(3px 2px 4px rgba(0, 0, 0, 0.19));
  filter: drop-shadow(3px 2px 4px rgba(0, 0, 0, 0.19));
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
  transition: 0.5s ease-in-out;
  scale: 1.2;
}

.diagram-container__list-item-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--one) * 9) calc(var(--one) * 6) calc(var(--one) * 13)
    calc(var(--one) * 5);
  border-radius: 50%;
  height: calc(var(--one) * 45);
  width: calc(var(--one) * 45);
  transition: 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
  .diagram-container__list-item-container {
    height: calc(var(--one) * 60);
    width: calc(var(--one) * 60);
  }
}

.diagram-container__list-item-container--production {
  background: linear-gradient(330deg, #009f98 13.88%, #c0fffc 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--car {
  background: linear-gradient(330deg, #d4ed8d 13.88%, #f6ffdc 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--build {
  background: linear-gradient(330deg, #75cf4a 13.88%, #ddfdce 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--industry {
  background: linear-gradient(330deg, #a4f8fd 13.88%, #c0fffc 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--tek {
  background: linear-gradient(330deg, #509eca 13.88%, #c2e9ff 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--agroprom {
  background: linear-gradient(330deg, #e5c267 13.88%, #fff0ca 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--auto {
  background: linear-gradient(330deg, #a27cd3 13.88%, #e8d6ff 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--retail {
  background: linear-gradient(330deg, #9ad4b9 13.88%, #dffff0 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--opt {
  background: linear-gradient(330deg, #f1915b 13.88%, #ffeade 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--services {
  background: linear-gradient(330deg, #0a92bd 0%, #c4effc 100%);
  -webkit-backdrop-filter: blur(6.6px);
  backdrop-filter: blur(6.6px);
}

.diagram-container__list-item-container--farma {
  background: linear-gradient(
    330deg,
    rgba(195, 228, 100, 0.49) 13.88%,
    rgba(247, 255, 224, 0.49) 87.33%
  );
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container--anouther {
  background: linear-gradient(330deg, #e3e3e3 13.88%, #f5ffff 87.33%);
  -webkit-backdrop-filter: blur(3.299999952316284px);
  backdrop-filter: blur(3.299999952316284px);
}

.diagram-container__list-item-container-image {
}

.diagram-container__list-item-container-number {
  color: #262626;
  font-family: 'Geologica';
  font-size: calc(var(--one) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  margin: 0;
}

@media screen and (max-width: 768px) {
  .diagram-container__list-item-container-number {
    color: #262626;
    font-family: 'Geologica';
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    margin: 0;
  }
}

.diagram-container__list-item-container-numer-percent {
  color: #262626;
  font-family: 'Geologica';
  font-size: calc(var(--one) * 12);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .diagram-container__list-item-container-numer-percent {
    color: #262626;
    font-family: 'Geologica';
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

.diagram-container__list-item-container-content {
  color: #262626;
  font-family: 'Open Sans';
  font-size: calc(var(--one) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .diagram-container__list-item-container-content {
    color: #262626;
    font-family: 'Open Sans';
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    display: flex;
    align-items: center;
  }
}

/* 7. organizations */
.organizations {
  width: min(100%, calc(var(--one) * var(--containerWidth)));
  position: relative;
  display: flex;
  flex-direction: column;

  margin: 0 auto calc(var(--one) * 70) auto;
  padding: 0 calc(var(--one) * 94);
  justify-content: space-between;

  border-radius: calc(var(--one) * 35);
}

@media screen and (max-width: 768px) {
  .organizations {
    width: min(100%, calc(var(--one) * var(--containerWidthMobile)));

    margin: 0 auto calc(var(--one) * 110) auto;
    padding: calc(var(--one) * 26) calc(var(--one) * 0) calc(var(--one) * 65)
      calc(var(--one) * 0);
  }
}

.organizations__image-arrow {
  position: absolute;
  width: calc(var(--one) * 280);
  height: calc(var(--one) * 280);
  right: calc(var(--one) * 140);
  bottom: calc(var(--one) * -130);
}

@media screen and (max-width: 768px) {
  .organizations__image-arrow {
    display: none;
  }
}

.organizations__image-arrow-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .organizations__image-arrow-mobile {
    display: flex;
    position: absolute;
    width: calc(var(--one) * 118);
    height: calc(var(--one) * 133);
    right: 50%;
    bottom: calc(var(--one) * -90);
    transform: translateX(calc(var(--one) * 90)) translateX(-50%);
  }
}

.organizations__title {
  color: #262626;
  text-align: center;
  font-family: 'Geologica';
  font-size: calc(var(--one) * 28);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  margin: 0 auto calc(var(--one) * 35) auto;

  width: min(100%, calc(var(--one) * 477));
}

@media screen and (max-width: 768px) {
  .organizations__title {
    width: 100% !important;
    font-size: 24px !important;
    max-width: 339px;
    margin: 0 auto 14px auto;
  }
}

.organizations__slider-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .organizations__slider-container {
    padding: 0 calc(var(--one) * 10);
  }
}

.organizations__slider-container-swiper-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.organizations__slider-container-swiper-container-swiper-wrapper {
  margin: 0;
  padding: 0;
  border-radius: calc(var(--one) * 35);
}
.swiper-wrapper {
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(var(--one) * 670);

  border-radius: calc(var(--one) * 35);
  background: linear-gradient(
    330deg,
    rgba(80, 222, 216, 0.5) 13.88%,
    rgba(207, 255, 253, 0.46) 87.33%
  );
  padding: calc(var(--one) * 50) calc(var(--one) * 58) calc(var(--one) * 60)
    calc(var(--one) * 85);
  min-height: calc(var(--one) * 150);
}

@media screen and (max-width: 768px) {
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide {
    height: 550px !important;
    padding: 26px 25px 65px 25px !important;
  }
}

@media screen and (max-width: 450px) {
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide {
    height: 470px !important;
  }
}

.swiper-slide {
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-picture {
  display: flex;
  justify-content: center;
  margin: 0 auto calc(var(--one) * 40) auto;
  width: calc(var(--one) * 326);
  height: calc(var(--one) * 91);
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-picture-img {
  display: flex;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: contain;
  object-fit: contain;
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info {
  display: flex;
  flex-direction: column;
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-title {
  color: #009f98;
  text-align: center;
  font-family: 'Geologica';
  font-size: calc(var(--one) * 24);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 calc(var(--one) * 30) 0;
}

@media screen and (max-width: 768px) {
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-title {
    font-size: 20px !important;
    margin: 0 0 calc(var(--one) * 15) 0;
  }
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-content {
  color: #262626;
  font-family: 'Open Sans';
  font-size: calc(var(--one) * 23);
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  margin: 0 0 calc(var(--one) * 30) 0;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-content {
    font-size: 14px !important;
    margin: 0 0 calc(var(--one) * 20) 0;
  }
}

.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-position-and-company-name {
  color: #262626;
  text-align: right;
  font-family: 'Open Sans';
  font-size: calc(var(--one) * 16);
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-position-and-company-name {
    font-size: 16px !important;
  }
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-position-and-company-name-company {
  margin: 0;
}
.organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-position-and-company-name-position {
}

.organizations__slider-container-swiper-container-swiper-button-prev {
  display: flex;
  position: absolute;
  left: -2%;
  transform: translate(0%, -2%);
  transition: 0.5s ease-in-out;
}

.organizations__slider-container-swiper-container-swiper-button-prev:hover
  .organizations__slider-container-swiper-container-swiper-button-prev-svg-shadow {
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: 0.5s ease-in-out;
}
@media screen and (max-width: 768px) {
  .organizations__slider-container-swiper-container-swiper-button-prev {
    display: flex;
    position: absolute;
    left: 2%;
    top: unset;
    bottom: -10%;
    transform: translate(10%, -2%);
  }
}
.organizations__slider-container-swiper-container-swiper-button-next {
  display: flex;
  position: absolute;
  right: -3%;

  transform: translate(-3%, 0%);
  transition: 0.5s ease-in-out;
}

.organizations__slider-container-swiper-container-swiper-button-next:hover
  .organizations__slider-container-swiper-container-swiper-button-next-svg-shadow {
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
  .organizations__slider-container-swiper-container-swiper-button-next {
    display: flex;
    position: absolute;
    right: 2%;
    top: unset;
    bottom: -9%;
    transform: translate(9%, -2%);
  }
}
.organizations__slider-container-swiper-container-swiper-button-prev {
  width: calc(var(--one) * 100);
  height: calc(var(--one) * 100);
}
.organizations__slider-container-swiper-container-swiper-button-next {
  width: calc(var(--one) * 100);
  height: calc(var(--one) * 100);
}

.organizations__slider-container-swiper-container-swiper-button-prev::after {
  display: none;
}
.organizations__slider-container-swiper-container-swiper-button-next::after {
  display: none;
}

/* .organizations__slider-container-swiper-container-swiper-button-prev::after {
    content: url('/local/templates/main/images/index/organizations/swiper-icons/organizations__left-arrow.svg');
    display: flex;
    justify-content: center;
    align-items: center;

    width: calc(var(--one) * 52);
    height: calc(var(--one) * 44); 
}
.organizations__slider-container-swiper-container-swiper-button-next::after {
    content: url('/local/templates/main/images/index/organizations/swiper-icons/organizations__right-arrow.svg');
    display: flex;
    justify-content: center;
    align-items: center;
} */

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

/* 7. how-it-works */
.how-it-works {
  margin: 0 auto calc(var(--one) * 100) auto;
  width: min(100%, calc(var(--one) * var(--containerWidth)));
}
@media screen and (max-width: 768px) {
  .how-it-works {
    margin: 0 auto calc(var(--one) * 75) auto;
    width: min(100%, calc(var(--one) * var(--containerWidthMobile)));
    padding: 0 calc(var(--one) * 10);
  }
}
.how-it-works__title {
  color: #262626;
  font-family: 'Geologica';
  font-size: calc(var(--one) * 28);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  max-width: calc(var(--one) * 670);
  padding: 0;
  margin: 0 auto calc(var(--one) * 25) auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .how-it-works__title {
    font-size: 24px !important;
    width: 100%;
    margin: 0 auto 15px auto !important;
  }
  .how-it-works__title::before {
    display: none;
  }
}
.how-it-works__title::before {
  content: '';

  position: absolute;
  top: calc(var(--one) * -14);
  left: calc(var(--one) * -96);

  width: calc(var(--one) * 63);
  height: calc(var(--one) * 87);
  background-image: url('/local/templates/main/images/index/how-it-works/how-it-works__triangle.svg');
  background-size: cover;
}
.how-it-works__subtitle {
  color: #262626;
  font-family: 'Open Sans';
  font-size: calc(var(--one) * 18);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  padding: 0;
  margin: 0 auto calc(var(--one) * 50) auto;
}

@media screen and (max-width: 768px) {
  .how-it-works__subtitle {
    font-size: 16px !important;
    padding: 0;
    margin: 0 auto 20px auto;
  }
}

.how-it-works__picture {
  display: flex;
  justify-content: center;
  width: calc(var(--one) 761);
  height: calc(var(--one) 443);
  cursor: pointer;
}
.how-it-works__picture-image {
  width: calc(var(--one) 761);
  height: calc(var(--one) 443);
}

@media screen and (max-width: 768px) {
  .how-it-works__picture {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    cursor: pointer;
  }
  .how-it-works__picture-image {
    width: 100%;
    height: auto;
  }
}

/* 8.1 demonstration-dialog */
.demonstration-dialog {
  width: min(100%, calc(var(--one) * 836));
  padding: calc(var(--one) * 50) calc(var(--one) * 142);
  transform: scale(0);
  transition: transform 0.3s ease;
  position: fixed;

  background: linear-gradient(180deg, white 0%, #d6e0e5 100%);
  border-radius: calc(var(--one) * 35);
  border: none;
}

@media screen and (max-width: 768px) {
  .demonstration-dialog {
    width: min(100%, calc(var(--one) * 836));
    padding: calc(var(--one) * 35) calc(var(--one) * 25);
    overflow: hidden;
  }
}

.demonstration-dialog-arrow {
  position: absolute;
  left: calc(var(--one) * 60);
  top: calc(var(--one) * 60);
  width: calc(var(--one) * 98);
  height: calc(var(--one) * 217);
}
@media screen and (max-width: 768px) {
  .demonstration-dialog-arrow {
    display: none;
  }
}
.demonstration-dialog__close {
  cursor: pointer;
  position: absolute;
  right: calc(var(--one) * 21);
  top: calc(var(--one) * 21);
  width: calc(var(--one) * 77);
  height: calc(var(--one) * 77);
}

@media screen and (max-width: 768px) {
  .demonstration-dialog__close {
    width: calc(var(--one) * 50);
    height: calc(var(--one) * 50);
  }
}

.demonstration-dialog__close-image {
  width: 100%;
  height: auto;
}
.demonstration-dialog__title {
  color: #262626;
  font-size: calc(var(--one) * 28);
  font-family: 'Geologica';
  font-weight: 400;
  word-wrap: break-word;

  margin: calc(var(--one) * 0) calc(var(--one) * 0) calc(var(--one) * 26)
    calc(var(--one) * 0);
  padding: 0;
}
@media screen and (max-width: 768px) {
  .demonstration-dialog__title {
    font-size: 24px;
    max-width: min(100%, 560px);
    padding: 0;
    text-align: left;
  }
}

.demonstration-dialog__subtitle {
  color: #262626;
  font-size: calc(var(--one) * 18);
  font-family: 'Open Sans';
  font-weight: 400;
  word-wrap: break-word;

  margin: calc(var(--one) * 0) calc(var(--one) * 0) calc(var(--one) * 25)
    calc(var(--one) * 0);
  padding: 0;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .demonstration-dialog__subtitle {
    font-size: 18px;
    width: min(100%, 560px);
    padding: 0;
  }
}
.dialog__form {
  display: flex;
  flex-direction: column;
}
.demonstration-dialog::-webkit-backdrop {
  background: #000000;
  opacity: 0.8;
}
.demonstration-dialog::backdrop {
  background: #000000;
  opacity: 0.8;
}
.demonstration-dialog[open] {
  transform: scale(1);
}

@media screen and (max-width: 768px) {
  .demonstration-dialog__form-wrapper-name-success,
  .demonstration-dialog__form-wrapper-name-wrong {
    top: calc(var(--one) * 21) !important;
  }
  .footer-form__container__agreement-custom-checkbox-text,
  .footer-form__container__agreement-custom-checkbox-text-link {
    font-size: calc(var(--one) * 14) !important;
  }
}

@media screen and (max-width: 1024px) {
  .preview__text-container {
    width: min(100%, calc(var(--one) * 800));
  }

  .header-accreditation__navigation-button-menu-icon-hamburger path {
    fill: #fff;
  }

  .preview__text-container-content {
    width: 87%;
    font-size: calc(var(--one) * 24);
    font-weight: 300;
    line-height: calc(var(--one) * 36);
  }
  .preview__title {
    width: min(100%, calc(var(--one) * 650));
    font-size: calc(var(--one) * 48);
  }
  .preview__image {
    width: calc(var(--one) * 486);
    height: calc(var(--one) * 604);
  }

  .necessary__why-title {
    font-size: calc(var(--one) * 28.5);
  }
  item-content--documents {
    max-width: calc(var(--one) * 140);
  }

  .necessary__why-list-item-content {
    font-size: calc(var(--one) * 20);
  }
  .necessary__why-list-item-content-number--big {
    font-size: calc(var(--one) * 66);
  }

  .necessary__why {
    gap: calc(var(--one) * 72);
  }

  .necessary__why-list-item-content--buhgalter {
    max-width: calc(var(--one) * 210);
  }
  .necessary__why-list-item-content--documents {
    max-width: calc(var(--one) * 164);
  }
  .necessary__why-list-item-picture-image--woman {
    width: calc(var(--one) * 103);
    height: calc(var(--one) * 102);
  }
  .necessary__why-list-item-picture-image--documents {
    width: calc(var(--one) * 84);
    height: calc(var(--one) * 98);
  }
  .necessary__preview-control-text {
    font-size: calc(var(--one) * 20);
    line-height: calc(var(--one) * 32);
    max-width: calc(var(--one) * 603) !important;
  }
  .necessary__preview-control-picture-image {
    width: calc(var(--one) * 568);
    height: calc(var(--one) * 220);
  }
  .necessary__preview-status-text {
    font-size: calc(var(--one) * 20);
    line-height: calc(var(--one) * 32);
  }
  .necessary__preview-status-picture-image {
    width: calc(var(--one) * 548);
    height: calc(var(--one) * 196);
    max-width: 365px;
  }
  .necessary__preview-status-arrow {
    top: calc(var(--one) * 95);
  }
  .problems__title {
    font-size: calc(var(--one) * 33);
  }
  .problems__list-item-title {
    font-size: calc(var(--one) * 23.5);
  }
  .problems__list-item-content {
    font-size: calc(var(--one) * 19);
  }
  .problems__list-item {
    width: calc(var(--one) * 386);
    max-width: 250px;
  }
  .advantages__preview-title {
    font-size: calc(var(--one) * 33);
  }
  .advantages__list-item-content {
    font-size: calc(var(--one) * 19);
  }
  .advantages__list {
    grid-template-columns: calc(var(--one) * 470) calc(var(--one) * 470);
    width: calc(var(--one) * 1101);
  }
  .diagram-container__diagram-title {
    width: calc(var(--one) * 701);
    font-size: calc(var(--one) * 53);
  }
  .organizations__title {
    font-size: calc(var(--one) * 53);
    width: calc(var(--one) * 801);
  }
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-title {
    font-size: calc(var(--one) * 41);
  }
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-content {
    font-size: calc(var(--one) * 29);
  }
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide-info-position-and-company-name {
    font-size: calc(var(--one) * 27);
  }
  .organizations__slider-container-swiper-container-swiper-wrapper-swiper-slide {
    height: calc(var(--one) * 701);
  }
  .how-it-works__subtitle {
    font-size: calc(var(--one) * 29);
  }
  .cookie-policy {
    display: none !important;
  }
}

@media (max-width: 400px) {
  .demonstration-dialog .demonstration-dialog__title {
    max-width: 200px !important;
  }
}

/* End */
/* /local/templates/main/css/main/mainPage/styles.css?172130996867040 */