/* Premium width and spacing refinement for the OUR SERVICES cards. */
.agency-services-section__inner {
  width: min(100%, 1640px) !important;
  padding-inline: clamp(42px, 5vw, 96px) !important;
}

.agency-services-section__grid {
  grid-template-columns: repeat(3, minmax(320px, 1fr)) !important;
  gap: clamp(28px, 2.4vw, 42px) !important;
  margin-top: clamp(54px, 4.5vw, 72px) !important;
}

.agency-service-card,
.agency-services-cta {
  min-height: 430px !important;
  border-radius: 30px !important;
}

.agency-service-card {
  padding: clamp(30px, 2.4vw, 38px) clamp(30px, 2.6vw, 42px) 30px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(250,247,255,.82)) padding-box,
    linear-gradient(135deg, rgba(109,40,217,.2), rgba(236,72,153,.16), rgba(251,146,60,.14)) border-box !important;
  border: 1px solid transparent !important;
  box-shadow:
    0 26px 70px rgba(76,45,151,.11),
    0 12px 32px rgba(236,72,153,.045),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.agency-service-card__top {
  grid-template-columns: 34px minmax(0, 1fr) 62px !important;
  gap: 16px !important;
}

.agency-service-card__icon {
  width: 62px !important;
  height: 62px !important;
  border-radius: 18px !important;
}

.agency-service-card__number {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
}

.agency-service-card h3 {
  font-size: clamp(23px, 1.7vw, 30px) !important;
  line-height: 1.12 !important;
}

.agency-service-card p {
  font-size: clamp(15px, 1vw, 17px) !important;
  line-height: 1.62 !important;
}

@media (max-width: 1180px) {
  .agency-services-section__grid {
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .agency-services-section__inner {
    padding-inline: 20px !important;
  }

  .agency-services-section__grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .agency-service-card,
  .agency-services-cta {
    min-height: 0 !important;
  }
}