:root,html,body,.site-header,.site-footer,.navbar,.navbar-nav,.nav-link,.navbar-brand{font-family:'Plus Jakarta Sans',sans-serif!important}html{scroll-behavior:smooth;font-size:16px!important}body{--bs-body-font-family:'Plus Jakarta Sans', sans-serif;overflow-x:hidden}.site-header{background:none;position:absolute;z-index:99;width:100%}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity 1s ease}.preloader-content{color:#fff;font-family:'Plus Jakarta Sans',sans-serif;text-align:center}#preloader-name{display:flex;justify-content:center;gap:5px;text-transform:uppercase;height:60px}#preloader-name span{opacity:0;transform:translateX(20px);transition:opacity 0.5s ease,transform 0.5s ease;font-size:2.5rem}.preloader-bar-wrapper{position:relative;width:400px;height:6px;background-color:#333;margin:20px auto 0}#preloader-bar{position:absolute;top:0;left:0;height:6px;background-color:#fff;width:0%;transition:width 0.3s ease;border-radius:20px}#preloader-percentage{color:#fff;font-size:1rem;margin-top:10px;font-family:'Plus Jakarta Sans',sans-serif;transition:opacity 0.3s ease}.site-header .site-logo img{max-width:100%;width:205px;height:auto}.site-header .site-header-menu #menu-main-menu{width:100%;justify-content:end}.site-header .site-header-menu ul li{padding:10px 20px}.site-header .site-header-menu ul li a{color:#000!important;text-transform:capitalize;text-decoration:none;font-weight:500;cursor:pointer;transition:all ease-in-out .3s}.site-header .site-header-menu ul li a:hover{color:#444!important}.fixed-header.site-header{position:fixed;top:0;left:0;width:100%;background:rgb(255 255 255 / .9)}.hero-section{position:relative;background-size:cover;background-position:center;height:97vh;display:flex;align-items:center}.hero-section .container{z-index:2}.hero-section::after,.hero-section::before{bottom:0}.hero-section::before{border-right:50vw solid #fff0;left:0}.hero-section::after{border-left:50vw solid #fff0;right:0}.hero-section::after,.hero-section::before{content:'';width:0;height:0;border-bottom:100px solid #fff;position:absolute}.pre-text{font-size:1.875rem;color:#242627;margin-bottom:0;text-transform:uppercase}.hero-title{font-size:3.75rem;font-weight:400;text-transform:uppercase;color:#111;margin-bottom:25px;margin-top:0;z-index:9;position:relative}.hero-title:after{height:4px;width:50px;background:#000;display:block;margin:auto;content:"";margin-top:25px}.hero-paragraph{font-size:2.5rem;max-width:480px;margin:0 auto;color:#242627;line-height:1.25;font-weight:300!important;z-index:9;position:relative}.hero-graphic{width:710px;position:absolute;left:0;right:0;margin:auto;top:40%;z-index:1}.hero-graphic img{width:700px}.animated-png{width:100px;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}.scroll-down-arrow img{width:30px;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}.contact-side-link{position:absolute;left:60px;top:40%;transform:rotate(90deg);font-weight:600;z-index:999}.contact-side-link a{color:#000;text-decoration:none;text-transform:capitalize;letter-spacing:1px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(90deg);animation:bounceUp 2s infinite ease-in-out;font-size:.85rem}.contact-side-link a:hover{color:#333}@keyframes bounceUp{0%,100%{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(-10px)}}.contact-side-link a:before{display:inline-block;content:"";height:18px;width:18px;background:url(/wp-content/uploads/2025/07/message-circle.svg);background-size:cover;background-position:center;position:absolute;left:2px;top:-22px;transform:rotate(180deg)}.hero-scroll-down{position:absolute;bottom:30px;right:0;left:0;z-index:99}.portfolio-box{position:relative;overflow:hidden;cursor:pointer;border-radius:0;margin-bottom:0}.portfolio-img img{width:100%;display:block;transition:transform 0.4s ease;border-radius:0}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;background:rgb(0 0 0 / .85);padding:20px;text-align:center;opacity:0;transition:opacity 0.3s ease;border-radius:0}.portfolio-box:hover .portfolio-overlay{opacity:1}.portfolio-title{font-size:1rem;font-weight:600;color:#fff;margin-bottom:8px}.portfolio-category{font-size:.725rem;color:#fff}.portfolio-box:hover .portfolio-overlay{opacity:1}.testimonial-item{text-align:center;font-size:1.1rem}.testimonial-client{font-weight:700}.owl-nav span{font-size:2rem;color:#333;cursor:pointer;padding:0 10px}.site-footer{background:#000}.site-footer p{font-size:.825rem;margin-bottom:0;color:#fff}.site-footer ul{list-style:none;text-align:right;margin-bottom:15px;margin-top:15px}.site-footer ul li{display:inline-flex;margin:5px;background:#fff;padding:0;border-radius:100%;width:30px;height:30px;justify-content:center;align-items:center;padding-bottom:4px;margin-bottom:0;margin-top:0}.site-footer ul li img{width:16px}.contact-section{padding-top:100px;padding-bottom:80px;margin-bottom:120px;background:url(/wp-content/uploads/2025/07/map-bg.png);background-size:cover;background-position:center}.contact-section h3{font-size:3.125rem;letter-spacing:1px;text-transform:capitalize;line-height:1.15;font-weight:500;margin-bottom:25px}.contact-section h4{font-size:1.75rem;letter-spacing:.25px;text-transform:capitalize;line-height:1.25;font-weight:500;margin-bottom:30px}.contact-section h6{font-size:1.25rem;letter-spacing:.25px;text-transform:capitalize;line-height:1.5;font-weight:500;margin-bottom:30px}.contact-section ul{list-style:none;padding-left:0;margin-top:40px;margin-bottom:60px}.contact-section ul li{display:flex;flex-direction:row;margin-bottom:30px}.contact-section ul li img{width:30px}.contact-section ul .iconz{margin-right:15px}.contact-section ul li h5{font-size:1rem;text-transform:uppercase;margin-bottom:5px;font-weight:600}.contact-section ul li p{font-size:1rem;margin-bottom:0}.contact-section form input{background:#fafafa;padding:10px 15px;font-size:.875rem;box-shadow:none;border:none;outline:none;height:50px;max-width:100%;margin-bottom:15px}.contact-section form textarea{background:#fafafa;padding:10px 15px;font-size:.825rem;box-shadow:none;border:none;outline:none;height:100px;resize:none;max-width:100%;width:100%}.contact-section form br{display:none}.contact-section label.wdth-50{width:49%;margin-right:1.55%}.contact-section label.wdth-50:nth-of-type(2),.contact-section label.wdth-50:nth-of-type(4){margin-right:0!important}.contact-section label{width:100%}.wpcf7-submit{background:#000!important;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;height:60px;width:150px;text-align:center}.testimonial-section{background:#fafafa;padding-top:100px;padding-bottom:80px;position:relative}.about-section{padding-top:80px;padding-bottom:100px;position:relative}.portfolio-section{padding-top:100px;padding-bottom:150px;position:relative}.skills-section{padding-top:80px;padding-bottom:100px!important;background:#fafafa;position:relative}.owl-nav{text-align:center}.testimonial-item{background:none;border:none;box-shadow:none!important}.main-title{font-size:2.05rem;color:#000;margin-bottom:40px;font-weight:500;text-transform:capitalize}.main-title::after{height:2px;width:30px;background:#000;display:block;margin:auto;margin-top:auto;content:"";margin-top:15px}.testimonial-content{width:70%;margin:auto;margin-bottom:auto;font-size:1.125rem;font-style:italic;margin-bottom:50px!important}.small-title{color:#242627;font-size:1rem;text-transform:capitalize;font-weight:400}#portfolio-loader{color:#fff}.skills-item{margin-bottom:0;margin-top:0;padding:20px;border-bottom:1px solid #eee;min-height:300px}.skills-item img{width:75px;margin-bottom:20px}.skills-item h3{font-size:1.375rem;margin-bottom:20px;text-transform:capitalize}.about-section .main-title:after{margin:25px 0}.about-section p{font-size:1rem;line-height:1.6;text-align:justify;letter-spacing:0}.about-section img{max-width:400px;margin:auto;opacity:1!important}// Register ScrollTrigger plugin gsap.registerPlugin(ScrollTrigger);// Left to right animation gsap.from(".magic-left",{x:-100,opacity:0,duration:1,ease:"power2.out",scrollTrigger:{trigger:".magic-left",start:"top 80%",toggleActions:"play none none none"}});// Right to left animation gsap.from(".magic-right",{x:100,opacity:0,duration:1,ease:"power2.out",scrollTrigger:{trigger:".magic-right",start:"top 80%",toggleActions:"play none none none"}});// Bottom to top animation gsap.from(".magic-bottom",{y:100,opacity:0,duration:1,ease:"power2.out",scrollTrigger:{trigger:".magic-bottom",start:"top 80%",toggleActions:"play none none none"}});// Top to bottom animation gsap.from(".magic-top",{y:-100,opacity:0,duration:1,ease:"power2.out",scrollTrigger:{trigger:".magic-top",start:"top 80%",toggleActions:"play none none none"}});// Scale in gsap.from(".magic-scale",{scale:.8,opacity:0,duration:1,ease:"power2.out",scrollTrigger:{trigger:".magic-scale",start:"top 80%",toggleActions:"play none none none"}});// Rotate in gsap.from(".magic-rotate",{rotate:10,opacity:0,duration:1,ease:"power2.out",scrollTrigger:{trigger:".magic-rotate",start:"top 80%",toggleActions:"play none none none"}});// Fade in only gsap.from(".magic-fade",{opacity:0,duration:1.2,ease:"power2.out",scrollTrigger:{trigger:".magic-fade",start:"top 80%",toggleActions:"play none none none"}});::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#555}.clients-section{padding-bottom:30px;padding-top:100px;position:relative}.partner-logo{max-width:130px;margin:10px auto}.partner-logo img{width:100%}.clients-section .container{max-width:1100px}.curve.curve-top{left:0;top:-1px;width:100%}.curve.curve-gray-t::after,.curve.curve-gray-t::before{border-top:50px solid #f9f9f9}.curve.curve-top::before{border-right:30vw solid #fff0}.curve.curve-top::after,.curve.curve-top::before{top:0;border-top:50px solid #f9f9f9;border-bottom:0}.curve.curve-top::after{border-left:70vw solid #fff0}.curve.curve-bottom{left:0;bottom:-1px;width:100%}.curve{position:absolute;z-index:7}.curve.curve-gray-b::after,.curve.curve-gray-b::before{border-bottom:50px solid #f9f9f9}.curve.curve-bottom::after,.curve.curve-bottom::before{bottom:0}.curve::before{left:0;border-right:70vw solid #fff0}.curve::after{right:0;border-left:30vw solid #fff0}.curve::after,.curve::before{content:'';width:0;height:0;border-bottom:50px solid #fff;position:absolute}.wpcf7 form.sent .wpcf7-response-output{border-color:#000!important;padding:10px 15px!important}.grecaptcha-badge{visibility:hidden}.whatsapp-button{position:fixed;bottom:20px;left:20px;background-color:#000;color:#fff;width:50px;height:50px;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:9999;box-shadow:0 4px 10px rgb(0 0 0 / .3);transition:background-color 0.3s ease}.whatsapp-button:hover{background-color:#242627;color:#fff}#lightbox-description p,#lightbox-description ul{font-size:.85rem;margin-bottom:5px}#lightbox-description h3{font-size:1.5rem;font-weight:600}#lightbox-description ul{list-style-position:inside;padding-left:0}.hover-scroll-img{--scroll-ratio:0.9;overflow:hidden;position:relative;height:100%}.portfolio-img .scroll-image{display:block;width:100%;transition:transform 3s ease-in-out;will-change:transform}.hover-scroll-img:hover .scroll-image{transform:translateY(calc(-1 * (100% - 295px) * var(--scroll-ratio)))}.portfolio-img{max-height:295px;border-radius:10px}.tech-marquee{overflow:hidden;width:100%;background:#f9f9f9;padding:15px 0}.marquee-track{display:flex;animation:scroll-marquee 30s linear infinite}.marquee-content{display:flex;gap:0}.marquee-content img{height:30px;object-fit:contain;flex-shrink:0;margin-right:40px}@keyframes scroll-marquee{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}@media (max-width:767px){html{font-size:14px!important;overflow-x:hidden}body{overflow-x:hidden}.site-header{padding:30px 15px}.site-header .site-logo img{width:160px}.site-header-menu{position:absolute;right:0;top:10px;width:100%}.site-header-menu .container-fluid{justify-content:end}.navbar-collapse{min-height:100vh;background:#000;color:#fff;text-align:center}.site-header .site-header-menu #menu-main-menu li a{color:#fff!important}.site-logo{text-align:center}.hero-title{font-size:2.5rem}.hero-section{height:auto;min-height:80vh}.hero-paragraph{font-size:1.8rem}.hero-section::after,.hero-section::before Specificity:(0,1,1){border-bottom:50px solid #fff}.hero-graphic img{width:80%}.hero-graphic{width:100%;top:62.5%;opacity:.8}.contact-side-link{display:none}section{padding-left:15px;padding-right:15px}.about-section p{text-align:left}.about-section img{max-width:100%;margin-bottom:10px;margin-top:20px}.scroll-down-arrow img{opacity:.25}.main-title{font-size:2rem}.skills-item img{width:70px}.owl-carousel .owl-stage{overflow:hidden}.skills-item{padding-bottom:0}.markdown{height:180px;overflow:scroll}.testimonial-content{width:100%}.contact-section h3{font-size:2.25rem}.contact-section h4 br{display:none}.contact-section label.wdth-50{width:100%;margin-right:0}.contact-section form input{width:100%}.contact-section{margin-bottom:0}.site-footer{text-align:center;padding-top:20px;padding-bottom:20px}.site-footer ul{text-align:center;padding-left:0}.site-footer .row{flex-direction:column-reverse}}@media (max-width:1023px) and (min-width:768px){html{overflow-x:hidden;font-size:15px!important}.site-header .col-md-9{display:none}.site-header .col-md-3{width:100%;text-align:center}.hero-section{height:62vh}.hero-graphic img{width:500px}.contact-side-link{left:40px;top:35%}.hero-title{font-size:3.25rem}.hero-paragraph{font-size:2.25rem}.site-header .site-logo img{max-width:100%;width:200px;height:auto;padding-top:25px;padding-bottom:25px}.about-section img{width:100%}.about-section p{text-align:left}.about-section .col-md-5{flex:0 0 auto;width:50%}.main-title{font-size:2rem}.skills-item{padding:0}.skills-item h3{font-size:1.175rem}.skill-brief{font-size:.9rem}.skills-item img{width:60px}.skills-section{padding-bottom:50px!important}.owl-carousel .owl-stage{overflow:hidden}.skills-item{padding-bottom:0}.markdown{height:400px;overflow:scroll}.testimonial-content{width:100%}.portfolio-img{max-height:200px;border-radius:10px}.contact-section h4{font-size:1.25rem}.contact-section h3{font-size:2.125rem;letter-spacing:0}.contact-section label.wdth-50{width:100%;margin-right:0}.contact-section form input{width:100%}.contact-section{margin-bottom:0}.site-footer{text-align:center;padding-top:20px;padding-bottom:20px}.site-footer ul{text-align:center;padding-left:0}.site-footer .row{flex-direction:column-reverse}}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#fff0;color:#0a0a0a;border-radius:100px;font-size:.85rem;font-weight:600;border:2px solid #e0ddd6;transition:all 0.25s;text-decoration:none;margin-top:20px!important}.btn-outline:hover{border-color:#0a0a0a;transform:translateY(-2px)}