.elementor-2374 .elementor-element.elementor-element-ca7ad00{--display:flex;--min-height:50vh;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-2374 .elementor-element.elementor-element-ca7ad00:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-ca7ad00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dixiepower.fluid22.dev/wp-content/uploads/2026/02/See-the-savings-banner.jpg");background-position:center center;background-size:cover;}.elementor-2374 .elementor-element.elementor-element-ca7ad00::before, .elementor-2374 .elementor-element.elementor-element-ca7ad00 > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-ca7ad00 > .e-con-inner > .elementor-background-video-container::before, .elementor-2374 .elementor-element.elementor-element-ca7ad00 > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-ca7ad00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2374 .elementor-element.elementor-element-ca7ad00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2374 .elementor-element.elementor-element-4c9b030{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:center;}.elementor-2374 .elementor-element.elementor-element-4c9b030 > .elementor-widget-container{margin:100px 0px 25px 0px;}.elementor-2374 .elementor-element.elementor-element-4c9b030 .elementor-heading-title{font-size:var( --e-global-typography-215a5e7-font-size );font-weight:var( --e-global-typography-215a5e7-font-weight );text-transform:var( --e-global-typography-215a5e7-text-transform );line-height:var( --e-global-typography-215a5e7-line-height );}.elementor-2374 .elementor-element.elementor-element-4c9b030.elementor-widget-heading .elementor-heading-title, .elementor-2374 .elementor-element.elementor-element-4c9b030.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:var( --e-global-color-secondary );}.elementor-2374 .elementor-element.elementor-element-21978bc{--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:center;--gap:3.5vw 5vw;--row-gap:3.5vw;--column-gap:5vw;}.elementor-2374 .elementor-element.elementor-element-67e0277{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2374 .elementor-element.elementor-element-ad6b8df .elementor-heading-title{font-size:var( --e-global-typography-164da7e-font-size );font-weight:var( --e-global-typography-164da7e-font-weight );line-height:var( --e-global-typography-164da7e-line-height );}.elementor-2374 .elementor-element.elementor-element-ad6b8df.elementor-widget-heading .elementor-heading-title, .elementor-2374 .elementor-element.elementor-element-ad6b8df.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:var( --e-global-color-accent );}.elementor-2374 .elementor-element.elementor-element-970da35{text-align:center;}.elementor-2374 .elementor-element.elementor-element-970da35 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-2374 .elementor-element.elementor-element-970da35.elementor-widget-heading .elementor-heading-title, .elementor-2374 .elementor-element.elementor-element-970da35.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:var( --e-global-color-text );}.elementor-2374 .elementor-element.elementor-element-f9ebdb6 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-2374 .elementor-element.elementor-element-f0df125{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2374 .elementor-element.elementor-element-32279d2{width:100%;max-width:100%;}body.elementor-page-2374{--ang-classes-border:rgba(79, 122, 233, 0.58);--ang-classes-label:#406DE1;--ang-css-border:rgba(211, 0, 0, 0.35);}@media(max-width:1366px){.elementor-2374 .elementor-element.elementor-element-ca7ad00{--min-height:45vh;}.elementor-2374 .elementor-element.elementor-element-4c9b030 .elementor-heading-title{font-size:var( --e-global-typography-215a5e7-font-size );line-height:var( --e-global-typography-215a5e7-line-height );}.elementor-2374 .elementor-element.elementor-element-ad6b8df .elementor-heading-title{font-size:var( --e-global-typography-164da7e-font-size );line-height:var( --e-global-typography-164da7e-line-height );}.elementor-2374 .elementor-element.elementor-element-970da35 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-2374 .elementor-element.elementor-element-ca7ad00{--min-height:40vh;}.elementor-2374 .elementor-element.elementor-element-4c9b030 > .elementor-widget-container{margin:80px 0px 20px 0px;}.elementor-2374 .elementor-element.elementor-element-4c9b030{--container-widget-width:700px;--container-widget-flex-grow:0;width:var( --container-widget-width, 700px );max-width:700px;}}@media(max-width:1024px){.elementor-2374 .elementor-element.elementor-element-ca7ad00{--min-height:350px;}.elementor-2374 .elementor-element.elementor-element-4c9b030{--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;}.elementor-2374 .elementor-element.elementor-element-4c9b030 .elementor-heading-title{font-size:var( --e-global-typography-215a5e7-font-size );line-height:var( --e-global-typography-215a5e7-line-height );}.elementor-2374 .elementor-element.elementor-element-ad6b8df .elementor-heading-title{font-size:var( --e-global-typography-164da7e-font-size );line-height:var( --e-global-typography-164da7e-line-height );}.elementor-2374 .elementor-element.elementor-element-970da35 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:880px){.elementor-2374 .elementor-element.elementor-element-4c9b030 > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-2374 .elementor-element.elementor-element-4c9b030{--container-widget-width:500px;--container-widget-flex-grow:0;width:var( --container-widget-width, 500px );max-width:500px;}}@media(max-width:767px){.elementor-2374 .elementor-element.elementor-element-ca7ad00{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2374 .elementor-element.elementor-element-4c9b030{width:100%;max-width:100%;text-align:start;}.elementor-2374 .elementor-element.elementor-element-4c9b030 > .elementor-widget-container{margin:65px 0px 0px 0px;}.elementor-2374 .elementor-element.elementor-element-4c9b030 .elementor-heading-title{font-size:var( --e-global-typography-215a5e7-font-size );line-height:var( --e-global-typography-215a5e7-line-height );}.elementor-2374 .elementor-element.elementor-element-21978bc{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2374 .elementor-element.elementor-element-ad6b8df{text-align:start;}.elementor-2374 .elementor-element.elementor-element-ad6b8df .elementor-heading-title{font-size:var( --e-global-typography-164da7e-font-size );line-height:var( --e-global-typography-164da7e-line-height );}.elementor-2374 .elementor-element.elementor-element-970da35 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:2400px){.elementor-2374 .elementor-element.elementor-element-ca7ad00{--min-height:50vh;}.elementor-2374 .elementor-element.elementor-element-ca7ad00:not(.elementor-motion-effects-element-type-background), .elementor-2374 .elementor-element.elementor-element-ca7ad00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 45%;}.elementor-2374 .elementor-element.elementor-element-4c9b030 .elementor-heading-title{font-size:var( --e-global-typography-215a5e7-font-size );line-height:var( --e-global-typography-215a5e7-line-height );}.elementor-2374 .elementor-element.elementor-element-ad6b8df .elementor-heading-title{font-size:var( --e-global-typography-164da7e-font-size );line-height:var( --e-global-typography-164da7e-line-height );}.elementor-2374 .elementor-element.elementor-element-970da35 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-f9ebdb6 *//* --- 2. USAGE CONTROLS (PILLS & SLIDER) --- */
.dpr-compare__usage, 
.dpr-compare__view {
    background: #f1f4f8 !important; 
    padding: 8px !important;
    border-radius: 100px !important;
    display: inline-flex !important;
    margin-bottom: 30px !important;
}

.dpr-compare__chip {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #999 !important;
    border-radius: 100px !important;
    padding: 8px 25px !important;
    transition: all 0.3s ease !important;
}

/* Brand Blue Active State */
.dpr-compare__chip.is-on {
    background: #ffffff !important;
    color: #197FC3 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

/* Slider Bar */
input.dpr-compare__kwh-input {
    accent-color: #197FC3 !important;
}

/* --- 3. BAR CHART SECTION --- */
.dpr-compare__chart-title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 25px !important;
}

.dpr-compare__chart-label {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #666 !important;
}

/* Blue labels for Dixie Power rows */
.dpr-compare__chart-row--dixie .dpr-compare__chart-label {
    color: #197FC3 !important;
}

.dpr-compare__chart-track {
    background: #f8f9fa !important;
    height: 18px !important;
    border-radius: 4px !important;
}

.dpr-compare__chart-bar {
    background: #aeb8c1 !important; /* Peer gray */
    border-radius: 4px !important;
}

/* Brand Blue for Dixie Bars */
.dpr-compare__chart-row--dixie .dpr-compare__chart-bar {
    background: #197FC3 !important;
}

/* --- 4. RESULTS CARDS --- */
.dpr-compare__cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 40px !important;
}

.dpr-compare__card {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 25px !important;
}

/* DIXIE HIGHLIGHT (Blue family) */
.dpr-compare__card--dixie {
    border: 1.5px solid #197FC3 !important;
    background: #f0f7fd !important;
}

.dpr-compare__card-name {
    color: #1a1a1a !important; /* Muted peer blue */
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin-bottom: 20px !important;
}

.dpr-compare__card--dixie .dpr-compare__card-name {
    color: #197FC3 !important; /* Brand Blue */
}

/* --- 5. VALUE TYPOGRAPHY --- */
.dpr-compare__label {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: #999 !important;
}

.dpr-compare__value {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #197FC3 !important; /* Using blue for primary totals */
    margin-bottom: 10px !important;
}

/* Savings Figures (Sample Green) */
[data-dpr-field*="savings"] {
    color: #669933 !important;
    font-weight: 700 !important;
}

/* --- TOP CONTROL CONTAINER REFINEMENT --- */
.dpr-compare__usage {
    display: flex !important;
    flex-direction: column !important; /* Stack rows vertically */
    align-items: center !important;
    gap: 10px !important;
    background: #f1f4f8 !important; /* Matches mockup background */
    padding: 15px !important;
    padding-bottom: 0 !important;
    border-radius: 15px !important;
    margin-bottom: 20px !important;
}

/* 1. USAGE LEVEL & VIEW CHIPS (TOP & BOTTOM ROWS) */
.dpr-compare__mode, 
.dpr-compare__view {
    display: flex !important;
    background: #e4e9f0 !important;
    padding: 6px !important;
    border-radius: 100px !important;
    gap: 5px !important;
}

.dpr-compare__chip {
    padding: 10px 25px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 100px !important;
    text-transform: uppercase !important;
    color: #6c7a89 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Active Pill State */
.dpr-compare__chip.is-on {
    background: #ffffff !important;
    color: #197FC3 !important; /* Brand Blue */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

/* 2. MIDDLE KWH ROW (SLIDER & INPUT) */
.dpr-compare__kwh {
    width: 100% !important;
    max-width: 600px !important;
    text-align: center !important;
}

.dpr-compare__kwh-label {
    display: block !important;
    font-weight: 700 !important;
    color: #197FC3 !important;
    margin-bottom: 15px !important;
}

.dpr-compare__kwh-row {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

/* Range Slider */
input.dpr-compare__kwh-input {
    flex: 1 !important;
    accent-color: #197FC3 !important;
    height: 6px !important;
}

/* Number Input Box */
input.dpr-compare__kwh-number {
    width: 80px !important;
    padding: 10px !important;
    border: 2px solid #197FC3 !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: #333 !important;
}/* End custom CSS */
/* Start custom CSS */html, body {
    overflow-x: hidden;
}

body.admin-bar .dialog-type-lightbox {
    position: fixed !important;
}

/* Button Hover */
a.elementor-button:before, .frm_button_submit:before, .frm_button_submit:focus:before {
    position: absolute;
    width: 110%;
    height: 110%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    background-color: var( --e-global-color-primary );
    z-index: -1;
    -webkit-transform: skew(-15deg) translateX(-110%);
    transform: skew(-15deg) translateX(-110%);
    transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms, -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
}

a.elementor-button, .frm_button_submit {
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

a.elementor-button:hover:before,
a.elementor-button:focus:before,
.frm_button_submit:hover:before,
.frm_button_submit:focus:before {
    -webkit-transform: skew(-15deg) translateX(-5%);
    transform: skew(-15deg) translateX(-5%);
}

a.elementor-button:focus,
.frm_button_submit:focus {
    outline: none;
}

.btn-hover-dark a.elementor-button:before, .frm_button_submit:before, .frm_button_submit:focus:before  {
    background-color: var( --e-global-color-a513c7f );
}

.frm_button_submit:focus {
    outline: none !important;
}

/* Form CSS */
.common-form fieldset {
    padding: 0 !important;
}

.common-form .frm-show-form fieldset {
    border: none;
    padding: 0;
}

.common-form .frm_description {
    line-height: 1;
    font-size: 18px !important;
}

.common-form .frm_primary_label {
    margin-bottom:8px !important;
    line-height: 1;
    margin-top: 8px !important;
}

.common-form .frm_submit .frm_button_submit {
    margin-top: 20px;
}

.common-form .frm_message {
    font-size: 18px !important;
    border-radius: 12px !important;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    background: var( --e-global-color-primary ) !important;
    color: var( --e-global-color-secondary ) ;
}

.common-form .frm_checkbox label {
    font-size: 16px !important;

}

.common-form input[type="radio"], .common-form input[type="checkbox"] {
    padding: 0 !important;
}

.common-form .frm_message p {
    margin-bottom: 0 !important;
}

.common-form .frm_checkbox label {
    display: flex !important;
    align-items: center;
    gap: 5px;
}

.common-form .frm_single_upload button {
    white-space: break-spaces;
}

.common-form .frm_error {
    color: var(--required-color) !important;
    font-size: 14px !important;
    line-height: 1.1;
}

.common-form .frm_radio label {
    display: flex !important;
    align-items: center !important;
    gap: 5px;
}

.common-form input[type="radio"] {
    border-radius: 20px !important;
}

.common-form .frm_error_style {
    display: none;
}

.common-form .frm_checkbox input {
    padding: 0 !important;
}


.common-form .frm_checkbox label {
    display: flex !important;
    align-items: center;
    gap: 5px;
}

.common-form input[type="radio"], .common-form input[type="checkbox"] {
    padding: 0 !important;
}

.with_frm_style input[type=radio]:focus,.with_frm_style input[type=checkbox]:focus {
    box-shadow: 0px 0px 0px 3px rgba(25,127,197, 0.4) !important;
}

.common-form select {
    min-height: 50px;
}

.common-form .frm_style_formidable-style.with_frm_style td.ui-datepicker-today {
    background-color: var(--e-global-color-accent) !important;
}

.frm_button_submit {
    color: var(--e-global-color-secondary) !important;
    padding: 21.6px 40px 21.6px 40px !important;
}

.common-form .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
    background-color: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
}

.common-form .frm_dropzone {
    max-width: inherit !important;
    border-radius: 15px !important;
}

.common-form .dz-message.needsclick {
    border-radius: 0 
}

.common-form .with_frm_style .frm_dropzone .dz-preview .dz-progress .dz-upload, .common-form  .with_frm_style .frm_dropzone .dz-preview.dz-complete .dz-progress {
    background: var(--e-global-color-accent) !important;
}

.common-form .dz-image {
    display: flex;
}

button.frm_button_submit.frm_final_submit  {
    height: 100% !important;
}

.common-form label  {
    font-size: 18px !important;
}

.common-form .frm_fields_container {
    grid-gap: 20px;
}

.common-form input[type="text"], .common-form input[type="email"] {
    border-radius: 100px;
    background: none ;
    border-color: var(--text-color);
}

.common-form textarea {
    border-radius: 15px;
    background: none ;
    border-color: var(--text-color);
}

.common-form input[type="text"]:focus, .common-form input[type="email"]:focus, .common-form textarea:focus {
    background: none !important ;
}

h3.frm_form_title {
    font-weight: 400;
    font-size: 23px !important;
    color: #0f75bc !important;
    margin: 0 !important;
    padding-bottom: 1.5rem;
}


@media (max-width: 600px) {
    .common-form .frm_hidden_container {
        margin-top: 5px;
    }
    
   .common-form .frm_hidden_container .frm_primary_label {
       display: none !important;
    }
}/* End custom CSS */