section{width:100%;animation:fadeInUp .8s ease forwards;font-family:Inter}.content{width:70%;margin:auto}.top-section{margin-top:15rem;color:#141414}.top-section h1{font-size:3rem;margin:0;font-weight:600}.top-section h2{font-size:3rem;font-weight:300;margin:0}.top-section p{font-weight:300;max-width:30rem;font-size:1.2rem}.top-section p strong{font-weight:600}.mid-section{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;background-color:#141414;margin-top:150px}.mid-section .curve{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0;height:90px;z-index:1}.mid-section .curve svg{display:block;width:100%;height:100%}.mid-section .curve .shape-fill{fill:#fff7f7}.mid-section .content{display:flex;justify-content:center;margin-top:300px;margin-bottom:250px;gap:50px;row-gap:100px;flex-wrap:wrap;width:70%}.mid-section .content .box-content{width:400px;min-height:400px;height:-moz-fit-content;height:fit-content;background-color:#fff;border-radius:20px;position:relative;text-decoration:none;color:#141414;transition:.3s}.mid-section .content .box-content .icon{position:absolute;width:90px;height:90px;background-color:#2e2e2e;display:flex;justify-content:center;align-items:center;border-radius:20px;top:-15%;left:10%;transition:.3s}.mid-section .content .box-content .icon svg{width:30px;height:30px;color:#fff;transition:.3s}.mid-section .content .box-content .box-text{padding:50px}.mid-section .content .box-content .box-text h2{margin:0;font-size:1.5rem;min-height:4rem}.mid-section .content .box-content .box-text p{margin:0;width:80%;min-height:200px}.mid-section .content .box-content .box-text .fakeBtn{position:relative;line-height:2rem}.mid-section .content .box-content .box-text .fakeBtn:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:50%;border-bottom:1px solid black;transition:.2s ease}.mid-section .content .box-content .box-text .fakeBtn:hover:after{width:100%;transition:.2s ease}.mid-section .content .box-content:hover{background-color:#000f42;transition:.2s ease}.mid-section .content .box-content:hover .icon{background-color:#62a1ff;transition:.2s ease}.mid-section .content .box-content:hover .icon svg{color:#000;width:35px;height:35px;transform:rotate(-10deg);transition:.2s ease}.mid-section .content .box-content:hover .box-text{color:#fff}.mid-section .content .box-content:hover .box-text .fakeBtn:after{border-color:#fff}.end-section{position:relative}.end-section .curve{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0}.end-section .curve svg{position:relative;display:block;width:calc(163% + 1.3px);height:252px}.end-section .curve .shape-fill{fill:#141414}.end-section .content{display:flex;justify-content:space-between;padding-top:350px;margin-bottom:250px}.end-section .content .about-left{width:20%;text-align:center;padding-top:20px}.end-section .content .about-left h2{font-size:2rem;margin:0}.end-section .content .about-left p{margin:0}.end-section .content .about-right{width:80%}.end-section .content .about-right ul{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:30px;list-style:none;row-gap:50px;margin:0}.end-section .content .about-right ul li{max-width:400px;align-self:flex-start;min-height:300px;padding:20px;border-radius:20px;transition:.3s ease}.end-section .content .about-right ul li svg{border:2px solid rgb(0,15,66);height:40px;width:40px;padding:15px;transition:.3s ease}.end-section .content .about-right ul li h2{margin:20px 0}.end-section .content .about-right ul li p{margin:0}.end-section .content .about-right ul li:hover{background-color:#000f42;transition:.3s ease}.end-section .content .about-right ul li:hover h2{color:#fff}.end-section .content .about-right ul li:hover svg{color:#fff;border-color:#fff;border-radius:20px;transition:.3s ease}.end-section .content .about-right ul li:hover p{color:#fff}@keyframes fadeInUp{0%{opacity:0;padding-top:60px}to{opacity:100%;padding-top:0}}@media only screen and (max-width: 1100px){.top-section h1,.top-section h2{font-size:2rem}.end-section{margin:auto}.end-section .content{display:block!important;padding-top:150px}.end-section .content .about-left{width:100%;margin-bottom:80px}.end-section .content .about-right{width:100%;display:block!important;margin:auto}.end-section .content .about-right ul{padding:0}.mid-section .content .box-content .box-text p{width:100%}.mid-section .content .box-content .box-text{padding:50px 20px 0}.mid-section .content .box-content .box-text p{min-height:150px}.mid-section .content .box-content{min-height:300px}.mid-section .content .box-content .box-text{padding-bottom:20px}.curve svg{height:70px!important}}.top-section{margin-top:15rem;width:100%;margin-bottom:15rem}.top-section .content{width:80%}.top-section .content .title{padding-bottom:8rem;text-align:left}.top-section .content .title h2,.top-section .content .title h1{margin:0}.top-section .content ul{padding:0}.top-section .content .project{list-style:none;display:flex;justify-content:space-evenly}.top-section .content .project .wrapImg{list-style:none;display:flex;justify-content:space-evenly;width:40%;position:relative;align-items:center;max-width:500px}.top-section .content .project .wrapImg .monitorImg{position:absolute;width:100%;height:100%;background-color:#ddf0ff;z-index:10;border-radius:20px;border:.5rem solid rgb(0,15,66);transition:.3s ease;overflow:hidden}.top-section .content .project .wrapImg .monitorImg .searchBar{width:90%;height:12%;background-color:#fff;border-radius:10px;margin:1.5rem auto;display:flex;align-items:center;gap:1rem}.top-section .content .project .wrapImg .monitorImg .searchBar p{font-size:.7rem;margin-left:1rem}.top-section .content .project .wrapImg .monitorImg .searchBar .inputEl{display:flex;width:30%;height:60%}.top-section .content .project .wrapImg .monitorImg .searchBar .inputEl input,.top-section .content .project .wrapImg .monitorImg .searchBar .inputEl a{box-sizing:border-box;margin:0;padding:0;font:Inter;border:none;color:#141414}.top-section .content .project .wrapImg .monitorImg .searchBar .inputEl input{flex:1;border:2px solid #ddf0ff;border-right:none;border-radius:5px 0 0 5px;padding:0 10px;width:70%;border-color:#ddf0ff;height:100%;font-size:.7rem;line-height:normal}.top-section .content .project .wrapImg .monitorImg .searchBar .inputEl input:focus{outline:none;box-shadow:none}.top-section .content .project .wrapImg .monitorImg .searchBar .inputEl a{display:flex;width:20%;border:2px solid #ddf0ff;border-left:none;border-radius:0 5px 5px 0;background-color:#ddf0ff;cursor:pointer;font-size:.5rem;align-items:center;justify-content:center}.top-section .content .project .wrapImg .monitorImg .searchBar .weatherDarkMode{border:none;cursor:pointer;margin-left:auto;margin-right:1rem;background-color:transparent}.top-section .content .project .wrapImg .monitorImg .searchBar .weatherDarkMode svg{background-color:#ddf0ff;width:.7rem;height:.7rem;border-radius:50px;padding:.3rem;color:#141414}.top-section .content .project .wrapImg .monitorImg .weatherContent{width:90%;height:50%;display:flex;justify-content:space-between;margin:auto}.top-section .content .project .wrapImg .monitorImg .weatherContent .left{width:55%;height:100%}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el1{height:70%;width:100%;background-color:#fff;border-radius:10px;margin-bottom:1rem;background-image:linear-gradient(#0006,#0006),url(https://cdn.pixabay.com/photo/2018/09/03/13/11/vienna-3651186_1280.jpg);background-size:cover;background-position:center}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el1 div{padding:.5rem;display:flex;align-items:center;gap:.4rem}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el1 div .mainInfo{display:block!important;padding:0;align-content:center}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el1 div .mainInfo p{margin:0;color:#fff;font-size:.8rem}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el1 div .mainInfo p:last-child{font-size:.6rem;font-weight:300}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el1 div img{height:2rem}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el2{height:30%;width:100%;border-radius:10px;display:flex;justify-content:space-between}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el2 div{width:30%;height:100%;background-color:#fff;border-radius:10px;position:relative}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el2 div p{margin:0;font-size:.5rem;text-align:center;top:50%;left:50%;transform:translate(-50%);position:absolute;width:-moz-fit-content;width:fit-content}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el2 div p:first-child{text-align:left;font-weight:600;top:10%;left:10%;transform:translate(0)}.top-section .content .project .wrapImg .monitorImg .weatherContent .right{width:35%;height:calc(100% + 1rem);background-color:#fff;border-radius:10px}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1{height:100%}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .top{display:flex;gap:.4rem;margin:0 .5rem;height:20%;align-items:center}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .top p{font-size:.6rem;margin:0;font-weight:600;border-bottom:1px solid transparent}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .top p:first-child{border-bottom:1px solid rgb(20,20,20)}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .bottom{display:flex;flex-direction:column;justify-content:space-between;height:80%}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .bottom .bottomEl{display:flex;align-items:center;width:100%;height:80%;justify-content:space-evenly}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .bottom .bottomEl:not(:last-child){border-bottom:1px solid #ddf0ff}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .bottom .bottomEl div{display:flex;align-items:center;gap:.5rem}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .bottom .bottomEl div img{width:1rem;height:1rem}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .bottom .bottomEl div p{font-size:.6rem;margin:0}.top-section .content .project .wrapImg .monitorImg .weatherContent .right .el1 .bottom .bottomEl div .celsius{font-weight:600}.top-section .content .project .wrapImg .monitorImg .weatherFooter{position:absolute;width:90%;height:10%;background-color:#fff;border-radius:10px 10px 0 0;bottom:0;left:50%;transform:translate(-50%)}.top-section .content .project .wrapImg .monitorImg .weatherFooter p{font-size:.7rem;text-align:center;margin:0;font-weight:600;margin-top:.3rem}.top-section .content .project .wrapImg .monitorImg .weatherFooter p:last-child{font-weight:400;margin-top:0}.top-section .content .project .wrapImg .darkmode{background-color:#141414!important;transition:.3s ease}.top-section .content .project .wrapImg .darkmode .searchBar,.top-section .content .project .wrapImg .darkmode .el2 div,.top-section .content .project .wrapImg .darkmode .weatherFooter,.top-section .content .project .wrapImg .darkmode .right{background-color:#383838!important;transition:.3s ease;color:#fff}.top-section .content .project .wrapImg .darkmode .inputEl a{background-color:#141414!important;color:#fff!important;border-color:#141414!important;transition:.3s ease}.top-section .content .project .wrapImg .darkmode .inputEl input{background-color:#5a5a5a!important;color:#fff!important;border-color:#141414!important;transition:.3s ease}.top-section .content .project .wrapImg .darkmode .inputEl input::-moz-placeholder{color:#ddd;-moz-transition:.3s ease;transition:.3s ease}.top-section .content .project .wrapImg .darkmode .inputEl input::placeholder{color:#ddd;transition:.3s ease}.top-section .content .project .wrapImg .darkmode .weatherDarkMode svg{background-color:#141414!important;transition:.3s ease;color:#fff!important}.top-section .content .project .wrapImg .darkmode .top p:first-child{border-color:#fff!important;transition:.3 ease}.top-section .content .project .wrapImg:hover .icon{top:-4.5rem;transition:.4s ease}.top-section .content .project .wrapImg:hover .project-image:after{opacity:0;transition:.3s ease}.top-section .content .project .wrapImg .icon{position:absolute;z-index:1;top:3rem;display:flex;gap:10px;justify-content:center;align-items:center;transition:.4s ease;padding-bottom:1rem}.top-section .content .project .wrapImg .icon svg{width:30px;height:30px;background-color:#62a1ff;color:#fff;border-radius:10px;padding:10px}.top-section .content .project .wrapImg .icon h2{margin:0}.top-section .content .project .monitorStand{position:absolute;bottom:1rem}.top-section .content .project .monitorStand .leg{position:absolute;width:1.5rem;height:4rem;background-color:#000f42;left:50%;transform:translate(-50%)}.top-section .content .project .monitorStand .support{position:absolute;width:5rem;height:1rem;background-color:#000f42;left:50%;transform:translate(-50%);bottom:-4rem;border-radius:6px}.top-section .content .project .project-desc{height:-moz-fit-content;height:fit-content}.top-section .content .project .project-desc div{display:flex;gap:15px}.top-section .content .project .project-desc div a{width:-moz-fit-content;width:fit-content}@media only screen and (max-width: 1100px){.top-section{margin-top:10rem!important}.content .title{padding-bottom:7rem!important;text-align:center}.content .title h1,.content .title h2{font-size:2rem!important}.project{display:block!important}.project .wrapImg{display:block;height:250px;width:100%!important;max-width:400px;margin:auto;margin-bottom:6rem}.project .wrapImg .icon{top:-5rem!important}.project .wrapImg .searchBar{margin:1rem!important}.project .project-desc{display:block;width:100%;margin:auto}.project .project-desc p{margin:auto}.project .project-desc h2{font-size:2rem;text-align:center}.project .project-desc div{margin-top:1rem;justify-content:center}}@media (max-width: 768px){.inputEl input{pointer-events:none}.top-section .content .project .wrapImg .monitorImg .weatherContent .left .el2 div p{font-size:.43rem}}.top-section-contact{display:flex;justify-content:space-evenly;width:80%;margin:auto;margin-top:15rem;margin-bottom:15rem}.top-section-contact .content{width:50%;max-width:500px;margin:0}.top-section-contact .content h1,.top-section-contact .content p,.top-section-contact .content h2{text-align:left;margin:0}.top-section-contact .content h1{font-size:3rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase}.top-section-contact .content h2{font-size:3rem;font-weight:300}.top-section-contact .content p{font-size:1.2rem;font-weight:300}.top-section-contact .contact{font-family:Inter,sans-serif;width:50%}.top-section-contact .contact h1{text-align:center;margin-bottom:25px;color:#141414;font-size:2rem}.top-section-contact .contact .contactForm{display:flex;flex-direction:column;max-width:500px;margin-left:auto;padding:30px;background-color:#fff;border-radius:20px;position:relative}.top-section-contact .contact .contactForm .loader{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;z-index:10}.top-section-contact .contact .contactForm .loader .loaderElement{width:40px;height:40px;border:3px solid transparent;border-top:3px solid rgb(20,20,20);border-bottom:3px solid rgb(20,20,20);border-radius:50%;animation:spin .8s ease infinite}.top-section-contact .contact .contactForm label{margin-bottom:5px;font-weight:700;color:#141414}.top-section-contact .contact .contactForm input[type=text],.top-section-contact .contact .contactForm input[type=email],.top-section-contact .contact .contactForm textarea{padding:10px 15px;margin-bottom:20px;border:1px solid rgb(0,15,66);border-radius:10px;font-size:1rem;transition:all .3s ease}.top-section-contact .contact .contactForm input[type=text]:focus,.top-section-contact .contact .contactForm input[type=email]:focus,.top-section-contact .contact .contactForm textarea:focus{outline:none;border-color:#62a1ff}.top-section-contact .contact .contactForm textarea{min-height:120px;resize:vertical}.top-section-contact .contact .contactForm button[type=submit]{position:relative;overflow:hidden;background-color:#000f42;color:#fff;border-radius:3rem;padding:0 3rem;line-height:3rem;border:none;cursor:pointer;transition:color .3s ease,background-color .3s ease;font-family:Inter;font-weight:600;font-size:1rem}.top-section-contact .contact .contactForm button[type=submit]:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#62a1ff;z-index:0;transition:width .3s ease}.top-section-contact .contact .contactForm button[type=submit]:hover{color:#000}.top-section-contact .contact .contactForm button[type=submit]:hover:before{width:100%}.top-section-contact .contact .contactForm button[type=submit]>*{position:relative;z-index:1}.top-section-contact .contact .contactForm button[type=submit] span,.top-section-contact .contact .contactForm button[type=submit]:after{position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width: 1100px){.top-section-contact{display:block!important;margin:15rem auto!important}.top-section-contact .contact{margin-top:5rem;width:100%}.top-section-contact .contact .contactForm{margin:auto}.top-section-contact .content{width:100%;margin:auto}.top-section-contact .content h1{font-size:2rem!important;text-align:center}}@media (max-width: 600px){.top-section-contact{padding:20px}.top-section-contact h1{font-size:1.5rem}.top-section-contact button[type=submit]{font-size:.9rem}}header{top:2rem;position:fixed;display:flex;left:50%;transform:translate(-50%);background-color:#fff;width:80%;height:6rem;font-family:Inter;font-weight:900;border-radius:2rem;box-shadow:0 8px 24px #9ca6af33;transition:.2s ease;z-index:1000}header>.header-container{display:flex;justify-content:space-between;width:100%;max-width:90rem;align-items:center;padding:.5rem 2rem;margin:auto}header>.header-container .header-right{display:flex;gap:1rem}header>.header-container .header-right .dropdown-lang{position:relative;align-content:center}header>.header-container .header-right .dropdown-lang img{height:23px;border-radius:5px;box-shadow:0 8px 24px #9ca6af33}header>.header-container .header-right .dropdown-lang>button{font-size:1rem;margin:0;display:flex;justify-content:center}header>.header-container .header-right .dropdown-lang .lang{position:absolute;display:none}header>.header-container .header-right .dropdown-lang .lang button{display:block;margin:25px 0}header>.header-container .header-right .dropdown-lang:hover .lang{display:block}header>.header-container .header-right .dropdown-lang:hover .lang img{animation:fadeIn .4s ease}header>.header-container .header-right button{cursor:pointer;border:none;background-color:transparent}header>.header-container .header-right svg{height:30px;width:30px}header nav{width:40%}header a{text-decoration:none;color:#141414}header .header-btn{background-color:#000f42;border-radius:3rem;color:#fff;padding:0 3rem;line-height:3rem;position:relative;overflow:hidden;z-index:1;min-width:8rem;text-align:center}header .header-btn:hover{background-color:#62a1ff;color:#000;transition:.3s}header .header-btn:hover:before{width:100%}header .header-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#62a1ff;z-index:-1;transition:.3s}header ul{padding:0;display:flex;list-style:none;justify-content:space-between;width:100%}header ul li{width:33%;text-align:center}.header-container-mobile{display:none}.scrolled{top:0;transition:.2s ease;width:100%;border-radius:0}@keyframes fadeIn{0%{opacity:0;margin-top:30px}to{opacity:1;margin-top:0}}@keyframes fadeInPadding{0%{opacity:0;padding-top:80px}to{opacity:1;padding-top:50px}}@media only screen and (max-width: 1100px){header{top:0;width:100%;border-radius:0}header .header-container{display:none!important}.header-container-mobile{display:flex;width:100%;justify-content:space-around;align-items:center}.header-container-mobile .title{font-size:2rem}.header-container-mobile .openBtn button{background-color:transparent;border:none}.header-container-mobile .openBtn button svg{height:25px;width:25px;color:#000}.header-container-mobile .burger-content{position:absolute;right:0;top:0;background-color:#141414;width:100%;z-index:999;min-height:100vh;display:none;padding-top:50px;animation:fadeInPadding .3s ease}.header-container-mobile .burger-content .closeMenu{position:absolute;top:15px;right:15px;border:none;background-color:transparent}.header-container-mobile .burger-content .closeMenu svg{width:25px;height:25px;background-color:red;padding:10px;border-radius:8px;color:#000}.header-container-mobile .burger-content nav{width:100%}.header-container-mobile .burger-content nav ul{display:block}.header-container-mobile .burger-content nav ul li{text-align:center;width:100%;margin:20px 0}.header-container-mobile .burger-content nav ul li a{color:#fff;font-size:2rem}.header-container-mobile .burger-content .header-right{text-align:center}.header-container-mobile .burger-content .header-right .dropdown-lang{width:-moz-fit-content;width:fit-content;margin:auto}.header-container-mobile .burger-content .header-right .dropdown-lang img{height:35px;border-radius:5px;box-shadow:0 8px 24px #9ca6af33}.header-container-mobile .burger-content .header-right .dropdown-lang button{background-color:transparent;border:none}.header-container-mobile .burger-content .header-right .dropdown-lang .lang-mobile{display:none}.header-container-mobile .burger-content .header-right .dropdown-lang .lang-mobile button{display:block;margin:30px 0!important}.header-container-mobile .burger-content .header-right .dropdown-lang .lang-mobile button img{animation:fadeIn .3s ease}.header-container-mobile .burger-content .header-right .dropdown-lang .lang-mobile button{margin:auto;display:block}}footer{background-color:#141414;color:#fff;display:block;height:-moz-fit-content;height:fit-content;align-items:center;justify-content:center;text-align:center;font-family:Inter;padding-top:2rem;padding-bottom:2rem}footer .footerNav{display:block;text-align:center;width:90%;margin:auto}footer .footerNav ul{list-style:none;padding:0}footer .footerNav ul li{margin-bottom:.5rem}footer .footerNav ul li:last-child{margin-bottom:0}footer .footerNav ul li a{color:#fff;text-decoration:none;font-weight:600}footer .footerInfo{margin-top:2rem}footer .footerInfo p{margin:0}footer .footerInfo ul{list-style:none;padding:0}footer .footerInfo ul li{display:flex;align-items:center;justify-content:center}footer .footerInfo ul li a{text-decoration:none;color:#fff}footer .footerInfo ul li a svg{font-size:1.5rem}@font-face{font-family:Inter;src:url(/assets/Inter-Light-ClSkTvSI.woff2) format("woff2"),url(/assets/Inter-Light-3VHh5ygZ.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-DYM1gg2E.woff2) format("woff2"),url(/assets/Inter-Regular-7j8JyaBO.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter-Bold-DvarcnxM.woff2) format("woff2"),url(/assets/Inter-Bold-BDHpZMrF.woff) format("woff");font-weight:700;font-style:normal}html{scrollbar-gutter:stable}html,body{height:100%;margin:0;padding:0;background-color:#fff7f7}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.layout-content{flex:1}