.page_div__B7Hfo{display:flex;flex-direction:column}.globalError{display:flex;flex-direction:row;padding:0 50px;gap:20px;height:40px;font-size:14px;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:3;background-color:#e02d33;color:#fff;box-sizing:border-box;top:-45px;opacity:0;transition:all .3s}.globalError.visible{opacity:1;top:0}.globalError>.icon{width:15px;display:flex;align-items:center;justify-content:center}.globalError>.message{flex:1 1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0}.globalError>.close{margin-left:auto;cursor:pointer;height:40px;width:40px;display:flex;align-items:center;justify-content:center;background-color:#e02d33;transition:all .2s;-webkit-tap-highlight-color:transparent}.globalError>.close:hover{background-color:#e7575c}@media only screen and (max-width:767px){.globalError{padding:0 20px;gap:15px}}nav{position:absolute;top:30px;left:30px;width:calc(100% - 60px);display:flex;justify-content:space-between;box-sizing:border-box;border-radius:100px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:2;background-color:hsla(0,0%,100%,.5);color:#0064e8;font-size:16px;padding:8px;font-weight:700}nav .name{font-family:Reem Kufi,sans-serif}nav>div{padding:12px 30px}nav>.calltoaction{display:flex;gap:10px;align-items:center;color:#fff;background-color:#0064e8;border-radius:100px;cursor:pointer}@media only screen and (max-width:1439px){nav{top:20px;left:20px;width:calc(100% - 40px)}}@media only screen and (max-width:550px){nav{top:15px;left:15px;width:calc(100% - 30px)}}@media only screen and (max-width:380px){nav>div{padding:12px calc(7.3dvw - 3.36px)}}.contact{padding:100px;color:#fff;display:flex;justify-content:center;position:relative}.contact .planet{position:absolute;z-index:-1;width:1280px}.contact .container{position:relative;width:700px}.contact .container .card{border-radius:52px;background-color:hsla(0,0%,100%,.9);padding:70px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:0 7px 30px rgba(0,0,0,.05);z-index:1}.contact .container .card header{display:flex;flex-direction:column;align-items:center;text-align:center}.contact .container .card header h2{color:#000;font-size:40px;margin-bottom:0;margin-top:0}.contact .container .card header p{color:#405b80;font-size:16px;font-weight:medium;line-height:19px;max-width:470px}.contact .container .card form{display:flex;flex-direction:column;justify-content:center;text-align:center;color:#000;text-align:left;gap:10px;align-items:flex-start;margin-top:50px;position:relative}.contact.submitted .container .card>*{opacity:0;transition:opacity .3s;pointer-events:none}.contact .container .card>.done{position:absolute;opacity:0;transition:opacity .3s,top .3s;pointer-events:none;width:100%;text-align:center;top:50%}.contact .container .card>.done h2{color:#0064e8;font-size:40px;margin-bottom:0;margin-top:0}.contact .container .card>.done p{color:#405b80;font-size:16px;font-weight:medium;line-height:19px}.contact.submitted .container .card>.done{opacity:1;top:calc(50% - 50px)}.contact .container .card form label{font-weight:700;position:relative}.contact .container .card form label div{margin-bottom:5px;padding-left:3px}.contact .container .card form .message{position:relative}.contact .container .card form .message img{position:absolute;bottom:100%;left:360px}.contact .container .card form input,.contact .container .card form textarea{all:unset;border:1px solid #d4dbf2;border-radius:22px;cursor:text;font-weight:400;color:#242e3c;transition:border .2s}.contact .container .card form input{height:44px;padding:0 16px;width:270px}.contact .container .card form textarea{height:200px;padding:12px 16px;width:550px;box-sizing:border-box}.contact .container .card form input:focus-visible,.contact .container .card form textarea:focus-visible{border:1px solid #0064e8}.contact .container .card form button{all:unset;display:flex;gap:10px;align-items:center;color:#fff;background-color:#0064e8;border-radius:100px;cursor:pointer;height:44px;padding:0 40px;font-weight:700;margin:20px auto 0;box-shadow:0 0 0 #0065e855;transition:box-shadow .2s}.contact .container .card form button:focus-visible,.contact .container .card form button:hover{box-shadow:0 0 20px #0065e835}.contact .container .card form{flex:1 1}@media only screen and (max-width:900px){.contact{padding-left:0;padding-right:0}.contact .container{width:calc(100dvw - 100px)}.contact .container .card form,.contact .container .card form div,.contact .container .card form textarea{width:100%}}@media only screen and (max-width:768px){.contact .container .card{padding:40px}.contact .container .card form label img{display:none}.contact .container .card form input{width:100%;box-sizing:border-box}}@media only screen and (max-width:440px){.contact .container{width:calc(100dvw - 50px)}.contact .container .card{padding:30px}}@media only screen and (max-width:360px){.contact .container{width:calc(100dvw - 20px)}.contact .container .card{padding:30px}}.footer{padding:100px;background-color:#000d1d;color:#fff;display:flex;justify-content:center}.footer .container{display:flex;gap:25px;flex-wrap:wrap;max-width:1200px;padding-bottom:100px}.footer .col{flex:1 1;min-width:275px;padding-bottom:40px}.footer .col h2{margin-top:0;color:#375274;font-size:20px}.footer .col ul{all:unset;display:flex;flex-direction:column;color:#b8c2d0;font-weight:500;gap:2px}.footer .col ul li{all:unset}.footer .col ul li a{padding:3px;border-radius:100px}.footer .col ul li a:hover{color:#fff;cursor:pointer}.footer .logo{display:flex;gap:20px;font-size:26px;align-items:center;padding-bottom:30px}.footer .logo .name{font-family:Reem Kufi,sans-serif}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;box-sizing:border-box;min-height:calc(550px + 180px);max-height:1500px}.hero .planet{position:absolute;right:0;top:50%;width:550px;height:550px;transform:translateY(-50%)}.hero div{width:1200px;position:relative}.hero .main{width:600px;font-size:70px;color:#0064e8;line-height:100%;left:-2px;position:relative;margin:0 0 20px;font-family:Reem Kufi,sans-serif}.hero p{font-size:20px;color:#00214d;position:relative;width:500px;max-width:100%;margin:0 0 70px}.hero a{all:unset;cursor:pointer;background-color:#0064e8;color:#fff;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;height:56px;padding:0 40px;border-radius:100px;box-shadow:0 0 0 4px rgba(0,99,230,0);transition:box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:10px}.hero a:focus-visible,.hero a:hover{box-shadow:0 0 0 4px rgba(0,99,230,.2)}@media only screen and (max-width:1600px){.hero div{width:calc(100dvw - 400px)}}@media only screen and (max-width:1439px){.hero{min-height:calc(50dvw - 170px + 180px)}.hero .planet{width:calc(50dvw - 170px);height:calc(50dvw - 170px)}.hero .main{width:calc(50dvw - 170px);font-size:calc(8dvw - 50px)}.hero p{font-size:20px;width:calc(50dvw - 200px)}}@media only screen and (max-width:1280px){.hero div{width:calc(100dvw - 300px)}}@media only screen and (max-width:1024px){.hero{min-height:calc(450px + 300px + 180px)}.hero div{width:450px;display:flex;flex-direction:column;align-items:flex-start;align-items:center;text-align:center}.hero .planet{position:relative;top:0;transform:none;width:450px;height:450px;margin-bottom:90px}.hero .main{width:auto;left:0;font-size:50px}.hero p{font-size:20px;width:auto}}@media only screen and (max-width:550px){.hero{min-height:calc(100dvw - 150px + 300px + 180px);height:calc(100dvw - 150px + 300px + 180px)}.hero div{width:calc(100dvw - 100px)}.hero .planet{width:calc(100dvw - 150px);height:calc(100dvw - 150px);margin:auto auto 50px}.hero .main{width:auto;left:0;font-size:36px}.hero p{font-size:16px;width:auto;margin-bottom:40px}}.projects{padding:0 40px;gap:20px;max-width:1440px;margin:0 auto;position:relative;z-index:1}.projects>header{text-align:center}.projects>header h2{font-size:40px;margin:0 0 20px}.projects>header p{color:#405b80;font-size:16px;font-weight:medium;line-height:19px;margin-bottom:50px}.projects>main{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;max-width:1200px}.projects .project{position:relative}.projects .card{display:flex;flex-direction:column;padding:10px;border-radius:32px;width:340px;height:565px;box-sizing:border-box;border:1px solid transparent;background-color:hsla(0,0%,100%,.6);transition:all .4s}.projects .project:hover .card{border:1px solid rgba(0,0,0,.129);background-color:hsla(0,0%,100%,.7)}.projects .project .image{width:320px;height:240px;position:relative}.projects .project .image img{border-radius:22px}.projects .project header{padding:22px 12px 0}.projects .project header h2{font-size:30px;margin:10px 0;line-height:1}.projects .project header .date{color:#9d9d9d;font-size:14px;line-height:20px;font-weight:500;transition:color .4s}.projects .project:hover header .date{color:#5f5f5f}.projects .project header p{line-height:20px;font-size:16px;color:#6c6c6c;transition:color .4s;text-align:justify}.projects .project:hover header p{color:#3b3b3b}.projects .project a{all:unset;border-radius:100px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#0064e8;color:#fff;gap:10px;cursor:pointer;margin-top:auto;opacity:0;transform:translateY(10px);transition:all .2s ease-in-out}.projects .project:hover a{opacity:1;transform:translate(0)}.projects .project a>*{transform:translateY(10px);transition:all .2s ease-in-out}.projects .project:hover a>*{transform:translate(0)}.projects .visuals{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.3;transform:scale(.7);transition:opacity .4s,transform .4s;pointer-events:none}.projects .project:hover .visuals{transform:scale(1);opacity:.9}.projects .visual{position:absolute;width:800px;height:455px;opacity:.7;display:flex;align-items:center;justify-content:center}.projects .visual img{position:absolute;width:1600px;aspect-ratio:230/200}.projects .visual.visual3{top:400px;left:30px;transform:translate(-50%,-50%) rotate(45deg)}.projects .visual.visual1{top:30px;left:30px;transform:translate(-50%,-50%) rotate(165deg)}.projects .visual.visual2{top:400px;left:100%;transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:768px){.projects .card{height:auto}.projects .project a{opacity:1}.projects .project a,.projects .project a>*{transform:translate(0)}}@media only screen and (max-width:420px){.projects{padding:0 20px}.projects .card{width:calc(100dvw - 40px)}.projects .project .image,.projects .project .image img{width:calc(100dvw - 60px);height:calc(75dvw - 45px)}}