html{scroll-behavior:smooth;margin:auto;padding:0;font-family:Cairo,sans-serif!important}body{background-color:#f3f3f3;margin:auto;padding:0;font-family:Cairo,sans-serif!important}.landing{max-width:100%!important;margin:0 auto;line-height:1.6;font-family:Cairo,sans-serif!important}.hero{text-align:center}.hero-subtitle{font-size:16px;margin-bottom:10px;color:#555}.hero-title{font-size:45px;font-weight:700}.hero-title span{color:#000}.hero-title-span{color:#7d7d7d!important}.hero-container{display:flex;align-items:center;justify-content:center;gap:0px;max-width:1300px;padding:0 250px}.store-buttons-left{display:flex;flex-direction:column;gap:20px}.store-buttons-left img{height:60px;cursor:pointer}.hero-image-wrapper{display:flex;justify-content:center;flex:1}.hero-image{max-width:650px;width:100%;height:auto;border-radius:12px}@media(max-width:992px){.hero-container{flex-direction:column;align-items:center}.store-buttons-left{flex-direction:column;justify-content:center;gap:15px}.hero-title{font-size:28px}.hero-subtitle{margin-bottom:15px}}.about{text-align:center;padding:40px 20px}.about h2{font-size:36px;margin-bottom:20px}.about p{font-size:18px;max-width:800px;margin:0 auto}.panels{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.panel-card{background-color:#f3f3f3;padding:40px 30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:1 1 300px;text-align:center}.panel-card h3{font-size:24px;margin-bottom:15px}.panel-card p{font-size:16px}.about-image{display:flex;justify-content:center;margin-top:40px}.image-left{margin-right:30%!important}.image-right{margin-left:30%!important}.about-image img{width:100%;max-width:100%;height:auto;border-radius:12px}.services{text-align:center}.services h2{font-size:32px;margin-bottom:50px;font-weight:700;font-family:Lato,sans-serif}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0px;justify-items:center}.service-card{background-color:#f8f9fa;padding:30px 20px;border-radius:16px;transition:transform .3s,box-shadow .3s;width:100%;max-width:280px;height:inherit!important}.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}.service-card span{display:inline-block;font-family:Lato,sans-serif;font-weight:700;font-size:28px;color:#fff;background-color:#007bff;width:60px;height:60px;line-height:60px;border-radius:50%;transition:all .3s}.service-card:hover span{background-color:#0056b3;transform:scale(1.2)}.service-card h4{font-size:20px;margin-bottom:10px;font-weight:700;font-family:Lato,sans-serif}.service-card p{font-size:16px;color:#555;font-family:Lato,sans-serif}.contact{padding:80px 20px;background-color:#f5f5f5}.contact-container{display:flex;gap:10px;align-items:flex-start;justify-content:center;max-width:1200px;margin:0 auto;flex-wrap:wrap}.contact-text{flex:1 1 250px}.contact-text h2{font-size:36px;margin-bottom:10px}.contact-text p{font-size:18px;margin-bottom:20px}.contact-form{flex:1 1 400px;display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:15px;font-size:16px;border-radius:8px;border:1px solid #ccc;width:100%;resize:vertical}.contact-form button{padding:15px;font-size:18px;border:none;border-radius:8px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s}.contact-form button:hover{background-color:#0056b3}.contact-image{flex:1 1 300px;display:flex;justify-content:center;align-items:center}.contact-image img{max-width:100%;height:auto;border-radius:12px}@media(max-width:992px){.contact-container{flex-direction:column;align-items:center}.contact-text h2{font-size:28px;text-align:center}.contact-text p{text-align:center}}.footer{text-align:center;padding:40px 20px;background-color:#1f1f1f;color:#fff;font-size:14px}@media(max-width:768px){.header{flex-direction:column;align-items:flex-start;padding:20px}.header .logo{position:static;margin-bottom:10px}.header .nav{justify-content:flex-start;gap:20px;flex-wrap:wrap}.hero-title{font-size:32px}.about h2,.services h2,.contact-text h2{font-size:28px}.site-footer-apps{align-items:center}.app-buttons{flex-direction:column;align-items:center}.app-buttons img{height:44px}}.site-footer{background-color:#1f1f1f;color:#fff;padding:60px 40px 20px;font-family:Lato,sans-serif}.site-footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px}.site-footer-logo img{height:50px}.site-footer-links{display:flex;flex-wrap:wrap;gap:40px}html[dir=rtl] .site-footer-links{flex-direction:row-reverse;text-align:right!important;margin-left:auto!important;padding-right:10%!important}html[dir=ltr] .site-footer-links{flex-direction:row;float:left!important;text-align:left!important;padding-left:5%!important;margin-right:auto!important}html[dir=rtl] .links-column a{text-align:right}html[dir=ltr] .links-column a{text-align:left}.links-column h4{font-size:16px;font-weight:700;margin-bottom:10px}.links-column a{display:block;color:#fff;text-decoration:none;margin-bottom:6px;font-weight:400;transition:color .3s}.links-column a:hover{color:#ffdd57}.site-footer-apps{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.app-buttons{display:flex;gap:10px}.app-buttons img{height:40px;cursor:pointer;border-radius:6px;transition:transform .3s}.app-buttons img:hover{transform:scale(1.05)}.site-footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.3);padding-top:15px;font-size:14px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;color:#000;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;padding:30px;border-radius:10px;position:relative}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:28px;cursor:pointer}.modal-body h2,.modal-body h3{margin-top:20px}.modal-body p{margin-bottom:10px;line-height:1.5}.header{display:flex;align-items:center;justify-content:space-between;padding:15px 40px;background:#fff;position:sticky;top:0;z-index:1000}.header .logo img{height:50px}.header .nav{flex:1;display:flex;justify-content:center;gap:30px}.header .nav a{text-decoration:none;color:#5e25f8;font-weight:500;font-size:16px;padding:6px 12px;border-radius:6px;transition:all .3s ease;font-weight:700!important}.header .nav a:hover{background:#f0f0f0;color:#5e25f8}.lang-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;background:#5e25f8;color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;transition:background .3s ease}.lang-toggle:hover{background:#007bff}.services h2,.service-card h4,.service-card p,html,body,h1,h2,h3,h4,h5,h6,p,a,span,div{font-family:Cairo,sans-serif!important}.site-footer-links{display:flex;gap:40px}.links-column h4{font-size:16px;font-weight:700;margin-bottom:10px;color:#ffdd57}