{"id":684,"date":"2026-07-15T09:16:03","date_gmt":"2026-07-15T06:16:03","guid":{"rendered":"https:\/\/almsar.sa\/%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9\/"},"modified":"2026-09-28T16:34:39","modified_gmt":"2026-09-28T13:34:39","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/almsar.sa\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"684\" class=\"elementor elementor-684 elementor-251\">\n\t\t\t\t<div class=\"elementor-element elementor-element-129de349 e-con-full e-flex e-con e-parent\" data-id=\"129de349\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0228e3 elementor-widget elementor-widget-html\" data-id=\"e0228e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"almsar-hero-wrapper\">\r\n    <style>\r\n        \/* \u0643\u0633\u0631 \u062d\u062f\u0648\u062f \u0627\u0644\u0642\u0627\u0644\u0628 \u0644\u0639\u0631\u0636 \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0634\u0627\u0634\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n        .almsar-hero-wrapper {\r\n            width: 100vw;\r\n            height: 100vh;\r\n            margin-left: calc(-50vw + 50%);\r\n            position: relative;\r\n            overflow: hidden;\r\n            font-family: system-ui, -apple-system, sans-serif;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .almsar-hero-section {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            box-sizing: border-box;\r\n            padding: 40px 20px;\r\n            position: relative;\r\n            transition: background-image 1.2s ease-in-out;\r\n        }\r\n\r\n        \/* Dark Overlay - \u062a\u0645 \u062a\u062e\u0641\u064a\u0641 \u0627\u0644\u0638\u0644 \u0627\u0644\u063a\u0627\u0645\u0642 \u0644\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0628\u0648\u0636\u0648\u062d \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u0639\u0644\u0649 *\/\r\n        .almsar-hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(15, 23, 42, 0.40) 0%, rgba(30, 41, 59, 0.65) 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Slider Container *\/\r\n        .almsar-hero-slider {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            max-width: 1000px;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .almsar-hero-track {\r\n            display: flex;\r\n            transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\r\n            width: 100%;\r\n        }\r\n\r\n        .almsar-hero-slide {\r\n            min-width: 100%;\r\n            box-sizing: border-box;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            color: #ffffff;\r\n            padding: 0 20px;\r\n            opacity: 0;\r\n            transform: scale(0.94);\r\n            transition: opacity 0.6s ease, transform 0.6s ease;\r\n        }\r\n\r\n        .almsar-hero-slide.active-slide {\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* Tag Styling *\/\r\n        .hero-tag {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, rgba(49, 59, 163, 0.6), rgba(37, 211, 102, 0.4));\r\n            backdrop-filter: blur(8px);\r\n            border: 1px solid rgba(255, 255, 255, 0.4);\r\n            color: #ffffff;\r\n            padding: 8px 20px;\r\n            border-radius: 30px;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 24px;\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n            opacity: 0;\r\n            transform: translateY(-20px);\r\n            transition: all 0.6s ease 0.2s;\r\n        }\r\n        .active-slide .hero-tag {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Title Animation Styling *\/\r\n        .hero-title {\r\n            font-size: 52px;\r\n            font-weight: 800;\r\n            line-height: 1.15;\r\n            margin: 0 0 24px 0;\r\n            color: #ffffff;\r\n            letter-spacing: -1px;\r\n            text-shadow: 0 4px 20px rgba(0,0,0,0.6);\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;\r\n        }\r\n        .active-slide .hero-title {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Description Styling *\/\r\n        .hero-desc {\r\n            font-size: 18px;\r\n            color: #f1f5f9;\r\n            line-height: 1.6;\r\n            max-width: 750px;\r\n            margin: 0 0 40px 0;\r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;\r\n        }\r\n        .active-slide .hero-desc {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Buttons Container *\/\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 18px;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;\r\n        }\r\n        .active-slide .hero-buttons {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .hero-btn-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: #313ba3;\r\n            color: #ffffff !important;\r\n            text-decoration: none;\r\n            padding: 15px 34px;\r\n            border-radius: 8px;\r\n            font-weight: 700;\r\n            font-size: 15px;\r\n            box-shadow: 0 10px 25px rgba(49, 59, 163, 0.4);\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n        }\r\n        .hero-btn-primary:hover { \r\n            background-color: #242c82; \r\n            color: #ffffff !important;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(49, 59, 163, 0.6);\r\n        }\r\n\r\n        .hero-btn-secondary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            background-color: rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(8px);\r\n            color: #ffffff !important;\r\n            text-decoration: none;\r\n            padding: 15px 34px;\r\n            border-radius: 8px;\r\n            font-weight: 700;\r\n            font-size: 15px;\r\n            border: 1px solid rgba(255, 255, 255, 0.4);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .hero-btn-secondary:hover {\r\n            background-color: #25d366;\r\n            border-color: #25d366;\r\n            color: #ffffff !important;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(37, 211, 102, 0.4);\r\n        }\r\n\r\n        \/* Dots Navigation Indicators - \u0645\u0639\u0644\u0642\u0629 \u0628\u0623\u0633\u0641\u0644 \u0627\u0644\u0634\u0627\u0634\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0644\u062a\u062c\u0646\u0628 \u0623\u064a \u062a\u062f\u0627\u062e\u0644 \u0645\u0639 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n        .hero-dots {\r\n            position: absolute;\r\n            bottom: 25px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            display: flex;\r\n            gap: 12px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .hero-dot {\r\n            width: 14px;\r\n            height: 6px;\r\n            background-color: rgba(255, 255, 255, 0.5);\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .hero-dot.active {\r\n            width: 36px;\r\n            background-color: #ffffff;\r\n            box-shadow: 0 0 12px rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        \/* Mobile Adjustments *\/\r\n        @media (max-width: 768px) {\r\n            .almsar-hero-section {\r\n                padding: 40px 15px;\r\n            }\r\n            .hero-title { font-size: 30px !important; line-height: 1.2; }\r\n            .hero-desc { font-size: 15px !important; margin-bottom: 30px; }\r\n            .hero-buttons { width: 100%; flex-direction: column; }\r\n            .hero-buttons a { width: 100%; text-align: center; box-sizing: border-box; }\r\n            .hero-dots { bottom: 15px; }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section -->\r\n    <div id=\"almsarHeroBg\" class=\"almsar-hero-section\" style=\"background-image: url('https:\/\/almsar.sa\/wp-content\/uploads\/2026\/08\/hero-masar-01.jpg');\">\r\n        <div class=\"almsar-hero-overlay\"><\/div>\r\n\r\n        <!-- Slider Wrapper -->\r\n        <div class=\"almsar-hero-slider\">\r\n            <div class=\"almsar-hero-track\" id=\"heroTrack\">\r\n                \r\n                <!-- Slide 1 -->\r\n                <div class=\"almsar-hero-slide active-slide\">\r\n                    <span class=\"hero-tag\">\u0645\u0648\u0632\u0651\u0639 \u0635\u0646\u0627\u0639\u064a \u0648\u0625\u0646\u0634\u0627\u0626\u064a \u0631\u0633\u0645\u064a<\/span>\r\n                    <h1 class=\"hero-title\">\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h1>\r\n                    <p class=\"hero-desc\">\u0634\u0631\u064a\u0643\u0643\u0645 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0639\u0632\u0644\u060c \u0648\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0633\u0642\u0627\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0627\u0644\u062b\u0642\u064a\u0644\u0629.<\/p>\r\n                    <div class=\"hero-buttons\">\r\n                        <a href=\"https:\/\/almsar.sa\/shop\/\" class=\"hero-btn-primary\">\u062a\u0635\u0641\u0651\u062d \u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u0623\u0639\u0645\u0627\u0644 (B2B)<\/a>\r\n                        <a href=\"https:\/\/wa.me\/966531940503\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hero-btn-secondary\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"#ffffff\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"><\/path><\/svg>\r\n \u0627\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062e\u0635\u0635\u064b\u0627\r\n                        <\/a> \r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Slide 2 -->\r\n                <div class=\"almsar-hero-slide\">\r\n                    <span class=\"hero-tag\">\u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u0648\u062f\u0629 \u0645\u0645\u062a\u0627\u0632\u0629<\/span>\r\n                    <h1 class=\"hero-title\">\u0645\u0648\u0627\u062f \u0628\u0646\u0627\u0621 \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0633\u0642\u0627\u0644\u0627\u062a<\/h1>\r\n                    <p class=\"hero-desc\">\u062a\u0648\u0631\u064a\u062f \u0639\u0646\u0627\u0635\u0631 \u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 \u0633\u0644\u0627\u0645\u0629 \u0645\u0646 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0644\u064a\u0627\u060c \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0635\u0627\u0631\u0645\u0629 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/p>\r\n                    <div class=\"hero-buttons\">\r\n                        <a href=\"https:\/\/almsar.sa\/shop\/\" class=\"hero-btn-primary\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/a>\r\n                        <a href=\"https:\/\/wa.me\/966531940503\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hero-btn-secondary\">\r\n \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u062f\u0639\u0645\r\n                        <\/a> \r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Slide 3 -->\r\n                <div class=\"almsar-hero-slide\">\r\n                    <span class=\"hero-tag\">\u062d\u0644\u0648\u0644 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 (B2B)<\/span>\r\n                    <h1 class=\"hero-title\">\u0646\u062f\u0639\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/h1>\r\n                    <p class=\"hero-desc\">\u0646\u0642\u062f\u0651\u0645 \u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0628\u0644\u0627 \u0645\u0633\u0627\u0648\u0645\u0629\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0633\u0631\u064a\u0639\u0629\u060c \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0635\u0646\u0627\u0639\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u062a\u064f\u0633\u0644\u0651\u064e\u0645 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0646\u0634\u0637\u0629 \u0644\u062f\u064a\u0643\u0645.<\/p>\r\n                    <div class=\"hero-buttons\">\r\n                        <a href=\"https:\/\/almsar.sa\/documents\/\" class=\"hero-btn-primary\">\u0639\u0631\u0636 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a<\/a>\r\n                        <a href=\"\/contact\/\" class=\"hero-btn-secondary\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Dots Indicator - \u0641\u064a \u0623\u0633\u0641\u0644 \u0627\u0644\u0642\u0633\u0645 \u062a\u0645\u0627\u0645\u0627\u064b \u0628\u0639\u064a\u062f\u0627\u064b \u0639\u0646 \u0627\u0644\u0623\u0632\u0631\u0627\u0631 -->\r\n        <div class=\"hero-dots\" id=\"heroDots\">\r\n            <span class=\"hero-dot active\" onclick=\"currentSlide(0)\"><\/span>\r\n            <span class=\"hero-dot\" onclick=\"currentSlide(1)\"><\/span>\r\n            <span class=\"hero-dot\" onclick=\"currentSlide(2)\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- JavaScript for Slider & Transitions -->\r\n    <script>\r\n        let currentIndex = 0;\r\n        const track = document.getElementById('heroTrack');\r\n        const slides = document.querySelectorAll('.almsar-hero-slide');\r\n        const dots = document.querySelectorAll('.hero-dot');\r\n        const heroElement = document.getElementById('almsarHeroBg');\r\n        \r\n        const images = [\r\n            'https:\/\/almsar.sa\/wp-content\/uploads\/2026\/08\/hero-masar-01.jpg',\r\n            'https:\/\/almsar.sa\/wp-content\/uploads\/2026\/08\/hero-masar-02.jpg',\r\n            'https:\/\/almsar.sa\/wp-content\/uploads\/2026\/08\/hero-masar-01.jpg'\r\n        ];\r\n\r\n        function updateSlide(index) {\r\n            currentIndex = index;\r\n            track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n            \r\n            slides.forEach((slide, i) => {\r\n                if (i === currentIndex) {\r\n                    slide.classList.add('active-slide');\r\n                } else {\r\n                    slide.classList.remove('active-slide');\r\n                }\r\n            });\r\n\r\n            dots.forEach((dot, i) => {\r\n                if (i === currentIndex) {\r\n                    dot.classList.add('active');\r\n                } else {\r\n                    dot.classList.remove('active');\r\n                }\r\n            });\r\n\r\n            if (heroElement) {\r\n                heroElement.style.backgroundImage = `url('${images[currentIndex]}')`;\r\n            }\r\n        }\r\n\r\n        function nextSlide() {\r\n            currentIndex = (currentIndex + 1) % slides.length;\r\n            updateSlide(currentIndex);\r\n        }\r\n\r\n        function currentSlide(index) {\r\n            updateSlide(index);\r\n            resetTimer();\r\n        }\r\n\r\n        let slideInterval = setInterval(nextSlide, 5000);\r\n\r\n        function resetTimer() {\r\n            clearInterval(slideInterval);\r\n            slideInterval = setInterval(nextSlide, 5000);\r\n        }\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e30f67 elementor-widget elementor-widget-html\" data-id=\"3e30f67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"almsar-values-wrapper\" style=\"padding: 60px 0; font-family: system-ui, -apple-system, sans-serif; border-bottom: 1px solid #f1f5f9;\">\r\n    <div style=\"max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between;\">\r\n        \r\n        <!-- Pillar 1 -->\r\n        <div style=\"flex: 1; min-width: 280px; text-align: right; padding: 20px;\">\r\n            <div style=\"width: 50px; height: 50px; background-color: rgba(49, 59, 163, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\r\n                <!-- Verified Badge Icon -->\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#313ba3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\r\n                    <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 style=\"font-size: 18px; font-weight: bold; color: #0f172a; margin: 0 0 10px 0;\">\u0639\u0644\u0627\u0645\u0627\u062a \u062a\u062c\u0627\u0631\u064a\u0629 \u0623\u0635\u0644\u064a\u0629 100 %<\/h3>\r\n            <p style=\"font-size: 15px; color: #475569; line-height: 1.6; margin: 0;\">\u0646\u0648\u0631\u062f \u0623\u062f\u0648\u0627\u062a \u0648\u0645\u0648\u0627\u062f \u062b\u0642\u064a\u0644\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u0623\u0635\u0644\u064a\u0629 \u0641\u0642\u0637\u060c \u0648\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0645\u0637\u0644\u0642\u0629.<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Pillar 2 -->\r\n        <div style=\"flex: 1; min-width: 280px; text-align: right; padding: 20px;\">\r\n            <div style=\"width: 50px; height: 50px; background-color: rgba(49, 59, 163, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\r\n                <!-- Bulk\/Box Icon -->\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#313ba3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\r\n                    <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\r\n                    <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 style=\"font-size: 18px; font-weight: bold; color: #0f172a; margin: 0 0 10px 0;\">\u062a\u0648\u0631\u064a\u062f \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0628\u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629<\/h3>\r\n            <p style=\"font-size: 15px; color: #475569; line-height: 1.6; margin: 0;\">\u0645\u062c\u0647\u0632\u0648\u0646 \u0648\u0628\u0642\u062f\u0631\u0627\u062a \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0636\u062e\u0645\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0643\u0628\u0631\u0649.<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Pillar 3 -->\r\n        <div style=\"flex: 1; min-width: 280px; text-align: right; padding: 20px;\">\r\n            <div style=\"width: 50px; height: 50px; background-color: rgba(49, 59, 163, 0.1); border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;\">\r\n                <!-- Truck\/Logistics Icon -->\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#313ba3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect>\r\n                    <polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon>\r\n                    <circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                    <circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 style=\"font-size: 18px; font-weight: bold; color: #0f172a; margin: 0 0 10px 0;\">\u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062d\u0644\u064a\u0629 \u0633\u0631\u064a\u0639\u0629<\/h3>\r\n            <p style=\"font-size: 15px; color: #475569; line-height: 1.6; margin: 0;\">\u0645\u062e\u0632\u0651\u0646\u0629 \u0645\u062d\u0644\u064a\u064b\u0627 \u0641\u064a \u062c\u062f\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0639\u0627\u062c\u0644 \u0625\u0644\u0649 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fe6baa elementor-widget elementor-widget-shortcode\" data-id=\"9fe6baa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"almsar-all-categories-wrapper\" style=\"padding: 80px 20px; font-family: system-ui, -apple-system, sans-serif; background-color: #f8fafc;\">\r\n        <style>\r\n            .cat-grid-container { max-width: 1200px; margin: 0 auto; }\r\n            .cat-header { text-align: center; margin-bottom: 50px; }\r\n            .cat-header h2 { font-size: 32px; font-weight: 800; color: #0f172a; margin: 0 0 12px 0; }\r\n            .cat-header p { font-size: 16px; color: #64748b; margin: 0; }\r\n            \r\n            .cat-grid { \r\n                display: grid; \r\n                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); \r\n                gap: 24px; \r\n            }\r\n            \r\n            .cat-box { \r\n                background: #ffffff; \r\n                border: 1px solid #e2e8f0; \r\n                border-radius: 12px; \r\n                padding: 24px 20px; \r\n                text-align: center; \r\n                text-decoration: none; \r\n                display: flex; \r\n                flex-direction: column; \r\n                align-items: center; \r\n                justify-content: space-between;\r\n                gap: 16px; \r\n                transition: all 0.3s ease; \r\n            }\r\n            \r\n            .cat-box:hover { \r\n                transform: translateY(-6px); \r\n                border-color: #313ba3; \r\n                box-shadow: 0 15px 30px -5px rgba(49, 59, 163, 0.15); \r\n            }\r\n            \r\n            .cat-image-box { \r\n                width: 100%;\r\n                height: 140px;\r\n                background-color: #ffffff;\r\n                border-radius: 8px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                overflow: hidden;\r\n                padding: 5px;\r\n                box-sizing: border-box;\r\n            }\r\n            \r\n            .cat-image-box img { \r\n                max-width: 100%;\r\n                max-height: 100%;\r\n                object-fit: contain;\r\n                transition: transform 0.3s ease;\r\n            }\r\n            \r\n            .cat-box:hover .cat-image-box img { \r\n                transform: scale(1.05); \r\n            }\r\n            \r\n            .cat-title { \r\n                color: #1e293b; \r\n                font-weight: 700; \r\n                font-size: 15px; \r\n                margin: 0; \r\n                line-height: 1.4;\r\n                transition: color 0.3s ease; \r\n            }\r\n            \r\n            .cat-box:hover .cat-title { \r\n                color: #313ba3; \r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"cat-grid-container\">\r\n            <div class=\"cat-header\">\r\n                <h2>\u0641\u0626\u0627\u062a \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/h2>\r\n                <p>\u062a\u0635\u0641\u062d \u062a\u0634\u0643\u064a\u0644\u062a\u0646\u0627 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"cat-grid\">\r\n                                    \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d8%a8%d8%b3%d9%83%d9%88%d8%aa-%d8%a7%d8%b3%d9%85%d9%86%d8%aa%d9%8a-%d8%ae%d8%b1%d8%b3%d8%a7%d9%86%d9%8a\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/Block-Accessories-02.jpg\" alt=\"\u0628\u0633\u0643\u0648\u062a \u0627\u0633\u0645\u0646\u062a\u064a \u062e\u0631\u0633\u0627\u0646\u064a\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0628\u0633\u0643\u0648\u062a \u0627\u0633\u0645\u0646\u062a\u064a \u062e\u0631\u0633\u0627\u0646\u064a<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d9%81%d9%88%d8%a7%d8%b5%d9%84-%d8%a8%d9%84%d8%a7%d8%b3%d8%aa%d9%8a%d9%83%d9%8a%d8%a9\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/plastic-spacers-01.jpg\" alt=\"\u0628\u0633\u0643\u0648\u062a \u0628\u0644\u0627\u0633\u062a\u064a\u0643\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0628\u0633\u0643\u0648\u062a \u0628\u0644\u0627\u0633\u062a\u064a\u0643<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d8%aa%d8%b3%d9%84%d9%8a%d8%ad-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/Mansonary-Reinforcement-2.jpg\" alt=\"\u062d\u062f\u064a\u062f \u062a\u0631\u0628\u064a\u0637\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u062d\u062f\u064a\u062f \u062a\u0631\u0628\u064a\u0637<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d8%ad%d8%b4%d9%88%d8%a9-%d8%a7%d9%84%d9%81%d9%88%d8%a7%d8%b5%d9%84-%d9%88%d8%b9%d8%b2%d9%84-%d8%a7%d9%84%d8%a3%d9%86%d8%a7%d8%a8%d9%8a%d8%a8\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/Joint-Backing-Pipe-Insulation.jpg\" alt=\"\u062d\u0634\u0648\u0629 \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0648\u0639\u0632\u0644 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u062d\u0634\u0648\u0629 \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0648\u0639\u0632\u0644 \u0627\u0644\u0623\u0646\u0627\u0628\u064a\u0628<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d8%b3%d9%82%d8%a7%d9%84%d8%a7%d8%aa-%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/building-scaffolds-2.jpg\" alt=\"\u0633\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0633\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d9%82%d9%81%d8%a7%d8%b2\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/glouse-3.jpg\" alt=\"\u0642\u0641\u0627\u0632\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0642\u0641\u0627\u0632<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d9%82%d9%88%d8%a7%d9%84%d8%a8-%d8%a7%d9%84%d8%b5%d8%a8-%d8%a7%d9%84%d8%ac%d8%a7%d9%86%d8%a8%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d9%85%d9%84%d8%ad%d9%82%d8%a7%d8%aa\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/formwork-profile-accessories-14.jpg\" alt=\"\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0635\u0628 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u0648\u0627\u0644\u0645\u0644\u062d\u0642\u0627\u062a\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0642\u0648\u0627\u0644\u0628 \u0627\u0644\u0635\u0628 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 \u0648\u0627\u0644\u0645\u0644\u062d\u0642\u0627\u062a<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d9%85%d8%a7%d9%86%d8%b9-%d8%aa%d8%b3%d8%b1%d8%a8-%d8%a7%d9%84%d9%85%d9%8a%d8%a7%d9%87-pvc\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/PVC-Water-Stop-04.jpg\" alt=\"\u0645\u0627\u0646\u0639 \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647 PVC\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0645\u0627\u0646\u0639 \u062a\u0633\u0631\u0628 \u0627\u0644\u0645\u064a\u0627\u0647 PVC<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d9%85%d9%84%d8%ad%d9%82%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d8%af%d9%88%d8%a7%d8%aa\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/tool-accessories-1.jpg\" alt=\"\u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0623\u062f\u0648\u0627\u062a\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0623\u062f\u0648\u0627\u062a<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d9%85%d9%84%d8%ad%d9%82%d8%a7%d8%aa-%d8%a7%d9%84%d9%84%d9%8a%d8%a7%d8%b3%d8%a9\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/Plastering-Accessories-10.jpg\" alt=\"\u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0633\u0629\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0644\u064a\u0627\u0633\u0629<\/h4>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <a href=\"https:\/\/almsar.sa\/ar\/product-category\/%d9%85%d9%88%d8%a7%d8%af-%d8%a3%d8%ae%d8%b1%d9%89\/\" class=\"cat-box\">\r\n                        <div class=\"cat-image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-29-at-7.24.09-PM.jpeg\" alt=\"\u0645\u0648\u0627\u062f \u0623\u062e\u0631\u0649\">\r\n                        <\/div>\r\n                        <h4 class=\"cat-title\">\u0645\u0648\u0627\u062f \u0623\u062e\u0631\u0649<\/h4>\r\n                    <\/a>\r\n                    \r\n                                <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-105756b elementor-widget elementor-widget-html\" data-id=\"105756b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"almsar-industries-wrapper\" dir=\"rtl\" style=\"padding: 60px 20px; font-family: system-ui, -apple-system, sans-serif; background-color: #ffffff; border-top: 1px solid #f1f5f9; border-bottom: 1px solid #f1f5f9; text-align: right;\"><style>.almsar-ind-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; max-width: 1200px; margin: 0 auto; }\r\n        .almsar-ind-card { position: relative; height: 280px; border-radius: 12px; overflow: hidden; display: flex; align-items: flex-end; padding: 30px; transition: transform 0.3s ease, box-shadow 0.3s ease; background-color: #0f172a; }\r\n        .almsar-ind-card:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }\r\n        .almsar-ind-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: transform 0.5s ease; }\r\n        .almsar-ind-card:hover .almsar-ind-bg { transform: scale(1.05); }\r\n        .almsar-ind-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.2) 100%); z-index: 1; pointer-events: none; }\r\n        .almsar-ind-content { position: relative; z-index: 2; width: 100%; pointer-events: none; }\r\n        .almsar-ind-title { color: #ffffff; font-size: 22px; font-weight: 700; margin: 0 0 8px 0; }\r\n        .almsar-ind-desc { color: #cbd5e1; font-size: 14px; margin: 0; line-height: 1.5; }\r\n    <\/style><div style=\"max-width: 1200px; margin: 0 auto 40px auto; text-align: center;\"><h2 style=\"font-size: 32px; font-weight: 800; color: #0f172a; margin: 0 0 12px 0;\">\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627<\/h2><p style=\"font-size: 16px; color: #64748b; margin: 0 auto; max-width: 600px;\">\u062a\u0648\u0631\u064a\u062f \u0645\u0648\u0627\u062f \u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0647\u064a\u0643\u0644\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u062d\u0645\u0644 \u0644\u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0637\u0644\u0628\u064b\u0627 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p><\/div><div class=\"almsar-ind-grid\"><!-- Card 1 --><div class=\"almsar-ind-card\"><img decoding=\"async\" class=\"almsar-ind-bg\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/commercial-real-estate.jpg\" alt=\"\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\" \/><div class=\"almsar-ind-overlay\"> <\/div><div class=\"almsar-ind-content\"><h3 class=\"almsar-ind-title\">\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3><p class=\"almsar-ind-desc\">\u0623\u0646\u0638\u0645\u0629 \u0642\u0648\u0627\u0644\u0628 \u0648\u0628\u0646\u0627\u0621 \u0648\u0633\u0642\u0627\u0644\u0627\u062a \u0630\u0627\u062a \u062d\u062c\u0645 \u0643\u0628\u064a\u0631 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0637\u0648\u0627\u0628\u0642.<\/p><\/div><\/div><!-- Card 2 --><div class=\"almsar-ind-card\"><img decoding=\"async\" class=\"almsar-ind-bg\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/civil-infrastructure.jpg\" alt=\"\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629\" \/><div class=\"almsar-ind-overlay\"> <\/div><div class=\"almsar-ind-content\"><h3 class=\"almsar-ind-title\">\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/h3><p class=\"almsar-ind-desc\">\u0645\u0646\u062a\u062c\u0627\u062a \u062a\u0633\u0644\u064a\u062d \u0628\u0646\u0627\u0621 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u062d\u0645\u0644 \u0644\u0644\u062c\u0633\u0648\u0631 \u0648\u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0648\u0627\u0644\u0623\u0634\u063a\u0627\u0644 \u0627\u0644\u0639\u0627\u0645\u0629.<\/p><\/div><\/div><!-- Card 3 --><div class=\"almsar-ind-card\"><img decoding=\"async\" class=\"almsar-ind-bg\" src=\"https:\/\/almsar.sa\/wp-content\/uploads\/2026\/07\/industrial-facilities.jpg\" alt=\"\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\" \/><div class=\"almsar-ind-overlay\"> <\/div><div class=\"almsar-ind-content\"><h3 class=\"almsar-ind-title\">\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/h3><p class=\"almsar-ind-desc\">\u0642\u0637\u0639 \u0648\u0623\u062c\u0647\u0632\u0629 \u0647\u064a\u0643\u0644\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0645\u0635\u0627\u0646\u0639 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u0637\u0627\u0642\u0629.<\/p><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0513523 elementor-widget elementor-widget-html\" data-id=\"0513523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"almsar-boq-wrapper\" dir=\"rtl\" style=\"padding: 60px 20px; font-family: system-ui, -apple-system, sans-serif; background-color: #f8fafc; text-align: right;\"><style>\/* Base Desktop Layout *\/\r\n        .boq-inner-box {\r\n            max-width: 1200px; margin: 0 auto; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 12px; padding: 50px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; box-sizing: border-box; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n        }\r\n        .boq-text-col { flex: 1; min-width: 300px; }\r\n        .boq-title { font-size: 32px; font-weight: 800; color: #ffffff; margin: 0 0 12px 0; line-height: 1.3; }\r\n        .boq-desc { font-size: 16px; color: #94a3b8; margin: 0; line-height: 1.6; max-width: 500px; }\r\n        .boq-button-col { flex: 0 0 auto; }\r\n        .boq-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background-color: #25d366; color: #ffffff; text-decoration: none; padding: 16px 32px; border-radius: 6px; font-weight: 600; font-size: 16px; transition: background-color 0.2s; white-space: nowrap; box-sizing: border-box; }\r\n        .boq-button:hover { background-color: #20b958; }\r\n        \r\n        \/* Force SVG to keep size *\/\r\n        .boq-button svg { flex-shrink: 0; }\r\n\r\n        \/* Mobile Layout Overrides *\/\r\n        @media (max-width: 768px) {\r\n            .boq-inner-box { \r\n                padding: 40px 24px; \r\n                flex-direction: column; \r\n                align-items: flex-start; \r\n                text-align: right;\r\n            }\r\n            .boq-text-col { min-width: 100%; }\r\n            .boq-title { font-size: 26px; line-height: 1.35; }\r\n            .boq-desc { max-width: 100%; }\r\n            .boq-button-col { width: 100%; }\r\n            .boq-button { width: 100%; padding: 16px 20px; }\r\n            \r\n            \/* fix: \u0632\u064a\u0627\u062f\u0629 \u062d\u062c\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0645\u0646\u0639 \u0627\u0646\u0643\u0645\u0627\u0634\u0647\u0627 *\/\r\n            .boq-button svg { width: 26px !important; height: 26px !important; }\r\n        }\r\n    <\/style><div class=\"boq-inner-box\"><div class=\"boq-text-col\"><div style=\"display: inline-flex; align-items: center; gap: 10px; background-color: rgba(255,255,255,0.1); padding: 6px 14px; border-radius: 30px; margin-bottom: 16px;\"><span style=\"font-size: 16px;\">\ud83d\udcc4<\/span> <span style=\"color: #cbd5e1; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;\">\u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0633\u0631\u064a\u0639<\/span><\/div><h2 class=\"boq-title\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u062c\u062f\u0648\u0644 \u0643\u0645\u064a\u0627\u062a (BOQ)\u061f<\/h2><p class=\"boq-desc\">\u062a\u062e\u0637\u064a \u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c. \u0623\u0631\u0633\u0644 \u0644\u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0648\u0627\u062f\u0643 \u0628\u062f\u0642\u0629 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0633\u0639\u064a\u0631 \u062c\u0645\u0644\u0629 \u0641\u0648\u0631\u064a \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629.<\/p><\/div><div class=\"boq-button-col\"><a class=\"boq-button\" href=\"https:\/\/wa.me\/966531940503\" target=\"_blank\" rel=\"noopener noreferrer\"> \u0623\u0631\u0633\u0644 \u062c\u062f\u0648\u0644 \u0627\u0644\u0643\u0645\u064a\u0627\u062a \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 <\/a><\/div><\/div><\/div>\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>\u0645\u0648\u0632\u0651\u0639 \u0635\u0646\u0627\u0639\u064a \u0648\u0625\u0646\u0634\u0627\u0626\u064a \u0631\u0633\u0645\u064a \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0634\u0631\u064a\u0643\u0643\u0645 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0639\u0632\u0644\u060c \u0648\u0645\u0643\u0648\u0651\u0646\u0627\u062a \u0627\u0644\u0633\u0642\u0627\u0644\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0627\u0644\u062b\u0642\u064a\u0644\u0629. \u062a\u0635\u0641\u0651\u062d \u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u0623\u0639\u0645\u0627\u0644 (B2B) \u0627\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062e\u0635\u0635\u064b\u0627 \u0645\u0639\u0627\u064a\u064a\u0631 \u062c\u0648\u062f\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0645\u0648\u0627\u062f \u0628\u0646\u0627\u0621 \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0633\u0642\u0627\u0644\u0627\u062a \u062a\u0648\u0631\u064a\u062f \u0639\u0646\u0627\u0635\u0631 \u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 \u0633\u0644\u0627\u0645\u0629 \u0645\u0646 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0644\u064a\u0627\u060c \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0635\u0627\u0631\u0645\u0629 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-684","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":7},"page_structure_type":"default","content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/pages\/684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/comments?post=684"}],"version-history":[{"count":28,"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/pages\/684\/revisions"}],"predecessor-version":[{"id":1010,"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/pages\/684\/revisions\/1010"}],"wp:attachment":[{"href":"https:\/\/almsar.sa\/ar\/wp-json\/wp\/v2\/media?parent=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}