/* service-cards breakpoints, loaded after the shared ones. */

@media (max-width: 1100px) {
  body.seo-page .seo-services { height: 907px; margin-top: 80px; padding-top: 60px; }
  body.seo-page .seo-services .seo-intro { width: 334px; padding: 0; }
  body.seo-page .seo-services .seo-intro h2 { width: 334px; }
  body.seo-page .seo-services .seo-intro > p:not(.eyebrow) { width: 334px; }
  body.seo-page .seo-service-rail { margin-top: 40px; padding-left: 16px; overflow-x: auto; scrollbar-width: none; }
  body.seo-page .seo-service-rail::-webkit-scrollbar { display: none; }
  body.seo-page .seo-service-grid { display: flex; width: max-content; gap: 16px; margin: 0; padding-right: 16px; }
  body.seo-page .seo-service-card { width: 289px; height: 377px; flex: 0 0 289px; padding: 24px; }
  body.seo-page .seo-service-card > span { width: 40px; height: 40px; }
  body.seo-page .seo-service-card > span img { width: 26px; height: 26px; }
  body.seo-page .seo-service-card h3 { margin-top: 20px; font-size: 20px; line-height: 20px; }
  body.seo-page .seo-service-card p { width: 241px; margin-top: 15px; font-size: 18px; line-height: 22px; }
  body.seo-page .seo-service-card div { width: 241px; margin-top: 21px; gap: 6px; }
  body.seo-page .seo-service-card small { height: 33px; padding: 0 15px; font-size: 12px; }
  body.seo-page .seo-services__cta { width: 272px; min-width: 272px; margin-top: 40px; }
}