.language-switcher-toggle .arrow,.main-btn .btn-icon,.main-btn .btn-text{display:inline-block;transition:transform .3s}.hero,.loader,.main-btn{overflow:hidden}.footer a,.language-option,.main-btn,.side-navbar ul li a,a,a:hover,button{text-decoration:none}body,html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:Koulen,serif}.about-us .text-box ul li,.main-btn,p{font-family:"DM Sans",serif}[dir=rtl] .about-us .text-box ul li,[dir=rtl] .main-btn,[dir=rtl] body,[dir=rtl] p{font-family:Almarai,serif}:root{--primary-color:#d3ff2e;--secondary-color:#9c9db0;--blue-color:#2e6cff;--size:250px;--duration:2s}::selection{color:#fff;background:#000}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:12px}#language-switcher{position:fixed;bottom:20px;left:20px;z-index:9999}[dir=rtl] #language-switcher{right:20px;width:fit-content}.language-switcher-toggle{background-color:#fff;color:#333;padding:10px;border-radius:25px;cursor:pointer;display:flex;align-items:center;font-weight:700;border:1px solid #ccc;font-size:14px}.language-option:hover,.language-switcher-toggle:hover{background-color:#ddd}.language-switcher-toggle .current-lang{margin-left:8px}.language-switcher-toggle .arrow{margin-left:8px;border:solid #333;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg)}.language-menu{display:none;background-color:#fff;padding:10px;margin-top:10px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);width:120px}.language-option{display:flex;align-items:center;padding:8px;color:#333;font-weight:700;transition:background-color .3s}.loader-container,.whatsapp-icon{position:fixed;justify-content:center}.language-option .flag-icon{width:20px;height:auto;margin-right:8px}.language-switcher-toggle.open .arrow{transform:rotate(-135deg)}.loader-container{top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;z-index:9999;transition:opacity .5s,visibility .5s}.loader-container.hidden{opacity:0;visibility:hidden}.loader{--ANIMATION-DELAY-MULTIPLIER:70ms;padding:0;margin:0;display:flex;flex-direction:row;justify-content:center;align-items:center}.hidden{display:hidden}.back-to-top,.whatsapp-icon{border-radius:50%;color:#fff;display:flex;z-index:111;cursor:pointer}.loader span{padding:0;margin:0;letter-spacing:-5rem;animation-delay:0s;transform:translateY(4rem);animation:1s cubic-bezier(.86,0,.07,1) infinite alternate hideAndSeek}.loader .l{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 0)}.loader .o{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 1)}.loader .a{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 2)}.loader .d{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 3)}.loader .ispan{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 4)}.loader .n{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 5)}.loader .g{animation-delay:calc(var(--ANIMATION-DELAY-MULTIPLIER) * 6)}.letter{width:fit-content;height:3rem}.i{margin-inline:5px}@keyframes hideAndSeek{0%{transform:translateY(4rem)}100%{transform:translateY(0)}}.whatsapp-icon{bottom:75px;width:55px;height:55px;background-color:#25d366;align-items:center;font-size:24px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;animation:1.5s infinite bounce}.whatsapp-icon svg{font-size:30px}.back-to-top-en,.whatsapp-icon-en{right:20px}.back-to-top-ar,.whatsapp-icon-ar{left:20px}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.whatsapp-icon:hover{transform:scale(1.1);box-shadow:0 6px 10px rgba(0,0,0,.15);background-color:#25d366;color:#fff}.notification-badge{position:absolute;top:0;right:5px;width:12px;height:12px;background-color:red;border-radius:50%;box-shadow:0 0 5px rgba(255,0,0,.8);animation:1.5s infinite pulse}.back-to-top{position:fixed;bottom:20px;width:50px;height:50px;background-color:#0a0e1a;justify-content:center;align-items:center;font-size:20px;border:none;outline:0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.progress-ring{position:absolute;top:0;left:0;width:110%;height:110%}.progress-ring circle{fill:none;stroke:#fff;stroke-width:5;stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset .2s ease-in-out}@media only screen and (min-width:768px) and (max-width:991px){h1{font-size:70px}}h1{font-size:80px}p{color:#57595c;font-weight:400;font-size:18px}a,a:hover,button{color:inherit;outline:0;border:none;background:0 0}.heading-area{text-align:center;margin-block:50px}.heading-area .sub-title{display:inline-block;position:relative;color:#57595c;font-size:16px;font-weight:700;margin-bottom:15px}.heading-area .sub-title::before{position:absolute;content:"";width:20px;height:2px;background-color:#57595c;left:-30px;top:50%;transform:translateY(-50%)}.heading-area .sub-title::after{position:absolute;content:"";width:10px;height:10px;border-radius:50%;border:2px solid #57595c;left:-40px;top:50%;transform:translateY(-50%)}.heading-area .sec-title{font-size:60px;color:#000}.main-btn:hover,.pricing-card.featured svg{color:var(--primary-color)}.main-btn{color:#0a0e1a;background-color:var(--primary-color);border-radius:10px;border:1px solid #0a0e1a;padding:19px 30px 17px;text-transform:uppercase;font-size:16px;font-weight:600;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .4s,color .4s,border-color .4s}.main-btn .btn-icon,.main-btn:hover .btn-icon{transform:rotate(-45deg)}.main-btn:hover{background-color:#0a0e1a;border-color:var(--primary-color);border:1px solid #0a0e1a}.main-btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,.2),rgba(255,255,255,0));opacity:0;transform:translateX(-100%);transition:transform .5s,opacity .5s;z-index:0}.main-btn:hover::before{opacity:1;transform:translateX(100%)}@media(max-width:991px){.heading-area .sec-title{font-size:35px}}.navbar{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:10px 20px;position:absolute;z-index:11;width:100%;background:0 0;transition:transform .6s cubic-bezier(.25, 1, .5, 1),background-color .3s,box-shadow .3s,opacity .6s;opacity:1}.navbar.fixed,.side-navbar{position:fixed;top:0;background:#0a0e1a}.navbar.fixed{box-shadow:0 2px 5px rgba(0,0,0,.2);opacity:1}.navbar.hide{transform:translateY(-100%);opacity:0}.navbar .logo{font-size:1.5em;font-weight:700}.navbar .nav-links{list-style:none;display:flex;gap:20px}.navbar .nav-links li a{text-decoration:none;color:#fff;transition:color .3s;font-size:20px}.navbar .nav-links li a:hover,.side-navbar ul li a:hover{color:#f39c12}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger span{display:block;height:3px;width:25px;background:#fff;border-radius:2px}.side-navbar{left:-250px;width:250px;height:100%;color:#fff;transition:left .3s;z-index:1000;padding-top:60px}.popup,.side-navbar.active{left:0}.side-navbar .close-btn{position:absolute;top:10px;right:10px;font-size:24px;background:0 0;color:#fff;border:none;cursor:pointer}.features .feature-item,.hero{background-position:center;background-size:cover}.features,.side-navbar ul{list-style:none;padding:0}.side-navbar ul li{margin:20px 0;text-align:center}.side-navbar ul li a{color:#fff;font-size:1.2em;transition:color .3s}@media (max-width:992px){.navbar .nav-links{display:none}.hamburger{display:flex}}.hero{background-image:url('../imgs/heroBG.png');position:relative;padding-top:210px;padding-bottom:130px;background-color:#0a0e1a;background-repeat:no-repeat;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}.hero-wrapper{display:flex;flex-direction:row;align-items:center;gap:35px}@media (min-width:768px){.hero .hero-wrapper{display:flex;flex-direction:column;gap:40px}.hero .hero-wrapper .hero-content .hero-title img{max-width:50px;width:100%;height:auto}}@media (max-width:991px){.hero .hero-wrapper{display:flex;flex-direction:column;gap:40px}.hero .hero-wrapper .hero-content .hero-title img{max-width:50px;width:100%;height:auto}.hero .hero-wrapper .hero_images .mask-images{right:0;position:relative}}.hero-wrapper .hero-content{max-width:630px;width:100%;position:relative;z-index:1;padding-top:80px;margin-bottom:50px}.hero-wrapper .hero-content .hero-title{color:#fff;text-transform:uppercase;line-height:1.2;margin-bottom:0}.hero-wrapper .hero-content .hero-title small{font-size:60%;color:#b1b4ba;line-height:1}.hero-wrapper .hero-content .hero-title img{position:relative;top:-5px;max-width:73px;width:100%;animation:6s linear infinite rotateImg}.hero-mask{position:relative;width:100%;height:100%;overflow:hidden;-webkit-mask-image:url('../imgs/hero-mask.svg');mask-image:url('../imgs/hero-mask.svg');-webkit-mask-size:contain;mask-size:contain;mask-repeat:no-repeat;mask-position:top;background-color:transparent;box-shadow:0 4px 8px rgba(0,0,0,.2)}.marquee-container1,.marquee-container2{height:140px;display:flex;overflow:hidden;width:100%}.hero-mask img{object-fit:cover;width:100%;height:100%}@media(max-width:992px){.hero{padding-top:60px}.hero-title{font-size:70px}}@media (max-width:575px){.hero-title,h1{font-size:40px}}.hero .hero-shapes{position:absolute;top:40%;left:100px;max-width:60px;width:100%;z-index:-1;opacity:.6}.shake-y{-webkit-animation:2.5s ease-in-out infinite shakeY;animation:2.5s ease-in-out infinite shakeY}.hero-wrapper .hero-content .hero-shapes-2{position:absolute;bottom:-35px;right:-80px;max-width:70px;width:100%;z-index:-1;opacity:.9}.hero-wrapper .hero-content .hero-shapes-3{position:absolute;top:-15%;right:-20%;z-index:-1}@media only screen and (min-width:1200px) and (max-width:1399px){.hero .hero-content .hero-shapes-2{bottom:0;right:0}}.hero .hero_images .hero-mail{position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);text-transform:uppercase;letter-spacing:1px;color:rgba(177,180,186,.5);font-weight:var(--tj-fw-bold);z-index:-1;letter-spacing:5px;font-size:20px}.features .feature-item .feature-img,.projects{z-index:1;position:relative}.hero .hero_images .hero-mail-en{right:-150px;letter-spacing:5px}.hero .hero_images .hero-mail-ar{left:-175px;letter-spacing:2px}@media (max-width:767px){.hero .hero_images .hero-mail{font-size:18px;right:auto;width:100%;left:50%;top:auto;-webkit-transform:translateX(-50%) rotate(0);-ms-transform:translateX(-50%) rotate(0);transform:translateX(-50%) rotate(0);text-align:center}}.features .feature-item .feature-img::before,.projects::before{position:absolute;content:"";left:50%;transform:translateX(-50%);z-index:-1}.features{padding-block:80px}.about-us,.projects{padding-block:50px}.features .feature-item{padding:50px 65px 75px;text-align:center;border-radius:10px;background-image:url('../imgs/featurBackground.svg');background-color:#f5f6f0;height:100%;transition:.3s ease-in-out}.features .feature-item:hover{transform:translateY(-10px)}.features .feature-item:hover .feature-img::before{transform:translate(-160px ,-20px);background-color:#f39c12}.features .feature-item .title{font-size:30px;color:#0a0e1a;font-weight:400;text-transform:uppercase;margin-bottom:20px}.features .feature-item .text{color:#57595c;margin-bottom:60px;font-size:18px}.features .feature-item .feature-img::before{width:250px;height:250px;border-radius:50%;background-color:#fff;transition:.3s ease-in-out}.about-us .text-box{margin-top:30px}.about-us .about-img img{border-radius:12px}.about-us .text-box ul li{color:#0a0e1a;margin-bottom:15px;font-size:22px;font-weight:500;letter-spacing:1px}.marquee-container1{align-items:center;background:#0a0e1a;white-space:nowrap;position:relative;margin-bottom:30px;transform:rotate(1.5deg)}.marquee-container2{align-items:center;background:var(--primary-color);white-space:nowrap;position:relative;transform:rotate(-1.5deg)}.marquee-content1,.marquee-content2{display:inline-block;font-size:80px;white-space:nowrap}.marquee-content1{animation:15s linear infinite marquee-left;color:#fff}.marquee-content2{animation:15s linear infinite marquee-right;color:#0a0e1a}@media(max-width:929px){.marquee-content1,.marquee-content2{font-size:50px}.marquee-container1,.marquee-container2{height:100px}}.projects{background-color:#fff}.projects::after{position:absolute;content:"";background-image:url('../imgs/3dShape.svg');width:200px;height:300px;right:0;top:10px;z-index:-1}.projects::before{background-image:url('../imgs/demo-shape-1.png');width:1600px;height:800px;top:0}.projects .project{padding:20px;border:1px solid #9c9db0;transition:transform 4s ease-in-out}.projects .project .project-img{max-height:400px;overflow:hidden;margin-bottom:20px}.projects .project .project-img img{display:block;transition:transform 4s ease-in-out}.projects .project:hover .project-img img{transform:translateY(-74%)}.projects .project:hover{box-shadow:0 10px 15px rgba(0,0,0,.4);background-color:#fff}.pricing{padding-bottom:50px}.pricing-card{background:#fff;padding:20px;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.3);position:relative;height:100%}.pricing-card.featured{background:#0a0e1a;color:#fff;transform:scale(1.05)}[dir=ltr] .badge-discount,[dir=rtl] .badge-discount{position:absolute;top:15px;background-color:#e0e0e0;padding:5px 10px;border-radius:20px;font-size:20px;text-align:center}[dir=ltr] .badge-discount{right:15px;color:#0a0e1a}[dir=rtl] .badge-discount{left:15px;width:fit-content;color:#0a0e1a}.price{font-size:60px;font-weight:700;text-align:center}.features li{margin:10px 0;font-size:20px}.features svg{color:#0a0e1a;margin-right:5px}.btn-plan{background-color:#0a0e1a;color:#fff;padding:10px;width:100%;border-radius:30px}.featured .btn-plan{background-color:#fff;color:#000}.pricing a:hover{border:2px solid #0a0e1a}.partners-slider{overflow:hidden;white-space:nowrap;background-color:#f8f8f8;padding:35px 0;position:relative}.partners-marquee{display:flex;gap:40px;animation:40s linear infinite slide-left}@media(max-width:767px){.heading-area .sec-title{font-size:35px}.navbar .logo{width:50px}.features .feature-item .title{font-size:25px}.features .feature-item .text,.features li{font-size:16px}.about-us .text-box ul li{font-size:18px}.price{font-size:45px}.partners-marquee{animation:10s linear infinite slide-left}}.partners-marquee.reverse{animation:12s linear infinite slide-right}.partners-marquee img{height:70px;object-fit:contain;aspect-ratio:5/2}.faq-container{max-width:1000px;margin:auto;background:#fff;padding:20px;border-radius:10px}.faq-item{border:1px solid #ddd;margin-bottom:10px;border-radius:5px;overflow:hidden}.faq-question{background:#fff;padding:15px;font-size:24px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{display:none;padding:15px;font-size:18px;color:#333}.faq-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#eeefea;border-radius:5px;font-size:20px;transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(180deg);background-color:var(--primary-color);border:1px solid #0a0e1a}@media(max-width:992px){.pricing-card.featured{transform:scale(1)}.faq-question{font-size:18px}.faq-answer{font-size:14px}.faq-icon{width:30px;height:30px;font-size:15px}}.testimonials{background-image:url('../imgs/featurebackground.png');background-color:#f5f6f0;background-position:center;background-size:cover;padding-block:45px}.testimonial-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.1);height:310px}.quote-icon{font-size:40px;color:#444;margin-bottom:20px}.testimonial-text{font-size:16px;color:#555;margin-bottom:20px;flex-grow:1}.client-info{display:flex;align-items:center;margin-top:15px;margin-bottom:20px}.swiper-pagination-bullet{background:#0a0e1a!important}.swiper-button-next,.swiper-button-prev{color:#0a0e1a!important}.footer a:hover,.ok-btn{color:var(--primary-color)}.contact-section{background:#fff;display:flex;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:10px;overflow:hidden;padding-block:45px}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-image{width:80%;margin:auto;border-radius:12px;overflow:auto}.contact-form{padding:20px;display:flex;flex-direction:column;justify-content:center}.contact-form h4{margin:0;color:#555;font-size:14px}.contact-form h2{margin:10px 0;font-size:24px;color:#222}.contact-form form{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.contact-form textarea,.contact-form::placeholder,[dir=rtl] .contact-form input{text-align:right}.name-fields{display:flex;gap:10px}.name-fields input{width:50%}.contact-form button{margin-top:10px;padding:10px;background-color:#c4ff17;border:none;cursor:pointer;font-weight:700;border-radius:5px}.contact-form button:hover{background-color:#a3d115}.popup{display:none;position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;align-items:center;justify-content:center}.popup-content{background-color:#0a0e1a;margin:15% auto;padding:20px;border-radius:8px;width:80%;max-width:400px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2)}.popup-content h2{font-size:24px;margin-bottom:10px;color:var(--secondary-color)}.popup-content p{font-size:18px;color:#fff}.ok-btn{background-color:var(--secondary-color);border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px;margin-top:20px}.copyrights,.footer{background-color:#0a0e1a}.copyrights,.footer a,.footer h4{color:#fff}.ok-btn:focus,.ok-btn:hover{background-color:#fff;color:var(--secondary-color)}.footer{padding:50px 0;background-image:url('../imgs/featurebackground.png')}.footer a{transition:.3s ease-in-out}.footer a:hover{text-decoration:underline}.footer-title{font-size:60px;text-transform:uppercase;margin-bottom:30px;color:#fff;text-align:center}.footer-title span{display:inline-block;transform:scale(1);transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.footer ul li{margin-bottom:10PX}.footer ul li a{color:#b1b4ba}.footer-section{margin-bottom:20px}.copyrights{padding-block:10px}@keyframes slide-left{from{transform:translateX(0)}to{transform:translateX(-190%)}}@keyframes slide-right{from{transform:translateX(-80%)}to{transform:translateX(0)}}@keyframes bouncing2{50%,from,to{transform:translateY(-5px) scale(1,1)}25%{transform:translateY(5px) scale(.9,1.01)}75%{transform:translateY(0) scale(.95,1.01)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-pulse{0%{box-shadow:0 0 0 0 rgba(119 ,140,204,.4)}5%{transform:scale(1.01)}15%{transform:scale(1)}70%{box-shadow:0 0 0 20px rgba(119 ,140,204,0)}100%{box-shadow:0 0 0 40px rgba(119 ,140,204,0)}}@keyframes rotateImg{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes shakeY{0%,100%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes marquee-left{from{transform:translateX(0)}to{transform:translateX(-34%)}}@keyframes marquee-right{from{transform:translateX(-34%)}to{transform:translateX(0)}}@keyframes drop{0%,100%{transform:translateY(0)}50%{transform:translateY(80px)}}.lava-lamp{position:relative;width:50px;height:100px;background:#0b0e1a;border-radius:25px;overflow:hidden}.bubble,.bubble1,.bubble2,.bubble3{position:absolute;top:0;width:20px;height:20px;border-radius:50%}.bubble{background:linear-gradient(to bottom,#e64980,#ff8787);left:15px;animation:5s ease-in-out infinite drop}.bubble1{background:linear-gradient(to bottom,#82c91e,#3bc9db);left:1px;animation:3s ease-in-out infinite drop}.bubble2{background:linear-gradient(to bottom,#7950f2,#f783ac);left:30px;animation:4s ease-in-out infinite drop}.bubble3{background:linear-gradient(to bottom,#4481eb,#04befe);left:20px;animation:6s ease-in-out infinite drop}