:root{--hm-navy:#071a35;--hm-navy2:#062653;--hm-blue:#0879f9;--hm-cyan:#05b7e9;--hm-purple:#7546ef;--hm-ink:#0a2460;--hm-text:#233b68;--hm-soft:#f3f8ff;--hm-line:#d9e7f7;--hm-white:#fff;--hm-wrap:1320px;--hm-shadow:0 12px 28px rgba(4,37,92,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.hm-site{margin:0;background:#fff;color:var(--hm-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;font-size:16px}body.hm-site a{color:var(--hm-blue);text-decoration:none}body.hm-site a:hover{text-decoration:underline}.hm-wrap{width:min(var(--hm-wrap),calc(100% - 48px));margin:auto}.hm-skip{position:absolute;left:-9999px}.hm-skip:focus{left:18px;top:18px;background:#fff;color:#000;padding:10px 14px;z-index:9999;border:2px solid #000}.hm-topline{height:6px;background:var(--hm-navy)}.hm-head-main{display:grid;grid-template-columns:240px 165px 245px minmax(230px,1fr) 150px;align-items:center;gap:20px;min-height:105px}.hm-logo{display:flex;align-items:center;gap:10px;color:var(--hm-navy)!important}.hm-logo-house{font-size:48px;color:var(--hm-blue);line-height:1}.hm-logo strong{display:block;font-size:30px;letter-spacing:-1.5px}.hm-logo small{display:block;font-size:12px;letter-spacing:4px;color:var(--hm-navy)}.hm-wp-logo img{max-width:190px;height:auto}.hm-head-hours{text-align:right;color:var(--hm-navy)}.hm-head-hours small,.hm-head-hours strong{display:block}.hm-head-phone{font-size:30px;font-weight:800;color:var(--hm-navy)!important;white-space:nowrap}.hm-head-email{color:var(--hm-navy)!important;font-weight:600;white-space:nowrap}.hm-quote-button{background:linear-gradient(135deg,var(--hm-blue),var(--hm-cyan));color:#fff!important;padding:16px 18px;border-radius:6px;font-weight:800;text-align:center;white-space:nowrap}.hm-menu-button{display:none}.hm-nav{background:var(--hm-navy)}.hm-nav-inner{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:54px}.hm-nav a{color:#fff!important;font-size:14px;font-weight:700;white-space:nowrap;padding:17px 4px 14px;border-bottom:3px solid transparent}.hm-nav a.active,.hm-nav a:hover{color:#36d6ff!important;border-bottom-color:#16cbef;text-decoration:none}.hm-gradient-line{height:22px;background:linear-gradient(90deg,#087cea,#18a8ed 45%,#7747ed)}.hm-hero{background:linear-gradient(105deg,#072969 0%,#064aa0 48%,#092a68 100%);color:#fff;overflow:hidden}.hm-hero-grid{min-height:465px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}.hm-hero-copy{padding:55px 30px 50px 0;align-self:center}.hm-eyebrow{display:block;color:#23d8ff;font-size:14px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}.hm-hero h1{font-size:54px;line-height:1.03;margin:0 0 14px;letter-spacing:-1.8px;color:#fff}.hm-hero h1 span{color:#8ee7ff}.hm-hero h2{font-size:24px;margin:0 0 10px;color:#fff}.hm-hero p{font-size:18px;max-width:740px;color:#e9f3ff}.hm-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:800;border:2px solid transparent;text-decoration:none!important;cursor:pointer}.hm-btn-primary{background:linear-gradient(135deg,var(--hm-blue),var(--hm-cyan));color:#fff!important}.hm-btn-ghost{border-color:#d4e8ff;color:#fff!important}.hm-btn-light{background:#fff;color:var(--hm-ink)!important;border-radius:6px}.hm-hero-visual{position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 70% 40%,rgba(127,232,255,.3),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(117,70,239,.25))}.hm-brand-panel{width:360px;max-width:82%;background:rgba(255,255,255,.93);color:var(--hm-navy);padding:36px 26px;border-radius:12px;box-shadow:var(--hm-shadow);text-align:center;transform:rotate(-1deg)}.hm-brand-panel.large{width:480px;max-width:100%}.hm-brand-mark{font-size:70px;color:var(--hm-blue);line-height:.8}.hm-brand-panel strong{display:block;font-size:46px;letter-spacing:-2px}.hm-brand-panel span{display:block;letter-spacing:7px;font-weight:800}.hm-brand-panel small{display:block;margin-top:12px;color:#1d3559}.hm-script{position:absolute;right:3%;bottom:12%;font-size:24px;font-style:italic;max-width:210px;text-align:center;color:#fff;transform:rotate(-4deg)}.hm-contact-strip{background:var(--hm-navy2);color:#fff}.hm-four{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:18px 0}.hm-feature{display:flex;gap:13px;align-items:center}.hm-feature strong,.hm-feature small{display:block}.hm-feature small{color:#dcecff}.hm-round{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--hm-blue),var(--hm-cyan));color:#fff;display:inline-grid;place-items:center;font-weight:900;flex:0 0 48px}.hm-section{padding:58px 0}.hm-soft{background:linear-gradient(180deg,#f8fbff,#edf6ff)}.hm-gradient-section{background:linear-gradient(120deg,#0875ef,#7846ee);color:#fff}.hm-gradient-section h2,.hm-gradient-section p,.hm-gradient-section .hm-eyebrow{color:#fff}.hm-section-heading{margin-bottom:26px}.hm-section-heading h2{font-size:35px;line-height:1.1;color:var(--hm-ink);margin:0 0 8px;letter-spacing:-.7px}.hm-section-heading p{margin:0;max-width:900px}.hm-grid{display:grid;gap:18px}.hm-grid-4{grid-template-columns:repeat(4,1fr)}.hm-grid-3{grid-template-columns:repeat(3,1fr)}.hm-grid-2{grid-template-columns:repeat(2,1fr)}.hm-card{border:1px solid var(--hm-line);background:#fff;border-radius:9px;padding:22px;box-shadow:0 5px 14px rgba(12,61,129,.04)}.hm-card h3{color:var(--hm-ink);font-size:20px;line-height:1.16;margin:10px 0 8px}.hm-card p{margin:0 0 10px}.hm-card-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e8f4ff;color:var(--hm-blue);font-size:24px;font-weight:900}.hm-text-link{font-weight:800}.hm-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.hm-location-card{background:#edf6ff;border:1px solid var(--hm-line);border-radius:12px;padding:28px}.hm-location-card h3{color:var(--hm-ink);font-size:24px}.hm-location-card ul{padding-left:22px}.hm-brand-scene{min-height:370px;display:grid;place-items:center;background:linear-gradient(145deg,#f4f8fd,#d7e9fb);border-radius:12px}.hm-location-visual{min-height:315px;border-radius:12px;background:linear-gradient(145deg,#d8efff,#b9d7f7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--hm-navy)}.hm-location-visual strong{font-size:56px}.hm-location-visual span{font-size:22px}.hm-faq details{border-bottom:1px solid var(--hm-line);background:#f7fbff;margin-bottom:8px;border-radius:7px}.hm-faq summary{cursor:pointer;padding:15px 17px;color:var(--hm-ink);font-weight:800;display:flex;justify-content:space-between}.hm-faq details p{padding:0 17px 17px;margin:0}.hm-cta{background:linear-gradient(90deg,#075dd8,#0688f6 52%,#7546ef);color:#fff}.hm-cta .hm-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px;padding-bottom:30px}.hm-cta h2{margin:0 0 5px;color:#fff;font-size:31px}.hm-cta p{margin:0;color:#edf6ff}.hm-contact-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:35px;align-items:start}.hm-contact-list p{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--hm-line);padding:12px 0;margin:0}.hm-contact-list strong{color:var(--hm-ink)}.hm-map-card{margin-top:25px;padding:25px;border-radius:12px;background:linear-gradient(145deg,#e9f5ff,#d9eafd);display:flex;gap:20px}.hm-form-panel{background:linear-gradient(145deg,#f6fbff,#eaf5ff);border:1px solid var(--hm-line);border-radius:12px;padding:28px}.hm-form-panel h2{color:var(--hm-ink);margin-top:0}.hm-form-panel form{display:grid;gap:13px}.hm-form-panel label{font-weight:700;color:var(--hm-ink)}.hm-form-panel input,.hm-form-panel select,.hm-form-panel textarea{width:100%;margin-top:6px;border:1px solid #bcd5ee;border-radius:7px;padding:13px 14px;background:#fff;color:#18365f;font:inherit}.hm-form-panel input:focus-visible,.hm-form-panel select:focus-visible,.hm-form-panel textarea:focus-visible,.hm-menu-button:focus-visible,.hm-btn:focus-visible,.hm-nav a:focus-visible,.hm-logo:focus-visible,.hm-head-phone:focus-visible,.hm-head-email:focus-visible,.hm-quote-button:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.hm-site a:focus:not(:focus-visible),.hm-site button:focus:not(:focus-visible),.hm-site input:focus:not(:focus-visible),.hm-site select:focus:not(:focus-visible),.hm-site textarea:focus:not(:focus-visible){outline:none}.hm-success{padding:12px 14px;background:#e5f8ec;border:1px solid #8dd2a2;border-radius:7px;color:#18542a;font-weight:700}.hm-hp{position:absolute!important;left:-9999px!important}.hm-empty{grid-column:1/-1;padding:36px;background:#f3f8ff;border:1px dashed #9bbdde;border-radius:10px}.hm-testimonial .hm-review p{margin-top:0}.hm-testimonial small{display:block;margin-top:9px}.hm-reg{background:#f7fbff}.hm-reg-small{font-size:12px;color:#b9c9dd}.hm-legal{padding:44px 0 60px}.hm-legal h2{color:var(--hm-ink);font-size:28px;margin:26px 0 6px}.hm-legal p,.hm-legal li{max-width:1100px}.hm-legal-note{margin-top:30px;padding:18px;background:#fff7db;border-left:5px solid #e9ad22;border-radius:6px}.hm-footer{background:#061c37;color:#dce8f6;padding-top:45px}.hm-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:35px;padding-bottom:38px}.hm-footer h2{font-size:16px;color:#fff}.hm-footer a,.hm-footer span{display:block;color:#e1ebf7!important;margin:5px 0}.hm-footer-logo{font-size:24px}.hm-footer-logo span{letter-spacing:5px;font-size:11px}.hm-footer-bottom{border-top:1px solid rgba(255,255,255,.16)}.hm-footer-bottom .hm-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px}.hm-footer-bottom nav{display:flex;gap:18px}.hm-footer-bottom nav a{font-size:13px}@media(max-width:1120px){.hm-head-main{grid-template-columns:200px 1fr 190px 140px}.hm-head-hours,.hm-head-email{display:none}.hm-nav-inner{overflow-x:auto;justify-content:flex-start;padding-bottom:3px}.hm-grid-4{grid-template-columns:repeat(2,1fr)}.hm-four{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.hm-wrap{width:min(100% - 30px,var(--hm-wrap))}.hm-head-main{grid-template-columns:1fr auto;min-height:82px}.hm-head-phone,.hm-head-email,.hm-head-hours,.hm-quote-button{display:none}.hm-menu-button{display:block;background:var(--hm-navy);color:#fff;border:0;border-radius:6px;padding:10px 14px;font-weight:800}.hm-nav{display:none}.hm-nav.open{display:block}.hm-nav-inner{display:flex;flex-direction:column;align-items:stretch;padding:10px 0}.hm-nav a{padding:10px 5px}.hm-gradient-line{height:10px}.hm-hero-grid{grid-template-columns:1fr}.hm-hero-copy{padding:38px 0}.hm-hero h1{font-size:40px}.hm-hero-visual{min-height:310px}.hm-script{display:none}.hm-grid-4,.hm-grid-3,.hm-grid-2,.hm-four,.hm-split,.hm-contact-layout,.hm-footer-grid{grid-template-columns:1fr}.hm-cta .hm-wrap,.hm-footer-bottom .hm-wrap{flex-direction:column;align-items:flex-start;padding-top:24px;padding-bottom:24px}.hm-footer-bottom nav{flex-wrap:wrap}.hm-location-visual strong{font-size:42px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V7.1 visual refinement — locked header/footer repair */
body.hm-site .hm-header{background:#fff;position:relative;z-index:50}
body.hm-site .hm-head-main{grid-template-columns:minmax(250px,1.15fr) 165px 235px minmax(245px,1fr) 155px;gap:24px;min-height:112px;padding-top:10px;padding-bottom:10px}
body.hm-site .hm-logo{min-width:0;display:flex;align-items:center;justify-content:flex-start;text-decoration:none!important}
body.hm-site .hm-logo-img-header{display:block!important;width:auto!important;height:auto!important;max-width:225px!important;max-height:78px!important;object-fit:contain!important;margin:0!important;padding:0!important}
body.hm-site .hm-logo-fallback{display:flex;align-items:center;gap:10px}
body.hm-site .hm-head-hours{font-size:14px;line-height:1.25}
body.hm-site .hm-head-phone{font-size:27px;line-height:1;font-weight:850;letter-spacing:-.5px}
body.hm-site .hm-head-email{font-size:14px;overflow-wrap:anywhere}
body.hm-site .hm-quote-button{display:inline-flex!important;align-items:center;justify-content:center;align-self:center;justify-self:end;min-width:150px;min-height:50px;box-shadow:0 9px 22px rgba(5,147,230,.22)}
body.hm-site .hm-nav{box-shadow:0 4px 14px rgba(1,23,52,.08)}
body.hm-site .hm-gradient-line{height:14px}
body.hm-site .hm-hero{position:relative;background:linear-gradient(112deg,#062968 0%,#0759bc 48%,#342a92 100%)}
body.hm-site .hm-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 35%,rgba(3,208,246,.18),transparent 34%),radial-gradient(circle at 82% 42%,rgba(134,84,255,.22),transparent 35%)}
body.hm-site .hm-hero-grid{position:relative;z-index:1;min-height:480px}
body.hm-site .hm-hero-copy{padding-top:62px;padding-bottom:62px}
body.hm-site .hm-hero h1{max-width:720px}
body.hm-site .hm-hero p{font-size:17px;line-height:1.65}
body.hm-site .hm-hero-visual{background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(117,70,239,.18));overflow:hidden}
body.hm-site .hm-hero-visual:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-90px;top:-90px;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018)}
body.hm-site .hm-real-brand-panel{position:relative;z-index:2;width:390px;max-width:82%;padding:38px 34px;border:1px solid rgba(255,255,255,.75);box-shadow:0 20px 50px rgba(0,17,55,.24)}
body.hm-site .hm-logo-img-hero{display:block!important;width:auto!important;height:auto!important;max-width:285px!important;max-height:150px!important;object-fit:contain!important;margin:0 auto!important}
body.hm-site .hm-real-brand-panel small{margin-top:16px;font-size:12px;letter-spacing:.02em}
body.hm-site .hm-section{padding-top:66px;padding-bottom:66px}
body.hm-site .hm-section-heading{margin-bottom:30px}
body.hm-site .hm-card{border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 8px 24px rgba(12,61,129,.055)}
body.hm-site .hm-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(12,61,129,.10);border-color:#bfdcf5}
body.hm-site .hm-card-icon{background:linear-gradient(145deg,#eaf6ff,#d9ecff);box-shadow:inset 0 0 0 1px #cde5fb}
body.hm-site .hm-location-card{box-shadow:0 12px 30px rgba(12,61,129,.07)}
body.hm-site .hm-cta{box-shadow:inset 0 1px rgba(255,255,255,.16)}
body.hm-site .hm-footer{padding-top:52px}
body.hm-site .hm-footer-logo{display:inline-block!important;text-decoration:none!important;margin-bottom:12px}
body.hm-site .hm-footer-logo-panel{display:flex!important;align-items:center;justify-content:center;width:225px;min-height:88px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
body.hm-site .hm-logo-img-footer{display:block!important;width:auto!important;height:auto!important;max-width:188px!important;max-height:62px!important;object-fit:contain!important;margin:0!important}
body.hm-site .hm-footer-grid{align-items:start}
body.hm-site .hm-footer h2{font-size:15px;letter-spacing:.02em;margin-top:4px}
body.hm-site .hm-footer a,body.hm-site .hm-footer span{line-height:1.5}
@media(max-width:1120px){
 body.hm-site .hm-head-main{grid-template-columns:minmax(220px,1fr) 205px 150px;gap:18px}
 body.hm-site .hm-head-hours,body.hm-site .hm-head-email{display:none}
 body.hm-site .hm-logo-img-header{max-width:210px!important;max-height:72px!important}
 body.hm-site .hm-head-phone{font-size:24px;text-align:center}
}
@media(max-width:780px){
 body.hm-site .hm-head-main{grid-template-columns:1fr auto;min-height:90px;padding-top:8px;padding-bottom:8px}
 body.hm-site .hm-logo-img-header{max-width:185px!important;max-height:64px!important}
 body.hm-site .hm-head-phone,body.hm-site .hm-head-email,body.hm-site .hm-head-hours,body.hm-site .hm-quote-button{display:none!important}
 body.hm-site .hm-gradient-line{height:9px}
 body.hm-site .hm-hero-grid{min-height:auto}
 body.hm-site .hm-hero-copy{padding-top:42px;padding-bottom:42px}
 body.hm-site .hm-hero h1{font-size:39px;letter-spacing:-1px}
 body.hm-site .hm-real-brand-panel{max-width:88%;margin:34px 0;padding:30px 24px}
 body.hm-site .hm-logo-img-hero{max-width:235px!important;max-height:120px!important}
 body.hm-site .hm-section{padding-top:48px;padding-bottom:48px}
 body.hm-site .hm-footer-logo-panel{width:205px}
}

/* V7.2 interaction + branding refinement */
.hm-logo .custom-logo{max-height:58px;width:auto;object-fit:contain}
.hm-hero-visual .custom-logo{max-height:86px;width:auto;object-fit:contain}
.hm-footer .custom-logo{max-height:62px;width:auto;object-fit:contain}
.hm-logo,.hm-head-phone,.hm-head-email,.hm-quote-button,.hm-nav a{-webkit-tap-highlight-color:transparent}

/* V8 APPROVED DESIGN LOCK */
.hm-topline{height:32px;background:#061a33;position:relative}.hm-topline:after{content:"Insurance Broker in Southall, West London";position:absolute;left:max(20px,calc((100% - 1280px)/2));top:7px;color:#dcecff;font-size:12px}
.hm-head-main{min-height:88px;grid-template-columns:220px 160px 230px minmax(220px,1fr) 150px}.hm-logo{height:64px;overflow:hidden}.hm-logo .hm-wp-logo{width:200px;height:64px;overflow:hidden}.hm-logo .custom-logo-link{display:flex!important;width:200px;height:64px;align-items:center}.hm-logo .custom-logo{width:200px!important;max-width:none!important;max-height:none!important;height:auto!important;transform:scale(1.65);transform-origin:left center}.hm-gradient-line{height:10px}
.hm-hero{background:linear-gradient(115deg,#0787e7 0%,#1475db 44%,#7148e9 100%)}.hm-hero-grid{min-height:535px;grid-template-columns:1.08fr .92fr}.hm-hero-copy{padding:58px 45px 50px 0}.hm-hero h1{font-size:58px}.hm-hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.hm-hero-features>div{display:flex;gap:8px;align-items:center}.hm-hero-features b{width:38px;height:38px;border:1px solid #d8f4ff;border-radius:50%;display:grid;place-items:center}.hm-hero-features strong,.hm-hero-features small{display:block}.hm-hero-features strong{font-size:12px;color:#fff}.hm-hero-features small{font-size:10px;color:#dff4ff}
.hm-hero-form-wrap{display:flex;align-items:center;justify-content:flex-end;padding:40px 0 40px 40px}.hm-hero-form{width:430px;background:#08285a;padding:29px;border-radius:14px;box-shadow:0 22px 55px rgba(4,22,58,.3);color:#fff}.hm-hero-form h2{font-size:27px;margin:0;color:#fff}.hm-hero-form>p{font-size:14px;margin:4px 0 18px;color:#dcecff}.hm-hero-form form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.hm-hero-form label{font-size:12px;font-weight:700}.hm-hero-form label:first-of-type{grid-column:1/-1}.hm-hero-form input,.hm-hero-form select{width:100%;padding:11px;margin-top:5px;border:1px solid #b7d1eb;border-radius:5px;background:#fff;color:#18375e}.hm-hero-submit{grid-column:1/-1;border:0;border-radius:5px;padding:14px;background:#08b9e9;color:#fff;font-weight:900}.hm-secure{grid-column:1/-1;text-align:center;color:#cfe4f6}.hm-hidden-message,.hm-hp{position:absolute!important;left:-9999px!important}
.hm-services{padding:64px 0}.hm-photo-grid{gap:20px}.hm-photo-card{display:block!important;border:1px solid #dce8f5;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(10,55,115,.09);color:#233b68!important}.hm-photo-card:hover{text-decoration:none!important;transform:translateY(-2px)}.hm-photo{height:165px;background-size:cover;background-position:center;position:relative}.hm-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,25,60,.45))}.hm-photo span{position:absolute;z-index:2;left:17px;bottom:14px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#078aed;font-size:21px}.hm-photo-body{padding:18px}.hm-photo-body h3{margin:0 0 7px;color:#08285b;font-size:20px}.hm-photo-body p{min-height:66px;margin:0 0 9px;font-size:14px}.hm-photo-body strong{color:#078aed}
.hm-photo-personal{background-image:url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=900&q=90')}.hm-photo-commercial{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=900&q=90')}.hm-photo-landlord{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=90')}.hm-photo-property{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=90')}.hm-photo-life{background-image:url('https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=900&q=90')}.hm-photo-info{background-image:url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=900&q=90')}.hm-photo-policy{background-image:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=900&q=90')}.hm-photo-claims{background-image:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=90')}
.hm-footer-logo{background:none!important;border:0!important;padding:0!important}
@media(max-width:1120px){.hm-hero-grid{grid-template-columns:1fr}.hm-hero-form-wrap{padding:0 0 45px;justify-content:flex-start}.hm-hero-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.hm-hero h1{font-size:42px}.hm-hero-form{width:100%}.hm-hero-form form{grid-template-columns:1fr}.hm-hero-form label:first-of-type,.hm-hero-submit,.hm-secure{grid-column:auto}.hm-photo{height:190px}}

/* V8.1 approved detail corrections */
.hm-service-svg{position:absolute!important;z-index:2;left:17px;bottom:14px;width:46px!important;height:46px!important;border-radius:50%;display:grid!important;place-items:center;background:#fff;color:#078aed;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.hm-service-svg svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hm-insurers{background:#fff;border-top:1px solid #e4edf7;padding:34px 0 40px}.hm-insurers .hm-eyebrow{margin-bottom:18px;color:#0aa9d8}
.hm-insurer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hm-insurer-logo{min-height:74px;border:1px solid #dce8f5;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 14px;font-weight:800;font-size:18px;color:#243b63;box-shadow:0 5px 16px rgba(11,52,108,.04)}
.hm-insurer-logo.aviva{color:#6a2c91;font-size:25px}.hm-insurer-logo.lv{color:#4b982e;font-size:28px}.hm-insurer-logo.uinsure{color:#713589;font-size:23px}.hm-insurer-logo.assurant{color:#db5926;font-size:22px}.hm-insurer-logo.source,.hm-insurer-logo.payment,.hm-insurer-logo.ceta{color:#14549a}.hm-insurer-logo.protect{color:#0b6c75;font-size:16px}
body.hm-site .hm-footer-logo-clean{display:block!important;width:180px;height:66px;overflow:hidden;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
body.hm-site .hm-footer-logo-clean .hm-logo-img-footer{width:180px!important;max-width:none!important;height:auto!important;transform:scale(1.55);transform-origin:left center}
body.hm-site .hm-footer-logo-panel{background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.hm-socials{display:flex;gap:9px;margin-top:16px}.hm-socials span{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:grid!important;place-items:center!important;color:#fff!important;font-size:13px;font-weight:800;margin:0!important}
.hm-footer-grid>div:last-child{min-width:290px}@media(min-width:900px){.hm-footer-address{white-space:nowrap}}
@media(max-width:900px){.hm-insurer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hm-insurer-grid{grid-template-columns:1fr}}

/* V8.2 — uploadable insurer logos, vivid icons, corrected footer brand */
.hm-insurers{background:#fff;border-top:1px solid #e4edf7;padding:36px 0 42px}.hm-insurers .hm-eyebrow{margin-bottom:18px;color:#08a6d8}
.hm-insurer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.hm-insurer-logo{min-height:96px;border:1px solid #dce8f5;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:0 6px 18px rgba(11,52,108,.06)}
.hm-insurer-logo img.hm-insurer-image{display:block!important;max-width:100%!important;max-height:64px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:auto!important}.hm-insurer-placeholder{font-weight:800;text-align:center;color:#29456f;line-height:1.2}
.hm-service-svg{width:52px!important;height:52px!important;background:linear-gradient(135deg,#ffffff,#dcf5ff)!important;border:2px solid #08aee8!important;box-shadow:0 8px 20px rgba(0,116,190,.22)!important}.hm-service-svg svg{width:30px!important;height:30px!important;stroke:#067dcb!important;stroke-width:3.6!important}
.hm-footer-logo-clean{display:none!important}.hm-footer-brand{display:flex!important;align-items:center!important;gap:10px!important;background:none!important;border:0!important;padding:0!important;width:max-content!important}.hm-footer-roof{display:block!important;width:56px!important;height:38px!important;margin:0!important}.hm-footer-roof svg{width:100%!important;height:100%!important;fill:none!important;stroke:#27c4f3!important;stroke-width:6!important;stroke-linejoin:round!important}.hm-footer-word{display:block!important;margin:0!important}.hm-footer-word strong{display:block!important;color:#fff!important;font-size:30px!important;line-height:1!important}.hm-footer-word small{display:block!important;color:#bdefff!important;font-size:10px!important;letter-spacing:4px!important;margin-top:4px!important}
@media(max-width:900px){.hm-insurer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hm-insurer-grid{grid-template-columns:1fr}}

/* V8.3 targeted visual polish — approved layout preserved */
.hm-hero-features{gap:18px}
.hm-hero-features>div{gap:10px}
.hm-hero-features .hm-hero-icon,.hm-hero-features>div>b{
  width:46px;height:46px;flex:0 0 46px;border:2px solid rgba(255,255,255,.82);
  border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);
  box-shadow:0 8px 20px rgba(0,44,112,.2);backdrop-filter:blur(3px)
}
.hm-hero-features .hm-hero-icon svg,.hm-hero-features>div>b svg{
  width:24px;height:24px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round
}
.hm-hero-features strong{font-size:13px}.hm-hero-features small{font-size:11px}

.hm-service-svg{
  width:56px!important;height:56px!important;left:16px!important;bottom:12px!important;
  background:linear-gradient(145deg,#08b8ee,#087be6)!important;
  border:4px solid #fff!important;box-shadow:0 8px 22px rgba(1,80,170,.28)!important;color:#fff!important
}
.hm-service-svg svg{width:29px!important;height:29px!important;stroke:#fff!important;stroke-width:3.2!important}
.hm-photo-card:hover .hm-service-svg{transform:scale(1.06)}
.hm-photo-card{transition:transform .2s ease,box-shadow .2s ease}.hm-photo-card:hover{box-shadow:0 16px 34px rgba(9,70,146,.15)}

.hm-steps .hm-card{position:relative;overflow:hidden;padding-top:28px}
.hm-steps .hm-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#08c2ee,#087ce8,#7449ed)}
.hm-steps .hm-card-icon{
  width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#08b9ec,#087ce7);
  color:#fff;display:grid;place-items:center;box-shadow:0 9px 22px rgba(4,103,190,.22);margin-bottom:12px
}
.hm-steps .hm-card-icon svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}
.hm-steps .hm-card h3{font-size:19px}

.hm-card-icon svg,.hm-round svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hm-round{background:linear-gradient(145deg,#09bbed,#087ce8);box-shadow:0 7px 18px rgba(3,104,191,.20)}

.hm-local-support{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fcff 0%,#edf7ff 58%,#f5f1ff 100%);border-top:1px solid #e0edf9;border-bottom:1px solid #e0edf9}
.hm-local-support:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-230px;background:radial-gradient(circle,rgba(89,76,235,.15),rgba(89,76,235,0) 70%)}
.hm-local-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}
.hm-local-copy{position:relative;z-index:2}.hm-local-copy>p{max-width:620px;font-size:16px}
.hm-local-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}
.hm-local-pills span{padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #cfe4f6;color:#0a5f9d;font-size:13px;font-weight:800;box-shadow:0 4px 12px rgba(11,69,128,.05)}
.hm-local-visual{position:relative;min-height:310px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0759bc,#0a9eea 58%,#674ce8);box-shadow:0 20px 46px rgba(13,63,133,.18);color:#fff}
.hm-local-sky{position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 20% 110%,rgba(16,220,242,.3),transparent 35%)}
.hm-local-pin{position:absolute;top:28px;left:30px;width:64px;height:64px;border-radius:20px;background:#fff;color:#0787e8;display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,41,95,.22)}
.hm-local-pin svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hm-local-sign{position:absolute;top:32px;left:116px}.hm-local-sign small{display:block;letter-spacing:.13em;color:#cceeff;font-weight:800}.hm-local-sign strong{display:block;font-size:38px;line-height:1.05}.hm-local-sign span{font-size:19px;color:#e9f7ff}
.hm-local-lineart{position:absolute;left:25px;right:25px;bottom:46px;opacity:.32}.hm-local-lineart svg{width:100%;height:auto;fill:none;stroke:#fff;stroke-width:4;stroke-linejoin:round}
.hm-local-contact{position:absolute;left:30px;bottom:22px;display:flex;gap:8px;align-items:center;font-size:13px}.hm-local-contact span{color:#d9f2ff}
.hm-footer-real-logo{display:block!important;width:180px!important;min-height:64px!important;overflow:hidden!important;background:transparent!important}
.hm-footer-real-logo .hm-logo-img-footer{display:block!important;width:180px!important;max-width:none!important;height:auto!important;max-height:none!important;transform:scale(1.22);transform-origin:left center;filter:none!important}
.hm-footer-roof,.hm-footer-word{display:none!important}

.hm-insurer-logo img{max-width:170px!important;max-height:62px!important;object-fit:contain!important}
.hm-insurer-placeholder{font-size:16px;color:#47617d;font-weight:800}
@media(max-width:900px){.hm-local-grid{grid-template-columns:1fr}.hm-local-visual{min-height:280px}}
@media(max-width:600px){.hm-hero-features{grid-template-columns:1fr 1fr}.hm-local-sign strong{font-size:31px}.hm-local-contact{flex-direction:column;align-items:flex-start;gap:0}}

/* V8.3.2 — brighter How It Works icons only */
.hm-steps .hm-card-icon{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#04c7f4 0%,#0788ec 55%,#6554f3 100%)!important;
  border:2px solid rgba(255,255,255,.95)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 9px 22px rgba(0,112,210,.28)!important;
  opacity:1!important;
}
.hm-steps .hm-card-icon svg{
  width:31px!important;
  height:31px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:3.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
}
.hm-steps .hm-card:hover .hm-card-icon{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 12px 26px rgba(0,112,210,.34)!important;
}

/* V8.3.3 — UK-wide local support panel */
.hm-uk-visual{background:linear-gradient(135deg,#075ec8 0%,#05b9e9 52%,#6550eb 100%)!important}
.hm-uk-visual:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-45px;top:-85px;background:radial-gradient(circle,rgba(255,255,255,.24),rgba(255,255,255,0) 68%)}
.hm-uk-visual .hm-local-sign{right:26px;z-index:3}
.hm-uk-visual .hm-local-sign strong{font-size:31px;max-width:360px}
.hm-uk-visual .hm-local-sign span{display:block;margin-top:5px}
.hm-uk-network{left:22px!important;right:22px!important;bottom:35px!important;opacity:.9!important}
.hm-uk-network svg{height:190px!important}
.hm-uk-network .hm-uk-shape{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.72);stroke-width:3}
.hm-uk-network circle{fill:#fff;stroke:#0a8fe4;stroke-width:3}
.hm-uk-network .hm-net{fill:none;stroke:rgba(255,255,255,.6);stroke-width:2.5;stroke-dasharray:5 5}
.hm-uk-network .hm-wave{fill:none;stroke:rgba(255,255,255,.18);stroke-width:3}
.hm-uk-caption{z-index:4}.hm-uk-caption strong{font-size:14px}.hm-uk-caption span{color:#e7f8ff!important}
@media(max-width:600px){.hm-uk-visual .hm-local-sign strong{font-size:25px}.hm-uk-network{opacity:.7!important}}

/* V8.3.4 — stronger service titles + clearer UK map */
.hm-photo-body h3{
  font-weight:800!important;
  color:#062b61!important;
  letter-spacing:-.01em;
}
.hm-photo-card:hover .hm-photo-body h3{color:#007fc8!important}

.hm-uk-network{opacity:1!important}
.hm-uk-network .hm-gb-fill,
.hm-uk-network .hm-ni-fill{
  fill:rgba(255,255,255,.12);
  stroke:#fff;
  stroke-width:4;
  stroke-linejoin:round;
  filter:drop-shadow(0 5px 10px rgba(0,40,95,.22));
}
.hm-uk-network .hm-map-dot{
  fill:#fff;
  stroke:#08a8e6;
  stroke-width:4;
}
.hm-uk-network .hm-map-link{
  fill:none;
  stroke:rgba(255,255,255,.75);
  stroke-width:3;
  stroke-dasharray:7 6;
}
.hm-uk-network .hm-wave{
  fill:none;
  stroke:rgba(255,255,255,.18);
  stroke-width:3;
}

/* V8.3.5 — service area panel + clickable social links */
.hm-service-area-card{
  min-height:300px!important;
  display:grid!important;
  grid-template-columns:1.2fr .8fr!important;
  gap:22px!important;
  align-items:center!important;
  padding:30px 34px!important;
  background:linear-gradient(135deg,#eef8ff 0%,#e6f2ff 62%,#eef1ff 100%)!important;
  border:1px solid #cfe3f8!important;
  color:#123e74!important;
  box-shadow:0 18px 40px rgba(31,77,135,.12)!important;
}
.hm-service-area-title{display:flex;align-items:center;gap:12px;font-size:26px;color:#0a3f7a;margin-bottom:22px}
.hm-service-area-title svg{width:38px;height:38px;fill:#0a78d8;stroke:#fff;stroke-width:2}
.hm-service-area-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.hm-service-area-list span{font-weight:800;color:#1d4777;font-size:15px}
.hm-service-area-list span::first-letter{color:#00b78a}
.hm-service-area-map{position:relative;display:flex;align-items:center;justify-content:center;height:230px}
.hm-service-area-map svg{height:220px;width:auto;filter:drop-shadow(0 10px 18px rgba(0,76,160,.14))}
.hm-service-area-map path{fill:#9dc8ef;stroke:#6daee4;stroke-width:3;stroke-linejoin:round}
.hm-map-label{position:absolute;right:14px;bottom:12px;font-size:13px;font-weight:900;color:#5c8fbd;letter-spacing:.12em}
.hm-socials{display:flex;gap:9px;margin-top:18px}
.hm-socials a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.34);display:grid!important;place-items:center!important;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:900;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.hm-socials a:hover,.hm-socials a:focus-visible{background:#08a9e8;border-color:#08a9e8;transform:translateY(-2px)}
@media(max-width:780px){
  .hm-service-area-card{grid-template-columns:1fr!important}
  .hm-service-area-list{grid-template-columns:1fr 1fr}
  .hm-service-area-map{height:190px}
  .hm-service-area-map svg{height:180px}
}

/* V8.3.6 — restore previous local panel, use supplied UK map image only */
.hm-service-area-card,.hm-service-area-title,.hm-service-area-left,.hm-service-area-list,.hm-service-area-map,.hm-map-label{display:none!important}
.hm-uk-visual{
  min-height:300px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#075ec8 0%,#06b7e8 52%,#6550eb 100%)!important;
  box-shadow:0 20px 46px rgba(13,63,133,.18)!important;
  color:#fff!important;
  padding:0!important;
}
.hm-uk-visual .hm-local-sign{
  position:absolute!important;
  left:116px!important;
  top:31px!important;
  right:205px!important;
  z-index:4!important;
}
.hm-uk-visual .hm-local-sign small{display:block!important;letter-spacing:.12em!important;color:#d6f3ff!important;font-weight:800!important}
.hm-uk-visual .hm-local-sign strong{display:block!important;font-size:30px!important;line-height:1.08!important;color:#fff!important}
.hm-uk-visual .hm-local-sign span{display:block!important;margin-top:5px!important;color:#e9f8ff!important;font-size:16px!important}
.hm-uploaded-map{
  position:absolute!important;
  right:25px!important;
  top:38px!important;
  bottom:34px!important;
  width:175px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:3!important;
  opacity:.98!important;
}
.hm-uploaded-map img{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 9px 18px rgba(0,41,95,.18)) brightness(1.25)!important;
}
.hm-uk-visual .hm-local-pin{z-index:5!important}
.hm-uk-caption{z-index:5!important}
@media(max-width:700px){
  .hm-uk-visual .hm-local-sign{left:96px!important;right:18px!important}
  .hm-uploaded-map{right:20px!important;top:112px!important;width:135px!important;height:140px!important}
}

/* V8.3.7 — visible footer social icons: Facebook, Instagram, LinkedIn, TikTok, YouTube */
.hm-socials{display:flex!important;align-items:center!important;gap:10px!important;margin-top:18px!important}
.hm-socials a,.hm-socials .hm-social-empty{
 width:36px!important;height:36px!important;border-radius:50%!important;
 border:1px solid rgba(255,255,255,.42)!important;
 display:grid!important;place-items:center!important;
 background:rgba(255,255,255,.06)!important;color:#fff!important;
 box-sizing:border-box!important;text-decoration:none!important;
}
.hm-socials svg{width:18px!important;height:18px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.hm-socials svg path[fill],.hm-socials svg rect[fill]{fill:currentColor!important}
.hm-socials a:hover,.hm-socials a:focus-visible{background:#08a9e8!important;border-color:#08a9e8!important;transform:translateY(-2px)}
.hm-socials .hm-social-empty{opacity:.62!important;cursor:default!important}

/* V8.4 homepage SEO/AEO/GEO content — design system preserved */
.hm-home-info{background:#fff}
.hm-home-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:20px}
.hm-home-info-grid p{font-size:15px;line-height:1.72;color:#284968;margin:0 0 16px}
.hm-home-info-grid a{color:#007fcb;font-weight:800;text-decoration:none}
.hm-home-info-grid a:hover{text-decoration:underline}
.hm-home-faq{background:linear-gradient(180deg,#f5faff,#edf6ff)}
.hm-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:22px}
.hm-faq-grid details{background:#fff;border:1px solid #d7e7f5;border-radius:12px;padding:0 18px;box-shadow:0 7px 18px rgba(10,65,120,.05)}
.hm-faq-grid summary{cursor:pointer;font-size:15px;font-weight:800;color:#082f62;padding:17px 28px 17px 0;position:relative;list-style:none}
.hm-faq-grid summary::-webkit-details-marker{display:none}
.hm-faq-grid summary:after{content:"+";position:absolute;right:0;top:13px;width:26px;height:26px;border-radius:50%;background:#e7f5ff;color:#078bd8;display:grid;place-items:center;font-size:19px}
.hm-faq-grid details[open] summary:after{content:"–";background:#0a9de5;color:#fff}
.hm-faq-grid p{padding:0 0 17px;margin:0;color:#36556f;line-height:1.6;font-size:14px}
@media(max-width:800px){.hm-home-info-grid,.hm-faq-grid{grid-template-columns:1fr}}

/* V8.5 Personal Insurance SEO/AEO/GEO — locked page styling */
.hm-personal-search-content{background:#fff}
.hm-personal-faq{background:linear-gradient(180deg,#f7fbff,#edf7ff)}

/* V8.6 — Personal Insurance approved locked design */
.hm-page-personal-insurance .hm-pi-hero{
  background:linear-gradient(118deg,#067bbf 0%,#159ae8 43%,#3658e8 72%,#8227f4 100%);
  color:#fff;overflow:hidden
}
.hm-pi-hero-inner{min-height:430px;display:grid;grid-template-columns:52% 48%;align-items:stretch;position:relative}
.hm-pi-copy{padding:55px 0 42px;position:relative;z-index:2}
.hm-pi-copy .hm-eyebrow{color:#62e9ff;letter-spacing:.12em;font-weight:900}
.hm-pi-copy h1{font-size:53px;line-height:1.03;margin:13px 0 15px;color:#fff;font-weight:900}
.hm-pi-copy h1 span{color:#72dfff}
.hm-pi-copy>p{max-width:570px;font-size:17px;line-height:1.55;color:#effaff}
.hm-pi-actions{display:flex;gap:13px;align-items:center;margin:24px 0 22px}
.hm-pi-phone{display:flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.78);border-radius:4px;padding:12px 18px;color:#fff;text-decoration:none}
.hm-pi-phone svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3}
.hm-pi-checks{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#e8fbff}
.hm-pi-checks span{white-space:nowrap}
.hm-pi-checks span::first-letter{color:#56f0ff}
.hm-pi-family{
  background-image:url('images/personal/hero-family.jpg');
  background-size:cover;background-position:center;
  min-height:430px;position:relative
}
.hm-pi-family:before{content:"";position:absolute;left:-110px;top:0;bottom:0;width:170px;background:linear-gradient(90deg,#159ae8 0%,rgba(21,154,232,0) 100%)}
.hm-pi-products{padding-top:34px!important}
.hm-pi-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}
.hm-pi-viewall{white-space:nowrap;margin-bottom:10px}
.hm-pi-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.hm-pi-card{position:relative;background:#fff;border:1px solid #dbe7f2;border-radius:6px;overflow:hidden;box-shadow:0 8px 20px rgba(8,47,98,.08)}
.hm-pi-card-photo{height:128px;background-size:cover;background-position:center}
.hm-pi-card-icon{position:absolute;left:15px;top:105px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 5px 14px rgba(0,68,125,.14)}
.hm-pi-card-icon svg{width:22px;height:22px;fill:none;stroke:#079ce5;stroke-width:3}
.hm-pi-card-body{padding:25px 15px 16px}
.hm-pi-card-body h3{font-size:18px;color:#092f5b;margin:0 0 8px;font-weight:800}
.hm-pi-card-body p{min-height:58px;color:#50687f;line-height:1.45;margin:0 0 10px;font-size:14px}
.hm-pi-card-body a,.hm-pi-guide-grid a{font-weight:800;color:#008fd6;text-decoration:none}
.hm-pi-why{background:linear-gradient(90deg,#f0f8ff,#e8f5ff);padding:27px 0}
.hm-pi-why-grid{display:grid;grid-template-columns:38% 62%;align-items:center;gap:30px}
.hm-pi-why h2{font-size:28px;color:#092f5b;margin:5px 0 8px}
.hm-pi-why p{color:#4e687e;margin:0}
.hm-pi-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hm-pi-benefits .hm-feature{display:block;text-align:center}
.hm-pi-benefits .hm-round{margin:0 auto 8px;background:transparent;border:0;width:36px;height:36px}
.hm-pi-benefits .hm-round svg{stroke:#039ee8;width:31px;height:31px}
.hm-pi-benefits strong{display:block;color:#0b315b;font-size:13px}
.hm-pi-benefits small{display:block;color:#61778a;font-size:11px;line-height:1.35;margin-top:3px}
.hm-pi-how{padding-top:28px!important;padding-bottom:28px!important}
.hm-pi-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:18px}
.hm-pi-steps>div{display:flex;gap:12px}
.hm-pi-steps b{flex:0 0 38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#12bde8,#0a95dc);color:#fff;display:grid;place-items:center;font-size:18px}
.hm-pi-steps strong{display:block;color:#0c315b;font-size:14px;margin-bottom:3px}
.hm-pi-steps small{display:block;color:#60768a;line-height:1.4}
.hm-pi-guides{padding-top:22px!important;padding-bottom:25px!important}
.hm-pi-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:17px}
.hm-pi-guide-grid article{display:grid;grid-template-columns:115px 1fr;background:#fff;border:1px solid #dce7f1;border-radius:5px;overflow:hidden;box-shadow:0 6px 17px rgba(11,54,98,.06)}
.hm-pi-guide-grid img{width:115px;height:105px;object-fit:cover}
.hm-pi-guide-grid article>div{padding:13px}
.hm-pi-guide-grid h3{font-size:15px;color:#0b315b;margin:0 0 6px}
.hm-pi-guide-grid p{font-size:13px;color:#60768a;margin:0 0 7px;line-height:1.35}
.hm-pi-contactbar{background:linear-gradient(90deg,#eaf7ff,#ddecff);padding:18px 0}
.hm-pi-contactbar .hm-wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}
.hm-pi-callbox{display:flex;align-items:center;gap:13px}
.hm-pi-callbox>svg{width:48px;height:48px;padding:11px;border-radius:11px;background:linear-gradient(135deg,#08b8e8,#087fd1);stroke:#fff;fill:none;stroke-width:4}
.hm-pi-callbox small,.hm-pi-callbox em{display:block;color:#61778b;font-style:normal}
.hm-pi-callbox strong{display:block;font-size:28px;color:#0a315d;line-height:1.05}
.hm-pi-contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.hm-btn-outline{border:1px solid #049ee7!important;background:#fff!important;color:#087fbf!important}
@media(max-width:900px){
  .hm-pi-hero-inner{grid-template-columns:1fr}.hm-pi-family{min-height:300px}
  .hm-pi-card-grid{grid-template-columns:repeat(2,1fr)}
  .hm-pi-why-grid{grid-template-columns:1fr}.hm-pi-benefits{grid-template-columns:repeat(2,1fr)}
  .hm-pi-steps{grid-template-columns:repeat(2,1fr)}.hm-pi-guide-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .hm-pi-copy h1{font-size:39px}.hm-pi-actions{align-items:stretch;flex-direction:column}
  .hm-pi-card-grid,.hm-pi-benefits,.hm-pi-steps{grid-template-columns:1fr}
  .hm-pi-contactbar .hm-wrap{align-items:flex-start;flex-direction:column}
  .hm-pi-contact-actions{width:100%}.hm-pi-contact-actions a{flex:1;text-align:center}
}

/* V8.6.1 — Personal Insurance hero image path fix + approved visual alignment */
.hm-page-personal-insurance .hm-pi-family{
  background-image:url('images/personal/hero-family.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.hm-page-personal-insurance .hm-pi-hero-inner{
  max-width:1280px;
}
.hm-page-personal-insurance .hm-pi-family:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(18,151,230,.34) 0%,rgba(18,151,230,0) 30%,rgba(55,63,230,.05) 100%);
  pointer-events:none;
}

/* V8.6.2 — Personal Insurance approved hero + tablet/mobile responsive repair */

/* Desktop: keep copy aligned with site content, but run approved family image all the way to the right edge. */
@media(min-width:901px){
  body.hm-page-personal-insurance .hm-pi-hero-inner{
    width:100%!important;
    max-width:none!important;
    padding-left:max(24px,calc((100vw - 1180px)/2))!important;
    padding-right:0!important;
    grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy{
    max-width:610px!important;
    padding-right:34px!important;
  }
  body.hm-page-personal-insurance .hm-pi-family{
    width:100%!important;
    min-width:0!important;
    background-position:center center!important;
    background-size:cover!important;
  }
}

/* Phone number in hero must stay white and readable. */
body.hm-page-personal-insurance .hm-pi-phone,
body.hm-page-personal-insurance .hm-pi-phone strong,
body.hm-page-personal-insurance .hm-pi-phone svg{
  color:#fff!important;
  stroke:#fff!important;
  opacity:1!important;
}

/* Tablet header: keep the full header visible instead of cutting it. */
@media(min-width:700px) and (max-width:900px){
  body.hm-site .hm-head-main{
    width:calc(100% - 24px)!important;
    grid-template-columns:120px 82px 138px minmax(155px,1fr) 112px!important;
    gap:8px!important;
    min-height:82px!important;
  }
  body.hm-site .hm-logo-img-header{max-width:112px!important;max-height:56px!important}
  body.hm-site .hm-head-hours{display:block!important;font-size:10px!important;line-height:1.15!important}
  body.hm-site .hm-head-phone{display:block!important;font-size:18px!important;white-space:nowrap!important}
  body.hm-site .hm-head-email{display:block!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.hm-site .hm-quote-button{display:inline-flex!important;min-width:108px!important;min-height:40px!important;padding:8px 10px!important;font-size:11px!important}
  body.hm-site .hm-menu-button{display:none!important}
  body.hm-site .hm-nav{display:block!important}
  body.hm-site .hm-nav-inner{
    width:calc(100% - 24px)!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:0!important;
  }
  body.hm-site .hm-nav a{font-size:11px!important;padding:13px 3px 10px!important}
}

/* Mobile hero order: copy first, image second, then products. */
@media(max-width:699px){
  body.hm-page-personal-insurance .hm-pi-hero-inner{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy{
    order:1!important;
    padding:42px 24px 30px!important;
    width:100%!important;
  }
  body.hm-page-personal-insurance .hm-pi-family{
    order:2!important;
    width:100%!important;
    min-height:360px!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  body.hm-page-personal-insurance .hm-pi-family:before{display:none!important}
  body.hm-page-personal-insurance .hm-pi-family:after{
    background:linear-gradient(90deg,rgba(18,151,230,.18),rgba(18,151,230,0) 26%,rgba(55,63,230,.04))!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy h1{
    font-size:42px!important;
    line-height:1.04!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy>p{
    font-size:17px!important;
    line-height:1.55!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.hm-page-personal-insurance .hm-pi-phone{
    justify-content:center!important;
  }
  body.hm-page-personal-insurance .hm-pi-checks{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px 12px!important;
  }

  /* Fix the product heading order/width shown in the phone screenshot. */
  body.hm-page-personal-insurance .hm-pi-title-row{
    display:block!important;
  }
  body.hm-page-personal-insurance .hm-pi-title-row .hm-section-heading{
    width:100%!important;
    max-width:none!important;
    margin-bottom:12px!important;
  }
  body.hm-page-personal-insurance .hm-pi-title-row .hm-section-heading h2{
    font-size:32px!important;
    line-height:1.12!important;
    width:100%!important;
  }
  body.hm-page-personal-insurance .hm-pi-title-row .hm-section-heading p{
    font-size:15px!important;
    line-height:1.55!important;
    width:100%!important;
  }
  body.hm-page-personal-insurance .hm-pi-viewall{
    display:inline-block!important;
    white-space:normal!important;
    margin:0 0 18px!important;
    font-size:15px!important;
  }
}

/* Very small phones: keep everything comfortably readable. */
@media(max-width:420px){
  body.hm-page-personal-insurance .hm-pi-copy h1{font-size:36px!important}
  body.hm-page-personal-insurance .hm-pi-family{min-height:315px!important}
  body.hm-page-personal-insurance .hm-pi-checks{grid-template-columns:1fr!important}
  body.hm-page-personal-insurance .hm-pi-title-row .hm-section-heading h2{font-size:29px!important}
}

/* V8.6.3 — fixes requested against the CURRENT approved Personal Insurance reference */

/* Desktop: seamless left-copy/right-photo hero, no centre seam, image reaches right edge. */
@media(min-width:901px){
  body.hm-page-personal-insurance .hm-pi-hero{
    background:linear-gradient(110deg,#0584c7 0%,#159be5 43%,#3b5bea 72%,#7e25f5 100%)!important;
  }
  body.hm-page-personal-insurance .hm-pi-hero-inner{
    width:100%!important;max-width:none!important;
    padding-left:max(24px,calc((100vw - 1180px)/2))!important;
    padding-right:0!important;
    grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy{
    padding-right:44px!important;
    background:linear-gradient(90deg,rgba(8,137,207,.06) 0%,rgba(17,153,226,.03) 72%,rgba(17,153,226,0) 100%)!important;
  }
  body.hm-page-personal-insurance .hm-pi-family{
    width:100%!important;min-width:0!important;
    background-image:url('images/personal/hero-family.jpg')!important;
    background-size:cover!important;
    background-position:center right!important;
    background-repeat:no-repeat!important;
    position:relative!important;
  }
  /* Blend the image into the blue copy side instead of a hard vertical join. */
  body.hm-page-personal-insurance .hm-pi-family:before{
    display:block!important;content:""!important;
    position:absolute!important;left:-2px!important;top:0!important;bottom:0!important;
    width:150px!important;
    background:linear-gradient(90deg,#159be5 0%,rgba(21,155,229,.72) 24%,rgba(21,155,229,0) 100%)!important;
    z-index:1!important;pointer-events:none!important;
  }
  body.hm-page-personal-insurance .hm-pi-family:after{
    content:""!important;position:absolute!important;inset:0!important;
    background:linear-gradient(90deg,rgba(21,155,229,.08) 0%,transparent 28%)!important;
    pointer-events:none!important;
  }
}

/* Hero buttons: correct proportions and white telephone text/icon. */
body.hm-page-personal-insurance .hm-pi-actions{
  align-items:stretch!important;
}
body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;padding:12px 20px!important;
}
body.hm-page-personal-insurance .hm-pi-phone{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;padding:11px 20px!important;
  border:2px solid rgba(255,255,255,.88)!important;
  color:#fff!important;background:rgba(255,255,255,.04)!important;
}
body.hm-page-personal-insurance .hm-pi-phone strong{
  color:#fff!important;opacity:1!important;font-weight:800!important;
}
body.hm-page-personal-insurance .hm-pi-phone svg{
  color:#fff!important;stroke:#fff!important;opacity:1!important;
}

/* Keep approved four check items bright and readable. */
body.hm-page-personal-insurance .hm-pi-checks,
body.hm-page-personal-insurance .hm-pi-checks span{
  color:#fff!important;opacity:1!important;
}

/* Bottom contact strip: match approved alignment and avoid crowding. */
body.hm-page-personal-insurance .hm-pi-contactbar .hm-wrap{
  min-height:74px!important;
}
body.hm-page-personal-insurance .hm-pi-contact-actions{
  margin-left:auto!important;align-items:center!important;
}
body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn{
  min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:10px 20px!important;white-space:nowrap!important;
}

/* Tablet: full header visible, hero remains coherent and no cut-off. */
@media(min-width:700px) and (max-width:900px){
  body.hm-page-personal-insurance .hm-pi-hero-inner{
    display:grid!important;grid-template-columns:48% 52%!important;
    width:100%!important;max-width:none!important;padding:0 0 0 24px!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy{padding:38px 22px 32px 0!important}
  body.hm-page-personal-insurance .hm-pi-copy h1{font-size:39px!important}
  body.hm-page-personal-insurance .hm-pi-family{
    min-height:390px!important;background-size:cover!important;background-position:center right!important;
  }
  body.hm-page-personal-insurance .hm-pi-family:before{
    display:block!important;left:-1px!important;width:95px!important;
    background:linear-gradient(90deg,#159be5,rgba(21,155,229,0))!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions{flex-wrap:wrap!important}
  body.hm-page-personal-insurance .hm-pi-checks{gap:10px!important}
}

/* Mobile: approved order = copy/buttons/checks first, then full family image, then products.
   Product heading and its link get full width so text cannot collapse into a narrow column. */
@media(max-width:699px){
  body.hm-page-personal-insurance .hm-pi-hero-inner{
    display:flex!important;flex-direction:column!important;padding:0!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy{
    order:1!important;width:100%!important;padding:38px 24px 30px!important;
  }
  body.hm-page-personal-insurance .hm-pi-family{
    order:2!important;width:100%!important;min-height:360px!important;
    background-image:url('images/personal/hero-family.jpg')!important;
    background-size:cover!important;background-position:center right!important;background-repeat:no-repeat!important;
  }
  body.hm-page-personal-insurance .hm-pi-family:before{display:none!important}
  body.hm-page-personal-insurance .hm-pi-family:after{display:none!important}
  body.hm-page-personal-insurance .hm-pi-actions{
    display:flex!important;flex-direction:column!important;width:100%!important;gap:12px!important;
  }
  body.hm-page-personal-insurance .hm-pi-phone{width:100%!important}
  body.hm-page-personal-insurance .hm-pi-checks{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 10px!important;
  }
  body.hm-page-personal-insurance .hm-pi-title-row{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;
  }
  body.hm-page-personal-insurance .hm-pi-title-row .hm-section-heading{
    display:block!important;width:100%!important;max-width:none!important;
  }
  body.hm-page-personal-insurance .hm-pi-title-row .hm-section-heading h2{
    width:100%!important;max-width:none!important;font-size:31px!important;line-height:1.15!important;
  }
  body.hm-page-personal-insurance .hm-pi-title-row .hm-section-heading p{
    width:100%!important;max-width:none!important;font-size:15px!important;line-height:1.5!important;
  }
  body.hm-page-personal-insurance .hm-pi-viewall{
    position:static!important;display:inline-block!important;width:auto!important;
    margin:0 0 18px!important;white-space:normal!important;
  }
  body.hm-page-personal-insurance .hm-pi-contactbar .hm-wrap{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
  }
  body.hm-page-personal-insurance .hm-pi-contact-actions{
    width:100%!important;margin-left:0!important;display:grid!important;grid-template-columns:1fr!important;
  }
}

/* V8.6.4 — only the three corrections marked in the supplied screenshot */

/* 1. Move desktop hero copy farther left, matching the approved reference. */
@media(min-width:901px){
 body.hm-page-personal-insurance .hm-pi-hero-inner{
   padding-left:max(24px,calc((100vw - 1320px)/2))!important;
   grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
 }
 body.hm-page-personal-insurance .hm-pi-copy{
   max-width:600px!important;
   padding-left:0!important;
   padding-right:34px!important;
 }
}

/* 2. Approved hero controls are compact square-corner rectangles, not pills. */
body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary,
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
 border-radius:3px!important;
 min-height:44px!important;
 height:44px!important;
 padding:8px 16px!important;
 line-height:1.15!important;
}
body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary{
 max-width:270px!important;
 font-size:13px!important;
}
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
 width:150px!important;
 max-width:150px!important;
 font-size:13px!important;
}
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone strong{
 color:#fff!important;
}

/* 3. Bottom action buttons: square/very slightly rounded as approved. */
body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn{
 border-radius:3px!important;
 min-height:42px!important;
 height:42px!important;
 padding:8px 20px!important;
 line-height:1!important;
}

/* Do not force desktop widths on mobile. */
@media(max-width:699px){
 body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary,
 body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
   width:100%!important;max-width:none!important;height:auto!important;min-height:48px!important;
 }
 body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn{
   width:100%!important;height:auto!important;min-height:44px!important;
 }
}

/* V8.6.5 — hero buttons matched to approved reference */
@media(min-width:901px){
  body.hm-page-personal-insurance .hm-pi-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:14px!important;
    margin-top:24px!important;
    margin-bottom:22px!important;
  }

  body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary{
    width:300px!important;
    max-width:300px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 20px!important;
    border-radius:4px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(90deg,#20d7e8 0%,#13c8eb 100%)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    color:#073463!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
    width:205px!important;
    max-width:205px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 18px!important;
    border-radius:4px!important;
    border:2px solid rgba(255,255,255,.82)!important;
    background:rgba(255,255,255,.035)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone strong{
    color:#fff!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
  }

  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone svg{
    width:21px!important;
    height:21px!important;
    color:#fff!important;
    stroke:#fff!important;
    fill:none!important;
    stroke-width:2.7!important;
    flex:0 0 auto!important;
  }
}

/* Tablet keeps the same approved visual proportions without overflowing. */
@media(min-width:700px) and (max-width:900px){
  body.hm-page-personal-insurance .hm-pi-actions{
    display:flex!important;
    flex-direction:row!important;
    gap:10px!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary{
    width:245px!important;
    max-width:245px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 14px!important;
    border-radius:4px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
    width:170px!important;
    max-width:170px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:4px!important;
    padding:0 12px!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone strong{
    font-size:13px!important;
  }
}

/* Mobile: full-width stacked buttons, with the same colours and clear phone number. */
@media(max-width:699px){
  body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary,
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
    width:100%!important;
    max-width:none!important;
    min-height:54px!important;
    height:54px!important;
    border-radius:4px!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-btn-primary{
    font-size:14px!important;
    color:#073463!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone strong{
    font-size:16px!important;
    color:#fff!important;
  }
}

/* V8.6.6 — exact Personal Insurance hero CTA repair */
@media(min-width:901px){
  body.hm-page-personal-insurance .hm-pi-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:16px!important;
  }

  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
    width:340px!important;
    max-width:none!important;
    min-width:340px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:7px!important;
    background:#24d5e9!important;
    color:#082f5f!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta span{
    display:block!important;
    white-space:nowrap!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta b{
    display:block!important;
    flex:0 0 auto!important;
    color:#082f5f!important;
    font-size:23px!important;
    line-height:1!important;
    font-weight:700!important;
    margin-top:-1px!important;
  }

  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
    width:225px!important;
    min-width:225px!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    box-sizing:border-box!important;
    border:2px solid rgba(255,255,255,.9)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.04)!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    padding:0 18px!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone strong{
    color:#fff!important;
    font-size:17px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone svg{
    width:22px!important;height:22px!important;
    stroke:#fff!important;color:#fff!important;fill:none!important;
  }
}

@media(min-width:700px) and (max-width:900px){
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
    width:260px!important;min-width:260px!important;height:50px!important;min-height:50px!important;
    padding:0 14px!important;font-size:12px!important;border-radius:6px!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta b{font-size:19px!important}
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
    width:176px!important;min-width:176px!important;height:50px!important;min-height:50px!important;border-radius:6px!important;
  }
}

@media(max-width:699px){
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta,
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-phone{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:56px!important;min-height:56px!important;border-radius:7px!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
    padding:0 18px!important;font-size:14px!important;
  }
}

/* V8.6.7 — FINAL: only the two items marked in screenshot 2-8 */

/* HERO CTA: keep the arrow INSIDE the cyan box with comfortable right padding. */
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
  position:relative!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
}
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta span{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta b{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-52%)!important;
  margin:0!important;
  line-height:1!important;
}
@media(min-width:901px){
 body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
   width:350px!important;
   min-width:350px!important;
   max-width:350px!important;
   padding:0 54px 0 20px!important;
 }
}
@media(min-width:700px) and (max-width:900px){
 body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
   padding-right:42px!important;
 }
 body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta b{right:14px!important;}
}
@media(max-width:699px){
 body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
   padding-right:48px!important;
 }
 body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta b{right:16px!important;}
}

/* PRODUCT SECTION: make the marked main heading bold/darker, without changing layout. */
body.hm-page-personal-insurance .hm-pi-products h2{
  font-weight:800!important;
  color:#082f5f!important;
}

/* V8.6.8 — Personal Insurance hero typography matched to approved reference */
@media(min-width:901px){
  body.hm-page-personal-insurance .hm-pi-copy{
    padding-top:52px!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy .hm-eyebrow{
    display:block!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.13em!important;
    font-weight:900!important;
    color:#65e5f8!important;
    margin-bottom:12px!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy h1{
    margin:0 0 16px!important;
    font-size:52px!important;
    line-height:1.02!important;
    letter-spacing:-.02em!important;
    font-weight:900!important;
    color:#fff!important;
    max-width:570px!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy h1 span{
    color:#70ddf5!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy>p{
    max-width:555px!important;
    margin:0 0 24px!important;
    font-size:16px!important;
    line-height:1.48!important;
    color:#fff!important;
    font-weight:400!important;
  }
  body.hm-page-personal-insurance .hm-pi-checks{
    margin-top:18px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
}

/* Tablet/mobile keep the same wording hierarchy without oversized text. */
@media(min-width:700px) and (max-width:900px){
  body.hm-page-personal-insurance .hm-pi-copy h1{
    font-size:40px!important;
    line-height:1.04!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy>p{
    font-size:15px!important;
  }
}
@media(max-width:699px){
  body.hm-page-personal-insurance .hm-pi-copy .hm-eyebrow{
    font-size:12px!important;
    line-height:1.35!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy h1{
    font-size:40px!important;
    line-height:1.04!important;
    margin-bottom:18px!important;
  }
  body.hm-page-personal-insurance .hm-pi-copy>p{
    font-size:17px!important;
    line-height:1.55!important;
    color:#fff!important;
  }
}

/* V8.6.9 — fix the same marked hero CTA issue: text weight + arrow placement */

/* Remove any inherited button arrow/pseudo-element so only our real arrow is shown. */
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta::before,
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta::after{
  content:none!important;
  display:none!important;
}

/* Use a two-column layout so the arrow is physically contained inside the button. */
body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta span{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1!important;
}

body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta b{
  position:static!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1!important;
  color:#082f5f!important;
  overflow:visible!important;
}

@media(min-width:901px){
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
    width:350px!important;
    min-width:350px!important;
    max-width:350px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 18px 0 20px!important;
    font-size:14px!important;
  }
}

/* Keep the same correction on tablet/mobile. */
@media(min-width:700px) and (max-width:900px){
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
    grid-template-columns:minmax(0,1fr) 22px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta b{
    width:22px!important;min-width:22px!important;font-size:18px!important;
  }
}

@media(max-width:699px){
  body.hm-page-personal-insurance .hm-pi-actions .hm-pi-quote-cta{
    grid-template-columns:minmax(0,1fr) 24px!important;
    padding:0 16px!important;
    font-size:14px!important;
  }
}

/* V8.6.10 — only bottom Personal Insurance contact-strip buttons */
@media(min-width:901px){
 body.hm-page-personal-insurance .hm-pi-contact-actions{
   display:flex!important;
   align-items:center!important;
   justify-content:flex-end!important;
   gap:10px!important;
 }
 body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn{
   width:auto!important;
   min-width:0!important;
   height:36px!important;
   min-height:36px!important;
   padding:0 16px!important;
   border-radius:3px!important;
   font-size:11px!important;
   line-height:1!important;
   font-weight:700!important;
   letter-spacing:.01em!important;
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   white-space:nowrap!important;
   box-shadow:none!important;
 }
 body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn-primary{
   min-width:118px!important;
 }
 body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn-outline{
   min-width:82px!important;
 }
 body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn:last-child{
   min-width:168px!important;
 }
}
@media(min-width:700px) and (max-width:900px){
 body.hm-page-personal-insurance .hm-pi-contact-actions{
   gap:8px!important;
 }
 body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn{
   height:36px!important;min-height:36px!important;
   padding:0 12px!important;font-size:10px!important;border-radius:3px!important;
 }
}
/* Keep mobile touch targets usable. */
@media(max-width:699px){
 body.hm-page-personal-insurance .hm-pi-contact-actions .hm-btn{
   min-height:44px!important;height:44px!important;
   border-radius:3px!important;font-size:12px!important;
 }
}

/* V8.7 — Commercial Insurance approved locked design */
body.hm-page-commercial-insurance .hm-ci-hero{position:relative;background:#083c7d;color:#fff;overflow:hidden}
.hm-ci-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,52,112,.96) 0%,rgba(5,59,124,.78) 38%,rgba(5,59,124,.25) 64%,rgba(5,59,124,.05) 100%),url('images/commercial/hero.jpg');background-size:cover;background-position:center;filter:saturate(1.05)}
.hm-ci-hero-inner{position:relative;z-index:2;min-height:320px;display:grid;grid-template-columns:1fr 280px;gap:44px;align-items:center;padding-top:30px;padding-bottom:30px}
.hm-ci-copy .hm-eyebrow{color:#23d6ff;font-size:13px;font-weight:900;letter-spacing:.08em}
.hm-ci-copy h1{font-size:42px;line-height:1.02;margin:8px 0 10px;color:#fff;font-weight:900}
.hm-ci-copy h2{font-size:18px;line-height:1.35;color:#fff;margin:0 0 10px;font-weight:800}
.hm-ci-copy p{max-width:600px;font-size:15px;line-height:1.5;color:#eaf6ff;margin:0}
.hm-ci-actions{display:flex;gap:12px;margin-top:22px}
.hm-ci-primary,.hm-ci-secondary{min-height:44px;padding:0 22px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800}
.hm-ci-primary{background:#19bce8;color:#fff}.hm-ci-primary span{font-size:20px}
.hm-ci-secondary{border:2px solid rgba(255,255,255,.75);color:#fff;background:rgba(0,0,0,.06)}
.hm-ci-secondary svg{width:18px;height:18px;stroke:#fff;fill:none}
.hm-ci-partner{background:#fff;color:#14345b;border-radius:5px;padding:26px 22px;box-shadow:0 12px 30px rgba(0,22,58,.18)}
.hm-ci-partner-icon{width:48px;height:48px;border-radius:50%;background:#0f88e8;display:grid;place-items:center;margin-bottom:13px}
.hm-ci-partner-icon svg{width:25px;height:25px;stroke:#fff;fill:none}
.hm-ci-partner h3{font-size:24px;line-height:1.05;margin:0 0 11px;color:#17345a}
.hm-ci-partner p{color:#4a6786;line-height:1.5;margin:0}
.hm-ci-features{position:relative;z-index:2;background:rgba(3,38,83,.82);border-top:1px solid rgba(255,255,255,.08)}
.hm-ci-features .hm-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:14px;padding-bottom:14px}
.hm-ci-features .hm-feature{display:flex;align-items:center;gap:10px}.hm-ci-features .hm-round{background:#198ee9;width:38px;height:38px}.hm-ci-features strong{color:#fff;font-size:12px}.hm-ci-features small{color:#d6eaff;font-size:10px}
.hm-ci-main{padding-top:18px!important;padding-bottom:22px!important}.hm-ci-section-title{font-size:31px;line-height:1.1;color:#15375c;margin:0 0 4px;font-weight:900}.hm-ci-section-title span{color:#0e8de8}.hm-ci-section-intro{margin:0 0 14px;color:#4b647e}
.hm-ci-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hm-ci-card{position:relative;border:1px solid #d6e4f1;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 7px 18px rgba(8,47,98,.06)}
.hm-ci-card-photo{height:110px;background-size:cover;background-position:center}.hm-ci-card-icon{position:absolute;top:91px;left:12px;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,62,124,.12)}.hm-ci-card-icon svg{width:22px;height:22px;stroke:#128ee9;fill:none;stroke-width:2.7}
.hm-ci-card-body{padding:24px 13px 14px}.hm-ci-card-body h3{font-size:15px;color:#14365d;margin:0 0 6px;font-weight:900}.hm-ci-card-body p{min-height:54px;font-size:12px;line-height:1.45;color:#4d6880;margin:0 0 9px}.hm-ci-card-body a{color:#068fe1;font-weight:900;text-decoration:none;font-size:12px}
.hm-ci-more{padding-top:8px!important;padding-bottom:18px!important}.hm-ci-more-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.hm-ci-more-card{min-height:92px;padding:10px 8px;border-radius:4px;background:linear-gradient(135deg,#049de7 0%,#245fe9 56%,#7b2af0 100%);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hm-ci-more-icon svg{width:24px;height:24px;stroke:#fff;fill:none}.hm-ci-more-card strong{font-size:11px;line-height:1.2;margin:4px 0 6px}.hm-ci-more-card a{background:#083b78;color:#fff;border-radius:14px;padding:4px 10px;text-decoration:none;font-size:9px;font-weight:800}
.hm-ci-why{background:linear-gradient(100deg,#06439b 0%,#0c6bc9 57%,#eef7ff 57%,#eef7ff 100%);color:#fff}
.hm-ci-why-grid{display:grid;grid-template-columns:58% 42%;min-height:205px}.hm-ci-why-grid>div:first-child{padding:20px 30px 20px 0}.hm-ci-why h2{font-size:26px;color:#fff;margin:0 0 7px}.hm-ci-why p{max-width:600px;line-height:1.45;margin:0}.hm-ci-why-points{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:16px}.hm-ci-why-points .hm-feature{display:block;text-align:center}.hm-ci-why-points .hm-round{margin:0 auto 6px;background:#0a8ce1}.hm-ci-why-points strong{display:block;color:#fff;font-size:11px}.hm-ci-why-points small{display:none}
.hm-ci-help{color:#17385f;padding:21px 0 18px 34px;display:flex;gap:15px;align-items:flex-start}.hm-ci-help-icon{width:46px;height:46px;border-radius:50%;background:#0e8ee7;display:grid;place-items:center;flex:0 0 46px}.hm-ci-help-icon svg{width:23px;height:23px;stroke:#fff;fill:none}.hm-ci-help h3{font-size:18px;margin:0 0 5px}.hm-ci-help p{color:#536e87;margin:0 0 11px;font-size:12px}.hm-ci-help-btn{display:inline-flex;background:linear-gradient(90deg,#6842ee,#0a95e5);color:#fff;padding:9px 18px;border-radius:20px;text-decoration:none;font-weight:800;font-size:11px}.hm-ci-help-phone{display:grid;grid-template-columns:24px 1fr;margin-top:10px;text-decoration:none;color:#15385f}.hm-ci-help-phone svg{grid-row:1/3;width:22px;height:22px;stroke:#0b8fe6;fill:none}.hm-ci-help-phone strong{font-size:17px}.hm-ci-help-phone small{font-size:10px;color:#58718a}
.hm-ci-faq{padding-top:16px!important;padding-bottom:18px!important}.hm-ci-faq-grid{display:grid;grid-template-columns:58% 42%;gap:20px}.hm-ci-faq-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.hm-ci-faq-head h2{font-size:27px;margin:0;color:#17375d}.hm-ci-faq-head h2 span{color:#0b8fe7}.hm-ci-faq-head a{color:#0a8ee5;text-decoration:none;font-weight:800;font-size:11px}.hm-ci-faq>div>div>p{margin:3px 0 10px;color:#506983}.hm-ci-faq-list details{border:0;background:#f5f9fd;margin-bottom:4px;border-radius:2px}.hm-ci-faq-list summary{padding:10px 13px;font-weight:800;color:#17375d;cursor:pointer;list-style:none;position:relative}.hm-ci-faq-list summary:after{content:"+";position:absolute;right:12px;font-size:20px;top:4px}.hm-ci-faq-list details[open] summary:after{content:"–"}.hm-ci-faq-list p{padding:0 13px 11px;margin:0;color:#536c84;font-size:12px;line-height:1.45}
.hm-ci-location{border-radius:4px;background:#eef7ff;overflow:hidden}.hm-ci-location img{width:100%;height:75px;object-fit:cover}.hm-ci-location div{padding:11px 14px}.hm-ci-location h3{font-size:16px;color:#16385f;margin:0 0 5px}.hm-ci-location p{font-size:12px;color:#49677f;line-height:1.4;margin:0}
.hm-ci-final{background:linear-gradient(90deg,#0b4eaf,#0aa1e6 65%,#6550ef);color:#fff}.hm-ci-final .hm-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hm-ci-final h2{font-size:23px;color:#fff;margin:0 0 4px}.hm-ci-final p{margin:0;color:#eaf7ff}.hm-ci-final a{background:#fff;color:#17385f;padding:13px 22px;border-radius:3px;text-decoration:none;font-weight:900;white-space:nowrap}
@media(max-width:900px){.hm-ci-hero-inner{grid-template-columns:1fr}.hm-ci-partner{max-width:420px}.hm-ci-features .hm-wrap,.hm-ci-card-grid{grid-template-columns:repeat(2,1fr)}.hm-ci-more-grid{grid-template-columns:repeat(3,1fr)}.hm-ci-why-grid,.hm-ci-faq-grid{grid-template-columns:1fr}.hm-ci-why{background:linear-gradient(180deg,#06439b 0%,#0c6bc9 58%,#eef7ff 58%,#eef7ff 100%)}.hm-ci-help{padding:24px 0;color:#17385f}}
@media(max-width:620px){.hm-ci-copy h1{font-size:34px}.hm-ci-actions{flex-direction:column;align-items:stretch}.hm-ci-primary,.hm-ci-secondary{border-radius:5px}.hm-ci-features .hm-wrap,.hm-ci-card-grid,.hm-ci-more-grid,.hm-ci-why-points{grid-template-columns:1fr}.hm-ci-final .hm-wrap{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.hm-ci-final a{width:100%;text-align:center}}


/* V8.7.1 — Commercial hero lock: isolate the approved hero from legacy theme/page decoration */
body.hm-page-commercial-insurance .hm-ci-hero,
body.hm-page-commercial-insurance .hm-ci-hero *{box-sizing:border-box}
body.hm-page-commercial-insurance .hm-ci-hero:before,
body.hm-page-commercial-insurance .hm-ci-hero:after,
body.hm-page-commercial-insurance .hm-ci-hero-inner:before,
body.hm-page-commercial-insurance .hm-ci-hero-inner:after,
body.hm-page-commercial-insurance .hm-ci-copy:before,
body.hm-page-commercial-insurance .hm-ci-copy:after{content:none!important;display:none!important;background:none!important}
body.hm-page-commercial-insurance .hm-ci-hero{isolation:isolate;background:#063c79!important}
body.hm-page-commercial-insurance .hm-ci-hero-bg{z-index:0;opacity:1!important;filter:none!important;background-image:linear-gradient(90deg,rgba(3,48,103,.97) 0%,rgba(4,55,116,.82) 36%,rgba(4,55,116,.28) 61%,rgba(4,55,116,.03) 100%),url('images/commercial/hero.jpg')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
body.hm-page-commercial-insurance .hm-ci-hero-inner{z-index:2}
body.hm-page-commercial-insurance .hm-ci-copy{position:relative;z-index:3;background:transparent!important;text-shadow:none!important}
body.hm-page-commercial-insurance .hm-ci-copy h1,
body.hm-page-commercial-insurance .hm-ci-copy h2,
body.hm-page-commercial-insurance .hm-ci-copy p{background:transparent!important;text-shadow:none!important}
body.hm-page-commercial-insurance .hm-ci-partner{position:relative;z-index:4;opacity:1!important;transform:none!important}
body.hm-page-commercial-insurance .hm-ci-features{z-index:5}

/* V8.7.2 — Commercial desktop hero: the approved hero artwork already contains
   the complete locked text, partner card, CTAs and feature strip. Do not layer
   duplicate HTML over it on desktop. Mobile keeps the responsive live layout. */
@media (min-width:901px){
 body.hm-page-commercial-insurance .hm-ci-hero{
   width:100%!important;
   aspect-ratio:808 / 291!important;
   min-height:0!important;
   height:auto!important;
   background:#063c79!important;
 }
 body.hm-page-commercial-insurance .hm-ci-hero-bg{
   inset:0!important;
   background-image:url('images/commercial/hero.jpg')!important;
   background-size:100% 100%!important;
   background-position:center!important;
   background-repeat:no-repeat!important;
 }
 body.hm-page-commercial-insurance .hm-ci-hero-inner,
 body.hm-page-commercial-insurance .hm-ci-features{
   display:none!important;
 }
}

/* V8.7.3 — approved desktop hero remains visually exact, but CTA buttons are real links */
body.hm-page-commercial-insurance .hm-ci-hero{
  position:relative!important;
}
.hm-ci-desktop-hotspots{display:none}
@media(min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-desktop-hotspots{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:30!important;
    pointer-events:none!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hotspot{
    display:block!important;
    position:absolute!important;
    pointer-events:auto!important;
    background:transparent!important;
    border:0!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }
  /* Approved artwork is 808 x 291. These percentages sit directly over the two visible buttons. */
  body.hm-page-commercial-insurance .hm-ci-hotspot-quote{
    left:4.0%!important;
    top:65.0%!important;
    width:22.0%!important;
    height:12.5%!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hotspot-call{
    left:27.5%!important;
    top:65.0%!important;
    width:19.5%!important;
    height:12.5%!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hotspot:focus-visible{
    outline:3px solid #fff!important;
    outline-offset:2px!important;
    border-radius:24px!important;
  }
}
/* On tablet/mobile, the live HTML hero is used and these overlays stay off. */
@media(max-width:900px){
  body.hm-page-commercial-insurance .hm-ci-desktop-hotspots{display:none!important}
}

/* V8.7.4 — Commercial compact/high-quality hero + marked refinements */

/* Desktop hero: no more edge-to-edge stretch. Keep approved proportions in a centered compact frame. */
@media(min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:min(1120px, calc(100% - 48px))!important;
    max-width:1120px!important;
    margin:14px auto 18px!important;
    aspect-ratio:808 / 291!important;
    min-height:0!important;
    height:auto!important;
    border-radius:4px!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(5,43,91,.12)!important;
    background:#063c79!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    inset:0!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% 100%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    image-rendering:auto!important;
  }

  /* Hotspots must remain aligned with the compact artwork. */
  body.hm-page-commercial-insurance .hm-ci-desktop-hotspots{
    inset:0!important;
  }

  /* Compact top-right header CTA on this page only. */
  body.hm-page-commercial-insurance .hm-quote-button{
    min-width:112px!important;
    min-height:38px!important;
    padding:7px 14px!important;
    font-size:11px!important;
    border-radius:4px!important;
  }
}

/* Make the specialist option icons + Learn More text/arrows clearly white. */
body.hm-page-commercial-insurance .hm-ci-more-icon,
body.hm-page-commercial-insurance .hm-ci-more-icon svg,
body.hm-page-commercial-insurance .hm-ci-more-icon svg *{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
  opacity:1!important;
}
body.hm-page-commercial-insurance .hm-ci-more-card a,
body.hm-page-commercial-insurance .hm-ci-more-card a *{
  color:#fff!important;
}
body.hm-page-commercial-insurance .hm-ci-more-card a{
  background:rgba(4,44,100,.82)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}

/* Right help-panel CTA text must be white and readable. */
body.hm-page-commercial-insurance .hm-ci-help-btn{
  color:#fff!important;
  font-weight:800!important;
}

/* Compact final commercial CTA strip/button. */
body.hm-page-commercial-insurance .hm-ci-final .hm-wrap{
  min-height:66px!important;
}
body.hm-page-commercial-insurance .hm-ci-final h2{
  font-size:20px!important;
}
body.hm-page-commercial-insurance .hm-ci-final p{
  font-size:12px!important;
}
body.hm-page-commercial-insurance .hm-ci-final a{
  padding:10px 18px!important;
  font-size:11px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:3px!important;
}

/* Tablet/mobile continue using the live responsive hero, not the baked desktop artwork. */
@media(max-width:900px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* V8.7.5 — fixes marked in screenshot 3-3 only */

/* HERO: keep the compact height, but extend the approved hero fully left-to-right. */
@media(min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:100%!important;
    max-width:none!important;
    margin:0 0 18px!important;
    aspect-ratio:808 / 291!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* Main 8 commercial card images: sharper rendering, no browser blur. */
body.hm-page-commercial-insurance .hm-ci-card-photo{
  background-size:cover!important;
  background-position:center!important;
  image-rendering:auto!important;
}
body.hm-page-commercial-insurance .hm-ci-card{
  transform:translateZ(0);
}

/* More Business Insurance Options: all icons clearly WHITE. */
body.hm-page-commercial-insurance .hm-ci-more-icon{
  opacity:1!important;
  color:#fff!important;
}
body.hm-page-commercial-insurance .hm-ci-more-icon svg,
body.hm-page-commercial-insurance .hm-ci-more-icon svg *{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
  opacity:1!important;
  stroke-width:2.4!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.14))!important;
}

/* V8.7.9 — Commercial hero: restore approved compact desktop footprint only.
   Keeps the existing approved hero artwork/content unchanged; prevents the
   full-browser-width rule from making the hero excessively tall. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:min(1120px, calc(100% - 48px))!important;
    max-width:1120px!important;
    margin:14px auto 18px!important;
    aspect-ratio:808 / 291!important;
    min-height:0!important;
    height:auto!important;
    border-radius:4px!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(5,43,91,.12)!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    background-size:100% 100%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
}

/* V8.7.10 — Commercial hero: fill the full desktop hero band left-to-right
   without increasing the approved compact hero height. No artwork/image changes. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:100%!important;
    max-width:none!important;
    height:403px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    margin:0 0 18px!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    inset:0!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* V8.7.11 — Commercial hero approved full-bleed desktop lock.
   Break the hero out of any WordPress/theme content-width wrapper so the
   approved artwork reaches the viewport edges while retaining compact height. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    position:relative!important;
    left:50%!important;
    right:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
    margin-top:0!important;
    margin-bottom:18px!important;
    height:403px!important;
    min-height:403px!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* V8.7.12 — Commercial hero: user-requested 30% desktop height reduction.
   Full browser width remains locked. Existing artwork is unchanged. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    height:282px!important;
    min-height:282px!important;
  }
}

/* V8.7.16 — Commercial desktop hero rebuilt as live HTML/CSS.
   This deliberately overrides the old baked-artwork desktop rules. */
@media (min-width:901px){
  body.hm-page-commercial-insurance{overflow-x:hidden!important}
  body.hm-page-commercial-insurance .hm-ci-hero{
    position:relative!important;left:50%!important;right:auto!important;
    width:100vw!important;max-width:none!important;margin:0 0 18px -50vw!important;
    height:auto!important;min-height:0!important;aspect-ratio:auto!important;
    overflow:hidden!important;border-radius:0!important;box-shadow:none!important;
    background:linear-gradient(90deg,#063a78 0%,#075aab 54%,#0a76c9 100%)!important;
    color:#fff!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    display:block!important;position:absolute!important;inset:0!important;z-index:0!important;
    background-image:
      linear-gradient(90deg,rgba(3,45,96,.98) 0%,rgba(4,55,116,.90) 40%,rgba(4,66,132,.72) 62%,rgba(4,79,149,.50) 100%),
      url('images/commercial/hero.jpg')!important;
    background-size:auto 215%!important;
    background-position:right 42%!important;
    background-repeat:no-repeat!important;
    filter:none!important;opacity:1!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-inner{
    display:grid!important;position:relative!important;z-index:2!important;
    width:min(1420px,calc(100% - 64px))!important;max-width:1420px!important;margin:0 auto!important;
    grid-template-columns:minmax(0,1fr) 285px!important;gap:52px!important;align-items:center!important;
    min-height:230px!important;padding:18px 0 16px!important;
  }
  body.hm-page-commercial-insurance .hm-ci-copy{max-width:720px!important}
  body.hm-page-commercial-insurance .hm-ci-copy .hm-eyebrow{font-size:12px!important;letter-spacing:.08em!important}
  body.hm-page-commercial-insurance .hm-ci-copy h1{font-size:36px!important;line-height:1.02!important;margin:5px 0 7px!important}
  body.hm-page-commercial-insurance .hm-ci-copy h2{font-size:16px!important;line-height:1.25!important;margin:0 0 6px!important}
  body.hm-page-commercial-insurance .hm-ci-copy p{font-size:13px!important;line-height:1.35!important;max-width:650px!important}
  body.hm-page-commercial-insurance .hm-ci-actions{margin-top:13px!important;gap:12px!important}
  body.hm-page-commercial-insurance .hm-ci-primary,
  body.hm-page-commercial-insurance .hm-ci-secondary{min-height:38px!important;padding:0 18px!important;font-size:12px!important}
  body.hm-page-commercial-insurance .hm-ci-partner{display:block!important;width:285px!important;padding:18px 18px!important;border-radius:7px!important}
  body.hm-page-commercial-insurance .hm-ci-partner-icon{width:38px!important;height:38px!important;margin-bottom:8px!important}
  body.hm-page-commercial-insurance .hm-ci-partner h3{font-size:20px!important;line-height:1.02!important;margin:0 0 8px!important}
  body.hm-page-commercial-insurance .hm-ci-partner p{font-size:12px!important;line-height:1.35!important}
  body.hm-page-commercial-insurance .hm-ci-features{display:block!important;position:relative!important;z-index:3!important;background:rgba(2,39,82,.82)!important}
  body.hm-page-commercial-insurance .hm-ci-features .hm-wrap{
    width:min(1420px,calc(100% - 64px))!important;max-width:1420px!important;margin:0 auto!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;
    padding:8px 0!important;
  }
  body.hm-page-commercial-insurance .hm-ci-features .hm-round{width:32px!important;height:32px!important}
  body.hm-page-commercial-insurance .hm-ci-features strong{font-size:11px!important}
  body.hm-page-commercial-insurance .hm-ci-features small{font-size:9px!important}
  body.hm-page-commercial-insurance .hm-ci-desktop-hotspots{display:none!important}
}

/* V8.7.17 — Commercial hero fidelity repair.
   Use the approved hero artwork once, at its native proportions. This removes
   the duplicate/ghost live text and partner card introduced by V8.7.16.
   Commercial hero only; all content below remains unchanged. */
@media (min-width:901px){
  body.hm-page-commercial-insurance{overflow-x:hidden!important}
  body.hm-page-commercial-insurance .hm-ci-hero{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0 0 18px -50vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1616 / 582!important;
    overflow:hidden!important;
    background:#063a78!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    z-index:1!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    opacity:1!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-inner,
  body.hm-page-commercial-insurance .hm-ci-features,
  body.hm-page-commercial-insurance .hm-ci-desktop-hotspots{
    display:none!important;
  }
}


/* V8.7.18 — Commercial hero proportional bottom-crop.
   Keep approved artwork undistorted and full browser width.
   Reduce visual hero depth by 30% by cropping only from the bottom. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:100vw!important;
    max-width:100vw!important;
    height:calc(100vw * 582 / 1616 * .70)!important;
    aspect-ratio:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    opacity:1!important;
  }
}


/* V8.7.19 — Commercial hero compact, NO CROP.
   Show the complete approved hero artwork edge-to-edge.
   The artwork is proportionally scaled to 70% of its natural desktop height;
   no overflow clipping, cover crop, or hidden bottom content. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:100vw!important;
    max-width:100vw!important;
    height:calc(100vw * 582 / 1616 * .70)!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    opacity:1!important;
  }
}


/* V8.7.20 — Commercial hero: NO STRETCH / NO CROP.
   Important: width and height are no longer forced independently.
   The approved artwork keeps its native 1616:582 aspect ratio. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1616 / 582!important;
    overflow:hidden!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    opacity:1!important;
  }
}

/* V8.7.21 — FINAL COMMERCIAL HERO GEOMETRY LOCK
   Desktop uses the approved HQ artwork at its native aspect ratio.
   No cover crop, no horizontal/vertical distortion, no duplicate live layers. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:808 / 291!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#063c79!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% auto!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    filter:none!important;
    transform:none!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-inner,
  body.hm-page-commercial-insurance .hm-ci-features{
    display:none!important;
  }
}

/* V8.7.22 — COMMERCIAL HERO RESPONSIVE REPAIR
   Live responsive hero only. Removes all inherited viewport breakout geometry,
   baked-text artwork, stretching and duplicate layers. Commercial hero only. */
@media (min-width:901px){
  html, body.hm-page-commercial-insurance{overflow-x:hidden!important}
  body.hm-page-commercial-insurance .hm-ci-hero{
    position:relative!important;
    left:auto!important;right:auto!important;inset:auto!important;
    width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;aspect-ratio:auto!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;border-radius:0!important;box-shadow:none!important;
    background:#063a78!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    display:block!important;position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;z-index:0!important;
    background-image:linear-gradient(90deg,rgba(3,43,92,.96) 0%,rgba(4,54,113,.84) 38%,rgba(4,64,128,.40) 68%,rgba(4,72,139,.12) 100%),url('images/commercial/hero.jpg')!important;
    background-size:cover!important;background-position:center 52%!important;background-repeat:no-repeat!important;
    filter:none!important;opacity:1!important;transform:none!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-inner{
    display:grid!important;position:relative!important;z-index:2!important;
    width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important;
    margin:0 auto!important;
    grid-template-columns:minmax(0,1fr) 285px!important;gap:48px!important;align-items:center!important;
    min-height:clamp(255px,19vw,330px)!important;
    padding:24px 0 20px!important;
  }
  body.hm-page-commercial-insurance .hm-ci-copy{display:block!important;max-width:690px!important;background:transparent!important}
  body.hm-page-commercial-insurance .hm-ci-copy .hm-eyebrow{font-size:12px!important;margin-bottom:5px!important}
  body.hm-page-commercial-insurance .hm-ci-copy h1{font-size:clamp(31px,2.35vw,42px)!important;line-height:1.02!important;margin:0 0 8px!important;letter-spacing:-.8px!important}
  body.hm-page-commercial-insurance .hm-ci-copy h2{font-size:17px!important;line-height:1.2!important;margin:0 0 7px!important}
  body.hm-page-commercial-insurance .hm-ci-copy p{font-size:13px!important;line-height:1.38!important;max-width:650px!important;margin:0!important}
  body.hm-page-commercial-insurance .hm-ci-actions{display:flex!important;margin-top:15px!important;gap:12px!important}
  body.hm-page-commercial-insurance .hm-ci-primary,
  body.hm-page-commercial-insurance .hm-ci-secondary{min-height:38px!important;padding:0 18px!important;font-size:12px!important}
  body.hm-page-commercial-insurance .hm-ci-partner{display:block!important;position:relative!important;z-index:3!important;width:285px!important;max-width:285px!important;padding:20px!important;border-radius:8px!important;transform:none!important}
  body.hm-page-commercial-insurance .hm-ci-partner-icon{width:38px!important;height:38px!important;margin-bottom:8px!important}
  body.hm-page-commercial-insurance .hm-ci-partner h3{font-size:21px!important;line-height:1.04!important;margin:0 0 8px!important}
  body.hm-page-commercial-insurance .hm-ci-partner p{font-size:12px!important;line-height:1.35!important;margin:0!important}
  body.hm-page-commercial-insurance .hm-ci-features{display:block!important;position:relative!important;z-index:3!important;background:rgba(2,38,80,.88)!important}
  body.hm-page-commercial-insurance .hm-ci-features .hm-wrap{
    width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important;margin:0 auto!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;padding:9px 0!important;
  }
  body.hm-page-commercial-insurance .hm-ci-features .hm-feature{min-width:0!important}
  body.hm-page-commercial-insurance .hm-ci-features .hm-round{width:34px!important;height:34px!important;flex:0 0 34px!important}
  body.hm-page-commercial-insurance .hm-ci-features strong{font-size:11px!important;line-height:1.15!important}
  body.hm-page-commercial-insurance .hm-ci-features small{font-size:9px!important;line-height:1.15!important}
  body.hm-page-commercial-insurance .hm-ci-desktop-hotspots{display:none!important}
}

/* V8.7.23 — COMMERCIAL HERO DUPLICATE-TEXT ONLY REPAIR
   Keep the V8.7.22 hero geometry/size exactly as-is. The source hero artwork
   already contains the approved headline, partner panel and CTA artwork, so
   suppress only the duplicate live copy/card layers. No sections below hero touched. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-copy,
  body.hm-page-commercial-insurance .hm-ci-partner{
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* V8.7.24 — COMMERCIAL HERO DUPLICATE LAYER CACHE-SAFE LOCK
   No hero geometry/image sizing changes. Force only the duplicate live copy/card
   off on desktop; asset version bumped so WordPress/browser caches reload CSS. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero .hm-ci-copy,
  body.hm-page-commercial-insurance .hm-ci-hero .hm-ci-partner{
    display:none!important;
  }
}

/* V8.7.25 — COMMERCIAL HERO: restore live foreground text/card and remove the
   baked duplicate artwork from view WITHOUT changing hero size/geometry.
   The source hero.jpg itself contains the old text/card, so desktop now uses
   only its clean central building area as the photographic backdrop. */
@media (min-width:901px){
  body.hm-page-commercial-insurance .hm-ci-hero .hm-ci-copy,
  body.hm-page-commercial-insurance .hm-ci-hero .hm-ci-partner{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    background-image:
      linear-gradient(90deg,rgba(3,43,92,.98) 0%,rgba(4,54,113,.91) 38%,rgba(4,64,128,.50) 68%,rgba(4,72,139,.20) 100%),
      url('images/commercial/hero.jpg')!important;
    /* Zoom into the building-only centre of the existing artwork so its baked
       headline and partner card are outside the visible composition. */
    background-size:auto 620%!important;
    background-position:53% 48%!important;
    background-repeat:no-repeat!important;
  }
}

/* V8.8.0 — approved multi-page visual consistency pass */
.hm-visual-hero{position:relative;isolation:isolate;background:linear-gradient(105deg,#06245b 0%,#064a9c 52%,#0a2e68 100%)}
.hm-visual-hero .hm-hero-grid{min-height:405px;grid-template-columns:1.02fr .98fr}
.hm-visual-hero .hm-hero-copy{position:relative;z-index:3;padding:42px 34px 40px 0}
.hm-visual-hero .hm-hero-copy h1,.hm-visual-hero .hm-hero-copy h2,.hm-visual-hero .hm-hero-copy p{color:#fff!important;text-shadow:0 2px 10px rgba(0,25,70,.22)}
.hm-visual-hero .hm-hero-copy h1{font-size:clamp(38px,4vw,56px)}
.hm-visual-hero .hm-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3}
.hm-visual-hero .hm-hero-visual{position:relative;min-height:405px;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.hm-visual-hero .hm-hero-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,47,105,.50),rgba(5,47,105,.08) 48%,rgba(5,25,65,.08))}
.hm-visual-hero .hm-hero-partner{position:absolute;right:28px;bottom:28px;z-index:3;width:min(290px,calc(100% - 56px));padding:20px;background:rgba(255,255,255,.94);border-radius:10px;box-shadow:0 14px 32px rgba(0,30,80,.24);color:#09245b}
.hm-visual-hero .hm-hero-partner .hm-round{margin-bottom:10px}.hm-visual-hero .hm-hero-partner strong{display:block;font-size:19px;line-height:1.15}.hm-visual-hero .hm-hero-partner small{display:block;margin-top:8px;color:#35547c}
body.hm-page-property-insurance .hm-visual-hero .hm-hero-visual{background-image:url('images/commercial/property.jpg')!important}
body.hm-page-life-protection .hm-visual-hero .hm-hero-visual{background-image:url('https://images.pexels.com/photos/7682342/pexels-photo-7682342.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
body.hm-page-insurance-information .hm-visual-hero .hm-hero-visual{background-image:url('images/commercial/office.jpg')!important}
body.hm-page-about-us .hm-visual-hero .hm-hero-visual{background-image:url('images/commercial/office.jpg')!important}
body.hm-page-testimonials .hm-visual-hero .hm-hero-visual{background-image:url('https://images.pexels.com/photos/7682342/pexels-photo-7682342.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
body.hm-page-contact-us .hm-visual-hero .hm-hero-visual{background-image:url('images/commercial/office.jpg')!important}
body.hm-page-privacy-policy .hm-visual-hero .hm-hero-visual,
body.hm-page-terms-of-business .hm-visual-hero .hm-hero-visual,
body.hm-page-accessibility .hm-visual-hero .hm-hero-visual{background-image:url('images/commercial/office.jpg')!important}
body.hm-page-cookie-policy .hm-visual-hero .hm-hero-visual{background-image:linear-gradient(rgba(6,53,111,.20),rgba(6,53,111,.20)),url('images/personal/contents.jpg')!important}
body.hm-page-landlords-insurance .hm-visual-hero .hm-hero-visual{background-image:url('images/personal/buildings.jpg')!important}

/* White-on-gradient lock: no dark text/icons may leak onto coloured panels. */
.hm-gradient-section,.hm-gradient-section *:not(.hm-card):not(.hm-card *),.hm-cta,.hm-cta h1,.hm-cta h2,.hm-cta h3,.hm-cta p{color:#fff!important}
.hm-gradient-section .hm-card{background:rgba(255,255,255,.96);color:var(--hm-text)!important}.hm-gradient-section .hm-card h3{color:var(--hm-ink)!important}.hm-gradient-section .hm-card p{color:var(--hm-text)!important}
.hm-ci-more-card,.hm-ci-more-card strong,.hm-ci-more-card span,.hm-ci-more-card svg,.hm-ci-more-card svg *{color:#fff!important;stroke:#fff!important}
.hm-ci-more-card a{color:#fff!important}

/* SVG size safety: prevents any icon from expanding to page size. */
.hm-site svg{max-width:100%;max-height:100%}.hm-card-icon,.hm-round,.hm-hero-icon,.hm-ci-more-icon{overflow:hidden}.hm-card-icon svg,.hm-round svg,.hm-hero-icon svg{display:block;width:26px!important;height:26px!important}.hm-ci-more-icon svg{display:block;width:24px!important;height:24px!important}

@media(max-width:780px){.hm-visual-hero .hm-hero-grid{grid-template-columns:1fr}.hm-visual-hero .hm-hero-copy{padding:34px 0}.hm-visual-hero .hm-hero-visual{min-height:280px}.hm-visual-hero .hm-hero-partner{right:18px;bottom:18px}.hm-visual-hero .hm-hero-copy h1{font-size:38px}}

/* V8.8.1 — hero edge-to-edge repair + approved landlords reconstruction */
@media (min-width:781px){
  body.hm-site .hm-visual-hero{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
  body.hm-page-landlords-insurance .hm-visual-hero{background-image:linear-gradient(90deg,rgba(3,38,91,.98) 0%,rgba(3,53,118,.88) 38%,rgba(3,62,127,.35) 67%,rgba(3,38,91,.10) 100%),url('images/personal/buildings.jpg')!important}
  body.hm-page-property-insurance .hm-visual-hero{background-image:linear-gradient(90deg,rgba(3,38,91,.98),rgba(3,53,118,.82) 40%,rgba(3,62,127,.18) 72%),url('images/commercial/property.jpg')!important}
  body.hm-page-life-protection .hm-visual-hero{background-image:linear-gradient(90deg,rgba(3,38,91,.98),rgba(3,53,118,.80) 40%,rgba(3,62,127,.12) 72%),url('https://images.pexels.com/photos/7682342/pexels-photo-7682342.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
  body.hm-page-insurance-information .hm-visual-hero,body.hm-page-about-us .hm-visual-hero,body.hm-page-contact-us .hm-visual-hero,body.hm-page-privacy-policy .hm-visual-hero,body.hm-page-terms-of-business .hm-visual-hero,body.hm-page-accessibility .hm-visual-hero{background-image:linear-gradient(90deg,rgba(3,38,91,.98),rgba(3,53,118,.80) 40%,rgba(3,62,127,.12) 72%),url('images/commercial/office.jpg')!important}
  body.hm-page-testimonials .hm-visual-hero{background-image:linear-gradient(90deg,rgba(3,38,91,.98),rgba(3,53,118,.80) 40%,rgba(3,62,127,.12) 72%),url('https://images.pexels.com/photos/7682342/pexels-photo-7682342.jpeg?auto=compress&cs=tinysrgb&w=2400')!important}
  body.hm-page-cookie-policy .hm-visual-hero{background-image:linear-gradient(90deg,rgba(3,38,91,.98),rgba(3,53,118,.78) 42%,rgba(3,62,127,.12) 72%),url('images/personal/contents.jpg')!important}
  body.hm-site .hm-visual-hero .hm-hero-visual{background:transparent!important}
  body.hm-site .hm-visual-hero .hm-hero-image-shade{display:none!important}
}
.hm-ll-main{padding-top:24px}.hm-ll-main .hm-section-heading h2,.hm-ll-faq .hm-section-heading h2{margin-bottom:2px}.hm-ll-main .hm-section-heading h2 span,.hm-ll-faq .hm-section-heading h2 span{color:#0789ee}.hm-ll-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hm-ll-photo-card{position:relative;border:1px solid #d5e5f4;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(6,45,92,.06);padding:0 16px 16px}.hm-ll-photo-card img{display:block;width:calc(100% + 32px);height:145px;object-fit:cover;margin:0 -16px 0}.hm-ll-photo-card .hm-card-icon{margin-top:-23px;position:relative;background:#fff;width:48px;height:48px}.hm-ll-photo-card h3{font-size:17px;line-height:1.15;color:#09245b;margin:7px 0 5px}.hm-ll-photo-card p{font-size:13px;line-height:1.35;min-height:36px;margin:0 0 10px}.hm-ll-photo-card a{font-size:13px;font-weight:800}.hm-ll-more-title{margin-top:28px;margin-bottom:12px}.hm-ll-more-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.hm-ll-more-card{min-height:112px;background:linear-gradient(135deg,#079be9,#7144ef);color:#fff;border-radius:4px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hm-ll-more-card svg{width:27px!important;height:27px!important;stroke:#fff!important;fill:none!important;stroke-width:3}.hm-ll-more-card strong{font-size:11px;line-height:1.2;margin:5px 0;color:#fff}.hm-ll-more-card a{font-size:9px;background:#062b61;color:#fff!important;border-radius:999px;padding:4px 10px;font-weight:800}.hm-ll-why{background:linear-gradient(105deg,#06449c 0%,#0a78d9 58%,#eef7ff 58%,#eef7ff 100%)}.hm-ll-why-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;min-height:205px}.hm-ll-why-grid>div{color:#fff;padding:24px 0}.hm-ll-why h2{color:#fff;margin:0 0 5px}.hm-ll-why p{margin:0}.hm-ll-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.hm-ll-points .hm-feature{display:block;text-align:center}.hm-ll-points .hm-round{margin:auto}.hm-ll-points small{display:none}.hm-ll-why aside{padding:24px 0;color:#17385f}.hm-ll-why aside h3{margin:0 0 4px;color:#17385f}.hm-ll-why aside strong,.hm-ll-why aside small{display:block;margin-top:8px}.hm-ll-faq{padding:26px 0}.hm-ll-faq-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.hm-ll-location{background:#edf6ff}.hm-ll-location img{width:100%;height:105px;object-fit:cover;display:block}.hm-ll-location div{padding:14px}.hm-ll-location h3{margin:0 0 5px;color:#09245b}.hm-ll-location p{font-size:13px;margin:0}
@media(max-width:900px){.hm-ll-photo-grid{grid-template-columns:repeat(2,1fr)}.hm-ll-more-grid{grid-template-columns:repeat(3,1fr)}.hm-ll-why-grid,.hm-ll-faq-grid{grid-template-columns:1fr}.hm-ll-why{background:#0759b5}.hm-ll-why aside{background:#eef7ff;padding:22px}.hm-ll-points{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hm-ll-photo-grid,.hm-ll-more-grid{grid-template-columns:1fr}.hm-ll-points{grid-template-columns:1fr 1fr}}

/* V8.8.2 — HERO SHARPNESS + PROPERTY PAGE. Locked page geometry is unchanged. */
@media (min-width:901px){
  /* Commercial: use the existing 1616px approved artwork at native composition.
     This removes the V8.7.25 620% zoom that caused visible blur. */
  body.hm-page-commercial-insurance .hm-ci-hero{
    aspect-ratio:808/291!important;height:auto!important;min-height:0!important;
  }
  body.hm-page-commercial-insurance .hm-ci-hero-bg{
    background-image:url('images/commercial/hero-approved-hq.png')!important;
    background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
  }
  body.hm-page-commercial-insurance .hm-ci-copy,
  body.hm-page-commercial-insurance .hm-ci-partner,
  body.hm-page-commercial-insurance .hm-ci-features{display:none!important}
}
@media (min-width:781px){
  body.hm-page-landlords-insurance .hm-visual-hero{
    background-image:linear-gradient(90deg,rgba(3,38,91,.98) 0%,rgba(3,53,118,.88) 38%,rgba(3,62,127,.35) 67%,rgba(3,38,91,.10) 100%),url('https://images.unsplash.com/photo-1784641337605-b7ce89caf018?auto=format&fit=crop&fm=webp&q=88&w=2400')!important;
  }
  body.hm-page-property-insurance .hm-visual-hero{
    background-image:linear-gradient(90deg,rgba(3,38,91,.98) 0%,rgba(3,53,118,.86) 38%,rgba(3,62,127,.30) 67%,rgba(3,38,91,.08) 100%),url('https://images.unsplash.com/photo-1747909020005-6dc48e78a4dd?auto=format&fit=crop&fm=webp&q=86&w=2400&h=900')!important;
  }
}
body.hm-page-property-insurance .hm-ll-more-card,
body.hm-page-property-insurance .hm-ll-more-card strong,
body.hm-page-property-insurance .hm-ll-more-card a{color:#fff!important}
body.hm-page-property-insurance .hm-ll-more-card svg,
body.hm-page-property-insurance .hm-ll-more-card svg *{stroke:#fff!important;fill:none!important}

/* V8.8.3 — COMMERCIAL HERO SINGLE-LAYER HARD LOCK.
   The approved hero artwork already contains the visible heading, partner card,
   buttons and benefit strip. Suppress every duplicate HTML visual layer at all
   breakpoints. Keep transparent hotspots for the two hero actions. */
.hm-ci-hero .hm-ci-hero-inner,
.hm-ci-hero .hm-ci-copy,
.hm-ci-hero .hm-ci-partner,
.hm-ci-hero .hm-ci-features{
  display:none!important;
  visibility:hidden!important;
}
.hm-ci-hero{
  position:relative!important;
  width:100%!important;
  aspect-ratio:808/291!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.hm-ci-hero .hm-ci-hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:url('images/commercial/hero-approved-hq.png')!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* V8.8.4 — COMMERCIAL HERO TEMPLATE FIX.
   Duplicate hero copy/card/features were removed from PHP itself, so they cannot
   reappear due to cached or competing CSS. The approved artwork is the sole visual layer. */
body.hm-site .hm-ci-hero-artwork-only{position:relative!important;width:100%!important;aspect-ratio:808/291!important;height:auto!important;min-height:0!important;overflow:hidden!important}
body.hm-site .hm-ci-hero-artwork-only .hm-ci-hero-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-image:url('images/commercial/hero-approved-hq.png')!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
body.hm-site .hm-ci-hero-artwork-only .hm-ci-desktop-hotspots{display:block!important;position:absolute!important;inset:0!important;z-index:5!important;pointer-events:none!important}
body.hm-site .hm-ci-hero-artwork-only .hm-ci-hotspot{position:absolute!important;display:block!important;pointer-events:auto!important;background:transparent!important}
body.hm-site .hm-ci-hero-artwork-only .hm-ci-hotspot-quote{left:3.9%!important;top:66.1%!important;width:22%!important;height:12%!important}
body.hm-site .hm-ci-hero-artwork-only .hm-ci-hotspot-call{left:27.5%!important;top:66.1%!important;width:19%!important;height:12%!important}

/* V8.8.5 — COMMERCIAL HERO: compact, clean HQ photo + real HTML copy.
   Background is requested as WebP from Unsplash CDN; no text is baked into the image. */
body.hm-site.hm-page-commercial-insurance .hm-ci-hero-v885{
  position:relative!important;width:100%!important;height:390px!important;min-height:390px!important;
  overflow:hidden!important;background:#07356b!important;color:#fff!important;
}
body.hm-site.hm-page-commercial-insurance .hm-ci-hero-v885:before{
  content:"";position:absolute;inset:0;z-index:0;
  background-image:linear-gradient(90deg,rgba(3,37,78,.96) 0%,rgba(3,51,103,.82) 39%,rgba(3,61,121,.36) 68%,rgba(3,61,121,.10) 100%),url('https://images.unsplash.com/photo-1780417819796-c28f3951a39c?auto=format&fit=crop&fm=webp&q=82&w=2400');
  background-size:cover;background-position:center 52%;background-repeat:no-repeat;
}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-inner{position:relative;z-index:2;max-width:1140px;height:100%;margin:0 auto;padding:34px 24px 76px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:54px;align-items:start}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-copy{max-width:650px}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-kicker{margin:0 0 7px;color:#20c5ff;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-copy h1{margin:0 0 8px;color:#fff;font-size:42px;line-height:1.04;letter-spacing:-.025em;font-weight:850}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-lead{margin:0 0 8px;color:#fff;font-size:18px;line-height:1.3;font-weight:700}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-desc{max-width:610px;margin:0;color:#fff;font-size:15px;line-height:1.48}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-actions{display:flex;gap:14px;align-items:center;margin-top:18px}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-actions .hm-btn{min-height:44px;padding:0 22px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-decoration:none}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-actions .hm-btn-primary{background:#11b9f1;color:#fff;border:2px solid #11b9f1}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-actions .hm-btn-outline{background:rgba(0,30,70,.18);color:#fff;border:2px solid rgba(255,255,255,.9)}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-card{margin-top:14px;background:#fff;color:#092d61;border-radius:8px;padding:22px 22px 20px;box-shadow:0 12px 30px rgba(0,23,55,.22)}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-card .hm-round{width:38px;height:38px;margin-bottom:12px;background:#0ea5ef;color:#fff}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-card h2{margin:0 0 9px;color:#092d61;font-size:23px;line-height:1.02}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-card p{margin:0;color:#31547b;font-size:14px;line-height:1.45}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-features{position:absolute;z-index:3;left:0;right:0;bottom:0;height:66px;background:rgba(2,36,78,.90);border-top:1px solid rgba(255,255,255,.15)}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-features .hm-wrap{height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-feature{display:flex;align-items:center;gap:10px;color:#fff;min-width:0}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-feature .hm-round{width:36px;height:36px;flex:0 0 36px;background:#0ea5ef;color:#fff}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-feature strong{display:block;color:#fff;font-size:12px;line-height:1.15}
body.hm-site.hm-page-commercial-insurance .hm-ci-v885-feature small{display:block;margin-top:3px;color:#fff;font-size:10px;line-height:1.15;opacity:.94}
@media(max-width:800px){
 body.hm-site.hm-page-commercial-insurance .hm-ci-hero-v885{height:auto!important;min-height:0!important}
 body.hm-site.hm-page-commercial-insurance .hm-ci-v885-inner{height:auto;padding:28px 20px 22px;display:block}
 body.hm-site.hm-page-commercial-insurance .hm-ci-v885-copy h1{font-size:34px}
 body.hm-site.hm-page-commercial-insurance .hm-ci-v885-card{max-width:420px;margin:22px 0 0}
 body.hm-site.hm-page-commercial-insurance .hm-ci-v885-features{position:relative;height:auto}
 body.hm-site.hm-page-commercial-insurance .hm-ci-v885-features .hm-wrap{grid-template-columns:1fr 1fr;padding-top:14px;padding-bottom:14px}
}
@media(max-width:520px){body.hm-site.hm-page-commercial-insurance .hm-ci-v885-actions{align-items:stretch;flex-direction:column}.hm-ci-v885-actions .hm-btn{width:100%}body.hm-site.hm-page-commercial-insurance .hm-ci-v885-features .hm-wrap{grid-template-columns:1fr}}


/* V8.8.6 — Commercial card clarity + compact call button. */
body.hm-page-commercial-insurance .hm-ci-card img{image-rendering:auto!important;filter:none!important}
body.hm-page-commercial-insurance .hm-ci-v885-actions .hm-btn-outline{height:44px!important;min-height:44px!important;width:auto!important;min-width:168px!important;padding:0 18px!important;white-space:nowrap!important;line-height:1!important}
body.hm-page-commercial-insurance .hm-ci-v885-actions .hm-btn-outline svg{width:18px!important;height:18px!important;flex:0 0 18px!important;margin-right:8px!important;fill:none!important;stroke:currentColor!important}
body.hm-page-commercial-insurance .hm-ci-v885-actions .hm-btn-primary{height:44px!important;min-height:44px!important;white-space:nowrap!important}
/* V8.8.8 Landlords image-only repair: keep approved layout, use clean photos and one HTML icon. */
body.hm-page-landlords-insurance .hm-ll-photo-card img{width:calc(100% + 32px);height:145px;object-fit:cover;object-position:center;margin:0 -16px 0;image-rendering:auto}
body.hm-page-landlords-insurance .hm-ll-photo-card .hm-card-icon{z-index:2}
body.hm-page-landlords-insurance .hm-ll-location img{height:105px;object-fit:cover;image-rendering:auto}

/* V8.8.10 — PROPERTY IMAGE-ONLY REPAIR. Layout remains locked. */
body.hm-page-property-insurance .hm-pr-hero{background-position:center 48%!important;background-size:cover!important}
body.hm-page-property-insurance .hm-ll-photo-card img{width:100%!important;height:132px!important;object-fit:cover!important;object-position:center!important;display:block!important}
body.hm-page-property-insurance .hm-ll-photo-card .hm-card-icon svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}

/* V8.8.11 — LIFE & PROTECTION APPROVED PAGE REBUILD ONLY */
body.hm-page-life-protection .hm-lp-hero{position:relative;color:#fff;background:#063b85;overflow:hidden}
body.hm-page-life-protection .hm-lp-hero-bg{position:absolute;inset:0 0 76px;background-image:linear-gradient(90deg,rgba(3,37,91,.98) 0%,rgba(3,55,123,.82) 40%,rgba(3,55,123,.18) 72%),url('images/personal/hero-family.jpg');background-size:cover;background-position:center 42%;background-repeat:no-repeat}
body.hm-page-life-protection .hm-lp-hero-inner{position:relative;z-index:2;min-height:410px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px;align-items:center;padding-top:32px;padding-bottom:32px}
body.hm-page-life-protection .hm-lp-copy{max-width:690px} body.hm-page-life-protection .hm-lp-copy h1{font-size:46px;line-height:1.02;letter-spacing:-1.2px;margin:0 0 8px;color:#fff} body.hm-page-life-protection .hm-lp-copy h2{font-size:21px;margin:0 0 8px;color:#fff} body.hm-page-life-protection .hm-lp-copy p{font-size:15px;line-height:1.45;margin:0;max-width:650px;color:#fff} body.hm-page-life-protection .hm-lp-copy .hm-actions{margin-top:18px} body.hm-page-life-protection .hm-lp-copy .hm-btn{min-height:42px;padding:0 18px;font-size:13px} body.hm-page-life-protection .hm-lp-copy .hm-btn svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:3}
body.hm-page-life-protection .hm-lp-partner{background:#fff;color:#09245b;border-radius:9px;padding:22px;box-shadow:0 10px 28px rgba(0,25,70,.18)} body.hm-page-life-protection .hm-lp-partner h3{font-size:25px;line-height:1.02;margin:10px 0;color:#09245b} body.hm-page-life-protection .hm-lp-partner p{font-size:14px;line-height:1.35;margin:0;color:#31527b}
body.hm-page-life-protection .hm-lp-features{position:relative;z-index:3;background:rgba(3,37,82,.96)} body.hm-page-life-protection .hm-lp-features>.hm-wrap{height:76px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:center} body.hm-page-life-protection .hm-lp-features .hm-round{width:42px;height:42px;flex-basis:42px} body.hm-page-life-protection .hm-lp-features strong{font-size:13px} body.hm-page-life-protection .hm-lp-features small{font-size:10px}
body.hm-page-life-protection .hm-lp-main{padding:28px 0} body.hm-page-life-protection .hm-lp-main .hm-section-heading{margin-bottom:16px} body.hm-page-life-protection .hm-lp-main .hm-section-heading h2,body.hm-page-life-protection .hm-lp-faq .hm-section-heading h2{font-size:31px;margin-bottom:2px} body.hm-page-life-protection .hm-lp-main .hm-section-heading h2 span,body.hm-page-life-protection .hm-lp-more-title h2 span,body.hm-page-life-protection .hm-lp-faq h2 span{color:#0789ee}
body.hm-page-life-protection .hm-lp-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} body.hm-page-life-protection .hm-lp-photo-card{position:relative;border:1px solid #d5e5f4;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(6,45,92,.06);padding:0 16px 16px} body.hm-page-life-protection .hm-lp-photo-card img{display:block;width:calc(100% + 32px);height:145px;object-fit:cover;margin:0 -16px} body.hm-page-life-protection .hm-lp-photo-card .hm-card-icon{position:relative;z-index:2;margin-top:-23px;background:#fff;width:48px;height:48px} body.hm-page-life-protection .hm-lp-photo-card h3{font-size:17px;line-height:1.15;color:#09245b;margin:7px 0 5px} body.hm-page-life-protection .hm-lp-photo-card p{font-size:13px;line-height:1.35;min-height:53px;margin:0 0 10px} body.hm-page-life-protection .hm-lp-photo-card a{font-size:13px;font-weight:800}
body.hm-page-life-protection .hm-lp-more-title{margin:26px 0 12px} body.hm-page-life-protection .hm-lp-more-title h2{font-size:30px;line-height:1.1;color:#09245b;margin:0 0 2px} body.hm-page-life-protection .hm-lp-more-title p{margin:0} body.hm-page-life-protection .hm-lp-more-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px} body.hm-page-life-protection .hm-lp-more-card{min-height:112px;background:linear-gradient(135deg,#079be9,#7144ef);color:#fff;border-radius:4px;padding:12px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center} body.hm-page-life-protection .hm-lp-more-card>svg{width:28px!important;height:28px!important;stroke:#fff!important;fill:none!important;stroke-width:3} body.hm-page-life-protection .hm-lp-more-card strong{font-size:11px;line-height:1.2;margin:5px 0;color:#fff} body.hm-page-life-protection .hm-lp-more-card a{font-size:9px;background:#062b61;color:#fff!important;border-radius:999px;padding:4px 10px;font-weight:800}
body.hm-page-life-protection .hm-lp-why{background:linear-gradient(105deg,#06449c 0%,#0a78d9 58%,#eef7ff 58%,#eef7ff 100%)} body.hm-page-life-protection .hm-lp-why-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;min-height:205px} body.hm-page-life-protection .hm-lp-why-grid>div{color:#fff;padding:24px 0} body.hm-page-life-protection .hm-lp-why h2{color:#fff;margin:0 0 5px} body.hm-page-life-protection .hm-lp-why p{margin:0} body.hm-page-life-protection .hm-lp-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px} body.hm-page-life-protection .hm-lp-points .hm-feature{display:block;text-align:center} body.hm-page-life-protection .hm-lp-points .hm-round{margin:auto} body.hm-page-life-protection .hm-lp-points small{display:none} body.hm-page-life-protection .hm-lp-why aside{padding:24px 0;color:#17385f} body.hm-page-life-protection .hm-lp-why aside h3{margin:0 0 4px;color:#17385f} body.hm-page-life-protection .hm-lp-why aside strong,body.hm-page-life-protection .hm-lp-why aside small{display:block;margin-top:8px}
body.hm-page-life-protection .hm-lp-faq{padding:26px 0} body.hm-page-life-protection .hm-lp-faq .hm-section-heading{margin-bottom:14px} body.hm-page-life-protection .hm-lp-faq-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px} body.hm-page-life-protection .hm-lp-location{background:#edf6ff} body.hm-page-life-protection .hm-lp-location img{width:100%;height:105px;object-fit:cover;display:block} body.hm-page-life-protection .hm-lp-location div{padding:14px} body.hm-page-life-protection .hm-lp-location h3{margin:0 0 5px;color:#09245b} body.hm-page-life-protection .hm-lp-location p{font-size:13px;margin:0}
@media(max-width:900px){body.hm-page-life-protection .hm-lp-hero-inner{grid-template-columns:1fr;gap:18px;padding-top:28px;padding-bottom:28px}body.hm-page-life-protection .hm-lp-partner{max-width:360px}body.hm-page-life-protection .hm-lp-features>.hm-wrap{height:auto;grid-template-columns:repeat(2,1fr);padding-top:14px;padding-bottom:14px}body.hm-page-life-protection .hm-lp-photo-grid{grid-template-columns:repeat(2,1fr)}body.hm-page-life-protection .hm-lp-more-grid{grid-template-columns:repeat(3,1fr)}body.hm-page-life-protection .hm-lp-why,body.hm-page-life-protection .hm-lp-why-grid{background:#0756b8}body.hm-page-life-protection .hm-lp-why-grid,body.hm-page-life-protection .hm-lp-faq-grid{grid-template-columns:1fr}body.hm-page-life-protection .hm-lp-why aside{background:#eef7ff;margin:0 -15px;padding:22px 15px}}
@media(max-width:560px){body.hm-page-life-protection .hm-lp-copy h1{font-size:36px}body.hm-page-life-protection .hm-lp-photo-grid{grid-template-columns:1fr}body.hm-page-life-protection .hm-lp-more-grid{grid-template-columns:repeat(2,1fr)}body.hm-page-life-protection .hm-lp-features>.hm-wrap,body.hm-page-life-protection .hm-lp-points{grid-template-columns:1fr 1fr}}

/* V8.8.12 — LIFE & PROTECTION IMAGE CLEANUP ONLY */
body.hm-page-life-protection .hm-lp-hero-bg{background-image:linear-gradient(90deg,rgba(3,37,91,.98) 0%,rgba(3,55,123,.82) 42%,rgba(3,55,123,.22) 78%),url('images/life/hero-clean.webp')!important;background-size:cover!important;background-position:center center!important}
body.hm-page-life-protection .hm-lp-photo-card img{object-fit:cover!important;object-position:center!important}
body.hm-page-life-protection .hm-lp-photo-card .hm-card-icon{position:relative!important;z-index:3!important;width:48px!important;height:48px!important;margin-top:-23px!important}
body.hm-page-life-protection .hm-lp-photo-card .hm-card-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important}

/* V8.8.13 Life & Protection targeted image repair */
body.hm-page-life-protection .hm-lp-hero-bg{background-image:linear-gradient(90deg,rgba(3,37,91,.98) 0%,rgba(3,55,123,.82) 42%,rgba(3,55,123,.22) 78%),url('https://images.pexels.com/photos/3875175/pexels-photo-3875175.jpeg?auto=compress&cs=tinysrgb&w=2400')!important;background-size:cover!important;background-position:center 48%!important}
body.hm-page-life-protection .hm-lp-photo-card>img{width:100%!important;height:145px!important;object-fit:cover!important;object-position:center 22%!important;display:block!important}
body.hm-page-life-protection .hm-lp-photo-card .hm-card-icon{display:flex!important}

/* V8.8.14 — LIFE & PROTECTION CARD IMAGE + SINGLE ICON REPAIR ONLY */
body.hm-page-life-protection .hm-lp-photo-card>img{width:calc(100% + 32px)!important;height:145px!important;object-fit:cover!important;object-position:center!important;display:block!important;margin:0 -16px!important}
body.hm-page-life-protection .hm-lp-photo-card .hm-card-icon{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:3!important;width:48px!important;height:48px!important;margin-top:-23px!important;background:#fff!important;border-radius:50%!important}
body.hm-page-life-protection .hm-lp-photo-card .hm-card-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important}

/* V8.8.15 — Insurance Information approved-page rebuild only */
.hm-info-hero{position:relative;background:#06366f;color:#fff;border-top:6px solid #09aaf0}
.hm-info-hero-inner{min-height:400px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(2,39,91,.99) 0%,rgba(2,51,111,.94) 38%,rgba(2,55,116,.45) 58%,rgba(2,42,91,.08) 100%),url('images/information/hero-approved.webp');background-size:cover;background-position:center right}
.hm-info-copy{width:min(590px,56%);padding:42px 0 34px}.hm-info-copy h1{font-size:46px;line-height:1.02;margin:8px 0 10px}.hm-info-copy h2{font-size:22px;line-height:1.25;margin:0 0 12px;color:#fff}.hm-info-copy p{font-size:16px;line-height:1.55;margin:0 0 20px}.hm-info-copy .hm-btn-ghost{color:#fff;border-color:#fff}.hm-info-benefits{background:#07366f}.hm-info-benefits .hm-four{padding:15px 0}.hm-info-benefits .hm-feature{color:#fff}.hm-info-benefits .hm-feature small{color:#d8e8f7}
.hm-info-topics .hm-section-heading h2,.hm-info-faq .hm-section-heading h2{font-size:34px}.hm-info-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hm-info-photo-card{position:relative;background:#fff;border:1px solid #d5e3ef;border-radius:7px;overflow:hidden;box-shadow:0 4px 14px rgba(5,42,83,.08);padding-bottom:18px}.hm-info-photo-card>img{width:100%;height:130px;object-fit:cover;display:block}.hm-info-photo-card .hm-card-icon{position:absolute;top:105px;left:14px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#078ee8;box-shadow:0 2px 8px rgba(0,0,0,.12)}.hm-info-photo-card .hm-card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor}.hm-info-photo-card h3{font-size:18px;line-height:1.05;margin:25px 16px 8px;color:#052a62}.hm-info-photo-card p{margin:0 16px 12px;min-height:58px;color:#28496d;line-height:1.35}.hm-info-photo-card>a{margin:0 16px;color:#0079df;font-weight:800;text-decoration:none}
.hm-info-guides{padding-top:24px!important}.hm-info-guide-head{display:flex;justify-content:space-between;align-items:end;color:#fff;margin-bottom:16px}.hm-info-guide-head h2{font-size:32px;margin:0}.hm-info-guide-head p{margin:3px 0 0}.hm-info-guide-head>a{color:#fff;font-weight:800;text-decoration:none}.hm-info-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hm-info-guide-grid article{background:#fff;border-radius:7px;overflow:hidden}.hm-info-guide-grid img{width:100%;height:145px;object-fit:cover}.hm-info-guide-grid article>div{padding:14px 16px 18px}.hm-info-guide-grid small{color:#416184}.hm-info-guide-grid h3{color:#062b65;font-size:18px;margin:5px 0}.hm-info-guide-grid p{color:#28496d}.hm-info-guide-grid a{color:#0079df;font-weight:800;text-decoration:none}
.hm-info-faq-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:28px}.hm-info-faq-grid aside{display:grid;gap:12px}.hm-info-faq-grid aside .hm-location-card{margin:0}.hm-info-faq-grid aside strong,.hm-info-faq-grid aside small{display:block;margin-top:8px;color:#052a62}
@media(max-width:900px){.hm-info-copy{width:70%}.hm-info-card-grid{grid-template-columns:repeat(2,1fr)}.hm-info-guide-grid{grid-template-columns:1fr}.hm-info-faq-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hm-info-hero-inner{min-height:470px;background-position:64% center}.hm-info-copy{width:100%;padding:30px 0}.hm-info-copy h1{font-size:36px}.hm-info-card-grid{grid-template-columns:1fr}.hm-info-benefits .hm-four{grid-template-columns:1fr 1fr}}

/* V8.8.16 — Insurance Information approved visual repair only. */
.hm-info-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background-image:linear-gradient(90deg,rgba(2,39,91,.98) 0%,rgba(2,51,111,.91) 37%,rgba(2,55,116,.34) 59%,rgba(2,42,91,.03) 100%),url('images/information/hero-approved.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.hm-info-hero .hm-info-hero-inner{
  background:none!important;
  min-height:400px!important;
}
.hm-info-card-grid .hm-info-photo-card>img{
  display:block!important;width:100%!important;height:150px!important;object-fit:cover!important;object-position:center!important;
}
.hm-info-card-grid .hm-info-photo-card .hm-card-icon{
  top:124px!important;width:42px!important;height:42px!important;
}
.hm-info-card-grid .hm-info-photo-card .hm-card-icon svg{
  width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;
}
.hm-info-guides .hm-info-guide-grid article{display:block!important;background:#fff!important;overflow:hidden!important}
.hm-info-guides .hm-info-guide-grid article>img{
  display:block!important;width:100%!important;height:155px!important;object-fit:cover!important;object-position:center!important;
}
@media(max-width:600px){.hm-info-hero{background-position:62% center!important}.hm-info-hero .hm-info-hero-inner{min-height:470px!important}}

/* V8.8.17 — Insurance Information targeted screenshot repair only. */
body.hm-page-insurance-information .hm-info-hero{
  width:100%!important;max-width:none!important;margin:0!important;
  background-image:linear-gradient(90deg,rgba(2,39,91,.99) 0%,rgba(2,49,108,.92) 39%,rgba(2,52,111,.34) 62%,rgba(2,42,91,.05) 100%),url('images/information/hero-clean-approved.webp')!important;
  background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important;
}
body.hm-page-insurance-information .hm-info-hero .hm-info-hero-inner{min-height:310px!important;background:none!important;align-items:center!important}
body.hm-page-insurance-information .hm-info-copy{width:min(590px,58%)!important;padding:25px 0 23px!important}
body.hm-page-insurance-information .hm-info-copy h1{font-size:39px!important;line-height:1.02!important;margin:5px 0 7px!important;color:#fff!important}
body.hm-page-insurance-information .hm-info-copy h2{font-size:18px!important;margin:0 0 8px!important;color:#fff!important}
body.hm-page-insurance-information .hm-info-copy p{font-size:14px!important;line-height:1.42!important;margin:0 0 15px!important;color:#fff!important}
body.hm-page-insurance-information .hm-info-copy .hm-actions{display:flex!important;gap:12px!important;align-items:center!important}
body.hm-page-insurance-information .hm-info-copy .hm-btn{min-height:42px!important;height:42px!important;padding:0 19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
body.hm-page-insurance-information .hm-info-benefits .hm-four{padding:12px 0!important}
body.hm-page-insurance-information .hm-info-photo-card>img{height:150px!important;object-fit:cover!important;object-position:center!important}
body.hm-page-insurance-information .hm-info-photo-card .hm-card-icon{top:124px!important;left:14px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;background:#fff!important}
body.hm-page-insurance-information .hm-info-photo-card .hm-card-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
body.hm-page-insurance-information .hm-info-guide-grid article{display:flex!important;flex-direction:column!important;background:#fff!important;color:#17385f!important;min-height:345px!important}
body.hm-page-insurance-information .hm-info-guide-grid article>img{height:155px!important;object-fit:cover!important;object-position:center!important;flex:0 0 155px!important}
body.hm-page-insurance-information .hm-info-guide-grid article>div{display:block!important;padding:14px 16px 18px!important;background:#fff!important;flex:1!important}
body.hm-page-insurance-information .hm-info-guide-grid small{display:block!important;color:#416184!important}
body.hm-page-insurance-information .hm-info-guide-grid h3{display:block!important;color:#062b65!important;font-size:18px!important;line-height:1.15!important;margin:5px 0 7px!important}
body.hm-page-insurance-information .hm-info-guide-grid p{display:block!important;color:#28496d!important;line-height:1.35!important;margin:0 0 9px!important}
body.hm-page-insurance-information .hm-info-guide-grid a{display:inline-block!important;color:#0079df!important;font-weight:800!important}
@media(max-width:600px){body.hm-page-insurance-information .hm-info-hero .hm-info-hero-inner{min-height:430px!important}body.hm-page-insurance-information .hm-info-copy{width:100%!important}body.hm-page-insurance-information .hm-info-copy .hm-actions{align-items:stretch!important;flex-direction:column!important}body.hm-page-insurance-information .hm-info-copy .hm-btn{width:100%!important}}


/* V8.8.18 — Insurance Information: approved hero depth + Featured Guides text visibility only. */
.hm-info-hero .hm-info-hero-inner{
  min-height:357px!important;
}
.hm-info-guides .hm-info-guide-grid article{
  display:flex!important;
  flex-direction:column!important;
  min-height:345px!important;
  background:#fff!important;
  color:#17385f!important;
  overflow:hidden!important;
}
.hm-info-guides .hm-info-guide-grid article>img{
  display:block!important;
  width:100%!important;
  height:155px!important;
  flex:0 0 155px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.hm-info-guides .hm-info-guide-grid article>div{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  flex:1 1 auto!important;
  padding:14px 16px 18px!important;
  background:#fff!important;
  color:#17385f!important;
}
.hm-info-guides .hm-info-guide-grid article small{
  display:block!important;visibility:visible!important;opacity:1!important;color:#416184!important;
}
.hm-info-guides .hm-info-guide-grid article h3{
  display:block!important;visibility:visible!important;opacity:1!important;color:#062b65!important;font-size:18px!important;line-height:1.15!important;margin:5px 0 7px!important;
}
.hm-info-guides .hm-info-guide-grid article p{
  display:block!important;visibility:visible!important;opacity:1!important;color:#28496d!important;line-height:1.35!important;margin:0 0 9px!important;
}
.hm-info-guides .hm-info-guide-grid article a{
  display:inline-block!important;visibility:visible!important;opacity:1!important;color:#0079df!important;font-weight:800!important;text-decoration:none!important;
}
@media(max-width:600px){.hm-info-hero .hm-info-hero-inner{min-height:470px!important}}

/* V8.8.19 — Insurance Information Featured Guides text colour repair ONLY.
   The global gradient-section white-text rule was overriding the white guide cards. */
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div,
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div small,
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div h3,
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div p,
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div a{
  visibility:visible!important;
  opacity:1!important;
}
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div{color:#17385f!important;background:#fff!important}
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div small{color:#416184!important}
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div h3{color:#062b65!important}
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div p{color:#28496d!important}
body.hm-page-insurance-information .hm-gradient-section.hm-info-guides .hm-info-guide-grid article > div a{color:#0079df!important}
/* V8.8.21 ABOUT US approved-page repair — scoped to About only */
body.hm-page-about-us .hm-about-hero{background:linear-gradient(90deg,#06357d 0%,#0a4c9c 48%,#0a4c9c 48%,#062b64 100%);color:#fff;overflow:hidden}
body.hm-page-about-us .hm-about-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:350px;padding:0}
body.hm-page-about-us .hm-about-hero-copy{padding:34px 28px 28px 0;position:relative;z-index:2}
body.hm-page-about-us .hm-about-hero-copy h1{font-size:40px;line-height:1.02;margin:8px 0 12px;color:#fff}
body.hm-page-about-us .hm-about-hero-copy h2{font-size:20px;line-height:1.25;margin:0 0 12px;color:#fff}
body.hm-page-about-us .hm-about-hero-copy p{font-size:15px;line-height:1.45;max-width:620px;color:#fff}
body.hm-page-about-us .hm-about-hero-photo{background:url('images/about/hero-approved.webp') center/cover no-repeat;min-height:350px;position:relative}
body.hm-page-about-us .hm-about-hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a4c9c 0%,rgba(10,76,156,.28) 30%,rgba(0,0,0,0) 65%)}
body.hm-page-about-us .hm-about-benefits{background:#07346f;color:#fff;padding:12px 0}
body.hm-page-about-us .hm-about-benefits .hm-feature strong,body.hm-page-about-us .hm-about-benefits .hm-feature small{color:#fff}
body.hm-page-about-us .hm-about-two{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
body.hm-page-about-us .hm-about-two>img{width:100%;height:300px;object-fit:cover;border-radius:4px;display:block}
body.hm-page-about-us .hm-about-story h2,body.hm-page-about-us .hm-about-local h2,body.hm-page-about-us .hm-about-reg h2,body.hm-page-about-us .hm-about-testimonials h2,body.hm-page-about-us .hm-about-values h2{color:#072a68;margin:0 0 4px}
body.hm-page-about-us .hm-about-story h3,body.hm-page-about-us .hm-about-values h3{color:#072a68;margin:0 0 12px}
body.hm-page-about-us .hm-about-values{padding-top:0}
body.hm-page-about-us .hm-about-values .hm-card{background:#f3f9ff;border:1px solid #cce4f7}
body.hm-page-about-us .hm-about-values .hm-card-icon{color:#087df0}
body.hm-page-about-us .hm-about-office{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#eef7ff;padding:14px;border-radius:5px;margin-top:14px}
body.hm-page-about-us .hm-about-office p{margin:2px 0 0}
body.hm-page-about-us .hm-about-reg{padding-top:0;padding-bottom:18px}
body.hm-page-about-us .hm-about-testimonials{background:#f2f8fd;padding-top:18px}
body.hm-page-about-us .hm-about-test-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
body.hm-page-about-us .hm-about-quote{background:#fff;padding:18px;border-radius:6px;box-shadow:0 5px 16px rgba(3,38,91,.07);color:#163b6a}
body.hm-page-about-us .hm-about-quote strong{display:block;color:#0877e8;margin-top:12px}
@media(max-width:800px){body.hm-page-about-us .hm-about-hero-grid,body.hm-page-about-us .hm-about-two{grid-template-columns:1fr}body.hm-page-about-us .hm-about-hero-copy{padding:28px 20px}body.hm-page-about-us .hm-about-hero-photo{min-height:240px}body.hm-page-about-us .hm-about-office{grid-template-columns:auto 1fr}body.hm-page-about-us .hm-about-office .hm-btn{grid-column:1/-1}body.hm-page-about-us .hm-about-test-head{display:block}}

/* V8.8.22 — ABOUT US HERO PHONE BUTTON ONLY. */
body.hm-page-about-us .hm-about-hero .hm-actions .hm-btn-ghost{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;min-width:190px!important;padding:12px 20px!important;line-height:1!important;color:#fff!important;border-color:rgba(255,255,255,.85)!important}
body.hm-page-about-us .hm-about-hero .hm-actions .hm-btn-ghost svg{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;display:block!important}
body.hm-page-about-us .hm-about-hero .hm-actions .hm-btn-ghost svg *{fill:none!important;stroke:currentColor!important}

/* V8.8.23 — ABOUT US HERO WIDTH + PHONE BUTTON ONLY. Other page sections remain locked. */
body.hm-page-about-us .hm-about-hero .hm-about-hero-grid{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:50% 50%!important;
}
body.hm-page-about-us .hm-about-hero .hm-about-hero-copy{
  padding-left:max(30px,calc((100vw - var(--hm-wrap))/2))!important;
  padding-right:34px!important;
}
body.hm-page-about-us .hm-about-hero .hm-about-hero-photo{
  width:100%!important;
  min-width:0!important;
  background-position:center!important;
  background-size:cover!important;
}
body.hm-page-about-us .hm-about-hero .hm-actions .hm-btn-ghost{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:190px!important;
  height:auto!important;
  padding:12px 20px!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
body.hm-page-about-us .hm-about-hero .hm-actions .hm-btn-ghost svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  flex:0 0 17px!important;
  display:inline-block!important;
  overflow:visible!important;
}
@media(max-width:800px){
  body.hm-page-about-us .hm-about-hero .hm-about-hero-grid{grid-template-columns:1fr!important}
  body.hm-page-about-us .hm-about-hero .hm-about-hero-copy{padding-left:20px!important;padding-right:20px!important}
}

/* V8.8.24 — ABOUT HERO CONSISTENCY/CACHE REPAIR ONLY. */
body.hm-page-about-us .hm-about-hero .hm-about-hero-photo{
  background-image:url('images/about/hero-approved.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}


/* V8.8.25 — ABOUT US ONLY: hero +20% vertical depth and Get Directions text colour. */
body.hm-page-about-us .hm-about-hero .hm-about-hero-grid{min-height:420px!important}
body.hm-page-about-us .hm-about-hero .hm-about-hero-photo{min-height:420px!important}
body.hm-page-about-us .hm-about-office .hm-btn-ghost{color:#0877e8!important;border-color:#9fd3f6!important;background:#fff!important}
@media(max-width:800px){body.hm-page-about-us .hm-about-hero .hm-about-hero-grid{min-height:0!important}body.hm-page-about-us .hm-about-hero .hm-about-hero-photo{min-height:288px!important}}

/* V8.8.27 — CONTACT US approved-page reconstruction only. Locked pages untouched. */
body.hm-page-contact-us .hm-contact-approved-hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(3,42,100,.98) 0%,rgba(3,55,124,.87) 42%,rgba(3,58,120,.15) 72%),url('images/about/story-approved.webp') center 45%/cover no-repeat;padding-top:0}
body.hm-page-contact-us .hm-contact-approved-copy{min-height:315px;padding-top:38px;padding-bottom:90px}
body.hm-page-contact-us .hm-contact-approved-copy h1{font-size:50px;line-height:1;margin:8px 0 4px;color:#fff}body.hm-page-contact-us .hm-contact-approved-copy h2{font-size:27px;margin:0 0 14px;color:#fff}body.hm-page-contact-us .hm-contact-approved-copy p{max-width:620px;font-size:16px;line-height:1.45;color:#fff;margin:0}.hm-contact-approved-copy .hm-eyebrow{color:#12d5ff!important}
body.hm-page-contact-us .hm-contact-approved-strip{position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:16px 0}
body.hm-page-contact-us .hm-contact-approved-strip>div{display:flex;gap:12px;align-items:center}body.hm-page-contact-us .hm-contact-approved-strip svg{width:26px!important;height:26px!important;stroke:#fff!important;fill:none!important}body.hm-page-contact-us .hm-contact-approved-strip strong,body.hm-page-contact-us .hm-contact-approved-strip small,body.hm-page-contact-us .hm-contact-approved-strip a{display:block;color:#fff!important;font-size:13px}body.hm-page-contact-us .hm-contact-approved-strip strong{font-size:15px}
body.hm-page-contact-us .hm-contact-approved-main{padding:20px 0 18px}body.hm-page-contact-us .hm-contact-approved-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:start}body.hm-page-contact-us .hm-contact-approved-main h2{color:#071e70;margin:0 0 12px;font-size:25px}
body.hm-page-contact-us .hm-contact-big-list>div{display:flex;gap:14px;align-items:flex-start;margin:0 0 12px}body.hm-page-contact-us .hm-contact-big-list .hm-round{width:44px;height:44px;flex-basis:44px}body.hm-page-contact-us .hm-contact-big-list p{margin:0;color:#071e70}body.hm-page-contact-us .hm-contact-big-list strong{display:block;font-size:17px;line-height:1.15}body.hm-page-contact-us .hm-contact-big-list small{display:block;font-size:14px;color:#071e70;margin-top:2px}
body.hm-page-contact-us .hm-contact-map{height:205px;position:relative;overflow:hidden;border:1px solid #cfe3f4;border-radius:6px;background:linear-gradient(25deg,transparent 48%,#c7d9e7 49%,#c7d9e7 51%,transparent 52%),linear-gradient(155deg,transparent 48%,#d8e5ef 49%,#d8e5ef 51%,transparent 52%),#edf4f7;background-size:90px 70px,110px 80px,auto}body.hm-page-contact-us .hm-contact-map:before{content:'A4020     Southall Broadway     A4020';position:absolute;left:120px;top:105px;transform:rotate(5deg);color:#435467;font-size:13px;word-spacing:35px}body.hm-page-contact-us .hm-contact-map-card{position:absolute;z-index:2;left:18px;top:18px;background:#fff;padding:16px;width:175px;border-radius:7px;box-shadow:0 6px 18px rgba(0,35,80,.14)}body.hm-page-contact-us .hm-contact-map-card h3{margin:0 0 5px;color:#071e70}body.hm-page-contact-us .hm-contact-map-card p{margin:0 0 7px;color:#071e70;font-size:13px}body.hm-page-contact-us .hm-contact-map-card a{font-weight:800}body.hm-page-contact-us .hm-contact-map>b{position:absolute;left:62%;top:45%;font-size:34px;color:#087cf1}body.hm-page-contact-us .hm-contact-map>span{position:absolute;left:70%;top:51%;font-size:22px;color:#17222e}
body.hm-page-contact-us .hm-contact-easy{margin-top:14px;padding:14px 5px 10px;background:#f2f9ff;border-radius:7px}body.hm-page-contact-us .hm-contact-easy h2{font-size:22px}body.hm-page-contact-us .hm-contact-easy .hm-grid{gap:7px}body.hm-page-contact-us .hm-contact-easy .hm-card{padding:12px 10px;min-height:130px}body.hm-page-contact-us .hm-contact-easy .hm-card h3{font-size:14px;margin:6px 0}body.hm-page-contact-us .hm-contact-easy .hm-card p{font-size:12px;line-height:1.35}body.hm-page-contact-us .hm-contact-easy .hm-card-icon{width:38px;height:38px}
body.hm-page-contact-us .hm-contact-office-img{display:block;width:100%;height:215px;object-fit:cover;object-position:center 48%;margin-top:16px;border-radius:5px}
body.hm-page-contact-us .hm-form-panel{padding:18px;background:linear-gradient(145deg,#f7fbff,#edf7ff)}body.hm-page-contact-us .hm-form-panel h2{font-size:24px;margin-bottom:2px}body.hm-page-contact-us .hm-form-panel p{margin:0 0 14px}body.hm-page-contact-us .hm-form-panel form{gap:9px}body.hm-page-contact-us .hm-form-panel input,body.hm-page-contact-us .hm-form-panel select,body.hm-page-contact-us .hm-form-panel textarea{padding:10px 12px}body.hm-page-contact-us .hm-form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}body.hm-page-contact-us .hm-form-panel button{width:100%;justify-content:center}
body.hm-page-contact-us .hm-contact-faq{margin-top:10px;background:#eff8ff;padding:17px;border-radius:7px}body.hm-page-contact-us .hm-contact-faq h2{font-size:21px;margin-bottom:2px}body.hm-page-contact-us .hm-contact-faq>p{margin:0 0 12px}body.hm-page-contact-us .hm-contact-faq details{background:#fff;margin:7px 0;border-radius:5px}body.hm-page-contact-us .hm-contact-faq summary{padding:10px 12px;color:#071e70;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}body.hm-page-contact-us .hm-contact-faq details p{padding:0 12px 10px;margin:0;font-size:13px}body.hm-page-contact-us .hm-contact-faq>a{font-weight:800;display:inline-block;margin-top:6px}
body.hm-page-contact-us .hm-contact-local{margin-top:10px;background:linear-gradient(135deg,#f5fbff,#eaf6ff);padding:18px 28px 16px 105px;min-height:205px;border-radius:7px}body.hm-page-contact-us .hm-contact-local h2{font-size:25px;line-height:1.05;margin-bottom:10px}body.hm-page-contact-us .hm-contact-local p{color:#071e70;line-height:1.35}body.hm-page-contact-us .hm-contact-local .hm-btn{min-width:175px;justify-content:center}
@media(max-width:900px){body.hm-page-contact-us .hm-contact-approved-grid{grid-template-columns:1fr}body.hm-page-contact-us .hm-contact-approved-strip{grid-template-columns:1fr 1fr;padding-left:15px;padding-right:15px}body.hm-page-contact-us .hm-contact-approved-copy{padding-bottom:145px}body.hm-page-contact-us .hm-contact-easy .hm-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.hm-page-contact-us .hm-contact-approved-copy h1{font-size:40px}body.hm-page-contact-us .hm-contact-approved-strip{grid-template-columns:1fr 1fr;gap:10px}body.hm-page-contact-us .hm-form-two{grid-template-columns:1fr}body.hm-page-contact-us .hm-contact-local{padding-left:20px}body.hm-page-contact-us .hm-contact-easy .hm-grid{grid-template-columns:1fr 1fr}}

/* V8.8.28 — CONTACT HERO CROP ONLY: preserve source aspect ratio; do not enlarge/crop the Hillside logo. */
body.hm-page-contact-us .hm-contact-approved-hero{background-size:auto 100%!important;background-position:right center!important;background-repeat:no-repeat!important;background-color:#063f8c!important}
/* V8.8.29 — approved Contact Us final design */
body.hm-page-contact-us .hm-contact-approved-hero{
  min-height:0!important;
  background:
    linear-gradient(90deg,#06448f 0%,#0751a8 43%,rgba(6,74,153,.78) 51%,rgba(6,74,153,.12) 63%),
    url('images/contact-approved-hero.webp') right center/54% 100% no-repeat!important;
  background-color:#06448f!important;
}
body.hm-page-contact-us .hm-contact-approved-copy{min-height:310px!important;padding-top:34px!important;padding-bottom:88px!important}
body.hm-page-contact-us .hm-contact-approved-copy{width:min(var(--hm-wrap),calc(100% - 48px))!important}
body.hm-page-contact-us .hm-contact-approved-copy h1{font-size:50px!important;line-height:1.02!important;margin:5px 0 4px!important}
body.hm-page-contact-us .hm-contact-approved-copy h2{font-size:27px!important;margin:0 0 14px!important}
body.hm-page-contact-us .hm-contact-approved-copy p{max-width:540px!important;font-size:15px!important;line-height:1.42!important}
body.hm-page-contact-us .hm-contact-approved-strip{bottom:0!important;padding:13px 0 14px!important;gap:28px!important}
body.hm-page-contact-us .hm-contact-office-img{height:auto!important;aspect-ratio:490/185!important;object-fit:cover!important;object-position:center!important;margin-top:16px!important}
body.hm-page-contact-us .hm-contact-approved-main{padding-top:16px!important}
@media(max-width:900px){body.hm-page-contact-us .hm-contact-approved-hero{background-size:cover!important;background-position:center!important}body.hm-page-contact-us .hm-contact-approved-copy{padding-bottom:145px!important}}

/* V8.8.30 — CONTACT FINAL: clean hero source (no baked duplicate contact strip). */
body.hm-page-contact-us .hm-contact-approved-hero{background:linear-gradient(90deg,#06448f 0%,#0751a8 43%,rgba(6,74,153,.78) 51%,rgba(6,74,153,.12) 63%),url('images/contact-approved-hero.webp') right center/54% 100% no-repeat!important;background-color:#06448f!important}

/* V8.8.31 — CONTACT HERO CACHE-BUST FINAL: use a unique clean hero asset so no legacy baked text/icons can be served. */
body.hm-page-contact-us .hm-contact-approved-hero{background:linear-gradient(90deg,#06448f 0%,#0751a8 43%,rgba(6,74,153,.78) 51%,rgba(6,74,153,.12) 63%),url('images/contact-approved-hero-clean-v8831.webp') right center/54% 100% no-repeat!important;background-color:#06448f!important}

/* V8.8.32 — HOME HERO ONLY: approved family/home visual. All content below hero untouched. */
body.hm-page-home .hm-visual-hero{background:#063f8f!important;overflow:hidden}
body.hm-page-home .hm-visual-hero:before{display:none!important}
body.hm-page-home .hm-visual-hero .hm-hero-grid{width:100%!important;max-width:none!important;min-height:468px!important;grid-template-columns:50% 50%!important;margin:0!important}
body.hm-page-home .hm-visual-hero .hm-hero-copy{padding:46px 34px 34px max(30px,calc((100vw - var(--hm-wrap))/2))!important;background:linear-gradient(112deg,#063b88 0%,#0755ad 68%,#0862bf 100%)!important}
body.hm-page-home .hm-visual-hero .hm-hero-copy h1{font-size:clamp(46px,4.25vw,68px)!important;line-height:1.03!important;letter-spacing:-1.5px!important;margin:10px 0 12px!important;max-width:650px!important}
body.hm-page-home .hm-visual-hero .hm-hero-copy h1 span{color:#42d8f5!important}
body.hm-page-home .hm-visual-hero .hm-hero-copy h2{font-size:24px!important;line-height:1.25!important;max-width:610px!important;margin:0 0 10px!important}
body.hm-page-home .hm-visual-hero .hm-hero-copy p{font-size:16px!important;line-height:1.48!important;max-width:620px!important;margin:0 0 22px!important}
body.hm-page-home .hm-visual-hero .hm-actions{margin-top:0!important}
body.hm-page-home .hm-visual-hero .hm-hero-visual{min-height:468px!important;background:url('images/home-approved-hero-v8832.webp') center center/cover no-repeat!important}
body.hm-page-home .hm-visual-hero .hm-hero-image-shade{display:none!important}
body.hm-page-home .hm-visual-hero .hm-hero-partner{display:none!important}
body.hm-page-home .hm-home-hero-features{display:flex;gap:34px;align-items:center;margin-top:26px;color:#fff}
body.hm-page-home .hm-home-hero-features span{display:flex;align-items:center;gap:9px;white-space:nowrap}
body.hm-page-home .hm-home-hero-features svg{width:30px!important;height:30px!important;stroke:#fff!important;fill:none!important}
body.hm-page-home .hm-home-hero-features b{font-size:14px;color:#fff}
@media(max-width:900px){body.hm-page-home .hm-visual-hero .hm-hero-grid{grid-template-columns:1fr!important}body.hm-page-home .hm-visual-hero .hm-hero-copy{padding-left:24px!important;padding-right:24px!important}body.hm-page-home .hm-visual-hero .hm-hero-visual{min-height:360px!important;background-position:center!important}body.hm-page-home .hm-home-hero-features{flex-wrap:wrap;gap:16px 24px}}
@media(max-width:600px){body.hm-page-home .hm-visual-hero .hm-hero-copy h1{font-size:42px!important}body.hm-page-home .hm-visual-hero .hm-hero-copy h2{font-size:20px!important}body.hm-page-home .hm-home-hero-features{display:grid;grid-template-columns:1fr 1fr}}

/* V8.8.34 — HOME HERO ONLY: preserve full right visual/card and soften the centre blend. */
body.hm-page-home .hm-visual-hero .hm-hero-copy{position:relative;z-index:2}
body.hm-page-home .hm-visual-hero .hm-hero-visual{position:relative;z-index:1;background:url('images/home-approved-hero-v8834.webp') center center/cover no-repeat!important;overflow:visible!important}
body.hm-page-home .hm-visual-hero .hm-hero-visual:before{content:"";position:absolute;left:-48px;top:0;bottom:0;width:150px;background:linear-gradient(90deg,#0755ad 0%,rgba(7,85,173,.72) 32%,rgba(7,85,173,0) 100%);pointer-events:none;z-index:1}
@media(max-width:900px){body.hm-page-home .hm-visual-hero .hm-hero-visual:before{display:none!important}}

/* V8.8.35 — HOME HERO ONLY: restore clean approved source; no duplicate/blurred extension; keep complete embedded support card visible. */
body.hm-site.hm-page-home .hm-visual-hero .hm-hero-visual{
 background-image:url('images/home-approved-hero-v8835.webp')!important;
 background-size:100% 100%!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 overflow:hidden!important;
}
body.hm-site.hm-page-home .hm-visual-hero .hm-hero-visual:before{
 content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:72px!important;
 background:linear-gradient(90deg,#0755ad 0%,rgba(7,85,173,.82) 24%,rgba(7,85,173,.34) 62%,rgba(7,85,173,0) 100%)!important;
 pointer-events:none!important;z-index:2!important;
}
body.hm-site.hm-page-home .hm-visual-hero .hm-hero-partner{display:none!important;}
@media(max-width:900px){body.hm-site.hm-page-home .hm-visual-hero .hm-hero-visual:before{display:block!important;width:48px!important}}

/* V8.9.0 — information destinations + editable featured images. Existing locked page layouts unchanged. */
.hm-cover-detail-hero{background:linear-gradient(120deg,#063b88,#075bb8);color:#fff;padding:48px 0}
.hm-cover-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.hm-cover-detail-hero h1{font-size:clamp(38px,4vw,60px);line-height:1.05;margin:10px 0 14px;color:#fff}.hm-cover-detail-hero p{font-size:18px;max-width:700px}.hm-cover-detail-image{min-height:320px;border-radius:20px;overflow:hidden;background:#eaf5ff}.hm-cover-detail-image img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}.hm-cover-image-placeholder{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#164c83;padding:30px;background:linear-gradient(135deg,#eef8ff,#dceeff)}.hm-cover-image-placeholder strong{font-size:22px}.hm-cover-image-placeholder small{margin-top:8px}.hm-cover-detail-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px}.hm-cover-detail main h2{margin-top:30px}.hm-cover-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.hm-cover-check-grid>div,.hm-cover-upload-note{border:1px solid #dbe8f4;border-radius:14px;padding:20px;background:#fff}.hm-cover-check-grid strong{color:#073f86}.hm-cover-side{display:flex;flex-direction:column;gap:18px}.hm-cover-upload-note p{margin:8px 0}.hm-cover-upload-note small{color:#53677b}
@media(max-width:800px){.hm-cover-detail-grid,.hm-cover-detail-content{grid-template-columns:1fr}.hm-cover-check-grid{grid-template-columns:1fr}.hm-cover-detail-image,.hm-cover-detail-image img,.hm-cover-image-placeholder{min-height:240px}}
/* V8.9.1 — richer cover information pages + repaired contact sidebar */
.hm-cover-contact-card .hm-btn{display:inline-flex!important;width:auto!important;margin:14px 0 12px!important;white-space:nowrap}
.hm-cover-contact-details{display:flex;flex-direction:column;gap:4px;margin-top:4px}.hm-cover-contact-details a{font-weight:800;color:#073b70;text-decoration:none}.hm-cover-contact-details small{display:block;line-height:1.45}
.hm-cover-side-info{margin-top:16px;padding:20px;border:1px solid #d8e7f2;border-radius:14px;background:#fff}.hm-cover-side-info strong{display:block;color:#082f59;margin-bottom:7px}.hm-cover-side-info p{margin:0;line-height:1.55}
.hm-cover-important{margin-top:26px;padding:20px 22px;border-left:4px solid #13bde8;background:#f2f9fd;border-radius:8px}.hm-cover-important strong{display:block;color:#073b70;margin-bottom:6px}.hm-cover-important p{margin:0;line-height:1.6}
@media(max-width:760px){.hm-cover-contact-card .hm-btn{width:100%!important;justify-content:center}.hm-cover-detail-content{grid-template-columns:1fr!important}}

/* V8.9.2 — sharp relevant default hero photography for all cover information pages. Featured Image remains the administrator override. */
.hm-cover-detail-image{overflow:hidden!important;background:#eaf5ff!important}
.hm-cover-detail-image>img{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center!important}


/* V8.9.3 — cover detail hero image quality/crop fix.
   The image always fills the complete panel; no pale unused area and no stretching. */
.hm-cover-detail-image{height:320px!important;min-height:320px!important;background:#eaf5ff!important;overflow:hidden!important}
.hm-cover-detail-image img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center center!important}
@media(max-width:800px){.hm-cover-detail-image{height:280px!important;min-height:280px!important}.hm-cover-detail-image img{height:100%!important;min-height:0!important}}

/* V8.9.4 — true HQ hero sources. Keep the whole panel photographic and crop only at the outer edges. */
.hm-cover-detail-image{height:320px!important;min-height:320px!important;background:#dceeff!important}
.hm-cover-detail-image img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center 50%!important;filter:none!important;transform:none!important}
@media(max-width:800px){.hm-cover-detail-image{height:280px!important;min-height:280px!important}}

/* V8.10 launch: visible contact-form delivery error */
.hm-form-error{margin:0 0 18px;padding:14px 16px;border:1px solid #b42318;border-radius:10px;background:#fff4f2;color:#7a271a;font-weight:700}