/* rp-cm-cards (RTL twin) — kept in sync with cm-cards.css.
   Synced 2026-07-23 to the pill-card redesign (Figma 15642:8500 + design review):
   navy band, white heading + yellow highlight, 99px pill cards, centred icon/text.
   All card properties are symmetric (centred) so no direction flips are needed;
   this file simply mirrors the base so the later-loading RTL layer can't regress it. */
.rp-cm-cards { padding: 80px 24px; }
/* AR fix 2026-07-23: frozen migration-rtl.min.css ships `.rp-contractors .rp-container{padding:0 32px}`
   (top 0 → content stuck to band edge) + an inline patch only fixes padding-bottom.
   Force the EN computed spacing (56px top/bottom, 24px sides). High specificity + !important
   to beat both the migration rule and the inline body.rtl patch. */
body.rtl .rp-contractors .rp-cm-cards.rp-section.rp-container,
html[dir="rtl"] .rp-contractors .rp-cm-cards.rp-section.rp-container { padding: 56px 24px !important; }
.rp-cm-cards.rp-section.rp-container { background: #021143; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow-x: clip; }
.rp-cm-cards__heading { font-family: Mulish, -apple-system, sans-serif; font-size: 40px; line-height: 48px; font-weight: 700; color: #ffffff !important; text-align: center; max-width: 760px; margin: 0 auto 48px; }
.rp-cm-cards__heading .rp-blue { color: #FFC83A !important; }
body.page-template-page-contractors .rp-cm-cards__heading { font-size: 40px; line-height: 48px; }
.rp-cm-cards__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; max-width: 1312px; margin: 0 auto; }
.rp-cm-cards__card { background: #fff; border: 1px solid #E3E8F1; border-radius: 99px; padding: 44px 20px; box-shadow: 0 2px 12px rgba(15,16,53,.04); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; }
.rp-cm-cards__icon { width: 72px; height: 72px; border-radius: 16px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.rp-cm-cards__icon img { width: 100%; height: 100%; object-fit: contain; }
.rp-cm-cards__title { font-family: Mulish, sans-serif; font-size: 18px; line-height: 24px; font-weight: 700; color: #021143; margin: 0; }
.rp-cm-cards__text { font-family: Mulish, sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; color: #545454; margin: 0; }
@media (max-width: 1199px) { .rp-cm-cards__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 760px; } }
/* heading responsiveness synced with .rp-cm-vis__heading (28/36 at <=991px); page-scoped
   selector included so it beats body.page-template-page-contractors 40px rule */
@media (max-width: 991px) { .rp-cm-cards__heading, body.page-template-page-contractors .rp-cm-cards__heading { font-size: 28px; line-height: 36px; } }
@media (max-width: 767px) { .rp-cm-cards__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 460px) { .rp-cm-cards__grid { grid-template-columns: 1fr; } }