:root{--primaryColor:#001a44;--secondaryColor:#ca00d3;--blueLight:#00ecff;--greyColor:#384861;--blackColor:#0c0b0b;--whiteColor:#e1eaf9;--linearBg:linear-gradient(30deg, #0B0F16, #012059 50%, var(--primaryColor));--shadowbg:#0000005c;--duration:0.3s ease-in-out;--maxWidth:1200px;--raduis:10px;--headerHeight:80px;--headerColor:transparent}.--svg-fill{transition:all var(--duration)}.--svg-stroke{transition:all var(--duration)}a{transition:all var(--duration)}a span{transition:all var(--duration)}h2{color:var(--blackColor);font-weight:700;transition:all var(--duration);text-transform:capitalize;position:relative;text-align:left;padding:10px 5px}h2:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;border-radius:5px;height:3px;background-color:var(--secondaryColor)}@keyframes rotate{0%,100%{transform:rotate(10deg) translateY(-50%)}50%{transform:rotate(11deg) translateY(-45%)}}@keyframes rotateleft{0%,100%{transform:rotate(30deg)}50%{transform:rotate(35deg)}}body main .hero{background-color:var(--blackColor);min-height:100vh;width:100vw;position:relative;margin-bottom:0;overflow:hidden;padding-top:calc(var(--headerHeight) - 20px)}body main .hero #particles-js{position:absolute;inset:0;width:100%;height:100%;z-index:5}body main .hero .--svg-u{position:absolute;left:-20%;top:50%;transform:rotate(10deg) translateY(-50%);width:100%;max-width:500px;animation:rotate 4s ease-in-out infinite}body main .hero .--svg-r{position:absolute;right:0;bottom:0;width:100%;max-width:300px;animation:rotateleft 4s ease-in-out infinite}body main .hero>img{position:absolute;max-width:400px;right:0;top:0;width:100%;object-fit:contain}body main .hero article{height:100%;display:flex;flex-direction:column;gap:50px;max-width:800px;align-items:center;justify-content:center;text-align:center;z-index:10;position:relative;margin-top:50px}body main .hero article>span{color:var(--whiteColor);font-size:3rem}body main .about{margin-block:0}body main .about article{width:100%;display:grid;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 50px;position:relative;overflow:visible;grid-template-columns:1fr;justify-items:center}body main .about article>div{width:100%;max-width:600px}body main .about-left{position:relative}body main .about-left img{width:100%;object-fit:contain;border-radius:var(--raduis)}body main .about-left .bg{position:absolute;left:-100px;top:-50px;max-width:350px;width:100%;object-fit:contain}body main .about-left._why .bg{left:unset;right:-100px}body main .about-right{display:flex;flex-direction:column;gap:30px;align-items:flex-start;justify-content:flex-start}body main .why{padding-block:20px;background:linear-gradient(to right,var(--blackColor),var(--primaryColor));position:relative;margin-bottom:0;overflow:hidden}body main .why>img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:5;inset:0;mix-blend-mode:difference;opacity:.5}body main .why>svg{position:absolute;inset:0;width:100%;height:100%}body main .why article{min-height:500px;display:flex;align-items:flex-start;justify-content:center;gap:50px 100px;z-index:10;position:relative;flex-wrap:wrap;overflow:visible}body main .why article h2{color:var(--whiteColor)}body main .why article>div{width:100%}body main .why-left{padding-top:50px;display:flex;flex-direction:column;gap:20px;max-width:500px}body main .why-left h2{width:fit-content}body main .why-left p{font-size:1.2rem;text-align:left;color:var(--whiteColor)}body main .why-main{max-width:400px;width:100%;aspect-ratio:1;position:relative}body main .why-main .big-circle{height:100%;width:100%;position:relative;border:3px solid var(--whiteColor);border-radius:50%;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;animation:Rotate 20s linear infinite;-webkit-animation:Rotate 20s linear infinite}body main .why-main .icon-block{width:64px;height:64px;position:absolute;border-radius:50%;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;background-image:linear-gradient(180deg,var(--primaryColor) 0,var(--primaryColor) 100%);box-shadow:0 2px 4px 0 #3e5ada36;-webkit-box-shadow:0 2px 4px 0 #3e5ada36;padding:10px}body main .why-main .icon-block img,body main .why-main .icon-block svg{margin:0 auto;width:100%;animation:Rotate-reverse 20s linear infinite;-webkit-animation:Rotate-reverse 20s linear infinite}body main .why-main .--svg-fill{fill:var(--whiteColor)}body main .why-main .--svg-stroke{stroke:var(--whiteColor)}body main .why-main .icon-block:first-child{top:0;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}body main .why-main .icon-block:nth-child(2){top:50%;right:0;transform:translate(50%,-50%);-webkit-transform:translate(50%,-50%)}body main .why-main .icon-block:nth-child(3){bottom:0;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%)}body main .why-main .icon-block:nth-child(4){top:50%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}body main .why-main .circle{animation:circle-rotate 20s linear infinite;-webkit-animation:circle-rotate 20s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);width:75%;height:75%;border:3px solid var(--whiteColor);border-radius:50%}body main .why-main .circle .icon-block svg{animation:img-rotate 20s linear infinite;-webkit-animation:img-rotate 20s linear infinite}body main .why-main .center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}body main .why-main .center-logo svg{max-width:100px;width:100%}body main .services article{display:flex;flex-direction:column;gap:50px;align-items:center;justify-content:center}body main .services-header{display:flex;align-items:flex-start;justify-content:center}body main .services-header h2{width:fit-content;text-align:center;margin-inline:auto}body main .services-header>div{display:flex;flex-direction:column;gap:20px}body main .services-header>div>span{font-size:2rem;color:var(--blackColor);text-align:center}body main .services-list{display:flex;align-items:stretch;justify-content:center;gap:30px;flex-wrap:wrap}body main .services ._desktop{display:none;align-items:center}body main .services ._mobile{display:block}body main .partner{background:linear-gradient(to right,var(--blackColor),var(--primaryColor));margin-bottom:0;position:relative}body main .partner .--svg-u{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:300px;z-index:5;mix-blend-mode:hard-light}body main .partner article{display:flex;flex-direction:column;gap:50px;max-width:700px;min-height:350px;justify-content:center;align-items:center;position:relative;z-index:10}body main .partner article h2{color:var(--whiteColor)}body main .partner-list{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:30px}@media only screen and (min-width:900px){body main .about article{grid-template-columns:1fr 1fr}}@media only screen and (min-width:770px){body main .hero{padding-top:calc(var(--headerHeight) + 50px)}body main .services article{justify-content:space-between}body main .services-header{align-items:center;justify-content:space-between;width:100%}body main .services-header h2{width:fit-content;text-align:left;margin-inline:unset}body main .services-header>div>span{text-align:left}body main .services-list{justify-content:flex-start}body main .services ._desktop{display:flex}body main .services ._mobile{display:none}}@keyframes Rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes Rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes Rotate-reverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}@-webkit-keyframes Rotate-reverse{from{-webkit-transform:rotate(360deg)}to{-webkit-transform:rotate(0)}}@keyframes circle-rotate{from{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}@-webkit-keyframes circle-rotate{from{-webkit-transform:translate(-50%,-50%) rotate(45deg)}to{-webkit-transform:translate(-50%,-50%) rotate(405deg)}}@keyframes img-rotate{from{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@-webkit-keyframes img-rotate{from{-webkit-transform:rotate(-45deg)}to{-webkit-transform:rotate(-405deg)}}