.acf-feature-list {
list-style: none;
padding: 0;
margin: 1em 0;
display: grid;
gap: 1em;
}
.acf-feature-list.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.acf-feature-list.columns-1 {
grid-template-columns: 1fr;
}
.acf-feature-list li {
display: flex;
align-items: center;
gap: 1em;
}
.acf-feature-list .icon img {
width: 40px;
height: auto;
}
.acf-feature-list .text {
font-size: 1rem;
}.highlight {
color: red;
font-weight: bold;
}
.ev-calc-container {
max-width: 640px;
margin: 0 auto;
padding: 40px 30px;
background: #000;
border-radius: 12px;
color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
text-align: center;
font-family: futura-pt-bold;
}
.ev-calc-container label {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 10px;
display: block;
text-align: left;
font-family: futura-pt-bold;
}
.ev-calc-container input[type="number"],
.ev-calc-container .fusion-text input[type="number"] {
width: 100%;
padding: 15px;
font-size: 1em;
background: #222;
border: none;
color: #fff;
border-radius: 6px;
margin-bottom: 20px;
box-sizing: border-box;
font-family: futura-pt-bold;
}
.unit-toggle {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
flex-wrap: wrap;
gap: 10px;
font-family: futura-pt-bold;
}
.unit-toggle button {
flex: 1 1 30%;
padding: 12px;
background: #111;
color: #fff;
border: 2px solid #d0202e;
font-weight: bold;
font-size: 1em;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s ease;
font-family: futura-pt-bold;
}
.unit-toggle button:hover,
.unit-toggle button.active {
background: #d0202e;
color: #fff;
}
#calculate_btn {
width: 100%;
background: #d0202e;
color: #fff;
padding: 15px;
font-size: 1.1em;
font-weight: bold;
border: none;
border-radius: 8px;
cursor: pointer;
margin-bottom: 30px;
transition: background 0.2s ease;
}
#calculate_btn:hover {
background: #a0001e;
}
.result {
background: #111;
padding: 25px;
border-radius: 8px;
font-size: 1.3em;
position: relative;
font-family: futura-pt-bold;
color: #fff; }
.result:before { font-size: 2em;
display: block;
margin-bottom: 10px;
}
#savings_result {
font-size: 2.5em;
font-weight: bold;
margin-top: 10px;
color: #fff;
animation: fadeIn 0.5s ease-in-out;
} .result p,
.result h6 {
color: #fff !important;
margin: 0.25rem 0;
font-weight: 600;
}
.breakdown h6 {
color: #fff !important;
opacity: 1 !important;
font-weight: 600;
}
.breakdown h6.muted {
color: #fff !important;
opacity: 0.8;
font-weight: 500;
}  .ev-calc-container .result ::selection,
.ev-calc-container .breakdown ::selection,
.ev-calc-container #savings_result::selection {
background: #d0202e;
color: #fff !important;
}
.ev-calc-container .result ::-moz-selection,
.ev-calc-container .breakdown ::-moz-selection,
.ev-calc-container #savings_result::-moz-selection {
background: #d0202e;
color: #fff !important;
} .ev-calc-container input::placeholder,
.ev-calc-container .fusion-text input::placeholder {
color: #fff !important;
opacity: 0.85;
} #savings_result {
color: #fff !important;
}.loan-calc-container {
font-family: 'Open Sans', sans-serif;
background: #fff;
border: 2px solid #d0202e;
padding: 25px;
max-width: 500px;
margin: 30px auto;
}
.loan-calc-container h2 {
text-align: center;
color: #555;
margin-bottom: 30px;
}
.calc-group {
margin-bottom: 25px;
}
.calc-group label {
display: block;
margin-bottom: 5px;
font-weight: 600;
}
input[type=range] {
width: 100%;
-webkit-appearance: none;
height: 6px;
border-radius: 5px;
background: #ccc;
outline: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #d0202e;
cursor: pointer;
}
.value-display {
margin-top: 5px;
font-size: 14px;
color: #d0202e;
font-weight: bold;
}
.result-box {
text-align: center;
margin-top: 30px;
}
#repaymentAmount {
font-size: 36px;
font-weight: bold;
color: #d0202e;
}
.disclaimer {
font-size: 12px;
color: #888;
margin-top: 15px;
}