{"id":5871,"date":"2026-08-08T15:50:46","date_gmt":"2026-08-08T14:50:46","guid":{"rendered":"https:\/\/casdale.com\/?page_id=5871"},"modified":"2026-08-14T00:14:16","modified_gmt":"2026-08-13T23:14:16","slug":"the-casdale-process","status":"publish","type":"page","link":"https:\/\/casdale.com\/index.php\/the-casdale-process\/","title":{"rendered":"The Casdale Process"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5871\" class=\"elementor elementor-5871\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-f804101 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=\"f804101\" 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-f675f9c\" data-id=\"f675f9c\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-10861a9 elementor-widget elementor-widget-image-carousel\" data-id=\"10861a9\" 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\/Capture-4.png\" alt=\"Capture\" \/><\/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-b45e069 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=\"b45e069\" 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-3ef994b\" data-id=\"3ef994b\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-c381936 elementor-widget elementor-widget-html\" data-id=\"c381936\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- START: Procurement Process Timeline Section -->\r\n<style>\r\n  .process-timeline-section {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    background-color: #f7f6f9;\r\n    padding: 0 20px 100px 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    overflow: hidden;\r\n  }\r\n\r\n  \/* Blurred Watermark Background matching previous style *\/\r\n  .process-timeline-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url('https:\/\/casdale.com\/wp-content\/uploads\/2026\/08\/now.png') no-repeat center center \/ 650px auto;\r\n    filter: blur(4px);\r\n    opacity: 0.35;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .process-timeline-container {\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n    background-color: #eaeaea;\r\n    border: 1px solid #dcdcdc;\r\n    padding: 0px 05px;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .process-timeline-container.animate-in {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Timeline Wrapper *\/\r\n  .timeline-track-wrapper {\r\n    position: relative;\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Horizontal Line *\/\r\n  .timeline-line {\r\n    position: absolute;\r\n    top: 65px;\r\n    left: 50px;\r\n    right: 50px;\r\n    height: 3px;\r\n    background-color: #312347;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Steps Grid *\/\r\n  .timeline-steps {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    z-index: 2;\r\n    gap: 20px;\r\n  }\r\n\r\n  .timeline-step {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    flex: 1;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Dark Purple Icon Box with Pointer Pin *\/\r\n  .timeline-icon-box {\r\n    position: relative;\r\n    width: 68px;\r\n    height: 68px;\r\n    background-color: #312347;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 30px;\r\n    box-shadow: 0 4px 10px rgba(49, 35, 71, 0.2);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .timeline-step:hover .timeline-icon-box {\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  \/* Triangle Pointer below Box *\/\r\n  .timeline-icon-box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -8px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    border-width: 8px 8px 0 8px;\r\n    border-style: solid;\r\n    border-color: #312347 transparent transparent transparent;\r\n  }\r\n\r\n  .timeline-icon-box svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    fill: #ffffff;\r\n  }\r\n\r\n  \/* Dot on the timeline line *\/\r\n  .timeline-dot {\r\n    width: 14px;\r\n    height: 14px;\r\n    background-color: #312347;\r\n    border-radius: 50%;\r\n    margin-bottom: 20px;\r\n    border: 2px solid #eaeaea;\r\n  }\r\n\r\n  \/* Step Title Text *\/\r\n  .timeline-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #1a1a1a;\r\n    line-height: 1.3;\r\n    margin: 0;\r\n    max-width: 180px;\r\n    letter-spacing: -0.3px;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 850px) {\r\n    .timeline-steps {\r\n      flex-direction: column;\r\n      gap: 40px;\r\n    }\r\n    .timeline-line {\r\n      display: none;\r\n    }\r\n    .timeline-step {\r\n      flex-direction: row;\r\n      text-align: left;\r\n      gap: 20px;\r\n      align-items: center;\r\n    }\r\n    .timeline-icon-box {\r\n      margin-bottom: 0;\r\n    }\r\n    .timeline-dot {\r\n      display: none;\r\n    }\r\n    .timeline-title {\r\n      max-width: none;\r\n    }\r\n    .process-timeline-container {\r\n      padding: 40px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"process-timeline-section\">\r\n  <div class=\"process-timeline-container\" id=\"processTimeline\">\r\n    \r\n    <div class=\"timeline-track-wrapper\">\r\n      <!-- Horizontal Connecting Line -->\r\n      <div class=\"timeline-line\"><\/div>\r\n\r\n      <!-- Steps Container -->\r\n      <div class=\"timeline-steps\">\r\n        \r\n        <!-- Step 1 -->\r\n        <div class=\"timeline-step\">\r\n          <div style=\"display: flex; flex-direction: column; align-items: center; width: 100%;\">\r\n            <div class=\"timeline-icon-box\">\r\n              <!-- Document Search Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"timeline-dot\"><\/div>\r\n            <h3 class=\"timeline-title\">Utility Invoice Analysis<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2 -->\r\n        <div class=\"timeline-step\">\r\n          <div style=\"display: flex; flex-direction: column; align-items: center; width: 100%;\">\r\n            <div class=\"timeline-icon-box\">\r\n              <!-- Settings Refresh \/ Bidding Process Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"timeline-dot\"><\/div>\r\n            <h3 class=\"timeline-title\">Competitive Supplier Bidding Process<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3 -->\r\n        <div class=\"timeline-step\">\r\n          <div style=\"display: flex; flex-direction: column; align-items: center; width: 100%;\">\r\n            <div class=\"timeline-icon-box\">\r\n              <!-- Star Recommendation Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15l-5-2.18L9 18V5h10v13z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"timeline-dot\"><\/div>\r\n            <h3 class=\"timeline-title\">Present Recommendations<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 4 -->\r\n        <div class=\"timeline-step\">\r\n          <div style=\"display: flex; flex-direction: column; align-items: center; width: 100%;\">\r\n            <div class=\"timeline-icon-box\">\r\n              <!-- Calendar \/ Choose Term Icon -->\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"timeline-dot\"><\/div>\r\n            <h3 class=\"timeline-title\">Choose Term<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Intersection Observer for scroll entrance animation\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const timeline = document.getElementById('processTimeline');\r\n    \r\n    const observerOptions = {\r\n      root: null,\r\n      rootMargin: '0px',\r\n      threshold: 0.15\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('animate-in');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, observerOptions);\r\n\r\n    if (timeline) {\r\n      observer.observe(timeline);\r\n    }\r\n  });\r\n<\/script>\r\n<!-- END: Procurement Process Timeline 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>Utility Invoice Analysis Competitive Supplier Bidding Process Present Recommendations Choose Term<\/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-5871","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5871","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=5871"}],"version-history":[{"count":10,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5871\/revisions"}],"predecessor-version":[{"id":6107,"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/pages\/5871\/revisions\/6107"}],"wp:attachment":[{"href":"https:\/\/casdale.com\/index.php\/wp-json\/wp\/v2\/media?parent=5871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}