:root {
            --alt-green: #134031;
            --alt-gold: #A8844B;
            --alt-light: #fdfbf7;
        }
        /* =========================
   RTL FIX FOR FONT AWESOME
========================= */

/* العربية */
html[dir="rtl"] body {
    font-family: 'Cairo', sans-serif;
}

/* منع استبدال خط Font Awesome */
html[dir="rtl"] .fa-solid,
html[dir="rtl"] .fa-regular,
html[dir="rtl"] .fa-brands,
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fab,
html[dir="rtl"] i {
    font-family: "Font Awesome 6 Free",
                 "Font Awesome 6 Brands" !important;
    font-style: normal !important;
}

/* إصلاح الأيقونات داخل flex */
html[dir="rtl"] .flex {
    direction: rtl;
}

/* عناصر التواصل تبقى LTR */
html[dir="rtl"] .social-icons,
html[dir="rtl"] .contact-icons,
html[dir="rtl"] .whatsapp-wrapper {
    direction: ltr;
}

/* منع انعكاس svg */
html[dir="rtl"] svg {
    flex-shrink: 0;
}

        * { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; background-color: var(--alt-light); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
        [dir="rtl"] body, [dir="rtl"] * { font-family: 'Cairo', sans-serif; }

        /* ===== RTL POSITIONING ===== */
        .hero-floating-stats {
            right: 0.75rem;
            left: auto;
        }
        @media (min-width: 640px) { .hero-floating-stats { right: 1.5rem; } }
        @media (min-width: 1024px) { .hero-floating-stats { right: 2rem; } }
        @media (min-width: 1280px) { .hero-floating-stats { right: 3rem; } }
        [dir="rtl"] .hero-floating-stats { right: auto; left: 0.75rem; }
        @media (min-width: 640px) { [dir="rtl"] .hero-floating-stats { left: 1.5rem; } }
        @media (min-width: 1024px) { [dir="rtl"] .hero-floating-stats { left: 2rem; } }
        @media (min-width: 1280px) { [dir="rtl"] .hero-floating-stats { left: 3rem; } }

        .about-experience-badge { right: -1rem; left: auto; }
        [dir="rtl"] .about-experience-badge { right: auto; left: -1rem; }
        @media (min-width: 640px) {
            .about-experience-badge { right: -1.5rem; }
            [dir="rtl"] .about-experience-badge { left: -1.5rem; }
        }

        .about-frame { position: relative; }
        .about-frame::before {
            content: ''; position: absolute; top: -10px; left: -10px; right: 10px; bottom: 10px;
            border:2px solid #1a4637; border-radius: 12px; z-index: -1;
        }
        [dir="rtl"] .about-frame::before { left: 10px; right: -10px; }

        .whatsapp-wrapper { right: 1rem; left: auto; }
        [dir="rtl"] .whatsapp-wrapper { right: auto; left: 1rem; }
        @media (min-width: 640px) {
            .whatsapp-wrapper { right: 1.5rem; }
            [dir="rtl"] .whatsapp-wrapper { left: 1.5rem; }
        }

        .whatsapp-tooltip { right: 0; left: auto; }
        [dir="rtl"] .whatsapp-tooltip { right: auto; left: 0; }

        .counter-number { direction: ltr; unicode-bidi: isolate; font-variant-numeric: tabular-nums; }

        /* ===== NAVBAR ===== */
        .navbar-scrolled {
            background: rgba(19, 64, 49, 0.97) !important;
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px) !important;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
        }

        /* ===== GLASS ===== */
        .glass {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.15);
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.6);
        }

        /* ===== ANIMATIONS ===== */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16,1,0.3,1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .reveal-left { opacity: 0; transform: translateX(-60px); transition: all 0.8s cubic-bezier(0.16,1,0.3,1); }
        .reveal-left.active { opacity: 1; transform: translateX(0); }
        .reveal-right { opacity: 0; transform: translateX(60px); transition: all 0.8s cubic-bezier(0.16,1,0.3,1); }
        .reveal-right.active { opacity: 1; transform: translateX(0); }
        .reveal-scale { opacity: 0; transform: scale(0.9); transition: all 0.8s cubic-bezier(0.16,1,0.3,1); }
        .reveal-scale.active { opacity: 1; transform: scale(1); }

        .stagger-children > * { opacity: 0; transform: translateY(30px); transition: all 0.6s cubic-bezier(0.16,1,0.3,1); }
        .stagger-children.active > *:nth-child(1) { transition-delay:0.05s; opacity:1; transform:translateY(0); }
        .stagger-children.active > *:nth-child(2) { transition-delay:0.1s; opacity:1; transform:translateY(0); }
        .stagger-children.active > *:nth-child(3) { transition-delay:0.15s; opacity:1; transform:translateY(0); }
        .stagger-children.active > *:nth-child(4) { transition-delay:0.2s; opacity:1; transform:translateY(0); }
        .stagger-children.active > *:nth-child(5) { transition-delay:0.25s; opacity:1; transform:translateY(0); }
        .stagger-children.active > *:nth-child(6) { transition-delay:0.3s; opacity:1; transform:translateY(0); }

        @keyframes heroFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
        @keyframes fadeInUp { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} }
        @keyframes fadeIn { from{opacity:0} to{opacity:1} }
        @keyframes pulse-gold { 0%,100%{box-shadow:0 0 0 0 rgba(168,132,75,0.5)} 50%{box-shadow:0 0 0 12px rgba(168,132,75,0)} }
        @keyframes float-slow { 0%,100%{transform:translateY(0) rotate(0deg)} 33%{transform:translateY(-8px) rotate(1deg)} 66%{transform:translateY(4px) rotate(-1deg)} }

        .animate-float { animation: heroFloat 6s ease-in-out infinite; }
        .animate-float-delay { animation: heroFloat 6s ease-in-out 2s infinite; }
        .animate-float-delay-2 { animation: heroFloat 6s ease-in-out 4s infinite; }
        .animate-float-delay-3 { animation: heroFloat 6s ease-in-out 1s infinite; }
        .animate-pulse-gold { animation: pulse-gold 2s ease-in-out infinite; }
        .animate-float-slow { animation: float-slow 8s ease-in-out infinite; }

        .hero-title-animate { animation: fadeInUp 1s cubic-bezier(0.16,1,0.3,1) 0.3s both; }
        .hero-subtitle-animate { animation: fadeInUp 1s cubic-bezier(0.16,1,0.3,1) 0.6s both; }
        .hero-cta-animate { animation: fadeInUp 1s cubic-bezier(0.16,1,0.3,1) 0.9s both; }
        .hero-badge-animate { animation: fadeIn 1s ease 0.1s both; }

        /* ===== CARDS ===== */
        .service-card { transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }
        .service-card:hover { transform: translateY(-8px); box-shadow: 0 20px 60px rgba(19,64,49,0.12); }
        .service-card:hover .service-icon { background-color:#A8844B; color: white; transform: scale(1.1); }
        .service-icon { transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }

        .why-card { transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }
        .why-card:hover { transform: translateY(-6px) scale(1.02); }
        .why-card:hover .why-icon { transform: scale(1.15) rotate(5deg); }
        .why-icon { transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }

        .value-card { transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }
        .value-card:hover { transform: translateY(-6px); }
        .value-card:hover .value-icon { transform: scale(1.15); }
        .value-icon { transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }

        .team-card:hover .team-img { transform: scale(1.05); }
        .team-card:hover .team-overlay { opacity: 1; }
        .team-img { transition: transform 0.6s cubic-bezier(0.16,1,0.3,1); }
        .team-overlay { opacity: 0; transition: opacity 0.4s ease; }

        .client-logo { filter: grayscale(100%); opacity: 0.5; transition: all 0.4s ease; }
        .client-logo:hover { filter: grayscale(0%); opacity: 1; }

        /* ===== SWIPER ===== */
        .swiper-pagination-bullet { background-color: var(--alt-green) !important; opacity: 0.3 !important; }
        .swiper-pagination-bullet-active { opacity: 1 !important; background-color: var(--alt-gold) !important; }

        /* ===== MOBILE MENU ===== */
        .mobile-menu { transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.16,1,0.3,1); }
        [dir="rtl"] .mobile-menu { transform: translateX(-100%); }
        .mobile-menu.open { transform: translateX(0) !important; }

        /* ===== BUTTONS ===== */
        .btn-gold { position: relative; overflow: hidden; }
        .btn-gold::after {
            content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
            background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%);
            transform: rotate(30deg) translateX(-100%); transition: transform 0.6s ease;
        }
        .btn-gold:hover::after { transform: rotate(30deg) translateX(100%); }

        .section-divider { width: 60px; height: 3px; background: linear-gradient(to right, var(--alt-gold), var(--alt-gold-light)); border-radius: 2px; }

        /* ===== SCROLLBAR ===== */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--alt-green); border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--alt-gold); }

        .hero-overlay { background: linear-gradient(135deg, rgba(13,46,35,0.92) 0%, rgba(19,64,49,0.85) 40%, rgba(19,64,49,0.75) 70%, rgba(168,132,75,0.3) 100%); }

        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; width: 0; height: 2px; background: var(--alt-gold); transition: width 0.3s ease; }
        [dir="ltr"] .nav-link::after { left: 0; right: auto; }
        [dir="rtl"] .nav-link::after { right: 0; left: auto; }
        .nav-link:hover::after, .nav-link.active::after { width: 100%; }

        .form-input:focus { border-color: var(--alt-gold); box-shadow: 0 0 0 3px rgba(168,132,75,0.15); }

        .whatsapp-tooltip { opacity: 0; transform: translateY(8px); transition: all 0.3s ease; pointer-events: none; }
        .whatsapp-wrapper:hover .whatsapp-tooltip { opacity: 1; transform: translateY(0); }

        /* ===== RESPONSIVE FIXES ===== */
        @media (max-width: 639px) {
            .hero-floating-stats { position: relative !important; bottom: auto !important; right: auto !important; left: auto !important; margin-top: 2.5rem; }
            [dir="rtl"] .hero-floating-stats { position: relative !important; left: auto !important; right: auto !important; }
            .about-experience-badge { position: relative !important; right: auto !important; left: auto !important; bottom: auto !important; margin-top: 1.5rem; }
            [dir="rtl"] .about-experience-badge { position: relative !important; left: auto !important; right: auto !important; }
        }

        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
            .reveal, .reveal-left, .reveal-right, .reveal-scale { opacity: 1; transform: none; }
            .stagger-children > * { opacity: 1; transform: none; }
        }