{"id":12,"date":"2026-05-06T11:08:40","date_gmt":"2026-05-06T11:08:40","guid":{"rendered":"https:\/\/fakherjo.com\/?page_id=12"},"modified":"2026-05-06T11:28:24","modified_gmt":"2026-05-06T11:28:24","slug":"home","status":"publish","type":"page","link":"https:\/\/fakherjo.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f69c21 e-con-full e-flex e-con e-parent\" data-id=\"5f69c21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc7301c elementor-widget elementor-widget-html\" data-id=\"cc7301c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631 - \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\n     \u0646\u0633\u062e\u0629 WordPress \u0643\u0627\u0645\u0644\u0629 - \u0643\u0644 \u0634\u064a\u0621 \u0628\u062f\u0627\u062e\u0644\u0647\u0627\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&family=Tajawal:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CSS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631 - \u0645\u0644\u0641 \u0627\u0644\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\n   Al_Fakher Institution - Main Stylesheet\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2550\u2550\u2550 \u0645\u062a\u063a\u064a\u0631\u0627\u062a CSS Custom Properties \u2550\u2550\u2550 *\/\n:root {\n    \/* \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\n    --primary-blue: #0B5FAE;\n    --primary-blue-dark: #084280;\n    --primary-blue-light: #1976D2;\n    --sky-blue: #4FC3F7;\n    --sky-blue-light: #81D4FA;\n    --lime-green: #C6E84C;\n    --lime-green-dark: #A5C935;\n\n    \/* \u0623\u0644\u0648\u0627\u0646 \u0645\u062d\u0627\u064a\u062f\u0629 *\/\n    --white: #FFFFFF;\n    --light-gray: #F5F7FA;\n    --medium-gray: #E1E5EB;\n    --dark-gray: #9CA3AF;\n    --text-dark: #1F2937;\n    --text-muted: #6B7280;\n\n    \/* \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062d\u0627\u0644\u0627\u062a *\/\n    --success: #10B981;\n    --error: #EF4444;\n    --warning: #F59E0B;\n    --whatsapp: #25D366;\n    --whatsapp-dark: #1EB855;\n\n    \/* \u0627\u0644\u0638\u0644\u0627\u0644 *\/\n    --shadow: 0 4px 20px rgba(11, 95, 174, 0.08);\n    --shadow-md: 0 8px 30px rgba(11, 95, 174, 0.12);\n    --shadow-lg: 0 15px 50px rgba(11, 95, 174, 0.15);\n    --shadow-hover: 0 20px 60px rgba(11, 95, 174, 0.2);\n\n    \/* \u0627\u0644\u062e\u0637\u0648\u0637 *\/\n    --font-primary: 'Cairo', 'Tajawal', sans-serif;\n    --font-secondary: 'Tajawal', 'Cairo', sans-serif;\n\n    \/* \u0627\u0644\u0645\u0642\u0627\u0633\u0627\u062a *\/\n    --container-width: 1280px;\n    --header-height: 80px;\n    --top-bar-height: 40px;\n\n    \/* \u0627\u0644\u0632\u0648\u0627\u064a\u0627 *\/\n    --radius-sm: 8px;\n    --radius-md: 12px;\n    --radius-lg: 20px;\n    --radius-xl: 30px;\n    --radius-full: 50%;\n\n    \/* \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644\u0627\u062a *\/\n    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* \u2550\u2550\u2550 Reset & Base \u2550\u2550\u2550 *\/\n*,\n*::before,\n*::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: smooth;\n    scroll-padding-top: calc(var(--header-height) + 20px);\n    -webkit-text-size-adjust: 100%;\n}\n\nbody {\n    font-family: var(--font-primary);\n    font-size: 16px;\n    line-height: 1.7;\n    color: var(--text-dark);\n    background-color: var(--white);\n    direction: rtl;\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\nimg {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n\na {\n    color: inherit;\n    text-decoration: none;\n    transition: color var(--transition);\n}\n\nul,\nol {\n    list-style: none;\n}\n\nbutton {\n    font-family: inherit;\n    cursor: pointer;\n    border: none;\n    background: none;\n}\n\ninput,\ntextarea,\nselect {\n    font-family: inherit;\n    font-size: 16px;\n}\n\n\/* \u2550\u2550\u2550 Utilities \u0639\u0627\u0645\u0629 \u2550\u2550\u2550 *\/\n.container {\n    width: 100%;\n    max-width: var(--container-width);\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.section {\n    padding: 80px 0;\n}\n\n.section-light {\n    background-color: var(--light-gray);\n}\n\n.section-eco {\n    background: linear-gradient(135deg, var(--light-gray) 0%, #E8F5E9 100%);\n}\n\n.text-accent {\n    color: var(--lime-green);\n}\n\n.visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n\/* \u2550\u2550\u2550 \u0647\u064a\u062f\u0631 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u2550\u2550\u2550 *\/\n.section-header {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto 60px;\n}\n\n.section-tag {\n    display: inline-block;\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n    padding: 6px 18px;\n    border-radius: var(--radius-xl);\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    letter-spacing: 0.5px;\n}\n\n.section-title {\n    font-size: 38px;\n    font-weight: 900;\n    color: var(--text-dark);\n    line-height: 1.3;\n    margin-bottom: 16px;\n}\n\n.section-title i {\n    color: var(--primary-blue);\n    margin-left: 10px;\n}\n\n.section-description {\n    font-size: 18px;\n    color: var(--text-muted);\n    line-height: 1.8;\n}\n\n\/* \u2550\u2550\u2550 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 Buttons \u2550\u2550\u2550 *\/\n.btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 14px 28px;\n    border-radius: var(--radius-md);\n    font-size: 16px;\n    font-weight: 700;\n    text-align: center;\n    cursor: pointer;\n    transition: all var(--transition);\n    border: 2px solid transparent;\n    white-space: nowrap;\n    user-select: none;\n}\n\n.btn:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-md);\n}\n\n.btn:active {\n    transform: translateY(0);\n}\n\n.btn-primary {\n    background: linear-gradient(135deg, var(--lime-green), var(--lime-green-dark));\n    color: var(--text-dark);\n    border-color: var(--lime-green);\n}\n\n.btn-primary:hover {\n    background: linear-gradient(135deg, var(--lime-green-dark), var(--lime-green));\n    color: var(--text-dark);\n}\n\n.btn-outline {\n    background: transparent;\n    color: var(--white);\n    border-color: var(--white);\n}\n\n.btn-outline:hover {\n    background: var(--white);\n    color: var(--primary-blue);\n}\n\n.btn-outline-white {\n    background: transparent;\n    color: var(--white);\n    border-color: var(--white);\n}\n\n.btn-outline-white:hover {\n    background: var(--white);\n    color: var(--primary-blue);\n}\n\n.btn-whatsapp {\n    background: linear-gradient(135deg, var(--whatsapp), var(--whatsapp-dark));\n    color: var(--white);\n    border-color: var(--whatsapp);\n}\n\n.btn-whatsapp:hover {\n    background: var(--whatsapp-dark);\n    color: var(--white);\n}\n\n.btn-whatsapp-header {\n    background: linear-gradient(135deg, var(--whatsapp), var(--whatsapp-dark));\n    color: var(--white);\n    padding: 10px 20px;\n    border-radius: var(--radius-md);\n    font-weight: 700;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: all var(--transition);\n}\n\n.btn-whatsapp-header:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-md);\n    color: var(--white);\n}\n\n.btn-large {\n    padding: 16px 36px;\n    font-size: 17px;\n}\n\n.btn-block {\n    width: 100%;\n}\n\n\/* \u2550\u2550\u2550 \u0634\u0631\u064a\u0637 \u0639\u0644\u0648\u064a Top Bar \u2550\u2550\u2550 *\/\n.top-bar {\n    background: linear-gradient(135deg, var(--primary-blue-dark), var(--primary-blue));\n    color: var(--white);\n    padding: 8px 0;\n    font-size: 14px;\n}\n\n.top-bar-inner {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.top-bar-contact {\n    display: flex;\n    gap: 20px;\n    align-items: center;\n}\n\n.top-bar-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--white);\n    transition: color var(--transition);\n}\n\n.top-bar-link:hover {\n    color: var(--lime-green);\n}\n\n.top-bar-hours {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\/* \u2550\u2550\u2550 \u0627\u0644\u0647\u064a\u062f\u0631 \u0627\u0644\u062b\u0627\u0628\u062a Sticky Header \u2550\u2550\u2550 *\/\n.main-header {\n    background: var(--white);\n    padding: 12px 0;\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    transition: all var(--transition);\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\n}\n\n.main-header.scrolled {\n    box-shadow: var(--shadow-md);\n    padding: 8px 0;\n}\n\n.header-inner {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 20px;\n}\n\n.logo {\n    display: inline-block;\n    transition: transform var(--transition);\n}\n\n.logo:hover {\n    transform: scale(1.05);\n}\n\n.logo img {\n    max-height: 60px;\n    width: auto;\n}\n\n\/* \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0646\u0642\u0644 *\/\n.main-nav {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n}\n\n.nav-list {\n    display: flex;\n    gap: 4px;\n    align-items: center;\n}\n\n.nav-link {\n    display: inline-block;\n    padding: 8px 16px;\n    color: var(--text-dark);\n    font-weight: 600;\n    border-radius: var(--radius-sm);\n    transition: all var(--transition);\n    position: relative;\n}\n\n.nav-link:hover {\n    color: var(--primary-blue);\n    background: var(--light-gray);\n}\n\n.nav-link.active {\n    color: var(--primary-blue);\n    background: rgba(11, 95, 174, 0.08);\n}\n\n.nav-link.active::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 16px;\n    left: 16px;\n    height: 2px;\n    background: var(--primary-blue);\n    border-radius: 2px;\n}\n\n\/* \u0632\u0631 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0644\u0644\u062c\u0648\u0627\u0644 *\/\n.mobile-menu-toggle {\n    display: none;\n    width: 40px;\n    height: 40px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 5px;\n    border-radius: var(--radius-sm);\n    transition: background var(--transition);\n}\n\n.mobile-menu-toggle span {\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: var(--text-dark);\n    transition: all var(--transition);\n    border-radius: 2px;\n}\n\n.mobile-menu-toggle.active span:nth-child(1) {\n    transform: translateY(7px) rotate(45deg);\n}\n\n.mobile-menu-toggle.active span:nth-child(2) {\n    opacity: 0;\n}\n\n.mobile-menu-toggle.active span:nth-child(3) {\n    transform: translateY(-7px) rotate(-45deg);\n}\n\n\/* \u2550\u2550\u2550 Hero Section \u2550\u2550\u2550 *\/\n.hero {\n    position: relative;\n    background: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 50%, var(--sky-blue) 100%);\n    color: var(--white);\n    padding: 80px 0 120px;\n    overflow: hidden;\n}\n\n.hero-bg-shapes {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}\n\n.shape {\n    position: absolute;\n    border-radius: var(--radius-full);\n    background: rgba(255, 255, 255, 0.05);\n}\n\n.shape-1 {\n    width: 300px;\n    height: 300px;\n    top: 10%;\n    left: -100px;\n    animation: float 6s ease-in-out infinite;\n}\n\n.shape-2 {\n    width: 200px;\n    height: 200px;\n    bottom: 20%;\n    right: 5%;\n    background: rgba(198, 232, 76, 0.15);\n    animation: float 8s ease-in-out infinite reverse;\n}\n\n.shape-3 {\n    width: 150px;\n    height: 150px;\n    top: 50%;\n    right: 30%;\n    background: rgba(79, 195, 247, 0.2);\n    animation: float 7s ease-in-out infinite;\n}\n\n@keyframes float {\n    0%, 100% { transform: translateY(0) translateX(0); }\n    50% { transform: translateY(-30px) translateX(20px); }\n}\n\n.hero-inner {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    align-items: center;\n    gap: 60px;\n    position: relative;\n    z-index: 1;\n}\n\n.hero-content {\n    animation: fadeInRight 0.8s ease forwards;\n}\n\n.hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(10px);\n    color: var(--lime-green);\n    padding: 8px 18px;\n    border-radius: var(--radius-xl);\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 20px;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.hero-title {\n    font-size: 56px;\n    font-weight: 900;\n    line-height: 1.2;\n    margin-bottom: 20px;\n}\n\n.hero-description {\n    font-size: 18px;\n    line-height: 1.8;\n    margin-bottom: 32px;\n    opacity: 0.95;\n}\n\n.hero-cta {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n\n.hero-image {\n    animation: fadeInLeft 0.8s ease forwards;\n    text-align: center;\n}\n\n.hero-image img {\n    border-radius: var(--radius-lg);\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);\n}\n\n@keyframes fadeInRight {\n    from { opacity: 0; transform: translateX(-30px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n@keyframes fadeInLeft {\n    from { opacity: 0; transform: translateX(30px); }\n    to { opacity: 1; transform: translateX(0); }\n}\n\n.hero-wave {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    line-height: 0;\n}\n\n.hero-wave svg {\n    width: 100%;\n    height: 100px;\n    display: block;\n}\n\n\/* \u2550\u2550\u2550 \u0634\u0631\u064a\u0637 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u2550\u2550\u2550 *\/\n.stats-bar {\n    background: var(--white);\n    padding: 40px 0;\n    margin-top: -50px;\n    position: relative;\n    z-index: 2;\n}\n\n.stats-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    background: var(--white);\n    padding: 30px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-md);\n}\n\n.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 12px;\n}\n\n.stat-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: var(--radius-md);\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    flex-shrink: 0;\n}\n\n.stat-content {\n    display: flex;\n    flex-direction: column;\n}\n\n.stat-number {\n    font-size: 28px;\n    font-weight: 900;\n    color: var(--primary-blue);\n    line-height: 1.2;\n}\n\n.stat-label {\n    font-size: 14px;\n    color: var(--text-muted);\n    font-weight: 600;\n}\n\n\/* \u2550\u2550\u2550 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u2550\u2550\u2550 *\/\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n\n.service-card {\n    background: var(--white);\n    padding: 32px 24px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n    transition: all var(--transition);\n    text-align: center;\n    border-top: 4px solid var(--primary-blue);\n    position: relative;\n    overflow: hidden;\n}\n\n.service-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 100%;\n    height: 0;\n    background: linear-gradient(180deg, rgba(11, 95, 174, 0.03), transparent);\n    transition: height var(--transition);\n}\n\n.service-card:hover {\n    transform: translateY(-8px);\n    box-shadow: var(--shadow-hover);\n}\n\n.service-card:hover::before {\n    height: 100%;\n}\n\n.service-icon {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--radius-lg);\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 36px;\n    margin: 0 auto 20px;\n    transition: transform var(--transition);\n}\n\n.service-card:hover .service-icon {\n    transform: scale(1.1) rotate(-5deg);\n}\n\n.service-title {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 12px;\n    color: var(--text-dark);\n}\n\n.service-text {\n    font-size: 15px;\n    color: var(--text-muted);\n    line-height: 1.7;\n    margin-bottom: 16px;\n}\n\n.service-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--primary-blue);\n    font-weight: 700;\n    font-size: 14px;\n    transition: gap var(--transition);\n}\n\n.service-link:hover {\n    gap: 10px;\n    color: var(--primary-blue-dark);\n}\n\n\/* \u2550\u2550\u2550 \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0641\u0627\u062e\u0631 \u2550\u2550\u2550 *\/\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n}\n\n.feature-card {\n    background: var(--white);\n    padding: 36px 28px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n    transition: all var(--transition);\n    text-align: center;\n    border: 1px solid var(--medium-gray);\n}\n\n.feature-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-hover);\n    border-color: var(--primary-blue);\n}\n\n.feature-icon-wrap {\n    width: 70px;\n    height: 70px;\n    border-radius: var(--radius-full);\n    background: linear-gradient(135deg, rgba(11, 95, 174, 0.1), rgba(79, 195, 247, 0.1));\n    color: var(--primary-blue);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 32px;\n    margin: 0 auto 20px;\n    transition: all var(--transition);\n}\n\n.feature-card:hover .feature-icon-wrap {\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n}\n\n.feature-title {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 10px;\n    color: var(--text-dark);\n}\n\n.feature-text {\n    color: var(--text-muted);\n    line-height: 1.7;\n    font-size: 15px;\n}\n\n\/* \u2550\u2550\u2550 \u0634\u0631\u064a\u0637 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 Marquee \u2550\u2550\u2550 *\/\n.clients-marquee {\n    overflow: hidden;\n    position: relative;\n    padding: 30px 0;\n    -webkit-mask-image: linear-gradient(to left, transparent, black 10%, black 90%, transparent);\n    mask-image: linear-gradient(to left, transparent, black 10%, black 90%, transparent);\n}\n\n.clients-track {\n    display: flex;\n    gap: 40px;\n    animation: scrollClients 30s linear infinite;\n    white-space: nowrap;\n}\n\n@keyframes scrollClients {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(50%); }\n}\n\n.client-item {\n    flex-shrink: 0;\n    padding: 16px 32px;\n    background: var(--light-gray);\n    border-radius: var(--radius-md);\n    font-weight: 700;\n    font-size: 16px;\n    color: var(--primary-blue);\n    border: 1px solid var(--medium-gray);\n    transition: all var(--transition);\n}\n\n.client-item:hover {\n    background: var(--primary-blue);\n    color: var(--white);\n    border-color: var(--primary-blue);\n}\n\n\/* \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0635\u0641\u062d\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a *\/\n.clients-list-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n}\n\n.client-box {\n    background: var(--white);\n    padding: 24px 16px;\n    border-radius: var(--radius-md);\n    box-shadow: var(--shadow);\n    text-align: center;\n    transition: all var(--transition);\n    border: 1px solid var(--medium-gray);\n}\n\n.client-box:hover {\n    transform: translateY(-4px);\n    box-shadow: var(--shadow-md);\n    border-color: var(--primary-blue);\n}\n\n.client-box i {\n    font-size: 32px;\n    color: var(--primary-blue);\n    margin-bottom: 10px;\n    display: block;\n}\n\n.client-box span {\n    display: block;\n    font-weight: 700;\n    color: var(--text-dark);\n    font-size: 15px;\n}\n\n\/* \u2550\u2550\u2550 \u0634\u0628\u0643\u0629 \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u0621\/\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u2550\u2550\u2550 *\/\n.partners-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 20px;\n    align-items: center;\n}\n\n.partner-logo {\n    background: var(--white);\n    border-radius: var(--radius-md);\n    padding: 16px;\n    box-shadow: var(--shadow);\n    transition: all var(--transition);\n    border: 1px solid var(--medium-gray);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    aspect-ratio: 3 \/ 2;\n    overflow: hidden;\n}\n\n.partner-logo:hover {\n    transform: translateY(-4px);\n    box-shadow: var(--shadow-md);\n    border-color: var(--primary-blue);\n}\n\n.partner-logo a {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n}\n\n.partner-logo img {\n    max-width: 100%;\n    max-height: 80px;\n    width: auto;\n    object-fit: contain;\n    filter: grayscale(40%);\n    opacity: 0.85;\n    transition: all var(--transition);\n}\n\n.partner-logo:hover img {\n    filter: grayscale(0%);\n    opacity: 1;\n}\n\n\/* \u2550\u2550\u2550 \u0642\u0633\u0645 \u0627\u0644\u0628\u064a\u0626\u0629 \u2550\u2550\u2550 *\/\n.eco-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.eco-content p {\n    font-size: 16px;\n    color: var(--text-muted);\n    margin-bottom: 24px;\n    line-height: 1.9;\n}\n\n.eco-list {\n    margin-bottom: 32px;\n}\n\n.eco-list li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-dark);\n    border-bottom: 1px dashed var(--medium-gray);\n}\n\n.eco-list li:last-child {\n    border-bottom: none;\n}\n\n.eco-list i {\n    color: var(--lime-green-dark);\n    font-size: 22px;\n    flex-shrink: 0;\n}\n\n.eco-image img {\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n}\n\n\/* \u2550\u2550\u2550 \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u2550\u2550\u2550 *\/\n.testimonials-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n}\n\n.testimonial-card {\n    background: var(--white);\n    padding: 32px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n    transition: all var(--transition);\n    position: relative;\n}\n\n.testimonial-card::before {\n    content: '\"';\n    position: absolute;\n    top: 16px;\n    left: 24px;\n    font-size: 80px;\n    color: var(--primary-blue);\n    opacity: 0.1;\n    line-height: 1;\n    font-family: serif;\n}\n\n.testimonial-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-hover);\n}\n\n.testimonial-rating {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 16px;\n    color: #FBBF24;\n}\n\n.testimonial-text {\n    color: var(--text-dark);\n    font-size: 16px;\n    line-height: 1.8;\n    margin-bottom: 20px;\n}\n\n.testimonial-author {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    border-top: 1px solid var(--medium-gray);\n    padding-top: 16px;\n}\n\n.author-avatar {\n    width: 50px;\n    height: 50px;\n    border-radius: var(--radius-full);\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n}\n\n.author-info strong {\n    display: block;\n    color: var(--text-dark);\n    font-weight: 700;\n}\n\n.author-info span {\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n\/* \u2550\u2550\u2550 CTA Section \u2550\u2550\u2550 *\/\n.cta-section {\n    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);\n    color: var(--white);\n    padding: 80px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.cta-section::before {\n    content: \"\";\n    position: absolute;\n    top: -100px;\n    left: -100px;\n    width: 400px;\n    height: 400px;\n    border-radius: var(--radius-full);\n    background: rgba(198, 232, 76, 0.1);\n    pointer-events: none;\n}\n\n.cta-section::after {\n    content: \"\";\n    position: absolute;\n    bottom: -100px;\n    right: -100px;\n    width: 400px;\n    height: 400px;\n    border-radius: var(--radius-full);\n    background: rgba(79, 195, 247, 0.1);\n    pointer-events: none;\n}\n\n.cta-content {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n}\n\n.cta-title {\n    font-size: 38px;\n    font-weight: 900;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.cta-text {\n    font-size: 18px;\n    margin-bottom: 32px;\n    opacity: 0.95;\n}\n\n.cta-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* \u2550\u2550\u2550 \u0627\u0644\u0641\u0648\u062a\u0631 Footer \u2550\u2550\u2550 *\/\n.main-footer {\n    background: linear-gradient(135deg, #0A2540 0%, #1A3556 100%);\n    color: var(--white);\n    padding: 60px 0 0;\n}\n\n.footer-grid {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\n    gap: 40px;\n    margin-bottom: 40px;\n}\n\n.footer-logo {\n    display: inline-block;\n    margin-bottom: 20px;\n}\n\n.footer-logo img {\n    background: var(--white);\n    padding: 8px 14px;\n    border-radius: var(--radius-md);\n    max-height: 70px;\n}\n\n.footer-about {\n    color: rgba(255, 255, 255, 0.75);\n    line-height: 1.8;\n    margin-bottom: 20px;\n    font-size: 15px;\n}\n\n.footer-social {\n    display: flex;\n    gap: 12px;\n}\n\n.footer-social a {\n    width: 42px;\n    height: 42px;\n    border-radius: var(--radius-full);\n    background: rgba(255, 255, 255, 0.1);\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    transition: all var(--transition);\n}\n\n.footer-social a:hover {\n    background: var(--lime-green);\n    color: var(--text-dark);\n    transform: translateY(-3px);\n}\n\n.footer-title {\n    color: var(--white);\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 20px;\n    position: relative;\n    padding-bottom: 10px;\n}\n\n.footer-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 40px;\n    height: 3px;\n    background: var(--lime-green);\n    border-radius: 2px;\n}\n\n.footer-links li,\n.footer-contact li {\n    margin-bottom: 10px;\n}\n\n.footer-links a {\n    color: rgba(255, 255, 255, 0.75);\n    transition: all var(--transition);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 15px;\n}\n\n.footer-links a:hover {\n    color: var(--lime-green);\n    transform: translateX(-4px);\n}\n\n.footer-links i {\n    font-size: 11px;\n    color: var(--lime-green);\n}\n\n.footer-contact li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: rgba(255, 255, 255, 0.75);\n    font-size: 15px;\n}\n\n.footer-contact i {\n    color: var(--lime-green);\n    width: 20px;\n    text-align: center;\n}\n\n.footer-contact a {\n    color: rgba(255, 255, 255, 0.75);\n    transition: color var(--transition);\n}\n\n.footer-contact a:hover {\n    color: var(--lime-green);\n}\n\n.footer-bottom {\n    text-align: center;\n    padding: 24px 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 14px;\n}\n\n\/* \u2550\u2550\u2550 \u0632\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0639\u0627\u0626\u0645 \u2550\u2550\u2550 *\/\n.floating-whatsapp {\n    position: fixed;\n    bottom: 20px;\n    left: 20px;\n    width: 60px;\n    height: 60px;\n    background: linear-gradient(135deg, var(--whatsapp), var(--whatsapp-dark));\n    color: var(--white);\n    border-radius: var(--radius-full);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 32px;\n    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4);\n    z-index: 999;\n    transition: all var(--transition);\n    animation: pulse 2s infinite;\n}\n\n.floating-whatsapp:hover {\n    transform: scale(1.1);\n    color: var(--white);\n}\n\n.floating-whatsapp::before {\n    content: \"\";\n    position: absolute;\n    top: -4px;\n    left: -4px;\n    right: -4px;\n    bottom: -4px;\n    border-radius: var(--radius-full);\n    border: 2px solid var(--whatsapp);\n    animation: pulseBorder 2s infinite;\n}\n\n@keyframes pulse {\n    0% { box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4); }\n    50% { box-shadow: 0 8px 40px rgba(37, 211, 102, 0.7); }\n    100% { box-shadow: 0 8px 30px rgba(37, 211, 102, 0.4); }\n}\n\n@keyframes pulseBorder {\n    0% { transform: scale(1); opacity: 1; }\n    100% { transform: scale(1.3); opacity: 0; }\n}\n\n.whatsapp-tooltip {\n    position: absolute;\n    right: 70px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: var(--text-dark);\n    color: var(--white);\n    padding: 8px 14px;\n    border-radius: var(--radius-md);\n    white-space: nowrap;\n    font-size: 14px;\n    font-weight: 600;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity var(--transition);\n}\n\n.floating-whatsapp:hover .whatsapp-tooltip {\n    opacity: 1;\n}\n\n\/* \u2550\u2550\u2550 \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 \u2550\u2550\u2550 *\/\n.back-to-top {\n    position: fixed;\n    bottom: 90px;\n    left: 25px;\n    width: 45px;\n    height: 45px;\n    border-radius: var(--radius-full);\n    background: var(--primary-blue);\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    opacity: 0;\n    visibility: hidden;\n    transition: all var(--transition);\n    z-index: 998;\n    box-shadow: var(--shadow-md);\n}\n\n.back-to-top.visible {\n    opacity: 1;\n    visibility: visible;\n}\n\n.back-to-top:hover {\n    background: var(--primary-blue-dark);\n    transform: translateY(-3px);\n}\n\n\/* \u2550\u2550\u2550 Page Hero \u0644\u0644\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0641\u0631\u0639\u064a\u0629 \u2550\u2550\u2550 *\/\n.page-hero {\n    background: linear-gradient(135deg, var(--primary-blue-dark) 0%, var(--primary-blue) 100%);\n    color: var(--white);\n    padding: 60px 0;\n    position: relative;\n    overflow: hidden;\n}\n\n.page-hero::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: radial-gradient(circle at 20% 50%, rgba(198, 232, 76, 0.1) 0%, transparent 50%),\n                      radial-gradient(circle at 80% 50%, rgba(79, 195, 247, 0.15) 0%, transparent 50%);\n    pointer-events: none;\n}\n\n.page-hero .container {\n    position: relative;\n    z-index: 1;\n}\n\n.breadcrumb {\n    margin-bottom: 16px;\n}\n\n.breadcrumb ol {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n}\n\n.breadcrumb li {\n    display: inline-flex;\n    align-items: center;\n    color: rgba(255, 255, 255, 0.8);\n}\n\n.breadcrumb li:not(:last-child)::after {\n    content: \"\/\";\n    margin: 0 8px;\n    color: rgba(255, 255, 255, 0.5);\n}\n\n.breadcrumb a {\n    color: var(--lime-green);\n    transition: color var(--transition);\n}\n\n.breadcrumb a:hover {\n    color: var(--white);\n}\n\n.breadcrumb [aria-current=\"page\"] {\n    color: var(--white);\n    font-weight: 600;\n}\n\n.page-hero-title {\n    font-size: 42px;\n    font-weight: 900;\n    margin-bottom: 12px;\n    line-height: 1.2;\n}\n\n.page-hero-subtitle {\n    font-size: 17px;\n    opacity: 0.95;\n    max-width: 700px;\n    line-height: 1.7;\n}\n\n.post-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin-top: 16px;\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.85);\n}\n\n.post-meta i {\n    color: var(--lime-green);\n}\n\n\/* \u2550\u2550\u2550 \u0635\u0641\u062d\u0629 \u0645\u0646 \u0646\u062d\u0646: \u0642\u0635\u062a\u0646\u0627 \u2550\u2550\u2550 *\/\n.story-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.story-content p {\n    font-size: 16px;\n    color: var(--text-muted);\n    line-height: 1.9;\n    margin-bottom: 18px;\n}\n\n.story-content strong {\n    color: var(--text-dark);\n}\n\n.story-image img {\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n}\n\n\/* \u2550\u2550\u2550 \u0627\u0644\u0645\u0647\u0645\u0629\u060c \u0627\u0644\u0631\u0624\u064a\u0629\u060c \u0627\u0644\u0642\u064a\u0645 \u2550\u2550\u2550 *\/\n.mvv-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n}\n\n.mvv-card {\n    background: var(--white);\n    padding: 40px 28px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n    text-align: center;\n    transition: all var(--transition);\n    border: 1px solid var(--medium-gray);\n}\n\n.mvv-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-hover);\n}\n\n.mvv-icon {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--radius-lg);\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 36px;\n    margin: 0 auto 20px;\n}\n\n.mvv-icon-mission {\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n}\n\n.mvv-icon-vision {\n    background: linear-gradient(135deg, var(--sky-blue), var(--lime-green));\n}\n\n.mvv-icon-values {\n    background: linear-gradient(135deg, var(--lime-green), var(--primary-blue));\n}\n\n.mvv-title {\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 12px;\n    color: var(--text-dark);\n}\n\n.mvv-card p {\n    color: var(--text-muted);\n    line-height: 1.8;\n    font-size: 15px;\n}\n\n.values-list {\n    text-align: right;\n}\n\n.values-list li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    font-size: 15px;\n    color: var(--text-dark);\n    font-weight: 600;\n}\n\n.values-list i {\n    color: var(--lime-green-dark);\n    flex-shrink: 0;\n}\n\n\/* \u2550\u2550\u2550 \u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0627\u062a \u2550\u2550\u2550 *\/\n.governorates-grid {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 16px;\n}\n\n.governorate-card {\n    background: var(--white);\n    padding: 20px 12px;\n    border-radius: var(--radius-md);\n    box-shadow: var(--shadow);\n    text-align: center;\n    transition: all var(--transition);\n    border: 1px solid var(--medium-gray);\n}\n\n.governorate-card:hover {\n    transform: translateY(-3px);\n    box-shadow: var(--shadow-md);\n    border-color: var(--primary-blue);\n}\n\n.governorate-card.highlight {\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n    border-color: var(--primary-blue);\n}\n\n.governorate-card.highlight i {\n    color: var(--lime-green);\n}\n\n.governorate-card.highlight span {\n    color: var(--white);\n}\n\n.governorate-card i {\n    font-size: 24px;\n    color: var(--primary-blue);\n    margin-bottom: 6px;\n    display: block;\n}\n\n.governorate-card span {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--text-dark);\n}\n\n\/* \u2550\u2550\u2550 \u0635\u0641\u062d\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a: \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0633\u0631\u064a\u0639 \u2550\u2550\u2550 *\/\n.services-nav-bar {\n    background: var(--white);\n    padding: 16px 0;\n    position: sticky;\n    top: var(--header-height);\n    z-index: 99;\n    border-bottom: 1px solid var(--medium-gray);\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);\n}\n\n.services-nav-list {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.services-nav-list a {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: var(--light-gray);\n    color: var(--text-dark);\n    border-radius: var(--radius-xl);\n    font-size: 14px;\n    font-weight: 600;\n    transition: all var(--transition);\n}\n\n.services-nav-list a:hover {\n    background: var(--primary-blue);\n    color: var(--white);\n}\n\n.services-nav-list i {\n    color: var(--primary-blue);\n    font-size: 14px;\n}\n\n.services-nav-list a:hover i {\n    color: var(--lime-green);\n}\n\n\/* \u2550\u2550\u2550 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u2550\u2550\u2550 *\/\n.service-detail-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n}\n\n.service-detail-grid.reverse {\n    direction: ltr;\n}\n\n.service-detail-grid.reverse > * {\n    direction: rtl;\n}\n\n.service-detail-content .section-title {\n    text-align: right;\n    margin-bottom: 16px;\n}\n\n.service-detail-text {\n    font-size: 16px;\n    color: var(--text-muted);\n    line-height: 1.9;\n    margin-bottom: 24px;\n}\n\n.service-features-list {\n    margin-bottom: 28px;\n}\n\n.service-features-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 8px 0;\n    font-size: 15px;\n    color: var(--text-dark);\n    font-weight: 500;\n}\n\n.service-features-list i {\n    color: var(--lime-green-dark);\n    font-size: 18px;\n    flex-shrink: 0;\n    margin-top: 4px;\n}\n\n.service-detail-image img {\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n}\n\n\/* \u2550\u2550\u2550 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u2550\u2550\u2550 *\/\n.equipment-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n\n.equipment-card {\n    background: var(--white);\n    padding: 32px 24px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n    text-align: center;\n    transition: all var(--transition);\n    border-top: 4px solid var(--lime-green);\n}\n\n.equipment-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-hover);\n}\n\n.equipment-icon {\n    width: 70px;\n    height: 70px;\n    border-radius: var(--radius-md);\n    background: linear-gradient(135deg, var(--lime-green), var(--lime-green-dark));\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n    margin: 0 auto 20px;\n}\n\n.equipment-card h3 {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 10px;\n    color: var(--text-dark);\n}\n\n.equipment-card p {\n    color: var(--text-muted);\n    line-height: 1.7;\n    font-size: 14px;\n}\n\n\/* \u2550\u2550\u2550 \u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u2550\u2550\u2550 *\/\n.contact-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n}\n\n.contact-card {\n    background: var(--white);\n    padding: 36px 24px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n    text-align: center;\n    transition: all var(--transition);\n    border: 1px solid var(--medium-gray);\n}\n\n.contact-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-hover);\n    border-color: var(--primary-blue);\n}\n\n.contact-card-icon {\n    width: 70px;\n    height: 70px;\n    border-radius: var(--radius-full);\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n    margin: 0 auto 20px;\n}\n\n.contact-card-icon.contact-card-whatsapp {\n    background: linear-gradient(135deg, var(--whatsapp), var(--whatsapp-dark));\n}\n\n.contact-card-title {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 10px;\n    color: var(--text-dark);\n}\n\n.contact-card p {\n    color: var(--text-muted);\n    line-height: 1.8;\n    font-size: 15px;\n}\n\n.contact-card a {\n    color: var(--primary-blue);\n    font-weight: 600;\n}\n\n.contact-card a:hover {\n    color: var(--primary-blue-dark);\n}\n\n\/* \u2550\u2550\u2550 \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0633\u0631\u064a\u0639 \u2550\u2550\u2550 *\/\n.quick-contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n}\n\n.quick-contact-btn {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 30px;\n    border-radius: var(--radius-lg);\n    color: var(--white);\n    transition: all var(--transition);\n    box-shadow: var(--shadow-md);\n}\n\n.quick-contact-btn:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-hover);\n    color: var(--white);\n}\n\n.quick-whatsapp {\n    background: linear-gradient(135deg, var(--whatsapp), var(--whatsapp-dark));\n}\n\n.quick-call {\n    background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue-dark));\n}\n\n.quick-contact-btn i {\n    font-size: 48px;\n    flex-shrink: 0;\n}\n\n.quick-contact-btn strong {\n    display: block;\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 4px;\n}\n\n.quick-contact-btn span {\n    opacity: 0.9;\n    font-size: 15px;\n}\n\n\/* \u2550\u2550\u2550 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u2550\u2550\u2550 *\/\n.contact-form-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 60px;\n    align-items: start;\n}\n\n.contact-form-info p {\n    font-size: 16px;\n    color: var(--text-muted);\n    line-height: 1.8;\n    margin-bottom: 24px;\n}\n\n.form-benefits {\n    margin-bottom: 24px;\n}\n\n.form-benefits li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    font-size: 15px;\n    color: var(--text-dark);\n    font-weight: 600;\n}\n\n.form-benefits i {\n    color: var(--lime-green-dark);\n    font-size: 20px;\n}\n\n.contact-form {\n    background: var(--white);\n    padding: 36px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-md);\n    border: 1px solid var(--medium-gray);\n}\n\n.form-group {\n    margin-bottom: 20px;\n}\n\n.form-group label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 700;\n    color: var(--text-dark);\n    font-size: 15px;\n}\n\n.required {\n    color: var(--error);\n}\n\n.form-group input,\n.form-group select,\n.form-group textarea {\n    width: 100%;\n    padding: 12px 16px;\n    border: 2px solid var(--medium-gray);\n    border-radius: var(--radius-md);\n    background: var(--white);\n    color: var(--text-dark);\n    font-size: 15px;\n    transition: all var(--transition);\n    font-family: var(--font-primary);\n}\n\n.form-group input:focus,\n.form-group select:focus,\n.form-group textarea:focus {\n    outline: none;\n    border-color: var(--primary-blue);\n    box-shadow: 0 0 0 3px rgba(11, 95, 174, 0.1);\n}\n\n.form-group textarea {\n    resize: vertical;\n    min-height: 120px;\n}\n\n.form-group input.error,\n.form-group select.error,\n.form-group textarea.error {\n    border-color: var(--error);\n    background: rgba(239, 68, 68, 0.03);\n}\n\n.error-msg {\n    display: block;\n    color: var(--error);\n    font-size: 13px;\n    font-weight: 600;\n    margin-top: 6px;\n    min-height: 18px;\n}\n\n.form-note {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 16px;\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.form-note i {\n    color: var(--lime-green-dark);\n}\n\n\/* \u2550\u2550\u2550 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u2550\u2550\u2550 *\/\n.blog-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n}\n\n.blog-card {\n    background: var(--white);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    box-shadow: var(--shadow);\n    transition: all var(--transition);\n    display: flex;\n    flex-direction: column;\n}\n\n.blog-card:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-hover);\n}\n\n.blog-card-image {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 16 \/ 9;\n    display: block;\n}\n\n.blog-card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform var(--transition-slow);\n}\n\n.blog-card:hover .blog-card-image img {\n    transform: scale(1.08);\n}\n\n.blog-category {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    background: var(--lime-green);\n    color: var(--text-dark);\n    padding: 4px 14px;\n    border-radius: var(--radius-xl);\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.blog-card-content {\n    padding: 24px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.blog-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-bottom: 12px;\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.blog-meta i {\n    color: var(--primary-blue);\n    margin-left: 4px;\n}\n\n.blog-card-title {\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 12px;\n    line-height: 1.4;\n}\n\n.blog-card-title a {\n    color: var(--text-dark);\n    transition: color var(--transition);\n}\n\n.blog-card-title a:hover {\n    color: var(--primary-blue);\n}\n\n.blog-card-excerpt {\n    color: var(--text-muted);\n    line-height: 1.7;\n    font-size: 15px;\n    margin-bottom: 16px;\n    flex-grow: 1;\n}\n\n.blog-read-more {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--primary-blue);\n    font-weight: 700;\n    font-size: 14px;\n    transition: gap var(--transition);\n    align-self: flex-start;\n}\n\n.blog-read-more:hover {\n    gap: 12px;\n    color: var(--primary-blue-dark);\n}\n\n\/* \u2550\u2550\u2550 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u0642\u0627\u0644 \u0627\u0644\u0645\u0641\u0631\u062f \u2550\u2550\u2550 *\/\n.blog-post-grid {\n    display: grid;\n    grid-template-columns: 2.5fr 1fr;\n    gap: 40px;\n    align-items: start;\n}\n\n.post-feature-image {\n    margin-bottom: 30px;\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    box-shadow: var(--shadow-md);\n}\n\n.post-feature-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n.post-body {\n    background: var(--white);\n    padding: 40px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n}\n\n.post-body .lead {\n    font-size: 18px;\n    line-height: 1.9;\n    color: var(--text-dark);\n    margin-bottom: 24px;\n    padding: 20px;\n    background: var(--light-gray);\n    border-right: 4px solid var(--primary-blue);\n    border-radius: var(--radius-md);\n}\n\n.post-body h2 {\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--primary-blue);\n    margin: 32px 0 16px;\n    line-height: 1.3;\n}\n\n.post-body h3 {\n    font-size: 21px;\n    font-weight: 700;\n    color: var(--text-dark);\n    margin: 24px 0 12px;\n}\n\n.post-body p {\n    font-size: 16px;\n    line-height: 1.9;\n    color: var(--text-muted);\n    margin-bottom: 16px;\n}\n\n.post-body strong {\n    color: var(--text-dark);\n}\n\n.post-quote {\n    background: linear-gradient(135deg, rgba(11, 95, 174, 0.05), rgba(79, 195, 247, 0.05));\n    border-right: 5px solid var(--primary-blue);\n    padding: 24px 28px;\n    margin: 24px 0;\n    border-radius: var(--radius-md);\n    font-style: italic;\n    font-size: 17px;\n    color: var(--text-dark);\n    line-height: 1.8;\n}\n\n.post-list {\n    margin: 16px 0;\n    padding-right: 20px;\n}\n\n.post-list li {\n    position: relative;\n    padding: 8px 0 8px 0;\n    color: var(--text-muted);\n    line-height: 1.8;\n}\n\n.post-list li::before {\n    content: \"\u2713\";\n    color: var(--lime-green-dark);\n    font-weight: 900;\n    margin-left: 8px;\n}\n\n.post-cta-box {\n    background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue-dark));\n    color: var(--white);\n    padding: 36px;\n    border-radius: var(--radius-lg);\n    text-align: center;\n    margin: 32px 0;\n}\n\n.post-cta-box h3 {\n    color: var(--white);\n    font-size: 24px;\n    margin-bottom: 12px;\n}\n\n.post-cta-box p {\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 20px;\n    font-size: 16px;\n}\n\n.post-share {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 30px;\n    padding: 20px;\n    background: var(--white);\n    border-radius: var(--radius-md);\n    box-shadow: var(--shadow);\n}\n\n.post-share span {\n    font-weight: 700;\n    color: var(--text-dark);\n    margin-left: 8px;\n}\n\n.post-share a {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--radius-full);\n    background: var(--light-gray);\n    color: var(--primary-blue);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    transition: all var(--transition);\n}\n\n.post-share a:hover {\n    background: var(--primary-blue);\n    color: var(--white);\n    transform: translateY(-3px);\n}\n\n\/* \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\n.blog-sidebar {\n    position: sticky;\n    top: calc(var(--header-height) + 20px);\n}\n\n.sidebar-widget {\n    background: var(--white);\n    padding: 24px;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow);\n    margin-bottom: 20px;\n}\n\n.sidebar-title {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid var(--lime-green);\n    color: var(--text-dark);\n}\n\n.author-box {\n    text-align: center;\n}\n\n.author-avatar-lg {\n    width: 80px;\n    height: 80px;\n    border-radius: var(--radius-full);\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 36px;\n    margin: 0 auto 12px;\n}\n\n.author-box strong {\n    display: block;\n    font-size: 16px;\n    color: var(--text-dark);\n    margin-bottom: 4px;\n}\n\n.author-box p {\n    color: var(--text-muted);\n    font-size: 13px;\n    line-height: 1.6;\n}\n\n.related-posts li {\n    margin-bottom: 10px;\n}\n\n.related-posts a {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 10px;\n    background: var(--light-gray);\n    border-radius: var(--radius-md);\n    color: var(--text-dark);\n    font-weight: 600;\n    font-size: 14px;\n    line-height: 1.6;\n    transition: all var(--transition);\n}\n\n.related-posts a:hover {\n    background: var(--primary-blue);\n    color: var(--white);\n}\n\n.related-posts i {\n    color: var(--primary-blue);\n    margin-top: 4px;\n}\n\n.related-posts a:hover i {\n    color: var(--lime-green);\n}\n\n.sidebar-cta {\n    background: linear-gradient(135deg, var(--primary-blue), var(--sky-blue));\n    color: var(--white);\n}\n\n.sidebar-cta .sidebar-title {\n    color: var(--white);\n    border-bottom-color: var(--lime-green);\n}\n\n.sidebar-cta p {\n    margin-bottom: 16px;\n    opacity: 0.95;\n    font-size: 14px;\n}\n\n\/* \u2550\u2550\u2550 Animations On Scroll \u2550\u2550\u2550 *\/\n\n[data-aos].aos-animate {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* \u2550\u2550\u2550 Skeleton \u0644\u0644\u0635\u0648\u0631 (\u062a\u062d\u0645\u064a\u0644 \u062a\u062f\u0631\u064a\u062c\u064a) \u2550\u2550\u2550 *\/\nimg {\n    background-color: var(--light-gray);\n    background-image: linear-gradient(90deg, var(--light-gray) 0%, var(--medium-gray) 50%, var(--light-gray) 100%);\n    background-size: 200% 100%;\n    animation: skeleton 1.5s infinite;\n}\n\nimg[src] {\n    animation: none;\n    background-image: none;\n}\n\n@keyframes skeleton {\n    0% { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n}\n\n\/* \u2550\u2550\u2550 Print Styles \u2550\u2550\u2550 *\/\n@media print {\n    .top-bar,\n    .main-header,\n    .floating-whatsapp,\n    .back-to-top,\n    .cta-section,\n    .main-footer {\n        display: none;\n    }\n}\n\n\/* \u2550\u2550\u2550 Reduced Motion \u2550\u2550\u2550 *\/\n@media (prefers-reduced-motion: reduce) {\n    *,\n    *::before,\n    *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n        scroll-behavior: auto !important;\n    }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631 - \u0645\u0644\u0641 \u0627\u0644\u062a\u062c\u0627\u0648\u0628 Responsive Stylesheet\n   Mobile First Approach - Breakpoints: 480px, 768px, 1024px, 1280px\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2550\u2550\u2550 Tablets \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0648\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 (1024px \u0648\u0623\u0642\u0644) \u2550\u2550\u2550 *\/\n@media (max-width: 1280px) {\n    :root {\n        --container-width: 1140px;\n    }\n\n    .hero-title {\n        font-size: 48px;\n    }\n\n    .section-title {\n        font-size: 34px;\n    }\n\n    .stats-grid {\n        gap: 16px;\n    }\n}\n\n@media (max-width: 1024px) {\n    :root {\n        --container-width: 100%;\n    }\n\n    .container {\n        padding: 0 30px;\n    }\n\n    \/* Hero *\/\n    .hero {\n        padding: 60px 0 100px;\n    }\n\n    .hero-title {\n        font-size: 42px;\n    }\n\n    .hero-description {\n        font-size: 16px;\n    }\n\n    \/* Stats *\/\n    .stats-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    \/* Services *\/\n    .services-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    \/* Features *\/\n    .features-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    \/* Equipment *\/\n    .equipment-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    \/* Clients *\/\n    .clients-list-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n\n    \/* Partners Grid *\/\n    .partners-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 16px;\n    }\n\n    \/* Contact Cards *\/\n    .contact-cards-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    \/* MVV *\/\n    .mvv-grid {\n        grid-template-columns: 1fr;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    \/* Testimonials *\/\n    .testimonials-grid {\n        grid-template-columns: 1fr;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    \/* Governorates *\/\n    .governorates-grid {\n        grid-template-columns: repeat(4, 1fr);\n    }\n\n    \/* Footer *\/\n    .footer-grid {\n        grid-template-columns: 1fr 1fr;\n        gap: 30px;\n    }\n\n    \/* Blog Post Layout *\/\n    .blog-post-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .blog-sidebar {\n        position: static;\n    }\n\n    \/* Section Titles *\/\n    .section-title {\n        font-size: 32px;\n    }\n\n    .section {\n        padding: 60px 0;\n    }\n}\n\n\/* \u2550\u2550\u2550 Tablets (768px \u0648\u0623\u0642\u0644) \u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n    \/* Top Bar *\/\n    .top-bar {\n        font-size: 12px;\n    }\n\n    .top-bar-inner {\n        flex-direction: column;\n        gap: 6px;\n    }\n\n    .top-bar-contact {\n        gap: 14px;\n    }\n\n    \/* Header *\/\n    .main-header {\n        padding: 10px 0;\n    }\n\n    .header-inner {\n        position: relative;\n    }\n\n    .logo img {\n        max-height: 50px;\n    }\n\n    \/* Mobile Menu *\/\n    .mobile-menu-toggle {\n        display: flex;\n    }\n\n    .main-nav {\n        position: fixed;\n        top: 0;\n        right: -100%;\n        width: 80%;\n        max-width: 320px;\n        height: 100vh;\n        background: var(--white);\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: stretch;\n        padding: 80px 24px 24px;\n        gap: 0;\n        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);\n        transition: right var(--transition);\n        z-index: 999;\n        overflow-y: auto;\n    }\n\n    .main-nav.active {\n        right: 0;\n    }\n\n    .nav-list {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 4px;\n        width: 100%;\n        margin-bottom: 24px;\n    }\n\n    .nav-link {\n        padding: 14px 16px;\n        font-size: 16px;\n        border-radius: var(--radius-md);\n        text-align: right;\n        border-bottom: 1px solid var(--medium-gray);\n    }\n\n    .nav-link.active::after {\n        display: none;\n    }\n\n    .btn-whatsapp-header {\n        width: 100%;\n        justify-content: center;\n        padding: 14px 20px;\n    }\n\n    \/* Overlay \u0639\u0646\u062f \u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629 *\/\n    body.menu-open::before {\n        content: \"\";\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100vh;\n        background: rgba(0, 0, 0, 0.5);\n        z-index: 998;\n        animation: fadeIn 0.3s ease;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n\n    \/* Hero *\/\n    .hero {\n        padding: 40px 0 80px;\n    }\n\n    .hero-inner {\n        grid-template-columns: 1fr;\n        text-align: center;\n        gap: 40px;\n    }\n\n    .hero-title {\n        font-size: 34px;\n    }\n\n    .hero-cta {\n        justify-content: center;\n    }\n\n    .hero-image {\n        order: -1;\n        max-width: 400px;\n        margin: 0 auto;\n    }\n\n    .hero-wave svg {\n        height: 60px;\n    }\n\n    \/* Stats *\/\n    .stats-grid {\n        padding: 20px;\n    }\n\n    .stat-icon {\n        width: 50px;\n        height: 50px;\n        font-size: 20px;\n    }\n\n    .stat-number {\n        font-size: 22px;\n    }\n\n    \/* Services *\/\n    .services-grid {\n        grid-template-columns: 1fr;\n        max-width: 400px;\n        margin: 0 auto;\n    }\n\n    \/* Features *\/\n    .features-grid {\n        grid-template-columns: 1fr;\n        max-width: 400px;\n        margin: 0 auto;\n    }\n\n    \/* Equipment *\/\n    .equipment-grid {\n        grid-template-columns: 1fr;\n        max-width: 400px;\n        margin: 0 auto;\n    }\n\n    \/* Eco Section *\/\n    .eco-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .eco-image {\n        order: -1;\n    }\n\n    \/* Story (About) *\/\n    .story-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .story-image {\n        order: -1;\n    }\n\n    \/* Service Detail *\/\n    .service-detail-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .service-detail-grid.reverse {\n        direction: rtl;\n    }\n\n    .service-detail-image {\n        order: -1;\n        max-width: 500px;\n        margin: 0 auto;\n    }\n\n    .service-detail-content .section-title {\n        font-size: 28px;\n    }\n\n    \/* Services Nav *\/\n    .services-nav-bar {\n        position: static;\n    }\n\n    .services-nav-list {\n        gap: 8px;\n    }\n\n    .services-nav-list a {\n        padding: 6px 12px;\n        font-size: 13px;\n    }\n\n    \/* Clients *\/\n    .clients-list-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    \/* Partners Grid *\/\n    .partners-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 14px;\n    }\n\n    .partner-logo {\n        padding: 12px;\n    }\n\n    \/* Governorates *\/\n    .governorates-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n\n    \/* Page Hero *\/\n    .page-hero {\n        padding: 40px 0;\n    }\n\n    .page-hero-title {\n        font-size: 32px;\n    }\n\n    .page-hero-subtitle {\n        font-size: 15px;\n    }\n\n    .post-meta {\n        gap: 12px;\n        font-size: 13px;\n    }\n\n    \/* Contact *\/\n    .contact-cards-grid {\n        grid-template-columns: 1fr;\n        max-width: 400px;\n        margin: 0 auto;\n    }\n\n    .quick-contact-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .quick-contact-btn {\n        padding: 24px;\n    }\n\n    .quick-contact-btn i {\n        font-size: 36px;\n    }\n\n    .quick-contact-btn strong {\n        font-size: 18px;\n    }\n\n    \/* Form *\/\n    .contact-form-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .contact-form {\n        padding: 24px;\n    }\n\n    \/* Blog *\/\n    .blog-grid {\n        grid-template-columns: 1fr;\n    }\n\n    \/* Blog Post *\/\n    .post-body {\n        padding: 24px;\n    }\n\n    .post-body .lead {\n        font-size: 16px;\n        padding: 16px;\n    }\n\n    .post-body h2 {\n        font-size: 22px;\n    }\n\n    .post-body h3 {\n        font-size: 18px;\n    }\n\n    .post-cta-box {\n        padding: 24px;\n    }\n\n    .post-cta-box h3 {\n        font-size: 20px;\n    }\n\n    \/* Footer *\/\n    .footer-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n        text-align: right;\n    }\n\n    .footer-title::after {\n        right: 0;\n    }\n\n    \/* CTA *\/\n    .cta-title {\n        font-size: 28px;\n    }\n\n    .cta-text {\n        font-size: 16px;\n    }\n\n    \/* Section Headers *\/\n    .section-title {\n        font-size: 26px;\n    }\n\n    .section-description {\n        font-size: 15px;\n    }\n\n    .section-header {\n        margin-bottom: 40px;\n    }\n\n    \/* Buttons *\/\n    .btn-large {\n        padding: 14px 28px;\n        font-size: 15px;\n    }\n\n    \/* Floating WhatsApp *\/\n    .floating-whatsapp {\n        width: 55px;\n        height: 55px;\n        font-size: 28px;\n        bottom: 15px;\n        left: 15px;\n    }\n\n    .whatsapp-tooltip {\n        display: none;\n    }\n\n    \/* Back to Top *\/\n    .back-to-top {\n        bottom: 80px;\n        left: 18px;\n        width: 40px;\n        height: 40px;\n        font-size: 16px;\n    }\n}\n\n\/* \u2550\u2550\u2550 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 (480px \u0648\u0623\u0642\u0644) \u2550\u2550\u2550 *\/\n@media (max-width: 480px) {\n    .container {\n        padding: 0 16px;\n    }\n\n    \/* Top Bar *\/\n    .top-bar-contact {\n        flex-direction: column;\n        gap: 4px;\n    }\n\n    \/* Hero *\/\n    .hero {\n        padding: 30px 0 60px;\n    }\n\n    .hero-title {\n        font-size: 28px;\n    }\n\n    .hero-description {\n        font-size: 15px;\n    }\n\n    .hero-badge {\n        font-size: 12px;\n        padding: 6px 14px;\n    }\n\n    .hero-cta {\n        flex-direction: column;\n        width: 100%;\n    }\n\n    .hero-cta .btn {\n        width: 100%;\n    }\n\n    \/* Stats *\/\n    .stats-bar {\n        margin-top: -30px;\n    }\n\n    .stats-grid {\n        grid-template-columns: 1fr;\n        padding: 16px;\n    }\n\n    .stat-item {\n        padding: 8px;\n    }\n\n    \/* Section Headers *\/\n    .section {\n        padding: 50px 0;\n    }\n\n    .section-title {\n        font-size: 24px;\n    }\n\n    \/* Cards *\/\n    .service-card,\n    .feature-card,\n    .equipment-card,\n    .testimonial-card,\n    .contact-card,\n    .mvv-card {\n        padding: 24px 20px;\n    }\n\n    \/* Service Icons *\/\n    .service-icon,\n    .mvv-icon {\n        width: 64px;\n        height: 64px;\n        font-size: 28px;\n    }\n\n    \/* Testimonial *\/\n    .testimonial-card::before {\n        font-size: 60px;\n        top: 10px;\n        left: 16px;\n    }\n\n    \/* CTA *\/\n    .cta-section {\n        padding: 60px 0;\n    }\n\n    .cta-title {\n        font-size: 24px;\n    }\n\n    .cta-buttons {\n        flex-direction: column;\n        width: 100%;\n    }\n\n    .cta-buttons .btn {\n        width: 100%;\n    }\n\n    \/* Page Hero *\/\n    .page-hero-title {\n        font-size: 26px;\n    }\n\n    \/* Governorates *\/\n    .governorates-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    \/* Clients *\/\n    .clients-list-grid {\n        grid-template-columns: 1fr;\n    }\n\n    \/* Partners Grid *\/\n    .partners-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 12px;\n    }\n\n    .partner-logo img {\n        max-height: 60px;\n    }\n\n    \/* Contact *\/\n    .quick-contact-btn {\n        padding: 20px;\n        flex-direction: column;\n        text-align: center;\n        gap: 12px;\n    }\n\n    .quick-contact-btn i {\n        font-size: 40px;\n    }\n\n    \/* Blog *\/\n    .blog-card-content {\n        padding: 20px;\n    }\n\n    .blog-card-title {\n        font-size: 18px;\n    }\n\n    .blog-meta {\n        gap: 10px;\n        font-size: 12px;\n    }\n\n    \/* Post *\/\n    .post-body {\n        padding: 20px;\n    }\n\n    .post-share {\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n\n    \/* Footer *\/\n    .main-footer {\n        padding: 40px 0 0;\n    }\n\n    \/* Form *\/\n    .form-group input,\n    .form-group select,\n    .form-group textarea {\n        padding: 10px 14px;\n        font-size: 15px;\n    }\n\n    \/* Floating WhatsApp *\/\n    .floating-whatsapp {\n        width: 50px;\n        height: 50px;\n        font-size: 26px;\n    }\n\n    \/* Top Bar Hours *\/\n    .top-bar-hours {\n        font-size: 11px;\n    }\n}\n\n\/* \u2550\u2550\u2550 \u0634\u0627\u0634\u0627\u062a \u0635\u063a\u064a\u0631\u0629 \u062c\u062f\u064b\u0627 (320px \u0648\u0623\u0642\u0644) \u2550\u2550\u2550 *\/\n@media (max-width: 320px) {\n    .hero-title {\n        font-size: 24px;\n    }\n\n    .section-title {\n        font-size: 22px;\n    }\n\n    .page-hero-title {\n        font-size: 24px;\n    }\n\n    .btn {\n        padding: 12px 20px;\n        font-size: 14px;\n    }\n}\n\n\/* \u2550\u2550\u2550 Landscape Mode \u0644\u0644\u062c\u0648\u0627\u0644 \u2550\u2550\u2550 *\/\n@media (max-height: 500px) and (orientation: landscape) {\n    .hero {\n        padding: 40px 0;\n    }\n\n    .hero-title {\n        font-size: 32px;\n    }\n\n    .main-nav {\n        padding: 60px 24px 24px;\n    }\n}\n\n\/* \u2550\u2550\u2550 \u0634\u0627\u0634\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u062c\u062f\u064b\u0627 (1600px+) \u2550\u2550\u2550 *\/\n@media (min-width: 1600px) {\n    :root {\n        --container-width: 1400px;\n    }\n\n    .hero-title {\n        font-size: 64px;\n    }\n\n    .section-title {\n        font-size: 42px;\n    }\n}\n\n        \/* \u0625\u0638\u0647\u0627\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0627\u064b (\u0625\u0635\u0644\u0627\u062d data-aos) *\/\n        [data-aos] { opacity: 1 !important; transform: none !important; }\n        <\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u0627\u0644\u0647\u064a\u062f\u0631 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <main id=\"mainContent\" role=\"main\">\n\n        <!-- \u2550\u2550\u2550 Hero Section \u2550\u2550\u2550 -->\n        <section class=\"hero\" aria-labelledby=\"heroTitle\">\n            <div class=\"hero-bg-shapes\" aria-hidden=\"true\">\n                <div class=\"shape shape-1\"><\/div>\n                <div class=\"shape shape-2\"><\/div>\n                <div class=\"shape shape-3\"><\/div>\n            <\/div>\n            <div class=\"container hero-inner\">\n                <div class=\"hero-content\">\n                    <span class=\"hero-badge\">\n                        <i class=\"fas fa-award\" aria-hidden=\"true\"><\/i>\n                        \u062e\u0628\u0631\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 20 \u0639\u0627\u0645\u064b\u0627 \u0641\u064a \u062e\u062f\u0645\u062a\u0643\n                    <\/span>\n                    <h1 id=\"heroTitle\" class=\"hero-title\">\n                        \u0646\u0638\u0627\u0641\u0629 \u0641\u0627\u062e\u0631\u0629\u060c \u062e\u062f\u0645\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 <span class=\"text-accent\">\u0645\u0646\u0630 2005<\/span>\n                    <\/h1>\n                    <p class=\"hero-description\">\n                        \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631 \u0634\u0631\u0643\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0634\u0627\u0645\u0644 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a\n                        \u0648\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0641\u064a \u0639\u0645\u0627\u0646 \u0648\u0643\u0627\u0641\u0629 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u0623\u0631\u062f\u0646. \u0646\u0633\u062a\u062e\u062f\u0645 \u0645\u0648\u0627\u062f \u0639\u0636\u0648\u064a\u0629 \u0635\u062f\u064a\u0642\u0629\n                        \u0644\u0644\u0628\u064a\u0626\u0629 \u0648\u0645\u0639\u062f\u0627\u062a \u0623\u0644\u0645\u0627\u0646\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062b\u0642\u0629.\n                    <\/p>\n                    <div class=\"hero-cta\">\n                        <a href=\"https:\/\/wa.me\/962799090502?text=\u0645\u0631\u062d\u0628\u0627\u060c%20\u0623\u0648\u062f%20\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631%20\u0639\u0646%20\u062e\u062f\u0645\u0627\u062a%20\u0645\u0624\u0633\u0633\u0629%20\u0627\u0644\u0641\u0627\u062e\u0631\"\n                           class=\"btn btn-primary btn-large\"\n                           target=\"_blank\"\n                           rel=\"noopener\">\n                            <i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i>\n                            \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n                        <\/a>\n                        <a href=\"services.html\" class=\"btn btn-outline btn-large\">\n                            <i class=\"fas fa-list-check\" aria-hidden=\"true\"><\/i>\n                            \u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"hero-image\">\n                    <!-- \u0627\u0633\u062a\u0628\u062f\u0644 \u0647\u0630\u0647 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0635\u0648\u0631\u0629 \u0641\u0639\u0644\u064a\u0629 \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0623\u0648 \u0645\u0639\u062f\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 -->\n                    <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/placehold.co\/600x500\/0B5FAE\/FFFFFF?text=\u0641\u0631\u064a\u0642+\u0627\u0644\u0641\u0627\u062e\u0631\"\n                         alt=\"\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631 \u0644\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0641\u064a \u0639\u0645\u0627\u0646\"\n                         loading=\"eager\"\n                         width=\"600\" height=\"500\">\n                <\/div>\n            <\/div>\n            <!-- \u0645\u0648\u062c\u0629 SVG \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 -->\n            <div class=\"hero-wave\" aria-hidden=\"true\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n                    <path fill=\"#FFFFFF\" d=\"M0,64L80,69.3C160,75,320,85,480,80C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,120L1360,120C1280,120,1120,120,960,120C800,120,640,120,480,120C320,120,160,120,80,120L0,120Z\"><\/path>\n                <\/svg>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550 \u0634\u0631\u064a\u0637 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a Trust Numbers \u2550\u2550\u2550 -->\n        <section class=\"stats-bar\" aria-label=\"\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629\">\n            <div class=\"container\">\n                <div class=\"stats-grid\">\n                    <div class=\"stat-item\" data-aos=\"fade-up\">\n                        <div class=\"stat-icon\"><i class=\"fas fa-medal\" aria-hidden=\"true\"><\/i><\/div>\n                        <div class=\"stat-content\">\n                            <span class=\"stat-number\" data-target=\"20\">+20<\/span>\n                            <span class=\"stat-label\">\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stat-item\" data-aos=\"fade-up\">\n                        <div class=\"stat-icon\"><i class=\"fas fa-users\" aria-hidden=\"true\"><\/i><\/div>\n                        <div class=\"stat-content\">\n                            <span class=\"stat-number\" data-target=\"1000\">+1000<\/span>\n                            <span class=\"stat-label\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stat-item\" data-aos=\"fade-up\">\n                        <div class=\"stat-icon\"><i class=\"fas fa-tools\" aria-hidden=\"true\"><\/i><\/div>\n                        <div class=\"stat-content\">\n                            <span class=\"stat-number\" data-target=\"4\">4<\/span>\n                            <span class=\"stat-label\">\u0623\u0642\u0633\u0627\u0645 \u0631\u0626\u064a\u0633\u064a\u0629<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"stat-item\" data-aos=\"fade-up\">\n                        <div class=\"stat-icon\"><i class=\"fas fa-headset\" aria-hidden=\"true\"><\/i><\/div>\n                        <div class=\"stat-content\">\n                            <span class=\"stat-number\">24\/7<\/span>\n                            <span class=\"stat-label\">\u062f\u0639\u0645 \u0645\u062a\u0648\u0627\u0635\u0644<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u2550\u2550\u2550 -->\n        <section class=\"services-preview section\" aria-labelledby=\"servicesTitle\">\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <span class=\"section-tag\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\n                    <h2 id=\"servicesTitle\" class=\"section-title\">\u062d\u0644\u0648\u0644 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0643\u0644 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643<\/h2>\n                    <p class=\"section-description\">\n                        \u0623\u0631\u0628\u0639\u0629 \u0623\u0642\u0633\u0627\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0644\u0645\u0646\u0632\u0644\u0643 \u0648\u0634\u0631\u0643\u062a\u0643\n                    <\/p>\n                <\/div>\n\n                <div class=\"services-grid\">\n                    <article class=\"service-card\" data-aos=\"fade-up\">\n                        <div class=\"service-icon\" style=\"background: linear-gradient(135deg, #0B5FAE, #4FC3F7);\">\n                            <i class=\"fas fa-hard-hat\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"service-title\">\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u0623\u0633\u064a\u0633\u064a \u0628\u0639\u062f \u0627\u0644\u0628\u0646\u0627\u0621<\/h3>\n                        <p class=\"service-text\">\n                            \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0642\u0635\u0648\u0631 \u0648\u0627\u0644\u0641\u0644\u0644 \u0648\u0627\u0644\u0625\u0633\u0643\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646\n                            \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0645\u0639 \u062a\u0639\u0642\u064a\u0645 \u0627\u0644\u0645\u0633\u0627\u0628\u062d \u0648\u0627\u0644\u062e\u0632\u0627\u0646\u0627\u062a.\n                        <\/p>\n                        <a href=\"services.html#post-construction\" class=\"service-link\">\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i>\n                        <\/a>\n                    <\/article>\n\n                    <article class=\"service-card\" data-aos=\"fade-up\">\n                        <div class=\"service-icon\" style=\"background: linear-gradient(135deg, #4FC3F7, #C6E84C);\">\n                            <i class=\"fas fa-spray-can-sparkles\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"service-title\">\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0648\u0642\u0639<\/h3>\n                        <p class=\"service-text\">\n                            \u062a\u0646\u0638\u064a\u0641 \u0645\u0646\u0627\u0632\u0644 \u0648\u0634\u0631\u0643\u0627\u062a \u0628\u0627\u0644\u0628\u062e\u0627\u0631 H2O\u060c \u0625\u0632\u0627\u0644\u0629 \u0628\u0642\u0639 \u0627\u0644\u0643\u0646\u0628 \u0648\u0627\u0644\u0633\u062c\u0627\u062f\u060c \u062c\u0644\u064a \u0648\u062a\u0644\u0645\u064a\u0639\n                            \u0627\u0644\u0631\u062e\u0627\u0645 \u0648\u0627\u0644\u0633\u064a\u0631\u0627\u0645\u064a\u0643\u060c \u062f\u0631\u0627\u064a \u0643\u0644\u064a\u0646 \u0644\u0644\u0633\u064a\u0627\u0631\u0627\u062a.\n                        <\/p>\n                        <a href=\"services.html#full-cleaning\" class=\"service-link\">\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i>\n                        <\/a>\n                    <\/article>\n\n                    <article class=\"service-card\" data-aos=\"fade-up\">\n                        <div class=\"service-icon\" style=\"background: linear-gradient(135deg, #C6E84C, #0B5FAE);\">\n                            <i class=\"fas fa-people-carry-box\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"service-title\">\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0633\u0644\u064a\u0646<\/h3>\n                        <p class=\"service-text\">\n                            \u0639\u0645\u0627\u0644 \u062a\u0646\u0638\u064a\u0641 \u0648\u0645\u0631\u0627\u0633\u0644\u0648\u0646 \u0645\u062f\u0631\u0628\u0648\u0646 \u0644\u0644\u0645\u0643\u0627\u062a\u0628 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u0648\u0643 \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a\n                            \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a\u060c \u0628\u0639\u0642\u0648\u062f \u0633\u0646\u0648\u064a\u0629 \u0648\u0634\u0647\u0631\u064a\u0629 \u0645\u0631\u0646\u0629.\n                        <\/p>\n                        <a href=\"services.html#labor-supply\" class=\"service-link\">\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i>\n                        <\/a>\n                    <\/article>\n\n                    <article class=\"service-card\" data-aos=\"fade-up\">\n                        <div class=\"service-icon\" style=\"background: linear-gradient(135deg, #0B5FAE, #C6E84C);\">\n                            <i class=\"fas fa-trowel-bricks\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"service-title\">\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0648\u0627\u0644\u062a\u0631\u0645\u064a\u0645 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/h3>\n                        <p class=\"service-text\">\n                            \u0645\u0648\u0627\u0633\u064a\u0631\u060c \u062a\u0628\u0644\u064a\u0637\u060c \u062f\u0647\u0627\u0646\u060c \u062c\u0628\u0633 \u0628\u0648\u0631\u062f\u060c \u0625\u0636\u0627\u0621\u0629\u060c \u062f\u064a\u0643\u0648\u0631\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0639\u0642\u0648\u062f \u0635\u064a\u0627\u0646\u0629\n                            24\/7 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629.\n                        <\/p>\n                        <a href=\"services.html#maintenance\" class=\"service-link\">\n                            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0629 <i class=\"fas fa-arrow-left\" aria-hidden=\"true\"><\/i>\n                        <\/a>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550 \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0641\u0627\u062e\u0631\u061f \u2550\u2550\u2550 -->\n        <section class=\"why-us section section-light\" aria-labelledby=\"whyUsTitle\">\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <span class=\"section-tag\">\u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627<\/span>\n                    <h2 id=\"whyUsTitle\" class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0641\u0627\u062e\u0631\u061f<\/h2>\n                    <p class=\"section-description\">\n                        \u0646\u0642\u062f\u0645 \u0644\u0643 \u062a\u062c\u0631\u0628\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0628\u0645\u064a\u0632\u0627\u062a \u062a\u062c\u0639\u0644\u0646\u0627 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0627\u0644\u0623\u0631\u062f\u0646\n                    <\/p>\n                <\/div>\n\n                <div class=\"features-grid\">\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrap\">\n                            <i class=\"fas fa-leaf\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">\u0645\u0648\u0627\u062f \u0639\u0636\u0648\u064a\u0629 \u0622\u0645\u0646\u0629<\/h3>\n                        <p class=\"feature-text\">\n                            \u0646\u0633\u062a\u062e\u062f\u0645 \u0645\u0648\u0627\u062f \u062a\u0646\u0638\u064a\u0641 \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0643\u0628\u0627\u0631 \u0627\u0644\u0633\u0646.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrap\">\n                            <i class=\"fas fa-cogs\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">\u0645\u0639\u062f\u0627\u062a Karcher \u0623\u0644\u0645\u0627\u0646\u064a\u0629<\/h3>\n                        <p class=\"feature-text\">\n                            \u0645\u0627\u0643\u064a\u0646\u0627\u062a \u0628\u062e\u0627\u0631 \u0648\u0634\u0641\u0627\u0637\u0627\u062a \u0635\u0646\u0627\u0639\u064a\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0623\u0644\u0645\u0627\u0646\u064a\u0629 \u0644\u0646\u062a\u0627\u0626\u062c \u0645\u0628\u0647\u0631\u0629.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrap\">\n                            <i class=\"fas fa-user-tie\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">\u0641\u0631\u064a\u0642 \u0645\u062f\u0631\u0628 \u0648\u0645\u062d\u062a\u0631\u0641<\/h3>\n                        <p class=\"feature-text\">\n                            \u0641\u0646\u064a\u0648\u0646 \u0648\u0639\u0645\u0627\u0644 \u062a\u0644\u0642\u0648\u0627 \u062a\u062f\u0631\u064a\u0628\u064b\u0627 \u0645\u062a\u062e\u0635\u0635\u064b\u0627 \u0639\u0644\u0649 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrap\">\n                            <i class=\"fas fa-clock\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/h3>\n                        <p class=\"feature-text\">\n                            \u0646\u062f\u0631\u0643 \u0642\u064a\u0645\u0629 \u0648\u0642\u062a\u0643\u060c \u0644\u0630\u0627 \u0646\u0644\u062a\u0632\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u062f\u0648\u0646 \u062a\u0623\u062e\u064a\u0631.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrap\">\n                            <i class=\"fas fa-tags\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h3>\n                        <p class=\"feature-text\">\n                            \u0628\u0627\u0642\u0627\u062a \u0645\u0631\u0646\u0629 \u0648\u0623\u0633\u0639\u0627\u0631 \u0634\u0641\u0627\u0641\u0629 \u062a\u0646\u0627\u0633\u0628 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0628\u062f\u0648\u0646 \u0645\u0641\u0627\u062c\u0622\u062a.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"feature-card\" data-aos=\"fade-up\">\n                        <div class=\"feature-icon-wrap\">\n                            <i class=\"fas fa-map-marked-alt\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">\u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629<\/h3>\n                        <p class=\"feature-text\">\n                            \u0646\u062e\u062f\u0645 \u0639\u0645\u0627\u0646 \u0648\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u0623\u0631\u062f\u0646\u064a\u0629 \u0628\u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0639\u0627\u0644\u064a\u0629.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550 \u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u064a\u062b\u0642\u0648\u0646 \u0628\u0646\u0627 \u2550\u2550\u2550 -->\n        <section class=\"clients-section section\" aria-labelledby=\"clientsTitle\">\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <span class=\"section-tag\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/span>\n                    <h2 id=\"clientsTitle\" class=\"section-title\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u064a\u062b\u0642\u0648\u0646 \u0628\u0646\u0627<\/h2>\n                    <p class=\"section-description\">\n                        \u0646\u0641\u062e\u0631 \u0628\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0644\u0643\u0648\u0643\u0628\u0629 \u0645\u0646 \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0623\u0631\u062f\u0646\n                    <\/p>\n                <\/div>\n\n                <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n                     \u0634\u0628\u0643\u0629 \u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n                     \u26a0\ufe0f \u0627\u0633\u062a\u0628\u062f\u0644 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0623\u062f\u0646\u0627\u0647 \u0628\u0631\u0648\u0627\u0628\u0637 \u0644\u0648\u062c\u0648\u0647\u0627\u062a\u0643 \u0627\u0644\u0645\u0631\u0641\u0648\u0639\u0629 \u0639\u0644\u0649 WordPress\n                \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"partners-grid\" aria-label=\"\u0644\u0648\u062c\u0648\u0647\u0627\u062a \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\">\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 1\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+1\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0623\u0648\u0644\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 2\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+2\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062b\u0627\u0646\u064a\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 3\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+3\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062b\u0627\u0644\u062b\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 4\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+4\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0631\u0627\u0628\u0639\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 5\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+5\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062e\u0627\u0645\u0633\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 6\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+6\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0633\u0627\u062f\u0633\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 7\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+7\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0633\u0627\u0628\u0639\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 8\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+8\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062b\u0627\u0645\u0646\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 9\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+9\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062a\u0627\u0633\u0639\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 10\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+10\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0639\u0627\u0634\u0631\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 11\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+11\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"partner-logo\">\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u0639\u0645\u064a\u0644 12\">\n                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x100\/FFFFFF\/0B5FAE?text=Logo+12\"\n                                 alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631\"\n                                 loading=\"lazy\" width=\"200\" height=\"100\">\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550 \u0645\u0648\u0627\u062f \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u2550\u2550\u2550 -->\n        <section class=\"eco-section section section-eco\" aria-labelledby=\"ecoTitle\">\n            <div class=\"container\">\n                <div class=\"eco-grid\">\n                    <div class=\"eco-content\">\n                        <span class=\"section-tag\">\u0635\u062d\u0629 \u0648\u0633\u0644\u0627\u0645\u0629<\/span>\n                        <h2 id=\"ecoTitle\" class=\"section-title\">\u0645\u0648\u0627\u062f \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u0648\u0622\u0645\u0646\u0629 \u0639\u0644\u0649 \u0639\u0627\u0626\u0644\u062a\u0643<\/h2>\n                        <p>\n                            \u0641\u064a \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u060c \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0646\u0638\u0627\u0641\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0627 \u062a\u0639\u0646\u064a \u0641\u0642\u0637 \u0627\u0644\u0628\u0631\u064a\u0642\n                            \u0648\u0627\u0644\u0644\u0645\u0639\u0627\u0646\u060c \u0628\u0644 \u062a\u0639\u0646\u064a \u0623\u064a\u0636\u064b\u0627 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0635\u062d\u0629 \u0633\u0643\u0627\u0646 \u0627\u0644\u0645\u0646\u0632\u0644 \u0648\u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0645\u062d\u064a\u0637\u0629.\n                            \u0644\u0630\u0644\u0643 \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u0648\u0627\u062f \u062a\u0646\u0638\u064a\u0641 \u0639\u0636\u0648\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u064b\u0627.\n                        <\/p>\n                        <ul class=\"eco-list\">\n                            <li>\n                                <i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>\n                                \u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0636\u0627\u0631\u0629\n                            <\/li>\n                            <li>\n                                <i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>\n                                \u0622\u0645\u0646\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0644\u064a\u0641\u0629\n                            <\/li>\n                            <li>\n                                <i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>\n                                \u0644\u0627 \u062a\u062a\u0631\u0643 \u0631\u0648\u0627\u0626\u062d \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0645\u0632\u0639\u062c\u0629\n                            <\/li>\n                            <li>\n                                <i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>\n                                \u0645\u0648\u0627\u062f \u0623\u0644\u0645\u0627\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 (abfackeln)\n                            <\/li>\n                            <li>\n                                <i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>\n                                \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u0644\u0644\n                            <\/li>\n                        <\/ul>\n                        <a href=\"services.html\" class=\"btn btn-primary\">\n                            <i class=\"fas fa-leaf\" aria-hidden=\"true\"><\/i>\n                            \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0632\u064a\u062f\n                        <\/a>\n                    <\/div>\n                    <div class=\"eco-image\">\n                        <!-- \u0627\u0633\u062a\u0628\u062f\u0644 \u0628\u0635\u0648\u0631\u0629 \u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0639\u0636\u0648\u064a\u0629 -->\n                        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/placehold.co\/600x500\/C6E84C\/0B5FAE?text=\u0645\u0648\u0627\u062f+\u0639\u0636\u0648\u064a\u0629+\u0622\u0645\u0646\u0629\"\n                             alt=\"\u0645\u0648\u0627\u062f \u062a\u0646\u0638\u064a\u0641 \u0639\u0636\u0648\u064a\u0629 \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u0645\u0646 \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\"\n                             loading=\"lazy\"\n                             width=\"600\" height=\"500\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550 \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 Testimonials \u2550\u2550\u2550 -->\n        <section class=\"testimonials section section-light\" aria-labelledby=\"testimonialsTitle\">\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <span class=\"section-tag\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\n                    <h2 id=\"testimonialsTitle\" class=\"section-title\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0639\u0645\u0644\u0627\u0624\u0646\u0627\u061f<\/h2>\n                <\/div>\n\n                <div class=\"testimonials-grid\">\n                    <article class=\"testimonial-card\" data-aos=\"fade-up\">\n                        <div class=\"testimonial-rating\" aria-label=\"\u062a\u0642\u064a\u064a\u0645 5 \u0645\u0646 5\">\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <p class=\"testimonial-text\">\n                            \"\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0628\u0639\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0643\u0627\u0646\u062a \u0645\u0645\u062a\u0627\u0632\u0629 \u062c\u062f\u064b\u0627. \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641\u060c \u0645\u0644\u062a\u0632\u0645\n                            \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c \u0648\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0641\u0627\u0642\u062a \u062a\u0648\u0642\u0639\u0627\u062a\u064a. \u0623\u0646\u0635\u062d \u0643\u0644 \u0645\u0646 \u064a\u0628\u062d\u062b \u0639\u0646 \u062c\u0648\u062f\u0629 \u062d\u0642\u064a\u0642\u064a\u0629.\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">\n                                <i class=\"fas fa-user\" aria-hidden=\"true\"><\/i>\n                            <\/div>\n                            <div class=\"author-info\">\n                                <strong>\u0623\u062d\u0645\u062f \u0627\u0644\u0639\u0645\u0631\u064a<\/strong>\n                                <span>\u0635\u0627\u062d\u0628 \u0641\u064a\u0644\u0627 - \u0639\u0628\u062f\u0648\u0646<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"testimonial-card\" data-aos=\"fade-up\">\n                        <div class=\"testimonial-rating\" aria-label=\"\u062a\u0642\u064a\u064a\u0645 5 \u0645\u0646 5\">\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <p class=\"testimonial-text\">\n                            \"\u062a\u0639\u0627\u0642\u062f\u0646\u0627 \u0645\u0639 \u0627\u0644\u0641\u0627\u062e\u0631 \u0644\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0631\u0627\u0633\u0644\u064a\u0646 \u0644\u0645\u0643\u062a\u0628\u0646\u0627 \u0645\u0646\u0630 \u0633\u0646\u062a\u064a\u0646\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646\n                            \u0645\u0633\u062a\u0645\u0631 \u0628\u0641\u0636\u0644 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0644\u0643\u0627\u0641\u0629 \u0637\u0644\u0628\u0627\u062a\u0646\u0627.\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">\n                                <i class=\"fas fa-user-tie\" aria-hidden=\"true\"><\/i>\n                            <\/div>\n                            <div class=\"author-info\">\n                                <strong>\u0633\u0647\u0649 \u0645\u062d\u0645\u0648\u062f<\/strong>\n                                <span>\u0645\u062f\u064a\u0631\u0629 \u0645\u0643\u062a\u0628 \u0645\u062d\u0627\u0645\u0627\u0629 - \u0639\u0645\u0627\u0646<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"testimonial-card\" data-aos=\"fade-up\">\n                        <div class=\"testimonial-rating\" aria-label=\"\u062a\u0642\u064a\u064a\u0645 5 \u0645\u0646 5\">\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                            <i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>\n                        <\/div>\n                        <p class=\"testimonial-text\">\n                            \"\u062e\u062f\u0645\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0628\u0627\u0644\u0628\u062e\u0627\u0631 \u0644\u0644\u0643\u0646\u0628 \u0648\u0627\u0644\u0633\u062c\u0627\u062f \u0631\u0627\u0626\u0639\u0629\u060c \u0648\u0623\u0633\u0639\u0627\u0631\u0647\u0645 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062c\u062f\u064b\u0627\n                            \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649. \u0641\u0631\u064a\u0642 \u0645\u062a\u0639\u0627\u0648\u0646 \u0648\u062f\u0642\u064a\u0642 \u0641\u064a \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">\n                                <i class=\"fas fa-user\" aria-hidden=\"true\"><\/i>\n                            <\/div>\n                            <div class=\"author-info\">\n                                <strong>\u062e\u0627\u0644\u062f \u0627\u0644\u0632\u0639\u0628\u064a<\/strong>\n                                <span>\u0635\u0627\u062d\u0628 \u0634\u0642\u0629 - \u0627\u0644\u062c\u0628\u064a\u0647\u0629<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550 Contact CTA \u2550\u2550\u2550 -->\n        <section class=\"cta-section\" aria-labelledby=\"ctaTitle\">\n            <div class=\"container\">\n                <div class=\"cta-content\">\n                    <h2 id=\"ctaTitle\" class=\"cta-title\">\u062c\u0627\u0647\u0632 \u0644\u062e\u062f\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649\u061f<\/h2>\n                    <p class=\"cta-text\">\n                        \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062c\u0627\u0646\u064a \u062e\u0644\u0627\u0644 \u062f\u0642\u0627\u0626\u0642\n                    <\/p>\n                    <div class=\"cta-buttons\">\n                        <a href=\"https:\/\/wa.me\/962799090502?text=\u0645\u0631\u062d\u0628\u0627\u060c%20\u0623\u0648\u062f%20\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631%20\u0639\u0646%20\u062e\u062f\u0645\u0627\u062a%20\u0645\u0624\u0633\u0633\u0629%20\u0627\u0644\u0641\u0627\u062e\u0631\"\n                           class=\"btn btn-whatsapp btn-large\"\n                           target=\"_blank\"\n                           rel=\"noopener\">\n                            <i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i>\n                            \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\n                        <\/a>\n                        <a href=\"tel:+962799090502\" class=\"btn btn-outline-white btn-large\">\n                            <i class=\"fas fa-phone\" aria-hidden=\"true\"><\/i>\n                            \u0627\u062a\u0635\u0644 \u0627\u0644\u0622\u0646: 0799090502\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u0628\u0631\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 20 \u0639\u0627\u0645\u064b\u0627 \u0641\u064a \u062e\u062f\u0645\u062a\u0643 \u0646\u0638\u0627\u0641\u0629 \u0641\u0627\u062e\u0631\u0629\u060c \u062e\u062f\u0645\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0645\u0646\u0630 2005 \u0645\u0624\u0633\u0633\u0629 \u0627\u0644\u0641\u0627\u062e\u0631 \u0634\u0631\u0643\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0634\u0627\u0645\u0644 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0648\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0639\u0645\u0627\u0644\u0629 \u0641\u064a \u0639\u0645\u0627\u0646 \u0648\u0643\u0627\u0641\u0629 \u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0627\u0644\u0623\u0631\u062f\u0646. \u0646\u0633\u062a\u062e\u062f\u0645 \u0645\u0648\u0627\u062f \u0639\u0636\u0648\u064a\u0629 \u0635\u062f\u064a\u0642\u0629 \u0644\u0644\u0628\u064a\u0626\u0629 \u0648\u0645\u0639\u062f\u0627\u062a \u0623\u0644\u0645\u0627\u0646\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062b\u0642\u0629. \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0643\u062a\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 +20 \u0633\u0646\u0629 \u062e\u0628\u0631\u0629 +1000 \u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f 4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fakherjo.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fakherjo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fakherjo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fakherjo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fakherjo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":10,"href":"https:\/\/fakherjo.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/fakherjo.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/fakherjo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}