:root{--primary-color: #5da6d5;--secondary-color: #00a884;--text-color: #404040;--light-bg: #f9fbfd;--white: #ffffff;--font-arabic: "Cairo", sans-serif;--font-latin: "Poppins", sans-serif;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-arabic);color:var(--text-color);line-height:1.6;background-color:var(--white);direction:rtl}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 1rem}.header{padding:1rem 0;position:sticky;top:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 10px #0000000d}.header-container{display:flex;justify-content:space-between;align-items:center}.logo img{height:50px}.nav-list{display:flex;list-style:none;gap:2rem}.nav-list a{text-decoration:none;color:var(--text-color);font-weight:600;transition:var(--transition)}.nav-list a:hover{color:var(--primary-color)}.mobile-menu-toggle{display:none;font-size:1.5rem;cursor:pointer}.hero{background:linear-gradient(135deg,#5da6d5b3,#00a88499),url(/assets/hero-bg.jpg);background-size:cover;background-position:center top;background-blend-mode:normal;padding:100px 0;text-align:center;min-height:80vh;display:flex;align-items:center;color:#fff}.hero-content h1{font-size:3rem;margin-bottom:1.5rem;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-content p{font-size:1.25rem;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;color:#f0f0f0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn{display:inline-block;padding:12px 32px;border-radius:50px;font-weight:700;text-decoration:none;transition:var(--transition);font-family:var(--font-arabic)}.hero-buttons{display:flex;gap:16px;justify-content:center}@media (max-width: 768px){.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:280px;text-align:center}}.btn-primary{background-color:var(--primary-color);color:var(--white);border:2px solid var(--primary-color);margin-left:1rem}.btn-primary:hover{background-color:#4a90bd;border-color:#4a90bd;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-2px);border:transparent}.features{padding:5rem 0;background-color:var(--white)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--secondary-color);position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--primary-color);margin:10px auto 0;border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;border-radius:12px;background-color:var(--white);box-shadow:0 5px 20px #0000000d;transition:var(--transition);border-top:4px solid var(--secondary-color)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-card .icon{font-size:3rem;margin-bottom:1.5rem}.feature-card h3{margin-bottom:1rem;color:var(--text-color)}.services{padding:5rem 0;background-color:var(--light-bg)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:var(--transition)}.service-card:hover{transform:translateY(-5px)}.service-img{width:100%;height:200px;object-fit:cover}.service-content{padding:1.5rem}.service-content h3{color:var(--secondary-color);margin-bottom:.5rem}.testimonials{padding:5rem 0;background-color:#f8f9fa}.section-header{text-align:center;margin-bottom:3rem}.section-subtitle{color:#666;margin-top:-2.5rem;margin-bottom:3rem;font-size:1.1rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:var(--white);padding:2rem;border-radius:20px;box-shadow:0 10px 40px #0000000d;text-align:right;display:flex;flex-direction:column;justify-content:space-between}.quote-icon{font-size:3rem;color:#eb6;line-height:1;margin-bottom:1rem;font-family:serif;opacity:.6}.testimonial-text{font-size:1rem;color:#555;margin-bottom:1.5rem;line-height:1.8}.testimonial-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:auto;margin-bottom:1rem}.client-info{text-align:left}.client-info h4{color:#1a365d;margin-bottom:.2rem;font-size:1.1rem}.client-info span{font-size:.9rem;color:#888}.client-avatar{width:60px;height:60px;background-color:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stars{text-align:center;color:#fbbf24;letter-spacing:2px}.contact{padding:5rem 0}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h2{margin-top:40px;font-size:2.5rem;margin-bottom:1rem;color:var(--secondary-color)}.contact-list{list-style:none;margin-top:2rem}.contact-list li{margin-bottom:1rem;font-size:1.1rem}.contact-list li a{text-decoration:none;color:#404040}.contact-form{display:flex;flex-direction:column;gap:1rem;background:var(--light-bg);padding:2rem;border-radius:16px}.contact-form input,.contact-form textarea{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-family:var(--font-arabic);font-size:1rem;text-align:right}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5da6d51a}.footer{background-color:#2c3e50;color:var(--white);padding:2rem 0;text-align:center}.footer a{color:var(--primary-color);text-decoration:none}@media (max-width: 768px){.header-container{flex-direction:row-reverse}.nav{display:none}.hero-content h1{font-size:2rem}.contact-container{grid-template-columns:1fr;gap:2rem}.mobile-menu-toggle{display:block}}#lang-ar,#lang-fr{background-color:transparent;padding:4px 8px;border:1px solid black;cursor:pointer;margin:0 2px;border-radius:4px;transition:.3s}#lang-ar.active,#lang-fr.active{background-color:#000;color:#fff}html,body{direction:ltr;text-align:left}body[dir=rtl]{direction:rtl;text-align:right}body[dir=rtl] .nav ul{flex-direction:row-reverse}body[dir=rtl] .testimonial-card{text-align:right}