.elementor-81767 .elementor-element.elementor-element-e20dcc4{--display:flex;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-81767 .elementor-element.elementor-element-13990c1 .elementor-heading-title{font-size:14px;}.elementor-81767 .elementor-element.elementor-element-3bf6039 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-81767 .elementor-element.elementor-element-3bf6039 .elementor-heading-title{font-size:3em;font-weight:500;line-height:1em;color:var( --e-global-color-text );}.elementor-81767 .elementor-element.elementor-element-6850b88 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-81767 .elementor-element.elementor-element-6850b88 .elementor-heading-title{font-size:18px;line-height:150%;color:#003E54;}.elementor-81767 .elementor-element.elementor-element-3f2dfea{--display:flex;}.elementor-81767 .elementor-element.elementor-element-2029d39{--display:flex;--padding-top:020px;--padding-bottom:0px;--padding-left:200px;--padding-right:200px;}.elementor-81767 .elementor-element.elementor-element-ca04d45 > .elementor-widget-container{padding:10px 0200px 0px 0250px;}.elementor-81767 .elementor-element.elementor-element-ca04d45 .elementor-heading-title{font-size:26px;}.elementor-widget-text-editor{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-81767 .elementor-element.elementor-element-d2d5f49 > .elementor-widget-container{padding:0px 300px 0px 250px;}.elementor-81767 .elementor-element.elementor-element-d2d5f49{color:#003E54;}.elementor-81767 .elementor-element.elementor-element-1a56dda > .elementor-widget-container{padding:10px 0200px 0px 0250px;}.elementor-81767 .elementor-element.elementor-element-1a56dda .elementor-heading-title{font-size:26px;}.elementor-81767 .elementor-element.elementor-element-c8148ed > .elementor-widget-container{padding:0px 300px 0px 0250px;}.elementor-81767 .elementor-element.elementor-element-c8148ed{color:#003E54;}.elementor-81767 .elementor-element.elementor-element-4e57425 > .elementor-widget-container{padding:10px 0200px 0px 250px;}.elementor-81767 .elementor-element.elementor-element-4e57425 .elementor-heading-title{font-size:26px;}.elementor-81767 .elementor-element.elementor-element-b4ee462 > .elementor-widget-container{padding:0px 300px 0px 250px;}.elementor-81767 .elementor-element.elementor-element-b4ee462{color:#003E54;}.elementor-81767 .elementor-element.elementor-element-372c19f > .elementor-widget-container{padding:10px 0200px 0px 250px;}.elementor-81767 .elementor-element.elementor-element-372c19f .elementor-heading-title{font-size:26px;}.elementor-81767 .elementor-element.elementor-element-6435553 > .elementor-widget-container{padding:0px 300px 0px 250px;}.elementor-81767 .elementor-element.elementor-element-6435553{color:#003E54;}.elementor-81767 .elementor-element.elementor-element-8d6a97e > .elementor-widget-container{padding:10px 0200px 0px 250px;}.elementor-81767 .elementor-element.elementor-element-8d6a97e .elementor-heading-title{font-size:26px;}.elementor-81767 .elementor-element.elementor-element-3134db9 > .elementor-widget-container{padding:0px 300px 40px 250px;}.elementor-81767 .elementor-element.elementor-element-3134db9{color:#003E54;}.elementor-81767 .elementor-element.elementor-element-9e3a690{--display:flex;}.elementor-81767 .elementor-element.elementor-element-6f0d9db{text-align:center;}.elementor-81767 .elementor-element.elementor-element-6f0d9db .elementor-heading-title{font-size:48px;font-weight:600;line-height:56px;letter-spacing:-1px;color:var( --e-global-color-text );}.elementor-81767 .elementor-element.elementor-element-c68102c{--display:flex;}.elementor-81767 .elementor-element.elementor-element-cd5ce48{color:var( --e-global-color-text );}.elementor-81767 .elementor-element.elementor-element-35fade7{--display:flex;}.elementor-81767 .elementor-element.elementor-element-f895432{--display:flex;--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-81767 .elementor-element.elementor-element-e3f51e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-81767 .elementor-element.elementor-element-e3f51e8{font-size:18px;line-height:24px;}.elementor-81767 .elementor-element.elementor-element-48a01ca{--display:flex;}.elementor-81767 .elementor-element.elementor-element-a3fcb2e{--display:flex;}.elementor-81767 .elementor-element.elementor-element-4d35639{--n-accordion-title-font-size:18px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-icon-size:14px;--n-accordion-icon-normal-color:var( --e-global-color-69054122 );--n-accordion-icon-hover-color:#E88400;--n-accordion-icon-active-color:var( --e-global-color-69054122 );}.elementor-81767 .elementor-element.elementor-element-4d35639 > .elementor-widget-container{background-color:var( --e-global-color-6457b50c );margin:0px 0px 0px 0px;padding:0px 40px 20px 40px;border-radius:16px 16px 16px 16px;}.elementor-81767 .elementor-element.elementor-element-4d35639.elementor-element{--align-self:center;}.elementor-81767 .elementor-element.elementor-element-4d35639 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-24a20b0 );}.elementor-81767 .elementor-element.elementor-element-4d35639 {--n-accordion-padding:24px 0px 24px 0px;}:where( .elementor-81767 .elementor-element.elementor-element-4d35639 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:400;line-height:24px;}:where( .elementor-81767 .elementor-element.elementor-element-4d35639 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--padding-top:0px;--padding-right:40px;--padding-bottom:24px;--padding-left:0px;}@media(min-width:680px){.elementor-81767 .elementor-element.elementor-element-e20dcc4{--content-width:1100px;}}@media(max-width:1179px){.elementor-81767 .elementor-element.elementor-element-3bf6039 .elementor-heading-title{font-size:56px;}}@media(max-width:679px){.elementor-81767 .elementor-element.elementor-element-3bf6039 .elementor-heading-title{font-size:38px;}.elementor-81767 .elementor-element.elementor-element-6850b88 .elementor-heading-title{font-size:16px;}.elementor-81767 .elementor-element.elementor-element-6f0d9db .elementor-heading-title{font-size:32px;line-height:40px;letter-spacing:0px;}.elementor-81767 .elementor-element.elementor-element-4d35639 > .elementor-widget-container{padding:0px 24px 0px 24px;}}/* Start custom CSS for heading, class: .elementor-element-13990c1 */.elementor-81767 .elementor-element.elementor-element-13990c1 span {
    vertical-align: middle;
    font-size:18px;
    line-height: 30px;
}

.elementor-81767 .elementor-element.elementor-element-13990c1 a {
    font-weight: 600;
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fbb703 */.elementor-81767 .elementor-element.elementor-element-9fbb703 input[type=number] {
padding: 10px 20px;
}
/* Calculator container */
.calculator-container {
max-width: 1100px;
margin: 0 auto;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 25px;
}

/* Header with logo */
.calculator-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}

.logo-container {
max-width: 150px;
}

.logo-container img {
width: 100%;
height: auto;
}

/* Typography */

h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
}

h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 12px;
}

.section-heading {
color: #333;
}

p {
margin-bottom: 18px;
color: #666;
}

/* Layout */
.calculator-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}

@media (min-width: 768px) {
.calculator-grid {
    grid-template-columns: 1fr 1fr;
}
}

/* Input section */
.input-section {
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
}

.form-group {
margin-bottom: 20px;
}

.form-label {
display: block;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
color: #555;
}

.info-icon {
display: inline-block;
width: 16px;
height: 16px;
background-color: #ccc;
border-radius: 50%;
color: white;
text-align: center;
font-size: 12px;
line-height: 16px;
margin-left: 4px;
position: relative;
cursor: help;
}

.tooltip {
position: relative;
display: inline-block;
}

.tooltip .tooltip-text {
visibility: hidden;
width: 200px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 8px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
font-weight: normal;
font-size: 12px;
line-height: 1.4;
text-transform: none;
letter-spacing: normal;
}

.tooltip .tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltip-text {
visibility: visible;
opacity: 1;
}

/* Form controls */
.input-control {
display: block;
width: 100%;
padding: 8px 12px 8px 28px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}

.input-control:focus {
outline: none;
border-color: #007098;
box-shadow: 0 0 0 2px rgba(0, 112, 152, 0.2);
}

.currency-input-wrapper {
position: relative;
}

.currency-symbol {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: #888;
}

.slider-container {
display: flex;
align-items: center;
}

.slider {
flex-grow: 1;
height: 8px;
background: #ddd;
outline: none;
border-radius: 4px;
margin-right: 15px;
-webkit-appearance: none;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: #007098;
border-radius: 50%;
cursor: pointer;
}

.slider::-moz-range-thumb {
width: 20px;
height: 20px;
background: #007098;
border-radius: 50%;
cursor: pointer;
}

.slider-value {
background: white;
padding: 6px 10px;
min-width: 80px;
text-align: center;
border: 1px solid #ddd;
border-radius: 4px;
}

select {
width: 100%;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #fff;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
}

select:focus {
outline: none;
border-color: #007098;
box-shadow: 0 0 0 2px rgba(0, 112, 152, 0.2);
}

/* Recurring investment section */
.recurring-investment {
background-color: #f0f0f0;
padding: 16px;
border-radius: 6px;
margin-top: 24px;
}

/* Results section */
.results-section {
display: flex;
flex-direction: column;
gap: 24px;
}

.summary-card {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.summary-label {
font-size: 16px;
color: #666;
margin-bottom: 8px;
}

.summary-value {
font-size: 32px;
font-weight: 700;
margin-bottom: 16px;
}

.summary-breakdown {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}

.breakdown-item {
display: flex;
align-items: center;
}

.color-box {
width: 16px;
height: 16px;
margin-right: 8px;
}

.blue-box {
background-color: #549FBB;
}

.orange-box {
background-color: #FF9100;
}

.breakdown-label {
font-size: 14px;
color: #666;
}

.breakdown-value {
font-weight: 600;
}

/* Chart */
.chart-container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
height: 400px;
}

#chart {
width: 100%;
height: 100%;
}

/* Buttons */
.button-container {
display: flex;
justify-content: space-between;
margin-top: 20px;
gap: 10px;
}

.button {
padding: 10px 16px;
border-radius: 4px;
font-weight: 600;
font-size: 16px;
cursor: pointer;
border: none;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}

.button-reset {
background-color: transparent;
color: #555;
border: 1px solid #ddd;
}

.button-reset:hover {
background-color: #f0f0f0;
}

.button-pdf {
background-color: #007098;
color: white;
}

.button-pdf:hover {
background-color: #005a7a;
}

.button-icon {
margin-right: 8px;
font-size: 18px;
}

/* Disclosure */
.calc-disclosure {
font-size: 12px;
margin-top: 60px;
padding: 0 20px;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-4d35639 */.elementor .elementor-element.faq-accordion > .elementor-widget-container > .e-n-accordion > details:first-of-type > .e-n-accordion-item-title {
    border-width: 0px 0px 0px 0px;
}

.elementor-81767 .elementor-element.elementor-element-4d35639 {
    max-width: 910px!important;
}/* End custom CSS */