.about{position:relatice;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#162c3b;overflow:hidden}.about .contentBox{background-color:#162c3b;padding:100px;width:50%}.about .imgBox{background:url(images/window.jpg);width:50%;background-size:cover;background-position:center}.banner{position:relative;width:100%;height:100vh;background-color:#3475ca;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.25}.banner .content{position:relative;max-width:750px;text-align:center}.banner .content h2{color:#fff;font-size:60px}.banner .content p{font-size:18px;color:#fff}.banner header{position:absolute;top:0;left:0;width:100%;padding:40px 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1000}.banner header .logo{color:#fff;text-decoration:none;font-size:24px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.banner header .toggle{position:relative;width:36px;height:28px;background:url(images/toggle.png);background-size:cover;cursor:pointer}.client{background-color:#162c3b;padding:100px;text-align:center}.client .imgBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px}.client .imgBox img{max-width:200px;margin:20px;opacity:.25;cursor:pointer;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.client .imgBox img:hover{opacity:1;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.contact{padding:100px;background-color:#162c3b;text-align:center}.imageBox2{background:url(images/bg2.jpg);background-size:cover;background-position:center;width:50%}.redbg{background:url(images/red.jpg);background-size:cover;background-position:center}.form .inputBox{margin-bottom:40px}.form .inputBox input{width:100%;background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none;outline:0;padding:10px 0;font-size:18px;font:weight 300l;color:#fff;border-bottom:2px solid #fff}.form .inputBox input::-webkit-input-placeholder{color:#fff}.form .inputBox input::-moz-placeholder{color:#fff}.form .inputBox input:-ms-input-placeholder{color:#fff}.form .inputBox input::-ms-input-placeholder{color:#fff}.form .inputBox input::placeholder{color:#fff}.form .inputBox textarea{width:100%;background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none;outline:0;padding:10px 0;font-size:18px;font:weight 300l;color:#fff;min-height:150px;border-bottom:2px solid #fff}.form .inputBox textarea::-webkit-input-placeholder{color:#fff}.form .inputBox textarea::-moz-placeholder{color:#fff}.form .inputBox textarea:-ms-input-placeholder{color:#fff}.form .inputBox textarea::-ms-input-placeholder{color:#fff}.form .inputBox textarea::placeholder{color:#fff}.form .inputBox button[type=submit]{width:150px;height:50px;background-color:#fff;color:#111;cursor:pointer;border:none;font-size:18px}.footer{background-color:#162c3b;padding:20px 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer ul li{list-style:none}.footer ul li a{text-decoration:none;display:inline-block;margin:0 10px}.footer ul li a img{-webkit-filter:invert(1);filter:invert(1);max-width:20px}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Poppins,serif}html{scroll-behavior:smooth}.heading{color:#fff;font-size:30px;font-weight:600;letter-spacing:1px;margin-bottom:10px}.text{color:#fff;font-size:16px;font-weight:300;letter-spacing:1px}.services{background-color:#12222d;padding:100px;text-align:center}.services .container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:60px}.services .container .serviceBox{position:relative;background:#fff;width:350px;height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.services .container .serviceBox img{max-width:100px}.services .container .serviceBox h2{font-weight:500;font-size:20px;letter-spacing:1px}.technology{background:#3d8ffc;height:100%;width:100%;padding:100px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:-300px;padding-top:300px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.technology .contentBox{max-width:800px}.technology .imgBox{max-width:250px}.technology .imgBox img{max-width:100%;-webkit-transition:all .2s linear;transition:all .2s linear}.technology .imgBox img:hover{-webkit-filter:invert(1);filter:invert(1);-webkit-transition:all .2s linear;transition:all .2s linear}.testimonials{position:relative;padding:100px;background-color:#12222d;overflow:hidden}.testimonials .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:40px;-ms-flex-wrap:wrap;flex-wrap:wrap}.testimonials .container .contentBox{background:#fff;padding:60px 50px;width:550px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.testimonials .container .contentBox text-align:left p{font-style:italic}.testimonials .container .contentBox h3{width:100%;text-align:end;font-weight:500;color:#3f8ffc}.test{background-color:#ff0}@media only screen and (max-width:1000px){.banner{padding:50px}.banner header{padding:20px 50px}.banner .content h2{font-size:36px;margin-bottom:20px}.banner .content p{font-size:16px;letter-spacing:1px;line-height:1.3em}.about{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.about .contentBox,.about .imgBox{width:100%;min-height:400px;text-align:center}.services{padding:50px}.services .container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.services .container .serviceBox{margin:20px;width:300px;height:350px}.technology{padding:50px;padding-top:300px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.technology .contentBox{padding-right:20px}.technology .imgBox{margin-top:40px;max-width:250px}.client{padding:50px}.client .imgBox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.testimonials .contentBox{padding:60px 40px;max-width:550px;margin-bottom:40px}.testimonials .contentBox:last-child{margin-bottom:0}.contact{padding:50px}.footer{padding:20px 50px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;text-align:center}.footer ul{margin-bottom:15px}}@media only screen and (max-width:800px){.about .contentBox{padding:60px 50px}.services{padding:50px 30px}.services .container .serviceBox{height:200px;width:250px}.technology{margin-top:-350px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.technology .contentBox{margin-top:30px;text-align:center}.testimonials{padding:50px}.testimonials .heading{text-align:center}.testimonials .container{margin:40px 20px}.testimonials .container .contentBox{padding:30px 20px}}@media only screen and (max-width:1250px){.services .container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.services .container .serviceBox{margin-left:20px;margin-right:20px}}