:where(.elementor-widget-entel-slider-hero) .hero-tech-slider{
--bg-base:#010308;--neon-cyan:#00f3ff;--neon-magenta:#ff00ea;
--glass-panel:rgba(2,6,18,.6);--text-main:#fff;--text-sub:#b3c5e0;
--font-primary:'Orbitron',sans-serif;--font-secondary:'Rajdhani',sans-serif;
--slide-duration:7s;--slider-height:100vh;--title-size:3.5rem;--desc-size:1.25rem;
--tag-size:.8rem;--coord-size:.8rem;--hud-width:750px;--hud-height:auto;
--hud-padding:60px 50px;--spacing-items:15px;--btn-font-size:1rem;--btn-padding:15px 35px;
container-type:inline-size;position:relative;background:var(--bg-base);overflow:hidden;
font-family:var(--font-secondary);margin:auto;width:100%;height:var(--slider-height);isolation:isolate;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider *{box-sizing:border-box}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide{position:absolute;inset:0;visibility:hidden;z-index:1}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active{visibility:visible;z-index:2}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.exit{visibility:visible;z-index:3}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .bg-image{
position:absolute;inset:-5%;width:110%;height:110%;background-size:cover;background-position:center;
opacity:0;filter:blur(20px) grayscale(50%);transform:scale(1.2);
transition:opacity .8s ease,filter 1.5s ease,transform 8s linear;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active .bg-image{opacity:.5;filter:blur(0) grayscale(0);transform:scale(1)}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.exit .bg-image{opacity:0;filter:blur(10px);transform:scale(1.05)}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .radar-pulse{
position:absolute;inset:0;z-index:2;pointer-events:none;
background:radial-gradient(circle at 50% 50%,rgba(0,243,255,.15) 0%,transparent 60%);
animation:pulseGlow 4s ease-in-out infinite alternate;
}
@keyframes pulseGlow{0%{opacity:.3;transform:scale(.9)}100%{opacity:.7;transform:scale(1.2)}}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .hex-grid{
position:absolute;inset:0;z-index:3;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg width='40' height='69.28203230275509' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 17.32050807568877l-20 11.547005383792516L0 17.32050807568877 0 40.41451884327381l20 11.547005383792516 20-11.547005383792516z' stroke='rgba(0, 243, 255, 0.05)' stroke-width='1' fill='none'/%3E%3C/svg%3E");
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .content-layer{
position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 8%;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .hud-box{
position:relative;width:var(--hud-width);height:var(--hud-height);max-width:100%;padding:var(--hud-padding);
background:var(--glass-panel);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
box-shadow:0 30px 60px rgba(0,0,0,.8),inset 0 0 30px rgba(0,243,255,.05);
animation:floatHUD 4s ease-in-out infinite alternate;transition:transform .3s ease,opacity .3s ease;
}
@keyframes floatHUD{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .svg-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .svg-frame rect,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .svg-frame polyline{
fill:none;stroke:var(--neon-cyan);stroke-width:2;stroke-dasharray:3000;stroke-dashoffset:3000;transition:stroke .3s;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active .svg-frame rect,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active .svg-frame polyline{
animation:drawSVG 1.5s cubic-bezier(.2,1,.3,1) forwards .2s;
}
@keyframes drawSVG{to{stroke-dashoffset:0}}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .text-wrap{overflow:hidden;margin-bottom:var(--spacing-items)}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .tag-wrap{
display:inline-flex;align-items:center;gap:10px;padding:5px 15px;background:rgba(0,243,255,.1);
border-left:3px solid var(--neon-cyan);transform:translateX(-100%);opacity:0;transition:border-color .3s,background .3s;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .tag{
font-family:var(--font-primary);color:var(--neon-cyan);font-size:var(--tag-size);letter-spacing:3px;
font-weight:700;transition:color .3s;margin:0;line-height:1;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .title{
font-family:var(--font-primary);font-size:var(--title-size);line-height:1.1;color:var(--text-main);font-weight:900;
position:relative;transform:translateY(100%);opacity:0;text-shadow:0 0 20px rgba(0,243,255,.4);transition:text-shadow .3s;margin:0;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .title span{color:var(--neon-cyan);transition:color .3s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .desc{
font-family:var(--font-secondary);font-size:var(--desc-size);color:var(--text-sub);line-height:1.6;font-weight:500;
transform:translateY(50px);opacity:0;margin:0;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn{
display:inline-flex;margin-top:5px;padding:var(--btn-padding);font-family:var(--font-primary);font-size:var(--btn-font-size);
font-weight:800;color:#010308;text-transform:uppercase;text-decoration:none!important;letter-spacing:2px;
position:relative;cursor:pointer;z-index:1;transform:translateY(50px);opacity:0;border:0;outline:0;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .btn-glow,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .btn-bg{
position:absolute;inset:0;background:var(--btn-color);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .btn-glow{z-index:-3;filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .btn-bg{z-index:-2;transition:opacity .3s ease}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .btn-core-dark,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .scan-layer{
position:absolute;inset:2px;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);
opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .btn-core-dark{background:rgba(1,3,8,.95);z-index:-1}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .scan-layer{
background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--btn-color) 2px,var(--btn-color) 4px);
background-size:100% 10px;z-index:0;pointer-events:none;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn .btn-text{position:relative;z-index:2;transition:color .3s ease,letter-spacing .3s ease,text-shadow .3s ease;color:#010308}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:hover .btn-glow,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:focus-visible .btn-glow{opacity:.8;visibility:visible}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:hover .btn-core-dark,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:focus-visible .btn-core-dark{opacity:1;visibility:visible}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:hover .scan-layer,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:focus-visible .scan-layer{opacity:.15;visibility:visible;animation:cyberScan 1s linear infinite}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:hover .btn-text,
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn:focus-visible .btn-text{color:var(--btn-color);text-shadow:0 0 8px var(--btn-color);letter-spacing:4px}
@keyframes cyberScan{0%{background-position:0 0}100%{background-position:0 10px}}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active .tag-wrap{animation:slideInX .6s cubic-bezier(.16,1,.3,1) forwards .5s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active .title{animation:slideInY .5s cubic-bezier(.16,1,.3,1) forwards .7s,glitchText .4s steps(2) forwards .7s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active .desc{animation:slideInY .6s cubic-bezier(.16,1,.3,1) forwards .9s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.active .cyber-btn{animation:slideInY .6s cubic-bezier(.16,1,.3,1) forwards 1.1s}
@keyframes slideInX{to{transform:translateX(0);opacity:1}}
@keyframes slideInY{to{transform:translateY(0);opacity:1}}
@keyframes glitchText{0%{text-shadow:3px 0 var(--neon-magenta),-3px 0 var(--neon-cyan);filter:blur(2px)}50%{text-shadow:-3px 0 var(--neon-magenta),3px 0 var(--neon-cyan);filter:blur(1px)}100%{text-shadow:0 0 20px rgba(0,243,255,.4);filter:blur(0)}}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.exit .tag-wrap{animation:fadeOut .3s forwards 0s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.exit .title{animation:fadeOut .3s forwards .1s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.exit .desc{animation:fadeOut .3s forwards .2s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.exit .cyber-btn{animation:fadeOut .3s forwards .25s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .slide.exit .hud-box{animation:fadeOut .4s forwards .3s}
@keyframes fadeOut{to{opacity:0;transform:translateY(-20px);filter:blur(5px)}}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .pagination-container{position:absolute;bottom:50px;left:8%;z-index:20;display:flex;gap:10px;align-items:center}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .data-block{
width:30px;height:6px;background:rgba(255,255,255,.1);transform:skewX(-30deg);cursor:pointer;
position:relative;overflow:hidden;transition:width .3s ease;outline:none;
}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .data-block.active{width:80px}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .data-block:focus-visible{box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--neon-cyan)}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .data-block .fill{position:absolute;top:0;left:0;width:0;height:100%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);transition:background .3s,box-shadow .3s}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .data-block.active .fill{animation:fillData var(--slide-duration) linear forwards}
@keyframes fillData{100%{width:100%}}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .coord-text{font-family:var(--font-primary);color:var(--neon-cyan);font-size:var(--coord-size);margin-left:15px;letter-spacing:2px;transition:color .3s}
@container (max-width:1024px){
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .hud-box{padding:var(--hud-padding,40px)}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .title{font-size:min(var(--title-size),calc(3.5rem * .85))}
}
@container (max-width:768px){
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .title{font-size:min(var(--title-size),calc(3.5rem * .75))}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .desc{font-size:min(var(--desc-size),calc(1.25rem * .9))}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .hud-box{padding:var(--hud-padding,30px);width:100%!important}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .content-layer{padding:0 5%}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .pagination-container{left:5%;bottom:30px}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .data-block.active{width:50px}
}
@container (max-width:480px){
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .title{font-size:min(var(--title-size),calc(3.5rem * .55));line-height:1.2}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .desc{font-size:min(var(--desc-size),calc(1.25rem * .8));line-height:1.4}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .tag{font-size:min(var(--tag-size),calc(.8rem * .8))}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .hud-box{padding:var(--hud-padding,25px 20px)}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .cyber-btn{padding:var(--btn-padding,12px 20px);font-size:min(var(--btn-font-size),calc(1rem * .8))}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .data-block.active{width:40px}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .coord-text{font-size:min(var(--coord-size),.65rem);margin-left:10px}
:where(.elementor-widget-entel-slider-hero) .hero-tech-slider .content-layer{padding:0 20px}
}