@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap";
body{color:#fff;background-image:url(/img/Blue_eclipse_background.png);background-position:top;background-repeat:no-repeat;background-size:contain;max-width:100vw;font-family:Arial,sans-serif;overflow-x:hidden}@media (max-width:768px){html,body{background-size:150%;max-width:100vw;margin:auto;overflow-x:hidden}:is(html,body) body{background-color:#0c121f;background-position:top;background-repeat:no-repeat}:is(html,body) main{width:100vw;height:100vh;margin:auto}:is(html,body) .typing_wrapper{align-items:center;align-items:top;margin-top:50vw;margin-left:0;margin-right:2vw;display:grid;top:35%}:is(html,body) .intro{text-align:center;justify-content:center;align-items:center;height:100vw;margin-top:0%;margin-left:1vw;margin-right:2vw;font-family:"Exo 2",sans-serif}:is(html,body) .typing-demo{white-space:nowrap;width:8ch;height:auto;font-family:Exo 2, sans-serif;border-right:3px solid;font-size:4vw;animation:2s steps(22,end) typing,.5s step-end infinite alternate blink;overflow:hidden}:is(html,body) .landing_text{height:130vw}:is(html,body) .logo{width:6vw;height:6vw;margin-right:10px}:is(html,body) .logo_container{align-items:center;padding-top:15px;padding-left:6vw;display:flex}:is(html,body) .logo_container p{color:#fff;align-items:flex-start;font-family:"Exo 2",sans-serif;font-size:3vw}:is(html,body) .glow_card body{text-align:center;height:calc(20vh + 16vw);color:#58c7fa cursor;border-radius:6px;justify-content:center;align-self:center;align-items:center;margin:auto;font-family:"Exo 2",sans-serif;font-size:1.5em;display:flex;position:relative;min-height:unset!important;box-sizing:border-box!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:85vw!important;max-width:90vw!important;height:auto!important;margin-left:5vw!important;margin-right:0!important;display:flex!important;overflow:visible!important}:is(html,body) .glow_card{width:var(--card-width);height:calc(40vh - (var(--card-width) * .05));text-align:center;color:#58c7fa cursor;background:#0c121f;border-radius:6px;justify-content:center;align-self:center;align-items:center;margin:10vh auto 0;padding:3px;font-family:"Exo 2",sans-serif;font-size:1.5em;display:flex;position:relative}}.logo{width:70px;height:70px;margin-right:10px}.logo_container{align-items:center;padding-top:16px;display:flex}.logo_container p{color:#fff;align-items:flex-start;font-family:"Exo 2",sans-serif}.main_header header{display:flex}.nav_btn{font-family:"Exo 2",sans-serif}.navigation{flex-direction:row;align-items:center;height:70px;font-family:"Exo 2",sans-serif;display:flex;position:absolute;top:0;right:3%}.main_header{width:auto  margin: 0 auto;align-items:center;padding:20px}.navigation nav{flex-direction:row;align-items:center;gap:10px;padding-top:40px;font-family:"Exo 2",sans-serif;display:flex}.navigation nav a{margin:0 3px;font-family:"Exo 2",sans-serif}.main_page{background-color:#0c121f}.navigation button{color:#e0ffff;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:15px;width:fit-content;padding:15px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:500;position:relative;overflow:hidden}.navigation button:active{transform:scale(.95)}.navigation button:before{content:"";z-index:-2;background:#42455a;font-family:"Exo 2",sans-serif;transition:inset .35s;position:absolute;inset:-3px 50px}.navigation button:hover:before{background:#00c2cb;font-family:"Exo 2",sans-serif;inset:-20px 0}.navigation button:after{content:"";z-index:-1;background:#22232e;border-radius:10px;position:absolute;inset:3px}.desktop-nav{display:flex}.mobile-burger{display:none}.overlay{z-index:1000;background-color:#0c172ee6;width:0;height:100%;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}.overlay-content{text-align:center;width:100%;position:relative;top:25%}.overlay a{color:#818181;padding:8px;font-size:36px;text-decoration:none;transition:all .3s;display:block}.overlay a:hover{color:#f1f1f1}.overlay .closebtn{font-size:50px;position:absolute;top:20px;right:35px}@media (max-width:768px){.desktop-nav{display:none}.mobile-burger{z-index:1;color:#14a7cc;display:block;position:absolute;top:20px;right:25px}.overlay a{font-size:28px}.overlay .closebtn{font-size:40px}}main{height:100vh}.landing_text{height:80vh}.typing_wrapper{place-items:center;margin-top:50vh;display:grid}.typing-demo{white-space:nowrap;width:8ch;font-family:Exo 2, sans-serif;border-right:3px solid;font-size:3em;animation:2s steps(22,end) typing,.5s step-end infinite alternate blink;overflow:hidden}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}.intro{text-align:center;justify-content:center;align-items:center;margin-top:75vh;margin-left:auto;font-family:"Exo 2",sans-serif}.intro h2 p{text-align:center;justify-content:center}video{width:100%}.background-video-container{width:100%;height:100vh;margin-left:0;margin-right:0;position:relative;overflow:hidden}.background-video-container:before{content:"";z-index:0;background:linear-gradient(#0000 50%,#0c121fcc 90%,#0c121f);position:absolute;inset:0}.background-video{object-fit:cover;opacity:1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.glass-overlay{-webkit-backdrop-filter:blur(8.7px);background:linear-gradient(#0c121f,#0c121fcc 30%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 4px 30px #0000001a}.content_main{z-index:1;position:relative}button{color:#e0ffff;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:15px;width:fit-content;padding:15px;font-size:1rem;font-weight:500;position:relative;overflow:hidden}button:active{transform:scale(.95)}button:before{content:"";z-index:-2;background:#42455a;transition:inset .35s;position:absolute;inset:-3px 50px}button:hover:before{background:#00c2cb;inset:-20px 0}button:after{content:"";z-index:-1;background:#22232e;border-radius:10px;position:absolute;inset:3px}:root{--bg:#22232e;--clr-1:#007ca1;--clr-2:#2b65bd;--clr-3:#40d9ff;--clr-4:#438b85;--blur:1rem;--fs:clamp(2rem, 8vw, 5rem);--ls:clamp(-1.75px, -.25vw, -3.5px)}body{background-color:var(--bg);color:#fff;font-family:Inter,DM Sans,Arial,sans-serif}*,:before,:after{box-sizing:border-box;font-family:inherit}.content{text-align:center}.changing_title{font-size:var(--fs);letter-spacing:var(--ls);background:var(--bg);margin:0;font-weight:800;position:relative;overflow:hidden}.aurora{z-index:2;mix-blend-mode:darken;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.clr{background-color:var(--clr-1);width:60vw;height:60vw;filter:blur(var(--blur));mix-blend-mode:overlay;border-radius:37% 29% 27% 27%/28% 25% 41% 37%;position:absolute;overflow:hidden}.clr:first-of-type{animation:6s ease-in-out infinite aurora-border,12s ease-in-out infinite alternate aurora-1;top:-50%}.clr:nth-of-type(2){background-color:var(--clr-3);animation:6s ease-in-out infinite aurora-border,12s ease-in-out infinite alternate aurora-2;top:0;right:0}.clr:nth-of-type(3){background-color:var(--clr-2);animation:6s ease-in-out infinite aurora-border,8s ease-in-out infinite alternate aurora-3;bottom:0;left:0}.clr:nth-of-type(4){background-color:var(--clr-4);animation:6s ease-in-out infinite aurora-border,24s ease-in-out infinite alternate aurora-4;bottom:-50%;right:0}@keyframes aurora-1{0%{top:0;right:0}50%{top:100%;right:75%}75%{top:100%;right:25%}to{top:0;right:0}}@keyframes aurora-2{0%{top:-50%;left:0%}60%{top:100%;left:75%}85%{top:100%;left:25%}to{top:-50%;left:0%}}@keyframes aurora-3{0%{bottom:0;left:0}40%{bottom:100%;left:75%}65%{bottom:40%;left:50%}to{bottom:0;left:0}}@keyframes aurora-4{0%{bottom:-50%;right:0}50%{bottom:0%;right:40%}90%{bottom:50%;right:25%}to{bottom:-50%;right:0}}@keyframes aurora-border{0%{border-radius:37% 29% 27% 27%/28% 25% 41% 37%}25%{border-radius:47% 29% 39% 49%/61% 19% 66% 26%}50%{border-radius:57% 23% 47% 72%/63% 17% 66% 33%}75%{border-radius:28% 49% 29% 100%/93% 20% 64% 25%}to{border-radius:37% 29% 27% 27%/28% 25% 41% 37%}}.snip1561{background:linear-gradient(90deg,#700877 0%,#27a9ff 100%,#2735ff 100%);width:100%;min-width:230px;max-width:315px;margin:10px;position:relative;overflow:hidden}.snip1561 img,.snip1561:before,.snip1561:after{box-sizing:border-box;transition:all .4s}.snip1561 img{backface-visibility:hidden;vertical-align:top;max-width:100%}.snip1561:before,.snip1561:after{content:"";z-index:1;opacity:0;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snip1561:before{width:60px;height:1px;left:100%}.snip1561:after{width:1px;height:60px;top:0%}.snip1561 a{z-index:1;position:absolute;inset:0}.snip1561:hover img,.snip1561.hover img{zoom:1;filter:alpha(opacity=50);-webkit-opacity:.5;opacity:.5}.snip1561:hover:before,.snip1561.hover:before,.snip1561:hover:after,.snip1561.hover:after{opacity:1;top:50%;left:50%}.service_container{text-align:center;flex-wrap:wrap;justify-content:center;width:100%;margin-top:20vh;margin-left:auto;margin-right:auto;display:flex;position:relative}.service_container .service_card{padding:10px;font-family:"Exo 2",sans-serif;position:relative}.service_container .service_card .face{width:300px;height:200px;transition:all .4s}.service_container .service_card .face.face1{z-index:1;background:#0c121f;place-content:center;align-items:center;display:flex;position:relative;transform:translateY(100px)}.service_container .service_card:hover .face.face1{transform:translateY(0);box-shadow:inset 0 0 60px #64d7fa9a,inset 20px 0 80px #62d0f1,inset -20px 0 80px #4f19a7,inset 20px 0 300px #3f24a1,inset -20px 0 300px #06092c,0 0 50px #00489bb7,-10px 0 80px #693ad6,10px 0 80px #06092c}.service_container .service_card .face.face1 .service_content{opacity:.2;text-align:center;transition:all .5s}.service_container .service_card:hover .face.face1 .service_content{opacity:1}.service_container .service_card .face.face1 .service_content i{color:#fff;font-size:3em;display:inline-block}.service_container .service_card .face.face1 .service_content h3{color:#fff;text-align:center;font-size:1em}.service_container .service_card .face.face1 .service_content a{transition:all .5s}.service_container .service_card .face.face2{box-sizing:border-box;background:#637381;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;transform:translateY(-100px);box-shadow:0 20px 50px #000c}.service_container .service_card:hover .face.face2{transform:translateY(0)}.service_container .service_card .face.face2 .service_content p,a{color:#0c121f;margin:0;padding:0;font-size:10pt}.service_container .service_card .face.face2 .service_content a{color:#000;box-sizing:border-box;outline:1px dashed #0c121f;margin:15px 0 0;padding:10px;text-decoration:none;display:inline-block}.service_container .service_card .face.face2 .service_content a:hover{color:#f5f5f5;background:#0c121f;box-shadow:inset 0 0 10px #00000080}.myElement:hover.fancy_shadow{box-shadow:inset 0 0 60px #f5f5f5,inset 20px 0 80px #0ff,inset -20px 0 80px #0ff,inset 20px 0 300px #04f,inset -20px 0 300px #4e00a7,0 0 50px #fff,-10px 0 80px #2f00ff,10px 0 80px #8400ff}@media (max-width:768px){.background-video-container{width:100%;height:auto;min-height:100vh;position:relative;overflow:hidden}.service_container .service_card .face{width:300px;height:200px;transition:all .4s}}.links_container{height:50vh}.links_container body{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal;background:#262626;margin:0;padding:0}.links_container ul{margin-top:150px;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.links_container ul li{margin:0 15px;list-style:none}.links_container ul li a{text-align:center;color:#666;background:#0c121f;border-radius:50%;width:60px;height:60px;font-size:30px;line-height:63px;transition:all .5s;display:block;position:relative}.links_container ul li a:before{content:"";z-index:-1;background:#0c121f;border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}.links_container ul li a:hover:before{transform:scale(1.1);box-shadow:0 0 15px #0096fa}.links_container ul li a:hover{color:#0096fa;text-shadow:0 0 5px #0096fa;box-shadow:0 0 5px #0096fa}@property --rotate{syntax:"<angle>";inherits:false;initial-value:132deg}:root{--card-height:65vh;--card-width:80%}.glow_card body{box-sizing:border-box;flex-direction:column;align-items:center;min-height:100vh;padding-top:2rem;padding-bottom:2rem;display:flex}.glow_card{width:var(--card-width);text-align:center;height:calc(20vh + 16vw);color:#58c7fa cursor;background:#0c121f;border-radius:6px;justify-content:center;align-self:center;align-items:center;margin:30vh auto 0;padding:3px;font-family:"Exo 2",sans-serif;font-size:1.5em;display:flex;position:relative}@media (min-width:1200px){.glow_card{margin-bottom:6vh}}.glow_card:hover{color:#21adee;transition:color 1s}.glow_card:before,.glow_card:after{opacity:0;transition:opacity .7s}.glow_card:hover:before,.glow_card:hover:after{opacity:1;animation:2.5s linear infinite spin}.glow_card:before{content:"";background-image:linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);z-index:-1;opacity:0;border-radius:8px;transition:opacity .7s;position:absolute;inset:-2px -2px -4px}.glow_card:after{content:"";top:calc(var(--card-height) / 6);z-index:-1;width:100%;height:100%;filter:blur(calc(var(--card-height) / 6));background-image:linear-gradient(var(--rotate) , #5ddcff, #3c67e3 43%, #4e00c2);margin:0 auto;position:absolute;left:0;right:0;transform:scale(.8)}@keyframes spin{0%{--rotate:0deg}to{--rotate:360deg}}.glow_card a{color:#212534;margin-top:2rem;font-family:sans-serif;font-weight:700;text-decoration:none}.why_us_main{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding-top:50vh;display:flex}.left-stack,.right-stack{flex-direction:column;gap:24px;display:flex}.f1,.f2,.f3,.f4,.f5{flex-direction:column;justify-content:center;align-items:center;display:flex}.f1{background-image:url(/img/Frames/f1.png);flex-shrink:0;width:384px;height:266px}.f2{background-image:url(/img/Frames/f2.png);flex-shrink:0;width:385px;height:202px}.f3{background-image:url(/img/Frames/f3.png);flex-shrink:0;width:384px;height:276px}.f4{background-image:url(/img/Frames/f4.png);flex-shrink:0;width:384px;height:337px}.f5{background-image:url(/img/Frames/f5.png);flex-shrink:0;width:384px;height:572px}.why_us_main h1,h2{color:#e0ffff;text-align:center;margin:10px 0;font-family:"Exo 2",sans-serif}.why_us_main p{color:#a8a8b1;text-align:center;margin:10px;font-size:1rem}@media (max-width:768px){.why_us_main{flex-direction:column;align-items:center;padding-top:5vh}.left-stack,.right-stack{align-items:center;width:100%}.f1,.f2,.f3,.f4,.f5{text-align:center;background-position:top;background-repeat:no-repeat;background-size:100%;flex-direction:column;justify-content:center;align-items:center;width:90vw;max-width:384px;padding:20px;display:flex}}.contact-form-container{justify-content:space-between;max-width:800px;margin:40vh auto 50px;display:flex}.get-in-touch,.contact-details{text-overflow:clip;border-radius:4px;width:45%;padding:20px;font-family:"Exo 2",sans-serif;box-shadow:0 0 10px #0000001a}.get-in-touch{background-color:#f5f5f500}.get-in-touch.card{color:#fef9c3;background:#0b111d;border:1px solid #000;border-radius:1rem;padding:3rem 1.5rem;position:relative;overflow:hidden}.get-in-touch.card:before{content:"";width:1000px;height:1000px;animation:rotating var(--spin-duration,16s) linear infinite;transform-origin:50%;pointer-events:none;background:conic-gradient(#fff9,#0000,#0000,#ffffff4d,#0000,#0000,#fff9);position:absolute;top:50%;left:50%}.get-in-touch.card:after{content:"";background:inherit;z-index:1;pointer-events:none;border-radius:.8rem;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.get-in-touch .card-content{z-index:10;text-align:center;position:relative}@keyframes rotating{0%{transform:translate(-500px,-500px)rotate(0)}to{transform:translate(-500px,-500px)rotate(360deg)}}.input-field{box-sizing:border-box;color:#eee;background-color:#ffffff2c;border:1px solid #cccccc98;border-radius:4px;outline:none;width:100%;margin-bottom:10px;padding:10px;font-family:"Exo 2",sans-serif}.textarea{resize:none;height:100px}.get-in-touch button{color:#fff;cursor:pointer;background-color:#09f;border:none;border-radius:4px;padding:10px 15px}.contact-details{color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal;background-color:#212534;padding:auto}.icon{margin-right:10px}.contact-details p{padding:16px}@media (max-width:768px){.contact-form-container{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:6vw!important;width:90vw!important;max-width:none!important;margin:40px auto 0!important;padding-left:4vw!important;padding-right:4vw!important}.get-in-touch,.contact-details{box-sizing:border-box;width:100%!important;margin:0!important}ul.product-list li.active-vertical{z-index:2;min-height:50vh!important;max-height:none!important;box-shadow:none!important;filter:none!important;background:#212534!important;overflow:visible!important}ul.product-list li article p{margin:0;padding-bottom:10px;position:absolute;bottom:38px;left:13px;right:13px;background:0 0!important;width:75vw!important;max-width:75vw!important}}