*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#0a66c2;--secondary:#1e293b;--light:#f8fafc;--gray:#64748b;--whatsapp:#25D366}body{font-family:'Cairo',sans-serif;color:var(--secondary);line-height:1.5;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 15px;width:100%}img{max-width:100%;height:auto;display:block}.header{background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .05);position:sticky;top:0;z-index:1000;padding:8px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.logo img{height:40px;width:auto}.nav-menu{display:flex;list-style:none;gap:20px;align-items:center;margin:0;padding:0}.nav-item{position:relative}.nav-link{color:var(--secondary);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap;padding:10px 0;display:block;transition:color 0.2s}.nav-link:hover{color:var(--primary)}.dropdown-content{position:absolute;top:100%;right:0;background:#fff;min-width:220px;box-shadow:0 8px 20px rgb(0 0 0 / .1);border-radius:8px;padding:8px 0;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease}.nav-item:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content a{color:var(--secondary);padding:12px 20px;text-decoration:none;display:block;font-size:14px;font-weight:500;transition:all 0.2s;border-right:3px solid #fff0}.dropdown-content a:hover{background:#f5f5f5;color:var(--primary);border-right-color:var(--primary);padding-right:25px}.service-btn{background:var(--primary);color:#fff!important;padding:6px 18px;border-radius:50px;font-weight:700;transition:background 0.2s}.service-btn:hover{background:#0a4c8c;color:#fff!important}.floating-icons{position:fixed;left:10px;bottom:10px;z-index:9999;display:flex;flex-direction:column;gap:8px}.floating-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 5px 15px rgb(0 0 0 / .25);text-decoration:none;transition:transform 0.2s}.floating-icon.whatsapp{background:var(--whatsapp)}.floating-icon.call{background:var(--primary)}.floating-icon i{color:#fff;font-size:24px}.floating-icon:hover{transform:scale(1.1)}.mobile-actions{display:none}.mobile-menu-toggle{display:none}.mobile-menu{display:none;position:fixed;top:60px;right:0;width:100%;background:#fff;box-shadow:0 5px 15px rgb(0 0 0 / .1);z-index:9998;padding:15px;border-top:1px solid #eee}.mobile-menu.active{display:block}.mobile-menu ul{list-style:none}.mobile-menu li{margin-bottom:12px}.mobile-menu a{color:var(--secondary);text-decoration:none;font-weight:600;font-size:15px;display:block;padding:5px 0}.mobile-menu .service-btn-mobile{background:var(--primary);color:#fff;text-align:center;border-radius:50px;padding:10px;margin-top:10px}.mobile-dropdown-content{padding-right:15px;margin-top:5px;border-right:2px solid var(--primary)}.mobile-dropdown-content a{font-size:14px;padding:4px 0;color:var(--gray)}.mobile-dropdown-trigger{font-weight:700;color:var(--primary)!important}@media (max-width:768px){.nav-menu{display:none}.mobile-actions{display:flex;gap:5px}.mobile-menu-toggle{display:block;background:none;border:none;font-size:22px;cursor:pointer;color:var(--secondary);padding:0 5px}.mobile-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:50px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;color:#fff}.mobile-wa{background:var(--whatsapp)}.mobile-call{background:var(--primary)}.floating-icon{width:45px;height:45px;font-size:20px}}.hero{padding:15px 0;background:linear-gradient(135deg,#f0f9ff 0,#fff 100%)}.hero-grid{display:grid;grid-template-columns:1fr;gap:10px}.hero-content h1{font-size:22px;line-height:1.2;margin-bottom:5px}.hero-highlight{color:var(--primary);font-size:28px;display:block}.hero-subtitle{font-size:12px;color:var(--gray);margin-bottom:10px}.hero-badges{display:flex;gap:3px;flex-wrap:wrap}.badge{background:#fff;padding:2px 6px;border-radius:50px;font-size:9px;border:1px solid #eef2f6}.hero-image img{border-radius:8px}.company-article{padding:15px 0}.article-card{background:#f5faff;padding:15px;border-radius:15px}.article-title{font-size:18px;text-align:center;margin-bottom:8px}.article-title span{color:var(--primary)}.article-text{font-size:13px;line-height:1.5;text-align:center;color:#334155}.cities{display:flex;justify-content:center;gap:5px;margin-bottom:10px}.city-badge{background:#fff;padding:4px 10px;border-radius:50px;font-size:12px;border:1px solid rgb(10 102 194 / .2);color:var(--primary)}.services-grid{display:grid;grid-template-columns:1fr;gap:10px}.service-card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #eef2f6}.service-image{height:100px}.service-image img{width:100%;height:100%;object-fit:cover}.service-card h3{padding:8px 8px 3px;font-size:14px}.service-card p{padding:0 8px;font-size:11px;color:var(--gray);margin-bottom:8px}.service-link{display:block;margin:0 8px 8px;background:var(--primary);color:#fff;padding:6px;border-radius:50px;font-size:12px;text-align:center;text-decoration:none;transition:background 0.2s}.service-link:hover{background:#0a4c8c}.contact-section{padding:15px 0}.contact-info h3{font-size:16px;margin-bottom:5px}.phone-item{background:#fff;padding:6px 12px;border-radius:50px;display:inline-block;border:2px solid var(--primary);font-size:14px;font-weight:700;color:var(--primary);cursor:pointer;transition:all 0.2s}.phone-item:hover{background:var(--primary);color:#fff}.whatsapp-btn{display:inline-block;background:var(--whatsapp);color:#fff;padding:8px 15px;border-radius:50px;text-decoration:none;font-size:12px;margin:5px 0;transition:opacity 0.2s}.whatsapp-btn:hover{opacity:.9}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-content h1{font-size:28px}.hero-highlight{font-size:36px}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}.footer{background:#0a1c2f;color:#fff;padding:40px 0 20px;margin-top:20px;border-radius:40px 40px 0 0}.footer-logo img{height:40px;opacity:.95}.footer-text{text-align:center}.footer-text p{margin-bottom:5px;font-size:16px}.footer-small{opacity:.8;font-size:13px}.footer-copyright{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgb(255 255 255 / .1)}.footer-copyright p{opacity:.6;font-size:12px}