#sqf-wrap { max-width:600px; margin:20px auto; }
#sqf-progress { display:flex; justify-content:space-between; margin-bottom:15px; }
#sqf-progress .sqf-step { flex:1; text-align:center; padding:15px 5px; border-top:2px solid #ccc; position:relative; }

#sqf-progress .sqf-step::before{ content:""; width:16px; height:16px; border-radius:32px; background:#bababa; position:absolute; left:50%; margin-left:-8px; top:-10px; z-index:8!important; }

#sqf-progress .sqf-step.sqf-active::before{ content:""; width:16px; height:16px; border-radius:32px; background:#107ac4; position:absolute; left:50%; margin-left:-8px; top:-10px; z-index:8!important; }

#sqf-progress .sqf-step.sqf-active { border-color:#0073e6; font-weight:bold; color:#0073e6; }
.sqf-step-panel { padding:15px; border:1px solid #ddd; border-radius:8px; }
 
#sqf-message { margin-top:15px; font-weight:bold; }
.consumer-quote h2{ font-family: "Inter", Sans-serif; font-size: 34px; font-weight: 700; line-height: 42px; color: #103845; text-align:center; }
.consumer-quote h2 span.debt{ color:#0D6C9B; }

.sqf-step-panel.step-one{ text-align:center; }

.sqf-step-panel.step-one label{ width:150px; border:1px solid #eee; padding:100px 10px 20px 10px; position:relative; font-weight:600; text-align:center; color:#000;}

.sqf-step-panel.step-one label.credit-card::before{ content:""; position:absolute; background:url("https://cdhassoc.org/wp-content/uploads/2025/10/credit-card.jpg") top no-repeat; width:70px; height:49px; left:50%; margin-left:-35px; top:15px; }

.sqf-step-panel.step-one label.loan::before{ content:""; position:absolute; background:url("https://cdhassoc.org/wp-content/uploads/2025/10/loan.jpg") top no-repeat; width:60px; height:62px; left:50%; margin-left:-30px; top:15px; }

.sqf-step-panel.step-one label.medical::before{ content:""; position:absolute; background:url("https://cdhassoc.org/wp-content/uploads/2025/10/medical.jpg") top no-repeat; width:62px; height:67px; left:50%; margin-left:-31px; top:15px; }

button.sqf-next, button.sqf-submit{ background:#107ac4; border:1px solid #107ac4!important; padding:10px 60px; border-radius:32px; color:#fff; font-size:20px; font-weight:600; margin-top:20px; }

.sqf-step-panel.step-two label{ width:100%; color:#000; font-weight:600; font-size:18px; }
.sqf-step-panel.step-two input[type="range"]{ width:100%; }
.sqf-step-panel.step-two #debtValue{ width: auto;  background: #000;  display: table;  padding: 10px;  color: #fff; }
.sqf-step-panel.step-three{ text-align:center; }
.sqf-step-panel.step-three h3{ font-family: "Inter", Sans-serif;  font-size: 28px;  font-weight: 600;  line-height: 36px;  color: #103845;}

.sqf-step-panel.step-three p span#resultDebt{ font-family: "Inter", Sans-serif;  font-size: 30px;  font-weight: 700;  line-height: 31px;  color: #0D6C9B; }
.sqf-step-panel.step-three p { font-family: "Inter", Sans-serif;  font-size: 30px;  font-weight: 700;  line-height: 31px;  color: #0D6C9B; }

.sqf-step-panel.step-three input[type="text"]{ background:#f7f7f7!important; border:none; padding:15px 20px; color:#000; margin-bottom:20px; }

.sqf-step-panel.step-three input[type="email"]{ background:#f7f7f7!important; border:none; padding:15px 20px; color:#000; margin-bottom:20px; } 
.sqf-step-panel.step-three input[type="tel"]{ background:#f7f7f7!important; border:none; padding:15px 20px; color:#000; margin-bottom:20px; }