.process {
  position: relative;
  padding-top: var(--sp);
  background: var(--secondary-2);
  color: var(--secondary-1);
}

.process__title {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--sp));
  margin-bottom: var(--title-mb);
  text-align: center;
}

.process__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.process__items .item {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--sp) + 100px);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: var(--secondary-2);
  border-radius: var(--border-radius);
}

.process__items .item__content,
.process__items .item__image {
  width: calc(50% - 10px);
  border-radius: var(--border-radius);
}

.process__items .item__content {
  position: relative;
  padding: 32px;
  background: #4C4D4C;
}

.process__items .item__title {
  margin-bottom: 16px;
  letter-spacing: -0.32px;
}

.process__items .item__number {
  font: 700 200px/120% var(--heading-font-family);
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(4%, 28%);
  color: var(--secondary-2);
  letter-spacing: -0.03em;
}

.process__items .item__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-clip-path: polygon(0 0, calc(100% - 74px) 0, 100% 74px, 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - 74px) 0, 100% 74px, 100% 100%, 0 100%);
}

.process__btn {
  margin: var(--title-mb) auto 0;
}

.process__decor-wrap {
  width: 100%;
  overflow: hidden;
}

.process .circles span {
  border-color: var(--neutral-3);
}

@media (max-width: 1260px) {
  .process__items .item__content {
    padding: 15px;
  }

  .process__items .item__number {
    font-size: 100px;
  }
}

@media (max-width: 760px) {
  .process__items .item {
    flex-direction: column-reverse;
  }

  .process__items .item__content,
  .process__items .item__image {
    width: 100%;
  }

  .process__items .item__content {
    padding-bottom: 70px;
  }

  .process__items .item__image {
    height: 220px;
    -webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  }
}