.process-box {
  max-inline-size: 100%;
  border: 2px solid #262626;
  border-radius: 10px;
  background: radial-gradient(120% 220% at 96% 26%, #000 0%, #02020A 25%, #030413 50%, #060826 100%);
  padding: 29px 31px;
}

.process-box__inner {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  column-gap: 32px;
  min-block-size: 55px;

  &:has(.process-box__body) {
    align-items: start;
  }
}

.process-box__icon {
  inline-size: 56px;
  block-size: 56px;

  & img,
  & svg {
    display: block;
    width: auto;
    height: auto;
    max-inline-size: 56px;
    max-block-size: 56px;
  }
}

.process-box__content {
  min-width: 0;
}

.process-box__title > * {
  margin: 0;
  color: #FFF;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.071;
  letter-spacing: -0.5px;
}

.process-box__body {
  margin-block: 12px 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;

  & p {
    margin-block-end: 0;
  }

  & p + p,
  & li + li {
    margin-block-start: 12px;
  }

  & > *:last-child {
    margin-block-end: 0;
  }
}

@media screen and (max-width: 767px) {
  .process-box__inner {
    column-gap: 28px;
  }
}