@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.fb-browser{overflow-x:hidden!important;max-width:100vw!important}.fb-browser *{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fb-browser .app{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.fb-browser a,.fb-browser button{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;cursor:pointer!important;pointer-events:auto!important}.fb-browser .nav-list,.fb-browser .project-content{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity}.fb-browser .hero-container,.fb-browser .about-container,.fb-browser .services-container,.fb-browser .whyme-container,.fb-browser .projects-container{position:relative;z-index:1;isolation:isolate}.fb-browser .contact{position:relative;z-index:100!important;isolation:isolate}.fb-browser .footer{position:relative;z-index:50;isolation:isolate}.fb-browser .hero-content,.fb-browser .about-content{overflow:hidden;max-width:100%;contain:layout style}.fb-browser .hero-content>*,.fb-browser .about-content>*{position:relative!important;z-index:1!important;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.app{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden}.hero-container,.about-container,.services-container,.whyme-container,.projects-container{position:relative;z-index:auto;isolation:isolate}.contact{position:relative!important;z-index:100!important;isolation:isolate!important}.nav-container{position:relative;z-index:1000}.footer{position:relative;z-index:50}h1,h2,h3,h4,h5,h6,p,span,a{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.about-container{display:flex;padding:100px 40px;justify-content:space-between;gap:30px;position:relative;z-index:1;isolation:isolate}.about-container .about-content{display:flex;flex-direction:column;gap:30px;flex:2;direction:rtl;position:relative;z-index:1;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.about-container .about-content h1{font-size:50px;letter-spacing:2px;font-style:oblique;text-align:right;position:relative;z-index:1}.about-container .about-content h3{font-size:20px;text-align:right;position:relative;z-index:1;line-height:1.6}.about-container .about-img{flex:1;position:relative;z-index:1}.about-container .about-img img{width:500px;height:300px}@media screen and (max-width: 1024px){.about-container{align-items:center}.about-container .about-img img{width:300px;height:200px}}@media screen and (max-width: 900px){.about-content h1{font-size:30px!important}}@media screen and (max-width: 640px){.about-container{flex-direction:column;align-items:center;gap:30px;padding:60px 20px;margin-bottom:60px;overflow:hidden}.about-container .about-content{align-items:center;width:100%;max-width:100%;overflow:hidden}.about-container .about-content h1,.about-container .about-content h3{text-align:center;max-width:100%;overflow-wrap:break-word;word-break:break-word}.about-container .about-content h1{font-size:32px!important}.about-container .about-content h3{font-size:18px!important}.about-container .about-img{width:100%}.about-container .about-img img{width:100%;height:unset}}.contact{width:90%;max-width:1000px;margin:80px auto;padding:80px 60px;direction:rtl;position:relative;z-index:10;isolation:isolate;border:2px solid rgba(96,139,193,.3);border-radius:20px;background:linear-gradient(135deg,#1e293bf2,#334155f2);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#608bc1,#608bc14d,#608bc1);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none;z-index:-1}.contact h1{text-align:center;font-size:48px;font-weight:700;margin-bottom:15px;color:#f3f3e0;position:relative;display:inline-block;width:100%;text-shadow:0 2px 10px rgba(96,139,193,.3)}.contact h1:after{content:"";position:absolute;bottom:-15px;right:50%;transform:translate(50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,#608bc1,transparent);border-radius:2px;box-shadow:0 0 10px #608bc180}.contact>p{text-align:center;font-size:18px;color:#ffffffb3;margin:30px auto 0;max-width:600px;line-height:1.6}.contact .contact-form{width:100%;max-width:700px;margin:60px auto 0;display:flex;flex-direction:column;gap:30px}.contact .contact-form label{display:flex;flex-direction:column;gap:12px;position:relative}.contact .contact-form label span{font-size:18px;font-weight:500;color:#dee0e7;padding-right:5px}.contact .contact-form label input,.contact .contact-form label textarea{width:100%;padding:18px 20px;font-size:17px;font-family:Poppins,sans-serif;background:#33415566;border:2px solid rgba(96,139,193,.3);border-radius:12px;direction:rtl;color:#f3f3e0;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact .contact-form label input::placeholder,.contact .contact-form label textarea::placeholder{color:#ffffff40}.contact .contact-form label input:focus,.contact .contact-form label textarea:focus{outline:none;border-color:#608bc1;background:#33415599;transform:translateY(-2px);box-shadow:0 8px 20px #608bc126,0 0 0 4px #608bc11a}.contact .contact-form label input:hover:not(:focus),.contact .contact-form label textarea:hover:not(:focus){border-color:#608bc180}.contact .contact-form label textarea{resize:vertical;min-height:160px;line-height:1.6}.contact .contact-form button{align-self:center;padding:18px 60px;font-size:20px;font-weight:700;font-family:Poppins,sans-serif;background:#608bc1;color:#fff;border:none;border-radius:12px;cursor:pointer!important;transition:all .3s ease;margin-top:20px;position:relative;overflow:hidden;pointer-events:auto!important;touch-action:manipulation;z-index:100}.contact .contact-form button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.contact .contact-form button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #608bc166}.contact .contact-form button:hover:before{width:300px;height:300px}.contact .contact-form button:active{transform:translateY(-1px)}@media (max-width: 768px){.contact{width:95%;padding:60px 30px}.contact h1{font-size:36px}.contact .contact-form{gap:25px}.contact .contact-form label span{font-size:16px}.contact .contact-form input,.contact .contact-form textarea{padding:15px 18px;font-size:16px}.contact .contact-form button{padding:16px 40px;font-size:18px}}@media (max-width: 430px){.contact{width:100%;padding:40px 20px}.contact h1{font-size:28px}}.footer{display:grid;grid-template-columns:1fr;gap:60px;padding:80px 60px 50px;position:relative;background:#0f172a80;border-top:1px solid rgba(96,139,193,.2)}@media (min-width: 768px){.footer{grid-template-columns:1fr 1fr;gap:80px}}@media (min-width: 1200px){.footer{grid-template-columns:2fr 1fr 1fr}}.footer .footer-section{display:flex;flex-direction:column;gap:25px}.footer .footer-section.footer-brand{grid-column:1/-1}@media (min-width: 1200px){.footer .footer-section.footer-brand{grid-column:1/2}}.footer .footer-section.footer-brand h2{font-size:32px;font-weight:700;color:#f3f3e0;margin:0 0 10px}.footer .footer-section.footer-brand p{font-size:16px;line-height:1.8;color:#fff9;max-width:400px}.footer .footer-section h3{font-size:20px;font-weight:700;color:#608bc1;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.footer .footer-links{display:flex;flex-direction:column;gap:15px}.footer .footer-links .link-wrapper{text-decoration:none;font-size:16px;color:#ffffff80;transition:all .3s ease;padding:8px 0;position:relative;width:fit-content}.footer .footer-links .link-wrapper:before{content:"→";position:absolute;right:-25px;opacity:0;transition:all .3s ease;color:#608bc1}.footer .footer-links .link-wrapper:hover{color:#f3f3e0;padding-right:30px}.footer .footer-links .link-wrapper:hover:before{opacity:1;right:0}.footer .footer-links .link-wrapper .underline{display:none}.footer .footer-media{display:flex;gap:20px;flex-wrap:wrap}.footer .footer-media .media{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#608bc11a;border:2px solid rgba(96,139,193,.3);border-radius:10px;transition:all .4s ease;font-size:24px}.footer .footer-media .media path{color:#ffffff80;transition:color .3s ease}.footer .footer-media .media:hover{background:#608bc1;border-color:#608bc1;transform:translateY(-5px) rotate(5deg);box-shadow:0 10px 25px #608bc14d}.footer .footer-media .media:hover path{color:#fff}.footer .footer-copyrights{grid-column:1/-1;text-align:center;padding-top:40px;margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}.footer .footer-copyrights p{font-size:15px;color:#fff6;margin:0}.hero-container{display:flex;justify-content:space-between;padding:110px 40px;direction:rtl;position:relative;z-index:1;isolation:isolate}.hero-container .hero-content{display:flex;flex-direction:column;gap:30px;padding:0 10px;flex:2;z-index:1;position:relative;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.hero-container .hero-content h1{font-size:50px;letter-spacing:2px;font-style:oblique;position:relative;z-index:1}.hero-container .hero-content p{width:70%;font-size:20px;position:relative;z-index:1}.hero-container .hero-content .btn-primary{text-decoration:none;position:relative;z-index:1}.hero-container .hero-img{flex:1;position:relative;z-index:1}.hero-container .hero-img img{width:500px;height:300px}@media screen and (max-width: 1024px){.hero-container .hero-img img{width:300px;height:200px}}@media screen and (max-width: 900px){.hero-content h1{font-size:30px!important}}@media screen and (max-width: 640px){.hero-container{flex-direction:column;align-items:center;gap:30px;padding:80px 20px 60px;margin-bottom:40px;overflow:hidden}.hero-container .hero-content{align-items:center;width:100%;max-width:100%;overflow:hidden}.hero-container .hero-content h1{text-align:center;font-size:32px!important;max-width:100%;overflow-wrap:break-word;word-break:break-word}.hero-container .hero-content p{width:100%;text-align:center;font-size:16px!important;max-width:100%;overflow-wrap:break-word;word-break:break-word}.hero-container .hero-img{width:100%}.hero-container .hero-img img{width:100%;height:unset}}.overlay{width:100%;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);z-index:99}.overlay .loader{position:relative;border:24px solid #FFF;border-radius:50%;box-sizing:border-box;animation:eat 1s linear infinite;position:absolute;top:50%;left:50%}.overlay .loader:after,.overlay .loader:before{content:"";position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#fff;width:15px;height:15px;border-radius:50%;box-sizing:border-box;opacity:0;animation:move 2s linear infinite}.overlay .loader:before{animation-delay:1s}@keyframes eat{0%,49%{border-right-color:#fff}50%,to{border-right-color:#0000}}@keyframes move{0%{left:75px;opacity:1}50%{left:0;opacity:1}52%,to{left:-5px;opacity:0}}.nav-container .logo{background:url(/assets/WhatsApp%20Image%202025-06-11%20at%2020.35.03-B8YvyJqj.jpeg) no-repeat center center/cover;width:100px;height:100px}.nav-container .nav-wrapper .nav-list{direction:rtl;display:flex;gap:10px;font-size:30px}.nav-container .nav-wrapper .nav-list .link-wrapper{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff}.nav-container .nav-wrapper .nav-list .link-wrapper .underline{position:relative;height:2px;width:100%;max-width:120px;background-color:#ffffff59;overflow:hidden}.nav-container .nav-wrapper .nav-list .link-wrapper .underline:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background-color:#fff;transition:width 1.2s ease}.nav-container .nav-wrapper .nav-list .link-wrapper:hover .underline:after{width:100%}.nav-container .nav-wrapper-mobile{display:flex;align-items:center;justify-content:space-between;padding:0 12px}.nav-container .nav-wrapper-mobile .nav .hamburger{font-size:40px;cursor:pointer;transition:all .4s ease;color:#f3f3e0;z-index:100000;position:relative;padding:8px}.nav-container .nav-wrapper-mobile .nav .hamburger:hover{color:#608bc1}.nav-container .nav-wrapper-mobile .nav .open{transform:rotate(90deg);color:#608bc1}.nav-container .nav-wrapper-mobile .nav .nav-list{position:fixed;background:linear-gradient(135deg,#1e293bfa,#334155fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a;border:1px solid rgba(96,139,193,.3);top:100px;right:-350px;display:flex;flex-direction:column;gap:5px;font-size:24px;transition:all .4s cubic-bezier(.4,0,.2,1);padding:0;border-radius:16px;opacity:0;visibility:hidden;pointer-events:none;min-width:200px;isolation:isolate}.nav-container .nav-wrapper-mobile .nav .nav-list.show{padding:20px 30px;right:20px;z-index:999999;opacity:1;visibility:visible;pointer-events:auto}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:8px;color:#f3f3e0;padding:15px 20px;border-radius:10px;transition:all .3s ease;position:relative;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(96,139,193,.2)}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#608bc11a;border-radius:10px;opacity:0;transition:opacity .3s ease;z-index:-1}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper:hover,.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper:active{transform:translate(-5px)}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper:hover:before,.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper:active:before{opacity:1}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper .text{position:relative;z-index:1;font-weight:500;pointer-events:none}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper .underline{position:relative;height:3px;width:100%;max-width:100px;background-color:#608bc14d;overflow:hidden;border-radius:2px;z-index:1;pointer-events:none}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper .underline:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#608bc1,#a9c1de);transition:width .6s ease;box-shadow:0 0 8px #608bc199}.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper:hover .underline:after,.nav-container .nav-wrapper-mobile .nav .nav-list .link-wrapper:active .underline:after{width:100%}.project-container{padding:40px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;direction:rtl}.project-container .project-ul{display:flex;flex-direction:column;gap:30px}.project-container .project-ul .project-list-item{width:500px;height:300px;position:relative;overflow:hidden}.project-container .project-ul .project-list-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1}.project-container .project-ul .project-list-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#375477dd;transform:translate(-100%);transition:transform .6s ease;z-index:2}.project-container .project-ul .project-list-item:hover:before{transform:translate(0)}.project-container .project-ul .project-list-item:hover .project-content{transform:scale(1.2);right:50px;opacity:1}.project-container .project-ul .project-list-item .project-content{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:3;opacity:0;transition:all .6s ease}.project-container .project-ul .project-list-item .project-content .project-title{font-size:30px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.project-container .project-ul .project-list-item .project-content .project-subtitle{font-size:24px;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.project-container .project-ul .project-list-item .project-content .project-button{background:linear-gradient(270deg,#f06449,#ef3636);border-radius:6px;padding:10px 25px;width:fit-content;transition:all .6s ease;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-weight:700;box-shadow:0 4px 8px #00000080}.project-container .project-ul .project-list-item .project-content .project-button .arrow{transition:transform .6s ease}.project-container .project-ul .project-list-item .project-content .project-button:hover .arrow{transform:translate(-15px)}.project-container .project-ul .project-list-item .project-img{width:100%;height:100%}.project-container .project-btn{padding:10px;font-size:16px;background-color:#07f;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.project-container .project-btn:hover{background-color:#005fcc}@media (max-width: 640px){.project-container .project-ul{width:100%}.project-container .project-ul .project-list-item{width:100%!important;height:200px!important;border-radius:8px;overflow:hidden}.project-container .project-ul .project-list-item:before{display:none!important}.project-container .project-ul .project-list-item:after{background-color:#00000080!important}.project-container .project-ul .project-list-item .project-content{position:absolute!important;transform:translateY(-50%)!important;opacity:1!important;right:15px!important;top:50%!important;left:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important;z-index:10!important}.project-container .project-ul .project-list-item .project-content .project-title{font-size:22px!important;font-weight:700!important;text-shadow:2px 2px 4px rgba(0,0,0,.9)}.project-container .project-ul .project-list-item .project-content .project-subtitle{font-size:16px!important;margin-bottom:10px!important;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.project-container .project-ul .project-list-item .project-content .project-button{display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(270deg,#f06449,#ef3636)!important;border-radius:6px!important;padding:12px 30px!important;width:fit-content!important;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;cursor:pointer;font-weight:700!important;font-size:16px!important;box-shadow:0 4px 8px #00000080!important;gap:10px!important}.project-container .project-ul .project-list-item .project-content .project-button span{color:#fff!important}.project-container .project-ul .project-list-item .project-content .project-button .arrow{transform:none!important;color:#fff!important}}@media (max-width: 430px){.project-container .project-ul .project-list-item{width:100%!important;height:180px!important}.project-container .project-ul .project-list-item:before{display:none!important}.project-container .project-ul .project-list-item .project-content{position:absolute!important;transform:translateY(-50%)!important;opacity:1!important;right:12px!important;top:50%!important;display:flex!important;flex-direction:column!important;gap:6px!important;z-index:10!important}.project-container .project-ul .project-list-item .project-content .project-title{font-size:20px!important}.project-container .project-ul .project-list-item .project-content .project-subtitle{font-size:14px!important;margin-bottom:8px!important}.project-container .project-ul .project-list-item .project-content .project-button{padding:10px 25px!important;font-size:15px!important;display:flex!important}.project-container .project-ul .project-list-item .project-content .project-button .arrow{transform:none!important}}.services-container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;gap:20px}.services-container h1{font-size:50px;letter-spacing:2px;font-style:oblique;text-align:center}.services-container .services-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.services-container .services-cards .card{border:1px solid #fff;border-radius:10px;height:300px;background-color:#ffffff1a;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:20px 15px}.services-container .services-cards .card .card-img{padding:8px 12px;border-radius:8px;background-color:#608bc1}.services-container .services-cards .card .card-img .img.spin{animation:spin 3s linear infinite}.services-container .services-cards .card .card-title{font-size:30px;font-weight:700;direction:rtl}.services-container .services-cards .card .card-subtitle{font-size:20px;text-align:right;direction:rtl}.services-container .services-cards .card .card-list{direction:rtl;display:flex;flex-direction:column;gap:10px;font-size:18px}@media (max-width: 1200px){.services-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 640px){.services-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important;width:100%}.services-cards .card{border:2px solid #fff!important;border-radius:10px!important;background-color:#ffffff1a!important;box-shadow:0 4px 6px #0000004d!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:auto!important;min-height:300px!important;width:100%!important;display:flex!important}}@media (max-width: 430px){.services-cards .card{height:auto!important;min-height:350px!important;border:2px solid #fff!important;background-color:#ffffff1a!important}}.whyme-container{direction:rtl;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 40px;gap:20px}.whyme-container h1{font-size:50px;letter-spacing:2px;font-style:oblique}.whyme-container .whyme-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.whyme-container .whyme-cards .card{border:1px solid #fff;border-radius:10px;height:250px;background-color:#ffffff1a;display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:20px 15px;direction:ltr}.whyme-container .whyme-cards .card .card-img{padding:8px 12px;border-radius:8px;background-color:#608bc1}.whyme-container .whyme-cards .card .card-img .img.spin{animation:spin 3s linear infinite}.whyme-container .whyme-cards .card .card-title{font-size:30px;font-weight:700;direction:rtl}.whyme-container .whyme-cards .card .card-subtitle{font-size:20px;text-align:right;direction:rtl}@media (max-width: 1200px){.whyme-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 640px){.whyme-cards{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}.background-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0b0b2b,#1b2735 70%,#090a0f);overflow:hidden;z-index:-1}.stars{width:1px;height:1px;position:absolute;background:#fff;box-shadow:2vw 5vh 2px #fff,10vw 8vh 2px #fff,15vw 15vh 1px #fff,22vw 22vh 1px #fff,28vw 12vh 2px #fff,32vw 32vh 1px #fff,38vw 18vh 2px #fff,42vw 35vh 1px #fff,48vw 25vh 2px #fff,53vw 42vh 1px #fff,58vw 15vh 2px #fff,63vw 38vh 1px #fff,68vw 28vh 2px #fff,73vw 45vh 1px #fff,78vw 32vh 2px #fff,83vw 48vh 1px #fff,88vw 20vh 2px #fff,93vw 52vh 1px #fff,98vw 35vh 2px #fff,5vw 60vh 1px #fff,12vw 65vh 2px #fff,18vw 72vh 1px #fff,25vw 78vh 2px #fff,30vw 85vh 1px #fff,35vw 68vh 2px #fff,40vw 82vh 1px #fff,45vw 92vh 2px #fff,50vw 75vh 1px #fff,55vw 88vh 2px #fff,60vw 95vh 1px #fff,65vw 72vh 2px #fff,70vw 85vh 1px #fff,75vw 78vh 2px #fff,80vw 92vh 1px #fff,85vw 82vh 2px #fff,90vw 88vh 1px #fff,95vw 75vh 2px #fff;animation:twinkle 8s infinite linear}.stars:after{content:"";position:absolute;width:1px;height:1px;background:#fff;box-shadow:8vw 12vh 2px #fff,16vw 18vh 1px #fff,24vw 25vh 2px #fff,33vw 15vh 1px #fff,41vw 28vh 2px #fff,49vw 35vh 1px #fff,57vw 22vh 2px #fff,65vw 42vh 1px #fff,73vw 28vh 2px #fff,81vw 48vh 1px #fff,89vw 32vh 2px #fff,97vw 45vh 1px #fff,3vw 68vh 2px #fff,11vw 75vh 1px #fff,19vw 82vh 2px #fff,27vw 88vh 1px #fff,35vw 72vh 2px #fff,43vw 85vh 1px #fff,51vw 92vh 1px #fff,59vw 78vh 1px #fff;animation:twinkle 6s infinite linear reverse}.shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,white,transparent);animation:shoot 3s infinite ease-in}.shooting-star:nth-child(2){top:20%;left:-100px;animation-delay:0s}.shooting-star:nth-child(3){top:35%;left:-100px;animation-delay:1s}.shooting-star:nth-child(4){top:50%;left:-100px;animation-delay:2s}.shooting-star:nth-child(5){top:65%;left:-100px;animation-delay:3s}.shooting-star:nth-child(6){top:80%;left:-100px;animation-delay:4s}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.4}}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(25deg);opacity:1}to{transform:translate(120vw) translateY(50vh) rotate(25deg);opacity:0}}*{margin:0;padding:0;box-sizing:border-box;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html{background:linear-gradient(135deg,#0f172a,#1e293b,#334155) no-repeat center center/cover;scroll-behavior:smooth;overflow-x:hidden;width:100%;height:100%;position:relative;-webkit-overflow-scrolling:touch}body{overflow-x:hidden;width:100%;max-width:100vw;position:relative;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{overflow-x:hidden;width:100%;max-width:100vw}.about-container,.services-container,.project-container,.whyMe-container,.contact-container{max-width:100vw;overflow-x:hidden;box-sizing:border-box}.slide-top{-webkit-animation:slide-top .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.nav-container .logo{background:url(/assets/WhatsApp%20Image%202025-06-11%20at%2020.35.03-B8YvyJqj.jpeg) no-repeat center center/cover;width:100px;height:100px;cursor:pointer}.nav-container .nav-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px}.btn-primary{background:#608bc1;color:#fff;font-family:Poppins,sans-serif;padding:10px 20px;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;font-size:20px;font-weight:700;width:150px;cursor:pointer;transition:.3s}.btn-primary:hover{background:#608cc125;box-shadow:0 6px 12px #0003,0 3px 6px #0000001f}.project-page-wrapper{min-height:100vh;width:100%;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);position:relative}.project-page-container{padding:40px;min-height:100vh;width:100%;max-width:100vw;display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:flex-start;direction:rtl;position:relative;overflow-x:hidden}.project-page-container .project-page-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:1400px}.project-page-container .project-page-title{font-size:36px}.project-page-container .project-page-ul{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.project-page-container .project-page-list-item{width:520px;max-width:520px;min-width:280px;height:320px;position:relative;overflow:hidden;border-radius:16px;cursor:pointer;box-shadow:0 10px 28px #00000059;transition:transform .35s ease,box-shadow .35s ease;flex-shrink:0}.project-page-container .project-page-list-item:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 40px #00000073}.project-page-container .project-page-list-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,#0000008c,#0003);z-index:1}.project-page-container .project-page-list-item:hover:before{transform:translate(0)}.project-page-container .project-page-list-item .project-page-card-content{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:3;opacity:0;transition:all .6s ease;display:flex;flex-direction:column;gap:8px}.project-page-container .project-page-list-item .project-page-card-content .project-page-card-title{font-size:30px;font-weight:800;color:#fff}.project-page-container .project-page-list-item .project-page-card-content .project-page-card-subtitle{font-size:24px;color:#f1f1f1;opacity:.9}.project-page-container .project-page-list-item .project-page-card-content .project-page-button{background:linear-gradient(270deg,#f06449,#ef3636);border-radius:8px;padding:8px 20px;width:fit-content;display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-weight:600;transition:transform .4s ease,box-shadow .4s ease}.project-page-container .project-page-list-item .project-page-card-content .project-page-button .project-page-arrow{transition:transform .6s ease}.project-page-container .project-page-list-item .project-page-card-content .project-page-button:hover{transform:translate(-5px) scale(1.05);box-shadow:0 6px 18px #0006}.project-page-container .project-page-list-item .project-page-card-content .project-page-button:hover .project-page-arrow{transform:translate(-12px)}.project-page-container .project-page-list-item:hover .project-page-card-content{transform:translateY(-50%) scale(1.12);right:45px;opacity:1}.project-page-container .project-page-list-item .project-page-img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.92);transition:transform .6s ease}.project-page-container .project-page-list-item:hover .project-page-img{transform:scale(1.08)}.project-page-container .project-page-bottom-text{margin-top:40px;animation:pulse-scale 2.2s ease-in-out infinite}@media (max-width: 640px){.project-page-ul{flex-direction:column;flex-wrap:nowrap}.project-page-list-item{width:100%!important;height:260px!important}.project-page-card-content{right:14px!important}}@keyframes pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}