.elementor-18504 .elementor-element.elementor-element-3dd7a950{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18504 .elementor-element.elementor-element-61089fc9{padding:0px 0px 0px 00px;}.elementor-18504 .elementor-element.elementor-element-61089fc9 img{width:100%;height:100%;}.elementor-18504 .elementor-element.elementor-element-db826e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18504 .elementor-element.elementor-element-bc6e602{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18504 .elementor-element.elementor-element-eda6a08 img{width:100%;max-width:100%;height:427px;}.elementor-18504 .elementor-element.elementor-element-fa88d73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18504 .elementor-element.elementor-element-5dc8fb7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:800;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#00468E;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18504 .elementor-element.elementor-element-af3c27c{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-18504 .elementor-element.elementor-element-2fac83fd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#00468E;}.elementor-18504 .elementor-element.elementor-element-51e2f62b{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;color:#000000;}.elementor-18504 .elementor-element.elementor-element-15f71b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18504 .elementor-element.elementor-element-0d9cd45{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-18504 .elementor-element.elementor-element-2796059e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:-80%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-18504 .elementor-element.elementor-element-63f4d0a8{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 20px 0px;text-align:center;}.elementor-18504 .elementor-element.elementor-element-63f4d0a8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#00468E;}.elementor-18504 .elementor-element.elementor-element-bcc0aa1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:6px;}.elementor-18504 .elementor-element.elementor-element-bcc0aa1 > .elementor-element-populated{border-style:none;}.elementor-18504 .elementor-element.elementor-element-bf725da{width:100%;max-width:100%;}.elementor-18504 .elementor-element.elementor-element-bf725da > .elementor-widget-container{--e-transform-scale:1;background-color:#D7DBE9;margin:0px 0px 0px 0px;}.elementor-18504 .elementor-element.elementor-element-bf725da.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-18504 .elementor-element.elementor-element-bf725da .cms-slick-carousel .slick-list .slick-slide{padding:10px;}.elementor-18504 .elementor-element.elementor-element-bf725da .cms-slick-carousel .slick-list{margin:0 -10px;}.elementor-18504 .elementor-element.elementor-element-bf725da .cms-fancy-box-carousel .item-title{color:#00468E;}.elementor-18504 .elementor-element.elementor-element-bf725da .cms-fancy-box-carousel .item-description{color:#000000;}.elementor-18504 .elementor-element.elementor-element-4c8ae3fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-18504 .elementor-element.elementor-element-b70521a{--display:flex;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-18504 .elementor-element.elementor-element-65daf798{padding:0% 10% 0% 0%;text-align:left;}.elementor-18504 .elementor-element.elementor-element-65daf798 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:47px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#00468E;}.elementor-18504 .elementor-element.elementor-element-3a1148da{padding:0% 0% -10% 0%;text-align:left;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;color:#000000;}.elementor-18504 .elementor-element.elementor-element-5d15bc06{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18504 .elementor-element.elementor-element-3779a119{text-align:right;}body.elementor-page-18504:not(.elementor-motion-effects-element-type-background), body.elementor-page-18504 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-18504 .elementor-element.elementor-element-3dd7a950{--min-height:0px;}.elementor-18504 .elementor-element.elementor-element-eda6a08 img{height:306px;}.elementor-18504 .elementor-element.elementor-element-5dc8fb7 .elementor-heading-title{font-size:25px;}.elementor-18504 .elementor-element.elementor-element-af3c27c{font-size:16px;}.elementor-18504 .elementor-element.elementor-element-2fac83fd .elementor-heading-title{font-size:25px;}.elementor-18504 .elementor-element.elementor-element-2796059e{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-18504 .elementor-element.elementor-element-63f4d0a8 .elementor-heading-title{font-size:28px;}.elementor-18504 .elementor-element.elementor-element-4c8ae3fd{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-18504 .elementor-element.elementor-element-b70521a{--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-18504 .elementor-element.elementor-element-65daf798{padding:0% 0% 0% 0%;text-align:center;}.elementor-18504 .elementor-element.elementor-element-65daf798 .elementor-heading-title{font-size:52px;}.elementor-18504 .elementor-element.elementor-element-3a1148da{padding:0% 5% 0% 5%;text-align:center;font-size:14px;}.elementor-18504 .elementor-element.elementor-element-5d15bc06{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(max-width:767px){.elementor-18504 .elementor-element.elementor-element-61089fc9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:065px 0px 0px 0px;}.elementor-18504 .elementor-element.elementor-element-5dc8fb7{text-align:center;}.elementor-18504 .elementor-element.elementor-element-5dc8fb7 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-18504 .elementor-element.elementor-element-2796059e{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-18504 .elementor-element.elementor-element-63f4d0a8 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-18504 .elementor-element.elementor-element-4c8ae3fd{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-18504 .elementor-element.elementor-element-b70521a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18504 .elementor-element.elementor-element-65daf798{text-align:center;}.elementor-18504 .elementor-element.elementor-element-65daf798 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-18504 .elementor-element.elementor-element-3a1148da{padding:0% 0% 0% 0%;text-align:center;}.elementor-18504 .elementor-element.elementor-element-5d15bc06{--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(min-width:768px){.elementor-18504 .elementor-element.elementor-element-bc6e602{--width:33.3333%;}.elementor-18504 .elementor-element.elementor-element-fa88d73{--width:66.6666%;}.elementor-18504 .elementor-element.elementor-element-2796059e{--content-width:1920px;}.elementor-18504 .elementor-element.elementor-element-4c8ae3fd{--content-width:1920px;}.elementor-18504 .elementor-element.elementor-element-b70521a{--width:50%;}.elementor-18504 .elementor-element.elementor-element-5d15bc06{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18504 .elementor-element.elementor-element-b70521a{--width:100%;}.elementor-18504 .elementor-element.elementor-element-5d15bc06{--width:100%;}}/* Start custom CSS for cms_fancy_box_carousel, class: .elementor-element-bf725da */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Custom CSS Accordion</title>
  <style>
    /* ====== Base Styles ====== */
    body {
      font-family: "Segoe UI", Arial, sans-serif;
      background-color: #f4f5f7;
      margin: 0;
      padding: 40px;
      display: flex;
      justify-content: center;
    }

    .accordion-container {
      width: 100%;
      max-width: 600px;
    }

    /* ====== Accordion Header ====== */
    .accordion-header {
      background-color: #ffffff;
      color: #222222;
      cursor: pointer;
      padding: 18px 20px;
      font-size: 18px;
      font-weight: 600;
      border: 2px solid #e0e0e0;
      border-radius: 10px;
      transition: all 0.3s ease;
      position: relative;
    }

    .accordion-header:hover {
      background-color: #f0f0f0;
    }

    .accordion-header::after {
      content: "+";
      font-size: 22px;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      transition: transform 0.3s ease;
    }

    .accordion-header.active::after {
      content: "–";
      transform: translateY(-50%) rotate(180deg);
    }

    /* ====== Accordion Panel ====== */
    .accordion-panel {
      background-color: #ffffff;
      border: 2px solid #e0e0e0;
      border-top: none;
      border-radius: 0 0 10px 10px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s ease;
      padding: 0 20px;
    }

    .accordion-panel.open {
      padding: 20px;
      max-height: 200px; /* adjustable based on content */
    }

    .accordion-panel p {
      color: #000000;
      margin: 0;
      font-size: 16px;
      line-height: 1.5;
    }
  </style>
</head>
<body>

  <div class="accordion-container">
    <div class="accordion-header">Proven Industry Heritage</div>
    <div class="accordion-panel">
      <p>Built on the legacy of McGraw-Edison and Cooper Power Systems, combining decades of experience with modern innovation.</p>
    </div>
  </div>

  <script>
    const header = document.querySelector('.accordion-header');
    const panel = document.querySelector('.accordion-panel');

    header.addEventListener('click', () => {
      header.classList.toggle('active');
      panel.classList.toggle('open');
    });
  </script>

</body>
</html>/* End custom CSS */