{"id":38,"date":"2026-06-12T02:07:52","date_gmt":"2026-06-12T02:07:52","guid":{"rendered":"https:\/\/alattaa.com\/?page_id=38"},"modified":"2026-07-05T09:21:37","modified_gmt":"2026-07-05T09:21:37","slug":"home","status":"publish","type":"page","link":"https:\/\/alattaa.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7426c920 e-flex e-con-boxed e-con e-parent\" data-id=\"7426c920\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7de97d elementor-widget elementor-widget-html\" data-id=\"e7de97d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u062e\u0637 Cairo -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a FontAwesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<style>\r\n    .hero-widget-container {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 75vh;\r\n        min-height: 450px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: flex-end;\r\n        text-align: center;\r\n        overflow: hidden;\r\n        background: transparent;\r\n        direction: rtl;\r\n        padding-bottom: 50px;\r\n    }\r\n\r\n    #speedCanvas {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .typing-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 0 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 18px;\r\n        max-width: 950px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* ====== \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0646\u0635\u0648\u0635 (\u0628\u062f\u0648\u0646 \u0643\u062a\u0627\u0628\u0629) ====== *\/\r\n    @keyframes fadeUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .text-main {\r\n        font-family: 'Cairo', sans-serif;\r\n        color: #c49c5a;\r\n        font-size: 3rem;\r\n        font-weight: 900;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n        text-shadow: 0 4px 30px rgba(0, 0, 0, 0.7);\r\n        opacity: 0;\r\n        animation: fadeUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n        animation-delay: 0.3s;\r\n    }\r\n\r\n    .text-sub {\r\n        font-family: 'Cairo', sans-serif;\r\n        color: #c49c5a;\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        margin: 0;\r\n        text-shadow: 0 4px 30px rgba(0, 0, 0, 0.7);\r\n        opacity: 0;\r\n        animation: fadeUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n        animation-delay: 1s;\r\n    }\r\n\r\n    \/* ====== \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 ====== *\/\r\n    @media (max-width: 992px) {\r\n        .text-main { font-size: 2.5rem; }\r\n        .text-sub { font-size: 1.3rem; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .hero-widget-container {\r\n            height: 60vh;\r\n            min-height: 350px;\r\n            padding-bottom: 30px;\r\n        }\r\n        .text-main { font-size: 1.8rem; }\r\n        .text-sub { font-size: 1.1rem; }\r\n        .typing-wrapper { gap: 12px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .text-main { font-size: 1.5rem; }\r\n        .text-sub { font-size: 0.95rem; }\r\n        .hero-widget-container {\r\n            height: 55vh;\r\n            min-height: 300px;\r\n            padding-bottom: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hero-widget-container\">\r\n    <canvas id=\"speedCanvas\"><\/canvas>\r\n    \r\n    <div class=\"typing-wrapper\">\r\n        <h1 class=\"text-main\">\u0644\u0623\u0646 \u0643\u0644 \u0631\u062d\u0644\u0629 \u0645\u0633\u0624\u0648\u0644\u064a\u0629... \u0646\u062c\u0639\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 \u0648\u062c\u0647\u062a\u0647\u0627.<\/h1>\r\n        <p class=\"text-sub\">\r\n            \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062d\u0644\u0648\u0644 \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ ====== \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u062e\u0644\u0641\u064a\u0629 \"\u0639\u062f\u0627\u062f \u0633\u0631\u0639\u0629 \u062e\u0641\u064a\u0641 \u062c\u062f\u064b\u0627 \u0645\u0639 \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0645\u062a\u062d\u0631\u0643\u0629\" ======\r\n    const canvas = document.getElementById('speedCanvas');\r\n    const ctx = canvas.getContext('2d');\r\n    let width, height;\r\n\r\n    function resize() {\r\n        width = canvas.width = canvas.offsetWidth;\r\n        height = canvas.height = canvas.offsetHeight;\r\n    }\r\n    window.addEventListener('resize', resize);\r\n    resize();\r\n\r\n    \/\/ \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 (\u0628\u0634\u0641\u0627\u0641\u064a\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u062c\u062f\u064b\u0627)\r\n    const primaryGold = 'rgba(196, 156, 90, 0.12)';\r\n    const primaryGreen = 'rgba(14, 77, 46, 0.10)';\r\n    const white = 'rgba(255, 255, 255, 0.08)';\r\n\r\n    \/\/ \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0639\u062f\u0627\u062f\r\n    let angle = 0;\r\n    const radius = Math.min(width, height) * 0.35;\r\n\r\n    \/\/ \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0638\u0647\u0631 \u0648\u062a\u062f\u0648\u0631 (\u0642\u0627\u0626\u0645\u0629 \u0628\u0640 FontAwesome classes)\r\n    \/\/ \u0646\u0633\u062a\u062e\u062f\u0645 \u0643\u0648\u062f Unicode \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0644\u0631\u0633\u0645\u0647\u0627 \u0639\u0644\u0649 Canvas\r\n    const icons = [\r\n        { code: '\\uf058', label: '\u0627\u0644\u062c\u0648\u062f\u0629' },     \/\/ fa-check-circle\r\n        { code: '\\uf132', label: '\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629' },   \/\/ fa-certificate\r\n        { code: '\\uf3c5', label: '\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644' },    \/\/ fa-clipboard-check\r\n        { code: '\\uf2ed', label: '\u0627\u0644\u0633\u0644\u0627\u0645\u0629' },     \/\/ fa-shield-halved\r\n        { code: '\\uf0e7', label: '\u0627\u0644\u0643\u0641\u0627\u0621\u0629' },     \/\/ fa-bolt\r\n        { code: '\\uf2b5', label: '\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629' }   \/\/ fa-handshake\r\n    ];\r\n\r\n    const iconParticles = [];\r\n\r\n    function initIcons() {\r\n        iconParticles.length = 0;\r\n        icons.forEach((icon, index) => {\r\n            \/\/ \u0643\u0644 \u0623\u064a\u0642\u0648\u0646\u0629 \u062a\u062a\u0643\u0631\u0631 \u0645\u0631\u062a\u064a\u0646 \u0644\u062a\u0648\u0632\u064a\u0639 \u0623\u0641\u0636\u0644\r\n            for (let i = 0; i < 2; i++) {\r\n                iconParticles.push({\r\n                    code: icon.code,\r\n                    label: icon.label,\r\n                    angleOffset: (index \/ icons.length) * Math.PI * 2 + (i \/ 2) * 0.5,\r\n                    speed: 0.01 + Math.random() * 0.008,\r\n                    radiusOffset: 0.7 + Math.random() * 0.3,\r\n                    size: 20 + Math.random() * 10, \/\/ \u062d\u062c\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629\r\n                    alpha: 0.08 + Math.random() * 0.06 \/\/ \u0634\u0641\u0627\u0641\u064a\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u062c\u062f\u064b\u0627\r\n                });\r\n            }\r\n        });\r\n    }\r\n    initIcons();\r\n\r\n    function drawSpeedometer() {\r\n        ctx.clearRect(0, 0, width, height);\r\n\r\n        \/\/ 1. \u0631\u0633\u0645 \u0627\u0644\u062d\u0644\u0642\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0644\u0644\u0639\u062f\u0627\u062f (\u0634\u0641\u0627\u0641\u0629 \u062c\u062f\u064b\u0627)\r\n        ctx.save();\r\n        ctx.translate(width \/ 2, height \/ 2);\r\n\r\n        \/\/ \u0627\u0644\u062d\u0644\u0642\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 (\u0630\u0647\u0628 \u0634\u0641\u0627\u0641)\r\n        ctx.beginPath();\r\n        ctx.arc(0, 0, radius, 0, Math.PI * 2);\r\n        ctx.strokeStyle = primaryGold;\r\n        ctx.lineWidth = 3;\r\n        ctx.stroke();\r\n\r\n        \/\/ \u0627\u0644\u062d\u0644\u0642\u0629 \u0627\u0644\u0648\u0633\u0637\u0649 (\u0623\u062e\u0636\u0631 \u0634\u0641\u0627\u0641)\r\n        ctx.beginPath();\r\n        ctx.arc(0, 0, radius * 0.85, 0, Math.PI * 2);\r\n        ctx.strokeStyle = primaryGreen;\r\n        ctx.lineWidth = 2;\r\n        ctx.stroke();\r\n\r\n        \/\/ 2. \u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u062c (Ticks) - \u0634\u0641\u0627\u0641\u0629 \u062c\u062f\u064b\u0627\r\n        const numTicks = 24;\r\n        for (let i = 0; i < numTicks; i++) {\r\n            const tickAngle = (i \/ numTicks) * Math.PI * 2 + angle;\r\n            const outerR = radius * 0.92;\r\n            const innerR = radius * 0.85;\r\n            const x1 = Math.cos(tickAngle) * innerR;\r\n            const y1 = Math.sin(tickAngle) * innerR;\r\n            const x2 = Math.cos(tickAngle) * outerR;\r\n            const y2 = Math.sin(tickAngle) * outerR;\r\n\r\n            ctx.beginPath();\r\n            ctx.moveTo(x1, y1);\r\n            ctx.lineTo(x2, y2);\r\n            ctx.strokeStyle = i % 3 === 0 ? 'rgba(255,255,255,0.15)' : primaryGold;\r\n            ctx.lineWidth = i % 3 === 0 ? 2 : 1.5;\r\n            ctx.stroke();\r\n        }\r\n\r\n        \/\/ 3. \u0627\u0644\u0625\u0628\u0631\u0629 - \u0634\u0641\u0627\u0641\u0629 \u062c\u062f\u064b\u0627\r\n        const needleLength = radius * 0.75;\r\n        const needleAngle = angle * 1.3;\r\n        const xN = Math.cos(needleAngle) * needleLength;\r\n        const yN = Math.sin(needleAngle) * needleLength;\r\n\r\n        ctx.beginPath();\r\n        ctx.moveTo(0, 0);\r\n        ctx.lineTo(xN, yN);\r\n        ctx.strokeStyle = 'rgba(255,255,255,0.15)';\r\n        ctx.lineWidth = 2;\r\n        ctx.shadowBlur = 10;\r\n        ctx.shadowColor = 'rgba(196, 156, 90, 0.15)';\r\n        ctx.stroke();\r\n\r\n        \/\/ \u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0628\u0631\u0629\r\n        ctx.shadowBlur = 0;\r\n        ctx.beginPath();\r\n        ctx.arc(0, 0, radius * 0.06, 0, Math.PI * 2);\r\n        ctx.fillStyle = 'rgba(196, 156, 90, 0.15)';\r\n        ctx.fill();\r\n\r\n        \/\/ 4. \u0631\u0633\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 (\u062a\u0637\u0641\u0648 \u062d\u0648\u0644 \u0627\u0644\u0639\u062f\u0627\u062f)\r\n        iconParticles.forEach((ip) => {\r\n            const currentAngle = (ip.angleOffset + angle * ip.speed) * Math.PI * 2;\r\n            const r = radius * (0.6 + ip.radiusOffset * 0.25);\r\n            const x = Math.cos(currentAngle) * r;\r\n            const y = Math.sin(currentAngle) * r;\r\n\r\n            \/\/ \u0631\u0633\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637 FontAwesome \u0648 Unicode\r\n            ctx.font = `${ip.size}px \"Font Awesome 6 Free\"`;\r\n            ctx.textAlign = 'center';\r\n            ctx.textBaseline = 'middle';\r\n            ctx.fillStyle = `rgba(196, 156, 90, ${ip.alpha})`; \/\/ \u0630\u0647\u0628\u064a \u0634\u0641\u0627\u0641 \u062c\u062f\u064b\u0627\r\n            ctx.fillText(ip.code, x, y);\r\n        });\r\n\r\n        ctx.restore();\r\n\r\n        \/\/ 5. \u062a\u062d\u062f\u064a\u062b \u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u062f\u0648\u0631\u0627\u0646\r\n        angle += 0.04;\r\n    }\r\n\r\n    function animate() {\r\n        drawSpeedometer();\r\n        requestAnimationFrame(animate);\r\n    }\r\n\r\n    animate();\r\n\r\n    \/\/ \u0625\u0639\u0627\u062f\u0629 \u0636\u0628\u0637 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0639\u0646\u062f \u062a\u063a\u064a\u064a\u0631 \u062d\u062c\u0645 \u0627\u0644\u0634\u0627\u0634\u0629\r\n    window.addEventListener('resize', () => {\r\n        resize();\r\n        initIcons();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b7c188d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4b7c188d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/alattaa.com\/#str\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-gem\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 0H112c-4 0-7.8 2-10 5.4L2 152.6c-2.9 4.4-2.6 10.2.7 14.2l276 340.8c4.8 5.9 13.8 5.9 18.6 0l276-340.8c3.3-4.1 3.6-9.8.7-14.2L474.1 5.4C471.8 2 468.1 0 464 0zm-19.3 48l63.3 96h-68.4l-51.7-96h56.8zm-202.1 0h90.7l51.7 96H191l51.6-96zm-111.3 0h56.8l-51.7 96H68l63.3-96zm-43 144h51.4L208 352 88.3 192zm102.9 0h193.6L288 435.3 191.2 192zM368 352l68.2-160h51.4L368 352z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-db35585 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-db35585\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-undefined-0e1115d e-con-full e-flex e-con e-child\" data-id=\"undefined-0e1115d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-03dbd20 elementor-widget elementor-widget-heading\" data-id=\"undefined-03dbd20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0646 \u0646\u062d\u0646 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-1b71078 e-transform elementor-widget elementor-widget-text-editor\" data-id=\"undefined-1b71078\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h4 style=\"text-align: justify; text-justify: inter-word; line-height: 1.8;\">\n\u062a\u0623\u0633\u0633\u062a \u0634\u0631\u0643\u0629 &#8220;<span style=\"color: #c49c5a;\">\u0645\u0647\u0644\u0629 \u0627\u0644\u0639\u0637\u0627\u0621 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u062a\u062c\u0627\u0631\u0629<\/span>&#8221; \u0641\u064a \u0639\u0627\u0645 2024\u0645\u060c \u0644\u062a\u0636\u0639 \u0628\u0635\u0645\u062a\u0647\u0627 \u0643\u0640<span style=\"color: #0e4d2e;\">\u0634\u0631\u064a\u0643 \u0644\u0648\u062c\u0633\u062a\u064a \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647&#8230; \u0641\u064a \u0643\u0644 \u0631\u062d\u0644\u0629<\/span>. \u0641\u064a \u0627\u0642\u062a\u0635\u0627\u062f \u0633\u0631\u064a\u0639 \u0627\u0644\u062d\u0631\u0643\u0629\u060c \u0623\u0635\u0628\u062d\u062a \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0646\u0642\u0644 \u0639\u0646\u0635\u0631\u064b\u0627 \u0623\u0633\u0627\u0633\u064a\u064b\u0627 \u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0648\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u0637\u0644\u0642 \u062a\u0631\u0643\u0632\u062a \u062c\u0647\u0648\u062f\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629. \u0646\u0648\u0641\u0631 \u062e\u062f\u0645\u0627\u062a \u0646\u0642\u0644 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0628\u0631 \u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0634\u063a\u064a\u0644 \u0645\u0631\u0646\u0629 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0648\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0634\u062d\u0646\u0627\u062a\u060c \u0648\u062f\u0642\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0628\u0645\u0627 \u064a\u0639\u0632\u0632 \u0643\u0641\u0627\u0621\u0629 \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0648\u064a\u0628\u0646\u064a \u0634\u0631\u0627\u0643\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0636\u0627\u0641\u0629.\n<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-348c763 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"undefined-348c763\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/alattaa.com\/#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-df4b379 e-con-full e-flex e-con e-child\" data-id=\"undefined-df4b379\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-5b12052 elementor-widget elementor-widget-image\" data-id=\"undefined-5b12052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1448\" height=\"1086\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44.jpg\" class=\"attachment-full size-full wp-image-691\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44.jpg 1448w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-300x225.jpg 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-1024x768.jpg 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-768x576.jpg 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-16x12.jpg 16w\" sizes=\"(max-width: 1448px) 100vw, 1448px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1521823 e-flex e-con-boxed e-con e-parent\" data-id=\"1521823\" data-element_type=\"container\" data-e-type=\"container\" id=\"vis\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fe324d elementor-widget elementor-widget-html\" data-id=\"5fe324d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0625\u0636\u0627\u0641\u0629 \u062e\u0637 Cairo \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --primary: #0e4d2e; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n        --secondary: #c49c5a; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n        --text: #444;\r\n        --bg-gray: #f8f9fa;\r\n        --transition: 0.4s ease;\r\n    }\r\n\r\n    .vm-wrapper {\r\n        font-family: 'Cairo', sans-serif;\r\n        padding: 80px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        background: #fff;\r\n        direction: rtl;\r\n    }\r\n\r\n    \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 (\u0627\u0644\u062f\u0627\u0626\u0631\u0629) --- *\/\r\n    .circle-layout {\r\n        position: relative;\r\n        width: 600px;\r\n        height: 600px;\r\n        border: 2px solid var(--primary);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .nav-btn {\r\n        position: absolute;\r\n        width: 130px;\r\n        height: 130px;\r\n        background: #fff;\r\n        border: 3px solid var(--primary);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        transition: var(--transition);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .nav-btn i { \r\n        font-size: 28px; \r\n        color: var(--secondary); \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n        margin-bottom: 5px; \r\n        transition: var(--transition);\r\n    }\r\n    \r\n    .nav-btn span { \r\n        font-weight: 700; \r\n        font-size: 18px; \r\n        color: var(--primary); \/* \u0627\u0644\u0646\u0635 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u062e\u0636\u0631 *\/\r\n        transition: var(--transition);\r\n    }\r\n\r\n    \/* \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u062f\u0627\u0626\u0631\u0629 *\/\r\n    .btn-vision { top: -65px; left: 50%; transform: translateX(-50%); }\r\n    .btn-mission { bottom: -65px; left: 50%; transform: translateX(-50%); }\r\n\r\n    \/* \u062d\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637: \u062e\u0644\u0641\u064a\u0629 \u062e\u0636\u0631\u0627\u0621 \u0648\u0646\u0635\/\u0623\u064a\u0642\u0648\u0646\u0629 \u0628\u064a\u0636\u0627\u0621 *\/\r\n    .nav-btn.active { \r\n        background: var(--primary); \r\n        border-color: var(--primary);\r\n    }\r\n    .nav-btn.active i, \r\n    .nav-btn.active span { \r\n        color: #fff; \r\n    }\r\n\r\n    .content-display {\r\n        width: 80%;\r\n        text-align: center;\r\n        padding: 20px;\r\n    }\r\n\r\n    .info-card { display: none; animation: fadeIn 0.5s ease forwards; }\r\n    .info-card.active { display: block; }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0628\u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n    .info-card h3 {\r\n        color: var(--primary);\r\n        font-size: 30px;\r\n        margin-bottom: 15px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .info-card p { \r\n        color: var(--text); \r\n        font-size: 18px; \r\n        line-height: 1.8; \r\n    }\r\n\r\n    \/* --- \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0647\u0627\u062a\u0641 --- *\/\r\n    @media (max-width: 768px) {\r\n        .vm-wrapper { padding: 40px 15px; }\r\n        \r\n        .circle-layout {\r\n            border: none;\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 0;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .mobile-tabs {\r\n            display: flex;\r\n            width: 100%;\r\n            gap: 10px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .nav-btn {\r\n            position: relative;\r\n            flex: 1; \r\n            height: 100px;\r\n            width: auto;\r\n            border-radius: 15px;\r\n            top: auto !important;\r\n            bottom: auto !important;\r\n            left: auto !important;\r\n            transform: none !important;\r\n        }\r\n\r\n        .nav-btn i { font-size: 22px; }\r\n        .nav-btn span { font-size: 16px; }\r\n\r\n        .content-display {\r\n            width: 100%;\r\n            background: var(--bg-gray);\r\n            border-radius: 20px;\r\n            padding: 30px 20px;\r\n            box-shadow: inset 0 0 10px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .info-card h3 { font-size: 24px; }\r\n        .info-card p { font-size: 16px; text-align: center; }\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(10px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"vm-wrapper\">\r\n    <div class=\"circle-layout\">\r\n        \r\n        <!-- \u0627\u0644\u062a\u0628\u0648\u064a\u0628\u0627\u062a \u0644\u0644\u0647\u0627\u062a\u0641 -->\r\n        <div class=\"mobile-tabs\">\r\n            <div class=\"nav-btn btn-vision active\" onclick=\"toggleView('vision', this)\">\r\n                <i class=\"fa-solid fa-eye\"><\/i>\r\n                <span>\u0627\u0644\u0631\u0624\u064a\u0629<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"nav-btn btn-mission\" onclick=\"toggleView('mission', this)\">\r\n                <i class=\"fa-solid fa-bullseye\"><\/i>\r\n                <span>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"content-display\">\r\n            \r\n            <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f -->\r\n            <div class=\"info-card active\" id=\"vision-box\">\r\n                <h3>\u0627\u0644\u0631\u0624\u064a\u0629<\/h3>\r\n                <p>\r\n                    \u0623\u0646 \u0646\u0631\u0633\u062e \u0645\u0643\u0627\u0646\u062a\u0646\u0627 \u0628\u064a\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c \u0628\u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0634\u063a\u064a\u0644 \u062a\u0639\u0632\u0632 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062c\u062f\u064a\u062f -->\r\n            <div class=\"info-card\" id=\"mission-box\">\r\n                <h3>\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h3>\r\n                <p>\r\n                    \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0622\u0645\u0646\u0629 \u0648\u0645\u0631\u0646\u0629 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0628\u0645\u0627 \u064a\u062f\u0639\u0645 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0623\u0639\u0645\u0627\u0644 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    function toggleView(target, element) {\r\n        \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0639\u0646 \u0643\u0644 \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n        document.querySelectorAll('.nav-btn').forEach(btn => btn.classList.remove('active'));\r\n        \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0644\u0644\u0632\u0631 \u0627\u0644\u0630\u064a \u0636\u064f\u063a\u0637 \u0639\u0644\u064a\u0647\r\n        element.classList.add('active');\r\n\r\n        \/\/ \u0625\u062e\u0641\u0627\u0621 \u0643\u0644 \u0627\u0644\u0643\u0631\u0648\u062a\r\n        document.querySelectorAll('.info-card').forEach(card => card.classList.remove('active'));\r\n        \r\n        \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0643\u0631\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\r\n        if(target === 'vision') {\r\n            document.getElementById('vision-box').classList.add('active');\r\n        } else {\r\n            document.getElementById('mission-box').classList.add('active');\r\n        }\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fc8bbd e-flex e-con-boxed e-con e-parent\" data-id=\"1fc8bbd\" data-element_type=\"container\" data-e-type=\"container\" id=\"qim\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb9e80f elementor-widget elementor-widget-html\" data-id=\"eb9e80f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u0627\u0644\u0642\u064a\u0645 \u0641\u0642\u0637 (\u0645\u062d\u062a\u0648\u0649 \u062c\u062f\u064a\u062f)        -->\r\n<!--  \u0627\u0646\u0633\u062e \u0647\u0630\u0627 \u0627\u0644\u0643\u0648\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0623\u062f\u0627\u0629 \"HTML \u0645\u062e\u0635\u0635\" \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0648\u0631   -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700&display=swap');\r\n\r\n    .val-widget-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        align-items: stretch;\r\n        gap: 25px;\r\n        padding: 20px 10px 40px 10px;\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        background-color: transparent !important;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* ====== \u062a\u0646\u0633\u064a\u0642 \u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0642\u064a\u0645 ====== *\/\r\n    .val-section-title {\r\n        width: 100%;\r\n        text-align: center;\r\n        font-size: 34px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 30px;\r\n        line-height: 1.3;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .val-item {\r\n        flex: 1 1 170px;\r\n        max-width: 220px;\r\n        min-width: 140px;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        padding: 28px 15px 22px 15px;\r\n        border-radius: 18px;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        background: #ffffff;\r\n        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);\r\n        border: 1px solid rgba(0, 0, 0, 0.03);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u062e\u0637 \u0639\u0644\u0648\u064a \u0630\u0647\u0628\u064a \u0623\u0646\u064a\u0642 \u0639\u0646\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 *\/\r\n    .val-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 4px;\r\n        background: #c49c5a;\r\n        transform: scaleX(0);\r\n        transform-origin: right;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .val-item:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n        border-color: rgba(196, 156, 90, 0.3);\r\n    }\r\n\r\n    .val-item:hover::before {\r\n        transform: scaleX(1);\r\n        transform-origin: left;\r\n    }\r\n\r\n    .val-icon {\r\n        font-size: 34px;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 16px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .val-item:hover .val-icon {\r\n        transform: scale(1.15) rotate(-5deg);\r\n    }\r\n\r\n    .val-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 10px;\r\n        text-decoration: none;\r\n        border-bottom: none !important;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .val-desc {\r\n        font-size: 13px;\r\n        font-weight: 400;\r\n        color: #0e4d2e !important;\r\n        opacity: 0.8;\r\n        line-height: 1.7;\r\n        margin-top: auto;\r\n    }\r\n\r\n    \/* ----- \u062a\u0648\u0627\u0641\u0642 \u0643\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 ----- *\/\r\n    @media (max-width: 992px) {\r\n        .val-item {\r\n            flex: 1 1 160px;\r\n            max-width: 200px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .val-widget-container {\r\n            gap: 15px;\r\n            padding: 15px 5px 30px 5px;\r\n        }\r\n        \r\n        .val-item {\r\n            flex: 1 1 100%;\r\n            max-width: 100%;\r\n            padding: 20px 15px;\r\n        }\r\n        .val-section-title {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .val-section-title {\r\n            font-size: 24px;\r\n        }\r\n        .val-icon {\r\n            font-size: 28px;\r\n        }\r\n        .val-title {\r\n            font-size: 16px;\r\n        }\r\n        .val-desc {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (\u0642\u064a\u0645\u0646\u0627 \u0641\u0642\u0637) ====== -->\r\n<div class=\"val-widget-container\">\r\n\r\n    <h2 class=\"val-section-title\">\u0642\u064a\u0645\u0646\u0627<\/h2>\r\n\r\n    <!-- 1. \u0627\u0644\u062c\u0648\u062f\u0629 -->\r\n    <div class=\"val-item\">\r\n        <i class=\"val-icon fa-solid fa-medal\"><\/i>\r\n        <h4 class=\"val-title\">\u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\r\n        <p class=\"val-desc\">\u0646\u0637\u0628\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0641\u064a \u0643\u0644 \u062e\u062f\u0645\u0629 \u0646\u0642\u062f\u0645\u0647\u0627<\/p>\r\n    <\/div>\r\n\r\n    <!-- 2. \u0627\u0644\u0633\u0644\u0627\u0645\u0629 -->\r\n    <div class=\"val-item\">\r\n        <i class=\"val-icon fa-solid fa-shield-halved\"><\/i>\r\n        <h4 class=\"val-title\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h4>\r\n        <p class=\"val-desc\">\u0646\u0636\u0639 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0641\u064a \u0635\u0645\u064a\u0645 \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/p>\r\n    <\/div>\r\n\r\n    <!-- 3. \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 -->\r\n    <div class=\"val-item\">\r\n        <i class=\"val-icon fa-solid fa-handshake\"><\/i>\r\n        <h4 class=\"val-title\">\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645<\/h4>\r\n        <p class=\"val-desc\">\u0646\u0644\u062a\u0632\u0645 \u0628\u0645\u0648\u0627\u0639\u064a\u062f\u0646\u0627 \u0648\u0648\u0639\u0648\u062f\u0646\u0627 \u062a\u062c\u0627\u0647 \u0643\u0644 \u0634\u0631\u064a\u0643 \u0648\u0639\u0645\u064a\u0644 \u0628\u0643\u0644 \u062f\u0642\u0629<\/p>\r\n    <\/div>\r\n\r\n    <!-- 4. \u0627\u0644\u0643\u0641\u0627\u0621\u0629 -->\r\n    <div class=\"val-item\">\r\n        <i class=\"val-icon fa-solid fa-gauge-high\"><\/i>\r\n        <h4 class=\"val-title\">\u0627\u0644\u0643\u0641\u0627\u0621\u0629<\/h4>\r\n        <p class=\"val-desc\">\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0648\u0641\u0639\u0627\u0644\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/p>\r\n    <\/div>\r\n\r\n    <!-- 5. \u0627\u0644\u0634\u0631\u0627\u0643\u0629 -->\r\n    <div class=\"val-item\">\r\n        <i class=\"val-icon fa-solid fa-people-group\"><\/i>\r\n        <h4 class=\"val-title\">\u0627\u0644\u0634\u0631\u0627\u0643\u0629<\/h4>\r\n        <p class=\"val-desc\">\u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u0645\u062b\u0645\u0631<\/p>\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-eb407b9 e-flex e-con-boxed e-con e-parent\" data-id=\"undefined-eb407b9\" data-element_type=\"container\" data-e-type=\"container\" id=\"str\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-c8b8878 elementor-widget elementor-widget-heading\" data-id=\"undefined-c8b8878\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcf5a59 elementor-widget elementor-widget-heading\" data-id=\"dcf5a59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u062a\u062f\u0639\u0645 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0623\u0639\u0645\u0627\u0644\u0643\n\u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0628\u0631\u064a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0645\u0631\u0648\u0646\u0629.\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-5059d17 e-flex e-con-boxed e-con e-child\" data-id=\"undefined-5059d17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-undefined-d3c97aa e-con-full e-flex e-con e-child\" data-id=\"undefined-d3c97aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-a1dff3c elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"undefined-a1dff3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"1820\" height=\"1020\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/b186cd8e9\u0644\u0644\u06441b1b7a3b5f3db0d400395c0.jpg\" class=\"attachment-full size-full wp-image-626\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/b186cd8e9\u0644\u0644\u06441b1b7a3b5f3db0d400395c0.jpg 1820w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/b186cd8e9\u0644\u0644\u06441b1b7a3b5f3db0d400395c0-300x168.jpg 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/b186cd8e9\u0644\u0644\u06441b1b7a3b5f3db0d400395c0-1024x574.jpg 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/b186cd8e9\u0644\u0644\u06441b1b7a3b5f3db0d400395c0-768x430.jpg 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/b186cd8e9\u0644\u0644\u06441b1b7a3b5f3db0d400395c0-1536x861.jpg 1536w\" sizes=\"(max-width: 1820px) 100vw, 1820px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u0644\u0644\u0628\u0636\u0627\u0626\u0639<\/h3><p class=\"elementor-image-box-description\">\u062a\u0646\u0641\u064a\u0630 \u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0628\u0645\u0639\u0627\u064a\u064a\u0631 \u062a\u0634\u063a\u064a\u0644 \u0645\u0648\u062b\u0648\u0642\u0629.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6200f3 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"e6200f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"2400\" height=\"1792\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77.jpg\" class=\"attachment-full size-full wp-image-693\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77.jpg 2400w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77-300x224.jpg 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77-1024x765.jpg 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77-768x573.jpg 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77-1536x1147.jpg 1536w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77-2048x1529.jpg 2048w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/77-16x12.jpg 16w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0639\u0642\u0648\u062f \u0627\u0644\u0646\u0642\u0644 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u062c\u0644<\/h3><p class=\"elementor-image-box-description\">\u062d\u0644\u0648\u0644 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u062a\u062f\u0639\u0645 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-ab5119b e-con-full e-flex e-con e-child\" data-id=\"undefined-ab5119b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-undefined-a4f382b elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"undefined-a4f382b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1451\" height=\"1084\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/99.png\" class=\"attachment-full size-full wp-image-715\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/99.png 1451w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/99-300x224.png 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/99-1024x765.png 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/99-768x574.png 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/99-16x12.png 16w\" sizes=\"(max-width: 1451px) 100vw, 1451px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0646\u0642\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629<\/h3><p class=\"elementor-image-box-description\">\u0646\u0642\u0644 \u0622\u0645\u0646 \u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da6215 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"2da6215\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1448\" height=\"1086\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44.jpg\" class=\"attachment-full size-full wp-image-691\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44.jpg 1448w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-300x225.jpg 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-1024x768.jpg 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-768x576.jpg 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/44-16x12.jpg 16w\" sizes=\"(max-width: 1448px) 100vw, 1448px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0646\u0642\u0644 \u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u0637\u0627\u062d\u0646 \u0648\u0627\u0644\u0623\u0639\u0644\u0627\u0641<\/h3><p class=\"elementor-image-box-description\">\u062f\u0639\u0645 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-undefined-a4d6975 e-con-full e-flex e-con e-child\" data-id=\"undefined-a4d6975\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae0d3f elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"8ae0d3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1792\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88.jpg\" class=\"attachment-full size-full wp-image-694\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88.jpg 2400w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88-300x224.jpg 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88-1024x765.jpg 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88-768x573.jpg 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88-1536x1147.jpg 1536w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88-2048x1529.jpg 2048w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/88-16x12.jpg 16w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0646\u0642\u0644 \u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641<\/h3><p class=\"elementor-image-box-description\">\u0646\u0642\u0644 \u0645\u0631\u0646 \u0628\u064a\u0646 \u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0648\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u0648\u0632\u064a\u0639.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9311ad elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"a9311ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1792\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66.jpg\" class=\"attachment-full size-full wp-image-692\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66.jpg 2400w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66-300x224.jpg 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66-1024x765.jpg 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66-768x573.jpg 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66-1536x1147.jpg 1536w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66-2048x1529.jpg 2048w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/66-16x12.jpg 16w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u0646\u0642\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0627\u0644\u0639\u0627\u0645\u0629<\/h3><p class=\"elementor-image-box-description\">\u062d\u0644\u0648\u0644 \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fe56de elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"7fe56de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" decoding=\"async\" width=\"2368\" height=\"1792\" src=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22.jpg\" class=\"attachment-full size-full wp-image-689\" alt=\"\" srcset=\"https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22.jpg 2368w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22-300x227.jpg 300w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22-1024x775.jpg 1024w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22-768x581.jpg 768w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22-1536x1162.jpg 1536w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22-2048x1550.jpg 2048w, https:\/\/alattaa.com\/wp-content\/uploads\/2026\/07\/22-16x12.jpg 16w\" sizes=\"(max-width: 2368px) 100vw, 2368px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">\u062d\u0644\u0648\u0644 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u062e\u0635\u0635\u0629<\/h3><p class=\"elementor-image-box-description\">\u0628\u0631\u0627\u0645\u062c \u0646\u0642\u0644 \u0645\u0635\u0645\u0645\u0629 \u0648\u0641\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0643\u0644 \u0639\u0645\u064a\u0644.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e8d2f3d e-flex e-con-boxed e-con e-parent\" data-id=\"e8d2f3d\" data-element_type=\"container\" data-e-type=\"container\" id=\"job\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73b1a6e elementor-widget elementor-widget-html\" data-id=\"73b1a6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u0642\u0633\u0645 \u0627\u0644\u0623\u0633\u0637\u0648\u0644                   -->\r\n<!--  \u0627\u0646\u0633\u062e \u0647\u0630\u0627 \u0627\u0644\u0643\u0648\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0623\u062f\u0627\u0629 \"HTML \u0645\u062e\u0635\u0635\" \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0648\u0631   -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n    .fleet-wrapper {\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        padding: 40px 15px 50px 15px;\r\n        background-color: transparent !important;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ====== *\/\r\n    .fleet-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0e4d2e !important; \/* \u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .fleet-sub-title {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important; \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .fleet-description {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        line-height: 1.8;\r\n        color: #444;\r\n        max-width: 850px;\r\n        margin: 0 auto 40px auto;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* ====== \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 ====== *\/\r\n    .features-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .feature-item {\r\n        background: #ffffff;\r\n        border-radius: 16px;\r\n        padding: 25px 15px 20px 15px;\r\n        text-align: center;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\r\n        border: 1px solid rgba(0, 0, 0, 0.02);\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .feature-item:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);\r\n        border-color: rgba(196, 156, 90, 0.2);\r\n    }\r\n\r\n    .feature-icon {\r\n        font-size: 30px;\r\n        color: #c49c5a !important; \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0630\u0647\u0628\u064a\u0629 *\/\r\n        margin-bottom: 12px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .feature-item:hover .feature-icon {\r\n        transform: scale(1.15) rotate(-3deg);\r\n    }\r\n\r\n    .feature-title {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important; \/* \u0627\u0644\u0646\u0635 \u0623\u062e\u0636\u0631 \u062f\u0627\u0643\u0646 *\/\r\n        line-height: 1.4;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062e\u062a\u0627\u0645\u064a\u0629 \u0627\u0644\u0645\u0624\u062b\u0631\u0629 ====== *\/\r\n    .fleet-footer {\r\n        text-align: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important; \/* \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n        padding-top: 20px;\r\n        border-top: 2px solid #f0f0f0;\r\n        margin-top: 10px;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a ====== *\/\r\n    @media (max-width: 768px) {\r\n        .fleet-main-title {\r\n            font-size: 28px;\r\n        }\r\n        .fleet-sub-title {\r\n            font-size: 18px;\r\n        }\r\n        .fleet-description {\r\n            font-size: 16px;\r\n            padding: 0 5px;\r\n        }\r\n        .features-grid {\r\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n            gap: 15px;\r\n        }\r\n        .feature-item {\r\n            padding: 20px 10px;\r\n        }\r\n        .fleet-footer {\r\n            font-size: 17px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .fleet-main-title {\r\n            font-size: 24px;\r\n        }\r\n        .fleet-sub-title {\r\n            font-size: 16px;\r\n        }\r\n        .features-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 10px;\r\n        }\r\n        .feature-icon {\r\n            font-size: 24px;\r\n        }\r\n        .feature-title {\r\n            font-size: 14px;\r\n        }\r\n        .fleet-footer {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"fleet-wrapper\">\r\n\r\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <h2 class=\"fleet-main-title\">\u0623\u0633\u0637\u0648\u0644\u0646\u0627<\/h2>\r\n    <h3 class=\"fleet-sub-title\">\u062c\u0627\u0647\u0632\u064a\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629... \u062a\u062a\u062d\u0631\u0643 \u0628\u062b\u0642\u0629<\/h3>\r\n\r\n    <!-- \u0627\u0644\u0641\u0642\u0631\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 -->\r\n    <p class=\"fleet-description\">\r\n        \u064a\u0639\u062a\u0645\u062f \u0623\u0633\u0637\u0648\u0644\u0646\u0627 \u0639\u0644\u0649 \u0634\u0627\u062d\u0646\u0627\u062a \u0633\u062a\u0627\u0626\u0631 \u0645\u062c\u0647\u0632\u0629 \u0644\u0646\u0642\u0644 \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0628\u0636\u0627\u0626\u0639\u060c \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0645\u0646\u0638\u0648\u0645\u0629 \u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0634\u063a\u064a\u0644 \u0648\u0642\u0627\u0626\u064a\u0629 \u062a\u0636\u0645\u0646 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629.\r\n    <\/p>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 -->\r\n    <div class=\"features-grid\">\r\n        <div class=\"feature-item\">\r\n            <i class=\"feature-icon fa-solid fa-boxes-stacked\"><\/i>\r\n            <span class=\"feature-title\">\u0634\u0627\u062d\u0646\u0627\u062a \u0645\u062c\u0647\u0632\u0629 \u0644\u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0634\u062d\u0646\u0627\u062a<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <i class=\"feature-icon fa-solid fa-infinity\"><\/i>\r\n            <span class=\"feature-title\">\u062c\u0627\u0647\u0632\u064a\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <i class=\"feature-icon fa-solid fa-wrench\"><\/i>\r\n            <span class=\"feature-title\">\u0635\u064a\u0627\u0646\u0629 \u0648\u0642\u0627\u0626\u064a\u0629 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <i class=\"feature-icon fa-solid fa-file-signature\"><\/i>\r\n            <span class=\"feature-title\">\u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n            <i class=\"feature-icon fa-solid fa-location-dot\"><\/i>\r\n            <span class=\"feature-title\">\u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062e\u062a\u0627\u0645\u064a\u0629 -->\r\n    <div class=\"fleet-footer\">\r\n        <i class=\"fa-solid fa-star\" style=\"color:#c49c5a; margin-left: 8px;\"><\/i>\r\n        \u0623\u0633\u0637\u0648\u0644\u0646\u0627 \u0644\u0627 \u064a\u0646\u0642\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0641\u0642\u0637... \u0628\u0644 \u064a\u0646\u0642\u0644 \u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0641\u064a \u0643\u0644 \u0631\u062d\u0644\u0629.\r\n        <i class=\"fa-solid fa-star\" style=\"color:#c49c5a; margin-right: 8px;\"><\/i>\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75cb45a e-flex e-con-boxed e-con e-parent\" data-id=\"75cb45a\" data-element_type=\"container\" data-e-type=\"container\" id=\"prog\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-798641b elementor-widget elementor-widget-html\" data-id=\"798641b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a (\u0628\u062f\u0648\u0646 \u0641\u0631\u064a\u0645\u0627\u062a)        -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n    .sectors-wrapper {\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        padding: 40px 15px 50px 15px;\r\n        background-color: transparent !important;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ====== *\/\r\n    .sectors-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .sectors-sub-title {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .sectors-description {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        line-height: 1.8;\r\n        color: #444;\r\n        max-width: 850px;\r\n        margin: 0 auto 40px auto;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* ====== \u0634\u0628\u0643\u0629 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a (\u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a\/\u0641\u0631\u064a\u0645\u0627\u062a) ====== *\/\r\n    .sectors-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\r\n        gap: 35px 20px; \/* \u0645\u0633\u0627\u0641\u0627\u062a \u0646\u0638\u064a\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n        margin-bottom: 45px;\r\n    }\r\n\r\n    .sector-item {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        \/* \u062a\u0645 \u0625\u0632\u0627\u0644\u0629: \u0627\u0644\u062e\u0644\u0641\u064a\u0629\u060c \u0627\u0644\u0638\u0644\u060c \u0627\u0644\u062d\u062f\u0648\u062f\u060c \u0627\u0644\u062d\u0648\u0627\u0641 \u0627\u0644\u062f\u0627\u0626\u0631\u064a\u0629 *\/\r\n        background: transparent !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        border-radius: 0 !important;\r\n        padding: 10px 5px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .sector-item:hover {\r\n        transform: translateY(-4px);\r\n    }\r\n\r\n    .sector-icon {\r\n        font-size: 38px;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 12px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .sector-item:hover .sector-icon {\r\n        transform: scale(1.15) rotate(-3deg);\r\n    }\r\n\r\n    .sector-title {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062e\u062a\u0627\u0645\u064a\u0629 (\u0628\u062f\u0648\u0646 \u0641\u0631\u064a\u0645) ====== *\/\r\n    .sectors-footer {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        \/* \u062a\u0645 \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629\u060c \u0627\u0644\u062d\u0648\u0627\u0641\u060c \u0648\u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 *\/\r\n        background: transparent !important;\r\n        border: none !important;\r\n        border-radius: 0 !important;\r\n        padding: 10px 0;\r\n        line-height: 1.7;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sectors-footer i {\r\n        color: #c49c5a;\r\n        margin: 0 8px;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a ====== *\/\r\n    @media (max-width: 992px) {\r\n        .sectors-grid {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .sectors-main-title { font-size: 28px; }\r\n        .sectors-sub-title { font-size: 18px; }\r\n        .sectors-description { font-size: 16px; padding: 0 5px; }\r\n        .sectors-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 25px 15px;\r\n        }\r\n        .sector-icon { font-size: 32px; }\r\n        .sectors-footer { font-size: 16px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .sectors-main-title { font-size: 24px; }\r\n        .sectors-sub-title { font-size: 16px; }\r\n        .sectors-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 20px 10px;\r\n        }\r\n        .sector-icon { font-size: 28px; }\r\n        .sector-title { font-size: 14px; }\r\n        .sectors-footer { font-size: 15px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"sectors-wrapper\">\r\n\r\n    <h2 class=\"sectors-main-title\">\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627<\/h2>\r\n    <h3 class=\"sectors-sub-title\">\u062d\u0644\u0648\u0644 \u0646\u0642\u0644... \u062a\u0646\u0633\u062c\u0645 \u0645\u0639 \u0637\u0628\u064a\u0639\u0629 \u0643\u0644 \u0642\u0637\u0627\u0639<\/h3>\r\n\r\n    <p class=\"sectors-description\">\r\n        \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0645\u0631\u0646\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629.\r\n    <\/p>\r\n\r\n    <div class=\"sectors-grid\">\r\n        <div class=\"sector-item\">\r\n            <i class=\"sector-icon fa-solid fa-utensils\"><\/i>\r\n            <span class=\"sector-title\">\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u063a\u0630\u0627\u0626\u064a\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"sector-item\">\r\n            <i class=\"sector-icon fa-solid fa-wheat-awn\"><\/i>\r\n            <span class=\"sector-title\">\u0627\u0644\u0645\u0637\u0627\u062d\u0646 \u0648\u0627\u0644\u0623\u0639\u0644\u0627\u0641<\/span>\r\n        <\/div>\r\n        <div class=\"sector-item\">\r\n            <i class=\"sector-icon fa-solid fa-wine-bottle\"><\/i>\r\n            <span class=\"sector-title\">\u0627\u0644\u0645\u0634\u0631\u0648\u0628\u0627\u062a<\/span>\r\n        <\/div>\r\n        <div class=\"sector-item\">\r\n            <i class=\"sector-icon fa-solid fa-box-open\"><\/i>\r\n            <span class=\"sector-title\">\u0627\u0644\u062a\u0639\u0628\u0626\u0629 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641<\/span>\r\n        <\/div>\r\n        <div class=\"sector-item\">\r\n            <i class=\"sector-icon fa-solid fa-industry\"><\/i>\r\n            <span class=\"sector-title\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a<\/span>\r\n        <\/div>\r\n        <div class=\"sector-item\">\r\n            <i class=\"sector-icon fa-solid fa-truck-fast\"><\/i>\r\n            <span class=\"sector-title\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"sector-item\">\r\n            <i class=\"sector-icon fa-solid fa-store\"><\/i>\r\n            <span class=\"sector-title\">\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0648\u0632\u064a\u0639<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sectors-footer\">\r\n        <i class=\"fa-solid fa-quote-right\"><\/i>\r\n        \u0646\u0641\u0647\u0645 \u0637\u0628\u064a\u0639\u0629 \u0643\u0644 \u0642\u0637\u0627\u0639\u060c \u0644\u0630\u0644\u0643 \u0646\u0635\u0645\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0647 \u0648\u062a\u062f\u0639\u0645 \u0646\u062c\u0627\u062d \u0623\u0639\u0645\u0627\u0644\u0647.\r\n        <i class=\"fa-solid fa-quote-left\"><\/i>\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1321e50 e-flex e-con-boxed e-con e-parent\" data-id=\"1321e50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b35aa7e elementor-widget elementor-widget-html\" data-id=\"b35aa7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====== \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0627\u0644\u0628\u0631\u064a\u062f + \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 ====== -->\r\n<style>\r\n    \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0639\u0627\u0645\u0629 *\/\r\n    .sidebar-widget {\r\n        position: fixed;\r\n        left: 20px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: 9999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px; \/* \u0645\u0633\u0627\u0641\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0623\u0631\u0628\u0639 \u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .sidebar-widget.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .sidebar-widget a {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.85);\r\n        backdrop-filter: blur(6px);\r\n        border: 1px solid rgba(196, 156, 90, 0.25);\r\n        color: #c49c5a;\r\n        text-decoration: none !important;\r\n        font-size: 22px;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .sidebar-widget a:hover {\r\n        transform: scale(1.12) translateX(4px);\r\n        background: #0e4d2e;\r\n        color: #ffffff;\r\n        border-color: #0e4d2e;\r\n        box-shadow: 0 8px 25px rgba(14, 77, 46, 0.3);\r\n    }\r\n\r\n    \/* ====== \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 ====== *\/\r\n    .scroll-top-btn {\r\n        position: fixed;\r\n        bottom: 30px;\r\n        right: 30px;\r\n        z-index: 9999;\r\n        width: 54px;\r\n        height: 54px;\r\n        border-radius: 50%;\r\n        background: #0e4d2e;\r\n        color: #ffffff;\r\n        border: none;\r\n        box-shadow: 0 6px 20px rgba(14, 77, 46, 0.35);\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transform: translateY(20px) scale(0.9);\r\n        transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .scroll-top-btn.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateY(0) scale(1);\r\n    }\r\n\r\n    .scroll-top-btn:hover {\r\n        background: #0a3a22;\r\n        transform: scale(1.08);\r\n        box-shadow: 0 10px 30px rgba(14, 77, 46, 0.5);\r\n    }\r\n\r\n    .scroll-top-btn svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    \/* ====== \u062a\u062d\u0633\u064a\u0646 \u0644\u0644\u062c\u0648\u0627\u0644 ====== *\/\r\n    @media (max-width: 768px) {\r\n        .sidebar-widget {\r\n            left: 12px;\r\n            gap: 8px;\r\n        }\r\n        .sidebar-widget a {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 18px;\r\n        }\r\n        .scroll-top-btn {\r\n            width: 48px;\r\n            height: 48px;\r\n            right: 16px;\r\n            bottom: 20px;\r\n            font-size: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a -->\r\n<div class=\"sidebar-widget\" id=\"sidebarWidget\">\r\n    \r\n    <!-- 1. \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a -->\r\n    <a href=\"https:\/\/maps.app.goo.gl\/Pz6SvJivifFKjFpx5\" \r\n       aria-label=\"\u0627\u0644\u0639\u0646\u0648\u0627\u0646: \u0627\u0644\u0631\u064a\u0627\u0636 \u2013 \u062d\u064a \u0627\u0644\u0631\u0645\u0627\u0644 \u2013 8137 \u0634\u0627\u0631\u0639 \u0633\u0639\u064a\u062f \u0627\u0644\u062d\u0627\u062c\u0628\u060c \u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a: 13265\" \r\n       title=\"\u0627\u0644\u0639\u0646\u0648\u0627\u0646: \u0627\u0644\u0631\u064a\u0627\u0636 \u2013 \u062d\u064a \u0627\u0644\u0631\u0645\u0627\u0644 \u2013 8137 \u0634\u0627\u0631\u0639 \u0633\u0639\u064a\u062f \u0627\u0644\u062d\u0627\u062c\u0628\u060c \u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a: 13265\">\r\n        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- 2. \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u062c\u0648\u0627\u0644 (\u0627\u0644\u0647\u0627\u062a\u0641) \u2013 \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0642\u0645 -->\r\n    <a href=\"tel:+966559525935\" \r\n       aria-label=\"\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0646\u0627: 0559525935\" \r\n       title=\"\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0646\u0627: 0559525935\">\r\n        <i class=\"fa-solid fa-phone\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- 3. \u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u062a\u0633\u0627\u0628 \u2013 \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0642\u0645 -->\r\n    <a href=\"https:\/\/wa.me\/966559525935\" target=\"_blank\" \r\n       aria-label=\"\u0645\u0631\u0627\u0633\u0644\u062a\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628: 0559525935\" \r\n       title=\"\u0645\u0631\u0627\u0633\u0644\u062a\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628: 0559525935\">\r\n        <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n    <\/a>\r\n\r\n    <!-- 4. \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (\u062c\u062f\u064a\u062f) -->\r\n    <a href=\"mailto:info@alattaa.com\" \r\n       aria-label=\"\u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: info@alattaa.com\" \r\n       title=\"\u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: info@alattaa.com\">\r\n        <i class=\"fa-solid fa-envelope\"><\/i>\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n<!-- \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 -->\r\n<button class=\"scroll-top-btn\" id=\"scrollTopBtn\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649\">\r\n    <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M12 4l-8 8h6v8h4v-8h6l-8-8z\"\/>\r\n    <\/svg>\r\n<\/button>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const sidebarWidget = document.getElementById('sidebarWidget');\r\n    const scrollTopBtn = document.getElementById('scrollTopBtn');\r\n    \r\n    let isSidebarVisible = false;\r\n    let isBtnVisible = false;\r\n    \r\n    function handleScroll() {\r\n        const scrollY = window.scrollY;\r\n        \r\n        \/\/ \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u2013 \u062a\u0638\u0647\u0631 \u0628\u0639\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 80px\r\n        if (scrollY > 80 && !isSidebarVisible) {\r\n            sidebarWidget.classList.add('show');\r\n            isSidebarVisible = true;\r\n        } else if (scrollY <= 80 && isSidebarVisible) {\r\n            sidebarWidget.classList.remove('show');\r\n            isSidebarVisible = false;\r\n        }\r\n        \r\n        \/\/ \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649 \u2013 \u064a\u0638\u0647\u0631 \u0628\u0639\u062f \u0627\u0644\u062a\u0645\u0631\u064a\u0631 300px\r\n        if (scrollY > 300 && !isBtnVisible) {\r\n            scrollTopBtn.classList.add('show');\r\n            isBtnVisible = true;\r\n        } else if (scrollY <= 300 && isBtnVisible) {\r\n            scrollTopBtn.classList.remove('show');\r\n            isBtnVisible = false;\r\n        }\r\n    }\r\n    \r\n    window.addEventListener('scroll', handleScroll, { passive: true });\r\n    \r\n    scrollTopBtn.addEventListener('click', function() {\r\n        window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    });\r\n    \r\n    handleScroll();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57b5af2 e-flex e-con-boxed e-con e-parent\" data-id=\"57b5af2\" data-element_type=\"container\" data-e-type=\"container\" id=\"good\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53cfe3b elementor-widget elementor-widget-html\" data-id=\"53cfe3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645             -->\r\n<!--  \u0627\u0646\u0633\u062e \u0647\u0630\u0627 \u0627\u0644\u0643\u0648\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u0623\u062f\u0627\u0629 \"HTML \u0645\u062e\u0635\u0635\" \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0648\u0631   -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n    .safety-wrapper {\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        padding: 40px 15px 50px 15px;\r\n        background-color: transparent !important;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ====== *\/\r\n    .safety-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .safety-sub-title {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .safety-description {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        line-height: 1.8;\r\n        color: #444;\r\n        max-width: 850px;\r\n        margin: 0 auto 40px auto;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* ====== \u0634\u0628\u0643\u0629 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a (\u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a\/\u0641\u0631\u064a\u0645\u0627\u062a) ====== *\/\r\n    .safety-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 35px 25px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .safety-item {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background: transparent !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        border-radius: 0 !important;\r\n        padding: 10px 5px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .safety-item:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .safety-icon {\r\n        font-size: 34px;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 12px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .safety-item:hover .safety-icon {\r\n        transform: scale(1.15) rotate(-3deg);\r\n    }\r\n\r\n    .safety-text {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a ====== *\/\r\n    @media (max-width: 992px) {\r\n        .safety-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .safety-main-title { font-size: 28px; }\r\n        .safety-sub-title { font-size: 18px; }\r\n        .safety-description { font-size: 16px; padding: 0 5px; }\r\n        .safety-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px 15px;\r\n        }\r\n        .safety-icon { font-size: 30px; }\r\n        .safety-text { font-size: 15px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .safety-main-title { font-size: 24px; }\r\n        .safety-sub-title { font-size: 16px; }\r\n        .safety-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n        .safety-icon { font-size: 28px; }\r\n        .safety-text { font-size: 15px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"safety-wrapper\">\r\n\r\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <h2 class=\"safety-main-title\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645<\/h2>\r\n    <h3 class=\"safety-sub-title\">\u0645\u0639\u0627\u064a\u064a\u0631 \u062a\u0634\u063a\u064a\u0644... \u062a\u062d\u0645\u064a \u0643\u0644 \u0631\u062d\u0644\u0629<\/h3>\r\n\r\n    <!-- \u0627\u0644\u0641\u0642\u0631\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 -->\r\n    <p class=\"safety-description\">\r\n        \u062a\u0628\u062f\u0623 \u062c\u0648\u062f\u0629 \u0627\u0644\u062e\u062f\u0645\u0629 \u0642\u0628\u0644 \u0627\u0646\u0637\u0644\u0627\u0642 \u0627\u0644\u0634\u062d\u0646\u0629\u060c \u0639\u0628\u0631 \u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0634\u063a\u064a\u0644 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0648\u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\r\n    <\/p>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a -->\r\n    <div class=\"safety-grid\">\r\n        <div class=\"safety-item\">\r\n            <i class=\"safety-icon fa-solid fa-road\"><\/i>\r\n            <span class=\"safety-text\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"safety-item\">\r\n            <i class=\"safety-icon fa-solid fa-tools\"><\/i>\r\n            <span class=\"safety-text\">\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u062f\u0648\u0631\u064a<\/span>\r\n        <\/div>\r\n        <div class=\"safety-item\">\r\n            <i class=\"safety-icon fa-solid fa-map-location-dot\"><\/i>\r\n            <span class=\"safety-text\">\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u0631\u062d\u0644\u0627\u062a<\/span>\r\n        <\/div>\r\n        <div class=\"safety-item\">\r\n            <i class=\"safety-icon fa-solid fa-box-shield\"><\/i>\r\n            <span class=\"safety-text\">\u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0639\u0644\u0649 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0634\u062d\u0646\u0627\u062a<\/span>\r\n        <\/div>\r\n        <div class=\"safety-item\">\r\n            <i class=\"safety-icon fa-solid fa-triangle-exclamation\"><\/i>\r\n            <span class=\"safety-text\">\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062a\u0634\u063a\u064a\u0644 \u062a\u0642\u0644\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/span>\r\n        <\/div>\r\n        <div class=\"safety-item\">\r\n            <i class=\"safety-icon fa-regular fa-calendar-check\"><\/i>\r\n            <span class=\"safety-text\">\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f110e5 e-flex e-con-boxed e-con e-parent\" data-id=\"4f110e5\" data-element_type=\"container\" data-e-type=\"container\" id=\"mo\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-835b706 elementor-widget elementor-widget-html\" data-id=\"835b706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f                    -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n    .why-us-wrapper {\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        padding: 40px 15px 50px 15px;\r\n        background-color: transparent !important;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ====== *\/\r\n    .why-us-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .why-us-sub-title {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .why-us-description {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        line-height: 1.8;\r\n        color: #444;\r\n        max-width: 850px;\r\n        margin: 0 auto 40px auto;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* ====== \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062d\u0627\u0648\u0631 (\u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a\/\u0641\u0631\u064a\u0645\u0627\u062a) ====== *\/\r\n    .why-us-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 35px 25px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .why-us-item {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background: transparent !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        border-radius: 0 !important;\r\n        padding: 10px 5px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .why-us-item:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .why-us-icon {\r\n        font-size: 38px;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 15px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .why-us-item:hover .why-us-icon {\r\n        transform: scale(1.15) rotate(-3deg);\r\n    }\r\n\r\n    .why-us-item-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 8px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .why-us-item-desc {\r\n        font-size: 15px;\r\n        font-weight: 400;\r\n        color: #444;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a ====== *\/\r\n    @media (max-width: 992px) {\r\n        .why-us-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .why-us-main-title { font-size: 28px; }\r\n        .why-us-sub-title { font-size: 18px; }\r\n        .why-us-description { font-size: 16px; padding: 0 5px; }\r\n        .why-us-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px 15px;\r\n        }\r\n        .why-us-icon { font-size: 32px; }\r\n        .why-us-item-title { font-size: 18px; }\r\n        .why-us-item-desc { font-size: 14px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .why-us-main-title { font-size: 24px; }\r\n        .why-us-sub-title { font-size: 16px; }\r\n        .why-us-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n        .why-us-icon { font-size: 30px; }\r\n        .why-us-item-title { font-size: 17px; }\r\n        .why-us-item-desc { font-size: 14px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"why-us-wrapper\">\r\n\r\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <h2 class=\"why-us-main-title\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f<\/h2>\r\n    <h3 class=\"why-us-sub-title\">\u0644\u0623\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u064a\u0628\u062f\u0623 \u0628\u0634\u0631\u064a\u0643 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647<\/h3>\r\n\r\n    <!-- \u0627\u0644\u0641\u0642\u0631\u0629 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629 -->\r\n    <p class=\"why-us-description\">\r\n        \u0646\u0639\u0645\u0644 \u0628\u0645\u0646\u0647\u062c \u062a\u0634\u063a\u064a\u0644\u064a \u064a\u062c\u0639\u0644\u0646\u0627 \u0627\u0645\u062a\u062f\u0627\u062f\u064b\u0627 \u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0648\u0627\u0644\u062a\u0632\u0627\u0645 \u064a\u0646\u0639\u0643\u0633 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0646\u0642\u0644.\r\n    <\/p>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u062d\u0627\u0648\u0631 -->\r\n    <div class=\"why-us-grid\">\r\n        \r\n        <div class=\"why-us-item\">\r\n            <i class=\"why-us-icon fa-solid fa-handshake\"><\/i>\r\n            <span class=\"why-us-item-title\">\u0634\u0631\u064a\u0643 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647<\/span>\r\n            <span class=\"why-us-item-desc\">\u0646\u0628\u0646\u064a \u0627\u0644\u062b\u0642\u0629 \u0639\u0628\u0631 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0641\u064a \u0643\u0644 \u062e\u062f\u0645\u0629<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"why-us-item\">\r\n            <i class=\"why-us-icon fa-solid fa-arrows-spin\"><\/i>\r\n            <span class=\"why-us-item-title\">\u0627\u0645\u062a\u062f\u0627\u062f \u0644\u0639\u0645\u0644\u064a\u0627\u062a\u0643<\/span>\r\n            <span class=\"why-us-item-desc\">\u0646\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0633\u064a\u0631 \u0639\u0645\u0644\u0643 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u062f\u0648\u0646 \u062a\u0648\u0642\u0641<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"why-us-item\">\r\n            <i class=\"why-us-icon fa-solid fa-route\"><\/i>\r\n            <span class=\"why-us-item-title\">\u0627\u0644\u062a\u0632\u0627\u0645 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629<\/span>\r\n            <span class=\"why-us-item-desc\">\u0645\u0646 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u060c \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ef91d4 e-flex e-con-boxed e-con e-parent\" data-id=\"0ef91d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-064e786 elementor-widget elementor-widget-html\" data-id=\"064e786\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627 (\u0623\u0631\u0642\u0627\u0645)              -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n    .distinct-wrapper {\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        padding: 40px 15px 50px 15px;\r\n        background-color: transparent !important;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ====== *\/\r\n    .distinct-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .distinct-sub-title {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* ====== \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a (\u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a\/\u0641\u0631\u064a\u0645\u0627\u062a) ====== *\/\r\n    .distinct-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 40px 30px;\r\n    }\r\n\r\n    .distinct-item {\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        background: transparent !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        border-radius: 0 !important;\r\n        padding: 10px 5px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .distinct-item:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* ====== \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 (\u0645\u062d\u0644 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a) ====== *\/\r\n    .distinct-number {\r\n        font-size: 48px;\r\n        font-weight: 800;\r\n        color: #c49c5a !important; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0630\u0647\u0628\u064a *\/\r\n        line-height: 1;\r\n        margin-bottom: 12px;\r\n        transition: transform 0.3s ease;\r\n        display: block;\r\n    }\r\n\r\n    .distinct-item:hover .distinct-number {\r\n        transform: scale(1.15);\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0646\u0635\u0648\u0635 ====== *\/\r\n    .distinct-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important; \/* \u0627\u0644\u0644\u0648\u0646 \u0627\u0644\u0623\u062e\u0636\u0631 *\/\r\n        margin-bottom: 8px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .distinct-desc {\r\n        font-size: 15px;\r\n        font-weight: 400;\r\n        color: #0e4d2e; \/* \u0623\u062e\u0636\u0631 \u062f\u0627\u0643\u0646 \u0645\u0639 \u0634\u0641\u0627\u0641\u064a\u0629 *\/\r\n        opacity: 0.8;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a ====== *\/\r\n    @media (max-width: 992px) {\r\n        .distinct-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .distinct-main-title { font-size: 28px; }\r\n        .distinct-sub-title { font-size: 18px; }\r\n        .distinct-grid {\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 25px 15px;\r\n        }\r\n        .distinct-number { font-size: 40px; }\r\n        .distinct-title { font-size: 16px; }\r\n        .distinct-desc { font-size: 14px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .distinct-main-title { font-size: 24px; }\r\n        .distinct-sub-title { font-size: 16px; }\r\n        .distinct-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 25px;\r\n        }\r\n        .distinct-number { font-size: 36px; }\r\n        .distinct-title { font-size: 16px; }\r\n        .distinct-desc { font-size: 14px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome (\u0644\u0627\u0632\u0645\u0629 \u0641\u0642\u0637 \u0644\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0641\u0631\u0639\u064a\u0629 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631\u064a\u0629\u060c \u0644\u0643\u0646 \u064a\u0645\u0643\u0646 \u0625\u0632\u0627\u0644\u062a\u0647\u0627 \u0625\u0630\u0627 \u0644\u0645 \u062a\u0633\u062a\u062e\u062f\u0645\u0647\u0627) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"distinct-wrapper\">\r\n\r\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <h2 class=\"distinct-main-title\">\u0645\u0627 \u064a\u0645\u064a\u0632\u0646\u0627<\/h2>\r\n    <h3 class=\"distinct-sub-title\">\u0642\u064a\u0645 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u062a\u0631\u062a\u0642\u064a \u0628\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h3>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a -->\r\n    <div class=\"distinct-grid\">\r\n\r\n        <!-- 1. \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 -->\r\n        <div class=\"distinct-item\">\r\n            <span class=\"distinct-number\">01<\/span>\r\n            <span class=\"distinct-title\">\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629<\/span>\r\n            <p class=\"distinct-desc\">\u062a\u0646\u0641\u064a\u0630 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0636\u0645\u0646 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0623\u062f\u0627\u0621.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 2. \u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 -->\r\n        <div class=\"distinct-item\">\r\n            <span class=\"distinct-number\">02<\/span>\r\n            <span class=\"distinct-title\">\u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/span>\r\n            <p class=\"distinct-desc\">\u0627\u0633\u062a\u0639\u062f\u0627\u062f \u062f\u0627\u0626\u0645 \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0631\u062d\u0644\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0645\u0631\u0648\u0646\u0629.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 3. \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f -->\r\n        <div class=\"distinct-item\">\r\n            <span class=\"distinct-number\">03<\/span>\r\n            <span class=\"distinct-title\">\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f<\/span>\r\n            <p class=\"distinct-desc\">\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0648\u0642\u062a \u0644\u062f\u0639\u0645 \u0643\u0641\u0627\u0621\u0629 \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 4. \u0627\u0644\u0645\u0631\u0648\u0646\u0629 -->\r\n        <div class=\"distinct-item\">\r\n            <span class=\"distinct-number\">04<\/span>\r\n            <span class=\"distinct-title\">\u0627\u0644\u0645\u0631\u0648\u0646\u0629<\/span>\r\n            <p class=\"distinct-desc\">\u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0645\u0635\u0645\u0645\u0629 \u0648\u0641\u0642 \u0637\u0628\u064a\u0639\u0629 \u0643\u0644 \u0639\u0645\u064a\u0644.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 5. \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 -->\r\n        <div class=\"distinct-item\">\r\n            <span class=\"distinct-number\">05<\/span>\r\n            <span class=\"distinct-title\">\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0633\u0631\u064a\u0639\u0629<\/span>\r\n            <p class=\"distinct-desc\">\u062a\u0646\u0633\u064a\u0642 \u0648\u062a\u0646\u0641\u064a\u0630 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0637\u0648\u0627\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0646\u0642\u0644.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 6. \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 -->\r\n        <div class=\"distinct-item\">\r\n            <span class=\"distinct-number\">06<\/span>\r\n            <span class=\"distinct-title\">\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0628\u0636\u0627\u0626\u0639<\/span>\r\n            <p class=\"distinct-desc\">\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062a\u0634\u063a\u064a\u0644 \u062f\u0642\u064a\u0642\u0629 \u062a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.<\/p>\r\n        <\/div>\r\n\r\n        <!-- 7. \u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0633\u062a\u062f\u0627\u0645\u0629 -->\r\n        <div class=\"distinct-item\">\r\n            <span class=\"distinct-number\">07<\/span>\r\n            <span class=\"distinct-title\">\u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0633\u062a\u062f\u0627\u0645\u0629<\/span>\r\n            <p class=\"distinct-desc\">\u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u062a\u0642\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0636\u0627\u0641\u0629.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2270a05 e-flex e-con-boxed e-con e-parent\" data-id=\"2270a05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ded10f elementor-widget elementor-widget-html\" data-id=\"3ded10f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0648\u0639\u0645\u0644\u0627\u0624\u0646\u0627             -->\r\n<!--  (\u062a\u0635\u0645\u064a\u0645 \u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a - \u0627\u062d\u062a\u0631\u0627\u0641\u064a)                              -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n    .projects-wrapper {\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        padding: 40px 15px 50px 15px;\r\n        background-color: transparent !important;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ====== *\/\r\n    .projects-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .projects-sub-title {\r\n        text-align: center;\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .projects-intro {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        line-height: 1.8;\r\n        color: #444;\r\n        max-width: 850px;\r\n        margin: 0 auto 45px auto;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0627\u0644\u0623\u0641\u0642\u064a\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 ====== *\/\r\n    .section-divider {\r\n        width: 80px;\r\n        height: 3px;\r\n        background: #c49c5a;\r\n        margin: 0 auto 30px auto;\r\n        border: none;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* ====== \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0641\u0631\u0639\u064a ====== *\/\r\n    .projects-section-title {\r\n        text-align: center;\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    \/* ====== \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 (\u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a - \u0639\u0645\u0648\u062f\u064a\u0646) ====== *\/\r\n    .projects-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 40px 50px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .project-location {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start; \/* \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n        background: transparent !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        border-radius: 0 !important;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* ====== \u062a\u0646\u0633\u064a\u0642 \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 ====== *\/\r\n    .location-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .location-icon {\r\n        font-size: 26px;\r\n        color: #c49c5a !important;\r\n    }\r\n\r\n    .location-title {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* ====== \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a (\u0646\u0642\u0637\u0629 \u0630\u0647\u0628\u064a\u0629) ====== *\/\r\n    .client-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        width: 100%;\r\n    }\r\n\r\n    .client-list li {\r\n        font-size: 17px;\r\n        font-weight: 600;\r\n        color: #0e4d2e;\r\n        position: relative;\r\n        padding-right: 22px;\r\n        margin-bottom: 10px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .client-list li::before {\r\n        content: \"\u2022\";\r\n        color: #c49c5a;\r\n        font-weight: 700;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        font-size: 20px;\r\n    }\r\n\r\n    \/* ====== \u0642\u0633\u0645 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d ====== *\/\r\n    .partners-section {\r\n        margin-top: 40px;\r\n        padding-top: 30px;\r\n        border-top: 2px solid rgba(196, 156, 90, 0.2); \/* \u062e\u0637 \u0641\u0627\u0635\u0644 \u0630\u0647\u0628\u064a \u062e\u0641\u064a\u0641 *\/\r\n    }\r\n\r\n    .partners-text {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        line-height: 1.9;\r\n        color: #444;\r\n        max-width: 950px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .partners-text strong {\r\n        color: #0e4d2e;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062e\u062a\u0627\u0645\u064a\u0629 ====== *\/\r\n    .closing-statement {\r\n        text-align: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        margin-top: 35px;\r\n        padding: 15px 0;\r\n        position: relative;\r\n    }\r\n\r\n    .closing-statement::before,\r\n    .closing-statement::after {\r\n        content: \"\u2726\";\r\n        color: #c49c5a;\r\n        font-size: 18px;\r\n        margin: 0 10px;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a ====== *\/\r\n    @media (max-width: 992px) {\r\n        .projects-grid {\r\n            gap: 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .projects-main-title { font-size: 28px; }\r\n        .projects-sub-title { font-size: 18px; }\r\n        .projects-intro { font-size: 16px; padding: 0 5px; }\r\n        .projects-section-title { font-size: 24px; }\r\n        \r\n        .projects-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 30px;\r\n        }\r\n        \r\n        .location-title { font-size: 18px; }\r\n        .client-list li { font-size: 16px; }\r\n        .partners-text { font-size: 16px; }\r\n        .closing-statement { font-size: 18px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .projects-main-title { font-size: 24px; }\r\n        .projects-sub-title { font-size: 16px; }\r\n        .projects-section-title { font-size: 20px; }\r\n        .location-title { font-size: 16px; }\r\n        .client-list li { font-size: 15px; }\r\n        .closing-statement { font-size: 16px; }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"projects-wrapper\">\r\n\r\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <h2 class=\"projects-main-title\">\u0645\u0634\u0627\u0631\u064a\u0639\u0646\u0627 \u0648\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/h2>\r\n    <h3 class=\"projects-sub-title\">\u0633\u062c\u0644 \u0645\u0646 \u0627\u0644\u062b\u0642\u0629... \u0648\u0634\u0631\u0627\u0643\u0627\u062a \u0646\u0641\u062e\u0631 \u0628\u0647\u0627<\/h3>\r\n\r\n    <!-- \u0627\u0644\u0641\u0642\u0631\u0629 \u0627\u0644\u062a\u0645\u0647\u064a\u062f\u064a\u0629 -->\r\n    <p class=\"projects-intro\">\r\n        \u0633\u0627\u0647\u0645\u0646\u0627 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0646\u0642\u0644 \u0636\u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0637\u0646\u064a\u0629 \u0648\u0634\u0631\u0643\u0627\u062a \u0631\u0627\u0626\u062f\u0629\u060c \u0628\u0645\u0627 \u064a\u0639\u0643\u0633 \u0642\u062f\u0631\u062a\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629.\r\n    <\/p>\r\n\r\n    <!-- \u0641\u0627\u0635\u0644 \u0630\u0647\u0628\u064a -->\r\n    <div class=\"section-divider\"><\/div>\r\n\r\n    <!-- \u0639\u0646\u0648\u0627\u0646 \u0641\u0631\u0639\u064a \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 -->\r\n    <h4 class=\"projects-section-title\">\u0645\u062d\u0637\u0627\u062a \u0646\u0641\u062e\u0631 \u0628\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a\u0647\u0627<\/h4>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 (\u0627\u0644\u0645\u0646\u0627\u0637\u0642) -->\r\n    <div class=\"projects-grid\">\r\n        \r\n        <!-- \u0645\u0634\u0631\u0648\u0639 1: \u062a\u0628\u0648\u0643 -->\r\n        <div class=\"project-location\">\r\n            <div class=\"location-header\">\r\n                <i class=\"location-icon fa-solid fa-location-dot\"><\/i>\r\n                <span class=\"location-title\">\u0645\u0646\u0637\u0642\u0629 \u062a\u0628\u0648\u0643 \u2013 \u0645\u0634\u0631\u0648\u0639 \u0646\u064a\u0648\u0645<\/span>\r\n            <\/div>\r\n            <ul class=\"client-list\">\r\n                <li>\u0634\u0631\u0643\u0629 \u0646\u0633\u0645\u0627 \u0644\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/li>\r\n                <li>\u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0645\u064a\u0645\u064a \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629<\/li>\r\n                <li>\u0634\u0631\u0643\u0629 \u0646\u0627\u0642\u0644 \u0625\u0643\u0633\u0628\u0631\u0633<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- \u0645\u0634\u0631\u0648\u0639 2: \u0627\u0644\u0631\u064a\u0627\u0636 -->\r\n        <div class=\"project-location\">\r\n            <div class=\"location-header\">\r\n                <i class=\"location-icon fa-solid fa-location-dot\"><\/i>\r\n                <span class=\"location-title\">\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0631\u064a\u0627\u0636 \u2013 \u0645\u0634\u0631\u0648\u0639 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u062f\u0631\u0639\u064a\u0629<\/span>\r\n            <\/div>\r\n            <ul class=\"client-list\">\r\n                <li>\u0634\u0631\u0643\u0629 \u0627\u0644\u0623\u0633\u0637\u0648\u0644 \u0627\u0644\u0622\u0644\u064a<\/li>\r\n                <li>\u0634\u0631\u0643\u0629 \u0646\u0633\u0645\u0627 \u0648\u0634\u0631\u0643\u0627\u0624\u0647<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u0642\u0633\u0645 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d -->\r\n    <div class=\"partners-section\">\r\n        <h4 class=\"projects-section-title\" style=\"margin-bottom: 20px; font-size: 26px;\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/h4>\r\n        <p class=\"partners-text\">\r\n            <strong>\u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u062a\u0628\u062f\u0623 \u0628\u0627\u0644\u0639\u0642\u062f \u0648\u062a\u0633\u062a\u0645\u0631 \u0628\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u060c<\/strong> \u0648\u0646\u062a\u0637\u0644\u0639 \u0625\u0644\u0649 \u062a\u0648\u0633\u064a\u0639 \u0634\u0628\u0643\u0629 \u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0648\u062f\u0639\u0645 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0628\u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u062a\u0631\u062a\u0642\u064a \u0625\u0644\u0649 \u062a\u0637\u0644\u0639\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062e\u062a\u0627\u0645\u064a\u0629 \u0627\u0644\u0645\u0624\u062b\u0631\u0629 -->\r\n    <div class=\"closing-statement\">\r\n        \u0643\u0644 \u0634\u0631\u0627\u0643\u0629 \u062c\u062f\u064a\u062f\u0629 \u0645\u0633\u0624\u0648\u0644\u064a\u0629... \u0648\u0643\u0644 \u0631\u062d\u0644\u0629 \u0646\u0627\u062c\u062d\u0629 \u062a\u0639\u0632\u0632 \u062b\u0642\u0629 \u0646\u0639\u062a\u0632 \u0628\u0647\u0627.\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00ab26c e-flex e-con-boxed e-con e-parent\" data-id=\"00ab26c\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e7d921 elementor-widget elementor-widget-html\" data-id=\"1e7d921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================================== -->\r\n<!--  HTML Widget for Elementor \u2013 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627                    -->\r\n<!--  (\u062a\u0635\u0645\u064a\u0645 \u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a - \u0627\u062d\u062a\u0631\u0627\u0641\u064a)                              -->\r\n<!-- ========================================================== -->\r\n\r\n<style>\r\n    \/* ----- \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0627\u0645 ----- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;600;700;800&display=swap');\r\n\r\n    .contact-wrapper {\r\n        direction: rtl;\r\n        font-family: 'Tajawal', sans-serif;\r\n        padding: 40px 15px 50px 15px;\r\n        background-color: transparent !important;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ====== *\/\r\n    .contact-main-title {\r\n        text-align: center;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #0e4d2e !important;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .contact-sub-title {\r\n        text-align: center;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: #c49c5a !important;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .contact-intro {\r\n        text-align: center;\r\n        font-size: 17px;\r\n        line-height: 1.8;\r\n        color: #444;\r\n        max-width: 750px;\r\n        margin: 0 auto 35px auto;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* ====== \u0634\u0628\u0643\u0629 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 (\u0628\u062f\u0648\u0646 \u0643\u0631\u0648\u062a) ====== *\/\r\n    .contact-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 40px 50px;\r\n        margin-bottom: 30px;\r\n        align-items: start;\r\n    }\r\n\r\n    \/* ====== \u0639\u0645\u0648\u062f \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a ====== *\/\r\n    .info-column {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 18px;\r\n        background: transparent !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n        padding: 0;\r\n    }\r\n\r\n    .info-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n    }\r\n\r\n    .info-icon {\r\n        font-size: 22px;\r\n        color: #c49c5a !important;\r\n        margin-top: 2px;\r\n        min-width: 28px;\r\n        text-align: center;\r\n    }\r\n\r\n    .info-text {\r\n        font-size: 17px;\r\n        color: #0e4d2e;\r\n        line-height: 1.6;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .info-text span {\r\n        font-weight: 400;\r\n        color: #444;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* ====== \u0639\u0645\u0648\u062f \u0627\u0644\u062e\u0631\u064a\u0637\u0629 ====== *\/\r\n    .map-column {\r\n        width: 100%;\r\n        background: transparent !important;\r\n        padding: 0;\r\n    }\r\n\r\n    .map-container {\r\n        position: relative;\r\n        width: 100%;\r\n        padding-bottom: 75%; \/* \u0646\u0633\u0628\u0629 \u0639\u0631\u0636\/\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 (4:3) *\/\r\n        height: 0;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(196, 156, 90, 0.25); \/* \u0625\u0637\u0627\u0631 \u0630\u0647\u0628\u064a \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b \u062d\u0648\u0644 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0641\u0642\u0637 *\/\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .map-container iframe {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        border: 0;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062c\u0645\u0644\u0629 \u0627\u0644\u062e\u062a\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0642\u064a\u0639 ====== *\/\r\n    .contact-footer {\r\n        margin-top: 30px;\r\n        padding-top: 25px;\r\n        border-top: 2px solid rgba(196, 156, 90, 0.2);\r\n    }\r\n\r\n    .contact-closing {\r\n        text-align: center;\r\n        font-size: 19px;\r\n        font-weight: 700;\r\n        color: #0e4d2e !important;\r\n        line-height: 1.6;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .contact-closing i {\r\n        color: #c49c5a;\r\n        margin: 0 8px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .contact-brand {\r\n        text-align: center;\r\n        font-size: 18px;\r\n        font-weight: 800;\r\n        color: #c49c5a !important;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* ====== \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a ====== *\/\r\n    @media (max-width: 992px) {\r\n        .contact-grid {\r\n            gap: 30px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .contact-main-title { font-size: 28px; }\r\n        .contact-sub-title { font-size: 18px; }\r\n        .contact-intro { font-size: 16px; padding: 0 5px; }\r\n        .contact-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 25px;\r\n        }\r\n        .info-text { font-size: 16px; }\r\n        .info-icon { font-size: 20px; }\r\n        .contact-closing { font-size: 17px; }\r\n        .contact-brand { font-size: 16px; }\r\n        .map-container { padding-bottom: 70%; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .contact-main-title { font-size: 24px; }\r\n        .contact-sub-title { font-size: 16px; }\r\n        .info-text { font-size: 15px; }\r\n        .info-icon { font-size: 18px; }\r\n        .contact-closing { font-size: 16px; }\r\n        .contact-brand { font-size: 15px; }\r\n        .map-container { padding-bottom: 65%; }\r\n    }\r\n<\/style>\r\n\r\n<!-- \u0645\u0643\u062a\u0628\u0629 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n\r\n<!-- ====== \u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\r\n<div class=\"contact-wrapper\">\r\n\r\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a -->\r\n    <h2 class=\"contact-main-title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\r\n    <h3 class=\"contact-sub-title\">\u0645\u0647\u0644\u0629 \u0627\u0644\u0639\u0637\u0627\u0621 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u062a\u062c\u0627\u0631\u0629<\/h3>\r\n\r\n    <!-- \u0627\u0644\u0641\u0642\u0631\u0629 \u0627\u0644\u062a\u0645\u0647\u064a\u062f\u064a\u0629 -->\r\n    <p class=\"contact-intro\">\r\n        \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0639\u0631\u0648\u0636 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0643\u0645.\r\n    <\/p>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u062e\u0631\u064a\u0637\u0629 -->\r\n    <div class=\"contact-grid\">\r\n\r\n        <!-- \u0639\u0645\u0648\u062f \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a -->\r\n        <div class=\"info-column\">\r\n            \r\n            <div class=\"info-item\">\r\n                <i class=\"info-icon fa-solid fa-id-card\"><\/i>\r\n                <div class=\"info-text\">\r\n                    \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0648\u0637\u0646\u064a \u0627\u0644\u0645\u0648\u062d\u062f:<br>\r\n                    <span>7038264086<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-item\">\r\n                <i class=\"info-icon fa-solid fa-location-dot\"><\/i>\r\n                <div class=\"info-text\">\r\n                    \u0627\u0644\u0639\u0646\u0648\u0627\u0646:<br>\r\n                    <span>\u0627\u0644\u0631\u064a\u0627\u0636 \u2013 \u062d\u064a \u0627\u0644\u0631\u0645\u0627\u0644 \u2013 8137 \u0634\u0627\u0631\u0639 \u0633\u0639\u064a\u062f \u0627\u0644\u062d\u0627\u062c\u0628<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-item\">\r\n                <i class=\"info-icon fa-solid fa-hashtag\"><\/i>\r\n                <div class=\"info-text\">\r\n                    \u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a:<br>\r\n                    <span>13265<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (\u062c\u062f\u064a\u062f) -->\r\n            <div class=\"info-item\">\r\n                <i class=\"info-icon fa-solid fa-envelope\"><\/i>\r\n                <div class=\"info-text\">\r\n                    \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:<br>\r\n                    <span style=\"direction: ltr; display: inline-block;\">info@alattaa.com<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"info-item\" style=\"margin-top: 5px;\">\r\n                <i class=\"info-icon fa-solid fa-phone\"><\/i>\r\n                <div class=\"info-text\">\r\n                    \u0644\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631:<br>\r\n                    <!--  0559525935 -->\r\n                    <span style=\"direction: ltr; display: inline-block;\">0559525935<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- \u0639\u0645\u0648\u062f \u0627\u0644\u062e\u0631\u064a\u0637\u0629 -->\r\n        <div class=\"map-column\">\r\n            <div class=\"map-container\">\r\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d1!2d46.639154!3d24.635968!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x4b9a4c517d152c9b!2s%D9%85%D9%87%D9%84%D8%A9%20%D8%A7%D9%84%D8%B9%D8%B7%D8%A7%D8%A1%20%D8%A7%D9%84%D8%A3%D9%85%D8%AB%D9%84!5e0!3m2!1sar!2ssa!4v1680000000000!5m2!1sar!2ssa\" \r\n                        loading=\"lazy\" allowfullscreen=\"\" referrerpolicy=\"no-referrer-when-downgrade\">\r\n                <\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062e\u062a\u0627\u0645\u064a -->\r\n    <div class=\"contact-footer\">\r\n        <div class=\"contact-closing\">\r\n            <i class=\"fa-solid fa-quote-right\"><\/i>\r\n            \u0646\u062c\u0627\u062d\u0646\u0627 \u064a\u064f\u0642\u0627\u0633 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0648\u0634\u0631\u0627\u0643\u0627\u062a\u0646\u0627 \u062a\u064f\u0628\u0646\u0649 \u0639\u0644\u0649 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0641\u064a \u0643\u0644 \u0631\u062d\u0644\u0629.\r\n            <i class=\"fa-solid fa-quote-left\"><\/i>\r\n        <\/div>\r\n        <div class=\"contact-brand\">\r\n            \u0645\u0647\u0644\u0629 \u0627\u0644\u0639\u0637\u0627\u0621 \u0627\u0644\u0623\u0645\u062b\u0644... \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 \u0625\u0644\u0649 \u0642\u064a\u0645\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629.\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- ====== \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ====== -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe1b5a5 e-flex e-con-boxed e-con e-parent\" data-id=\"fe1b5a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\n<hr class=\"e-3f07f52-b4b4c82 e-divider-base\" data-interaction-id=\"3f07f52\"   \/>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b8eb99 elementor-widget elementor-widget-html\" data-id=\"1b8eb99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; color: #ffffff; font-size: 14px; padding: 5px 0; direction: rtl;\">\r\n  \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0647 \u0645\u0647\u0644\u0629 \u0627\u0644\u0639\u0637\u0627\u0621 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u062a\u062c\u0627\u0631\u0629  2026\r\n  <br>\r\n  \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \r\n  <a href=\"https:\/\/shadowdesigner.net\/\" target=\"_blank\" style=\"color: #0e4d2e; text-decoration: none; font-weight: bold;\">\r\n    \u0634\u062f\u0648 \u062f\u064a\u0632\u0627\u064a\u0646\r\n  <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1064856 e-flex e-con-boxed e-con e-parent\" data-id=\"1064856\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18d9721 elementor-widget elementor-widget-html\" data-id=\"18d9721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\u200e\t\t\t\t<\/div>\n\t\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>\u0644\u0623\u0646 \u0643\u0644 \u0631\u062d\u0644\u0629 \u0645\u0633\u0624\u0648\u0644\u064a\u0629&#8230; \u0646\u062c\u0639\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 \u0648\u062c\u0647\u062a\u0647\u0627. \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062d\u0644\u0648\u0644 \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629. \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0645\u0646 \u0646\u062d\u0646 \u062a\u0623\u0633\u0633\u062a \u0634\u0631\u0643\u0629 &#8220;\u0645\u0647\u0644\u0629 \u0627\u0644\u0639\u0637\u0627\u0621 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0644\u062a\u062c\u0627\u0631\u0629&#8221; \u0641\u064a \u0639\u0627\u0645 2024\u0645\u060c \u0644\u062a\u0636\u0639 \u0628\u0635\u0645\u062a\u0647\u0627 \u0643\u0640\u0634\u0631\u064a\u0643 \u0644\u0648\u062c\u0633\u062a\u064a \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647&#8230; \u0641\u064a \u0643\u0644 \u0631\u062d\u0644\u0629. \u0641\u064a \u0627\u0642\u062a\u0635\u0627\u062f \u0633\u0631\u064a\u0639 \u0627\u0644\u062d\u0631\u0643\u0629\u060c \u0623\u0635\u0628\u062d\u062a \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0646\u0642\u0644 \u0639\u0646\u0635\u0631\u064b\u0627 \u0623\u0633\u0627\u0633\u064a\u064b\u0627 \u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0648\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u0637\u0644\u0642 \u062a\u0631\u0643\u0632\u062a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":632,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":520,"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/pages\/38\/revisions\/733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/media\/632"}],"wp:attachment":[{"href":"https:\/\/alattaa.com\/en\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}