@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,1000&family=Gabarito:wght@400;500;600;700;800;900&family=Hanken+Grotesk:wght@100;200;300;400;500;600;700;800;900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Kumbh+Sans:wght@400;700&family=Lato:wght@100;300;400;700;900&family=League+Spartan:wght@500;600;700&family=Manrope:wght@800&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@100;300;400;500;700;900&family=Overpass:wght@400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,800&family=Raleway:wght@100;200;300;500;600;700;800&family=Roboto:wght@400;700&family=Rubik:wght@400;500;700&family=Sora:wght@100;200;300;400;500;600;700;800&family=Ubuntu:wght@400;500;700&family=Work+Sans:wght@100;200;300;400;500;700;800&display=swap";body{overflow-x:hidden;font-family:Gabarito,sans-serif;background-color:#f9f6f0;color:#0b0b0b}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.mainImg{width:100vw;height:100vh;margin-top:-60px}.desc{margin-top:-400px;margin-left:370px;position:absolute}.desc p{margin-top:20px;color:#fff;font-size:30px}.cyber-head{position:absolute;margin-top:400px;width:1000px;background-color:#639}body{margin:0;background-color:#f4f4f4;font-family:Poppins}:root{--item1-transform: translateX(-100%) translateY(-5%) scale(1.5);--item1-filter: blur(30px);--item1-zIndex: 11;--item1-opacity: 0;--item2-transform: translateX(0);--item2-filter: blur(0px);--item2-zIndex: 10;--item2-opacity: 1;--item3-transform: translate(50%,10%) scale(.8);--item3-filter: blur(10px);--item3-zIndex: 9;--item3-opacity: 1;--item4-transform: translate(90%,20%) scale(.5);--item4-filter: blur(30px);--item4-zIndex: 8;--item4-opacity: 1;--item5-transform: translate(120%,30%) scale(.3);--item5-filter: blur(40px);--item5-zIndex: 7;--item5-opacity: 0}header{width:1140px;max-width:90%;display:flex;justify-content:space-between;margin:auto;height:50px;align-items:center}header .logo{font-weight:700}header nav a{margin-left:30px;text-decoration:none;color:#555;font-weight:500}.carousel{position:relative;height:100vh;overflow:hidden;margin-top:-50px}.carousel .list{position:absolute;width:1140px;max-width:90%;height:80%;left:50%;transform:translate(-50%)}.carousel .list .item{position:absolute;left:0%;width:70%;height:100%;font-size:15px;transition:left .5s,opacity .5s,width .5s}.carousel .list .item:nth-child(n+6){opacity:0}.carousel .list .item:nth-child(2){z-index:10;transform:translate(0)}.carousel .list .item img{width:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:right 1.5s}.carousel .list .item .introduce{opacity:0;pointer-events:none}.carousel .list .item:nth-child(2) .introduce{opacity:1;pointer-events:auto;width:400px;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .5s}.carousel .list .item .introduce .title{font-size:2em;font-weight:500;line-height:1em}.carousel .list .item .introduce .topic{font-size:4em;font-weight:500}.carousel .list .item .introduce .des{font-size:small;color:#5559}.carousel .list .item .introduce .seeMore{font-family:Poppins;margin-top:1.2em;padding:5px 0;border:none;border-bottom:1px solid #555;background-color:transparent;font-weight:700;letter-spacing:3px;transition:background .5s}.carousel .list .item .introduce .seeMore:hover{background:#eee}.carousel .list .item:nth-child(1){transform:var(--item1-transform);filter:var(--item1-filter);z-index:var(--item1-zIndex);opacity:var(--item1-opacity);pointer-events:none}.carousel .list .item:nth-child(3){transform:var(--item3-transform);filter:var(--item3-filter);z-index:var(--item3-zIndex)}.carousel .list .item:nth-child(4){transform:var(--item4-transform);filter:var(--item4-filter);z-index:var(--item4-zIndex)}.carousel .list .item:nth-child(5){transform:var(--item5-transform);filter:var(--item5-filter);opacity:var(--item5-opacity);pointer-events:none}.carousel .list .item:nth-child(2) .introduce .title,.carousel .list .item:nth-child(2) .introduce .topic,.carousel .list .item:nth-child(2) .introduce .des,.carousel .list .item:nth-child(2) .introduce .seeMore{opacity:0;animation:showContent .5s 1s ease-in-out 1 forwards}@keyframes showContent{0%{transform:translateY(-30px);filter:blur(10px)}to{transform:translateY(0);opacity:1;filter:blur(0px)}}.carousel .list .item:nth-child(2) .introduce .topic{animation-delay:1.2s}.carousel .list .item:nth-child(2) .introduce .des{animation-delay:1.4s}.carousel .list .item:nth-child(2) .introduce .seeMore{animation-delay:1.6s}.carousel.next .item:nth-child(1){animation:transformFromPosition2 .5s ease-in-out 1 forwards}@keyframes transformFromPosition2{0%{transform:var(--item2-transform);filter:var(--item2-filter);opacity:var(--item2-opacity)}}.carousel.next .item:nth-child(2){animation:transformFromPosition3 .7s ease-in-out 1 forwards}@keyframes transformFromPosition3{0%{transform:var(--item3-transform);filter:var(--item3-filter);opacity:var(--item3-opacity)}}.carousel.next .item:nth-child(3){animation:transformFromPosition4 .9s ease-in-out 1 forwards}@keyframes transformFromPosition4{0%{transform:var(--item4-transform);filter:var(--item4-filter);opacity:var(--item4-opacity)}}.carousel.next .item:nth-child(4){animation:transformFromPosition5 1.1s ease-in-out 1 forwards}@keyframes transformFromPosition5{0%{transform:var(--item5-transform);filter:var(--item5-filter);opacity:var(--item5-opacity)}}.carousel.prev .list .item:nth-child(5){animation:transformFromPosition4 .5s ease-in-out 1 forwards}.carousel.prev .list .item:nth-child(4){animation:transformFromPosition3 .7s ease-in-out 1 forwards}.carousel.prev .list .item:nth-child(3){animation:transformFromPosition2 .9s ease-in-out 1 forwards}.carousel.prev .list .item:nth-child(2){animation:transformFromPosition1 1.1s ease-in-out 1 forwards}@keyframes transformFromPosition1{0%{transform:var(--item1-transform);filter:var(--item1-filter);opacity:var(--item1-opacity)}}.carousel .list .item .detail{opacity:0;pointer-events:none}.carousel.showDetail .list .item:nth-child(3),.carousel.showDetail .list .item:nth-child(4){left:100%;opacity:0;pointer-events:none}.carousel.showDetail .list .item:nth-child(2){width:100%}.carousel.showDetail .list .item:nth-child(2) .introduce{opacity:0;pointer-events:none}.carousel.showDetail .list .item:nth-child(2) img{right:50%}.carousel.showDetail .list .item:nth-child(2) .detail{opacity:1;width:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);text-align:right;pointer-events:auto}.carousel.showDetail .list .item:nth-child(2) .detail .title{font-size:4em}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{display:flex;gap:10px;width:100%;border-top:1px solid #5553;margin-top:20px}.carousel.showDetail .list .item:nth-child(2) .detail .specifications div{width:90px;text-align:center;flex-shrink:0}.carousel.showDetail .list .item:nth-child(2) .detail .specifications div p:nth-child(1){font-weight:700}.carousel.carousel.showDetail .list .item:nth-child(2) .checkout button{font-family:Poppins;background-color:transparent;border:1px solid #5555;margin-left:5px;padding:5px 10px;letter-spacing:2px;font-weight:500}.carousel.carousel.showDetail .list .item:nth-child(2) .checkout button:nth-child(2){background-color:#693eff;color:#eee}.carousel.showDetail .list .item:nth-child(2) .detail .title,.carousel.showDetail .list .item:nth-child(2) .detail .des,.carousel.showDetail .list .item:nth-child(2) .detail .specifications,.carousel.showDetail .list .item:nth-child(2) .detail .checkout{opacity:0;animation:showContent .5s 1s ease-in-out 1 forwards}.carousel.showDetail .list .item:nth-child(2) .detail .des{animation-delay:1.2s}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{animation-delay:1.4s}.carousel.showDetail .list .item:nth-child(2) .detail .checkout{animation-delay:1.6s}.arrows{position:absolute;bottom:10px;width:1140px;max-width:90%;display:flex;justify-content:space-between;left:50%;transform:translate(-50%)}#prev,#next{width:40px;height:40px;border-radius:50%;font-family:monospace;border:1px solid #5555;font-size:large;bottom:20%;left:10%}#next{left:unset;right:10%}#back{position:absolute;z-index:100;bottom:0%;left:50%;transform:translate(-50%);border:none;border-bottom:1px solid #555;font-family:Poppins;font-weight:700;letter-spacing:3px;background-color:transparent;padding:10px;transition:opacity .5s}.carousel.showDetail #back{opacity:1}.carousel.showDetail #prev,.carousel.showDetail #next{opacity:0;pointer-events:none}.carousel:before{width:500px;height:300px;content:"";background-image:linear-gradient(70deg,#dc422a,#00f);position:absolute;z-index:-1;border-radius:20% 30% 80% 10%;filter:blur(150px);top:50%;left:50%;transform:translate(-10%,-50%);transition:1s}.carousel.showDetail:before{transform:translate(-100%,-50%) rotate(90deg);filter:blur(130px)}@media screen and (max-width: 991px){.carousel .list .item{width:90%}.carousel.showDetail .list .item:nth-child(2) .detail .specifications{overflow:auto}.carousel.showDetail .list .item:nth-child(2) .detail .title{font-size:2em}}@media screen and (max-width: 767px){.carousel{height:600px}.carousel .list .item{width:100%;font-size:10px}.carousel .list{height:100%}.carousel .list .item:nth-child(2) .introduce{width:50%}.carousel .list .item img{width:40%}.carousel.showDetail .list .item:nth-child(2) .detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:small}.carousel .list .item:nth-child(2) .introduce .des,.carousel.showDetail .list .item:nth-child(2) .detail .des{height:100px;overflow:auto}.carousel.showDetail .list .item:nth-child(2) .detail .checkout{display:flex;width:max-content;float:right}}.partern{position:absolute;width:400px;margin-top:200px;margin-left:-10px;font-size:30px}.parternP{position:absolute;width:400px;margin-top:300px;font-size:30px;font-weight:600;color:#147cb3;margin-left:-15px}.title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:600;font-size:20px;text-align:center;margin-top:120px;width:200px}main{width:min(1200px,90vw);margin:auto}.slider{width:100%;height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10% 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10% 90%,transparent)}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 10s linear infinite;transition:filter .5s;animation-delay:calc((10s / var(--quantity)) * (var(--position) - 1) - 10s)!important}.slider .list .item img{width:100%}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.slider[reverse=true] .item{animation:reversePlay 10s linear infinite}@keyframes reversePlay{0%{left:calc(var(--width) * -1)}to{left:100%}}.mainImg{background-color:#00336c}.mainImg img{height:120vh;margin-top:70px;margin-left:-140px}::-webkit-scrollbar{display:none}*{padding:0;margin:0}.desc{margin-top:-500px;margin-left:170px;position:absolute}.desc h1{font-size:40px;color:#fff}.desc p{margin-top:20px;color:#fff;font-size:18px;width:550px;text-align:start}.scrollImg1{height:100vh;width:70%;margin-left:430px;margin-top:-100px}.panel h1,p{color:#000;position:absolute;margin-top:-400px}.btn{margin-top:-330px;margin-left:-580px;width:120px;height:40px;position:absolute}.cyber-head{position:absolute;margin-top:400px;width:1000px;justify-content:space-evenly}.cyber-head h1{margin-top:-550px;margin-left:200px;width:700px;text-align:start}.cyber-head p{width:680px;margin-top:-450px;margin-left:200px;text-align:start}.cyber{display:flex}.cyber h1{font-size:20px;color:#000;margin-top:-1px;margin-left:20px}.cyberImg{width:350px;height:220px}.dataDesc{margin-left:200px}.dataDesc h1{margin-top:-150px}.dataDesc p{margin-top:-100px;width:550px;text-align:start}.dataScience{height:100vh;width:60%;margin-top:-180px;margin-left:600px}p{font-size:20px}a{text-decoration:none;color:#0b0b0b;border:1px solid #4b4b4b;padding:.5em 1em;border-radius:50px;transition:.3s}a:hover{scale:1.1;transition:.3s}.title{text-decoration:none;border:1px solid #f9f6f0;padding:.5em 1em;border-radius:50px;transition:.3s;width:fit-content}.hero,.footer{height:100vh;display:flex;justify-content:center;align-items:center;padding:100px;box-sizing:border-box;flex-grow:1;position:relative}.credits{position:absolute;bottom:100px;left:100px;right:100px;display:flex;justify-content:space-between;align-items:center}.description>p{margin:50px 0}.container{width:400vw;min-height:100vh;margin-top:-32px;margin-left:-43px;display:flex;flex-wrap:nowrap}.panel{width:100vw;height:100%;padding:100px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex-grow:1;gap:50px}.javascript{display:flex;gap:50px;margin-top:50px}.panel:nth-of-type(1){background-color:#fff}.panel:nth-of-type(2){background-color:#fff}.panel:nth-of-type(3){background-color:#fff}.panel:nth-of-type(4){background-color:#fff}@media screen and (max-width: 800px){.container{display:block!important;width:fit-content!important}.panel{padding:25px!important;min-height:100vh!important;flex-direction:column;gap:0px!important}svg{display:none}.hero,.footer{padding:25px!important}.title{text-decoration:none;border:none!important;padding:0!important}.credits{bottom:25px!important;left:25px!important;right:25px!important}}@media screen and (max-width: 900px){.javascript{flex-direction:column}svg{display:none}.panel{gap:0!important}}.card{border:2px solid lightgray}.companySpan{color:#147cb3;font-size:40px}.card img{width:150px;height:200px}.cloudImg{display:flex;justify-content:space-evenly}.cloudImg img{margin:20px;width:350px;height:220px}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}