{"id":1688,"date":"2024-08-06T10:22:50","date_gmt":"2024-08-06T10:22:50","guid":{"rendered":"https:\/\/wp.framerpeak.com\/construz\/?page_id=1688"},"modified":"2026-02-22T05:09:19","modified_gmt":"2026-02-22T05:09:19","slug":"home-02","status":"publish","type":"page","link":"https:\/\/dar-alhafidh.iq\/en\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1688\" class=\"elementor elementor-1688\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2e302 e-con-full e-flex e-con e-parent\" data-id=\"8a2e302\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd88315 e-con-full e-flex e-con e-parent\" data-id=\"cd88315\" data-element_type=\"container\" data-e-type=\"container\" id=\"main\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63b6de1 elementor-widget elementor-widget-video\" data-id=\"63b6de1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/hero-background.mp4\" autoplay=\"\" loop=\"\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccb7f60 e-con-full e-flex e-con e-parent\" data-id=\"ccb7f60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-457297a elementor-widget elementor-widget-html\" data-id=\"457297a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dh-logos-band\">\r\n  <div class=\"dh-logos-wrap\">\r\n    <div class=\"dh-logos-viewport\">\r\n      <div class=\"dh-logos-track\">\r\n        <!-- Set 1 -->\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/last-1.png\" alt=\"Solplanet\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/projoy.png\" alt=\"Projoy\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/akeo.png\" alt=\"AIKO\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/kuka-cable.png\" alt=\"Kuka Cable\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/iso-logo.jpeg\" alt=\"ISO\">\r\n        <\/div>\r\n\r\n        <!-- Set 2 (duplicate for loop) -->\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/last-1.png\" alt=\"Solplanet\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/projoy.png\" alt=\"Projoy\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/akeo.png\" alt=\"AIKO\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/kuka-cable.png\" alt=\"Kuka Cable\">\r\n        <\/div>\r\n        <div class=\"dh-logo-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/iso-logo.jpeg\" alt=\"ISO\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u2705 scoped ONLY to this section *\/\r\n.dh-logos-band{\r\n  width:100%;\r\n  padding:18px 0;\r\n  overflow:hidden;\r\n  background: linear-gradient(90deg,\r\n    #2b2b2b 0%,\r\n    #3a3a3a 15%,\r\n    #c79b40 50%,\r\n    #3a3a3a 85%,\r\n    #2b2b2b 100%\r\n  );\r\n}\r\n\r\n.dh-logos-wrap{ max-width:1400px; margin:0 auto; padding:0 18px; }\r\n.dh-logos-viewport{ overflow:visible; width:100%; }\r\n\r\n\/* IMPORTANT: prevent wrapping + keep horizontal row *\/\r\n.dh-logos-track{\r\n  display:flex !important;\r\n  flex-wrap:nowrap !important;\r\n  align-items:center;\r\n  gap:18px;\r\n  width:max-content;\r\n  will-change:transform;\r\n  animation: dh-marquee 18s linear infinite;\r\n}\r\n\r\n\/* pause on hover *\/\r\n.dh-logos-viewport:hover .dh-logos-track{ animation-play-state: paused; }\r\n\r\n\/* Cards *\/\r\n.dh-logo-card{\r\n  flex: 0 0 auto;              \/* \u2705 never shrink into weird sizes *\/\r\n  width: 240px;\r\n  height: 90px;\r\n  background:#fff;\r\n  border-radius:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:12px 18px;\r\n  box-shadow: 0 10px 22px rgba(0,0,0,.22);\r\n  overflow:hidden;             \/* \u2705 crops anything oversized safely *\/\r\n}\r\n\r\n\/* \u2705 FORCE ALL LOGOS (especially ISO) to fit *\/\r\n.dh-logo-card img{\r\n  display:block;\r\n  width: 100% !important;      \/* ensures it respects the box *\/\r\n  height: 100% !important;\r\n  max-width: 100% !important;\r\n  max-height: 100% !important;\r\n  object-fit: contain !important;\r\n}\r\n\r\n@keyframes dh-marquee{\r\n  from{ transform: translateX(0); }\r\n  to  { transform: translateX(-50%); }\r\n}\r\n\r\n@media (max-width:600px){\r\n  .dh-logo-card{ width:200px; height:82px; }\r\n  .dh-logos-track{ gap:14px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-025bcba e-con-full e-flex e-con e-parent\" data-id=\"025bcba\" data-element_type=\"container\" data-e-type=\"container\" id=\"products\">\n\t\t\t\t<div class=\"elementor-element elementor-element-715cc85 elementor-widget elementor-widget-html\" data-id=\"715cc85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root{\r\n    --text:#111;\r\n    --muted:#8a8a8a;\r\n    --muted2:#9aa0a6;\r\n    --line:#e8e8e8;\r\n    --card:#fff;\r\n    --gold:#d4a017;\r\n    --shadow: 0 14px 30px rgba(0,0,0,.10);\r\n  }\r\n\r\n  *{box-sizing:border-box}\r\n  body{margin:0;font-family:\"Tajawal\",sans-serif;background:#fff;color:var(--text)}\r\n\r\n  .dh-products{\r\n    position:relative;\r\n    padding: 60px 18px 70px;\r\n    background:#fff;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .dh-products::before,\r\n  .dh-products::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-120px;\r\n    bottom:-120px;\r\n    width:520px;\r\n    pointer-events:none;\r\n    filter: blur(2px);\r\n    opacity:.55;\r\n  }\r\n  .dh-products::before{\r\n    left:-260px;\r\n    background: radial-gradient(closest-side, rgba(0,0,0,.12), transparent 70%);\r\n  }\r\n  .dh-products::after{\r\n    right:-260px;\r\n    background: radial-gradient(closest-side, rgba(0,0,0,.12), transparent 70%);\r\n  }\r\n\r\n  .dh-wrap{\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    text-align:center;\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n\r\n  .dh-title{\r\n    margin:0;\r\n    font-size:64px;\r\n    font-weight:900;\r\n    letter-spacing:.2px;\r\n    line-height:1.05;\r\n  }\r\n\r\n  .dh-underline{\r\n    width: 88px;\r\n    height: 4px;\r\n    margin: 14px auto 18px;\r\n    background: var(--gold);\r\n    border-radius:999px;\r\n  }\r\n\r\n  .dh-subtitle{\r\n    margin:0 auto 44px;\r\n    color: var(--muted);\r\n    font-size:22px;\r\n    font-weight:500;\r\n    max-width:760px;\r\n  }\r\n\r\n  .dh-grid{\r\n    display:grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 28px;\r\n    align-items:stretch;\r\n  }\r\n\r\n  @media (max-width: 1100px){\r\n    .dh-title{font-size:52px}\r\n    .dh-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}\r\n  }\r\n  @media (max-width: 560px){\r\n    .dh-title{font-size:44px}\r\n    .dh-subtitle{font-size:18px}\r\n    .dh-grid{grid-template-columns: 1fr;}\r\n  }\r\n\r\n  .dh-card{\r\n    background:var(--card);\r\n    border: 1px solid var(--line);\r\n    border-radius: 10px;\r\n    padding: 18px 18px 14px;\r\n    box-shadow: 0 6px 16px rgba(0,0,0,.06);\r\n    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\r\n    min-height: 360px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n  }\r\n\r\n  .dh-card:hover{\r\n    transform: translateY(-6px);\r\n    border-color: var(--gold);\r\n    box-shadow: var(--shadow);\r\n  }\r\n\r\n  .dh-logo{\r\n    height: 120px;\r\n    width: 100%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .dh-logo img{\r\n    max-width: 92%;\r\n    max-height: 95px;\r\n    object-fit: contain;\r\n    display:block;\r\n  }\r\n\r\n  .dh-name{\r\n    margin: 6px 0 10px;\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    color:#222;\r\n    transition: color .22s ease;\r\n  }\r\n\r\n  .dh-card:hover .dh-name{\r\n    color: var(--gold);\r\n  }\r\n\r\n  .dh-desc{\r\n    margin: 0;\r\n    color: var(--muted2);\r\n    font-size: 13px;\r\n    line-height: 1.9;\r\n    font-weight: 500;\r\n    padding: 0 6px;\r\n  }\r\n\r\n  .dh-divider{\r\n    width:100%;\r\n    height:1px;\r\n    background: #eeeeee;\r\n    margin-top:auto;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .dh-footer{\r\n    width:100%;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:10px;\r\n  }\r\n\r\n  .dh-download{\r\n    color: var(--gold);\r\n    text-decoration:none;\r\n    font-weight:800;\r\n    font-size:14px;\r\n  }\r\n  .dh-download:hover{ text-decoration:underline; }\r\n\r\n  .dh-ico{\r\n    width:22px;height:22px;\r\n    color: var(--gold);\r\n    display:grid;\r\n    place-items:center;\r\n    flex:0 0 auto;\r\n  }\r\n  .dh-ico svg{width:18px;height:18px;display:block}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dh-products\">\r\n  <div class=\"dh-wrap\">\r\n    <h2 class=\"dh-title\">Our Products<\/h2>\r\n    <div class=\"dh-underline\"><\/div>\r\n    <p class=\"dh-subtitle\">We provide the latest renewable energy technologies from leading global companies<\/p>\r\n\r\n    <div class=\"dh-grid\">\r\n\r\n      <!-- PROJOY -->\r\n      <article class=\"dh-card\">\r\n        <div class=\"dh-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/projoy.png\" alt=\"PROJOY\">\r\n        <\/div>\r\n        <h3 class=\"dh-name\">PROJOY Electric<\/h3>\r\n        <p class=\"dh-desc\">\r\n          A global leader in safety and protection components for photovoltaic systems, certified by major international companies.\r\n        <\/p>\r\n        <div class=\"dh-divider\"><\/div>\r\n        <div class=\"dh-footer\">\r\n          <a class=\"dh-download\" href=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/projoy-catalog.pdf\" target=\"_blank\" rel=\"noopener\">Download Catalog<\/a>\r\n          <span class=\"dh-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 3v10\"><\/path>\r\n              <path d=\"M8 11l4 4 4-4\"><\/path>\r\n              <path d=\"M5 21h14\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- KUKA -->\r\n      <article class=\"dh-card\">\r\n        <div class=\"dh-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/kuka-cable.png\" alt=\"KUKA CABLE\">\r\n        <\/div>\r\n        <h3 class=\"dh-name\">KUKA Cables<\/h3>\r\n        <p class=\"dh-desc\">\r\n          High-performance cables certified by ISO and tested according to international standards, offering reliable quality and dependable warranty.\r\n        <\/p>\r\n        <div class=\"dh-divider\"><\/div>\r\n        <div class=\"dh-footer\">\r\n          <a class=\"dh-download\" href=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/kuka-catalog.pdf\" target=\"_blank\" rel=\"noopener\">Download Catalog<\/a>\r\n          <span class=\"dh-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 3v10\"><\/path>\r\n              <path d=\"M8 11l4 4 4-4\"><\/path>\r\n              <path d=\"M5 21h14\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- AIKO -->\r\n      <article class=\"dh-card\">\r\n        <div class=\"dh-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/akeo.png\" alt=\"AIKO\">\r\n        <\/div>\r\n        <h3 class=\"dh-name\">AIKO Solar Panels<\/h3>\r\n        <p class=\"dh-desc\">\r\n          A global leader in N-type cell technology, delivering high efficiency and stable performance for long operational lifespan.\r\n        <\/p>\r\n        <div class=\"dh-divider\"><\/div>\r\n        <div class=\"dh-footer\">\r\n          <a class=\"dh-download\" href=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/aiko-catalog.pdf\" target=\"_blank\" rel=\"noopener\">Download Catalog<\/a>\r\n          <span class=\"dh-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 3v10\"><\/path>\r\n              <path d=\"M8 11l4 4 4-4\"><\/path>\r\n              <path d=\"M5 21h14\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- SOLPLANET -->\r\n      <article class=\"dh-card\">\r\n        <div class=\"dh-logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/last-1.png\" alt=\"Solplanet\">\r\n        <\/div>\r\n        <h3 class=\"dh-name\">Solplanet Inverters<\/h3>\r\n        <p class=\"dh-desc\">\r\n          German-quality inverters supported by a smart monitoring application and full replacement warranty for up to 10 years.\r\n        <\/p>\r\n        <div class=\"dh-divider\"><\/div>\r\n        <div class=\"dh-footer\">\r\n          <a class=\"dh-download\" href=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/solplanet-catalog.pdf\" target=\"_blank\" rel=\"noopener\">Download Catalog<\/a>\r\n          <span class=\"dh-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 3v10\"><\/path>\r\n              <path d=\"M8 11l4 4 4-4\"><\/path>\r\n              <path d=\"M5 21h14\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdca70a e-con-full e-flex e-con e-parent\" data-id=\"bdca70a\" data-element_type=\"container\" data-e-type=\"container\" id=\"about-1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad851d5 elementor-widget elementor-widget-html\" data-id=\"ad851d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n<meta charset=\"utf-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"\/>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root{\r\n    --text:#111827;\r\n    --muted:#6b7280;\r\n    --gold:#d4a017;\r\n    --card:#ffffff;\r\n    --line:#ececec;\r\n    --shadow: 0 16px 40px rgba(0,0,0,.12);\r\n    --shadow2: 0 14px 28px rgba(0,0,0,.10);\r\n    --radius:14px;\r\n  }\r\n  *{box-sizing:border-box}\r\n  body{margin:0;font-family:\"Tajawal\",sans-serif;background:#f6f6f6;color:var(--text)}\r\n\r\n  \/* Section background *\/\r\n  .dh-about{\r\n    background: #f3f3f3;\r\n    padding: 55px 18px 60px;\r\n  }\r\n\r\n  .dh-wrap{\r\n    max-width: 1200px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  \/* Title *\/\r\n  .dh-title{\r\n    text-align:center;\r\n    margin: 0 0 30px;\r\n  }\r\n  .dh-title h2{\r\n    margin:0;\r\n    font-size: 42px;\r\n    font-weight: 900;\r\n    letter-spacing:.2px;\r\n  }\r\n  .dh-title .line{\r\n    width:70px;height:4px;background:var(--gold);\r\n    margin: 12px auto 0;border-radius:999px;\r\n  }\r\n\r\n  \/* Two columns *\/\r\n  .dh-top{\r\n    display:grid;\r\n    grid-template-columns: 1.05fr 0.95fr; \/* image left bigger *\/\r\n    gap: 45px;\r\n    align-items:center;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  \/* Image box *\/\r\n  .dh-imgBox{\r\n    position:relative;\r\n    border-radius: 16px;\r\n    overflow:hidden;\r\n    box-shadow: var(--shadow);\r\n    background:#ddd;\r\n    min-height: 320px;\r\n  }\r\n  .dh-imgBox img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n  }\r\n\r\n  \/* Gold badge *\/\r\n  .dh-badge{\r\n    position:absolute;\r\n    right: 18px;\r\n    bottom: 18px;\r\n    background: #e6b54a;\r\n    color:#111;\r\n    border-radius: 12px;\r\n    padding: 16px 18px;\r\n    width: 92px;\r\n    text-align:center;\r\n    box-shadow: 0 12px 22px rgba(0,0,0,.18);\r\n  }\r\n  .dh-badge b{\r\n    display:block;\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n    margin-bottom: 2px;\r\n  }\r\n  .dh-badge small{\r\n    display:block;\r\n    font-size: 12px;\r\n    opacity:.9;\r\n    font-weight:700;\r\n  }\r\n\r\n  \/* Text box *\/\r\n  .dh-text h3{\r\n    margin:0 0 14px;\r\n    font-size: 26px;\r\n    font-weight: 900;\r\n    line-height:1.5;\r\n  }\r\n  .dh-text p{\r\n    margin:0;\r\n    color: #6b7280;\r\n    line-height: 2;\r\n    font-size: 14.5px;\r\n    font-weight:500;\r\n    max-width: 520px;\r\n  }\r\n\r\n  \/* Bottom cards *\/\r\n  .dh-cards{\r\n    margin-top: 38px;\r\n    display:grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 26px;\r\n  }\r\n\r\n  .dh-card{\r\n    background: var(--card);\r\n    border: 1px solid var(--line);\r\n    border-radius: 12px;\r\n    padding: 26px 22px 22px;\r\n    box-shadow: var(--shadow2);\r\n    text-align:center;\r\n    min-height: 190px;\r\n  }\r\n\r\n  .dh-ico{\r\n    width: 44px; height: 44px;\r\n    margin: 0 auto 14px;\r\n    border-radius: 999px;\r\n    background: #fff7e6;\r\n    display:grid;\r\n    place-items:center;\r\n    color: var(--gold);\r\n    border: 1px solid #f2e6c8;\r\n  }\r\n\r\n  .dh-card h4{\r\n    margin:0 0 10px;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n  }\r\n  .dh-card p{\r\n    margin:0;\r\n    color: var(--muted);\r\n    font-size: 13.5px;\r\n    line-height: 1.9;\r\n    font-weight:500;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 980px){\r\n    .dh-top{grid-template-columns: 1fr; gap: 22px;}\r\n    .dh-text p{max-width:100%}\r\n    .dh-cards{grid-template-columns: 1fr; }\r\n    .dh-imgBox{min-height: 260px;}\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dh-about\">\r\n  <div class=\"dh-wrap\">\r\n\r\n    <div class=\"dh-title\">\r\n      <h2>About Us<\/h2>\r\n      <div class=\"line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dh-top\">\r\n\r\n      <!-- Image (left) -->\r\n      <div class=\"dh-imgBox\">\r\n        <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/construction-solar-BdR6Gg88-1.jpg\" alt=\"Dar Al-Hafidh\">\r\n        <div class=\"dh-badge\">\r\n          <b>Since<\/b>\r\n          <small> 2004<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Text (right) -->\r\n      <div class=\"dh-text\">\r\n        <h3>Dar Al-Hafidh for Contracting, Renewable Energy, and Its Services<\/h3>\r\n        <p>\r\n          Dar Al-Hafidh is a full-service contracting, construction, and real estate development company, built on quality and on-time commitment,\r\n          aiming to create a positive impact on the community. We deliver sustainable residential and commercial projects, renewable energy works,\r\n          and sustainable building solutions. The company provides comprehensive project management services and puts customer satisfaction first.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom 3 cards -->\r\n    <div class=\"dh-cards\">\r\n\r\n      <div class=\"dh-card\">\r\n        <div class=\"dh-ico\">\r\n          <!-- users icon -->\r\n          <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M17 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\r\n            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>Our Team<\/h4>\r\n        <p>\r\n          A multidisciplinary team of engineers, designers, project managers, and renewable energy experts.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dh-card\">\r\n        <div class=\"dh-ico\">\r\n          <!-- target icon -->\r\n          <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n            <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\r\n            <circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>Our Mission<\/h4>\r\n        <p>\r\n          To be a leading force in construction and clean energy, helping set market standards for quality, safety, and sustainability.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dh-card\">\r\n        <div class=\"dh-ico\">\r\n          <!-- eye icon -->\r\n          <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7S2 12 2 12z\"><\/path>\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>Our Vision<\/h4>\r\n        <p>\r\n          To deliver innovative, sustainable project solutions, exceed customer expectations, and strengthen our positive impact on the community.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c048e9 e-con-full e-flex e-con e-parent\" data-id=\"4c048e9\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79bec6f elementor-widget elementor-widget-html\" data-id=\"79bec6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dh-services\"> \r\n  <div class=\"dh-services__wrap\"> \r\n    <header class=\"dh-services__head\"> \r\n      <h2>Our Services<\/h2> \r\n      <span class=\"dh-services__line\"><\/span> \r\n      <p>We provide a comprehensive range of services in the field of renewable energy and construction<\/p> \r\n    <\/header> \r\n    <div class=\"dh-services__grid\"> \r\n      \r\n      <a class=\"dh-scard\" href=\"#\"> \r\n        <div class=\"dh-scard__media\"> \r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/service-maintenance-Bo1bYM9e.jpg\" alt=\"Support & After-Sales Services\"> \r\n          <span class=\"dh-scard__fade\"><\/span> \r\n          <span class=\"dh-scard__badge\" aria-hidden=\"true\"> \r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"> \r\n              <path d=\"M14.7 6.3a4 4 0 0 0-5.4 5.4l-6 6a2 2 0 1 0 2.8 2.8l6-6a4 4 0 0 0 5.4-5.4l-3 3-2.8-2.8 3-3z\"\/> \r\n            <\/svg> \r\n          <\/span> \r\n        <\/div> \r\n        <div class=\"dh-scard__body\"> \r\n          <h3>Support & After-Sales Services<\/h3> \r\n          <p>Maintenance, performance monitoring, and warranty processing<\/p> \r\n        <\/div> \r\n      <\/a> \r\n      \r\n      <a class=\"dh-scard\" href=\"#\"> \r\n        <div class=\"dh-scard__media\"> \r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/service-design-BoihMAI2.jpg\" alt=\"Solar Energy Solutions\"> \r\n          <span class=\"dh-scard__fade\"><\/span> \r\n          <span class=\"dh-scard__badge\" aria-hidden=\"true\"> \r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"> \r\n              <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle> \r\n              <path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"><\/path> \r\n            <\/svg> \r\n          <\/span> \r\n        <\/div> \r\n        <div class=\"dh-scard__body\"> \r\n          <h3>Solar Energy Solutions<\/h3> \r\n          <p>Design, supply, installation, and commissioning of solar energy systems for residential, commercial, and industrial sectors<\/p> \r\n        <\/div> \r\n      <\/a> \r\n      \r\n      <a class=\"dh-scard\" href=\"#\"> \r\n        <div class=\"dh-scard__media\"> \r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/service-construction-eY9QU90w.jpg\" alt=\"Contracting & Construction\"> \r\n          <span class=\"dh-scard__fade\"><\/span> \r\n          <span class=\"dh-scard__badge\" aria-hidden=\"true\"> \r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"> \r\n              <path d=\"M6 22V3h12v19\"><\/path> \r\n              <path d=\"M9 7h1M9 10h1M9 13h1M14 7h1M14 10h1M14 13h1\"><\/path> \r\n              <path d=\"M4 22h16\"><\/path> \r\n            <\/svg> \r\n          <\/span> \r\n        <\/div> \r\n        <div class=\"dh-scard__body\"> \r\n          <h3>Contracting & Construction<\/h3> \r\n          <p>Residential and commercial construction projects, renovation, sustainable design, and project management<\/p> \r\n        <\/div> \r\n      <\/a> \r\n      \r\n      <a class=\"dh-scard\" href=\"#\"> \r\n        <div class=\"dh-scard__media\"> \r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/service-consulting-b6yvLgW6.jpg\" alt=\"Turnkey Solutions\"> \r\n          <span class=\"dh-scard__fade\"><\/span> \r\n          <span class=\"dh-scard__badge\" aria-hidden=\"true\"> \r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"> \r\n              <path d=\"M20 6L9 17l-5-5\"><\/path> \r\n            <\/svg> \r\n          <\/span> \r\n        <\/div> \r\n        <div class=\"dh-scard__body\"> \r\n          <h3>Turnkey Solutions<\/h3> \r\n          <p>End-to-end project delivery, from supply, civil and electrical works, to testing and commissioning<\/p> \r\n        <\/div> \r\n      <\/a> \r\n      \r\n      <a class=\"dh-scard\" href=\"#\"> \r\n        <div class=\"dh-scard__media\"> \r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/service.jpg\" alt=\"Training & Consulting\"> \r\n          <span class=\"dh-scard__fade\"><\/span> \r\n          <span class=\"dh-scard__badge\" aria-hidden=\"true\"> \r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"> \r\n              <path d=\"M22 10L12 4 2 10l10 6 10-6z\"><\/path> \r\n              <path d=\"M6 12v5c0 1 3 3 6 3s6-2 6-3v-5\"><\/path> \r\n            <\/svg> \r\n          <\/span> \r\n        <\/div> \r\n        <div class=\"dh-scard__body\"> \r\n          <h3>Training & Consulting<\/h3> \r\n          <p>Technical and operational training, feasibility studies, and system optimization consulting<\/p> \r\n        <\/div> \r\n      <\/a> \r\n      \r\n    <\/div> \r\n  <\/div> \r\n<\/section> \r\n\r\n<style> \r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap'); \r\n\r\n.dh-services{ \r\n  background:#ffffff; \r\n  padding: 54px 18px 70px; \r\n  direction: ltr; \r\n  font-family: \"Tajawal\", system-ui, -apple-system, \"Segoe UI\", Arial, sans-serif; \r\n} \r\n.dh-services__wrap{ \r\n  max-width: 1180px; \r\n  margin: 0 auto; \r\n} \r\n\/* Head *\/ \r\n.dh-services__head{ \r\n  text-align:center; \r\n  margin-bottom: 34px; \r\n} \r\n.dh-services__head h2{ \r\n  margin:0; \r\n  font-size: 44px; \r\n  font-weight: 900; \r\n  color:#111; \r\n} \r\n.dh-services__line{ \r\n  display:block; \r\n  width: 64px; \r\n  height: 4px; \r\n  background:#d4a017; \r\n  border-radius: 999px; \r\n  margin: 10px auto 14px; \r\n} \r\n.dh-services__head p{ \r\n  margin:0; \r\n  color:#6b7280; \r\n  font-size: 15px; \r\n  font-weight: 500; \r\n} \r\n\/* Grid 3 then 2 centered *\/ \r\n.dh-services__grid{ \r\n  display:grid; \r\n  grid-template-columns: repeat(3, minmax(0, 1fr)); \r\n  gap: 26px; \r\n} \r\n\/* make last row 2 cards centered *\/ \r\n.dh-services__grid > .dh-scard:nth-child(4){ \r\n  grid-column: 2; \r\n} \r\n.dh-services__grid > .dh-scard:nth-child(5){ \r\n  grid-column: 3; \r\n} \r\n\/* Card *\/ \r\n.dh-scard{ \r\n  text-decoration:none; \r\n  color:inherit; \r\n  background:#fff; \r\n  border: 1px solid #e8e8e8; \r\n  border-radius: 12px; \r\n  overflow:hidden; \r\n  box-shadow: 0 10px 24px rgba(0,0,0,.08); \r\n  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; \r\n} \r\n.dh-scard__media{ \r\n  position:relative; \r\n  height: 170px; \/* matches screenshot *\/ \r\n  overflow:hidden; \r\n} \r\n.dh-scard__media img{ \r\n  width:100%; \r\n  height:100%; \r\n  object-fit:cover; \r\n  display:block; \r\n  transform: scale(1.02); \r\n  transition: transform .35s ease, filter .35s ease; \r\n  filter: saturate(.95); \r\n} \r\n\/* white fade from bottom like screenshot *\/ \r\n.dh-scard__fade{ \r\n  position:absolute; \r\n  inset:0; \r\n  background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,.92) 18%, rgba(255,255,255,.35) 58%, rgba(255,255,255,0) 100%); \r\n  pointer-events:none; \r\n} \r\n\/* badge circle top-right *\/ \r\n.dh-scard__badge{ \r\n  position:absolute; \r\n  top: 12px; \r\n  right: 12px; \r\n  width: 44px; \r\n  height: 44px; \r\n  border-radius: 999px; \r\n  background:#d4a017; \r\n  color:#111; \r\n  display:grid; \r\n  place-items:center; \r\n  box-shadow: 0 10px 20px rgba(0,0,0,.16); \r\n} \r\n.dh-scard__badge svg{ \r\n  width:20px; \r\n  height:20px; \r\n} \r\n.dh-scard__body{ \r\n  padding: 18px 18px 20px; \r\n  text-align:center; \r\n} \r\n.dh-scard__body h3{ \r\n  margin:0 0 10px; \r\n  font-size: 20px; \r\n  font-weight: 900; \r\n  color:#111; \r\n  transition: color .25s ease; \r\n} \r\n.dh-scard__body p{ \r\n  margin:0; \r\n  font-size: 13px; \r\n  line-height: 1.9; \r\n  color:#6b7280; \r\n  font-weight:500; \r\n} \r\n\/* Hover exactly like second screenshot *\/ \r\n.dh-scard:hover{ \r\n  border-color:#d4a017; \r\n  box-shadow: 0 18px 44px rgba(0,0,0,.12); \r\n  transform: translateY(-3px); \r\n} \r\n.dh-scard:hover .dh-scard__body h3{ \r\n  color:#d4a017; \r\n} \r\n.dh-scard:hover .dh-scard__media img{ \r\n  transform: scale(1.06); \r\n  filter: saturate(1.02); \r\n} \r\n\/* Responsive *\/ \r\n@media (max-width: 1024px){ \r\n  .dh-services__grid{ \r\n    grid-template-columns: repeat(2, minmax(0, 1fr)); \r\n  } \r\n  .dh-services__grid > .dh-scard:nth-child(4){ \r\n    grid-column:auto; \r\n  } \r\n  .dh-services__grid > .dh-scard:nth-child(5){ \r\n    grid-column:auto; \r\n  } \r\n} \r\n@media (max-width: 560px){ \r\n  .dh-services__head h2{ \r\n    font-size: 36px; \r\n  } \r\n  .dh-services__grid{ \r\n    grid-template-columns: 1fr; \r\n  } \r\n} \r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d52134e e-con-full e-flex e-con e-parent\" data-id=\"d52134e\" data-element_type=\"container\" data-e-type=\"container\" id=\"quality\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2752820 elementor-widget elementor-widget-html\" data-id=\"2752820\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dh-cert\">\r\n  <div class=\"dh-cert__wrap\">\r\n\r\n    <div class=\"dh-cert__head\">\r\n      <h2>Quality & Certifications<\/h2>\r\n      <span class=\"dh-cert__line\"><\/span>\r\n      <p>We are committed to the highest international standards to ensure quality, safety, and sustainability<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dh-cert__grid\">\r\n\r\n      <div class=\"dh-cert__card\">\r\n        <div class=\"dh-cert__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/cert-iso-45001-niB7WXLm.jpg\" alt=\"ISO 45001 Certificate\">\r\n          <div class=\"dh-cert__fade\"><\/div>\r\n          <div class=\"dh-cert__badge\">\u2714<\/div>\r\n        <\/div>\r\n        <div class=\"dh-cert__body\">\r\n          <h3>ISO 45001<\/h3>\r\n          <span>Health & Safety<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dh-cert__card\">\r\n        <div class=\"dh-cert__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/cert-iso-14001-BP4aaOeN.jpg\" alt=\"ISO 14001 Certificate\">\r\n          <div class=\"dh-cert__fade\"><\/div>\r\n          <div class=\"dh-cert__badge\">\ud83c\udfc5<\/div>\r\n        <\/div>\r\n        <div class=\"dh-cert__body\">\r\n          <h3>ISO 14001<\/h3>\r\n          <span>Environmental Management<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dh-cert__card\">\r\n        <div class=\"dh-cert__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/cert-iso-9001-z-3XJKNe.jpg\" alt=\"ISO 9001 Certificate\">\r\n          <div class=\"dh-cert__fade\"><\/div>\r\n          <div class=\"dh-cert__badge\">\ud83d\udee1<\/div>\r\n        <\/div>\r\n        <div class=\"dh-cert__body\">\r\n          <h3>ISO 9001<\/h3>\r\n          <span>Quality Management<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"dh-cert__commit\">\r\n\r\n      <h3>Our Commitment to Excellence<\/h3>\r\n\r\n      <ul>\r\n        <li>Strict procedures to ensure quality and safety, and to guarantee long-term system performance<\/li>\r\n        <li>Compliance with international standards in all aspects of our operations<\/li>\r\n        <li>Periodic monitoring and continuous review to ensure the highest standards<\/li>\r\n      <\/ul>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');\r\n\r\n.dh-cert{\r\n  background:#f5f5f5;\r\n  padding:70px 20px;\r\n  font-family:'Tajawal', sans-serif, system-ui, -apple-system, Arial;\r\n  direction:ltr; \/* Changed to Left-to-Right for English *\/\r\n}\r\n\r\n.dh-cert__wrap{\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n\r\n\/* Header *\/\r\n.dh-cert__head{\r\n  text-align:center;\r\n  margin-bottom:50px;\r\n}\r\n.dh-cert__head h2{\r\n  margin:0;\r\n  font-size:44px;\r\n  font-weight:900;\r\n}\r\n.dh-cert__line{\r\n  display:block;\r\n  width:70px;\r\n  height:4px;\r\n  background:#d4a017;\r\n  margin:12px auto;\r\n  border-radius:50px;\r\n}\r\n.dh-cert__head p{\r\n  margin:0;\r\n  color:#6b7280;\r\n}\r\n\r\n\/* Grid *\/\r\n.dh-cert__grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:28px;\r\n  margin-bottom:45px;\r\n}\r\n\r\n\/* Card *\/\r\n.dh-cert__card{\r\n  background:#fff;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  box-shadow:0 12px 30px rgba(0,0,0,.08);\r\n  transition:.3s ease;\r\n}\r\n.dh-cert__media{\r\n  position:relative;\r\n  height:180px;\r\n  overflow:hidden;\r\n}\r\n.dh-cert__media img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:.4s ease;\r\n}\r\n\r\n\/* white fade *\/\r\n.dh-cert__fade{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to top,\r\n    rgba(255,255,255,1) 0%,\r\n    rgba(255,255,255,.85) 50%,\r\n    rgba(255,255,255,0) 100%);\r\n}\r\n\r\n\/* badge *\/\r\n.dh-cert__badge{\r\n  position:absolute;\r\n  top:15px;\r\n  right:15px;\r\n  width:42px;\r\n  height:42px;\r\n  border-radius:50%;\r\n  background:#d4a017;\r\n  color:#111;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight:bold;\r\n  box-shadow:0 8px 18px rgba(0,0,0,.2);\r\n}\r\n\r\n.dh-cert__body{\r\n  padding:20px;\r\n  text-align:center;\r\n}\r\n.dh-cert__body h3{\r\n  margin:0 0 8px;\r\n  font-weight:900;\r\n}\r\n.dh-cert__body span{\r\n  color:#6b7280;\r\n  font-size:14px;\r\n}\r\n\r\n\/* Hover *\/\r\n.dh-cert__card:hover{\r\n  transform:translateY(-4px);\r\n  box-shadow:0 18px 40px rgba(0,0,0,.12);\r\n}\r\n.dh-cert__card:hover h3{\r\n  color:#d4a017;\r\n}\r\n.dh-cert__card:hover img{\r\n  transform:scale(1.06);\r\n}\r\n\r\n\/* Commitment box *\/\r\n.dh-cert__commit{\r\n  background:#fff;\r\n  border-radius:16px;\r\n  padding:35px;\r\n  box-shadow:0 18px 40px rgba(0,0,0,.08);\r\n}\r\n.dh-cert__commit h3{\r\n  margin:0 0 20px;\r\n  font-weight:900;\r\n  text-align:center;\r\n}\r\n.dh-cert__commit ul{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0;\r\n}\r\n.dh-cert__commit li{\r\n  margin-bottom:18px;\r\n  padding-left:45px; \/* Adjusted for LTR *\/\r\n  position:relative;\r\n  color:#374151;\r\n  line-height:1.9;\r\n}\r\n\r\n\/* Hollow circle *\/\r\n.dh-cert__commit li::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0; \/* Adjusted for LTR *\/\r\n  top:6px;\r\n  width:26px;\r\n  height:26px;\r\n  border-radius:50%;\r\n  border:2px solid #e6b54a; \/* Light Gold *\/\r\n  background:transparent;\r\n}\r\n\r\n\/* Light gold checkmark *\/\r\n.dh-cert__commit li::after{\r\n  content:\"\u2714\";\r\n  position:absolute;\r\n  left:7px; \/* Adjusted for LTR *\/\r\n  top:4px;\r\n  color:#e6b54a; \/* Matches border color *\/\r\n  font-size:14px;\r\n  font-weight:900;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:992px){\r\n  .dh-cert__grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n}\r\n@media(max-width:600px){\r\n  .dh-cert__grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fbff192 e-con-full e-flex e-con e-parent\" data-id=\"fbff192\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe45ea9 elementor-widget elementor-widget-html\" data-id=\"fe45ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dh-finance\" dir=\"ltr\">\r\n  <div class=\"dh-finance__wrap\">\r\n\r\n    <header class=\"dh-finance__head\">\r\n      <h2>Financing & Initiatives<\/h2>\r\n      <span class=\"dh-finance__line\"><\/span>\r\n    <\/header>\r\n\r\n    <div class=\"dh-finance__top\">\r\n      <div class=\"dh-finance__topIcon\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path d=\"M3 10h18\"><\/path>\r\n          <path d=\"M5 10v10\"><\/path>\r\n          <path d=\"M9 10v10\"><\/path>\r\n          <path d=\"M15 10v10\"><\/path>\r\n          <path d=\"M19 10v10\"><\/path>\r\n          <path d=\"M2 20h20\"><\/path>\r\n          <path d=\"M12 3 2 8h20L12 3z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Central Bank of Iraq Initiative<\/h3>\r\n      <p>\r\n        We participate in the Central Bank of Iraq's initiative to support the adoption of solar energy in Iraq,\r\n        making clean energy accessible and affordable for everyone.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dh-finance__mid\">\r\n\r\n      <div class=\"dh-card\">\r\n        <div class=\"dh-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M3 17l6-6 4 4 7-7\"><\/path>\r\n            <path d=\"M14 8h6v6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>Flexible Financing<\/h4>\r\n        <p>Financing solutions for homes, farms, and factories to facilitate the transition to solar energy<\/p>\r\n        <ul class=\"dh-bullets\">\r\n          <li>Residential Homes<\/li>\r\n          <li>Agricultural Farms<\/li>\r\n          <li>Industrial Factories<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"dh-card\">\r\n        <div class=\"dh-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n            <path d=\"M16 11l2 2a3 3 0 0 1 0 4l-1 1a3 3 0 0 1-4 0l-1-1\"><\/path>\r\n            <path d=\"M8 13l-2-2a3 3 0 0 1 0-4l1-1a3 3 0 0 1 4 0l1 1\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>Strategic Partnership<\/h4>\r\n        <p>Collaboration with Gulf Commercial Bank as a strategic partner to enable solar energy financing<\/p>\r\n        <div class=\"dh-pill\">Gulf Commercial Bank<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"dh-process\">\r\n      <h3>Financing Process<\/h3>\r\n\r\n      <div class=\"dh-steps\">\r\n\r\n        <div class=\"dh-step\">\r\n          <div class=\"dh-num\">1<\/div>\r\n          <div class=\"dh-step__title\">Dar Al-Hafidh<\/div>\r\n          <div class=\"dh-step__sub\">Submit Application<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dh-arrow\">\u2192<\/div>\r\n\r\n        <div class=\"dh-step\">\r\n          <div class=\"dh-num\">2<\/div>\r\n          <div class=\"dh-step__title\">The Bank<\/div>\r\n          <div class=\"dh-step__sub\">Funding Approval<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dh-arrow\">\u2192<\/div>\r\n\r\n        <div class=\"dh-step\">\r\n          <div class=\"dh-num\">3<\/div>\r\n          <div class=\"dh-step__title\">The Customer<\/div>\r\n          <div class=\"dh-step__sub\">Clean Energy Delivery<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');\r\n\r\n.dh-finance{\r\n  background:#ffffff;\r\n  padding:60px 18px 70px;\r\n  font-family:\"Tajawal\",sans-serif;\r\n  color:#111;\r\n  direction: ltr; \/* Added LTR for English *\/\r\n}\r\n\r\n.dh-finance__wrap{\r\n  max-width:1100px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Title *\/\r\n.dh-finance__head{\r\n  text-align:center;\r\n  margin-bottom:34px;\r\n}\r\n.dh-finance__head h2{\r\n  margin:0;\r\n  font-size:44px;\r\n  font-weight:900;\r\n}\r\n.dh-finance__line{\r\n  display:block;\r\n  width:70px;\r\n  height:4px;\r\n  background:#d4a017;\r\n  border-radius:999px;\r\n  margin:10px auto 0;\r\n}\r\n\r\n\/* Top card *\/\r\n.dh-finance__top{\r\n  position:relative;\r\n  background:#fbf5e6;\r\n  border-radius:12px;\r\n  padding:26px;\r\n  box-shadow:0 10px 26px rgba(0,0,0,.06);\r\n  margin-bottom:34px;\r\n}\r\n.dh-finance__top h3{\r\n  margin:0 0 12px;\r\n  font-size:28px;\r\n  font-weight:900;\r\n}\r\n.dh-finance__top p{\r\n  margin:0;\r\n  color:#6b7280;\r\n  line-height:1.9;\r\n  font-size:14px;\r\n}\r\n.dh-finance__topIcon{\r\n  position:absolute;\r\n  top:20px;\r\n  right:20px; \/* Switched to right for English if desired, or keep left *\/\r\n  width:46px;\r\n  height:46px;\r\n  border-radius:50%;\r\n  background:#d4a017;\r\n  display:grid;\r\n  place-items:center;\r\n}\r\n\r\n\/* Middle cards *\/\r\n.dh-finance__mid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:26px;\r\n  margin-bottom:40px;\r\n}\r\n\r\n.dh-card{\r\n  background:#fff;\r\n  border:1px solid #ececec;\r\n  border-radius:12px;\r\n  padding:24px;\r\n  box-shadow:0 10px 26px rgba(0,0,0,.06);\r\n  text-align:center;\r\n}\r\n.dh-card__icon{\r\n  width:48px;\r\n  height:48px;\r\n  border-radius:50%;\r\n  background:#f7f0dd;\r\n  display:grid;\r\n  place-items:center;\r\n  margin:0 auto 14px;\r\n  color:#d4a017;\r\n}\r\n.dh-card h4{\r\n  margin:0 0 10px;\r\n  font-size:22px;\r\n  font-weight:900;\r\n}\r\n.dh-card p{\r\n  margin:0 0 12px;\r\n  color:#6b7280;\r\n  font-size:13px;\r\n}\r\n.dh-bullets{\r\n  list-style:none;\r\n  padding:0;\r\n  margin:0;\r\n  display: inline-block; \/* Centers list *\/\r\n  text-align: left;\r\n}\r\n.dh-bullets li{\r\n  position:relative;\r\n  padding-left:18px; \/* Switched from padding-right *\/\r\n  margin:6px 0;\r\n}\r\n.dh-bullets li::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0; \/* Switched from right *\/\r\n  top:7px;\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:#d4a017;\r\n}\r\n.dh-pill{\r\n  background:#f3f3f3;\r\n  border-radius:8px;\r\n  padding:10px;\r\n  font-size:13px;\r\n}\r\n\r\n\/* Process *\/\r\n.dh-process{\r\n  background:#fff;\r\n  border:1px solid #ececec;\r\n  border-radius:12px;\r\n  padding:30px 20px;\r\n  box-shadow:0 10px 26px rgba(0,0,0,.06);\r\n  text-align:center;\r\n}\r\n.dh-process h3{\r\n  margin:0 0 22px;\r\n  font-size:22px;\r\n  font-weight:900;\r\n}\r\n.dh-steps{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:28px;\r\n}\r\n.dh-step{\r\n  min-width:150px;\r\n}\r\n.dh-num{\r\n  width:52px;\r\n  height:52px;\r\n  border-radius:50%;\r\n  background:#d4a017;\r\n  display:grid;\r\n  place-items:center;\r\n  margin:0 auto 12px;\r\n  font-weight:900;\r\n}\r\n.dh-step__title {\r\n  font-weight: 800;\r\n}\r\n.dh-step__sub{\r\n  color:#6b7280;\r\n  font-size:13px;\r\n}\r\n.dh-arrow{\r\n  color:#d4a017;\r\n  font-weight:900;\r\n}\r\n\r\n\/* \u2705 Mobile Layout *\/\r\n@media (max-width: 768px){\r\n  .dh-finance__mid{\r\n    grid-template-columns:1fr;\r\n  }\r\n  .dh-steps{\r\n    flex-direction:column;\r\n    gap:22px;\r\n  }\r\n  .dh-arrow{\r\n    display:none;\r\n  }\r\n  .dh-step{\r\n    width:100%;\r\n    max-width:250px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f384422 e-con-full e-flex e-con e-parent\" data-id=\"f384422\" data-element_type=\"container\" data-e-type=\"container\" id=\"partners\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50788ab elementor-widget elementor-widget-html\" data-id=\"50788ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .partners-section {\r\n    direction: ltr; \/* Changed to Left-to-Right *\/\r\n    font-family: \"Tajawal\", system-ui, -apple-system, \"Segoe UI\", Arial, sans-serif;\r\n    padding: 40px 12px 60px;\r\n    background: #f2f2f2;\r\n  }\r\n  .partners-wrap { max-width: 1200px; margin: 0 auto; }\r\n\r\n  .partners-title {\r\n    text-align: center;\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    margin: 0 0 10px;\r\n    color: #111;\r\n  }\r\n  .partners-underline {\r\n    width: 70px; height: 4px;\r\n    margin: 0 auto 18px;\r\n    background: #caa64b;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  \/* =======================\r\n      Moving black strip\r\n  ======================= *\/\r\n  .partners-marquee {\r\n    background: #222;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    margin: 0 auto 26px;\r\n    border: 1px solid rgba(255,255,255,.08);\r\n  }\r\n\r\n  .partners-marquee__track {\r\n    display: flex;\r\n    width: max-content;\r\n    gap: 28px;\r\n    padding: 10px 14px;\r\n    align-items: center;\r\n    animation: partnersScroll 22s linear infinite;\r\n  }\r\n\r\n  .partners-marquee__item {\r\n    color: #fff;\r\n    font-size: 14px;\r\n    white-space: nowrap;\r\n    opacity: .95;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .partners-marquee__item::before {\r\n    content: \"\u2022\";\r\n    color: #e7c554;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .partners-marquee:hover .partners-marquee__track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  @keyframes partnersScroll {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(-50%); } \r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .partners-marquee__track { animation: none; }\r\n  }\r\n\r\n  \/* =======================\r\n      Grid 4 cards in one row\r\n  ======================= *\/\r\n  .partners-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 18px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .partner-link {\r\n    text-decoration: none;\r\n    color: inherit;\r\n    display: block;\r\n  }\r\n\r\n  .partner-card {\r\n    height: 343px;\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    border: 1px solid #e6e6e6;\r\n    padding: 16px 16px 14px;\r\n    box-shadow: 0 8px 22px rgba(0,0,0,.08);\r\n    transition: transform .22s ease, box-shadow .22s ease;\r\n    position: relative;\r\n    min-height: 285px;\r\n  }\r\n\r\n  .partner-link:hover .partner-card {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 18px 40px rgba(0,0,0,.16);\r\n  }\r\n\r\n  .partner-name {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    margin: 0 0 8px;\r\n    color: #111;\r\n    text-align: left; \/* Changed from right *\/\r\n  }\r\n\r\n  .partner-logo {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin: 8px 0 10px;\r\n    min-height: 70px;\r\n  }\r\n  .partner-logo img {\r\n    max-width: 160px;\r\n    max-height: 70px;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .partner-desc {\r\n    color: #777;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    margin: 0 0 10px;\r\n    text-align: center;\r\n    min-height: 42px;\r\n  }\r\n\r\n  .partner-points {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n  .partner-points li {\r\n    font-size: 13px;\r\n    color: #111;\r\n    line-height: 1.4;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n  }\r\n  .dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    margin-top: 5px;\r\n    flex: 0 0 7px;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1100px) {\r\n    .partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    .partners-title { font-size: 36px; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .partners-grid { grid-template-columns: 1fr; }\r\n    .partners-title { font-size: 30px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"partners-section\">\r\n  <div class=\"partners-wrap\">\r\n\r\n    <h2 class=\"partners-title\">Our Partners<\/h2>\r\n    <div class=\"partners-underline\"><\/div>\r\n\r\n    <div class=\"partners-marquee\" aria-label=\"News Ticker\">\r\n      <div class=\"partners-marquee__track\">\r\n        <span class=\"partners-marquee__item\">Dar Al-Hafidh expands partnership with Solplanet across Iraq<\/span>\r\n        <span class=\"partners-marquee__item\">AIKO Solar Panels now available<\/span>\r\n        <span class=\"partners-marquee__item\">Reliable solar solutions with certified warranties<\/span>\r\n        <span class=\"partners-marquee__item\">Advanced safety components for PV systems<\/span>\r\n\r\n        <span class=\"partners-marquee__item\">Dar Al-Hafidh expands partnership with Solplanet across Iraq<\/span>\r\n        <span class=\"partners-marquee__item\">AIKO Solar Panels now available<\/span>\r\n        <span class=\"partners-marquee__item\">Reliable solar solutions with certified warranties<\/span>\r\n        <span class=\"partners-marquee__item\">Advanced safety components for PV systems<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"partners-grid\">\r\n\r\n      <a class=\"partner-link\" href=\"https:\/\/solplanet.net\/\" target=\"_blank\" rel=\"noopener\">\r\n        <article class=\"partner-card\">\r\n          <h3 class=\"partner-name\">Solplanet<\/h3>\r\n          <div class=\"partner-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/last-1.png\" alt=\"Solplanet logo\">\r\n          <\/div>\r\n          <p class=\"partner-desc\">Reliable solar solutions from global experts<\/p>\r\n          <ul class=\"partner-points\">\r\n            <li><span class=\"dot\" style=\"background:#ff7a00\"><\/span>Certified warranties and trusted service<\/li>\r\n            <li><span class=\"dot\" style=\"background:#ff7a00\"><\/span>Smart monitoring app for remote control<\/li>\r\n            <li><span class=\"dot\" style=\"background:#ff7a00\"><\/span>Designed for harsh environmental conditions<\/li>\r\n            <li><span class=\"dot\" style=\"background:#ff7a00\"><\/span>Proven real-world performance<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/a>\r\n\r\n      <a class=\"partner-link\" href=\"https:\/\/aikosolar.com\/en\/\" target=\"_blank\" rel=\"noopener\">\r\n        <article class=\"partner-card\">\r\n          <h3 class=\"partner-name\">AIKO<\/h3>\r\n          <div class=\"partner-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/akeo.png\" alt=\"AIKO logo\">\r\n          <\/div>\r\n          <p class=\"partner-desc\">Global leader in N-Type solar panel efficiency<\/p>\r\n          <ul class=\"partner-points\">\r\n            <li><span class=\"dot\" style=\"background:#2f76ff\"><\/span>Higher long-term energy yield<\/li>\r\n            <li><span class=\"dot\" style=\"background:#2f76ff\"><\/span>Maximum efficiency in the same footprint<\/li>\r\n            <li><span class=\"dot\" style=\"background:#2f76ff\"><\/span>Crack and partial shading resistance<\/li>\r\n            <li><span class=\"dot\" style=\"background:#2f76ff\"><\/span>Stable performance in high temperatures<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/a>\r\n\r\n      <a class=\"partner-link\" href=\"https:\/\/www.kukacable.com\/\" target=\"_blank\" rel=\"noopener\">\r\n        <article class=\"partner-card\">\r\n          <h3 class=\"partner-name\">KUKA Cables<\/h3>\r\n          <div class=\"partner-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/kuka-cable.png\" alt=\"KUKA Cables logo\">\r\n          <\/div>\r\n          <p class=\"partner-desc\">High-performance cables with strict quality testing<\/p>\r\n          <ul class=\"partner-points\">\r\n            <li><span class=\"dot\" style=\"background:#e44747\"><\/span>Tested quality and certified standards<\/li>\r\n            <li><span class=\"dot\" style=\"background:#e44747\"><\/span>High stability and weather resistance<\/li>\r\n            <li><span class=\"dot\" style=\"background:#e44747\"><\/span>Ideal for professional solar systems<\/li>\r\n            <li><span class=\"dot\" style=\"background:#e44747\"><\/span>Long-term reliability<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/a>\r\n\r\n      <a class=\"partner-link\" href=\"https:\/\/www.projoy-electric.com\/\" target=\"_blank\" rel=\"noopener\">\r\n        <article class=\"partner-card\">\r\n          <h3 class=\"partner-name\">PROJOY Electric<\/h3>\r\n          <div class=\"partner-logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/projoy.png\" alt=\"PROJOY Electric logo\">\r\n          <\/div>\r\n          <p class=\"partner-desc\">Safety and protection components for PV systems<\/p>\r\n          <ul class=\"partner-points\">\r\n            <li><span class=\"dot\" style=\"background:#1fb56a\"><\/span>DC and AC switches for system protection<\/li>\r\n            <li><span class=\"dot\" style=\"background:#1fb56a\"><\/span>Multiple international certifications<\/li>\r\n            <li><span class=\"dot\" style=\"background:#1fb56a\"><\/span>Compatible with most inverters<\/li>\r\n            <li><span class=\"dot\" style=\"background:#1fb56a\"><\/span>Reliable performance in all conditions<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c317cd e-con-full e-flex e-con e-parent\" data-id=\"3c317cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cabd10 elementor-widget elementor-widget-html\" data-id=\"5cabd10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dh-why\" dir=\"ltr\">\r\n  <div class=\"dh-why__wrap\">\r\n\r\n    <div class=\"dh-why__head\">\r\n      <h2>Why Dar Al-Hafidh<\/h2>\r\n      <span class=\"dh-why__line\"><\/span>\r\n      <p>We combine local expertise with international standards to provide the best solar energy solutions in Iraq<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dh-why__grid\">\r\n\r\n      <div class=\"dh-why__card\">\r\n        <div class=\"dh-why__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/aiko-factory-DZPbV4CH.jpg\" alt=\"Global Partnerships\">\r\n          <div class=\"dh-why__fade\"><\/div>\r\n          <div class=\"dh-why__badge\">\ud83c\udf0d<\/div>\r\n        <\/div>\r\n        <div class=\"dh-why__body\">\r\n          <h3>Global Partnerships<\/h3>\r\n          <p>Direct partnerships with Tier-1 manufacturers<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dh-why__card\">\r\n        <div class=\"dh-why__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/whyus-corporate-backing-DvoCkOeW.jpg\" alt=\"Corporate Support\">\r\n          <div class=\"dh-why__fade\"><\/div>\r\n          <div class=\"dh-why__badge\">\ud83c\udfe2<\/div>\r\n        <\/div>\r\n        <div class=\"dh-why__body\">\r\n          <h3>Group Backing<\/h3>\r\n          <p>Financial strength and established credibility since 2004<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dh-why__card\">\r\n        <div class=\"dh-why__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/whyus-team-professional-Gfz-9dPN.jpg\" alt=\"Professional Team\">\r\n          <div class=\"dh-why__fade\"><\/div>\r\n          <div class=\"dh-why__badge\">\ud83d\udc65<\/div>\r\n        <\/div>\r\n        <div class=\"dh-why__body\">\r\n          <h3>Expert Team<\/h3>\r\n          <p>Long industry history with specialized experts<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dh-why__card\">\r\n        <div class=\"dh-why__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/cert-iso-9001-z-3XJKNe.jpg\" alt=\"Global Standards\">\r\n          <div class=\"dh-why__fade\"><\/div>\r\n          <div class=\"dh-why__badge\">\ud83d\udee1<\/div>\r\n        <\/div>\r\n        <div class=\"dh-why__body\">\r\n          <h3>Global Standards<\/h3>\r\n          <p>ISO certifications and commitment to the highest quality<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dh-why__card\">\r\n        <div class=\"dh-why__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/whyus-project-5-BRkYNSuI.jpg\" alt=\"Local Insight\">\r\n          <div class=\"dh-why__fade\"><\/div>\r\n          <div class=\"dh-why__badge\">\ud83d\udcc8<\/div>\r\n        <\/div>\r\n        <div class=\"dh-why__body\">\r\n          <h3>Deep Local Insight<\/h3>\r\n          <p>Thorough understanding of the Iraqi market<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dh-why__card\">\r\n        <div class=\"dh-why__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/whyus-project-4-BL9od16e.jpg\" alt=\"Comprehensive Support\">\r\n          <div class=\"dh-why__fade\"><\/div>\r\n          <div class=\"dh-why__badge\">\ud83c\udfa7<\/div>\r\n        <\/div>\r\n        <div class=\"dh-why__body\">\r\n          <h3>Comprehensive Support<\/h3>\r\n          <p>Full customer support from planning to after-sales service<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"dh-why__cta\">\r\n      <h3>Ready to switch to Solar?<\/h3>\r\n      <p>Contact us today to start your project<\/p>\r\n      <a href=\"https:\/\/dar-alhafidh.iq\/en\/#contact\" class=\"dh-why__btn\">Contact Us<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');\r\n\r\n.dh-why {\r\n  background: #ffffff;\r\n  padding: 70px 20px;\r\n  font-family: 'Tajawal', sans-serif;\r\n  direction: ltr; \/* Set for English *\/\r\n}\r\n\r\n.dh-why__wrap {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n}\r\n\r\n\/* Header *\/\r\n.dh-why__head {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n.dh-why__head h2 {\r\n  font-size: 44px;\r\n  font-weight: 900;\r\n  margin: 0;\r\n}\r\n.dh-why__line {\r\n  width: 70px;\r\n  height: 4px;\r\n  background: #d4a017;\r\n  display: block;\r\n  margin: 10px auto 15px;\r\n  border-radius: 50px;\r\n}\r\n.dh-why__head p {\r\n  color: #6b7280;\r\n}\r\n\r\n\/* Grid *\/\r\n.dh-why__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n\/* Card *\/\r\n.dh-why__card {\r\n  background: #fff;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  box-shadow: 0 12px 30px rgba(0,0,0,.08);\r\n  transition: .3s ease;\r\n  border: 1px solid #eee;\r\n}\r\n.dh-why__media {\r\n  position: relative;\r\n  height: 170px;\r\n}\r\n.dh-why__media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: .4s ease;\r\n}\r\n.dh-why__fade {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);\r\n}\r\n.dh-why__badge {\r\n  position: absolute;\r\n  top: 15px;\r\n  left: 15px; \/* Switched from right:15px for LTR layout *\/\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 50%;\r\n  background: #d4a017;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 18px;\r\n  box-shadow: 0 8px 18px rgba(0,0,0,.2);\r\n}\r\n\r\n.dh-why__body {\r\n  padding: 20px;\r\n  text-align: center;\r\n}\r\n.dh-why__body h3 {\r\n  margin: 0 0 8px;\r\n  font-weight: 900;\r\n  font-size: 23px;\r\n}\r\n.dh-why__body p {\r\n  margin: 0;\r\n  color: #6b7280;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* Hover *\/\r\n.dh-why__card:hover {\r\n  border-color: #d4a017;\r\n  transform: translateY(-4px);\r\n}\r\n.dh-why__card:hover img {\r\n  transform: scale(1.05);\r\n}\r\n.dh-why__card:hover h3 {\r\n  color: #d4a017;\r\n}\r\n\r\n\/* CTA *\/\r\n.dh-why__cta {\r\n  background: linear-gradient(135deg, #e6b54a, #ffffff);\r\n  padding: 50px 20px;\r\n  border-radius: 16px;\r\n  text-align: center;\r\n  color: #111;\r\n}\r\n.dh-why__cta h3 {\r\n  font-size: 26px;\r\n  margin: 0 0 10px;\r\n  font-weight: 900;\r\n}\r\n.dh-why__cta p {\r\n  margin: 0 0 20px;\r\n}\r\n.dh-why__btn {\r\n  background: #111;\r\n  color: #fff;\r\n  padding: 12px 28px;\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  font-weight: 700;\r\n  display: inline-block;\r\n  transition: background 0.3s ease;\r\n}\r\n.dh-why__btn:hover {\r\n  background: #333;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:992px){\r\n  .dh-why__grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n@media(max-width:600px){\r\n  .dh-why__grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b50e5a7 e-con-full e-flex e-con e-parent\" data-id=\"b50e5a7\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66a0e40 elementor-widget elementor-widget-html\" data-id=\"66a0e40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .da-contact{\r\n    direction: ltr; \/* Changed to Left-to-Right *\/\r\n    font-family: \"Tajawal\", system-ui, -apple-system, \"Segoe UI\", Arial, sans-serif;\r\n    background:#f3f3f3;\r\n    padding:70px 14px 90px;\r\n  }\r\n  .da-contact .wrap{\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .da-contact .head{\r\n    text-align:center;\r\n    margin-bottom: 48px;\r\n  }\r\n  .da-contact h2{\r\n    margin:0;\r\n    font-size:44px;\r\n    font-weight:900;\r\n    color:#111;\r\n  }\r\n  .da-contact .underline{\r\n    width:70px;height:4px;border-radius:999px;\r\n    background:#e7c554;\r\n    margin:12px auto 14px;\r\n  }\r\n  .da-contact .sub{\r\n    margin:0;\r\n    color:#7b7b7b;\r\n    font-size:16px;\r\n  }\r\n\r\n  \/* ===== Layout ===== *\/\r\n  .da-contact .grid{\r\n    display:grid;\r\n    grid-template-columns: 1.15fr 0.95fr;\r\n    gap: 26px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .da-contact .cta-card{ grid-column: 1; }\r\n  .da-contact .right-col{ grid-column: 2; display:flex; flex-direction:column; gap:26px; }\r\n\r\n  .da-card{\r\n    background:#fff;\r\n    border-radius:14px;\r\n    box-shadow: 0 10px 28px rgba(0,0,0,.10);\r\n    border: 1px solid rgba(0,0,0,.06);\r\n  }\r\n\r\n  .da-contact .cta-card{\r\n    padding: 54px 44px;\r\n    min-height: 500px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n  }\r\n\r\n  .da-contact .cta-title{\r\n    margin:0;\r\n    font-size:23px;\r\n    font-weight:900;\r\n    color:#111;\r\n  }\r\n  .da-contact .cta-text{\r\n    margin:14px 0 26px;\r\n    color:#7b7b7b;\r\n    line-height:1.9;\r\n    font-size:16px;\r\n    max-width: 420px;\r\n  }\r\n\r\n  .da-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding: 12px 22px;\r\n    border-radius: 10px;\r\n    background:#e7c554;\r\n    color:#111;\r\n    text-decoration:none;\r\n    font-weight:800;\r\n    border: 0;\r\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;\r\n  }\r\n  .da-btn:hover{\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 24px rgba(0,0,0,.18);\r\n    background:#f0d06b;\r\n  }\r\n  .da-btn svg{ width:16px;height:16px; }\r\n\r\n  \/* Right cards *\/\r\n  .da-contact .small-card{\r\n    padding: 34px 34px;\r\n  }\r\n  .da-contact .card-title{\r\n    margin:0 0 22px;\r\n    font-size:22px;\r\n    font-weight:900;\r\n    color:#111;\r\n    text-align:left; \/* Changed from right *\/\r\n  }\r\n\r\n  .da-info{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .da-row{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap: 16px;\r\n  }\r\n\r\n  .da-ico{\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background:#f5f1e6;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex: 0 0 44px;\r\n  }\r\n  .da-ico svg{ width:20px;height:20px; }\r\n\r\n  .da-txt{\r\n    flex:1;\r\n    text-align:left; \/* Changed from right *\/\r\n  }\r\n  .da-txt .lbl{\r\n    font-weight:900;\r\n    color:#111;\r\n    margin:0 0 6px;\r\n    font-size:15px;\r\n  }\r\n  .da-txt .val{\r\n    margin:0;\r\n    color:#7b7b7b;\r\n    font-size:14px;\r\n    line-height:1.8;\r\n  }\r\n\r\n  .da-link{\r\n    color:#7b7b7b;\r\n    text-decoration:none;\r\n  }\r\n  .da-link:hover{ text-decoration: underline; }\r\n\r\n  \/* Work hours *\/\r\n  .da-hours{\r\n    text-align: left; \/* Changed from right *\/\r\n    color:#7b7b7b;\r\n    line-height:1.9;\r\n    font-size:14px;\r\n  }\r\n  .da-hours .strong{ color:#111; font-weight:900; display:block; margin-top:10px; }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 980px){\r\n    .da-contact .grid{ grid-template-columns: 1fr; }\r\n    .da-contact .cta-card{ grid-column:auto; order: 1; }\r\n    .da-contact .right-col{ grid-column:auto; order: 2; }\r\n    .da-contact .cta-card{ min-height: 420px; padding: 46px 26px; }\r\n    .da-contact h2{ font-size:36px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"da-contact\">\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"head\">\r\n      <h2>Contact Us<\/h2>\r\n      <div class=\"underline\"><\/div>\r\n      <p class=\"sub\">We are here to answer your questions<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"grid\">\r\n\r\n      <div class=\"da-card cta-card\">\r\n        <h3 class=\"cta-title\">Start Your Project With Us Today<\/h3>\r\n        <p class=\"cta-text\">We are ready to help you achieve your solar energy goals with expert solutions and support.<\/p>\r\n\r\n        <a class=\"da-btn\" href=\"mailto:info@dar-alhafidh.iq\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M4 6h16v12H4V6Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"m4 7 8 6 8-6\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n          Email Us Now\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"right-col\">\r\n\r\n        <div class=\"da-card small-card\">\r\n          <h3 class=\"card-title\">Contact Information<\/h3>\r\n\r\n          <div class=\"da-info\">\r\n            <div class=\"da-row\">\r\n              <div class=\"da-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M12 21s7-5.3 7-11a7 7 0 1 0-14 0c0 5.7 7 11 7 11Z\" stroke=\"#111\" stroke-width=\"2\"\/>\r\n                  <path d=\"M12 10.2a2.2 2.2 0 1 0 0-4.4 2.2 2.2 0 0 0 0 4.4Z\" fill=\"#e7c554\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"da-txt\">\r\n                <p class=\"lbl\">Address<\/p>\r\n                <p class=\"val\">Baghdad - Al-Karrada - Al-Masih - Opposite Wafer Market<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"da-row\">\r\n              <div class=\"da-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M7 3h3l2 5-2 1c1 3 4 6 7 7l1-2 5 2v3c0 1-1 2-2 2C10 21 3 14 3 5c0-1 1-2 2-2h2Z\" stroke=\"#111\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"da-txt\">\r\n                <p class=\"lbl\">Phone<\/p>\r\n                <p class=\"val\">\r\n                  <a class=\"da-link\" href=\"tel:009647882882882\">+964 788 288 2882<\/a>\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"da-row\">\r\n              <div class=\"da-ico\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M4 6h16v12H4V6Z\" stroke=\"#111\" stroke-width=\"2\"\/>\r\n                  <path d=\"m4 7 8 6 8-6\" stroke=\"#111\" stroke-width=\"2\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"da-txt\">\r\n                <p class=\"lbl\">Email<\/p>\r\n                <p class=\"val\">\r\n                  <a class=\"da-link\" href=\"mailto:info@dar-alhafidh.com\">info@dar-alhafidh.iq<\/a>\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"da-card small-card\">\r\n          <h3 class=\"card-title\">Business Hours<\/h3>\r\n          <div class=\"da-hours\">\r\n            Saturday - Thursday<br>\r\n            9:00 AM - 5:00 PM\r\n            <span class=\"strong\">Friday<\/span>\r\n            Closed\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc7d470 e-con-full e-flex e-con e-parent\" data-id=\"fc7d470\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f364a6 elementor-widget elementor-widget-html\" data-id=\"1f364a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .cta-solar{\r\n    direction: ltr; \/* Changed to Left-to-Right *\/\r\n    font-family: \"Tajawal\", system-ui, -apple-system, \"Segoe UI\", Arial, sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .cta-solar__bg{\r\n    background-image: url(\"https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/cta-solar-sunset-DuGBv-HF.jpg\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    min-height: 520px;\r\n    display: grid;\r\n    place-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Overlay gradients *\/\r\n  .cta-solar__bg::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.60) 100%),\r\n      radial-gradient(80% 60% at 50% 35%, rgba(0,0,0,.20) 0%, rgba(0,0,0,.55) 70%);\r\n  }\r\n\r\n  .cta-solar__inner{\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1100px, 92%);\r\n    text-align: center;\r\n    padding: 70px 10px 60px;\r\n  }\r\n\r\n  .cta-solar__h1{\r\n    margin: 0;\r\n    color: #fff;\r\n    font-weight: 900;\r\n    font-size: clamp(40px, 5.5vw, 80px); \/* Slightly adjusted for English length *\/\r\n    line-height: 1.05;\r\n    letter-spacing: .2px;\r\n    text-shadow: 0 10px 30px rgba(0,0,0,.35);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .cta-solar__h2{\r\n    margin: 8px 0 0;\r\n    color: #e7c554;\r\n    font-weight: 900;\r\n    font-size: clamp(36px, 5vw, 76px);\r\n    line-height: 1.08;\r\n    text-shadow: 0 10px 30px rgba(0,0,0,.25);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .cta-solar__p{\r\n    margin: 18px auto 0;\r\n    color: rgba(255,255,255,.92);\r\n    font-size: clamp(16px, 1.25vw, 20px);\r\n    line-height: 1.9;\r\n    max-width: 760px;\r\n  }\r\n\r\n  .cta-solar__actions{\r\n    margin-top: 28px;\r\n    display:flex;\r\n    gap: 14px;\r\n    justify-content:center;\r\n    align-items:center;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .cta-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap: 10px;\r\n    padding: 14px 26px;\r\n    border-radius: 12px;\r\n    font-weight: 800;\r\n    text-decoration:none;\r\n    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;\r\n    font-size: 18px;\r\n    min-width: 190px;\r\n  }\r\n\r\n  .cta-btn--primary{\r\n    background: #e7c554;\r\n    color:#111;\r\n    box-shadow: 0 14px 28px rgba(0,0,0,.25);\r\n  }\r\n  .cta-btn--primary:hover{\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 34px rgba(0,0,0,.35);\r\n    background: #f0d06b;\r\n  }\r\n\r\n  .cta-btn--ghost{\r\n    background: rgba(255,255,255,.10);\r\n    color:#fff;\r\n    border: 2px solid rgba(255,255,255,.70);\r\n    backdrop-filter: blur(6px);\r\n  }\r\n  .cta-btn--ghost:hover{\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 34px rgba(0,0,0,.28);\r\n    border-color: rgba(255,255,255,.95);\r\n    background: rgba(255,255,255,.14);\r\n  }\r\n\r\n  .cta-icon{\r\n    width: 18px;\r\n    height: 18px;\r\n    display:inline-block;\r\n  }\r\n  .cta-icon svg{ width:18px; height:18px; display:block; }\r\n\r\n  \/* 24\/7 Badge *\/\r\n  .cta-solar__badge{\r\n    margin-top: 26px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap: 10px;\r\n    padding: 10px 18px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.10);\r\n    border: 1px solid rgba(255,255,255,.18);\r\n    color: rgba(255,255,255,.92);\r\n    font-weight: 700;\r\n    backdrop-filter: blur(6px);\r\n  }\r\n  .cta-solar__dot{\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background:#e7c554;\r\n    box-shadow: 0 0 0 6px rgba(231,197,84,.18);\r\n  }\r\n\r\n  @media (max-width: 640px){\r\n    .cta-solar__bg{ min-height: 520px; }\r\n    .cta-btn{ width: 100%; min-width: 0; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"cta-solar\">\r\n  <div class=\"cta-solar__bg\" role=\"img\" aria-label=\"Solar panels at sunset background\">\r\n    <div class=\"cta-solar__inner\">\r\n      <h2 class=\"cta-solar__h1\">The Sun Sets<\/h2>\r\n      <h3 class=\"cta-solar__h2\">But We Don't<\/h3>\r\n\r\n      <p class=\"cta-solar__p\">We are with you around the clock to ensure your power never stops.<\/p>\r\n\r\n      <div class=\"cta-solar__actions\">\r\n        <a class=\"cta-btn cta-btn--primary\" href=\"tel:009647882882882\">\r\n          <span class=\"cta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 3h3l2 5-2 1c1 3 4 6 7 7l1-2 5 2v3c0 1-1 2-2 2C10 21 3 14 3 5c0-1 1-2 2-2h2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Call Us Now\r\n        <\/a>\r\n\r\n        <a class=\"cta-btn cta-btn--ghost\" href=\"https:\/\/dar-alhafidh.iq\/en\/#contact\">\r\n          <span class=\"cta-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M4 6h16v12H4V6Z\" stroke=\"currentColor\" stroke-width=\"2\" \/>\r\n              <path d=\"m4 7 8 6 8-6\" stroke=\"currentColor\" stroke-width=\"2\" \/>\r\n            <\/svg>\r\n          <\/span>\r\n          Email Us\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"cta-solar__badge\">\r\n        <span class=\"cta-solar__dot\" aria-hidden=\"true\"><\/span>\r\n        Available 24\/7 to serve you\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6159430 e-con-full e-flex e-con e-parent\" data-id=\"6159430\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4efed7 elementor-widget elementor-widget-text-editor\" data-id=\"c4efed7\" 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 id=\"solar-calculator-wrapper\" class=\"solar-calc-container\">\n    <div class=\"solar-calc-header\">\n        <h2>Solar Energy Calculator<\/h2>\n    <\/div>\n    \n    <!-- Tabs -->\n    <div class=\"solar-calc-tabs\">\n        <button class=\"tab-btn active\" data-tab=\"ongrid\">On-Grid<\/button>\n        <button class=\"tab-btn\" data-tab=\"hybrid\">Hybrid<\/button>\n    <\/div>\n    \n    <!-- Tab Content -->\n    <div class=\"solar-calc-content\">\n        \n        <!-- On-Grid Tab -->\n        <div id=\"ongrid-tab\" class=\"tab-content active\">\n            <div class=\"system-info\">\n                <h3>Daytime System (On-Grid System)<\/h3>\n                <p>Your partner in saving electricity bills during work&#8230; It&#8217;s a system that draws power directly from the sun to run your devices during the day and reduce grid consumption&#8230; It doesn&#8217;t rely on batteries and stops at night or when there&#8217;s a complete power outage.<\/p>\n            <\/div>\n            \n            <div class=\"input-card\">\n                <label for=\"ongrid-daytime-current\">\n                    Daytime Electrical Current (Ampere)\n                    <span class=\"required\">*<\/span>\n                <\/label>\n                <input \n                    type=\"number\" \n                    id=\"ongrid-daytime-current\" \n                    min=\"0\" \n                    step=\"0.1\"\n                    placeholder=\"Enter current in amperes\"\n                >\n                <span class=\"error-msg\" id=\"ongrid-daytime-error\"><\/span>\n            <\/div>\n            \n            <div class=\"input-card\">\n                <label>\n                    Phase Selection\n                    <span class=\"required\">*<\/span>\n                <\/label>\n                <div class=\"radio-group\">\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"ongrid-phase\" value=\"single\">\n                        <span>Single Phase<\/span>\n                    <\/label>\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"ongrid-phase\" value=\"three\">\n                        <span>Three Phase<\/span>\n                    <\/label>\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"ongrid-phase\" value=\"auto\" checked>\n                        <span>I Don&#8217;t Know<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n            \n            <button class=\"calculate-btn\" id=\"ongrid-calculate\">Calculate Details and Price<\/button>\n        <\/div>\n        \n        <!-- Hybrid Tab -->\n        <div id=\"hybrid-tab\" class=\"tab-content\">\n            <div class=\"system-info\">\n                <h3>Complete System (Hybrid System)<\/h3>\n                <p>Uninterrupted electricity.. day and night&#8230; Charges from the sun during the day, runs devices, and stores excess in batteries for nighttime use&#8230; Provides 24\/7 power even during power outages.<\/p>\n            <\/div>\n            \n            <div class=\"input-card\">\n                <label for=\"hybrid-daytime-current\">\n                    Daytime Electrical Current (Ampere)\n                    <span class=\"required\">*<\/span>\n                <\/label>\n                <input \n                    type=\"number\" \n                    id=\"hybrid-daytime-current\" \n                    min=\"0\" \n                    step=\"0.1\"\n                    placeholder=\"Enter current in amperes\"\n                >\n                <span class=\"error-msg\" id=\"hybrid-daytime-error\"><\/span>\n            <\/div>\n            \n            <div class=\"input-card\">\n                <label for=\"hybrid-nighttime-current\">\n                    Nighttime Electrical Current (Ampere)\n                    <span class=\"required\">*<\/span>\n                <\/label>\n                <input \n                    type=\"number\" \n                    id=\"hybrid-nighttime-current\" \n                    min=\"0\" \n                    step=\"0.1\"\n                    placeholder=\"Enter current in amperes\"\n                >\n                <span class=\"error-msg\" id=\"hybrid-nighttime-error\"><\/span>\n            <\/div>\n            \n            <div class=\"input-card\">\n                <label for=\"hybrid-backup-hours\">\n                    Backup Operating Duration (Hours)\n                    <span class=\"required\">*<\/span>\n                <\/label>\n                <input \n                    type=\"number\" \n                    id=\"hybrid-backup-hours\" \n                    min=\"0\" \n                    step=\"0.5\"\n                    placeholder=\"Backup operating duration (hours)\"\n                >\n                <span class=\"error-msg\" id=\"hybrid-backup-error\"><\/span>\n            <\/div>\n            \n            <div class=\"input-card\">\n                <label>\n                    Phase Selection\n                    <span class=\"required\">*<\/span>\n                <\/label>\n                <div class=\"radio-group\">\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"hybrid-phase\" value=\"single\">\n                        <span>Single Phase<\/span>\n                    <\/label>\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"hybrid-phase\" value=\"three\">\n                        <span>Three Phase<\/span>\n                    <\/label>\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"hybrid-phase\" value=\"auto\" checked>\n                        <span>I Don&#8217;t Know<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n            \n            <div class=\"input-card\">\n                <label>\n                    Battery Protection Level (IP)\n                    <span class=\"required\">*<\/span>\n                <\/label>\n                <div class=\"radio-group\">\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"hybrid-battery-protection\" value=\"ip20\" checked>\n                        <span>IP20<\/span>\n                    <\/label>\n                    <label class=\"radio-label\">\n                        <input type=\"radio\" name=\"hybrid-battery-protection\" value=\"ip65\">\n                        <span>IP65<\/span>\n                    <\/label>\n                <\/div>\n            <\/div>\n            \n            <button class=\"calculate-btn\" id=\"hybrid-calculate\">Calculate Details and Price<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Results Modal -->\n<div id=\"modal-overlay\" class=\"modal-overlay\">\n    <div id=\"results-panel\" class=\"results-panel\">\n        <button id=\"modal-close\" class=\"modal-close\" aria-label=\"Close\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\"\/>\n            <\/svg>\n        <\/button>\n        <h3>Calculator Results<\/h3>\n        <div id=\"results-content\"><\/div>\n    <\/div>\n<\/div>\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","protected":false},"excerpt":{"rendered":"<p>https:\/\/dar-alhafidh.iq\/en\/wp-content\/uploads\/2026\/02\/hero-background.mp4 Our Products We provide the latest renewable energy technologies from leading global companies PROJOY Electric A global leader in safety and protection components for photovoltaic systems, certified by major international companies. Download Catalog KUKA Cables High-performance cables certified by ISO and tested according to international standards, offering reliable quality and dependable warranty. Download Catalog&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1688","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/pages\/1688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/comments?post=1688"}],"version-history":[{"count":229,"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/pages\/1688\/revisions"}],"predecessor-version":[{"id":4430,"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/pages\/1688\/revisions\/4430"}],"wp:attachment":[{"href":"https:\/\/dar-alhafidh.iq\/en\/wp-json\/wp\/v2\/media?parent=1688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}