@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&family=Kaushan+Script&display=swap');
/* Dr. CCTV — shared site styles (= Elementor Global CSS / Custom CSS) */
:root{--n9:#030B18;--n8:#061429;--n7:#0A1F3D;--n6:#10305F;--blue:#0B6FE0;--cyan:#19C2F0;--amber:#FFB320;--mut:#A8BDD9;--line:rgba(25,194,240,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0!important;background:var(--n9);color:#fff!important;font:400 16px/1.7 'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit!important;text-decoration:none}
img{max-width:100%!important}
p{margin:0!important}
h1,h2,h3,h4,.disp{font-family:'Chakra Petch','Manrope',sans-serif;margin:0!important;line-height:1.18;font-weight:600}
h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.01em}
h2{font-size:clamp(28px,3.1vw,42px);letter-spacing:-.01em}
h3{font-size:21px}
.wrap{max-width:1240px!important;margin:0 auto!important;padding:0 24px!important;width:100%!important}
.mut{color:var(--mut)!important}
.sec{padding:96px 0!important;position:relative!important}
.sec-alt{background:var(--n8)}
.gridbg{background-image:linear-gradient(rgba(25,194,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,194,240,.055) 1px,transparent 1px);background-size:56px 56px}
.eyebrow{display:flex!important;align-items:center!important;gap:12px!important;font:600 13px/1 'Chakra Petch',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)!important}
.eyebrow::before{content:"";width:30px!important;height:2px!important;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.sh{display:flex!important;flex-direction:column!important;gap:14px!important;max-width:720px!important;margin-bottom:48px!important}
.sh.c{align-items:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.sh p{color:var(--mut)!important;font-size:17px}
/* buttons */
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px!important;padding:0 26px!important;border-radius:999px;font:600 15px 'Chakra Petch','Manrope',sans-serif;border:1.5px solid transparent;cursor:pointer;transition:.2s;letter-spacing:.02em}
.btn svg,.more svg{width:18px!important;height:18px!important;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn-amber{background:var(--amber);color:#1a1200!important}
.btn-amber:hover{background:#ffc552;box-shadow:0 0 30px rgba(255,179,32,.5)}
.btn-ghost{border-color:rgba(255,255,255,.6);color:#fff!important}
.btn-ghost:hover{background:rgba(255,255,255,.14)}
.btn-cyan{background:var(--cyan);color:#021423!important}
.btn-cyan:hover{box-shadow:0 0 30px rgba(25,194,240,.55)}
.more{margin-top:18px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--cyan)!important;font:600 14px 'Chakra Petch','Manrope',sans-serif}
.btns{display:flex!important;gap:14px!important;flex-wrap:wrap!important}
/* grids */
.g2,.g3,.g4{display:grid!important;gap:24px!important}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:960px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr!important}.sec{padding:64px 0!important}}
/* card + icon */
.card{position:relative!important;padding:30px!important;border-radius:18px;background:linear-gradient(165deg,rgba(25,194,240,.10),rgba(11,111,224,.03) 60%);border:1px solid var(--line);transition:.25s;display:block!important}
a.card:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 18px 50px -20px rgba(25,194,240,.5)}
.card h3{margin-bottom:10px!important}
.card p{color:var(--mut)!important;font-size:15px}
.ico{width:56px!important;height:56px!important;border-radius:14px;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff!important;margin-bottom:20px!important;box-shadow:0 0 28px rgba(25,194,240,.35)}
.ico svg{width:28px!important;height:28px!important;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.glass{background:rgba(10,31,61,.62);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px}
.ph{background:repeating-linear-gradient(135deg,rgba(25,194,240,.11) 0 12px,rgba(25,194,240,.04) 12px 24px),var(--n7);display:grid!important;place-items:center!important;color:var(--mut)!important;font:500 13px 'Chakra Petch','Manrope',sans-serif;letter-spacing:.12em;text-align:center!important;padding:16px!important}
.tag{display:inline-block!important;padding:4px 12px!important;border:1px solid var(--line);border-radius:999px;font:500 12px 'Chakra Petch','Manrope',sans-serif;color:var(--cyan)!important;letter-spacing:.06em}
.chk{list-style:none;margin:0!important;padding:0!important;display:grid!important;gap:12px!important}
.chk li{display:flex!important;gap:12px!important;color:#D4E3F7!important}
.chk li::before{content:"\2713";flex:none!important;width:20px!important;height:20px!important;margin-top:4px!important;border-radius:50%;background:var(--cyan);color:#021423!important;font-size:12px;font-weight:700;display:grid!important;place-items:center!important}
.chips{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.chip{padding:8px 18px!important;border-radius:999px;border:1px solid var(--line);color:var(--mut)!important;font:500 14px 'Chakra Petch','Manrope',sans-serif;background:rgba(10,31,61,.5)}
.chip.on{background:var(--cyan);color:#021423!important;border-color:var(--cyan)}
@keyframes scan{0%{top:0}100%{top:100%}}
@keyframes pulse{50%{opacity:.3}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* header */
.hdr{background:#fff;color:#06223F!important;position:relative!important;z-index:20;box-shadow:0 1px 0 rgba(25,194,240,.6)}
.topbar{background:var(--n9);color:var(--mut)!important;font-size:13px}
.topbar .wrap{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px 20px!important;min-height:36px!important;flex-wrap:wrap!important}
.topbar b{color:var(--cyan)!important;font-weight:600}
.nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:76px!important}
.nav img{height:48px!important;width:auto!important;display:block!important}
.links{display:flex!important;gap:2px!important;align-items:center!important}
.links a{display:flex!important;align-items:center!important;gap:6px!important;padding:10px 13px!important;border-radius:10px;font:600 15px/1.25 'Manrope',sans-serif;color:#0A2A4D!important;position:relative!important}
.links a:hover,.links a.on{color:var(--blue)!important}
.links a.on::after{content:"";position:absolute!important;left:13px!important;right:13px!important;bottom:2px!important;height:3px!important;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.it{position:relative!important}
.it>a svg{width:14px!important;height:14px!important;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dd{display:none!important;position:absolute!important;top:100%!important;left:-150px!important;width:620px!important;padding:14px!important;background:#fff;border:1px solid #DCE9F7;border-radius:16px;box-shadow:0 30px 70px -24px rgba(3,40,90,.45);grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;z-index:30}
.it:hover .dd,.it:focus-within .dd{display:grid!important}
.dd a{padding:12px!important;border-radius:12px;gap:12px!important}
.dd a:hover{background:#EAF6FF}
.dd .ddi{width:42px!important;height:42px!important;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid!important;place-items:center!important;flex:none!important}
.dd .ddi svg{width:22px!important;height:22px!important;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dd b{display:block!important;font-size:14px;color:#0A2A4D!important}
.dd small{display:block!important;font:500 12px/1.3 'Manrope',sans-serif;color:#4C6C91!important}
.burger{display:none!important;width:48px!important;height:48px!important;border-radius:12px;border:1px solid #CFE0F2;background:#fff;color:#0A2A4D!important;cursor:pointer;place-items:center!important}
.burger svg{width:24px!important;height:24px!important;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.mpanel{display:flex!important;flex-direction:column!important;padding:4px 24px 20px!important;border-top:1px solid #DCE9F7;background:#fff}
.mpanel a{padding:14px 0!important;border-bottom:1px solid #E6EEF8;font-weight:600;color:#0A2A4D!important}
@media(max-width:1180px){.links,.nav>.btn{display:none!important}.burger{display:grid!important}}
/* footer */
.ftr{border-top:1px solid var(--line);background:linear-gradient(var(--n9),#020812);padding-top:72px!important}
.ftr-in{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1.3fr!important;gap:40px!important;padding-bottom:48px!important}
.ftr h4{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)!important;margin-bottom:18px!important}
.ftr ul{list-style:none;margin:0!important;padding:0!important;display:grid!important;gap:10px!important}
.ftr li,.ftr li a{color:var(--mut)!important;font-size:15px}
.ftr li a:hover{color:#fff!important}
.logo-chip{display:inline-block!important;background:#fff;border-radius:14px;padding:10px 16px!important;margin-bottom:18px!important}
.logo-chip img{height:44px!important;width:auto!important;display:block!important}
.ftr-areas{padding:24px 0!important;border-top:1px solid rgba(25,194,240,.14);display:flex!important;gap:10px 14px!important;flex-wrap:wrap!important;align-items:center!important;color:var(--mut)!important;font-size:14px}
.ftr-bot{display:flex!important;justify-content:space-between!important;gap:12px 24px!important;flex-wrap:wrap!important;padding-top:24px!important;padding-bottom:28px!important;border-top:1px solid rgba(25,194,240,.14);color:#8CA3C4!important;font-size:13px}
.soc{display:flex!important;gap:10px!important;margin-top:20px!important}
.soc span{width:42px!important;height:42px!important;border-radius:12px;border:1px solid var(--line);display:grid!important;place-items:center!important;color:var(--cyan)!important}
.soc svg{width:20px!important;height:20px!important;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:960px){.ftr-in{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.ftr-in{grid-template-columns:1fr!important}}
/* CTA band */
.cta{border-radius:28px;padding:56px!important;background:radial-gradient(80% 140% at 100% 0%,rgba(255,179,32,.30),transparent 52%),linear-gradient(120deg,#0B6FE0,#073d86);display:flex!important;gap:32px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.18)}
.cta h2{max-width:640px!important}
.cta p{color:#DCEEFF!important;margin-top:12px!important;max-width:560px!important}
@media(max-width:640px){.cta{padding:36px 24px!important}}
/* home hero */
.hero{position:relative!important;background:#0a6fd6;overflow:hidden!important}
.hero>img{display:block!important;width:100%!important;height:auto!important;min-height:440px!important;object-fit:cover}
.hero::after{content:"";position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:150px!important;background:linear-gradient(transparent,var(--n9));pointer-events:none}
.hero-ov{position:absolute!important;inset:0;display:flex!important;align-items:center!important;z-index:2}
.hero-col{margin-left:auto!important;width:47%!important;display:flex!important;flex-direction:column!important;gap:20px!important;padding-bottom:28px!important}
.hero h1{text-shadow:0 2px 24px rgba(3,40,90,.4)}
.hero h1{font-size:clamp(30px,2.9vw,42px)}
.hero h1 span{display:block!important}
.hero p{font-size:18px;color:#EAF6FF!important;max-width:560px!important}
.hero .eyebrow{color:#fff!important}
.hero .eyebrow::before{background:var(--amber);box-shadow:0 0 10px var(--amber)}
@media(max-width:900px){.hero::after{display:none!important}.hero-ov{position:static!important;background:linear-gradient(#0a62c4,var(--n8));padding:36px 0 56px!important}.hero-col{width:100%!important;padding:0!important}}
/* stats */
.stats{margin-top:-64px!important;position:relative!important;z-index:3}
.stats .glass{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:8px!important}
.stat{display:flex!important;gap:16px!important;align-items:center!important;padding:22px 24px!important;border-right:1px solid rgba(25,194,240,.16)}
.stat:last-child{border-right:0}
.stat .ico{margin:0!important;width:48px!important;height:48px!important;flex:none!important}
.stat b{display:block!important;font:700 20px/1.2 'Chakra Petch',sans-serif}
.stat span{color:var(--mut)!important;font-size:13px}
@media(max-width:960px){.stats .glass{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat:nth-child(2){border-right:0}}
@media(max-width:560px){.stats .glass{grid-template-columns:1fr!important}.stat{border-right:0;border-bottom:1px solid rgba(25,194,240,.16)}}
/* viewfinder + detection boxes */
.vf{position:relative!important;aspect-ratio:4/3!important;border-radius:20px;overflow:hidden!important;background-color:#0a6fd6;background-repeat:no-repeat;background-size:auto 100%;background-position:4% 50%;border:1px solid var(--line);box-shadow:0 0 0 1px rgba(25,194,240,.15),0 30px 80px -30px rgba(11,111,224,.7)}
.vf::before{content:"";position:absolute!important;inset:0;background:linear-gradient(rgba(3,11,24,0),rgba(3,11,24,.4)),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px)}
.vf .c{position:absolute!important;width:34px!important;height:34px!important;border:3px solid var(--cyan)}
.vf .tl{top:16px!important;left:16px!important;border-right:0;border-bottom:0}
.vf .tr{top:16px!important;right:16px!important;border-left:0;border-bottom:0}
.vf .bl{bottom:16px!important;left:16px!important;border-right:0;border-top:0}
.vf .br{bottom:16px!important;right:16px!important;border-left:0;border-top:0}
.vf .scan{position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);animation:scan 4s linear infinite}
.vf .rec{position:absolute!important;top:24px!important;left:62px!important;display:flex!important;gap:8px!important;align-items:center!important;font:600 13px 'Chakra Petch',sans-serif;color:#fff!important;letter-spacing:.14em}
.vf .rec i{width:10px!important;height:10px!important;border-radius:50%;background:#ff3b4e;animation:pulse 1.2s infinite}
.vf .ts{position:absolute!important;right:26px!important;bottom:22px!important;font:500 12px 'Chakra Petch',sans-serif;color:#fff!important;letter-spacing:.08em}
.bx{position:absolute!important;border:2px solid;border-radius:6px}
.bx span{position:absolute!important;left:-2px!important;top:-24px!important;font:700 10px/1 'Chakra Petch',sans-serif;padding:6px 8px!important;white-space:nowrap;letter-spacing:.08em}
.bx.amb{border-color:var(--amber)}.bx.amb span{background:var(--amber);color:#1a1200!important}
.bx.cy{border-color:var(--cyan)}.bx.cy span{background:var(--cyan);color:#021423!important}
.bx.dim{border-color:rgba(255,255,255,.55);border-style:dashed}.bx.dim span{background:rgba(255,255,255,.85);color:#06223F!important}
.mini{aspect-ratio:16/9!important;border-radius:12px;position:relative!important;overflow:hidden!important;border:1px solid var(--line);margin-bottom:20px!important;background:repeating-linear-gradient(0deg,rgba(25,194,240,.08) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(25,194,240,.08) 0 1px,transparent 1px 22px),linear-gradient(160deg,#0a2a52,#061429)}
.mini .rec{position:absolute!important;top:10px!important;left:12px!important;display:flex!important;gap:6px!important;align-items:center!important;font:600 10px 'Chakra Petch',sans-serif;color:#fff!important;letter-spacing:.12em}
.mini .rec i{width:7px!important;height:7px!important;border-radius:50%;background:#ff3b4e}
.mini .zone{position:absolute!important;border:2px dashed var(--amber);background:rgba(255,179,32,.08)}
/* toggle demo */
.tog{display:inline-flex!important;padding:6px!important;border-radius:999px;border:1px solid var(--line);background:var(--n8);gap:6px!important}
.tog button{min-height:44px!important;padding:0 22px!important;border-radius:999px;border:0;background:transparent;color:var(--mut)!important;font:600 14px 'Chakra Petch',sans-serif;cursor:pointer}
.tog button.on{background:var(--cyan);color:#021423!important}
.demo{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:56px!important;align-items:center!important}
@media(max-width:900px){.demo{grid-template-columns:1fr!important;gap:32px!important}}
.alert{display:flex!important;gap:14px!important;align-items:flex-start!important;padding:16px 18px!important;border-radius:14px;border:1px solid var(--line);background:rgba(10,31,61,.6)}
.alert i{flex:none!important;width:10px!important;height:10px!important;border-radius:50%;margin-top:9px!important}
.alert b{display:block!important;font:600 15px 'Chakra Petch',sans-serif}
.alert span{color:var(--mut)!important;font-size:13px}
/* split + features */
.split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:72px!important;align-items:center!important}
@media(max-width:900px){.split{grid-template-columns:1fr!important;gap:40px!important}}
.feat{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;margin:28px 0 32px!important}
.feat div{padding-left:18px!important;border-left:2px solid var(--cyan)}
.feat b{display:block!important;font:600 17px 'Chakra Petch','Manrope',sans-serif;margin-bottom:4px!important}
.feat span{color:var(--mut)!important;font-size:14px}
@media(max-width:560px){.feat{grid-template-columns:1fr!important}}
/* steps */
.steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important}
.step{position:relative!important;padding-top:30px!important;border-top:2px solid var(--line)}
.step::before{content:"";position:absolute!important;top:-6px!important;left:0!important;width:10px!important;height:10px!important;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.step .no{font:700 48px/1 'Chakra Petch',sans-serif;color:transparent!important;-webkit-text-stroke:1px var(--cyan);margin-bottom:14px!important}
.step h3{margin-bottom:8px!important}
.step p{color:var(--mut)!important;font-size:15px}
@media(max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.steps{grid-template-columns:1fr!important}}
/* project / post / product cards */
.proj{border-radius:18px;overflow:hidden!important;border:1px solid var(--line);background:var(--n8);transition:.25s;display:flex!important;flex-direction:column!important}
.proj:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 18px 50px -20px rgba(25,194,240,.5)}
.proj .ph{aspect-ratio:16/10!important;border-radius:0}
.proj .body{padding:24px!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important}
.proj .body p{color:var(--mut)!important;font-size:15px}
.proj .meta{color:#8CA3C4!important;font-size:13px;display:flex!important;gap:14px!important;flex-wrap:wrap!important}
.brands{display:flex!important;flex-wrap:wrap!important;gap:16px!important}
.brands .ph{flex:1 1 150px!important;height:64px!important;border-radius:12px;padding:0!important}
.pn .dev{aspect-ratio:16/10!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 45%,rgba(25,194,240,.28),transparent 62%),var(--n7);border-bottom:1px solid var(--line)}
.pn .dev svg,.devbox svg{width:46%!important;height:70%!important;stroke:var(--cyan);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(25,194,240,.6))}
.pn .foot{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(25,194,240,.14);font:600 13px 'Chakra Petch',sans-serif;color:var(--cyan)!important}
.pn .foot span:last-child{color:var(--mut)!important;font-weight:500}
/* inner page hero */
.phero{position:relative!important;overflow:hidden!important;padding:84px 0 88px!important;background:radial-gradient(60% 130% at 88% 0%,rgba(11,111,224,.6),transparent 62%),radial-gradient(40% 90% at 0% 100%,rgba(25,194,240,.14),transparent 60%),var(--n8);border-bottom:1px solid var(--line)}
.phero.gridbg{background-image:linear-gradient(rgba(25,194,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,194,240,.055) 1px,transparent 1px),radial-gradient(60% 130% at 88% 0%,rgba(11,111,224,.6),transparent 62%),radial-gradient(40% 90% at 0% 100%,rgba(25,194,240,.14),transparent 60%);background-size:56px 56px,56px 56px,auto,auto;background-color:var(--n8)}
.phero .wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:40px!important;position:relative!important;z-index:2}
.phero .txt{max-width:720px!important;display:flex!important;flex-direction:column!important;gap:18px!important}
.phero p{color:#C3D5EC!important;font-size:18px}
.crumb{font:500 13px 'Chakra Petch','Manrope',sans-serif;color:#8CA3C4!important;letter-spacing:.06em}
.crumb b{color:var(--cyan)!important;font-weight:600}
.lens{flex:none!important;width:260px!important;aspect-ratio:1!important;border-radius:50%;background:radial-gradient(circle at 34% 30%,#9fe9ff 0 3%,#19C2F0 6%,#0B6FE0 16%,#061429 46%,#030B18 72%);box-shadow:0 0 0 14px rgba(25,194,240,.10),0 0 0 32px rgba(25,194,240,.06),0 0 90px rgba(25,194,240,.45);position:relative!important}
.lens::after{content:"";position:absolute!important;inset:36%;border-radius:50%;border:2px solid rgba(25,194,240,.6);box-shadow:0 0 18px rgba(25,194,240,.6)}
.devbox{flex:none!important;width:340px!important;aspect-ratio:1!important;border-radius:28px;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 42%,rgba(25,194,240,.30),transparent 66%),var(--n7);border:1px solid var(--line);box-shadow:0 0 80px rgba(25,194,240,.22)}
.devbox svg{width:62%!important;height:62%!important}
@media(max-width:900px){.lens,.devbox{display:none!important}}
/* quick answer (GEO) + facts */
.qa{position:relative!important;padding:34px 36px 30px!important;border-radius:18px;border:1px solid var(--line);background:rgba(10,31,61,.6)}
.qa .lab{position:absolute!important;top:-13px!important;left:28px!important;padding:5px 14px!important;border-radius:999px;background:var(--cyan);color:#021423!important;font:700 12px/1.2 'Chakra Petch',sans-serif;letter-spacing:.14em}
.qa p{font-size:18px;color:#E3EEFB!important}
.facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;background:var(--line);border-radius:16px;overflow:hidden!important;border:1px solid var(--line)}
.facts div{background:var(--n8);padding:20px 24px!important}
.facts small{display:block!important;color:var(--mut)!important;font:500 12px 'Chakra Petch',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px!important}
.facts b{font:600 17px/1.35 'Chakra Petch','Manrope',sans-serif}
@media(max-width:900px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* zig-zag rows */
.row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:64px!important;align-items:center!important;padding:36px 0!important}
.row .vis{aspect-ratio:4/3!important;border-radius:20px;border:1px solid var(--line);position:relative!important;overflow:hidden!important}
.row .vis .ico{position:absolute!important;left:24px!important;top:24px!important;margin:0!important}
.row.rev .vis{order:2!important}
.row .info{display:flex!important;flex-direction:column!important;gap:16px!important}
.row .info p{color:var(--mut)!important}
@media(max-width:900px){.row{grid-template-columns:1fr!important;gap:28px!important}.row.rev .vis{order:0!important}}
/* brochure */
.bro{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:64px!important;align-items:center!important;padding:52px!important;border-radius:26px;background:radial-gradient(70% 120% at 100% 0%,rgba(11,111,224,.35),transparent 60%),rgba(10,31,61,.7);border:1px solid var(--line)}
.cover{aspect-ratio:3/4!important;border-radius:12px;background:linear-gradient(160deg,#0B6FE0,#061429 72%);border:1px solid rgba(255,255,255,.25);padding:24px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),12px 12px 0 -2px rgba(25,194,240,.2);transform:rotate(-2deg)}
.cover .lg{align-self:flex-start!important;background:#fff;border-radius:8px;padding:6px 10px!important}
.cover .lg img{height:26px!important;width:auto!important;display:block!important}
.cover small{font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:var(--cyan)!important}
.cover h3{font-size:24px;margin-top:8px!important}
.cover .bar{height:4px!important;width:56px!important;border-radius:2px;background:var(--amber)}
.pdfmeta{display:flex!important;gap:10px 20px!important;flex-wrap:wrap!important;color:var(--mut)!important;font-size:13px;margin-top:6px!important}
@media(max-width:900px){.bro{grid-template-columns:1fr!important;padding:32px 24px!important;gap:40px!important}.cover{max-width:260px!important}}
/* table */
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:rgba(10,31,61,.5)}
.tbl{width:100%!important;min-width:680px!important;border-collapse:collapse}
.tbl th,.tbl td{padding:16px 22px!important;text-align:left!important;border-bottom:1px solid rgba(25,194,240,.14);font-size:15px;vertical-align:top}
.tbl th{font:600 14px 'Chakra Petch','Manrope',sans-serif;color:var(--cyan)!important;letter-spacing:.06em}
.tbl td:first-child{color:#fff!important;font-weight:600}
.tbl td{color:#D4E3F7!important}
.tbl tr:last-child td{border-bottom:0}
/* faq */
.faq{display:grid!important;gap:14px!important;max-width:900px!important;margin:0 auto!important}
.faq details{border:1px solid var(--line);border-radius:14px;padding:20px 24px!important;background:rgba(10,31,61,.5)}
.faq summary{cursor:pointer;font:600 17px 'Manrope',sans-serif;list-style:none;display:flex!important;justify-content:space-between!important;gap:16px!important}
.faq summary::-webkit-details-marker{display:none!important}
.faq summary::after{content:"+";color:var(--cyan)!important;font-size:24px;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq details p{color:var(--mut)!important;margin-top:12px!important}
/* reviews */
.stars{display:flex!important;gap:3px!important;color:#FBBC04!important}
.stars svg{width:20px!important;height:20px!important;fill:currentColor}
.gbadge{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:8px 16px!important;border-radius:999px;background:#fff;color:#1f2937!important;font:600 14px 'Manrope',sans-serif}
.gbadge b{font:800 20px 'Manrope',sans-serif;background:linear-gradient(90deg,#4285F4 0 34%,#EA4335 34% 58%,#FBBC04 58% 80%,#34A853 80%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.rsum{padding:36px!important;border-radius:22px;display:flex!important;flex-direction:column!important;gap:16px!important;align-items:flex-start!important}
.rsum .big{font:700 76px/1 'Chakra Petch',sans-serif}
.rv{padding:28px!important;border-radius:18px;border:1px solid var(--line);background:linear-gradient(165deg,rgba(25,194,240,.08),rgba(11,111,224,.03));display:flex!important;flex-direction:column!important;gap:16px!important}
.rv p{color:#D4E3F7!important;font-size:15px}
.rv .who{display:flex!important;gap:12px!important;align-items:center!important;margin-top:auto!important}
.rv .av{width:44px!important;height:44px!important;border-radius:50%;background:var(--n6);display:grid!important;place-items:center!important;font:700 16px 'Chakra Petch',sans-serif;flex:none!important}
.rv .who b{display:block!important;font-size:15px}
.rv .who span{color:var(--mut)!important;font-size:13px}
.rvgrid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:24px!important;align-items:stretch!important}
.rvcards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
@media(max-width:960px){.rvgrid{grid-template-columns:1fr!important}}
@media(max-width:640px){.rvcards{grid-template-columns:1fr!important}}
/* form + contact */
.form{display:grid!important;gap:18px!important;padding:36px!important;border-radius:22px}
.fld{display:flex!important;flex-direction:column!important;gap:8px!important}
.fld label{font:600 14px 'Manrope',sans-serif;color:#D4E3F7!important}
.inp{width:100%!important;min-height:50px!important;padding:12px 16px!important;background:var(--n8);border:1px solid var(--line);border-radius:12px;color:#fff!important;font:inherit}
.inp::placeholder{color:#7F97B8!important}
.inp:focus{outline:2px solid var(--cyan);outline-offset:1px}
textarea.inp{min-height:130px!important;resize:vertical}
.ci{display:flex!important;gap:18px!important;align-items:flex-start!important;padding:22px 24px!important;border-radius:16px;border:1px solid var(--line);background:rgba(10,31,61,.5)}
.ci .ico{margin:0!important;width:48px!important;height:48px!important;flex:none!important}
.ci b{display:block!important;font:600 17px 'Chakra Petch','Manrope',sans-serif}
.ci span{color:var(--mut)!important;font-size:15px}
/* avatar + pager */
.avatar{aspect-ratio:1!important;border-radius:20px}
.pager{display:flex!important;gap:10px!important;justify-content:center!important;margin-top:48px!important}
.pager span{width:44px!important;height:44px!important;border-radius:12px;border:1px solid var(--line);display:grid!important;place-items:center!important;font:600 15px 'Chakra Petch',sans-serif;color:var(--mut)!important}
.pager span.on{background:var(--cyan);color:#021423!important;border-color:var(--cyan)}
/* article */
.postgrid{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:56px!important;align-items:start!important}
@media(max-width:960px){.postgrid{grid-template-columns:1fr!important}}
.art h2{margin:44px 0 14px!important;font-size:30px}
.art h3{margin:28px 0 10px!important}
.art p{color:#D4E3F7!important;font-size:17px;margin-bottom:16px!important}
.art ul{color:#D4E3F7!important;font-size:17px;padding-left:22px!important;margin:0 0 16px!important;display:grid!important;gap:8px!important}
.byline{display:flex!important;gap:14px 24px!important;flex-wrap:wrap!important;align-items:center!important;color:var(--mut)!important;font-size:14px}
.toc{padding:24px!important;border-radius:18px;border:1px solid var(--line);background:rgba(10,31,61,.6)}
.toc a{display:block!important;padding:8px 0!important;color:var(--mut)!important;font-size:15px;border-bottom:1px solid rgba(25,194,240,.12)}
.toc a:hover{color:var(--cyan)!important}
/* style guide helpers */
.sw{border-radius:16px;padding:20px!important;min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:2px!important;font:600 15px 'Chakra Petch',sans-serif}
.sw small{font:500 12px 'Chakra Petch',sans-serif;opacity:.85;letter-spacing:.06em}
/* image showcase */
.showcase{border-radius:24px;overflow:hidden!important;border:1px solid var(--line);box-shadow:0 0 0 1px rgba(25,194,240,.12),0 30px 80px -30px rgba(11,111,224,.7)}
.showcase img{display:block!important;width:100%!important;height:auto!important}

/* ===== ambient backgrounds + brand elements (from the client's illustrations) ===== */
@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}
.sec{isolation:isolate;overflow:hidden!important}
.sec>.wrap{position:relative!important;z-index:1}
.sec::before{content:"";position:absolute!important;z-index:-1;width:760px!important;height:760px!important;right:-260px!important;top:-300px!important;border-radius:50%;background:radial-gradient(circle,rgba(11,111,224,.30),transparent 66%);pointer-events:none}
.sec:nth-of-type(even)::before{right:auto!important;left:-280px!important;top:auto!important;bottom:-320px!important;background:radial-gradient(circle,rgba(25,194,240,.16),transparent 66%)}
.sec::after{content:"";position:absolute!important;z-index:-1;left:-6%!important;right:-6%!important;bottom:56px!important;height:2px!important;background:linear-gradient(90deg,transparent,rgba(25,194,240,.5),transparent);transform:rotate(-1.6deg);box-shadow:0 0 22px rgba(25,194,240,.6);opacity:.4;pointer-events:none}
.sec:nth-of-type(3n)::after{left:auto!important;right:-140px!important;bottom:auto!important;top:-170px!important;width:420px!important;height:420px!important;border-radius:50%;background:none;box-shadow:none;border-bottom:6px solid var(--amber);transform:rotate(18deg);opacity:.5;filter:drop-shadow(0 0 16px rgba(255,179,32,.5))}
.phero::before{content:"";position:absolute!important;right:23%!important;top:34px!important;width:92px!important;height:92px!important;border-radius:22px;--r:14deg;transform:rotate(14deg);background:linear-gradient(135deg,rgba(25,194,240,.35),rgba(11,111,224,.12));border:1px solid rgba(255,255,255,.35);box-shadow:0 20px 50px -10px rgba(25,194,240,.5),inset 0 0 24px rgba(255,255,255,.12);animation:float 6s ease-in-out infinite;pointer-events:none}
.phero::after{content:"";position:absolute!important;right:-120px!important;bottom:-250px!important;width:560px!important;height:560px!important;border-radius:50%;border-top:5px solid var(--amber);transform:rotate(-24deg);opacity:.7;filter:drop-shadow(0 0 14px rgba(255,179,32,.5));pointer-events:none}
.phero .wrap::before{content:"";position:absolute!important;left:0!important;top:-40px!important;width:5px!important;height:5px!important;border-radius:50%;background:var(--cyan);box-shadow:260px 30px 0 0 rgba(25,194,240,.7),520px -10px 0 -1px rgba(255,179,32,.9),780px 60px 0 0 rgba(255,255,255,.7),1000px 10px 0 1px rgba(25,194,240,.6),110px 190px 0 -1px rgba(255,255,255,.5);pointer-events:none}
.phero .wrap::after{content:"";position:absolute!important;right:4%!important;top:-36px!important;width:60px!important;height:60px!important;border-radius:50%;background:radial-gradient(circle at 50% 56%,#0b2a63 0 18%,#19C2F0 20% 25%,#0b2a63 27% 36%,transparent 38%),radial-gradient(circle at 35% 28%,#fff,#d6e6ff 45%,#7ea7e6 82%);box-shadow:0 14px 30px -6px rgba(25,194,240,.6);animation:float 6s ease-in-out -2s infinite;pointer-events:none}
@media(max-width:900px){.phero::before,.phero .wrap::after{display:none!important}}
.fcube{position:absolute!important;z-index:0;width:84px!important;height:84px!important;border-radius:20px;display:grid!important;place-items:center!important;--r:12deg;transform:rotate(12deg);background:linear-gradient(135deg,rgba(25,194,240,.30),rgba(11,111,224,.10));border:1px solid rgba(255,255,255,.35);box-shadow:0 24px 50px -14px rgba(25,194,240,.55),inset 0 0 22px rgba(255,255,255,.14);animation:float 7s ease-in-out infinite;pointer-events:none}
.fcube svg{width:40px!important;height:40px!important;stroke:#fff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(25,194,240,.9))}
@media(max-width:900px){.fcube{display:none!important}}
.ring{width:76px!important;height:76px!important;border-radius:50%;display:grid!important;place-items:center!important;margin-bottom:20px!important;border:2px solid var(--cyan);background:radial-gradient(circle,rgba(25,194,240,.22),rgba(11,111,224,.08));box-shadow:0 0 0 6px rgba(25,194,240,.08),0 0 30px rgba(25,194,240,.45),inset 0 0 18px rgba(25,194,240,.3)}
.ring svg{width:36px!important;height:36px!important;stroke:#fff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bars{display:grid!important;gap:12px!important}
.bar3{display:flex!important;align-items:center!important;gap:16px!important;padding:14px 20px!important;border-radius:14px;background:linear-gradient(90deg,rgba(11,70,160,.85),rgba(11,70,160,.3));border:1px solid rgba(25,194,240,.3);font:600 16px/1.3 'Manrope',sans-serif}
.bar3 .tick{flex:none!important;width:22px!important;height:22px!important;border-radius:50%;border:1.5px solid #fff;display:grid!important;place-items:center!important;font-size:12px}
.bar3 svg{flex:none!important;width:30px!important;height:30px!important;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.script{font-family:'Kaushan Script','Brush Script MT',cursive;font-style:italic;color:#fff!important;text-shadow:0 0 18px rgba(25,194,240,.8)}
.ftr{position:relative!important}
.ftr::before{content:"";position:absolute!important;top:-1px!important;left:0!important;right:0!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--cyan),var(--amber),transparent);opacity:.7}
.cropbox{flex:none!important;width:380px!important;aspect-ratio:var(--ar,4/3)!important;border-radius:24px;border:1px solid var(--line);background-repeat:no-repeat;background-size:var(--bs,100%);background-position:var(--bp,0 0);background-color:var(--n7);position:relative!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(25,194,240,.15),0 30px 80px -30px rgba(11,111,224,.7)}
.cropbox::before{content:"";position:absolute!important;inset:0;background:linear-gradient(rgba(3,11,24,0),rgba(3,11,24,.35)),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px)}
.cropbox .c{position:absolute!important;width:28px!important;height:28px!important;border:3px solid var(--cyan)}
.cropbox .tl{top:14px!important;left:14px!important;border-right:0;border-bottom:0}
.cropbox .tr{top:14px!important;right:14px!important;border-left:0;border-bottom:0}
.cropbox .bl{bottom:14px!important;left:14px!important;border-right:0;border-top:0}
.cropbox .br{bottom:14px!important;right:14px!important;border-left:0;border-top:0}
.cropbox .scan{position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);animation:scan 4s linear infinite}
.cropbox .rec{position:absolute!important;top:20px!important;left:54px!important;display:flex!important;gap:8px!important;align-items:center!important;font:600 12px 'Chakra Petch',sans-serif;color:#fff!important;letter-spacing:.14em}
.cropbox .rec i{width:9px!important;height:9px!important;border-radius:50%;background:#ff3b4e;animation:pulse 1.2s infinite}
@media(max-width:900px){.cropbox{display:none!important}}

/* numbers + partners */
.nums{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
.num{padding:28px 24px!important;border-radius:18px;border:1px solid var(--line);background:linear-gradient(165deg,rgba(25,194,240,.10),rgba(11,111,224,.03));text-align:center!important}
.num b{display:block!important;font:700 54px/1 'Chakra Petch',sans-serif;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.num span{display:block!important;margin-top:10px!important;color:var(--mut)!important;font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:960px){.nums{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.partners{background:#fff;border-radius:20px;padding:28px 36px!important;box-shadow:0 20px 60px -30px rgba(25,194,240,.5)}
.partners img{display:block!important;width:100%!important;height:auto!important;max-width:980px!important;margin:0 auto!important}

/* partner logo tiles (colour) */
.pgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
.ptile{position:relative!important;height:150px!important;border-radius:20px;display:grid!important;place-items:center!important;padding:24px!important;background:linear-gradient(160deg,#fff,#E6F4FF);border:1px solid rgba(25,194,240,.5);overflow:hidden!important;transition:.25s}
.ptile::before{content:"";position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--amber))}
.ptile::after{content:"";position:absolute!important;right:-30px!important;bottom:-30px!important;width:90px!important;height:90px!important;border-radius:50%;background:radial-gradient(circle,rgba(25,194,240,.25),transparent 70%)}
.ptile:hover{transform:translateY(-4px);box-shadow:0 20px 50px -18px rgba(25,194,240,.7)}
.ptile img{position:relative!important;z-index:1;display:block!important;max-width:86%!important;max-height:68px;width:auto!important;height:auto!important}
@media(max-width:960px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* partner marquee */
@keyframes marq{to{transform:translateX(-50%)}}
.marq{position:relative!important;overflow:hidden!important;padding:14px 0!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.mtrack{display:flex!important;width:max-content!important;animation:marq 36s linear infinite}
.marq:hover .mtrack{animation-play-state:paused}
.mset{display:flex!important;gap:22px!important;padding-right:22px!important}
.mtile{position:relative!important;flex:none!important;width:240px!important;height:124px!important;border-radius:20px;display:grid!important;place-items:center!important;padding:20px!important;background:linear-gradient(160deg,#fff,#E6F4FF);border:1px solid rgba(25,194,240,.5);overflow:hidden!important;transition:.25s}
.mtile::before{content:"";position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--amber))}
.mtile::after{content:"";position:absolute!important;right:-30px!important;bottom:-30px!important;width:90px!important;height:90px!important;border-radius:50%;background:radial-gradient(circle,rgba(25,194,240,.25),transparent 70%)}
.mtile:hover{transform:translateY(-4px);box-shadow:0 20px 50px -18px rgba(25,194,240,.7)}
.mtile img{position:relative!important;z-index:1;display:block!important;width:176px!important;height:auto!important;max-height:64px;object-fit:contain}
.mnote{display:flex!important;justify-content:center!important;gap:10px!important;align-items:center!important;margin-top:18px!important;color:var(--mut)!important;font:500 13px 'Chakra Petch',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mnote i{width:7px!important;height:7px!important;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
/* ===== portfolio grid (Visual Portfolio look) ===== */
.vpf-filter{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:center!important;margin-bottom:36px!important}
.vpf-filter span{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 20px!important;border:1px solid rgba(25,194,240,.24);border-radius:999px;background:rgba(10,31,61,.5);color:var(--mut)!important;font:500 14px/1.2 'Chakra Petch',sans-serif}
.vpf-filter span i{font-style:normal;font-size:11px;opacity:.7}
.vpf-filter span.on{background:var(--cyan);border-color:var(--cyan);color:#021423!important}
.vpf-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.vpf-card{position:relative!important;display:block!important;aspect-ratio:4/3!important;border-radius:20px;overflow:hidden!important;border:1px solid var(--line);background:var(--n7);transition:.3s}
.vpf-card:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 18px 50px -20px rgba(25,194,240,.55)}
.vpf-card .ph{position:absolute!important;inset:0;padding:0!important;border-radius:0}
.vpf-card .ov{position:absolute!important;inset:0;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;gap:10px!important;padding:22px!important;background:linear-gradient(180deg,rgba(3,11,24,0) 30%,rgba(3,11,24,.92))}
.vpf-card .cat{padding:4px 12px!important;border:1px solid rgba(25,194,240,.6);border-radius:999px;background:rgba(3,11,24,.6);color:var(--cyan)!important;font:600 11px/1.4 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.vpf-card h3{font-size:21px;color:#fff!important}
.vpf-card .go{position:absolute!important;top:16px!important;right:16px!important;width:40px!important;height:40px!important;border-radius:50%;display:grid!important;place-items:center!important;background:var(--amber);color:#1a1200!important;font:700 18px/1 'Chakra Petch',sans-serif;opacity:0;transform:translateY(-6px);transition:.3s}
.vpf-card:hover .go{opacity:1;transform:none}
.vpf-pager{display:flex!important;gap:10px!important;justify-content:center!important;margin-top:48px!important}
.vpf-pager span{min-width:44px!important;height:44px!important;padding:0 12px!important;border-radius:12px;border:1px solid var(--line);display:grid!important;place-items:center!important;font:600 15px 'Chakra Petch',sans-serif;color:var(--mut)!important}
.vpf-pager span.on{background:var(--cyan);border-color:var(--cyan);color:#021423!important}
@media(max-width:960px){.vpf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.vpf-grid{grid-template-columns:1fr!important}}

/* flex direction (Elementor containers default to column) */
.alert,.bar3,.brands,.btns,.byline,.chips,.ci,.cropbox .rec,.eyebrow,.faq summary,.ftr-areas,.ftr-bot,.hero-ov,.links,.mini .rec,.mnote,.mset,.mtrack,.nav,.pager,.pdfmeta,.phero .wrap,.pn .foot,.proj .meta,.rv .who,.soc,.stat,.topbar .wrap,.vf .rec,.vpf-pager,/* ===== portfolio grid (Visual Portfolio look) ===== */
.vpf-filter,/* CTA band */
.cta,/* reviews */
.stars{flex-direction:row!important}
/* ===== native Elementor adapter: makes the class-based design work with Elementor's own widget markup ===== */
body,body.elementor-page,.elementor-page .elementor{background:#030B18}
.elementor-widget{--kit-widget-spacing:0px}
.elementor-widget-text-editor{color:inherit}
.elementor-widget-heading .elementor-heading-title{color:inherit!important}
.elementor-widget-text-editor p{margin:0}
.elementor-widget-text-editor ul{margin:0}
.elementor a{text-decoration:none}
.elementor-widget-image img{display:block}
.dr-linkcard{cursor:pointer}
/* buttons (colours come from widget settings; hover/transition polish here) */
.dr-btn .elementor-button{transition:.2s;letter-spacing:.02em}
.dr-btn-amber .elementor-button:hover{box-shadow:0 0 30px rgba(255,179,32,.5)}
.dr-btn-cyan .elementor-button:hover{box-shadow:0 0 30px rgba(25,194,240,.55)}
.dr-more{margin-top:18px}
.dr-more .elementor-button{padding:0!important;background:transparent!important;border:0}
.dr-more .elementor-button-content-wrapper{gap:8px}
/* icons inside the class-styled boxes */
.ico .elementor-icon,.ring .elementor-icon,.fcube .elementor-icon{color:#fff;font-size:26px;line-height:1;display:grid;place-items:center}
.ico .elementor-icon svg,.ring .elementor-icon svg,.fcube .elementor-icon svg{width:26px;height:26px;fill:#fff}
.ring .elementor-icon{font-size:32px}
.fcube .elementor-icon{font-size:36px;filter:drop-shadow(0 0 8px rgba(25,194,240,.9))}
.ico .elementor-icon-wrapper,.ring .elementor-icon-wrapper,.fcube .elementor-icon-wrapper{line-height:0}
.stat .ico,.ci .ico{margin:0!important}
.bar3 .elementor-widget-icon .elementor-icon{font-size:22px;color:#fff}
.soc .elementor-widget-icon{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center}
.soc .elementor-icon{color:var(--cyan);font-size:18px}
/* rules that used descendant div/span selectors */
.feat div{padding-left:0!important;border-left:0!important}
.feat>div{padding-left:18px!important;border-left:2px solid var(--cyan)!important}
.facts div{padding:0!important;background:none!important}
.facts>div{background:var(--n8)!important;padding:20px 24px!important}
.pager>.elementor-widget{width:44px!important;height:44px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;font:600 15px 'Chakra Petch',sans-serif;color:var(--mut)!important}
.pager>.elementor-widget.on{background:var(--cyan);color:#021423!important;border-color:var(--cyan)}
/* placeholder photos are Image widgets: swap them for real photos */
.ph{padding:0!important}
.ph .elementor-widget-container,.ph img{width:100%;height:100%}
.ph img{object-fit:cover}
.avatar img{border-radius:inherit}
.vis img{border-radius:inherit}
/* header */
.dr-logo img{height:48px;width:auto}
.dr-nav .elementor-nav-menu--main .elementor-item{font:600 15px/1.25 'Manrope',sans-serif;color:#0A2A4D;padding:10px 13px;border-radius:10px}
.dr-nav .elementor-nav-menu--main .elementor-item:hover,.dr-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--blue)}
.dr-nav .elementor-nav-menu--dropdown,.dr-nav .sub-menu{background:#fff;border:1px solid #DCE9F7;border-radius:16px;box-shadow:0 30px 70px -24px rgba(3,40,90,.45);padding:8px}
.dr-nav .elementor-sub-item{color:#0A2A4D;font:600 14px 'Manrope',sans-serif;padding:12px 14px;border-radius:10px}
.dr-nav .elementor-sub-item:hover{background:#EAF6FF;color:var(--blue)}
.dr-nav .elementor-menu-toggle{border-radius:12px;color:#0A2A4D}
.hdr .topbar .elementor-widget-text-editor{color:var(--mut)}
/* tabs (Standard vs AI demo) */
.dr-demo-p{max-width:720px}
.dr-tabs .elementor-tabs-wrapper{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--line);background:var(--n8);margin:20px 0 28px;width:auto}
.dr-tabs .elementor-tab-mobile-title{display:none}
.dr-tabs .elementor-tab-content{border:0!important;padding:0!important;color:var(--mut)}
.dr-tabs .elementor-tab-content.elementor-active{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.dr-tabs .elementor-tab-content img{width:100%;height:auto;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 80px -30px rgba(11,111,224,.7)}
.dr-tabs .elementor-tab-content p{font-size:17px;line-height:1.7;color:var(--mut)}
.dr-tabs .elementor-tab-content strong{color:#fff;font:600 20px 'Chakra Petch',sans-serif}
@media(max-width:900px){.dr-tabs .elementor-tab-content.elementor-active{grid-template-columns:1fr;gap:24px}}
/* partner slider (Image Carousel) */
.dr-partners .swiper-slide{padding:0 10px}
.dr-partners .swiper-slide img{width:100%;height:124px;object-fit:contain;box-sizing:border-box;padding:34px 28px;border-radius:20px;background:linear-gradient(160deg,#fff,#E6F4FF);border:1px solid rgba(25,194,240,.5);box-shadow:inset 0 4px 0 -0px var(--cyan)}
/* FAQ (Accordion) */
.dr-faq{max-width:900px;margin-left:auto!important;margin-right:auto!important;display:block!important}
.dr-faq .elementor-accordion-item{border:1px solid var(--line)!important;border-radius:14px;margin-bottom:14px;background:rgba(10,31,61,.5);overflow:hidden}
.dr-faq .elementor-tab-title{padding:20px 24px;border:0!important;background:transparent}
.dr-faq .elementor-accordion-title,.dr-faq .elementor-accordion-title a{color:#fff!important;font:600 17px 'Manrope',sans-serif}
.dr-faq .elementor-accordion-icon,.dr-faq .elementor-accordion-icon i{color:var(--cyan)!important}
.dr-faq .elementor-tab-content{padding:0 24px 20px;border:0!important;color:var(--mut)}
.dr-faq .elementor-tab-content p{margin:0;color:var(--mut)}
/* check lists (Icon List) */
.dr-checklist .elementor-icon-list-items{display:grid;gap:12px}
.dr-checklist .elementor-icon-list-item{align-items:flex-start;gap:12px}
.dr-checklist .elementor-icon-list-icon{width:20px;height:20px;border-radius:50%;background:var(--cyan);display:grid!important;place-items:center;margin-top:5px;flex:none}
.dr-checklist .elementor-icon-list-icon i{color:#021423;font-size:11px}
.dr-checklist .elementor-icon-list-icon svg{fill:#021423;width:11px;height:11px}
.dr-checklist .elementor-icon-list-text{color:#D4E3F7;padding:0!important}
/* contact form + map */
.dr-form .elementor-field-textual{background:var(--n8);border:1px solid var(--line);border-radius:12px;color:#fff;min-height:50px;padding:12px 16px}
.dr-form .elementor-field-label{color:#D4E3F7;font:600 14px 'Manrope',sans-serif}
.dr-form .elementor-field-group{margin-bottom:6px}
.dr-form .elementor-button{background:var(--amber);color:#1a1200;border-radius:999px;font:600 15px 'Chakra Petch',sans-serif;padding:14px 26px;border:0}
.dr-map{border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.dr-map iframe{filter:grayscale(.2) contrast(1.05)}
/* hero built as a container with the slider as its background */
.hero{background-color:#0a6fd6}
.hero.elementor-element{min-height:516px}

/* product card icon tile + footer rows */
.pn .dev .elementor-icon{font-size:64px;color:var(--cyan);filter:drop-shadow(0 0 12px rgba(25,194,240,.6))}
.pn .dev .elementor-icon svg{fill:var(--cyan);width:64px;height:64px}
.pn .foot span:last-child{color:inherit!important;font-weight:inherit}
.pn .foot>.elementor-widget:last-child{color:var(--mut)!important;font-weight:500}
.rec .elementor-widget-container{display:flex;gap:8px;align-items:center}
.ftr-areas .chip,.ftr-areas .elementor-widget{width:auto!important}
.crumb a{color:inherit}

.elementor-widget.lab,.elementor-widget.tag,.elementor-widget.chip,.elementor-widget.tick,.elementor-widget.gbadge{width:auto!important;max-width:100%}
.elementor-widget.eyebrow{width:auto!important;max-width:100%}
.elementor-widget-icon{text-align:center}

/* background images used by class */
.vf{background-image:url(./images/hero-slider.jpg)}
.cb3{background-image:url(./images/installation-engineer.jpg)}
.tb{background-image:url(./images/installation-engineer.jpg);background-repeat:no-repeat;background-size:349%;background-position:58.4% 91.3%}

/* ===== header navigation matched to the design (Elementor Nav Menu) ===== */
.dr-nav .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item{font:600 15px/1.25 'Manrope',sans-serif!important;color:#0A2A4D!important;padding:10px 13px!important;border-radius:10px;text-transform:none!important;letter-spacing:0!important}
.dr-nav .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item:hover,.dr-nav .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item.elementor-item-active,.dr-nav .elementor-nav-menu--main .elementor-nav-menu>li>a.elementor-item.highlighted{color:#0B6FE0!important}
.dr-nav .elementor-nav-menu--main .elementor-item:after,.dr-nav .elementor-nav-menu--main .elementor-item:before{height:3px!important;border-radius:3px!important;background:linear-gradient(90deg,#19C2F0,#0B6FE0)!important}
.dr-nav .e--pointer-underline .elementor-item:after{left:13px!important;right:13px!important;width:auto!important;bottom:2px!important}
.dr-nav .elementor-nav-menu--main .elementor-item .sub-arrow{margin-left:6px}
.dr-nav .sub-arrow i,.dr-nav .sub-arrow svg{color:#0B6FE0!important;fill:#0B6FE0!important}
.dr-nav .elementor-nav-menu--main ul.sub-menu{width:620px!important;min-width:620px!important;max-width:none!important;padding:14px!important;background:#fff!important;border:1px solid #DCE9F7!important;border-radius:16px!important;box-shadow:0 30px 70px -24px rgba(3,40,90,.45)!important;margin-top:8px!important;transform:translateX(-120px)}
.dr-nav .elementor-nav-menu--main ul.sub-menu[style*="display: block"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.dr-nav .elementor-nav-menu--main ul.sub-menu li{width:auto!important;margin:0}
.dr-nav .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item{display:grid!important;grid-template-columns:42px 1fr;column-gap:12px;row-gap:0;align-items:center;padding:12px!important;border:0!important;border-radius:12px;background:transparent!important;color:#0A2A4D!important;font:700 14px/1.3 'Manrope',sans-serif!important;white-space:normal}
.dr-nav .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover{background:#EAF6FF!important;color:#0B6FE0!important}
.dr-nav ul.sub-menu a.elementor-sub-item::before{content:"";grid-row:1 / span 2;grid-column:1;width:42px;height:42px;border-radius:11px;display:block;background-image:var(--ic),linear-gradient(135deg,#19C2F0,#0B6FE0);background-size:22px 22px,100% 100%;background-position:center,0 0;background-repeat:no-repeat}
.dr-nav ul.sub-menu a.elementor-sub-item::after{grid-column:2;grid-row:2;font:500 12px/1.3 'Manrope',sans-serif;color:#4C6C91;content:""}
.dr-nav ul.sub-menu a[href*="ai-cameras"]::after{content:"Human, vehicle & face detection"}
.dr-nav ul.sub-menu a[href*="cctv-cameras"]::after{content:"Dome, bullet, turret & PTZ"}
.dr-nav ul.sub-menu a[href*="nvr-dvr"]::after{content:"Recorders and hard drives"}
.dr-nav ul.sub-menu a[href*="access-control"]::after{content:"Fingerprint, card & face"}
.dr-nav ul.sub-menu a[href*="alarm"]::after{content:"Alarms and video doorbells"}
.dr-nav ul.sub-menu a[href*="network"]::after{content:"PoE, Wi-Fi and UPS"}

/* submenu icons as line-art backgrounds (works with Inline Font Icons) */
.dr-nav ul.sub-menu a[href*="ai-cameras"]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8V5a2 2 0 0 1 2-2h3M16 3h3a2 2 0 0 1 2 2v3M21 16v3a2 2 0 0 1-2 2h-3M8 21H5a2 2 0 0 1-2-2v-3'/><circle cx='12' cy='12' r='3'/></svg>")}
.dr-nav ul.sub-menu a[href*="cctv-cameras"]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11a8 8 0 0 1 16 0v1H4z'/><path d='M8 12v2a4 4 0 0 0 8 0v-2'/><circle cx='12' cy='13' r='1.2'/></svg>")}
.dr-nav ul.sub-menu a[href*="nvr-dvr"]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='7' rx='1.5'/><rect x='3' y='13' width='18' height='7' rx='1.5'/><path d='M7 7.5h.01M7 16.5h.01M12 7.5h6M12 16.5h6'/></svg>")}
.dr-nav ul.sub-menu a[href*="access-control"]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='3' width='14' height='18' rx='2'/><circle cx='14.5' cy='12' r='1'/><path d='M9 8h4'/></svg>")}
.dr-nav ul.sub-menu a[href*="alarm"]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4z'/><path d='M10 21h4'/></svg>")}
.dr-nav ul.sub-menu a[href*="network"]{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3 9a14 14 0 0 1 18 0M6 12.5a9 9 0 0 1 12 0M9 16a4.5 4.5 0 0 1 6 0'/><circle cx='12' cy='19' r='1'/></svg>")}

/* active / hover underline: one clean gradient line */
.dr-nav .elementor-nav-menu--main .elementor-item:before{display:none!important}
.dr-nav .elementor-nav-menu--main .elementor-item:after{content:""!important;position:absolute;left:13px!important;right:13px!important;width:auto!important;bottom:2px!important;height:3px!important;border-radius:3px!important;background:linear-gradient(90deg,#19C2F0,#0B6FE0)!important;transform:none!important}
.dr-nav .elementor-nav-menu--main .elementor-item{position:relative}
/* icon colours: inline SVG icons must be filled white inside gradient tiles */
.ico .elementor-icon,.ring .elementor-icon,.fcube .elementor-icon,.bar3 .elementor-widget-icon .elementor-icon{color:#fff!important}
.ico .elementor-icon svg,.ico .elementor-icon svg path,.ring .elementor-icon svg,.ring .elementor-icon svg path,.fcube .elementor-icon svg,.fcube .elementor-icon svg path,.bar3 .elementor-icon svg,.bar3 .elementor-icon svg path{fill:#fff!important}
.pn .dev .elementor-icon,.pn .dev .elementor-icon svg,.pn .dev .elementor-icon svg path{color:var(--cyan)!important;fill:var(--cyan)!important}
.soc .elementor-icon,.soc .elementor-icon svg,.soc .elementor-icon svg path{color:var(--cyan)!important;fill:var(--cyan)!important}
.bar3 .tick{width:22px!important;height:22px;min-height:22px;border-radius:50%;line-height:1;display:grid;place-items:center;flex:none;padding:0;font-size:12px}
.bar3 .tick .elementor-widget-container{line-height:1;width:auto}

.dr-nav .elementor-nav-menu--main .elementor-item,.dr-nav .elementor-nav-menu--main .elementor-item.elementor-item-active,.dr-nav .elementor-nav-menu--main .elementor-item:hover{box-shadow:none!important}

/* tabs: pill switcher */
.dr-tabs .elementor-tab-title,.dr-tabs .elementor-tab-title a{color:var(--mut)!important;text-decoration:none!important;font:600 14px/1.2 'Chakra Petch',sans-serif!important;box-shadow:none!important}
.dr-tabs .elementor-tab-title{border:0!important;background:transparent!important;padding:10px 22px!important;border-radius:999px;margin:0!important;outline:0}
.dr-tabs .elementor-tab-title a{background:transparent!important;border:0!important;padding:0!important}
.dr-tabs .elementor-tab-title.elementor-active{background:var(--cyan)!important}
.dr-tabs .elementor-tab-title.elementor-active,.dr-tabs .elementor-tab-title.elementor-active a{color:#021423!important}
.dr-tabs .elementor-tab-title::before,.dr-tabs .elementor-tab-title::after{display:none!important}

/* ===== rows: icon + text pairs must not wrap or stretch ===== */
.stat>.elementor-widget-text-editor,.ci>.elementor-widget-text-editor{flex:1 1 0!important;min-width:0;width:auto!important}
.bar3{flex-wrap:nowrap!important}
.bar3>.elementor-widget-text-editor:last-child{flex:1 1 0;min-width:0}
.who{flex-wrap:nowrap!important}
.who>.elementor-widget-text-editor:last-child{flex:1 1 0;min-width:0}

/* ===== mobile + tablet ===== */
@media(max-width:1024px){
 .hdr .nav.wrap{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px;min-height:68px;padding-top:8px!important;padding-bottom:8px!important}
 .hdr .nav.wrap>.elementor-widget-button{display:none!important}
 .hdr .nav.wrap>.dr-logo{width:auto!important;flex:0 1 auto!important}
 .dr-logo img{height:38px;width:auto}
 .hdr .nav.wrap>.dr-nav{width:auto!important;flex:0 0 auto!important;margin-left:auto}
 .dr-nav .elementor-menu-toggle{background:#fff!important;border:1px solid #CFE0F2;border-radius:12px;width:48px;height:48px;display:grid!important;place-items:center;color:#0A2A4D!important}
 .dr-nav .elementor-menu-toggle svg,.dr-nav .elementor-menu-toggle i{fill:#0A2A4D!important;color:#0A2A4D!important}
 .dr-nav nav.elementor-nav-menu--dropdown{position:absolute!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important;width:min(92vw,420px)!important;max-width:none!important;background:#fff!important;border:1px solid #DCE9F7;border-radius:16px;box-shadow:0 30px 70px -24px rgba(3,40,90,.45);padding:8px!important;z-index:60}
 .dr-nav .elementor-nav-menu--dropdown a,.dr-nav .elementor-nav-menu--dropdown a.elementor-item{color:#0A2A4D!important;font:600 16px/1.3 'Manrope',sans-serif!important;padding:14px 16px!important;border:0!important;border-bottom:1px solid #E6EEF8!important;background:transparent!important;box-shadow:none!important}
 .dr-nav .elementor-nav-menu--dropdown a:hover,.dr-nav .elementor-nav-menu--dropdown a:focus,.dr-nav .elementor-nav-menu--dropdown a.elementor-item-active,.dr-nav .elementor-nav-menu--dropdown a.highlighted{background:#EAF6FF!important;color:#0B6FE0!important}
 .dr-nav .elementor-nav-menu--dropdown .elementor-item:after,.dr-nav .elementor-nav-menu--dropdown .elementor-item:before{display:none!important}
 .dr-nav .elementor-nav-menu--dropdown ul.sub-menu{position:static!important;width:auto!important;min-width:0!important;max-width:none!important;transform:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0 0 0 12px!important;margin:0!important;background:transparent!important}
 .dr-nav .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item{display:flex!important;align-items:center;gap:12px;font-size:15px!important;padding:12px 8px!important;border-radius:10px}
 .dr-nav .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item::before{width:34px;height:34px;flex:none;border-radius:9px;background-size:18px 18px,100% 100%}
 .dr-nav .elementor-nav-menu--dropdown ul.sub-menu a.elementor-sub-item::after{display:none!important}
 .dr-nav .sub-arrow{margin-left:auto}
}
@media(max-width:767px){
 .topbar .wrap{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding-top:8px!important;padding-bottom:8px!important}
 .topbar .elementor-widget{font-size:12px;line-height:1.5}
 .hero-col{padding-left:0!important}
 .cta{padding:32px 22px!important}
}


/* ===== mobile fixes round 2 ===== */
/* stop horizontal overflow (it also makes mobile Chrome inflate fonts) */
html,body{max-width:100%;overflow-x:hidden!important}
.e-con,.elementor-widget,.elementor-widget-container{min-width:0}
.split>*,.g2>*,.g3>*,.g4>*,.row>*,.rvgrid>*,.rvcards>*,.facts>*,.nums>*,.steps>*{min-width:0}
/* icon / avatar / tick boxes keep their own square size */
.stat>.elementor-widget-icon,.ci>.elementor-widget-icon{flex:0 0 auto!important}
.bar3>.elementor-widget:not(.tick):not(.elementor-widget-icon){width:auto!important;flex:0 0 auto}
.bar3>.elementor-widget-icon{flex:0 0 auto!important}
.who>.elementor-widget:not(.av){width:auto!important;flex:0 0 auto}
.who>.av{flex:none!important;width:44px!important;height:44px!important}
.who>.elementor-widget-text-editor:last-child{flex:1 1 0!important;min-width:0}
/* neon product icons: centred in the tile, fixed size */
.pn .dev .elementor-widget-container{display:grid;place-items:center;height:100%}
.pn .dev .elementor-icon-wrapper{text-align:center;line-height:0}
.pn .dev .elementor-icon svg{width:72px!important;height:72px!important}
.pn .dev .elementor-icon{font-size:72px!important;display:inline-block}
/* tabs on small screens */
@media(max-width:767px){
 .dr-tabs .elementor-tabs-wrapper{display:flex!important;flex-wrap:wrap;width:100%;border-radius:24px;gap:6px}
 .dr-tabs .elementor-tab-title{padding:8px 14px!important}
 .dr-tabs .elementor-tab-title,.dr-tabs .elementor-tab-title a{font-size:13px!important}
 .dr-tabs .elementor-tab-desktop-title{display:block!important}
 .dr-tabs .elementor-tab-mobile-title{display:none!important}
 .dr-nav nav.elementor-nav-menu--dropdown{width:calc(100vw - 48px)!important}
 .ftr-in>.e-con{padding:0!important}
}


/* ===== round 3: icon boxes keep exact size even with large phone text scaling ===== */
.chips>.elementor-widget,.btns>.elementor-widget,.brands>.elementor-widget{width:auto!important;flex:0 0 auto!important}
.soc{flex-wrap:nowrap!important}
.soc>.elementor-widget-icon{width:42px!important;height:42px!important;min-width:42px;flex:0 0 42px!important;border-radius:50%!important;border:1px solid var(--line);display:grid!important;place-items:center;overflow:hidden}
.soc .elementor-widget-container{display:grid;place-items:center;width:100%;height:100%}
.soc .elementor-icon-wrapper{line-height:0;text-align:center}
.soc .elementor-icon{font-size:18px!important;line-height:1;display:inline-block}
.soc .elementor-icon svg{width:18px!important;height:18px!important}
.ico .elementor-icon,.ring .elementor-icon,.fcube .elementor-icon{line-height:1}
.ico .elementor-icon svg{width:26px!important;height:26px!important}
.ring .elementor-icon svg{width:32px!important;height:32px!important}
.fcube .elementor-icon svg{width:36px!important;height:36px!important}
.bar3 .elementor-icon svg{width:22px!important;height:22px!important}
.ico,.ring{flex:0 0 auto!important}
.ico .elementor-widget-container,.ring .elementor-widget-container{display:grid;place-items:center;width:100%;height:100%}


/* ===== filter chips + pagination (JS in dr-cctv.js) ===== */
.dr-hide{display:none!important}
.chips.dr-filter>.elementor-widget{cursor:pointer;transition:.2s;user-select:none}
.chips.dr-filter>.elementor-widget:hover{border-color:var(--cyan);color:#fff}
.chips.dr-filter>.elementor-widget.on{background:var(--cyan)!important;color:#021423!important;border-color:var(--cyan)}
.chips.dr-filter>.elementor-widget:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.dr-empty{padding:48px 24px;text-align:center;color:var(--mut);border:1px dashed var(--line);border-radius:18px}
.pager .dr-pg{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--mut);font:600 15px 'Chakra Petch',sans-serif;cursor:pointer;display:grid;place-items:center;padding:0;transition:.2s}
.pager .dr-pg:hover:not(.dis):not(.on){border-color:var(--cyan);color:#fff}
.pager .dr-pg.on{background:var(--cyan);border-color:var(--cyan);color:#021423}
.pager .dr-pg.dis{opacity:.35;cursor:default}
.pager .dr-pg:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}

/* ===== Visual Portfolio plugin skin (cards, filter, pagination) matched to the Dr. CCTV design ===== */
.vp-portfolio{font-family:'Manrope',system-ui,sans-serif;color:#fff}
.vp-portfolio .vp-portfolio__items-style-fade{
  --vp-items-style-fade--overlay__background:linear-gradient(180deg,rgba(3,11,24,0) 30%,rgba(3,11,24,.92) 100%);
  --vp-items-style-fade--overlay__border-radius:0px;
  --vp-items-style-fade--overlay__color:#fff;
  --vp-items-style-fade--overlay__margin:0px;
  --vp-items-style-fade--meta-title__font-size:21px;
  --vp-items-style-fade--meta-categories__font-size:11px;
  --vp-items-style-fade--meta-categories__opacity:1;
}
/* card */
.vp-portfolio .vp-portfolio__item{border-radius:20px;overflow:hidden;border:1px solid rgba(25,194,240,.24);background:#0A1F3D;transition:transform .3s,border-color .3s,box-shadow .3s}
.vp-portfolio .vp-portfolio__item:hover{border-color:#19C2F0;transform:translateY(-4px);box-shadow:0 18px 50px -20px rgba(25,194,240,.55)}
.vp-portfolio .vp-portfolio__item-img{border-radius:0}
.vp-portfolio .vp-portfolio__item-img img{transition:transform .7s ease;object-fit:cover}
.vp-portfolio .vp-portfolio__item:hover .vp-portfolio__item-img img{transform:scale(1.06)}
/* overlay: always visible, text bottom-left */
.vp-portfolio .vp-portfolio__item-overlay{opacity:1!important;background:linear-gradient(180deg,rgba(3,11,24,0) 30%,rgba(3,11,24,.92) 100%)!important;padding:0}
.vp-portfolio .vp-portfolio__item-meta-wrap{display:flex;align-items:flex-end}
.vp-portfolio .vp-portfolio__item-meta{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:flex-end!important;text-align:left!important;gap:8px;padding:22px;width:100%;color:#fff;text-decoration:none}
.vp-portfolio .vp-portfolio__item-meta>*{opacity:1!important;transform:none!important}
.vp-portfolio .vp-portfolio__item-meta-title,.vp-portfolio h2.vp-portfolio__item-meta-title{font:600 21px/1.2 'Chakra Petch','Manrope',sans-serif!important;color:#fff!important;margin:0!important;text-shadow:0 2px 14px rgba(3,11,24,.6)}
.vp-portfolio .vp-portfolio__item-meta-categories{order:-1;display:flex;flex-wrap:wrap;gap:8px}
.vp-portfolio .vp-portfolio__item-meta-category::after{content:none!important}
.vp-portfolio .vp-portfolio__item-meta-category a{display:inline-block;padding:4px 12px;border:1px solid rgba(25,194,240,.6);border-radius:999px;background:rgba(3,11,24,.6);color:#19C2F0!important;font:600 11px/1.4 'Chakra Petch',sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important}
.vp-portfolio .vp-portfolio__item-meta-excerpt{font-size:14px;color:#D4E3F7;line-height:1.5;margin:0}
.vp-portfolio .vp-portfolio__item-meta-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* arrow badge on hover */
.vp-portfolio .vp-portfolio__item::after{content:"\2192";position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#FFB320;color:#1a1200;font:700 18px/1 'Chakra Petch',sans-serif;opacity:0;transform:translateY(-6px);transition:.3s;pointer-events:none}
.vp-portfolio .vp-portfolio__item:hover::after{opacity:1;transform:none}
/* filter (minimal style) */
.vp-portfolio__filter-wrap{margin-bottom:36px}
.vp-filter,.vp-filter.vp-filter__style-minimal{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.vp-portfolio__layout-elements-align-center .vp-filter{justify-content:center}
.vp-filter .vp-filter__item{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 20px;list-style:none;border:1px solid rgba(25,194,240,.24);border-radius:999px;background:rgba(10,31,61,.5);color:#A8BDD9;font:500 14px/1.2 'Chakra Petch','Manrope',sans-serif;cursor:pointer;transition:.2s}
.vp-filter .vp-filter__item a{display:inline;padding:0;border:0;background:transparent;color:inherit!important;font:inherit;text-decoration:none!important;opacity:1}
.vp-filter .vp-filter__item:hover{border-color:#19C2F0;color:#fff}
.vp-filter .vp-filter__item.vp-filter__item-active{background:#19C2F0;border-color:#19C2F0;color:#021423}
.vp-filter .vp-filter__item-count{font-size:11px;opacity:.7;margin:0;color:inherit}
/* pagination (minimal style) */
.vp-portfolio__pagination-wrap{margin-top:48px}
.vp-pagination,.vp-pagination.vp-pagination__style-minimal{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0;padding:0}
.vp-pagination .vp-pagination__item{margin:0;padding:0;list-style:none}
.vp-pagination .vp-pagination__item a,.vp-pagination .vp-pagination__item span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid rgba(25,194,240,.24);border-radius:12px;background:transparent;color:#A8BDD9!important;font:600 15px/1 'Chakra Petch',sans-serif;text-decoration:none!important;opacity:1;transition:.2s}
.vp-pagination .vp-pagination__item a:hover{border-color:#19C2F0;color:#fff!important}
.vp-pagination .vp-pagination__item.vp-pagination__item-active a,.vp-pagination .vp-pagination__item.vp-pagination__item-active span{background:#19C2F0;border-color:#19C2F0;color:#021423!important}
.vp-pagination .vp-pagination__load-more a{padding:0 28px;border-radius:999px;background:#FFB320;border-color:#FFB320;color:#1a1200!important}
/* loader + empty state */
.vp-portfolio__preloader{background:transparent}
.vp-portfolio .vp-notice,.vp-portfolio .vp-portfolio__no-items{padding:40px;text-align:center;color:#A8BDD9;border:1px dashed rgba(25,194,240,.3);border-radius:18px}
@media(max-width:767px){
 .vp-filter .vp-filter__item{padding:8px 14px;font-size:13px}
 .vp-portfolio .vp-portfolio__item-meta{padding:16px}
 .vp-portfolio .vp-portfolio__item-meta-title,.vp-portfolio h2.vp-portfolio__item-meta-title{font-size:18px!important}
}

/* ===== dynamic theme-builder templates ===== */
.dr-dyn{color:#fff}
.dr-hero{border-bottom:1px solid var(--line)}
.dr-eyebrow .elementor-heading-title{letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.dr-eyebrow .elementor-heading-title::before{content:"";width:30px;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.dr-meta .elementor-icon-list-text,.dr-meta .elementor-icon-list-item a{color:var(--mut)!important;font-size:14px}
.dr-meta .elementor-icon-list-icon i,.dr-meta .elementor-icon-list-icon svg{color:var(--cyan);fill:var(--cyan)}
.dr-featured img{width:100%;height:auto;border-radius:20px;border:1px solid var(--line);margin-bottom:32px}
.dr-content{color:#D4E3F7;font:400 17px/1.8 'Manrope',sans-serif}
.dr-content h2{font:600 30px/1.2 'Chakra Petch',sans-serif;color:#fff;margin:44px 0 14px}
.dr-content h3{font:600 22px/1.25 'Chakra Petch',sans-serif;color:#fff;margin:28px 0 10px}
.dr-content p,.dr-content li{color:#D4E3F7}
.dr-content a{color:var(--cyan);text-decoration:underline}
.dr-content img{max-width:100%;height:auto;border-radius:16px}
.dr-content blockquote{margin:24px 0;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:rgba(10,31,61,.6);color:#fff}
.dr-content table{width:100%;border-collapse:collapse}
.dr-content th,.dr-content td{padding:12px 16px;border-bottom:1px solid rgba(25,194,240,.18);text-align:left}
.dr-author .elementor-author-box{border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(10,31,61,.6)}
.dr-author .elementor-author-box__name,.dr-author .elementor-author-box__bio{color:#fff}
.dr-postnav a,.dr-postnav .post-navigation__link a{color:var(--cyan)}
.dr-posts .elementor-post{background:linear-gradient(165deg,rgba(25,194,240,.10),rgba(11,111,224,.03));border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}
.dr-posts .elementor-post:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 18px 50px -20px rgba(25,194,240,.5)}
.dr-posts .elementor-post__text{padding:22px}
.dr-posts .elementor-post__title,.dr-posts .elementor-post__title a{font:600 20px/1.25 'Chakra Petch',sans-serif;color:#fff}
.dr-posts .elementor-post__excerpt p,.dr-posts .elementor-post__meta-data{color:var(--mut);font-size:15px}
.dr-posts .elementor-post__read-more{color:var(--cyan);font:600 14px 'Chakra Petch',sans-serif}
.dr-posts .elementor-pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;margin:0 4px;border:1px solid var(--line);border-radius:12px;color:var(--mut)}
.dr-posts .elementor-pagination .page-numbers.current{background:var(--cyan);color:#021423;border-color:var(--cyan)}
.dr-search .elementor-search-form__container{background:var(--n8);border:1px solid var(--line);border-radius:999px;min-height:54px;overflow:hidden}
.dr-search .elementor-search-form__input{color:#fff;background:transparent;padding:0 22px}
.dr-search .elementor-search-form__input::placeholder{color:#7F97B8}
.dr-search .elementor-search-form__submit{background:var(--amber);color:#1a1200;border-radius:0 999px 999px 0;min-width:60px}
.dr-loop-card{height:100%}
.dr-loop-img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.dr-404 .elementor-heading-title{background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.dr-404-wrap .dr-search{width:100%;max-width:560px}


/* ===== generated from inline styles ===== */
.ds-16e444 .elementor-widget-container,.ds-16e444 .elementor-widget-container>p,.ds-16e444 .elementor-widget-container>span{color:#fff!important}
.ds-dc6a50{margin-top:14px!important}
.ds-1bd55d{margin-top:18px!important}
.ds-1bd55d .elementor-widget-container,.ds-1bd55d .elementor-widget-container>p,.ds-1bd55d .elementor-widget-container>span{font-size:30px!important}
.ds-3854d6{padding-top:24px!important;padding-bottom:88px!important}
.ds-2cbf69{max-width:340px!important}
.ds-169701{background:#030B18!important}
.ds-c4007a{margin-top:6px!important}
.ds-a0b41b{padding-bottom:0!important}
.ds-3bf5ba{padding:56px 0 0!important}
.ds-ad3251{right:5%!important;top:70px!important;--r:12deg}
.ds-618b32{margin:0!important}
.ds-067c1b{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:24px!important;flex-wrap:wrap!important;margin-bottom:48px!important;flex-direction:row!important}
.ds-5c3af4{right:7%!important;top:96px!important;--r:-10deg}
.ds-6fdb20{left:3%!important;bottom:90px!important;width:64px!important;height:64px!important;--r:8deg}
.ds-666963{margin-top:16px!important}
.ds-5bf49a{margin-top:14px!important}
.ds-5bf49a .elementor-widget-container,.ds-5bf49a .elementor-widget-container>p,.ds-5bf49a .elementor-widget-container>span{font-size:17px!important}
.ds-7842d2{margin-top:24px!important}
.ds-595295{margin-top:28px!important}
.ds-b08454{margin-top:14px!important}
.ds-f6f8da{left:4%!important;top:80px!important;--r:-12deg}
.ds-d8340a{align-self:flex-start!important}
.ds-fed261{right:4%!important;top:70px!important;--r:10deg}
.ds-577202{margin-top:8px!important}
.ds-2cbd7e .elementor-heading-title{font-size:28px!important}
.ds-67b833{margin-bottom:32px!important}
.ds-f1401b{padding:72px 0!important}
.ds-138a47{margin-bottom:10px!important}
.ds-138a47 .elementor-heading-title{font-size:24px!important}
.ds-c5a9e9{margin-top:16px!important}
.ds-c5a9e9 .elementor-widget-container,.ds-c5a9e9 .elementor-widget-container>p,.ds-c5a9e9 .elementor-widget-container>span{font-size:17px!important}
.ds-817b46{margin-top:36px!important}
.ds-b1bca1{margin-top:16px!important}
.ds-b1bca1 .elementor-heading-title{font-size:19px!important}
.ds-1418db{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.ds-9c8fb5{justify-content:center!important}
.ds-066a2b{display:grid!important;gap:16px!important}
.ds-c8d828{align-items:start!important}
.ds-f78524{font-size:14px!important;gap:8px!important}
.ds-ab6e01{margin:0 0 16px!important}
.ds-cf9323{left:12%!important;top:32%!important;width:18%!important;height:56%!important}
.ds-5f3c59{left:46%!important;top:46%!important;width:40%!important;height:40%!important}
.ds-a23451{left:8%!important;top:34%!important;width:84%!important;height:58%!important}
.ds-c76596{left:42%!important;top:42%!important;width:14%!important;height:44%!important}
.ds-2360d0{left:38%!important;top:20%!important;width:24%!important;height:46%!important}
.ds-12f585{left:16%!important;top:26%!important;width:68%!important;height:56%!important}
.ds-64537e{left:38%!important;top:62%!important;width:24%!important;height:12%!important}
.ds-dd195b{left:5%!important;right:5%!important;top:56%!important;height:0!important;border-width:2px 0 0 0!important;background:none!important}
.ds-45fa96{left:20%!important;top:30%!important;width:10%!important;height:50%!important}
.ds-68b541{left:62%!important;top:34%!important;width:10%!important;height:46%!important}
.ds-e47595{position:absolute!important;right:12px!important;bottom:8px!important}
.ds-e47595 .elementor-widget-container,.ds-e47595 .elementor-widget-container>p,.ds-e47595 .elementor-widget-container>span{font:700 11px 'Chakra Petch',sans-serif!important;letter-spacing:.1em!important;color:#fff!important}
.ds-7f47a7{left:54%!important;top:22%!important;width:32%!important;height:44%!important}
.ds-3fb1a1{margin-top:12px!important}
.ds-cdb2c9{margin:14px 0!important}
.ds-bb94f8{margin-bottom:18px!important}
.ds-5b34ab{margin-top:26px!important}
.ds-04c0b5{--ar:3/2;--bs:378%;--bp:100% 6.6%}
.ds-6feba0{--ar:1.64/1;--bs:213%;--bp:0% 99.5%}
.ds-a9e91a{margin-bottom:18px!important}
.ds-232e3f{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ds-6270eb{width:96px!important;height:96px!important;margin:0!important;border-radius:50%!important}
.ds-5da61f{background-image:none!important;background:radial-gradient(circle at 50% 40%,rgba(25,194,240,.35),transparent 60%),#061429!important;display:grid!important;place-items:center!important}
.ds-78557e{--ar:1.7/1;--bs:307%;--bp:21.2% 100%}
.ds-527ae5{margin-top:-44px!important}
.ds-b67d36{aspect-ratio:16/9!important;border-radius:20px!important;border:1px solid var(--line)!important;margin-bottom:24px!important}
.ds-dd8a8b{margin-top:8px!important}
.ds-a7fd65{aspect-ratio:4/3!important;border-radius:16px!important}
.ds-5029c3{margin-bottom:24px!important}
.ds-d16e3c .elementor-widget-container,.ds-d16e3c .elementor-widget-container>p,.ds-d16e3c .elementor-widget-container>span{font-size:18px!important}
.ds-726ff3{margin-top:32px!important}
.ds-d457f2{margin-bottom:10px!important}
.ds-d457f2 .elementor-heading-title{font-size:17px!important}
.ds-a47ba7 .elementor-heading-title{font-size:18px!important}
.ds-72d2fe{margin:8px 0 16px!important}
.ds-ad4378{width:100%!important}
.ds-51a106{display:grid!important;gap:20px!important}
.ds-a31af4{flex:1 1 440px!important;aspect-ratio:auto!important;min-height:320px!important;border-radius:0!important}
.ds-ac1bd7 .elementor-heading-title{font-size:30px!important}
.ds-d99ef9{flex:1 1 440px!important;padding:40px!important;justify-content:center!important}
.ds-dbd55a{flex-direction:row!important;flex-wrap:wrap!important;margin-bottom:40px!important}
.ds-4e85f8{margin-top:14px!important}
.ds-4e85f8 .elementor-heading-title{font-size:32px!important}
.ds-8cb7ed .elementor-heading-title{font-size:clamp(32px,3.6vw,48px)!important}
.ds-11bd5d{max-width:860px!important}
.ds-2f1370{padding-bottom:64px!important}
.ds-63316d{margin-bottom:20px!important}
.ds-803c9e{max-width:none!important;margin:0 0 24px!important}
.ds-944523{width:80px!important;flex:none!important;border-radius:50%!important}
.ds-7c1f96 .elementor-widget-container,.ds-7c1f96 .elementor-widget-container>p,.ds-7c1f96 .elementor-widget-container>span{font:600 17px 'Chakra Petch',sans-serif!important;color:#fff!important}
.ds-df517a{margin-top:4px!important}
.ds-6b679f{flex:1 1 280px!important}
.ds-68cbb0{margin-top:20px!important;display:flex!important;gap:20px!important;align-items:center!important;flex-wrap:wrap!important;flex-direction:row!important}
.ds-e9d977{display:grid!important;gap:20px!important;position:relative!important}


/* ===== Hikvision video block (Elementor Video widgets) ===== */
.vgrid{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;gap:32px!important;align-items:start!important}
.vmain,.vlist{min-width:0}
.vlist{display:grid!important;gap:16px!important}
.vitem{display:grid!important;grid-template-columns:168px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;padding:14px!important;border-radius:18px;border:1px solid rgba(25,194,240,.24);background:linear-gradient(165deg,rgba(25,194,240,.08),rgba(11,111,224,.03));transition:.25s}
.vitem:hover{border-color:#19C2F0;transform:translateX(4px)}
.vcap{padding:24px 4px 0!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.vtxt{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0}
.vtag{font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#19C2F0}
.vtxt .vtitle b{font:600 16px/1.3 'Chakra Petch','Manrope',sans-serif;color:#fff}
.vdesc{color:#A8BDD9;font-size:13px}
.vidframe{aspect-ratio:16/9!important;border-radius:20px!important;overflow:hidden;border:1px solid rgba(25,194,240,.24);background:#0A1F3D;box-shadow:0 0 0 1px rgba(25,194,240,.12),0 30px 80px -34px rgba(11,111,224,.7);padding:0!important}
.vitem .vidframe{border-radius:12px!important;box-shadow:none}
.vidframe .elementor-widget-container,.vidframe .elementor-wrapper{width:100%;height:100%;aspect-ratio:16/9}
.vidframe .elementor-custom-embed-image-overlay{height:100%;background-size:cover;background-position:center}
.vidframe .elementor-custom-embed-image-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,11,24,0) 55%,rgba(3,11,24,.55));pointer-events:none}
.vidframe .elementor-custom-embed-play{width:84px;height:84px;border-radius:50%;background:#FFB320;box-shadow:0 0 0 10px rgba(255,179,32,.18),0 0 40px rgba(255,179,32,.5);display:grid;place-items:center;opacity:1;transition:.25s}
.vidframe .elementor-custom-embed-play i,.vidframe .elementor-custom-embed-play svg{color:#1a1200;fill:#1a1200;font-size:28px;width:28px;height:28px;margin-left:4px;text-shadow:none;filter:none}
.vidframe:hover .elementor-custom-embed-play{transform:translate(-50%,-50%) scale(1.08)}
.vitem .vidframe .elementor-custom-embed-play{width:40px;height:40px;box-shadow:0 0 0 5px rgba(255,179,32,.18)}
.vitem .vidframe .elementor-custom-embed-play i,.vitem .vidframe .elementor-custom-embed-play svg{font-size:14px;width:14px;height:14px;margin-left:2px}
.vcap .tag{align-self:flex-start;width:auto!important}
.dr-vbtns{justify-content:center!important;margin-top:40px!important}
@media(max-width:960px){.vgrid{grid-template-columns:1fr!important}}
@media(max-width:560px){.vitem{grid-template-columns:120px minmax(0,1fr)!important;gap:12px!important}.vidframe .elementor-custom-embed-play{width:64px;height:64px}}