/* Technology stack: information cards, not navigation links. */
.technology-page .services-one--two.services {
  padding: 88px 0 70px;
  background:
    radial-gradient(circle at 8% 8%, rgba(57, 145, 209, 0.12), transparent 24%),
    radial-gradient(circle at 92% 16%, rgba(74, 95, 190, 0.1), transparent 26%),
    #f6f9fc;
}

.technology-page .services-one--two.services .row {
  row-gap: 10px;
}

.technology-page .services-one--two .services-one__single {
  --tech-accent: #2c7fc1;
  min-height: 278px;
  margin-bottom: 20px;
  padding: 34px 30px 32px;
  overflow: hidden;
  border: 1px solid rgba(44, 127, 193, 0.34);
  border-top: 4px solid var(--tech-accent);
  border-radius: 16px;
  background: linear-gradient(145deg, #ffffff 0%, #f4f9ff 100%);
  box-shadow: 0 12px 28px rgba(17, 47, 81, 0.08);
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.technology-page .services-one--two .services-one__single::before,
.technology-page .services-one--two .services-one__single .shape2,
.technology-page .services-one--two .services-one__single-icon .shape1 {
  display: none;
}

.technology-page .services-one--two .services-one__single:hover {
  border-color: var(--tech-accent);
  box-shadow: 0 18px 34px rgba(17, 47, 81, 0.14);
  transform: translateY(-4px);
}

.technology-page .services-one--two .services-one__single-icon {
  width: 62px;
  height: 62px;
  margin-bottom: 20px;
  border: 1px solid color-mix(in srgb, var(--tech-accent) 32%, white);
  border-radius: 14px;
  background: color-mix(in srgb, var(--tech-accent) 10%, white);
  line-height: 62px;
}

.technology-page .services-one--two .services-one__single-icon span::before {
  color: var(--tech-accent);
  font-size: 34px;
  line-height: 62px;
}

.technology-page .services-one--two .services-one__single-content h2 {
  margin-bottom: 11px;
  color: #102a43;
  font-size: 21px;
  line-height: 1.3;
}

.technology-page .services-one--two .services-one__single-content p {
  color: #5b6b7d;
  font-size: 15px;
  line-height: 1.65;
}

.technology-page .services-one--two .row > div:nth-child(5n + 2) .services-one__single { --tech-accent: #6b5ab8; }
.technology-page .services-one--two .row > div:nth-child(5n + 3) .services-one__single { --tech-accent: #188a87; }
.technology-page .services-one--two .row > div:nth-child(5n + 4) .services-one__single { --tech-accent: #ce6b39; }
.technology-page .services-one--two .row > div:nth-child(5n + 5) .services-one__single { --tech-accent: #407bc0; }

@media (max-width: 767px) {
  .technology-page .services-one--two.services {
    padding: 58px 0 46px;
  }

  .technology-page .services-one--two .services-one__single {
    min-height: 0;
    padding: 27px 24px 25px;
  }
}