{"id":991552,"date":"2026-04-21T12:24:46","date_gmt":"2026-04-21T12:24:46","guid":{"rendered":"https:\/\/preprodonhym.maltem.ma\/?page_id=991552"},"modified":"2026-04-30T10:30:10","modified_gmt":"2026-04-30T10:30:10","slug":"media","status":"publish","type":"page","link":"https:\/\/preprodonhym.maltem.ma\/fr\/media\/","title":{"rendered":"Media"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"991552\" class=\"elementor elementor-991552\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cab6bb6 e-flex e-con-boxed wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"cab6bb6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;,&quot;wcf_enable_pin_area&quot;:&quot;no&quot;,&quot;aae_enable_header_sticky_area&quot;:&quot;no&quot;,&quot;wcf_enable_horizontal_scroll&quot;:&quot;no&quot;,&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f00433 elementor-widget elementor-widget-shortcode\" data-id=\"8f00433\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"omc-styles\">\n\/* \u2500\u2500 ONHYM Media Center \u2014 prefix: omc- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-wrap {\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: #111827;\n    background: #fff;\n    --omc-primary:      #0f766e;\n    --omc-primary-dark: #0d5f58;\n    --omc-secondary:    #1d4ed8;\n    --omc-accent:       #d4a017;\n    --omc-accent-dark:  #b8871a;\n    --omc-card-h:       280px;\n    --omc-radius:       16px;\n    --omc-transition:   0.35s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow-x: hidden;\n    line-height: 1.6;\n}\n\n\/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-hero {\n    position: relative;\n    height: 460px;\n    background-color: var(--omc-primary);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n}\n.omc-hero::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background: linear-gradient(\n        108deg,\n        rgba(15,118,110,0.94) 0%,\n        rgba(15,118,110,0.78) 38%,\n        rgba(15,118,110,0.18) 62%,\n        transparent 100%\n    );\n}\n.omc-hero::after {\n    content: \"\";\n    position: absolute;\n    left: 0; top: 0; bottom: 0;\n    width: 5px;\n    background: var(--omc-accent);\n}\n.omc-hero-content {\n    position: relative; z-index: 1;\n    width: 100%; max-width: 1280px;\n    margin: 0 auto; padding: 0 64px;\n}\n.omc-hero-eyebrow {\n    display: inline-block;\n    background: rgba(212,160,23,0.15);\n    border: 1px solid rgba(212,160,23,0.45);\n    color: var(--omc-accent);\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 2.5px; text-transform: uppercase;\n    padding: 5px 14px; border-radius: 20px;\n    margin-bottom: 18px;\n}\n.omc-hero-title {\n    font-size: clamp(36px, 5.5vw, 58px);\n    font-weight: 800; color: #fff;\n    letter-spacing: -0.5px; line-height: 1.08;\n    margin: 0 0 18px;\n}\n.omc-hero-sub {\n    font-size: 16px; font-weight: 300;\n    color: rgba(255,255,255,0.85);\n    max-width: 400px; line-height: 1.75; margin: 0;\n}\n\n\/* \u2500\u2500 Filter bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-filter-bar {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    padding: 36px 24px 20px;\n    flex-wrap: wrap;\n}\n.omc-filter-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 6px !important;\n    padding: 17px 20px !important;\n    border-radius: 50px !important;\n    font-family: inherit !important;\n    font-size: 13.5px !important;\n    font-weight: 500 !important;\n    cursor: pointer !important;\n    border: 1.5px solid #e2e8f0;\n    background: #fff;\n    color: #374151;\n    box-shadow: 0 1px 4px rgba(0,0,0,0.07);\n    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;\n    outline: none !important;\n    letter-spacing: 0.2px !important;\n    white-space: nowrap !important;\n}\n.omc-filter-btn:hover:not(.active) {\n    border-color: #cbd5e1;\n    box-shadow: 0 3px 10px rgba(0,0,0,0.10);\n    transform: translateY(-1px);\n    color: #111827;\n    background: #f8fafc;\n}\n.omc-filter-btn.active {\n    color: #fff;\n    border-color: transparent;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.20);\n    transform: translateY(-1px);\n}\n.omc-filter-icon {\n    display: inline-flex !important;\n    align-items: center !important;\n    line-height: 1 !important;\n    flex-shrink: 0 !important;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-section {\n    max-width: 1280px; margin: 0 auto;\n    padding: 48px 48px 56px;\n}\n.omc-section + .omc-section { padding-top: 8px; }\n.omc-sec-head { margin-bottom: 32px; }\n.omc-sec-title {\n    font-size: 26px; font-weight: 500;\n    color: #111827; margin: 0 0 10px;\n    letter-spacing: -0.2px;\n}\n.omc-sec-title span { color: var(--omc-accent); font-weight: 500; }\n.omc-sec-line {\n    width: 40px; height: 3px;\n    background: #dfb14f; border-radius: 2px;\n}\n\n\/* \u2500\u2500 Grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n}\n\n\/* \u2500\u2500 Card wrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-card-wrap { display: block; }\n.omc-card-wrap.omc-hidden { display: none; }\n\n\/* \u2500\u2500 Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-card {\n    position: relative !important;\n    height: var(--omc-card-h) !important;\n    border-radius: var(--omc-radius) !important;\n    overflow: hidden !important;\n    cursor: pointer;\n    background: transparent !important;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n    transition: transform var(--omc-transition), box-shadow var(--omc-transition);\n    display: block !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n.omc-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 14px 36px rgba(0,0,0,0.16);\n}\n\n\/* image must fill the entire card \u2014 no gaps *\/\n.omc-card-img {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center !important;\n    display: block !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    border-radius: 0 !important;\n    max-width: none !important;\n    max-height: none !important;\n    transition: transform 0.4s ease;\n    will-change: transform;\n}\n.omc-card:hover .omc-card-img { transform: scale(1.06); filter: brightness(1.05); }\n\n\/* gradient scrim \u2014 light at top, darker only at bottom for text readability *\/\n.omc-card-shade {\n    position: absolute !important;\n    inset: 0 !important;\n    background: linear-gradient(\n        to top,\n        rgba(0,0,0,0.62) 0%,\n        rgba(0,0,0,0.18) 40%,\n        transparent 70%\n    ) !important;\n    pointer-events: none;\n    z-index: 1;\n}\n\n\/* text overlay \u2014 sits above shade *\/\n.omc-card-body {\n    position: absolute !important;\n    bottom: 0 !important; left: 0 !important; right: 0 !important;\n    padding: 18px 20px !important;\n    background: none !important;\n    z-index: 2;\n}\n.omc-card[data-type=\"video\"] .omc-card-body {\n    padding-right: 68px !important;\n}\n\n\/* \u2500\u2500 Badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-badge {\n    display: inline-block !important;\n    padding: 3px 10px !important;\n    border-radius: 20px !important;\n    font-size: 11px !important;\n    font-weight: 600 !important;\n    color: #fff !important;\n    text-transform: none !important;\n    letter-spacing: 0.3px !important;\n    margin-bottom: 7px !important;\n    line-height: 1.5 !important;\n    background: #0f766e !important;\n    box-shadow: 0 1px 4px rgba(0,0,0,0.35) !important;\n    opacity: 1 !important;\n}\n\/* Brand category colors *\/\n.omc-badge-mining        { background: #d4a017 !important; }\n.omc-badge-hydrocarbons  { background: #1e8c8c !important; }\n.omc-badge-midstream     { background: #4a76a8 !important; }\n\n.omc-card-label {\n    color: #fff !important;\n    font-size: 13px !important;\n    font-weight: 500 !important;\n    line-height: 1.4 !important;\n    margin: 0 !important;\n    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;\n}\n\n\/* \u2500\u2500 Zoom hint (photo cards) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-zoom-hint {\n    position: absolute; top: 14px; right: 14px;\n    width: 34px; height: 34px; border-radius: 50%;\n    background: rgba(255,255,255,0.18);\n    border: 1.5px solid rgba(255,255,255,0.45);\n    display: flex; align-items: center; justify-content: center;\n    opacity: 0; pointer-events: none;\n    transition: opacity var(--omc-transition), transform var(--omc-transition);\n    z-index: 2;\n}\n.omc-card:hover .omc-zoom-hint { opacity: 1; transform: scale(1.08); }\n\n\/* \u2500\u2500 Play button (video cards) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-play-wrap {\n    position: absolute !important;\n    top: 50% !important; left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 56px !important; height: 56px !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,0.92) !important;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.30) !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: background 0.2s, transform 0.25s;\n    pointer-events: none; z-index: 3 !important;\n}\n.omc-card:hover .omc-play-wrap {\n    background: #fff !important;\n    transform: translate(-50%, -50%) scale(1.1) !important;\n}\n.omc-play-triangle {\n    width: 0 !important; height: 0 !important;\n    border-style: solid !important;\n    border-width: 10px 0 10px 20px !important;\n    border-color: transparent transparent transparent var(--omc-primary) !important;\n    margin-left: 4px !important;\n    display: block !important;\n}\n.omc-vid-dur {\n    position: absolute !important;\n    bottom: 18px !important; right: 16px !important;\n    z-index: 3 !important;\n    background: rgba(0,0,0,0.65) !important;\n    color: #fff !important; font-size: 12px !important; font-weight: 500 !important;\n    padding: 3px 8px !important; border-radius: 6px !important;\n    letter-spacing: 0.3px; pointer-events: none;\n}\n\n\/* \u2500\u2500 Footer CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-footer-cta {\n    background: var(--omc-primary);\n    margin-top: 56px; padding: 52px 48px;\n}\n.omc-footer-cta-inner {\n    max-width: 1280px; margin: 0 auto;\n    display: flex; align-items: center;\n    justify-content: space-between;\n    gap: 36px; flex-wrap: wrap;\n}\n.omc-footer-left {\n    display: flex; align-items: center;\n    gap: 18px; flex: 1; min-width: 220px;\n}\n.omc-footer-icon-circle {\n    width: 52px; height: 52px; border-radius: 50%;\n    background: rgba(255,255,255,0.12);\n    border: 1px solid rgba(255,255,255,0.2);\n    flex-shrink: 0; display: flex;\n    align-items: center; justify-content: center;\n}\n.omc-footer-text {\n    color: rgba(255,255,255,0.92); font-size: 15.5px;\n    font-weight: 400; line-height: 1.6;\n    max-width: 340px; margin: 0;\n}\n.omc-footer-form {\n    display: flex; flex: 1;\n    max-width: 430px; min-width: 220px;\n}\n.omc-footer-email {\n    flex: 1; padding: 0 22px; height: 52px;\n    border: none; border-radius: 50px 0 0 50px;\n    font-family: inherit; font-size: 14px;\n    outline: none; background: #fff; color: #111827;\n}\n.omc-footer-email::placeholder { color: #9ca3af; }\n.omc-footer-submit {\n    width: 52px; height: 52px; flex-shrink: 0;\n    border-radius: 0 50px 50px 0;\n    background: var(--omc-accent);\n    border: none; cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    transition: background 0.2s;\n}\n.omc-footer-submit:hover { background: var(--omc-accent-dark); }\n\n\/* \u2500\u2500 Photo Lightbox \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-lb {\n    display: none !important;\n    position: fixed !important;\n    inset: 0 !important;\n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    z-index: 999999 !important;\n    background: rgba(0,0,0,0.92) !important;\n    align-items: center !important;\n    justify-content: center !important;\n    flex-direction: column !important;\n}\n.omc-lb.open {\n    display: flex !important;\n    animation: omcFadeIn 0.22s ease;\n}\n@keyframes omcFadeIn { from { opacity:0; } to { opacity:1; } }\n\n\/* Close button \u2014 absolute inside the fixed overlay *\/\n.omc-lb-close {\n    position: absolute !important;\n    top: 20px !important; right: 20px !important;\n    z-index: 10 !important;\n    width: 40px !important; height: 40px !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,0.15) !important;\n    border: 1px solid rgba(255,255,255,0.3) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: background 0.2s;\n    padding: 0 !important;\n    line-height: 1 !important;\n    flex-shrink: 0 !important;\n}\n.omc-lb-close svg { stroke: #fff !important; display: block !important; }\n.omc-lb-close:hover { background: rgba(255,255,255,0.28) !important; }\n\n\/* Prev \/ Next arrows \u2014 absolute inside the fixed overlay *\/\n.omc-lb-nav {\n    position: absolute !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    z-index: 10 !important;\n    width: 50px !important; height: 50px !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,0.12) !important;\n    border: 1px solid rgba(255,255,255,0.25) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: background 0.2s;\n    padding: 0 !important;\n    flex-shrink: 0 !important;\n}\n.omc-lb-nav svg { stroke: #fff !important; display: block !important; }\n.omc-lb-nav:hover { background: rgba(255,255,255,0.26) !important; }\n.omc-lb-prev { left: 20px !important; }\n.omc-lb-next { right: 20px !important; }\n\n\/* Image frame \u2014 centered *\/\n.omc-lb-frame {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 100% !important;\n    max-width: 90vw !important;\n    max-height: 85vh !important;\n}\n.omc-lb-img {\n    max-width: 90% !important;\n    max-height: 85vh !important;\n    width: auto !important; height: auto !important;\n    object-fit: contain !important;\n    display: block !important;\n    border-radius: 10px !important;\n    box-shadow: 0 24px 64px rgba(0,0,0,0.6) !important;\n    margin: 0 auto !important;\n}\n\n\/* Caption *\/\n.omc-lb-caption {\n    position: absolute !important;\n    bottom: 24px !important; left: 50% !important;\n    transform: translateX(-50%) !important;\n    z-index: 10 !important;\n    text-align: center !important;\n    pointer-events: none !important;\n    min-width: 200px !important;\n}\n.omc-lb-caption-title {\n    color: #fff !important; font-size: 15px !important;\n    font-weight: 500 !important; margin-bottom: 4px !important;\n}\n.omc-lb-caption-count { color: rgba(255,255,255,0.55) !important; font-size: 13px !important; }\n\n\/* \u2500\u2500 Video Modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.omc-vm {\n    display: none !important;\n    position: fixed !important;\n    inset: 0 !important;\n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    z-index: 999999 !important;\n    background: rgba(0,0,0,0.92) !important;\n    align-items: center !important;\n    justify-content: center !important;\n}\n.omc-vm.open {\n    display: flex !important;\n    animation: omcFadeIn 0.22s ease;\n}\n\n.omc-vm-close {\n    position: absolute !important;\n    top: 20px !important; right: 20px !important;\n    z-index: 10 !important;\n    width: 40px !important; height: 40px !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,0.15) !important;\n    border: 1px solid rgba(255,255,255,0.3) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: background 0.2s;\n    padding: 0 !important;\n    flex-shrink: 0 !important;\n}\n.omc-vm-close svg { stroke: #fff !important; display: block !important; }\n.omc-vm-close:hover { background: rgba(255,255,255,0.28) !important; }\n\n\/* Prev \/ Next arrows \u2014 video modal *\/\n.omc-vm-nav {\n    position: absolute !important;\n    top: 50% !important;\n    transform: translateY(-50%) !important;\n    z-index: 10 !important;\n    width: 50px !important; height: 50px !important;\n    border-radius: 50% !important;\n    background: rgba(255,255,255,0.12) !important;\n    border: 1px solid rgba(255,255,255,0.25) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: background 0.2s;\n    padding: 0 !important;\n    flex-shrink: 0 !important;\n}\n.omc-vm-nav svg { stroke: #fff !important; display: block !important; }\n.omc-vm-nav:hover { background: rgba(255,255,255,0.26) !important; }\n.omc-vm-prev { left: 20px !important; }\n.omc-vm-next { right: 20px !important; }\n\n.omc-vm-inner {\n    position: relative !important;\n    z-index: 1 !important;\n    width: 90vw !important;\n    max-width: 960px !important;\n}\n.omc-vm-ratio {\n    position: relative !important;\n    padding-bottom: 56.25% !important;\n    height: 0 !important;\n    background: #000 !important;\n    border-radius: 12px !important;\n    overflow: hidden !important;\n    box-shadow: 0 24px 64px rgba(0,0,0,0.7) !important;\n}\n.omc-vm-ratio iframe {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important; height: 100% !important;\n    border: none !important;\n}\n.omc-vm-caption {\n    text-align: center !important;\n    margin-top: 14px !important;\n    color: rgba(255,255,255,0.75) !important;\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    min-height: 20px !important;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 1024px) {\n    .omc-gallery-grid { grid-template-columns: repeat(2, 1fr); }\n    .omc-section { padding: 40px 28px; }\n    .omc-hero-content { padding: 0 40px; }\n}\n@media (max-width: 640px) {\n    .omc-gallery-grid { grid-template-columns: 1fr; }\n    .omc-section { padding: 36px 20px; }\n    .omc-hero { height: 360px; }\n    .omc-hero-content { padding: 0 24px; }\n    .omc-filter-bar { padding: 40px 16px 8px; gap: 10px; }\n    .omc-filter-btn { padding: 9px 22px; font-size: 13px; }\n    .omc-footer-cta { padding: 40px 20px; }\n    .omc-footer-cta-inner { flex-direction: column; align-items: stretch; }\n    .omc-footer-form { max-width: 100%; }\n    .omc-lb-prev { left: 10px !important; }\n    .omc-lb-next { right: 10px !important; }\n    .omc-lb-nav { width: 40px !important; height: 40px !important; }\n    .omc-vm-inner { width: 95vw !important; }\n    .omc-vm-close { top: 12px !important; right: 12px !important; }\n}\n<\/style>\n    <div class=\"omc-wrap\">\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FILTER BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <div class=\"omc-filter-bar\" role=\"toolbar\" aria-label=\"Filter media\">\n            <button class=\"omc-filter-btn active\"\n                    data-filter=\"all\"\n                    data-color=\"#0f766e\">\n                <span class=\"omc-filter-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg><\/span>\n                <span>All<\/span>\n            <\/button>\n                            <button class=\"omc-filter-btn\"\n                        data-filter=\"clean-energy\"\n                        data-color=\"#27ae60\">\n                                        <span class=\"omc-filter-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 14a5 5 0 01-10 0c0-4 5-10 5-10s5 6 5 10z\"\/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\/><\/svg><\/span>\n                                        <span>Clean Energy<\/span>\n                <\/button>\n                            <button class=\"omc-filter-btn\"\n                        data-filter=\"hydrocarbons\"\n                        data-color=\"#1e8c8c\">\n                                        <span class=\"omc-filter-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2C6 8 4 12 4 15a8 8 0 0016 0c0-3-2-7-8-13z\"\/><\/svg><\/span>\n                                        <span>Hydrocarbons<\/span>\n                <\/button>\n                            <button class=\"omc-filter-btn\"\n                        data-filter=\"midstream\"\n                        data-color=\"#4a76a8\">\n                                        <span class=\"omc-filter-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h18M3 6h6a3 3 0 010 6H3M15 12a3 3 0 010 6H3\"\/><\/svg><\/span>\n                                        <span>Midstream<\/span>\n                <\/button>\n                            <button class=\"omc-filter-btn\"\n                        data-filter=\"mining\"\n                        data-color=\"#d4a017\">\n                                        <span class=\"omc-filter-icon\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 4l5 5-9.5 9.5-2.5.5.5-2.5L15 4z\"\/><line x1=\"9\" y1=\"15\" x2=\"5\" y2=\"19\"\/><\/svg><\/span>\n                                        <span>Mining<\/span>\n                <\/button>\n                    <\/div>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PHOTO GALLERY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <section class=\"omc-section\" data-section=\"photo\">\n            <div class=\"omc-sec-head\">\n                <h2 class=\"omc-sec-title\">Photo <span>Gallery<\/span><\/h2>\n                <div class=\"omc-sec-line\"><\/div>\n            <\/div>\n            <div class=\"omc-gallery-grid\">\n                                <div class=\"omc-card-wrap\" data-category=\"hydrocarbons\">\n                    <div class=\"omc-card\"\n                         data-type=\"photo\"\n                         data-title=\"Gas Processing Plant\"\n                         data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/pexels-brett-sayles-1871133.jpg\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Gas Processing Plant\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/pexels-brett-sayles-1871133-1024x681.jpg\"\n                             alt=\"Gas Processing Plant\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-hydrocarbons\">\n                                Hydrocarbons                            <\/span>\n                                                        <p class=\"omc-card-label\">Gas Processing Plant<\/p>\n                        <\/div>\n                        <!-- zoom hint -->\n                        <div class=\"omc-zoom-hint\" aria-hidden=\"true\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                 stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"omc-card-wrap\" data-category=\"hydrocarbons\">\n                    <div class=\"omc-card\"\n                         data-type=\"photo\"\n                         data-title=\"Geological Studies\"\n                         data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/pexels-igor-passchier-111147847-32399141.jpg\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Geological Studies\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/pexels-igor-passchier-111147847-32399141-1024x683.jpg\"\n                             alt=\"Geological Studies\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-hydrocarbons\">\n                                Hydrocarbons                            <\/span>\n                                                        <p class=\"omc-card-label\">Geological Studies<\/p>\n                        <\/div>\n                        <!-- zoom hint -->\n                        <div class=\"omc-zoom-hint\" aria-hidden=\"true\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                 stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"omc-card-wrap\" data-category=\"clean-energy\">\n                    <div class=\"omc-card\"\n                         data-type=\"photo\"\n                         data-title=\"Mining Processing Plant\"\n                         data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-06_54_26-PM.png\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Mining Processing Plant\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-06_54_26-PM-1024x693.png\"\n                             alt=\"Mining Processing Plant\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-clean-energy\">\n                                Clean Energy                            <\/span>\n                                                        <p class=\"omc-card-label\">Mining Processing Plant<\/p>\n                        <\/div>\n                        <!-- zoom hint -->\n                        <div class=\"omc-zoom-hint\" aria-hidden=\"true\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                 stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"omc-card-wrap\" data-category=\"mining\">\n                    <div class=\"omc-card\"\n                         data-type=\"photo\"\n                         data-title=\"Opet pit mining\"\n                         data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-16-2026-01_40_58-PM-1.png\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Opet pit mining\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-16-2026-01_40_58-PM-1-1024x683.png\"\n                             alt=\"Opet pit mining\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-mining\">\n                                Mining                            <\/span>\n                                                        <p class=\"omc-card-label\">Opet pit mining<\/p>\n                        <\/div>\n                        <!-- zoom hint -->\n                        <div class=\"omc-zoom-hint\" aria-hidden=\"true\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                 stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"omc-card-wrap\" data-category=\"midstream\">\n                    <div class=\"omc-card\"\n                         data-type=\"photo\"\n                         data-title=\"Drilling Operations\"\n                         data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-06_56_42-PM.png\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Drilling Operations\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-28-2026-06_56_42-PM-1024x680.png\"\n                             alt=\"Drilling Operations\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-midstream\">\n                                Midstream                            <\/span>\n                                                        <p class=\"omc-card-label\">Drilling Operations<\/p>\n                        <\/div>\n                        <!-- zoom hint -->\n                        <div class=\"omc-zoom-hint\" aria-hidden=\"true\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                 stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"omc-card-wrap\" data-category=\"mining\">\n                    <div class=\"omc-card\"\n                         data-type=\"photo\"\n                         data-title=\"Offshore Platform\"\n                         data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/pexels-volker-braun-2149703592-33122146.jpg\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Offshore Platform\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/pexels-volker-braun-2149703592-33122146-1024x768.jpg\"\n                             alt=\"Offshore Platform\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-mining\">\n                                Mining                            <\/span>\n                                                        <p class=\"omc-card-label\">Offshore Platform<\/p>\n                        <\/div>\n                        <!-- zoom hint -->\n                        <div class=\"omc-zoom-hint\" aria-hidden=\"true\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                                 stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n                                <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n                                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/>\n                                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n        <\/section>\n        \n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO GALLERY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n                <section class=\"omc-section\" data-section=\"video\">\n            <div class=\"omc-sec-head\">\n                <h2 class=\"omc-sec-title\">Video <span>Gallery<\/span><\/h2>\n                <div class=\"omc-sec-line\"><\/div>\n            <\/div>\n            <div class=\"omc-gallery-grid\">\n                                <div class=\"omc-card-wrap\" data-category=\"hydrocarbons\">\n                    <div class=\"omc-card\"\n                         data-type=\"video\"\n                         data-title=\"Mining Operations\"\n                         data-video=\"https:\/\/nextb.me\/execor\/wp-content\/uploads\/2026\/04\/YTDown_YouTube_Presentation-of-the-National-Office-of-H_Media_WqEtijPQQnA_001_1080p.mp4\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Play Mining Operations\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-30-2026-12_01_32-PM-1024x683.png\"\n                             alt=\"Mining Operations\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-play-wrap\" aria-hidden=\"true\">\n                            <div class=\"omc-play-triangle\"><\/div>\n                        <\/div>\n                                                <span class=\"omc-vid-dur\">02:45<\/span>\n                                                <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-hydrocarbons\">\n                                Hydrocarbons                            <\/span>\n                                                        <p class=\"omc-card-label\">Mining Operations<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"omc-card-wrap\" data-category=\"hydrocarbons\">\n                    <div class=\"omc-card\"\n                         data-type=\"video\"\n                         data-title=\"Large-Scale Mining Operations\"\n                         data-video=\"https:\/\/nextb.me\/execor\/wp-content\/uploads\/2026\/04\/YTDown_YouTube_Presentation-of-the-National-Office-of-H_Media_WqEtijPQQnA_001_1080p.mp4\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Play Large-Scale Mining Operations\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/maxresdefault-1024x576.jpg\"\n                             alt=\"Large-Scale Mining Operations\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-play-wrap\" aria-hidden=\"true\">\n                            <div class=\"omc-play-triangle\"><\/div>\n                        <\/div>\n                                                <span class=\"omc-vid-dur\">02:45<\/span>\n                                                <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-hydrocarbons\">\n                                Hydrocarbons                            <\/span>\n                                                        <p class=\"omc-card-label\">Large-Scale Mining Operations<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"omc-card-wrap\" data-category=\"hydrocarbons\">\n                    <div class=\"omc-card\"\n                         data-type=\"video\"\n                         data-title=\"Future Energy Development\"\n                         data-video=\"https:\/\/nextb.me\/execor\/wp-content\/uploads\/2026\/04\/YTDown_YouTube_Presentation-of-the-National-Office-of-H_Media_WqEtijPQQnA_001_1080p.mp4\"\n                         role=\"button\"\n                         tabindex=\"0\"\n                         aria-label=\"Play Future Energy Development\">\n                                                <img decoding=\"async\" class=\"omc-card-img\" loading=\"lazy\"\n                             src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-30-2026-11_58_46-AM-1024x768.png\"\n                             alt=\"Future Energy Development\">\n                                                <div class=\"omc-card-shade\"><\/div>\n                        <div class=\"omc-play-wrap\" aria-hidden=\"true\">\n                            <div class=\"omc-play-triangle\"><\/div>\n                        <\/div>\n                                                <span class=\"omc-vid-dur\">02:45<\/span>\n                                                <div class=\"omc-card-body\">\n                                                        <span class=\"omc-badge omc-badge-hydrocarbons\">\n                                Hydrocarbons                            <\/span>\n                                                        <p class=\"omc-card-label\">Future Energy Development<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <\/div>\n        <\/section>\n        \n      \n\n    <\/div><!-- \/.omc-wrap -->\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PHOTO LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"omc-lb\" id=\"omcLb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Photo viewer\">\n        <button class=\"omc-lb-close\" id=\"omcLbClose\" aria-label=\"Close\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n            <\/svg>\n        <\/button>\n        <button class=\"omc-lb-nav omc-lb-prev\" id=\"omcLbPrev\" aria-label=\"Previous\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"15 18 9 12 15 6\"\/>\n            <\/svg>\n        <\/button>\n        <div class=\"omc-lb-frame\">\n            <img decoding=\"async\" class=\"omc-lb-img\" id=\"omcLbImg\" src=\"\" alt=\"\" \/>\n        <\/div>\n        <button class=\"omc-lb-nav omc-lb-next\" id=\"omcLbNext\" aria-label=\"Next\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"9 18 15 12 9 6\"\/>\n            <\/svg>\n        <\/button>\n        <div class=\"omc-lb-caption\">\n            <div class=\"omc-lb-caption-title\" id=\"omcLbTitle\"><\/div>\n            <div class=\"omc-lb-caption-count\"  id=\"omcLbCount\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 VIDEO MODAL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"omc-vm\" id=\"omcVm\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Video player\">\n        <button class=\"omc-vm-close\" id=\"omcVmClose\" aria-label=\"Close\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n            <\/svg>\n        <\/button>\n        <button class=\"omc-vm-nav omc-vm-prev\" id=\"omcVmPrev\" aria-label=\"Previous video\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"15 18 9 12 15 6\"\/>\n            <\/svg>\n        <\/button>\n        <div class=\"omc-vm-inner\">\n            <div class=\"omc-vm-ratio\">\n                <iframe id=\"omcVmIframe\" src=\"\" allow=\"autoplay; fullscreen\"\n                        allowfullscreen title=\"Video player\"><\/iframe>\n            <\/div>\n            <div class=\"omc-vm-caption\" id=\"omcVmCaption\"><\/div>\n        <\/div>\n        <button class=\"omc-vm-nav omc-vm-next\" id=\"omcVmNext\" aria-label=\"Next video\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\n                 stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"9 18 15 12 9 6\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 JAVASCRIPT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <script>\n    (function () {\n        'use strict';\n\n        var wrap = document.querySelector('.omc-wrap');\n        if (!wrap) return;\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FILTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        var filterBtns = wrap.querySelectorAll('.omc-filter-btn');\n        var cardWraps  = wrap.querySelectorAll('.omc-card-wrap');\n        var sections   = wrap.querySelectorAll('.omc-section');\n\n        function applyActiveStyle(btn) {\n            var c = btn.dataset.color || '#0f766e';\n            btn.style.background  = c;\n            btn.style.color       = '#fff';\n            btn.style.borderColor = 'transparent';\n            btn.style.boxShadow   = '0 4px 14px rgba(0,0,0,0.20)';\n        }\n\n        function clearActiveStyle(btn) {\n            btn.style.background  = '';\n            btn.style.color       = '';\n            btn.style.borderColor = '';\n            btn.style.boxShadow   = '';\n        }\n\n        \/* apply color to whichever button is active on page load *\/\n        var initialActive = wrap.querySelector('.omc-filter-btn.active');\n        if (initialActive) applyActiveStyle(initialActive);\n\n        filterBtns.forEach(function (btn) {\n            btn.addEventListener('click', function () {\n                filterBtns.forEach(function (b) {\n                    b.classList.remove('active');\n                    clearActiveStyle(b);\n                });\n                btn.classList.add('active');\n                applyActiveStyle(btn);\n                var f = btn.dataset.filter;\n\n                cardWraps.forEach(function (w) {\n                    var match = (f === 'all') || (w.dataset.category === f);\n                    w.classList.toggle('omc-hidden', !match);\n                });\n\n                \/* hide section heading when all its cards are filtered out *\/\n                sections.forEach(function (sec) {\n                    var visible = sec.querySelectorAll('.omc-card-wrap:not(.omc-hidden)').length;\n                    sec.style.display = visible > 0 ? '' : 'none';\n                });\n\n                \/* rebuild lightbox items after filter change *\/\n                buildItems();\n                buildVideoItems();\n            });\n        });\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 LIGHTBOX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        var lb      = document.getElementById('omcLb');\n        var lbImg   = document.getElementById('omcLbImg');\n        var lbTitle = document.getElementById('omcLbTitle');\n        var lbCount = document.getElementById('omcLbCount');\n        var items   = [];\n        var cur     = 0;\n\n        function buildItems() {\n            items = [];\n            wrap.querySelectorAll('.omc-card-wrap:not(.omc-hidden) .omc-card[data-type=\"photo\"]')\n                .forEach(function (card) {\n                    items.push({ src: card.dataset.src, title: card.dataset.title });\n                });\n        }\n        buildItems(); \/* initial build *\/\n\n        function showLb(index) {\n            if (!items.length) return;\n            cur = ((index % items.length) + items.length) % items.length;\n            lbImg.src                = items[cur].src;\n            lbImg.alt                = items[cur].title;\n            lbTitle.textContent      = items[cur].title;\n            lbCount.textContent      = (cur + 1) + ' \/ ' + items.length;\n        }\n\n        function openLb(card) {\n            buildItems();\n            var idx = -1;\n            for (var i = 0; i < items.length; i++) {\n                if (items[i].title === card.dataset.title) { idx = i; break; }\n            }\n            showLb(idx >= 0 ? idx : 0);\n            lb.classList.add('open');\n            document.body.style.overflow = 'hidden';\n            document.getElementById('omcLbClose').focus();\n        }\n\n        function closeLb() {\n            lb.classList.remove('open');\n            document.body.style.overflow = '';\n            lbImg.src = '';\n        }\n\n        \/* photo card clicks *\/\n        wrap.querySelectorAll('.omc-card[data-type=\"photo\"]').forEach(function (card) {\n            card.addEventListener('click', function () { openLb(card); });\n            card.addEventListener('keydown', function (e) {\n                if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openLb(card); }\n            });\n        });\n\n        document.getElementById('omcLbClose').addEventListener('click', closeLb);\n        document.getElementById('omcLbPrev').addEventListener('click', function () { showLb(cur - 1); });\n        document.getElementById('omcLbNext').addEventListener('click', function () { showLb(cur + 1); });\n        lb.addEventListener('click', function (e) { if (e.target === lb) closeLb(); });\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 VIDEO MODAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        var vm         = document.getElementById('omcVm');\n        var vmIframe   = document.getElementById('omcVmIframe');\n        var vmCaption  = document.getElementById('omcVmCaption');\n        var videoCards = [];\n        var vmCur      = 0;\n\n        function buildVideoItems() {\n            videoCards = [];\n            wrap.querySelectorAll('.omc-card-wrap:not(.omc-hidden) .omc-card[data-type=\"video\"]')\n                .forEach(function (c) { videoCards.push(c); });\n        }\n\n        function openVm(card) {\n            buildVideoItems();\n            vmCur = videoCards.indexOf(card);\n            if (vmCur < 0) vmCur = 0;\n            loadVmVideo(vmCur);\n            vm.classList.add('open');\n            document.body.style.overflow = 'hidden';\n            document.getElementById('omcVmClose').focus();\n        }\n\n        function loadVmVideo(idx) {\n            if (!videoCards.length) return;\n            vmCur = ((idx % videoCards.length) + videoCards.length) % videoCards.length;\n            vmIframe.src = videoCards[vmCur].dataset.video;\n            if (vmCaption) vmCaption.textContent = videoCards[vmCur].dataset.title || '';\n            \/* hide nav arrows when only one video *\/\n            var showNav = videoCards.length > 1;\n            document.getElementById('omcVmPrev').style.display = showNav ? '' : 'none';\n            document.getElementById('omcVmNext').style.display = showNav ? '' : 'none';\n        }\n\n        function closeVm() {\n            vm.classList.remove('open');\n            vmIframe.src = '';\n            document.body.style.overflow = '';\n        }\n\n        wrap.querySelectorAll('.omc-card[data-type=\"video\"]').forEach(function (card) {\n            card.addEventListener('click', function () { openVm(card); });\n            card.addEventListener('keydown', function (e) {\n                if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openVm(card); }\n            });\n        });\n\n        document.getElementById('omcVmClose').addEventListener('click', closeVm);\n        document.getElementById('omcVmPrev').addEventListener('click', function () { loadVmVideo(vmCur - 1); });\n        document.getElementById('omcVmNext').addEventListener('click', function () { loadVmVideo(vmCur + 1); });\n        vm.addEventListener('click', function (e) { if (e.target === vm) closeVm(); });\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 KEYBOARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        document.addEventListener('keydown', function (e) {\n            if (lb.classList.contains('open')) {\n                if (e.key === 'Escape')      closeLb();\n                if (e.key === 'ArrowLeft')   showLb(cur - 1);\n                if (e.key === 'ArrowRight')  showLb(cur + 1);\n            }\n            if (vm.classList.contains('open')) {\n                if (e.key === 'Escape')     closeVm();\n                if (e.key === 'ArrowLeft')  loadVmVideo(vmCur - 1);\n                if (e.key === 'ArrowRight') loadVmVideo(vmCur + 1);\n            }\n        });\n\n    })();\n    <\/script>\n    \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-897c602 e-flex e-con-boxed wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"897c602\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;,&quot;wcf_enable_pin_area&quot;:&quot;no&quot;,&quot;aae_enable_header_sticky_area&quot;:&quot;no&quot;,&quot;wcf_enable_horizontal_scroll&quot;:&quot;no&quot;,&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffe428c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ffe428c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ba67bd elementor-widget__width-auto wcf-starter-animations-none wcf-t-animation-none elementor-widget elementor-widget-heading\" data-id=\"8ba67bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf_starter_animations&quot;:&quot;none&quot;,&quot;wcf_anim_duration&quot;:1000,&quot;wcf_anim_delay&quot;:0,&quot;wcf_anim_ease&quot;:&quot;ease&quot;,&quot;wcf_text_animation&quot;:&quot;none&quot;,&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Our Strategic Partners<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d15caa elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1d15caa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d195897 e-flex e-con-boxed wcf-starter-animations-none wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"d195897\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;wcf-animation&quot;:&quot;none&quot;,&quot;wcf_enable_pin_area&quot;:&quot;no&quot;,&quot;aae_enable_header_sticky_area&quot;:&quot;no&quot;,&quot;wcf_enable_horizontal_scroll&quot;:&quot;no&quot;,&quot;wcf_enable_cursor_hover_effect_text&quot;:&quot;View&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7957088 elementor-widget elementor-widget-image-carousel\" data-id=\"7957088\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;slides_to_show&quot;:&quot;4&quot;,&quot;autoplay_speed&quot;:1200,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;wcf-animation&quot;:&quot;none&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 sur 5\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/03\/ref4.png\" alt=\"ref4\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 sur 5\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/03\/ref1.png\" alt=\"ref1\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 sur 5\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/03\/ref2.png\" alt=\"ref2\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 sur 5\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/03\/ref6.png\" alt=\"ref6\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 sur 5\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/preprodonhym.maltem.ma\/wp-content\/uploads\/2026\/03\/ref5.png\" alt=\"ref5\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Trusted Partner Driving Morocco\u2019s <span style=\"color:#c9a227;\">Energy<\/span> &#038; <span style=\"color:#c9a227;\">Mining<\/span> Future<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-991552","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/pages\/991552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/comments?post=991552"}],"version-history":[{"count":64,"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/pages\/991552\/revisions"}],"predecessor-version":[{"id":992279,"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/pages\/991552\/revisions\/992279"}],"wp:attachment":[{"href":"https:\/\/preprodonhym.maltem.ma\/fr\/wp-json\/wp\/v2\/media?parent=991552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}