.service-banner { padding: 92px 0 74px; }.support-layout { display: block; }.support-intro { display: grid; grid-template-columns: 1fr .72fr; align-items: end; gap: 60px; margin-bottom: 39px; }.support-intro h2 { margin: 0; }.support-intro > p { margin: 0 !important; padding-bottom: 5px; color: #c6e2ee !important; font-size: 15px; line-height: 1.7; }.support-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 19px; }.support-card { overflow: hidden; background: #fff; color: #153e59; box-shadow: 0 15px 26px rgba(0, 21, 37, .25); }.support-card img { display: block; width: 100%; height: 184px; object-fit: cover; object-position: center; filter: saturate(1.03) contrast(1.03); }.support-card > div { padding: 22px 23px 20px; }.support-card span { display: block; color: #248dc6; font-size: 10px; font-weight: 700; letter-spacing: .12em; }.support-card h3 { margin: 10px 0 9px; color: #123d59; font: 700 21px/1.12 Manrope, sans-serif; letter-spacing: -.04em; }.support-card p { min-height: 80px; margin: 0 !important; color: #607583 !important; font-size: 13px; line-height: 1.6; }.support-card a { display: inline-flex; gap: 8px; margin-top: 18px; color: #0b5c8d; font-size: 13px; font-weight: 700; }.support-card a b { font-size: 17px; line-height: 12px; }.support-cta { margin: 34px auto 0; display: flex; width: max-content; }.service-banner .service-grid, .service-banner .service-visual, .service-banner .service-list { display: none; }
@media (max-width: 800px) { .service-banner { padding: 66px 0; }.support-intro { grid-template-columns: 1fr; gap: 18px; }.support-cards { grid-template-columns: 1fr; max-width: 540px; margin: auto; }.support-card img { height: 230px; }.support-card p { min-height: auto; } }
