{"id":54,"date":"2026-04-12T22:05:16","date_gmt":"2026-04-12T22:05:16","guid":{"rendered":"https:\/\/mahdicc.com\/home\/"},"modified":"2026-04-20T17:24:17","modified_gmt":"2026-04-20T17:24:17","slug":"home","status":"publish","type":"page","link":"https:\/\/mahdicc.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54\" class=\"elementor elementor-54\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64ad416a e-flex e-con-boxed e-con e-parent\" data-id=\"64ad416a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-76a9cf0b e-con-full e-flex e-con e-child\" data-id=\"76a9cf0b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-3d2e45e3 e-con-full e-flex e-con e-child\" data-id=\"3d2e45e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0906a6 elementor-widget elementor-widget-text-editor\" data-id=\"d0906a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"luxury-logo-container\">\n    <div class=\"luxury-logo-inner\">\n        <h1 class=\"main-title\">\n            <span class=\"brand-name\">MAHDI<\/span>\n        <\/h1>\n        \n        <span class=\"vertical-divider\"><\/span>\n        \n        <div class=\"company-type\">CONTRACTING<br \/>COMPANY<\/div>\n    <\/div>\n<\/div>\n\n<style>\n.luxury-logo-container {\n    text-align: center;\n    padding-top: 15px;\n    padding-bottom: 40px; \n    background: transparent;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    overflow: visible !important; \n}\n\n.luxury-logo-inner {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    overflow: visible !important;\n}\n\n.main-title {\n    margin: 0;\n    line-height: 1.5 !important; \n    animation: luxuriousFadeRight 2s ease-out forwards;\n}\n\n.brand-name {\n    \/* \u062a\u0635\u063a\u064a\u0631 \u062f\u0631\u062c\u0629 \u0648\u0627\u062d\u062f\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u062d\u062a\u0648\u0627\u0621 *\/\n    font-size: clamp(28px, 4.8vw, 42px); \n    font-weight: 900;\n    letter-spacing: 3.5px;\n    font-family: 'Segoe UI', Tahoma, sans-serif;\n    background: linear-gradient(45deg, #bf953f 0%, #fcf6ba 45%, #b38728 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n    padding: 0 4px;\n}\n\n.vertical-divider {\n    width: 1px;\n    height: 42px; \/* \u062a\u0645 \u062a\u0642\u0635\u064a\u0631\u0647 \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u0644\u062e\u0637 *\/\n    background: linear-gradient(to bottom, transparent, #d4af37, transparent);\n    animation: verticalStretch 1.8s ease-out 0.3s forwards;\n    opacity: 0;\n}\n\n.company-type {\n    \/* \u062a\u0635\u063a\u064a\u0631 \u0628\u0633\u064a\u0637 \u062c\u062f\u0627\u064b \u0644\u0644\u0646\u0635 \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\n    font-size: clamp(9px, 2vw, 12px);\n    font-weight: 400;\n    letter-spacing: 2.5px;\n    color: #d4af37;\n    font-family: 'Segoe UI', sans-serif;\n    text-transform: uppercase;\n    text-align: left;\n    line-height: 1.3;\n    margin: 0;\n    animation: luxuriousFadeLeft 2s ease-out 0.6s forwards;\n    opacity: 0;\n}\n\n\/* \u0636\u0628\u0637 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0639\u0631\u0628\u064a *\/\n[lang=\"ar\"] .brand-name {\n    letter-spacing: 0;\n    line-height: 1.7 !important;\n}\n\n\/* --- \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 --- *\/\n@keyframes luxuriousFadeRight {\n    0% { opacity: 0; transform: translateX(-15px); filter: blur(4px); }\n    100% { opacity: 1; transform: translateX(0); filter: blur(0); }\n}\n\n@keyframes verticalStretch {\n    0% { opacity: 0; transform: scaleY(0); }\n    100% { opacity: 1; transform: scaleY(1); }\n}\n\n@keyframes luxuriousFadeLeft {\n    0% { opacity: 0; transform: translateX(15px); filter: blur(4px); }\n    100% { opacity: 0.9; transform: translateX(0); filter: blur(0); }\n}\n\n@media screen and (max-width: 480px) {\n    .luxury-logo-inner {\n        gap: 10px;\n    }\n}\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c04f559 e-con-full e-flex e-con e-child\" data-id=\"c04f559\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce56fb elementor-widget elementor-widget-text-editor\" data-id=\"2ce56fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"typing-box\">\n  <h2 class=\"animate-text\">Building Today. Shaping Tomorrow<\/h2>\n<\/div>\n\n<style>\n.typing-box {\n  display: block;\n  text-align: center;\n  width: 100%;\n}\n\n.animate-text {\n  display: inline-block;\n  font-family: 'Segoe UI', sans-serif;\n  font-size: 20px;\n  font-weight: 800;\n  text-transform: uppercase;\n  color: white;\n  white-space: nowrap;\n  overflow: hidden; \/* \u0623\u0647\u0645 \u0633\u0637\u0631 \u0639\u0634\u0627\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 \u062a\u0628\u0627\u0646 *\/\n  border-right: 3px solid #D4AF37;\n  margin: 0 auto;\n  \n  \/* \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0644\u0645\u062f\u0629 4 \u062b\u0648\u0627\u0646\u064a *\/\n  animation: \n    writing 4s steps(40) infinite,\n    colorTransition 4s infinite;\n}\n\n\/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 - \u0628\u064a\u0641\u062a\u062d \u0627\u0644\u0639\u0631\u0636 \u0645\u0646 0 \u0644\u0640 100% *\/\n@keyframes writing {\n  0% { max-width: 0; }\n  70% { max-width: 100%; } \/* \u0628\u064a\u062e\u0644\u0635 \u0643\u062a\u0627\u0628\u0629 \u0639\u0646\u062f \u062b\u0627\u0646\u064a\u0629 2.8 *\/\n  100% { max-width: 100%; } \/* \u0628\u064a\u0641\u0636\u0644 \u062b\u0627\u0628\u062a \u062b\u0627\u0646\u064a\u0629 \u0632\u064a\u0627\u062f\u0629 \u0639\u0634\u0627\u0646 \u0627\u0644\u0646\u0627\u0633 \u062a\u0642\u0631\u0623 *\/\n}\n\n\/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u062a\u062d\u0648\u0644 \u0627\u0644\u0644\u0648\u0646 \u0645\u0646 \u0623\u0628\u064a\u0636 \u0644\u062f\u0647\u0628\u064a *\/\n@keyframes colorTransition {\n  0%, 50% { color: white; }\n  80%, 100% { \n    color: #D4AF37; \n    \/* \u0644\u0648 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0628\u064a\u062f\u0639\u0645 \u0627\u0644\u062a\u062f\u0631\u062c \u0647\u064a\u0638\u0647\u0631 *\/\n    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n}\n\n\/* \u0639\u0634\u0627\u0646 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n@media (max-width: 768px) {\n  .animate-text {\n    font-size: 14px;\n    letter-spacing: 1px;\n  }\n}\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f18e0b2 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"f18e0b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#pr\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-double-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Our projects<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32c14b0b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32c14b0b\" data-element_type=\"section\" data-e-type=\"section\" id=\"about\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79ac57a2 elementor-invisible\" data-id=\"79ac57a2\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-307047ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"307047ff\" data-element_type=\"section\" data-e-type=\"section\" id=\"about\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;mountains&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3676dbf0 elementor-invisible\" data-id=\"3676dbf0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:600}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d7dc1f1 elementor-widget elementor-widget-image\" data-id=\"7d7dc1f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/Mockup_028.jpg-scaled.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Mockup_028.jpg\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTEyLCJ1cmwiOiJodHRwczpcL1wvbWFoZGljYy5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzA0XC9Nb2NrdXBfMDI4LmpwZy1zY2FsZWQuanBlZyJ9\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2000\" height=\"975\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/Mockup_028.jpg-2000x975.jpeg\" class=\"attachment-solace-single2 size-solace-single2 wp-image-112\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1dcf7bbe elementor-invisible\" data-id=\"1dcf7bbe\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:300}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fd3eed elementor-widget elementor-widget-heading\" data-id=\"8fd3eed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\nWho We Are<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6be20f46 elementor-widget elementor-widget-text-editor\" data-id=\"6be20f46\" 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>In the heart of the Eastern Province\u2014where industry breathes and energy and infrastructure projects pulse\u2014Mahdi Contracting Company has established itself as a trusted partner that blends expertise, flexibility, and precision in execution. From this strategic location, the industrial heartbeat of the Kingdom of Saudi Arabia, we extend our reach across multiple sectors, serving each with efficiency and mastery.<\/p><p>We are a Saudi company with nearly a decade of experience, during which we have solidified our position in the contracting and manpower supply sector. We are grounded in a deep understanding of market requirements and a proven capacity to deliver practical solutions that meet the accelerating demands of projects and their varied requirements.<\/p><p>We do not stop at the boundaries of execution; rather, we believe in our role as an active partner in the journey of development. We are committed to advancing the achievements of Saudi Vision 2030 by supporting local content, empowering local talent, and enhancing operational efficiency in vital projects, committed to playing an integral role in a national ecosystem that shapes the future and reshapes the landscape of the economy.<\/p><p>We operate with the mindset of a partner, not merely a supplier, and with a responsibility that transcends contracts to build long-term relationships. We place quality at the forefront of our priorities, with commitment as the pillar of everything we offer, delivering tangible value that our clients experience at every step \u2014 from the first contact to the final handover.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bc19747 elementor-mobile-align-center elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-widget elementor-widget-button\" data-id=\"1bc19747\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">contact us <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-ba12583 e-flex e-con-boxed e-con e-parent\" data-id=\"ba12583\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1222827 elementor-widget elementor-widget-html\" data-id=\"1222827\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --brand-gold: #c8983c;\r\n        --dark-navy: #001f3f;\r\n    }\r\n\r\n    .premium-wrapper {\r\n        direction: ltr;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        padding: 60px 20px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 - \u0627\u0644\u062a\u0648\u0633\u0639 \u0645\u0646 \u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\r\n    .section-header {\r\n        text-align: center;\r\n        margin: 60px 0 50px;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .section-header.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .section-header h2 {\r\n        font-size: clamp(28px, 5vw, 40px);\r\n        color: var(--dark-navy);\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n        font-weight: 900;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .premium-separator {\r\n        position: relative;\r\n        width: 0;\r\n        height: 2px;\r\n        background: var(--brand-gold);\r\n        margin: 0 auto;\r\n        transition: width 1.2s cubic-bezier(0.65, 0, 0.35, 1);\r\n    }\r\n\r\n    .section-header.is-visible .premium-separator {\r\n        width: 180px;\r\n    }\r\n\r\n    \/* \u0644\u0645\u0639\u0629 \u0627\u0644\u0630\u0647\u0628 \u0639\u0644\u0649 \u0627\u0644\u062e\u0637 *\/\r\n    .premium-separator::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 50%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);\r\n        animation: gold-shine 3s infinite;\r\n    }\r\n\r\n    @keyframes gold-shine {\r\n        0% { left: -100%; }\r\n        100% { left: 100%; }\r\n    }\r\n\r\n    \/* \u0627\u0644\u0643\u0631\u0648\u062a \u0648\u0627\u0644\u0633\u062a\u0627\u0631\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 *\/\r\n    .cards-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 35px;\r\n    }\r\n\r\n    .reveal-card {\r\n        position: relative;\r\n        background: #fff;\r\n        border-radius: 4px; \/* \u062d\u0648\u0627\u0641 \u062d\u0627\u062f\u0629 \u0644\u0644\u0641\u062e\u0627\u0645\u0629 *\/\r\n        padding: 50px 35px;\r\n        text-align: center;\r\n        box-shadow: 0 15px 45px rgba(0,0,0,0.04);\r\n        overflow: hidden;\r\n        border: 1px solid #f2f2f2;\r\n    }\r\n\r\n    \/* \u0627\u0644\u0633\u062a\u0627\u0631\u0629 \u0628\u0644\u0648\u0646 \u0634\u0639\u0627\u0631\u0643 \u0627\u0644\u062c\u062f\u064a\u062f *\/\r\n    .gold-curtain {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: var(--brand-gold);\r\n        z-index: 10;\r\n        transition: transform 1s cubic-bezier(0.85, 0, 0.15, 1);\r\n        transform: scaleX(1);\r\n        transform-origin: left; \/* \u062a\u0641\u062a\u062d \u0645\u062b\u0644 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n    }\r\n\r\n    .reveal-card.is-visible .gold-curtain {\r\n        transform: scaleX(0);\r\n    }\r\n\r\n    \/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0627\u0631\u062a \u064a\u0638\u0647\u0631 \u0628\u062a\u0623\u062b\u064a\u0631 \u0646\u0627\u0639\u0645 *\/\r\n    .card-content {\r\n        opacity: 0;\r\n        filter: blur(8px);\r\n        transform: scale(0.95);\r\n        transition: all 0.8s ease-out 0.5s;\r\n        z-index: 5;\r\n    }\r\n\r\n    .reveal-card.is-visible .card-content {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: scale(1);\r\n    }\r\n\r\n    .icon-box {\r\n        font-size: 42px;\r\n        color: var(--brand-gold);\r\n        margin-bottom: 25px;\r\n        transition: 0.4s;\r\n    }\r\n\r\n    .reveal-card h4 {\r\n        color: var(--dark-navy);\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .reveal-card p {\r\n        color: #555;\r\n        line-height: 1.8;\r\n        font-size: 15.5px;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0627\u0644\u0648\u0642\u0648\u0641 \u0628\u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n    .reveal-card:hover {\r\n        border-color: var(--brand-gold);\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 25px 50px rgba(200, 152, 60, 0.12);\r\n    }\r\n\r\n    .reveal-card:hover .icon-box {\r\n        transform: scale(1.15) rotate(5deg);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"premium-wrapper\">\r\n\r\n    <div class=\"section-header\">\r\n        <h2>Our Strategy<\/h2>\r\n        <div class=\"premium-separator\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cards-grid\" style=\"margin-bottom: 80px;\">\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n                <h4>Our Vision<\/h4>\r\n                <p>To elevate the standards of the contracting and manpower supply sector in the Kingdom, setting the benchmark for quality, earning distinction through achievement, and becoming the trusted partner of choice.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-bullseye\"><\/i><\/div>\r\n                <h4>Our Mission<\/h4>\r\n                <p>We are committed to providing integrated professional services based on operational efficiency, quality performance, and speed of response, leveraging our expertise to meet our clients\u2019 needs with precision.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section-header\">\r\n        <h2>Our Core Values<\/h2>\r\n        <div class=\"premium-separator\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cards-grid\">\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-gem\"><\/i><\/div>\r\n                <h4>Perfection<\/h4>\r\n                <p>Quality is a deeply rooted corporate culture and a standard of work that accepts no exceptions.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                <h4>Responsibility<\/h4>\r\n                <p>Ethical and professional commitment is the foundation of all our engagements.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n                <h4>Professionalism<\/h4>\r\n                <p>We conduct our business with a clear methodology and structured performance that reflects our experience.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-sync-alt\"><\/i><\/div>\r\n                <h4>Flexibility<\/h4>\r\n                <p>We respond to project variables and client requirements with agile, practical solutions.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n                <h4>Partnership<\/h4>\r\n                <p>We believe that mutual success is the foundation; we grow with our clients and rise alongside them.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"reveal-card\">\r\n            <div class=\"gold-curtain\"><\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"icon-box\"><i class=\"fas fa-rocket\"><\/i><\/div>\r\n                <h4>Development<\/h4>\r\n                <p>We keep pace with progress, updating our tools and capabilities to remain at the forefront of competition.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-visible');\r\n            }\r\n        });\r\n    }, { threshold: 0.15 });\r\n\r\n    document.querySelectorAll('.reveal-card, .section-header').forEach(el => {\r\n        observer.observe(el);\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08f4872 e-flex e-con-boxed e-con e-parent\" data-id=\"08f4872\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;shape_divider_top&quot;:&quot;wave-brush&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb50612 elementor-widget elementor-widget-html\" data-id=\"cb50612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* 1. \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0634\u0641\u0627\u0641\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 *\/\r\n    .atef-glass-wrapper {\r\n        direction: ltr !important;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        padding: 60px 15px;\r\n        background: transparent; \/* \u062e\u0644\u0641\u064a\u0629 \u0634\u0641\u0627\u0641\u0629 \u062a\u0645\u0627\u0645\u0627\u064b *\/\r\n    }\r\n\r\n    .atef-final-title {\r\n        text-align: center;\r\n        color: #001f3f; \r\n        font-size: clamp(28px, 5vw, 42px);\r\n        font-weight: 900;\r\n        margin-bottom: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .atef-final-gold-line {\r\n        width: 100px;\r\n        height: 4px;\r\n        background: #c8983c;\r\n        margin: 0 auto 50px;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    \/* 2. \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0632\u062c\u0627\u062c\u064a (Glassmorphism) *\/\r\n    .atef-service-box {\r\n        max-width: 950px;\r\n        margin: 0 auto 40px;\r\n        \r\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0636\u0628\u0627\u0628 *\/\r\n        background: rgba(255, 255, 255, 0.2); \/* \u0623\u0648\u0628\u0627\u0633\u062a\u064a 20% *\/\r\n        backdrop-filter: blur(10px); \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0636\u0628\u0627\u0628 *\/\r\n        -webkit-backdrop-filter: blur(10px); \/* \u0644\u062f\u0639\u0645 \u0645\u062a\u0635\u0641\u062d \u0633\u0641\u0627\u0631\u064a *\/\r\n        \r\n        padding: 30px;\r\n        border-radius: 15px;\r\n        border: 1px solid rgba(255, 255, 255, 0.3); \/* \u062d\u0627\u0641\u0629 \u0628\u064a\u0636\u0627\u0621 \u0634\u0641\u0627\u0641\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0634\u0643\u0644 \u0627\u0644\u0632\u062c\u0627\u062c *\/\r\n        transition: all 0.4s ease;\r\n        display: flex;\r\n        gap: 25px;\r\n        align-items: flex-start;\r\n        position: relative;\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0645\u0631\u0648\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n    .atef-service-box:hover {\r\n        transform: translateY(-8px);\r\n        background: rgba(255, 255, 255, 0.3); \/* \u062a\u0632\u064a\u062f \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0642\u0644\u064a\u0644\u0627\u064b \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n        border-color: #c8983c;\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .atef-icon-container {\r\n        flex: 0 0 60px;\r\n    }\r\n\r\n    .atef-final-icon {\r\n        font-size: 40px;\r\n        color: #c8983c;\r\n        transition: 0.4s ease;\r\n        display: block;\r\n    }\r\n\r\n    .atef-service-box:hover .atef-final-icon {\r\n        animation: atef-icon-pulse 1.5s infinite;\r\n    }\r\n\r\n    @keyframes atef-icon-pulse {\r\n        0% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n        100% { transform: scale(1); }\r\n    }\r\n\r\n    .atef-content-container h3 {\r\n        color: #001f3f;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .atef-content-container p {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        color: #222; \/* \u0644\u0648\u0646 \u062f\u0627\u0643\u0646 \u0644\u0644\u0648\u0636\u0648\u062d \u0641\u0648\u0642 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 *\/\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .atef-point-item {\r\n        font-size: 14.5px;\r\n        color: #111;\r\n        font-weight: 700; \/* \u062c\u0639\u0644 \u0627\u0644\u062e\u0637 \u0623\u0633\u0645\u0643 \u0642\u0644\u064a\u0644\u0627\u064b \u0644\u0644\u0648\u0636\u0648\u062d *\/\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .atef-point-item i {\r\n        color: #c8983c;\r\n    }\r\n\r\n    .atef-points-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    .atef-core-advantage {\r\n        margin-top: 25px;\r\n        padding: 12px 18px;\r\n        background: rgba(0, 31, 63, 0.8); \/* \u062e\u0644\u0641\u064a\u0629 \u0643\u062d\u0644\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 \u0644\u062a\u0628\u0631\u0632 \u0627\u0644\u0645\u064a\u0632\u0629 *\/\r\n        color: #c8983c; \/* \u0646\u0635 \u0630\u0647\u0628\u064a *\/\r\n        font-size: 14.5px;\r\n        border-radius: 6px;\r\n        display: inline-block;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .atef-service-box { flex-direction: column; padding: 20px; }\r\n        .atef-icon-container { text-align: left; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"atef-glass-wrapper\">\r\n\r\n    <h2 class=\"atef-final-title\">Our Services<\/h2>\r\n    <div class=\"atef-final-gold-line\"><\/div>\r\n\r\n    <div class=\"atef-service-box\">\r\n        <div class=\"atef-icon-container\">\r\n            <i class=\"fas fa-users-gear atef-final-icon\"><\/i>\r\n        <\/div>\r\n        <div class=\"atef-content-container\">\r\n            <h3>Specialized Manpower Supply<\/h3>\r\n            <p>At the forefront of our services is the supply of qualified human capital, the cornerstone of every project\u2019s success. We manage all regulatory procedures (Iqamas, insurance, Qiwa).<\/p>\r\n            <div class=\"atef-points-grid\">\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Engineers across disciplines<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Supervisors and technicians<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Trained technical labor<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> HSE personnel<\/div>\r\n            <\/div>\r\n            <div class=\"atef-core-advantage\">\r\n                <strong>Core Advantage:<\/strong> Rapid response & quality personnel from day one.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atef-service-box\">\r\n        <div class=\"atef-icon-container\">\r\n            <i class=\"fas fa-building-circle-check atef-final-icon\"><\/i>\r\n        <\/div>\r\n        <div class=\"atef-content-container\">\r\n            <h3>Civil and Construction Contracting<\/h3>\r\n            <p>We execute various types of projects (industrial, commercial, residential) from groundwork to final delivery, according to the highest quality standards.<\/p>\r\n            <div class=\"atef-points-grid\">\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Foundations & concrete structures<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Infrastructure & drainage networks<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Water tanks and treatment plants<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Roads, pavements, and fences<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atef-service-box\">\r\n        <div class=\"atef-icon-container\">\r\n            <i class=\"fas fa-gears atef-final-icon\"><\/i>\r\n        <\/div>\r\n        <div class=\"atef-content-container\">\r\n            <h3>Mechanical Works<\/h3>\r\n            <p>Integrated mechanical solutions serving industrial projects, in strict adherence to ASME codes and international standards.<\/p>\r\n            <div class=\"atef-points-grid\">\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Industrial piping systems (ASME)<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Installation of structural steel<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> HVAC & Fire protection systems<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Pressure vessels & storage tanks<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atef-service-box\">\r\n        <div class=\"atef-icon-container\">\r\n            <i class=\"fas fa-bolt-lightning atef-final-icon\"><\/i>\r\n        <\/div>\r\n        <div class=\"atef-content-container\">\r\n            <h3>Electrical Works<\/h3>\r\n            <p>Comprehensive electrical services covering HV \/ MV \/ LV voltage levels, ensuring stability and technical efficiency.<\/p>\r\n            <div class=\"atef-points-grid\">\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Power generation & distribution<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Transformers & switchgear panels<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Instrumentation & Control systems<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Lighting systems & maintenance<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atef-service-box\">\r\n        <div class=\"atef-icon-container\">\r\n            <i class=\"fas fa-paint-roller atef-final-icon\"><\/i>\r\n        <\/div>\r\n        <div class=\"atef-content-container\">\r\n            <h3>Industrial Paints and Coatings<\/h3>\r\n            <p>Advanced protection solutions ensuring resistance to harsh environmental conditions and extending asset life.<\/p>\r\n            <div class=\"atef-points-grid\">\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Anti-corrosion treatments<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Surface preparation & sandblasting<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Epoxy & protective coatings<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Thermal and water insulation<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atef-service-box\">\r\n        <div class=\"atef-icon-container\">\r\n            <i class=\"fas fa-screwdriver-wrench atef-final-icon\"><\/i>\r\n        <\/div>\r\n        <div class=\"atef-content-container\">\r\n            <h3>Maintenance and Shutdowns<\/h3>\r\n            <p>Integrated support for planned and unplanned maintenance, ensuring process continuity and minimizing downtime.<\/p>\r\n            <div class=\"atef-points-grid\">\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Shutdown & Turnaround support<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Preventive maintenance programs<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Certified Welders & Technicians<\/div>\r\n                <div class=\"atef-point-item\"><i class=\"fas fa-check\"><\/i> Fire Watch and Inspectors<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d62022 e-flex e-con-boxed e-con e-parent\" data-id=\"6d62022\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;wave-brush&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bef57fa elementor-widget elementor-widget-html\" data-id=\"bef57fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .sectors-glass-section {\r\n        direction: ltr !important;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        padding: 80px 15px;\r\n        background: transparent;\r\n    }\r\n\r\n    .sectors-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .sectors-header h2 {\r\n        font-size: clamp(26px, 5vw, 40px);\r\n        color: #001f3f;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .sectors-gold-line {\r\n        width: 80px;\r\n        height: 4px;\r\n        background: #c8983c;\r\n        margin: 0 auto 25px;\r\n    }\r\n\r\n    .sectors-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .sector-card {\r\n        background: rgba(255, 255, 255, 0.2); \/* \u0623\u0648\u0628\u0627\u0633\u062a\u064a 20% *\/\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        padding: 40px 25px;\r\n        border-radius: 20px;\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        text-align: center;\r\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    .sector-card:hover {\r\n        transform: translateY(-15px);\r\n        background: rgba(0, 31, 63, 0.9); \/* \u0643\u062d\u0644\u064a \u062f\u0627\u0643\u0646 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n        border-color: #c8983c;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\r\n    .sector-icon-wrapper {\r\n        width: 80px;\r\n        height: 80px;\r\n        background: rgba(200, 152, 60, 0.1);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 25px;\r\n        transition: 0.5s;\r\n    }\r\n\r\n    .sector-card:hover .sector-icon-wrapper {\r\n        background: #c8983c;\r\n        transform: rotateY(360deg);\r\n    }\r\n\r\n    .sector-icon-wrapper i {\r\n        font-size: 35px;\r\n        color: #c8983c;\r\n        transition: 0.5s;\r\n    }\r\n\r\n    .sector-card:hover i {\r\n        color: #fff;\r\n    }\r\n\r\n    .sector-card h3 {\r\n        font-size: 22px;\r\n        color: #001f3f;\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .sector-card p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: #333;\r\n    }\r\n\r\n    .sector-card:hover h3 { color: #c8983c; }\r\n    .sector-card:hover p { color: #eee; }\r\n\r\n    @media (max-width: 768px) {\r\n        .sectors-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sectors-glass-section\">\r\n    \r\n    <div class=\"sectors-header\">\r\n        <h2>Sectors We Serve<\/h2>\r\n        <div class=\"sectors-gold-line\"><\/div>\r\n        <p style=\"font-size: 18px; color: #444; max-width: 800px; margin: 0 auto;\">\r\n            Expertise That Rises to the Demands of Every Sector\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sectors-grid\">\r\n\r\n        <div class=\"sector-card\">\r\n            <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-gas-pump\"><\/i>\r\n            <\/div>\r\n            <h3>Oil & Gas Sector<\/h3>\r\n            <p>Meeting demands with specialized personnel and support services to ensure operational continuity and safety.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sector-card\">\r\n            <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-industry\"><\/i>\r\n            <\/div>\r\n            <h3>Petrochemical Sector<\/h3>\r\n            <p>Integrated solutions matching the precision of operations and high-quality industrial requirements.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sector-card\">\r\n            <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-bolt\"><\/i>\r\n            <\/div>\r\n            <h3>Energy & Power Sector<\/h3>\r\n            <p>Execution of works and human resources ensuring operational stability and performance efficiency.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sector-card\">\r\n            <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-gem\"><\/i>\r\n            <\/div>\r\n            <h3>Mining & Minerals Sector<\/h3>\r\n            <p>Supporting extraction and processing projects with a steadfast commitment to safety and operational needs.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sector-card\">\r\n            <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-tools\"><\/i>\r\n            <\/div>\r\n            <h3>Industrial Construction<\/h3>\r\n            <p>Backing major projects with a deep understanding of complex execution in industrial environments.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sector-card\">\r\n            <div class=\"sector-icon-wrapper\">\r\n                <i class=\"fas fa-city\"><\/i>\r\n            <\/div>\r\n            <h3>Infrastructure & Utilities<\/h3>\r\n            <p>Advancing vital projects from basic networks to essential services with a focus on quality and sustainability.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b4d53b e-flex e-con-boxed e-con e-parent\" data-id=\"1b4d53b\" data-element_type=\"container\" data-e-type=\"container\" id=\"pr\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1122db3 elementor-widget elementor-widget-html\" data-id=\"1122db3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .hc-glass-section {\r\n        direction: ltr !important;\r\n        font-family: 'Segoe UI', sans-serif;\r\n        padding: 80px 15px;\r\n        background: transparent;\r\n    }\r\n\r\n    .hc-main-card {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        backdrop-filter: blur(15px);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        border-radius: 30px;\r\n        padding: 50px;\r\n        color: #001f3f;\r\n    }\r\n\r\n    .hc-top-header { text-align: center; margin-bottom: 50px; }\r\n    .hc-top-header h2 { font-size: 38px; font-weight: 900; margin-bottom: 15px; }\r\n    .hc-top-header .gold-line { width: 80px; height: 4px; background: #c8983c; margin: 0 auto; }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a *\/\r\n    .hc-stats-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n        gap: 30px;\r\n        margin-bottom: 60px;\r\n        text-align: center;\r\n    }\r\n\r\n    .stat-item h3 { font-size: 50px; color: #c8983c; font-weight: 900; margin-bottom: 5px; }\r\n    .stat-item p { font-size: 16px; font-weight: 700; color: #001f3f; }\r\n\r\n    \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a *\/\r\n    .specialty-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n        gap: 20px;\r\n    }\r\n\r\n    .spec-card {\r\n        background: rgba(255, 255, 255, 0.1);\r\n        padding: 25px;\r\n        border-radius: 15px;\r\n        border-left: 4px solid #c8983c;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .spec-card:hover { background: #001f3f; color: #fff; transform: scale(1.03); }\r\n    .spec-card i { font-size: 30px; color: #c8983c; margin-bottom: 15px; display: block; }\r\n    .spec-card h4 { font-size: 19px; margin-bottom: 10px; font-weight: 800; }\r\n    .spec-card p { font-size: 14px; line-height: 1.6; opacity: 0.9; }\r\n\r\n    .hc-result-box {\r\n        margin-top: 50px;\r\n        background: #001f3f;\r\n        color: #c8983c;\r\n        padding: 25px;\r\n        border-radius: 15px;\r\n        text-align: center;\r\n        font-weight: 700;\r\n    }\r\n\r\n    @media (max-width: 768px) { .hc-main-card { padding: 30px 15px; } }\r\n<\/style>\r\n\r\n<div class=\"hc-glass-section\">\r\n    <div class=\"hc-main-card\">\r\n        <div class=\"hc-top-header\">\r\n            <h2>Our Human Capital<\/h2>\r\n            <div class=\"gold-line\"><\/div>\r\n            <p style=\"margin-top: 20px; font-size: 18px; line-height: 1.8;\">\r\n                Professionals Who Make the Difference \u2014 and Readiness That Closes Every Gap.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hc-stats-grid\">\r\n            <div class=\"stat-item\">\r\n                <h3>+500<\/h3>\r\n                <p>Qualified Professionals<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>100%<\/h3>\r\n                <p>Direct Sponsorship<\/p>\r\n            <\/div>\r\n            <div class=\"stat-item\">\r\n                <h3>Rapid<\/h3>\r\n                <p>Mobilization<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"specialty-grid\">\r\n            <div class=\"spec-card\">\r\n                <i class=\"fas fa-drafting-compass\"><\/i>\r\n                <h4>Engineering<\/h4>\r\n                <p>Mechanical, Electrical, Civil, QA\/QC, and specialized Control engineers.<\/p>\r\n            <\/div>\r\n            <div class=\"spec-card\">\r\n                <i class=\"fas fa-helmet-safety\"><\/i>\r\n                <h4>Supervisory & Technical<\/h4>\r\n                <p>Experienced foremen, skilled welders, mechanics, and heavy equipment operators.<\/p>\r\n            <\/div>\r\n            <div class=\"spec-card\">\r\n                <i class=\"fas fa-shield-virus\"><\/i>\r\n                <h4>HSE Teams<\/h4>\r\n                <p>Safety Officers, Permit Receivers, and Fire Watch personnel qualified for mega-projects.<\/p>\r\n            <\/div>\r\n            <div class=\"spec-card\">\r\n                <i class=\"fas fa-file-invoice\"><\/i>\r\n                <h4>Admin & Operational<\/h4>\r\n                <p>Document Controllers and support staff ensuring workflow fluidity and organization.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hc-result-box\">\r\n            \"A client fully focused on project milestones \u2014 and a partner who owns every detail on their behalf.\"\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b23b932 e-flex e-con-boxed e-con e-parent\" data-id=\"b23b932\" data-element_type=\"container\" data-e-type=\"container\" id=\"KeyProjects\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;pyramids&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M761.9,44.1L643.1,27.2L333.8,98L0,3.8V0l1000,0v3.9\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-537e0f6 elementor-widget elementor-widget-html\" data-id=\"537e0f6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"Key Projects\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .projects-glass-section {\r\n        direction: ltr !important;\r\n        font-family: 'Segoe UI', sans-serif;\r\n        padding: 80px 15px;\r\n        background: transparent;\r\n    }\r\n\r\n    .projects-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .project-card {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 20px;\r\n        padding: 40px 30px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: 0.5s;\r\n        text-align: center;\r\n    }\r\n\r\n    .project-card:hover {\r\n        background: rgba(200, 152, 60, 0.9);\r\n        transform: translateY(-10px);\r\n    }\r\n\r\n    .project-card i {\r\n        font-size: 45px;\r\n        color: #c8983c;\r\n        margin-bottom: 20px;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .project-card h4 {\r\n        font-size: 22px;\r\n        color: #001f3f;\r\n        margin-bottom: 15px;\r\n        font-weight: 800;\r\n    }\r\n\r\n    .project-card p {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n        color: #333;\r\n    }\r\n\r\n    .project-card:hover i, .project-card:hover h4, .project-card:hover p {\r\n        color: #fff;\r\n    }\r\n\r\n    .project-badge {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        background: #001f3f;\r\n        color: #fff;\r\n        padding: 5px 12px;\r\n        border-radius: 50px;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"projects-glass-section\">\r\n    <div class=\"hc-top-header\">\r\n        <h2>Key Projects<\/h2>\r\n        <div class=\"gold-line\"><\/div>\r\n        <p style=\"margin-top: 20px; font-size: 18px; color: #444;\">Achievements Worth Sharing \u2014 Quality Manifested at Every Site.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"projects-grid\">\r\n        <div class=\"project-card\">\r\n            <span class=\"project-badge\">Residential<\/span>\r\n            <i class=\"fas fa-home-luxury\"><\/i>\r\n            <h4>King Fahd District<\/h4>\r\n            <p>Residential units blending structural durability with finishing precision to meet modern lifestyle aspirations.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"project-card\">\r\n            <span class=\"project-badge\">Commercial<\/span>\r\n            <i class=\"fas fa-building-user\"><\/i>\r\n            <h4>Rehab Al Wajihah<\/h4>\r\n            <p>Integrated residential & commercial apartments executed with high operational efficiency and user-focused details.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"project-card\">\r\n            <span class=\"project-badge\">Infrastructure<\/span>\r\n            <i class=\"fas fa-road-barrier\"><\/i>\r\n            <h4>Al Khobar Development<\/h4>\r\n            <p>Contribution to infrastructure works according to the highest technical standards, enhancing service continuity.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <p style=\"text-align: center; margin-top: 40px; font-weight: 700; color: #001f3f;\">\r\n        \"Our projects are not merely numbers \u2014 they are a living record of trust.\"\r\n    <\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fe3309 e-flex e-con-boxed e-con e-parent\" data-id=\"2fe3309\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bedc647 elementor-widget elementor-widget-html\" data-id=\"bedc647\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .atef-unified-section {\r\n        direction: ltr !important;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        padding: 60px 20px;\r\n        background: transparent;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .unified-title {\r\n        text-align: center;\r\n        color: #001f3f;\r\n        font-size: clamp(26px, 5vw, 38px);\r\n        font-weight: 900;\r\n        margin-bottom: 10px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .unified-gold-line {\r\n        width: 80px;\r\n        height: 4px;\r\n        background: #c8983c;\r\n        margin: 0 auto 50px;\r\n    }\r\n\r\n    \/* \u0643\u0631\u0648\u062a \u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a *\/\r\n    .pillars-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .pillar-glass-card {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        padding: 25px;\r\n        border-radius: 15px;\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        transition: 0.4s ease;\r\n    }\r\n\r\n    .pillar-glass-card:hover {\r\n        background: rgba(0, 31, 63, 0.9);\r\n        transform: translateY(-5px);\r\n        border-color: #c8983c;\r\n    }\r\n\r\n    .pillar-glass-card i {\r\n        font-size: 30px;\r\n        color: #c8983c;\r\n        width: 40px;\r\n        text-align: center;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .pillar-glass-card p {\r\n        font-size: 15px;\r\n        color: #001f3f;\r\n        font-weight: 700;\r\n        margin: 0;\r\n        line-height: 1.5;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .pillar-glass-card:hover p {\r\n        color: #fff;\r\n    }\r\n\r\n    \/* \u0642\u0633\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 - \u0627\u0644\u0634\u0631\u064a\u0637 \u0627\u0644\u0645\u0635\u0644\u062d *\/\r\n    .clients-wrapper {\r\n        text-align: center;\r\n        padding-top: 40px;\r\n        border-top: 1px solid rgba(0, 31, 63, 0.1);\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .clients-sub-title {\r\n        color: #c8983c;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        margin-bottom: 35px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .logo-slider {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        position: relative;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .logo-track {\r\n        display: flex;\r\n        \/* \u064a\u062a\u0645 \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0644\u064a \u0628\u062f\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n        width: max-content; \r\n        animation: scrollLogos 20s linear infinite;\r\n    }\r\n\r\n    .logo-track:hover {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .logo-slide {\r\n        width: 180px; \/* \u062a\u0648\u062d\u064a\u062f \u0627\u0644\u0639\u0631\u0636 *\/\r\n        margin: 0 40px;\r\n        flex-shrink: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .logo-slide img {\r\n        width: 100%;\r\n        height: 80px;\r\n        object-fit: contain;\r\n    }\r\n\r\n    \/* \u0623\u0646\u0645\u064a\u0634\u0646 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a\u0629 *\/\r\n    @keyframes scrollLogos {\r\n        0% { transform: translateX(0); }\r\n        \/* \u0646\u062a\u062d\u0631\u0643 \u0628\u0645\u0642\u062f\u0627\u0631 \u0646\u0635\u0641 \u0637\u0648\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u062a\u0645\u0627\u0645\u0627\u064b (6 \u0634\u0639\u0627\u0631\u0627\u062a \u0628\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a) *\/\r\n        100% { transform: translateX(-1320px); } \r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .pillars-grid { grid-template-columns: 1fr; }\r\n        .logo-slide { width: 120px; margin: 0 20px; }\r\n        @keyframes scrollLogos {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-840px); }\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"atef-unified-section\">\r\n\r\n    <h2 class=\"unified-title\">What Sets Us Apart<\/h2>\r\n    <div class=\"unified-gold-line\"><\/div>\r\n\r\n    <div class=\"pillars-grid\">\r\n        <div class=\"pillar-glass-card\">\r\n            <i class=\"fas fa-hand-pointer\"><\/i> <p>Direct management that accelerates decision-making and enhances efficiency.<\/p>\r\n        <\/div>\r\n        <div class=\"pillar-glass-card\">\r\n            <i class=\"fas fa-briefcase\"><\/i> <p>Extensive practical experience in the Saudi market.<\/p>\r\n        <\/div>\r\n        <div class=\"pillar-glass-card\">\r\n            <i class=\"fas fa-bolt\"><\/i> <p>Rapid response and immediate mobilization of qualified personnel.<\/p>\r\n        <\/div>\r\n        <div class=\"pillar-glass-card\">\r\n            <i class=\"fas fa-shield-check\"><\/i> <p>Strict commitment to systems and regulations.<\/p>\r\n        <\/div>\r\n        <div class=\"pillar-glass-card\">\r\n            <i class=\"fas fa-file-contract\"><\/i> <p>Flexibility in contracting and project execution.<\/p>\r\n        <\/div>\r\n        <div class=\"pillar-glass-card\">\r\n            <i class=\"fas fa-trophy\"><\/i> <p>Execution quality built on genuine field experience.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"clients-wrapper\">\r\n        <h3 class=\"clients-sub-title\">Our Trusted Clients<\/h3>\r\n        \r\n        <div class=\"logo-slider\">\r\n            <div class=\"logo-track\">\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/logo_white_200-1.png\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/logo.png\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/logo-1-scaled.png\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/ghi-logo.jpg\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/13.jpg\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/images.jpg\" alt=\"Client\"><\/div>\r\n                \r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/logo_white_200-1.png\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/logo.png\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/logo-1-scaled.png\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/ghi-logo.jpg\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/13.jpg\" alt=\"Client\"><\/div>\r\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/images.jpg\" alt=\"Client\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04db3e3 e-flex e-con-boxed e-con e-parent\" data-id=\"04db3e3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;mountains&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-495f0cb elementor-widget elementor-widget-html\" data-id=\"495f0cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .atef-clean-section {\r\n        direction: ltr !important;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        padding: 60px 15px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .section-title-wrap {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .section-title-wrap h2 {\r\n        color: #001f3f;\r\n        font-size: clamp(24px, 5vw, 36px);\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .gold-separator {\r\n        width: 80px; height: 4px; background: #c8983c; margin: 0 auto;\r\n    }\r\n\r\n    \/* --------------------------------------\r\n        \u0643\u0631\u0648\u062a PDF \u0627\u0644\u0645\u062d\u0633\u0651\u0646\u0629 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 (\u0645\u0639\u0627\u064a\u0646\u0629 iframe)\r\n        -------------------------------------- *\/\r\n    .pdf-live-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .pdf-cert-card {\r\n        background: #fff;\r\n        border-radius: 12px;\r\n        border: 1px solid #e0e0e0;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: 0.3s ease;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .pdf-cert-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: #c8983c;\r\n        box-shadow: 0 10px 25px rgba(0, 31, 63, 0.1);\r\n    }\r\n\r\n    .pdf-tag {\r\n        position: absolute;\r\n        top: 8px; left: 8px;\r\n        background: #c8983c; color: #fff;\r\n        font-size: 9px; font-weight: 900;\r\n        padding: 3px 8px; border-radius: 4px;\r\n        z-index: 20;\r\n        box-shadow: 0 1px 3px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 - \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0646\u0633\u0628\u0629 \u0627\u0644\u0640 PDF *\/\r\n    .pdf-preview {\r\n        background: #f9f9f9;\r\n        position: relative;\r\n        aspect-ratio: 1 \/ 1.35; \/* \u0646\u0641\u0633 \u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f *\/\r\n        overflow: hidden;\r\n        border-bottom: 1px solid #eee;\r\n    }\r\n\r\n    .pdf-preview iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n        transform: scale(1.2); \/* \u062a\u0643\u0628\u064a\u0631 \u0644\u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0647\u0648\u0627\u0645\u0634 *\/\r\n        transform-origin: 0 0;\r\n        pointer-events: none; \/* \u0645\u0646\u0639 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 *\/\r\n    }\r\n\r\n    \/* \u0631\u0627\u0628\u0637 \u0641\u062a\u062d \u0627\u0644\u0645\u0644\u0641 (\u0632\u0631 \u0648\u0627\u0636\u062d \u0623\u0633\u0641\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629) *\/\r\n    .pdf-open-btn {\r\n        display: block;\r\n        text-align: center;\r\n        background: #001f3f;\r\n        color: #c8983c;\r\n        padding: 10px 5px;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        text-decoration: none;\r\n        transition: 0.2s;\r\n        border-top: 1px solid #eee;\r\n        border-radius: 0 0 12px 12px;\r\n    }\r\n\r\n    .pdf-open-btn i {\r\n        margin-right: 5px;\r\n    }\r\n\r\n    .pdf-open-btn:hover {\r\n        background: #c8983c;\r\n        color: #001f3f;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .pdf-live-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n        }\r\n        .pdf-open-btn {\r\n            padding: 8px 4px;\r\n            font-size: 10px;\r\n        }\r\n    }\r\n\r\n    \/* --------------------------------------\r\n        \u062c\u062f\u0648\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a (\u0643\u0645\u0627 \u0647\u0648 \u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631)\r\n        -------------------------------------- *\/\r\n    .smart-table-wrapper {\r\n        background: #fff;\r\n        border-radius: 15px; overflow: hidden;\r\n        border: 1px solid #eee;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    }\r\n    .smart-table { width: 100%; border-collapse: collapse; }\r\n    .smart-table thead { background: #001f3f; }\r\n    .smart-table th { color: #c8983c; padding: 20px; text-align: left; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }\r\n    .smart-table td { padding: 18px; border-bottom: 1px solid #f0f0f0; font-weight: 700; color: #001f3f; font-size: 14px; }\r\n    .status-active { background: #e8f5e9; color: #2e7d32; padding: 6px 14px; border-radius: 50px; font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; gap: 5px; }\r\n\r\n    @media (max-width: 768px) {\r\n        .smart-table thead { display: none; }\r\n        .smart-table tr { display: block; border-bottom: 2px solid #eee; margin-bottom: 10px; }\r\n        .smart-table td { display: flex; justify-content: space-between; padding: 12px; }\r\n        .smart-table td::before { content: attr(data-label); color: #c8983c; font-weight: 800; font-size: 11px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"atef-clean-section\">\r\n\r\n    <div class=\"section-title-wrap\">\r\n        <h2>Official Certificates and Documents<\/h2>\r\n        <div class=\"gold-separator\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pdf-live-grid\">\r\n        <div class=\"pdf-cert-card\">\r\n            <div class=\"pdf-tag\"><i class=\"fas fa-file-pdf\"><\/i> PDF<\/div>\r\n            <div class=\"pdf-preview\">\r\n                <iframe src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/CrCertificate.pdf#toolbar=0&navpanes=0&scrollbar=0&view=FitH\" title=\"\u0645\u0639\u0627\u064a\u0646\u0629 CR\"><\/iframe>\r\n            <\/div>\r\n            <a href=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/CrCertificate.pdf\" target=\"_blank\" class=\"pdf-open-btn\"><i class=\"fas fa-external-link-alt\"><\/i> Commercial Registration (CR)<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"pdf-cert-card\">\r\n            <div class=\"pdf-tag\"><i class=\"fas fa-file-pdf\"><\/i> PDF<\/div>\r\n            <div class=\"pdf-preview\">\r\n                <iframe src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/\u0634\u0647\u0627\u062f\u0629-\u0627\u0644\u062a\u0648\u0637\u064a\u0646.pdf#toolbar=0&navpanes=0&scrollbar=0&view=FitH\" title=\"\u0645\u0639\u0627\u064a\u0646\u0629 Saudization\"><\/iframe>\r\n            <\/div>\r\n            <a href=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/\u0634\u0647\u0627\u062f\u0629-\u0627\u0644\u062a\u0648\u0637\u064a\u0646.pdf\" target=\"_blank\" class=\"pdf-open-btn\"><i class=\"fas fa-external-link-alt\"><\/i> Saudization Certificate<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"pdf-cert-card\">\r\n            <div class=\"pdf-tag\"><i class=\"fas fa-file-pdf\"><\/i> PDF<\/div>\r\n            <div class=\"pdf-preview\">\r\n                <iframe src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/100261167906973.pdf#toolbar=0&navpanes=0&scrollbar=0&view=FitH\" title=\"\u0645\u0639\u0627\u064a\u0646\u0629 VAT\"><\/iframe>\r\n            <\/div>\r\n            <a href=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/100261167906973.pdf\" target=\"_blank\" class=\"pdf-open-btn\"><i class=\"fas fa-external-link-alt\"><\/i> VAT Tax Certificate<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"pdf-cert-card\">\r\n            <div class=\"pdf-tag\"><i class=\"fas fa-file-pdf\"><\/i> PDF<\/div>\r\n            <div class=\"pdf-preview\">\r\n                <iframe src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/104240002596765.pdf#toolbar=0&navpanes=0&scrollbar=0&view=FitH\" title=\"\u0645\u0639\u0627\u064a\u0646\u0629 Chamber\"><\/iframe>\r\n            <\/div>\r\n            <a href=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/104240002596765.pdf\" target=\"_blank\" class=\"pdf-open-btn\"><i class=\"fas fa-external-link-alt\"><\/i> Chamber of Commerce<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"pdf-cert-card\">\r\n            <div class=\"pdf-tag\"><i class=\"fas fa-file-pdf\"><\/i> PDF<\/div>\r\n            <div class=\"pdf-preview\">\r\n                <iframe src=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/\u0634\u0647\u0627\u062f\u0629-\u0627\u0634\u062a\u0631\u0627\u0643-\u0627\u0644\u0645\u0646\u0634\u0623\u0629-\u0634\u0631\u0643\u0629-\u0645\u0647\u062f\u064a-\u0635\u0627\u0644\u062d-\u0627\u0644\u064a\u0627\u0645\u064a-\u0644\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a.pdf#toolbar=0&navpanes=0&scrollbar=0&view=FitH\" title=\"\u0645\u0639\u0627\u064a\u0646\u0629 GOSI\"><\/iframe>\r\n            <\/div>\r\n            <a href=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/\u0634\u0647\u0627\u062f\u0629-\u0627\u0634\u062a\u0631\u0627\u0643-\u0627\u0644\u0645\u0646\u0634\u0623\u0629-\u0634\u0631\u0643\u0629-\u0645\u0647\u062f\u064a-\u0635\u0627\u0644\u062d-\u0627\u0644\u064a\u0627\u0645\u064a-\u0644\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a.pdf\" target=\"_blank\" class=\"pdf-open-btn\"><i class=\"fas fa-external-link-alt\"><\/i> GOSI Certificate<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section-title-wrap\">\r\n        <h2>Approved Vendor Registrations<\/h2>\r\n        <div class=\"gold-separator\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"smart-table-wrapper\">\r\n        <table class=\"smart-table\">\r\n            <thead><tr><th>#<\/th><th>Entity \/ Organization<\/th><th>Sector<\/th><th>Status<\/th><\/tr><\/thead>\r\n            <tbody>\r\n                <tr><td data-label=\"#\">01<\/td><td data-label=\"Entity\">Saudi Aramco<\/td><td data-label=\"Sector\">Oil & Gas<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">02<\/td><td data-label=\"Entity\">SABIC<\/td><td data-label=\"Sector\">Petrochemicals<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">03<\/td><td data-label=\"Entity\">Saudi Electricity Co (SEC)<\/td><td data-label=\"Sector\">Energy & Power<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">04<\/td><td data-label=\"Entity\">Ma'aden<\/td><td data-label=\"Sector\">Mining & Minerals<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">05<\/td><td data-label=\"Entity\">Sadara Chemical Company<\/td><td data-label=\"Sector\">Petrochemicals<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">06<\/td><td data-label=\"Entity\">Petro Rabigh<\/td><td data-label=\"Sector\">Refining & Petrochemicals<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">07<\/td><td data-label=\"Entity\">Royal Commission (RCJY)<\/td><td data-label=\"Sector\">Industrial Cities<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">08<\/td><td data-label=\"Entity\">Gulf Heavy Industries (GHI)<\/td><td data-label=\"Sector\">Heavy Industries<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">09<\/td><td data-label=\"Entity\">Arabian International Co (AIC)<\/td><td data-label=\"Sector\">Steel Structures<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">10<\/td><td data-label=\"Entity\">Inma Steel<\/td><td data-label=\"Sector\">Manufacturing<\/td><td><span class=\"status-active\"><i class=\"fas fa-check\"><\/i> Registered<\/span><\/td><\/tr>\r\n                <tr><td data-label=\"#\">11<\/td><td data-label=\"Entity\">National Water Company (NWC)<\/td><td data-label=\"Sector\">Utilities<\/td><td><span style=\"color:#e67e22; font-weight:800;\"><i class=\"fas fa-hourglass-half\"><\/i> In Process<\/span><\/td><\/tr>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e786452 e-flex e-con-boxed e-con e-parent\" data-id=\"e786452\" data-element_type=\"container\" data-e-type=\"container\" id=\"profile\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-207804a elementor-widget elementor-widget-html\" data-id=\"207804a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u062a\u062d\u0645\u064a\u0644 jQuery \u0648 Turn.js -->\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/turn.js\/3\/turn.min.js\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    body, html {\r\n        margin: 0;\r\n        padding: 0;\r\n        overflow-x: hidden;\r\n        width: 100%;\r\n        background: transparent;\r\n    }\r\n    #mahdicc-premium-section {\r\n        direction: ltr !important;\r\n        padding: 20px 0 40px;\r\n        background: linear-gradient(145deg, #f4f6f9 0%, #e9ecef 100%);\r\n        text-align: center;\r\n        min-height: auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-family: 'Segoe UI', Roboto, sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .section-title {\r\n        margin-bottom: 20px;\r\n    }\r\n    .section-title h2 {\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        color: #001f3f;\r\n        margin: 0;\r\n        padding: 10px 30px;\r\n        display: inline-block;\r\n        background: rgba(255,255,255,0.8);\r\n        backdrop-filter: blur(4px);\r\n        border-radius: 60px;\r\n        border: 2px solid #c8983c;\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n    }\r\n    .section-title h2 span { color: #c8983c; }\r\n\r\n    \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0643\u062a\u0627\u0628 - \u062a\u0645 \u0625\u0632\u0627\u0644\u0629 overflow: hidden \u0627\u0644\u0642\u0627\u062a\u0644 \u0644\u0644\u0638\u0644 *\/\r\n    .book-viewport {\r\n        position: relative;\r\n        width: 90vw;\r\n        max-width: 700px;\r\n        aspect-ratio: 1.414 \/ 1; \/* A4 landscape *\/\r\n        margin: 0 auto;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3), 0 0 0 2px #c8983c inset;\r\n        border-radius: 8px;\r\n        background: #2c2c2c;\r\n        \/* overflow: hidden;  --- \u062a\u0645 \u062d\u0630\u0641\u0647 \u0644\u0644\u0633\u0645\u0627\u062d \u0628\u062a\u0623\u062b\u064a\u0631\u0627\u062a Turn.js 3D *\/\r\n    }\r\n\r\n    #flipbook-instance {\r\n        width: 100%;\r\n        height: 100%;\r\n        \/* Turn.js \u0633\u064a\u062f\u064a\u0631 overflow \u062f\u0627\u062e\u0644\u064a\u064b\u0627 *\/\r\n    }\r\n\r\n    .single-page {\r\n        width: 100%;\r\n        height: 100%;\r\n        background: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden; \/* \u0647\u0630\u0627 \u0645\u0642\u0628\u0648\u0644 \u0644\u0627\u0642\u062a\u0635\u0627\u0635 \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0641\u0642\u0637 *\/\r\n    }\r\n    .single-page img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        pointer-events: none;\r\n        user-select: none;\r\n    }\r\n\r\n    \/* \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 *\/\r\n    .loading-overlay {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 80%;\r\n        max-width: 300px;\r\n        background: #001f3fe8;\r\n        backdrop-filter: blur(5px);\r\n        padding: 20px;\r\n        border-radius: 50px;\r\n        color: #c8983c;\r\n        text-align: center;\r\n        z-index: 100;\r\n        border: 1px solid #c8983c;\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    .progress-bar {\r\n        width: 100%;\r\n        height: 10px;\r\n        background: #1e3a5f;\r\n        border-radius: 20px;\r\n        margin: 12px 0 5px;\r\n        overflow: hidden;\r\n    }\r\n    .progress-fill {\r\n        width: 0%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, #c8983c, #e5b85c);\r\n        border-radius: 20px;\r\n        transition: width 0.2s;\r\n    }\r\n\r\n    \/* \u0634\u0631\u064a\u0637 \u0627\u0644\u062a\u062d\u0643\u0645 *\/\r\n    .book-controls-bar {\r\n        margin-top: 30px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n    .nav-arrow {\r\n        width: 55px;\r\n        height: 55px;\r\n        border-radius: 50%;\r\n        background: #001f3f;\r\n        color: #c8983c;\r\n        border: 2px solid #c8983c;\r\n        cursor: pointer;\r\n        transition: 0.25s;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 22px;\r\n        box-shadow: 0 10px 18px rgba(0,0,0,0.15);\r\n        border: none;\r\n        outline: none;\r\n    }\r\n    .nav-arrow:hover {\r\n        background: #c8983c;\r\n        color: #001f3f;\r\n        transform: scale(1.05) translateY(-3px);\r\n    }\r\n    .page-counter {\r\n        background: #ffffffdd;\r\n        backdrop-filter: blur(4px);\r\n        padding: 10px 30px;\r\n        border-radius: 40px;\r\n        font-weight: 800;\r\n        font-size: 1.2rem;\r\n        color: #001f3f;\r\n        border: 2px solid #c8983c;\r\n        min-width: 140px;\r\n        box-shadow: 0 5px 12px rgba(0,0,0,0.08);\r\n    }\r\n    .download-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-decoration: none;\r\n        background: #001f3f;\r\n        color: #c8983c;\r\n        border: 2px solid #c8983c;\r\n        border-radius: 40px;\r\n        padding: 0 35px;\r\n        height: 55px;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        margin-top: 25px;\r\n        transition: 0.3s;\r\n        box-shadow: 0 8px 18px rgba(0,0,0,0.15);\r\n    }\r\n    .download-btn i { margin-right: 10px; font-size: 1.3rem; }\r\n    .download-btn:hover {\r\n        background: #c8983c;\r\n        color: #001f3f;\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .section-title h2 { font-size: 1.5rem; padding: 8px 20px; }\r\n        .book-viewport { width: 96vw; }\r\n        .nav-arrow { width: 48px; height: 48px; font-size: 18px; }\r\n        .page-counter { padding: 8px 18px; font-size: 1rem; min-width: 120px; }\r\n        .download-btn { height: 48px; padding: 0 25px; font-size: 14px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"mahdicc-premium-section\">\r\n    <div class=\"section-title\">\r\n        <h2><span>PROFILE<\/span> COMPANY<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"book-viewport\">\r\n        <div id=\"flipbook-instance\"><\/div>\r\n        <div class=\"loading-overlay\" id=\"loadingUI\">\r\n            <i class=\"fas fa-book-open\"><\/i> \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0627\u062a...\r\n            <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\"><\/div><\/div>\r\n            <div id=\"progressPercent\">0%<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"book-controls-bar\">\r\n        <button class=\"nav-arrow\" id=\"prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n        <div class=\"page-counter\" id=\"pageIndicator\">1 \/ 40<\/div>\r\n        <button class=\"nav-arrow\" id=\"nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n    <\/div>\r\n\r\n    <div>\r\n        <a href=\"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/\u0628\u0631\u0648\u0641\u0627\u064a\u0644-\u0634\u0631\u0643\u0629-\u0645\u0647\u062f\u064a-\u0635\u0627\u0644\u062d-\u0627\u0644\u064a\u0627\u0645\u064a-\u0644\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a.pdf\" download class=\"download-btn\">\r\n            <i class=\"fas fa-file-pdf\"><\/i> \u062a\u062d\u0645\u064a\u0644 PDF\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function($) {\r\n        var imageUrls = [\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/01.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/02.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/03.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/04.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/05.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/06.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/07.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/08.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/09.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/10.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/11.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/12.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/13.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/14.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/15.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/16.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/17.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/18.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/19.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/20.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/21.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/22.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/23.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/24.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/25.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/26.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/27.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/28.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/29.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/30.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/31.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/32.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/33.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/34.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/35.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/36.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/37.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/38.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/39.jpg\",\r\n            \"https:\/\/mahdicc.com\/wp-content\/uploads\/2026\/04\/40.jpg\"\r\n        ];\r\n        \r\n        var totalPages = imageUrls.length;\r\n        var imagesLoaded = 0;\r\n        var flipbookReady = false;\r\n        \r\n        var $flipbook = $('#flipbook-instance');\r\n        var $loadingUI = $('#loadingUI');\r\n        var $progressFill = $('#progressFill');\r\n        var $progressPercent = $('#progressPercent');\r\n        var $pageIndicator = $('#pageIndicator');\r\n        \r\n        $pageIndicator.text('1 \/ ' + totalPages);\r\n        $loadingUI.show();\r\n        \r\n        function updateProgress(loaded, total) {\r\n            var percent = Math.round((loaded \/ total) * 100);\r\n            $progressFill.css('width', percent + '%');\r\n            $progressPercent.text(percent + '%');\r\n        }\r\n        \r\n        var pageElements = [];\r\n        \r\n        for (var i = 0; i < totalPages; i++) {\r\n            var $pageDiv = $('<div>', { class: 'single-page' });\r\n            var $img = $('<img>', { src: imageUrls[i], alt: 'Page ' + (i+1) });\r\n            \r\n            $img.on('load', function() {\r\n                imagesLoaded++;\r\n                updateProgress(imagesLoaded, totalPages);\r\n                if (imagesLoaded === totalPages && !flipbookReady) {\r\n                    finishLoading();\r\n                }\r\n            });\r\n            \r\n            $img.on('error', function() {\r\n                imagesLoaded++;\r\n                updateProgress(imagesLoaded, totalPages);\r\n                this.src = 'data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'100%25\\' height=\\'100%25\\' viewBox=\\'0 0 100 100\\'%3E%3Crect width=\\'100%25\\' height=\\'100%25\\' fill=\\'%23f0f0f0\\'\/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' font-family=\\'sans-serif\\' font-size=\\'14\\' fill=\\'%23999\\'%3EImage%20' + (i+1) + '%3C\/text%3E%3C\/svg%3E';\r\n                if (imagesLoaded === totalPages && !flipbookReady) {\r\n                    finishLoading();\r\n                }\r\n            });\r\n            \r\n            $pageDiv.append($img);\r\n            pageElements.push($pageDiv);\r\n            $flipbook.append($pageDiv);\r\n        }\r\n        \r\n        function finishLoading() {\r\n            flipbookReady = true;\r\n            $loadingUI.fadeOut(300);\r\n            \r\n            $flipbook.turn({\r\n                width: $('.book-viewport').width(),\r\n                height: $('.book-viewport').height(),\r\n                autoCenter: true,\r\n                duration: 1000,\r\n                acceleration: true,\r\n                gradients: true,\r\n                elevation: 50,\r\n                display: 'single',\r\n                page: 1,\r\n                when: {\r\n                    turning: function(e, page) {\r\n                        $pageIndicator.text('Page ' + page + ' \/ ' + totalPages);\r\n                    }\r\n                }\r\n            });\r\n            \r\n            $(window).resize(function() {\r\n                if (flipbookReady) {\r\n                    var vp = $('.book-viewport');\r\n                    $flipbook.turn('size', vp.width(), vp.height());\r\n                }\r\n            });\r\n            \r\n            setTimeout(function() { $(window).resize(); }, 50);\r\n        }\r\n        \r\n        \/\/ \u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u062a\u0639\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u062f\u0648\u0646 \u0634\u0631\u0637 data('turn')\r\n        $('#prevBtn').on('click', function() {\r\n            if (flipbookReady) $flipbook.turn('previous');\r\n        });\r\n        $('#nextBtn').on('click', function() {\r\n            if (flipbookReady) $flipbook.turn('next');\r\n        });\r\n        \r\n        $(document).keydown(function(e) {\r\n            if (!flipbookReady) return;\r\n            if (e.key === 'ArrowLeft') {\r\n                $flipbook.turn('previous');\r\n                e.preventDefault();\r\n            } else if (e.key === 'ArrowRight') {\r\n                $flipbook.turn('next');\r\n                e.preventDefault();\r\n            }\r\n        });\r\n        \r\n    })(jQuery);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f50c15 e-flex e-con-boxed e-con e-parent\" data-id=\"3f50c15\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MAHDI CONTRACTINGCOMPANY Building Today. Shaping Tomorrow Our projects Who We Are In the heart of the Eastern Province\u2014where industry breathes and energy and infrastructure projects pulse\u2014Mahdi Contracting Company has established itself as a trusted partner that blends expertise, flexibility, and precision in execution. From this strategic location, the industrial heartbeat of the Kingdom of Saudi<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"solace_meta_sidebar":"","solace_meta_container":"","solace_meta_enable_content_width":"","solace_meta_content_width":0,"solace_meta_title_alignment":"","solace_meta_author_avatar":"","solace_post_elements_order":"","solace_meta_disable_header":"","solace_meta_disable_footer":"","solace_meta_disable_title":"","_joinchat":[],"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":316,"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":634,"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/pages\/54\/revisions\/634"}],"wp:attachment":[{"href":"https:\/\/mahdicc.com\/ar\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}