@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&family=Roboto+Condensed&display=swap';*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,sans-serif;scroll-behavior:smooth}section{padding:100px}.banner{position:relative;min-height:100vh;background:url(Photos/832152.jpg);background-size:cover;background-position:right;display:flex;justify-content:space-between;align-items:center}.banner h2{font-size:3em;color:#fff;font-weight:500;line-height:1.5em}.banner h2 span{font-size:1.5em;font-weight:700}.banner h3{font-size:1.5em;color:#fff;font-weight:500}.btn{position:relative;background:#c5e516;display:inline-block;color:#fff;margin-top:20px;padding:10px 30px;font-size:18px;text-transform:uppercase;text-decoration:none;letter-spacing:2px;font-weight:500;border-radius:8px}.btn:hover{color:#000;background:cyan}header{position:fixed;top:0;left:0;width:100%;padding:40px 100px;z-index:1000;display:flex;justify-content:space-between;align-items:center;transition:.4s}header.sticky{background:#fff;padding:20px 100px;box-shadow:0 5px 20px rgba(0,0,0,.1)}header .logo{color:#fff;font-size:24px;text-transform:uppercase;text-decoration:none;font-weight:700;letter-spacing:2px}header.sticky .logo{color:#111}header ul{position:relative;display:flex}header ul li{position:relative;list-style:none}header ul li a{position:relative;display:inline-block;margin:0 15px;color:#fff;text-decoration:none;transition:.4s ease all}header ul li a:hover{color:cyan;transition:.4s ease background-color}header.sticky ul li a{color:#111}.heading{width:100%;text-align:center;margin-bottom:30px;color:#000}.heading h2{font-weight:600;font-size:30px}.content{display:flex;justify-content:space-between}.contentBx{padding-right:50px}.contentBx h3{font-size:24px;margin-bottom:10px}.w50{min-width:50%}img{max-width:100%}.services{background:#319b6b}.heading.white{color:#fff}.services .content{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row}.services .content .servicesBx{padding:40px 20px;background:#c5e516;color:black;max-width:340px;margin:20px;text-align:center;transition:.5s}.services .content .servicesBx:hover{background:#2e3030;color:#fff;transition:.4s ease background-color}.services .content .servicesBx img{max-width:80px;filter:invert(1)}.services .content .servicesBx h2{font-size:20px;font-weight:600}.work .content{display:flex;justify-content:space-between;flex-wrap:wrap}.work .content .workBx{width:50%;padding:20px}.work .content .workBx img{max-width:100%}.contact{background:#319b6b}.formBx{min-width:60%}.formBx form{display:flex;flex-direction:column}.formBx form h3,.contactInfo h3{color:#fff;font-size:20px;font-weight:500;margin-bottom:10px}.formBx form input,.formBx form textarea{margin-bottom:20px;padding:15px;font-size:16px;border:none;background:#eee;color:#fff;resize:none}.formBx form textarea{min-height:200px}.formBx form input::placeholder,.formBx form textarea::placeholder{color:#999}.formBx form input[type=submit]{max-width:100px;background:#2196f3;cursor:pointer;text-transform:uppercase;letter-spacing:2px}.contactInfo{min-width:40%}.contactInfoBx{position:relative}.contactInfoBx .box{position:relative;padding:20px 0;display:flex}.contactInfoBx .box .icon{min-width:40px;padding-top:4px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px}.contactInfoBx .box .text{display:flex;margin-left:20px;font-size:16px;color:#fff;flex-direction:column;font-weight:300}.contactInfoBx .box .text h3{font-weight:500;color:#b4f110;margin-bottom:0}.copyright{background:#0c0c0c;color:#fff;text-align:center;padding:10px}@media(max-width:991px){header,header.sticky{padding:20px 50px;z-index:1000}.menu{position:fixed;top:75px;left:-100%;display:block;padding:100px 50px;text-align:center;width:100%;height:100vh;background:#fff;transition:.5s;z-index:999;border-top:1px solid rgba(0,0,0,.2)}.menu.active{left:0}header ul li a{color:#111;font-size:24px;margin:10px}.toggle{width:40px;height:40px;background:url(Photos/menu.png);background-position:center;background-repeat:no-repeat;background-size:30px;cursor:pointer}.toggle.active{background:url(Photos/close.png);background-position:center;background-repeat:no-repeat;background-size:25px;cursor:pointer}header.sticky .toggle{filter:invert(1)}section{padding:100px 50px}.banner{padding:150px 50px 100px}.banner h2{font-size:1.5em}.banner h3{font-size:1em}.btn{margin-top:10px;padding:10px 20px;font-size:16px}.heading h2{font-size:24px}.contentBx h3{font-size:20px}.content{flex-direction:column}.w50{margin-bottom:20px}.services .content .servicesBx{margin:10px}.work .content .workBx{width:100%;padding:10px}.contactInfo{min-width:40%;margin:20px 0}}@media(max-width:600px){header,header.sticky{padding:20px 50px}.banner{padding:150px 20px 100px}}.footer-text{color:#fff;background-color:transparent;position:fixed;right:50px;bottom:2%;opacity:.2}.social{position:sticky;padding-top:20px;padding-bottom:20px;text-align:center;background-color:#c5e516}.social a{padding:0 2px}.social a span{color:#fff;height:40px;width:40px;line-height:40px;text-align:center;font-size:18px;border-radius:1px;transition:.3s}.social a span:hover{background-color:#2f302f;transition:cubic-bezier(.68,-.55,.265,1.55)}.social p{color:#fff;font-size:20px;font-weight:50;padding-top:5px;padding-bottom:10px}.social h5{color:#fff;font-weight:50;font-size:12px;padding-top:5px;letter-spacing:1px}#preloader{background:#222 url(Photos/loader.gif) no-repeat center center;background-size:20%;height:100vh;width:100%;position:fixed;z-index:100}button{position:relative;background:#c5e516;display:inline-block;color:#fff;margin-top:20px;padding:10px 30px;font-size:18px;text-transform:uppercase;text-decoration:none;letter-spacing:2px;font-weight:500;border-radius:8px;border-color:#0c0c0c}button:hover{color:#fff;background:#29cdff;transition:.4s ease background-color}#status{position:relative;display:inline-block;color:#fff;margin-top:20px;padding:10px 30px;font-size:18px;text-transform:uppercase;text-decoration:none;letter-spacing:2px;font-weight:500;border-radius:8px;border-color:#0c0c0c;justify-content:center}#status.success{background-color:#1eb600;animation:status 5s ease forwards}#status.error{background-color:#ee3f3f;animation:status 5s ease forwards}@keyframes status{0%{opacity:1;pointer-events:all}90%{opacity:1;pointer-events:all}100%{opacity:0;pointer-events:none}}