{"id":2840,"date":"2026-04-17T12:44:01","date_gmt":"2026-04-17T12:44:01","guid":{"rendered":"https:\/\/electricpro.me\/home-edc\/"},"modified":"2026-07-16T22:27:41","modified_gmt":"2026-07-16T22:27:41","slug":"home-edc","status":"publish","type":"page","link":"https:\/\/electricpro.me\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2840\" class=\"elementor elementor-2840 elementor-120\">\n\t\t\t\t<div class=\"elementor-element elementor-element-153eb9a e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"153eb9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c97de6 elementor-widget elementor-widget-html\" data-id=\"9c97de6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ELECTRIC PRO \u2014 DARK INFORMATIONAL HERO SECTION\r\n     Electrical Supplies & Low-Voltage Panel Manufacturing\r\n     Elementor HTML Widget\r\n========================================================== -->\r\n\r\n<section class=\"ep-hero-section\" dir=\"rtl\" lang=\"ar\">\r\n\r\n  <!-- Background shading for text readability -->\r\n  <div class=\"ep-hero-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- Main hero content -->\r\n  <div class=\"ep-hero-container\">\r\n\r\n    <div class=\"ep-hero-content\">\r\n\r\n      <span class=\"ep-hero-label\">\r\n        \u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u062a\u0635\u0646\u064a\u0639 \u0644\u0648\u062d\u0627\u062a\r\n      <\/span>\r\n\r\n      <h1 class=\"ep-hero-title\">\r\n        \u0628\u0646\u0642\u0648\u0651\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a.<br>\r\n        \u0648\u0628\u0646\u0628\u0646\u064a <span>\u0627\u0644\u062b\u0642\u0629.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"ep-hero-description\">\r\n        \u0625\u0644\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648 \u0628\u062a\u0648\u0641\u0631 \u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0644\u0648\u062d\u0627\u062a \u062c\u0647\u062f \u0645\u0646\u062e\u0641\u0636\r\n        \u0645\u0635\u0646\u0651\u0639\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\r\n        \u0648\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.\r\n      <\/p>\r\n\r\n      <div class=\"ep-hero-buttons\">\r\n\r\n        <a href=\"\/ar\/about-us\/\" class=\"ep-btn ep-btn-primary\">\r\n          <span>\u0627\u0639\u0631\u0641 \u0623\u0643\u062a\u0631 \u0639\u0646 \u0625\u0644\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a href=\"\/ar\/contact-us\/\" class=\"ep-btn ep-btn-secondary\">\r\n          <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Features strip -->\r\n  <div class=\"ep-hero-features\">\r\n\r\n    <div class=\"ep-hero-features-container\">\r\n\r\n      <!-- Feature 1 -->\r\n      <div class=\"ep-feature-item\">\r\n\r\n        <div class=\"ep-feature-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\"><\/rect>\r\n            <path d=\"M9 7h6\"><\/path>\r\n            <path d=\"M9 11h2\"><\/path>\r\n            <path d=\"M13 11h2\"><\/path>\r\n            <path d=\"M9 15h2\"><\/path>\r\n            <path d=\"M13 15h2\"><\/path>\r\n            <path d=\"M12 18v-2\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ep-feature-content\">\r\n          <strong>\u062a\u0635\u0646\u064a\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636<\/strong>\r\n          <span>\u0645\u062a\u0635\u0645\u0645\u0629 \u062d\u0633\u0628 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Feature 2 -->\r\n      <div class=\"ep-feature-item\">\r\n\r\n        <div class=\"ep-feature-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3z\"><\/path>\r\n            <path d=\"M9 12l2 2 4-5\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ep-feature-content\">\r\n          <strong>\u0645\u0643\u0648\u0646\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629<\/strong>\r\n          <span>\u062d\u0644\u0648\u0644 \u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647\u0627<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Feature 3 -->\r\n      <div class=\"ep-feature-item\">\r\n\r\n        <div class=\"ep-feature-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M14.7 6.3a4 4 0 01-5 5L4 17v3h3l5.7-5.7a4 4 0 005-5l-3 3-3-3 3-3z\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ep-feature-content\">\r\n          <strong>\u062e\u0628\u0631\u0629 \u0641\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629<\/strong>\r\n          <span>\u062f\u0639\u0645 \u0647\u0646\u062f\u0633\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Feature 4 -->\r\n      <div class=\"ep-feature-item\">\r\n\r\n        <div class=\"ep-feature-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M4 4h16v16H4z\"><\/path>\r\n            <path d=\"M8 8h8\"><\/path>\r\n            <path d=\"M8 12h8\"><\/path>\r\n            <path d=\"M8 16h5\"><\/path>\r\n            <path d=\"M16 15l2 2 3-4\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ep-feature-content\">\r\n          <strong>\u062d\u0644\u0648\u0644 \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\r\n          <span>\u0645\u062a\u0646\u0641\u0630\u0629 \u0637\u0628\u0642\u064b\u0627 \u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a\u0643<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\");\r\n  \/* =========================================================\r\n     MAIN SECTION\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-section {\r\n    --ep-navy: #071d55;\r\n    --ep-dark-navy: #020d29;\r\n    --ep-deep-navy: #031434;\r\n    --ep-orange: #f5a900;\r\n    --ep-orange-hover: #ffc02b;\r\n    --ep-white: #ffffff;\r\n    --ep-light-text: #dbe5f6;\r\n    --ep-muted-text: #aebbd0;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 690px;\r\n    overflow: hidden;\r\n\r\n    background-image:\r\n      url(\"https:\/\/electricpro.me\/wp-content\/uploads\/2026\/07\/f2f4d6bd-10a3-4d4e-bf85-dd98d5f82b57-1-1.png\");\r\n\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n    direction: rtl;\r\n    text-align: right;\r\n  }\r\n\r\n  .ep-hero-section,\r\n  .ep-hero-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BACKGROUND OVERLAY\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(2, 13, 41, 0.06) 0%,\r\n        rgba(2, 13, 41, 0.28) 30%,\r\n        rgba(2, 13, 41, 0.73) 51%,\r\n        rgba(2, 13, 41, 0.94) 73%,\r\n        rgba(2, 13, 41, 0.98) 100%\r\n      );\r\n  }\r\n\r\n  .ep-hero-overlay::before {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 79% 43%,\r\n        rgba(8, 75, 180, 0.18) 0%,\r\n        rgba(8, 75, 180, 0.07) 28%,\r\n        transparent 52%\r\n      );\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  .ep-hero-overlay::after {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(0, 0, 0, 0.05) 0%,\r\n        transparent 48%,\r\n        rgba(0, 0, 0, 0.14) 100%\r\n      );\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENT CONTAINER\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-container {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    width: min(1240px, calc(100% - 50px));\r\n    min-height: 575px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ep-hero-content {\r\n    width: 100%;\r\n    max-width: 650px;\r\n    padding: 65px 0 105px;\r\n    margin-left: auto;\r\n  }\r\n\r\n  \/* =========================================================\r\n     SMALL LABEL\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: var(--ep-orange);\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    letter-spacing: 0;\r\n    text-transform: none;\r\n  }\r\n\r\n  .ep-hero-label::before {\r\n    width: 32px;\r\n    height: 3px;\r\n    flex: 0 0 32px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: var(--ep-orange);\r\n\r\n    box-shadow:\r\n      0 0 12px rgba(245, 169, 0, 0.45),\r\n      0 0 25px rgba(245, 169, 0, 0.2);\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  \/* =========================================================\r\n     HEADING\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-title {\r\n    max-width: 640px;\r\n    margin: 0;\r\n\r\n    color: var(--ep-white);\r\n\r\n    font-size: clamp(38px, 3.5vw, 56px);\r\n    font-weight: 900;\r\n    line-height: 1.18;\r\n    letter-spacing: 0;\r\n    text-transform: none;\r\n\r\n    text-shadow:\r\n      0 8px 30px rgba(0, 0, 0, 0.35),\r\n      0 2px 8px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .ep-hero-title span {\r\n    color: var(--ep-orange);\r\n\r\n    text-shadow:\r\n      0 0 25px rgba(245, 169, 0, 0.22),\r\n      0 8px 30px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  \/* =========================================================\r\n     DESCRIPTION\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-description {\r\n    max-width: 570px;\r\n    margin: 25px 0 0;\r\n\r\n    color: var(--ep-light-text);\r\n\r\n    font-size: 17px;\r\n    font-weight: 500;\r\n    line-height: 1.75;\r\n\r\n    text-shadow: 0 3px 15px rgba(0, 0, 0, 0.26);\r\n  }\r\n\r\n  \/* =========================================================\r\n     BUTTONS\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n\r\n    margin-top: 31px;\r\n  }\r\n\r\n  .ep-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n\r\n    min-height: 54px;\r\n    padding: 0 25px;\r\n\r\n    border: 2px solid transparent;\r\n    border-radius: 5px;\r\n\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    letter-spacing: 0;\r\n    text-decoration: none !important;\r\n    text-transform: none;\r\n\r\n    transition:\r\n      transform 0.25s ease,\r\n      background-color 0.25s ease,\r\n      border-color 0.25s ease,\r\n      color 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .ep-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .ep-btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ep-btn svg {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .ep-btn:hover svg {\r\n    transform: rotate(180deg) translateX(4px);\r\n  }\r\n\r\n  .ep-btn-primary {\r\n    color: var(--ep-navy) !important;\r\n\r\n    background: var(--ep-orange);\r\n    border-color: var(--ep-orange);\r\n\r\n    box-shadow:\r\n      0 14px 30px rgba(245, 169, 0, 0.24),\r\n      0 0 22px rgba(245, 169, 0, 0.1);\r\n  }\r\n\r\n  .ep-btn-primary:hover {\r\n    color: var(--ep-navy) !important;\r\n\r\n    background: var(--ep-orange-hover);\r\n    border-color: var(--ep-orange-hover);\r\n\r\n    box-shadow:\r\n      0 18px 38px rgba(245, 169, 0, 0.31),\r\n      0 0 30px rgba(245, 169, 0, 0.16);\r\n  }\r\n\r\n  .ep-btn-secondary {\r\n    color: var(--ep-white) !important;\r\n\r\n    background: rgba(255, 255, 255, 0.055);\r\n    border-color: rgba(255, 255, 255, 0.55);\r\n\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.025),\r\n      0 8px 25px rgba(0, 0, 0, 0.08);\r\n\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .ep-btn-secondary:hover {\r\n    color: var(--ep-navy) !important;\r\n\r\n    background: var(--ep-white);\r\n    border-color: var(--ep-white);\r\n\r\n    box-shadow: 0 15px 32px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  \/* =========================================================\r\n     BOTTOM FEATURES STRIP\r\n  ========================================================== *\/\r\n\r\n  .ep-hero-features {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 4;\r\n\r\n    border-top: 1px solid rgba(255, 255, 255, 0.13);\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(2, 13, 41, 0.96) 0%,\r\n        rgba(4, 24, 70, 0.9) 50%,\r\n        rgba(3, 18, 52, 0.93) 100%\r\n      );\r\n\r\n    box-shadow: 0 -15px 45px rgba(0, 0, 0, 0.24);\r\n\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n  }\r\n\r\n  .ep-hero-features-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n\r\n    width: min(1240px, calc(100% - 50px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ep-feature-item {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n\r\n    min-width: 0;\r\n    min-height: 115px;\r\n    padding: 20px 23px;\r\n  }\r\n\r\n  .ep-feature-item:not(:last-child)::after {\r\n    position: absolute;\r\n    top: 27px;\r\n    left: 0;\r\n\r\n    width: 1px;\r\n    height: 60px;\r\n\r\n    background: rgba(255, 255, 255, 0.14);\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  \/* =========================================================\r\n     FEATURE ICONS\r\n  ========================================================== *\/\r\n\r\n  .ep-feature-icon {\r\n    display: flex;\r\n    flex: 0 0 47px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 47px;\r\n    height: 47px;\r\n\r\n    border: 1px solid rgba(245, 169, 0, 0.55);\r\n    border-radius: 50%;\r\n\r\n    color: var(--ep-orange);\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255, 255, 255, 0.07),\r\n        rgba(255, 255, 255, 0.015)\r\n      );\r\n\r\n    box-shadow:\r\n      inset 0 0 18px rgba(245, 169, 0, 0.045),\r\n      0 0 22px rgba(245, 169, 0, 0.07);\r\n  }\r\n\r\n  .ep-feature-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-feature-content {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  .ep-feature-content strong {\r\n    color: var(--ep-white);\r\n\r\n    font-size: 13.5px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .ep-feature-content span {\r\n    color: var(--ep-muted-text);\r\n\r\n    font-size: 11.5px;\r\n    font-weight: 500;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  \/* =========================================================\r\n     LAPTOP\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 1100px) {\r\n    .ep-hero-section {\r\n      min-height: 660px;\r\n      background-position: 61% center;\r\n    }\r\n\r\n    .ep-hero-overlay {\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(2, 13, 41, 0.14) 0%,\r\n          rgba(2, 13, 41, 0.67) 34%,\r\n          rgba(2, 13, 41, 0.94) 61%,\r\n          rgba(2, 13, 41, 0.98) 100%\r\n        );\r\n    }\r\n\r\n    .ep-hero-container {\r\n      min-height: 550px;\r\n    }\r\n\r\n    .ep-hero-content {\r\n      max-width: 570px;\r\n    }\r\n\r\n    .ep-feature-item {\r\n      gap: 12px;\r\n      padding-right: 14px;\r\n      padding-left: 14px;\r\n    }\r\n\r\n    .ep-feature-content strong {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .ep-feature-content span {\r\n      font-size: 10.5px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLET\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .ep-hero-section {\r\n      min-height: auto;\r\n      background-position: 65% center;\r\n    }\r\n\r\n    .ep-hero-container {\r\n      align-items: flex-start;\r\n      min-height: 530px;\r\n    }\r\n\r\n    .ep-hero-content {\r\n      max-width: 520px;\r\n      padding-top: 53px;\r\n      padding-bottom: 72px;\r\n    }\r\n\r\n    .ep-hero-features {\r\n      position: relative;\r\n    }\r\n\r\n    .ep-hero-features-container {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .ep-feature-item:nth-child(2)::after {\r\n      display: none;\r\n    }\r\n\r\n    .ep-feature-item:nth-child(-n + 2) {\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.11);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .ep-hero-section {\r\n      min-height: auto;\r\n      background-position: 68% center;\r\n      background-size: cover;\r\n    }\r\n\r\n    .ep-hero-overlay {\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(2, 13, 41, 0.98) 0%,\r\n          rgba(2, 13, 41, 0.94) 48%,\r\n          rgba(2, 13, 41, 0.72) 73%,\r\n          rgba(2, 13, 41, 0.34) 100%\r\n        );\r\n    }\r\n\r\n    .ep-hero-container {\r\n      width: calc(100% - 30px);\r\n      min-height: 490px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .ep-hero-content {\r\n      max-width: 100%;\r\n      padding: 34px 0 155px;\r\n      text-align: center;\r\n    }\r\n\r\n    .ep-hero-label {\r\n      justify-content: center;\r\n\r\n      margin-bottom: 12px;\r\n\r\n      font-size: 9.5px;\r\n      letter-spacing: 0.85px;\r\n    }\r\n\r\n    .ep-hero-label::before {\r\n      width: 22px;\r\n      height: 2px;\r\n      flex-basis: 22px;\r\n    }\r\n\r\n    .ep-hero-title {\r\n      max-width: 100%;\r\n\r\n      font-size: clamp(29px, 7.8vw, 37px);\r\n      line-height: 1.22;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .ep-hero-description {\r\n      max-width: 520px;\r\n      margin: 15px auto 0;\r\n\r\n      font-size: 13.5px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .ep-hero-buttons {\r\n      justify-content: center;\r\n      gap: 9px;\r\n\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .ep-btn {\r\n      min-height: 44px;\r\n      padding: 0 14px;\r\n\r\n      border-radius: 4px;\r\n\r\n      font-size: 9.5px;\r\n    }\r\n\r\n    .ep-btn svg {\r\n      width: 14px;\r\n      height: 14px;\r\n    }\r\n\r\n    .ep-hero-features-container {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      width: 100%;\r\n    }\r\n\r\n    .ep-feature-item {\r\n      min-height: 76px;\r\n      gap: 9px;\r\n      padding: 11px 9px;\r\n    }\r\n\r\n    .ep-feature-item:nth-child(2)::after {\r\n      display: none;\r\n    }\r\n\r\n    .ep-feature-item:nth-child(-n + 2) {\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.11);\r\n    }\r\n\r\n    .ep-feature-icon {\r\n      flex: 0 0 35px;\r\n\r\n      width: 35px;\r\n      height: 35px;\r\n    }\r\n\r\n    .ep-feature-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    .ep-feature-content {\r\n      gap: 2px;\r\n    }\r\n\r\n    .ep-feature-content strong {\r\n      font-size: 10.5px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .ep-feature-content span {\r\n      font-size: 8.5px;\r\n      line-height: 1.35;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     SMALL MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 480px) {\r\n    .ep-hero-section {\r\n      background-position: 70% center;\r\n    }\r\n\r\n    .ep-hero-container {\r\n      width: calc(100% - 24px);\r\n      min-height: 460px;\r\n    }\r\n\r\n    .ep-hero-content {\r\n      padding: 28px 0 135px;\r\n    }\r\n\r\n    .ep-hero-label {\r\n      gap: 7px;\r\n      margin-bottom: 9px;\r\n\r\n      font-size: 8px;\r\n      letter-spacing: 0.55px;\r\n    }\r\n\r\n    .ep-hero-label::before {\r\n      width: 18px;\r\n      flex-basis: 18px;\r\n    }\r\n\r\n    .ep-hero-title {\r\n      font-size: 26px;\r\n      line-height: 1.24;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .ep-hero-description {\r\n      max-width: 360px;\r\n      margin-top: 12px;\r\n\r\n      font-size: 12px;\r\n      line-height: 1.48;\r\n    }\r\n\r\n    .ep-hero-buttons {\r\n      flex-wrap: nowrap;\r\n      gap: 7px;\r\n\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .ep-btn {\r\n      flex: 1 1 50%;\r\n      min-width: 0;\r\n      min-height: 41px;\r\n\r\n      gap: 5px;\r\n      padding: 0 7px;\r\n\r\n      font-size: 7.7px;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .ep-btn svg {\r\n      width: 11px;\r\n      height: 11px;\r\n    }\r\n\r\n    .ep-feature-item {\r\n      min-height: 68px;\r\n      padding: 8px 6px;\r\n    }\r\n\r\n    .ep-feature-icon {\r\n      flex-basis: 29px;\r\n\r\n      width: 29px;\r\n      height: 29px;\r\n    }\r\n\r\n    .ep-feature-icon svg {\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n\r\n    .ep-feature-content strong {\r\n      font-size: 8.8px;\r\n    }\r\n\r\n    .ep-feature-content span {\r\n      font-size: 7.2px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     EXTRA-SMALL MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 360px) {\r\n    .ep-hero-container {\r\n      min-height: 445px;\r\n    }\r\n\r\n    .ep-hero-content {\r\n      padding-bottom: 128px;\r\n    }\r\n\r\n    .ep-hero-title {\r\n      font-size: 24px;\r\n      line-height: 1.26;\r\n    }\r\n\r\n    .ep-hero-description {\r\n      font-size: 11.5px;\r\n    }\r\n\r\n    .ep-btn {\r\n      font-size: 7px;\r\n    }\r\n\r\n    .ep-feature-item {\r\n      gap: 5px;\r\n      padding: 7px 4px;\r\n    }\r\n\r\n    .ep-feature-icon {\r\n      flex-basis: 26px;\r\n\r\n      width: 26px;\r\n      height: 26px;\r\n    }\r\n\r\n    .ep-feature-icon svg {\r\n      width: 13px;\r\n      height: 13px;\r\n    }\r\n\r\n    .ep-feature-content strong {\r\n      font-size: 8px;\r\n    }\r\n\r\n    .ep-feature-content span {\r\n      font-size: 6.6px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     REDUCED MOTION\r\n  ========================================================== *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ep-btn,\r\n    .ep-btn svg {\r\n      transition: none;\r\n    }\r\n\r\n    .ep-btn:hover,\r\n    .ep-btn:hover svg {\r\n      transform: none;\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-ae643d4 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"ae643d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e2d700 elementor-widget elementor-widget-html\" data-id=\"1e2d700\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ELECTRIC PRO \u2014 RESPONSIVE ABOUT SECTION\r\n     Elementor HTML Widget\r\n========================================================== -->\r\n\r\n<section class=\"ep-about-section\" dir=\"rtl\" lang=\"ar\">\r\n\r\n  <div class=\"ep-about-container\">\r\n\r\n    <!-- =========================\r\n         IMAGE COLUMN\r\n    ========================== -->\r\n    <div class=\"ep-about-visual\">\r\n\r\n      <div class=\"ep-about-image-wrap\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/electricpro.me\/wp-content\/uploads\/2026\/07\/markus-spiske-kK7uPfb2YWU-unsplash.jpg\"\r\n          alt=\"\u0625\u0644\u064a\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648 \u0644\u062a\u0635\u0646\u064a\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636 \u0648\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\"\r\n          class=\"ep-about-image\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"ep-about-image-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n        <!-- Quality card moved to the top-left -->\r\n        <div class=\"ep-about-quality-card\">\r\n\r\n          <div class=\"ep-about-quality-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3z\"><\/path>\r\n              <path d=\"M9 12l2 2 4-5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"ep-about-quality-content\">\r\n            <strong>\u062d\u0644\u0648\u0644 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629<\/strong>\r\n            <span>\u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0623\u062f\u0627\u0621<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Experience badge remains visible -->\r\n        <div class=\"ep-about-experience\">\r\n\r\n          <strong>10+<\/strong>\r\n\r\n          <div>\r\n            <span>\u0633\u0646\u064a\u0646 \u0645\u0646<\/span>\r\n            <span>\u0627\u0644\u062e\u0628\u0631\u0629<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-about-pattern\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- =========================\r\n         CONTENT COLUMN\r\n    ========================== -->\r\n    <div class=\"ep-about-content\">\r\n\r\n      <span class=\"ep-section-label\">\r\n        \u0639\u0646 \u0625\u0644\u064a\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648\r\n      <\/span>\r\n\r\n      <h2 class=\"ep-about-title\">\r\n        \u062e\u0628\u0631\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0639\u0645\u0648\u0644\u0629 \u0639\u0644\u0634\u0627\u0646\r\n        <span>\u0645\u0634\u0631\u0648\u0639\u0627\u062a\u0643.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"ep-about-intro\">\r\n        \u0625\u0644\u064a\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648 \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u062a\u0635\u0646\u064a\u0639 \u0644\u0648\u062d\u0627\u062a\r\n        \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636\u060c \u0648\u0628\u0646\u062e\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0645\u0634\u0631\u0648\u0639\u0627\u062a\r\n        \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.\r\n      <\/p>\r\n\r\n      <p class=\"ep-about-description\">\r\n        \u0628\u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0648\u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0648\u062d\u0627\u062a\u060c\r\n        \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0639\u0644\u0634\u0627\u0646 \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644 \u062a\u0646\u0627\u0633\u0628 \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\r\n        \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u060c \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.\r\n      <\/p>\r\n\r\n      <!-- Highlights -->\r\n      <div class=\"ep-about-highlights\">\r\n\r\n        <div class=\"ep-about-highlight\">\r\n\r\n          <div class=\"ep-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\"><\/rect>\r\n              <path d=\"M9 7h6\"><\/path>\r\n              <path d=\"M9 11h2\"><\/path>\r\n              <path d=\"M13 11h2\"><\/path>\r\n              <path d=\"M9 15h2\"><\/path>\r\n              <path d=\"M13 15h2\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"ep-highlight-content\">\r\n            <strong>\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/strong>\r\n            <span>\r\n              \u0644\u0648\u062d\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u062c\u0647\u062f \u0645\u0646\u062e\u0641\u0636 \u0628\u062a\u062a\u0635\u0646\u0639 \u062d\u0633\u0628 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-about-highlight\">\r\n\r\n          <div class=\"ep-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 20V10l8-6 8 6v10\"><\/path>\r\n              <path d=\"M8 20v-5h8v5\"><\/path>\r\n              <path d=\"M3 20h18\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"ep-highlight-content\">\r\n            <strong>\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/strong>\r\n            <span>\r\n              \u0645\u0643\u0648\u0646\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-about-highlight\">\r\n\r\n          <div class=\"ep-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M14.7 6.3a4 4 0 01-5 5L4 17v3h3l5.7-5.7a4 4 0 005-5l-3 3-3-3 3-3z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"ep-highlight-content\">\r\n            <strong>\u062f\u0639\u0645 \u0641\u0646\u064a<\/strong>\r\n            <span>\r\n              \u0625\u0631\u0634\u0627\u062f \u0639\u0645\u0644\u064a \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-about-highlight\">\r\n\r\n          <div class=\"ep-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n              <path d=\"M8 12l3 3 5-6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"ep-highlight-content\">\r\n            <strong>\u062a\u0646\u0641\u064a\u0630 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647<\/strong>\r\n            <span>\r\n              \u062a\u0635\u0646\u064a\u0639 \u062f\u0642\u064a\u0642\u060c \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u062c\u0648\u062f\u0629\u060c \u0648\u062a\u0633\u0644\u064a\u0645 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Actions -->\r\n      <div class=\"ep-about-actions\">\r\n\r\n        <a href=\"\/ar\/about-us\/\" class=\"ep-about-button\">\r\n\r\n          <span>\u0627\u0639\u0631\u0641 \u0623\u0643\u062a\u0631 \u0639\u0646\u0646\u0627<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M19 12H5m6-6-6 6 6 6\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n        <div class=\"ep-about-contact\">\r\n\r\n          <div class=\"ep-about-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 5h16v14H4z\"><\/path>\r\n              <path d=\"M4 7l8 6 8-6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>\u0646\u0627\u0642\u0634 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643<\/span>\r\n            <a href=\"\/ar\/contact-us\/\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627<\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  \/* Arabic RTL adjustments *\/\r\n  .ep-about-section {\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif !important;\r\n  }\r\n\r\n  .ep-about-section,\r\n  .ep-about-section * {\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .ep-about-quality-card {\r\n    right: 25px;\r\n    left: auto;\r\n    text-align: right;\r\n  }\r\n\r\n  .ep-about-experience {\r\n    right: auto;\r\n    left: 0;\r\n    border-radius: 0 9px 0 9px;\r\n  }\r\n\r\n  .ep-about-pattern {\r\n    right: auto;\r\n    left: 26px;\r\n  }\r\n\r\n  .ep-about-content,\r\n  .ep-about-quality-content,\r\n  .ep-highlight-content,\r\n  .ep-about-contact > div:last-child {\r\n    text-align: right;\r\n  }\r\n\r\n  .ep-section-label::before {\r\n    order: 2;\r\n  }\r\n\r\n  .ep-about-button:hover svg {\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .ep-about-quality-card {\r\n      right: 14px;\r\n      left: auto;\r\n    }\r\n\r\n    .ep-about-pattern {\r\n      right: auto;\r\n      left: 14px;\r\n    }\r\n\r\n    .ep-about-content {\r\n      text-align: center;\r\n    }\r\n\r\n    .ep-about-highlights,\r\n    .ep-about-contact {\r\n      text-align: right;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .ep-about-quality-card {\r\n      right: 10px;\r\n      left: auto;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     GLOBAL SECTION\r\n  ========================================================== *\/\r\n\r\n  .ep-about-section {\r\n    --ep-navy: #071d55;\r\n    --ep-deep-navy: #031434;\r\n    --ep-orange: #f5a900;\r\n    --ep-orange-dark: #dc9500;\r\n    --ep-text: #536078;\r\n    --ep-light: #f6f8fc;\r\n    --ep-border: #e1e7f0;\r\n    --ep-white: #ffffff;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(65px, 7vw, 110px) 0;\r\n    background: #ffffff;\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .ep-about-section,\r\n  .ep-about-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ep-about-section::before {\r\n    position: absolute;\r\n    top: -190px;\r\n    right: -180px;\r\n    width: 430px;\r\n    height: 430px;\r\n    border: 70px solid rgba(7, 29, 85, 0.025);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ep-about-section::after {\r\n    position: absolute;\r\n    bottom: -240px;\r\n    left: -220px;\r\n    width: 470px;\r\n    height: 470px;\r\n    border-radius: 50%;\r\n    background: rgba(245, 169, 0, 0.045);\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     FLUID CONTAINER\r\n  ========================================================== *\/\r\n\r\n  .ep-about-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(420px, 0.92fr)\r\n      minmax(500px, 1.08fr);\r\n\r\n    align-items: center;\r\n    gap: clamp(45px, 5vw, 90px);\r\n\r\n    width: 100%;\r\n    max-width: none;\r\n    margin: 0;\r\n    padding-inline: clamp(24px, 5vw, 90px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     IMAGE COLUMN\r\n  ========================================================== *\/\r\n\r\n  .ep-about-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .ep-about-image-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: clamp(460px, 38vw, 610px);\r\n    min-height: 460px;\r\n    overflow: hidden;\r\n    border-radius: 9px;\r\n    background: var(--ep-deep-navy);\r\n    box-shadow: 0 25px 65px rgba(7, 29, 85, 0.17);\r\n  }\r\n\r\n  .ep-about-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .ep-about-image-wrap:hover .ep-about-image {\r\n    transform: scale(1.035);\r\n  }\r\n\r\n  .ep-about-image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(3, 20, 52, 0.08) 0%,\r\n        rgba(3, 20, 52, 0) 48%,\r\n        rgba(3, 20, 52, 0.55) 100%\r\n      );\r\n  }\r\n\r\n  \/* =========================================================\r\n     QUALITY CARD \u2014 TOP LEFT\r\n  ========================================================== *\/\r\n\r\n  .ep-about-quality-card {\r\n    position: absolute;\r\n    top: 25px;\r\n    left: 25px;\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    width: min(340px, calc(100% - 50px));\r\n    padding: 15px 17px;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.26);\r\n    border-radius: 7px;\r\n\r\n    background: rgba(255, 255, 255, 0.93);\r\n\r\n    box-shadow:\r\n      0 15px 40px rgba(7, 29, 85, 0.17),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.35);\r\n\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n  }\r\n\r\n  .ep-about-quality-icon {\r\n    display: flex;\r\n    flex: 0 0 43px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 43px;\r\n    height: 43px;\r\n\r\n    border-radius: 50%;\r\n    color: var(--ep-navy);\r\n    background: rgba(245, 169, 0, 0.2);\r\n  }\r\n\r\n  .ep-about-quality-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.9;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-about-quality-content {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    gap: 3px;\r\n  }\r\n\r\n  .ep-about-quality-content strong {\r\n    color: var(--ep-navy);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .ep-about-quality-content span {\r\n    color: var(--ep-text);\r\n    font-size: 10px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* =========================================================\r\n     EXPERIENCE BADGE \u2014 BOTTOM RIGHT\r\n  ========================================================== *\/\r\n\r\n  .ep-about-experience {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    min-width: 225px;\r\n    padding: 22px 25px;\r\n\r\n    border-radius: 9px 0 9px 0;\r\n\r\n    color: var(--ep-navy);\r\n    background: var(--ep-orange);\r\n\r\n    box-shadow: 0 18px 40px rgba(245, 169, 0, 0.27);\r\n  }\r\n\r\n  .ep-about-experience strong {\r\n    font-size: clamp(39px, 3vw, 50px);\r\n    font-weight: 900;\r\n    line-height: 0.9;\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .ep-about-experience div {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  .ep-about-experience span {\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1.12;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* =========================================================\r\n     DECORATIVE DOTS\r\n  ========================================================== *\/\r\n\r\n  .ep-about-pattern {\r\n    position: absolute;\r\n    right: 26px;\r\n    bottom: 115px;\r\n    z-index: 3;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 6px);\r\n    gap: 8px;\r\n  }\r\n\r\n  .ep-about-pattern span {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(245, 169, 0, 0.85);\r\n  }\r\n\r\n  \/* =========================================================\r\n     TEXT CONTENT\r\n  ========================================================== *\/\r\n\r\n  .ep-about-content {\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .ep-section-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n\r\n    color: var(--ep-orange-dark);\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ep-section-label::before {\r\n    width: 31px;\r\n    height: 3px;\r\n    flex: 0 0 31px;\r\n    border-radius: 30px;\r\n    background: var(--ep-orange);\r\n    content: \"\";\r\n  }\r\n\r\n  .ep-about-title {\r\n    max-width: 780px;\r\n    margin: 0;\r\n\r\n    color: var(--ep-navy);\r\n\r\n    font-size: clamp(38px, 3.55vw, 62px);\r\n    font-weight: 500;\r\n    line-height: 1.02;\r\n    letter-spacing: -2.1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ep-about-title span {\r\n    color: var(--ep-orange);\r\n  }\r\n\r\n  .ep-about-intro {\r\n    max-width: 780px;\r\n    margin: 25px 0 0;\r\n\r\n    color: var(--ep-deep-navy);\r\n\r\n    font-size: clamp(15px, 1.15vw, 18px);\r\n    font-weight: 700;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .ep-about-description {\r\n    max-width: 790px;\r\n    margin: 15px 0 0;\r\n\r\n    color: var(--ep-text);\r\n\r\n    font-size: clamp(14px, 1vw, 16px);\r\n    line-height: 1.78;\r\n  }\r\n\r\n  \/* =========================================================\r\n     HIGHLIGHTS\r\n  ========================================================== *\/\r\n\r\n  .ep-about-highlights {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 23px 28px;\r\n\r\n    margin-top: 32px;\r\n    padding-top: 30px;\r\n\r\n    border-top: 1px solid var(--ep-border);\r\n  }\r\n\r\n  .ep-about-highlight {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 13px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .ep-highlight-icon {\r\n    display: flex;\r\n    flex: 0 0 40px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n    border-radius: 6px;\r\n\r\n    color: var(--ep-navy);\r\n    background: rgba(245, 169, 0, 0.17);\r\n\r\n    transition:\r\n      color 0.25s ease,\r\n      background-color 0.25s ease,\r\n      transform 0.25s ease;\r\n  }\r\n\r\n  .ep-about-highlight:hover .ep-highlight-icon {\r\n    color: #ffffff;\r\n    background: var(--ep-navy);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ep-highlight-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-highlight-content {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  .ep-about-highlight strong {\r\n    color: var(--ep-navy);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .ep-about-highlight span {\r\n    color: var(--ep-text);\r\n    font-size: 10.5px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* =========================================================\r\n     ACTIONS\r\n  ========================================================== *\/\r\n\r\n  .ep-about-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 25px;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .ep-about-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n\r\n    min-height: 52px;\r\n    padding: 0 24px;\r\n\r\n    border: 2px solid var(--ep-navy);\r\n    border-radius: 5px;\r\n\r\n    color: #ffffff !important;\r\n    background: var(--ep-navy);\r\n\r\n    box-shadow: 0 14px 28px rgba(7, 29, 85, 0.16);\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.35px;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n      transform 0.25s ease,\r\n      color 0.25s ease,\r\n      background-color 0.25s ease,\r\n      border-color 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .ep-about-button svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .ep-about-button:hover {\r\n    color: var(--ep-navy) !important;\r\n    background: var(--ep-orange);\r\n    border-color: var(--ep-orange);\r\n    box-shadow: 0 17px 34px rgba(245, 169, 0, 0.23);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ep-about-button:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .ep-about-contact {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n  }\r\n\r\n  .ep-about-contact-icon {\r\n    display: flex;\r\n    flex: 0 0 40px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n    border: 1px solid var(--ep-border);\r\n    border-radius: 50%;\r\n\r\n    color: var(--ep-orange-dark);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .ep-about-contact-icon svg {\r\n    width: 19px;\r\n    height: 19px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-about-contact > div:last-child {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  .ep-about-contact span {\r\n    color: var(--ep-text);\r\n    font-size: 9.5px;\r\n  }\r\n\r\n  .ep-about-contact a {\r\n    color: var(--ep-navy) !important;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .ep-about-contact a:hover {\r\n    color: var(--ep-orange-dark) !important;\r\n  }\r\n\r\n  \/* =========================================================\r\n     STANDARD DESKTOP CONTAINER\r\n  ========================================================== *\/\r\n\r\n  @media (min-width: 768px) and (max-width: 1500px) {\r\n    .ep-about-container {\r\n      padding-inline: clamp(28px, 4vw, 70px);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLET\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 1050px) {\r\n    .ep-about-container {\r\n      grid-template-columns: minmax(350px, 0.9fr) minmax(420px, 1.1fr);\r\n      gap: 38px;\r\n      padding-inline: 30px;\r\n    }\r\n\r\n    .ep-about-image-wrap {\r\n      height: 500px;\r\n      min-height: 500px;\r\n    }\r\n\r\n    .ep-about-title {\r\n      font-size: 40px;\r\n    }\r\n\r\n    .ep-about-highlights {\r\n      gap: 17px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .ep-about-section {\r\n      padding: 52px 0;\r\n    }\r\n\r\n    .ep-about-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 38px;\r\n\r\n      width: 100%;\r\n      padding-inline: 15px;\r\n    }\r\n\r\n    .ep-about-image-wrap {\r\n      height: 330px;\r\n      min-height: 330px;\r\n      border-radius: 7px;\r\n    }\r\n\r\n    .ep-about-quality-card {\r\n      top: 14px;\r\n      left: 14px;\r\n\r\n      width: min(275px, calc(100% - 28px));\r\n      gap: 10px;\r\n      padding: 11px 12px;\r\n    }\r\n\r\n    .ep-about-quality-icon {\r\n      flex-basis: 35px;\r\n      width: 35px;\r\n      height: 35px;\r\n    }\r\n\r\n    .ep-about-quality-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    .ep-about-quality-content strong {\r\n      font-size: 10.5px;\r\n    }\r\n\r\n    .ep-about-quality-content span {\r\n      font-size: 8px;\r\n    }\r\n\r\n    .ep-about-experience {\r\n      min-width: 155px;\r\n      gap: 9px;\r\n      padding: 14px 16px;\r\n    }\r\n\r\n    .ep-about-experience strong {\r\n      font-size: 33px;\r\n    }\r\n\r\n    .ep-about-experience span {\r\n      font-size: 8.5px;\r\n    }\r\n\r\n    .ep-about-pattern {\r\n      right: 14px;\r\n      bottom: 84px;\r\n      grid-template-columns: repeat(3, 5px);\r\n      gap: 6px;\r\n    }\r\n\r\n    .ep-about-pattern span {\r\n      width: 5px;\r\n      height: 5px;\r\n    }\r\n\r\n    .ep-about-content {\r\n      text-align: center;\r\n    }\r\n\r\n    .ep-section-label {\r\n      justify-content: center;\r\n      margin-bottom: 13px;\r\n      font-size: 9px;\r\n    }\r\n\r\n    .ep-section-label::before {\r\n      width: 23px;\r\n      height: 2px;\r\n      flex-basis: 23px;\r\n    }\r\n\r\n    .ep-about-title {\r\n      max-width: 600px;\r\n      margin-inline: auto;\r\n\r\n      font-size: clamp(30px, 8.4vw, 42px);\r\n      letter-spacing: -1.2px;\r\n    }\r\n\r\n    .ep-about-intro {\r\n      margin-top: 17px;\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .ep-about-description {\r\n      margin-top: 10px;\r\n      font-size: 12px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .ep-about-highlights {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n\r\n      margin-top: 23px;\r\n      padding-top: 22px;\r\n\r\n      text-align: left;\r\n    }\r\n\r\n    .ep-about-highlight {\r\n      display: block;\r\n      min-height: 135px;\r\n      padding: 13px 10px;\r\n\r\n      border: 1px solid var(--ep-border);\r\n      border-radius: 6px;\r\n\r\n      background: var(--ep-light);\r\n    }\r\n\r\n    .ep-highlight-icon {\r\n      width: 34px;\r\n      height: 34px;\r\n      margin-bottom: 9px;\r\n    }\r\n\r\n    .ep-highlight-icon svg {\r\n      width: 17px;\r\n      height: 17px;\r\n    }\r\n\r\n    .ep-about-highlight strong {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .ep-about-highlight span {\r\n      margin-top: 3px;\r\n      font-size: 8px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .ep-about-actions {\r\n      justify-content: center;\r\n      gap: 18px;\r\n      margin-top: 25px;\r\n    }\r\n\r\n    .ep-about-button {\r\n      min-height: 45px;\r\n      padding: 0 17px;\r\n      font-size: 9px;\r\n    }\r\n\r\n    .ep-about-contact {\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     SMALL MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 480px) {\r\n    .ep-about-section {\r\n      padding: 44px 0;\r\n    }\r\n\r\n    .ep-about-container {\r\n      gap: 30px;\r\n      padding-inline: 12px;\r\n    }\r\n\r\n    .ep-about-image-wrap {\r\n      height: 270px;\r\n      min-height: 270px;\r\n    }\r\n\r\n    .ep-about-quality-card {\r\n      top: 10px;\r\n      left: 10px;\r\n\r\n      width: min(230px, calc(100% - 20px));\r\n      padding: 9px 10px;\r\n    }\r\n\r\n    .ep-about-quality-icon {\r\n      flex-basis: 30px;\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .ep-about-quality-icon svg {\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n\r\n    .ep-about-quality-content strong {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .ep-about-quality-content span {\r\n      font-size: 6.9px;\r\n    }\r\n\r\n    .ep-about-experience {\r\n      min-width: 128px;\r\n      gap: 7px;\r\n      padding: 10px 11px;\r\n    }\r\n\r\n    .ep-about-experience strong {\r\n      font-size: 27px;\r\n    }\r\n\r\n    .ep-about-experience span {\r\n      font-size: 7px;\r\n    }\r\n\r\n    .ep-about-pattern {\r\n      display: none;\r\n    }\r\n\r\n    .ep-about-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .ep-about-intro {\r\n      font-size: 12.5px;\r\n    }\r\n\r\n    .ep-about-description {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .ep-about-highlights {\r\n      gap: 8px;\r\n    }\r\n\r\n    .ep-about-highlight {\r\n      min-height: 130px;\r\n      padding: 11px 8px;\r\n    }\r\n\r\n    .ep-highlight-icon {\r\n      width: 30px;\r\n      height: 30px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .ep-highlight-icon svg {\r\n      width: 15px;\r\n      height: 15px;\r\n    }\r\n\r\n    .ep-about-highlight strong {\r\n      font-size: 8.8px;\r\n    }\r\n\r\n    .ep-about-highlight span {\r\n      font-size: 7.1px;\r\n    }\r\n\r\n    .ep-about-actions {\r\n      flex-direction: column;\r\n      gap: 13px;\r\n    }\r\n\r\n    .ep-about-button {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ep-about-image,\r\n    .ep-highlight-icon,\r\n    .ep-about-button,\r\n    .ep-about-button svg {\r\n      transition: none;\r\n    }\r\n\r\n    .ep-about-image-wrap:hover .ep-about-image,\r\n    .ep-about-highlight:hover .ep-highlight-icon,\r\n    .ep-about-button:hover,\r\n    .ep-about-button:hover svg {\r\n      transform: none;\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-54ab818 e-con-full wd-section-stretch e-flex e-con e-parent\" data-id=\"54ab818\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-632f730 elementor-widget elementor-widget-html\" data-id=\"632f730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ELECTRIC PRO \u2014 INDUSTRIES WE SERVE\r\n     ANGULAR ELECTRIC CARD DESIGN\r\n     Elementor HTML Widget\r\n========================================================== -->\r\n\r\n<section class=\"epi-industries-section\" dir=\"rtl\" lang=\"ar\">\r\n\r\n  <div class=\"epi-industries-container\">\r\n\r\n    <!-- Section Heading -->\r\n    <div class=\"epi-industries-heading\">\r\n\r\n      <span class=\"epi-industries-label\">\r\n        \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0644\u064a \u0628\u0646\u062e\u062f\u0645\u0647\u0627\r\n      <\/span>\r\n\r\n      <h2 class=\"epi-industries-title\">\r\n        \u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u0644\u0643\u0644\r\n        <span>\u0642\u0637\u0627\u0639.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"epi-industries-intro\">\r\n        \u0628\u0646\u0648\u0641\u0631 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0628\u0646\u0635\u0646\u0651\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a\r\n        \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- Industries Grid -->\r\n    <div class=\"epi-industries-grid\">\r\n\r\n      <!-- Manufacturing -->\r\n      <article class=\"epi-industry-card\">\r\n\r\n        <div class=\"epi-card-electric-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"epi-card-energy-line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span class=\"epi-card-number\">01<\/span>\r\n\r\n        <div class=\"epi-card-icon\">\r\n\r\n          <span class=\"epi-icon-electric-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M7 54V27l15 8V22l16 9V18l19 10v26\"><\/path>\r\n            <path d=\"M7 54h50\"><\/path>\r\n            <path d=\"M13 44h6v10h-6z\"><\/path>\r\n            <path d=\"M25 44h6v10h-6z\"><\/path>\r\n            <path d=\"M39 44h6v10h-6z\"><\/path>\r\n            <path d=\"M49 10h7v18h-7z\"><\/path>\r\n            <path d=\"M48 10h9\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"epi-card-content\">\r\n\r\n          <span class=\"epi-card-category\">\r\n            \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\r\n          <\/span>\r\n\r\n          <h3>\u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/h3>\r\n\r\n          <p>\r\n            \u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u062d\u0644\u0648\u0644 \u0644\u0648\u062d\u0627\u062a \u062c\u0647\u062f \u0645\u0646\u062e\u0641\u0636 \u0644\u0644\u0645\u0635\u0627\u0646\u0639\u060c \u0648\u0627\u0644\u0645\u0627\u0643\u064a\u0646\u0627\u062a\u060c\r\n            \u0648\u062e\u0637\u0648\u0637 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"epi-card-corner epi-card-corner-one\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"epi-card-corner epi-card-corner-two\" aria-hidden=\"true\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- Commercial Buildings -->\r\n      <article class=\"epi-industry-card\">\r\n\r\n        <div class=\"epi-card-electric-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"epi-card-energy-line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span class=\"epi-card-number\">02<\/span>\r\n\r\n        <div class=\"epi-card-icon\">\r\n\r\n          <span class=\"epi-icon-electric-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M11 55V19h21v36\"><\/path>\r\n            <path d=\"M32 30h21v25\"><\/path>\r\n            <path d=\"M7 55h50\"><\/path>\r\n            <path d=\"M17 26h5\"><\/path>\r\n            <path d=\"M17 35h5\"><\/path>\r\n            <path d=\"M17 44h5\"><\/path>\r\n            <path d=\"M26 26h2\"><\/path>\r\n            <path d=\"M26 35h2\"><\/path>\r\n            <path d=\"M26 44h2\"><\/path>\r\n            <path d=\"M39 37h6\"><\/path>\r\n            <path d=\"M39 45h6\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"epi-card-content\">\r\n\r\n          <span class=\"epi-card-category\">\r\n            \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\r\n          <\/span>\r\n\r\n          <h3>\u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/h3>\r\n\r\n          <p>\r\n            \u0623\u0646\u0638\u0645\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0644\u0645\u0643\u0627\u062a\u0628\u060c \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c\r\n            \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"epi-card-corner epi-card-corner-one\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"epi-card-corner epi-card-corner-two\" aria-hidden=\"true\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- Construction -->\r\n      <article class=\"epi-industry-card\">\r\n\r\n        <div class=\"epi-card-electric-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"epi-card-energy-line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span class=\"epi-card-number\">03<\/span>\r\n\r\n        <div class=\"epi-card-icon\">\r\n\r\n          <span class=\"epi-icon-electric-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M16 55V14\"><\/path>\r\n            <path d=\"M8 14h39\"><\/path>\r\n            <path d=\"M31 14v8\"><\/path>\r\n            <path d=\"M47 14l9 8\"><\/path>\r\n            <path d=\"M47 14v30\"><\/path>\r\n            <path d=\"M42 44h10\"><\/path>\r\n            <path d=\"M10 55h44\"><\/path>\r\n            <path d=\"M22 26h18\"><\/path>\r\n            <path d=\"M28 26v29\"><\/path>\r\n            <path d=\"M22 34h12\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"epi-card-content\">\r\n\r\n          <span class=\"epi-card-category\">\r\n            \u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a\r\n          <\/span>\r\n\r\n          <h3>\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/h3>\r\n\r\n          <p>\r\n            \u0645\u0646\u062a\u062c\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0644\u0648\u062d\u0627\u062a \u0645\u0635\u0646\u0651\u0639\u0629 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a\u060c \u0644\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646\u060c\r\n            \u0648\u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u064a\u0646.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"epi-card-corner epi-card-corner-one\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"epi-card-corner epi-card-corner-two\" aria-hidden=\"true\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- Energy & Utilities -->\r\n      <article class=\"epi-industry-card\">\r\n\r\n        <div class=\"epi-card-electric-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"epi-card-energy-line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span class=\"epi-card-number\">04<\/span>\r\n\r\n        <div class=\"epi-card-icon\">\r\n\r\n          <span class=\"epi-icon-electric-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M32 7L17 57\"><\/path>\r\n            <path d=\"M32 7l15 50\"><\/path>\r\n            <path d=\"M22 25h20\"><\/path>\r\n            <path d=\"M19 35h26\"><\/path>\r\n            <path d=\"M15 57h34\"><\/path>\r\n            <path d=\"M27 17h10\"><\/path>\r\n            <path d=\"M22 25l10 10 10-10\"><\/path>\r\n            <path d=\"M19 35l13 12 13-12\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"epi-card-content\">\r\n\r\n          <span class=\"epi-card-category\">\r\n            \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0627\u0642\u0629\r\n          <\/span>\r\n\r\n          <h3>\u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0641\u0642<\/h3>\r\n\r\n          <p>\r\n            \u062d\u0644\u0648\u0644 \u062a\u0648\u0632\u064a\u0639 \u0648\u062d\u0645\u0627\u064a\u0629 \u0644\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636 \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c\r\n            \u0648\u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0642\u0648\u0649 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"epi-card-corner epi-card-corner-one\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"epi-card-corner epi-card-corner-two\" aria-hidden=\"true\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- Oil & Gas -->\r\n      <article class=\"epi-industry-card\">\r\n\r\n        <div class=\"epi-card-electric-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"epi-card-energy-line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span class=\"epi-card-number\">05<\/span>\r\n\r\n        <div class=\"epi-card-icon\">\r\n\r\n          <span class=\"epi-icon-electric-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M13 54h38\"><\/path>\r\n            <path d=\"M20 54V34h24v20\"><\/path>\r\n            <path d=\"M24 34l8-25 8 25\"><\/path>\r\n            <path d=\"M26 20h12\"><\/path>\r\n            <path d=\"M22 27h20\"><\/path>\r\n            <path d=\"M32 9v45\"><\/path>\r\n            <path d=\"M44 39c7 3 10 7 10 15\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"epi-card-content\">\r\n\r\n          <span class=\"epi-card-category\">\r\n            \u0642\u0637\u0627\u0639 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\r\n          <\/span>\r\n\r\n          <h3>\u0627\u0644\u0628\u062a\u0631\u0648\u0644 \u0648\u0627\u0644\u063a\u0627\u0632<\/h3>\r\n\r\n          <p>\r\n            \u0645\u0639\u062f\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u062d\u0644\u0648\u0644 \u0644\u0648\u062d\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\r\n            \u0627\u0644\u0635\u0639\u0628\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u064a\u0629.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"epi-card-corner epi-card-corner-one\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"epi-card-corner epi-card-corner-two\" aria-hidden=\"true\"><\/span>\r\n\r\n      <\/article>\r\n\r\n      <!-- Infrastructure -->\r\n      <article class=\"epi-industry-card\">\r\n\r\n        <div class=\"epi-card-electric-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"epi-card-energy-line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <span class=\"epi-card-number\">06<\/span>\r\n\r\n        <div class=\"epi-card-icon\">\r\n\r\n          <span class=\"epi-icon-electric-ring\" aria-hidden=\"true\"><\/span>\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M8 53h48\"><\/path>\r\n            <path d=\"M12 45h40\"><\/path>\r\n            <path d=\"M16 45l5-24\"><\/path>\r\n            <path d=\"M48 45l-5-24\"><\/path>\r\n            <path d=\"M21 21h22\"><\/path>\r\n            <path d=\"M25 21v24\"><\/path>\r\n            <path d=\"M39 21v24\"><\/path>\r\n            <path d=\"M16 30h32\"><\/path>\r\n            <path d=\"M13 53l6-8\"><\/path>\r\n            <path d=\"M51 53l-6-8\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"epi-card-content\">\r\n\r\n          <span class=\"epi-card-category\">\r\n            \u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\r\n          <\/span>\r\n\r\n          <h3>\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629<\/h3>\r\n\r\n          <p>\r\n            \u0623\u0646\u0638\u0645\u0629 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0628\u062a\u062f\u0639\u0645 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0639\u0627\u0645\u0629\u060c \u0648\u0627\u0644\u0646\u0642\u0644\u060c\r\n            \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a\u060c \u0648\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0643\u0628\u0631\u0649.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"epi-card-corner epi-card-corner-one\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"epi-card-corner epi-card-corner-two\" aria-hidden=\"true\"><\/span>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom CTA -->\r\n    <div class=\"epi-industries-cta\">\r\n\r\n      <div class=\"epi-cta-energy\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"epi-cta-icon\">\r\n\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M35 5L17 34h13l-3 25 20-34H34z\"><\/path>\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"epi-cta-content\">\r\n\r\n        <span>\u062d\u0644\u0648\u0644 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639<\/span>\r\n\r\n        <h3>\r\n          \u0627\u062d\u0643\u064a\u0644\u0646\u0627 \u0639\u0646 \u0645\u0634\u0631\u0648\u0639\u0643\u060c \u0648\u0641\u0631\u064a\u0642\u0646\u0627 \u0647\u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u062d\u062f\u062f \u0623\u0646\u0633\u0628 \u062d\u0644 \u0644\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\r\n          \u0648\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636.\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <a href=\"\/contact-us\/\" class=\"epi-cta-button\">\r\n\r\n        <span>\u0646\u0627\u0642\u0634 \u0645\u0634\u0631\u0648\u0639\u0643 \u0645\u0639\u0627\u0646\u0627<\/span>\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M19 12H5m6-6-6 6 6 6\"><\/path>\r\n        <\/svg>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  \/* =========================================================\r\n     ARABIC RTL OVERRIDES\r\n  ========================================================== *\/\r\n\r\n  .epi-industries-section {\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif !important;\r\n  }\r\n\r\n  .epi-industries-section,\r\n  .epi-industries-section * {\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .epi-industries-heading {\r\n    text-align: center;\r\n  }\r\n\r\n  .epi-card-number {\r\n    right: auto;\r\n    left: 25px;\r\n  }\r\n\r\n  .epi-card-content {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .epi-cta-content {\r\n    text-align: right;\r\n  }\r\n\r\n  .epi-cta-button:hover svg {\r\n    transform: translateX(-5px);\r\n  }\r\n\r\n  .epi-card-corner-one {\r\n    left: auto;\r\n    right: 18px;\r\n  }\r\n\r\n  .epi-card-corner-two {\r\n    right: auto;\r\n    left: 18px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .epi-cta-button {\r\n      margin-left: 0;\r\n      margin-right: 95px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .epi-card-number {\r\n      right: auto;\r\n      left: 13px;\r\n    }\r\n\r\n    .epi-card-corner-one {\r\n      left: auto;\r\n      right: 11px;\r\n    }\r\n\r\n    .epi-card-corner-two {\r\n      right: auto;\r\n      left: 11px;\r\n    }\r\n\r\n    .epi-cta-button {\r\n      margin: 3px 0 0;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     SECTION\r\n  ========================================================== *\/\r\n\r\n  .epi-industries-section {\r\n    --epi-navy: #071d55;\r\n    --epi-deep: #020b24;\r\n    --epi-medium: #082866;\r\n    --epi-electric: #1688ff;\r\n    --epi-electric-light: #72c5ff;\r\n    --epi-orange: #f5a900;\r\n    --epi-orange-light: #ffc52d;\r\n    --epi-text: #5c687f;\r\n    --epi-border: #dde5ef;\r\n    --epi-white: #ffffff;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(68px, 7vw, 110px) 0;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 86% 15%,\r\n        rgba(22, 136, 255, 0.055),\r\n        transparent 25%\r\n      ),\r\n      radial-gradient(\r\n        circle at 12% 88%,\r\n        rgba(245, 169, 0, 0.055),\r\n        transparent 24%\r\n      ),\r\n      #ffffff;\r\n\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .epi-industries-section,\r\n  .epi-industries-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .epi-industries-section::before {\r\n    position: absolute;\r\n    top: 100px;\r\n    left: -120px;\r\n\r\n    width: 280px;\r\n    height: 470px;\r\n\r\n    opacity: 0.17;\r\n\r\n    background-image:\r\n      linear-gradient(\r\n        30deg,\r\n        transparent 46%,\r\n        rgba(7, 29, 85, 0.3) 47%,\r\n        rgba(7, 29, 85, 0.3) 49%,\r\n        transparent 50%\r\n      );\r\n\r\n    background-size: 22px 22px;\r\n\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  .epi-industries-section::after {\r\n    position: absolute;\r\n    right: -150px;\r\n    bottom: -190px;\r\n\r\n    width: 410px;\r\n    height: 410px;\r\n\r\n    border: 1px solid rgba(22, 136, 255, 0.1);\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n      0 0 0 45px rgba(22, 136, 255, 0.018),\r\n      0 0 0 90px rgba(7, 29, 85, 0.012);\r\n\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  .epi-industries-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding-inline: clamp(24px, 5vw, 90px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     HEADING\r\n  ========================================================== *\/\r\n\r\n  .epi-industries-heading {\r\n    max-width: 850px;\r\n    margin: 0 auto clamp(40px, 4.5vw, 64px);\r\n    text-align: center;\r\n  }\r\n\r\n  .epi-industries-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n\r\n    margin-bottom: 15px;\r\n\r\n    color: #d99000;\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.6px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .epi-industries-label::before,\r\n  .epi-industries-label::after {\r\n    width: 29px;\r\n    height: 2px;\r\n\r\n    border-radius: 20px;\r\n    background: var(--epi-orange);\r\n\r\n    box-shadow: 0 0 12px rgba(245, 169, 0, 0.28);\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  .epi-industries-title {\r\n    margin: 0;\r\n\r\n    color: var(--epi-navy);\r\n\r\n    font-size: clamp(38px, 3.7vw, 62px);\r\n    font-weight: 900;\r\n    line-height: 1.02;\r\n    letter-spacing: -2.1px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .epi-industries-title span {\r\n    color: var(--epi-orange);\r\n  }\r\n\r\n  .epi-industries-intro {\r\n    max-width: 760px;\r\n    margin: 20px auto 0;\r\n\r\n    color: var(--epi-text);\r\n\r\n    font-size: clamp(14px, 1.05vw, 16px);\r\n    line-height: 1.75;\r\n  }\r\n\r\n  \/* =========================================================\r\n     GRID\r\n  ========================================================== *\/\r\n\r\n  .epi-industries-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: clamp(18px, 2vw, 30px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     ANGULAR INDUSTRY CARD\r\n  ========================================================== *\/\r\n\r\n  .epi-industry-card {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    min-width: 0;\r\n    min-height: 300px;\r\n    overflow: hidden;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n\r\n    padding: clamp(22px, 2vw, 29px);\r\n\r\n    color: #ffffff;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 10%,\r\n        rgba(22, 136, 255, 0.16),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(\r\n        145deg,\r\n        #020b24 0%,\r\n        #06194a 58%,\r\n        #082866 100%\r\n      );\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 45px) 0,\r\n        100% 45px,\r\n        100% 100%,\r\n        45px 100%,\r\n        0 calc(100% - 45px)\r\n      );\r\n\r\n    box-shadow: 0 22px 50px rgba(3, 20, 52, 0.14);\r\n\r\n    isolation: isolate;\r\n\r\n    transition:\r\n      transform 0.35s ease,\r\n      filter 0.35s ease;\r\n  }\r\n\r\n  .epi-industry-card::before {\r\n    position: absolute;\r\n    inset: 1px;\r\n    z-index: -2;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255, 255, 255, 0.025),\r\n        rgba(255, 255, 255, 0)\r\n      );\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 45px) 0,\r\n        100% 45px,\r\n        100% 100%,\r\n        45px 100%,\r\n        0 calc(100% - 45px)\r\n      );\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  .epi-industry-card::after {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n\r\n    background:\r\n      linear-gradient(\r\n        115deg,\r\n        transparent 0%,\r\n        transparent 31%,\r\n        rgba(22, 136, 255, 0.9) 49%,\r\n        transparent 67%,\r\n        transparent 100%\r\n      );\r\n\r\n    background-size: 260% 100%;\r\n    background-position: 160% center;\r\n\r\n    content: \"\";\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n      opacity 0.35s ease,\r\n      background-position 0.8s ease;\r\n  }\r\n\r\n  .epi-industry-card:hover {\r\n    transform: translateY(-10px);\r\n    filter: drop-shadow(0 24px 30px rgba(7, 29, 85, 0.18));\r\n  }\r\n\r\n  .epi-industry-card:hover::after {\r\n    opacity: 0.23;\r\n    background-position: -70% center;\r\n  }\r\n\r\n  \/* =========================================================\r\n     ELECTRIC BORDER EFFECT\r\n  ========================================================== *\/\r\n\r\n  .epi-card-electric-glow {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n\r\n    padding: 1px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        rgba(245, 169, 0, 0.8) 0%,\r\n        rgba(245, 169, 0, 0.06) 23%,\r\n        rgba(22, 136, 255, 0.06) 70%,\r\n        rgba(22, 136, 255, 0.82) 100%\r\n      );\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 45px) 0,\r\n        100% 45px,\r\n        100% 100%,\r\n        45px 100%,\r\n        0 calc(100% - 45px)\r\n      );\r\n\r\n    opacity: 0.55;\r\n\r\n    transition:\r\n      opacity 0.3s ease,\r\n      filter 0.3s ease;\r\n  }\r\n\r\n  .epi-card-electric-glow::after {\r\n    position: absolute;\r\n    inset: 2px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        #020b24 0%,\r\n        #06194a 58%,\r\n        #082866 100%\r\n      );\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 44px) 0,\r\n        100% 44px,\r\n        100% 100%,\r\n        44px 100%,\r\n        0 calc(100% - 44px)\r\n      );\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  .epi-industry-card:hover .epi-card-electric-glow {\r\n    opacity: 1;\r\n\r\n    filter:\r\n      drop-shadow(0 0 8px rgba(22, 136, 255, 0.65))\r\n      drop-shadow(0 0 17px rgba(22, 136, 255, 0.27));\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOVING ENERGY LINE\r\n  ========================================================== *\/\r\n\r\n  .epi-card-energy-line {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -55%;\r\n    z-index: 4;\r\n\r\n    width: 45%;\r\n    height: 2px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--epi-electric-light),\r\n        #ffffff,\r\n        var(--epi-electric-light),\r\n        transparent\r\n      );\r\n\r\n    box-shadow:\r\n      0 0 8px rgba(22, 136, 255, 0.9),\r\n      0 0 16px rgba(22, 136, 255, 0.6);\r\n\r\n    opacity: 0;\r\n\r\n    transform: skewX(-30deg);\r\n  }\r\n\r\n  .epi-industry-card:hover .epi-card-energy-line {\r\n    opacity: 1;\r\n    animation: epiEnergySweep 1.1s ease-out forwards;\r\n  }\r\n\r\n  @keyframes epiEnergySweep {\r\n    0% {\r\n      left: -55%;\r\n    }\r\n\r\n    100% {\r\n      left: 115%;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     CARD NUMBER\r\n  ========================================================== *\/\r\n\r\n  .epi-card-number {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 25px;\r\n    z-index: 4;\r\n\r\n    color: rgba(255, 255, 255, 0.2);\r\n\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: 2px;\r\n\r\n    transition:\r\n      color 0.3s ease,\r\n      text-shadow 0.3s ease;\r\n  }\r\n\r\n  .epi-industry-card:hover .epi-card-number {\r\n    color: var(--epi-orange);\r\n\r\n    text-shadow:\r\n      0 0 12px rgba(245, 169, 0, 0.55),\r\n      0 0 22px rgba(245, 169, 0, 0.22);\r\n  }\r\n\r\n  \/* =========================================================\r\n     CARD ICON\r\n  ========================================================== *\/\r\n\r\n  .epi-card-icon {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 62px;\r\n    height: 62px;\r\n    margin: 0 auto 18px;\r\n\r\n    color: var(--epi-orange);\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255, 255, 255, 0.075),\r\n        rgba(255, 255, 255, 0.015)\r\n      );\r\n\r\n    border:\r\n      1px solid rgba(245, 169, 0, 0.38);\r\n\r\n    clip-path:\r\n      polygon(\r\n        15px 0,\r\n        100% 0,\r\n        100% calc(100% - 15px),\r\n        calc(100% - 15px) 100%,\r\n        0 100%,\r\n        0 15px\r\n      );\r\n\r\n    box-shadow:\r\n      inset 0 0 20px rgba(245, 169, 0, 0.045),\r\n      0 0 0 rgba(22, 136, 255, 0);\r\n\r\n    transition:\r\n      color 0.35s ease,\r\n      background-color 0.35s ease,\r\n      box-shadow 0.35s ease,\r\n      transform 0.35s ease;\r\n  }\r\n\r\n  .epi-card-icon svg {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 36px;\r\n    height: 36px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .epi-icon-electric-ring {\r\n    position: absolute;\r\n    inset: -10px;\r\n    z-index: 1;\r\n\r\n    border:\r\n      1px solid rgba(22, 136, 255, 0.36);\r\n\r\n    clip-path:\r\n      polygon(\r\n        15px 0,\r\n        100% 0,\r\n        100% calc(100% - 15px),\r\n        calc(100% - 15px) 100%,\r\n        0 100%,\r\n        0 15px\r\n      );\r\n\r\n    opacity: 0;\r\n    transform: scale(0.82);\r\n\r\n    transition:\r\n      opacity 0.35s ease,\r\n      transform 0.35s ease;\r\n  }\r\n\r\n  .epi-industry-card:hover .epi-card-icon {\r\n    color: #ffffff;\r\n\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(22, 136, 255, 0.34),\r\n        rgba(22, 136, 255, 0.08)\r\n      );\r\n\r\n    border-color:\r\n      rgba(114, 197, 255, 0.8);\r\n\r\n    box-shadow:\r\n      inset 0 0 22px rgba(22, 136, 255, 0.2),\r\n      0 0 18px rgba(22, 136, 255, 0.46),\r\n      0 0 38px rgba(22, 136, 255, 0.19);\r\n\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .epi-industry-card:hover .epi-icon-electric-ring {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n\r\n    animation: epiElectricPulse 1.4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes epiElectricPulse {\r\n    0%,\r\n    100% {\r\n      opacity: 0.35;\r\n\r\n      filter:\r\n        drop-shadow(0 0 4px rgba(22, 136, 255, 0.3));\r\n    }\r\n\r\n    50% {\r\n      opacity: 1;\r\n\r\n      filter:\r\n        drop-shadow(0 0 12px rgba(22, 136, 255, 0.8));\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     CARD CONTENT\r\n  ========================================================== *\/\r\n\r\n  .epi-card-content {\r\n    position: relative;\r\n    z-index: 4;\r\n  }\r\n\r\n  .epi-card-category {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n\r\n    color: var(--epi-orange);\r\n\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.25px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .epi-card-content h3 {\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(19px, 1.5vw, 25px);\r\n    font-weight: 800;\r\n    line-height: 1.15;\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  .epi-card-content p {\r\n    max-width: 330px;\r\n    margin: 11px auto 0;\r\n\r\n    color: rgba(222, 232, 249, 0.78);\r\n\r\n    font-size: clamp(10px, 0.78vw, 12px);\r\n    line-height: 1.7;\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     TECHNICAL CARD CORNERS\r\n  ========================================================== *\/\r\n\r\n  .epi-card-corner {\r\n    position: absolute;\r\n    z-index: 4;\r\n\r\n    width: 9px;\r\n    height: 9px;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.25);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(2, 11, 36, 0.95);\r\n\r\n    box-shadow:\r\n      inset 0 0 3px rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .epi-card-corner-one {\r\n    top: 18px;\r\n    left: 18px;\r\n  }\r\n\r\n  .epi-card-corner-two {\r\n    right: 18px;\r\n    bottom: 18px;\r\n  }\r\n\r\n  .epi-industry-card:hover .epi-card-corner {\r\n    border-color: var(--epi-electric-light);\r\n\r\n    box-shadow:\r\n      0 0 8px rgba(22, 136, 255, 0.65),\r\n      inset 0 0 3px rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  \/* =========================================================\r\n     CTA\r\n  ========================================================== *\/\r\n\r\n  .epi-industries-cta {\r\n    position: relative;\r\n\r\n    display: grid;\r\n    grid-template-columns: auto minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 25px;\r\n\r\n    overflow: hidden;\r\n\r\n    margin-top: clamp(34px, 4vw, 58px);\r\n    padding: clamp(27px, 2.8vw, 41px);\r\n\r\n    border: 1px solid rgba(22, 136, 255, 0.22);\r\n\r\n    color: #ffffff;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 83% 45%,\r\n        rgba(22, 136, 255, 0.28),\r\n        transparent 30%\r\n      ),\r\n      linear-gradient(\r\n        105deg,\r\n        #020b24 0%,\r\n        #071d55 58%,\r\n        #092d73 100%\r\n      );\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 34px) 0,\r\n        100% 34px,\r\n        100% 100%,\r\n        34px 100%,\r\n        0 calc(100% - 34px)\r\n      );\r\n\r\n    box-shadow:\r\n      0 24px 60px rgba(7, 29, 85, 0.18);\r\n  }\r\n\r\n  .epi-industries-cta::before {\r\n    position: absolute;\r\n    top: -135px;\r\n    right: 11%;\r\n\r\n    width: 340px;\r\n    height: 340px;\r\n\r\n    border: 1px solid rgba(114, 197, 255, 0.15);\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n      0 0 0 36px rgba(22, 136, 255, 0.025),\r\n      0 0 0 75px rgba(22, 136, 255, 0.012);\r\n\r\n    content: \"\";\r\n  }\r\n\r\n  .epi-cta-energy {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -35%;\r\n\r\n    width: 30%;\r\n    height: 100%;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(22, 136, 255, 0.08),\r\n        rgba(114, 197, 255, 0.2),\r\n        transparent\r\n      );\r\n\r\n    transform: skewX(-28deg);\r\n\r\n    animation: epiCtaEnergy 5s linear infinite;\r\n  }\r\n\r\n  @keyframes epiCtaEnergy {\r\n    from {\r\n      left: -35%;\r\n    }\r\n\r\n    to {\r\n      left: 120%;\r\n    }\r\n  }\r\n\r\n  .epi-cta-icon,\r\n  .epi-cta-content,\r\n  .epi-cta-button {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .epi-cta-icon {\r\n    display: flex;\r\n    flex: 0 0 70px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n\r\n    color: var(--epi-orange);\r\n\r\n    border: 1px solid rgba(245, 169, 0, 0.58);\r\n\r\n    background:\r\n      rgba(255, 255, 255, 0.04);\r\n\r\n    clip-path:\r\n      polygon(\r\n        14px 0,\r\n        100% 0,\r\n        100% calc(100% - 14px),\r\n        calc(100% - 14px) 100%,\r\n        0 100%,\r\n        0 14px\r\n      );\r\n\r\n    box-shadow:\r\n      inset 0 0 20px rgba(245, 169, 0, 0.05),\r\n      0 0 20px rgba(245, 169, 0, 0.08);\r\n  }\r\n\r\n  .epi-cta-icon svg {\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .epi-cta-content {\r\n    min-width: 0;\r\n  }\r\n\r\n  .epi-cta-content span {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n\r\n    color: var(--epi-orange);\r\n\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    letter-spacing: 1.25px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .epi-cta-content h3 {\r\n    max-width: 760px;\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(18px, 1.65vw, 27px);\r\n    font-weight: 800;\r\n    line-height: 1.32;\r\n  }\r\n\r\n  .epi-cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n\r\n    min-height: 53px;\r\n    padding: 0 24px;\r\n\r\n    border: 1px solid var(--epi-orange);\r\n\r\n    color: var(--epi-navy) !important;\r\n\r\n    background: var(--epi-orange);\r\n\r\n    clip-path:\r\n      polygon(\r\n        10px 0,\r\n        100% 0,\r\n        100% calc(100% - 10px),\r\n        calc(100% - 10px) 100%,\r\n        0 100%,\r\n        0 10px\r\n      );\r\n\r\n    box-shadow:\r\n      0 15px 32px rgba(245, 169, 0, 0.2);\r\n\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.55px;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n      transform 0.25s ease,\r\n      background-color 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .epi-cta-button svg {\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .epi-cta-button:hover {\r\n    background: var(--epi-orange-light);\r\n\r\n    box-shadow:\r\n      0 18px 37px rgba(245, 169, 0, 0.3),\r\n      0 0 20px rgba(245, 169, 0, 0.15);\r\n\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .epi-cta-button:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     MEDIUM DESKTOP\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 1200px) {\r\n    .epi-industries-container {\r\n      padding-inline: 32px;\r\n    }\r\n\r\n    .epi-industry-card {\r\n      min-height: 285px;\r\n      padding: 22px 20px;\r\n    }\r\n\r\n    .epi-card-content h3 {\r\n      font-size: 23px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLET\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .epi-industries-container {\r\n      padding-inline: 24px;\r\n    }\r\n\r\n    .epi-industries-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n\r\n    .epi-industry-card {\r\n      min-height: 275px;\r\n    }\r\n\r\n    .epi-industries-cta {\r\n      grid-template-columns: auto minmax(0, 1fr);\r\n    }\r\n\r\n    .epi-cta-button {\r\n      grid-column: 1 \/ -1;\r\n      width: fit-content;\r\n      margin-left: 95px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .epi-industries-section {\r\n      padding: 54px 0;\r\n    }\r\n\r\n    .epi-industries-container {\r\n      padding-inline: 15px;\r\n    }\r\n\r\n    .epi-industries-heading {\r\n      margin-bottom: 31px;\r\n    }\r\n\r\n    .epi-industries-label {\r\n      margin-bottom: 11px;\r\n\r\n      font-size: 8.5px;\r\n      letter-spacing: 0.9px;\r\n    }\r\n\r\n    .epi-industries-label::before,\r\n    .epi-industries-label::after {\r\n      width: 21px;\r\n    }\r\n\r\n    .epi-industries-title {\r\n      font-size: clamp(29px, 8.2vw, 41px);\r\n      letter-spacing: -1.25px;\r\n    }\r\n\r\n    .epi-industries-intro {\r\n      margin-top: 14px;\r\n\r\n      font-size: 11.5px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    .epi-industries-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .epi-industry-card {\r\n      min-height: 220px;\r\n      padding: 14px 11px;\r\n\r\n      clip-path:\r\n        polygon(\r\n          0 0,\r\n          calc(100% - 25px) 0,\r\n          100% 25px,\r\n          100% 100%,\r\n          25px 100%,\r\n          0 calc(100% - 25px)\r\n        );\r\n    }\r\n\r\n    .epi-industry-card::before,\r\n    .epi-card-electric-glow {\r\n      clip-path:\r\n        polygon(\r\n          0 0,\r\n          calc(100% - 25px) 0,\r\n          100% 25px,\r\n          100% 100%,\r\n          25px 100%,\r\n          0 calc(100% - 25px)\r\n        );\r\n    }\r\n\r\n    .epi-card-electric-glow::after {\r\n      clip-path:\r\n        polygon(\r\n          0 0,\r\n          calc(100% - 24px) 0,\r\n          100% 24px,\r\n          100% 100%,\r\n          24px 100%,\r\n          0 calc(100% - 24px)\r\n        );\r\n    }\r\n\r\n    .epi-card-number {\r\n      top: 11px;\r\n      right: 13px;\r\n\r\n      font-size: 7px;\r\n    }\r\n\r\n    .epi-card-icon {\r\n      width: 44px;\r\n      height: 44px;\r\n      margin: 0 auto 11px;\r\n\r\n      clip-path:\r\n        polygon(\r\n          10px 0,\r\n          100% 0,\r\n          100% calc(100% - 10px),\r\n          calc(100% - 10px) 100%,\r\n          0 100%,\r\n          0 10px\r\n        );\r\n    }\r\n\r\n    .epi-card-icon svg {\r\n      width: 25px;\r\n      height: 25px;\r\n    }\r\n\r\n    .epi-icon-electric-ring {\r\n      inset: -6px;\r\n    }\r\n\r\n    .epi-card-category {\r\n      margin-bottom: 5px;\r\n\r\n      font-size: 6px;\r\n      letter-spacing: 0.7px;\r\n    }\r\n\r\n    .epi-card-content h3 {\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      letter-spacing: -0.25px;\r\n    }\r\n\r\n    .epi-card-content p {\r\n      margin: 7px 0 0;\r\n\r\n      font-size: 7.7px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .epi-card-corner {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    .epi-card-corner-one {\r\n      top: 11px;\r\n      left: 11px;\r\n    }\r\n\r\n    .epi-card-corner-two {\r\n      right: 11px;\r\n      bottom: 11px;\r\n    }\r\n\r\n    .epi-industry-card:hover {\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .epi-industries-cta {\r\n      grid-template-columns: 48px minmax(0, 1fr);\r\n      gap: 13px;\r\n\r\n      margin-top: 27px;\r\n      padding: 19px 16px;\r\n\r\n      clip-path:\r\n        polygon(\r\n          0 0,\r\n          calc(100% - 20px) 0,\r\n          100% 20px,\r\n          100% 100%,\r\n          20px 100%,\r\n          0 calc(100% - 20px)\r\n        );\r\n    }\r\n\r\n    .epi-cta-icon {\r\n      flex-basis: 48px;\r\n\r\n      width: 48px;\r\n      height: 48px;\r\n    }\r\n\r\n    .epi-cta-icon svg {\r\n      width: 28px;\r\n      height: 28px;\r\n    }\r\n\r\n    .epi-cta-content span {\r\n      font-size: 6px;\r\n      letter-spacing: 0.75px;\r\n    }\r\n\r\n    .epi-cta-content h3 {\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .epi-cta-button {\r\n      grid-column: 1 \/ -1;\r\n\r\n      width: 100%;\r\n      min-height: 43px;\r\n      margin: 3px 0 0;\r\n\r\n      font-size: 7px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     SMALL MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 430px) {\r\n    .epi-industries-section {\r\n      padding: 46px 0;\r\n    }\r\n\r\n    .epi-industries-container {\r\n      padding-inline: 11px;\r\n    }\r\n\r\n    .epi-industries-title {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .epi-industries-grid {\r\n      gap: 8px;\r\n    }\r\n\r\n    .epi-industry-card {\r\n      min-height: 205px;\r\n      padding: 12px 9px;\r\n    }\r\n\r\n    .epi-card-icon {\r\n      width: 40px;\r\n      height: 40px;\r\n      margin: 0 auto 10px;\r\n    }\r\n\r\n    .epi-card-icon svg {\r\n      width: 23px;\r\n      height: 23px;\r\n    }\r\n\r\n    .epi-card-content h3 {\r\n      font-size: 11.5px;\r\n    }\r\n\r\n    .epi-card-content p {\r\n      margin-top: 7px;\r\n      font-size: 6.9px;\r\n    }\r\n\r\n    .epi-cta-content h3 {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     REDUCED MOTION\r\n  ========================================================== *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .epi-industry-card,\r\n    .epi-industry-card::after,\r\n    .epi-card-electric-glow,\r\n    .epi-card-icon,\r\n    .epi-icon-electric-ring,\r\n    .epi-cta-button,\r\n    .epi-cta-button svg {\r\n      transition: none;\r\n      animation: none;\r\n    }\r\n\r\n    .epi-card-energy-line,\r\n    .epi-cta-energy {\r\n      display: none;\r\n    }\r\n\r\n    .epi-industry-card:hover,\r\n    .epi-industry-card:hover .epi-card-icon,\r\n    .epi-cta-button:hover,\r\n    .epi-cta-button:hover svg {\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02805b0 elementor-widget elementor-widget-html\" data-id=\"02805b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ELECTRIC PRO \u2014 WHY CHOOSE US SECTION\r\n     Elementor HTML Widget\r\n========================================================== -->\r\n\r\n<section class=\"ep-why-section\" dir=\"rtl\" lang=\"ar\">\r\n\r\n  <div class=\"ep-why-container\">\r\n\r\n    <!-- Left Statement Panel -->\r\n    <div class=\"ep-why-intro\">\r\n\r\n      <span class=\"ep-why-label\">\r\n        \u0644\u064a\u0647 \u062a\u062e\u062a\u0627\u0631 \u0625\u0644\u064a\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648\r\n      <\/span>\r\n\r\n      <h2 class=\"ep-why-title\">\r\n        \u0645\u0628\u0646\u064a\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629.<br>\r\n        \u0648\u0645\u0631\u0643\u0632\u064a\u0646 \u0639\u0644\u0649 <span>\u0645\u0634\u0631\u0648\u0639\u0643.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"ep-why-description\">\r\n        \u0628\u0646\u062f\u0639\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0628\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0648\u062a\u0635\u0646\u064a\u0639 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0648\u062d\u0627\u062a\r\n        \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636\u060c \u0648\u062e\u0628\u0631\u0629 \u0641\u0646\u064a\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u0646 \u0623\u0648\u0644 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0644\u062d\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\r\n      <\/p>\r\n\r\n      <div class=\"ep-why-stat\">\r\n\r\n        <div class=\"ep-why-stat-icon\">\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M32 6l20 8v14c0 14-8 24-20 30C20 52 12 42 12 28V14z\"><\/path>\r\n            <path d=\"M23 32l6 6 13-15\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"ep-why-stat-content\">\r\n          <strong>\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0644\u0644\u0646\u0647\u0627\u064a\u0629<\/strong>\r\n          <span>\r\n            \u062d\u0644\u0648\u0644 \u0645\u062a\u062e\u0637\u0637 \u0644\u0647\u0627 \u0639\u0644\u0649 \u062d\u0633\u0628 \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0645\u0627\u0646\u060c\r\n            \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644.\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <a href=\"\/ar\/about-us\/\" class=\"ep-why-button\">\r\n        <span>\u0627\u0643\u062a\u0634\u0641 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a\u0646\u0627<\/span>\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M19 12H5m6-6-6 6 6 6\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <div class=\"ep-why-intro-decoration\" aria-hidden=\"true\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Right Capabilities -->\r\n    <div class=\"ep-why-grid\">\r\n\r\n      <!-- Quality -->\r\n      <article class=\"ep-why-item\">\r\n\r\n        <div class=\"ep-why-item-top\">\r\n          <div class=\"ep-why-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <circle cx=\"32\" cy=\"27\" r=\"17\"><\/circle>\r\n              <path d=\"M23 27l6 6 12-14\"><\/path>\r\n              <path d=\"M21 43l-5 15 16-8 16 8-5-15\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"ep-why-number\">01<\/span>\r\n        <\/div>\r\n\r\n        <h3>\u062c\u0648\u062f\u0629 \u062a\u0642\u062f\u0631 \u062a\u062b\u0642 \u0641\u064a\u0647\u0627<\/h3>\r\n\r\n        <p>\r\n          \u0645\u0646\u062a\u062c\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0645\u0643\u0648\u0646\u0627\u062a \u0644\u0648\u062d\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0639\u0644\u0634\u0627\u0646 \u062a\u0642\u062f\u0645 \u0623\u062f\u0627\u0621 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647.\r\n        <\/p>\r\n\r\n        <div class=\"ep-why-item-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- Delivery -->\r\n      <article class=\"ep-why-item\">\r\n\r\n        <div class=\"ep-why-item-top\">\r\n          <div class=\"ep-why-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M7 16h31v29H7z\"><\/path>\r\n              <path d=\"M38 25h10l9 10v10H38z\"><\/path>\r\n              <circle cx=\"18\" cy=\"49\" r=\"5\"><\/circle>\r\n              <circle cx=\"48\" cy=\"49\" r=\"5\"><\/circle>\r\n              <path d=\"M13 27h14\"><\/path>\r\n              <path d=\"M13 34h10\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"ep-why-number\">02<\/span>\r\n        <\/div>\r\n\r\n        <h3>\u062a\u0633\u0644\u064a\u0645 \u0641\u064a \u0627\u0644\u0645\u0639\u0627\u062f<\/h3>\r\n\r\n        <p>\r\n          \u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0648\u0631\u064a\u062f \u0648\u062a\u0635\u0646\u064a\u0639 \u0648\u062a\u0633\u0644\u064a\u0645 \u0645\u0646\u0638\u0645\u0629 \u0639\u0644\u0634\u0627\u0646 \u062a\u062f\u0639\u0645 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639.\r\n        <\/p>\r\n\r\n        <div class=\"ep-why-item-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- Technical Expertise -->\r\n      <article class=\"ep-why-item\">\r\n\r\n        <div class=\"ep-why-item-top\">\r\n          <div class=\"ep-why-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <circle cx=\"32\" cy=\"23\" r=\"11\"><\/circle>\r\n              <path d=\"M14 56c2-13 9-20 18-20s16 7 18 20\"><\/path>\r\n              <path d=\"M44 11l4-4\"><\/path>\r\n              <path d=\"M50 18h6\"><\/path>\r\n              <path d=\"M12 18h6\"><\/path>\r\n              <path d=\"M16 11l-4-4\"><\/path>\r\n              <path d=\"M29 22l3 3 6-8\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"ep-why-number\">03<\/span>\r\n        <\/div>\r\n\r\n        <h3>\u062e\u0628\u0631\u0629 \u0641\u0646\u064a\u0629<\/h3>\r\n\r\n        <p>\r\n          \u062a\u0648\u062c\u064a\u0647 \u0647\u0646\u062f\u0633\u064a \u0639\u0645\u0644\u064a \u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0644\u0648\u062d\u0627\u062a\u060c \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\r\n        <\/p>\r\n\r\n        <div class=\"ep-why-item-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- Safety -->\r\n      <article class=\"ep-why-item\">\r\n\r\n        <div class=\"ep-why-item-top\">\r\n          <div class=\"ep-why-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M32 6l20 8v14c0 14-8 24-20 30C20 52 12 42 12 28V14z\"><\/path>\r\n              <path d=\"M32 18l-7 14h7l-3 13 11-17h-7l5-10z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"ep-why-number\">04<\/span>\r\n        <\/div>\r\n\r\n        <h3>\u0627\u0644\u0623\u0645\u0627\u0646 \u0623\u0648\u0644\u0627\u064b<\/h3>\r\n\r\n        <p>\r\n          \u062d\u0644\u0648\u0644 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0645\u0639 \u0627\u0647\u062a\u0645\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u062d\u0645\u0627\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631\u060c \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0622\u0645\u0646.\r\n        <\/p>\r\n\r\n        <div class=\"ep-why-item-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- Competitive Solutions -->\r\n      <article class=\"ep-why-item\">\r\n\r\n        <div class=\"ep-why-item-top\">\r\n          <div class=\"ep-why-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M10 17h30l14 15-22 22L10 32z\"><\/path>\r\n              <circle cx=\"23\" cy=\"27\" r=\"4\"><\/circle>\r\n              <path d=\"M38 24L24 40\"><\/path>\r\n              <circle cx=\"38\" cy=\"40\" r=\"3\"><\/circle>\r\n              <circle cx=\"25\" cy=\"24\" r=\"3\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"ep-why-number\">05<\/span>\r\n        <\/div>\r\n\r\n        <h3>\u062d\u0644\u0648\u0644 \u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h3>\r\n\r\n        <p>\r\n          \u062d\u0644\u0648\u0644 \u0645\u062a\u0648\u0627\u0632\u0646\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0628\u062a\u0631\u0627\u0639\u064a \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0627\u0644\u0645\u0644\u0627\u0621\u0645\u0629 \u0627\u0644\u0641\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.\r\n        <\/p>\r\n\r\n        <div class=\"ep-why-item-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <\/article>\r\n\r\n      <!-- After-Sales -->\r\n      <article class=\"ep-why-item\">\r\n\r\n        <div class=\"ep-why-item-top\">\r\n          <div class=\"ep-why-icon\">\r\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n              <path d=\"M11 35v-7a21 21 0 0142 0v7\"><\/path>\r\n              <path d=\"M11 34h9v17h-5a4 4 0 01-4-4z\"><\/path>\r\n              <path d=\"M53 34h-9v17h5a4 4 0 004-4z\"><\/path>\r\n              <path d=\"M44 51c0 5-4 7-10 7h-6\"><\/path>\r\n              <circle cx=\"25\" cy=\"58\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <span class=\"ep-why-number\">06<\/span>\r\n        <\/div>\r\n\r\n        <h3>\u062f\u0639\u0645 \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639<\/h3>\r\n\r\n        <p>\r\n          \u0645\u0633\u0627\u0639\u062f\u0629 \u0633\u0631\u064a\u0639\u0629 \u0628\u0639\u062f \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0639\u0644\u0634\u0627\u0646 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u064a\u0641\u0636\u0644 \u0633\u0644\u0633 \u0648\u0645\u0648\u062b\u0648\u0642.\r\n        <\/p>\r\n\r\n        <div class=\"ep-why-item-line\" aria-hidden=\"true\"><\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  \/* =========================================================\r\n     ARABIC RTL OVERRIDES\r\n  ========================================================== *\/\r\n\r\n  .ep-why-section {\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif !important;\r\n  }\r\n\r\n  .ep-why-section,\r\n  .ep-why-section * {\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .ep-why-intro,\r\n  .ep-why-stat-content,\r\n  .ep-why-item {\r\n    text-align: right;\r\n  }\r\n\r\n  .ep-why-label::before {\r\n    order: 2;\r\n  }\r\n\r\n  .ep-why-stat {\r\n    border-left: 0;\r\n    border-right: 3px solid var(--epw-orange);\r\n  }\r\n\r\n  .ep-why-button:hover svg {\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  .ep-why-intro-decoration {\r\n    right: auto;\r\n    left: 25px;\r\n  }\r\n\r\n  .ep-why-item::before {\r\n    right: auto;\r\n    left: -52px;\r\n  }\r\n\r\n  \/* =========================================================\r\n     SECTION\r\n  ========================================================== *\/\r\n\r\n  .ep-why-section {\r\n    --epw-navy: #071d55;\r\n    --epw-deep: #020d29;\r\n    --epw-blue: #0b347f;\r\n    --epw-electric: #1688ff;\r\n    --epw-orange: #f5a900;\r\n    --epw-orange-light: #ffc32a;\r\n    --epw-text: #59667d;\r\n    --epw-border: #e2e8f1;\r\n    --epw-light: #f5f8fc;\r\n    --epw-white: #ffffff;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(70px, 7vw, 112px) 0;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #f8fafd 100%\r\n      );\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .ep-why-section,\r\n  .ep-why-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ep-why-section::before {\r\n    position: absolute;\r\n    top: -180px;\r\n    right: -170px;\r\n    width: 440px;\r\n    height: 440px;\r\n    border: 1px solid rgba(22, 136, 255, 0.07);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 55px rgba(22, 136, 255, 0.018),\r\n      0 0 0 110px rgba(7, 29, 85, 0.012);\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ep-why-section::after {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: -100px;\r\n    width: 260px;\r\n    height: 420px;\r\n    opacity: 0.12;\r\n    background-image:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(245, 169, 0, 0.9) 2px,\r\n        transparent 2.5px\r\n      );\r\n    background-size: 17px 17px;\r\n    content: \"\";\r\n    pointer-events: none;\r\n    mask-image: linear-gradient(90deg, #000, transparent);\r\n    -webkit-mask-image: linear-gradient(90deg, #000, transparent);\r\n  }\r\n\r\n  .ep-why-container {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(340px, 0.72fr)\r\n      minmax(620px, 1.28fr);\r\n\r\n    gap: clamp(38px, 5vw, 82px);\r\n    align-items: stretch;\r\n\r\n    width: 100%;\r\n    padding-inline: clamp(24px, 5vw, 90px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     LEFT PANEL\r\n  ========================================================== *\/\r\n\r\n  .ep-why-intro {\r\n    position: relative;\r\n    display: flex;\r\n    overflow: hidden;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-height: 610px;\r\n    padding: clamp(36px, 4vw, 60px);\r\n\r\n    color: var(--epw-white);\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 88% 14%,\r\n        rgba(22, 136, 255, 0.32),\r\n        transparent 30%\r\n      ),\r\n      linear-gradient(\r\n        145deg,\r\n        #020d29 0%,\r\n        #071d55 60%,\r\n        #0a347f 100%\r\n      );\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 55px) 0,\r\n        100% 55px,\r\n        100% 100%,\r\n        55px 100%,\r\n        0 calc(100% - 55px)\r\n      );\r\n\r\n    box-shadow: 0 25px 60px rgba(7, 29, 85, 0.18);\r\n  }\r\n\r\n  .ep-why-intro::before {\r\n    position: absolute;\r\n    top: -70px;\r\n    right: -55px;\r\n    width: 220px;\r\n    height: 220px;\r\n    border: 1px solid rgba(114, 197, 255, 0.25);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 30px rgba(22, 136, 255, 0.035),\r\n      0 0 0 62px rgba(22, 136, 255, 0.018);\r\n    content: \"\";\r\n  }\r\n\r\n  .ep-why-intro::after {\r\n    position: absolute;\r\n    bottom: -65px;\r\n    left: -55px;\r\n    width: 190px;\r\n    height: 190px;\r\n    border: 25px solid rgba(245, 169, 0, 0.06);\r\n    border-radius: 50%;\r\n    content: \"\";\r\n  }\r\n\r\n  .ep-why-label,\r\n  .ep-why-title,\r\n  .ep-why-description,\r\n  .ep-why-stat,\r\n  .ep-why-button {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ep-why-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    width: fit-content;\r\n    margin-bottom: 18px;\r\n    color: var(--epw-orange);\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 1.45px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ep-why-label::before {\r\n    width: 30px;\r\n    height: 2px;\r\n    background: var(--epw-orange);\r\n    box-shadow: 0 0 12px rgba(245, 169, 0, 0.45);\r\n    content: \"\";\r\n  }\r\n\r\n  .ep-why-title {\r\n    margin: 0;\r\n    color: #ffffff;\r\n    font-size: clamp(25px, 2.9vw, 28px);\r\n    font-weight: 900;\r\n    line-height: 1.22;\r\n    letter-spacing: -0.8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ep-why-title span {\r\n    color: var(--epw-orange);\r\n  }\r\n\r\n  .ep-why-description {\r\n    max-width: 510px;\r\n    margin: 23px 0 0;\r\n    color: rgba(222, 232, 249, 0.84);\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .ep-why-stat {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-top: 30px;\r\n    padding: 20px;\r\n    border-left: 3px solid var(--epw-orange);\r\n    background: rgba(255, 255, 255, 0.055);\r\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.055);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .ep-why-stat-icon {\r\n    display: flex;\r\n    flex: 0 0 49px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 49px;\r\n    height: 49px;\r\n    color: var(--epw-orange);\r\n    border: 1px solid rgba(245, 169, 0, 0.55);\r\n    border-radius: 50%;\r\n    background: rgba(245, 169, 0, 0.06);\r\n  }\r\n\r\n  .ep-why-stat-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.1;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-why-stat-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  .ep-why-stat-content strong {\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .ep-why-stat-content span {\r\n    color: rgba(222, 232, 249, 0.72);\r\n    font-size: 10px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .ep-why-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    width: fit-content;\r\n    min-height: 51px;\r\n    margin-top: 28px;\r\n    padding: 0 22px;\r\n    color: var(--epw-navy) !important;\r\n    background: var(--epw-orange);\r\n    border: 1px solid var(--epw-orange);\r\n    text-decoration: none !important;\r\n    font-size: 9.5px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    clip-path:\r\n      polygon(\r\n        9px 0,\r\n        100% 0,\r\n        100% calc(100% - 9px),\r\n        calc(100% - 9px) 100%,\r\n        0 100%,\r\n        0 9px\r\n      );\r\n    box-shadow: 0 14px 30px rgba(245, 169, 0, 0.2);\r\n    transition:\r\n      transform 0.25s ease,\r\n      background-color 0.25s ease,\r\n      box-shadow 0.25s ease;\r\n  }\r\n\r\n  .ep-why-button svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .ep-why-button:hover {\r\n    background: var(--epw-orange-light);\r\n    box-shadow: 0 18px 36px rgba(245, 169, 0, 0.29);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ep-why-button:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .ep-why-intro-decoration {\r\n    position: absolute;\r\n    right: 25px;\r\n    bottom: 25px;\r\n    z-index: 1;\r\n    display: flex;\r\n    gap: 7px;\r\n  }\r\n\r\n  .ep-why-intro-decoration span {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(245, 169, 0, 0.75);\r\n    box-shadow: 0 0 8px rgba(245, 169, 0, 0.4);\r\n  }\r\n\r\n  \/* =========================================================\r\n     FEATURES GRID\r\n  ========================================================== *\/\r\n\r\n  .ep-why-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: clamp(15px, 1.6vw, 24px);\r\n  }\r\n\r\n  .ep-why-item {\r\n    position: relative;\r\n    display: flex;\r\n    min-width: 0;\r\n    min-height: 190px;\r\n    overflow: hidden;\r\n    flex-direction: column;\r\n    padding: clamp(21px, 2vw, 30px);\r\n    border: 1px solid var(--epw-border);\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255, 255, 255, 1),\r\n        rgba(247, 250, 254, 0.96)\r\n      );\r\n    box-shadow: 0 14px 35px rgba(7, 29, 85, 0.055);\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 23px) 0,\r\n        100% 23px,\r\n        100% 100%,\r\n        0 100%\r\n      );\r\n    transition:\r\n      transform 0.3s ease,\r\n      border-color 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .ep-why-item::before {\r\n    position: absolute;\r\n    top: -52px;\r\n    right: -52px;\r\n    width: 115px;\r\n    height: 115px;\r\n    border-radius: 50%;\r\n    background: rgba(22, 136, 255, 0.05);\r\n    content: \"\";\r\n    transition:\r\n      transform 0.35s ease,\r\n      background-color 0.35s ease;\r\n  }\r\n\r\n  .ep-why-item:hover {\r\n    border-color: rgba(22, 136, 255, 0.36);\r\n    box-shadow:\r\n      0 22px 48px rgba(7, 29, 85, 0.11),\r\n      0 0 22px rgba(22, 136, 255, 0.06);\r\n    transform: translateY(-6px);\r\n  }\r\n\r\n  .ep-why-item:hover::before {\r\n    background: rgba(22, 136, 255, 0.1);\r\n    transform: scale(1.3);\r\n  }\r\n\r\n  .ep-why-item-top {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n  .ep-why-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 54px;\r\n    height: 54px;\r\n    color: var(--epw-navy);\r\n    background: rgba(245, 169, 0, 0.13);\r\n    clip-path:\r\n      polygon(\r\n        11px 0,\r\n        100% 0,\r\n        100% calc(100% - 11px),\r\n        calc(100% - 11px) 100%,\r\n        0 100%,\r\n        0 11px\r\n      );\r\n    transition:\r\n      color 0.3s ease,\r\n      background-color 0.3s ease,\r\n      box-shadow 0.3s ease,\r\n      transform 0.3s ease;\r\n  }\r\n\r\n  .ep-why-icon svg {\r\n    width: 31px;\r\n    height: 31px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-why-item:hover .ep-why-icon {\r\n    color: #ffffff;\r\n    background: var(--epw-navy);\r\n    box-shadow: 0 0 20px rgba(22, 136, 255, 0.18);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ep-why-number {\r\n    color: rgba(7, 29, 85, 0.17);\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 1.5px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .ep-why-item:hover .ep-why-number {\r\n    color: var(--epw-orange);\r\n  }\r\n\r\n  .ep-why-item h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 0;\r\n    color: var(--epw-navy);\r\n    font-size: clamp(16px, 1.25vw, 21px);\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .ep-why-item p {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin: 10px 0 19px;\r\n    color: var(--epw-text);\r\n    font-size: clamp(10px, 0.82vw, 12.5px);\r\n    line-height: 1.62;\r\n  }\r\n\r\n  .ep-why-item-line {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 36px;\r\n    height: 2px;\r\n    margin-top: auto;\r\n    background: var(--epw-orange);\r\n    box-shadow: 0 0 8px rgba(245, 169, 0, 0.28);\r\n    transition:\r\n      width 0.3s ease,\r\n      background-color 0.3s ease,\r\n      box-shadow 0.3s ease;\r\n  }\r\n\r\n  .ep-why-item:hover .ep-why-item-line {\r\n    width: 82px;\r\n    background: var(--epw-electric);\r\n    box-shadow: 0 0 10px rgba(22, 136, 255, 0.4);\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLET\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 1050px) {\r\n    .ep-why-container {\r\n      grid-template-columns: minmax(300px, 0.78fr) minmax(470px, 1.22fr);\r\n      gap: 30px;\r\n      padding-inline: 28px;\r\n    }\r\n\r\n    .ep-why-intro {\r\n      min-height: 590px;\r\n      padding: 37px 30px;\r\n    }\r\n\r\n    .ep-why-title {\r\n      font-size: 35px;\r\n      line-height: 1.22;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .ep-why-container {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ep-why-intro {\r\n      min-height: auto;\r\n      padding: 46px;\r\n    }\r\n\r\n    .ep-why-description {\r\n      max-width: 680px;\r\n    }\r\n\r\n    .ep-why-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n\r\n    .ep-why-item {\r\n      min-height: 215px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .ep-why-section {\r\n      padding: 54px 0;\r\n    }\r\n\r\n    .ep-why-container {\r\n      gap: 22px;\r\n      padding-inline: 15px;\r\n    }\r\n\r\n    .ep-why-intro {\r\n      min-height: auto;\r\n      padding: 31px 23px;\r\n      clip-path:\r\n        polygon(\r\n          0 0,\r\n          calc(100% - 30px) 0,\r\n          100% 30px,\r\n          100% 100%,\r\n          30px 100%,\r\n          0 calc(100% - 30px)\r\n        );\r\n    }\r\n\r\n    .ep-why-label {\r\n      margin-bottom: 12px;\r\n      font-size: 8px;\r\n      letter-spacing: 0.8px;\r\n    }\r\n\r\n    .ep-why-label::before {\r\n      width: 21px;\r\n    }\r\n\r\n    .ep-why-title {\r\n      font-size: clamp(26px, 7vw, 34px);\r\n      line-height: 1.25;\r\n      letter-spacing: -0.4px;\r\n    }\r\n\r\n    .ep-why-description {\r\n      margin-top: 14px;\r\n      font-size: 11.5px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .ep-why-stat {\r\n      gap: 10px;\r\n      margin-top: 20px;\r\n      padding: 13px;\r\n    }\r\n\r\n    .ep-why-stat-icon {\r\n      flex-basis: 38px;\r\n      width: 38px;\r\n      height: 38px;\r\n    }\r\n\r\n    .ep-why-stat-icon svg {\r\n      width: 21px;\r\n      height: 21px;\r\n    }\r\n\r\n    .ep-why-stat-content strong {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .ep-why-stat-content span {\r\n      font-size: 7.5px;\r\n    }\r\n\r\n    .ep-why-button {\r\n      min-height: 43px;\r\n      margin-top: 19px;\r\n      padding: 0 15px;\r\n      font-size: 7.5px;\r\n    }\r\n\r\n    .ep-why-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n    }\r\n\r\n    .ep-why-item {\r\n      min-height: 185px;\r\n      padding: 15px 12px;\r\n      clip-path:\r\n        polygon(\r\n          0 0,\r\n          calc(100% - 16px) 0,\r\n          100% 16px,\r\n          100% 100%,\r\n          0 100%\r\n        );\r\n    }\r\n\r\n    .ep-why-item-top {\r\n      margin-bottom: 11px;\r\n    }\r\n\r\n    .ep-why-icon {\r\n      width: 41px;\r\n      height: 41px;\r\n    }\r\n\r\n    .ep-why-icon svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n\r\n    .ep-why-number {\r\n      font-size: 7px;\r\n    }\r\n\r\n    .ep-why-item h3 {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .ep-why-item p {\r\n      margin: 7px 0 12px;\r\n      font-size: 7.4px;\r\n      line-height: 1.46;\r\n    }\r\n\r\n    .ep-why-item-line {\r\n      width: 25px;\r\n    }\r\n\r\n    .ep-why-item:hover {\r\n      transform: translateY(-3px);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     SMALL MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 430px) {\r\n    .ep-why-section {\r\n      padding: 46px 0;\r\n    }\r\n\r\n    .ep-why-container {\r\n      padding-inline: 11px;\r\n    }\r\n\r\n    .ep-why-intro {\r\n      padding: 26px 18px;\r\n    }\r\n\r\n    .ep-why-title {\r\n      font-size: 24px;\r\n      line-height: 1.28;\r\n    }\r\n\r\n    .ep-why-grid {\r\n      gap: 7px;\r\n    }\r\n\r\n    .ep-why-item {\r\n      min-height: 170px;\r\n      padding: 12px 9px;\r\n    }\r\n\r\n    .ep-why-icon {\r\n      width: 35px;\r\n      height: 35px;\r\n    }\r\n\r\n    .ep-why-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    .ep-why-item h3 {\r\n      font-size: 9.5px;\r\n    }\r\n\r\n    .ep-why-item p {\r\n      font-size: 6.7px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     REDUCED MOTION\r\n  ========================================================== *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ep-why-button,\r\n    .ep-why-button svg,\r\n    .ep-why-item,\r\n    .ep-why-item::before,\r\n    .ep-why-icon,\r\n    .ep-why-item-line {\r\n      transition: none;\r\n    }\r\n\r\n    .ep-why-button:hover,\r\n    .ep-why-button:hover svg,\r\n    .ep-why-item:hover,\r\n    .ep-why-item:hover .ep-why-icon {\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7d7dd8 elementor-widget elementor-widget-html\" data-id=\"d7d7dd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ELECTRIC PRO \u2014 PRE-FOOTER CTA SECTION\r\n     Elementor HTML Widget\r\n========================================================== -->\r\n\r\n<section class=\"ep-prefooter-section\" dir=\"rtl\" lang=\"ar\">\r\n\r\n  <div class=\"ep-prefooter-container\">\r\n\r\n    <div class=\"ep-prefooter-panel\">\r\n\r\n      <!-- Decorative background elements -->\r\n      <div class=\"ep-prefooter-energy ep-prefooter-energy-one\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"ep-prefooter-energy ep-prefooter-energy-two\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"ep-prefooter-grid\">\r\n\r\n        <!-- Main Content -->\r\n        <div class=\"ep-prefooter-content\">\r\n\r\n          <span class=\"ep-prefooter-label\">\r\n            \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062c\u0627\u064a\r\n          <\/span>\r\n\r\n          <h2 class=\"ep-prefooter-title\">\r\n            \u0645\u062d\u062a\u0627\u062c \u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0623\u0648\r\n            <span>\u0644\u0648\u062d\u0629 \u062c\u0647\u062f \u0645\u0646\u062e\u0641\u0636 \u0645\u062e\u0635\u0635\u0629\u061f<\/span>\r\n          <\/h2>\r\n\r\n          <p class=\"ep-prefooter-description\">\r\n            \u0634\u0627\u0631\u0643\u0646\u0627 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0641\u064a \u0625\u0644\u064a\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648. \u0641\u0631\u064a\u0642\u0646\u0627 \u064a\u0642\u062f\u0631 \u064a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a\r\n            \u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\u060c \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0641\u0646\u064a\u064b\u0627\u060c\r\n            \u0648\u062a\u0635\u0646\u064a\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n          <\/p>\r\n\r\n          <div class=\"ep-prefooter-actions\">\r\n\r\n            <a href=\"\/ar\/contact-us\/\" class=\"ep-prefooter-button ep-prefooter-button-primary\">\r\n\r\n              <span>\u0627\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631<\/span>\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5m6-6-6 6 6 6\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/a>\r\n\r\n            <a href=\"\/ar\/about-us\/\" class=\"ep-prefooter-button ep-prefooter-button-secondary\">\r\n\r\n              <span>\u0627\u0639\u0631\u0641 \u0623\u0643\u062a\u0631 \u0639\u0646 \u0625\u0644\u064a\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648<\/span>\r\n\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5m6-6-6 6 6 6\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Contact Information -->\r\n        <div class=\"ep-prefooter-contact-panel\">\r\n\r\n          <div class=\"ep-prefooter-contact-heading\">\r\n\r\n            <span>\u0627\u062a\u0643\u0644\u0645 \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627<\/span>\r\n\r\n            <strong>\r\n              \u062e\u0644\u0651\u064a\u0646\u0627 \u0646\u062a\u0643\u0644\u0645 \u0639\u0646 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629.\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"ep-prefooter-contact-list\">\r\n\r\n            <!-- Phone -->\r\n            <a href=\"tel:+201143236245\" class=\"ep-prefooter-contact-item\">\r\n\r\n              <div class=\"ep-prefooter-contact-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M5 4h4l2 5-3 2c1.5 3 3 4.5 6 6l2-3 5 2v4c0 1-1 2-2 2C10 22 2 14 2 6c0-1 1-2 3-2z\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n\r\n              <div>\r\n                <span>\u0627\u062a\u0635\u0644 \u0628\u0641\u0631\u064a\u0642\u0646\u0627<\/span>\r\n                <strong class=\"ep-prefooter-ltr\" dir=\"ltr\">+20 114 323 6245<\/strong>\r\n              <\/div>\r\n\r\n              <svg class=\"ep-prefooter-contact-arrow\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5m6-6-6 6 6 6\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/a>\r\n\r\n            <!-- Email -->\r\n            <a href=\"mailto:sales@electricpro.me\" class=\"ep-prefooter-contact-item\">\r\n\r\n              <div class=\"ep-prefooter-contact-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M3 5h18v14H3z\"><\/path>\r\n                  <path d=\"M3 7l9 6 9-6\"><\/path>\r\n                <\/svg>\r\n              <\/div>\r\n\r\n              <div>\r\n                <span>\u0631\u0627\u0633\u0644 \u0625\u0644\u064a\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648<\/span>\r\n                <strong class=\"ep-prefooter-ltr\" dir=\"ltr\">sales@electricpro.me<\/strong>\r\n              <\/div>\r\n\r\n              <svg class=\"ep-prefooter-contact-arrow\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5m6-6-6 6 6 6\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/a>\r\n\r\n            <!-- Location -->\r\n            <div class=\"ep-prefooter-contact-item\">\r\n\r\n              <div class=\"ep-prefooter-contact-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M12 21s7-6 7-12a7 7 0 10-14 0c0 6 7 12 7 12z\"><\/path>\r\n                  <circle cx=\"12\" cy=\"9\" r=\"2.5\"><\/circle>\r\n                <\/svg>\r\n              <\/div>\r\n\r\n              <div>\r\n                <span>\u0628\u0646\u062e\u062f\u0645 \u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0641\u064a \u0643\u0644 \u0623\u0646\u062d\u0627\u0621<\/span>\r\n                <strong>\u0645\u0635\u0631<\/strong>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Bottom Capabilities Strip -->\r\n      <div class=\"ep-prefooter-capabilities\">\r\n\r\n        <div class=\"ep-prefooter-capability\">\r\n\r\n          <div class=\"ep-prefooter-capability-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\"><\/rect>\r\n              <path d=\"M9 7h6\"><\/path>\r\n              <path d=\"M9 11h2\"><\/path>\r\n              <path d=\"M13 11h2\"><\/path>\r\n              <path d=\"M9 15h2\"><\/path>\r\n              <path d=\"M13 15h2\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>\u062a\u0635\u0646\u064a\u0639 \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0646\u062e\u0641\u0636<\/strong>\r\n            <span>\u0645\u062a\u0635\u0645\u0645\u0629 \u062d\u0633\u0628 \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-prefooter-capability\">\r\n\r\n          <div class=\"ep-prefooter-capability-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M4 20V10l8-6 8 6v10\"><\/path>\r\n              <path d=\"M8 20v-5h8v5\"><\/path>\r\n              <path d=\"M3 20h18\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/strong>\r\n            <span>\u0645\u0646\u062a\u062c\u0627\u062a \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-prefooter-capability\">\r\n\r\n          <div class=\"ep-prefooter-capability-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M14.7 6.3a4 4 0 01-5 5L4 17v3h3l5.7-5.7a4 4 0 005-5l-3 3-3-3 3-3z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u0646\u064a\u0629<\/strong>\r\n            <span>\u0625\u0631\u0634\u0627\u062f \u0644\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ep-prefooter-capability\">\r\n\r\n          <div class=\"ep-prefooter-capability-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n              <path d=\"M8 12l3 3 5-6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>\u062a\u0633\u0644\u064a\u0645 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647<\/strong>\r\n            <span>\u0644\u062f\u0639\u0645 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0645\u0634\u0631\u0648\u0639\u0643<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  \/* =========================================================\r\n     ARABIC RTL OVERRIDES\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-section {\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif !important;\r\n  }\r\n\r\n  .ep-prefooter-section,\r\n  .ep-prefooter-section * {\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .ep-prefooter-content,\r\n  .ep-prefooter-contact-panel,\r\n  .ep-prefooter-contact-heading,\r\n  .ep-prefooter-contact-item,\r\n  .ep-prefooter-capability {\r\n    text-align: right;\r\n  }\r\n\r\n  .ep-prefooter-label::before {\r\n    order: 2;\r\n  }\r\n\r\n  \/* Keep phone numbers and Latin text correctly ordered inside RTL *\/\r\n  .ep-prefooter-ltr {\r\n    direction: ltr !important;\r\n    unicode-bidi: isolate;\r\n    display: inline-block;\r\n    width: fit-content;\r\n    max-width: 100%;\r\n    text-align: left;\r\n  }\r\n\r\n  .ep-prefooter-button:hover svg,\r\n  a.ep-prefooter-contact-item:hover .ep-prefooter-contact-arrow {\r\n    transform: translateX(-4px);\r\n  }\r\n\r\n  a.ep-prefooter-contact-item:hover {\r\n    padding-left: 0;\r\n    padding-right: 8px;\r\n  }\r\n\r\n  .ep-prefooter-capability:not(:last-child)::after {\r\n    right: auto;\r\n    left: 0;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .ep-prefooter-content {\r\n      text-align: center;\r\n    }\r\n\r\n    .ep-prefooter-contact-heading,\r\n    .ep-prefooter-contact-item {\r\n      text-align: right;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    a.ep-prefooter-contact-item:hover {\r\n      padding-right: 0;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     PRE-FOOTER SECTION\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-section {\r\n    --epp-navy: #071d55;\r\n    --epp-deep: #020b24;\r\n    --epp-blue: #0a347f;\r\n    --epp-electric: #1688ff;\r\n    --epp-electric-light: #74c7ff;\r\n    --epp-orange: #f5a900;\r\n    --epp-orange-light: #ffc42d;\r\n    --epp-white: #ffffff;\r\n    --epp-light-text: #dce7f8;\r\n    --epp-muted-text: #9eacc3;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(55px, 6vw, 90px) 0;\r\n    background: #ffffff;\r\n    font-family: \"Cairo\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .ep-prefooter-section,\r\n  .ep-prefooter-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ep-prefooter-container {\r\n    width: 100%;\r\n    padding-inline: clamp(20px, 5vw, 90px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     MAIN PANEL\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-panel {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    color: var(--epp-white);\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at 87% 15%,\r\n        rgba(22, 136, 255, 0.35),\r\n        transparent 28%\r\n      ),\r\n      radial-gradient(\r\n        circle at 10% 100%,\r\n        rgba(245, 169, 0, 0.12),\r\n        transparent 28%\r\n      ),\r\n      linear-gradient(\r\n        115deg,\r\n        #020b24 0%,\r\n        #071d55 56%,\r\n        #0a347f 100%\r\n      );\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 48px) 0,\r\n        100% 48px,\r\n        100% 100%,\r\n        48px 100%,\r\n        0 calc(100% - 48px)\r\n      );\r\n\r\n    box-shadow:\r\n      0 30px 75px rgba(7, 29, 85, 0.21);\r\n  }\r\n\r\n  .ep-prefooter-panel::before {\r\n    position: absolute;\r\n    top: -170px;\r\n    right: 8%;\r\n    width: 420px;\r\n    height: 420px;\r\n    border: 1px solid rgba(116, 199, 255, 0.18);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 45px rgba(22, 136, 255, 0.03),\r\n      0 0 0 90px rgba(22, 136, 255, 0.015);\r\n    content: \"\";\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ep-prefooter-panel::after {\r\n    position: absolute;\r\n    right: -50px;\r\n    bottom: 0;\r\n    width: 260px;\r\n    height: 100%;\r\n    opacity: 0.14;\r\n    background-image:\r\n      radial-gradient(\r\n        circle,\r\n        rgba(245, 169, 0, 0.95) 2px,\r\n        transparent 2.5px\r\n      );\r\n    background-size: 17px 17px;\r\n    content: \"\";\r\n    pointer-events: none;\r\n    mask-image: linear-gradient(90deg, transparent, #000);\r\n    -webkit-mask-image: linear-gradient(90deg, transparent, #000);\r\n  }\r\n\r\n  \/* =========================================================\r\n     ELECTRIC DECORATION\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-energy {\r\n    position: absolute;\r\n    z-index: 1;\r\n    height: 2px;\r\n    opacity: 0.55;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        var(--epp-electric-light),\r\n        #ffffff,\r\n        var(--epp-electric-light),\r\n        transparent\r\n      );\r\n    box-shadow:\r\n      0 0 10px rgba(22, 136, 255, 0.9),\r\n      0 0 24px rgba(22, 136, 255, 0.5);\r\n    transform: rotate(-8deg);\r\n  }\r\n\r\n  .ep-prefooter-energy-one {\r\n    top: 35%;\r\n    right: -10%;\r\n    width: 48%;\r\n    animation: epPrefooterEnergyOne 5s ease-in-out infinite;\r\n  }\r\n\r\n  .ep-prefooter-energy-two {\r\n    right: 12%;\r\n    bottom: 28%;\r\n    width: 26%;\r\n    opacity: 0.28;\r\n    animation: epPrefooterEnergyTwo 4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes epPrefooterEnergyOne {\r\n    0%,\r\n    100% {\r\n      transform: translateX(0) rotate(-8deg);\r\n      opacity: 0.25;\r\n    }\r\n\r\n    50% {\r\n      transform: translateX(-60px) rotate(-8deg);\r\n      opacity: 0.7;\r\n    }\r\n  }\r\n\r\n  @keyframes epPrefooterEnergyTwo {\r\n    0%,\r\n    100% {\r\n      transform: translateX(0) rotate(-8deg);\r\n    }\r\n\r\n    50% {\r\n      transform: translateX(40px) rotate(-8deg);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTENT GRID\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-grid {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 1.2fr)\r\n      minmax(360px, 0.8fr);\r\n    align-items: center;\r\n    gap: clamp(45px, 6vw, 100px);\r\n    padding:\r\n      clamp(50px, 6vw, 85px)\r\n      clamp(30px, 5vw, 78px)\r\n      clamp(42px, 5vw, 70px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     MAIN CONTENT\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-content {\r\n    min-width: 0;\r\n  }\r\n\r\n  .ep-prefooter-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    color: var(--epp-orange);\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ep-prefooter-label::before {\r\n    width: 31px;\r\n    height: 2px;\r\n    flex: 0 0 31px;\r\n    background: var(--epp-orange);\r\n    box-shadow:\r\n      0 0 10px rgba(245, 169, 0, 0.7),\r\n      0 0 22px rgba(245, 169, 0, 0.3);\r\n    content: \"\";\r\n  }\r\n\r\n  .ep-prefooter-title {\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: var(--epp-white);\r\n    font-size: clamp(34px, 3.25vw, 54px);\r\n    font-weight: 900;\r\n    line-height: 1.22;\r\n    letter-spacing: -1px;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);\r\n  }\r\n\r\n  .ep-prefooter-title span {\r\n    color: var(--epp-orange);\r\n    text-shadow:\r\n      0 0 22px rgba(245, 169, 0, 0.22),\r\n      0 10px 30px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  .ep-prefooter-description {\r\n    max-width: 720px;\r\n    margin: 23px 0 0;\r\n    color: var(--epp-light-text);\r\n    font-size: clamp(14px, 1.05vw, 16px);\r\n    line-height: 1.75;\r\n  }\r\n\r\n  \/* =========================================================\r\n     BUTTONS\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .ep-prefooter-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    min-height: 53px;\r\n    padding: 0 24px;\r\n    border: 1px solid transparent;\r\n    color: inherit;\r\n    font-size: 9px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.55px;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n\r\n    clip-path:\r\n      polygon(\r\n        10px 0,\r\n        100% 0,\r\n        100% calc(100% - 10px),\r\n        calc(100% - 10px) 100%,\r\n        0 100%,\r\n        0 10px\r\n      );\r\n\r\n    transition:\r\n      color 0.25s ease,\r\n      background-color 0.25s ease,\r\n      border-color 0.25s ease,\r\n      box-shadow 0.25s ease,\r\n      transform 0.25s ease;\r\n  }\r\n\r\n  .ep-prefooter-button svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .ep-prefooter-button:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .ep-prefooter-button:hover svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .ep-prefooter-button-primary {\r\n    color: var(--epp-navy) !important;\r\n    background: var(--epp-orange);\r\n    border-color: var(--epp-orange);\r\n    box-shadow:\r\n      0 15px 32px rgba(245, 169, 0, 0.22),\r\n      0 0 20px rgba(245, 169, 0, 0.08);\r\n  }\r\n\r\n  .ep-prefooter-button-primary:hover {\r\n    color: var(--epp-navy) !important;\r\n    background: var(--epp-orange-light);\r\n    border-color: var(--epp-orange-light);\r\n    box-shadow:\r\n      0 19px 38px rgba(245, 169, 0, 0.31),\r\n      0 0 28px rgba(245, 169, 0, 0.14);\r\n  }\r\n\r\n  .ep-prefooter-button-secondary {\r\n    color: var(--epp-white) !important;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    border-color: rgba(255, 255, 255, 0.48);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .ep-prefooter-button-secondary:hover {\r\n    color: var(--epp-navy) !important;\r\n    background: var(--epp-white);\r\n    border-color: var(--epp-white);\r\n  }\r\n\r\n  \/* =========================================================\r\n     CONTACT PANEL\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-contact-panel {\r\n    position: relative;\r\n    min-width: 0;\r\n    padding: clamp(25px, 3vw, 38px);\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255, 255, 255, 0.085),\r\n        rgba(255, 255, 255, 0.025)\r\n      );\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.02),\r\n      0 20px 50px rgba(0, 0, 0, 0.16);\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n\r\n    clip-path:\r\n      polygon(\r\n        0 0,\r\n        calc(100% - 25px) 0,\r\n        100% 25px,\r\n        100% 100%,\r\n        25px 100%,\r\n        0 calc(100% - 25px)\r\n      );\r\n  }\r\n\r\n  .ep-prefooter-contact-heading {\r\n    padding-bottom: 21px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.11);\r\n  }\r\n\r\n  .ep-prefooter-contact-heading span {\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    color: var(--epp-orange);\r\n    font-size: 8px;\r\n    font-weight: 900;\r\n    letter-spacing: 1.15px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .ep-prefooter-contact-heading strong {\r\n    display: block;\r\n    max-width: 410px;\r\n    color: var(--epp-white);\r\n    font-size: clamp(19px, 1.6vw, 26px);\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .ep-prefooter-contact-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .ep-prefooter-contact-item {\r\n    display: grid;\r\n    grid-template-columns: 43px minmax(0, 1fr) auto;\r\n    align-items: center;\r\n    gap: 13px;\r\n    min-width: 0;\r\n    padding: 17px 0;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.09);\r\n    color: inherit !important;\r\n    text-decoration: none !important;\r\n    transition:\r\n      padding-left 0.25s ease,\r\n      background-color 0.25s ease;\r\n  }\r\n\r\n  .ep-prefooter-contact-item:last-child {\r\n    border-bottom: 0;\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  a.ep-prefooter-contact-item:hover {\r\n    padding-left: 8px;\r\n  }\r\n\r\n  .ep-prefooter-contact-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 43px;\r\n    height: 43px;\r\n    color: var(--epp-orange);\r\n    border: 1px solid rgba(245, 169, 0, 0.4);\r\n    background: rgba(245, 169, 0, 0.055);\r\n\r\n    clip-path:\r\n      polygon(\r\n        8px 0,\r\n        100% 0,\r\n        100% calc(100% - 8px),\r\n        calc(100% - 8px) 100%,\r\n        0 100%,\r\n        0 8px\r\n      );\r\n  }\r\n\r\n  .ep-prefooter-contact-icon svg {\r\n    width: 21px;\r\n    height: 21px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-prefooter-contact-item > div:nth-child(2) {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    gap: 3px;\r\n  }\r\n\r\n  .ep-prefooter-contact-item span {\r\n    color: var(--epp-muted-text);\r\n    font-size: 8px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .ep-prefooter-contact-item strong {\r\n    overflow-wrap: anywhere;\r\n    color: var(--epp-white);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .ep-prefooter-contact-arrow {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: none;\r\n    stroke: var(--epp-orange);\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  a.ep-prefooter-contact-item:hover .ep-prefooter-contact-arrow {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     CAPABILITIES STRIP\r\n  ========================================================== *\/\r\n\r\n  .ep-prefooter-capabilities {\r\n    position: relative;\r\n    z-index: 4;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n    background: rgba(2, 11, 36, 0.5);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .ep-prefooter-capability {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    min-width: 0;\r\n    min-height: 96px;\r\n    padding: 18px clamp(18px, 2.4vw, 36px);\r\n  }\r\n\r\n  .ep-prefooter-capability:not(:last-child)::after {\r\n    position: absolute;\r\n    top: 23px;\r\n    right: 0;\r\n    width: 1px;\r\n    height: 50px;\r\n    background: rgba(255, 255, 255, 0.11);\r\n    content: \"\";\r\n  }\r\n\r\n  .ep-prefooter-capability-icon {\r\n    display: flex;\r\n    flex: 0 0 39px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 39px;\r\n    height: 39px;\r\n    color: var(--epp-orange);\r\n    border: 1px solid rgba(245, 169, 0, 0.35);\r\n    border-radius: 50%;\r\n    background: rgba(245, 169, 0, 0.045);\r\n  }\r\n\r\n  .ep-prefooter-capability-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .ep-prefooter-capability > div:last-child {\r\n    display: flex;\r\n    min-width: 0;\r\n    flex-direction: column;\r\n    gap: 3px;\r\n  }\r\n\r\n  .ep-prefooter-capability strong {\r\n    color: var(--epp-white);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .ep-prefooter-capability span {\r\n    color: var(--epp-muted-text);\r\n    font-size: 8px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* =========================================================\r\n     TABLET\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 1000px) {\r\n    .ep-prefooter-container {\r\n      padding-inline: 28px;\r\n    }\r\n\r\n    .ep-prefooter-grid {\r\n      grid-template-columns: minmax(0, 1fr) minmax(315px, 0.8fr);\r\n      gap: 36px;\r\n      padding-right: 38px;\r\n      padding-left: 38px;\r\n    }\r\n\r\n    .ep-prefooter-title {\r\n      font-size: 38px;\r\n      line-height: 1.22;\r\n    }\r\n\r\n    .ep-prefooter-capability {\r\n      padding-right: 17px;\r\n      padding-left: 17px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 850px) {\r\n    .ep-prefooter-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ep-prefooter-contact-panel {\r\n      max-width: 650px;\r\n    }\r\n\r\n    .ep-prefooter-capabilities {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .ep-prefooter-capability:nth-child(2)::after {\r\n      display: none;\r\n    }\r\n\r\n    .ep-prefooter-capability:nth-child(-n + 2) {\r\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 767px) {\r\n    .ep-prefooter-section {\r\n      padding: 46px 0;\r\n    }\r\n\r\n    .ep-prefooter-container {\r\n      padding-inline: 14px;\r\n    }\r\n\r\n    .ep-prefooter-panel {\r\n      clip-path:\r\n        polygon(\r\n          0 0,\r\n          calc(100% - 27px) 0,\r\n          100% 27px,\r\n          100% 100%,\r\n          27px 100%,\r\n          0 calc(100% - 27px)\r\n        );\r\n    }\r\n\r\n    .ep-prefooter-grid {\r\n      gap: 26px;\r\n      padding: 34px 19px 29px;\r\n    }\r\n\r\n    .ep-prefooter-content {\r\n      text-align: center;\r\n    }\r\n\r\n    .ep-prefooter-label {\r\n      justify-content: center;\r\n      margin-bottom: 12px;\r\n      font-size: 8px;\r\n      letter-spacing: 0.8px;\r\n    }\r\n\r\n    .ep-prefooter-label::before {\r\n      width: 21px;\r\n      height: 2px;\r\n      flex-basis: 21px;\r\n    }\r\n\r\n    .ep-prefooter-title {\r\n      max-width: 600px;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n      font-size: clamp(27px, 7.2vw, 35px);\r\n      line-height: 1.25;\r\n      letter-spacing: -0.5px;\r\n    }\r\n\r\n    .ep-prefooter-description {\r\n      margin-top: 14px;\r\n      font-size: 11.5px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    .ep-prefooter-actions {\r\n      justify-content: center;\r\n      gap: 8px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .ep-prefooter-button {\r\n      min-height: 43px;\r\n      padding: 0 14px;\r\n      font-size: 7px;\r\n    }\r\n\r\n    .ep-prefooter-contact-panel {\r\n      padding: 20px 17px;\r\n    }\r\n\r\n    .ep-prefooter-contact-heading {\r\n      padding-bottom: 15px;\r\n      text-align: left;\r\n    }\r\n\r\n    .ep-prefooter-contact-heading span {\r\n      font-size: 6.5px;\r\n    }\r\n\r\n    .ep-prefooter-contact-heading strong {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .ep-prefooter-contact-item {\r\n      grid-template-columns: 35px minmax(0, 1fr) auto;\r\n      gap: 10px;\r\n      padding: 13px 0;\r\n      text-align: left;\r\n    }\r\n\r\n    .ep-prefooter-contact-icon {\r\n      width: 35px;\r\n      height: 35px;\r\n    }\r\n\r\n    .ep-prefooter-contact-icon svg {\r\n      width: 17px;\r\n      height: 17px;\r\n    }\r\n\r\n    .ep-prefooter-contact-item span {\r\n      font-size: 6.5px;\r\n    }\r\n\r\n    .ep-prefooter-contact-item strong {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .ep-prefooter-capabilities {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .ep-prefooter-capability {\r\n      min-height: 72px;\r\n      gap: 8px;\r\n      padding: 11px 9px;\r\n    }\r\n\r\n    .ep-prefooter-capability:not(:last-child)::after {\r\n      top: 17px;\r\n      height: 38px;\r\n    }\r\n\r\n    .ep-prefooter-capability:nth-child(2)::after {\r\n      display: none;\r\n    }\r\n\r\n    .ep-prefooter-capability-icon {\r\n      flex-basis: 31px;\r\n      width: 31px;\r\n      height: 31px;\r\n    }\r\n\r\n    .ep-prefooter-capability-icon svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n\r\n    .ep-prefooter-capability strong {\r\n      font-size: 8.5px;\r\n    }\r\n\r\n    .ep-prefooter-capability span {\r\n      font-size: 6.5px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     SMALL MOBILE\r\n  ========================================================== *\/\r\n\r\n  @media (max-width: 430px) {\r\n    .ep-prefooter-section {\r\n      padding: 40px 0;\r\n    }\r\n\r\n    .ep-prefooter-container {\r\n      padding-inline: 10px;\r\n    }\r\n\r\n    .ep-prefooter-grid {\r\n      padding: 28px 14px 24px;\r\n    }\r\n\r\n    .ep-prefooter-title {\r\n      font-size: 24px;\r\n      line-height: 1.28;\r\n    }\r\n\r\n    .ep-prefooter-description {\r\n      font-size: 10.5px;\r\n    }\r\n\r\n    .ep-prefooter-actions {\r\n      flex-wrap: nowrap;\r\n      gap: 6px;\r\n    }\r\n\r\n    .ep-prefooter-button {\r\n      flex: 1 1 50%;\r\n      min-width: 0;\r\n      min-height: 40px;\r\n      gap: 5px;\r\n      padding: 0 6px;\r\n      font-size: 5.8px;\r\n      letter-spacing: 0.1px;\r\n    }\r\n\r\n    .ep-prefooter-button svg {\r\n      width: 11px;\r\n      height: 11px;\r\n    }\r\n\r\n    .ep-prefooter-contact-panel {\r\n      padding: 17px 13px;\r\n    }\r\n\r\n    .ep-prefooter-contact-heading strong {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .ep-prefooter-contact-item strong {\r\n      font-size: 8.8px;\r\n    }\r\n\r\n    .ep-prefooter-capability {\r\n      min-height: 67px;\r\n      padding: 9px 6px;\r\n    }\r\n\r\n    .ep-prefooter-capability-icon {\r\n      flex-basis: 27px;\r\n      width: 27px;\r\n      height: 27px;\r\n    }\r\n\r\n    .ep-prefooter-capability-icon svg {\r\n      width: 14px;\r\n      height: 14px;\r\n    }\r\n\r\n    .ep-prefooter-capability strong {\r\n      font-size: 7.5px;\r\n    }\r\n\r\n    .ep-prefooter-capability span {\r\n      font-size: 5.7px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     REDUCED MOTION\r\n  ========================================================== *\/\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ep-prefooter-energy {\r\n      animation: none;\r\n    }\r\n\r\n    .ep-prefooter-button,\r\n    .ep-prefooter-button svg,\r\n    .ep-prefooter-contact-item,\r\n    .ep-prefooter-contact-arrow {\r\n      transition: none;\r\n    }\r\n\r\n    .ep-prefooter-button:hover,\r\n    .ep-prefooter-button:hover svg,\r\n    a.ep-prefooter-contact-item:hover .ep-prefooter-contact-arrow {\r\n      transform: none;\r\n    }\r\n\r\n    a.ep-prefooter-contact-item:hover {\r\n      padding-left: 0;\r\n    }\r\n  }\r\n<\/style>\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>\u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u062a\u0635\u0646\u064a\u0639 \u0644\u0648\u062d\u0627\u062a \u0628\u0646\u0642\u0648\u0651\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a. \u0648\u0628\u0646\u0628\u0646\u064a \u0627\u0644\u062b\u0642\u0629. \u0625\u0644\u0643\u062a\u0631\u064a\u0643 \u0628\u0631\u0648 \u0628\u062a\u0648\u0641\u0631 \u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0648\u0644\u0648\u062d\u0627\u062a \u062c\u0647\u062f \u0645\u0646\u062e\u0641\u0636 \u0645\u0635\u0646\u0651\u0639\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2840","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/pages\/2840","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/comments?post=2840"}],"version-history":[{"count":19,"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/pages\/2840\/revisions"}],"predecessor-version":[{"id":2895,"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/pages\/2840\/revisions\/2895"}],"wp:attachment":[{"href":"https:\/\/electricpro.me\/ar\/wp-json\/wp\/v2\/media?parent=2840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}