.aber-richtext-links a { color: var(--aber-green-700) !important; text-decoration: underline; text-underline-offset: 0.22em; text-decoration-thickness: 1px; text-decoration-color: rgba(27, 60, 64, 0.35); font-weight: 400; transition: color 0.22s ease-in-out, text-decoration-thickness 0.22s ease-in-out, text-underline-offset 0.22s ease-in-out, text-decoration-color 0.22s ease-in-out, text-shadow 0.22s ease-in-out, opacity 0.22s ease-in-out; } .aber-richtext-links a:hover, .aber-richtext-links a:focus { color: var(--aber-green-500) !important; text-decoration-thickness: 2px; text-underline-offset: 0.28em; text-decoration-color: var(--aber-green-500); text-shadow: 0 0 10px rgba(120, 255, 210, 0.12); opacity: 1; } .aber-richtext-links a:focus-visible { outline: 1px solid rgba(120, 255, 210, 0.35); outline-offset: 3px; border-radius: 2px; }  .aber-richtext-links-white a { color: var(--aber-off-white-1) !important; text-decoration: underline; text-underline-offset: 0.22em; text-decoration-thickness: 1px; text-decoration-color: rgba(255, 255, 255, 0.55); font-weight: 400; transition: color 0.22s ease-in-out, text-decoration-thickness 0.22s ease-in-out, text-underline-offset 0.22s ease-in-out, text-decoration-color 0.22s ease-in-out, text-shadow 0.22s ease-in-out, opacity 0.22s ease-in-out; } .aber-richtext-links-white a:hover, .aber-richtext-links-white a:focus { color: var(--aber-green-500) !important; text-decoration-thickness: 2px; text-underline-offset: 0.28em; text-decoration-color: var(--aber-green-500); text-shadow: 0 0 10px rgba(120, 255, 210, 0.18); opacity: 1; } .aber-richtext-links-white a:focus-visible { outline: 1px solid rgba(120, 255, 210, 0.35); outline-offset: 3px; border-radius: 2px; }  .aber-bullet-icons ul { list-style: none; padding-left: 0; } .aber-bullet-icons ul li { position: relative; padding-left: 32px;  margin-bottom: 12px; } .aber-bullet-icons ul li::before { content: ""; position: absolute; left: 0; top: 0.25em; width: 18px; height: 18px; background-color: var(--aber-green-700); -webkit-mask-image: url('https://abersecure.co.uk/wp-content/uploads/2026/02/aber-icon-arrow-circle-right-24.svg'); mask-image: url('https://abersecure.co.uk/wp-content/uploads/2026/02/aber-icon-arrow-circle-right-24.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }   .aber-hero{ --hero-bg: var(--aber-green-900); --hero-accent-1: rgba(120, 255, 210, .18); --hero-accent-2: rgba(120, 170, 255, .12); --hero-shine: rgba(255,255,255,.10); --hero-spot-x: 18%; --hero-spot-y: 22%; position: relative; overflow: hidden; isolation: isolate; background: var(--hero-bg); } .aber-hero::before{ content:""; position:absolute; inset:-28%; background: radial-gradient(60% 55% at var(--hero-spot-x) var(--hero-spot-y), var(--hero-shine) 0%, rgba(255,255,255,0) 62%), radial-gradient(50% 60% at 82% 18%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 62%), radial-gradient(60% 70% at 85% 70%, var(--hero-accent-1) 0%, rgba(0,0,0,0) 70%), linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 55%); transform: rotate(-7deg); z-index:-2; pointer-events:none; } .aber-hero::after{ content:""; position:absolute; inset:-10%; background: linear-gradient(115deg, transparent 0 34%, rgba(255,255,255,.07) 34% 39%, transparent 39% 100%), linear-gradient(115deg, transparent 0 12%, rgba(255,255,255,.045) 12% 16%, transparent 16% 100%), linear-gradient(115deg, transparent 0 56%, rgba(120, 170, 255, .07) 56% 60%, transparent 60% 100%), linear-gradient(90deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, rgba(255,255,255,.03) 100%); opacity: .95; filter: blur(.25px); z-index:-1; pointer-events:none; mask-image: radial-gradient(70% 70% at 30% 25%, #000 0%, rgba(0,0,0,.55) 58%, rgba(0,0,0,0) 80%); }  .aber-hero h1{ position: relative; } .aber-hero h1::after{ content:""; display:block; width:72px; height:3px; margin:18px auto 0; border-radius:99px; background: linear-gradient(90deg, rgba(120,255,210,.55), rgba(120,170,255,.35)); opacity:.9; }  .aber-hero-card{ position: relative; border-radius: 22px; overflow: hidden; background: linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 45%, rgba(255,255,255,.02) 100%); box-shadow: 0 18px 55px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.10) inset; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: box-shadow .22s ease, background .22s ease, backdrop-filter .22s ease, -webkit-backdrop-filter .22s ease; } .aber-hero-card::before, .aber-hero-card::after{ content: none !important; } .aber-hero-card:hover{ background: linear-gradient(135deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.06) 45%, rgba(255,255,255,.03) 100%); box-shadow: 0 18px 55px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.14) inset; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }  .aber-hero-media{ position: relative; border-radius: 22px; overflow: hidden; transform: translateZ(0); box-shadow: 0 22px 70px rgba(0,0,0,.50), 0 0 0 1px rgba(255,255,255,.10) inset; } .aber-hero-media::after{ content:""; position:absolute; inset:0; background: radial-gradient(65% 65% at 30% 20%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 58%), linear-gradient(135deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,0) 40%), linear-gradient(90deg, rgba(120,255,210,.08) 0%, rgba(120,170,255,.05) 100%); mix-blend-mode: soft-light; pointer-events:none; }  .aber-title-underline-css{ position: relative; --ul-gap: 10px; --ul-width: 72px; --ul-height: 3px; } .aber-title-underline-css::after{ content:""; display:block; width: var(--ul-width); height: var(--ul-height); margin: var(--ul-gap) auto 0; border-radius: 99px; background: linear-gradient(90deg, rgba(120,255,210,.55), rgba(120,170,255,.35)); opacity: .9; }  .ab-tech-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; width: 100%; } .ab-tech-card { position: relative; aspect-ratio: 8 / 5; border-radius: 18px; overflow: hidden; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.10); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; isolation: isolate; } .ab-tech-card::before { content: ""; position: absolute; inset: 14px; border-radius: 12px; background: #f4f4f4; z-index: 0; } .ab-tech-card::after { content: ""; position: absolute; inset: 14px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.06); z-index: 1; pointer-events: none; } .ab-tech-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18); border-color: rgba(255, 255, 255, 0.16); } .ab-tech-media { position: absolute; inset: 14px; z-index: 0; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 10px; } .ab-tech-logo { display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; object-position: center center; border-radius: 10px; opacity: 1; transition: transform 0.32s ease, opacity 0.32s ease; } .ab-tech-card:hover .ab-tech-logo { transform: scale(1.03); } .ab-tech-overlay { position: absolute; inset: 14px; z-index: 2; display: flex; align-items: center; justify-content: center; padding: 14px; opacity: 0; visibility: hidden; pointer-events: none; border-radius: 12px; background: rgba(9, 20, 24, 0.30); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); transition: opacity 0.28s ease, visibility 0.28s ease; } .ab-tech-card:hover .ab-tech-overlay { opacity: 1; visibility: visible; } .ab-tech-overlay-inner { width: 100%; text-align: center; } .ab-tech-overlay-inner strong { display: block; margin-bottom: 8px; font-size: 1.15rem; font-weight: 700; line-height: 1.2; color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .ab-tech-overlay-inner p { margin: 0; font-size: 0.98rem; line-height: 1.45; color: rgba(255, 255, 255, 0.96); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); } .ab-tech-mobile-content { display: none; } @media (max-width: 991px) { .ab-tech-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .ab-tech-card { aspect-ratio: 8 / 5; } .ab-tech-media { inset: 12px; padding: 12px; } .ab-tech-overlay { inset: 12px; padding: 12px; } .ab-tech-overlay-inner strong { font-size: 1rem; } .ab-tech-overlay-inner p { font-size: 0.90rem; line-height: 1.4; } } @media (max-width: 640px) { .ab-tech-grid { grid-template-columns: 1fr; } .ab-tech-card { aspect-ratio: auto; min-height: 0; overflow: hidden; } .ab-tech-card::before, .ab-tech-card::after { inset: 12px; } .ab-tech-media { position: relative; inset: auto; min-height: 210px; padding: 20px; border-radius: 12px 12px 0 0; z-index: 2; align-items: center; justify-content: center; } .ab-tech-logo { width: 100%; height: 100%; object-fit: contain; object-position: center center; margin: 0 auto; } .ab-tech-overlay { display: none; } .ab-tech-mobile-content { display: block; position: relative; z-index: 3; margin: 0 12px 12px; padding: 12px 16px 16px; border-radius: 0 0 12px 12px; background: rgba(9, 20, 24, 0.92); text-align: center; } .ab-tech-mobile-title { display: block; margin: 0 0 8px; font-size: 1rem; line-height: 1.3; font-weight: 700; color: #ffffff; } .ab-tech-mobile-text { margin: 0; font-size: 0.92rem; line-height: 1.5; color: rgba(255, 255, 255, 0.92); } } @media (hover: none) { .ab-tech-overlay { display: none; } } @media (prefers-reduced-motion: reduce) { .ab-tech-card, .ab-tech-logo, .ab-tech-overlay { transition: none; } }