.navbar-cart-icon{font-size:1.15rem}.navbar-menu-container svg{font-size:1.5rem;cursor:pointer;margin-right:2rem;color:#fff;transition:all .3s ease}.navbar-menu-container svg:hover{color:#4ab24f;transform:scale(1.1) rotate(90deg)}.navbar-menu-container{display:none}.navbar-logo-container{margin-left:6rem;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;max-width:180px;background:linear-gradient(135deg,#4ab24f,#5dd662);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;transition:all .3s ease}.navbar-logo-container:hover{transform:scale(1.05);filter:brightness(1.2)}.navbar-links-container a{margin-right:3rem;text-decoration:none;color:#ffffffd9;font-size:1.1rem;font-weight:600;position:relative;transition:all .3s ease;padding:.5rem 0}.navbar-links-container a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#4ab24f,#5dd662);transition:width .3s ease}.navbar-links-container a:hover{color:#4ab24f;transform:translateY(-2px)}.navbar-links-container a:hover:after{width:100%}@media (max-width: 800px){.navbar-logo-container{max-width:140px}.navbar-links-container{display:none}.navbar-menu-container{display:flex}}@media (max-width: 1000px){.navbar-links-container a{margin-right:1rem;font-size:1rem}.navbar-logo-container{margin-left:3rem;font-size:1.8rem}}@media (max-width: 480px){.navbar-logo-container{margin-left:1.5rem;font-size:1.5rem}.navbar-menu-container svg{font-size:1.3rem;margin-right:1rem}}.home-banner-container{position:relative;display:flex;height:100vh;padding-top:8rem;align-items:center}.home-bannerImage-container{position:absolute;top:-100px;right:-170px;z-index:-2;max-width:700px;opacity:.6;animation:pulse 4s ease-in-out infinite}.home-image-section{max-width:600px;flex:1;animation:slideInRight .8s ease-out;position:relative}.home-image-section img{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(74,178,79,.3));transition:transform .3s ease}.home-image-section img:hover{transform:scale(1.05)}.home-text-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;animation:slideInLeft .8s ease-out}.home-text-section h1{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(74,178,79,.2);line-height:1.2;margin-bottom:1rem}.home-text-section p{color:#fffc;line-height:1.8}@media (max-width: 1000px){.home-bannerImage-container{max-width:600px}}@media (max-width: 600px){.home-bannerImage-container{display:none}}@media (max-width: 800px){.home-bannerImage-container{max-width:450px}.home-banner-container{flex-direction:column-reverse;align-items:center;justify-content:center;padding-top:6rem;min-height:auto;padding-bottom:3rem}.home-image-section{width:100%;max-width:350px;margin-bottom:2rem}.home-image-section img{animation:none}.home-text-section{justify-content:center;align-items:center;margin-top:2rem;padding:0 1rem}.home-text-section h1{text-align:center;font-size:clamp(1.8rem,8vw,3rem)}.home-text-section p{text-align:center;font-size:clamp(.9rem,4vw,1.2rem)}}.about-section-container{position:relative;display:flex;align-items:center;justify-content:space-between;padding:100px 10%;min-height:100vh;background:#ffffff05;border-radius:30px;margin:50px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-background-image-container{position:absolute;left:-150px;z-index:-2;opacity:.4;animation:pulse 5s ease-in-out infinite}.about-section-image-container{flex:.9;animation:slideInLeft .8s ease-out}.about-section-image-container img{width:25rem;filter:drop-shadow(0 10px 30px rgba(74,178,79,.3));transition:transform .3s ease;animation:float 6s ease-in-out infinite}.about-section-image-container img:hover{transform:scale(1.05) rotate(2deg)}.about-section-text-container{flex:1;justify-content:center;display:flex;flex-direction:column;animation:slideInRight .8s ease-out;padding:2rem}.about-section-text-container h1{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;margin:1.5rem 0}.about-section-text-container p{color:#fffc;line-height:1.8}.about-buttons-container{margin-top:2rem;display:flex}@media (max-width: 800px){.about-section-container{flex-direction:column;align-items:center;justify-content:center;padding:50px 5%;min-height:auto;margin:30px 0}.about-section-image-container{width:100%;max-width:300px;margin-bottom:2rem;margin-right:0!important}.about-section-image-container img{width:100%;animation:none}.about-section-text-container{justify-content:center;align-items:center;margin-top:0;padding:1rem;text-align:center}.about-section-text-container h1{font-size:clamp(1.5rem,7vw,2.5rem);text-align:center}.about-section-text-container p{font-size:clamp(.9rem,4vw,1.1rem);text-align:center}.about-buttons-container{justify-content:center;flex-direction:column}}@media (max-width: 600px){.about-background-image-container{display:none}}.footer{color:#ffffffb3;padding:60px 20px;text-align:center;margin-top:80px;background:#ffffff05;border-top:1px solid rgba(74,178,79,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.footer-content{max-width:900px;margin:0 auto;animation:fadeIn .8s ease-out}.footer-logo{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#4ab24f,#5dd662);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;transition:all .3s ease;cursor:default}.footer-logo:hover{filter:brightness(1.2);transform:scale(1.05)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:15px}.footer-copy{font-size:1rem;color:#fff9;line-height:1.6;margin-top:10px}.carousel-container{width:90%;max-width:1200px;margin:10px auto;text-align:center;position:relative;padding:100px 10%;background:#ffffff05;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #0000004d}.carousel-slide{display:flex;justify-content:center;align-items:center;transition:all .4s ease;padding:0 10px}.carousel-image{height:500px;width:auto;object-fit:contain;border-radius:20px;transition:all .4s ease;box-shadow:0 8px 30px #0006;border:2px solid rgba(74,178,79,.2);opacity:.6}.slick-center .carousel-image{transform:scale(1.15);opacity:1;z-index:2;box-shadow:0 15px 50px #4ab24f66;border-color:#4ab24f}.slick-dots li button:before{color:#ffffff80;font-size:12px}.slick-dots li.slick-active button:before{color:#4ab24f;font-size:14px}.slick-prev:before,.slick-next:before{color:#4ab24f;font-size:30px;opacity:.8}.slick-prev:hover:before,.slick-next:hover:before{opacity:1;color:#5dd662}@media (max-width: 1024px){.carousel-container{max-width:900px}.carousel-image{height:400px}}@media (max-width: 768px){.carousel-container{width:95%;padding:60px 5%}.carousel-slide{padding:0}.carousel-image{height:400px;width:auto;opacity:1}.slick-prev:before,.slick-next:before{font-size:24px}}@media (max-width: 480px){.carousel-container{padding:40px 3%}.carousel-image{height:320px;border-radius:15px}.slick-center .carousel-image{transform:scale(1.05)}.slick-prev:before,.slick-next:before{font-size:20px}}.setup-section-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 5%;margin:50px auto;gap:40px;max-width:1200px;background:#ffffff08;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #0000004d;border:1px solid rgba(74,178,79,.1)}.setup-background-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.05;pointer-events:none;z-index:-1}.setup-section-image-container{display:flex;justify-content:center;width:100%;animation:slideInRight .8s ease-out}.setup-section-image-container img{width:100%;max-width:25rem;height:auto;filter:drop-shadow(0 10px 30px rgba(74,178,79,.3));transition:transform .3s ease;border-radius:20px}.setup-section-text-container{width:100%;text-align:left;animation:slideInLeft .8s ease-out}.setup-section-text-container h1{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;margin:1.5rem 0}.setup-section-text-container p{color:#fffc;line-height:1.8}.setup-steps-list{margin:30px 0;justify-content:center;list-style:none;background:#4ab24f0d;padding:2rem;border-radius:15px;border-left:4px solid #4ab24f}.setup-steps-list li{margin-bottom:20px;font-size:1.1rem;color:#ffffffe6;position:relative;padding-left:40px;transition:all .3s ease;padding:1rem 1rem 1rem 3rem;border-radius:8px}.setup-steps-list li:hover{background:#4ab24f1a;transform:translate(10px)}.setup-steps-list li:before{content:"✓";position:absolute;left:1rem;color:#4ab24f;font-weight:700;font-size:1.3rem}.setup-buttons-container{margin-top:50px;display:flex;justify-content:center;animation:fadeIn 1s ease-out .3s both}@media (min-width: 768px){.setup-section-container{flex-direction:row;padding:50px 10%;gap:50px}.setup-section-image-container{width:auto}.setup-section-image-container img{width:20rem}.setup-section-text-container{flex:1}}@media (min-width: 1024px){.setup-section-container{gap:70px}.setup-section-image-container img{width:25rem}}@media (max-width: 767px){.setup-section-container{padding:50px 5%;margin:30px 0}.setup-section-text-container h1{font-size:clamp(1.5rem,7vw,2.5rem);text-align:center}.setup-section-text-container p{font-size:clamp(.9rem,4vw,1.1rem);text-align:center}.setup-steps-list{padding:1.5rem}.setup-steps-list li{font-size:1rem;padding:.8rem .8rem .8rem 2.5rem}.setup-section-image-container img{max-width:18rem;animation:none}.setup-buttons-container{margin-top:30px}}.faq-section-container{position:relative;padding:100px 10%;background:#ffffff05;border-radius:30px;margin:50px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-background-image-container img{position:absolute;top:0;left:0;width:100%;opacity:.05;pointer-events:none;z-index:-1}.faq-content{max-width:900px;margin:0 auto;text-align:center;animation:fadeIn .8s ease-out}.faq-list{text-align:left;background:linear-gradient(135deg,#fffffff2,#f5f5f5f2);border-radius:20px;box-shadow:0 15px 50px #0003;padding:30px;margin-top:3rem;border:1px solid rgba(74,178,79,.1)}.faq-item{border-bottom:1px solid rgba(221,221,221,.5);padding:20px;cursor:pointer;transition:all .3s ease;border-radius:10px;margin-bottom:10px}.faq-item:last-child{border-bottom:none;margin-bottom:0}.faq-item:hover{background:#4ab24f0d;transform:translate(5px)}.faq-question{font-size:1.2rem;font-weight:700;color:#2d2d2d;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}.faq-toggle{font-size:1.8rem;color:#4ab24f;font-weight:700;transition:all .3s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4ab24f1a}.faq-item:hover .faq-toggle{background:#4ab24f33;transform:scale(1.1)}.faq-answer{margin-top:15px;padding-top:15px;font-size:1.05rem;color:#555;line-height:1.8;animation:fadeIn .4s ease-in-out;border-top:1px solid rgba(74,178,79,.2)}.faq-item.active .faq-question{color:#4ab24f}.faq-item.active{background:#4ab24f14;border-color:#4ab24f}.faq-item.active .faq-toggle{background:#4ab24f;color:#fff;transform:rotate(180deg)}.faq-primary-text{font-size:clamp(1rem,3vw,1.5rem);color:#fffc;margin:2rem 0rem;line-height:1.8}.faq-primary-heading{font-size:clamp(2rem,5vw,4rem);background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}@media (max-width: 800px){.faq-section-container{padding:60px 5%;margin:30px 0}.faq-primary-text{text-align:center;font-size:clamp(.9rem,4vw,1.2rem)}.faq-primary-heading{text-align:center;font-size:clamp(1.5rem,7vw,2.5rem)}.faq-list{padding:20px}.faq-item{padding:15px}.faq-question{font-size:1.05rem}.faq-answer{font-size:.95rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Reem Kufi,sans-serif!important}html{scroll-behavior:smooth}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.App{min-height:100vh;width:85vw;max-width:1900px;margin:0rem auto}body{max-width:100%;overflow-x:hidden}body{background:linear-gradient(135deg,#0f0f1e,#1e1e2f,#2a1a3d);background-attachment:fixed}nav{display:flex;position:fixed;align-items:center;justify-content:space-between;min-height:90px;top:0;left:0;z-index:1000;background:#0f0f1ed9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);width:100%;transition:all .3s ease;border-bottom:1px solid rgba(74,178,79,.1);box-shadow:0 8px 32px #0003}.primary-button{padding:.9rem 1.75rem;background:linear-gradient(135deg,#4ab24f,#3d9642);outline:none;border:none;border-radius:5rem;font-size:1.1rem;cursor:pointer;font-weight:600;transition:all .3s ease;color:#fff;box-shadow:0 4px 15px #4ab24f4d;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.primary-button:hover:before{left:100%}.primary-button:hover{background:linear-gradient(135deg,#3d9642,#2d7a32);transform:translateY(-2px);box-shadow:0 6px 20px #4ab24f66}.primary-heading{font-size:clamp(2rem,5vw,4rem);color:#fff;max-width:600px}.primary-text{font-size:clamp(1rem,3vw,1.5rem);max-width:500px;color:#a9a9a9;margin:2rem 0rem}.secondary-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#fff,#f0f0f0);outline:none;border:2px solid transparent;border-radius:5rem;font-size:1.1rem;cursor:pointer;font-weight:600;color:#1e1e2f;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.secondary-button svg{margin-left:.75rem;font-size:1.5rem;transition:transform .3s ease}.secondary-button:hover{background:linear-gradient(135deg,#4ab24f,#3d9642);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #4ab24f66;border-color:#4ab24f}.secondary-button:hover svg{transform:translate(5px)}.primary-subheading{font-weight:700;color:#4ab24f;font-size:1.15rem;text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block;padding-bottom:10px}.primary-subheading:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#4ab24f,transparent);border-radius:2px}.watch-video-button{margin-left:2rem;background-color:transparent;outline:none;border:none;border-radius:5rem;font-size:1.1rem;cursor:pointer;font-weight:600;color:#484848;transition:.2s;display:flex;align-items:center;justify-content:center}.watch-video-button svg{font-size:3rem;margin-right:1rem}.testimonial-section-bottom{margin-top:2rem;background-color:#fff;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;max-width:750px;border-radius:2rem;flex-direction:column;text-align:center}.testimonial-section-bottom{margin:2rem auto}.testimonial-section-bottom p{font-weight:700;color:#515151;max-width:500px;font-size:1.1rem;margin:2rem 0rem}.testimonials-stars-container svg{margin:0rem .25rem;font-size:1.5rem;color:#fe9e0d}.testimonial-section-bottom h2{margin-top:1.5rem}.work-section-wrapper{margin-top:10rem}.work-section-top p{text-align:center;max-width:600px!important}.work-section-top h1{max-width:700px!important}.work-section-top{display:flex;justify-content:center;align-items:center;flex-direction:column}.work-section-info{width:290px;min-height:350px;background-color:#fff;padding:1rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:1rem;color:#505050;margin:1rem 2rem}.work-section-info h2{margin:1rem 0rem}.work-section-bottom{margin-top:5rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.work-section-info p{flex:1;display:flex;align-items:center;font-weight:600}@media (max-width: 1000px){.primary-button{font-size:1rem}}@media (max-width: 800px){.primary-heading,.primary-text{text-align:center}.secondary-button{font-size:.95rem;padding:.8rem 1.8rem;cursor:pointer}.secondary-button svg{font-size:1.2rem}.primary-button{font-size:.95rem;padding:.8rem 1.5rem}.primary-subheading{text-align:center;font-size:1rem}.App{max-width:95vw}nav{min-height:70px}}@media (max-width: 480px){.secondary-button{font-size:.9rem;padding:.7rem 1.5rem}.primary-button{font-size:.9rem;padding:.7rem 1.3rem}.App{max-width:100vw}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}