/* stylelint-disable */
:root {
  --first-item: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='%232E7BB2'/%3E%3Cpath d='M37.7075 28.2925C37.8005 28.3854 37.8742 28.4957 37.9246 28.6171C37.9749 28.7385 38.0008 28.8686 38.0008 29C38.0008 29.1314 37.9749 29.2615 37.9246 29.3829C37.8742 29.5043 37.8005 29.6146 37.7075 29.7075L30.7075 36.7075C30.6146 36.8005 30.5043 36.8742 30.3829 36.9246C30.2615 36.9749 30.1314 37.0008 30 37.0008C29.8686 37.0008 29.7385 36.9749 29.6171 36.9246C29.4957 36.8742 29.3854 36.8005 29.2925 36.7075L26.2925 33.7075C26.1049 33.5199 25.9994 33.2654 25.9994 33C25.9994 32.7346 26.1049 32.4801 26.2925 32.2925C26.4801 32.1049 26.7346 31.9994 27 31.9994C27.2654 31.9994 27.5199 32.1049 27.7075 32.2925L30 34.5863L36.2925 28.2925C36.3854 28.1995 36.4957 28.1258 36.6171 28.0754C36.7385 28.0251 36.8686 27.9992 37 27.9992C37.1314 27.9992 37.2615 28.0251 37.3829 28.0754C37.5043 28.1258 37.6146 28.1995 37.7075 28.2925ZM45 32C45 34.5712 44.2376 37.0846 42.8091 39.2224C41.3807 41.3603 39.3503 43.0265 36.9749 44.0104C34.5995 44.9944 31.9856 45.2518 29.4638 44.7502C26.9421 44.2486 24.6257 43.0105 22.8076 41.1924C20.9895 39.3743 19.7514 37.0579 19.2498 34.5362C18.7482 32.0144 19.0056 29.4006 19.9896 27.0251C20.9735 24.6497 22.6398 22.6194 24.7776 21.1909C26.9154 19.7624 29.4288 19 32 19C35.4467 19.0036 38.7512 20.3744 41.1884 22.8116C43.6256 25.2488 44.9964 28.5533 45 32ZM43 32C43 29.8244 42.3549 27.6977 41.1462 25.8887C39.9375 24.0798 38.2195 22.6699 36.2095 21.8373C34.1995 21.0048 31.9878 20.7869 29.854 21.2114C27.7202 21.6358 25.7602 22.6834 24.2218 24.2218C22.6835 25.7602 21.6358 27.7202 21.2114 29.854C20.7869 31.9878 21.0048 34.1995 21.8373 36.2095C22.6699 38.2195 24.0798 39.9375 25.8887 41.1462C27.6977 42.3549 29.8244 43 32 43C34.9164 42.9967 37.7123 41.8367 39.7745 39.7745C41.8367 37.7123 42.9967 34.9164 43 32Z' fill='%23FBFBFB'/%3E%3C/svg%3E");
}

.section-roadmap {
  overflow: hidden;
  position: relative;
  padding: clamp(32px, 5.208vw, 100px) 0;
}
.section-roadmap__wrapp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(90px, 7.031vw, 135px);
}
.section-roadmap__items {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.section-roadmap__items::before {
  content: "";
  position: absolute;
  top: 0;
  width: clamp(5px, 2.258vw, 28px);
  height: 100%;
  border-radius: 51px;
  background: rgba(41, 41, 41, 0.5);
}
.section-roadmap__items::after {
  content: "";
  position: absolute;
  top: 0;
  width: clamp(5px, 2.258vw, 28px);
  height: var(--fill-height, 0%);
  transition: height 0.4s ease;
  transition-duration: 1s;
  border-radius: 51px;
  background: #2E7BB2;
  z-index: 1;
}
.section-roadmap__item {
  position: relative;
  display: grid;
}
.section-roadmap__item.active .section-roadmap__item-image::before {
  opacity: 0;
}
.section-roadmap__item:first-child::after {
  content: "";
  position: absolute;
  width: 64px;
  height: 64px;
  background: var(--first-item);
  background-size: cover;
  z-index: 5;
}
.section-roadmap__item-counter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.section-roadmap__item-counter span {
  width: 177px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 74px;
  background: #292929;
  font-size: 32px;
  line-height: 100%;
  font-weight: 500;
  transition: all 0.3s ease;
}
.section-roadmap__item-counter.active span {
  background: #2E7BB2;
}
.section-roadmap__item-image {
  position: relative;
  display: flex;
}
.section-roadmap__item-image picture,
.section-roadmap__item-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: initial;
     object-fit: initial;
}
.section-roadmap__item-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 1;
  transition: opacity 0.3s ease;
  border-radius: 8px;
}
.section-roadmap__item-editor ul li {
  list-style-type: disc;
  list-style-position: inside;
}
@media (min-width: 1025px) {
  .section-roadmap .decor-lines::before {
    background-size: initial;
  }
  .section-roadmap.transparent {
    background-color: var(--bg-d);
  }
}
@media (min-width: 1441px) {
  .section-roadmap__items::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .section-roadmap__items::after {
    left: 50%;
    transform: translateX(-50%);
  }
  .section-roadmap__item {
    grid-template-columns: 1fr 177px 1fr;
    align-items: center;
    grid-gap: clamp(24px, 4.167vw, 80px);
    padding: 40px 0;
  }
  .section-roadmap__item:nth-child(even) .section-roadmap__item-image {
    order: -1;
  }
  .section-roadmap__item:nth-child(even) .section-roadmap__item-editor {
    order: 1;
  }
  .section-roadmap__item:first-child::after {
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1440px) {
  .section-roadmap__items::before {
    left: 80px;
  }
  .section-roadmap__items::after {
    left: 80px;
  }
  .section-roadmap__item {
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    grid-gap: 16px;
    padding: 10px 0 30px;
  }
  .section-roadmap__item .section-roadmap__item-counter {
    order: -1;
    grid-row: span 2;
  }
  .section-roadmap__item:first-child {
    padding-top: 30px;
  }
  .section-roadmap__item:first-child::after {
    top: -55px;
    left: 55px;
  }
  .section-roadmap__item-counter {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .section-roadmap__items::before {
    left: 12px;
  }
  .section-roadmap__items::after {
    left: 12px;
  }
  .section-roadmap__item:first-child::after {
    width: 32px;
    height: 32px;
    top: -25px;
    left: 0;
  }
  .section-roadmap__item-counter span {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
  .section-roadmap__item-image {
    height: clamp(160px, 46.875vw, 480px);
  }
}
/*# sourceMappingURL=section-roadmap.css.map */