.phev-calculator-container{background-color:#121212;max-height:fit-content;overflow-y:hidden}
@media (max-width:1240px){.phev-calculator-container{max-height:fit-content}}
.mobile{display:none !important}
@media (max-width:1240px){.mobile{display:flex !important}}
.desktop{display:block}
@media (max-width:1240px){.desktop{display:none}}
h1,h2,h3,h4,p{font-family:"Source Sans 3",sans-serif !important;margin-bottom:0}
.phev-calculator-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:80vh;min-height:480px;background:linear-gradient(to bottom,rgba(18,60,71,0) 75%,#121212 98%),url("../themes/demo/assets/images/phev-calculator/calculator_header_bg.webp") top no-repeat;background-size:cover;padding-top:150px;position:relative}
.phev-calculator-header .title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}
.phev-calculator-header .title h1{font-weight:700;margin-bottom:0;letter-spacing:0;font-family:"Helvetica Neue",sans-serif !important}
@media (max-width:1240px){.phev-calculator-header .title{flex-direction:column;padding-top:0}}
@media (max-width:767px){.phev-calculator-header .title{padding-top:30px}}
.phev-calculator-header .desc{width:68lvw;height:100%;text-align:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:20px}
.phev-calculator-header .desc .ac-shs-logo{display:flex;justify-content:space-between}
.phev-calculator-header .desc .ac-shs-logo img{height:7lvh}
.phev-calculator-header .desc p{font-family:"Source Sans 3";font-weight:600;font-size:clamp(16px,2.5vw,32px);letter-spacing:0;line-height:auto;text-align:center}
@media (max-width:1240px){.phev-calculator-header .desc{width:100%;padding:0 40px}}
.phev-calculator-header h1{font-family:"Helvetica Neue thin";font-size:65px;font-weight:100;letter-spacing:0.08em;text-align:center;margin-bottom:3px}
@media (max-width:1240px){.phev-calculator-header h1{font-size:40px}}
.phev-calculator-header h3{font-family:"Helvetica Neue thin";font-size:35px;text-align:center}
@media (max-width:1240px){.phev-calculator-header h3{font-size:24px}}
.phev-calculator-header .j7phev-masthead{height:5vh}
@media (max-width:1240px){.phev-calculator-header{background:linear-gradient(to bottom,rgba(18,60,71,0) 75%,#121212 98%),url("../themes/demo/assets/images/phev-calculator/calculator_header_bg_mobile.webp") no-repeat;background-size:cover;background-position:bottom;height:100lvh}.phev-calculator-header .j7phev-masthead{height:4.5vh}}
@media (max-height:735px){.phev-calculator-header{background-position:center}}
.phev-calculator-content{background:linear-gradient(0deg,#121212 65%,#121212 99%);min-height:100lvh;padding:50px 170px}
@media (max-width:1240px){.phev-calculator-content{padding:50px 20px}}
.phev-calculator-content .phev-calculator-content-container{display:flex;flex-direction:column;align-items:center;gap:20px;height:100%;width:100%}
.phev-calculator-content .phev-calculator-content-container .hybrid-logo,.phev-calculator-content .phev-calculator-content-container .fuel-logo{margin-bottom:30px}
.phev-calculator-content .phev-calculator-content-container .distance-slider{width:100%;font-size:24px;font-weight:600;display:flex;flex-direction:column;gap:15px}
.phev-calculator-content .phev-calculator-content-container .distance-slider .title-distance{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
.phev-calculator-content .phev-calculator-content-container .distance-slider .title-distance p{font-family:"Source Sans 3",sans-serif;font-weight:700;font-size:clamp(16px,2.5vw,24px);margin-bottom:0}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .distance-slider .title-distance p{font-size:clamp(20px,2.5vw,24px)}}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-value{width:max-content;text-align:center;color:#fff;padding:10px 40px;border-radius:10px;background:rgba(0,0,0,0.57);border:1px solid #fff;backdrop-filter:blur(15px);box-shadow:0px 0px 20px 0px #33D5FF66;font-size:clamp(20px,2.5vw,20px)}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-value-desktop{display:block}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-value-desktop{display:none}}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-value-mobile{display:none}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-value-mobile{display:block;width:100%;font-size:clamp(16px,2.5vw,20px)}}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]{-webkit-appearance:none;width:100%;height:8px;background:none;border-radius:4px;outline:none;transition:background 450ms ease-in}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]::-webkit-slider-runnable-track{height:8px;background:transparent;border-radius:4px}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 0 8px #00eaff55;cursor:pointer;transition:border 0.2s,box-shadow 0.2s;margin-top:-8px}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]::-moz-range-track{height:8px;background:transparent;border-radius:4px}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]::-moz-range-thumb{width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 0 8px #00eaff55;cursor:pointer;transition:border 0.2s,box-shadow 0.2s}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]::-ms-fill-lower{background:#00eaff;border-radius:4px}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]::-ms-fill-upper{background:#cfd8dc;border-radius:4px}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]::-ms-thumb{width:24px;height:24px;background:#fff;border:3px solid #00eaff;border-radius:50%;box-shadow:0 0 8px #00eaff55;cursor:pointer;transition:border 0.2s,box-shadow 0.2s}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]:focus{outline:none}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]:focus::-webkit-slider-thumb{outline:none;box-shadow:0 0 12px #00eaff99}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]:focus::-moz-range-thumb{outline:none;box-shadow:0 0 12px #00eaff99}
.phev-calculator-content .phev-calculator-content-container .distance-slider .distance-slider-options input[type="range"]:focus::-ms-thumb{outline:none;box-shadow:0 0 12px #00eaff99}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px;width:100%}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container{grid-template-columns:1fr}}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .title{font-family:"Source Sans 3";font-weight:700;font-size:clamp(24px,2.5vw,32px);align-self:start;margin-bottom:0}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .hybrid-slider-container,.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .fuel-slider-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:start;gap:20px}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .electric-settings,.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .fuel-settings,.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .fuel-slider-settings{display:flex;gap:20px;flex-direction:column;align-items:center;width:100%}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .results-container{display:flex;align-items:center;justify-content:space-between;width:100%}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .results-container .results-value{color:#2BCED7;font-family:"Helvetica Neue";font-weight:700;font-size:32px;line-height:100%;letter-spacing:0;text-align:right}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .results-container h3{font-size:clamp(16px,2.5vw,20px);font-weight:700}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .results-container h3{width:40%}}
.phev-calculator-content .phev-calculator-content-container .hybrid-fuel-container .results-container p{font-size:clamp(24px,2.5vw,32px);margin-bottom:0}
.phev-calculator-content .phev-calculator-content-container .savings-container{display:flex;align-items:center;justify-content:space-around;gap:20px;width:100%}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .savings-container{flex-direction:column}}
.phev-calculator-content .phev-calculator-content-container .savings-container .phev-savings{display:flex;justify-content:center;align-items:center;gap:10px;width:45%}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .savings-container .phev-savings{width:100%;flex-direction:column;text-align:center}}
.phev-calculator-content .phev-calculator-content-container .savings-container .phev-savings .phev-savings-value{display:flex;flex-direction:column;align-items:center;justify-content:center}
.phev-calculator-content .phev-calculator-content-container .savings-container .phev-savings .phev-savings-value .phev-savings-value-percentage{color:#2BCED7;font-family:"Helvetica Neue";font-weight:700}
.phev-calculator-content .phev-calculator-content-container .savings-container .phev-savings .phev-savings-value h4{font-size:clamp(20px,2.5vw,20px);font-weight:700;margin-bottom:0;letter-spacing:0}
.phev-calculator-content .phev-calculator-content-container .savings-container .phev-savings .phev-savings-value span{font-size:clamp(64px,2.5vw,85px)}
.phev-calculator-content .phev-calculator-content-container .savings-container .total-savings{display:flex;flex-direction:column;justify-content:space-between;gap:10px;width:45%;padding:0 0 0 20px}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .savings-container .total-savings{width:100%;padding:0}}
.phev-calculator-content .phev-calculator-content-container .savings-container .total-savings .savings-per-day,.phev-calculator-content .phev-calculator-content-container .savings-container .total-savings .savings-per-year{display:flex;justify-content:space-between}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .savings-container .total-savings .savings-per-day,.phev-calculator-content .phev-calculator-content-container .savings-container .total-savings .savings-per-year{flex-direction:column;align-items:center}}
.phev-calculator-content .phev-calculator-content-container .savings-container .total-savings .total-savings-value{color:#2BCED7;font-weight:700;font-size:clamp(32px,2.5vw,32px)}
.phev-calculator-content .phev-calculator-content-container .savings-container .split-line{width:2px;height:150px;background:#5C5C5C;margin:0 40px;align-self:stretch;border:none;display:block}
@media (max-width:1240px){.phev-calculator-content .phev-calculator-content-container .savings-container .split-line{width:100%;height:2px;margin:0}}
.phev-calculator-content .phev-calculator-content-container .savings-container p{font-size:clamp(20px,2.5vw,20px)}
.mobile-title{flex-direction:column;width:100%;gap:15px}
.mobile-title .dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}
.mobile-title .dropdown-toggle h2{font-size:clamp(20px,2.5vw,24px);margin-bottom:0}
.mobile-title i{font-size:24px;color:#FFF}
.mobile-title .seperation-line{border-bottom:1.6px solid #FFF}
.break-line{border-bottom:2px solid #4C4C4C;height:1px;margin:10px 0;width:100%}
.pill-container{padding:50px 80px;border-radius:10px;background:#1D1D1D}
.pill-container.light{background:#414141}
@media (max-width:1240px){.pill-container{padding:50px 20px}}
@media (max-width:1240px){.full-last-for{flex-direction:column}.full-last-for h3{width:100% !important;text-align:center}}
.range-sliders{width:100%;font-size:24px;font-weight:600;display:flex;flex-direction:column;gap:20px}
.range-sliders .slider-title{display:flex;flex-wrap:wrap;gap:5px}
.range-sliders .title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
.range-sliders .title p{font-family:"Source Sans 3";font-size:clamp(16px,2.5vw,20px);margin-bottom:0;letter-spacing:0;font-weight:400}
@media (max-width:1240px){.range-sliders .title .slider-with-unit{width:50%}}
.range-sliders .title-column{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
@media (max-width:1240px){.range-sliders .title-column{flex-direction:column;align-items:start;gap:15px}.range-sliders .title-column .slider-with-unit{width:100%}}
.range-sliders .title-column p{font-family:"Source Sans 3";font-size:clamp(16px,2.5vw,20px);margin-bottom:0;letter-spacing:0;font-weight:400}
.range-sliders .slider-with-unit{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:rgba(0,0,0,0.57);border:1px solid #fff;border-radius:10px;backdrop-filter:blur(15px);box-shadow:0px 0px 20px 0px #33D5FF66;padding:5px 10px;min-width:40%}
.range-sliders .slider-value{width:auto;text-align:center;font-size:clamp(16px,2.5vw,20px);color:#fff;border:none;background:transparent;outline:none}
.range-sliders .unit{color:#fff;font-size:clamp(16px,2.5vw,20px)}
.range-sliders .slider-options{width:100%}
.range-sliders .slider-options input[type="range"]{-webkit-appearance:none;width:100%;height:8px;background:none;border-radius:4px;outline:none;transition:background 450ms ease-in}
.range-sliders .slider-options input[type="range"]::-webkit-slider-runnable-track{height:8px;background:transparent;border-radius:4px}
.range-sliders .slider-options input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 0 8px #00eaff55;cursor:pointer;transition:border 0.2s,box-shadow 0.2s;margin-top:-8px}
.range-sliders .slider-options input[type="range"]::-moz-range-track{height:8px;background:transparent;border-radius:4px}
.range-sliders .slider-options input[type="range"]::-moz-range-thumb{width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 0 8px #00eaff55;cursor:pointer;transition:border 0.2s,box-shadow 0.2s}
.range-sliders .slider-options input[type="range"]::-ms-fill-lower{background:#00eaff;border-radius:4px}
.range-sliders .slider-options input[type="range"]::-ms-fill-upper{background:#cfd8dc;border-radius:4px}
.range-sliders .slider-options input[type="range"]::-ms-thumb{width:24px;height:24px;background:#fff;border:3px solid #00eaff;border-radius:50%;box-shadow:0 0 8px #00eaff55;cursor:pointer;transition:border 0.2s,box-shadow 0.2s}
.range-sliders .slider-options input[type="range"]:focus{outline:none}
.range-sliders .slider-options input[type="range"]:focus::-webkit-slider-thumb{outline:none;box-shadow:0 0 12px #00eaff99}
.range-sliders .slider-options input[type="range"]:focus::-moz-range-thumb{outline:none;box-shadow:0 0 12px #00eaff99}
.range-sliders .slider-options input[type="range"]:focus::-ms-thumb{outline:none;box-shadow:0 0 12px #00eaff99}