html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{overflow-x:hidden}*{line-height:1.5}body{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-style:normal}h1{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:42px;color:#555;padding-bottom:30px}h2{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:32px;color:#555;padding-bottom:30px}h3{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:20px;color:#555;text-align:center;padding-bottom:20px}p{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:18px;line-height:1.7;color:#555}section{padding:50px 0px}.content{display:block;width:1366px;max-width:100%;margin:0 auto;box-sizing:border-box}.narrow-content{display:block;width:966px;max-width:100%;margin:0 auto;box-sizing:border-box}.narrow-content p{padding-bottom:20px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.right-flex{display:flex;column-gap:25px}.header-phone{display:flex}.header-phone a{display:flex;text-decoration:none;color:#000;font-size:22px;transition:all .3s linear}.header-phone a:hover{color:#6a2ab2}.menu-trigger-container{display:flex;justify-content:flex-end;width:31px}.menu-trigger{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:31px;height:22px;cursor:pointer}.menu-trigger span{width:100%;height:4px;background:#000;transition:all .3s linear}.menu-trigger:hover span{background:#77b7c4}.menu-trigger.active span:first-child{transform:rotate(45deg)}.menu-trigger.active span:nth-child(2){display:none}.menu-trigger.active span:last-child{position:absolute;top:0;transform:rotate(-45deg)}.header-menu{position:fixed;top:0;right:-500px;display:flex;justify-content:center;flex-direction:column;align-items:center;width:500px;height:100vh;background:#fff;z-index:99999;transition:all .3s linear;-webkit-box-shadow:-3px 0px 34px -19px rgba(0,0,0,.75);-moz-box-shadow:-3px 0px 34px -19px rgba(0,0,0,.75);box-shadow:-3px 0px 34px -19px rgba(0,0,0,.75)}.header-menu.active{transform:translateX(-100%)}.header-menu ul{display:flex;flex-direction:column;row-gap:12px;column-gap:24px}.header-menu a{color:#7e7e7e;font-size:20px;text-decoration:none;transition:color .3s linear}.header-menu a:hover{color:#6acd59}.header-menu #menu-header-menu{display:flex;flex-direction:column;row-gap:10px}.header-menu #menu-header-menu a{font-size:24px;line-height:1.3}.header-menu #menu-header-menu a:hover{color:#f47333}.header-menu #menu-header-menu>li a{margin-bottom:20px}.header-menu .sub-menu{flex-direction:column;padding-left:20px;row-gap:12px}.header-menu .sub-menu a{font-size:18px}.header-menu .close-menu{position:absolute;top:50px;right:50px;width:30px;height:30px;display:flex;cursor:pointer}.header-menu .close-menu span{position:absolute;background:#222;width:30px;height:3px;top:15px;left:0;transition:background .3s linear}.header-menu .close-menu span:first-child{transform:rotate(45deg)}.header-menu .close-menu span:last-child{transform:rotate(-45deg)}.header-menu .close-menu:hover span{background:#f47333}.top-menu-container ul{display:flex;column-gap:20px}.top-menu-container a{text-decoration:none;font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:20px;color:#555}.top-menu-container a:hover{color:#6acd59}.hp-hero{border-bottom:solid 1px #ccc}.hp-hero .content{display:flex}.hp-hero .content h1{width:603px;max-width:100%}.hp-hero .content p{width:560px;max-width:100%}.hp-hero .content>div{display:flex;flex-direction:column;justify-content:center;flex:1;max-width:100%}.hp-hero .content>div:first-child{align-items:flex-start}.hp-hero .content>div:last-child{align-items:flex-end}.hp-hero .content>div:last-child img{max-width:100%}.portofolio-hero>div:last-child img{align-self:center;max-height:600px}.scroll-to{cursor:pointer}.dev-lab-services{border-bottom:solid 1px #ccc}.dev-lab-services h2{text-align:center}.services-cols{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:50px}.services-cols h3{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:20px;color:#555;text-align:center;padding-bottom:20px}.services-cols p{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:18px;line-height:1.7;color:#555;text-align:center;width:500px;max-width:100%;margin:0 auto}.services-cols a{text-decoration:none}.services-cols a:hover .access-badge{opacity:1;transform:translateY(-30px);transition:all .3s linear}.services-cols a:hover h3{color:#6a2ab2}.services-cols .top-part{position:relative;width:100%;height:430px;margin-bottom:20px}.services-cols .top-part .service-door{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.services-cols .top-part .bg-shape{position:absolute;left:50%;bottom:0;object-fit:cover;width:100%;max-width:400px;transform:translateX(-50%)}.services-cols .top-part .access-badge{opacity:0;position:absolute;bottom:0;left:0}.technologies-list{border-bottom:solid 1px #ccc}.technologies-list h2{text-align:center}.reversable-rows{display:flex;flex-direction:column;row-gap:50px;padding-top:50px}.reversable-rows .row{display:flex;justify-content:space-between;column-gap:100px}.reversable-rows .row.reverse{flex-direction:row-reverse}.reversable-rows h3{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:28px;color:#555;text-align:left;padding-bottom:18px}.reversable-rows p{padding-left:20px}@keyframes tilt-shaking{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(0eg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.shake-img:hover{cursor:pointer;animation:tilt-shaking .3s infinite}.single-post-hero{position:relative;height:500px;border-bottom:solid 1px #ccc;overflow:hidden}.single-post-hero h1{width:50%}.single-post-hero .content{display:flex;flex-direction:column;justify-content:center;height:100%}.single-post-hero .hero-img{position:absolute;top:0;right:0;width:50%;height:500px}.single-post-hero .hero-img img{position:absolute;top:0;width:100%;height:calc(100% + 50px);object-fit:cover}.blog-post-container h3{text-align:left}.blog-post-container ul{padding-left:20px}.blog-post-container ul li{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:20px;line-height:1.7;list-style-type:disc;list-style-position:inside}.blog-post-container ol{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:20px;line-height:1.7;list-style-position:inside;padding-left:20px}.blog-posts-section{border-bottom:solid 1px #ccc}.blog-posts-section h2{text-align:center}.latest-blog-posts{display:flex;justify-content:space-around;column-gap:20px}.latest-blog-posts .post-box{width:508px;max-width:100%;border:1px solid #ccc;text-decoration:none;transition:all .3s linear;background:#fff}.latest-blog-posts .post-box:hover{transform:scale(1.05)}.latest-blog-posts .box-img{width:100%;height:258px;overflow:hidden}.latest-blog-posts .box-img img{width:100%;height:100%;object-fit:cover}.latest-blog-posts .box-content{padding:50px;box-sizing:border-box;color:#555;line-height:1.5}.latest-blog-posts .title{text-align:left}.three-boxes-section{border-bottom:solid 1px #ccc}.three-boxes-section h2{text-align:center}.three-boxes-section .three-boxes{display:flex;justify-content:space-around}.three-boxes-section .three-boxes .box-img{width:265px;height:265px;margin-bottom:20px}.three-boxes-section .three-boxes .box-img img{width:100%;height:100%;object-fit:cover}.three-boxes-section .three-boxes h3{padding-bottom:2px}.three-boxes-section .three-boxes p{width:225px;max-width:100%;text-align:center;margin:0 auto}.services-packages{border-bottom:solid 1px #ccc}.services-packages h2{text-align:center}.services-packages .packages{display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:20px}.services-packages .packages>div{display:flex;width:960px;max-width:100%;border:solid 1px #fff;filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5))}.services-packages .packages ul{line-height:1.5}.services-packages .packages ul li{padding-bottom:10px}.services-packages .packages ul li:before{content:"✔";margin-right:10px}.services-packages .package-title{display:flex;align-items:center;width:10px;text-align:center;font-size:24px;font-weight:bold;color:#fff;background:#6a2ab2;padding:10px 20px;writing-mode:vertical-rl;text-orientation:mixed;border-right:solid 8px #ccc}.services-packages .package-img{width:350px;text-align:center}.services-packages .package-img img{width:100%;height:100%;object-fit:contain;padding:20px;box-sizing:border-box}.services-packages .package-content{flex-grow:1;background:#fff;color:#322a4a;padding:40px 25px}.services-packages .light-purple-package .package-title{background:#a086f1;color:#fff}.services-packages .light-purple-package .package-img{background:#fff}.services-packages .medium-purple-package .package-title{background:#6a2ab2;color:#fff}.services-packages .medium-purple-package .package-img{background:#fff}.services-packages .green-package .package-title{background:#6acd59;color:#fff}.services-packages .green-package .package-img{background:#fff}.services-packages .price{font-size:37px;line-height:1;letter-spacing:-4px;font-weight:bold;text-align:right}.service-packages-new{border-bottom:solid 1px #ccc}.service-packages-new h2{text-align:center}.service-packages-new h3{font-family:"Teko",sans-serif;font-size:30px;font-weight:normal;text-align:left}.service-packages-new h4{font-family:"Teko",sans-serif;font-size:24px;padding-bottom:20px;color:#505050}.service-packages-new .package-boxes{display:flex;justify-content:space-between;column-gap:20px}.service-packages-new .package-box{display:flex;flex-direction:column;width:410px;row-gap:20px;border:solid 1px #ccc;box-sizing:border-box}.service-packages-new .package-box:first-child h3{color:#a086f1}.service-packages-new .package-box:nth-child(2) h3{color:#6a2ab2}.service-packages-new .package-box:nth-child(3) h3{color:#6acd59}.service-packages-new .top-row{display:flex;height:300px;border-bottom:solid 1px #ccc;padding-bottom:20px}.service-packages-new .left-col{writing-mode:sideways-lr;text-orientation:mixed;padding-left:10px;padding-right:10px;box-sizing:border-box}.service-packages-new .right-col{position:relative;width:100%}.service-packages-new .right-col img{position:absolute;width:100%;height:100%;object-fit:contain;padding:20px;box-sizing:border-box}.service-packages-new .bottom-row{padding:30px 30px 30px 45px}.service-packages-new ul{line-height:1.5;padding-bottom:30px}.service-packages-new ul li{padding-bottom:10px}.service-packages-new ul li:before{content:"✔";color:#6acd59;margin-right:10px}.service-packages-new .cta-row{display:flex;justify-content:space-between;align-items:center}.service-packages-new .box-cta{background:#222;color:#fff;text-decoration:none;padding:10px 20px;box-sizing:border-box;transition:all .3s linear}.service-packages-new .box-cta:hover{background-color:#6acd59}.service-packages-new .price{font-family:"Teko",sans-serif;font-size:32px;color:#222;text-align:right}.how-it-works h2{text-align:center}.timeline{display:flex;align-items:center;flex-direction:column;row-gap:50px;padding-top:50px;padding-bottom:50px}.timeline h3{padding-bottom:0}.timeline>div{display:flex;column-gap:20px;max-width:100%}.timeline>div span{display:flex;justify-content:center;align-items:center;width:50px;height:42px;border:solid 1px #ccc;border-radius:50%;font-size:32px;color:#555;padding-bottom:8px}.timeline .tl-content{display:flex;flex-direction:column;align-items:flex-start;width:700px;max-width:100%}.center-img{display:block;margin:0 auto;max-width:100%}.intro{width:760px;max-width:100%;text-align:center;margin:0 auto;padding-bottom:30px}.lets-talk{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center}.lets-talk p{width:790px;max-width:100%;margin:0 auto}.my-work-section h2{text-align:center;width:700px;max-width:100%;margin:0 auto}.my-work-section h3{text-align:left}.my-work-section .projects-h3{font-family:"Raleway",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:20px;text-align:center;margin-top:30px;width:500px;max-width:100%;margin:0 auto;padding-bottom:30px}.my-work-section .large-numbers{font-size:140px;text-align:center;font-weight:bold;text-transform:uppercase;font-family:"Teko",sans-serif;color:#6a2ab2;margin-top:30px}.my-work-section .green-numbers{color:#6acd59}.my-work-section .work-row{padding-bottom:50px}.my-work-section .my-work{display:flex;flex-direction:column;row-gap:50px}.my-work-section .work-place{display:flex;flex-direction:row-reverse;column-gap:50px}.my-work-section .work-place>div:first-child{border-left:solid 1px #ccc;padding-left:50px;padding-top:43px}.my-work-section .work-place>img{align-self:flex-start}.my-work-section .work-done{display:flex;flex-wrap:wrap;column-gap:20px;align-items:center;justify-content:center;column-gap:20px}.my-work-section .work-done img{width:150px;height:auto;max-height:70px}.whatsapp-sticky{position:fixed;right:0;bottom:20px;display:flex;justify-content:flex-end;align-items:center;text-decoration:none;color:#f47333}.whatsapp-sticky span{color:#f47333;background:#fff;padding:14px;position:relative;right:-13px;z-index:9998;border:solid 1px #f47333;border-top-left-radius:20px;border-bottom-left-radius:20px;transition:all .3s linear}.whatsapp-sticky img{position:relative;z-index:9999}.whatsapp-sticky:hover span{background:#f47333;color:#fff}footer{padding:50px 0px 0px 0px}footer h2{text-align:center}footer .bottom-bar{background:#222;color:#fff;text-align:center;padding:10px 0px;box-sizing:border-box}.footer-cols{display:flex;column-gap:50px}.footer-cols h3{text-align:left}.footer-cols>div{width:50%}.footer-cols a{font-weight:600;font-size:20px;text-decoration:none;color:#555;transition:all .3s linear}.footer-cols a:hover{color:#6acd59}.footer-cols ul li{display:flex;padding-bottom:20px}.footer-cols ul li a{display:flex;column-gap:10px}.footer-cols form#forminator-module-34{width:500px;max-width:100%}@media(width < 1406px){.content,.narrow-content,.latest-blog-posts{padding-left:20px;padding-right:20px}}@media(width < 1145px){.hp-hero .content{flex-direction:column-reverse;align-items:center;row-gap:20px}}@media(width < 1024px){.services-cols{display:flex;flex-direction:column;align-items:center}.services-cols>div{width:500px;max-width:100%}.three-boxes{flex-direction:column;align-items:center;row-gap:20px}.service-packages-new .cta-row{flex-direction:column-reverse;row-gap:20px}.latest-blog-posts .box-content{padding:15px}}@media(width < 960px){.single-post-hero h1{width:100%;color:#fff}.single-post-hero .hero-img{background:#000;width:100%;z-index:-1}.single-post-hero .hero-img img{opacity:.3}.reversable-rows{align-items:center}.reversable-rows .row{flex-direction:column !important;align-items:center;row-gap:20px;width:500px;max-width:100%}.package-boxes{flex-direction:column;align-items:center;row-gap:20px}.my-work-section .work-place{flex-direction:column-reverse;align-items:center}.my-work-section .work-place>div{border:none !important;padding-left:0 !important;max-width:100%}.footer-cols{flex-direction:column;align-items:center}.footer-cols>div{display:flex;flex-direction:column;align-items:center;width:100%}}@media(width < 768px){.latest-blog-posts{flex-direction:column;align-items:center;row-gap:20px}.header-phone a span{display:none}}/*# sourceMappingURL=style.css.map */