/* Core services v5: compact editorial layout with a lighter visual footprint. */
.services-page .services-center {
  padding: 56px 5vw 68px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(31, 139, 224, .09), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%) !important;
}

.services-page .services-center-head {
  width: min(1280px, 90vw) !important;
}

.services-page .services-center-head::before {
  margin-bottom: 11px !important;
  color: #3a8bd0 !important;
  font-size: 9px !important;
  letter-spacing: .2em !important;
}

.services-page .services-center-head h1 {
  font-size: clamp(34px, 3.3vw, 48px) !important;
  line-height: 1.12 !important;
}

.services-page .services-center-head > span {
  width: 78px !important;
  height: 2px !important;
  margin: 18px 0 17px !important;
  box-shadow: 22px 0 0 rgba(57, 123, 255, .3), 44px 0 0 rgba(57, 123, 255, .12) !important;
}

.services-page .services-center-head p {
  max-width: 620px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.services-page .services-center-grid {
  width: min(1280px, 90vw) !important;
  gap: 18px !important;
  margin-top: 34px !important;
}

.services-page .services-center-card,
.services-page .services-center-card.service-card-1,
.services-page .services-center-card.service-card-2,
.services-page .services-center-card.service-card-3,
.services-page .services-center-card.service-card-4 {
  min-height: 258px !important;
  padding: 26px 28px 22px !important;
  border: 1px solid rgba(178, 207, 231, .54) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 10px 24px rgba(35, 90, 139, .055) !important;
}

.services-page .services-center-card::before {
  width: 34% !important;
  height: 2px !important;
}

.services-page .services-center-card::after {
  top: 16px !important;
  right: 22px !important;
  color: rgba(31, 122, 218, .065) !important;
  font-size: 54px !important;
}

.services-page .services-center-card img {
  width: 58px !important;
  height: 58px !important;
  padding: 12px !important;
  border-radius: 13px !important;
  box-shadow: 0 10px 20px rgba(35, 103, 174, .08) !important;
}

.services-page .services-center-card h2 {
  margin: 17px 0 9px !important;
  font-size: clamp(20px, 1.65vw, 25px) !important;
  line-height: 1.25 !important;
}

.services-page .services-center-card h2::before {
  display: none !important;
}

.services-page .services-center-card p {
  max-width: 520px !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

.services-page .services-center-card > strong {
  min-height: 24px !important;
  padding-top: 13px !important;
  font-size: 11px !important;
}

.services-page .services-center-card:hover {
  border-color: rgba(44, 139, 223, .54) !important;
  background: linear-gradient(145deg, #fff, #f4faff) !important;
  box-shadow: 0 18px 34px rgba(38, 103, 157, .13), 0 0 0 1px rgba(67, 157, 229, .08) !important;
  transform: translateY(-5px) !important;
}

.services-page .services-center-card:hover::before {
  width: 68% !important;
  transition: width .28s ease !important;
}

.services-page .services-center-card:hover img {
  box-shadow: 0 12px 24px rgba(35, 103, 174, .14) !important;
  transform: translateY(-2px) scale(1.04) !important;
}

@media (max-width: 720px) {
  .services-page .services-center {
    padding: 44px 5vw 54px !important;
  }

  .services-page .services-center-head h1 {
    font-size: 32px !important;
  }

  .services-page .services-center-grid {
    gap: 12px !important;
    margin-top: 26px !important;
  }

  .services-page .services-center-card,
  .services-page .services-center-card.service-card-1,
  .services-page .services-center-card.service-card-2,
  .services-page .services-center-card.service-card-3,
  .services-page .services-center-card.service-card-4 {
    min-height: 0 !important;
    padding: 22px 22px 20px !important;
  }

  .services-page .services-center-card img {
    width: 52px !important;
    height: 52px !important;
  }

  .services-page .services-center-card h2 {
    margin-top: 14px !important;
    font-size: 20px !important;
  }
}