/*
Theme Name: SkyNet Group
Theme URI: https://skynetgroup.ae/
Author: SkyNet Group
Description: Premium responsive SkyNet Group corporate theme.
Version: 1.0.0
Text Domain: skynet-group
*/

:root{--navy:#061b3f;--navy2:#0b2b5d;--navy3:#03142f;--gold:#e9b84b;--gold2:#f8d985;--ink:#0a2147;--muted:#62728b;--silver:#f3f6f9;--line:#dce3eb;--white:#fff;--shadow:0 18px 45px rgba(7,30,64,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1240px,92%);margin:auto}.eyebrow{display:inline-block;letter-spacing:2.5px;font-size:11px;font-weight:800;color:var(--gold);margin-bottom:10px}.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(3,18,43,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(233,184,75,.28)}.nav-wrap{height:78px;width:min(1320px,94%);margin:auto;display:flex;align-items:center;gap:32px}.brand img{width:160px;height:54px;object-fit:contain}.nav{display:flex;gap:30px;margin-left:auto}.nav a{font-size:13px;color:#fff;position:relative;padding:30px 0}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.nav-cta{padding:12px 23px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--ink);font-weight:800;font-size:13px;box-shadow:0 7px 20px rgba(233,184,75,.2)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px;cursor:pointer}
.hero{min-height:760px;position:relative;overflow:hidden;display:flex;align-items:center;background:var(--navy3)}.hero-bg{position:absolute;inset:0;background:url('assets/images/hero.jpg') center/cover no-repeat;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,37,.97) 0%,rgba(3,20,49,.82) 43%,rgba(3,18,43,.25) 100%)}.hero-content{position:relative;z-index:2;padding-top:95px;max-width:720px;color:#fff}.hero h1{font-family:Georgia,serif;font-size:68px;line-height:.98;margin:0 0 24px;letter-spacing:-2px}.hero h1 .gold{color:var(--gold2)}.hero p{font-size:16px;line-height:1.75;color:#e2e9f4;max-width:650px;margin:0}.hero-actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:800;font-size:13px;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--ink);box-shadow:0 12px 30px rgba(233,184,75,.18)}.btn.ghost{border:1px solid var(--gold);color:#fff;background:rgba(3,20,49,.2)}.hero-badge{position:absolute;right:6%;top:34%;z-index:2;color:#fff;font:italic 36px Georgia;line-height:1.08;text-align:right}.hero-badge em{color:var(--gold2)}.slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.slider-dots span{width:9px;height:9px;border:1px solid #fff;border-radius:50%}.slider-dots .on{background:var(--gold);border-color:var(--gold)}
.section-dark{background:linear-gradient(135deg,#061a3b,#0a2d62);color:#fff}.about{padding:88px 0}.about-grid{display:grid;grid-template-columns:1fr 1.35fr .85fr;gap:38px;align-items:center}.about-image{position:relative}.about-image:after{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid rgba(233,184,75,.55);border-radius:22px;z-index:0}.about-image img{position:relative;z-index:1;width:100%;height:390px;object-fit:cover;border-radius:20px;border:1px solid rgba(233,184,75,.55)}h2{font-family:Georgia,serif;font-size:46px;line-height:1.05;margin:0 0 16px;letter-spacing:-1px}.about-copy p{line-height:1.72;color:#d7e1f0;font-size:14px}.signature{color:var(--gold2)!important;font-weight:800}.text-btn{display:inline-block;color:var(--gold2);border:1px solid var(--gold);border-radius:999px;padding:11px 19px;margin-top:8px;font-size:13px;font-weight:800}.values{border-left:1px solid rgba(255,255,255,.24);padding-left:28px}.values>div{margin:18px 0}.values b{float:left;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);margin-right:14px;font-size:18px}.values h3{margin:0;color:var(--gold2);font-size:15px}.values p{margin:6px 0 0;color:#d6dfef;font-size:12px;line-height:1.5}
.section-light{background:linear-gradient(180deg,#fff,#f3f6f9);padding:88px 0}.section-head{text-align:center;max-width:900px;margin:0 auto 38px}.section-head h2{color:var(--ink)}.section-head p{color:#5b6c85;line-height:1.7;font-size:14px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.company-card{background:linear-gradient(145deg,#ffffff,#edf1f5);border:1px solid #d6dee8;border-radius:15px;padding:12px;box-shadow:0 8px 22px rgba(8,31,64,.07);transition:.28s;text-align:center}.company-card:hover{transform:translateY(-6px);border-color:rgba(233,184,75,.85);box-shadow:0 18px 35px rgba(8,31,64,.13)}.logo-box{height:118px;background:linear-gradient(145deg,#ffffff,#eef2f6);border-radius:11px;display:grid;place-items:center;padding:13px;border:1px solid #dfe6ee;overflow:hidden}.logo-box img{max-width:94%;max-height:88px;width:auto;height:auto;object-fit:contain;image-rendering:auto}.logo-box[class*="logo-link-crosslink"],.logo-box.logo-fit-technologies,.logo-box.logo-memorabilia-world,.logo-box.logo-holiday-home-international,.logo-box.logo-leicestecare,.logo-box.logo-first-netgulf-ksa,.logo-box.logo-pinnacle-drive-car-rental,.logo-box.logo-realityhome-uk,.logo-box.logo-self-reliance,.logo-box.logo-self-reliance-2,.logo-box.logo-seven-seas-hr,.logo-box.logo-ss-uk-venture,.logo-box.logo-vop-digital{background:linear-gradient(145deg,#0a2857,#12386f);border-color:rgba(233,184,75,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.company-card span{display:block;font-size:11px;font-weight:800;color:#17335d;padding:10px 3px 4px;min-height:31px}
.groups{position:relative;overflow:hidden;background:#061a3b;color:#fff;padding:88px 0}.groups-bg{position:absolute;inset:0;background:linear-gradient(rgba(4,21,49,.82),rgba(4,21,49,.95)),url('assets/images/hero.jpg') center/cover}.groups .container{position:relative}.section-head.light h2{color:#fff}.section-head.light p{color:#cbd7e8}.verticals{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.verticals>div{text-align:center;padding:18px 8px;border-top:1px solid rgba(233,184,75,.38)}.verticals i{display:grid;place-items:center;margin:auto auto 14px;width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;font-style:normal;font-size:23px;color:var(--gold)}.verticals b{display:block;font-size:12px;line-height:1.25}.verticals p{font-size:10px;color:#c5d2e6;line-height:1.45}
.why{padding:74px 0;background:#f4f7fa}.why-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;align-items:center}.why h2{font-size:40px}.why p{line-height:1.7;color:#53627a;font-size:14px}.why-items{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-items>div{text-align:center;padding:22px 8px;border-left:1px solid #d7dee8}.why-items b{display:block;color:#c18d1c;font-size:34px;margin-bottom:10px}.why-items span{font-weight:800;font-size:12px;color:#203a62}
.contact{padding:58px 0}.contact-grid{display:grid;grid-template-columns:1fr .85fr 1fr auto;gap:28px;align-items:center}.contact h2{font-size:40px}.contact p{color:#c8d5e8;font-size:13px}.contact-details{display:flex;flex-direction:column;gap:9px}.contact-details a{color:#fff;font-size:13px}.address{line-height:1.7}.footer{background:#04152f;color:#fff}.footer-top{padding:30px 0;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand img{width:145px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto}.footer-links a{font-size:11px;color:#c8d5e8}.socials{display:flex;gap:9px}.socials a{width:31px;height:31px;border:1px solid rgba(233,184,75,.5);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:11px}.copyright{padding:18px 0;color:#8fa1bd;font-size:10px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav{gap:17px}.about-grid{grid-template-columns:1fr 1fr}.values{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.logo-grid{grid-template-columns:repeat(3,1fr)}.verticals{grid-template-columns:repeat(4,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}.hero-badge{display:none}.footer-top{flex-wrap:wrap}.footer-links{margin-left:0}}
@media(max-width:720px){.nav-wrap{height:72px}.brand img{width:145px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:4%;right:4%;top:68px;background:#061a3b;padding:14px;border:1px solid rgba(233,184,75,.25);border-radius:14px;flex-direction:column;gap:4px}.nav.open{display:flex}.nav a{padding:11px}.nav a:after{display:none}.nav-cta{display:none}.hero{min-height:700px}.hero-content{padding-top:100px}.hero h1{font-size:49px;letter-spacing:-1.5px}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap}.about-grid{grid-template-columns:1fr}.about-image img{height:320px}.values{grid-template-columns:1fr}.logo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.logo-box{height:104px;padding:10px}.logo-box img{max-height:82px}.groups{padding:72px 0}.verticals{grid-template-columns:repeat(2,1fr);gap:8px}.why-items{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-top{display:grid;gap:24px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr)}h2{font-size:36px}}
.brand-text{display:inline-flex;flex-direction:column;color:#fff;font-family:Georgia,serif;font-weight:700;font-size:28px;line-height:.8;letter-spacing:1px}.brand-text small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:6px;margin-left:3px;margin-top:7px}.footer-brand .brand-text{font-size:24px}