body {font-family:Roboto;font-size:16px;line-height:24px;color:#102446;padding:0;margin:0;}

header,h2 {display:none;}

main, header {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}

h1, h2, h3 {font-family:Roboto Condensed;}

h1 {font-size: 40px;margin-top:0;}
h2 {font-size: 30px;margin-top:0;margin-bottom:15px;}
h3 {font-size: 22px;margin-top:0;margin-bottom:15px;line-height:28px;}

p, li {font-family: Roboto; font-size:16px;}

#owedOutput::before,#depositOutput::before,.owed-overview::before {
  content: "$";
}

.outcomes section:nth-child(1), .outcomes section:nth-child(2),
.min-payment-label, .outcome .debt-settlement,.sliders .slider:nth-child(2), .sliders .slider:nth-child(3) {
  display: none;
}

.outcome .risks li::before {
  content: " ";
  display: block;
  width: 25px;
  height: 25px;
  background: url('https://www.greenpath.com/wp-content/uploads/2026/04/material-icon_caution-orange.svg');
    background-repeat: repeat;
    background-size: auto;
  float: left;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* The Track */
input[type="range"]::-moz-range-track {
  background: #fdf0e8;
  height: 8px;
  border-radius: 4px;
}

/* The Track */
input[type="range"]::-webkit-slider-runnable-track {
  background: #fdf0e8;
  height: 8px;
  border-radius: 4px;
}

/* The Thumb */
input[type="range"]::-moz-range-thumb {
  background-color: #EB7125;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: none;
}

/* The Thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Required to apply styles */
  appearance: none;
  margin-top: -4px; /* Centers thumb on the track */
  background-color: #EB7125;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}

/* The "Progress" (Left side of thumb) */
input[type="range"]::-moz-range-progress {
  background-color: #EB7125;
  height: 8px;
  border-radius:6px;
}


/** LAYOUT**/

.sliders {
  background: #fdf0e8;
  padding: 30px;
  border-radius: 8px 8px 0 0;
}
.slider {
  padding: 30px;
  border: 1px solid #fadbc8;
  border-radius: 8px;
  display:flex;
  flex-direction:column;
  background:#fff;
}

.slider output {
  margin-block-end: 0;
  margin-top: auto;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 9px 12px 6px 12px;
  font-weight: 700;
}
.slider .range {
  margin-top: 15px;
}
.slider .field {
  margin-bottom: 30px;
}

.sliders .high-interest > div {
  border-bottom: 1px dotted #EB7125;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.high-interest > div:last-child {
  border-bottom: 0;
}

.scenarios {
  border-radius: 0 0px 8px 8px;
  padding: 0 30px 30px 30px;
  background: #fdf0e8;
}



.sliders .high-interest > div::before {
  content: " ";
  background: url('https://www.greenpath.com/wp-content/uploads/2026/04/material-icon_east-arrow-orange.svg');
  display: block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  float: left;
  margin-right: 5px;
  background-size:75%;
}

.sliders .total-out-of-pocket-25, .sliders .taxable-amount-25 {
  background: #fadbc8;
  padding: 3px;
  border-radius: 2px;
}

.risks ul {padding-left:0;padding-bottom:0;margin-bottom:0;}

.risks li {
  list-style-type: none;
  margin-bottom: 12px;
  background: #fadbc8;
  padding: 15px;
  border-radius: 8px;
}

.risks li::last-child {margin-bottom: 0px;}


/* (screens 1280px and up) */
@media only screen and (min-width: 1280px) {

}

/* (screens 1024px and up) */
@media only screen and (min-width: 1024px) {

.calculations {
  padding: 30px 0px 0px 0px;
}

}

/* (screens 769px and up) */
@media only screen and (min-width: 769px) {

.grid {
  display: flex;
  gap: 50px;
}

.slider {
  width: 40%;
}

.sliders .outcomes {
  width: 60%;
}

}

/* (screens 1280px and down) */
@media only screen and (max-width: 1280px) {
}

/* (screens 1024px and down) */
@media only screen and (max-width: 1024px) {
.calculations {
  padding: 30px 30px 0px 30px;
}
}

/* (screens 768px and down) */
@media only screen and (max-width: 768px) {

.slider {
  margin-bottom:30px;
}

}