/* Optional website services, with space to explain each choice. */
#extras{padding:76px 0 80px;background:linear-gradient(180deg,#fff,#f6f8fc)}
#extras .section-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.85fr);column-gap:60px;align-items:end;max-width:none;margin:0 0 36px;text-align:left}
#extras .section-heading .eyebrow{grid-column:1/-1;margin:0 0 14px;font-size:14px}
#extras .section-heading h2{max-width:660px;margin:0;font-size:clamp(34px,3.8vw,48px);font-weight:700;line-height:1.08;letter-spacing:-.045em}
#extras .section-heading p:not(.eyebrow){max-width:350px;margin:0;color:#61718a;font-size:17px;line-height:1.65}
#extras .extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0}
#extras .extra-card{--extra-accent:#225fc9;--extra-tint:#e9f0ff;display:flex;align-items:stretch;flex-direction:column;min-width:0;min-height:242px;padding:27px;border:1px solid #dfe6f0;border-radius:22px;background:#fff;box-shadow:0 5px 22px #16325906}
#extras .extra-card[data-extra-tone="violet"]{--extra-accent:#7249c9;--extra-tint:#f0eaff}
#extras .extra-card[data-extra-tone="pink"]{--extra-accent:#bd4275;--extra-tint:#fcebf3}
#extras .extra-card[data-extra-tone="teal"]{--extra-accent:#117c70;--extra-tint:#e1f5f0}
#extras .extra-card[data-extra-tone="indigo"]{--extra-accent:#4f58bd;--extra-tint:#eceeff}
#extras .extra-card[data-extra-tone="amber"]{--extra-accent:#9b6917;--extra-tint:#fff2d9}
#extras .extra-card-heading{display:flex;align-items:center;gap:15px;margin:0 0 18px}
#extras .extra-icon{display:grid;width:50px;height:50px;flex:0 0 50px;place-items:center;margin:0;border:0;border-radius:15px;background:var(--extra-tint);color:var(--extra-accent)}
#extras .extra-icon svg{display:block;width:27px;height:27px}
#extras .extra-card h3{margin:0;color:#14233b;font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.025em}
#extras .extra-description{flex:1;margin:0 0 23px;color:#617089;font-size:15px;line-height:1.7}
#extras .extra-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:19px;border-top:1px solid #e6ebf2}
#extras .extra-price{color:#172b48;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.025em}
#extras .extra-enquire{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:10px;background:var(--extra-tint);color:var(--extra-accent);font-size:13px;font-weight:650;line-height:1.3;text-decoration:none}
#extras .extra-enquire:hover{text-decoration:underline;text-underline-offset:3px}
#extras a:focus-visible{outline:3px solid #1769e0;outline-offset:4px}
#extras .extras-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 0;padding:22px 26px;border:1px solid #dfe6f0;border-radius:18px;background:#edf3ff}
#extras .extras-help p{margin:0;color:#51627d;font-size:15px;line-height:1.6}
#extras .extras-help strong{display:block;margin-bottom:3px;color:#172b48;font-size:16px}
#extras .extras-help>a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 19px;border-radius:999px;background:#1769e0;color:#fff;font-size:14px;font-weight:650;text-decoration:none}
#extras .extras-help>a:hover{background:#1157bd}
@media(max-width:1000px){#extras .extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#extras .section-heading{column-gap:30px}#extras .extra-card{padding:25px}}
@media(max-width:700px){#extras{padding:54px 0 58px}#extras .section-heading{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:28px}#extras .section-heading .eyebrow{margin:0}#extras .section-heading p:not(.eyebrow){max-width:480px;font-size:16px}#extras .extras-help{align-items:flex-start;flex-direction:column;padding:22px}}
@media(max-width:560px){#extras .extras-grid{grid-template-columns:minmax(0,1fr);gap:15px}#extras .extra-card{min-height:0;padding:24px}#extras .extra-card-heading{margin-bottom:15px}#extras .extra-description{margin-bottom:20px;font-size:16px}#extras .extra-enquire{font-size:14px;min-height:40px}}
