.cybersecurity-page .cyber-hero{background:radial-gradient(ellipse at 78% 45%,#234970 0%,transparent 40%),linear-gradient(115deg,#101c35,#1c3153)}.cybersecurity-page .dstv-hero .eyebrow,.cybersecurity-page .cyber-booking .eyebrow{color:#83d9f2}.cybersecurity-page .cyber-services-section .eyebrow,.cybersecurity-page .cyber-approach .eyebrow{color:#25699a}.cyber-hero-image{height:320px;position:relative;overflow:hidden;border:1px solid #ffffff35;border-radius:20px;background:#101c35;box-shadow:0 24px 60px #08122555}.cyber-hero-image:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#081225d9)}.cyber-hero-image img{width:100%;height:100%;display:block;object-fit:cover}.cyber-hero-image span{position:absolute;z-index:1;left:19px;bottom:18px;color:white;font-size:9px;font-weight:800;letter-spacing:.14em}.cyber-services-section{background:#f8fafd}.cyber-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cyber-service-item{display:flex;gap:17px;padding:24px;border:1px solid #e1e8f0;border-radius:16px;background:#fff;box-shadow:0 12px 30px #182d4510}.cyber-service-item>span{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e8f5fb;color:#236e9a;font:800 12px Manrope,sans-serif}.cyber-service-item h3{font:700 17px Manrope,sans-serif;margin:0 0 8px;color:#1d2d45}.cyber-service-item p{font-size:12px;line-height:1.8;color:#6d7889;margin:0}.cyber-approach{padding:74px max(22px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;background:#fff}.cyber-approach-image{height:310px;overflow:hidden;border-radius:18px;background:#111f36;box-shadow:0 18px 45px #15243a22}.cyber-approach-image img{width:100%;height:100%;display:block;object-fit:cover}.cyber-approach-copy h2{font:800 clamp(29px,3.5vw,42px)/1.2 Manrope,sans-serif;letter-spacing:-.045em;margin:0}.cyber-approach-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.cyber-approach-copy ul{padding-left:18px;color:#3d4d62;font-size:12px;line-height:2}.cyber-approach-copy li::marker{color:#3080a9}.cyber-booking{background:linear-gradient(115deg,#101c35,#1c3153)}
@media(max-width:760px){.cyber-hero-image{height:245px;margin-top:16px}.cyber-service-grid{grid-template-columns:1fr}.cyber-approach{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.cyber-approach-image{height:245px}}

#services .web-development-card{grid-column:1}