/* ============================================================================
Charnwood OneVu portal — APAS preview theme
----------------------------------------------------------------------------
Drop-in stylesheet based on the APAS design system, adapted to the OneVu
(Bootstrap 3 + Aurelia) citizen portal.
• All icons are embedded inline as SVG data-URIs — no external files needed.
• Pure CSS. Three enhancements from the live preview need markup/JS and are
noted in the "NEEDS MARKUP / JS" section at the bottom of this file.
Colours use the Charnwood brand green (#59AF33). Where white text sat on that
green and failed WCAG contrast, a slightly darker green (#52a12f) or dark
text is used so it passes AA.
============================================================================ */
/* ---------------------------------------------------------------- 1. TOKENS */
:root{
--apas-bg:#f3f3f5; --apas-surface:#ffffff; --apas-surface-2:#fafafb;
--apas-ink:#111114; --apas-ink-2:#3a3a42; --apas-muted:#8a8a94;
--apas-line:#e7e7eb; --apas-line-2:#efeff2;
--apas-accent:#111114; --apas-accent-soft:#1e1e24; --apas-on-accent:#ffffff;
--apas-green:#59af33; --apas-green-accessible:#52a12f; --apas-green-tint:rgba(89,175,51,.25);
--apas-pill-green-bg:#b6f0c2; --apas-pill-green-ink:#0c5b29;
--apas-pill-amber-bg:#ffd591; --apas-pill-amber-ink:#6b3d00;
--apas-pill-blue-bg:#cfe2ff; --apas-pill-blue-ink:#0d3b86;
--apas-pill-pink-bg:#ffd1e0; --apas-pill-pink-ink:#7a1c44;
--apas-status-danger:#c0392b;
--apas-font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
--apas-radius-sm:8px; --apas-radius-md:10px; --apas-radius-lg:12px;
--apas-radius-xl:14px; --apas-radius-2xl:20px; --apas-radius-full:999px;
--apas-shadow-sm:0 1px 2px rgba(17,17,20,.04);
--apas-shadow-md:0 4px 16px rgba(17,17,20,.06);
--apas-shadow-lg:0 12px 32px rgba(17,17,20,.10);
--apas-ease:cubic-bezier(.4,0,.2,1);
}
/* Load Inter (or self-host and remove this import) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* ------------------------------------------------------------ 2. BASE/TYPE */
body{background:var(--apas-bg)!important;color:var(--apas-ink)!important;-webkit-font-smoothing:antialiased;}
body,body button,body input,body select,body textarea,.navbar,h1,h2,h3,h4,h5,.btn{font-family:var(--apas-font-family)!important;}
h1,h2,h3,h4{color:var(--apas-ink)!important;font-weight:700!important;letter-spacing:-.02em;}
a{color:var(--apas-ink-2);} a:hover{color:var(--apas-ink);}
/* --------------------------------------------------------- 3. HEADER/LOGO */
#top-banner{height:110px!important;min-height:110px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:var(--apas-surface)!important;border-bottom:1px solid var(--apas-line)!important;overflow:hidden!important;position:relative!important;}
#top-banner img.logo{max-height:103px!important;width:auto!important;height:auto!important;margin:0 auto!important;display:block!important;}
/* --------------------------------------------------------- 4. WARNING BAR */
/* NOTE: place #onevu-custom-banner directly AFTER #top-banner in the markup so
it renders as a full-width bar below the header (not inside it). */
#onevu-custom-banner{background:var(--apas-green-accessible)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:16px 24px 16px 66px!important;margin:0!important;text-align:left!important;font-family:var(--apas-font-family)!important;}
#onevu-custom-banner::before{content:'';flex:0 0 28px;width:28px;height:28px;background:center/contain no-repeat;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 57 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M55.1447 27.7218C55.4028 42.5499 43.1012 54.7833 28.2411 55.0408C13.3834 55.2983 1.59555 43.4861 1.33748 28.6567C1.07942 13.8285 13.3822 1.59516 28.2411 1.33763C43.1012 1.0801 54.8866 12.896 55.1447 27.7218Z' stroke='%23ffffff' stroke-width='2.66667' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M28.2412 31.8457V14.7583' stroke='%23ffffff' stroke-width='2.66667' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M28.2432 37.9492C28.2285 37.9492 28.2138 37.9504 28.1991 37.9504C26.8489 37.9712 25.7714 39.0855 25.7958 40.4317C25.8191 41.767 26.9088 42.8301 28.2419 42.8301H28.2847C29.6338 42.8057 30.7113 41.695 30.688 40.3487C30.6636 39.0135 29.5751 37.9492 28.2432 37.9492Z' fill='%23ffffff'/%3E %3C/svg%3E");}
#onevu-custom-banner p{margin:0!important;font-weight:700!important;font-size:20px!important;color:#fff!important;line-height:1.3!important;letter-spacing:-.01em!important;}
/* hide the old inline icon if one is present in the markup */
#onevu-custom-banner svg,#onevu-custom-banner .fa{display:none!important;}
/* ------------------------------------------------------ 5. PAGE-TITLE BAND */
.page-header{background:var(--apas-green-tint)!important;border-bottom:1px solid var(--apas-line)!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:20px 45px 20px 81px!important;}
/* --------------------------------------------------------------- 6. TOP NAV */
.navbar-default.menu{background:var(--apas-accent)!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;}
.navbar-default.menu .nav>li>a{color:rgba(255,255,255,.72)!important;font-weight:600!important;font-size:14px!important;background:transparent!important;border:0!important;margin:8px 2px!important;padding:8px 14px!important;border-radius:var(--apas-radius-lg)!important;outline:none!important;transition:background .15s,color .15s;}
.navbar-default.menu .nav>li>a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;}
.navbar-default.menu .nav>li>a:focus{background:transparent!important;color:rgba(255,255,255,.72)!important;outline:none!important;}
.navbar-default.menu .nav>li.active>a,.navbar-default.menu .nav>li.active>a:hover,.navbar-default.menu .nav>li.active>a:focus{background:#fff!important;color:var(--apas-ink)!important;}
.navbar-default.menu .navbar-toggle{border-radius:var(--apas-radius-md)!important;border-color:rgba(255,255,255,.3)!important;}
.navbar-default.menu .navbar-toggle .icon-bar{background:#fff!important;}
/* --------------------------------------------------------------- 7. BUTTONS */
.btn{display:inline-flex!important;align-items:center;gap:8px;min-height:40px;padding:0 16px!important;border-radius:var(--apas-radius-lg)!important;border:1px solid var(--apas-line)!important;background:var(--apas-surface)!important;color:var(--apas-ink)!important;font-weight:600!important;box-shadow:none!important;text-shadow:none!important;transition:background .15s,border-color .15s;}
.btn:hover,.btn:focus{background:var(--apas-line-2)!important;color:var(--apas-ink)!important;outline:none!important;}
.btn-primary,.btn-success{background:var(--apas-accent)!important;border-color:var(--apas-accent)!important;color:var(--apas-on-accent)!important;}
.btn-primary:hover,.btn-success:hover{background:var(--apas-accent-soft)!important;border-color:var(--apas-accent-soft)!important;}
.btn-danger{background:var(--apas-status-danger)!important;border-color:var(--apas-status-danger)!important;color:#fff!important;}
.btn-xs,.btn-sm{min-height:32px!important;padding:0 12px!important;border-radius:var(--apas-radius-md)!important;}
/* bare Aurelia buttons that aren't Bootstrap .btn */
button.au-target:not(.btn):not(.thumbnail):not(.navbar-toggle):not(.close):not(.addFavourite){display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:0 16px!important;border-radius:var(--apas-radius-lg)!important;border:1px solid var(--apas-line)!important;background:var(--apas-surface)!important;color:var(--apas-ink)!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;box-shadow:none!important;}
/* ------------------------------------------------------------- 8. NAV-PILLS */
.nav-pills{display:inline-flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;margin:0 0 16px!important;list-style:none!important;}
.nav-pills>li{float:none!important;margin:0!important;}
.nav-pills>li>a{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:0 16px!important;margin:0!important;border-radius:var(--apas-radius-lg)!important;border:1px solid var(--apas-line)!important;background:var(--apas-surface)!important;color:var(--apas-ink)!important;font-weight:600!important;font-size:14px!important;text-decoration:none!important;}
.nav-pills>li>a:hover{background:var(--apas-line-2)!important;color:var(--apas-ink)!important;}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover{background:var(--apas-accent)!important;border-color:var(--apas-accent)!important;color:var(--apas-on-accent)!important;}
/* ------------------------------------------ 9. FORMS / TABLES / LABELS / ALERTS */
.form-control{background:var(--apas-surface-2)!important;border:1px solid var(--apas-line)!important;border-radius:var(--apas-radius-md)!important;color:var(--apas-ink)!important;box-shadow:none!important;height:auto!important;padding:10px 12px!important;}
.form-control:focus{background:var(--apas-surface)!important;border-color:var(--apas-ink)!important;box-shadow:none!important;}
label,.control-label{font-weight:600!important;color:var(--apas-ink-2)!important;}
.table{background:var(--apas-surface)!important;}
.table>thead>tr>th{border-bottom:1px solid var(--apas-line)!important;color:var(--apas-muted)!important;text-transform:uppercase;font-size:11px;letter-spacing:.06em;font-weight:600!important;}
.table>tbody>tr>td{border-top:1px solid var(--apas-line-2)!important;}
.table-hover>tbody>tr:hover{background:var(--apas-surface-2)!important;}
.label,.badge{border-radius:var(--apas-radius-full)!important;font-weight:600!important;font-size:11px!important;padding:4px 10px!important;}
.label-success{background:var(--apas-pill-green-bg)!important;color:var(--apas-pill-green-ink)!important;}
.label-warning{background:var(--apas-pill-amber-bg)!important;color:var(--apas-pill-amber-ink)!important;}
.label-info{background:var(--apas-pill-blue-bg)!important;color:var(--apas-pill-blue-ink)!important;}
.label-danger{background:var(--apas-pill-pink-bg)!important;color:var(--apas-pill-pink-ink)!important;}
.alert{border-radius:var(--apas-radius-xl)!important;border:1px solid var(--apas-line)!important;}
.alert-info{background:var(--apas-pill-blue-bg)!important;border-color:transparent!important;color:var(--apas-pill-blue-ink)!important;}
.alert-success{background:var(--apas-pill-green-bg)!important;border-color:transparent!important;color:var(--apas-pill-green-ink)!important;}
.alert-warning{background:var(--apas-pill-amber-bg)!important;border-color:transparent!important;color:var(--apas-pill-amber-ink)!important;}
.alert-danger{background:var(--apas-pill-pink-bg)!important;border-color:transparent!important;color:var(--apas-pill-pink-ink)!important;}
/* -------------------------------------------------- 10. CARDS / SERVICE TILES */
.panel,.thumbnail,.well{background:var(--apas-surface)!important;border:1px solid var(--apas-line)!important;border-radius:var(--apas-radius-2xl)!important;box-shadow:var(--apas-shadow-sm)!important;}
.panel-heading{background:transparent!important;border-bottom:1px solid var(--apas-line-2)!important;font-weight:700!important;border-radius:var(--apas-radius-2xl) var(--apas-radius-2xl) 0 0!important;padding:16px 20px!important;}
.panel-body{padding:20px!important;}
.thumbnail.silo-list,button.thumbnail{padding:20px!important;text-align:left!important;transition:box-shadow .18s,transform .18s,border-color .18s;}
.thumbnail.silo-list:hover,button.thumbnail:hover{box-shadow:var(--apas-shadow-md)!important;transform:translateY(-2px);border-color:#dcdce1!important;}
.thumbnail.silo-header{padding-top:20px!important;}
/* remove the blank double-chevron column */
.thumbnail .details-link{display:none!important;}
/* --------------------------------------------------- 11. SERVICE CARD ICONS */
/* Positioned icon slot on each service tile (bottom-right). */
.thumbnail.silo-list{position:relative!important;}
.thumbnail.silo-list::after{content:'';position:absolute;right:24px;bottom:20px;width:66px;height:58px;background:center/contain no-repeat;pointer-events:none;}
/* Robust method: add ONE of these classes to each service tile's element. */
.apas-svc--housing::after {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 87 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.750122 71.75H86.1625' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M0.750122 41.8984L39.0384 23.5287' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.64038 39.0205V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M31.675 0.75047L86.1623 34.5508' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M80.2717 30.8982V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M68.491 23.5878V9.56803H77.3268V29.0693' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M71.7501 55.75H47.7501V71.75H71.7501V55.75Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M59.6546 56.5952V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M29.7501 50.75H14.7501V71.75H29.7501V50.75Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M15.4762 44.8379H30.2025' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M39.0387 5.31721V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M56.7095 30.1422C56.7095 33.3885 54.072 36.0205 50.819 36.0205C47.5659 36.0205 44.9285 33.3885 44.9285 30.1422C44.9285 26.8944 47.5659 24.2639 50.819 24.2639C54.072 24.2639 56.7095 26.8944 56.7095 30.1422Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M21.7667 14.2361C21.7667 20.0275 17.0609 24.7227 11.2584 24.7227C5.45402 24.7227 0.750122 20.0275 0.750122 14.2361C0.750122 8.44467 5.45402 3.74956 11.2584 3.74956C17.0609 3.74956 21.7667 8.44467 21.7667 14.2361Z' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M8.39246 20.9102H14.1243' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.3479 12.3294H11.2585V20.4326' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M11.2585 8.03994C11.2585 8.30353 11.0436 8.5166 10.7809 8.5166C10.5163 8.5166 10.3032 8.30353 10.3032 8.03994C10.3032 7.77635 10.5163 7.56328 10.7809 7.56328C11.0436 7.56328 11.2585 7.77635 11.2585 8.03994Z' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.apas-svc--tenancy::after {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M71.687 12.9552L59.4564 0.749891H37.4414V47.1299H71.687V12.9552Z' fill='%23ACD799' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M59.457 0.749816V12.9551H71.6876' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M13.087 71.541H0.75V49.5715H13.087V71.541Z' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M13.0864 69.0996H65.5177C65.5177 63.8452 54.723 59.2292 42.3872 59.3354H20.7966' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M13.0864 52.0115H23.8811C31.1375 53.0722 34.6758 57.6894 36.2181 59.2285' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M6.91825 63.8449C6.067 63.8449 5.37598 64.5333 5.37598 65.3852C5.37598 66.2347 6.067 66.9219 6.91825 66.9219C7.7695 66.9219 8.46175 66.2347 8.46175 65.3852C8.46175 64.5333 7.7695 63.8449 6.91825 63.8449Z' fill='%23231F20'/%3E %3C/svg%3E");}
.apas-svc--waste::after {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M24.8181 47.8979H35.0864V56.8877H26.078C25.2891 56.8877 23.8613 55.4198 23.4404 54.7552' fill='%23ACD799'/%3E %3Cpath d='M24.8181 47.8979H35.0864V56.8877H26.078C25.2891 56.8877 23.8613 55.4198 23.4404 54.7552' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M23.4406 54.7568C23.4406 54.7568 21.0514 51.6322 27.7003 44.0744H30.9459L26.0781 37.5978H17.1533L19.5875 39.2173C19.5875 39.2173 17.9647 40.2094 17.9647 42.4556C17.9647 44.3627 21.2824 50.7962 23.4406 54.7568Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M48.0443 46.6797L42.0846 38.6544L49.1208 33.7973L54.2917 41.2582C54.7402 41.9048 54.7222 43.0799 54.4133 43.8036' fill='%23ACD799'/%3E %3Cpath d='M48.0443 46.6797L42.0846 38.6544L49.1208 33.7973L54.2917 41.2582C54.7402 41.9048 54.7222 43.0799 54.4133 43.8036' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M54.4135 43.8038C54.4135 43.8038 52.5481 47.7221 43.1162 46.5027V44.0735L38.2484 51.3604L42.8157 59.457L43.1162 55.6582C43.1162 55.6582 44.8954 56.9283 46.7473 55.6505C48.3193 54.5659 52.2148 47.8011 54.4135 43.8038Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M35.0164 27.2366L30.9819 35.7705L23.2449 32.1277L27.1224 23.9245C27.4596 23.2124 28.54 22.6036 29.3231 22.5073' fill='%23ACD799'/%3E %3Cpath d='M35.0164 27.2366L30.9819 35.7705L23.2449 32.1277L27.1224 23.9245C27.4596 23.2124 28.54 22.6036 29.3231 22.5073' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M29.3234 22.508C29.3234 22.508 33.2234 22.1195 37.3371 31.6827L35.814 32.4873H44.7388L48.7952 24.8132L45.5039 26.0243C45.5039 26.0243 45.4209 24.1544 43.385 23.1957C41.6567 22.3827 33.8914 22.4039 29.3234 22.508Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M61.9036 71.54H10.5352V10.5137H61.9036V71.54Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M49.6729 10.5146H22.7656V0.75044H49.6729V10.5146Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M0.75 10.5146H71.6873' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.apas-svc--street::after {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 51 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M49.6723 25.16C49.6723 38.6432 25.2112 71.54 25.2112 71.54C25.2112 71.54 0.75 38.6432 0.75 25.16C0.75 11.6793 11.7013 0.749525 25.2112 0.749525C38.7211 0.749525 49.6723 11.6793 49.6723 25.16Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M34.9952 25.1596C34.9952 30.5531 30.6142 34.9238 25.2107 34.9238C19.8073 34.9238 15.4263 30.5531 15.4263 25.1596C15.4263 19.7661 19.8073 15.3954 25.2107 15.3954C30.6142 15.3954 34.9952 19.7661 34.9952 25.1596Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.apas-svc--council::after {background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 87 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.750183 71.75H86.1625' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M0.750183 41.8984L39.0385 23.5287' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.64044 39.0205V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M31.6751 0.75047L86.1623 34.5508' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M80.2718 30.8982V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M68.4911 23.5878V9.56803H77.3269V29.0693' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M71.7502 55.75H47.7502V71.75H71.7502V55.75Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M59.6547 56.5952V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M29.7502 50.75H14.7502V71.75H29.7502V50.75Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M15.4763 44.8379H30.2026' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M39.0388 5.31721V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M56.7095 30.1422C56.7095 33.3885 54.0721 36.0205 50.819 36.0205C47.566 36.0205 44.9285 33.3885 44.9285 30.1422C44.9285 26.8944 47.566 24.2639 50.819 24.2639C54.0721 24.2639 56.7095 26.8944 56.7095 30.1422Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M66.6228 40.1376C66.6228 38.1464 65.1899 36.4972 63.2972 36.1472C64.9103 35.0988 65.6013 33.0269 64.8408 31.1874C64.0755 29.347 62.1198 28.3711 60.2352 28.7703C61.3253 27.1856 61.1694 25.0081 59.76 23.6C58.3489 22.1919 56.1645 22.0379 54.5781 23.125C54.979 21.2467 54.0003 19.2918 52.1553 18.5289C50.3111 17.7676 48.2358 18.4588 47.1876 20.0685C46.8344 18.1805 45.1834 16.7498 43.1865 16.7498C41.1912 16.7498 39.5385 18.1805 39.1869 20.0685C38.1372 18.4612 36.0618 17.7692 34.2176 18.5289C32.3743 19.2918 31.3972 21.2443 31.7948 23.1234C30.2084 22.0379 28.0256 22.1919 26.6146 23.6008C25.2036 25.0081 25.0508 27.1856 26.1394 28.7703C24.2564 28.3711 22.2991 29.3486 21.5354 31.1882C20.7717 33.0277 21.4626 35.098 23.0757 36.1456C21.183 36.4972 19.7502 38.1464 19.7502 40.1376C19.7502 42.1272 21.1846 43.778 23.0757 44.1289C21.4626 45.1765 20.7717 47.2491 21.5338 49.0879C22.2975 50.9274 24.2548 51.9041 26.1394 51.5057C25.0508 53.0904 25.2052 55.2679 26.6146 56.6752C28.0256 58.0817 30.2068 58.2365 31.7948 57.1502C31.3972 59.0309 32.3759 60.9834 34.2193 61.7447C36.0618 62.5068 38.1372 61.8165 39.1869 60.2051C39.5385 62.0947 41.1928 63.5254 43.1865 63.5254C45.1834 63.5254 46.8344 62.0947 47.1876 60.2051C48.2358 61.8165 50.3111 62.506 52.1569 61.7447C54.0003 60.9834 54.9773 59.0309 54.5781 57.1502C56.1645 58.2365 58.3489 58.0817 59.76 56.6752C61.1694 55.2679 61.3253 53.0904 60.2352 51.5057C62.1181 51.9041 64.0755 50.9274 64.8408 49.0879C65.6045 47.2491 64.9119 45.1765 63.2972 44.1289C65.1883 43.7797 66.6228 42.1288 66.6228 40.1376Z' fill='white' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M35.9133 39.3311H45.6111Z' fill='white'/%3E %3Cpath d='M35.9133 39.3311H45.6111' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M48.8437 33.6858C48.8437 31.2663 47.2274 29.6534 44.803 29.6534C42.3785 29.6534 40.7622 31.2663 40.7622 33.6858V42.557C40.7622 45.7829 39.1459 49.0088 35.9133 49.0088H48.8437' fill='white'/%3E %3Cpath d='M48.8437 33.6858C48.8437 31.2663 47.2274 29.6534 44.803 29.6534C42.3785 29.6534 40.7622 31.2663 40.7622 33.6858V42.557C40.7622 45.7829 39.1459 49.0088 35.9133 49.0088H48.8437' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.apas-svc--benefits::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 73 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M46.0033 31.262C46.0033 35.9793 42.1702 39.8057 37.4419 39.8057C32.7123 39.8057 28.8805 35.9793 28.8805 31.262C28.8805 26.5434 32.7123 22.7183 37.4419 22.7183C42.1702 22.7183 46.0033 26.5434 46.0033 31.262Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M60.68 9.29323C60.68 14.0106 56.847 17.8369 52.1186 17.8369C47.389 17.8369 43.5572 14.0106 43.5572 9.29323C43.5572 4.57468 47.389 0.749549 52.1186 0.749549C56.847 0.749549 60.68 4.57468 60.68 9.29323Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M12.9806 62.9951H0.75V41.0256H12.9806V62.9951Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M12.9803 60.364C45.1479 71.0656 34.9244 71.5758 71.6871 53.23C68.4313 49.9834 65.858 48.7031 62.497 49.6624L49.2599 54.0453' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M12.9803 43.4676H22.7647C29.9747 43.4676 34.6871 47.1218 36.2184 48.3338C40.2985 48.3692 40.6177 48.3338 46.0028 48.3338C50.8633 48.3338 50.8633 55.6729 46.0028 55.6729H28.88' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M37.4415 27.6016V34.9248Z' fill='%23ACD799'/%3E %3Cpath d='M37.4415 27.6016V34.9248' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M52.118 5.63094V12.9541Z' fill='%23ACD799'/%3E %3Cpath d='M52.118 5.63094V12.9541' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
/* Fallback for the default 6-card grid order (Housing, Tenancy, Waste,
Street, Council, Benefits). Remove if you use the classes above. */
.silo-default .row > [class*="col-"]:nth-child(1) .thumbnail.silo-list::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 87 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.750122 71.75H86.1625' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M0.750122 41.8984L39.0384 23.5287' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.64038 39.0205V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M31.675 0.75047L86.1623 34.5508' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M80.2717 30.8982V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M68.491 23.5878V9.56803H77.3268V29.0693' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M71.7501 55.75H47.7501V71.75H71.7501V55.75Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M59.6546 56.5952V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M29.7501 50.75H14.7501V71.75H29.7501V50.75Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M15.4762 44.8379H30.2025' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M39.0387 5.31721V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M56.7095 30.1422C56.7095 33.3885 54.072 36.0205 50.819 36.0205C47.5659 36.0205 44.9285 33.3885 44.9285 30.1422C44.9285 26.8944 47.5659 24.2639 50.819 24.2639C54.072 24.2639 56.7095 26.8944 56.7095 30.1422Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M21.7667 14.2361C21.7667 20.0275 17.0609 24.7227 11.2584 24.7227C5.45402 24.7227 0.750122 20.0275 0.750122 14.2361C0.750122 8.44467 5.45402 3.74956 11.2584 3.74956C17.0609 3.74956 21.7667 8.44467 21.7667 14.2361Z' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M8.39246 20.9102H14.1243' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.3479 12.3294H11.2585V20.4326' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M11.2585 8.03994C11.2585 8.30353 11.0436 8.5166 10.7809 8.5166C10.5163 8.5166 10.3032 8.30353 10.3032 8.03994C10.3032 7.77635 10.5163 7.56328 10.7809 7.56328C11.0436 7.56328 11.2585 7.77635 11.2585 8.03994Z' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.silo-default .row > [class*="col-"]:nth-child(2) .thumbnail.silo-list::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M71.687 12.9552L59.4564 0.749891H37.4414V47.1299H71.687V12.9552Z' fill='%23ACD799' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M59.457 0.749816V12.9551H71.6876' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M13.087 71.541H0.75V49.5715H13.087V71.541Z' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M13.0864 69.0996H65.5177C65.5177 63.8452 54.723 59.2292 42.3872 59.3354H20.7966' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M13.0864 52.0115H23.8811C31.1375 53.0722 34.6758 57.6894 36.2181 59.2285' stroke='%23231F20' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M6.91825 63.8449C6.067 63.8449 5.37598 64.5333 5.37598 65.3852C5.37598 66.2347 6.067 66.9219 6.91825 66.9219C7.7695 66.9219 8.46175 66.2347 8.46175 65.3852C8.46175 64.5333 7.7695 63.8449 6.91825 63.8449Z' fill='%23231F20'/%3E %3C/svg%3E");}
.silo-default .row > [class*="col-"]:nth-child(3) .thumbnail.silo-list::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 73 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M24.8181 47.8979H35.0864V56.8877H26.078C25.2891 56.8877 23.8613 55.4198 23.4404 54.7552' fill='%23ACD799'/%3E %3Cpath d='M24.8181 47.8979H35.0864V56.8877H26.078C25.2891 56.8877 23.8613 55.4198 23.4404 54.7552' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M23.4406 54.7568C23.4406 54.7568 21.0514 51.6322 27.7003 44.0744H30.9459L26.0781 37.5978H17.1533L19.5875 39.2173C19.5875 39.2173 17.9647 40.2094 17.9647 42.4556C17.9647 44.3627 21.2824 50.7962 23.4406 54.7568Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M48.0443 46.6797L42.0846 38.6544L49.1208 33.7973L54.2917 41.2582C54.7402 41.9048 54.7222 43.0799 54.4133 43.8036' fill='%23ACD799'/%3E %3Cpath d='M48.0443 46.6797L42.0846 38.6544L49.1208 33.7973L54.2917 41.2582C54.7402 41.9048 54.7222 43.0799 54.4133 43.8036' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M54.4135 43.8038C54.4135 43.8038 52.5481 47.7221 43.1162 46.5027V44.0735L38.2484 51.3604L42.8157 59.457L43.1162 55.6582C43.1162 55.6582 44.8954 56.9283 46.7473 55.6505C48.3193 54.5659 52.2148 47.8011 54.4135 43.8038Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M35.0164 27.2366L30.9819 35.7705L23.2449 32.1277L27.1224 23.9245C27.4596 23.2124 28.54 22.6036 29.3231 22.5073' fill='%23ACD799'/%3E %3Cpath d='M35.0164 27.2366L30.9819 35.7705L23.2449 32.1277L27.1224 23.9245C27.4596 23.2124 28.54 22.6036 29.3231 22.5073' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M29.3234 22.508C29.3234 22.508 33.2234 22.1195 37.3371 31.6827L35.814 32.4873H44.7388L48.7952 24.8132L45.5039 26.0243C45.5039 26.0243 45.4209 24.1544 43.385 23.1957C41.6567 22.3827 33.8914 22.4039 29.3234 22.508Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M61.9036 71.54H10.5352V10.5137H61.9036V71.54Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M49.6729 10.5146H22.7656V0.75044H49.6729V10.5146Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M0.75 10.5146H71.6873' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.silo-default .row > [class*="col-"]:nth-child(4) .thumbnail.silo-list::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 51 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M49.6723 25.16C49.6723 38.6432 25.2112 71.54 25.2112 71.54C25.2112 71.54 0.75 38.6432 0.75 25.16C0.75 11.6793 11.7013 0.749525 25.2112 0.749525C38.7211 0.749525 49.6723 11.6793 49.6723 25.16Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M34.9952 25.1596C34.9952 30.5531 30.6142 34.9238 25.2107 34.9238C19.8073 34.9238 15.4263 30.5531 15.4263 25.1596C15.4263 19.7661 19.8073 15.3954 25.2107 15.3954C30.6142 15.3954 34.9952 19.7661 34.9952 25.1596Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.silo-default .row > [class*="col-"]:nth-child(5) .thumbnail.silo-list::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 87 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.750183 71.75H86.1625' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M0.750183 41.8984L39.0385 23.5287' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.64044 39.0205V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M31.6751 0.75047L86.1623 34.5508' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M80.2718 30.8982V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M68.4911 23.5878V9.56803H77.3269V29.0693' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M71.7502 55.75H47.7502V71.75H71.7502V55.75Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M59.6547 56.5952V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M29.7502 50.75H14.7502V71.75H29.7502V50.75Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M15.4763 44.8379H30.2026' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M39.0388 5.31721V71.291' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M56.7095 30.1422C56.7095 33.3885 54.0721 36.0205 50.819 36.0205C47.566 36.0205 44.9285 33.3885 44.9285 30.1422C44.9285 26.8944 47.566 24.2639 50.819 24.2639C54.0721 24.2639 56.7095 26.8944 56.7095 30.1422Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M66.6228 40.1376C66.6228 38.1464 65.1899 36.4972 63.2972 36.1472C64.9103 35.0988 65.6013 33.0269 64.8408 31.1874C64.0755 29.347 62.1198 28.3711 60.2352 28.7703C61.3253 27.1856 61.1694 25.0081 59.76 23.6C58.3489 22.1919 56.1645 22.0379 54.5781 23.125C54.979 21.2467 54.0003 19.2918 52.1553 18.5289C50.3111 17.7676 48.2358 18.4588 47.1876 20.0685C46.8344 18.1805 45.1834 16.7498 43.1865 16.7498C41.1912 16.7498 39.5385 18.1805 39.1869 20.0685C38.1372 18.4612 36.0618 17.7692 34.2176 18.5289C32.3743 19.2918 31.3972 21.2443 31.7948 23.1234C30.2084 22.0379 28.0256 22.1919 26.6146 23.6008C25.2036 25.0081 25.0508 27.1856 26.1394 28.7703C24.2564 28.3711 22.2991 29.3486 21.5354 31.1882C20.7717 33.0277 21.4626 35.098 23.0757 36.1456C21.183 36.4972 19.7502 38.1464 19.7502 40.1376C19.7502 42.1272 21.1846 43.778 23.0757 44.1289C21.4626 45.1765 20.7717 47.2491 21.5338 49.0879C22.2975 50.9274 24.2548 51.9041 26.1394 51.5057C25.0508 53.0904 25.2052 55.2679 26.6146 56.6752C28.0256 58.0817 30.2068 58.2365 31.7948 57.1502C31.3972 59.0309 32.3759 60.9834 34.2193 61.7447C36.0618 62.5068 38.1372 61.8165 39.1869 60.2051C39.5385 62.0947 41.1928 63.5254 43.1865 63.5254C45.1834 63.5254 46.8344 62.0947 47.1876 60.2051C48.2358 61.8165 50.3111 62.506 52.1569 61.7447C54.0003 60.9834 54.9773 59.0309 54.5781 57.1502C56.1645 58.2365 58.3489 58.0817 59.76 56.6752C61.1694 55.2679 61.3253 53.0904 60.2352 51.5057C62.1181 51.9041 64.0755 50.9274 64.8408 49.0879C65.6045 47.2491 64.9119 45.1765 63.2972 44.1289C65.1883 43.7797 66.6228 42.1288 66.6228 40.1376Z' fill='white' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M35.9133 39.3311H45.6111Z' fill='white'/%3E %3Cpath d='M35.9133 39.3311H45.6111' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M48.8437 33.6858C48.8437 31.2663 47.2274 29.6534 44.803 29.6534C42.3785 29.6534 40.7622 31.2663 40.7622 33.6858V42.557C40.7622 45.7829 39.1459 49.0088 35.9133 49.0088H48.8437' fill='white'/%3E %3Cpath d='M48.8437 33.6858C48.8437 31.2663 47.2274 29.6534 44.803 29.6534C42.3785 29.6534 40.7622 31.2663 40.7622 33.6858V42.557C40.7622 45.7829 39.1459 49.0088 35.9133 49.0088H48.8437' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
.silo-default .row > [class*="col-"]:nth-child(6) .thumbnail.silo-list::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 73 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M46.0033 31.262C46.0033 35.9793 42.1702 39.8057 37.4419 39.8057C32.7123 39.8057 28.8805 35.9793 28.8805 31.262C28.8805 26.5434 32.7123 22.7183 37.4419 22.7183C42.1702 22.7183 46.0033 26.5434 46.0033 31.262Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M60.68 9.29323C60.68 14.0106 56.847 17.8369 52.1186 17.8369C47.389 17.8369 43.5572 14.0106 43.5572 9.29323C43.5572 4.57468 47.389 0.749549 52.1186 0.749549C56.847 0.749549 60.68 4.57468 60.68 9.29323Z' fill='%23ACD799' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M12.9806 62.9951H0.75V41.0256H12.9806V62.9951Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E %3Cpath d='M12.9803 60.364C45.1479 71.0656 34.9244 71.5758 71.6871 53.23C68.4313 49.9834 65.858 48.7031 62.497 49.6624L49.2599 54.0453' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M12.9803 43.4676H22.7647C29.9747 43.4676 34.6871 47.1218 36.2184 48.3338C40.2985 48.3692 40.6177 48.3338 46.0028 48.3338C50.8633 48.3338 50.8633 55.6729 46.0028 55.6729H28.88' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M37.4415 27.6016V34.9248Z' fill='%23ACD799'/%3E %3Cpath d='M37.4415 27.6016V34.9248' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M52.118 5.63094V12.9541Z' fill='%23ACD799'/%3E %3Cpath d='M52.118 5.63094V12.9541' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");}
/* ------------------------------------------------ 12. DETAIL / FAQ PAGES */
.silo-detail-alt .faq-nav-list ol{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:14px!important;}
.silo-detail-alt .faq-nav-list li{background:var(--apas-surface)!important;border:1px solid var(--apas-line)!important;border-radius:var(--apas-radius-2xl)!important;padding:6px 6px 4px!important;margin:0!important;list-style:none!important;box-shadow:var(--apas-shadow-sm)!important;overflow:hidden!important;}
.silo-detail-alt .silo-accordian-header{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;background:transparent!important;border:0!important;border-radius:var(--apas-radius-lg)!important;padding:14px 16px!important;min-height:0!important;text-align:left!important;font-family:var(--apas-font-family)!important;font-weight:600!important;font-size:15px!important;color:var(--apas-ink)!important;box-shadow:none!important;}
.silo-detail-alt .silo-accordian-header:hover{background:var(--apas-line-2)!important;}
/* number badge — black for accessible contrast on white text */
.silo-detail-alt .silo-accordian-header .part-number{flex:0 0 auto!important;display:inline-grid!important;place-items:center!important;min-width:30px!important;height:30px!important;padding:0 9px!important;background:var(--apas-accent)!important;color:#fff!important;border-radius:var(--apas-radius-full)!important;font-weight:700!important;font-size:13px!important;line-height:1!important;}
.silo-detail-alt markdown-with-html{display:block!important;padding:0 18px 12px 60px!important;color:var(--apas-ink-2)!important;line-height:1.55!important;}
.silo-detail-alt markdown-with-html p{margin:0 0 10px!important;}
/* external-content links rendered as buttons */
.silo-detail-alt markdown-with-html a.btn{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:0 14px!important;background:var(--apas-accent)!important;border:1px solid var(--apas-accent)!important;color:var(--apas-on-accent)!important;border-radius:var(--apas-radius-lg)!important;font-weight:600!important;font-size:13px!important;text-decoration:none!important;margin-top:2px!important;}
.silo-detail-alt markdown-with-html a.btn:hover{background:var(--apas-accent-soft)!important;border-color:var(--apas-accent-soft)!important;color:#fff!important;}
/* -------------------------------------- 13. "ADD TO MY ACCOUNT" FAVOURITE BTN */
button.addFavourite{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;min-height:38px!important;height:auto!important;padding:6px 18px!important;border-radius:var(--apas-radius-full)!important;background:var(--apas-green-tint)!important;border:0!important;color:var(--apas-ink)!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;box-shadow:none!important;text-align:left!important;}
button.addFavourite:hover{background:rgba(89,175,51,.38)!important;color:var(--apas-ink)!important;}
button.addFavourite[disabled]{opacity:.55!important;cursor:not-allowed!important;}
button.addFavourite .clearButtonTitle{margin:0!important;white-space:nowrap!important;color:var(--apas-ink)!important;}
/* swap the font-awesome star glyph for the inline "add" icon */
button.addFavourite::before{content:''!important;display:inline-block!important;flex:0 0 auto!important;width:28px!important;height:22px!important;background:center/contain no-repeat!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M31.5 21.3019C31.5 22.7687 30.2974 23.9688 28.8276 23.9688H3.17241C1.70259 23.9688 0.5 22.7687 0.5 21.3019V3.16707C0.5 1.70028 1.70259 0.500183 3.17241 0.500183H28.8276C30.2974 0.500183 31.5 1.70028 31.5 3.16707V21.3019Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M0.5 5.83398H31.5Z' fill='white'/%3E %3Cpath d='M0.5 5.83398H31.5' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M4.77612 3.16682C4.77612 3.46124 4.53721 3.7002 4.24164 3.7002C3.94607 3.7002 3.70715 3.46124 3.70715 3.16682C3.70715 2.8724 3.94607 2.63344 4.24164 2.63344C4.53721 2.63344 4.77612 2.8724 4.77612 3.16682Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M7.98321 3.16682C7.98321 3.46124 7.7443 3.7002 7.44873 3.7002C7.15316 3.7002 6.91425 3.46124 6.91425 3.16682C6.91425 2.8724 7.15316 2.63344 7.44873 2.63344C7.7443 2.63344 7.98321 2.8724 7.98321 3.16682Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M11.1897 3.16682C11.1897 3.46124 10.9508 3.7002 10.6552 3.7002C10.3596 3.7002 10.1207 3.46124 10.1207 3.16682C10.1207 2.8724 10.3596 2.63344 10.6552 2.63344C10.9508 2.63344 11.1897 2.8724 11.1897 3.16682Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M10.2112 13.4482H4.54633V8.59266H10.2112V13.4482Z' fill='%23ACD799' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M18.3038 13.4482H13.4482V8.59266H18.3038V13.4482Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M27.2057 13.4482H21.5408V8.59266H27.2057V13.4482Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M10.2112 20.7314H4.54633V16.6851H10.2112V20.7314Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M18.3038 20.7314H13.4482V16.6851H18.3038V20.7314Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M27.2057 20.7314H21.5408V16.6851H27.2057V20.7314Z' fill='white' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E")!important;font-family:inherit!important;}
/* full card width when in the service grid (not the detail-page pills) */
.dashboard-silo button.addFavourite{width:100%!important;justify-content:flex-start!important;}
/* --------------------------------------------------------- 14. MOBILE MENU */
/* NOTE: `top` should equal the header (110px) + warning-bar height. */
.mini-menu{background:var(--apas-accent)!important;position:fixed!important;top:170px!important;left:0!important;bottom:auto!important;height:auto!important;max-height:calc(100vh - 170px)!important;width:min(340px,90vw)!important;overflow-y:auto!important;z-index:3000!important;box-shadow:var(--apas-shadow-lg)!important;font-family:var(--apas-font-family)!important;border-top-right-radius:16px!important;border-bottom-right-radius:16px!important;}
.mini-menu .content{padding:18px 16px 22px!important;}
.mini-menu h1{color:#fff!important;font-size:20px!important;font-weight:700!important;margin:0 0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.mini-menu i.close{color:#fff!important;font-size:20px!important;width:40px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;opacity:.85!important;flex:0 0 40px!important;}
.mini-menu .nav{margin:0!important;padding:0!important;}
.mini-menu .nav>li{margin:0!important;float:none!important;}
.mini-menu .nav>li>a{display:block!important;color:rgba(255,255,255,.82)!important;font-size:16px!important;font-weight:600!important;padding:14px 16px!important;border-radius:12px!important;margin:3px 0!important;text-decoration:none!important;}
.mini-menu .nav>li>a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;}
.mini-menu .nav>li.active>a{background:#fff!important;color:var(--apas-ink)!important;}
.mini-menu .content>div{margin-top:20px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.15)!important;}
.mini-menu .content>div>h1{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:rgba(255,255,255,.55)!important;font-weight:600!important;margin:0 0 8px!important;}
.mini-menu .content>div .nav>li>a{color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;text-align:center!important;margin-top:4px!important;}
/* ------------------------------------------------- 15. DETAILS CAPTION TINT */
.details.caption{background:var(--apas-green-tint)!important;}
.details.caption,.details.caption *{color:var(--apas-ink)!important;}
/* ============================================================================
NEEDS MARKUP / JS (cannot be done in pure CSS)
----------------------------------------------------------------------------
1. Warning bar position: move #onevu-custom-banner to sit directly after
#top-banner in the DOM so it's a full-width bar under the header.
2. Service-tile icons: either add an .apas-svc--* class to each tile
(see section 11) or keep the default-order fallback.
3. Escaped links: some FAQ items author the external link with curly/smart
quotes (class="btn btn-sm btn-primary"), which the browser can't parse,
so it shows the raw as text. Fix the content to use straight quotes,
or re-parse it client-side. Once it's a real , the
styling in section 12 renders it as a button automatically.
============================================================================ */