@charset "UTF-8";
.calculator .h2 {
  font-weight: 400;
}

.calculator__small {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 114%;
  color: var(--basiccolor-text--gray);
  margin-top: 16px;
  margin-bottom: -40px;
}

.sols__content {
  text-align: center;
}

.sols__title {
  margin-bottom: 24px;
}

.sols__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.section.sols {
  padding-top: 0;
  margin-bottom: 90px;
}

.sols-item {
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.1);
  background: var(--basiccolor-white);
  border-radius: 4px;
  padding: 24px;
  height: fit-content;
  text-align: left;
  transition: 0.3s;
}

.sols-item__content h3 {
  font-size: 24px;
  line-height: 117%;
  color: var(--colorbackground-dark-green);
  font-weight: 400;
  margin-top: 16px;
  margin-bottom: 16px;
}

.sols-item__content li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 124%;
  color: var(--basiccolor-text--black);
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  text-align: left;
}

.sols-item__content li::before {
  content: "";
  background: url("../../img/ph_check-light.png") no-repeat center/100% 100%;
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.sols-item__content li:not(:last-child) {
  border-bottom: 1px solid #bedfdf;
  padding: 0px 0px 8px;
}

.sols-item:hover {
  box-shadow: 0 2px 4px 0 #c6d2d2;
}

.sols-item:hover a.sols-item__link {
  display: flex;
  padding: 16px 32px;
  margin-top: 24px;
  height: fit-content;
  opacity: 1;
}

a.sols-item__link {
  background: var(--colorbackground-dark-green);
  border-radius: 4px;
  padding: 0 32px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  color: var(--basiccolor-white);
  width: 100%;
  justify-content: center;
  text-align: center;
  display: flex;
  margin-top: 0;
  height: 0;
  opacity: 0;
  transition: 0.3s;
}

.opportunities__items {
  gap: 0;
}

.opportunities .h2 {
  font-weight: 400;
}

.opportunities__content {
  max-width: 570px;
}

.opportunities__image {
  margin-left: 30px;
}

.opportunities-item__text {
  font-size: 16px;
}

.opportunities-item__icon {
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.opportunities-item__icon--white {
  width: auto;
  height: auto;
  min-width: unset;
  background: transparent !important;
}

.certificates-statuses {
  padding-bottom: 6rem;
}

.certificates-statuses .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.certificates-statuses .h2 {
  font-weight: 500;
  margin-bottom: 32px;
}

.certificates-statuses__cards {
  justify-content: unset !important;
}

.more_order {
  background: var(--colorbackground-gray);
}
.more_order--top {
  margin-top: 96px;
}
.more_order--bottom {
  margin-bottom: 96px;
}

.certificates-statuses__card {
  min-width: fit-content;
}

.certificates-statuses__card img {
  min-width: fit-content;
  will-change: transform;
}

.certificates-statuses__cards {
  flex-wrap: nowrap;
  width: fit-content;
  gap: 50px !important;
  padding-left: 50px;
}

.certificates-statuses__slider {
  overflow: hidden;
  width: 100%;
}

.hybrid {
  padding: 96px 0 0;
}
.hybrid__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.hybrid__column {
  background: var(--basiccolor-white);
  border: 1px solid var(--colorbackground-dark-green);
  border-radius: 4px;
  padding: 32px 24px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #444;
  position: relative;
  z-index: 2;
}
.hybrid__column::before {
  content: "";
  background: url("../../img/hybrid-arrow-down.png") no-repeat center/100% 100%;
  width: 7px;
  min-width: 7px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: calc(100% - 1px);
  transform: translateX(-50%);
  z-index: -1;
}
.hybrid__column h2 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  color: var(--colorbackground-dark-green);
}
.hybrid__column ul {
  list-style: disc;
  padding-left: 20px;
  /* margin: 16px 0; */
}
.hybrid__column p:last-child {
  margin-bottom: 0;
}
.hybrid__pluses {
  border-radius: 8px;
  padding: 16px;
  background: var(--colorbackground-gray);
  margin: 16px 0;
}
.hybrid__pluses h4 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: var(--basiccolor-text--black);
}
.hybrid__pluses ul {
  padding-left: 0;
  list-style: none;
}
.hybrid__pluses li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--basiccolor-text--black);
  margin-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.hybrid__pluses li::before {
  content: "";
  background: url("../../img/ph_check-light-2.png") no-repeat center/100% 100%;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.hybrid__pluses li:not(:last-child) {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c6c6c6;
}
.hybrid__row {
  margin-top: 46px;
  background: var(--colorbackground-light-green);
  border-radius: 4px;
  padding: 32px 24px;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 150%;
  color: var(--basiccolor-text--black);
}
.hybrid__row h2 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  color: var(--colorbackground-dark-green);
}
.hybrid__row p {
  margin-bottom: 8px;
}
.hybrid__row ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
.hybrid__row li {
  background: #d3e9e9;
  width: fit-content;
  border-radius: 8px;
  padding: 8px 16px;
  display: flex;
  gap: 8px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--basiccolor-text--black);
  align-items: center;
}
.hybrid__row li::before {
  content: "";
  background: url("../../img/hybrid-check-list.png") no-repeat center/100% 100%;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.hybrid__cnt {
  display: flex;
  gap: 30px;
  align-items: center;
}
.hybrid__cnt-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #444;
  flex: 1;
}
.hybrid__btn {
  flex: 0.5;
}

@media (max-width: 1024px) {
  .calculator__small {
    margin: 16px 0 0;
  }
  .sols__items {
    grid-template-columns: 1fr;
    max-width: 570px;
    margin: 0 auto;
    width: 100%;
  }
  .section.sols {
    padding-top: 40px;
    margin-bottom: 40px;
  }
  .more_order-container {
    gap: 0;
  }
  .opportunities__image {
    margin-left: 0;
  }
  .certificates-statuses {
    padding-bottom: 60px;
  }
  .hybrid {
    padding: 60px 0 40px;
  }
  .hybrid__columns {
    gap: 46px;
    grid-template-columns: 1fr;
  }
  .hybrid__column h2 {
    font-size: 24px;
  }
  .hybrid__row h2 {
    font-size: 24px;
  }
  .hybrid__cnt {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .more_order--top {
    margin-top: 60px;
  }
  .more_order--bottom {
    margin-bottom: 60px;
  }
}
.serv-characteristics + .feedback .feedback__wrapper {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
}

.serv-characteristics + .feedback {
  padding-top: 0;
  margin-top: -116px;
}

.serv-characteristics {
  color: #fff;
  padding-bottom: 172px;
  background-size: cover;
}

.serv-characteristics__title {
  max-width: 670px;
  color: #fff;
  font-weight: 400;
}

.serv-characteristics-items {
  max-width: 670px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 32px;
}

.serv-characteristics-items__content p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #F5FAFA;
  margin-bottom: 0;
}

.serv-characteristics-items__content strong {
  font-weight: 400;
  font-size: 24px;
  line-height: 142%;
  margin-bottom: 8px;
  color: #fff;
}

.serv-characteristics-items__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.profit-new {
  padding-bottom: 96px;
}

.profit-new__label {
  font-size: 16px;
}

.profit-new__item {
  padding: 16px;
}
.profit-new__item p:last-child {
  margin-bottom: 0;
}

.profit-new__icon {
  margin-top: 0;
}

.profit-new--not-centered .profit-new__item {
  text-align: left;
  align-items: flex-start;
}
.profit-new--not-centered .profit-new__label {
  text-align: left;
}
.profit-new--not-centered .profit-new__label--hidding {
  margin-top: -12px;
}

.opportunities__image img {
  max-width: 470px;
  margin-left: auto;
  display: flex;
  will-change: transform;
  width: 100%;
}

.os-steps {
  background: var(--colorbackground-gray);
  padding: 96px 0;
}

.os-steps__title {
  font-weight: 400;
  font-family: var(--font-family);
  text-align: center;
  color: #1a1a1a;
  margin-bottom: 32px;
}

.os-steps__row {
  display: flex;
  align-items: flex-start;
}

.os-steps__item {
  max-width: 230px;
  position: relative;
  z-index: 2;
}

.os-steps__item:not(:last-of-type) {
  margin-right: 30px;
}

.os-steps__item:last-of-type {
  margin-right: 8px;
}

.os-steps__item:last-of-type .os-steps__arrow {
  right: 0;
  max-width: 164px;
}

.os-steps__item:hover .os-steps__icon {
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.16);
}

.os-steps__arrow {
  position: absolute;
  right: -18px;
  top: 29px;
  z-index: -1;
}

.os-steps__icon {
  border-radius: 4px;
  padding: 12px 14px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  background: var(--basic-color-white);
  width: fit-content;
  height: fit-content;
  margin: 0 0 16px;
  transition: 0.3s;
  background: #fff;
}

.os-steps__icon img {
  width: 32px;
  display: block;
}

.os-steps__item-title {
  margin: 0 0 4px;
  font-family: var(--font3);
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
  color: var(--basic-color-5);
}

.os-steps__item-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--basic-color-4);
  margin: 0;
}

.os-steps__button {
  margin-top: 10px;
}

.standarts {
  padding-top: 96px;
  padding-bottom: 0;
}
.standarts__title {
  font-weight: 400;
  text-align: center;
  margin-bottom: 32px;
}
.standarts__items {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  justify-content: space-around;
}
.standarts__item {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.standarts-item__icon {
  max-height: 56px;
  display: flex;
  margin-bottom: 8px;
}
.standarts-item__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: var(--basiccolor-text--gray);
  max-width: 180px;
}

.banner__items {
  margin-top: 24px;
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--primarycolor-turquoise);
  flex-wrap: wrap;
  gap: 14px 0;
}

.banner__items-item:not(:last-child) {
  border-right: 1px solid hsla(166deg, 48%, 54%, 0.3);
  padding-right: 16px;
  margin-right: 16px;
}

.banner__items-item svg {
  margin-right: 8px;
}

.serv-characteristics--no-padding {
  padding: 87px 0;
  background-position: center;
}

@media (min-width: 1024px) {
  .profit-new--wrapped .profit-new__grid {
    display: flex;
    flex-wrap: wrap;
  }
  .profit-new--wrapped .profit-new__item {
    width: 100%;
    max-width: 370px;
    flex: 0 0 calc(33.33% - 30px);
  }
  .profit-new--wrapped .profit-new__item:nth-last-child(1),
  .profit-new--wrapped .profit-new__item:nth-last-child(2) {
    width: 100%;
    max-width: 570px;
    flex: 0 0 calc(50% - 15px);
  }
}
@media (max-width: 1024px) {
  .profit-new {
    padding-bottom: 60px;
  }
  .os-steps {
    padding: 60px 0;
  }
  .os-steps__row {
    flex-direction: column;
    gap: 16px;
  }
  .os-steps__arrow {
    display: none;
  }
  .os-steps__item {
    max-width: 100%;
  }
  a.os-steps__button {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .standarts__items {
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
  }
  .standarts {
    padding-top: 60px;
  }
  .standarts__item {
    flex: 0 0 40%;
  }
  .serv-characteristics--no-padding {
    padding: 60px 0;
  }
}
.st0 {
  fill: #00acab;
}

.st1 {
  fill: #6a4028;
}

.st2 {
  fill: #007c8d;
}

.st3 {
  fill: #00a8af;
}

.st4 {
  fill: #a3f4e7;
}

.st5 {
  fill: #474747;
}

.st6 {
  fill: #f6fafa;
}

.st7, .st8, .st9, .st10, .st11, .st12, .st13, .st14, .st15, .st16, .st17, .st18, .st19, .st20, .st21, .st22, .st23, .st24, .st25, .st26, .st27, .st28, .st29, .st30, .st31, .st32, .st33, .st34, .st35, .st36, .st37, .st38, .st39, .st40, .st41, .st42, .st43, .st44, .st45, .st46, .st47, .st48, .st49, .st50, .st51, .st52, .st53, .st54, .st55, .st56, .st57, .st58 {
  fill: #080f1f;
}

.st59 {
  fill: #1f4b5c;
}

.st60 {
  fill: #054649;
}

.st61 {
  fill: url(#_Градієнт_без_назви_59);
}

.st62 {
  fill: url(#_Градієнт_без_назви_57);
}

.st63 {
  fill: url(#_Градієнт_без_назви_54);
}

.st64 {
  fill: url(#_Градієнт_без_назви_52);
}

.st65 {
  fill: url(#_Градієнт_без_назви_50);
}

.st66 {
  fill: url(#_Градієнт_без_назви_55);
}

.st67 {
  fill: url(#_Градієнт_без_назви_51);
}

.st68 {
  fill: url(#_Градієнт_без_назви_58);
}

.st69 {
  fill: url(#_Градієнт_без_назви_56);
}

.st70 {
  fill: url(#_Градієнт_без_назви_53);
}

.st71 {
  fill: url(#_Градієнт_без_назви_65);
}

.st72 {
  fill: url(#_Градієнт_без_назви_64);
}

.st73 {
  fill: url(#_Градієнт_без_назви_63);
}

.st74 {
  fill: url(#_Градієнт_без_назви_62);
}

.st75 {
  fill: url(#_Градієнт_без_назви_61);
}

.st76 {
  fill: url(#_Градієнт_без_назви_60);
}

.st77 {
  fill: url(#_Градієнт_без_назви_69);
}

.st78 {
  fill: url(#_Градієнт_без_назви_68);
}

.st79 {
  fill: url(#_Градієнт_без_назви_67);
}

.st80 {
  fill: url(#_Градієнт_без_назви_66);
}

.st81 {
  fill: url(#_Градієнт_без_назви_13);
}

.st82 {
  fill: url(#_Градієнт_без_назви_14);
}

.st83 {
  fill: url(#_Градієнт_без_назви_17);
}

.st84 {
  fill: url(#_Градієнт_без_назви_15);
}

.st85 {
  fill: url(#_Градієнт_без_назви_18);
}

.st86 {
  fill: url(#_Градієнт_без_назви_16);
}

.st87 {
  fill: url(#_Градієнт_без_назви_12);
}

.st88 {
  fill: url(#_Градієнт_без_назви_19);
}

.st89 {
  fill: url(#_Градієнт_без_назви_28);
}

.st90 {
  fill: url(#_Градієнт_без_назви_21);
}

.st91 {
  fill: url(#_Градієнт_без_назви_22);
}

.st92 {
  fill: url(#_Градієнт_без_назви_29);
}

.st93 {
  fill: url(#_Градієнт_без_назви_24);
}

.st94 {
  fill: url(#_Градієнт_без_назви_27);
}

.st95 {
  fill: url(#_Градієнт_без_назви_25);
}

.st96 {
  fill: url(#_Градієнт_без_назви_20);
}

.st97 {
  fill: url(#_Градієнт_без_назви_23);
}

.st98 {
  fill: url(#_Градієнт_без_назви_26);
}

.st99 {
  fill: url(#_Градієнт_без_назви_82);
}

.st100 {
  fill: url(#_Градієнт_без_назви_83);
}

.st101 {
  fill: url(#_Градієнт_без_назви_81);
}

.st102 {
  fill: url(#_Градієнт_без_назви_80);
}

.st103 {
  fill: url(#_Градієнт_без_назви_10);
}

.st104 {
  fill: url(#_Градієнт_без_назви_39);
}

.st105 {
  fill: url(#_Градієнт_без_назви_38);
}

.st106 {
  fill: url(#_Градієнт_без_назви_37);
}

.st107 {
  fill: url(#_Градієнт_без_назви_36);
}

.st108 {
  fill: url(#_Градієнт_без_назви_35);
}

.st109 {
  fill: url(#_Градієнт_без_назви_34);
}

.st110 {
  fill: url(#_Градієнт_без_назви_33);
}

.st111 {
  fill: url(#_Градієнт_без_назви_32);
}

.st112 {
  fill: url(#_Градієнт_без_назви_31);
}

.st113 {
  fill: url(#_Градієнт_без_назви_30);
}

.st114 {
  fill: url(#_Градієнт_без_назви_11);
}

.st115 {
  fill: url(#_Градієнт_без_назви_48);
}

.st116 {
  fill: url(#_Градієнт_без_назви_49);
}

.st117 {
  fill: url(#_Градієнт_без_назви_44);
}

.st118 {
  fill: url(#_Градієнт_без_назви_45);
}

.st119 {
  fill: url(#_Градієнт_без_назви_43);
}

.st120 {
  fill: url(#_Градієнт_без_назви_47);
}

.st121 {
  fill: url(#_Градієнт_без_назви_41);
}

.st122 {
  fill: url(#_Градієнт_без_назви_46);
}

.st123 {
  fill: url(#_Градієнт_без_назви_40);
}

.st124 {
  fill: url(#_Градієнт_без_назви_42);
}

.st125 {
  fill: url(#_Градієнт_без_назви_79);
}

.st126 {
  fill: url(#_Градієнт_без_назви_78);
}

.st127 {
  fill: url(#_Градієнт_без_назви_77);
}

.st128 {
  fill: url(#_Градієнт_без_назви_76);
}

.st129 {
  fill: url(#_Градієнт_без_назви_75);
}

.st130 {
  fill: url(#_Градієнт_без_назви_70);
}

.st131 {
  fill: url(#_Градієнт_без_назви_74);
}

.st132 {
  fill: url(#_Градієнт_без_назви_73);
}

.st133 {
  fill: url(#_Градієнт_без_назви_72);
}

.st134 {
  fill: url(#_Градієнт_без_назви_71);
}

.st135, .st136 {
  fill: #e2c6a2;
}

.st137 {
  stroke-width: 0.82px;
}

.st137, .st138 {
  stroke: #006575;
}

.st137, .st138, .st139, .st140, .st141 {
  fill: none;
  stroke-miterlimit: 10;
}

.st142 {
  fill: #05353d;
}

.st138 {
  stroke-width: 0.88px;
}

.st143 {
  fill: #f65e61;
}

.st144 {
  fill: #084756;
}

.st145 {
  fill: #b3eaf1;
}

.st146 {
  fill: #3a3a3a;
}

.st136, .st147, .st148, .st149, .st150, .st9, .st10, .st11, .st12, .st13, .st14, .st15, .st16, .st17, .st18, .st19, .st20, .st21, .st22, .st23, .st24, .st25, .st26, .st27, .st28, .st29, .st30, .st31, .st32, .st33, .st34, .st35, .st36, .st37, .st38, .st39, .st40, .st41, .st42, .st43, .st44, .st45, .st46, .st47, .st48, .st49, .st50, .st51, .st52, .st53, .st54, .st55, .st56, .st57, .st58, .st151, .st152 {
  isolation: isolate;
}

.st136, .st151 {
  opacity: 0.5;
}

.st153 {
  fill: #15353f;
}

.st154 {
  fill: #f9e1c0;
}

.st155 {
  fill: #043c42;
}

.st156 {
  fill: #fff;
}

.st157 {
  fill: #00acac;
}

.st147 {
  fill: url(#_Градієнт_без_назви_87);
}

.st147, .st148, .st149, .st150 {
  opacity: 0.11;
}

.st148 {
  fill: url(#_Градієнт_без_назви_86);
}

.st149 {
  fill: url(#_Градієнт_без_назви_84);
}

.st150 {
  fill: url(#_Градієнт_без_назви_85);
}

.st139 {
  stroke: #063d4b;
  stroke-width: 2px;
}

.st158, .st37 {
  opacity: 0.43;
}

.st159, .st55 {
  opacity: 0.25;
}

.st160, .st151, .st152 {
  fill: #e3fdfd;
}

.st161 {
  fill: #b4b2c2;
}

.st140 {
  stroke: #00dabf;
}

.st162 {
  fill: #063d4b;
}

.st163 {
  fill: #0e575e;
}

.st8 {
  fill-opacity: 0;
}

.st141 {
  stroke: #08ab9c;
  stroke-width: 0.07px;
}

.st164 {
  fill: #042a33;
}

.st165 {
  fill: #2d2d2d;
}

.st166 {
  fill: #edf4fc;
}

.st167 {
  fill: #04bfba;
}

.st168 {
  fill: url(#_Градієнт_без_назви_8);
}

.st169 {
  fill: url(#_Градієнт_без_назви_9);
}

.st170 {
  fill: url(#_Градієнт_без_назви_6);
}

.st171 {
  fill: url(#_Градієнт_без_назви_7);
}

.st172 {
  fill: url(#_Градієнт_без_назви_4);
}

.st173 {
  fill: url(#_Градієнт_без_назви_5);
}

.st174 {
  fill: url(#_Градієнт_без_назви_2);
}

.st175 {
  fill: url(#_Градієнт_без_назви_3);
}

.st176 {
  fill: #402515;
}

.st177 {
  fill: #170c06;
}

.st9 {
  opacity: 0.69;
}

.st10 {
  opacity: 0.76;
}

.st11, .st152 {
  opacity: 0.75;
}

.st12 {
  opacity: 0.71;
}

.st13 {
  opacity: 0.73;
}

.st14 {
  opacity: 0.8;
}

.st15 {
  opacity: 0.82;
}

.st16 {
  opacity: 0.78;
}

.st17 {
  opacity: 0.86;
}

.st18 {
  opacity: 0.88;
}

.st19 {
  opacity: 0.84;
}

.st20 {
  opacity: 0.9;
}

.st21 {
  opacity: 0.92;
}

.st22 {
  opacity: 0.04;
}

.st23 {
  opacity: 0.06;
}

.st24 {
  opacity: 0.02;
}

.st25 {
  opacity: 0.55;
}

.st26 {
  opacity: 0.57;
}

.st27 {
  opacity: 0.53;
}

.st28 {
  opacity: 0.61;
}

.st29 {
  opacity: 0.63;
}

.st30 {
  opacity: 0.59;
}

.st31 {
  opacity: 0.35;
}

.st32 {
  opacity: 0.65;
}

.st33 {
  opacity: 0.67;
}

.st34 {
  opacity: 0.37;
}

.st35 {
  opacity: 0.41;
}

.st36 {
  opacity: 0.39;
}

.st38 {
  opacity: 0.94;
}

.st39 {
  opacity: 0.45;
}

.st40 {
  opacity: 0.96;
}

.st41 {
  opacity: 0.98;
}

.st42 {
  opacity: 0.27;
}

.st43 {
  opacity: 0.33;
}

.st44 {
  opacity: 0.31;
}

.st45 {
  opacity: 0.29;
}

.st46 {
  opacity: 0.18;
}

.st47 {
  opacity: 0.2;
}

.st48 {
  opacity: 0.22;
}

.st49 {
  opacity: 0.47;
}

.st50 {
  opacity: 0.51;
}

.st51 {
  opacity: 0.49;
}

.st52 {
  opacity: 0.14;
}

.st53 {
  opacity: 0.16;
}

.st54 {
  opacity: 0.1;
}

.st56 {
  opacity: 0.24;
}

.st57 {
  opacity: 0.08;
}

.st58 {
  opacity: 0.12;
}

.st178 {
  fill: #1e2e34;
}

.st179 {
  fill: #edd0b1;
}

.st180 {
  fill: #064f5b;
}

.st181 {
  fill: #d6e1f9;
}

.st182 {
  fill: #ececec;
}

.st183 {
  fill: url(#_Градієнт_без_назви);
}

@keyframes levitate {
  100% {
    transform: translateY(-5px);
  }
}
@keyframes levitate-2 {
  10% {
    transform: translateY(-15px);
  }
  20%, 40% {
    transform: none;
  }
  30% {
    transform: translateY(15px);
  }
}
@keyframes filling {
  3% {
    fill: #a3f4e7;
  }
  2%, 4% {
    fill: #f6fafa;
  }
}
@keyframes updown {
  3% {
    transform: translateY(-8px);
  }
  2%, 4% {
    transform: none;
  }
}
@keyframes drawing {
  10%, 90% {
    stroke-dashoffset: 0;
  }
}
.levitation {
  animation: levitate 1s linear infinite alternate;
}

.levitation--1 {
  animation-delay: 0s;
}

.levitation--2 {
  animation-delay: -1s;
}

.filling {
  animation: filling 25s linear infinite;
  fill: #f6fafa;
}
.filling path {
  fill: inherit;
}

.filling--1 {
  animation-delay: 1s;
}

.filling--2 {
  animation-delay: 2s;
}

.filling--3 {
  animation-delay: 3s;
}

.filling--4 {
  animation-delay: 4s;
}

.filling--5 {
  animation-delay: 5s;
}

.drawing {
  stroke-dashoffset: 250px;
  stroke-dasharray: 250px;
  animation: drawing 10s infinite 0s;
}

.drawing--1 {
  animation-delay: 1s;
}

.updown {
  animation: updown 25s linear infinite;
}
.updown--1 {
  animation-delay: 1s;
}

.scr-1,
.scr-2,
.scr-3,
.scr-4,
.scr-5 {
  animation: levitate-2 10s infinite linear 0s;
}

.scr-2 {
  animation-delay: 2s;
}

.scr-3 {
  animation-delay: 4s;
}

.scr-4 {
  animation-delay: 6s;
}

.scr-5 {
  animation-delay: 8s;
}

.ind {
  position: relative;
  z-index: 2;
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes scale-rerun {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale(1.1);
  }
}
.animate-on-scroll {
  opacity: 1;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  will-change: transform;
}

.animate-on-scroll.active.shield {
  animation: scale 0.5s linear forwards 1s 1;
}

.animate-on-scroll.rerun.shield {
  animation: scale-rerun 0.5s linear forwards 0s 1;
}

.animate-on-scroll.active.rotate {
  animation: rotate 3s linear forwards 1.7s 1;
}

.animate-on-scroll.rerun.rotate {
  animation: rotate-rerun 3s linear forwards 0s 1;
}

.animate-on-scroll.active.shake {
  animation: shake 0.7s linear forwards 3.7s 3;
}

.animate-on-scroll.rerun.shake {
  animation: shake-rerun 0.7s linear forwards 0s 3;
}

.animate-on-scroll.active.dots {
  animation: dots 1s linear forwards 1.7s 1;
}

.animate-on-scroll.rerun.dots {
  animation: dots-rerun 1s linear forwards 0s 1;
}

.animate-on-scroll.active.lines {
  animation: lines 1s linear forwards 1s 1;
}

.animate-on-scroll.rerun.lines {
  animation: lines-rerun 1s linear forwards 0s 1;
}

.animate-on-scroll.active.shield-2 {
  animation: scale 1.2s linear forwards 1.5s 1;
}

.animate-on-scroll.rerun.shield-2 {
  animation: scale-rerun 1.2s linear forwards 0s 1;
}

.animate-on-scroll.active.shield-3 {
  animation: scale 1.2s linear forwards 2.3s 1;
}

.animate-on-scroll.rerun.shield-3 {
  animation: scale-rerun 1.2s linear forwards 0s 1;
}

.animate-on-scroll.active.shield-4 {
  animation: scale 1.2s linear forwards 4s 1;
}

.animate-on-scroll.rerun.shield-4 {
  animation: scale-rerun 1.2s linear forwards 0s 1;
}

.animate-on-scroll.active.shield-5 {
  animation: scale 1.2s linear forwards 5.2s 1;
}

.animate-on-scroll.rerun.shield-5 {
  animation: scale-rerun 1.2s linear forwards 0s 1;
}

.animate-on-scroll.active.shield-6 {
  animation: scale 1.2s linear forwards 6.4s 1;
}

.animate-on-scroll.rerun.shield-6 {
  animation: scale-rerun 1.2s linear forwards 0s 1;
}

.animate-on-scroll.active.opacity-1 {
  animation: opacity-1 0.8s linear forwards 2s 1;
}

.animate-on-scroll.rerun.opacity-1 {
  animation: opacity-1-rerun 0.8s linear forwards 0s 1;
}

.animate-on-scroll.active.opacity-2 {
  animation: opacity-1 0.8s linear forwards 2.2s 1;
}

.animate-on-scroll.rerun.opacity-2 {
  animation: opacity-1-rerun 0.8s linear forwards 0.2s 1;
}

.animate-on-scroll.active.opacity-3 {
  animation: opacity-1 0.8s linear forwards 2.4s 1;
}

.animate-on-scroll.rerun.opacity-3 {
  animation: opacity-1-rerun 0.8s linear forwards 0.4s 1;
}

.animate-on-scroll.active.hands {
  animation: hands 1.6s linear forwards 2.7s 1;
}

.animate-on-scroll.rerun.hands {
  animation: hands-rerun 1.6s linear forwards 0s 1;
}

/*# sourceMappingURL=datapark.css.map */