{"id":1501,"date":"2026-08-21T23:15:41","date_gmt":"2026-08-21T23:15:41","guid":{"rendered":"https:\/\/www.almahdali.com\/?page_id=1501"},"modified":"2026-08-22T04:26:33","modified_gmt":"2026-08-22T04:26:33","slug":"al-mahdali-commercial-complex-%d8%b9%d8%b1%d8%a8%d9%8a","status":"publish","type":"page","link":"https:\/\/www.almahdali.com\/?page_id=1501&lang=ar","title":{"rendered":"al mahdali commercial complex \u0639\u0631\u0628\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1501\" class=\"elementor elementor-1501\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef38bd e-con e-atomic-element e-flexbox-base e-ae0f9ee \" data-id=\"7ef38bd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7ef38bd\">\n    <div class=\"elementor-element elementor-element-cbe8385 e-con e-atomic-element e-flexbox-base e-cbe8385-3b5b504 \" data-id=\"cbe8385\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cbe8385\">\n    \t\t\t<h1 data-interaction-id=\"a03a80e\" class=\"e-a03a80e-5dab447 e-heading-base\">\u0645\u062c\u0645\u0639<\/h1>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e6f260d e-con e-atomic-element e-flexbox-base e-e6f260d-7c2a17a \" data-id=\"e6f260d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e6f260d\">\n    \t\t\t<h2 data-interaction-id=\"90d9565\" class=\"e-90d9565-fed8783 e-heading-base\">\u0627\u0644\u0645\u0647\u062f\u0644\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e2fc6f1 e-con e-atomic-element e-flexbox-base e-e2fc6f1-b2c6887 \" data-id=\"e2fc6f1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e2fc6f1\">\n    \t\t\t<h3 data-interaction-id=\"8690be3\" class=\"e-8690be3-15a900e e-heading-base\">-\u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629<\/h3>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-eecb0c2 e-con e-atomic-element e-flexbox-base e-eecb0c2-0ff43e7 \" data-id=\"eecb0c2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eecb0c2\">\n    \t\t\t<h3 data-interaction-id=\"0aab25e\" class=\"e-0aab25e-2e6b1a2 e-heading-base\"><\/h3>\n\t\t\t\t\t\n<hr class=\"e-ac30277-e901c35 e-divider-base\" data-interaction-id=\"ac30277\"   \/>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a4d183d e-con e-atomic-element e-flexbox-base e-a4d183d-1b6f602 \" data-id=\"a4d183d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a4d183d\">\n    \t\t<div class=\"elementor-element elementor-element-86c029e elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"86c029e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0628\u064a\u0639 \u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0644\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0648\u0631\u0634\u060c \u0645\u0639 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0643\u0628\u0633 \u0648\u062a\u0634\u0643\u064a\u0644 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0627\u0644\u0642\u0635 \u0648\u0627\u0644\u0646\u0642\u0634 \u0628\u0627\u0644\u0644\u064a\u0632\u0631.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-ec798ff e-con e-atomic-element e-flexbox-base e-def564a \" data-id=\"ec798ff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ec798ff\">\n    \t\t\t<h2 data-interaction-id=\"d49bbe1\" class=\"e-d49bbe1-7cc863f e-heading-base\">\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629<\/h2>\n\t\t\t\t\t\n<hr class=\"e-248d356-bf98bc1 e-divider-base\" data-interaction-id=\"248d356\"   \/>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d1c6e21 e-con e-atomic-element e-flexbox-base e-d59397c \" data-id=\"d1c6e21\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d1c6e21\">\n    <div class=\"elementor-element elementor-element-590381f e-con e-atomic-element e-flexbox-base e-9b76b9b \" data-id=\"590381f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"590381f\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-09844c4-5be26a5\" data-interaction-id=\"09844c4\" id=\"941\" src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-16-2026-09_12_27-AM.png\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-16-2026-09_12_27-AM.png 1536w, https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-16-2026-09_12_27-AM-300x200.png 300w, https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-16-2026-09_12_27-AM-1024x683.png 1024w, https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-16-2026-09_12_27-AM-768x512.png 768w\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4f82271 e-con e-atomic-element e-flexbox-base e-b8a74af \" data-id=\"4f82271\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4f82271\">\n    \t\t\t<h2 data-interaction-id=\"0947a8d\" class=\"e-0947a8d-aba0ce6 e-heading-base\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0644\u0644\u062d\u062f\u064a\u062f <br>\u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621.<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0e080 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"5f0e080\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"46\" data-end=\"218\">\u064a\u062a\u062e\u0635\u0635 \u0645\u062c\u0645\u0639 \u0627\u0644\u0645\u0647\u062f\u0644\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0641\u064a \u0628\u064a\u0639 \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0648\u0631\u0634 \u0628\u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u062c\u0632\u0626\u0629\u060c \u0648\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0623\u0641\u0631\u0627\u062f.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-241b68a elementor-widget elementor-widget-text-editor\" data-id=\"241b68a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"220\" data-end=\"350\">\u0643\u0645\u0627 \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0643\u0628\u0633 \u0648\u062a\u0634\u0643\u064a\u0644 \u0627\u0644\u062d\u062f\u064a\u062f\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0642\u0635 \u0648\u0627\u0644\u0646\u0642\u0634 \u0628\u0627\u0644\u0644\u064a\u0632\u0631\u060c \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639\u062f\u0627\u062a \u062d\u062f\u064a\u062b\u0629 \u0644\u0636\u0645\u0627\u0646 \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d3ecc1 e-con e-atomic-element e-flexbox-base e-8d3ecc1-f3831c2 \" data-id=\"8d3ecc1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8d3ecc1\">\n    \t\t<div class=\"elementor-element elementor-element-4468229 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4468229\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tajawal Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Remix Icons -->\r\n<link\r\nhref=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@4.3.0\/fonts\/remixicon.css\"\r\nrel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   COMPANY STATS\r\n========================= *\/\r\n\r\n.company-stats{\r\n    width:100% !important;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:10px;\r\n\r\n    margin:16px 0 0 0;\r\n    padding:0;\r\n\r\n    font-family:'Tajawal',Arial,sans-serif;\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CARD\r\n========================= *\/\r\n\r\n.company-stat{\r\n    width:100%;\r\n    height:92px;\r\n\r\n    background:#FFFFFF;\r\n\r\n    border:1px solid #E7D7BC;\r\n    border-radius:7px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    padding:8px 5px;\r\n    box-sizing:border-box;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n\/* =========================\r\n   ICON\r\n========================= *\/\r\n\r\n.company-stat .stat-icon{\r\n    height:27px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin:0 0 4px 0;\r\n\r\n    color:#D99A00;\r\n\r\n    font-size:25px;\r\n    line-height:1;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        color .25s ease;\r\n}\r\n\r\n.company-stat .stat-icon i{\r\n    font-size:25px;\r\n    line-height:1;\r\n}\r\n\r\n\r\n\/* =========================\r\n   NUMBER\r\n========================= *\/\r\n\r\n.company-stat .stat-number{\r\n    margin:0 0 3px 0;\r\n\r\n    color:#0F2D52;\r\n\r\n    font-size:20px;\r\n    font-weight:700;\r\n    line-height:1;\r\n}\r\n\r\n\r\n\/* =========================\r\n   LABEL\r\n========================= *\/\r\n\r\n.company-stat .stat-title{\r\n    margin:0;\r\n\r\n    color:#5C6470;\r\n\r\n    font-size:9.5px;\r\n    font-weight:500;\r\n    line-height:1.2;\r\n}\r\n\r\n\r\n\/* \u0628\u0637\u0627\u0642\u0629 \u0633\u0646\u0629 \u0627\u0644\u062a\u0623\u0633\u064a\u0633 *\/\r\n\r\n.company-stat.established .stat-title{\r\n    margin-bottom:3px;\r\n}\r\n\r\n.company-stat.established .stat-number{\r\n    margin-bottom:0;\r\n}\r\n\r\n\r\n\/* =========================\r\n   HOVER\r\n========================= *\/\r\n\r\n.company-stat:hover{\r\n    transform:translateY(-3px);\r\n\r\n    border-color:#D99A00;\r\n\r\n    box-shadow:\r\n        0 6px 15px rgba(15,45,82,.10);\r\n}\r\n\r\n.company-stat:hover .stat-icon{\r\n    transform:scale(1.08);\r\n    color:#C88900;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width:921px){\r\n\r\n    .company-stats{\r\n        gap:7px;\r\n    }\r\n\r\n    .company-stat{\r\n        height:88px;\r\n        padding:7px 4px;\r\n    }\r\n\r\n    .company-stat .stat-icon,\r\n    .company-stat .stat-icon i{\r\n        font-size:23px;\r\n    }\r\n\r\n    .company-stat .stat-number{\r\n        font-size:18px;\r\n    }\r\n\r\n    .company-stat .stat-title{\r\n        font-size:9px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .company-stats{\r\n        grid-template-columns:repeat(2,1fr);\r\n        gap:8px;\r\n        margin-top:14px;\r\n    }\r\n\r\n    .company-stat{\r\n        height:90px;\r\n    }\r\n\r\n    .company-stat .stat-icon,\r\n    .company-stat .stat-icon i{\r\n        font-size:22px;\r\n    }\r\n\r\n    .company-stat .stat-number{\r\n        font-size:18px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"company-stats\">\r\n\r\n    <!-- ESTABLISHED -->\r\n    <div class=\"company-stat established\">\r\n\r\n        <div class=\"stat-icon\">\r\n            <i class=\"ri-building-2-line\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"stat-title\">\r\n            \u062a\u0623\u0633\u0633\u062a \u0639\u0627\u0645\r\n        <\/div>\r\n\r\n        <div class=\"stat-number\">\r\n            2018\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- HAPPY CLIENTS -->\r\n    <div class=\"company-stat\">\r\n\r\n        <div class=\"stat-icon\">\r\n            <i class=\"ri-team-line\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"stat-number\">\r\n            +500\r\n        <\/div>\r\n\r\n        <div class=\"stat-title\">\r\n            \u0639\u0645\u064a\u0644\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PRODUCTS -->\r\n    <div class=\"company-stat\">\r\n\r\n        <div class=\"stat-icon\">\r\n            <i class=\"ri-box-3-line\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"stat-number\">\r\n            +1000\r\n        <\/div>\r\n\r\n        <div class=\"stat-title\">\r\n            \u0645\u0646\u062a\u062c\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PROJECTS SERVED -->\r\n    <div class=\"company-stat\">\r\n\r\n        <div class=\"stat-icon\">\r\n            <i class=\"ri-focus-2-line\"><\/i>\r\n        <\/div>\r\n\r\n        <div class=\"stat-number\">\r\n            +100\r\n        <\/div>\r\n\r\n        <div class=\"stat-title\">\r\n            \u0645\u0634\u0631\u0648\u0639 \u062a\u0645 \u062a\u0648\u0631\u064a\u062f\u0647\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-15491ad e-con e-atomic-element e-flexbox-base e-a076e16 \" data-id=\"15491ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"15491ad\">\n    \t\t\t<h2 data-interaction-id=\"604df24\" class=\"e-604df24-3bc42f5 e-heading-base\">\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627<\/h2>\n\t\t\t\t\t\n<hr class=\"e-ca4117e-2964610 e-divider-base\" data-interaction-id=\"ca4117e\"   \/>\n\t\t\t\t\t<h2 data-interaction-id=\"a61dea8\" class=\"e-a61dea8-6cdc43d e-heading-base\">\u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-315e5bf e-con e-atomic-element e-flexbox-base e-0c17041 \" data-id=\"315e5bf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"315e5bf\">\n    \t\t<div class=\"elementor-element elementor-element-2090cbc elementor-widget elementor-widget-html\" data-id=\"2090cbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tajawal Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ==============================\r\n   AL MAHDALI PRODUCTS\r\n================================= *\/\r\n\r\n.mah-products {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 10px 20px 35px;\r\n    font-family: 'Tajawal', Arial, sans-serif;\r\n}\r\n\r\n\/* Products Grid *\/\r\n.mah-products-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: 18px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* Product Card *\/\r\n.mah-product-card {\r\n    background: #ffffff;\r\n    border: 1px solid #d9b46f;\r\n    border-radius: 9px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    transition: transform 0.25s ease,\r\n                box-shadow 0.25s ease;\r\n}\r\n\r\n.mah-product-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 22px rgba(0, 31, 70, 0.13);\r\n}\r\n\r\n\/* Product Image *\/\r\n.mah-product-image {\r\n    width: 100%;\r\n    height: 145px;\r\n    overflow: hidden;\r\n    background: #f4f4f4;\r\n}\r\n\r\n.mah-product-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* Product Text *\/\r\n.mah-product-content {\r\n    padding: 13px 12px 15px;\r\n    text-align: center;\r\n    flex: 1;\r\n}\r\n\r\n.mah-product-title {\r\n    color: #0F2D52;\r\n    font-size: 16px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    margin: 0 0 8px;\r\n}\r\n\r\n.mah-product-description {\r\n    color: #555555;\r\n    font-size: 12px;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n}\r\n\r\n\/* Hidden Products *\/\r\n.mah-extra-product {\r\n    display: none;\r\n}\r\n\r\n.mah-extra-product.mah-show {\r\n    display: flex;\r\n    animation: mahFadeIn 0.35s ease;\r\n}\r\n\r\n@keyframes mahFadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(10px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Show More Button *\/\r\n.mah-show-more-wrap {\r\n    text-align: center;\r\n    margin-top: 25px;\r\n}\r\n\r\n.mah-show-more {\r\n    background: #062b55;\r\n    color: #ffffff;\r\n    border: 2px solid #062b55;\r\n    border-radius: 5px;\r\n    padding: 11px 30px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.7px;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    font-family: 'Tajawal', Arial, sans-serif;\r\n}\r\n\r\n.mah-show-more:hover {\r\n    background: #c99138;\r\n    border-color: #c99138;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* ==============================\r\n   TABLET\r\n================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .mah-products-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 16px;\r\n    }\r\n\r\n    .mah-product-image {\r\n        height: 160px;\r\n    }\r\n}\r\n\r\n\/* ==============================\r\n   MOBILE\r\n================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mah-products {\r\n        padding: 10px 15px 25px !important;\r\n    }\r\n\r\n    .mah-products-grid {\r\n        display:grid !important;\r\n        grid-template-columns:repeat(2, 1fr) !important;\r\n        gap:8px !important;\r\n        align-items:stretch !important;\r\n    }\r\n\r\n    .mah-product-card {\r\n        width:100% !important;\r\n        min-width:0 !important;\r\n        border-radius:7px !important;\r\n    }\r\n\r\n    .mah-product-image {\r\n        height:105px !important;\r\n    }\r\n\r\n    .mah-product-content {\r\n        padding:9px 6px 11px !important;\r\n    }\r\n\r\n    .mah-product-title {\r\n        margin:0 0 5px 0 !important;\r\n        padding:0 !important;\r\n\r\n        font-size:14px !important;\r\n        line-height:1.25 !important;\r\n    }\r\n\r\n    .mah-product-description {\r\n        margin:0 !important;\r\n        padding:0 !important;\r\n\r\n        font-size:11px !important;\r\n        line-height:1.4 !important;\r\n    }\r\n\r\n    .mah-show-more-wrap {\r\n        margin-top:18px !important;\r\n    }\r\n\r\n    .mah-show-more {\r\n        padding:9px 24px !important;\r\n        font-size:11px !important;\r\n        border-radius:5px !important;\r\n    }\r\n\r\n    \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062e\u0627\u0645\u0633 \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 *\/\r\n    .mah-product-card:nth-child(5){\r\n        display:none !important;\r\n    }\r\n\r\n    \/* \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062e\u0627\u0645\u0633 \u0628\u0639\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f *\/\r\n    .mah-products:has(.mah-show-more[aria-expanded=\"true\"])\r\n    .mah-product-card:nth-child(5){\r\n        display:flex !important;\r\n    }\r\n}\r\n\r\n\/* ==============================\r\n   VERY SMALL PHONES\r\n================================= *\/\r\n\r\n@media (max-width:420px) {\r\n\r\n    .mah-products-grid {\r\n        grid-template-columns:repeat(2, 1fr) !important;\r\n        gap:7px !important;\r\n    }\r\n\r\n    .mah-product-image {\r\n        height:100px !important;\r\n    }\r\n\r\n    .mah-product-title {\r\n        font-size:13px !important;\r\n    }\r\n\r\n    .mah-product-description {\r\n        font-size:10.5px !important;\r\n        line-height:1.4 !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"mah-products\">\r\n\r\n    <div class=\"mah-products-grid\">\r\n\r\n        <!-- 1. \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062f -->\r\n        <div class=\"mah-product-card\">\r\n\r\n            <div class=\"mah-product-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/metel-profiles.png\"\r\n                    alt=\"\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062f\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"mah-product-content\">\r\n\r\n                <h3 class=\"mah-product-title\">\r\n                    \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062f\r\n                <\/h3>\r\n\r\n                <p class=\"mah-product-description\">\r\n                    \u0643\u0645\u0631\u0627\u062a I \u0648H\u060c \u0648\u0642\u0646\u0648\u0627\u062a \u0648\u0632\u0648\u0627\u064a\u0627\u060c \u0648\u0623\u0646\u0627\u0628\u064a\u0628 \u0645\u0631\u0628\u0639\u0629 \u0648\u0645\u0633\u062a\u0637\u064a\u0644\u0629 \u0648\u062f\u0627\u0626\u0631\u064a\u0629\u060c \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0645\u0642\u0627\u0633\u0627\u062a \u0648\u0633\u0645\u0627\u0643\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 2. \u0635\u0641\u0627\u0626\u062d \u0627\u0644\u062d\u062f\u064a\u062f -->\r\n        <div class=\"mah-product-card\">\r\n\r\n            <div class=\"mah-product-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/plates.png\"\r\n                    alt=\"\u0635\u0641\u0627\u0626\u062d \u0627\u0644\u062d\u062f\u064a\u062f\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"mah-product-content\">\r\n\r\n                <h3 class=\"mah-product-title\">\r\n                    \u0635\u0641\u0627\u0626\u062d \u0627\u0644\u062d\u062f\u064a\u062f\r\n                <\/h3>\r\n\r\n                <p class=\"mah-product-description\">\r\n                    \u0635\u0641\u0627\u0626\u062d \u0648\u0623\u0644\u0648\u0627\u062d \u062d\u062f\u064a\u062f \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0645\u0642\u0627\u0633\u0627\u062a \u0648\u0623\u0628\u0639\u0627\u062f \u0648\u0633\u0645\u0627\u0643\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 3. \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 -->\r\n        <div class=\"mah-product-card\">\r\n\r\n            <div class=\"mah-product-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/building-materials.png\"\r\n                    alt=\"\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"mah-product-content\">\r\n\r\n                <h3 class=\"mah-product-title\">\r\n                    \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621\r\n                <\/h3>\r\n\r\n                <p class=\"mah-product-description\">\r\n                    \u0645\u0648\u0627\u062f \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0628\u0646\u0627\u0621 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0646\u0634\u0627\u0621 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 4. \u0645\u0639\u062f\u0627\u062a \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0648\u0631\u0634 -->\r\n        <div class=\"mah-product-card\">\r\n\r\n            <div class=\"mah-product-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/workshop-tools.png\"\r\n                    alt=\"\u0645\u0639\u062f\u0627\u062a \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0648\u0631\u0634\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"mah-product-content\">\r\n\r\n                <h3 class=\"mah-product-title\">\r\n                    \u0645\u0639\u062f\u0627\u062a \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0648\u0631\u0634\r\n                <\/h3>\r\n\r\n                <p class=\"mah-product-description\">\r\n                    \u0645\u0639\u062f\u0627\u062a \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u0648\u0631\u0634 \u0648\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 5. \u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0634\u0637\u064a\u0628 -->\r\n        <div class=\"mah-product-card\">\r\n\r\n            <div class=\"mah-product-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/finishing-materials.png\"\r\n                    alt=\"\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0634\u0637\u064a\u0628\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"mah-product-content\">\r\n\r\n                <h3 class=\"mah-product-title\">\r\n                    \u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0634\u0637\u064a\u0628\r\n                <\/h3>\r\n\r\n                <p class=\"mah-product-description\">\r\n                    \u0645\u0648\u0627\u062f \u0648\u0645\u0646\u062a\u062c\u0627\u062a \u062a\u0634\u0637\u064a\u0628 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 6. \u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 - \u0645\u062e\u0641\u064a -->\r\n        <div class=\"mah-product-card mah-extra-product\">\r\n\r\n            <div class=\"mah-product-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/electric-eqipments.png\"\r\n                    alt=\"\u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"mah-product-content\">\r\n\r\n                <h3 class=\"mah-product-title\">\r\n                    \u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\r\n                <\/h3>\r\n\r\n                <p class=\"mah-product-description\">\r\n                    \u0623\u0633\u0644\u0627\u0643 \u0648\u0643\u0627\u0628\u0644\u0627\u062a \u0648\u0645\u0641\u0627\u062a\u064a\u062d \u0648\u0642\u0648\u0627\u0637\u0639 \u0648\u0645\u0648\u0635\u0644\u0627\u062a \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062a\u0645\u062f\u064a\u062f\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 7. \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 - \u0645\u062e\u0641\u064a -->\r\n        <div class=\"mah-product-card mah-extra-product\">\r\n\r\n            <div class=\"mah-product-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/plastic.png\"\r\n                    alt=\"\u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647\"\r\n                >\r\n            <\/div>\r\n\r\n            <div class=\"mah-product-content\">\r\n\r\n                <h3 class=\"mah-product-title\">\r\n                    \u062e\u0632\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647\r\n                <\/h3>\r\n\r\n                <p class=\"mah-product-description\">\r\n                    \u062e\u0632\u0627\u0646\u0627\u062a \u0645\u064a\u0627\u0647 \u0628\u0644\u0627\u0633\u062a\u064a\u0643\u064a\u0629 \u0645\u062a\u064a\u0646\u0629\u060c \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0623\u062d\u062c\u0627\u0645 \u0648\u0633\u0639\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a.\r\n                <\/p>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SHOW MORE BUTTON -->\r\n    <div class=\"mah-show-more-wrap\">\r\n\r\n        <button\r\n            class=\"mah-show-more\"\r\n            id=\"mahShowMore\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            \u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const button = document.getElementById('mahShowMore');\r\n    const extraProducts = document.querySelectorAll('.mah-extra-product');\r\n\r\n    if (!button || !extraProducts.length) {\r\n        return;\r\n    }\r\n\r\n    let expanded = false;\r\n\r\n    button.addEventListener('click', function () {\r\n\r\n        expanded = !expanded;\r\n\r\n        extraProducts.forEach(function (product) {\r\n\r\n            if (expanded) {\r\n                product.classList.add('mah-show');\r\n            } else {\r\n                product.classList.remove('mah-show');\r\n            }\r\n\r\n        });\r\n\r\n        button.textContent = expanded ? '\u0639\u0631\u0636 \u0623\u0642\u0644' : '\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f';\r\n\r\n        button.setAttribute(\r\n            'aria-expanded',\r\n            expanded ? 'true' : 'false'\r\n        );\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-12c2b25 e-con e-atomic-element e-flexbox-base e-e27822f \" data-id=\"12c2b25\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"12c2b25\">\n    \t\t\t<h2 data-interaction-id=\"1a64ffd\" class=\"e-1a64ffd-5623a7f e-heading-base\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h2>\n\t\t\t\t\t\n<hr class=\"e-f3bb284-a4fc4b9 e-divider-base\" data-interaction-id=\"f3bb284\"   \/>\n\t\t\t\t\t<h2 data-interaction-id=\"56dc74b\" class=\"e-56dc74b-dd0c480 e-heading-base\">\u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u062a\u0642\u0646\u064a\u0627\u062a \u062d\u062f\u064a\u062b\u0629<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-276dbc2 e-con e-atomic-element e-flexbox-base e-7a564d6 \" data-id=\"276dbc2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"276dbc2\">\n    \t\t<div class=\"elementor-element elementor-element-d939077 elementor-widget elementor-widget-html\" data-id=\"d939077\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tajawal Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================================\r\n   AL MAHDALI - OUR SERVICES\r\n========================================= *\/\r\n\r\n.mah-services {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n    margin: 0 auto;\r\n    padding: 10px 0 30px;\r\n    box-sizing: border-box;\r\n    font-family: 'Tajawal', Arial, sans-serif;\r\n}\r\n\r\n.mah-services * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.mah-services-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 35px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* =========================================\r\n   CARD\r\n========================================= *\/\r\n\r\n.mah-service-card {\r\n    width: 100%;\r\n    min-width: 0;\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #d9b46f;\r\n    border-radius: 9px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.mah-service-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: #d49a3a;\r\n    box-shadow: 0 8px 22px rgba(15, 45, 82, 0.13);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.mah-service-image {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n\r\n    overflow: hidden;\r\n    background: #f5f5f5;\r\n}\r\n\r\n\/* SAME SIZE FOR BOTH IMAGES *\/\r\n\r\n.mah-service-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n\/* IMAGE HOVER *\/\r\n\r\n.mah-service-card:hover .mah-service-image img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.mah-service-content {\r\n    position: relative;\r\n    flex: 1;\r\n\r\n    text-align: center;\r\n\r\n    padding: 27px 25px 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.mah-service-icon {\r\n    position: absolute;\r\n\r\n    top: -22px;\r\n    left: 50%;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    border-radius: 50%;\r\n    border: 3px solid #ffffff;\r\n\r\n    background: #062b55;\r\n    color: #d49a3a;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n\r\n    box-shadow: 0 2px 7px rgba(0,0,0,0.12);\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n\r\n\/* ICON HOVER *\/\r\n\r\n.mah-service-card:hover .mah-service-icon {\r\n    background: #d49a3a;\r\n    color: #ffffff;\r\n\r\n    transform:\r\n        translateX(-50%)\r\n        scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITLE\r\n========================================= *\/\r\n\r\n.mah-service-title {\r\n    margin: 3px 0 8px;\r\n\r\n    color: #062b55;\r\n\r\n    font-size: 17px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n========================================= *\/\r\n\r\n.mah-service-description {\r\n    max-width: 400px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: #555555;\r\n\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .mah-services {\r\n        width: calc(100% - 30px);\r\n    }\r\n\r\n    .mah-services-grid {\r\n        gap: 25px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .mah-services {\r\n        width: calc(100% - 24px);\r\n        padding: 5px 0 25px;\r\n    }\r\n\r\n    .mah-services-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n    }\r\n\r\n    .mah-service-content {\r\n        padding: 27px 18px 18px;\r\n    }\r\n\r\n    .mah-service-title {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .mah-service-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"mah-services\">\r\n\r\n    <div class=\"mah-services-grid\">\r\n\r\n\r\n        <!-- \u0643\u0628\u0633 \u0648\u0642\u0635 \u0627\u0644\u062d\u062f\u064a\u062f -->\r\n\r\n        <div class=\"mah-service-card\">\r\n\r\n            <div class=\"mah-service-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/pressing.png\"\r\n                    alt=\"\u0643\u0628\u0633 \u0648\u0642\u0635 \u0627\u0644\u062d\u062f\u064a\u062f\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mah-service-content\">\r\n\r\n                <div class=\"mah-service-icon\">\r\n                    \u2699\r\n                <\/div>\r\n\r\n                <h3 class=\"mah-service-title\">\r\n                    \u0643\u0628\u0633 \u0648\u0642\u0635 \u0627\u0644\u062d\u062f\u064a\u062f\r\n                <\/h3>\r\n\r\n                <p class=\"mah-service-description\">\r\n                    \u062e\u062f\u0645\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0643\u0628\u0633 \u0648\u062a\u0634\u0643\u064a\u0644 \u0648\u0642\u0635 \u0627\u0644\u062d\u062f\u064a\u062f \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0642\u0627\u0633\u0627\u062a \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- \u0627\u0644\u0646\u0642\u0634 \u0628\u0627\u0644\u0644\u064a\u0632\u0631 -->\r\n\r\n        <div class=\"mah-service-card\">\r\n\r\n            <div class=\"mah-service-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/www.almahdali.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-17-2026-03_20_27-AM.png\"\r\n                    alt=\"\u0627\u0644\u0646\u0642\u0634 \u0628\u0627\u0644\u0644\u064a\u0632\u0631\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n            <div class=\"mah-service-content\">\r\n\r\n                <div class=\"mah-service-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <h3 class=\"mah-service-title\">\r\n                    \u0627\u0644\u0646\u0642\u0634 \u0628\u0627\u0644\u0644\u064a\u0632\u0631\r\n                <\/h3>\r\n\r\n                <p class=\"mah-service-description\">\r\n                    \u062e\u062f\u0645\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0646\u0642\u0634 \u0627\u0644\u062d\u062f\u064a\u062f \u0628\u0627\u0644\u0644\u064a\u0632\u0631 \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u0646\u062a\u0627\u0626\u062c \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062f\u0642\u0629 \u0648\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4eb8eea e-con e-atomic-element e-flexbox-base e-60652e7 \" data-id=\"4eb8eea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4eb8eea\">\n    \t\t\t<h2 data-interaction-id=\"e43dc76\" class=\"e-e43dc76-169153c e-heading-base\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f<\/h2>\n\t\t\t\t\t\n<hr class=\"e-8c3ee02-d793148 e-divider-base\" data-interaction-id=\"8c3ee02\"   \/>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-37d75f1 e-con e-atomic-element e-flexbox-base e-9d87ed2 \" data-id=\"37d75f1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"37d75f1\">\n    \t\t<div class=\"elementor-element elementor-element-aca6df2 elementor-widget elementor-widget-html\" data-id=\"aca6df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tajawal Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Remix Icons -->\r\n<link\r\nhref=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@4.3.0\/fonts\/remixicon.css\"\r\nrel=\"stylesheet\"\r\n\/>\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   WHY CHOOSE US\r\n========================= *\/\r\n\r\n.mah-why{\r\n    width:100%;\r\n    max-width:1050px;\r\n    margin:0 auto;\r\n    padding:28px 20px;\r\n\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n\r\n    background:#ffffff;\r\n\r\n    border:1px solid #d4a45f;\r\n    border-radius:12px;\r\n\r\n    font-family:'Tajawal', Arial, sans-serif;\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ITEM *\/\r\n\r\n.mah-why-item{\r\n    position:relative;\r\n\r\n    text-align:center;\r\n\r\n    padding:12px 22px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n\/* VERTICAL DIVIDER *\/\r\n\r\n.mah-why-item:not(:last-child)::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:15%;\r\n\r\n    width:1px;\r\n    height:70%;\r\n\r\n    background:#e7d7bc;\r\n}\r\n\r\n\/* \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0628\u064a\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n.mah-why-item:not(:last-child)::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0 !important;\r\n    right:auto !important;\r\n    top:15%;\r\n    width:1px;\r\n    height:70%;\r\n    background:#e7d7bc;\r\n}\r\n\/* ICON *\/\r\n\r\n.mah-why-icon{\r\n    color:#d49a3a;\r\n\r\n    font-size:31px;\r\n    line-height:1;\r\n\r\n    margin-bottom:10px;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        color .25s ease;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.mah-why-title{\r\n    margin:0 0 7px;\r\n\r\n    color:#062b55;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.mah-why-text{\r\n    margin:0;\r\n\r\n    color:#555d67;\r\n\r\n    font-size:11px;\r\n    font-weight:400;\r\n    line-height:1.5;\r\n\r\n    max-width:155px;\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.mah-why-item:hover{\r\n    transform:translateY(-4px);\r\n}\r\n\r\n.mah-why-item:hover .mah-why-icon{\r\n    transform:scale(1.10);\r\n    color:#c88925;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n    .mah-why{\r\n        grid-template-columns:repeat(3,1fr);\r\n        gap:20px 0;\r\n    }\r\n\r\n    .mah-why-item::after{\r\n        display:none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n    .mah-why{\r\n        display:grid !important;\r\n        grid-template-columns:repeat(2, 1fr) !important;\r\n        gap:5px 8px !important;\r\n        align-items:start !important;\r\n\r\n        padding:10px 15px 20px !important;\r\n    }\r\n\r\n    .mah-why-item{\r\n        width:100% !important;\r\n        height:auto !important;\r\n        min-height:0 !important;\r\n\r\n        padding:16px 6px !important;\r\n        margin:0 !important;\r\n\r\n        border-bottom:none !important;\r\n\r\n        display:flex !important;\r\n        flex-direction:column !important;\r\n        align-items:center !important;\r\n        justify-content:flex-start !important;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    .mah-why-icon{\r\n        margin:0 0 8px 0 !important;\r\n        padding:0 !important;\r\n    }\r\n\r\n    .mah-why-icon i{\r\n        font-size:30px !important;\r\n    }\r\n\r\n    .mah-why-title{\r\n        margin:0 0 6px 0 !important;\r\n        padding:0 !important;\r\n\r\n        font-size:14px !important;\r\n        line-height:1.25 !important;\r\n    }\r\n\r\n    .mah-why-text{\r\n        margin:0 !important;\r\n        padding:0 !important;\r\n\r\n        max-width:150px !important;\r\n\r\n        font-size:11px !important;\r\n        line-height:1.45 !important;\r\n\r\n        text-align:center !important;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062e\u0627\u0645\u0633 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n    .mah-why-item:nth-child(5){\r\n        grid-column:1 \/ -1 !important;\r\n        width:50% !important;\r\n        justify-self:center !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"mah-why\">\r\n\r\n\r\n    <!-- \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 -->\r\n\r\n    <div class=\"mah-why-item\">\r\n\r\n        <div class=\"mah-why-icon\">\r\n            <i class=\"ri-shield-check-line\"><\/i>\r\n        <\/div>\r\n\r\n        <h3 class=\"mah-why-title\">\r\n            \u0636\u0645\u0627\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\r\n        <\/h3>\r\n\r\n        <p class=\"mah-why-text\">\r\n            \u0646\u0648\u0641\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0644\u0628\u064a \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- \u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629 -->\r\n\r\n    <div class=\"mah-why-item\">\r\n\r\n        <div class=\"mah-why-icon\">\r\n            <i class=\"ri-group-line\"><\/i>\r\n        <\/div>\r\n\r\n        <h3 class=\"mah-why-title\">\r\n            \u062a\u0634\u0643\u064a\u0644\u0629 \u0648\u0627\u0633\u0639\u0629\r\n        <\/h3>\r\n\r\n        <p class=\"mah-why-text\">\r\n            \u062a\u0634\u0643\u064a\u0644\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0637\u0648\u0631\u0629 -->\r\n\r\n    <div class=\"mah-why-item\">\r\n\r\n        <div class=\"mah-why-icon\">\r\n            <i class=\"ri-settings-3-line\"><\/i>\r\n        <\/div>\r\n\r\n        <h3 class=\"mah-why-title\">\r\n            \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0637\u0648\u0631\u0629\r\n        <\/h3>\r\n\r\n        <p class=\"mah-why-text\">\r\n            \u0645\u0639\u062f\u0627\u062a \u062d\u062f\u064a\u062b\u0629 \u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0628\u0633 \u0648\u0627\u0644\u0642\u0635 \u0648\u0627\u0644\u0646\u0642\u0634.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- \u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 -->\r\n\r\n    <div class=\"mah-why-item\">\r\n\r\n        <div class=\"mah-why-icon\">\r\n            <i class=\"ri-shake-hands-line\"><\/i>\r\n        <\/div>\r\n\r\n        <h3 class=\"mah-why-title\">\r\n            \u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629\r\n        <\/h3>\r\n\r\n        <p class=\"mah-why-text\">\r\n            \u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062a\u0648\u0641\u0631 \u0642\u064a\u0645\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0643.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- \u062f\u0639\u0645 \u0645\u0648\u062b\u0648\u0642 -->\r\n\r\n    <div class=\"mah-why-item\">\r\n\r\n        <div class=\"mah-why-icon\">\r\n            <i class=\"ri-customer-service-2-line\"><\/i>\r\n        <\/div>\r\n\r\n        <h3 class=\"mah-why-title\">\r\n            \u062f\u0639\u0645 \u0645\u0648\u062b\u0648\u0642\r\n        <\/h3>\r\n\r\n        <p class=\"mah-why-text\">\r\n            \u0641\u0631\u064a\u0642 \u0645\u062d\u062a\u0631\u0641 \u062c\u0627\u0647\u0632 \u0644\u062f\u0639\u0645\u0643 \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u062c\u0645\u0639 \u0627\u0644\u0645\u0647\u062f\u0644\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a -\u0627\u0644\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u064a\u0645\u0646\u064a\u0629 \u0628\u064a\u0639 \u0627\u0644\u062c\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0644\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062d\u062f\u064a\u062f \u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0648\u0631\u0634\u060c \u0645\u0639 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1501","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.almahdali.com\/index.php?rest_route=\/wp\/v2\/pages\/1501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.almahdali.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.almahdali.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.almahdali.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.almahdali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1501"}],"version-history":[{"count":22,"href":"https:\/\/www.almahdali.com\/index.php?rest_route=\/wp\/v2\/pages\/1501\/revisions"}],"predecessor-version":[{"id":1628,"href":"https:\/\/www.almahdali.com\/index.php?rest_route=\/wp\/v2\/pages\/1501\/revisions\/1628"}],"wp:attachment":[{"href":"https:\/\/www.almahdali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}