.services {
  padding: 0;
}
.services__box {
  display: flex;
  flex-direction: column;
  padding: 100px 24px;

  color: var(--color-white);

  border-radius: 20px;
  background-color: var(--color-accent-primary);
}
.services__title {
  margin-bottom: 20px;

  text-align: center;
}
.services__text {
  margin: 0 auto 50px;
  max-width: 302px;

  color: rgba(255, 255, 255, 0.84);
  text-align: center;
  line-height: 125%; /* 20px */
  letter-spacing: -0.16px;
}
.services__list {
  counter-reset: item;

  display: flex;
  flex-direction: column;
  gap: 32px;
}

.service {
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}
.service::before {
  counter-increment: item;
  content: "0" counter(item);

  display: block;
  margin-bottom: 16px;

  color: rgba(255, 255, 255, 0.36);
  line-height: 102%; /* 16.32px */
}
.service__desc {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}
.service__title {
  font-size: 28px;
  font-weight: 500;
  line-height: 111%; /* 31.08px */
}
.service__text {
  color: rgba(242, 242, 242, 0.85);
  line-height: 125%; /* 20px */
}
.service__link {
  display: flex;
  align-items: center;
  gap: 16px;

  font-weight: 600;
}
.service__link .icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 36px;
  height: 36px;
  aspect-ratio: 1/1;

  border-radius: 50%;
  background-color: var(--color-white);
  transition: .3s ease;
}

.service__link:hover .icon {
    background: #D00C00;
    
}

.service__link svg {
  transition: .3s ease;    
}

.service__link:hover svg {
    fill: #ffffff;
}

.service__link svg {
  fill: var(--color-accent-secondary);
}
.services__cta {
  width: 100%;
  margin: 50px auto 16px;
}

@media (width >= 1440px) {
  .service {
    display: flex;
    gap: 50px;
  }

  .services__box {
    padding: 120px 70px;
  }

  .service__desc {
    width: 450px;
    margin-right: auto;
    margin-bottom: 0;
  }

  .service__link {
    height: fit-content;
  }

  .services__cta {
    max-width: 218px;
  }
}