:root{--primary:#0D3B66;--primary-light:#1a5a9e;--primary-dark:#092a4a;--secondary:#3FA34D;--secondary-light:#5cb868;--secondary-dark:#2d7a38;--accent:#FF6F3C;--accent-light:#ff8f66;--accent-dark:#e55a2b;--white:#FFFFFF;--gray-50:#F8FAFB;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-300:#CBD5E1;--gray-400:#94A3B8;--gray-500:#546376;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--black:#000000;--success:#28A745;--warning:#FFC107;--danger:#DC3545;--info:#17A2B8;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 10px 30px rgba(0,0,0,0.12);--shadow-xl:0 20px 50px rgba(0,0,0,0.15);--shadow-card:0 2px 16px rgba(13,59,102,0.08);--shadow-card-hover:0 8px 30px rgba(13,59,102,0.15);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--container-max:1200px;--container-padding:1.25rem;--header-height:80px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:'Tajawal',sans-serif;direction:rtl;text-align:right;color:var(--gray-800);background:var(--white);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul,ol{list-style:none}button,input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--gray-900)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.6rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--gray-600)}.section-title{text-align:center;margin-bottom:var(--space-2xl)}.section-title h2{color:var(--primary);margin-bottom:var(--space-sm);position:relative;display:inline-block}.section-title h2::after{content:'';position:absolute;bottom:-8px;right:50%;transform:translateX(50%);width:60px;height:4px;background:linear-gradient(90deg,var(--accent),var(--secondary));border-radius:2px}.section-title p{font-size:1.1rem;max-width:600px;margin:var(--space-md) auto 0}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}section{padding:var(--space-3xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);font-weight:700;font-size:1rem;transition:all var(--transition-normal);border:2px solid transparent;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,59,102,0.3)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--white)}.btn-accent:hover{background:linear-gradient(135deg,var(--accent-light),var(--accent));transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,111,60,0.35)}.btn-whatsapp{background:#0e7a3c;color:var(--white)}.btn-whatsapp:hover{background:#0c6834;transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,122,60,0.35)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.btn-lg{padding:16px 36px;font-size:1.1rem}.btn-sm{padding:10px 20px;font-size:0.875rem;min-height:44px;}.header{position:fixed;top:0;right:0;left:0;height:var(--header-height);background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);z-index:1000;transition:all var(--transition-normal);border-bottom:1px solid transparent}.header.scrolled{box-shadow:var(--shadow-md);border-bottom-color:var(--gray-200)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:clamp(6px,2vw,10px);font-size:clamp(1.1rem,4vw,1.4rem);font-weight:800;color:var(--primary);white-space:nowrap}.floating-back-btn{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:999;width:50px;height:50px;border-radius:var(--radius-full);background:var(--white);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:all var(--transition-normal);border:1px solid var(--gray-200);cursor:pointer}.floating-back-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 6px 20px rgba(13,59,102,0.25);transform:translateY(-50%) scale(1.05)}.footer-social a{width:44px;height:44px;background:rgba(255,255,255,0.08);color:var(--white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);font-size:1.1rem}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.3rem}.reviews-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);gap:var(--space-lg);min-height:250px;will-change:transform}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-links a{font-weight:500;color:var(--gray-700);padding:8px 4px;position:relative;transition:color var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a::after{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--accent);transition:width var(--transition-normal)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}.header-cta{display:flex;align-items:center;gap:var(--space-sm)}.header-phone{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--primary);direction:ltr}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;z-index:1100}.menu-toggle span{width:26px;height:3px;background:var(--primary);border-radius:2px;transition:all var(--transition-normal)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.hero{position:relative;min-height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden;margin-top:var(--header-height);background:var(--primary-dark);isolation:isolate;contain:layout size}.hero-slider{position:absolute;inset:0;z-index:1;background:var(--primary-dark)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center}.hero-slide.active{opacity:1}.hero-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,59,102,0.85),rgba(13,59,102,0.6))}.hero-content{position:relative;z-index:10;max-width:700px;color:var(--white);padding:var(--space-3xl) 0;min-height:300px;will-change:transform,opacity}.hero-content h1{color:var(--white);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin-bottom:var(--space-lg);line-height:1.3}.hero-content p{color:rgba(255,255,255,0.9);font-size:1.2rem;margin-bottom:var(--space-xl);line-height:1.8}.hero-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:50px;height:50px;border-radius:var(--radius-full);background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,0.3);color:var(--white);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.hero-nav-btn:hover{background:rgba(255,255,255,0.35)}.hero-nav-btn.prev{right:20px}.hero-nav-btn.next{left:20px}.hero-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:10px}.hero-dots button{width:12px;height:12px;min-width:44px;min-height:44px;border-radius:var(--radius-full);background:rgba(255,255,255,0.4);cursor:pointer;transition:all var(--transition-normal);border:none;padding:0;display:flex;align-items:center;justify-content:center;position:relative}.hero-dots button::after{content:'';width:12px;height:12px;border-radius:var(--radius-full);background:rgba(255,255,255,0.4);display:block;transition:all var(--transition-normal)}.hero-dots button.active::after{background:var(--accent);width:32px;border-radius:6px}.trust-bar{background:var(--white);padding:var(--space-xl) 0;border-bottom:1px solid var(--gray-200);margin-top:-1px}.trust-items{display:flex;justify-content:center;align-items:center;gap:var(--space-3xl);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:var(--space-md);text-align:right}.trust-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.trust-icon.gold{background:linear-gradient(135deg,#FFF3CD,#FFE69C);color:#E6A800}.trust-icon.blue{background:linear-gradient(135deg,#D6EAFF,#B3D4FC);color:var(--primary)}.trust-icon.green{background:linear-gradient(135deg,#D4EDDA,#B8E0C0);color:var(--secondary)}.trust-number{font-size:1.5rem;font-weight:800;color:var(--primary);line-height:1.2}.trust-label{font-size:0.9rem;color:var(--gray-600)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.service-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden;will-change:transform}.service-card::before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform var(--transition-normal)}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:transparent}.service-card:hover::before{transform:scaleX(1)}.service-icon{width:72px;height:72px;margin:0 auto var(--space-lg);background:linear-gradient(135deg,rgba(13,59,102,0.08),rgba(63,163,77,0.08));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);transition:all var(--transition-normal);will-change:transform}.service-card:hover .service-icon{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);transform:scale(1.08)}.service-card h3{margin-bottom:var(--space-sm);font-size:1.15rem}.service-card p{font-size:0.95rem;line-height:1.7;margin-bottom:var(--space-md)}.service-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;font-size:0.9rem;opacity:0;transform:translateY(8px);transition:all var(--transition-normal)}.service-card:hover .service-link{opacity:1;transform:translateY(0)}.service-link:hover{color:var(--accent)}.why-us{background:var(--gray-50)}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);max-width:900px;margin:0 auto}.why-item{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.why-item:hover{box-shadow:var(--shadow-card-hover);border-color:transparent;transform:translateY(-3px)}.why-icon{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--white);flex-shrink:0;will-change:transform}.why-item h4{margin-bottom:4px;font-size:1.05rem}.why-item p{font-size:0.9rem;margin:0}.projects-slider-wrap{position:relative;overflow:hidden}.projects-track{display:flex;gap:var(--space-lg);transition:transform 0.5s ease}.project-card{min-width:calc(33.333% - var(--space-lg));background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:all var(--transition-normal);flex-shrink:0;will-change:transform}.project-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.project-images{position:relative;height:240px;overflow:hidden}.project-images img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity 0.5s ease}.project-images .after-img{opacity:0}.project-card:hover .project-images .after-img{opacity:1}.project-badge{position:absolute;top:12px;right:12px;background:var(--primary);color:var(--white);padding:4px 12px;border-radius:var(--radius-sm);font-size:0.8rem;font-weight:700;z-index:2;transition:all var(--transition-normal)}.project-card:hover .project-badge{background:var(--accent)}.project-info{padding:var(--space-md) var(--space-lg)}.project-info h4{font-size:1rem;margin-bottom:4px}.project-info span{font-size:0.85rem;color:var(--gray-600)}.slider-nav{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.slider-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all var(--transition-normal);border:none;cursor:pointer}.slider-btn:hover{background:var(--primary-light);transform:scale(1.1)}.reviews-section{background:var(--gray-50)}.reviews-track{display:flex;gap:var(--space-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--space-md)}.reviews-track::-webkit-scrollbar{display:none}.review-card{min-width:340px;background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--gray-200);scroll-snap-align:start;transition:all var(--transition-normal);flex-shrink:0;will-change:transform}.review-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.review-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.review-avatar{width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0}.review-name{font-weight:700;font-size:1rem;color:var(--gray-900)}.review-date{font-size:0.8rem;color:var(--gray-600)}.review-stars{display:flex;gap:2px;margin-bottom:var(--space-sm);direction:ltr}.review-stars i{color:#FFB800;font-size:0.9rem}.review-text{font-size:0.95rem;line-height:1.8;color:var(--gray-600);margin-bottom:var(--space-md)}.review-project{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--primary);font-weight:600;background:rgba(13,59,102,0.06);padding:6px 14px;border-radius:var(--radius-sm)}.areas-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.area-tag{padding:12px 28px;border-radius:var(--radius-xl);background:var(--white);border:2px solid var(--gray-200);font-weight:700;color:var(--gray-700);transition:all var(--transition-normal);cursor:default}.area-tag:hover{border-color:var(--primary);color:var(--primary);background:rgba(13,59,102,0.04);transform:translateY(-2px)}.cta-banner{background:linear-gradient(135deg,var(--primary-dark),#051a2e);color:var(--white);text-align:center;padding:var(--space-3xl) 0}.cta-banner h2{color:var(--white);margin-bottom:var(--space-md);font-size:clamp(1.5rem,3vw,2rem)}.cta-banner .btn{background:var(--white);color:var(--primary);font-weight:900}.cta-banner .btn:hover{background:var(--gray-100);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.3);}.cta-banner .btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.footer{background:var(--gray-900);color:var(--gray-300);padding:var(--space-4xl) 0 0;position:relative;overflow:hidden;}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--secondary));}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:1px solid rgba(255,255,255,0.05);}.footer-col h4{color:var(--white);margin-bottom:var(--space-xl);font-size:1.25rem;font-weight:800;position:relative;padding-bottom:var(--space-sm);display:inline-block;}.footer-col h4::after{content:'';position:absolute;bottom:0;right:0;width:30px;height:3px;background:var(--accent);border-radius:2px;}.footer-about{font-size:1rem;line-height:1.9;margin-bottom:var(--space-xl);color:var(--gray-300);}.footer-social{display:flex;gap:12px;}.footer-social a{width:44px;height:44px;border-radius:var(--radius-md);background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;color:var(--gray-300);transition:all var(--transition-normal);border:1px solid rgba(255,255,255,0.1);}.footer-social a:hover{background:var(--accent);border-color:var(--accent);color:var(--white);transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,111,60,0.2);}.footer-links li{margin-bottom:var(--space-sm)}.footer-links a{color:var(--gray-300);font-size:1rem;display:flex;align-items:center;gap:10px;transition:all var(--transition-normal);will-change:transform}.footer-links a:hover{color:var(--white);transform:translateX(-8px);}.footer-links a::before{content:'\f104';font-family:'Font Awesome 6 Free';font-weight:900;font-size:0.8rem;color:var(--accent);}.footer-contact-item{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:1rem;color:var(--gray-300);transition:all var(--transition-fast);}.footer-contact-item:hover{color:var(--white);}.footer-contact-item i{color:var(--accent);width:20px;margin-top:4px}.footer-bottom{padding:var(--space-2xl) 0;display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;color:var(--gray-300);border-top:1px solid rgba(255,255,255,0.05);margin-top:var(--space-2xl);flex-wrap:wrap;gap:var(--space-md);}.footer-bottom a:hover{color:var(--accent);}.whatsapp-float{position:fixed;bottom:24px;left:24px;z-index:999;width:60px;height:60px;border-radius:var(--radius-full);background:#0e7a3c;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 20px rgba(14,122,60,0.4);transition:all var(--transition-normal);will-change:transform;animation:pulse-whatsapp 2.5s infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,0.5)}@keyframes pulse-whatsapp{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.85;transform:scale(1.05)}}@keyframes beforeAfterFade{0%,40%{opacity:1}60%,100%{opacity:0}}@keyframes badgeFade{0%,40%{opacity:0}60%,100%{opacity:1}}.project-card .image-before-auto{will-change:opacity;animation:beforeAfterFade 6s infinite alternate ease-in-out}.project-card .after-badge-auto{will-change:opacity;animation:badgeFade 6s infinite alternate ease-in-out}.project-card:hover .image-before-auto,.project-card:hover .after-badge-auto{animation-play-state:paused}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:999;width:46px;height:46px;border-radius:var(--radius-full);background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-normal);cursor:pointer;border:none}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);will-change:transform,opacity}.back-to-top:hover{background:var(--primary-light);transform:translateY(-3px)}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.contact-card{text-align:center;padding:var(--space-xl);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.contact-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px);border-color:transparent}.contact-card-icon{width:64px;height:64px;margin:0 auto var(--space-md);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:700;color:var(--gray-700);font-size:0.95rem}.form-control{width:100%;padding:14px 18px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;color:var(--gray-800);background:var(--white);transition:border-color var(--transition-fast)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,59,102,0.1)}.form-control::placeholder{color:var(--gray-400)}textarea.form-control{resize:vertical;min-height:140px}.form-error{color:var(--danger);font-size:0.85rem;margin-top:4px;display:none}.map-container{width:100%;height:400px;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--gray-200)}.page-hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:var(--space-3xl) 0 var(--space-2xl);margin-top:var(--header-height);text-align:center;color:var(--white)}.page-hero h1{color:var(--white);margin-bottom:var(--space-sm)}.page-hero p{color:rgba(255,255,255,0.95)}.breadcrumb{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:0.9rem}.breadcrumb a{color:rgba(255,255,255,0.7)}.breadcrumb a:hover{color:var(--white)}.breadcrumb span{color:var(--accent)}.review-stats{display:flex;align-items:center;gap:var(--space-2xl);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--gray-200);margin-bottom:var(--space-2xl);flex-wrap:wrap}.review-avg{text-align:center;min-width:120px}.review-avg-number{font-size:3rem;font-weight:900;color:var(--primary);line-height:1}.review-bars{flex:1;min-width:250px}.review-bar-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:6px;font-size:0.85rem}.review-bar-fill{flex:1;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.review-bar-fill span{display:block;height:100%;background:var(--accent);border-radius:var(--radius-full);transition:transform 1.5s cubic-bezier(0.16,1,0.3,1);will-change:transform}.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden}.faq-question{width:100%;padding:var(--space-md) var(--space-lg);background:var(--white);display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--gray-800);cursor:pointer;transition:all var(--transition-fast);text-align:right;border:none}.faq-question:hover{background:var(--gray-50)}.faq-question i{transition:transform var(--transition-normal);color:var(--primary)}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;background:var(--gray-50)}.faq-answer p{padding:var(--space-md) var(--space-lg);font-size:0.95rem;line-height:1.8;margin:0}.work-hours{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--gray-200)}.work-hours table{width:100%;border-collapse:collapse}.work-hours td{padding:10px 0;border-bottom:1px solid var(--gray-100);font-size:0.95rem}.work-hours tr:last-child td{border-bottom:none}.work-hours .day{font-weight:700;color:var(--gray-800)}.work-hours .closed{color:var(--danger);font-weight:600}.filter-btns{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.filter-btn{padding:10px 24px;border-radius:var(--radius-xl);border:2px solid var(--gray-200);background:var(--white);font-weight:600;color:var(--gray-600);cursor:pointer;transition:all var(--transition-normal)}.filter-btn:hover,.filter-btn.active{border-color:var(--primary);background:var(--primary);color:var(--white)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:all var(--transition-normal)}.blog-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.blog-card-img{height:200px;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-card-img img{transform:scale(1.06)}.blog-card-body{padding:var(--space-lg)}.blog-card-date{font-size:0.8rem;color:var(--gray-600);margin-bottom:var(--space-sm)}.blog-card h3{font-size:1.05rem;margin-bottom:var(--space-sm)}.blog-card p{font-size:0.9rem;margin-bottom:var(--space-md)}@keyframes fadeInUp{from{opacity:0}to{opacity:1}}.animate-in{opacity:0;transition:opacity 0.7s ease;will-change:opacity}.animate-in.visible{opacity:1}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.project-card{min-width:calc(50% - var(--space-lg))}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--header-height:68px;--container-padding:1rem}.header-cta .btn,.header-phone{display:none}.menu-toggle{display:flex}.nav-links{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:280px;height:100vh;background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:calc(var(--header-height) + 40px) 0 var(--space-xl);box-shadow:var(--shadow-xl);z-index:1050;gap:0;transform:translateX(100%);transition:transform var(--transition-normal);}.nav-links.mobile-open{transform:translateX(0)}.nav-links a{padding:var(--space-lg) var(--space-xl);padding-right:var(--space-3xl);border-bottom:1px solid rgba(255,255,255,0.1);width:100%;color:var(--white);display:flex;align-items:center;gap:12px;}.nav-links a::after{display:none}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:990;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-overlay.active{opacity:1;visibility:visible}.services-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.project-card{min-width:85%}.review-card{min-width:85%}.trust-items{gap:var(--space-lg)}.trust-item{flex:1;min-width:140px;justify-content:center}.hero-content{padding:var(--space-xl) var(--space-2xl);text-align:center;}.hero-content h1{font-size:1.8rem;margin-bottom:var(--space-md);}.hero-content p{font-size:1rem;margin-bottom:var(--space-lg);}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-nav-btn{display:none}.review-stats{flex-direction:column;text-align:center}}@media (max-width:480px){.trust-items{flex-direction:column}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm);}.map-container{width:100%;height:450px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden;position:relative;z-index:1;}#map{width:100%;height:100%;}.map-container iframe{width:100% !important;height:100% !important;border:none;}.leaflet-popup-content-wrapper{text-align:center;font-family:'Tajawal',sans-serif;}.leaflet-popup{margin-left:auto;margin-right:auto;}.leaflet-popup-content{text-align:center;margin:10px 16px;}