.homepage{height:100vh}.nav-main-con{display:flex;justify-content:center;align-items:center;flex-direction:row;background-color:#000;border:2px solid #000;height:40px;width:100%;overflow:hidden;position:relative}.nav-main-con .nav-logo-con{left:0;position:absolute}.nav-main-con nav{margin:0 auto;display:none;z-index:20}@media only screen and (min-width:680px){.nav-main-con nav{display:block}}.nav-main-con nav ul{display:flex;justify-content:center;align-items:center;flex-direction:row}.nav-main-con nav ul li{margin:0 50px;color:#fff;cursor:pointer;padding:3px 10px}.nav-main-con nav ul li:hover{background:#fff;color:#000}.banner-main-con{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;background:url(/tim-foster-wX64_Gjbclg-unsplash.jpg) no-repeat fixed;background-size:contain;height:275px;overflow:hidden!important;background-color:#000}@media only screen and (min-width:680px){.banner-main-con{background:url(/tim-foster-wX64_Gjbclg-unsplash.jpg) no-repeat 50% fixed;display:flex;justify-content:center;align-items:center;flex-direction:row;background-size:cover;height:calc(100vh - 40px)}}.banner-main-con .image-logo-con{width:100%;height:275px;position:absolute}@media only screen and (min-width:680px){.banner-main-con .image-logo-con{width:60%;height:100%}}.banner-main-con .image-logo-con .logo-image{object-fit:contain;width:100%;height:auto;margin-top:-80px}@media only screen and (min-width:680px){.banner-main-con .image-logo-con .logo-image{object-fit:contain;width:70%!important;height:100vh;margin:0 auto}}.banner-main-con .banner-text{width:100%;margin-top:auto;margin-bottom:20px;color:#fff;position:relative;height:90px;padding:0 10px}@media only screen and (min-width:680px){.banner-main-con .banner-text{margin-bottom:50px;padding:10px;height:auto}}@media only screen and (min-width:900px){.banner-main-con .banner-text{margin-bottom:10px}}.banner-main-con .banner-text .banner-heading-table{display:none}@media only screen and (min-width:680px){.banner-main-con .banner-text .banner-heading-table{display:block;font-size:30px}}@media only screen and (min-width:900px){.banner-main-con .banner-text .banner-heading-table{font-size:50px}}.banner-main-con .banner-text .banner-heading-mobile-desktop{font-size:20px;line-height:2}@media only screen and (min-width:680px){.banner-main-con .banner-text .banner-heading-mobile-desktop{display:none}}.banner-main-con .banner-text p{font-size:15px;line-height:1.5}@media only screen and (min-width:680px){.banner-main-con .banner-text p{font-size:20px}}.banner-main-con .banner-text .lets-talk-btn{position:absolute;right:10px;bottom:10px;border:.1px solid #fff;width:100px}@media only screen and (min-width:680px){.banner-main-con .banner-text .lets-talk-btn{width:200px;height:40px;font-size:25px;position:relative;bottom:-10px;left:3px}}.banner-main-con .banner-text .lets-talk-btn button{width:100%;height:100%;border:none;background:#000;color:#fff;padding:5px;cursor:pointer}.banner-main-con .banner-text .lets-talk-btn button:hover{background:#fff;color:#000}@media only screen and (min-width:680px){.banner-main-con .banner-text .lets-talk-btn button{font-size:20px}}.about-us{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;margin-top:80px}@media only screen and (min-width:680px){.about-us{justify-content:center;align-items:center;flex-direction:row;display:flex;justify-content:space-between;height:390px}}@media only screen and (min-width:900px){.about-us{height:450px}}.about-us .video-con{width:100%}@media only screen and (min-width:680px){.about-us .video-con{width:40%}}.about-us .video-con img{width:100%}.about-us .about-txt-con{position:relative;overflow:hidden}@media only screen and (min-width:680px){.about-us .about-txt-con{width:50%;height:100%!important;margin:0}}.about-us .about-txt-con h1{position:relative;font-size:30px;margin-top:15px;margin-left:25px;z-index:10}.about-us .about-txt-con h1 span{padding-bottom:8px;border-bottom:5px solid #000}@media only screen and (min-width:680px){.about-us .about-txt-con h1{font-size:40px}}.about-us .about-txt-con .bg-img{position:absolute;left:100px;top:-100px;z-index:0;width:100%;opacity:.7}@media only screen and (min-width:680px){.about-us .about-txt-con .bg-img{left:250px}}.about-us .about-txt-con p{position:relative;font-size:15px;margin-top:25px;margin-left:25px;font-weight:300;width:80%;z-index:20}@media only screen and (min-width:900px){.about-us .about-txt-con p{width:50%}}.about-us .about-txt-con h4{margin-top:20px;margin-left:25px}.about-us .about-txt-con .goal-img{position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:90%;margin:5px auto 0;background:#fff;z-index:10}.about-us .about-txt-con .goal-img img{width:100px;position:relative}@media only screen and (min-width:900px){.about-us .about-txt-con .goal-img{width:400px;margin-left:25px}}.about-us .about-txt-con .lets-talk-btn{margin-top:20px;margin-left:20px;border:.1px solid #fff;width:150px;height:40px;margin-bottom:10px}@media only screen and (min-width:680px){.about-us .about-txt-con .lets-talk-btn{width:200px;height:40px;font-size:25px;position:relative;bottom:-10px;left:3px}}.about-us .about-txt-con .lets-talk-btn button{width:100%;height:100%;border:1px solid #000;background:#fff;color:#000;padding:5px;cursor:pointer}.about-us .about-txt-con .lets-talk-btn button:hover{background:#000;color:#fff}@media only screen and (min-width:680px){.about-us .about-txt-con .lets-talk-btn button{font-size:20px}}.service{background:#f5f5f5}.service h1{position:relative;font-size:30px;margin-left:55vw;margin-bottom:20px;padding-top:50px;z-index:10}.service h1 span{padding-bottom:5px;border-bottom:5px solid #000}@media only screen and (min-width:680px){.service h1{font-size:40px;margin-left:70vw}}.service .single-card{display:flex;justify-content:space-between;align-items:center;flex-direction:column}@media only screen and (min-width:680px){.service .single-card{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;margin:0 auto}}@media only screen and (min-width:680px) and (min-width:900px){.service .single-card{max-width:1600px}}.service .single-card .card{width:100%;position:relative}@media only screen and (min-width:680px){.service .single-card .card{width:50%;transform:scale(.98)}}.service .single-card .card .service-txt{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:absolute;width:80%;bottom:0;padding:5px 5px 5px 10px}@media only screen and (min-width:680px){.service .single-card .card .service-txt{padding-left:20px}}.service .single-card .card .service-txt .desc{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.service .single-card .card .service-txt .desc h2{font-size:40px!important;color:#fff}.service .single-card .card .service-txt .desc p{color:#fff;width:100%;line-height:1.5}@media only screen and (min-width:900px){.service .single-card .card .service-txt .desc p{width:50%}}.service .single-card .card .service-txt .desc .card-btn{width:80px;height:25px;border:.1px solid #fff;margin-bottom:20px}.service .single-card .card .service-txt .desc .card-btn button{width:100%;height:100%;border:none;color:#000;background:#fff;cursor:pointer}.service .single-card .card .service-txt .desc .card-btn button:hover{background:#000;color:#fff}.service .single-card .card img{width:100%;height:100%}@media only screen and (min-width:680px){.service .single-card .card img{height:250px}}@media only screen and (min-width:900px){.service .single-card .card img{height:350px}}@media only screen and (min-width:1200px){.service .single-card .card img{height:450px}}.teamwork{margin-top:80px;background:#000}.teamwork .lower-team-bg{background:url(/marvin-meyer-SYTO3xs06fU-unsplash.jpg) no-repeat 50% fixed;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;background-size:cover;height:700px;padding:10px}.teamwork .lower-team-bg h2{font-size:35px;color:#fff;margin-bottom:auto}@media only screen and (min-width:680px){.teamwork .lower-team-bg h2{font-size:50px}}.teamwork .lower-team-bg .team-quote{width:100%;height:100%;padding:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}.teamwork .lower-team-bg .team-quote p{font-size:20px}.teamwork .lower-team-bg .team-quote h2{font-size:40px;color:#fff}@media only screen and (min-width:680px){.teamwork .lower-team-bg .team-quote h2{font-size:50px}}.teamwork .lower-team-bg .team-quote .team-btn{width:100px;height:30px;border:.1px solid #fff;margin-top:20px}@media only screen and (min-width:680px){.teamwork .lower-team-bg .team-quote .team-btn{width:120px;height:35px}}.teamwork .lower-team-bg .team-quote .team-btn button{width:100%;height:100%;border:none;color:#000;background:#fff;cursor:pointer}.teamwork .lower-team-bg .team-quote .team-btn button:hover{background:#000;color:#fff}.contact-form{height:70vh;background:#f5f5f5;align-items:flex-start}.contact-form,.contact-form form{display:flex;justify-content:center;flex-direction:column}.contact-form form{margin:50px auto 0;width:100%;max-width:700px;padding:10px;align-items:center}.contact-form form .input-main-con,.contact-form form .input-main-con .input-con{width:100%}.contact-form form .input-main-con .input-con input{width:100%;height:50px;margin-top:10px;padding:5px;font-size:15px}.contact-form form .input-main-con .input-con textarea{width:100%;height:70px;margin-top:10px;padding:5px;font-size:15px}.contact-form form .login-btn-link{border:1px solid #000;width:100%;height:50px;margin-top:10px}.contact-form form .login-btn-link input{width:100%;height:100%;border:none;background:#000;color:#fff;cursor:pointer}.contact-form form .login-btn-link input:hover{color:#000;background:#fff}.Footer{padding-top:20px;font-family:nunito-sans,sans-serif;text-align:center}@media only screen and (min-width:680px){.Footer{text-align:left}}.TopBar{margin:auto;max-width:1280px;padding:40px 0}@media only screen and (min-width:680px){.TopBar{padding:45px 80px;display:flex;flex-flow:row;justify-content:space-between}}.DesktopSocialList{padding-bottom:40px;width:100%}@media only screen and (min-width:680px){.DesktopSocialList{display:none}}.BottomBar{max-width:1280px;margin:auto;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:center}@media only screen and (min-width:680px){.BottomBar{flex-wrap:nowrap;padding:40px 80px 60px;justify-content:space-between}}.Menu{margin-bottom:30px;min-width:50%}@media only screen and (min-width:680px){.Menu{min-width:unset;margin-bottom:0;margin-right:40px}}.MenuHead{margin-bottom:10px;font-size:18px;font-weight:900;line-height:1.11;color:#2b2738}.MenuLink{display:block;text-decoration:none;font-size:16px;font-weight:600;line-height:2;color:#2f6cb3}@media only screen and (min-width:680px){.MenuLink{white-space:nowrap}}.Policy{width:100%;max-width:764px;font-size:12px;line-height:1.33;color:#2b2738;margin:0 20px}.PolicyRow{margin:0;padding:0 0 20px;display:flex;flex-direction:row;justify-content:center;align-items:center}.PolicyRow .footer-icon{font-size:20px;margin:10px;color:#000}.PolicyRow .footer-icon:hover{transform:translateY(5px)}.website-banner-main-con{background:url(/igor-miske-JVSgcV8_vb4-unsplash.jpg) no-repeat fixed;background-size:contain;height:275px;overflow:hidden!important;background-color:#000}@media only screen and (min-width:680px){.website-banner-main-con{background:url(/igor-miske-JVSgcV8_vb4-unsplash.jpg) no-repeat 50% fixed;display:flex;justify-content:center;align-items:center;flex-direction:row;background-size:cover;height:calc(100vh - 40px)}}.website-banner-main-con .banner-text{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:120px}@media only screen and (min-width:680px){.website-banner-main-con .banner-text{height:250px}}.website-banner-main-con .banner-text h2{line-height:2}.website-banner-main-con .banner-text p{width:60%}.mobile-app{background:url(/the-average-tech-guy-DsmDqiYduaU-unsplash.jpg) no-repeat fixed;background-size:contain;height:275px;overflow:hidden!important;background-color:#000}@media only screen and (min-width:680px){.mobile-app{background:url(/the-average-tech-guy-DsmDqiYduaU-unsplash.jpg) no-repeat 50% fixed;display:flex;justify-content:center;align-items:center;flex-direction:row;background-size:cover;height:calc(100vh - 40px)}}.mobile-app .banner-text{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:120px}@media only screen and (min-width:680px){.mobile-app .banner-text{height:250px}}.mobile-app .banner-text h2{line-height:2}.mobile-app .banner-text p{width:60%}.websit-about-us{margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-direction:column}@media only screen and (min-width:680px){.websit-about-us{height:auto;display:flex;justify-content:center;align-items:center;flex-direction:row}}.websit-about-us .video-con{order:2;margin:10px;transform:scale(.95)}@media only screen and (min-width:680px){.websit-about-us .video-con{width:30%;order:1!important}}.websit-about-us .website-about-txt-con{width:100%}.websit-about-us .website-about-txt-con .website-about-txt-con-text{margin:0 auto}@media only screen and (min-width:680px){.websit-about-us .website-about-txt-con .website-about-txt-con-text{display:flex;justify-content:space-between;align-items:center;flex-direction:column;max-width:900px}}.websit-about-us .website-about-txt-con .website-about-txt-con-text h1{padding-top:40px;font-size:30px}.websit-about-us .website-about-txt-con .website-about-txt-con-text p{max-width:400px;padding-bottom:40px}.website-service{background:#fff}.website-service .single-card .card{height:250px;background:#f5f5f5;transform:scale(.98)}@media only screen and (min-width:900px){.website-service .single-card .card{height:350px}}@media only screen and (min-width:1200px){.website-service .single-card .card{height:450px}}.website-service .single-card .card .service-txt{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.329);width:100%}.uiux{background:url(/alvaro-reyes-zvmZiw3vdsQ-unsplash.jpg) no-repeat fixed;background-size:contain;height:275px;overflow:hidden!important;background-color:#000}@media only screen and (min-width:680px){.uiux{background:url(/alvaro-reyes-zvmZiw3vdsQ-unsplash.jpg) no-repeat 50% fixed;display:flex;justify-content:center;align-items:center;flex-direction:row;background-size:cover;height:calc(100vh - 40px)}}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Orbitron,sans-serif}::-webkit-scrollbar-track{background-color:hsla(0,0%,96%,0);display:none}::-webkit-scrollbar-thumb{display:none;background-color:rgba(65,105,225,0)}.banner{background:url(/onur-binay-wi3xBnWZlvQ-unsplash.jpg) no-repeat fixed;background-size:contain;height:275px;overflow:hidden!important;background-color:#000}@media only screen and (min-width:680px){.banner{background:url(/onur-binay-wi3xBnWZlvQ-unsplash.jpg) no-repeat 50% fixed;display:flex;justify-content:center;align-items:center;flex-direction:row;background-size:cover;height:calc(100vh - 40px)}}