/* R33.1 — exactly three Retainly contact channels; page-scoped CSS; static HTML */
body.page-contact-r331{font-family:Cairo,system-ui,sans-serif;background:#fff;color:#203649}
.page-contact-r331 .r33-contact{display:block}
.page-contact-r331 .r33-wrap{width:calc(100% - 40px);max-width:1180px;margin:0 auto}
.page-contact-r331 .r33-hero{position:relative;overflow:hidden;background:#f9f6f1;text-align:center;padding:78px 0 70px}
.page-contact-r331 .r33-hero:before,.page-contact-r331 .r33-hero:after{position:absolute;content:"";width:166px;height:166px;opacity:.26;pointer-events:none;background-image:linear-gradient(#ddcbb4 1px,transparent 1px),linear-gradient(90deg,#ddcbb4 1px,transparent 1px);background-size:20px 20px}
.page-contact-r331 .r33-hero:before{right:2%;top:20px}.page-contact-r331 .r33-hero:after{left:2%;bottom:8px}
.page-contact-r331 .r33-hero-inner{position:relative;z-index:1}
.page-contact-r331 .r33-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:8px 18px;background:#e9f3fb;color:#126DA9;font-size:13px;font-weight:800}
.page-contact-r331 .r33-hero h1{color:#126DA9;font-family:inherit;font-size:clamp(34px,4vw,54px);font-weight:850;line-height:1.4;margin:19px 0 13px}
.page-contact-r331 .r33-hero p{color:#526779;font-size:clamp(16px,1.6vw,20px);line-height:1.95;max-width:730px;margin:0 auto}
.page-contact-r331 .r33-section{padding:70px 0 88px}
.page-contact-r331 .r33-heading{text-align:center;margin:0 auto 35px;max-width:750px}
.page-contact-r331 .r33-heading h2{color:#126DA9;font-family:inherit;font-weight:850;line-height:1.4;font-size:clamp(27px,2.7vw,35px);margin:0 0 9px}
.page-contact-r331 .r33-heading p{font-size:16px;color:#587083;line-height:1.9;margin:0}
.page-contact-r331 .r33-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.page-contact-r331 .r33-card{background:#fff;border:1px solid #e2eaf0;border-radius:22px;box-shadow:0 8px 28px rgba(15,62,97,.055);display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px 26px;transition:transform .18s ease,box-shadow .18s ease}
.page-contact-r331 .r33-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,62,97,.10)}
.page-contact-r331 .r33-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:20px;background:#edf6fc;color:#126DA9;margin-bottom:22px}
.page-contact-r331 .r33-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-contact-r331 .r33-card h3{color:#126DA9;font-family:inherit;font-size:21px;font-weight:850;line-height:1.5;margin:0 0 10px}
.page-contact-r331 .r33-card p{font-size:15px;color:#5a7082;line-height:1.9;margin:0 0 15px}
.page-contact-r331 .r33-card .r33-value{font-weight:850;font-size:18px;color:#203649;direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere;align-self:flex-start;margin-top:auto;margin-bottom:18px}
.page-contact-r331 a.r33-action{display:inline-flex;gap:9px;align-items:center;min-height:44px;border-radius:10px;padding:10px 16px;color:#fff!important;background:#126DA9!important;background-image:none!important;font-weight:800;font-size:14px;text-decoration:none;box-shadow:none!important}
.page-contact-r331 a.r33-action:hover,.page-contact-r331 a.r33-action:focus-visible{background:#0c5686!important}
@media(max-width:910px){.page-contact-r331 .r33-cards{gap:13px}.page-contact-r331 .r33-card{padding:22px 18px}}
@media(max-width:700px){.page-contact-r331 .r33-wrap{width:calc(100% - 28px)}.page-contact-r331 .r33-hero{padding:49px 0 45px}.page-contact-r331 .r33-section{padding:42px 0 55px}.page-contact-r331 .r33-heading{margin-bottom:24px}.page-contact-r331 .r33-cards{grid-template-columns:1fr;gap:15px}.page-contact-r331 .r33-card{border-radius:18px;padding:23px}.page-contact-r331 .r33-icon{width:56px;height:56px;border-radius:16px;margin-bottom:13px}.page-contact-r331 .r33-icon svg{height:29px;width:29px}.page-contact-r331 .r33-card .r33-value{margin-top:0}}
@media(prefers-reduced-motion:reduce){.page-contact-r331 .r33-card{transition:none}.page-contact-r331 .r33-card:hover{transform:none}}
