.home-faq-card .faq-card-visual{position:relative;isolation:isolate;container-type:inline-size;margin:0 0 18px;border-radius:12px;overflow:hidden;background:#e8f7ff}
.home-faq-card .faq-card-visual .help-centre-photo{width:100%;max-width:none;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.home-faq-card .faq-card-visual .help-centre-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0}
.home-faq-card .faq-card-visual figcaption{position:relative;z-index:2;margin:0;padding:7px 12px;background:#eef8ff;color:#245b73;font-size:11px;line-height:1.5}
.home-faq-card .faq-bubble-layer{position:absolute;inset:0 0 auto;aspect-ratio:16/9;pointer-events:none}
.home-faq-card .faq-bubble{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:20%;box-shadow:0 5px 12px #1763a41a;animation:faq-bubble-float 4s ease-in-out infinite;color:#fff;font-family:Arial,sans-serif}
.home-faq-card .faq-bubble::after{content:"";position:absolute;bottom:-15%;left:23%;width:23%;height:30%;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
.home-faq-card .faq-bubble-rear{left:44%;top:12%;width:11%;height:14%;background:#318be0;animation-delay:-1.6s}
.home-faq-card .faq-bubble-front{left:37%;top:20%;width:11%;height:14%;background:#1872ce;animation-delay:-.3s}
.home-faq-card .faq-bubble>b{font-size:6cqw;font-weight:700;line-height:1;animation:faq-mark-pulse 3s ease-in-out infinite}
.home-faq-card .faq-bubble-answer{left:53%;top:21%;width:17%;height:12%;background:#fff;gap:9%;animation-delay:-2.5s}
.home-faq-card .faq-bubble-answer::after{left:72%;transform:scaleX(-1)}
.home-faq-card .faq-bubble-answer>b{display:flex;align-items:center;justify-content:center;width:26%;aspect-ratio:1;border-radius:50%;background:#54a657;color:#fff;font-size:3cqw}
.home-faq-card .faq-answer-lines{display:grid;gap:5px;width:43%}
.home-faq-card .faq-answer-lines i{height:5px;border-radius:6px;background:#a7c9e4}
.home-faq-card .faq-answer-lines i:nth-child(2){width:80%}
.home-faq-card .faq-answer-lines i:nth-child(3){width:60%}
@keyframes faq-bubble-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes faq-mark-pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.home-faq-card .faq-bubble,.home-faq-card .faq-bubble>b{animation:none}}
@media(max-width:420px){.home-faq-card .faq-answer-lines{gap:3px}.home-faq-card .faq-answer-lines i{height:3px}}

/* Show the full mobile-services infographic without clipping its labels. */
.help-mobile-row #mobile-services-awareness .outreach-photo{height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;background:#e8f7ff}

.home-faq-card .faq-selection-instruction{font-size:13px;line-height:1.6;margin:0 0 12px}
