@import "https://fonts.googleapis.com/css2?family=Changa+One:ital@0;1&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Iosevka+Charon:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poller+One&family=Roboto+Slab:wght@100..900&family=Rowdies:wght@300;400&family=Rubik:ital,wght@0,300..900;1,300..900&family=Saira:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{margin:0;padding:0}body{font-optical-sizing:auto;color:#1d1820;width:100%;height:auto;font-family:"Exo 2",sans-serif;font-size:20px;font-style:normal}.home{scroll-behavior:smooth;flex-direction:column;align-items:center;display:flex}.home.light{background-color:#faf5fc}.home.dark{background-color:#0b071e}.home section{justify-content:center;width:100%;display:flex}.home section>div{width:63%}.home-section{flex-direction:column;justify-content:center;height:92dvh;display:flex}.home-s1-top{background-position:50%;background-size:cover;flex-direction:column;gap:20px;display:flex}.home-s1-top p{max-width:600px;font-size:70px}.light .home-s1-top p{color:#2c3e50}.dark .home-s1-top p{color:#faf5fc}.home-s1-top p>strong>span{color:#6c3483}.dark .home-s1-top p>strong>span{color:#c648f8}.home-s1-btns{flex-direction:row;gap:10px;display:flex}.home-s1-btns a{width:150px;text-decoration:none}.home-s1-btns button{color:#fff;background-color:#239b56;border:none;border-radius:12px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:150px;height:50px;font-size:18px;transition:all .5s;display:flex}.home-s1-btns button:hover{background-color:#166337;border:1px solid #bef3dd;transform:translateY(-2px)}.home-s1-bottom{flex-direction:column;gap:10px;margin-top:50px;display:flex}.home-s1-bottom h1{color:#999b9e;font-size:25px}.home-s1-bottom a{color:#239b56;text-decoration:none;transition:transform .5s}.home-s1-bottom a:hover{transform:translateY(-2px)}.bottom-links{flex-direction:row;gap:20px;display:flex}.work{flex-direction:column;gap:10px;height:auto;min-height:90dvh;padding-bottom:100px;display:flex}.work h1{color:#239b56;font-size:20px}#link-to-projects{flex-direction:row;justify-content:space-between;display:flex}.work p{font-size:30px}.dark #link-to-projects>p{color:#fff}#link-to-projects>a{flex-direction:row;gap:5px;font-size:20px;text-decoration:none;display:flex}.works{flex-direction:row;gap:30px;display:flex}.works a{border:1px solid gray;border-radius:12px;flex-grow:1;grid-template-rows:50% 50%;grid-template-columns:100%;width:31%;height:auto;min-height:480px;padding-bottom:20px;text-decoration:none;transition:transform .3s;display:grid}.works a:hover{transform:translateY(-3px)}.link-top{background-position:50%;background-size:cover}#work-1{background-image:url(/assets/growssify-Bgu9sw_K.png)}#work-2{background-image:url(/assets/kasivodrumz-DHhE0eXy.png)}#work-3{background-image:url(/assets/fidelmuthomi-DXDi8hxq.png)}.link-bottom{flex-direction:column;gap:5px;padding:0 15px;display:flex}.link-bottom h2{font-size:22px}.light .link-bottom h2{color:#000}.dark .link-bottom h2{color:#fff}.link-bottom p{font-size:17px}.light .link-bottom p{color:#41474e}.dark .link-bottom p{color:#e0dbe2}.builds{flex-direction:column;gap:10px;height:50dvh;display:flex}.builds h1{color:#239b56;font-size:20px}.builds>p{font-size:30px}.dark .builds>p{color:#fff}.builds-container{flex-direction:row;gap:20px;display:flex}.build-cont{border:1px solid gray;border-radius:12px;flex-direction:column;gap:10px;width:320px;height:280px;padding:10px 20px;display:flex}#service-icon{color:#239b56;background-color:#e2f3ec;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.build-cont h2{font-size:20px}.dark .build-cont h2{color:#fff}.dark .build-cont p{color:#e0dbe2}.build-cont a{flex-direction:row;align-items:center;text-decoration:none;display:flex}.dark a{color:#c648f8}@media (width<=1024px){.home section>div{width:90%}.home section{height:auto;padding-bottom:80px}.home-s1-top p{max-width:450px;font-size:50px}.works{flex-flow:wrap;gap:20px;display:flex}.works a{height:550px}.build-cont{width:280px}}@media (width<=768px){.home section>div{width:90%}.home-section{justify-content:space-evenly;gap:0;display:flex}.home-s1-top p{max-width:300px;font-size:45px}.home-s1-btns a{width:120px}.home-s1-btns button{max-width:120px;height:40px;font-size:15px}.home-s1-bottom h1{font-size:22px}.bottom-links{flex-wrap:wrap;gap:20px}.home-s1-bottom a{font-size:17px}.work{height:auto;padding-bottom:50px}.work p,#link-to-projects a{font-size:18px}.works{flex-direction:column;gap:50px;display:flex}.works a{width:100%;height:480px}.builds{height:auto}.builds>p{font-size:22px}.builds-container{flex-direction:column;display:flex}.builds-container p{font-size:18px}.build-cont{height:230px}}.header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fff;width:100%;height:8dvh;position:sticky;top:0}.header.light{border-bottom:1px solid #dde8f8}.header.dark{background-color:#0b071e;border-bottom:1px solid #272829}.header nav{flex-direction:row;justify-content:space-evenly;height:8dvh;display:flex}.logo{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:45%;display:flex}.logo img{width:50px;height:50px}.logo h1{font-size:22px;font-weight:700}.light .logo h1>a{color:#6c3483}.dark .logo h1>a{color:#c648f8}.logo h1>a{text-decoration:none}.links{flex-direction:row;justify-content:space-evenly;align-items:center;width:40%;display:flex}.links ul{justify-content:space-evenly;width:100%;display:flex}.links a{color:#239b56;padding-bottom:10px;font-size:19px;text-decoration:none}.dark>nav .links a{color:#30ca73}.links a:hover,.links a:focus,.links a.active{border-bottom:2px solid #239b56}.links ul{list-style-type:none}.link-active{border-bottom:2px solid #239b56}.nav-btns{flex-direction:row;align-items:center;gap:15px;width:15%;display:flex}#toggle-btn{color:#6c3483;background-color:#f1e6f5;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}#toggle-btn:hover{background-color:#eccdf7}#toggle-dropdown{background-color:none;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:none}.light #toggle-dropdown{background-color:#fff}.dark #toggle-dropdown{color:#fff;background-color:#0b071e}#contact-us-btn{color:#fff;background-color:#6c3483;border:none;border-radius:8px;outline:none;width:150px;height:40px;font-size:20px}.nav-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background-color:#fff;border-bottom:1px solid #8b5cf626;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column;align-items:center;gap:10px;width:150px;padding:10px;display:none;position:absolute;top:100%;left:auto;right:0;overflow:hidden}.dark .nav-dropdown{background-color:#0b071e}.nav-dropdown>a{color:#239b56;text-align:center;border-radius:8px;width:120px;padding:10px;text-decoration:none}.nav-dropdown>a:hover{background-color:#e2f3ec}.nav-dropdown button{color:#fff;background-color:#6c3483;border:none;border-radius:8px;outline:none;width:150px;height:40px;font-size:20px}.nav-dropdown button>a{color:#fff;text-decoration:none}@media (width<=1024px){header{width:100%}.logo{gap:5px;width:35%}.logo h1{font-size:20px}.links{width:35%}.links a{font-size:15px}#contact-us-btn{width:110px;font-size:18px}#toggle-btn{width:30px;height:30px;font-size:18px}}@media (width<=768px){nav{flex-direction:row;padding:0 10px;display:flex;justify-content:space-between!important}.logo{width:60%}.logo h1{font-size:18px}.logo img{width:30px;height:30px}.links{width:0;display:none}#contact-us-btn{display:none}.nav-btns{width:auto}#toggle-btn{width:35px;height:35px}#toggle-dropdown,.nav-dropdown{display:flex}}footer{color:#fff;background-color:#1d364e;justify-content:center;align-items:center;padding:20px;display:flex}footer.dark{background-color:#0d0211}.footer{flex-direction:column;justify-content:space-evenly;width:63%;height:40dvh;display:flex}.footer-top{border-bottom:1px solid #fff;flex-direction:row;justify-content:space-between;height:200px;padding-bottom:50px;display:flex}#footer-logo{width:80px;height:80px}.top1{flex-direction:column;justify-content:space-between;display:flex}.foot-top-words{flex-direction:column;gap:5px;display:flex}.footer h1{font-size:25px}.top1 p{max-width:300px;font-size:18px}.dark .top1 p{color:#e0dbe2}#subscribe{flex-direction:row;gap:10px;display:flex}#subscribe input{border:2px solid #fff;border-radius:8px;outline:none;padding:10px;font-size:16px}#subscribe input:focus{border:2px solid #239b56}#subscribe button{color:#239b56;background-color:#e2f3ec;border:2px solid #239b56;border-radius:8px;width:120px;height:50px;font-size:16px}#subscribe button:hover{background-color:#c2e5d8}.top2{flex-direction:column;gap:5px;display:flex}.top2 a{color:#e2f3ec;font-size:18px;text-decoration:none}.dark .top2 a{color:#e0dbe2}.top2 a:hover{color:#239b56}.top3{flex-direction:column;gap:5px;display:flex}.top3 a{color:#e2f3ec;font-size:18px;text-decoration:none}.dark .top3 a{color:#e0dbe2}.top3 a:hover{color:#239b56}.top4{flex-direction:column;gap:5px;display:flex}.top4 a{color:#e2f3ec;font-size:18px;text-decoration:none}.dark .top4 a{color:#e0dbe2}.top4 a:hover{color:#239b56}.footer-bottom{flex-direction:column;display:flex}.bottom-1{flex-direction:row;justify-content:space-between;display:flex}.bottom-2 p>i{color:#f03737}.footer-bottom p{font-size:18px}.dark .footer-bottom p{color:#e0dbe2}.footer-icons{gap:10px;display:flex}.footer-icons i{color:#239b56;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;display:flex}.footer-icons i:hover{background-color:#2b4f70}.footer-icons a{text-decoration:none}@media (width<=1024px){.footer{width:90%}.footer h1{font-size:20px}#subscribe input{width:120px}.footer p,.footer a{font-size:15px}}@media (width<=768px){.footer{gap:30px;width:90%;height:auto}.footer-top{flex-direction:column;justify-content:center;gap:50px;height:auto;display:flex}.top1{gap:30px}#subscribe input{width:150px;height:20px}#subscribe button{height:45px}.footer-bottom p{max-width:200px}}#connect.light{background-color:#faf5fc}#connect.dark{background-color:#0b071e}#connect{justify-content:center;align-items:center;display:flex}.connect{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:40dvh;display:flex}.connect h1{font-size:25px}.light .connect h1{color:#000}.dark .connect h1{color:#fff}.connect p{font-size:20px}.dark .connect p{color:#e0dbe2}.connect button{color:#fff;background-color:#239b56;border:none;border-radius:8px;outline:none;width:200px;height:50px;font-size:20px}@media (width<=1024px){.connect{width:90%}#connect{padding-bottom:80px}}@media (width<=768px){.connect{flex-direction:column;justify-content:center;align-items:center;width:90%;display:flex}.connect h1{font-size:20px}.connect p{text-align:center;font-size:18px}.connect button{width:150px;height:40px;font-size:18px}}#about{flex-direction:column;align-items:center;padding:20px 0;display:flex}#about.light{background-color:#faf5fc}#about.dark{background-color:#0b071e}.about{flex-direction:column;gap:50px;width:63%;display:flex}#about h1{color:#239b56;font-size:20px}.about-top{flex-direction:column;gap:10px;padding-bottom:50px;display:flex}.details-cont{flex-direction:row;gap:200px;display:flex}.details-start{flex-direction:column;gap:25px;display:flex}#about-sentence{font-size:30px;font-weight:700}.dark #about-sentence{color:#fff}.about-details span{flex-direction:column;gap:20px;display:flex}.about-details p{max-width:600px}.founder-div{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:10px;display:flex}#founder-image{background-image:url(/assets/ceo-qfE7GIhG.jpg);background-position:50%;background-size:cover;border-radius:50%;width:300px;height:300px;box-shadow:0 0 4px #79797c}.dark #founder-image{box-shadow:0 0 4px #faf5fc}.dark .about-details p{color:#e0dbe2}#title{color:#000;font-size:25px}.dark #title{color:#fff}#ceo-name{text-align:center;color:#1d1820;text-decoration:none}.dark #ceo-name{color:#e2f3ec}.about-bottom{flex-direction:column;align-items:center;gap:10px;display:flex}.about-bottom p{font-size:30px}.dark .about-bottom p{color:#e0dbe2}.values{flex-direction:column;gap:10px;padding-bottom:80px;display:flex}.dark .values p{color:#e2f3ec}.value-container{flex-flow:wrap;gap:30px;margin-top:10px;display:flex}.value-box{text-align:center;border:1px solid gray;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:250px;padding:20px 10px;transition:transform .3s;display:flex}.value-box:hover{transform:translateY(-3px)}.value-box i{color:#239b56;background-color:#e2f3ec;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.value-box h2{font-size:20px}.dark .value-box h2{color:#fff}.value-box p{font-size:18px}.dark .value-box p{color:#e0dbe2}.tools{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.web{flex-direction:row;justify-content:space-between;width:100%;display:flex}.web span{color:#239b56;background-color:#e2f3ec;border:2px solid #239b56;border-radius:10px;justify-content:center;align-items:center;width:120px;height:40px;font-size:18px;transition:transform .5s;display:flex}.web span:hover{transform:translateY(-5px)}@media (width<=1024px){.about{width:90%}#about{padding-bottom:80px}.details-cont{flex-direction:column;gap:50px;display:flex}.web{flex-flow:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.value-container{gap:15px}.value-box{padding:20px 5px}}@media (width<=768px){.about{width:90%}#about-sentence{font-size:25px}.about-details{flex-direction:column;padding-bottom:20px}.web span{width:100px}}#services{flex-direction:column;align-items:center;padding:20px 0;display:flex}#services.light{background-color:#faf5fc}#services.dark{background-color:#0b071e}#services h1{color:#239b56;font-size:20px}.services{flex-direction:column;gap:30px;width:63%;display:flex}#make{font-size:30px}.dark #make{color:#e0dbe2}.service-words{text-align:center;flex-direction:column;gap:10px;display:flex}.dark .service-words{color:#e0dbe2}.service-container{flex-direction:column;gap:30px;display:flex}.service-box{flex-direction:row;gap:50px;display:flex}.service-box img{color:#6c3483;border-radius:10px;width:400px;height:350px}.service-box span{width:100%;max-width:600px}.service-container span{flex-direction:column;gap:10px;display:flex}.service-box ul{color:#239b56;padding-left:0;list-style:none}.dark .service-box ul{color:#239b56}.service-box ul>li{margin-bottom:10px;padding-left:30px;line-height:1.5;position:relative}.service-box ul>li:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23239b56'%3e%3cpath%20d='M382-240%20154-468l57-57%20171%20171%20367-367%2057%2057-424%20424Z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:cover;width:25px;height:25px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.service-box h3{color:#000;font-size:25px}.dark .service-box h3{color:#fff}.dark .service-box p{color:#e0dbe2}@media (width<=1024px){.services{width:90%}}@media (width<=768px){.services{width:90%}#services{padding-bottom:80px}.service-box{flex-direction:column;gap:30px;display:flex}.service-container{gap:80px}.service-box img{width:380px;height:300px}#service-box2{flex-direction:column-reverse}}#projects{justify-content:center;padding:20px 0;display:flex}#projects.light{background-color:#faf5fc}#projects.dark{background-color:#0b071e}.projects{flex-direction:column;gap:10px;width:63%;display:flex}.projects h1{color:#239b56;font-size:20px}.projects>p{font-size:30px}.dark .projects>p{color:#e0dbe2}.projects-container{flex-direction:column;gap:50px;display:flex}.project-box img{border-radius:10px;width:100%;max-width:450px;height:300px}.project-box{flex-direction:row;gap:50px;width:100%;display:flex}.box-details{flex-direction:column;gap:10px;display:flex}.box-details h2{color:#000;font-size:25px}.dark .box-details h2{color:#fff}.dark .box-details p{color:#e0dbe2}.project-type{flex-direction:row;gap:10px;margin-top:5px;display:flex}.project-type span{color:#6c3483;background-color:#f1e1f8;border:2px solid #6c3483;border-radius:8px;justify-content:center;align-items:center;width:180px;height:30px;font-size:18px;transition:transform .3s;display:flex}.project-type span:hover{transform:translateY(-5px)}.box-details a{color:#984ab8;flex-direction:row;align-items:center;gap:10px;margin-top:10px;text-decoration:none;display:flex}.dark .box-details a{color:#c648f8}.box-details a:hover{color:#6c3483}@media (width<=1024px){.projects{width:90%}#projects{padding-bottom:80px}.project-box{gap:30px}.project-type span{width:130px;font-size:15px}.project-box img{width:400px}}@media (width<=768px){.projects{width:90%}.projects-container{gap:100px}.project-box{flex-direction:column;display:flex}.project-box img{width:380px;height:250px}#project1{flex-direction:column-reverse}}#contact{flex-direction:column;align-items:center;padding:20px 0;display:flex}#contact.light{background-color:#faf5fc}#contact.dark{background-color:#0b071e}.contact{flex-direction:column;gap:50px;width:63%;display:flex}.contact h1{color:#239b56;font-size:20px}.contact-head{flex-direction:column;align-items:center;gap:10px;display:flex}.dark .contact-head{color:#e0dbe2}#idea{font-size:30px}.contact-box{flex-direction:row;justify-content:space-between;padding-bottom:100px;display:flex}.contact-box form{flex-direction:column;gap:10px;width:50%;display:flex}.form-span{flex-direction:column;gap:7px;display:flex}.form-span label{color:#000;font-size:22px}.dark .form-span label{color:#fff}.form-span input{background-color:#faf5fc;border:1px solid #d6d2d2;border-radius:10px;outline:none;width:90%;padding:10px;font-size:18px}.form-span input:focus{border:1px solid #6c3483}.form-span textarea{background-color:#faf5fc;border:1px solid #d6d2d2;border-radius:10px;outline:none;width:90%;height:100px;padding:10px;font-size:18px}.form-span textarea:focus{border:1px solid #6c3483}.dark .form-span input,.dark .form-span textarea{color:#fff;background-color:#0b071e}.contact-box button{color:#fff;background-color:#239b56;border:none;border-radius:10px;outline:none;max-width:200px;height:50px;margin-top:10px;font-size:20px;transition:background-color .3s}.contact-box button:hover{background-color:#18663a}.handles-box{flex-direction:column;gap:20px;padding-top:20px;display:flex}.handles a{color:#6c3483;background-color:#f0d6fa;border:1px solid #6c3483;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;text-decoration:none;transition:all .3s;display:flex}.handles a:hover{background-color:#e1a6f8;transform:translateY(-2px)}@media (width<=1024px){.contact{width:90%}.handles{width:300px}.contact-box{justify-content:space-evenly}.handles a{font-size:16px}}@media (width<=768px){.contact{width:90%}.contact-head{text-align:center}.contact-box{flex-direction:column;gap:50px}.contact-box form{width:100%}.form-span label{font-size:20px}}