.elementor-44658 .elementor-element.elementor-element-34150ea{--display:flex;--min-height:57vh;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-44658 .elementor-element.elementor-element-34150ea:not(.elementor-motion-effects-element-type-background), .elementor-44658 .elementor-element.elementor-element-34150ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-612e24e );}.elementor-44658 .elementor-element.elementor-element-5fc761d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-44658 .elementor-element.elementor-element-bb7b0fa > .elementor-widget-container{border-style:none;}.elementor-44658 .elementor-element.elementor-element-bb7b0fa{text-align:center;}.elementor-44658 .elementor-element.elementor-element-bb7b0fa .elementor-heading-title{font-size:2.6em;font-weight:600;line-height:0.9em;letter-spacing:-1.2px;color:var( --e-global-color-primary );}.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-44658 .elementor-element.elementor-element-b450e25{text-align:center;}.elementor-44658 .elementor-element.elementor-element-547581c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-44658 .elementor-element.elementor-element-ecef1be{--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-44658 .elementor-element.elementor-element-4312dbc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;}.elementor-44658 .elementor-element.elementor-element-4a89efa{--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-44658 .elementor-element.elementor-element-fe99706 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;}.elementor-44658 .elementor-element.elementor-element-69f2225{--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-44658 .elementor-element.elementor-element-22bcad1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;}.elementor-44658 .elementor-element.elementor-element-1851293{--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-44658 .elementor-element.elementor-element-0d2e69f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;}.elementor-44658 .elementor-element.elementor-element-b132367{--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-44658 .elementor-element.elementor-element-976c626.elementor-element{--align-self:center;}.elementor-44658 .elementor-element.elementor-element-976c626{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:var( --e-global-color-accent );}.elementor-44658 .elementor-element.elementor-element-976c626 .elementor-share-btn:hover{--e-share-buttons-primary-color:var( --e-global-color-primary );}.elementor-44658 .elementor-element.elementor-element-976c626 .elementor-share-btn__title{text-transform:uppercase;}.elementor-44658 .elementor-element.elementor-element-73c575d{--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;}body.elementor-page-44658:not(.elementor-motion-effects-element-type-background), body.elementor-page-44658 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afb5101 );}:root{--page-title-display:none;}@media(min-width:701px){.elementor-44658 .elementor-element.elementor-element-5fc761d{--width:100%;}}@media(max-width:1140px){.elementor-44658 .elementor-element.elementor-element-bb7b0fa .elementor-heading-title{font-size:50px;line-height:50px;}.elementor-44658 .elementor-element.elementor-element-547581c{--grid-auto-flow:row;} .elementor-44658 .elementor-element.elementor-element-976c626{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:812px){.elementor-44658 .elementor-element.elementor-element-bb7b0fa .elementor-heading-title{font-size:40px;}.elementor-44658 .elementor-element.elementor-element-547581c{--grid-auto-flow:row;}}@media(max-width:700px){.elementor-44658 .elementor-element.elementor-element-34150ea{--margin-top:10%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-44658 .elementor-element.elementor-element-5fc761d{--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-44658 .elementor-element.elementor-element-bb7b0fa{text-align:center;}.elementor-44658 .elementor-element.elementor-element-bb7b0fa .elementor-heading-title{font-size:32px;line-height:36px;letter-spacing:-1px;}.elementor-44658 .elementor-element.elementor-element-547581c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;} .elementor-44658 .elementor-element.elementor-element-976c626{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS */@media print { .elementor-24087.elementor-location-header{ display: none!important;} .elementor-17438.elementor-location-footer{ display: none!important; } #hero, #download, #intro, #intro-text{ display: none!important; } a[href]::after{ content: none!important; } /* 1. Page Setup */ @page { margin: 1cm; size: auto; /* auto is the initial value */ } /* 2. Hide Interactive/Useless Elements */ button, .button-group, .info-text, .roi-formula-explanation { display: none !important; } /* 3. Transform Main Container to Grid Layout*/ .roi-calculator-container { max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; display: grid; grid-template-columns: 1fr 1fr; /* Create 2 columns */ gap: 20px; } /* 4. Force specific sections to span full width */ .roi-calculator-container > h1, .calculator-section.general-info, .calculator-section-wrapper:last-of-type { grid-column: 1 / -1; /* Span across both columns */ } /* 5. Style the "General Info" (Inputs) to look like a Data Table */ .calculator-section.general-info { display: grid; grid-template-columns: 1fr 1fr; /* 2 columns for inputs */ gap: 10px; padding: 10px !important; border-bottom: 2px solid #4290D6; } /* 6. Fix Sliders: Hide the track, show the value */ .slider-container input[type="range"] { display: none !important; /* Hide the slider bar */ } .slider-container { display: block; /* Stack label and value */ margin-top: -5px; } .slider-value { font-weight: bold; color: #333 !important; border: none !important; padding: 0 !important; font-size: 1.1em; } /* 7. Style the 4 Breakdown Sections (A, B, C, D) */ .calculator-section-wrapper { break-inside: avoid; /* Prevent cutting inside a box */ border: 1px solid #ddd; border-radius: 8px; padding: 15px !important; box-shadow: none !important; } /* Make the titles smaller for print */ .roi-calculator-container h2 { font-size: 1.2em !important; margin-top: 0; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; } /* 8. Fix the Results Column Layout */ .calculator-section { display: block !important; /* Stack columns vertically inside the box */ } .input-column { margin-bottom: 10px; } .results-column { background-color: #F2F8FD !important; padding: 10px !important; border-radius: 4px; text-align: right; display: flex; justify-content: space-between; align-items: center; } .result-group { border: none !important; margin: 0 !important; padding: 0 !important; display: flex; justify-content: space-between; width: 100%; } /* 9. The Grand Total Section */ .calculator-section-wrapper:last-of-type { background-color: #F2F8FD !important; border: 2px solid #4290D6; margin-top: 20px; } .calculator-section-wrapper:last-of-type .results-column { background: transparent !important; display: flex; flex-direction: row; justify-content: space-around; text-align: center; } .calculator-section-wrapper:last-of-type .result-group { display: block; /* Stack label and number for totals */ } #roi-result { font-size: 1.5em; color: #38C172 !important; } /* 1. Un-hide the PARENT container first (Crucial Step) */ .slider-container { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; } /* 2. Hide the slider track (the visual bar) */ .slider-container input[type="range"] { display: none !important; } /* 3. Force the number text to show and be black */ .slider-value { display: inline-block !important; visibility: visible !important; color: #000000 !important; /* Forces text to black */ font-weight: bold !important; font-size: 14pt !important; position: static !important; width: auto !important; background: transparent !important; border: none !important; padding: 0 !important; min-height: auto !important; } } @media print { @page { /* 1. Set page margin to 0. This effectively pushes the browser's auto-generated headers and footers (URL, Date, Title) off the paper. */ margin: 0; size: auto; } body { /* 2. Add margin back to the body content. Since we removed the page margin, we need this so your text doesn't print right on the edge of the paper. */ margin: 1.6cm !important; } }/* End custom CSS */