html{scroll-behavior:smooth}body{box-sizing:border-box;margin:0}.after-image,.before-image,.handle,.slider{user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#root{background:#18181b;transition:all .3s ease}#root.light{background:white}.blur-span{position:absolute;box-shadow:0 0 1000px 50px #00d4ff}.blur-span.left{top:30%;left:10%}.blur-span.right{bottom:10%;right:10%}.star-container{display:flex;align-items:center;justify-content:center;padding:20px 0}h1{font-size:50px}h1,h2{font-weight:700;font-family:Poppins}h2{font-size:40px}h3{font-size:30px;font-weight:700;font-family:Poppins}li,p{font-family:Roboto;font-size:24px}.primary-button{position:relative;display:inline-block;padding:12px 24px;font-size:20px;font-weight:700;color:white;background:black;border-radius:10px;text-align:center;overflow:hidden;cursor:pointer;z-index:1;max-width:250px;font-family:Roboto}.primary-button:before,.primary-button:hover{background:linear-gradient(90deg,#3ec8e0,#526af4)}.primary-button:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:10px;padding:3px;-webkit-mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.primary-button:hover:before{filter:brightness(1.2)}#root.light .gradient-bottom,#root.light .gradient-top{width:100%!important;position:absolute;background:linear-gradient(180deg,rgba(2,169,247,.3) 20%,transparent 80%);left:0;right:0;height:50%;transition:all .3s ease}#root.light .gradient-top{transform:rotate(180deg);top:0}#root.light .gradient-bottom{bottom:0}#root.dark .gradient-bottom,#root.dark .gradient-top{display:none}.headerContainer{max-width:1440px;margin:0 auto;position:absolute;top:0;left:0;right:0;background:transparent;z-index:10;color:white;transition:all .3s ease}#root.light .headerContainer{color:black}.homeHeader{background:transparent;padding:40px 20px;position:absolute;top:0;left:0;right:0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:40px}.homeHeader.inner{justify-content:flex-start}.homeHeader img{max-width:80px}.homeHeader ul{display:flex;align-items:center;gap:20px;font-weight:700}.hero-container{min-height:600px;gap:30px;position:relative;padding-top:80px}.hero-container,.hero-container-inner{display:flex;justify-content:center;align-items:center}.hero-container-inner{max-width:1440px;margin:0 auto;padding:0 20px;width:100%;z-index:10}.hero-container-inner>*{width:50%}.hero-container .content,.hero-container .img{z-index:2}.hero-container .img{position:relative}.hero-container .img-label{position:absolute;bottom:0;font-size:50px;font-family:Bebas Neue;background:linear-gradient(90deg,#3ec8e0,#526af4);padding:3px 60px;color:white;border-radius:10px}.hero-container .content span{font-family:Dancing Script}.portfolioSection{padding:40px 0;max-width:1440px;margin:0 auto;color:white;text-align:center}#root.light .portfolioSection{color:black}.portfolioSection h2{margin-bottom:10px}.portfolioContainer{display:flex;justify-content:space-between;flex-wrap:wrap}.skills-section{padding:80px 20px;position:relative}.skills-section h2{margin-bottom:60px;z-index:2;color:white}.skills-container{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1440px;margin:0 auto}.skills-container>*{width:50%}.skills-logos{display:flex;justify-content:center;z-index:2;flex-direction:column;background:white;border:1px solid black;border-radius:10px}.skills-logos p{padding:20px}.skills-container img{border-radius:10px 10px 0 0;width:100%;max-height:400px}.skills-list{z-index:2}.skills-list,.skills-list ul{position:relative;display:inline-block}.skills-list ul{width:100%;list-style:none}.skills-list li{padding:40px 30px;cursor:pointer;position:relative;transition:color .3s;text-align:left;color:white;z-index:2;font-weight:700;font-size:40px;border-bottom:1px solid white}.skills-list li.active{color:black;font-weight:700}.active-indicator{position:absolute;left:0;width:calc(100% - 0px);height:40px;background-image:linear-gradient(90deg,#3ec8e0,#526af4);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(1.7px);-webkit-backdrop-filter:blur(1.7px);border:1px solid rgba(255,255,255,.3);transition:top .3s ease-in-out;z-index:1}.portfolioContainer .portfolio-item{border-radius:10px;background-color:#323232;color:white;flex:calc(50% - 40px) 1;margin:20px;min-width:330px;max-width:680px;transition:all .4s;border:1px solid black;box-shadow:0 0 20px rgba(255,255,255,.1)}#root.light .portfolioContainer .portfolio-item{box-shadow:0 0 20px rgba(0,0,0,.2)}.portfolio-item:hover{transform:scale(1.02);background-color:#323232;border-color:#fff}.portfolio-item img{width:100%;border-radius:10px 10px 0 0;height:310px}.portfolio-item h3{padding:20px 0;text-align:center}.portfolio-item p{padding:0 20px 20px}.portfolio-navigation{display:flex;justify-content:center;align-items:center;gap:40px;margin:40px 0}.portfolio-navigation li{border:1px solid white;border-radius:10px;padding:10px;flex:1 1;color:white;background:transparent;transition:all .3s ease;font-weight:700;text-align:center}.desktop-nav .nav-item{position:relative}.desktop-nav .nav-item:after{content:"";position:absolute;width:0;height:4px;background:linear-gradient(90deg,#3ec8e0,#526af4);left:0;bottom:-20%;transition:width .3s ease-in-out;border-radius:10px}.desktop-nav .nav-item:hover:after{width:100%}#root.light .portfolio-navigation li{border:1px solid black;color:black}.portfolio-navigation li:hover{background:white;color:black;cursor:pointer}#root.light .portfolio-navigation li:hover{background:black;color:white;cursor:pointer}.portfolio-navigation li.active{background:white;color:black;transition:all .3s ease}#root.light .portfolio-navigation li.active{background:black;color:white;transition:all .3s ease}.slider-container{padding:80px 0;position:relative;overflow:hidden;color:white}#root.light .slider-container{color:black}.slider-container:after,.slider-container:before{content:"";position:absolute;top:0;width:140px;height:100%;z-index:2;pointer-events:none}.slider-container:before{left:0;background:linear-gradient(90deg,#18181b,rgba(255,255,255,0))}#root.light .slider-container:before{background:linear-gradient(90deg,white,rgba(255,255,255,0))}.slider-container:after{right:0;background:linear-gradient(270deg,#18181b,rgba(255,255,255,0))}#root.light .slider-container:after{right:0;background:linear-gradient(270deg,white,rgba(255,255,255,0))}.slider-container h2{margin-bottom:80px}.skillLogo{max-width:250px}div:has(.skillLogo){text-align:center}.skillLogo p{font-weight:700;margin-top:20px;font-size:30px}.slick-track{display:flex}.slick-slider .slick-arrow{display:none!important}.slider-container .slick-dots{bottom:-80px}.slider-container .slick-dots li button:before{font-size:20px}.slick-slide img{height:250px}.contactForm{padding:180px 20px;justify-content:center;align-items:center;background:linear-gradient(0deg,rgba(2,169,247,.3) 20%,transparent 80%)}.contactForm,.contactForm form{display:flex;color:white;flex-direction:column;gap:20px;text-align:center}.contactForm form{max-width:800px;width:100%}.contact-div{width:100%;display:flex;justify-content:center}#root.light .contactForm{color:black}.contactForm input,.contactForm select,.contactForm textarea{background-color:white;height:50px;border-radius:4px;padding-left:10px;color:black;border:1px solid white}#root.light .contactForm input,#root.light .contactForm select,#root.light .contactForm textarea{border:1px solid black}.contactForm input::placeholder,.contactForm select::placeholder{color:black}.before-after{position:relative;width:100%;height:600px}.after-img,.before-img{width:100%;height:100%;object-fit:cover;position:absolute}.after-container{width:50%;height:100%;overflow:hidden;position:absolute;top:0;left:0}.slider{top:0;bottom:0;width:4px;cursor:ew-resize;transform:translateX(-50%)}.handle,.slider{position:absolute;left:50%;background:#fff}.handle{width:80px;height:80px;border-radius:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #000;display:flex;align-items:center;justify-content:center}.before-handle{transform:rotate(-90deg)}.after-handle{transform:rotate(90deg)}.fade-out{opacity:0;transition:opacity .5s ease-out}.fade-in{opacity:0;animation:fadeIn .5s forwards}.review-section{padding:80px 20px;position:relative}.review-section h2{color:white;margin-bottom:60px;text-align:center}#root.light .review-section h2{color:black;z-index:10}.review-container{display:flex;justify-content:center;gap:20px;max-width:1440px;margin:0 auto}.review-card{background-color:#27272a;padding:1rem;border:2px solid transparent;border-radius:15px;transition:all .3s ease;color:white;flex:1 1;z-index:10}.review-card:hover{background-color:#323232;border-color:#fff}.card-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){h1{font-size:40px}h2{font-size:30px}h3{font-size:24px}.hero-container-inner{flex-direction:column;gap:30px}.hero-container-inner .content{text-align:center}.hero-container-inner>*{width:100%}.portfolioContainer{flex-direction:column;align-items:center}.portfolioContainer .portfolio-item{flex:1 1;margin:20px 0}.skills-container{flex-direction:column}.skills-container>*{width:100%}.hero-container .img-label{font-size:30px}.hero-container{padding-top:160px;padding-bottom:80px}.contactForm{padding:80px 20px}.before-after-container p{flex-direction:column}}.inner-page-section,.innerPg-container,.landing-container{padding-top:180px;padding-bottom:80px;text-align:left;position:relative}.blog-index-container{padding-top:180px;padding-bottom:80px;position:relative;max-width:1440px;margin:0 auto}.blog-index-container .blur-span.right{top:50%;bottom:unset}.blog-index-container .blogs-heading{color:white;text-align:center;margin-bottom:40px}#root.light .blog-index-container .blogs-heading{color:black}.blog-index-container .featured-post{display:flex;align-items:center;justify-content:center;gap:20px;background-color:white;padding-left:20px;border-radius:10px;margin-bottom:80px;z-index:10;position:relative;box-shadow:0 0 20px rgba(255,255,255,.1)}.blog-index-container .featured-post .content-title{margin-bottom:20px;font-weight:700;font-size:30px;font-style:italic}.blog-index-container .featured-post img{border-radius:0 10px 10px 0}#root.light .blog-index-container .featured-post{background-color:black;color:white}.blog-index-container .blog-post{display:flex;flex-direction:column-reverse;flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 20px);box-sizing:border-box;margin-bottom:20px;background-color:white;justify-content:space-between;border-radius:10px;z-index:10;position:relative;box-shadow:0 0 20px rgba(255,255,255,.1)}.blog-index-container .blog-post .content-title{font-size:20px;font-weight:700;margin-bottom:20px;font-style:italic}.blog-index-container .blog-post img{height:280px;border-radius:10px 10px 0 0}.blog-index-container .blog-post .content-container{padding:20px}.blog-posts-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.before-after-slider{box-shadow:0 0 8px black;border-radius:10px}.landing-container h1{line-height:1.1}.innerPg-inner-container,.landing-inner-container{max-width:1440px;margin:0 auto;padding:0 20px;display:flex;gap:20px;align-items:center;justify-content:space-between;z-index:2;position:relative}.landing-inner-container .cta-callout span{font-family:Dancing Script;font-size:70px}.landing-inner-container>*{flex:1 1}.cta-callout{display:flex;align-items:flex-start;gap:10px;flex-direction:column;color:white;transition:all .3s ease}#root.light .cta-callout{color:black}.before-after-container{display:flex;flex-direction:column;gap:20px;align-items:center}.before-after-container p{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-style:italic;color:white;text-align:center}#root.light .before-after-container p{color:black}.before-after-slider__first-photo-container,.before-after-slider__second-photo-container{border-radius:10px}.before-after-slider__delimiter-icon{border:1px solid black;background:linear-gradient(90deg,#3ec8e0,#526af4);position:relative;cursor:-webkit-grab!important;cursor:grab!important}.before-after-slider__delimiter{background:linear-gradient(180deg,#3ec8e0,#526af4)!important}.cta-inner{display:flex;flex-direction:column;gap:10px}.left-block,.right-block{display:flex;align-items:center}.benefits-block{display:flex}.mobile-toggle{display:none}.steps-section{color:white;padding:80px 20px}#root.light .steps-section{color:black}.steps-section h2{margin-bottom:60px;text-align:center}.steps-inner{display:flex;max-width:1440px;margin:0 auto;gap:40px}.step-block{background-color:#27272a;padding:1rem;border:2px solid transparent;border-radius:15px;transition:all .3s ease;color:white;flex:1 1;display:flex;flex-direction:column;gap:20px;text-align:center}.step-block.active{background-color:#323232;border-color:#fff;transform:scale(1.05)}.step-heading{font-weight:700;font-size:20px}.step-description p{font-size:18px}.step-icon{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.step-block.active .step-icon svg{background-color:green;border-radius:100%}.toggle-container{width:80px;padding:14px;background-color:#5187e9;border-radius:20px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);display:inline-block;height:24px;position:relative;transition:all .3s ease-in;border:1px solid black;cursor:pointer}.toggle-container.dark{background-color:#2e1485;border:1px solid white}.toggle-slider{background-color:#fff;border-radius:20px;width:38%;height:100%;top:0;right:0;position:absolute;transition:all .4s ease;border:1px solid black}.toggle-container.dark .toggle-slider{transform:translateX(0)}.toggle-container.light .toggle-slider{transform:translateX(-165%)}img.moon{left:10%}img.moon,img.sun{position:absolute;width:20px;top:10%;height:80%}img.sun{right:10%}div#hubspotForm{max-width:600px;width:100%}.dropdown-section{max-width:1440px;margin:0 auto;padding:0 20px}.dropdown-section h2{color:white;text-align:center;margin-bottom:40px}.dropdown-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.dropdown-container{font-size:24px}.dropdown-container,.dropdown-title{border-radius:6px;transition:all .4s ease-in-out}.dropdown-title{padding:20px;font-family:Poppins;font-weight:700;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 8px rgba(0,0,0,.8);z-index:10;position:relative;background:white;gap:20px}.dropdown-container.active .dropdown-title{border-radius:6px 6px 0 0}.dropdown-title:hover{cursor:pointer;opacity:.7}.dropdown-title svg{min-width:30px;height:30px}.dropdown-content{max-height:0;opacity:0;transition:all .4s ease-in-out;background-color:#e7e7e7;font-family:Roboto;border-radius:0 0 6px 6px;background:white}.dropdown-container.active .dropdown-content{max-height:100%;opacity:1;padding:20px}.inner-page-section{overflow:hidden;margin-bottom:120px}.inner-page-inner{display:flex;max-width:1440px;margin:0 auto;color:white;padding:0 20px;z-index:2;position:relative}.inner-page-inner>*{flex:1 1}#root.light .inner-page-inner>*{color:black}.inner-image{position:absolute;width:45%;right:0;top:0;height:100%;z-index:2}.inner-image img{height:100%;width:100%;object-fit:cover}@media (max-width:1200px){.inner-page-section{display:flex;flex-direction:column-reverse;gap:20px;padding-top:120px}.inner-page-section .inner-image{position:relative;width:100%;padding:0 20px}.inner-page-section .inner-block{display:none}.inner-image img{max-height:300px;border-radius:6px}.inner-page-section{margin-bottom:0}}@media (max-width:900px){.landing-container{padding-top:130px}.landing-inner-container{flex-direction:column;gap:40px}.portfolio-navigation{flex-direction:column;gap:30px}.portfolio-navigation li{width:100%}.homeHeader.inner{justify-content:space-between}.review-container{flex-direction:column}.mobile-menu{position:fixed;right:-800px;top:0;height:100vh;width:75%;background:#323232;color:white;z-index:9999999;transition:all .4s ease-in-out}.mobile-menu.active{right:0}.mobile-menu.active .primary-button{display:inline-block}.mobile-menu ul{display:flex;flex-direction:column;gap:20px;height:100%;padding-top:60px;z-index:9999999}.review-card{z-index:1}svg.menu-close{position:absolute;top:2%;left:5%}.mobile-menu ul li:has(.nav-item){width:85%;text-align:center;border-bottom:1px solid white;padding:10px 0}.mobile-menu ul li:hover{cursor:pointer}.slider-container:after,.slider-container:before{display:none}.portfolioSection{padding:0 20px}.homeHeader{justify-content:space-between}.homeHeader .desktop-nav{display:none}.primary-button{font-size:16px}.portfolio-navigation{display:none}.portfolio-navigation-mobile{display:block;border:1px solid white;border-radius:10px;padding:10px;color:white;transition:all .3s;font-weight:700;width:100%;text-align:center;font-size:24px;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:Roboto;margin:20px 0}.portfolio-navigation-mobile option:checked{background-color:#323232;color:white}.portfolio-navigation-mobile:hover option{background-color:black;color:white}.portfolio-navigation-mobile-container{position:relative}.portfolio-navigation-mobile-container:after{content:"▼";font-size:14px;color:white;position:absolute;right:15px;top:35%;pointer-events:none;transition:all .3s ease}.steps-inner{flex-direction:column}.portfolio-navigation-mobile-container.active:after{transform:rotate(180deg)}.portfolio-item img{height:100%}.dropdown-content,.dropdown-title{font-size:18px}}@media (min-width:900px){.menu-open,.mobile-btn,.mobile-menu,.portfolio-navigation-mobile-container{display:none}}#root.dark .ImgTextCard{color:white}#root.light .ImgTextCard{color:black}