{"id":5820,"date":"2026-08-08T15:24:29","date_gmt":"2026-08-08T14:24:29","guid":{"rendered":"https:\/\/casdale.com\/?page_id=5820"},"modified":"2026-08-13T20:05:06","modified_gmt":"2026-08-13T19:05:06","slug":"how-we-help","status":"publish","type":"page","link":"https:\/\/casdale.com\/index.php\/how-we-help\/","title":{"rendered":"How We Help"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5820\" class=\"elementor elementor-5820\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-32071f4 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"32071f4\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8e18c33\" data-id=\"8e18c33\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-b86b191 elementor-widget elementor-widget-image-carousel\" data-id=\"b86b191\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image-carousel .swiper,.elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure,.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide{max-width:calc(100% \/ var(--e-image-carousel-slides-to-show, 3))}<\/style>\t\t<div class=\"elementor-image-carousel-wrapper swiper\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 1\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/casdale.com\/wp-content\/uploads\/2026\/08\/2.png\" alt=\"2\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-aab1f93 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"aab1f93\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-87f1e54\" data-id=\"87f1e54\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-1091edb elementor-widget elementor-widget-html\" data-id=\"1091edb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- START: Custom Energy Supplier Flowchart Section -->\r\n<style>\r\n  .energy-flow-section-2 {\r\n    background: linear-gradient(135deg, rgba(230, 220, 245, 0.8) 0%, rgba(255, 255, 255, 0.9) 100%);\r\n    padding: 60px 20px;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .energy-flow-container-2 {\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    max-width: 900px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Left Main Icon Box (Light background with dark icon) *\/\r\n  .ef2-main-box {\r\n    background-color: #eaeaea;\r\n    border: 1px solid #dcdcdc;\r\n    width: 110px;\r\n    height: 110px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n    z-index: 2;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .ef2-main-box svg {\r\n    width: 52px;\r\n    height: 52px;\r\n    fill: #312347;\r\n  }\r\n\r\n  \/* Right Card Wrapper *\/\r\n  .ef2-card-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 80px;\r\n    position: relative;\r\n    flex-grow: 1;\r\n    max-width: 600px;\r\n  }\r\n\r\n  \/* Individual Option Card (Larger wrapper card containing an inner icon and multi-line text) *\/\r\n  .ef2-card {\r\n    background-color: #eaeaea;\r\n    border: 1px solid #dcdcdc;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 24px 28px;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n  }\r\n\r\n  .ef2-card-icon {\r\n    background-color: #312347;\r\n    width: 52px;\r\n    height: 52px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-right: 28px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .ef2-card-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    fill: #ffffff;\r\n  }\r\n\r\n  .ef2-card-text {\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    color: #1a1a1a;\r\n    line-height: 1.25;\r\n    margin: 0;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  .ef2-card-text strong {\r\n    font-weight: 800;\r\n  }\r\n\r\n  \/* SVG Connecting Lines Canvas *\/\r\n  #ef2-connector-canvas {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 768px) {\r\n    .energy-flow-container-2 {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n    .ef2-card-wrapper {\r\n      margin-left: 0;\r\n      margin-top: 40px;\r\n      max-width: 100%;\r\n    }\r\n    #ef2-connector-canvas {\r\n      display: none; \/* Hide connector lines on small screens for clean stacking *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"energy-flow-section-2\">\r\n  <div class=\"energy-flow-container-2\" id=\"ef2Container\">\r\n    <!-- SVG Canvas for dynamic pixel-perfect connector line -->\r\n    <svg id=\"ef2-connector-canvas\"><\/svg>\r\n\r\n    <!-- Left Box -->\r\n    <div class=\"ef2-main-box\" id=\"ef2MainBox\">\r\n      <!-- Users \/ Group Icon -->\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- Right Card Wrapper -->\r\n    <div class=\"ef2-card-wrapper\" id=\"ef2CardWrapper\">\r\n      <div class=\"ef2-card\" id=\"ef2Card\">\r\n        <div class=\"ef2-card-icon\">\r\n          <!-- Refresh \/ Volatile Market Icon -->\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"ef2-card-text\">\r\n          We invite <strong>multiple<\/strong> qualified energy suppliers to <strong>compete<\/strong> for your business\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function drawFlowchartLine2() {\r\n    const canvas = document.getElementById('ef2-connector-canvas');\r\n    const container = document.getElementById('ef2Container');\r\n    const mainBox = document.getElementById('ef2MainBox');\r\n    const card = document.getElementById('ef2Card');\r\n\r\n    if (!canvas || !container || !mainBox || !card) return;\r\n\r\n    \/\/ Set canvas dimensions relative to container\r\n    const containerRect = container.getBoundingClientRect();\r\n    canvas.setAttribute('width', containerRect.width);\r\n    canvas.setAttribute('height', containerRect.height);\r\n\r\n    \/\/ Clear previous lines\r\n    canvas.innerHTML = '';\r\n\r\n    \/\/ Get Main Box Center-Right coordinates\r\n    const mainRect = mainBox.getBoundingClientRect();\r\n    const startX = mainRect.right - containerRect.left;\r\n    const startY = mainRect.top + (mainRect.height \/ 2) - containerRect.top;\r\n\r\n    \/\/ Get Target Card Left-Center coordinates\r\n    const cardRect = card.getBoundingClientRect();\r\n    const targetX = cardRect.left - containerRect.left;\r\n    const targetY = cardRect.top + (cardRect.height \/ 2) - containerRect.top;\r\n\r\n    \/\/ Draw single straight horizontal connector line\r\n    const line = document.createElementNS('http:\/\/www.w3.org\/2000\/svg', 'line');\r\n    line.setAttribute('x1', startX);\r\n    line.setAttribute('y1', startY);\r\n    line.setAttribute('x2', targetX);\r\n    line.setAttribute('y2', targetY);\r\n    line.setAttribute('stroke', '#8b7ca8');\r\n    line.setAttribute('stroke-width', '1.5');\r\n    canvas.appendChild(line);\r\n  }\r\n\r\n  \/\/ Trigger line drawing on load, resize, and fonts loaded\r\n  window.addEventListener('load', drawFlowchartLine2);\r\n  window.addEventListener('resize', drawFlowchartLine2);\r\n  setTimeout(drawFlowchartLine2, 100); \/\/ Fallback execution delay\r\n<\/script>\r\n<!-- END: Custom Energy Supplier Flowchart Section -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We invite multiple qualified energy suppliers to compete for your business<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5820","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/comments?post=5820"}],"version-history":[{"count":7,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5820\/revisions"}],"predecessor-version":[{"id":5982,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5820\/revisions\/5982"}],"wp:attachment":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/media?parent=5820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}