.solutions-section {
  position: relative;
  overflow: hidden;
  padding:
    clamp(102px, 8.5vw, 144px)
    0;
  color: #ffffff;
  background:
    linear-gradient(
      135deg,
      #0d1c29 0%,
      #102430 52%,
      #102c2b 100%
    );
}

.solutions-section::before {
  content: "";
  position: absolute;
  top: -300px;
  right: -240px;
  width: 720px;
  height: 720px;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(
      circle,
      rgba(113, 185, 0, .14) 0%,
      rgba(113, 185, 0, 0) 68%
    );
}

.solutions-section__header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns:
    minmax(0, .86fr)
    minmax(320px, .54fr);
  gap:
    clamp(44px, 7vw, 112px);
  align-items: end;
  margin-bottom:
    clamp(58px, 6vw, 84px);
}

.solutions-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  color: #93cf3d;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.solutions-section__eyebrow::before {
  content: "";
  width: 24px;
  height: 2px;
  background: #71b900;
}

.solutions-section__title {
  max-width: 790px;
  margin: 0;
  color: #ffffff;
  font-size:
    clamp(40px, 4.5vw, 62px);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -.047em;
}

.solutions-section__lead {
  max-width: 520px;
  margin: 0;
  color:
    rgba(255, 255, 255, .62);
  font-size:
    clamp(16px, 1.25vw, 19px);
  line-height: 1.72;
}

.solutions-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  border-top:
    1px solid rgba(255, 255, 255, .14);
}

.solution {
  position: relative;
  display: grid;
  grid-template-columns:
    64px minmax(0, 1fr);
  gap: 20px;
  min-height: 212px;
  padding:
    34px 34px 38px 0;
  border-bottom:
    1px solid rgba(255, 255, 255, .14);
}

.solution:nth-child(odd) {
  padding-right:
    clamp(36px, 5vw, 76px);
  border-right:
    1px solid rgba(255, 255, 255, .14);
}

.solution:nth-child(even) {
  padding-left:
    clamp(36px, 5vw, 76px);
}

.solution__number {
  padding-top: 4px;
  color: #91cc36;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
}

.solution h3 {
  max-width: 520px;
  margin: 0;
  color: #ffffff;
  font-size:
    clamp(22px, 1.9vw, 28px);
  font-weight: 760;
  line-height: 1.14;
  letter-spacing: -.025em;
}

.solution p {
  max-width: 580px;
  margin: 13px 0 0;
  color:
    rgba(255, 255, 255, .58);
  font-size: 15px;
  line-height: 1.7;
}

.solutions-section__closing {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top:
    clamp(48px, 5vw, 68px);
  padding-top: 30px;
}

.solutions-section__closing strong {
  max-width: 720px;
  color: #ffffff;
  font-size:
    clamp(20px, 2vw, 28px);
  font-weight: 720;
  line-height: 1.35;
  letter-spacing: -.025em;
}

.solutions-section__closing span {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color:
    rgba(255, 255, 255, .62);
  font-size: 12px;
  font-weight: 750;
}

.solutions-section__closing span::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #71b900;
  border-radius: 50%;
}


@media (max-width: 980px) {

  .solutions-section__header {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .solutions-section__lead {
    max-width: 720px;
  }

  .solutions-grid {
    grid-template-columns: 1fr;
  }

  .solution,
  .solution:nth-child(odd),
  .solution:nth-child(even) {
    padding:
      30px 0 34px;
    border-right: 0;
  }

  .solutions-section__closing {
    align-items: flex-start;
    flex-direction: column;
  }

}


@media (max-width: 620px) {

  .solutions-section {
    padding:
      80px 0;
  }

  .solution {
    grid-template-columns:
      42px minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
  }

}