:root{--color-primary: #111820;--color-secondary: #46d7ab;--color-background: #f1f6f4}*{margin:0;padding:0;box-sizing:border-box;margin-block-end:0;margin-block-start:0;font-family:Quicksand,sans-serif;font-optical-sizing:auto}body{background-color:var(--color-background)}.banner-container{width:100%;height:600px;margin-top:80px;position:relative}.banner-container img,.banner-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.banner-overlay{background-color:#0b1214e6}.banner-content{width:92%;padding:20px 0;left:4%;right:4%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center}.banner-content h1{color:#fff;width:60%;font-size:56px;font-weight:bolder;text-transform:capitalize;text-align:center}.banner-message{color:#fff;font-size:26px;font-weight:700;line-height:40px;width:60%;text-align:center;text-transform:capitalize}.banner-btns{width:380px;display:flex;justify-content:center;align-items:center;margin:50px auto 30px}.banner-btns .btn{width:175px}.banner-form{width:35%;height:100%;padding:20px;background-color:var(--color-background);border-radius:5px}.banner-form h3{width:100%;text-align:center;font-size:20px;margin-bottom:20px}.form-item{width:100%;margin:10px auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.form-title{color:var(--color-primary);font-weight:500;font-size:16px;margin-bottom:4px}.form-control{width:100%;height:50px;border-radius:5px;border:var(--color-primary) 1px solid;padding:5px;color:var(--color-primary);background-color:#fff}.contact-message{height:80px}.btn{width:100%;height:50px;border-radius:5px;font-weight:700;background-color:#fff;border:1px solid var(--color-primary);color:var(--color-primary);margin:10px auto;padding:3px 10px}.btn>a{color:var(--color-primary)}.btn-primary{border:none;background-color:var(--color-secondary)}.btn-secondary{background-color:#d3f1f1}section{width:100%;padding:60px 4% 0}.section-intro{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-bottom:30px}.section-intro h1{font-size:36px;font-weight:700;width:100%;text-align:center}.section-underline{width:18%;height:2px;background-color:var(--color-secondary);margin:20px auto}.section-intro p{width:70%;font-size:20px;text-align:center;margin-bottom:20px}.services-container,.industries-container,.clients-container{margin:50px auto;width:100%;display:grid;grid-template-columns:23% 23% 23% 23%;column-gap:2%;row-gap:50px}.service-item,.industry-item{width:100%;height:300px;display:flex;padding:15px;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--color-secondary);border-radius:5px}.service-item>img{width:80px;height:80px}.service-desc{text-align:center}.service-action{display:flex;align-items:center;justify-content:center}.service-action p{font-weight:700;margin-right:10px}.industry-section{background-color:#fff;height:fit-content;padding-bottom:40px}.industries-container{grid-template-columns:29% 29% 29%;column-gap:6%}.industry-item{height:490px;background-color:var(--color-background);text-align:left}.industry-item>img{width:100%;margin:10px auto}.industry-title{width:100%;text-align:left;margin:10px 0}.industry-desc{margin:10px 0}.client-item{border:1px solid #d6e3f0;border-radius:5px;padding:10px 15px;background-color:#fff;display:flex;align-items:center;justify-content:center}.client-item>img{height:75px}.modal-wrapper{width:100%;height:100%;background-color:#00000080;z-index:50;position:fixed;top:0;right:0;display:flex;justify-content:center;align-items:flex-start;padding-top:100px}.modal-container{width:50%;height:fit-content;background-color:#fff;border-radius:7px}.modal-header{width:100%;height:70px;display:flex;justify-content:center;align-items:center;background-color:var(--color-secondary);color:var(--color-primary);border-radius:5px 5px 0 0}.modal-body{width:100%;padding:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.modal-body .form_item{width:100%;margin:10px}.modal-actions{width:100%;padding:15px;display:flex;justify-content:flex-end;border-top:1px solid #dddddd;align-items:center}.modal-actions .btn{width:200px;margin:0 10px}@media only screen and (max-width: 992px){.banner-content h1{width:91%}.services-container,.industries-container,.clients-container{grid-template-columns:32% 32% 32%;justify-content:center}}@media only screen and (max-width: 768px){.banner-content h1{font-size:45px;width:96%}.banner-btns{width:65%}.section-intro p{width:90%;text-align:justify;word-spacing:-2px;word-break:keep-all}.services-container,.industries-container,.clients-container{grid-template-columns:46% 46%;justify-content:center}}@media only screen and (max-width: 576px){.banner-container{height:60vh}.banner-content h1{font-size:35px;width:98%}.banner-message,.banner-btns{width:100%}.banner-btns .btn{width:150px;font-size:14px}.section-intro p{width:95%;text-align:justify;word-spacing:-2px;word-break:keep-all}.services-container,.industries-container,.clients-container{grid-template-columns:95%;justify-content:center}.modal-container{width:95%}.modal-header h1{font-size:26px;margin-bottom:0}.modal-body{padding:30px 5%}.modal-actions .btn{margin:0 5px;width:48%;font-size:14px}}