/* Responsive Quiz & Multi-Step Funnel Styles (Mobile Perfected) */

.quiz-page-container {
  max-width: 740px;
  margin: 1.5rem auto 4rem auto;
  padding: 0 1rem;
}

/* Progress Bar Track with Floating Pill Badge */
.quiz-top-progress-wrapper {
  margin-bottom: 2rem;
  position: relative;
}

.quiz-progress-badge-container {
  display: flex;
  justify-content: center;
  margin-bottom: -13px;
  position: relative;
  z-index: 2;
}

.quiz-progress-pill {
  background: #ffffff;
  border: 1.5px solid #0f172a;
  border-radius: 9999px;
  padding: 2px 14px;
  font-size: 0.78rem;
  font-weight: 800;
  color: #0f172a;
  box-shadow: 0 2px 5px rgba(0,0,0,0.04);
}

.quiz-progress-line-track {
  width: 100%;
  height: 4px;
  background-color: #e2e8f0;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  position: relative;
}

.quiz-progress-line-fill {
  height: 100%;
  background: #10b981;
  border-radius: 9999px;
  transition: width 0.35s ease;
}

.quiz-progress-check-circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #a7f3d0;
  color: #047857;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 900;
  position: absolute;
  right: 0;
  top: -9px;
}

/* Quiz Card Container with Top-Left Back Arrow */
.quiz-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 2rem 1.5rem;
  text-align: center;
  position: relative;
}

@media (min-width: 640px) {
  .quiz-card {
    padding: 2.5rem 2.25rem;
  }
}

/* Top-Left Circular Back Button */
.quiz-top-back-btn {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 800;
  transition: all 0.2s ease;
  z-index: 10;
}

.quiz-top-back-btn:hover {
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
}

.quiz-step-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 0.4rem;
  letter-spacing: -0.02em;
}

.quiz-step-subtitle-italic {
  font-size: 1.05rem;
  color: #475569;
  font-style: italic;
  margin-bottom: 2rem;
  font-weight: 400;
}

.quiz-step-subtitle-italic strong {
  font-style: normal;
  font-weight: 800;
  color: #0f172a;
}

.quiz-step-subtitle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 1.05rem;
  color: #1e293b;
  margin-bottom: 2rem;
  font-style: italic;
  font-weight: 500;
}

.quiz-step-subtitle-icon svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.quiz-step-subtitle-icon strong {
  font-weight: 800;
  font-style: normal;
}

/* 2-Column Choice Grid */
.quiz-choices-2col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.85rem;
  max-width: 540px;
  margin: 0 auto;
}

@media (min-width: 500px) {
  .quiz-choices-2col {
    grid-template-columns: 1fr 1fr;
  }
}

.quiz-choice-tile {
  background: #ffffff;
  border: 1.5px solid #0f172a;
  border-radius: 12px;
  padding: 1.15rem 1rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  transition: all 0.2s ease;
  min-height: 60px;
}

.quiz-choice-tile:hover {
  border-color: #ff5700;
  background: #fff7ed;
  color: #ff5700;
  transform: translateY(-1px);
}

/* Logo Tiles */
.quiz-logo-tile {
  background: #ffffff;
  border: 1.5px solid #0f172a;
  border-radius: 12px;
  height: 64px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.quiz-logo-tile:hover {
  border-color: #ff5700;
  background: #fff7ed;
  transform: translateY(-1px);
}

.quiz-logo-tile img {
  max-width: 115px;
  max-height: 36px;
  object-fit: contain;
}

.quiz-fullwidth-btn {
  width: 100%;
  max-width: 540px;
  height: 56px;
  background: #ffffff;
  border: 1.5px solid #0f172a;
  border-radius: 12px;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  cursor: pointer;
  margin: 0.65rem auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.quiz-fullwidth-btn:hover {
  border-color: #ff5700;
  background: #fff7ed;
  color: #ff5700;
}

/* Discount Multi-Toggles (Matching Reference Image 4) */
.quiz-discount-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 520px;
  margin: 0 auto 1.35rem auto;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  text-align: left;
  gap: 1.5rem;
}

.quiz-toggle-pill-container {
  display: flex;
  border: 1.5px solid #0f172a;
  border-radius: 9999px;
  overflow: hidden;
  background: #ffffff;
  min-width: 170px;
}

.quiz-toggle-side-btn {
  flex: 1;
  padding: 0.65rem 1rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #475569;
  border: none;
  background: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.15s ease;
}

.quiz-toggle-side-btn.selected {
  background: #a7f3d0;
  color: #065f46;
  font-weight: 800;
}

/* Input Fields & Autocomplete */
.quiz-field-group {
  text-align: left;
  margin-bottom: 1.25rem;
  position: relative;
}

.quiz-field-label {
  display: block;
  font-size: 0.88rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 0.4rem;
}

.quiz-input-with-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.quiz-input-field {
  width: 100%;
  height: 56px;
  padding: 0 3rem 0 1.25rem;
  font-size: 1.05rem;
  border: 1.5px solid #0f172a;
  border-radius: 12px;
  outline: none;
  color: #0f172a;
  background: #ffffff;
  transition: all 0.2s ease;
  font-family: inherit;
}

.quiz-input-field:focus {
  border-color: #ff5700;
  box-shadow: 0 0 0 3px rgba(255, 87, 0, 0.15);
}

.quiz-input-icon {
  position: absolute;
  right: 1.25rem;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #0f172a;
  stroke-width: 2;
  pointer-events: none;
}

.address-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1.5px solid #0f172a;
  border-radius: 12px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
  z-index: 999999;
  max-height: 260px;
  overflow-y: auto;
  margin-top: 4px;
}

.address-suggestion-item {
  padding: 0.85rem 1.25rem;
  font-size: 0.95rem;
  color: #1e293b;
  cursor: pointer;
  border-bottom: 1px solid #f1f5f9;
  text-align: left;
}

.address-suggestion-item:hover {
  background-color: #f8fafc;
  color: #ff5700;
  font-weight: 600;
}

.hero-btn-continue {
  height: 56px;
  background: #ff5700;
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 700;
  padding: 0 2rem;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(255, 87, 0, 0.25);
}

.hero-btn-continue:hover {
  background: #e64d00;
  transform: translateY(-1px);
}

.quiz-tcpa-text {
  font-size: 0.72rem;
  color: #64748b;
  line-height: 1.5;
  text-align: center;
  margin-top: 1.25rem;
}

.quiz-tcpa-text a {
  color: #0284c7;
  text-decoration: underline;
}

/* Circular Calculating Results Loader */
.circular-progress-box {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  margin: 1.5rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.circular-progress-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.circular-progress-bg {
  fill: none;
  stroke: #e2e8f0;
  stroke-width: 6;
}

.circular-progress-bar {
  fill: none;
  stroke: #10b981;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 377;
  stroke-dashoffset: 280;
  transition: stroke-dashoffset 0.4s ease;
}

.circular-progress-percent {
  font-size: 1.5rem;
  font-weight: 900;
  color: #0f172a;
}

.circular-progress-logo {
  height: 20px;
  margin-top: 4px;
}

/* Eye-Catchy Premium Result Offer Card */
.premium-result-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  position: relative;
  padding: 2.5rem 2rem;
  text-align: left;
  max-width: 680px;
  margin: 0 auto;
  overflow: hidden;
}

.top-pick-ribbon {
  position: absolute;
  top: 0;
  right: 0;
  background: #0066cc;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 800;
  padding: 8px 24px;
  border-bottom-left-radius: 12px;
  letter-spacing: 0.5px;
}

.result-card-carrier-logo {
  height: 44px;
  margin-bottom: 1.25rem;
}

.result-card-highlight-badge {
  display: inline-block;
  background: #fef08a;
  color: #854d0e;
  font-size: 0.85rem;
  font-weight: 900;
  padding: 4px 10px;
  letter-spacing: 0.5px;
  margin-bottom: 0.75rem;
}

.result-card-headline {
  font-size: 1.25rem;
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 1.75rem;
}

.result-action-split-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: center;
}

@media (min-width: 580px) {
  .result-action-split-box {
    grid-template-columns: 1.2fr 0.8fr;
  }
}

.btn-view-my-quote {
  width: 100%;
  height: 54px;
  background: #0066cc;
  color: #ffffff;
  font-size: 1.15rem;
  font-weight: 800;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 14px rgba(0, 102, 204, 0.3);
  text-decoration: none;
}

.btn-view-my-quote:hover {
  background: #0052a3;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 102, 204, 0.4);
}

.result-card-location-badge {
  background: #fde68a;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #78350f;
  text-align: center;
}

/* Interstitial Redirecting Screen */
.redirect-modal-screen {
  position: fixed;
  inset: 0;
  background: #f8fafc;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.redirect-white-box {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  padding: 3rem 2.5rem;
  text-align: center;
  max-width: 440px;
  width: 100%;
}

.bouncing-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 1.5rem;
}

.bouncing-dots span {
  width: 8px;
  height: 8px;
  background: #ff5700;
  border-radius: 50%;
  animation: bounce 1.2s infinite ease-in-out;
}

.bouncing-dots span:nth-child(2) { animation-delay: 0.2s; }
.bouncing-dots span:nth-child(3) { animation-delay: 0.4s; }

@keyframes bounce {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}

/* Step Partners Banner (under every step) */
.quiz-step-partners-wrapper {
  margin-top: 3.5rem;
  text-align: center;
}

.quiz-step-partners-title {
  font-size: 0.82rem;
  font-style: italic;
  color: #475569;
  margin-bottom: 1.5rem;
}

.quiz-step-partners-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.75rem 2.5rem;
}

.quiz-step-partner-logo {
  height: 28px;
  max-width: 110px;
  object-fit: contain;
}

/* MOBILE RESPONSIVE TUNING FOR ALL QUIZ STEPS (Titles 2 lines max) */
@media (max-width: 640px) {
  .quiz-page-container {
    margin: 1rem auto 3rem auto;
  }
  .quiz-card {
    padding: 1.5rem 1rem;
    border-radius: 16px;
  }
  .quiz-step-title {
    font-size: 1.45rem !important;
    line-height: 1.25 !important;
    margin-bottom: 0.4rem;
  }
  .quiz-step-subtitle-italic,
  .quiz-step-subtitle-icon {
    font-size: 0.9rem;
    margin-bottom: 1.25rem;
  }
  .quiz-discount-row {
    font-size: 0.9rem;
    gap: 0.75rem;
  }
  .quiz-toggle-pill-container {
    min-width: 140px;
  }
  .quiz-toggle-side-btn {
    padding: 0.5rem 0.65rem;
    font-size: 0.85rem;
  }
  .quiz-input-field {
    height: 50px;
    font-size: 0.95rem;
  }
  .quiz-top-back-btn {
    top: 1rem;
    left: 1rem;
    width: 32px;
    height: 32px;
    font-size: 0.95rem;
  }
}

/* Working address autocomplete dropdown */
.quiz-field-group { position: relative; }
.address-dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 1px);
  z-index: 99999;
  background: #fff;
  border: 2px solid #1f2937;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 16px 35px rgba(15, 23, 42, 0.18);
  max-height: 390px;
  overflow-y: auto;
}
.address-suggestion-item {
  padding: 12px 15px;
  font-size: 1rem;
  line-height: 1.35;
  color: #06101f;
  cursor: pointer;
  background: #fff;
}
.address-suggestion-item:hover,
.address-suggestion-item:focus {
  background: #f3f4f6;
}
@media (max-width: 640px) {
  .address-suggestion-item { font-size: 0.92rem; padding: 11px 13px; }
  .address-dropdown-menu { max-height: 310px; }
}

/* V25 all quiz/form step headings smaller on mobile */
@media (max-width: 768px) {
  .quiz-step-title,
  .quiz-step-partners-title {
    font-size: 1.75rem !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
  }
}
@media (max-width: 420px) {
  .quiz-step-title,
  .quiz-step-partners-title {
    font-size: 1.45rem !important;
    line-height: 1.2 !important;
  }
}

/* V26 final quiz step mobile headings: keep long titles compact */
@media (max-width: 768px) {
  .quiz-page-container {
    margin-top: 0.35rem !important;
  }
  .quiz-card {
    padding-top: 1rem !important;
  }
  .quiz-step-title,
  .quiz-step-partners-title {
    font-size: clamp(1.22rem, 5.2vw, 1.6rem) !important;
    line-height: 1.14 !important;
    font-weight: 650 !important;
    max-width: 96% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-wrap: balance;
  }
  .quiz-step-subtitle-italic,
  .quiz-step-subtitle-icon {
    font-size: clamp(0.86rem, 3.5vw, 1rem) !important;
    line-height: 1.3 !important;
  }
}
@media (max-width: 420px) {
  .quiz-step-title,
  .quiz-step-partners-title {
    font-size: clamp(1.08rem, 4.8vw, 1.35rem) !important;
  }
}

/* V27 first-step mobile choice tiles: reference-style horizontal compact cards */
@media (max-width:640px){
  #step-1 .quiz-choices-2col{gap:14px!important;margin-top:1.4rem!important;max-width:100%!important;}
  #step-1 .quiz-choice-tile{
    height:82px!important;min-height:82px!important;width:100%!important;
    flex-direction:row!important;justify-content:space-between!important;align-items:center!important;
    padding:0 24px!important;border-radius:14px!important;gap:1rem!important;
    font-size:1.18rem!important;font-weight:750!important;text-align:left!important;
  }
  #step-1 .quiz-choice-tile span{order:1!important;}
  #step-1 .quiz-choice-tile svg{order:2!important;width:34px!important;height:34px!important;flex:0 0 34px!important;}
}

/* V29 Step 2 provider layout + back button placement */
@media (max-width: 640px) {
  /* Back button under the question instead of overlapping the question line */
  .quiz-top-back-btn {
    top: 5.15rem !important;
    left: 1rem !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 1rem !important;
  }

  /* Only Step 2 provider logo boxes: 2 columns per row */
  #step-h2-provider .quiz-choices-2col {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h2-provider .quiz-logo-tile {
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    padding: 0.55rem 0.65rem !important;
    border-radius: 12px !important;
  }

  #step-h2-provider .quiz-logo-tile img {
    max-width: 100px !important;
    max-height: 34px !important;
  }

  /* Keep the two text buttons as one full-width column */
  #step-h2-provider .quiz-fullwidth-btn {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 380px) {
  #step-h2-provider .quiz-logo-tile {
    height: 70px !important;
    min-height: 70px !important;
  }
  #step-h2-provider .quiz-logo-tile img {
    max-width: 86px !important;
    max-height: 30px !important;
  }
}

/* V30 Back button at the bottom like a form action button */
@media (max-width: 640px) {
  .quiz-card {
    padding-bottom: 5.25rem !important;
  }
  .quiz-top-back-btn {
    top: auto !important;
    bottom: 1rem !important;
    left: 1rem !important;
    right: 1rem !important;
    width: auto !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    gap: 6px !important;
  }
  .quiz-top-back-btn::after {
    content: "Back";
    font-size: 1rem;
    font-weight: 800;
  }
}

/* V31 Discount step reference-style layout */
#step-h11-discounts,
#step-r3-discounts {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
#step-h11-discounts .quiz-discount-row,
#step-r3-discounts .quiz-discount-row {
  max-width: 540px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 184px;
  align-items: center;
  gap: 1rem;
  margin: 0 auto 1.15rem auto;
}
#step-h11-discounts .quiz-discount-row > span,
#step-r3-discounts .quiz-discount-row > span {
  font-size: 1.04rem;
  line-height: 1.28;
  font-weight: 800;
}
#step-h11-discounts .quiz-toggle-pill-container,
#step-r3-discounts .quiz-toggle-pill-container {
  min-width: 184px;
  height: 48px;
}
#step-h11-discounts .quiz-toggle-side-btn,
#step-r3-discounts .quiz-toggle-side-btn {
  font-size: 1rem;
  font-weight: 800;
  padding: 0.55rem 0.9rem;
}
#step-h11-discounts #step-h11-continue,
#step-r3-discounts #step-r3-continue {
  max-width: 540px !important;
  height: 64px !important;
  margin-top: 1.75rem !important;
}

@media (max-width: 640px) {
  #step-h11-discounts,
  #step-r3-discounts {
    max-width: 100%;
  }
  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title {
    max-width: 88% !important;
    margin-bottom: 1.45rem !important;
  }
  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row {
    grid-template-columns: minmax(0, 1fr) 176px;
    gap: 0.8rem;
    margin-bottom: 1.25rem;
  }
  #step-h11-discounts .quiz-discount-row > span,
  #step-r3-discounts .quiz-discount-row > span {
    font-size: 1rem;
    line-height: 1.35;
  }
  #step-h11-discounts .quiz-toggle-pill-container,
  #step-r3-discounts .quiz-toggle-pill-container {
    min-width: 176px;
    height: 46px;
  }
  #step-h11-discounts .quiz-toggle-side-btn,
  #step-r3-discounts .quiz-toggle-side-btn {
    font-size: 0.94rem;
    padding: 0.5rem 0.72rem;
  }
}

@media (max-width: 390px) {
  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }
  #step-h11-discounts .quiz-toggle-pill-container,
  #step-r3-discounts .quiz-toggle-pill-container {
    width: 100%;
    min-width: 0;
  }
}

/* V32 Discount step exact reference: mobile stacked cards, desktop right-side cards */
#step-h11-discounts .quiz-discount-row,
#step-r3-discounts .quiz-discount-row {
  max-width: 620px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  align-items: center !important;
  gap: 1.15rem !important;
  margin: 0 auto 1.25rem auto !important;
  text-align: left !important;
}

#step-h11-discounts .quiz-discount-row > span,
#step-r3-discounts .quiz-discount-row > span {
  font-size: 1.05rem !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  color: #06101f !important;
}

#step-h11-discounts .quiz-toggle-pill-container,
#step-r3-discounts .quiz-toggle-pill-container {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.75rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

#step-h11-discounts .quiz-toggle-side-btn,
#step-r3-discounts .quiz-toggle-side-btn {
  min-height: 54px !important;
  width: 100% !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #06101f !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  justify-content: flex-start !important;
  padding: 0.75rem 1rem !important;
  gap: 0.75rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

#step-h11-discounts .quiz-toggle-side-btn.selected,
#step-r3-discounts .quiz-toggle-side-btn.selected {
  background: #99f6e4 !important;
  border-color: #2fc5a9 !important;
  color: #06101f !important;
  box-shadow: inset 0 0 0 1px rgba(47,197,169,0.35) !important;
}

#step-h11-discounts .toggle-check-icon,
#step-r3-discounts .toggle-check-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 1.5px solid #d7dbe2 !important;
  background: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  font-size: 0 !important;
  line-height: 1 !important;
  color: transparent !important;
}

#step-h11-discounts .quiz-toggle-side-btn.selected .toggle-check-icon,
#step-r3-discounts .quiz-toggle-side-btn.selected .toggle-check-icon {
  background: #31bfa7 !important;
  border-color: #31bfa7 !important;
  color: #ffffff !important;
  font-size: 0 !important;
}

#step-h11-discounts .quiz-toggle-side-btn.selected .toggle-check-icon::before,
#step-r3-discounts .quiz-toggle-side-btn.selected .toggle-check-icon::before {
  content: "✓";
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 900;
}

#step-h11-discounts #step-h11-continue,
#step-r3-discounts #step-r3-continue {
  max-width: 620px !important;
  height: 64px !important;
  margin-top: 1.65rem !important;
}

@media (max-width: 640px) {
  #step-h11-discounts,
  #step-r3-discounts {
    max-width: 100% !important;
  }

  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title {
    max-width: 92% !important;
    margin-bottom: 1.65rem !important;
  }

  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row {
    display: block !important;
    max-width: 100% !important;
    margin-bottom: 1.15rem !important;
  }

  #step-h11-discounts .quiz-discount-row > span,
  #step-r3-discounts .quiz-discount-row > span {
    display: block !important;
    font-size: 1rem !important;
    line-height: 1.32 !important;
    margin-bottom: 0.55rem !important;
  }

  #step-h11-discounts .quiz-toggle-pill-container,
  #step-r3-discounts .quiz-toggle-pill-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.65rem !important;
    width: 100% !important;
  }

  #step-h11-discounts .quiz-toggle-side-btn,
  #step-r3-discounts .quiz-toggle-side-btn {
    min-height: 52px !important;
    border-radius: 12px !important;
    padding: 0.72rem 0.9rem !important;
    font-size: 1rem !important;
  }

  #step-h11-discounts #step-h11-continue,
  #step-r3-discounts #step-r3-continue {
    max-width: 100% !important;
    height: 62px !important;
    margin-top: 1.55rem !important;
  }
}

/* V33 Desktop/web: no top arrow; Back button at bottom as form action */
.quiz-card {
  padding-bottom: 5.5rem !important;
}
.quiz-top-back-btn {
  top: auto !important;
  bottom: 1.25rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(260px, calc(100% - 2rem)) !important;
  height: 48px !important;
  border-radius: 12px !important;
  font-size: 0 !important;
  background: #ffffff !important;
  border: 1.5px solid #0f172a !important;
  color: #0f172a !important;
}
.quiz-top-back-btn::after {
  content: "Back";
  font-size: 1rem;
  font-weight: 800;
}
.quiz-top-back-btn:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
}

/* V33 Discount web layout: reference-like centered rows with options on the right */
@media (min-width: 641px) {
  #step-h11-discounts,
  #step-r3-discounts {
    max-width: 760px !important;
  }
  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title {
    margin-bottom: 3rem !important;
  }
  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row {
    max-width: 690px !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    padding-bottom: 1.35rem !important;
    border-bottom: 1px solid #e5e7eb !important;
    margin-bottom: 1.35rem !important;
  }
  #step-h11-discounts .quiz-discount-row > span,
  #step-r3-discounts .quiz-discount-row > span {
    font-size: 1.08rem !important;
  }
  #step-h11-discounts .quiz-toggle-side-btn,
  #step-r3-discounts .quiz-toggle-side-btn {
    min-height: 58px !important;
    border-radius: 12px !important;
  }
  #step-h11-discounts #step-h11-continue,
  #step-r3-discounts #step-r3-continue {
    max-width: 360px !important;
    margin-left: calc(50% + 15px) !important;
  }
}

/* V35 Professional Back + Continue action row */
.quiz-actions-row {
  width: 100%;
  max-width: 620px;
  margin: 1.65rem auto 0 auto;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 0.9rem;
  align-items: stretch;
}
.quiz-actions-row .quiz-top-back-btn {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 64px !important;
  border-radius: 12px !important;
  border: 1.5px solid #0f172a !important;
  background: #ffffff !important;
  color: #0f172a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  font-weight: 800 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.quiz-actions-row .quiz-top-back-btn::after {
  content: "Back";
  font-size: 1rem;
  font-weight: 800;
}
.quiz-actions-row .quiz-top-back-btn:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
}
.quiz-actions-row .hero-btn-continue,
.quiz-actions-row button[type="submit"],
.quiz-actions-row button[id$="continue"] {
  width: 100% !important;
  max-width: none !important;
  height: 64px !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .quiz-card { padding-bottom: 1.5rem !important; }
  .quiz-actions-row {
    max-width: 100%;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 0.75rem;
    margin-top: 1.35rem;
  }
  .quiz-actions-row .quiz-top-back-btn,
  .quiz-actions-row .hero-btn-continue,
  .quiz-actions-row button[type="submit"],
  .quiz-actions-row button[id$="continue"] {
    height: 58px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 380px) {
  .quiz-actions-row {
    grid-template-columns: 1fr;
  }
}

/* V36 Stable Back + Continue row: no stagger/misalignment */
.quiz-actions-row {
  width: 100% !important;
  max-width: 600px !important;
  margin: 1.5rem auto 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1.6fr !important;
  gap: 0.85rem !important;
  align-items: stretch !important;
}
.quiz-actions-row .quiz-top-back-btn,
.quiz-actions-row .hero-btn-continue,
.quiz-actions-row button[type="submit"],
.quiz-actions-row button[id$="continue"] {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.quiz-actions-row .quiz-top-back-btn {
  border: 1.5px solid #0f172a !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 0 !important;
  box-shadow: none !important;
}
.quiz-actions-row .quiz-top-back-btn::after {
  content: "Back" !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
}
.quiz-actions-row .hero-btn-continue {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
@media (max-width: 640px) {
  .quiz-actions-row {
    max-width: 100% !important;
    grid-template-columns: 0.85fr 1.15fr !important;
    gap: 0.7rem !important;
  }
  .quiz-actions-row .quiz-top-back-btn,
  .quiz-actions-row .hero-btn-continue,
  .quiz-actions-row button[type="submit"],
  .quiz-actions-row button[id$="continue"] {
    height: 56px !important;
    min-height: 56px !important;
  }
}
@media (max-width: 360px) {
  .quiz-actions-row {
    grid-template-columns: 1fr !important;
  }
}

/* V38 Mobile: use top arrow for step-back; no bottom Back button. Provider logos larger. */
@media (max-width: 640px) {
  .quiz-mobile-step-back {
    position: absolute !important;
    top: 0.75rem !important;
    left: 1rem !important;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    z-index: 5 !important;
  }
  .quiz-mobile-step-back::after { content: none !important; }
  .quiz-mobile-step-back::before { content: "←"; font-size: 1.05rem; font-weight: 500; }

  .quiz-actions-row .quiz-mobile-step-back,
  .quiz-actions-row .quiz-top-back-btn {
    display: none !important;
  }
  .quiz-actions-row {
    grid-template-columns: 1fr !important;
  }
}

#step-h2-provider .quiz-logo-tile img {
  max-width: 78% !important;
  max-height: 38px !important;
  width: auto !important;
  height: auto !important;
  transform: scale(1.18);
}
@media (max-width: 640px) {
  #step-h2-provider .quiz-logo-tile img {
    max-width: 82% !important;
    max-height: 42px !important;
    transform: scale(1.22);
  }
}

/* V44 Final: center Continue button and hide in-page Back button */
#quiz-top-back-btn,
.quiz-top-back-btn,
.quiz-mobile-step-back,
.quiz-desktop-action-back {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.quiz-actions-row {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 1.6rem auto 0 auto !important;
}
.quiz-actions-row .hero-btn-continue,
.quiz-actions-row button[type="submit"],
.quiz-actions-row button[id$="continue"],
#step-h11-continue,
#step-r3-continue {
  width: 100% !important;
  max-width: 520px !important;
  height: 64px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
}
@media (max-width: 640px) {
  .quiz-actions-row .hero-btn-continue,
  .quiz-actions-row button[type="submit"],
  .quiz-actions-row button[id$="continue"],
  #step-h11-continue,
  #step-r3-continue {
    max-width: 100% !important;
    height: 58px !important;
  }
}

/* V85 FINAL CLEAN PACKAGE
   Includes: all quiz background #f7f7f7, transparent step wrapper, white/light bordered boxes,
   provider step 2-line heading, plus icon removed by HTML/CSS, result cards preserved/polished. */
html, body, .quiz-page-container, #quiz-app { background:#f7f7f7 !important; }
.quiz-page-container { max-width:740px; margin:1.5rem auto 4rem auto; padding:0 1rem; }
.quiz-card { background:transparent !important; box-shadow:none !important; border:0 !important; }
.quiz-step { background:transparent !important; box-shadow:none !important; border:0 !important; }
.quiz-choice-tile, .quiz-logo-tile, .quiz-fullwidth-btn, input, select, textarea, .quiz-input, .form-input {
  border-color:#cfd6e0 !important; border-width:1px !important; box-shadow:none !important;
}
.quiz-choice-tile, .quiz-logo-tile, .quiz-fullwidth-btn { background:#fff !important; }
.quiz-step-subtitle-icon svg { display:none !important; }
.quiz-step-subtitle-icon { justify-content:center !important; gap:0 !important; max-width:460px !important; margin-left:auto !important; margin-right:auto !important; }
#step-h2-provider .quiz-step-title, #step-r2-provider .quiz-step-title {
  max-width:470px !important; width:calc(100% - 20px) !important; margin-left:auto !important; margin-right:auto !important;
  font-size:25px !important; line-height:1.14 !important; letter-spacing:-0.7px !important; text-align:center !important;
}
#step-h2-provider .quiz-step-subtitle-icon, #step-r2-provider .quiz-step-subtitle-icon { width:calc(100% - 20px) !important; max-width:470px !important; }
#step-h2-provider .quiz-choices-2col, #step-r2-provider .quiz-choices-2col { background:transparent !important; }
#step-h2-provider .quiz-logo-tile, #step-r2-provider .quiz-logo-tile { background:#fff !important; border:1px solid #cfd6e0 !important; border-radius:12px !important; }
@media (max-width:767px){
  .quiz-card{padding:2rem 0.45rem !important;}
  #step-h2-provider .quiz-step-title, #step-r2-provider .quiz-step-title { font-size:25px !important; line-height:1.14 !important; width:calc(100% - 12px) !important; max-width:500px !important; }
  #step-h2-provider .quiz-step-subtitle-icon, #step-r2-provider .quiz-step-subtitle-icon { width:calc(100% - 12px) !important; max-width:500px !important; }
  #step-h2-provider .quiz-choices-2col, #step-r2-provider .quiz-choices-2col { gap:14px !important; }
  #step-h2-provider .quiz-logo-tile, #step-r2-provider .quiz-logo-tile { border-color:#cfd6e0 !important; }
}

/* Result step final design */
.fh-result-step{width:calc(100vw - 96px) !important; max-width:1450px !important; margin:0 auto 56px !important; padding:0 !important; box-sizing:border-box !important;}
.fh-results-panel{width:100% !important; background:transparent !important; border:0 !important; border-radius:12px !important; box-shadow:none !important; overflow:visible !important;}
.fh-results-header{padding:30px 32px 28px !important; margin-bottom:10px !important; border:1px solid #dfe5ec !important; border-radius:12px !important; background:#fff !important; text-align:left !important;}
.fh-results-header h2{margin:0 0 8px !important; color:#071329 !important; font-size:25px !important; line-height:1.24 !important; font-weight:900 !important; letter-spacing:-.025em !important;}
.fh-results-header p{margin:0 !important; color:#435168 !important; font-size:17px !important; line-height:1.45 !important;}
.fh-results-list{display:block !important; width:100% !important; background:transparent !important;}
.fh-result-offer{display:grid !important; grid-template-columns:minmax(0,1fr) 300px !important; gap:34px !important; align-items:center !important; min-height:195px !important; margin:0 0 10px !important; padding:42px 32px !important; border:1px solid #dfe5ec !important; border-radius:12px !important; background:#fff !important; box-sizing:border-box !important; overflow:hidden !important;}
.fh-result-offer:last-child{margin-bottom:0 !important;}
.fh-brand-line{display:flex !important; align-items:center !important; gap:30px !important; margin:0 0 22px !important; min-height:40px !important;}
.fh-carrier-logo{display:block !important; width:220px !important; max-width:220px !important; height:46px !important; max-height:52px !important; object-fit:contain !important; object-position:left center !important; flex:0 0 220px !important; margin:0 !important; opacity:1 !important;}
.fh-yellow-tag{display:inline-flex !important; align-items:center !important; justify-content:center !important; height:30px !important; padding:0 16px !important; background:#ffef6e !important; color:#5d460e !important; font-size:13px !important; line-height:1 !important; font-weight:900 !important; white-space:nowrap !important; border-radius:2px !important;}
.fh-result-offer h3{margin:0 0 22px !important; max-width:920px !important; color:#071329 !important; font-size:16px !important; line-height:1.32 !important; font-weight:850 !important;}
.fh-result-offer p{margin:0 !important; max-width:650px !important; color:#405066 !important; font-size:14px !important; line-height:1.45 !important;}
.fh-offer-right{display:flex !important; flex-direction:column !important; align-items:flex-end !important; justify-content:center !important; gap:30px !important; min-width:300px !important;}
.fh-match-badge{display:inline-flex !important; align-items:center !important; gap:8px !important; height:32px !important; padding:0 14px !important; border-radius:5px !important; font-size:14px !important; line-height:1 !important; font-weight:900 !important; white-space:nowrap !important;}
.fh-match-badge i{display:block !important; width:18px !important; height:18px !important; background:currentColor !important; -webkit-mask:center/contain no-repeat; mask:center/contain no-repeat;}
.fh-blue{background:#dceeff !important; color:#1167b1 !important}.fh-green{background:#dff7ea !important; color:#159447 !important}.fh-purple{background:#efe7ff !important; color:#6d28d9 !important}
.fh-blue i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.2l2.95 5.98 6.6.96-4.78 4.66 1.13 6.57L12 17.27l-5.9 3.1 1.13-6.57-4.78-4.66 6.6-.96L12 2.2z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.2l2.95 5.98 6.6.96-4.78 4.66 1.13 6.57L12 17.27l-5.9 3.1 1.13-6.57-4.78-4.66 6.6-.96L12 2.2z'/%3E%3C/svg%3E") !important}
.fh-green i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 21h4V9H2v12zm20-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L13.17 1 6.59 7.59C6.22 7.95 6 8.45 6 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 21h4V9H2v12zm20-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L13.17 1 6.59 7.59C6.22 7.95 6 8.45 6 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z'/%3E%3C/svg%3E") !important}
.fh-purple i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") !important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E") !important}
.fh-quote-btn{width:260px !important;height:48px !important;border:0 !important;border-radius:6px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;color:#fff !important;font-size:16px !important;line-height:1 !important;font-weight:900 !important;letter-spacing:.02em !important;white-space:nowrap !important;box-shadow:0 8px 18px rgba(15,23,42,.12) !important;cursor:pointer !important;}
.fh-blue-btn{background:#0b73d9 !important}.fh-green-btn{background:#15a64a !important}.fh-purple-btn{background:#7c3aed !important}
@media (max-width:760px){.fh-result-step{width:calc(100vw - 18px) !important;max-width:100% !important}.fh-results-header{padding:24px 24px !important}.fh-result-offer{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:18px !important;min-height:0 !important;padding:24px 24px !important}.fh-brand-line{flex-direction:column !important;align-items:flex-start !important;gap:12px !important;margin-bottom:0 !important}.fh-carrier-logo{width:225px !important;max-width:225px !important;flex:0 0 auto !important;height:46px !important;max-height:50px !important}.fh-yellow-tag{font-size:12px !important;height:auto !important;min-height:30px !important;padding:8px 12px !important;white-space:normal !important}.fh-result-offer h3{font-size:14px !important;line-height:1.22 !important;margin-bottom:14px !important}.fh-result-offer p{font-size:13.5px !important;line-height:1.35 !important}.fh-offer-right{width:100% !important;min-width:0 !important;align-items:stretch !important;gap:12px !important}.fh-match-badge{align-self:flex-start !important}.fh-quote-btn{width:100% !important;min-width:0 !important}}

/* V86 PROPERTY TYPE STEP ICONS: text left, icon right */

/* Property type step boxes layout */
#step-h3-proptype .quiz-choice-tile {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  padding: 0 24px !important;
  min-height: 80px !important;
  height: 80px !important;
  background: #ffffff !important;
  border: 1px solid #d8dee8 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #071329 !important;
}

/* Text ko left me rakho */
#step-h3-proptype .quiz-choice-tile {
  gap: 16px !important;
}

/* Common right icon */
#step-h3-proptype .quiz-choice-tile::after {
  content: "" !important;
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  background: #1f2937 !important;
  opacity: 0.95 !important;
  -webkit-mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
}

/* Single Family Home icon */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Single Family Home"]::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5Zm2 1V19h2v-6h10v6h2v-7.5l-7-5.84-7 5.84Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3V10.5Zm2 1V19h2v-6h10v6h2v-7.5l-7-5.84-7 5.84Z'/%3E%3C/svg%3E") !important;
}

/* Townhouse icon */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Townhouse"]::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 21V8l7-4 7 4v13h-2v-2h-3v2h-2v-2H8v2H4Zm2-2h2v-4h5v4h3V9.2l-5-2.86-5 2.86V19Zm2-8h2V9H8v2Zm4 0h2V9h-2v2Zm-4 3h2v-2H8v2Zm4 0h2v-2h-2v2Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 21V8l7-4 7 4v13h-2v-2h-3v2h-2v-2H8v2H4Zm2-2h2v-4h5v4h3V9.2l-5-2.86-5 2.86V19Zm2-8h2V9H8v2Zm4 0h2V9h-2v2Zm-4 3h2v-2H8v2Zm4 0h2v-2h-2v2Z'/%3E%3C/svg%3E") !important;
}

/* Apartment icon */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Apartment (Condo / Co-Op)"]::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21V3h14v18H5Zm2-2h4v-4h2v4h4V5H7v14Zm2-11h2V6H9v2Zm4 0h2V6h-2v2Zm-4 4h2v-2H9v2Zm4 0h2v-2h-2v2Zm-4 4h2v-2H9v2Zm4 0h2v-2h-2v2Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 21V3h14v18H5Zm2-2h4v-4h2v4h4V5H7v14Zm2-11h2V6H9v2Zm4 0h2V6h-2v2Zm-4 4h2v-2H9v2Zm4 0h2v-2h-2v2Zm-4 4h2v-2H9v2Zm4 0h2v-2h-2v2Z'/%3E%3C/svg%3E") !important;
}

/* Multi-Family icon */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Multi-Family (Duplex)"]::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 21V9l7-5 7 5v12h-2v-9.9L9 7.53 4 11.1V19h4v-5h6v7H2Zm15 0V8.9l-5.4-3.85L13.2 3 19 7.15V19h3v2h-5Zm-7-2h2v-3h-2v3Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 21V9l7-5 7 5v12h-2v-9.9L9 7.53 4 11.1V19h4v-5h6v7H2Zm15 0V8.9l-5.4-3.85L13.2 3 19 7.15V19h3v2h-5Zm-7-2h2v-3h-2v3Z'/%3E%3C/svg%3E") !important;
}

/* Mobile / Manufactured Home icon */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Mobile / Manufactured Home"]::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h14a3 3 0 0 1 3 3v6h2v2h-3.17a3 3 0 0 1-5.66 0H9.83a3 3 0 0 1-5.66 0H2v-2h1V6Zm2 2v7h12V9a1 1 0 0 0-1-1H5Zm2 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h14a3 3 0 0 1 3 3v6h2v2h-3.17a3 3 0 0 1-5.66 0H9.83a3 3 0 0 1-5.66 0H2v-2h1V6Zm2 2v7h12V9a1 1 0 0 0-1-1H5Zm2 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E") !important;
}

/* Other option me icon nahi chahiye */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Other / I Don't Know"] {
  justify-content: center !important;
  text-align: center !important;
}

#step-h3-proptype .quiz-choice-tile[data-proptype-val="Other / I Don't Know"]::after {
  display: none !important;
}

/* Mobile same reference style */
@media (max-width: 767px) {
  #step-h3-proptype .quiz-choice-tile {
    height: 82px !important;
    min-height: 82px !important;
    padding-left: 24px !important;
    padding-right: 22px !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    border-radius: 14px !important;
  }

  #step-h3-proptype .quiz-choice-tile::after {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }
}


/* V87 YEAR BUILT STEP: mobile 2 columns */
@media (max-width: 767px) {
  #step-h4-yearbuilt .quiz-choices-2col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #step-h4-yearbuilt .quiz-choice-tile {
    width: 100% !important;
    min-width: 0 !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 10px !important;
    font-size: 18px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
}


/* V88 PROVIDER HEADING FORCE 2 LINES */
@media (max-width: 767px) {
  #step-h2-provider .quiz-step-title,
  #step-r2-provider .quiz-step-title {
    width: 100% !important;
    max-width: 500px !important;
    font-size: 22px !important;
    line-height: 1.12 !important;
    letter-spacing: -1.2px !important;
    word-spacing: -2px !important;
    white-space: normal !important;
  }
}


/* V89 PROPERTY TYPE: text left, icons right, heading/subtitle equal width */

/* Heading ko subtitle wali width ke barabar karo */
#step-h3-proptype .quiz-step-title {
  width: calc(100% - 40px) !important;
  max-width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Subtitle same width */
#step-h3-proptype .quiz-step-subtitle-icon,
#step-h3-proptype .quiz-step-subtitle-italic,
#step-h3-proptype p {
  width: calc(100% - 40px) !important;
  max-width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Property type boxes: text left, icon right */
#step-h3-proptype .quiz-choice-tile {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  padding: 0 28px !important;
  gap: 16px !important;
}

/* Text left side */
#step-h3-proptype .quiz-choice-tile span,
#step-h3-proptype .quiz-choice-tile {
  text-align: left !important;
}

/* Icon right side */
#step-h3-proptype .quiz-choice-tile::after {
  margin-left: auto !important;
  margin-right: 0 !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  align-self: center !important;
}

/* Other / I Don't Know center rahe, icon na ho */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Other / I Don't Know"] {
  justify-content: center !important;
  text-align: center !important;
}

#step-h3-proptype .quiz-choice-tile[data-proptype-val="Other / I Don't Know"]::after {
  display: none !important;
}

/* Mobile exact alignment */
@media (max-width: 767px) {
  #step-h3-proptype .quiz-step-title {
    width: calc(100% - 40px) !important;
    max-width: 500px !important;
    font-size: 26px !important;
    line-height: 1.12 !important;
  }

  #step-h3-proptype .quiz-step-subtitle-icon,
  #step-h3-proptype .quiz-step-subtitle-italic,
  #step-h3-proptype p {
    width: calc(100% - 40px) !important;
    max-width: 500px !important;
  }

  #step-h3-proptype .quiz-choice-tile {
    height: 82px !important;
    min-height: 82px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    justify-content: space-between !important;
    text-align: left !important;
    font-size: 21px !important;
    font-weight: 500 !important;
  }

  #step-h3-proptype .quiz-choice-tile::after {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }
}


/* V90 TERMINAL: MOBILE 2-COLUMN STEPS */
@media (max-width: 767px) {
  /* Year Built, Square Footage, Roof Type, Roof Age, Bundle, Coverage Start */
  #step-h4-yearbuilt .quiz-choices-2col,
  #step-h5-sqft .quiz-choices-2col,
  #step-h6-rooftype .quiz-choices-2col,
  #step-h7-roofage .quiz-choices-2col,
  #step-h8-bundle .quiz-choices-2col,
  #step-h9-start .quiz-choices-2col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #step-h4-yearbuilt .quiz-choice-tile,
  #step-h5-sqft .quiz-choice-tile,
  #step-h6-rooftype .quiz-choice-tile,
  #step-h7-roofage .quiz-choice-tile,
  #step-h8-bundle .quiz-choice-tile,
  #step-h9-start .quiz-choice-tile {
    width: 100% !important;
    min-width: 0 !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 10px !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    border: 1px solid #cfd6e0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  /* Roof type icons wale boxes compact */
  #step-h6-rooftype .quiz-choice-tile {
    flex-direction: column !important;
    gap: 8px !important;
    height: 120px !important;
    min-height: 120px !important;
    font-size: 15px !important;
  }

  #step-h6-rooftype .quiz-choice-tile img {
    width: 42px !important;
    height: 42px !important;
  }

  /* Other / extra full width buttons bhi 2-column style me */
  #step-h5-sqft .quiz-fullwidth-btn,
  #step-h6-rooftype .quiz-fullwidth-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 10px !important;
    font-size: 17px !important;
    border: 1px solid #cfd6e0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    margin-top: 14px !important;
  }
}


/* V91 CREDIT SCORE STEP: text left, icon right */

/* Homeowner credit step + renter credit step */
#step-h10-credit .quiz-choice-tile,
#step-r2-credit .quiz-choice-tile {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  padding: 0 26px !important;
  gap: 16px !important;
}

/* Icon right side */
#step-h10-credit .quiz-choice-tile img,
#step-r2-credit .quiz-choice-tile img,
#step-h10-credit .quiz-choice-tile svg,
#step-r2-credit .quiz-choice-tile svg {
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
}

/* Text left side */
#step-h10-credit .quiz-choice-tile span,
#step-r2-credit .quiz-choice-tile span {
  order: 1 !important;
  text-align: left !important;
  margin-right: auto !important;
}

/* If text is direct inside tile, keep left */
#step-h10-credit .quiz-choice-tile,
#step-r2-credit .quiz-choice-tile {
  color: #071329 !important;
  font-weight: 700 !important;
}

/* I Don't Know option center, no icon */
#step-h10-credit .quiz-choice-tile[data-credit-val="I Don't Know"],
#step-r2-credit .quiz-choice-tile[data-credit-val="I Don't Know"] {
  justify-content: center !important;
  text-align: center !important;
}

#step-h10-credit .quiz-choice-tile[data-credit-val="I Don't Know"] img,
#step-r2-credit .quiz-choice-tile[data-credit-val="I Don't Know"] img,
#step-h10-credit .quiz-choice-tile[data-credit-val="I Don't Know"] svg,
#step-r2-credit .quiz-choice-tile[data-credit-val="I Don't Know"] svg {
  display: none !important;
}

/* Mobile exact */
@media (max-width: 767px) {
  #step-h10-credit .quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile {
    height: 86px !important;
    min-height: 86px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    font-size: 19px !important;
  }

  #step-h10-credit .quiz-choice-tile img,
  #step-r2-credit .quiz-choice-tile img,
  #step-h10-credit .quiz-choice-tile svg,
  #step-r2-credit .quiz-choice-tile svg {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }
}


/* V92 DOB YEAR INSTANT RED ERROR */
.dob-year-invalid,
input.dob-year-invalid {
  border-color: #ef4444 !important;
  border-width: 2px !important;
  background: #fff5f5 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}


/* V95 ALL DEVICE RESPONSIVE FIX
   Mobile/tablet/desktop sab par auto responsive layout.
   Is patch ka goal: har screen par boxes, text, icons, result cards, borders auto fit hon. */

/* Global page background */
html,
body,
.quiz-page-container,
#quiz-app {
  background: #f7f7f7 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Main quiz container responsive */
.quiz-page-container {
  width: 100% !important;
  max-width: min(100%, 760px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(14px, 4vw, 28px) !important;
  padding-right: clamp(14px, 4vw, 28px) !important;
  box-sizing: border-box !important;
}

/* Main white wrapper hide/transparent */
.quiz-card {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Step wrappers transparent */
.quiz-step,
.quiz-step-content,
.step-content,
.quiz-question-wrapper,
.quiz-question-box,
.quiz-form-wrapper,
.quiz-options-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* All step headings responsive */
.quiz-step-title {
  width: 100% !important;
  max-width: min(100%, 540px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  font-size: clamp(22px, 5.2vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.04em !important;
  box-sizing: border-box !important;
}

/* Subtitles responsive */
.quiz-step-subtitle-icon,
.quiz-step-subtitle-italic,
.quiz-step p {
  max-width: min(100%, 540px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Plus/info icon hide only in subtitle rows */
.quiz-step-subtitle-icon > svg {
  display: none !important;
}

/* Normal choice boxes responsive */
.quiz-choice-tile,
.quiz-logo-tile,
.quiz-fullwidth-btn {
  background: #ffffff !important;
  border: 1px solid #cfd6e0 !important;
  border-radius: clamp(12px, 2vw, 16px) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Global form/input borders light */
.quiz-card input,
.quiz-card select,
.quiz-card textarea,
.quiz-input,
.quiz-select,
.form-input,
.form-select,
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="date"],
select,
textarea {
  border-color: #cfd6e0 !important;
  border-width: 1px !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

/* Focus state soft */
.quiz-card input:focus,
.quiz-card select:focus,
.quiz-card textarea:focus,
.quiz-input:focus,
.quiz-select:focus,
.form-input:focus,
.form-select:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
  border-color: #9aa8ba !important;
  box-shadow: 0 0 0 3px rgba(154, 168, 186, 0.12) !important;
  outline: none !important;
}

/* 2-column steps responsive:
   Mobile/tablet/desktop sab par 2 columns jahan space ho.
   Very small screen par bhi 2 columns maintain, text small ho jaye. */
#step-h4-yearbuilt .quiz-choices-2col,
#step-h5-sqft .quiz-choices-2col,
#step-h6-rooftype .quiz-choices-2col,
#step-h7-roofage .quiz-choices-2col,
#step-h8-bundle .quiz-choices-2col,
#step-h9-start .quiz-choices-2col {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(10px, 2.5vw, 16px) !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 2-column step boxes responsive sizing */
#step-h4-yearbuilt .quiz-choice-tile,
#step-h5-sqft .quiz-choice-tile,
#step-h6-rooftype .quiz-choice-tile,
#step-h7-roofage .quiz-choice-tile,
#step-h8-bundle .quiz-choice-tile,
#step-h9-start .quiz-choice-tile {
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(72px, 11vw, 92px) !important;
  height: auto !important;
  padding: clamp(10px, 2.5vw, 18px) !important;
  font-size: clamp(14px, 3.4vw, 20px) !important;
  line-height: 1.18 !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Roof type icons 2-column me balanced */
#step-h6-rooftype .quiz-choice-tile {
  flex-direction: column !important;
  gap: clamp(6px, 1.8vw, 10px) !important;
  min-height: clamp(105px, 20vw, 130px) !important;
}

#step-h6-rooftype .quiz-choice-tile img {
  width: clamp(36px, 8vw, 48px) !important;
  height: clamp(36px, 8vw, 48px) !important;
}

/* Property type step: text left, icon right, auto fit all devices */
#step-h3-proptype .quiz-choice-tile {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(28px, 6vw, 36px) !important;
  align-items: center !important;
  gap: clamp(10px, 3vw, 18px) !important;
  text-align: left !important;
  min-height: clamp(76px, 13vw, 92px) !important;
  padding-left: clamp(18px, 4vw, 28px) !important;
  padding-right: clamp(18px, 4vw, 28px) !important;
  font-size: clamp(18px, 4.2vw, 24px) !important;
  font-weight: 500 !important;
}

#step-h3-proptype .quiz-choice-tile::after {
  justify-self: end !important;
  align-self: center !important;
  width: clamp(28px, 6vw, 36px) !important;
  height: clamp(28px, 6vw, 36px) !important;
  flex-basis: auto !important;
}

/* Other option center */
#step-h3-proptype .quiz-choice-tile[data-proptype-val="Other / I Don't Know"] {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

#step-h3-proptype .quiz-choice-tile[data-proptype-val="Other / I Don't Know"]::after {
  display: none !important;
}

/* Credit score step: text left, icon right on all devices */
#step-h10-credit .quiz-choice-tile,
#step-r2-credit .quiz-choice-tile {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  gap: clamp(12px, 3vw, 18px) !important;
  padding-left: clamp(18px, 4vw, 28px) !important;
  padding-right: clamp(18px, 4vw, 28px) !important;
  min-height: clamp(78px, 13vw, 100px) !important;
  font-size: clamp(17px, 4vw, 22px) !important;
}

#step-h10-credit .quiz-choice-tile img,
#step-r2-credit .quiz-choice-tile img,
#step-h10-credit .quiz-choice-tile svg,
#step-r2-credit .quiz-choice-tile svg {
  order: 2 !important;
  margin-left: auto !important;
  width: clamp(38px, 8vw, 50px) !important;
  height: clamp(38px, 8vw, 50px) !important;
  flex: 0 0 clamp(38px, 8vw, 50px) !important;
}

#step-h10-credit .quiz-choice-tile span,
#step-r2-credit .quiz-choice-tile span {
  order: 1 !important;
  text-align: left !important;
}

/* I don't know center */
#step-h10-credit .quiz-choice-tile[data-credit-val="I Don't Know"],
#step-r2-credit .quiz-choice-tile[data-credit-val="I Don't Know"] {
  justify-content: center !important;
  text-align: center !important;
}

/* Provider/logo grid responsive */
#step-h2-provider .quiz-choices-2col,
#step-r2-provider .quiz-choices-2col {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(12px, 2.5vw, 18px) !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
}

#step-h2-provider .quiz-logo-tile,
#step-r2-provider .quiz-logo-tile {
  min-height: clamp(86px, 16vw, 112px) !important;
  padding: clamp(12px, 3vw, 20px) !important;
  border-color: #cfd6e0 !important;
}

#step-h2-provider .quiz-logo-tile img,
#step-r2-provider .quiz-logo-tile img {
  max-width: clamp(120px, 30vw, 190px) !important;
  max-height: clamp(38px, 9vw, 58px) !important;
}

/* Provider heading 2 lines style responsive */
#step-h2-provider .quiz-step-title,
#step-r2-provider .quiz-step-title {
  width: 100% !important;
  max-width: 560px !important;
  font-size: clamp(22px, 5vw, 30px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.05em !important;
  word-spacing: -0.08em !important;
}

/* Result page all-device responsive */
.fh-result-step {
  width: min(1450px, calc(100vw - clamp(18px, 6vw, 96px))) !important;
  max-width: 1450px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.fh-results-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.fh-results-list {
  background: transparent !important;
}

.fh-result-offer {
  min-height: clamp(165px, 16vw, 205px) !important;
  padding: clamp(24px, 3.2vw, 42px) clamp(20px, 3vw, 32px) !important;
}

.fh-carrier-logo {
  width: clamp(170px, 15vw, 230px) !important;
  max-width: clamp(170px, 15vw, 230px) !important;
  height: clamp(38px, 4vw, 52px) !important;
  max-height: clamp(38px, 4vw, 52px) !important;
  flex-basis: clamp(170px, 15vw, 230px) !important;
}

/* Result desktop/tablet: keep row */
@media (min-width: 761px) {
  .fh-result-offer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(260px, 22vw, 320px) !important;
    gap: clamp(24px, 3vw, 40px) !important;
  }

  .fh-offer-right {
    min-width: clamp(260px, 22vw, 320px) !important;
  }

  .fh-quote-btn {
    width: clamp(230px, 20vw, 275px) !important;
  }
}

/* Result mobile: stacked but wide */
@media (max-width: 760px) {
  .fh-result-step {
    width: calc(100vw - 18px) !important;
  }

  .fh-result-offer {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .fh-brand-line {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* Very small screens safety */
@media (max-width: 360px) {
  #step-h4-yearbuilt .quiz-choices-2col,
  #step-h5-sqft .quiz-choices-2col,
  #step-h6-rooftype .quiz-choices-2col,
  #step-h7-roofage .quiz-choices-2col,
  #step-h8-bundle .quiz-choices-2col,
  #step-h9-start .quiz-choices-2col,
  #step-h2-provider .quiz-choices-2col,
  #step-r2-provider .quiz-choices-2col {
    gap: 10px !important;
  }

  #step-h4-yearbuilt .quiz-choice-tile,
  #step-h5-sqft .quiz-choice-tile,
  #step-h7-roofage .quiz-choice-tile,
  #step-h8-bundle .quiz-choice-tile,
  #step-h9-start .quiz-choice-tile {
    font-size: 13px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}


/* V100 STEP 1 HEADING SPACING FIX
   First step heading ko red box area me adjust: top space kam, bottom space thori balanced */
#step-1 .quiz-step-title {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
  padding-top: 0 !important;
  padding-bottom: 8px !important;
  line-height: 1.08 !important;
}

/* First step ke top area ka extra gap kam */
#step-1 {
  padding-top: 0 !important;
}

/* First step choices ko heading ke thora neeche rakho */
#step-1 .quiz-choices-2col {
  margin-top: 0 !important;
}

/* Mobile specific */
@media (max-width: 767px) {
  #step-1 .quiz-step-title {
    margin-top: -6px !important;
    margin-bottom: 26px !important;
    padding-bottom: 6px !important;
    font-size: 25px !important;
    line-height: 1.08 !important;
  }

  #step-1 .quiz-choices-2col {
    margin-top: 0 !important;
  }
}


/* V101 STEP 1 HEADING 5PX UP */
@media (max-width: 767px) {
  #step-1 .quiz-step-title {
    position: relative !important;
    top: -5px !important;
  }
}


/* V102 FORCE STEP 1 HEADING UP */
#step-1 .quiz-step-title {
  margin-top: -8px !important;
  transform: translateY(-8px) !important;
  padding-top: 0 !important;
}

/* Mobile stronger */
@media (max-width: 767px) {
  #step-1 .quiz-step-title {
    margin-top: -10px !important;
    transform: translateY(-10px) !important;
    padding-top: 0 !important;
  }

  #step-1 .quiz-choices-2col {
    margin-top: -2px !important;
  }
}


/* V103 PROVIDER HEADING UP + SOFTER BOLD + LETTER SPACING */
#step-h2-provider .quiz-step-title,
#step-r2-provider .quiz-step-title {
  margin-top: -10px !important;
  transform: translateY(-10px) !important;
  padding-top: 0 !important;

  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  word-spacing: 0.5px !important;
}

/* Mobile specific */
@media (max-width: 767px) {
  #step-h2-provider .quiz-step-title,
  #step-r2-provider .quiz-step-title {
    margin-top: -10px !important;
    transform: translateY(-10px) !important;

    font-weight: 700 !important;
    letter-spacing: 0.15px !important;
    word-spacing: 0.4px !important;
  }
}


/* V104 PROVIDER HEADING EXACT 2-LINE FIT */
#step-h2-provider .quiz-step-title,
#step-r2-provider .quiz-step-title {
  width: 100% !important;
  max-width: 540px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;

  /* Highlighted box fill */
  font-size: 23px !important;
  line-height: 1.14 !important;
  font-weight: 700 !important;
  letter-spacing: 0.25px !important;
  word-spacing: 1px !important;

  /* Position */
  margin-top: -10px !important;
  transform: translateY(-10px) !important;
}

/* Mobile exact fit */
@media (max-width: 767px) {
  #step-h2-provider .quiz-step-title,
  #step-r2-provider .quiz-step-title {
    width: calc(100% - 8px) !important;
    max-width: 530px !important;

    /* 2 lines only, fill left/right */
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: 0.15px !important;
    word-spacing: 0.7px !important;

    margin-top: -10px !important;
    transform: translateY(-10px) !important;
  }
}

/* iPhone/very small width safety: keep 2 lines, not 3 */
@media (max-width: 390px) {
  #step-h2-provider .quiz-step-title,
  #step-r2-provider .quiz-step-title {
    font-size: 20px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.1px !important;
    word-spacing: -0.2px !important;
  }
}


/* V105 FINAL PROVIDER HEADING EXACT 2 LINES */
#step-h2-provider .provider-heading-final,
#step-r2-provider .provider-heading-final {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: -10px auto 14px auto !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

#step-h2-provider .provider-heading-final span,
#step-r2-provider .provider-heading-final span {
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -0.4px !important;
  word-spacing: -0.8px !important;
  color: #071329 !important;
}

/* Mobile final: exactly 2 lines, no 3rd line */
@media (max-width: 767px) {
  #step-h2-provider .provider-heading-final,
  #step-r2-provider .provider-heading-final {
    max-width: calc(100vw - 34px) !important;
    width: calc(100vw - 34px) !important;
    margin-top: -10px !important;
    margin-bottom: 14px !important;
  }

  #step-h2-provider .provider-heading-final span,
  #step-r2-provider .provider-heading-final span {
    font-size: 22px !important;
    line-height: 1.16 !important;
    letter-spacing: -0.6px !important;
    word-spacing: -1.2px !important;
  }
}

/* Very small phones safety */
@media (max-width: 390px) {
  #step-h2-provider .provider-heading-final span,
  #step-r2-provider .provider-heading-final span {
    font-size: 20px !important;
    letter-spacing: -0.8px !important;
    word-spacing: -1.5px !important;
  }
}


/* V106 PROVIDER HEADING FINAL FILL + UP */
#step-h2-provider .provider-heading-final,
#step-r2-provider .provider-heading-final {
  width: calc(100vw - 18px) !important;
  max-width: 540px !important;
  margin-top: -22px !important;
  margin-bottom: 12px !important;
  transform: translateY(-8px) !important;
}

#step-h2-provider .provider-heading-final span,
#step-r2-provider .provider-heading-final span {
  font-size: 23px !important;
  line-height: 1.14 !important;
  letter-spacing: 0.15px !important;
  word-spacing: 0.9px !important;
  white-space: nowrap !important;
}

/* Mobile par thora zyada width fill */
@media (max-width: 767px) {
  #step-h2-provider .provider-heading-final,
  #step-r2-provider .provider-heading-final {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    margin-top: -26px !important;
    transform: translateY(-10px) !important;
  }

  #step-h2-provider .provider-heading-final span,
  #step-r2-provider .provider-heading-final span {
    font-size: 22px !important;
    line-height: 1.14 !important;
    letter-spacing: 0.25px !important;
    word-spacing: 1.2px !important;
  }
}

/* Small phones safe: 2 lines remain */
@media (max-width: 390px) {
  #step-h2-provider .provider-heading-final,
  #step-r2-provider .provider-heading-final {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin-top: -24px !important;
    transform: translateY(-8px) !important;
  }

  #step-h2-provider .provider-heading-final span,
  #step-r2-provider .provider-heading-final span {
    font-size: 20.5px !important;
    letter-spacing: 0.1px !important;
    word-spacing: 0.8px !important;
  }
}


/* V107 PROVIDER HEADING LEFT FILL ONLY */
@media (max-width: 767px) {
  #step-h2-provider .provider-heading-final,
  #step-r2-provider .provider-heading-final {
    transform: translate(-3px, -10px) !important;
  }
}


/* V108 PROVIDER HEADING TRUE LEFT FILL */
@media (max-width: 767px) {
  #step-h2-provider .provider-heading-final,
  #step-r2-provider .provider-heading-final {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translate(-51%, -10px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #step-h2-provider .provider-heading-final span,
  #step-r2-provider .provider-heading-final span {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
}


/* V109 MOBILE ONLY: property type heading up + width fill
   Sirf mobile par apply hoga, web/desktop ko touch nahi karega */
@media (max-width: 767px) {
  #step-h3-proptype .quiz-step-title {
    width: 100vw !important;
    max-width: 100vw !important;

    /* left/right space fill */
    margin-left: 50% !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    /* upar shift */
    margin-top: -18px !important;
    margin-bottom: 8px !important;
    transform: translate(-50.5%, -8px) !important;

    /* 2 lines max feel */
    text-align: center !important;
    font-size: 26px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    letter-spacing: -0.4px !important;
    word-spacing: -0.8px !important;
    white-space: normal !important;
  }

  /* Subtitle bhi heading ke sath balanced rahe */
  #step-h3-proptype .quiz-step-subtitle-icon,
  #step-h3-proptype .quiz-step-subtitle-italic,
  #step-h3-proptype p {
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }
}

/* Very small phones: 3rd line avoid */
@media (max-width: 390px) {
  #step-h3-proptype .quiz-step-title {
    font-size: 24px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.8px !important;
    word-spacing: -1.3px !important;
  }
}


/* V110 MOBILE ONLY PROPERTY HEADING FINAL PUSH
   Sirf mobile par apply hoga. Desktop/web ko affect nahi karega. */
@media screen and (max-width: 767px) {
  #step-h3-proptype > .quiz-step-title {
    display: block !important;

    /* highlighted box left/right fill */
    width: calc(100vw - 4px) !important;
    max-width: calc(100vw - 4px) !important;
    min-width: calc(100vw - 4px) !important;

    /* parent center limit se bahar nikal kar full mobile width use karo */
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* thora sa uper */
    margin-top: -26px !important;
    margin-bottom: 10px !important;
    transform: translate(-50%, -10px) !important;

    /* 2 lines, no 3rd line */
    font-size: 25px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -0.6px !important;
    word-spacing: -1px !important;
    text-align: center !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  /* subtitle ko normal rakho, desktop/web unaffected */
  #step-h3-proptype > .quiz-step-subtitle-icon,
  #step-h3-proptype > .quiz-step-subtitle-italic,
  #step-h3-proptype > p {
    max-width: calc(100vw - 28px) !important;
    width: calc(100vw - 28px) !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }
}

/* smaller phones safety */
@media screen and (max-width: 390px) {
  #step-h3-proptype > .quiz-step-title {
    font-size: 23px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.9px !important;
    word-spacing: -1.4px !important;
  }
}


/* V111 MOBILE ONLY PROPERTY HEADING WIDTH FILL
   Web/desktop ko touch nahi karega */
@media screen and (max-width: 767px) {
  #step-h3-proptype > .quiz-step-title {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;

    position: relative !important;
    left: 50% !important;
    transform: translate(-50%, -10px) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    /* left/right highlighted box fill */
    font-size: 25px !important;
    line-height: 1.08 !important;
    letter-spacing: 0.25px !important;
    word-spacing: 1.4px !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* Small phones par 3rd line avoid */
@media screen and (max-width: 390px) {
  #step-h3-proptype > .quiz-step-title {
    font-size: 23px !important;
    letter-spacing: 0.05px !important;
    word-spacing: 0.8px !important;
  }
}


/* V111B tiny more mobile fill */
@media screen and (max-width: 767px) {
  #step-h3-proptype > .quiz-step-title {
    letter-spacing: 0.45px !important;
    word-spacing: 2px !important;
  }
}


/* V112 MOBILE ONLY YEAR BUILT HEADING UP
   Sirf mobile par apply hoga, web/desktop safe rahega */
@media screen and (max-width: 767px) {
  #step-h4-yearbuilt > .quiz-step-title {
    position: relative !important;
    transform: translateY(-12px) !important;
    margin-top: -12px !important;
    margin-bottom: 8px !important;
  }

  #step-h4-yearbuilt > .quiz-step-subtitle-italic,
  #step-h4-yearbuilt > p {
    position: relative !important;
    transform: translateY(-10px) !important;
    margin-bottom: 18px !important;
  }
}


/* V113 MOBILE ONLY SQUARE FOOTAGE HEADING UP
   Sirf mobile par apply hoga, web/desktop safe rahega */
@media screen and (max-width: 767px) {
  #step-h5-sqft > .quiz-step-title {
    position: relative !important;
    transform: translateY(-12px) !important;
    margin-top: -12px !important;
    margin-bottom: 8px !important;
  }

  #step-h5-sqft > .quiz-step-subtitle-italic,
  #step-h5-sqft > p {
    position: relative !important;
    transform: translateY(-10px) !important;
    margin-bottom: 18px !important;
  }
}


/* V114 MOBILE ONLY: move top text up on mid quiz steps
   Web/Desktop ko touch nahi karega */
@media screen and (max-width: 767px) {
  #step-h4-yearbuilt,
  #step-h5-sqft,
  #step-h6-rooftype,
  #step-h7-roofage,
  #step-h8-bundle,
  #step-h9-start {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  #step-h4-yearbuilt > .quiz-step-title,
  #step-h5-sqft > .quiz-step-title,
  #step-h6-rooftype > .quiz-step-title,
  #step-h7-roofage > .quiz-step-title,
  #step-h8-bundle > .quiz-step-title,
  #step-h9-start > .quiz-step-title {
    position: relative !important;
    top: auto !important;
    margin-top: -34px !important;
    margin-bottom: 4px !important;
    transform: translateY(-18px) !important;
  }

  #step-h4-yearbuilt > .quiz-step-subtitle-italic,
  #step-h5-sqft > .quiz-step-subtitle-italic,
  #step-h6-rooftype > .quiz-step-subtitle-icon,
  #step-h7-roofage > .quiz-step-subtitle-italic,
  #step-h8-bundle > .quiz-step-subtitle-italic,
  #step-h9-start > .quiz-step-subtitle-italic,
  #step-h4-yearbuilt > p,
  #step-h5-sqft > p,
  #step-h6-rooftype > p,
  #step-h7-roofage > p,
  #step-h8-bundle > p,
  #step-h9-start > p {
    position: relative !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    transform: translateY(-18px) !important;
  }

  #step-h4-yearbuilt .quiz-choices-2col,
  #step-h5-sqft .quiz-choices-2col,
  #step-h6-rooftype .quiz-choices-2col,
  #step-h7-roofage .quiz-choices-2col,
  #step-h8-bundle .quiz-choices-2col,
  #step-h9-start .quiz-choices-2col {
    margin-top: -10px !important;
  }
}


/* V115 MOBILE ONLY: move mid-step headings 3px down */
@media screen and (max-width: 767px) {
  #step-h4-yearbuilt > .quiz-step-title,
  #step-h5-sqft > .quiz-step-title,
  #step-h6-rooftype > .quiz-step-title,
  #step-h7-roofage > .quiz-step-title,
  #step-h8-bundle > .quiz-step-title,
  #step-h9-start > .quiz-step-title {
    transform: translateY(-15px) !important;
  }

  #step-h4-yearbuilt > .quiz-step-subtitle-italic,
  #step-h5-sqft > .quiz-step-subtitle-italic,
  #step-h6-rooftype > .quiz-step-subtitle-icon,
  #step-h7-roofage > .quiz-step-subtitle-italic,
  #step-h8-bundle > .quiz-step-subtitle-italic,
  #step-h9-start > .quiz-step-subtitle-italic,
  #step-h4-yearbuilt > p,
  #step-h5-sqft > p,
  #step-h6-rooftype > p,
  #step-h7-roofage > p,
  #step-h8-bundle > p,
  #step-h9-start > p {
    transform: translateY(-15px) !important;
  }

  #step-h4-yearbuilt .quiz-choices-2col,
  #step-h5-sqft .quiz-choices-2col,
  #step-h6-rooftype .quiz-choices-2col,
  #step-h7-roofage .quiz-choices-2col,
  #step-h8-bundle .quiz-choices-2col,
  #step-h9-start .quiz-choices-2col {
    margin-top: -7px !important;
  }
}


/* V116 MOBILE ONLY: balance mid-step heading position
   Headings ko thora neeche karo aur sab mid steps ko equal rakho.
   Web/Desktop untouched. */
@media screen and (max-width: 767px) {
  #step-h4-yearbuilt > .quiz-step-title,
  #step-h5-sqft > .quiz-step-title,
  #step-h6-rooftype > .quiz-step-title,
  #step-h7-roofage > .quiz-step-title,
  #step-h8-bundle > .quiz-step-title,
  #step-h9-start > .quiz-step-title,
  #step-h10-credit > .quiz-step-title,
  #step-h11-discounts > .quiz-step-title,
  #step-r2-credit > .quiz-step-title,
  #step-r3-discounts > .quiz-step-title {
    margin-top: -20px !important;
    margin-bottom: 6px !important;
    transform: translateY(-8px) !important;
    position: relative !important;
  }

  #step-h4-yearbuilt > .quiz-step-subtitle-italic,
  #step-h5-sqft > .quiz-step-subtitle-italic,
  #step-h6-rooftype > .quiz-step-subtitle-icon,
  #step-h7-roofage > .quiz-step-subtitle-italic,
  #step-h8-bundle > .quiz-step-subtitle-italic,
  #step-h9-start > .quiz-step-subtitle-italic,
  #step-h10-credit > .quiz-step-subtitle-italic,
  #step-h11-discounts > .quiz-step-subtitle-icon,
  #step-r2-credit > .quiz-step-subtitle-italic,
  #step-r3-discounts > .quiz-step-subtitle-icon,
  #step-h4-yearbuilt > p,
  #step-h5-sqft > p,
  #step-h6-rooftype > p,
  #step-h7-roofage > p,
  #step-h8-bundle > p,
  #step-h9-start > p,
  #step-h10-credit > p,
  #step-h11-discounts > p,
  #step-r2-credit > p,
  #step-r3-discounts > p {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    transform: translateY(-8px) !important;
    position: relative !important;
  }

  /* Boxes ko subtitle ke baad balanced gap do */
  #step-h4-yearbuilt .quiz-choices-2col,
  #step-h5-sqft .quiz-choices-2col,
  #step-h6-rooftype .quiz-choices-2col,
  #step-h7-roofage .quiz-choices-2col,
  #step-h8-bundle .quiz-choices-2col,
  #step-h9-start .quiz-choices-2col,
  #step-h10-credit .quiz-choices-2col,
  #step-h11-discounts .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col,
  #step-r3-discounts .quiz-choices-2col {
    margin-top: 0 !important;
  }
}


/* V117 MOBILE ONLY FINAL POLISH
   Web/Desktop untouched */

/* 1) Img-1 / mid steps headings: thori letter spacing */
@media screen and (max-width: 767px) {
  #step-h4-yearbuilt > .quiz-step-title,
  #step-h5-sqft > .quiz-step-title,
  #step-h6-rooftype > .quiz-step-title,
  #step-h7-roofage > .quiz-step-title,
  #step-h8-bundle > .quiz-step-title,
  #step-h9-start > .quiz-step-title,
  #step-h10-credit > .quiz-step-title,
  #step-h11-discounts > .quiz-step-title,
  #step-h12-dobname > .quiz-step-title,
  #step-h13-email > .quiz-step-title,
  #step-h14-final > .quiz-step-title,
  #step-r2-credit > .quiz-step-title,
  #step-r3-discounts > .quiz-step-title,
  #step-r4-dobname > .quiz-step-title,
  #step-r5-email > .quiz-step-title,
  #step-r6-final > .quiz-step-title {
    letter-spacing: 0.25px !important;
    word-spacing: 0.8px !important;
  }

  /* 2) Img-2 / DOB name step heading thori upar */
  #step-h12-dobname > .quiz-step-title,
  #step-r4-dobname > .quiz-step-title {
    margin-top: -18px !important;
    transform: translateY(-10px) !important;
    margin-bottom: 8px !important;
  }

  #step-h12-dobname > .quiz-step-subtitle-italic,
  #step-r4-dobname > .quiz-step-subtitle-italic,
  #step-h12-dobname > p,
  #step-r4-dobname > p {
    transform: translateY(-8px) !important;
    margin-bottom: 14px !important;
  }

  /* 3) Img-3 / Email step heading thori upar */
  #step-h13-email > .quiz-step-title,
  #step-r5-email > .quiz-step-title {
    margin-top: -18px !important;
    transform: translateY(-10px) !important;
    margin-bottom: 8px !important;
  }

  #step-h13-email > .quiz-step-subtitle-italic,
  #step-r5-email > .quiz-step-subtitle-italic,
  #step-h13-email > p,
  #step-r5-email > p {
    transform: translateY(-8px) !important;
    margin-bottom: 14px !important;
  }

  /* 4) Img-4 / Final address phone step heading thori upar */
  #step-h14-final > .quiz-step-title,
  #step-r6-final > .quiz-step-title {
    margin-top: -18px !important;
    transform: translateY(-10px) !important;
    margin-bottom: 8px !important;
  }

  #step-h14-final > .quiz-step-subtitle-italic,
  #step-r6-final > .quiz-step-subtitle-italic,
  #step-h14-final > p,
  #step-r6-final > p {
    transform: translateY(-8px) !important;
    margin-bottom: 14px !important;
  }

  /* 5) Loader step thora upar + circle bigger */
  #step-calculating-results {
    padding-top: 1.2rem !important;
  }

  #step-calculating-results h2 {
    margin-top: -12px !important;
    transform: translateY(-12px) !important;
    letter-spacing: 0.25px !important;
  }

  #step-calculating-results .circular-progress-box {
    width: 190px !important;
    height: 190px !important;
    margin-top: 10px !important;
  }

  #step-calculating-results .circular-progress-svg {
    width: 190px !important;
    height: 190px !important;
  }

  #step-calculating-results .circular-progress-percent {
    font-size: 32px !important;
  }

  #step-calculating-results .circular-progress-logo {
    max-width: 86px !important;
    max-height: 34px !important;
  }

  /* 6) Result step heading thori upar */
  #step-result-allstate .fh-results-header,
  #step-result-progressive .fh-results-header,
  #step-result-allstate .result-page-intro,
  #step-result-progressive .result-page-intro {
    margin-top: -14px !important;
  }

  /* 7) Result 3 cards ke darmiyan thori space */
  #step-result-allstate .fh-result-offer,
  #step-result-progressive .fh-result-offer {
    margin-bottom: 14px !important;
    border-radius: 12px !important;
  }

  #step-result-allstate .fh-result-offer:last-child,
  #step-result-progressive .fh-result-offer:last-child {
    margin-bottom: 0 !important;
  }
}


/* V121 WEB ONLY PROGRESS BAR WIDTH FIX
   Sirf desktop/web par progress bar ko reference jaisa centered + limited width karega.
   Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .quiz-progress-pill,
  .quiz-progress-line-track {
    width: 100% !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .quiz-progress-line-track {
    position: relative !important;
  }

  .quiz-progress-check-circle {
    right: 0 !important;
  }
}

/* Large screens par thora aur reference jaisa width */
@media screen and (min-width: 1440px) {
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container,
  .quiz-progress-pill,
  .quiz-progress-line-track {
    max-width: 980px !important;
  }
}


/* V122 WEB ONLY: restore original progress style, only reduce width
   Mobile/tablet untouched */
@media screen and (min-width: 1025px) {
  .quiz-top-progress-wrapper {
    width: 980px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  .quiz-progress-badge-container {
    width: 980px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  .quiz-progress-line-track {
    width: 980px !important;
    max-width: 980px !important;
    height: 6px !important;
    margin: 0 auto !important;
    background: #e8eef5 !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
  }

  .quiz-progress-line-fill {
    height: 6px !important;
    border-radius: 999px !important;
    background: #18c38f !important;
  }

  /* Original style pill/badge */
  .quiz-progress-pill,
  #quiz-progress-text,
  #quiz-percentage-badge {
    position: absolute !important;
    top: -16px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 145px !important;
    height: 31px !important;
    padding: 0 18px !important;

    background: #ffffff !important;
    color: #071329 !important;
    border: 1.5px solid #071329 !important;
    border-radius: 999px !important;
    box-shadow: none !important;

    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    z-index: 5 !important;
  }

  .quiz-progress-check-circle {
    position: absolute !important;
    top: 50% !important;
    right: -14px !important;
    transform: translateY(-50%) !important;

    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;

    background: #a8f3d8 !important;
    color: #12a979 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    z-index: 4 !important;
  }
}

/* Extra large desktop same reference width */
@media screen and (min-width: 1440px) {
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container,
  .quiz-progress-line-track {
    width: 980px !important;
    max-width: 980px !important;
  }
}


/* V123 WEB ONLY PROVIDER BOX WIDTH FIX
   Provider boxes ko reference jaisa narrow + centered karega.
   Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {
  #step-h2-provider .quiz-choices-2col,
  #step-r2-provider .quiz-choices-2col {
    width: 580px !important;
    max-width: 580px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
  }

  #step-h2-provider .quiz-logo-tile,
  #step-h2-provider .quiz-choice-tile,
  #step-r2-provider .quiz-logo-tile,
  #step-r2-provider .quiz-choice-tile {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  #step-h2-provider .quiz-logo-tile img,
  #step-r2-provider .quiz-logo-tile img {
    max-width: 155px !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }
}


/* V124 WEB ONLY PROGRESS BAR REFERENCE FINAL
   Sirf desktop/web progress bar ke liye. Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {

  /* Progress area ko reference jaisa centered rakho */
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container {
    width: 980px !important;
    max-width: 980px !important;
    height: 58px !important;
    margin: 26px auto 42px auto !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* Main thin track */
  .quiz-progress-line-track {
    width: 980px !important;
    max-width: 980px !important;
    height: 7px !important;
    margin: 31px auto 0 auto !important;
    background: #dcefeb !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* Green fill */
  .quiz-progress-line-fill {
    height: 7px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background: #36bea5 !important;
    border-radius: 999px !important;
    display: block !important;
  }

  /* Badge ko broken center se hata ke fill ke end ke upar rakho */
  .quiz-progress-pill,
  #quiz-progress-text,
  #quiz-percentage-badge {
    position: absolute !important;
    top: -30px !important;

    /* default/fallback: 10%-16% progress jaisa refer */
    left: 10% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 106px !important;
    width: auto !important;
    height: 32px !important;
    padding: 0 11px !important;

    background: #ffffff !important;
    color: #061226 !important;
    border: 2px solid #222222 !important;
    border-radius: 4px !important;
    box-shadow: none !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    z-index: 20 !important;
  }

  /* Badge ka chota arrow niche */
  .quiz-progress-pill::after,
  #quiz-progress-text::after,
  #quiz-percentage-badge::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -8px !important;
    transform: translateX(-50%) rotate(45deg) !important;
    width: 10px !important;
    height: 10px !important;
    background: #ffffff !important;
    border-right: 2px solid #222222 !important;
    border-bottom: 2px solid #222222 !important;
    box-sizing: border-box !important;
  }

  /* Right check circle */
  .quiz-progress-check-circle {
    position: absolute !important;
    top: 50% !important;
    right: -15px !important;
    left: auto !important;
    transform: translateY(-50%) !important;

    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;
    border-radius: 999px !important;

    background: #aaf2df !important;
    color: #12a979 !important;
    border: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    z-index: 15 !important;
  }
}

/* Wider desktop par bhi same reference width */
@media screen and (min-width: 1440px) {
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container,
  .quiz-progress-line-track {
    width: 980px !important;
    max-width: 980px !important;
  }
}


/* V125 WEB ONLY PROPERTY TYPE REFER STYLE
   Sirf desktop/web view ke liye. Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {

  /* Step container ko center rakho */
  #step-h3-proptype {
    max-width: 760px !important;
    width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
  }

  /* Heading refer jaisi center */
  #step-h3-proptype > .quiz-step-title {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 22px auto !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;

    text-align: center !important;
    font-size: 36px !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
    word-spacing: 0 !important;
    white-space: normal !important;
  }

  /* Subtitle/icon row refer jaisi */
  #step-h3-proptype > .quiz-step-subtitle-icon,
  #step-h3-proptype > .quiz-step-subtitle-italic,
  #step-h3-proptype > p {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 34px auto !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;

    text-align: center !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
  }

  /* Boxes grid refer jaisi width */
  #step-h3-proptype .quiz-choices-2col {
    width: 680px !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 14px !important;
    box-sizing: border-box !important;
  }

  /* Cards normal size, text/icon centered — mobile wali left/right setting reset */
  #step-h3-proptype .quiz-choice-tile {
    width: 100% !important;
    height: 130px !important;
    min-height: 130px !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    padding: 18px 20px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;

    text-align: center !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  #step-h3-proptype .quiz-choice-tile svg,
  #step-h3-proptype .quiz-choice-tile img {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  /* Last "Other" full width */
  #step-h3-proptype .quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    height: 74px !important;
    min-height: 74px !important;
    flex-direction: row !important;
    gap: 12px !important;
  }
}


/* V126 WEB ONLY PROGRESS POSITION FIX
   Progress bar ko header patti ke sath rakhta hai, top se cut nahi hota.
   Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container {
    height: 56px !important;
    margin-top: 8px !important;
    margin-bottom: 28px !important;
    padding-top: 18px !important;
    overflow: visible !important;
  }

  .quiz-progress-line-track {
    margin-top: 18px !important;
    overflow: visible !important;
  }

  .quiz-progress-pill,
  #quiz-progress-text,
  #quiz-percentage-badge {
    top: -28px !important;
    z-index: 50 !important;
  }

  .quiz-progress-check-circle {
    top: 50% !important;
    z-index: 40 !important;
  }

  /* Agar kisi old patch ne progress ko neeche dhakela ho */
  .quiz-card,
  .quiz-step {
    margin-top: 0 !important;
  }
}


/* V127 WEB ONLY PROPERTY TYPE ICONS CENTER
   Sirf desktop/web property type step ke liye.
   Mobile/tablet/other steps untouched. */
@media screen and (min-width: 1025px) {
  #step-h3-proptype .quiz-choice-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    padding: 18px 20px !important;
  }

  #step-h3-proptype .quiz-choice-tile svg,
  #step-h3-proptype .quiz-choice-tile img {
    display: block !important;
    position: static !important;
    transform: none !important;
    margin: 0 auto !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 auto !important;
  }

  #step-h3-proptype .quiz-choice-tile span,
  #step-h3-proptype .quiz-choice-tile strong,
  #step-h3-proptype .quiz-choice-tile div {
    text-align: center !important;
  }

  /* Other / I Don't Know full-width card me icon agar ho to center, text bhi center */
  #step-h3-proptype .quiz-choice-tile:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}


/* V128 WEB ONLY HEADER + PROGRESS COMPACT FIX
   Sirf desktop/web par apply hoga. Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {

  /* Top white patti/header ko compact karo */
  .quiz-header,
  .quote-header,
  header {
    min-height: 92px !important;
    height: 92px !important;
    padding-top: 14px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box !important;
  }

  .quiz-header .logo,
  .quote-header .logo,
  header .logo,
  .quiz-header img,
  .quote-header img,
  header img {
    max-height: 58px !important;
    width: auto !important;
  }

  .quiz-header a,
  .quote-header a,
  header a {
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  /* Progress ko header ke bilkul pass lao */
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container {
    width: 930px !important;
    max-width: 930px !important;
    height: 42px !important;

    margin-top: 0 !important;
    margin-bottom: 22px !important;
    padding-top: 10px !important;

    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* Track thora chota aur upar */
  .quiz-progress-line-track {
    width: 930px !important;
    max-width: 930px !important;
    height: 5px !important;

    margin-top: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    background: #dcefeb !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .quiz-progress-line-fill {
    height: 5px !important;
    border-radius: 999px !important;
    background: #36bea5 !important;
  }

  /* Badge thora chota aur upar */
  .quiz-progress-pill,
  #quiz-progress-text,
  #quiz-percentage-badge {
    position: absolute !important;
    top: -25px !important;

    /* progress fill ke end ke upar */
    left: 10% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    min-width: 96px !important;
    height: 28px !important;
    padding: 0 9px !important;

    background: #ffffff !important;
    color: #061226 !important;
    border: 2px solid #222222 !important;
    border-radius: 4px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    z-index: 50 !important;
  }

  .quiz-progress-pill::after,
  #quiz-progress-text::after,
  #quiz-percentage-badge::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -7px !important;
    transform: translateX(-50%) rotate(45deg) !important;

    width: 9px !important;
    height: 9px !important;

    background: #ffffff !important;
    border-right: 2px solid #222222 !important;
    border-bottom: 2px solid #222222 !important;
    box-sizing: border-box !important;
  }

  /* Right check circle bhi compact */
  .quiz-progress-check-circle {
    position: absolute !important;
    top: 50% !important;
    right: -13px !important;
    left: auto !important;
    transform: translateY(-50%) !important;

    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;

    border-radius: 999px !important;
    background: #aaf2df !important;
    color: #12a979 !important;
    border: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 17px !important;
    font-weight: 800 !important;
    z-index: 40 !important;
  }

  /* Progress ke neeche extra gap kam */
  .quiz-card {
    margin-top: 0 !important;
  }
}


/* V129 WEB ONLY: property type cards icon top center + text below
   Sirf desktop/web #step-h3-proptype par apply hoga. Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {
  #step-h3-proptype .quiz-choice-tile,
  #step-h3-proptype button.quiz-choice-tile {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-items: center !important;
    justify-content: center !important;
    align-content: center !important;
    gap: 12px !important;

    text-align: center !important;
    padding: 18px 20px !important;
    height: 130px !important;
    min-height: 130px !important;
    position: relative !important;
  }

  /* SVG/icon ko top center me force karo */
  #step-h3-proptype .quiz-choice-tile svg,
  #step-h3-proptype button.quiz-choice-tile svg,
  #step-h3-proptype .quiz-choice-tile img,
  #step-h3-proptype button.quiz-choice-tile img {
    grid-row: 1 !important;
    grid-column: 1 !important;

    position: static !important;
    inset: auto !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;

    display: block !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 auto !important;
    transform: none !important;
    justify-self: center !important;
    align-self: center !important;
  }

  /* Text ko icon ke neeche center me force karo */
  #step-h3-proptype .quiz-choice-tile > *:not(svg):not(img),
  #step-h3-proptype button.quiz-choice-tile > *:not(svg):not(img) {
    grid-row: 2 !important;
    grid-column: 1 !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;

    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;

    text-align: center !important;
    justify-self: center !important;
    align-self: center !important;
  }

  #step-h3-proptype .quiz-choice-tile span,
  #step-h3-proptype .quiz-choice-tile strong,
  #step-h3-proptype .quiz-choice-tile div {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Last full-width card: sirf text center, icon agar ho to top center */
  #step-h3-proptype .quiz-choice-tile:last-child,
  #step-h3-proptype button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    height: 76px !important;
    min-height: 76px !important;
  }
}


/* V130 WEB ONLY: progress badge upar, line niche right aligned
   Sirf desktop/web par apply hoga. Mobile/tablet untouched. */
@media screen and (min-width: 1025px) {

  /* Progress whole area compact */
  .quiz-top-progress-wrapper,
  .quiz-progress-badge-container {
    width: 980px !important;
    max-width: 980px !important;
    height: 76px !important;
    margin: 4px auto 18px auto !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* Badge/filter ko red box wali upper highlighted jagah me uthao */
  .quiz-progress-pill,
  #quiz-progress-text,
  #quiz-percentage-badge {
    position: absolute !important;
    top: 2px !important;
    left: 10% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    min-width: 118px !important;
    height: 32px !important;
    padding: 0 12px !important;

    background: #ffffff !important;
    color: #061226 !important;
    border: 2px solid #222222 !important;
    border-radius: 4px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    z-index: 60 !important;
  }

  .quiz-progress-pill::after,
  #quiz-progress-text::after,
  #quiz-percentage-badge::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -8px !important;
    transform: translateX(-50%) rotate(45deg) !important;
    width: 10px !important;
    height: 10px !important;
    background: #ffffff !important;
    border-right: 2px solid #222222 !important;
    border-bottom: 2px solid #222222 !important;
    box-sizing: border-box !important;
  }

  /* Progress line ko neeche right highlighted jagah me lao */
  .quiz-progress-line-track {
    position: absolute !important;
    top: 48px !important;
    left: 0 !important;
    right: 0 !important;

    width: 980px !important;
    max-width: 980px !important;
    height: 7px !important;
    margin: 0 auto !important;

    background: #dcefeb !important;
    border-radius: 999px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .quiz-progress-line-fill {
    height: 7px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    background: #36bea5 !important;
    border-radius: 999px !important;
    display: block !important;
  }

  /* Check circle progress line ke right end par */
  .quiz-progress-check-circle {
    position: absolute !important;
    top: 50% !important;
    right: -14px !important;
    left: auto !important;
    transform: translateY(-50%) !important;

    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    min-height: 31px !important;

    border-radius: 999px !important;
    background: #aaf2df !important;
    color: #12a979 !important;
    border: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    z-index: 50 !important;
  }

  /* Progress ke baad extra gap kam */
  .quiz-card {
    margin-top: 0 !important;
  }
}


/* V131 WEB ONLY: hide property type icons
   Sirf desktop/web #step-h3-proptype cards par apply hoga.
   Mobile/tablet aur baqi steps untouched. */
@media screen and (min-width: 1025px) {
  #step-h3-proptype .quiz-choice-tile svg,
  #step-h3-proptype button.quiz-choice-tile svg,
  #step-h3-proptype .quiz-choice-tile img,
  #step-h3-proptype button.quiz-choice-tile img,
  #step-h3-proptype .quiz-choice-tile [class*="icon"],
  #step-h3-proptype button.quiz-choice-tile [class*="icon"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Text ko card ke center me rakho */
  #step-h3-proptype .quiz-choice-tile,
  #step-h3-proptype button.quiz-choice-tile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0 !important;
  }

  #step-h3-proptype .quiz-choice-tile > *:not(svg):not(img),
  #step-h3-proptype button.quiz-choice-tile > *:not(svg):not(img) {
    text-align: center !important;
    margin: 0 auto !important;
    position: static !important;
    transform: none !important;
  }
}


/* V132 WEB ONLY YEAR BUILT BOXES SMALL
   Sirf desktop/web #step-h4-yearbuilt par apply hoga.
   Mobile/tablet aur baqi steps untouched. */
@media screen and (min-width: 1025px) {
  #step-h4-yearbuilt {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h4-yearbuilt .quiz-choices-2col {
    width: 580px !important;
    max-width: 580px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    box-sizing: border-box !important;
  }

  #step-h4-yearbuilt .quiz-choice-tile,
  #step-h4-yearbuilt button.quiz-choice-tile {
    width: 100% !important;
    max-width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;

    padding: 12px 16px !important;
    border-radius: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}


/* V133 WEB ONLY: hide property icons + smaller boxes
   Sirf desktop/web #step-h3-proptype par apply hoga.
   Mobile/tablet aur baqi steps untouched. */
@media screen and (min-width: 1025px) {
  #step-h3-proptype .quiz-choice-tile svg,
  #step-h3-proptype button.quiz-choice-tile svg,
  #step-h3-proptype .quiz-choice-tile img,
  #step-h3-proptype button.quiz-choice-tile img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #step-h3-proptype .quiz-choices-2col {
    width: 620px !important;
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
  }

  #step-h3-proptype .quiz-choice-tile,
  #step-h3-proptype button.quiz-choice-tile {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    padding: 14px 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    gap: 0 !important;
  }

  #step-h3-proptype .quiz-choice-tile:last-child,
  #step-h3-proptype button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
  }
}


/* V134 WEB ONLY MID STEPS BOX SIZING
   Sirf desktop/web par apply hoga.
   Mobile/tablet aur baqi responsive untouched. */
@media screen and (min-width: 1025px) {

  /* Common web step container */
  #step-h4-yearbuilt,
  #step-h5-sqft,
  #step-h6-rooftype,
  #step-h7-roofage,
  #step-h8-bundle,
  #step-h9-start,
  #step-h10-credit {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Year Built, Square Footage, Roof Age, Bundle: refer jaisi choti boxes */
  #step-h4-yearbuilt .quiz-choices-2col,
  #step-h5-sqft .quiz-choices-2col,
  #step-h7-roofage .quiz-choices-2col,
  #step-h8-bundle .quiz-choices-2col {
    width: 580px !important;
    max-width: 580px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    box-sizing: border-box !important;
  }

  #step-h4-yearbuilt .quiz-choice-tile,
  #step-h4-yearbuilt button.quiz-choice-tile,
  #step-h5-sqft .quiz-choice-tile,
  #step-h5-sqft button.quiz-choice-tile,
  #step-h7-roofage .quiz-choice-tile,
  #step-h7-roofage button.quiz-choice-tile,
  #step-h8-bundle .quiz-choice-tile,
  #step-h8-bundle button.quiz-choice-tile {
    width: 100% !important;
    max-width: 100% !important;

    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    padding: 12px 16px !important;
    border-radius: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  /* Roof Type: icon wali boxes choti + centered */
  #step-h6-rooftype .quiz-choices-2col {
    width: 580px !important;
    max-width: 580px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    box-sizing: border-box !important;
  }

  #step-h6-rooftype .quiz-choice-tile,
  #step-h6-rooftype button.quiz-choice-tile {
    width: 100% !important;
    max-width: 100% !important;

    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;

    padding: 12px 16px !important;
    border-radius: 10px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  #step-h6-rooftype .quiz-choice-tile img,
  #step-h6-rooftype .quiz-choice-tile svg {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    margin: 0 auto !important;
  }

  /* Roof Type last "Other / Not Sure" full-width but compact */
  #step-h6-rooftype .quiz-choice-tile:last-child,
  #step-h6-rooftype button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    flex-direction: row !important;
  }

  /* Roof Age last "40+ Years Old" full-width compact */
  #step-h7-roofage .quiz-choice-tile:last-child,
  #step-h7-roofage button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }

  /* Start Coverage: boxes thori wide taake text one-line rahe */
  #step-h9-start .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    box-sizing: border-box !important;
  }

  #step-h9-start .quiz-choice-tile,
  #step-h9-start button.quiz-choice-tile {
    width: 100% !important;
    max-width: 100% !important;

    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    padding: 12px 18px !important;
    border-radius: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* Credit Score: boxes chotay but text readable */
  #step-h10-credit .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col {
    width: 680px !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    box-sizing: border-box !important;
  }

  #step-h10-credit .quiz-choice-tile,
  #step-h10-credit button.quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile,
  #step-r2-credit button.quiz-choice-tile {
    width: 100% !important;
    max-width: 100% !important;

    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;

    padding: 14px 18px !important;
    border-radius: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    text-align: left !important;
    font-size: 20px !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  #step-h10-credit .quiz-choice-tile:last-child,
  #step-h10-credit button.quiz-choice-tile:last-child,
  #step-r2-credit .quiz-choice-tile:last-child,
  #step-r2-credit button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}


/* V135 WEB ONLY: force hide highlighted property icons
   Sirf desktop/web #step-h3-proptype par apply hoga.
   Mobile/tablet aur baqi quiz steps untouched. */
@media screen and (min-width: 1025px) {
  #step-h3-proptype .quiz-choice-tile svg,
  #step-h3-proptype .quiz-choice-tile svg *,
  #step-h3-proptype button.quiz-choice-tile svg,
  #step-h3-proptype button.quiz-choice-tile svg *,
  #step-h3-proptype .quiz-choice-tile img,
  #step-h3-proptype button.quiz-choice-tile img,
  #step-h3-proptype .quiz-choice-tile .icon,
  #step-h3-proptype button.quiz-choice-tile .icon,
  #step-h3-proptype .quiz-choice-tile [class*="icon"],
  #step-h3-proptype button.quiz-choice-tile [class*="icon"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* Icon hide hone ke baad text ko card ke center me rakho */
  #step-h3-proptype .quiz-choice-tile,
  #step-h3-proptype button.quiz-choice-tile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 0 !important;
  }

  #step-h3-proptype .quiz-choice-tile > *:not(svg):not(img),
  #step-h3-proptype button.quiz-choice-tile > *:not(svg):not(img) {
    margin: 0 auto !important;
    text-align: center !important;
    position: static !important;
    transform: none !important;
  }
}


/* V136 WEB ONLY FINAL LAYOUT FIXES
   Sirf desktop/web par apply hoga.
   Mobile/tablet aur baqi responsive fixes untouched. */
@media screen and (min-width: 1025px) {

  /* 1) Roof Type: Metal ko 2nd row right side me fix */
  #step-h6-rooftype .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
    align-items: stretch !important;
  }

  #step-h6-rooftype .quiz-choice-tile,
  #step-h6-rooftype button.quiz-choice-tile {
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
  #step-h6-rooftype .quiz-choice-tile:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
  #step-h6-rooftype .quiz-choice-tile:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; }
  #step-h6-rooftype .quiz-choice-tile:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }

  #step-h6-rooftype .quiz-choice-tile:last-child,
  #step-h6-rooftype button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  /* 2) Roof Age: 31-40 ko 2nd row right side me fix */
  #step-h7-roofage .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
  }

  #step-h7-roofage .quiz-choice-tile,
  #step-h7-roofage button.quiz-choice-tile {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
  }

  #step-h7-roofage .quiz-choice-tile:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
  #step-h7-roofage .quiz-choice-tile:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
  #step-h7-roofage .quiz-choice-tile:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; }
  #step-h7-roofage .quiz-choice-tile:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }

  #step-h7-roofage .quiz-choice-tile:last-child,
  #step-h7-roofage button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
  }

  /* 3) Credit Score: Poor ko 2nd row right side me fix */
  #step-h10-credit .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
  }

  #step-h10-credit .quiz-choice-tile,
  #step-h10-credit button.quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile,
  #step-r2-credit button.quiz-choice-tile {
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    padding: 12px 18px !important;
    box-sizing: border-box !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(1),
  #step-r2-credit .quiz-choice-tile:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(2),
  #step-r2-credit .quiz-choice-tile:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(3),
  #step-r2-credit .quiz-choice-tile:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(4),
  #step-r2-credit .quiz-choice-tile:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  #step-h10-credit .quiz-choice-tile:last-child,
  #step-h10-credit button.quiz-choice-tile:last-child,
  #step-r2-credit .quiz-choice-tile:last-child,
  #step-r2-credit button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* 4) Discounts step Continue button ko highlighted area me center fix */
  #step-h11-discounts,
  #step-r3-discounts {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h11-discounts .quiz-fullwidth-btn,
  #step-h11-discounts button[type="button"],
  #step-h11-discounts button[type="submit"],
  #step-r3-discounts .quiz-fullwidth-btn,
  #step-r3-discounts button[type="button"],
  #step-r3-discounts button[type="submit"] {
    width: 360px !important;
    max-width: 360px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 28px auto 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
  }

  /* 5) Loader circle thora bada */
  #step-calculating-results .circular-progress-box,
  #step-calculating-results .calc-circle-wrap,
  #step-calculating-results .loader-circle {
    width: 190px !important;
    height: 190px !important;
  }

  #step-calculating-results .circular-progress-svg,
  #step-calculating-results svg {
    width: 190px !important;
    height: 190px !important;
  }

  #step-calculating-results .circular-progress-percent,
  #calc-percentage-text {
    font-size: 32px !important;
  }

  #step-calculating-results .circular-progress-logo,
  #calc-logo-img {
    max-width: 86px !important;
    max-height: 36px !important;
  }

  /* 6) Result cards width badhao + equal spacing */
  #step-result-allstate .fh-results-list,
  #step-result-progressive .fh-results-list,
  #step-result-allstate .results-list,
  #step-result-progressive .results-list {
    width: 920px !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
  }

  #step-result-allstate .fh-result-offer,
  #step-result-progressive .fh-result-offer,
  #step-result-allstate .premium-result-card,
  #step-result-progressive .premium-result-card,
  #step-result-allstate .result-offer-card,
  #step-result-progressive .result-offer-card {
    width: 920px !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }
}


/* V137 WEB ONLY PROPERTY TYPE WIDTH ROW FIX
   Sirf desktop/web par property type boxes ki width thori barhata hai.
   Mobile/tablet aur baqi steps untouched. */
@media screen and (min-width: 1025px) {
  #step-h3-proptype {
    width: 820px !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h3-proptype .quiz-choices-2col {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 14px !important;
    row-gap: 12px !important;
  }

  #step-h3-proptype .quiz-choice-tile,
  #step-h3-proptype button.quiz-choice-tile {
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    padding: 12px 18px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  #step-h3-proptype .quiz-choice-tile svg,
  #step-h3-proptype button.quiz-choice-tile svg,
  #step-h3-proptype .quiz-choice-tile img,
  #step-h3-proptype button.quiz-choice-tile img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    position: static !important;
    transform: none !important;
  }

  #step-h3-proptype .quiz-choice-tile > *:not(svg):not(img),
  #step-h3-proptype button.quiz-choice-tile > *:not(svg):not(img) {
    width: auto !important;
    max-width: calc(100% - 44px) !important;
    margin: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    position: static !important;
    transform: none !important;
  }

  #step-h3-proptype .quiz-choice-tile:last-child,
  #step-h3-proptype button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
  }
}


/* V138 WEB ONLY: 2-row grids + result card cleanup
   Sirf desktop/web par apply hoga.
   Mobile/tablet/responsive ko touch nahi karega. */
@media screen and (min-width: 1025px) {

  /* =========================
     ROOF TYPE: exact 2 rows x 2 columns
     ========================= */
  #step-h6-rooftype {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h6-rooftype .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
    align-items: stretch !important;
  }

  #step-h6-rooftype .quiz-choice-tile,
  #step-h6-rooftype button.quiz-choice-tile {
    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;

    padding: 12px 16px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(1),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(2),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(3),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(4),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  /* Other/Not sure separate full-width below */
  #step-h6-rooftype .quiz-choice-tile:nth-child(5),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(5),
  #step-h6-rooftype .quiz-choice-tile:last-child,
  #step-h6-rooftype button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    flex-direction: row !important;
  }

  /* =========================
     ROOF AGE: exact 2 rows x 2 columns
     ========================= */
  #step-h7-roofage {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h7-roofage .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
  }

  #step-h7-roofage .quiz-choice-tile,
  #step-h7-roofage button.quiz-choice-tile {
    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

    padding: 10px 16px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  #step-h7-roofage .quiz-choice-tile:nth-child(1),
  #step-h7-roofage button.quiz-choice-tile:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #step-h7-roofage .quiz-choice-tile:nth-child(2),
  #step-h7-roofage button.quiz-choice-tile:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #step-h7-roofage .quiz-choice-tile:nth-child(3),
  #step-h7-roofage button.quiz-choice-tile:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #step-h7-roofage .quiz-choice-tile:nth-child(4),
  #step-h7-roofage button.quiz-choice-tile:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  /* 40+ Years Old separate full-width below */
  #step-h7-roofage .quiz-choice-tile:nth-child(5),
  #step-h7-roofage button.quiz-choice-tile:nth-child(5),
  #step-h7-roofage .quiz-choice-tile:last-child,
  #step-h7-roofage button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
  }

  /* =========================
     CREDIT SCORE: exact 2 rows x 2 columns + I don't know full width
     ========================= */
  #step-h10-credit,
  #step-r2-credit {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h10-credit .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
  }

  #step-h10-credit .quiz-choice-tile,
  #step-h10-credit button.quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile,
  #step-r2-credit button.quiz-choice-tile {
    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;

    padding: 12px 18px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    text-align: left !important;
    font-size: 20px !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(1),
  #step-h10-credit button.quiz-choice-tile:nth-child(1),
  #step-r2-credit .quiz-choice-tile:nth-child(1),
  #step-r2-credit button.quiz-choice-tile:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(2),
  #step-h10-credit button.quiz-choice-tile:nth-child(2),
  #step-r2-credit .quiz-choice-tile:nth-child(2),
  #step-r2-credit button.quiz-choice-tile:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(3),
  #step-h10-credit button.quiz-choice-tile:nth-child(3),
  #step-r2-credit .quiz-choice-tile:nth-child(3),
  #step-r2-credit button.quiz-choice-tile:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(4),
  #step-h10-credit button.quiz-choice-tile:nth-child(4),
  #step-r2-credit .quiz-choice-tile:nth-child(4),
  #step-r2-credit button.quiz-choice-tile:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  #step-h10-credit .quiz-choice-tile:nth-child(5),
  #step-h10-credit button.quiz-choice-tile:nth-child(5),
  #step-r2-credit .quiz-choice-tile:nth-child(5),
  #step-r2-credit button.quiz-choice-tile:nth-child(5),
  #step-h10-credit .quiz-choice-tile:last-child,
  #step-h10-credit button.quiz-choice-tile:last-child,
  #step-r2-credit .quiz-choice-tile:last-child,
  #step-r2-credit button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* =========================
     RESULT CARDS: width zyada + spacing + logo/yellow patti remove
     ========================= */
  #step-result-allstate .fh-results-list,
  #step-result-progressive .fh-results-list,
  #step-result-allstate .results-list,
  #step-result-progressive .results-list {
    width: 980px !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 34px !important;
  }

  #step-result-allstate .fh-result-offer,
  #step-result-progressive .fh-result-offer,
  #step-result-allstate .premium-result-card,
  #step-result-progressive .premium-result-card,
  #step-result-allstate .result-offer-card,
  #step-result-progressive .result-offer-card {
    width: 980px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* Result card ke andar highlighted logo/right logo remove */
  #step-result-allstate .fh-offer-right,
  #step-result-progressive .fh-offer-right,
  #step-result-allstate .result-card-side-logo,
  #step-result-progressive .result-card-side-logo,
  #step-result-allstate .carrier-side-logo,
  #step-result-progressive .carrier-side-logo,
  #step-result-allstate .fh-carrier-logo-side,
  #step-result-progressive .fh-carrier-logo-side {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* Result card yellow patti/tag remove */
  #step-result-allstate .fh-yellow-tag,
  #step-result-progressive .fh-yellow-tag,
  #step-result-allstate .yellow-tag,
  #step-result-progressive .yellow-tag,
  #step-result-allstate .rate-tag,
  #step-result-progressive .rate-tag,
  #step-result-allstate .savings-tag,
  #step-result-progressive .savings-tag,
  #step-result-allstate [class*="yellow"],
  #step-result-progressive [class*="yellow"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Logo/yellow remove hone ke baad content full width */
  #step-result-allstate .fh-offer-left,
  #step-result-progressive .fh-offer-left,
  #step-result-allstate .result-card-content,
  #step-result-progressive .result-card-content {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* V139 WEB ONLY ROOF TYPE EXACT 2 ROWS
   Sirf desktop/web #step-h6-rooftype par apply hoga.
   Mobile/tablet aur baqi steps untouched. */
@media screen and (min-width: 1025px) {
  #step-h6-rooftype {
    width: 760px !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #step-h6-rooftype .quiz-choices-2col {
    width: 700px !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 16px !important;
    row-gap: 14px !important;
    align-items: stretch !important;
  }

  /* Pehle 4 roof boxes ko normal 2x2 grid me lock karo */
  #step-h6-rooftype .quiz-choice-tile:nth-child(1),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(2),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(3),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(4),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }

  #step-h6-rooftype .quiz-choice-tile:nth-child(-n+4),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(-n+4) {
    width: 100% !important;
    max-width: 100% !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;

    padding: 12px 16px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  /* Metal ko forcefully full-width rule se nikaal do */
  #step-h6-rooftype .quiz-choice-tile:nth-child(4),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
  }

  /* Other / Not Sure ko 2x2 grid ke neeche full-width centered rakho */
  #step-h6-rooftype .quiz-choice-tile:nth-child(5),
  #step-h6-rooftype button.quiz-choice-tile:nth-child(5),
  #step-h6-rooftype .quiz-choice-tile:last-child,
  #step-h6-rooftype button.quiz-choice-tile:last-child {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}


/* V139B FORCE METAL BACK TO ROW 2 COL 2 */
@media screen and (min-width: 1025px) {
  #step-h6-rooftype .quiz-choice-tile[data-rooftype-val="Metal"],
  #step-h6-rooftype button[data-rooftype-val="Metal"] {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
  }
}


/* V140 WEB ONLY RESULT CARDS CLEAN + WIDE
   Sirf desktop/web result step par apply hoga.
   Mobile/tablet aur baqi quiz steps untouched. */
@media screen and (min-width: 1025px) {

  /* Result list/card width zyada + center */
  #step-result-allstate .fh-results-list,
  #step-result-progressive .fh-results-list,
  #step-result-allstate .results-list,
  #step-result-progressive .results-list,
  #step-result-allstate .result-cards,
  #step-result-progressive .result-cards {
    width: 1080px !important;
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 34px !important;
  }

  #step-result-allstate .fh-result-offer,
  #step-result-progressive .fh-result-offer,
  #step-result-allstate .premium-result-card,
  #step-result-progressive .premium-result-card,
  #step-result-allstate .result-offer-card,
  #step-result-progressive .result-offer-card {
    width: 1080px !important;
    max-width: 1080px !important;
    margin: 0 auto 34px auto !important;
    box-sizing: border-box !important;
  }

  /* Card ke andar right-side highlighted logo remove */
  #step-result-allstate .fh-offer-right,
  #step-result-progressive .fh-offer-right,
  #step-result-allstate .result-card-side-logo,
  #step-result-progressive .result-card-side-logo,
  #step-result-allstate .carrier-side-logo,
  #step-result-progressive .carrier-side-logo,
  #step-result-allstate .fh-carrier-logo-side,
  #step-result-progressive .fh-carrier-logo-side,
  #step-result-allstate .result-offer-card > div:last-child:has(img),
  #step-result-progressive .result-offer-card > div:last-child:has(img),
  #step-result-allstate .premium-result-card > div:last-child:has(img),
  #step-result-progressive .premium-result-card > div:last-child:has(img) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Yellow highlighted location/address patti remove */
  #step-result-allstate .fh-yellow-tag,
  #step-result-progressive .fh-yellow-tag,
  #step-result-allstate .yellow-tag,
  #step-result-progressive .yellow-tag,
  #step-result-allstate .rate-tag,
  #step-result-progressive .rate-tag,
  #step-result-allstate .savings-tag,
  #step-result-progressive .savings-tag,
  #step-result-allstate .location-tag,
  #step-result-progressive .location-tag,
  #step-result-allstate [class*="yellow"],
  #step-result-progressive [class*="yellow"],
  #step-result-allstate [style*="yellow"],
  #step-result-progressive [style*="yellow"],
  #step-result-allstate [style*="#ffe"],
  #step-result-progressive [style*="#ffe"],
  #step-result-allstate [style*="#ff"],
  #step-result-progressive [style*="#ff"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Logo/yellow remove ke baad content full width */
  #step-result-allstate .fh-offer-left,
  #step-result-progressive .fh-offer-left,
  #step-result-allstate .result-card-content,
  #step-result-progressive .result-card-content,
  #step-result-allstate .result-offer-card > div:first-child,
  #step-result-progressive .result-offer-card > div:first-child,
  #step-result-allstate .premium-result-card > div:first-child,
  #step-result-progressive .premium-result-card > div:first-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }

  /* Button ko zyada wide rakho */
  #step-result-allstate .fh-quote-btn,
  #step-result-progressive .fh-quote-btn,
  #step-result-allstate .result-offer-card button,
  #step-result-progressive .result-offer-card button,
  #step-result-allstate .premium-result-card button,
  #step-result-progressive .premium-result-card button {
    width: 520px !important;
    max-width: 520px !important;
  }
}








/* V146 MOBILE ONLY RESULT CARD CLEAN
   Sirf mobile result cards par apply hoga.
   Web/tablet aur baqi steps untouched. */
@media screen and (max-width: 767px) {

  /* Result heading thori uper */
  #step-result-allstate,
  #step-result-progressive {
    padding-top: 0 !important;
    margin-top: -12px !important;
  }

  #step-result-allstate .result-page-intro,
  #step-result-progressive .result-page-intro {
    margin-top: -10px !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
  }

  #step-result-allstate .result-page-intro h2,
  #step-result-progressive .result-page-intro h2 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  /* 3 cards me 5px space */
  #step-result-allstate .result-offers-grid,
  #step-result-progressive .result-offers-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  #step-result-allstate .premium-result-card.result-offer-card,
  #step-result-progressive .premium-result-card.result-offer-card {
    margin-bottom: 5px !important;
  }

  /* Red box wali bottom cheez remove:
     address patti + duplicate bottom/right logo */
  #step-result-allstate .result-card-location-badge,
  #step-result-progressive .result-card-location-badge,
  #step-result-allstate .result-action-split-box > div:last-child,
  #step-result-progressive .result-action-split-box > div:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* Duplicate logo hide hone ke baad content normal full width */
  #step-result-allstate .result-action-split-box,
  #step-result-progressive .result-action-split-box {
    display: block !important;
    width: 100% !important;
  }

  #step-result-allstate .result-action-split-box > div:first-child,
  #step-result-progressive .result-action-split-box > div:first-child {
    display: block !important;
    width: 100% !important;
  }

  /* Button/card safe rakho */
  #step-result-allstate .btn-view-my-quote,
  #step-result-progressive .btn-view-my-quote {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* V147 MOBILE ONLY RESULT HEADING UP
   Sirf mobile result page heading uper hogi, cards untouched. */
@media screen and (max-width: 767px) {
  #step-result-allstate .result-page-intro,
  #step-result-progressive .result-page-intro {
    margin-top: -18px !important;
    padding-top: 0 !important;
  }

  #step-result-allstate .result-page-intro h2,
  #step-result-progressive .result-page-intro h2 {
    margin-top: 0 !important;
  }
}

/* V197 PROGRESS BUBBLE NEVER REMOVE FINAL */
.quiz-top-progress-wrapper,#progress-wrapper{position:relative!important;overflow:visible!important}.quiz-progress-badge-container{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;overflow:visible!important;z-index:999999!important;pointer-events:none!important}.quiz-progress-pill,.quiz-progress-badge,.fhi-progress-pill-final{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#071329!important;border:1.5px solid #111827!important;border-radius:999px!important;box-shadow:0 1px 3px rgba(15,23,42,.18)!important;font-weight:800!important;white-space:nowrap!important;text-align:center!important}.quiz-progress-pill:before,.quiz-progress-pill:after,.quiz-progress-badge:before,.quiz-progress-badge:after,.fhi-progress-pill-final:before,.fhi-progress-pill-final:after{content:none!important;display:none!important}@media screen and (max-width:767px){.quiz-top-progress-wrapper,#progress-wrapper{width:calc(100% - 74px)!important;max-width:520px!important;height:42px!important;margin:14px auto 36px!important}.quiz-progress-line-track{top:22px!important}.quiz-progress-badge-container{top:10px!important}.quiz-progress-pill,.quiz-progress-badge,.fhi-progress-pill-final{min-width:96px!important;height:24px!important;padding:0 10px!important;font-size:12px!important;line-height:24px!important}.quiz-progress-check-circle{display:none!important;visibility:hidden!important;opacity:0!important}.fhi-mobile-progress-tick{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;right:-14px!important;top:22px!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#a7f3de!important;color:#13a78c!important;font-size:18px!important;font-weight:900!important;z-index:999999!important;pointer-events:none!important}}@media screen and (min-width:1025px){.quiz-top-progress-wrapper,#progress-wrapper{width:65%!important;max-width:1250px!important;height:42px!important;margin:-4px auto 70px!important}.quiz-progress-line-track{top:22px!important}.quiz-progress-badge-container{top:4px!important}.quiz-progress-pill,.quiz-progress-badge,.fhi-progress-pill-final{min-width:112px!important;height:27px!important;padding:0 14px!important;font-size:13px!important;line-height:27px!important}}

/* V198 DOB YEAR RED ERROR ONLY */
#step-h12-dobname input.fhi-dob-year-red,#step-r4-dobname input.fhi-dob-year-red,#step-h12-dobname input.fhi-dob-year-red:focus,#step-r4-dobname input.fhi-dob-year-red:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px rgba(239,68,68,.24)!important;outline:none!important}#step-h12-dobname input:not(.fhi-dob-year-red),#step-r4-dobname input:not(.fhi-dob-year-red){box-shadow:none!important}

/* V199 MOBILE ONLY CALCULATING BLUE HEADING UP */
@media screen and (max-width:767px){#step-calculating-results .calculating-kicker,#step-calculating-results .loading-kicker,#step-calculating-results .finder-kicker,#step-calculating-results [class*=kicker],#step-calculating-results [class*=eyebrow]{display:block!important;position:relative!important;top:-18px!important;margin:0 auto 12px!important;text-align:center!important;z-index:3!important}#step-calculating-results .quiz-step-title,#step-calculating-results h1,#step-calculating-results h2{position:relative!important;margin-top:8px!important;line-height:1.15!important}}

/* V215 WEB ONLY RESULT CARDS EXACT SAMPLE */
@media screen and (min-width:1025px){
  #step-result-allstate,
  #step-result-progressive{
    width:100%!important;
    max-width:1500px!important;
    margin:0 auto!important;
    padding:0 44px 70px!important;
    background:transparent!important;
  }

  #step-result-allstate .result-offers-grid,
  #step-result-progressive .result-offers-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    max-width:1370px!important;
    margin:0 auto!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #dfe7f1!important;
    border-radius:10px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  #step-result-allstate .result-offers-grid::before,
  #step-result-progressive .result-offers-grid::before{
    content:"We’ve found great options for you!\A Compare top rates from our trusted partners."!important;
    white-space:pre-line!important;
    display:block!important;
    width:100%!important;
    padding:30px 32px 28px!important;
    border-bottom:1px solid #e2e8f0!important;
    color:#071329!important;
    font-size:26px!important;
    line-height:1.35!important;
    font-weight:900!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }

  #step-result-allstate .premium-result-card.result-offer-card,
  #step-result-progressive .premium-result-card.result-offer-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 260px!important;
    grid-template-rows:auto auto!important;
    column-gap:34px!important;
    row-gap:18px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:196px!important;
    margin:0!important;
    padding:36px 32px!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  #step-result-allstate .premium-result-card.result-offer-card + .premium-result-card.result-offer-card,
  #step-result-progressive .premium-result-card.result-offer-card + .premium-result-card.result-offer-card{
    border-top:1px solid #e2e8f0!important;
  }

  #step-result-allstate .premium-result-card.result-offer-card::before,
  #step-result-progressive .premium-result-card.result-offer-card::before{
    content:""!important;
    display:none!important;
  }

  #step-result-allstate .result-card-carrier-logo,
  #step-result-progressive .result-card-carrier-logo{
    grid-column:1!important;
    grid-row:1!important;
    display:inline-block!important;
    width:auto!important;
    max-width:185px!important;
    max-height:44px!important;
    height:auto!important;
    object-fit:contain!important;
    margin:0 22px 0 0!important;
    padding:0!important;
    vertical-align:middle!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #step-result-allstate .result-card-highlight-badge,
  #step-result-progressive .result-card-highlight-badge{
    grid-column:1!important;
    grid-row:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    height:28px!important;
    margin:0!important;
    padding:0 14px!important;
    vertical-align:middle!important;
    background:#ffe873!important;
    color:#4b3b00!important;
    border:0!important;
    border-radius:2px!important;
    font-size:13px!important;
    line-height:28px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    text-transform:uppercase!important;
    box-shadow:none!important;
    transform:none!important;
  }

  #step-result-allstate .result-card-headline,
  #step-result-progressive .result-card-headline{
    grid-column:1!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    max-width:850px!important;
    margin:0!important;
    padding:0!important;
    color:#071329!important;
    font-size:17px!important;
    line-height:1.45!important;
    font-weight:800!important;
    text-align:left!important;
  }

  #step-result-allstate .result-card-headline + p,
  #step-result-progressive .result-card-headline + p{
    color:#526173!important;
    font-size:15px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }

  #step-result-allstate .top-pick-ribbon,
  #step-result-progressive .top-pick-ribbon,
  #step-result-allstate .alt-ribbon,
  #step-result-progressive .alt-ribbon,
  #step-result-allstate .third-ribbon,
  #step-result-progressive .third-ribbon{
    position:absolute!important;
    top:34px!important;
    right:32px!important;
    left:auto!important;
    bottom:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:106px!important;
    height:32px!important;
    padding:0 14px!important;
    background:#e7f3ff!important;
    color:#1475d1!important;
    border:0!important;
    border-radius:6px!important;
    font-size:14px!important;
    line-height:32px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-transform:none!important;
    box-shadow:none!important;
    transform:none!important;
    z-index:3!important;
  }

  #step-result-allstate .top-pick-ribbon::before,
  #step-result-progressive .top-pick-ribbon::before{
    content:"★"!important;
    display:inline-block!important;
    margin-right:8px!important;
    color:#2d9bf0!important;
    font-size:16px!important;
  }

  #step-result-allstate .alt-ribbon,
  #step-result-progressive .alt-ribbon,
  #step-result-allstate .third-ribbon,
  #step-result-progressive .third-ribbon{
    background:#dcfce7!important;
    color:#16a34a!important;
  }

  #step-result-allstate .alt-ribbon::before,
  #step-result-progressive .alt-ribbon::before,
  #step-result-allstate .third-ribbon::before,
  #step-result-progressive .third-ribbon::before{
    content:"👍"!important;
    display:inline-block!important;
    margin-right:8px!important;
    font-size:15px!important;
  }

  #step-result-allstate .result-action-split-box,
  #step-result-progressive .result-action-split-box{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-end!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #step-result-allstate .result-action-split-box > div,
  #step-result-progressive .result-action-split-box > div{
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #step-result-allstate .result-action-split-box > div:last-child,
  #step-result-progressive .result-action-split-box > div:last-child,
  #step-result-allstate .result-card-location-badge,
  #step-result-progressive .result-card-location-badge{
    display:none!important;
  }

  #step-result-allstate .btn-view-my-quote,
  #step-result-progressive .btn-view-my-quote{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:244px!important;
    height:50px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:6px!important;
    background:#0676d8!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:50px!important;
    font-weight:900!important;
    letter-spacing:.5px!important;
    text-transform:uppercase!important;
    box-shadow:0 8px 18px rgba(6,118,216,.18)!important;
    white-space:nowrap!important;
  }

  #step-result-allstate .btn-alt-quote,
  #step-result-progressive .btn-alt-quote{
    background:#12a957!important;
    box-shadow:0 8px 18px rgba(18,169,87,.18)!important;
  }

  #step-result-allstate .btn-third-quote,
  #step-result-progressive .btn-third-quote{
    background:#0676d8!important;
  }
}

/* V216 WEB RESULT SAMPLE CARDS EXACT */
.web-result-sample-panel{display:none}

@media screen and (min-width:1025px){
  #step-result-allstate,
  #step-result-progressive{
    max-width:1500px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0 70px 80px!important;
    background:transparent!important;
  }

  #step-result-allstate > .result-page-intro,
  #step-result-progressive > .result-page-intro{
    display:none!important;
  }

  #step-result-allstate > .result-offers-grid,
  #step-result-progressive > .result-offers-grid{
    display:none!important;
  }

  #step-result-allstate .web-result-sample-panel,
  #step-result-progressive .web-result-sample-panel{
    display:block!important;
    width:100%!important;
    max-width:1375px!important;
    margin:0 auto!important;
    background:#fff!important;
    border:1px solid #dfe7f1!important;
    border-radius:10px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  .web-result-panel-head{
    padding:31px 32px 29px!important;
    border-bottom:1px solid #dfe7f1!important;
    text-align:left!important;
    background:#fff!important;
  }

  .web-result-panel-head h2{
    margin:0 0 8px!important;
    padding:0!important;
    color:#071329!important;
    font-size:26px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:-.3px!important;
    text-align:left!important;
  }

  .web-result-panel-head p{
    margin:0!important;
    padding:0!important;
    color:#526173!important;
    font-size:17px!important;
    line-height:1.35!important;
    font-weight:500!important;
    text-align:left!important;
  }

  .web-result-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 260px!important;
    column-gap:36px!important;
    align-items:center!important;
    min-height:196px!important;
    padding:36px 32px!important;
    background:#fff!important;
    border-bottom:1px solid #dfe7f1!important;
    box-sizing:border-box!important;
  }

  .web-result-row:last-child{
    border-bottom:0!important;
  }

  .web-result-left{
    min-width:0!important;
    text-align:left!important;
  }

  .web-result-brand-line{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:26px!important;
    margin:0 0 26px!important;
    padding:0!important;
  }

  .web-result-brand-line img{
    display:block!important;
    width:auto!important;
    max-width:180px!important;
    max-height:42px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .web-yellow-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:28px!important;
    padding:0 14px!important;
    background:#ffe873!important;
    color:#473800!important;
    border:0!important;
    border-radius:2px!important;
    font-size:13px!important;
    line-height:28px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
  }

  .web-result-left h3{
    margin:0 0 22px!important;
    padding:0!important;
    max-width:860px!important;
    color:#071329!important;
    font-size:17px!important;
    line-height:1.45!important;
    font-weight:850!important;
    letter-spacing:-.1px!important;
    text-align:left!important;
  }

  .web-result-left p{
    margin:0!important;
    padding:0!important;
    color:#526173!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:500!important;
    text-align:left!important;
  }

  .web-result-right{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:34px!important;
  }

  .web-match-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:106px!important;
    height:32px!important;
    padding:0 14px!important;
    border-radius:6px!important;
    font-size:14px!important;
    line-height:32px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .web-match-badge.top{
    background:#e7f3ff!important;
    color:#1475d1!important;
  }

  .web-match-badge.good{
    background:#dcfce7!important;
    color:#16a34a!important;
  }

  .web-result-cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:244px!important;
    height:50px!important;
    padding:0 18px!important;
    margin:0!important;
    border:0!important;
    border-radius:6px!important;
    background:#0676d8!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:50px!important;
    letter-spacing:.5px!important;
    text-transform:uppercase!important;
    box-shadow:0 8px 18px rgba(6,118,216,.18)!important;
    cursor:pointer!important;
    white-space:nowrap!important;
  }

  .web-result-cta.green{
    background:#12a957!important;
    box-shadow:0 8px 18px rgba(18,169,87,.18)!important;
  }
}

@media screen and (max-width:1024px){
  .web-result-sample-panel{display:none!important}
}

/* V217 REMOVE SLASH-N + MOBILE RESULT POLISH */
@media screen and (max-width:767px){
  #step-result-allstate .result-page-intro,
  #step-result-progressive .result-page-intro{
    margin-top:-18px!important;
    padding-top:0!important;
  }

  #step-result-allstate .result-page-intro h1,
  #step-result-progressive .result-page-intro h1,
  #step-result-allstate .quiz-step-title,
  #step-result-progressive .quiz-step-title{
    margin-top:-8px!important;
    margin-bottom:12px!important;
    line-height:1.14!important;
  }

  #step-result-allstate .result-card-location-badge,
  #step-result-progressive .result-card-location-badge,
  #step-result-allstate .result-action-split-box > div:last-child,
  #step-result-progressive .result-action-split-box > div:last-child{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:13px!important;
    line-height:1.25!important;
    max-width:100%!important;
  }
}

/* V218 MOBILE RESULT HEADING UP ONLY */
@media screen and (max-width:767px){
  #step-result-allstate .result-page-intro,
  #step-result-progressive .result-page-intro{
    margin-top:-34px!important;
    padding-top:0!important;
  }
  #step-result-allstate .result-page-intro h1,
  #step-result-progressive .result-page-intro h1,
  #step-result-allstate .quiz-step-title,
  #step-result-progressive .quiz-step-title{
    margin-top:-18px!important;
    line-height:1.12!important;
  }
}

/* V219 RESTORE MOBILE RESULT + WEB 3 CARDS ONLY */
@media screen and (max-width:1024px){
  #step-result-allstate .web-result-sample-panel,
  #step-result-progressive .web-result-sample-panel,
  #step-result-allstate .v216-web-result-panel,
  #step-result-progressive .v216-web-result-panel,
  #step-result-allstate .v218-web-result-panel,
  #step-result-progressive .v218-web-result-panel{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  #step-result-allstate > .result-page-intro,
  #step-result-progressive > .result-page-intro,
  #step-result-allstate > .result-offers-grid,
  #step-result-progressive > .result-offers-grid{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  #step-result-allstate .result-page-intro,
  #step-result-progressive .result-page-intro{
    margin-top:-28px!important;
    padding-top:0!important;
  }

  #step-result-allstate .result-card-location-badge,
  #step-result-progressive .result-card-location-badge,
  #step-result-allstate .result-action-split-box > div:last-child,
  #step-result-progressive .result-action-split-box > div:last-child{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
}

@media screen and (min-width:1025px){
  #step-result-allstate,
  #step-result-progressive{
    padding-top:0!important;
    margin-top:-115px!important;
  }

  #step-result-allstate > .result-page-intro,
  #step-result-progressive > .result-page-intro{
    display:none!important;
  }

  #step-result-allstate > .result-offers-grid,
  #step-result-progressive > .result-offers-grid{
    display:none!important;
  }

  #step-result-allstate .web-result-sample-panel,
  #step-result-progressive .web-result-sample-panel{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  #step-result-allstate .web-result-row,
  #step-result-progressive .web-result-row{
    min-height:170px!important;
    padding-top:28px!important;
    padding-bottom:28px!important;
  }

  #step-result-allstate .web-result-row:nth-of-type(n+5),
  #step-result-progressive .web-result-row:nth-of-type(n+5){
    display:none!important;
  }
}

/* V220 WEB RESULT CARDS FINAL POLISH ONLY */
@media screen and (min-width:1025px){
  #step-result-allstate,
  #step-result-progressive{
    margin-top:-108px!important;
  }

  #step-result-allstate > .result-offers-grid,
  #step-result-progressive > .result-offers-grid{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  #step-result-allstate .v218-web-result-panel,
  #step-result-progressive .v218-web-result-panel,
  #step-result-allstate .web-result-sample-panel,
  #step-result-progressive .web-result-sample-panel{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    max-width:1375px!important;
    width:100%!important;
    margin:7px auto 0!important;
    background:#fff!important;
    border:1px solid #dfe7f1!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  #step-result-allstate .web-result-row,
  #step-result-progressive .web-result-row{
    min-height:201px!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
    margin:0!important;
    border-bottom:5px solid #f7f7f7!important;
    background:#fff!important;
  }

  #step-result-allstate .web-result-row:last-child,
  #step-result-progressive .web-result-row:last-child{
    border-bottom:0!important;
  }

  #step-result-allstate .web-result-brand-line,
  #step-result-progressive .web-result-brand-line{
    display:flex!important;
    align-items:center!important;
    gap:26px!important;
    margin-bottom:24px!important;
  }

  #step-result-allstate .web-yellow-badge,
  #step-result-progressive .web-yellow-badge{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    height:28px!important;
    padding:0 14px!important;
    background:#ffe873!important;
    color:#473800!important;
    border-radius:2px!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:28px!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
  }
}

/* V221 WEB RESULT CARDS SAMPLE POLISH ONLY */
@media screen and (min-width:1025px){
  #step-result-allstate .v220-web-result-panel,
  #step-result-progressive .v220-web-result-panel,
  #step-result-allstate .v218-web-result-panel,
  #step-result-progressive .v218-web-result-panel,
  #step-result-allstate .web-result-sample-panel,
  #step-result-progressive .web-result-sample-panel{
    margin-top:15px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  #step-result-allstate .web-result-row,
  #step-result-progressive .web-result-row{
    border-bottom:10px solid #f7f7f7!important;
    min-height:206px!important;
    border-radius:0!important;
  }

  #step-result-allstate .web-result-row:first-of-type,
  #step-result-progressive .web-result-row:first-of-type{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
  }

  #step-result-allstate .web-result-row:last-child,
  #step-result-progressive .web-result-row:last-child{
    border-bottom:0!important;
    border-bottom-left-radius:18px!important;
    border-bottom-right-radius:18px!important;
  }

  #step-result-allstate .web-result-brand-line,
  #step-result-progressive .web-result-brand-line{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:24px!important;
    flex-wrap:nowrap!important;
    margin-bottom:24px!important;
  }

  #step-result-allstate .web-yellow-badge,
  #step-result-progressive .web-yellow-badge{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:max-content!important;
    height:28px!important;
    padding:0 14px!important;
    background:#ffe873!important;
    color:#4b3b00!important;
    border:0!important;
    border-radius:2px!important;
    font-size:13px!important;
    line-height:28px!important;
    font-weight:900!important;
    letter-spacing:.15px!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
    box-shadow:none!important;
  }

  #step-result-allstate .web-match-badge,
  #step-result-progressive .web-match-badge{
    border-radius:6px!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  #step-result-allstate .web-match-badge.good,
  #step-result-progressive .web-match-badge.good{
    background:#dcfce7!important;
    color:#16a34a!important;
  }

  #step-result-allstate .web-match-badge.good::before,
  #step-result-progressive .web-match-badge.good::before{
    content:"👍"!important;
    margin-right:8px!important;
    font-size:15px!important;
    line-height:1!important;
  }

  #step-result-allstate .web-match-badge.good,
  #step-result-progressive .web-match-badge.good{
    font-size:0!important;
  }

  #step-result-allstate .web-match-badge.good::after,
  #step-result-progressive .web-match-badge.good::after{
    content:attr(data-label)!important;
    font-size:14px!important;
  }
}

/* V222A WEB ONLY SAFE CARD POLISH */
@media screen and (min-width:1025px){
  #step-result-allstate .web-result-sample-panel,
  #step-result-progressive .web-result-sample-panel{
    margin-top:31px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  #step-result-allstate .web-result-panel-head,
  #step-result-progressive .web-result-panel-head{
    background:#fff!important;
    border:1px solid #dfe7f1!important;
    border-radius:16px!important;
    margin:0!important;
  }

  #step-result-allstate .web-result-row,
  #step-result-progressive .web-result-row{
    background:#fff!important;
    border:1px solid #dfe7f1!important;
    border-radius:16px!important;
    min-height:216px!important;
    margin:0!important;
    cursor:pointer!important;
    overflow:hidden!important;
  }

  #step-result-allstate .web-result-brand-line,
  #step-result-progressive .web-result-brand-line{
    display:flex!important;
    align-items:center!important;
    gap:26px!important;
    flex-wrap:nowrap!important;
  }

  #step-result-allstate .web-yellow-badge,
  #step-result-progressive .web-yellow-badge{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    height:28px!important;
    padding:0 14px!important;
    background:#ffe873!important;
    color:#4b3b00!important;
    border:0!important;
    border-radius:3px!important;
    font-size:13px!important;
    line-height:28px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }

  #step-result-allstate .web-match-badge.good,
  #step-result-progressive .web-match-badge.good{
    background:#dcfce7!important;
    color:#16a34a!important;
  }

  #step-result-allstate .web-match-badge.good::before,
  #step-result-progressive .web-match-badge.good::before{
    content:""!important;
    display:inline-block!important;
    width:15px!important;
    height:15px!important;
    margin-right:8px!important;
    background:#16a34a!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M2 21h4V9H2v12zm20-11c0-1.1-.9-2-2-2h-6.3l1-4.6.1-.7c0-.4-.2-.8-.4-1.1L13.3.5 6.7 7.1C6.3 7.5 6 8 6 8.6V19c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3-7.1c.1-.2.2-.5.2-.7v-2z%27/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M2 21h4V9H2v12zm20-11c0-1.1-.9-2-2-2h-6.3l1-4.6.1-.7c0-.4-.2-.8-.4-1.1L13.3.5 6.7 7.1C6.3 7.5 6 8 6 8.6V19c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3-7.1c.1-.2.2-.5.2-.7v-2z%27/%3E%3C/svg%3E") center/contain no-repeat!important;
  }
}

/* V223 WEB ONLY CARD SPACE YELLOW BADGE */
@media screen and (min-width:1025px){
  #step-result-allstate .web-result-sample-panel,
  #step-result-progressive .web-result-sample-panel{
    gap:14px!important;
  }

  #step-result-allstate .web-result-panel-head,
  #step-result-progressive .web-result-panel-head{
    margin-bottom:8px!important;
  }

  #step-result-allstate .web-result-row,
  #step-result-progressive .web-result-row{
    margin-bottom:14px!important;
    cursor:pointer!important;
  }

  #step-result-allstate .web-result-row:last-child,
  #step-result-progressive .web-result-row:last-child{
    margin-bottom:0!important;
  }

  #step-result-allstate .web-result-brand-line,
  #step-result-progressive .web-result-brand-line{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:22px!important;
    flex-wrap:nowrap!important;
    margin-bottom:24px!important;
  }

  #step-result-allstate .web-result-brand-line img,
  #step-result-progressive .web-result-brand-line img{
    flex:0 0 auto!important;
    margin:0!important;
  }

  #step-result-allstate .web-yellow-badge,
  #step-result-progressive .web-yellow-badge{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    height:30px!important;
    padding:0 15px!important;
    margin:0!important;
    background:#ffe873!important;
    color:#4b3b00!important;
    border:0!important;
    border-radius:3px!important;
    font-size:13px!important;
    line-height:30px!important;
    font-weight:900!important;
    letter-spacing:.15px!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    transform:none!important;
  }
}

/* V224 WEB YELLOW BADGE FORCE */
@media screen and (min-width:1025px){
  #step-result-progressive .web-result-brand-line,
  #step-result-allstate .web-result-brand-line{
    display:flex!important;
    align-items:center!important;
    gap:22px!important;
  }
  #step-result-progressive .web-yellow-badge,
  #step-result-allstate .web-yellow-badge{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:30px!important;
    padding:0 15px!important;
    background:#ffe873!important;
    color:#4b3b00!important;
    border-radius:3px!important;
    font-size:13px!important;
    line-height:30px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
}

/* V225 WEB ONLY CALCULATING STEP SAMPLE STYLE */
@media screen and (min-width:1025px){
  #step-calculating-results{
    width:100%!important;
    max-width:1500px!important;
    margin:-72px auto 0!important;
    padding:0 40px 70px!important;
    background:transparent!important;
    text-align:center!important;
  }

  #step-calculating-results .loading-kicker,
  #step-calculating-results .calculating-kicker,
  #step-calculating-results .section-kicker,
  #step-calculating-results .step-kicker,
  #step-calculating-results [class*="kicker"]{
    display:block!important;
    margin:0 auto 12px!important;
    color:#006bd6!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:5px!important;
    text-transform:uppercase!important;
    text-align:center!important;
  }

  #step-calculating-results h1,
  #step-calculating-results h2,
  #step-calculating-results .quiz-step-title,
  #step-calculating-results .calculating-title{
    margin:0 auto 58px!important;
    padding:0!important;
    color:#06142f!important;
    font-size:42px!important;
    line-height:1.12!important;
    font-weight:800!important;
    letter-spacing:-.8px!important;
    text-align:center!important;
  }

  #step-calculating-results .loading-card,
  #step-calculating-results .calculating-card,
  #step-calculating-results .loader-card,
  #step-calculating-results [class*="loading"][class*="card"],
  #step-calculating-results [class*="loader"][class*="card"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:262px!important;
    height:262px!important;
    margin:0 auto 130px!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #e1e5ec!important;
    border-radius:10px!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08)!important;
  }

  #step-calculating-results .loading-circle,
  #step-calculating-results .progress-circle,
  #step-calculating-results .circle-progress,
  #step-calculating-results [class*="circle"]{
    width:224px!important;
    height:224px!important;
    max-width:224px!important;
    max-height:224px!important;
  }

  #step-calculating-results .loading-percent,
  #step-calculating-results .progress-percent,
  #step-calculating-results [class*="percent"]{
    color:#08a984!important;
    font-size:38px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  #step-calculating-results .partners-strip,
  #step-calculating-results .partner-logos,
  #step-calculating-results .carrier-logos,
  #step-calculating-results [class*="partner"][class*="logo"],
  #step-calculating-results [class*="carrier"][class*="logo"]{
    margin-top:0!important;
  }

  #step-calculating-results .partners-title,
  #step-calculating-results .partner-title,
  #step-calculating-results [class*="partners"] p,
  #step-calculating-results [class*="partner"] p{
    color:#06142f!important;
    font-size:16px!important;
    font-style:italic!important;
    line-height:1.3!important;
    text-align:center!important;
  }
}

/* V226 WEB ONLY CALCULATING LOADER BOTTOM SPACE */
@media screen and (min-width:1025px){
  #step-calculating-results{
    margin-top:-82px!important;
    padding-bottom:25px!important;
    min-height:auto!important;
  }

  #step-calculating-results h1,
  #step-calculating-results h2,
  #step-calculating-results .quiz-step-title,
  #step-calculating-results .calculating-title{
    margin-bottom:42px!important;
  }

  #step-calculating-results .loading-card,
  #step-calculating-results .calculating-card,
  #step-calculating-results .loader-card,
  #step-calculating-results [class*="loading"][class*="card"],
  #step-calculating-results [class*="loader"][class*="card"]{
    margin-bottom:45px!important;
  }

  #step-calculating-results .partners-strip,
  #step-calculating-results .partner-logos,
  #step-calculating-results .carrier-logos,
  #step-calculating-results [class*="partners"],
  #step-calculating-results [class*="partner"][class*="logo"],
  #step-calculating-results [class*="carrier"][class*="logo"]{
    margin-top:0!important;
    padding-top:0!important;
  }
}

/* V227 WEB ONLY CALCULATING PARTNER LOGOS UP */
@media screen and (min-width:1025px){
  #step-calculating-results{
    margin-top:-92px!important;
    padding-bottom:10px!important;
  }

  #step-calculating-results h1,
  #step-calculating-results h2,
  #step-calculating-results .quiz-step-title,
  #step-calculating-results .calculating-title{
    margin-bottom:30px!important;
  }

  #step-calculating-results .loading-card,
  #step-calculating-results .calculating-card,
  #step-calculating-results .loader-card,
  #step-calculating-results [class*="loading"][class*="card"],
  #step-calculating-results [class*="loader"][class*="card"]{
    margin-bottom:12px!important;
  }

  #step-calculating-results .partners-strip,
  #step-calculating-results .partner-logos,
  #step-calculating-results .carrier-logos,
  #step-calculating-results .partners-logos,
  #step-calculating-results [class*="partners"],
  #step-calculating-results [class*="partner"][class*="logo"],
  #step-calculating-results [class*="carrier"][class*="logo"]{
    margin-top:-4px!important;
    padding-top:0!important;
    transform:translateY(-18px)!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* V228 WEB ONLY FINAL LOADER TO LOGOS GAP */
@media screen and (min-width:1025px){
  #step-calculating-results{
    padding-bottom:0!important;
    min-height:auto!important;
  }

  #step-calculating-results .loading-card,
  #step-calculating-results .calculating-card,
  #step-calculating-results .loader-card,
  #step-calculating-results [class*="loading"][class*="card"],
  #step-calculating-results [class*="loader"][class*="card"]{
    margin-bottom:0!important;
  }

  #step-calculating-results .partners-strip,
  #step-calculating-results .partner-logos,
  #step-calculating-results .carrier-logos,
  #step-calculating-results .partners-logos,
  #step-calculating-results [class*="partners"],
  #step-calculating-results [class*="partner"][class*="logo"],
  #step-calculating-results [class*="carrier"][class*="logo"]{
    margin-top:-85px!important;
    padding-top:0!important;
    transform:none!important;
  }
}

/* V229 WEB ONLY CALCULATING LOADER CENTER BALANCE */
@media screen and (min-width:1025px){
  #step-calculating-results{
    margin-top:-96px!important;
    padding-bottom:0!important;
    min-height:auto!important;
  }

  #step-calculating-results h1,
  #step-calculating-results h2,
  #step-calculating-results .quiz-step-title,
  #step-calculating-results .calculating-title{
    margin-bottom:24px!important;
  }

  #step-calculating-results .loading-card,
  #step-calculating-results .calculating-card,
  #step-calculating-results .loader-card,
  #step-calculating-results [class*="loading"][class*="card"],
  #step-calculating-results [class*="loader"][class*="card"]{
    margin-top:0!important;
    margin-bottom:-18px!important;
    transform:translateY(14px)!important;
  }

  #step-calculating-results .partners-strip,
  #step-calculating-results .partner-logos,
  #step-calculating-results .carrier-logos,
  #step-calculating-results .partners-logos,
  #step-calculating-results [class*="partners"],
  #step-calculating-results [class*="partner"][class*="logo"],
  #step-calculating-results [class*="carrier"][class*="logo"]{
    margin-top:-42px!important;
    padding-top:0!important;
    transform:none!important;
  }
}

/* V240 FINAL STEP CLEAN ACTUAL CLASSES */
#step-r6-final{
  width:100%!important;
  max-width:620px!important;
  margin:-78px auto 0!important;
  padding:0 20px 16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-r6-final .quiz-step-title{
  display:block!important;
  margin:16px auto 18px!important;
  padding:0!important;
  color:#071329!important;
  font-size:34px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
  text-align:center!important;
}

#step-r6-final .quiz-step-subtitle-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  max-width:620px!important;
  margin:0 auto 26px!important;
  padding:0!important;
  color:#071329!important;
  font-size:21px!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-r6-final .quiz-step-subtitle-icon svg,
#step-r6-final .quiz-step-subtitle-icon img{
  display:none!important;
}

#step-r6-form{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:left!important;
}

#step-r6-form .quiz-field-group{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:0 0 8px!important;
  padding:0!important;
  text-align:left!important;
}

#step-r6-form .quiz-field-label{
  display:block!important;
  margin:0 0 7px!important;
  color:#06142f!important;
  font-size:15px!important;
  line-height:1.12!important;
  font-weight:800!important;
  text-align:left!important;
}

#step-r6-form .quiz-input-with-icon-wrapper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:0!important;
  padding:0!important;
}

#step-r6-form .quiz-input-field{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  height:58px!important;
  min-height:58px!important;
  line-height:58px!important;
  margin:0!important;
  padding:0 54px 0 22px!important;
  border:1px solid #d1d5db!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:18px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:none!important;
}

#step-r6-form .quiz-input-field::placeholder{
  color:#6b7280!important;
  font-size:18px!important;
  font-weight:600!important;
  opacity:1!important;
}

#step-r6-form .quiz-input-field:focus{
  border-color:#a8b3c2!important;
  box-shadow:0 0 0 3px rgba(15,91,255,.08)!important;
}

#step-r6-form .quiz-input-icon{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:23px!important;
  height:23px!important;
  color:#111827!important;
  stroke:#111827!important;
  z-index:20!important;
  pointer-events:none!important;
}

#step-r6-form .quiz-tcpa-text{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:9px auto 8px!important;
  padding:0!important;
  color:#334155!important;
  font-size:9.4px!important;
  line-height:1.02!important;
  font-weight:600!important;
  text-align:center!important;
}

#step-r6-form .quiz-tcpa-text a{
  color:#006bd6!important;
  font-weight:700!important;
  text-decoration:underline!important;
}

#step-r6-form .hero-btn-continue{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  width:100%!important;
  max-width:455px!important;
  height:58px!important;
  margin:8px auto 0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:13px!important;
  background:#fac39f!important;
  color:#fff!important;
  font-size:0!important;
  line-height:58px!important;
  font-weight:700!important;
  box-shadow:none!important;
  cursor:pointer!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:30!important;
  pointer-events:auto!important;
}

#step-r6-form .hero-btn-continue span{
  display:none!important;
}

#step-r6-form .hero-btn-continue::before{
  content:"Get Quotes"!important;
  display:inline-block!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:700!important;
}

#step-r6-form .hero-btn-continue::after{
  content:"→"!important;
  display:inline-block!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:400!important;
}

@media screen and (max-width:767px){
  #step-r6-final{
    max-width:100%!important;
    margin:-30px auto 0!important;
    padding:0 22px 18px!important;
  }

  #step-r6-final .quiz-step-title{
    font-size:29px!important;
    margin:12px auto 14px!important;
  }

  #step-r6-final .quiz-step-subtitle-icon{
    font-size:18px!important;
    margin-bottom:22px!important;
  }

  #step-r6-form,
  #step-r6-form .quiz-field-group,
  #step-r6-form .quiz-input-with-icon-wrapper,
  #step-r6-form .quiz-input-field,
  #step-r6-form .quiz-tcpa-text,
  #step-r6-form .hero-btn-continue{
    max-width:100%!important;
  }

  #step-r6-form .quiz-input-field,
  #step-r6-form .hero-btn-continue{
    height:56px!important;
    line-height:56px!important;
  }
}

/* V241 REMOVE UNWANTED ICON FROM H12 DOB/NAME STEP */
#step-h12-dobname .v237-final-input-icon,
#step-h12-dobname .v238-final-real-icon,
#step-h12-dobname .v239-final-icon,
#step-h12-dobname .quiz-input-icon{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#step-h12-dobname .form-group::after,
#step-h12-dobname .input-group::after,
#step-h12-dobname .field-group::after,
#step-h12-dobname .quiz-field::after,
#step-h12-dobname .quiz-field-group::after,
#step-h12-dobname .quiz-input-with-icon-wrapper::after{
  content:none!important;
  display:none!important;
}

/* V242 FINAL STEP BOTH CATEGORIES CLEAN */
#step-r6-final,
#step-h14-final{
  width:100%!important;
  max-width:620px!important;
  margin:-78px auto 0!important;
  padding:0 20px 16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-r6-final .quiz-step-title,
#step-h14-final .quiz-step-title{
  display:block!important;
  margin:16px auto 18px!important;
  padding:0!important;
  color:#071329!important;
  font-size:34px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
  text-align:center!important;
}

#step-r6-final .quiz-step-title::after,
#step-h14-final .quiz-step-title::after{
  content:none!important;
  display:none!important;
}

#step-r6-final .quiz-step-title::first-letter,
#step-h14-final .quiz-step-title::first-letter{
  font-size:inherit!important;
}

#step-r6-final .quiz-step-subtitle-icon,
#step-h14-final .quiz-step-subtitle-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  max-width:620px!important;
  margin:0 auto 26px!important;
  padding:0!important;
  color:#071329!important;
  font-size:21px!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-r6-final .quiz-step-subtitle-icon svg,
#step-r6-final .quiz-step-subtitle-icon img,
#step-h14-final .quiz-step-subtitle-icon svg,
#step-h14-final .quiz-step-subtitle-icon img{
  display:none!important;
}

#step-r6-form,
#step-h14-form{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:left!important;
}

#step-r6-form .quiz-field-group,
#step-h14-form .quiz-field-group{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:0 0 8px!important;
  padding:0!important;
  text-align:left!important;
}

#step-r6-form .quiz-field-label,
#step-h14-form .quiz-field-label{
  display:block!important;
  margin:0 0 7px!important;
  color:#06142f!important;
  font-size:15px!important;
  line-height:1.12!important;
  font-weight:800!important;
  text-align:left!important;
}

#step-r6-form .quiz-input-with-icon-wrapper,
#step-h14-form .quiz-input-with-icon-wrapper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:0!important;
  padding:0!important;
}

#step-r6-form .quiz-input-field,
#step-h14-form .quiz-input-field{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  height:58px!important;
  min-height:58px!important;
  line-height:58px!important;
  margin:0!important;
  padding:0 54px 0 22px!important;
  border:1px solid #d1d5db!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:18px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:none!important;
}

#step-r6-form .quiz-input-field::placeholder,
#step-h14-form .quiz-input-field::placeholder{
  color:#6b7280!important;
  font-size:18px!important;
  font-weight:600!important;
  opacity:1!important;
}

#step-r6-form .quiz-input-icon,
#step-h14-form .quiz-input-icon{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:23px!important;
  height:23px!important;
  color:#111827!important;
  stroke:#111827!important;
  z-index:20!important;
  pointer-events:none!important;
}

#step-r6-form .quiz-tcpa-text,
#step-h14-form .quiz-tcpa-text{
  display:block!important;
  width:100%!important;
  max-width:455px!important;
  margin:9px auto 8px!important;
  padding:0!important;
  color:#334155!important;
  font-size:9.4px!important;
  line-height:1.02!important;
  font-weight:600!important;
  text-align:center!important;
}

#step-r6-form .quiz-tcpa-text a,
#step-h14-form .quiz-tcpa-text a{
  color:#006bd6!important;
  font-weight:700!important;
  text-decoration:underline!important;
}

#step-r6-form .hero-btn-continue,
#step-h14-form .hero-btn-continue{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  width:100%!important;
  max-width:455px!important;
  height:58px!important;
  margin:8px auto 0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:13px!important;
  background:#fac39f!important;
  color:#fff!important;
  font-size:0!important;
  line-height:58px!important;
  font-weight:700!important;
  box-shadow:none!important;
  cursor:pointer!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:30!important;
  pointer-events:auto!important;
}

#step-r6-form .hero-btn-continue span,
#step-h14-form .hero-btn-continue span{
  display:none!important;
}

#step-r6-form .hero-btn-continue::before,
#step-h14-form .hero-btn-continue::before{
  content:"Get Quotes"!important;
  display:inline-block!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:700!important;
}

#step-r6-form .hero-btn-continue::after,
#step-h14-form .hero-btn-continue::after{
  content:"→"!important;
  display:inline-block!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:400!important;
}

@media screen and (max-width:767px){
  #step-r6-final,
  #step-h14-final{
    max-width:100%!important;
    margin:-30px auto 0!important;
    padding:0 22px 18px!important;
  }

  #step-r6-final .quiz-step-title,
  #step-h14-final .quiz-step-title{
    font-size:29px!important;
    margin:12px auto 14px!important;
  }

  #step-r6-final .quiz-step-subtitle-icon,
  #step-h14-final .quiz-step-subtitle-icon{
    font-size:18px!important;
    margin-bottom:22px!important;
  }

  #step-r6-form,
  #step-h14-form,
  #step-r6-form .quiz-field-group,
  #step-h14-form .quiz-field-group,
  #step-r6-form .quiz-input-with-icon-wrapper,
  #step-h14-form .quiz-input-with-icon-wrapper,
  #step-r6-form .quiz-input-field,
  #step-h14-form .quiz-input-field,
  #step-r6-form .quiz-tcpa-text,
  #step-h14-form .quiz-tcpa-text,
  #step-r6-form .hero-btn-continue,
  #step-h14-form .hero-btn-continue{
    max-width:100%!important;
  }

  #step-r6-form .quiz-input-field,
  #step-h14-form .quiz-input-field,
  #step-r6-form .hero-btn-continue,
  #step-h14-form .hero-btn-continue{
    height:56px!important;
    line-height:56px!important;
  }
}

/* V243 FINAL STEPS ICON SIZE FIX CLEAN */
#step-r6-final .v237-final-input-icon,
#step-r6-final .v238-final-real-icon,
#step-r6-final .v239-final-icon,
#step-h14-final .v237-final-input-icon,
#step-h14-final .v238-final-real-icon,
#step-h14-final .v239-final-icon{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

#step-r6-form,
#step-h14-form{
  max-width:455px!important;
  width:100%!important;
  margin:0 auto!important;
  text-align:left!important;
}

#step-r6-form .quiz-field-group,
#step-h14-form .quiz-field-group{
  max-width:455px!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  position:relative!important;
}

#step-r6-form .quiz-input-with-icon-wrapper,
#step-h14-form .quiz-input-with-icon-wrapper{
  position:relative!important;
  display:block!important;
  max-width:455px!important;
  width:100%!important;
  height:58px!important;
  overflow:visible!important;
}

#step-r6-form .quiz-input-field,
#step-h14-form .quiz-input-field{
  display:block!important;
  max-width:455px!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  line-height:58px!important;
  padding:0 54px 0 22px!important;
  border:1px solid #d1d5db!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:18px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:none!important;
}

/* REAL EXISTING ICONS: force small inside input */
#step-r6-form .quiz-input-with-icon-wrapper > .quiz-input-icon,
#step-h14-form .quiz-input-with-icon-wrapper > .quiz-input-icon{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  color:#111827!important;
  stroke:#111827!important;
  fill:none!important;
  z-index:20!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#step-r6-form .quiz-input-with-icon-wrapper > .quiz-input-icon *,
#step-h14-form .quiz-input-with-icon-wrapper > .quiz-input-icon *{
  stroke:#111827!important;
  fill:none!important;
  stroke-width:2.2!important;
}

#step-r6-form .quiz-tcpa-text,
#step-h14-form .quiz-tcpa-text{
  max-width:455px!important;
  margin:8px auto 7px!important;
  font-size:9.3px!important;
  line-height:1.0!important;
  font-weight:600!important;
  text-align:center!important;
}

#step-r6-form .hero-btn-continue,
#step-h14-form .hero-btn-continue{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:455px!important;
  width:100%!important;
  height:56px!important;
  line-height:56px!important;
  margin:7px auto 0!important;
  border-radius:13px!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:30!important;
}

@media screen and (max-width:767px){
  #step-r6-form,
  #step-h14-form,
  #step-r6-form .quiz-field-group,
  #step-h14-form .quiz-field-group,
  #step-r6-form .quiz-input-with-icon-wrapper,
  #step-h14-form .quiz-input-with-icon-wrapper,
  #step-r6-form .quiz-input-field,
  #step-h14-form .quiz-input-field,
  #step-r6-form .quiz-tcpa-text,
  #step-h14-form .quiz-tcpa-text,
  #step-r6-form .hero-btn-continue,
  #step-h14-form .hero-btn-continue{
    max-width:100%!important;
  }
}

/* V244 EMAIL SAMPLE + FINAL ACTIVE CLEAN */
#step-h13-email,
#step-r5-email{
  width:100%!important;
  max-width:1000px!important;
  margin:-70px auto 0!important;
  padding:0 20px 20px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h13-email .quiz-step-title,
#step-r5-email .quiz-step-title{
  max-width:760px!important;
  margin:12px auto 26px!important;
  color:#06142f!important;
  font-size:36px!important;
  line-height:1.13!important;
  font-weight:900!important;
  letter-spacing:-.45px!important;
  text-align:center!important;
}

#step-h13-email .quiz-step-subtitle-italic,
#step-r5-email .quiz-step-subtitle-italic{
  max-width:700px!important;
  margin:-10px auto 46px!important;
  color:#06142f!important;
  font-size:24px!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h13-email .quiz-step-subtitle-italic strong,
#step-r5-email .quiz-step-subtitle-italic strong{
  font-weight:900!important;
}

#step-h13-form,
#step-r5-form{
  display:block!important;
  width:100%!important;
  max-width:575px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:left!important;
}

#step-h13-form .quiz-field-group,
#step-r5-form .quiz-field-group{
  width:100%!important;
  margin:0 0 34px!important;
  padding:0!important;
}

#step-h13-form .quiz-field-label,
#step-r5-form .quiz-field-label{
  display:block!important;
  margin:0 0 12px!important;
  color:#06142f!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-align:left!important;
}

#step-h13-form .quiz-input-with-icon-wrapper,
#step-r5-form .quiz-input-with-icon-wrapper{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:575px!important;
  height:80px!important;
  overflow:visible!important;
}

#step-h13-form .quiz-input-field,
#step-r5-form .quiz-input-field{
  display:block!important;
  width:100%!important;
  max-width:575px!important;
  height:80px!important;
  min-height:80px!important;
  line-height:80px!important;
  margin:0!important;
  padding:0 64px 0 26px!important;
  border:1px solid #d1d5db!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:21px!important;
  font-weight:600!important;
  box-shadow:none!important;
  outline:none!important;
}

#step-h13-form .quiz-input-field::placeholder,
#step-r5-form .quiz-input-field::placeholder{
  color:#6b7280!important;
  font-size:21px!important;
  font-weight:700!important;
  opacity:1!important;
}

#step-h13-form .quiz-input-icon,
#step-r5-form .quiz-input-icon{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  right:25px!important;
  top:50%!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
  color:#111827!important;
  stroke:#111827!important;
  fill:none!important;
  z-index:20!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

#step-h13-form .quiz-input-icon *,
#step-r5-form .quiz-input-icon *{
  stroke:#111827!important;
  fill:none!important;
  stroke-width:2!important;
}

#step-h13-form p,
#step-r5-form p{
  display:block!important;
  max-width:575px!important;
  margin:0 auto 20px!important;
  color:#06142f!important;
  font-size:13px!important;
  line-height:1.38!important;
  font-weight:500!important;
  text-align:center!important;
}

#step-h13-form p a,
#step-r5-form p a{
  color:#006bd6!important;
  font-weight:600!important;
  text-decoration:underline!important;
}

#step-h13-form .hero-btn-continue,
#step-r5-form .hero-btn-continue,
#step-h14-form .hero-btn-continue,
#step-r6-form .hero-btn-continue{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  width:100%!important;
  max-width:575px!important;
  height:74px!important;
  min-height:74px!important;
  margin:18px auto 0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:15px!important;
  background:#fac39f!important;
  color:#fff!important;
  box-shadow:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:30!important;
  transition:background .18s ease, transform .18s ease!important;
}

#step-h13-form .hero-btn-continue span,
#step-r5-form .hero-btn-continue span,
#step-h14-form .hero-btn-continue span,
#step-r6-form .hero-btn-continue span{
  display:inline!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:800!important;
}

#step-h13-form .hero-btn-continue.fhi-active,
#step-r5-form .hero-btn-continue.fhi-active,
#step-h14-form .hero-btn-continue.fhi-active,
#step-r6-form .hero-btn-continue.fhi-active{
  background:#ff5b0a!important;
}

#step-h13-form .hero-btn-continue.fhi-active:hover,
#step-r5-form .hero-btn-continue.fhi-active:hover,
#step-h14-form .hero-btn-continue.fhi-active:hover,
#step-r6-form .hero-btn-continue.fhi-active:hover{
  transform:translateY(-1px)!important;
}

#step-h13-email .quiz-step-partners-wrapper,
#step-r5-email .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:980px!important;
  margin:72px auto 0!important;
  padding:0!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#step-h13-email .quiz-step-partners-title,
#step-r5-email .quiz-step-partners-title{
  display:block!important;
  margin:0 auto 30px!important;
  color:#06142f!important;
  font-size:18px!important;
  line-height:1.3!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h13-email .quiz-step-partners-title strong,
#step-r5-email .quiz-step-partners-title strong{
  font-weight:900!important;
}

#step-h13-email .quiz-step-partners-grid,
#step-r5-email .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:70px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  flex-wrap:nowrap!important;
}

#step-h13-email .quiz-step-partner-logo,
#step-r5-email .quiz-step-partner-logo{
  display:block!important;
  width:auto!important;
  max-width:132px!important;
  max-height:45px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
}

/* Keep fake inserted final icons hidden; keep real svg icons normal */
#step-h14-final .v237-final-input-icon,
#step-h14-final .v238-final-real-icon,
#step-h14-final .v239-final-icon,
#step-r6-final .v237-final-input-icon,
#step-r6-final .v238-final-real-icon,
#step-r6-final .v239-final-icon{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

@media screen and (max-width:767px){
  #step-h13-email,
  #step-r5-email{
    margin:-28px auto 0!important;
    padding:0 22px 18px!important;
    max-width:100%!important;
  }

  #step-h13-email .quiz-step-title,
  #step-r5-email .quiz-step-title{
    font-size:29px!important;
    margin:10px auto 18px!important;
  }

  #step-h13-email .quiz-step-subtitle-italic,
  #step-r5-email .quiz-step-subtitle-italic{
    font-size:18px!important;
    margin:-6px auto 28px!important;
  }

  #step-h13-form,
  #step-r5-form,
  #step-h13-form .quiz-input-with-icon-wrapper,
  #step-r5-form .quiz-input-with-icon-wrapper,
  #step-h13-form .quiz-input-field,
  #step-r5-form .quiz-input-field,
  #step-h13-form .hero-btn-continue,
  #step-r5-form .hero-btn-continue{
    max-width:100%!important;
  }

  #step-h13-form .quiz-input-with-icon-wrapper,
  #step-r5-form .quiz-input-with-icon-wrapper,
  #step-h13-form .quiz-input-field,
  #step-r5-form .quiz-input-field{
    height:62px!important;
    min-height:62px!important;
    line-height:62px!important;
  }

  #step-h13-form .hero-btn-continue,
  #step-r5-form .hero-btn-continue{
    height:60px!important;
    min-height:60px!important;
  }

  #step-h13-email .quiz-step-partners-wrapper,
  #step-r5-email .quiz-step-partners-wrapper{
    margin:38px auto 0!important;
  }

  #step-h13-email .quiz-step-partners-grid,
  #step-r5-email .quiz-step-partners-grid{
    gap:22px!important;
    flex-wrap:wrap!important;
  }

  #step-h13-email .quiz-step-partner-logo,
  #step-r5-email .quiz-step-partner-logo{
    max-width:92px!important;
    max-height:34px!important;
  }
}

/* V245 EMAIL STEP COMPACT FIT LOGOS */
#step-h13-email,
#step-r5-email{
  max-width:980px!important;
  margin:-82px auto 0!important;
  padding:0 20px 8px!important;
}

#step-h13-email .quiz-step-title,
#step-r5-email .quiz-step-title{
  max-width:760px!important;
  margin:8px auto 24px!important;
  font-size:34px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
}

#step-h13-email .quiz-step-subtitle-italic,
#step-r5-email .quiz-step-subtitle-italic{
  max-width:690px!important;
  margin:-12px auto 42px!important;
  font-size:24px!important;
  line-height:1.18!important;
}

#step-h13-form,
#step-r5-form{
  max-width:576px!important;
  width:100%!important;
  margin:0 auto!important;
}

#step-h13-form .quiz-field-group,
#step-r5-form .quiz-field-group{
  margin:0 0 26px!important;
}

#step-h13-form .quiz-field-label,
#step-r5-form .quiz-field-label{
  margin:0 0 10px!important;
  font-size:18px!important;
  line-height:1.1!important;
}

#step-h13-form .quiz-input-with-icon-wrapper,
#step-r5-form .quiz-input-with-icon-wrapper{
  max-width:576px!important;
  height:78px!important;
}

#step-h13-form .quiz-input-field,
#step-r5-form .quiz-input-field{
  max-width:576px!important;
  height:78px!important;
  min-height:78px!important;
  line-height:78px!important;
  padding:0 62px 0 26px!important;
  border-radius:15px!important;
  font-size:21px!important;
}

#step-h13-form .quiz-input-field::placeholder,
#step-r5-form .quiz-input-field::placeholder{
  font-size:21px!important;
  font-weight:700!important;
}

#step-h13-form .quiz-input-icon,
#step-r5-form .quiz-input-icon{
  right:27px!important;
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
}

#step-h13-form p,
#step-r5-form p{
  max-width:575px!important;
  margin:0 auto 18px!important;
  font-size:13px!important;
  line-height:1.32!important;
  font-weight:500!important;
}

#step-h13-form .hero-btn-continue,
#step-r5-form .hero-btn-continue{
  max-width:576px!important;
  height:74px!important;
  min-height:74px!important;
  margin:0 auto!important;
  border-radius:15px!important;
}

#step-h13-form .hero-btn-continue span,
#step-r5-form .hero-btn-continue span{
  font-size:23px!important;
}

#step-h13-email .quiz-step-partners-wrapper,
#step-r5-email .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:980px!important;
  margin:68px auto 0!important;
  padding:0!important;
}

#step-h13-email .quiz-step-partners-title,
#step-r5-email .quiz-step-partners-title{
  margin:0 auto 28px!important;
  font-size:18px!important;
  line-height:1.25!important;
}

#step-h13-email .quiz-step-partners-grid,
#step-r5-email .quiz-step-partners-grid{
  gap:66px!important;
  flex-wrap:nowrap!important;
}

#step-h13-email .quiz-step-partner-logo,
#step-r5-email .quiz-step-partner-logo{
  max-width:128px!important;
  max-height:43px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h13-email,
  #step-r5-email{
    margin:-92px auto 0!important;
  }

  #step-h13-email .quiz-step-title,
  #step-r5-email .quiz-step-title{
    margin:4px auto 20px!important;
    font-size:32px!important;
  }

  #step-h13-email .quiz-step-subtitle-italic,
  #step-r5-email .quiz-step-subtitle-italic{
    margin:-10px auto 34px!important;
    font-size:22px!important;
  }

  #step-h13-form .quiz-field-group,
  #step-r5-form .quiz-field-group{
    margin-bottom:22px!important;
  }

  #step-h13-form .quiz-input-with-icon-wrapper,
  #step-r5-form .quiz-input-with-icon-wrapper,
  #step-h13-form .quiz-input-field,
  #step-r5-form .quiz-input-field{
    height:70px!important;
    min-height:70px!important;
    line-height:70px!important;
  }

  #step-h13-form p,
  #step-r5-form p{
    margin-bottom:14px!important;
    font-size:12.2px!important;
    line-height:1.25!important;
  }

  #step-h13-form .hero-btn-continue,
  #step-r5-form .hero-btn-continue{
    height:66px!important;
    min-height:66px!important;
  }

  #step-h13-email .quiz-step-partners-wrapper,
  #step-r5-email .quiz-step-partners-wrapper{
    margin-top:48px!important;
  }

  #step-h13-email .quiz-step-partners-title,
  #step-r5-email .quiz-step-partners-title{
    margin-bottom:22px!important;
  }

  #step-h13-email .quiz-step-partners-grid,
  #step-r5-email .quiz-step-partners-grid{
    gap:58px!important;
  }

  #step-h13-email .quiz-step-partner-logo,
  #step-r5-email .quiz-step-partner-logo{
    max-width:118px!important;
    max-height:39px!important;
  }
}

@media screen and (max-width:767px){
  #step-h13-email,
  #step-r5-email{
    margin:-28px auto 0!important;
    padding:0 22px 14px!important;
  }

  #step-h13-email .quiz-step-title,
  #step-r5-email .quiz-step-title{
    font-size:28px!important;
    margin:8px auto 16px!important;
  }

  #step-h13-email .quiz-step-subtitle-italic,
  #step-r5-email .quiz-step-subtitle-italic{
    font-size:18px!important;
    margin:-4px auto 24px!important;
  }

  #step-h13-form .quiz-input-with-icon-wrapper,
  #step-r5-form .quiz-input-with-icon-wrapper,
  #step-h13-form .quiz-input-field,
  #step-r5-form .quiz-input-field{
    height:60px!important;
    min-height:60px!important;
    line-height:60px!important;
  }

  #step-h13-form .hero-btn-continue,
  #step-r5-form .hero-btn-continue{
    height:58px!important;
    min-height:58px!important;
  }

  #step-h13-email .quiz-step-partners-wrapper,
  #step-r5-email .quiz-step-partners-wrapper{
    margin-top:34px!important;
  }
}

/* V246 EMAIL WIDTH SMALLER + PARTNER LOGOS UP */
#step-h13-email,
#step-r5-email{
  max-width:900px!important;
  margin:-88px auto 0!important;
  padding-bottom:4px!important;
}

#step-h13-form,
#step-r5-form{
  max-width:520px!important;
}

#step-h13-form .quiz-input-with-icon-wrapper,
#step-r5-form .quiz-input-with-icon-wrapper,
#step-h13-form .quiz-input-field,
#step-r5-form .quiz-input-field,
#step-h13-form p,
#step-r5-form p,
#step-h13-form .hero-btn-continue,
#step-r5-form .hero-btn-continue{
  max-width:520px!important;
}

#step-h13-form .quiz-input-with-icon-wrapper,
#step-r5-form .quiz-input-with-icon-wrapper,
#step-h13-form .quiz-input-field,
#step-r5-form .quiz-input-field{
  height:68px!important;
  min-height:68px!important;
  line-height:68px!important;
}

#step-h13-form .hero-btn-continue,
#step-r5-form .hero-btn-continue{
  height:64px!important;
  min-height:64px!important;
  margin-top:0!important;
}

#step-h13-email .quiz-step-partners-wrapper,
#step-r5-email .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:24px auto 0!important;
  padding:0!important;
  transform:translateY(-18px)!important;
}

#step-h13-email .quiz-step-partners-title,
#step-r5-email .quiz-step-partners-title{
  margin:0 auto 18px!important;
  font-size:17px!important;
  line-height:1.2!important;
}

#step-h13-email .quiz-step-partners-grid,
#step-r5-email .quiz-step-partners-grid{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:58px!important;
  flex-wrap:nowrap!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h13-email .quiz-step-partner-logo,
#step-r5-email .quiz-step-partner-logo{
  max-width:116px!important;
  max-height:38px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h13-email,
  #step-r5-email{
    margin:-96px auto 0!important;
  }

  #step-h13-email .quiz-step-title,
  #step-r5-email .quiz-step-title{
    margin:0 auto 18px!important;
    font-size:31px!important;
  }

  #step-h13-email .quiz-step-subtitle-italic,
  #step-r5-email .quiz-step-subtitle-italic{
    margin:-8px auto 28px!important;
    font-size:21px!important;
  }

  #step-h13-form,
  #step-r5-form,
  #step-h13-form .quiz-input-with-icon-wrapper,
  #step-r5-form .quiz-input-with-icon-wrapper,
  #step-h13-form .quiz-input-field,
  #step-r5-form .quiz-input-field,
  #step-h13-form p,
  #step-r5-form p,
  #step-h13-form .hero-btn-continue,
  #step-r5-form .hero-btn-continue{
    max-width:500px!important;
  }

  #step-h13-form .quiz-input-with-icon-wrapper,
  #step-r5-form .quiz-input-with-icon-wrapper,
  #step-h13-form .quiz-input-field,
  #step-r5-form .quiz-input-field{
    height:62px!important;
    min-height:62px!important;
    line-height:62px!important;
  }

  #step-h13-form .hero-btn-continue,
  #step-r5-form .hero-btn-continue{
    height:60px!important;
    min-height:60px!important;
  }

  #step-h13-email .quiz-step-partners-wrapper,
  #step-r5-email .quiz-step-partners-wrapper{
    margin-top:18px!important;
    transform:translateY(-28px)!important;
  }

  #step-h13-email .quiz-step-partners-title,
  #step-r5-email .quiz-step-partners-title{
    margin-bottom:14px!important;
  }

  #step-h13-email .quiz-step-partners-grid,
  #step-r5-email .quiz-step-partners-grid{
    gap:50px!important;
  }

  #step-h13-email .quiz-step-partner-logo,
  #step-r5-email .quiz-step-partner-logo{
    max-width:108px!important;
    max-height:34px!important;
  }
}

@media screen and (max-width:767px){
  #step-h13-form,
  #step-r5-form,
  #step-h13-form .quiz-input-with-icon-wrapper,
  #step-r5-form .quiz-input-with-icon-wrapper,
  #step-h13-form .quiz-input-field,
  #step-r5-form .quiz-input-field,
  #step-h13-form p,
  #step-r5-form p,
  #step-h13-form .hero-btn-continue{
    max-width:100%!important;
  }

  #step-h13-email .quiz-step-partners-wrapper,
  #step-r5-email .quiz-step-partners-wrapper{
    transform:none!important;
    margin-top:28px!important;
  }
}

/* V247 EMAIL TOP SPACE + FORM BALANCE ONLY */
#step-h13-email,
#step-r5-email{
  margin:-58px auto 0!important;
}

#step-h13-email .quiz-step-title,
#step-r5-email .quiz-step-title{
  margin:22px auto 18px!important;
}

#step-h13-email .quiz-step-subtitle-italic,
#step-r5-email .quiz-step-subtitle-italic{
  margin:-4px auto 26px!important;
}

#step-h13-form,
#step-r5-form{
  transform:translateY(10px)!important;
}

#step-h13-form .quiz-field-group,
#step-r5-form .quiz-field-group{
  margin-bottom:18px!important;
}

#step-h13-form p,
#step-r5-form p{
  margin-bottom:16px!important;
}

#step-h13-form .hero-btn-continue,
#step-r5-form .hero-btn-continue{
  margin-top:0!important;
}

/* keep partner logos exactly where V246 placed them */
#step-h13-email .quiz-step-partners-wrapper,
#step-r5-email .quiz-step-partners-wrapper{
  margin-top:18px!important;
  transform:translateY(-28px)!important;
}

/* V248 EMAIL PARTNER LOGOS ONLY - TOP UNTOUCHED */
#step-h13-email .quiz-step-partners-wrapper,
#step-r5-email .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:0!important;
  transform:translateY(-105px)!important;
  position:relative!important;
  z-index:5!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#step-h13-email .quiz-step-partners-title,
#step-r5-email .quiz-step-partners-title{
  display:block!important;
  margin:0 auto 18px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
  background:transparent!important;
}

#step-h13-email .quiz-step-partners-title strong,
#step-r5-email .quiz-step-partners-title strong{
  font-weight:900!important;
}

#step-h13-email .quiz-step-partners-grid,
#step-r5-email .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:56px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h13-email .quiz-step-partner-logo,
#step-r5-email .quiz-step-partner-logo{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  max-width:112px!important;
  max-height:36px!important;
  object-fit:contain!important;
  filter:none!important;
  margin:0!important;
  padding:0!important;
}

@media screen and (max-width:767px){
  #step-h13-email .quiz-step-partners-wrapper,
  #step-r5-email .quiz-step-partners-wrapper{
    transform:translateY(-24px)!important;
    margin-top:18px!important;
  }

  #step-h13-email .quiz-step-partners-grid,
  #step-r5-email .quiz-step-partners-grid{
    gap:18px!important;
    flex-wrap:wrap!important;
  }

  #step-h13-email .quiz-step-partner-logo,
  #step-r5-email .quiz-step-partner-logo{
    max-width:86px!important;
    max-height:30px!important;
  }
}

/* V249 DOB NAME STEP FORM UP ONLY */
#step-h12-dobname,
#step-r4-dobname{
  margin-top:-92px!important;
}

#step-h12-dobname .quiz-step-title,
#step-r4-dobname .quiz-step-title{
  margin-top:0!important;
  margin-bottom:10px!important;
}

#step-h12-dobname .quiz-step-subtitle-italic,
#step-r4-dobname .quiz-step-subtitle-italic{
  margin-top:0!important;
  margin-bottom:30px!important;
}

#step-h12-form,
#step-r4-form{
  transform:translateY(-18px)!important;
}

@media screen and (max-width:767px){
  #step-h12-dobname,
  #step-r4-dobname{
    margin-top:-34px!important;
  }

  #step-h12-form,
  #step-r4-form{
    transform:translateY(-10px)!important;
  }
}

/* V250 DOB NAME HEADING SINGLE LINE ONLY */
#step-h12-dobname .quiz-step-title,
#step-r4-dobname .quiz-step-title{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 26px!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#06142f!important;
  font-size:34px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  text-align:center!important;
}

#step-h12-dobname .quiz-step-subtitle-italic,
#step-r4-dobname .quiz-step-subtitle-italic{
  margin:0 auto 44px!important;
  font-size:23px!important;
  line-height:1.2!important;
  text-align:center!important;
}

@media screen and (max-width:1200px) and (min-width:768px){
  #step-h12-dobname .quiz-step-title,
  #step-r4-dobname .quiz-step-title{
    font-size:31px!important;
    max-width:940px!important;
    letter-spacing:-.55px!important;
  }
}

@media screen and (max-width:900px) and (min-width:768px){
  #step-h12-dobname .quiz-step-title,
  #step-r4-dobname .quiz-step-title{
    font-size:27px!important;
    max-width:850px!important;
    letter-spacing:-.75px!important;
  }
}

@media screen and (max-width:767px){
  #step-h12-dobname .quiz-step-title,
  #step-r4-dobname .quiz-step-title{
    white-space:normal!important;
    font-size:28px!important;
    line-height:1.12!important;
    max-width:100%!important;
    margin-bottom:14px!important;
  }

  #step-h12-dobname .quiz-step-subtitle-italic,
  #step-r4-dobname .quiz-step-subtitle-italic{
    font-size:18px!important;
    margin-bottom:24px!important;
  }
}

/* V251 DOB SUBTITLE SMALL SINGLE LINE ONLY */
#step-h12-dobname .quiz-step-subtitle-italic,
#step-r4-dobname .quiz-step-subtitle-italic{
  display:block!important;
  width:100%!important;
  max-width:860px!important;
  margin:0 auto 34px!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#334155!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h12-dobname .quiz-step-subtitle-italic strong,
#step-r4-dobname .quiz-step-subtitle-italic strong{
  font-size:20px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

@media screen and (max-width:1100px) and (min-width:768px){
  #step-h12-dobname .quiz-step-subtitle-italic,
  #step-r4-dobname .quiz-step-subtitle-italic,
  #step-h12-dobname .quiz-step-subtitle-italic strong,
  #step-r4-dobname .quiz-step-subtitle-italic strong{
    font-size:18px!important;
  }
}

@media screen and (max-width:767px){
  #step-h12-dobname .quiz-step-subtitle-italic,
  #step-r4-dobname .quiz-step-subtitle-italic{
    white-space:normal!important;
    font-size:17px!important;
    line-height:1.18!important;
    margin-bottom:24px!important;
  }

  #step-h12-dobname .quiz-step-subtitle-italic strong,
  #step-r4-dobname .quiz-step-subtitle-italic strong{
    font-size:17px!important;
  }
}

/* V252 DISCOUNTS STEP UP + SINGLE LINE ONLY */
#step-h11-discounts,
#step-r3-discounts{
  margin-top:-96px!important;
  padding-top:0!important;
}

#step-h11-discounts .quiz-step-title,
#step-r3-discounts .quiz-step-title{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 56px!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#06142f!important;
  font-size:34px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:-.45px!important;
  text-align:center!important;
}

#step-h11-discounts .quiz-discount-row,
#step-r3-discounts .quiz-discount-row{
  max-width:865px!important;
  margin:0 auto!important;
  padding:22px 0!important;
}

#step-h11-discounts .quiz-discount-row:first-of-type,
#step-r3-discounts .quiz-discount-row:first-of-type{
  padding-top:0!important;
}

#step-h11-discounts .quiz-discount-row span:first-child,
#step-r3-discounts .quiz-discount-row span:first-child{
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

#step-h11-discounts .quiz-toggle-pill-container,
#step-r3-discounts .quiz-toggle-pill-container{
  transform:translateY(-2px)!important;
}

#step-h11-discounts .quiz-toggle-side-btn,
#step-r3-discounts .quiz-toggle-side-btn{
  height:72px!important;
  min-height:72px!important;
  border-radius:12px!important;
  font-size:20px!important;
  font-weight:800!important;
}

#step-h11-discounts .hero-btn-continue,
#step-r3-discounts .hero-btn-continue,
#step-r3-continue,
#step-h11-continue{
  margin-top:20px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h11-discounts,
  #step-r3-discounts{
    margin-top:-112px!important;
  }

  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title{
    margin-bottom:38px!important;
    font-size:31px!important;
  }

  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row{
    padding:17px 0!important;
  }

  #step-h11-discounts .quiz-toggle-side-btn,
  #step-r3-discounts .quiz-toggle-side-btn{
    height:64px!important;
    min-height:64px!important;
  }
}

@media screen and (max-width:767px){
  #step-h11-discounts,
  #step-r3-discounts{
    margin-top:-34px!important;
  }

  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title{
    white-space:normal!important;
    font-size:28px!important;
    line-height:1.12!important;
    margin-bottom:24px!important;
    max-width:100%!important;
  }

  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row{
    padding:14px 0!important;
  }

  #step-h11-discounts .quiz-toggle-side-btn,
  #step-r3-discounts .quiz-toggle-side-btn{
    height:58px!important;
    min-height:58px!important;
  }
}

/* V253 DISCOUNTS TITLE DOWN + QUESTION TEXT UNBOLD */
#step-h11-discounts,
#step-r3-discounts{
  margin-top:-72px!important;
  padding-top:0!important;
}

#step-h11-discounts .quiz-step-title,
#step-r3-discounts .quiz-step-title{
  margin:18px auto 54px!important;
  font-size:34px!important;
  line-height:1.12!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

#step-h11-discounts .quiz-discount-row,
#step-r3-discounts .quiz-discount-row{
  padding:20px 0!important;
}

#step-h11-discounts .quiz-discount-row span:first-child,
#step-r3-discounts .quiz-discount-row span:first-child{
  font-weight:650!important;
  font-size:21px!important;
  line-height:1.16!important;
  color:#06142f!important;
}

#step-h11-discounts .quiz-toggle-side-btn,
#step-r3-discounts .quiz-toggle-side-btn{
  font-weight:700!important;
}

#step-h11-discounts .quiz-toggle-side-btn span,
#step-r3-discounts .quiz-toggle-side-btn span{
  font-weight:700!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h11-discounts,
  #step-r3-discounts{
    margin-top:-86px!important;
  }

  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title{
    margin:16px auto 42px!important;
    font-size:31px!important;
  }

  #step-h11-discounts .quiz-discount-row span:first-child,
  #step-r3-discounts .quiz-discount-row span:first-child{
    font-size:20px!important;
    font-weight:650!important;
  }
}

@media screen and (max-width:767px){
  #step-h11-discounts,
  #step-r3-discounts{
    margin-top:-28px!important;
  }

  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title{
    margin:10px auto 26px!important;
    font-size:28px!important;
    line-height:1.12!important;
    white-space:normal!important;
  }

  #step-h11-discounts .quiz-discount-row span:first-child,
  #step-r3-discounts .quiz-discount-row span:first-child{
    font-size:18px!important;
    font-weight:600!important;
  }
}

/* V254 DISCOUNTS COMPACT FIT BUTTON */
#step-h11-discounts,
#step-r3-discounts{
  margin-top:-82px!important;
  padding-top:0!important;
  padding-bottom:10px!important;
}

#step-h11-discounts .quiz-step-title,
#step-r3-discounts .quiz-step-title{
  margin:10px auto 34px!important;
  font-size:33px!important;
  line-height:1.08!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

#step-h11-discounts .quiz-discount-row,
#step-r3-discounts .quiz-discount-row{
  max-width:865px!important;
  margin:0 auto!important;
  padding:12px 0!important;
  min-height:0!important;
}

#step-h11-discounts .quiz-discount-row:first-of-type,
#step-r3-discounts .quiz-discount-row:first-of-type{
  padding-top:0!important;
}

#step-h11-discounts .quiz-discount-row span:first-child,
#step-r3-discounts .quiz-discount-row span:first-child{
  font-size:19px!important;
  line-height:1.12!important;
  font-weight:560!important;
  color:#06142f!important;
}

#step-h11-discounts .quiz-toggle-pill-container,
#step-r3-discounts .quiz-toggle-pill-container{
  gap:14px!important;
  transform:none!important;
}

#step-h11-discounts .quiz-toggle-side-btn,
#step-r3-discounts .quiz-toggle-side-btn{
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:0 28px!important;
  border-radius:12px!important;
  font-size:18px!important;
  line-height:56px!important;
  font-weight:650!important;
}

#step-h11-discounts .quiz-toggle-side-btn span,
#step-r3-discounts .quiz-toggle-side-btn span{
  font-size:18px!important;
  line-height:1!important;
  font-weight:650!important;
}

#step-h11-discounts .toggle-check-icon,
#step-r3-discounts .toggle-check-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin-right:10px!important;
}

#step-h11-discounts .hero-btn-continue,
#step-r3-discounts .hero-btn-continue,
#step-h11-continue,
#step-r3-continue{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:450px!important;
  height:56px!important;
  min-height:56px!important;
  line-height:56px!important;
  margin:16px auto 0!important;
  border-radius:13px!important;
}

#step-h11-discounts .hero-btn-continue span,
#step-r3-discounts .hero-btn-continue span,
#step-h11-continue span,
#step-r3-continue span{
  font-size:20px!important;
  line-height:1!important;
  font-weight:750!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h11-discounts,
  #step-r3-discounts{
    margin-top:-94px!important;
  }

  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title{
    margin:6px auto 26px!important;
    font-size:31px!important;
  }

  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row{
    padding:9px 0!important;
  }

  #step-h11-discounts .quiz-discount-row span:first-child,
  #step-r3-discounts .quiz-discount-row span:first-child{
    font-size:18px!important;
    line-height:1.08!important;
    font-weight:550!important;
  }

  #step-h11-discounts .quiz-toggle-side-btn,
  #step-r3-discounts .quiz-toggle-side-btn{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    line-height:52px!important;
    font-size:17px!important;
  }

  #step-h11-discounts .hero-btn-continue,
  #step-r3-discounts .hero-btn-continue,
  #step-h11-continue,
  #step-r3-continue{
    height:52px!important;
    min-height:52px!important;
    line-height:52px!important;
    margin-top:12px!important;
  }
}

@media screen and (max-width:767px){
  #step-h11-discounts,
  #step-r3-discounts{
    margin-top:-30px!important;
  }

  #step-h11-discounts .quiz-step-title,
  #step-r3-discounts .quiz-step-title{
    margin:8px auto 22px!important;
    font-size:27px!important;
    line-height:1.12!important;
    white-space:normal!important;
  }

  #step-h11-discounts .quiz-discount-row,
  #step-r3-discounts .quiz-discount-row{
    padding:10px 0!important;
  }

  #step-h11-discounts .quiz-discount-row span:first-child,
  #step-r3-discounts .quiz-discount-row span:first-child{
    font-size:17px!important;
    font-weight:550!important;
  }

  #step-h11-discounts .quiz-toggle-side-btn,
  #step-r3-discounts .quiz-toggle-side-btn{
    height:50px!important;
    min-height:50px!important;
    line-height:50px!important;
    font-size:16px!important;
  }
}

/* V255 EMAIL FORM UP + FINAL BUTTON DUPLICATE FIX */
#step-h13-form,
#step-r5-form{
  transform:translateY(-14px)!important;
}

/* keep email partner logos untouched */
#step-h13-email .quiz-step-partners-wrapper,
#step-r5-email .quiz-step-partners-wrapper{
  transform:translateY(-105px)!important;
}

/* final form just slightly up */
#step-h14-final,
#step-r6-final{
  margin-top:-88px!important;
}

#step-h14-form,
#step-r6-form{
  transform:translateY(-10px)!important;
}

/* final button duplicate text fix */
#step-h14-form .hero-btn-continue,
#step-r6-form .hero-btn-continue{
  font-size:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

#step-h14-form .hero-btn-continue span,
#step-r6-form .hero-btn-continue span{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  font-size:0!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

#step-h14-form .hero-btn-continue::before,
#step-r6-form .hero-btn-continue::before{
  content:"Get Quotes"!important;
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:800!important;
}

#step-h14-form .hero-btn-continue::after,
#step-r6-form .hero-btn-continue::after{
  content:"→"!important;
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:500!important;
}

@media screen and (max-width:767px){
  #step-h13-form,
  #step-r5-form{
    transform:translateY(-8px)!important;
  }

  #step-h14-final,
  #step-r6-final{
    margin-top:-36px!important;
  }

  #step-h14-form,
  #step-r6-form{
    transform:translateY(-6px)!important;
  }
}

/* V256 EMAIL HEADING SLIGHTLY UP ONLY */
#step-h13-email .quiz-step-title,
#step-r5-email .quiz-step-title{
  transform:translateY(-14px)!important;
}

#step-h13-email .quiz-step-subtitle-italic,
#step-r5-email .quiz-step-subtitle-italic{
  transform:translateY(-14px)!important;
}

/* keep form/button/logos position unchanged */
#step-h13-form,
#step-r5-form{
  transform:translateY(-14px)!important;
}

#step-h13-email .quiz-step-partners-wrapper,
#step-r5-email .quiz-step-partners-wrapper{
  transform:translateY(-105px)!important;
}

@media screen and (max-width:767px){
  #step-h13-email .quiz-step-title,
  #step-r5-email .quiz-step-title,
  #step-h13-email .quiz-step-subtitle-italic,
  #step-r5-email .quiz-step-subtitle-italic{
    transform:translateY(-8px)!important;
  }
}

/* V257 CREDIT STEP SAMPLE DESIGN */
#step-h10-credit,
#step-r2-credit{
  width:100%!important;
  max-width:980px!important;
  margin:-86px auto 0!important;
  padding:0 20px 10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h10-credit .quiz-step-title,
#step-r2-credit .quiz-step-title{
  display:block!important;
  width:100%!important;
  max-width:760px!important;
  margin:10px auto 26px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#step-h10-credit .quiz-step-subtitle-italic,
#step-r2-credit .quiz-step-subtitle-italic{
  display:block!important;
  max-width:700px!important;
  margin:-8px auto 50px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:23px!important;
  line-height:1.18!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h10-credit .quiz-step-subtitle-italic strong,
#step-r2-credit .quiz-step-subtitle-italic strong{
  font-weight:900!important;
}

#step-h10-credit .quiz-choices-2col,
#step-r2-credit .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, 1fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:675px!important;
  margin:0 auto 12px!important;
  padding:0!important;
}

#step-h10-credit .quiz-choice-tile,
#step-r2-credit .quiz-choice-tile{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  width:100%!important;
  height:130px!important;
  min-height:130px!important;
  padding:16px 22px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:center!important;
  cursor:pointer!important;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease!important;
}

#step-h10-credit .quiz-choice-tile:hover,
#step-r2-credit .quiz-choice-tile:hover{
  border-color:#bfc7d4!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  transform:translateY(-1px)!important;
}

#step-h10-credit .quiz-choice-tile img,
#step-r2-credit .quiz-choice-tile img{
  display:block!important;
  width:56px!important;
  height:36px!important;
  max-width:56px!important;
  max-height:36px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h10-credit .quiz-choice-tile span,
#step-r2-credit .quiz-choice-tile span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#06142f!important;
  font-size:21px!important;
  line-height:1.1!important;
  font-weight:500!important;
  text-align:center!important;
}

#step-h10-credit .quiz-fullwidth-btn,
#step-r2-credit .quiz-fullwidth-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:675px!important;
  height:73px!important;
  min-height:73px!important;
  margin:12px auto 0!important;
  padding:0 20px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

#step-h10-credit .quiz-fullwidth-btn:hover,
#step-r2-credit .quiz-fullwidth-btn:hover{
  border-color:#bfc7d4!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}

#step-h10-credit .quiz-step-partners-wrapper,
#step-r2-credit .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:92px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h10-credit .quiz-step-partners-title,
#step-r2-credit .quiz-step-partners-title{
  display:block!important;
  margin:0 auto 24px!important;
  color:#06142f!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h10-credit .quiz-step-partners-grid,
#step-r2-credit .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:54px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h10-credit .quiz-step-partner-logo,
#step-r2-credit .quiz-step-partner-logo{
  display:block!important;
  width:auto!important;
  max-width:112px!important;
  max-height:36px!important;
  object-fit:contain!important;
  opacity:1!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h10-credit,
  #step-r2-credit{
    margin:-96px auto 0!important;
  }

  #step-h10-credit .quiz-step-title,
  #step-r2-credit .quiz-step-title{
    margin:4px auto 22px!important;
    font-size:32px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic,
  #step-r2-credit .quiz-step-subtitle-italic{
    margin:-8px auto 38px!important;
    font-size:21px!important;
  }

  #step-h10-credit .quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile{
    height:116px!important;
    min-height:116px!important;
    gap:14px!important;
  }

  #step-h10-credit .quiz-choice-tile img,
  #step-r2-credit .quiz-choice-tile img{
    width:52px!important;
    height:33px!important;
  }

  #step-h10-credit .quiz-choice-tile span,
  #step-r2-credit .quiz-choice-tile span{
    font-size:20px!important;
  }

  #step-h10-credit .quiz-fullwidth-btn,
  #step-r2-credit .quiz-fullwidth-btn{
    height:64px!important;
    min-height:64px!important;
    margin-top:10px!important;
    font-size:21px!important;
  }

  #step-h10-credit .quiz-step-partners-wrapper,
  #step-r2-credit .quiz-step-partners-wrapper{
    margin-top:52px!important;
  }
}

@media screen and (max-width:767px){
  #step-h10-credit,
  #step-r2-credit{
    max-width:100%!important;
    margin:-30px auto 0!important;
    padding:0 22px 18px!important;
  }

  #step-h10-credit .quiz-step-title,
  #step-r2-credit .quiz-step-title{
    white-space:normal!important;
    font-size:28px!important;
    margin:8px auto 16px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic,
  #step-r2-credit .quiz-step-subtitle-italic{
    font-size:18px!important;
    margin:-4px auto 24px!important;
  }

  #step-h10-credit .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col{
    grid-template-columns:repeat(2, 1fr)!important;
    gap:10px!important;
    max-width:100%!important;
  }

  #step-h10-credit .quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile{
    height:94px!important;
    min-height:94px!important;
    padding:10px 8px!important;
    gap:8px!important;
  }

  #step-h10-credit .quiz-choice-tile img,
  #step-r2-credit .quiz-choice-tile img{
    width:42px!important;
    height:27px!important;
  }

  #step-h10-credit .quiz-choice-tile span,
  #step-r2-credit .quiz-choice-tile span{
    font-size:15px!important;
    line-height:1.12!important;
  }

  #step-h10-credit .quiz-fullwidth-btn,
  #step-r2-credit .quiz-fullwidth-btn{
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    font-size:17px!important;
  }

  #step-h10-credit .quiz-step-partners-wrapper,
  #step-r2-credit .quiz-step-partners-wrapper{
    margin-top:30px!important;
  }

  #step-h10-credit .quiz-step-partners-grid,
  #step-r2-credit .quiz-step-partners-grid{
    gap:18px!important;
    flex-wrap:wrap!important;
  }

  #step-h10-credit .quiz-step-partner-logo,
  #step-r2-credit .quiz-step-partner-logo{
    max-width:86px!important;
    max-height:30px!important;
  }
}

/* V258 CREDIT STEP SAMPLE FIX COMPACT */
#step-h10-credit,
#step-r2-credit{
  max-width:900px!important;
  margin:-92px auto 0!important;
  padding:0 20px 8px!important;
  text-align:center!important;
}

#step-h10-credit .quiz-step-title,
#step-r2-credit .quiz-step-title{
  max-width:720px!important;
  margin:4px auto 20px!important;
  font-size:32px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  white-space:nowrap!important;
  text-align:center!important;
}

#step-h10-credit .quiz-step-subtitle-italic,
#step-r2-credit .quiz-step-subtitle-italic{
  max-width:650px!important;
  margin:-6px auto 42px!important;
  font-size:20px!important;
  line-height:1.16!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#step-h10-credit .quiz-step-subtitle-italic strong,
#step-r2-credit .quiz-step-subtitle-italic strong{
  font-size:20px!important;
  font-weight:850!important;
}

#step-h10-credit .quiz-choices-2col,
#step-r2-credit .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:675px!important;
  margin:0 auto 12px!important;
  padding:0!important;
  align-items:stretch!important;
}

#step-h10-credit .quiz-choice-tile,
#step-r2-credit .quiz-choice-tile{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
  max-width:330px!important;
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  padding:18px 14px 12px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:center!important;
  overflow:hidden!important;
}

#step-h10-credit .quiz-choice-tile img,
#step-r2-credit .quiz-choice-tile img{
  order:1!important;
  display:block!important;
  width:55px!important;
  height:36px!important;
  max-width:55px!important;
  max-height:36px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  padding:0!important;
  flex:0 0 auto!important;
}

#step-h10-credit .quiz-choice-tile span,
#step-r2-credit .quiz-choice-tile span{
  order:2!important;
  display:block!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  color:#06142f!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:500!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#step-h10-credit .quiz-fullwidth-btn,
#step-r2-credit .quiz-fullwidth-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:675px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin:10px auto 0!important;
  padding:0 20px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  box-shadow:none!important;
}

#step-h10-credit .quiz-step-partners-wrapper,
#step-r2-credit .quiz-step-partners-wrapper{
  margin-top:44px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h10-credit,
  #step-r2-credit{
    margin:-104px auto 0!important;
  }

  #step-h10-credit .quiz-step-title,
  #step-r2-credit .quiz-step-title{
    margin:0 auto 16px!important;
    font-size:30px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic,
  #step-r2-credit .quiz-step-subtitle-italic{
    margin:-6px auto 32px!important;
    font-size:18px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic strong,
  #step-r2-credit .quiz-step-subtitle-italic strong{
    font-size:18px!important;
  }

  #step-h10-credit .quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile{
    height:106px!important;
    min-height:106px!important;
    max-height:106px!important;
    padding-top:14px!important;
    gap:10px!important;
  }

  #step-h10-credit .quiz-choice-tile img,
  #step-r2-credit .quiz-choice-tile img{
    width:50px!important;
    height:32px!important;
  }

  #step-h10-credit .quiz-choice-tile span,
  #step-r2-credit .quiz-choice-tile span{
    font-size:18px!important;
  }

  #step-h10-credit .quiz-fullwidth-btn,
  #step-r2-credit .quiz-fullwidth-btn{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    font-size:19px!important;
  }

  #step-h10-credit .quiz-step-partners-wrapper,
  #step-r2-credit .quiz-step-partners-wrapper{
    margin-top:28px!important;
  }
}

@media screen and (max-width:767px){
  #step-h10-credit,
  #step-r2-credit{
    max-width:100%!important;
    margin:-30px auto 0!important;
    padding:0 22px 16px!important;
  }

  #step-h10-credit .quiz-step-title,
  #step-r2-credit .quiz-step-title{
    white-space:normal!important;
    font-size:27px!important;
    margin:8px auto 14px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic,
  #step-r2-credit .quiz-step-subtitle-italic{
    white-space:normal!important;
    font-size:17px!important;
    margin:-4px auto 22px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic strong,
  #step-r2-credit .quiz-step-subtitle-italic strong{
    font-size:17px!important;
  }

  #step-h10-credit .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    max-width:100%!important;
    gap:10px!important;
  }

  #step-h10-credit .quiz-choice-tile,
  #step-r2-credit .quiz-choice-tile{
    max-width:100%!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    padding:10px 8px!important;
    gap:7px!important;
  }

  #step-h10-credit .quiz-choice-tile img,
  #step-r2-credit .quiz-choice-tile img{
    width:40px!important;
    height:26px!important;
  }

  #step-h10-credit .quiz-choice-tile span,
  #step-r2-credit .quiz-choice-tile span{
    font-size:14px!important;
    white-space:normal!important;
  }

  #step-h10-credit .quiz-fullwidth-btn,
  #step-r2-credit .quiz-fullwidth-btn{
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    font-size:17px!important;
  }
}

/* V259 CREDIT EQUAL 2X2 GRID + FORM DOWN COMPACT */
#step-h10-credit,
#step-r2-credit{
  max-width:900px!important;
  margin:-76px auto 0!important;
  padding:0 20px 8px!important;
  text-align:center!important;
}

#step-h10-credit .quiz-step-title,
#step-r2-credit .quiz-step-title{
  margin:14px auto 20px!important;
  font-size:31px!important;
  line-height:1.08!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

#step-h10-credit .quiz-step-subtitle-italic,
#step-r2-credit .quiz-step-subtitle-italic{
  margin:-4px auto 36px!important;
  font-size:19px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

#step-h10-credit .quiz-step-subtitle-italic strong,
#step-r2-credit .quiz-step-subtitle-italic strong{
  font-size:19px!important;
  font-weight:850!important;
}

/* Force exact 2x2 grid */
#step-h10-credit .quiz-choices-2col,
#step-r2-credit .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, 315px)!important;
  grid-auto-rows:118px!important;
  gap:12px!important;
  width:max-content!important;
  max-width:none!important;
  margin:0 auto 12px!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
}

/* Every credit box same size, including Poor */
#step-h10-credit .quiz-choices-2col > .quiz-choice-tile,
#step-r2-credit .quiz-choices-2col > .quiz-choice-tile{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:315px!important;
  min-width:315px!important;
  max-width:315px!important;
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  padding:16px 10px 10px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:center!important;
  overflow:hidden!important;
}

/* Override any old rule making 4th box full-width */
#step-h10-credit .quiz-choices-2col > .quiz-choice-tile:nth-child(4),
#step-r2-credit .quiz-choices-2col > .quiz-choice-tile:nth-child(4){
  grid-column:auto!important;
  width:315px!important;
  min-width:315px!important;
  max-width:315px!important;
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
}

#step-h10-credit .quiz-choice-tile img,
#step-r2-credit .quiz-choice-tile img{
  order:1!important;
  display:block!important;
  width:52px!important;
  height:34px!important;
  max-width:52px!important;
  max-height:34px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h10-credit .quiz-choice-tile span,
#step-r2-credit .quiz-choice-tile span{
  order:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#06142f!important;
  font-size:19px!important;
  line-height:1.1!important;
  font-weight:500!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#step-h10-credit .quiz-fullwidth-btn,
#step-r2-credit .quiz-fullwidth-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:642px!important;
  min-width:642px!important;
  max-width:642px!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  margin:10px auto 0!important;
  padding:0 20px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  box-shadow:none!important;
}

#step-h10-credit .quiz-step-partners-wrapper,
#step-r2-credit .quiz-step-partners-wrapper{
  margin-top:46px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h10-credit,
  #step-r2-credit{
    margin:-82px auto 0!important;
  }

  #step-h10-credit .quiz-step-title,
  #step-r2-credit .quiz-step-title{
    margin:10px auto 16px!important;
    font-size:30px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic,
  #step-r2-credit .quiz-step-subtitle-italic{
    margin:-4px auto 28px!important;
    font-size:18px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic strong,
  #step-r2-credit .quiz-step-subtitle-italic strong{
    font-size:18px!important;
  }

  #step-h10-credit .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col{
    grid-template-columns:repeat(2, 300px)!important;
    grid-auto-rows:104px!important;
    gap:11px!important;
  }

  #step-h10-credit .quiz-choices-2col > .quiz-choice-tile,
  #step-r2-credit .quiz-choices-2col > .quiz-choice-tile,
  #step-h10-credit .quiz-choices-2col > .quiz-choice-tile:nth-child(4),
  #step-r2-credit .quiz-choices-2col > .quiz-choice-tile:nth-child(4){
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    padding-top:12px!important;
    gap:8px!important;
  }

  #step-h10-credit .quiz-choice-tile img,
  #step-r2-credit .quiz-choice-tile img{
    width:48px!important;
    height:31px!important;
  }

  #step-h10-credit .quiz-choice-tile span,
  #step-r2-credit .quiz-choice-tile span{
    font-size:18px!important;
  }

  #step-h10-credit .quiz-fullwidth-btn,
  #step-r2-credit .quiz-fullwidth-btn{
    width:611px!important;
    min-width:611px!important;
    max-width:611px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    font-size:18px!important;
  }
}

@media screen and (max-width:767px){
  #step-h10-credit,
  #step-r2-credit{
    max-width:100%!important;
    margin:-28px auto 0!important;
    padding:0 22px 16px!important;
  }

  #step-h10-credit .quiz-step-title,
  #step-r2-credit .quiz-step-title{
    white-space:normal!important;
    font-size:27px!important;
    margin:8px auto 14px!important;
  }

  #step-h10-credit .quiz-step-subtitle-italic,
  #step-r2-credit .quiz-step-subtitle-italic{
    white-space:normal!important;
    font-size:17px!important;
    margin:-4px auto 22px!important;
  }

  #step-h10-credit .quiz-choices-2col,
  #step-r2-credit .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    grid-auto-rows:92px!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  #step-h10-credit .quiz-choices-2col > .quiz-choice-tile,
  #step-r2-credit .quiz-choices-2col > .quiz-choice-tile,
  #step-h10-credit .quiz-choices-2col > .quiz-choice-tile:nth-child(4),
  #step-r2-credit .quiz-choices-2col > .quiz-choice-tile:nth-child(4){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:92px!important;
    min-height:92px!important;
    max-height:92px!important;
    padding:10px 8px!important;
    gap:7px!important;
  }

  #step-h10-credit .quiz-fullwidth-btn,
  #step-r2-credit .quiz-fullwidth-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
}

/* V260 COVERAGE START SAMPLE DESIGN ONLY */
#step-h9-start{
  width:100%!important;
  max-width:980px!important;
  margin:-86px auto 0!important;
  padding:0 20px 10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h9-start .quiz-step-title{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin:12px auto 46px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:34px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  text-align:center!important;
  white-space:normal!important;
}

#step-h9-start .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, 282px)!important;
  gap:12px!important;
  width:max-content!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
}

#step-h9-start .quiz-choice-tile{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:282px!important;
  min-width:282px!important;
  max-width:282px!important;
  height:73px!important;
  min-height:73px!important;
  max-height:73px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease!important;
}

#step-h9-start .quiz-choice-tile:hover{
  border-color:#bfc7d4!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  transform:translateY(-1px)!important;
}

#step-h9-start .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:112px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h9-start .quiz-step-partners-title{
  display:block!important;
  margin:0 auto 28px!important;
  color:#06142f!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h9-start .quiz-step-partners-title strong{
  font-weight:900!important;
}

#step-h9-start .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:58px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h9-start .quiz-step-partner-logo{
  display:block!important;
  width:auto!important;
  max-width:118px!important;
  max-height:40px!important;
  object-fit:contain!important;
  opacity:1!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h9-start{
    margin:-96px auto 0!important;
  }

  #step-h9-start .quiz-step-title{
    margin:8px auto 36px!important;
    font-size:32px!important;
    line-height:1.15!important;
  }

  #step-h9-start .quiz-choices-2col{
    grid-template-columns:repeat(2, 282px)!important;
    gap:12px!important;
  }

  #step-h9-start .quiz-choice-tile{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    font-size:20px!important;
  }

  #step-h9-start .quiz-step-partners-wrapper{
    margin-top:86px!important;
  }

  #step-h9-start .quiz-step-partners-title{
    margin-bottom:24px!important;
  }

  #step-h9-start .quiz-step-partners-grid{
    gap:54px!important;
  }

  #step-h9-start .quiz-step-partner-logo{
    max-width:112px!important;
    max-height:38px!important;
  }
}

@media screen and (max-width:767px){
  #step-h9-start{
    max-width:100%!important;
    margin:-28px auto 0!important;
    padding:0 22px 16px!important;
  }

  #step-h9-start .quiz-step-title{
    font-size:27px!important;
    line-height:1.14!important;
    margin:8px auto 24px!important;
    max-width:100%!important;
  }

  #step-h9-start .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
  }

  #step-h9-start .quiz-choice-tile{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    font-size:16px!important;
    border-radius:12px!important;
  }

  #step-h9-start .quiz-step-partners-wrapper{
    margin-top:34px!important;
  }

  #step-h9-start .quiz-step-partners-grid{
    gap:18px!important;
    flex-wrap:wrap!important;
  }

  #step-h9-start .quiz-step-partner-logo{
    max-width:86px!important;
    max-height:30px!important;
  }
}

/* V261 BUNDLE STEP COMPACT ONE LINE ONLY */
#step-h8-bundle{
  width:100%!important;
  max-width:980px!important;
  margin:-92px auto 0!important;
  padding:0 20px 10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h8-bundle .quiz-step-title{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin:8px auto 16px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.55px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

#step-h8-bundle .quiz-step-subtitle-italic{
  display:block!important;
  max-width:700px!important;
  margin:0 auto 42px!important;
  padding:0!important;
  color:#334155!important;
  font-size:20px!important;
  line-height:1.16!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#step-h8-bundle .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, 355px)!important;
  gap:14px!important;
  width:max-content!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
}

#step-h8-bundle .quiz-choice-tile{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:355px!important;
  min-width:355px!important;
  max-width:355px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid #d9dde4!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:700!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

#step-h8-bundle .quiz-choice-tile:hover{
  border-color:#bfc7d4!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  transform:translateY(-1px)!important;
}

#step-h8-bundle .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:170px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h8-bundle .quiz-step-partners-title{
  display:block!important;
  margin:0 auto 26px!important;
  color:#06142f!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h8-bundle .quiz-step-partners-title strong{
  font-weight:900!important;
}

#step-h8-bundle .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:58px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h8-bundle .quiz-step-partner-logo{
  display:block!important;
  width:auto!important;
  max-width:118px!important;
  max-height:40px!important;
  object-fit:contain!important;
  opacity:1!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h8-bundle{
    margin:-104px auto 0!important;
  }

  #step-h8-bundle .quiz-step-title{
    margin:4px auto 12px!important;
    font-size:31px!important;
  }

  #step-h8-bundle .quiz-step-subtitle-italic{
    margin:0 auto 34px!important;
    font-size:18px!important;
  }

  #step-h8-bundle .quiz-choices-2col{
    grid-template-columns:repeat(2, 340px)!important;
    gap:12px!important;
  }

  #step-h8-bundle .quiz-choice-tile{
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    font-size:20px!important;
  }

  #step-h8-bundle .quiz-step-partners-wrapper{
    margin-top:130px!important;
  }
}

@media screen and (max-width:767px){
  #step-h8-bundle{
    max-width:100%!important;
    margin:-28px auto 0!important;
    padding:0 22px 16px!important;
  }

  #step-h8-bundle .quiz-step-title{
    white-space:normal!important;
    font-size:27px!important;
    line-height:1.12!important;
    margin:8px auto 12px!important;
    max-width:100%!important;
  }

  #step-h8-bundle .quiz-step-subtitle-italic{
    white-space:normal!important;
    font-size:17px!important;
    margin:0 auto 22px!important;
  }

  #step-h8-bundle .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
  }

  #step-h8-bundle .quiz-choice-tile{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    font-size:17px!important;
    border-radius:12px!important;
  }

  #step-h8-bundle .quiz-step-partners-wrapper{
    margin-top:34px!important;
  }

  #step-h8-bundle .quiz-step-partners-grid{
    gap:18px!important;
    flex-wrap:wrap!important;
  }

  #step-h8-bundle .quiz-step-partner-logo{
    max-width:86px!important;
    max-height:30px!important;
  }
}

/* V262 BUNDLE TOP SPACE + SMALL BOXES + HIDE FOOTER FROM VIEW */
#step-h8-bundle{
  margin:-72px auto 0!important;
  padding-bottom:120px!important;
}

#step-h8-bundle .quiz-step-title{
  margin:28px auto 18px!important;
  font-size:33px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

#step-h8-bundle .quiz-step-subtitle-italic{
  margin:0 auto 42px!important;
  font-size:20px!important;
  line-height:1.16!important;
}

#step-h8-bundle .quiz-choices-2col{
  grid-template-columns:repeat(2, 300px)!important;
  gap:14px!important;
}

#step-h8-bundle .quiz-choice-tile{
  width:300px!important;
  min-width:300px!important;
  max-width:300px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  font-size:21px!important;
}

#step-h8-bundle .quiz-step-partners-wrapper{
  margin-top:172px!important;
  margin-bottom:90px!important;
  padding-bottom:80px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h8-bundle{
    margin:-82px auto 0!important;
    padding-bottom:115px!important;
  }

  #step-h8-bundle .quiz-step-title{
    margin:24px auto 14px!important;
    font-size:31px!important;
  }

  #step-h8-bundle .quiz-step-subtitle-italic{
    margin:0 auto 34px!important;
    font-size:18px!important;
  }

  #step-h8-bundle .quiz-choices-2col{
    grid-template-columns:repeat(2, 285px)!important;
    gap:12px!important;
  }

  #step-h8-bundle .quiz-choice-tile{
    width:285px!important;
    min-width:285px!important;
    max-width:285px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    font-size:20px!important;
  }

  #step-h8-bundle .quiz-step-partners-wrapper{
    margin-top:140px!important;
    margin-bottom:100px!important;
    padding-bottom:90px!important;
  }
}

@media screen and (max-width:767px){
  #step-h8-bundle{
    margin:-18px auto 0!important;
    padding-bottom:28px!important;
  }

  #step-h8-bundle .quiz-step-title{
    white-space:normal!important;
    font-size:27px!important;
    margin:16px auto 12px!important;
  }

  #step-h8-bundle .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    width:100%!important;
    max-width:100%!important;
  }

  #step-h8-bundle .quiz-choice-tile{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
  }

  #step-h8-bundle .quiz-step-partners-wrapper{
    margin-top:34px!important;
    margin-bottom:20px!important;
    padding-bottom:20px!important;
  }
}

/* V263 ROOF AGE SAMPLE EXACT ONLY */
#step-h7-roofage{
  width:100%!important;
  max-width:980px!important;
  margin:-92px auto 0!important;
  padding:0 20px 10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h7-roofage .quiz-step-title{
  display:block!important;
  width:100%!important;
  max-width:760px!important;
  margin:12px auto 46px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

#step-h7-roofage .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, 282px)!important;
  gap:12px!important;
  width:max-content!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
}

#step-h7-roofage .quiz-choice-tile{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:282px!important;
  min-width:282px!important;
  max-width:282px!important;
  height:73px!important;
  min-height:73px!important;
  max-height:73px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid #d9dde4!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease!important;
  grid-column:auto!important;
}

#step-h7-roofage .quiz-choice-tile:hover{
  border-color:#bfc7d4!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  transform:translateY(-1px)!important;
}

/* 5th option centered like sample */
#step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(5){
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:288px!important;
  min-width:288px!important;
  max-width:288px!important;
  height:73px!important;
  min-height:73px!important;
  max-height:73px!important;
}

#step-h7-roofage .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:116px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h7-roofage .quiz-step-partners-title{
  display:block!important;
  margin:0 auto 28px!important;
  color:#06142f!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:center!important;
}

#step-h7-roofage .quiz-step-partners-title strong{
  font-weight:900!important;
}

#step-h7-roofage .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:58px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h7-roofage .quiz-step-partner-logo{
  display:block!important;
  width:auto!important;
  max-width:118px!important;
  max-height:40px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h7-roofage{
    margin:-102px auto 0!important;
  }

  #step-h7-roofage .quiz-step-title{
    margin:8px auto 38px!important;
    font-size:32px!important;
  }

  #step-h7-roofage .quiz-choices-2col{
    grid-template-columns:repeat(2, 282px)!important;
    gap:12px!important;
  }

  #step-h7-roofage .quiz-choice-tile,
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(5){
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    font-size:20px!important;
  }

  #step-h7-roofage .quiz-step-partners-wrapper{
    margin-top:86px!important;
  }

  #step-h7-roofage .quiz-step-partners-title{
    margin-bottom:24px!important;
  }

  #step-h7-roofage .quiz-step-partners-grid{
    gap:54px!important;
  }

  #step-h7-roofage .quiz-step-partner-logo{
    max-width:112px!important;
    max-height:38px!important;
  }
}

@media screen and (max-width:767px){
  #step-h7-roofage{
    max-width:100%!important;
    margin:-28px auto 0!important;
    padding:0 22px 16px!important;
  }

  #step-h7-roofage .quiz-step-title{
    white-space:normal!important;
    font-size:27px!important;
    line-height:1.12!important;
    margin:8px auto 24px!important;
    max-width:100%!important;
  }

  #step-h7-roofage .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
  }

  #step-h7-roofage .quiz-choice-tile{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    font-size:16px!important;
    line-height:1.1!important;
    border-radius:12px!important;
  }

  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(5){
    width:50%!important;
    min-width:160px!important;
    max-width:220px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
  }

  #step-h7-roofage .quiz-step-partners-wrapper{
    margin-top:34px!important;
  }

  #step-h7-roofage .quiz-step-partners-grid{
    gap:18px!important;
    flex-wrap:wrap!important;
  }

  #step-h7-roofage .quiz-step-partner-logo{
    max-width:86px!important;
    max-height:30px!important;
  }
}

/* V264 ROOF AGE EQUAL GRID COMPACT LOGOS */
#step-h7-roofage{
  margin:-92px auto 0!important;
  padding-bottom:8px!important;
}

/* heading untouched as requested */

#step-h7-roofage .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, 270px)!important;
  grid-auto-rows:62px!important;
  gap:10px 12px!important;
  width:max-content!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
}

#step-h7-roofage .quiz-choices-2col > .quiz-choice-tile{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin:0!important;
  padding:0 12px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  border:1px solid #d9dde4!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* first 4 equal boxes stay in 2x2 */
#step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(1),
#step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(2),
#step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(3),
#step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(4){
  grid-column:auto!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
}

/* 5th box centered below, not broken/full width */
#step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(5){
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin-top:0!important;
}

#step-h7-roofage .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:58px auto 0!important;
  padding:0!important;
  transform:translateY(-12px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h7-roofage .quiz-step-partners-title{
  margin:0 auto 20px!important;
  font-size:17px!important;
  line-height:1.2!important;
}

#step-h7-roofage .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:54px!important;
  flex-wrap:nowrap!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h7-roofage .quiz-step-partner-logo{
  max-width:112px!important;
  max-height:36px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h7-roofage{
    margin:-102px auto 0!important;
  }

  #step-h7-roofage .quiz-choices-2col{
    grid-template-columns:repeat(2, 260px)!important;
    grid-auto-rows:58px!important;
    gap:9px 11px!important;
  }

  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile,
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(1),
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(2),
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(3),
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(4),
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(5){
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    font-size:18px!important;
  }

  #step-h7-roofage .quiz-step-partners-wrapper{
    margin-top:42px!important;
    transform:translateY(-14px)!important;
  }

  #step-h7-roofage .quiz-step-partners-title{
    margin-bottom:16px!important;
  }

  #step-h7-roofage .quiz-step-partners-grid{
    gap:50px!important;
  }

  #step-h7-roofage .quiz-step-partner-logo{
    max-width:106px!important;
    max-height:34px!important;
  }
}

@media screen and (max-width:767px){
  #step-h7-roofage .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    grid-auto-rows:56px!important;
    width:100%!important;
    max-width:100%!important;
    gap:9px!important;
  }

  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile,
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(1),
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(2),
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(3),
  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(4){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    font-size:15px!important;
  }

  #step-h7-roofage .quiz-choices-2col > .quiz-choice-tile:nth-child(5){
    width:50%!important;
    min-width:150px!important;
    max-width:210px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    font-size:15px!important;
  }

  #step-h7-roofage .quiz-step-partners-wrapper{
    margin-top:28px!important;
    transform:none!important;
  }

  #step-h7-roofage .quiz-step-partners-grid{
    gap:18px!important;
    flex-wrap:wrap!important;
  }

  #step-h7-roofage .quiz-step-partner-logo{
    max-width:86px!important;
    max-height:30px!important;
  }
}

/* V265 ROOF TYPE SUBTITLE CROSS ICON ONLY */
#step-h6-rooftype .quiz-step-subtitle-italic{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:720px!important;
  margin:0 auto 42px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:left!important;
  white-space:nowrap!important;
}

#step-h6-rooftype .quiz-step-subtitle-italic::before{
  content:"✕"!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border:4px solid #ff7a00!important;
  border-radius:2px!important;
  color:#ff7a00!important;
  font-size:42px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:300!important;
  transform:rotate(0deg)!important;
  background:transparent!important;
}

#step-h6-rooftype .quiz-step-subtitle-italic strong{
  font-weight:900!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h6-rooftype .quiz-step-subtitle-italic{
    margin-bottom:34px!important;
    font-size:20px!important;
    gap:12px!important;
  }

  #step-h6-rooftype .quiz-step-subtitle-italic::before{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    font-size:38px!important;
    border-width:4px!important;
  }
}

@media screen and (max-width:767px){
  #step-h6-rooftype .quiz-step-subtitle-italic{
    white-space:normal!important;
    font-size:17px!important;
    gap:10px!important;
    margin-bottom:22px!important;
  }

  #step-h6-rooftype .quiz-step-subtitle-italic::before{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:30px!important;
    border-width:3px!important;
  }
}

/* V266 ROOF TYPE SAMPLE LAYOUT ONLY */
#step-h6-rooftype{
  width:100%!important;
  max-width:980px!important;
  margin:-94px auto 0!important;
  padding:0 20px 8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h6-rooftype .quiz-step-title{
  display:block!important;
  width:100%!important;
  max-width:760px!important;
  margin:10px auto 18px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#step-h6-rooftype .quiz-step-subtitle-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:720px!important;
  margin:0 auto 42px!important;
  padding:0!important;
  color:#06142f!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-style:italic!important;
  font-weight:400!important;
  text-align:left!important;
  white-space:nowrap!important;
}

#step-h6-rooftype .quiz-step-subtitle-icon::before{
  content:"✕"!important;
  display:none!important;
}

#step-h6-rooftype .quiz-step-subtitle-icon span{
  display:inline!important;
  font-style:italic!important;
}

#step-h6-rooftype .quiz-step-subtitle-icon strong{
  font-weight:900!important;
}

#step-h6-rooftype .quiz-choices-2col{
  display:grid!important;
  grid-template-columns:repeat(2, 330px)!important;
  grid-auto-rows:168px!important;
  gap:12px!important;
  width:max-content!important;
  max-width:none!important;
  margin:0 auto 12px!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
}

#step-h6-rooftype .quiz-choices-2col > .quiz-choice-tile{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  width:330px!important;
  min-width:330px!important;
  max-width:330px!important;
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
  margin:0!important;
  padding:22px 18px 18px!important;
  border:1px solid #d9dde4!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#06142f!important;
  box-shadow:none!important;
  text-align:center!important;
  overflow:hidden!important;
  cursor:pointer!important;
  grid-column:auto!important;
}

#step-h6-rooftype .quiz-choice-tile img{
  order:1!important;
  display:block!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  min-height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  object-fit:cover!important;
  border-radius:999px!important;
  margin:0 auto!important;
  padding:0!important;
  background:#eef2f7!important;
  box-shadow:0 1px 4px rgba(15,23,42,.18)!important;
}

#step-h6-rooftype .quiz-choice-tile span{
  order:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#06142f!important;
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:500!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#step-h6-rooftype .quiz-fullwidth-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:674px!important;
  min-width:674px!important;
  max-width:674px!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  margin:12px auto 0!important;
  padding:0 20px!important;
  border:1px solid #d9dde4!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#06142f!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

#step-h6-rooftype .quiz-step-partners-wrapper{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:900px!important;
  margin:56px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
}

#step-h6-rooftype .quiz-step-partners-title{
  margin:0 auto 20px!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-style:italic!important;
}

#step-h6-rooftype .quiz-step-partners-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:54px!important;
  flex-wrap:nowrap!important;
  margin:0 auto!important;
  padding:0!important;
}

#step-h6-rooftype .quiz-step-partner-logo{
  max-width:112px!important;
  max-height:36px!important;
  object-fit:contain!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h6-rooftype{
    margin:-104px auto 0!important;
  }

  #step-h6-rooftype .quiz-step-title{
    margin:6px auto 14px!important;
    font-size:32px!important;
  }

  #step-h6-rooftype .quiz-step-subtitle-icon{
    margin-bottom:32px!important;
    font-size:20px!important;
  }

  #step-h6-rooftype .quiz-choices-2col{
    grid-template-columns:repeat(2, 315px)!important;
    grid-auto-rows:148px!important;
  }

  #step-h6-rooftype .quiz-choices-2col > .quiz-choice-tile{
    width:315px!important;
    min-width:315px!important;
    max-width:315px!important;
    height:148px!important;
    min-height:148px!important;
    max-height:148px!important;
    padding:18px 16px 14px!important;
    gap:14px!important;
  }

  #step-h6-rooftype .quiz-choice-tile img{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
    max-width:66px!important;
    max-height:66px!important;
  }

  #step-h6-rooftype .quiz-choice-tile span{
    font-size:20px!important;
  }

  #step-h6-rooftype .quiz-fullwidth-btn{
    width:642px!important;
    min-width:642px!important;
    max-width:642px!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    font-size:20px!important;
  }

  #step-h6-rooftype .quiz-step-partners-wrapper{
    margin-top:38px!important;
  }
}

@media screen and (max-width:767px){
  #step-h6-rooftype{
    max-width:100%!important;
    margin:-28px auto 0!important;
    padding:0 22px 16px!important;
  }

  #step-h6-rooftype .quiz-step-title{
    white-space:normal!important;
    font-size:27px!important;
    line-height:1.12!important;
    margin:8px auto 12px!important;
  }

  #step-h6-rooftype .quiz-step-subtitle-icon{
    white-space:normal!important;
    font-size:17px!important;
    margin-bottom:22px!important;
  }

  #step-h6-rooftype .quiz-choices-2col{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    width:100%!important;
    max-width:100%!important;
    grid-auto-rows:112px!important;
    gap:10px!important;
  }

  #step-h6-rooftype .quiz-choices-2col > .quiz-choice-tile{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    padding:12px 8px!important;
    gap:8px!important;
  }

  #step-h6-rooftype .quiz-choice-tile img{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
  }

  #step-h6-rooftype .quiz-choice-tile span{
    font-size:15px!important;
    white-space:normal!important;
  }

  #step-h6-rooftype .quiz-fullwidth-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    font-size:17px!important;
  }

  #step-h6-rooftype .quiz-step-partners-wrapper{
    margin-top:30px!important;
  }

  #step-h6-rooftype .quiz-step-partners-grid{
    gap:18px!important;
    flex-wrap:wrap!important;
  }

  #step-h6-rooftype .quiz-step-partner-logo{
    max-width:86px!important;
    max-height:30px!important;
  }
}

/* V268 ROOF TYPE TOP SPACE ONLY */
#step-h6-rooftype{
  margin-top:-52px!important;
}

@media screen and (max-height:820px) and (min-width:768px){
  #step-h6-rooftype{
    margin-top:-62px!important;
  }
}

@media screen and (max-width:767px){
  #step-h6-rooftype{
    margin-top:-10px!important;
  }
}

/* V269 MOBILE ROOF FIX START */

@media screen and (max-width:767px) {
  /* Move complete roof-age content below progress bar */
  #step-h7-roofage {
    width:100%!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    padding-top:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  /* Keep heading safely below progress bar */
  #step-h7-roofage .quiz-step-title,
  #step-h7-roofage > .quiz-step-title {
    position:relative!important;
    top:auto!important;
    transform:none!important;
    margin:0 auto 26px!important;
    padding-top:0!important;
    line-height:1.12!important;
    z-index:2!important;
  }
}

/* V269 MOBILE ROOF FIX END */
/* V270 MOBILE CREDIT SINGLE ROWS START */

@media screen and (max-width:767px) {
  /* Four credit options: one option per row */
  #step-h10-credit .quiz-choices-2col {
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 10px!important;
  }

  /* Compact horizontal card */
  #step-h10-credit .quiz-choices-2col > .quiz-choice-tile {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    grid-column:1!important;
    grid-row:auto!important;
    text-align:left!important;
  }

  /* Icon on the left */
  #step-h10-credit .quiz-choice-tile img,
  #step-h10-credit .quiz-choice-tile svg,
  #step-h10-credit .quiz-choice-tile i {
    order:1!important;
    width:44px!important;
    height:30px!important;
    min-width:44px!important;
    max-width:44px!important;
    max-height:30px!important;
    margin:0!important;
    object-fit:contain!important;
    flex:0 0 44px!important;
  }

  /* Text on the right */
  #step-h10-credit .quiz-choice-tile span {
    order:2!important;
    width:auto!important;
    margin:0!important;
    font-size:17px!important;
    line-height:1.1!important;
    font-weight:500!important;
    text-align:left!important;
    white-space:nowrap!important;
  }

  /* I Don't Know remains full width */
  #step-h10-credit .quiz-fullwidth-btn {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:10px auto 0!important;
  }
}

/* V270 MOBILE CREDIT SINGLE ROWS END */
/* V271 SQFT DESKTOP SAMPLE START */

@media screen and (min-width:768px) {
  #step-h5-sqft {
    width:100%!important;
    max-width:980px!important;
    margin:-96px auto 0!important;
    padding:0 20px 12px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }

  #step-h5-sqft .quiz-step-title {
    max-width:760px!important;
    margin:8px auto 26px!important;
    padding:0!important;
    font-size:34px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:-0.35px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  #step-h5-sqft .quiz-step-subtitle-italic {
    max-width:700px!important;
    margin:0 auto 48px!important;
    padding:0!important;
    font-size:23px!important;
    line-height:1.18!important;
    font-weight:400!important;
    font-style:italic!important;
    text-align:center!important;
    transform:none!important;
  }

  #step-h5-sqft .quiz-choices-2col {
    display:grid!important;
    grid-template-columns:repeat(2,282px)!important;
    gap:12px!important;
    width:max-content!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
    justify-content:center!important;
    align-items:stretch!important;
    transform:none!important;
  }

  #step-h5-sqft .quiz-choices-2col > .quiz-choice-tile {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:282px!important;
    min-width:282px!important;
    max-width:282px!important;
    height:73px!important;
    min-height:73px!important;
    max-height:73px!important;
    margin:0!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
    border-radius:15px!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:500!important;
    text-align:center!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }

  #step-h5-sqft .quiz-fullwidth-btn {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:288px!important;
    min-width:288px!important;
    max-width:288px!important;
    height:73px!important;
    min-height:73px!important;
    max-height:73px!important;
    margin:12px auto 0!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
    border-radius:15px!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:500!important;
    text-align:center!important;
    transform:none!important;
  }
}

/* V271 SQFT DESKTOP SAMPLE END */
/* V272 SQFT DESKTOP FIT SCREEN START */

@media screen and (min-width:768px) {
  #step-h5-sqft .quiz-step-subtitle-italic {
    margin-bottom:30px!important;
  }

  #step-h5-sqft .quiz-choices-2col {
    gap:8px 12px!important;
  }

  #step-h5-sqft .quiz-choices-2col > .quiz-choice-tile,
  #step-h5-sqft .quiz-choices-2col > button.quiz-choice-tile {
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    font-size:18px!important;
    line-height:1!important;
  }

  #step-h5-sqft .quiz-fullwidth-btn,
  #step-h5-sqft > button.quiz-choice-tile:last-child {
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin-top:8px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    font-size:18px!important;
    line-height:1!important;
  }
}

/* V272 SQFT DESKTOP FIT SCREEN END */
/* V273 YEAR-BUILT DESKTOP SAMPLE START */

@media screen and (min-width:768px) {
  #step-h4-yearbuilt {
    width:100%!important;
    max-width:980px!important;
    margin:-96px auto 0!important;
    padding:0 20px 12px!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }

  #step-h4-yearbuilt .quiz-step-title {
    max-width:760px!important;
    margin:8px auto 26px!important;
    padding:0!important;
    font-size:34px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:-0.35px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  #step-h4-yearbuilt .quiz-step-subtitle-italic {
    max-width:700px!important;
    margin:0 auto 48px!important;
    padding:0!important;
    font-size:23px!important;
    line-height:1.18!important;
    font-style:italic!important;
    font-weight:400!important;
    text-align:center!important;
    transform:none!important;
  }

  #step-h4-yearbuilt .quiz-choices-2col {
    display:grid!important;
    grid-template-columns:repeat(2,282px)!important;
    gap:12px!important;
    width:max-content!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
    justify-content:center!important;
    align-items:stretch!important;
    transform:none!important;
  }

  #step-h4-yearbuilt .quiz-choices-2col > .quiz-choice-tile,
  #step-h4-yearbuilt .quiz-choices-2col > button.quiz-choice-tile {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:282px!important;
    min-width:282px!important;
    max-width:282px!important;
    height:73px!important;
    min-height:73px!important;
    max-height:73px!important;
    margin:0!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
    border-radius:15px!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:500!important;
    text-align:center!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }

  #step-h4-yearbuilt .quiz-step-partners-wrapper {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:900px!important;
    margin:105px auto 0!important;
    padding:0!important;
    text-align:center!important;
    transform:none!important;
  }

  #step-h4-yearbuilt .quiz-step-partners-title {
    margin:0 auto 26px!important;
    padding:0!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-style:italic!important;
    font-weight:400!important;
    text-align:center!important;
  }

  #step-h4-yearbuilt .quiz-step-partners-title strong {
    font-weight:900!important;
  }

  #step-h4-yearbuilt .quiz-step-partners-grid {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:54px!important;
    flex-wrap:nowrap!important;
    margin:0 auto!important;
    padding:0!important;
  }

  #step-h4-yearbuilt .quiz-step-partner-logo {
    display:block!important;
    width:auto!important;
    max-width:112px!important;
    max-height:38px!important;
    object-fit:contain!important;
  }
}

/* V273 YEAR-BUILT DESKTOP SAMPLE END */
/* V274 YEAR-BUILT COMPACT SAME FONT START */

@media screen and (min-width:768px) {
  /* Same typography as square-footage step */
  #step-h4-yearbuilt .quiz-step-title {
    font-size:34px!important;
    line-height:1.1!important;
  }

  #step-h4-yearbuilt .quiz-step-subtitle-italic {
    margin-bottom:30px!important;
    font-size:23px!important;
    line-height:1.18!important;
  }

  /* Smaller boxes */
  #step-h4-yearbuilt .quiz-choices-2col {
    grid-template-columns:repeat(2,282px)!important;
    gap:8px 12px!important;
  }

  #step-h4-yearbuilt .quiz-choices-2col > .quiz-choice-tile,
  #step-h4-yearbuilt .quiz-choices-2col > button.quiz-choice-tile {
    width:282px!important;
    min-width:282px!important;
    max-width:282px!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:500!important;
  }
}

/* V274 YEAR-BUILT COMPACT SAME FONT END */
/* V275 PROPERTY TYPE DESKTOP UP AND SMALL TEXT START */

@media screen and (min-width:768px) {
  /* Move heading and complete form upward together */
  #step-h3-proptype {
    margin:-82px auto 0!important;
  }

  /* Keep typography consistent with other steps */
  #step-h3-proptype .quiz-step-title {
    font-size:34px!important;
    line-height:1.1!important;
  }

  #step-h3-proptype .quiz-step-subtitle-italic {
    font-size:23px!important;
    line-height:1.18!important;
  }

  /* No icon beside heading/subtitle */
  #step-h3-proptype .quiz-step-subtitle-italic::before,
  #step-h3-proptype .quiz-step-subtitle-italic::after,
  #step-h3-proptype .quiz-step-subtitle-italic img,
  #step-h3-proptype .quiz-step-subtitle-italic svg,
  #step-h3-proptype .quiz-step-subtitle-italic i {
    content:none!important;
    display:none!important;
  }

  /* Only reduce card text—card icons remain unchanged */
  #step-h3-proptype .quiz-choice-tile {
    font-size:18px!important;
  }

  #step-h3-proptype .quiz-choice-tile span {
    font-size:18px!important;
    line-height:1.1!important;
    font-weight:500!important;
  }

  #step-h3-proptype .quiz-fullwidth-btn {
    font-size:18px!important;
    line-height:1!important;
    font-weight:500!important;
  }
}

/* V275 PROPERTY TYPE DESKTOP UP AND SMALL TEXT END */
/* V276 PROVIDER DESKTOP CONTENT UP ONLY START */

@media screen and (min-width:768px) {
  #step-h2-provider {
    transform:translateY(-52px)!important;
  }
}

/* V276 PROVIDER DESKTOP CONTENT UP ONLY END */
/* V277 PROVIDER HEADING BOLD ONLY START */

@media screen and (min-width:768px) {
  #step-h2-provider .quiz-step-title,
  #step-h2-provider > .quiz-step-title {
    font-weight:900!important;
  }
}

/* V277 PROVIDER HEADING BOLD ONLY END */
/* V280 PROVIDER EXACT START */

@media screen and (min-width:768px) {
  /* Heading sample position and standard font */
  #step-h2-provider .provider-heading-final {
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:34px!important;
    line-height:1.1!important;
    font-weight:900!important;
    text-align:center!important;
    transform:translateY(-38px)!important;
  }

  #step-h2-provider .provider-heading-final span {
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:900!important;
  }

  /* Subtitle text visible, but no icon */
  #step-h2-provider .quiz-step-subtitle-icon {
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    background:none!important;
    background-image:none!important;
    font-size:23px!important;
    line-height:1.18!important;
    font-style:italic!important;
    font-weight:400!important;
    text-align:center!important;
    transform:translateY(-12px)!important;
  }

  #step-h2-provider .quiz-step-subtitle-icon::before,
  #step-h2-provider .quiz-step-subtitle-icon::after {
    content:none!important;
    display:none!important;
    background:none!important;
    background-image:none!important;
  }

  #step-h2-provider .quiz-step-subtitle-icon span {
    font-size:23px!important;
    line-height:1.18!important;
    font-style:italic!important;
    font-weight:400!important;
  }

  #step-h2-provider .quiz-step-subtitle-icon strong {
    font-weight:900!important;
  }

  /* Exact two-column provider grid */
  #step-h2-provider .quiz-choices-2col {
    display:grid!important;
    grid-template-columns:repeat(2,282px)!important;
    gap:10px 12px!important;
    width:max-content!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    justify-content:center!important;
    align-items:stretch!important;
    transform:none!important;
  }

  /* Exact provider-card size */
  #step-h2-provider .quiz-choices-2col > .quiz-logo-tile {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:282px!important;
    min-width:282px!important;
    max-width:282px!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    margin:0!important;
    padding:8px 16px!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }

  /* Compact centered company logos */
  #step-h2-provider .quiz-logo-tile img {
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:145px!important;
    max-height:42px!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }

  /* Bottom provider buttons */
  #step-h2-provider .quiz-fullwidth-btn {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:576px!important;
    min-width:576px!important;
    max-width:576px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    margin:10px auto 0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:500!important;
    text-align:center!important;
  }
}

/* V280 PROVIDER EXACT END */
/* V281 PROVIDER TEXT ONLY START */

@media screen and (min-width:768px) {
  /* Heading mostly one line */
  #step-h2-provider .provider-heading-final {
    width:100%!important;
    max-width:1000px!important;
    font-size:32px!important;
    line-height:1.1!important;
    white-space:normal!important;
  }

  #step-h2-provider .provider-heading-final span {
    display:inline!important;
    font-size:inherit!important;
    line-height:inherit!important;
    white-space:normal!important;
  }

  #step-h2-provider .provider-heading-final span + span::before {
    content:" "!important;
  }

  /* Smaller description text */
  #step-h2-provider .quiz-step-subtitle-icon,
  #step-h2-provider .quiz-step-subtitle-icon span {
    font-size:20px!important;
    line-height:1.16!important;
  }
}

/* V281 PROVIDER TEXT ONLY END */
/* V282 PROVIDER HEADING SLIGHTLY DOWN START */

@media screen and (min-width:768px) {
  #step-h2-provider .provider-heading-final {
    transform:translateY(-10px)!important;
  }
}

/* V282 PROVIDER HEADING SLIGHTLY DOWN END */
/* V283 STEP1 SAMPLE START */

@media screen and (min-width:768px) {
  /* Move complete Step 1 content upward */
  #step-1 {
    width:100%!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:translateY(-70px)!important;
    text-align:center!important;
  }

  /* Standard heading typography */
  #step-1 .quiz-step-title {
    width:100%!important;
    max-width:900px!important;
    margin:0 auto 50px!important;
    padding:0!important;
    font-size:34px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:-0.35px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  /* Homeowner and Renter cards */
  #step-1 div:has(> svg):has(> span) {
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    padding:18px!important;
    box-sizing:border-box!important;
    border-radius:15px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* Card icons */
  #step-1 div:has(> svg):has(> span) > svg {
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    margin:0 auto 12px!important;
  }

  /* Card text */
  #step-1 div:has(> svg):has(> span) > span {
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:20px!important;
    line-height:1.1!important;
    font-weight:600!important;
    text-align:center!important;
  }

  /* Partner section sample spacing */
  #step-1 .quiz-step-partners-wrapper {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:980px!important;
    margin:105px auto 0!important;
    padding:0!important;
    text-align:center!important;
  }

  #step-1 .quiz-step-partners-title {
    margin:0 auto 34px!important;
    padding:0!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-style:italic!important;
    font-weight:400!important;
    text-align:center!important;
  }

  #step-1 .quiz-step-partners-title strong {
    font-weight:900!important;
  }

  #step-1 .quiz-step-partners-grid {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:62px!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
  }

  #step-1 .quiz-step-partner-logo {
    display:block!important;
    width:auto!important;
    max-width:112px!important;
    max-height:40px!important;
    object-fit:contain!important;
  }
}

/* V283 STEP1 SAMPLE END */
/* V285 STEP1 EXACT CENTER START */

@media screen and (min-width:768px) {
  /* Exact centered wrapper */
  #step-1 > .quiz-choices-2col {
    display:grid!important;
    grid-template-columns:repeat(2,330px)!important;
    gap:16px!important;
    width:676px!important;
    min-width:676px!important;
    max-width:676px!important;
    margin:2rem auto 0!important;
    padding:0!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    justify-content:center!important;
    align-items:stretch!important;
  }

  /* Equal sample-size cards */
  #step-1 > .quiz-choices-2col > .quiz-choice-tile {
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    margin:0!important;
    box-sizing:border-box!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
}

/* V285 STEP1 EXACT CENTER END */
/* V287 PROFESSIONAL MOBILE HEADINGS START */

@media screen and (max-width:767px) {
  .quiz-step .quiz-step-title,
  .quiz-step .quiz-step-title span,
  .quiz-step .quiz-step-title strong {
    font-size:26px!important;
    line-height:1.15!important;
    font-weight:700!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V287 PROFESSIONAL MOBILE HEADINGS END */
/* V289 PROVIDER HEADING CONSTRAINED START */

@media screen and (min-width:768px) {
  #step-h2-provider .provider-heading-final {
    display:block!important;
    width:1100px!important;
    min-width:0!important;
    max-width:calc(100vw - 120px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    font-size:28px!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:-0.7px!important;
    word-spacing:normal!important;
    white-space:nowrap!important;
    text-align:center!important;
    text-align-last:center!important;
  }

  #step-h2-provider .provider-heading-final span {
    display:inline!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
    word-spacing:normal!important;
    white-space:nowrap!important;
  }

  #step-h2-provider .provider-heading-final span + span::before {
    content:" "!important;
  }
}

/* V289 PROVIDER HEADING CONSTRAINED END */
/* V289 PROVIDER HEADING CONSTRAINED START */

@media screen and (min-width:768px) {
  #step-h2-provider .provider-heading-final {
    display:block!important;
    width:1100px!important;
    min-width:0!important;
    max-width:calc(100vw - 120px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    font-size:28px!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:-0.7px!important;
    word-spacing:normal!important;
    white-space:nowrap!important;
    text-align:center!important;
    text-align-last:center!important;
  }

  #step-h2-provider .provider-heading-final span {
    display:inline!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
    word-spacing:normal!important;
    white-space:nowrap!important;
  }

  #step-h2-provider .provider-heading-final span + span::before {
    content:" "!important;
  }
}

/* V[200~letter-spacing:inherit!important;
    word-spacing:normal!important;
    white-space:nowrap!important;
  }

  #step-h2-provider .provider-heading-final span + span::before {
    content:" "!important;
  }
}

/* V289 PROVIDER HEADING CONSTRAINED END */
/* V290 H9 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h9-start > .quiz-step-title,
  #step-h9-start > .quiz-step-title span,
  #step-h9-start > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V290 H9 MOBILE HEADING END */
/* V291 H6 MOBILE HEADING AND FORM START */

@media screen and (max-width:767px) {
  /* Move heading and complete form upward */
  #step-h6-rooftype {
    transform:translateY(-30px)!important;
  }

  /* Smaller, lighter heading */
  #step-h6-rooftype > .quiz-step-title,
  #step-h6-rooftype > .quiz-step-title span,
  #step-h6-rooftype > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V291 H6 MOBILE HEADING AND FORM END */
/* V292 H7 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h7-roofage > .quiz-step-title,
  #step-h7-roofage > .quiz-step-title span,
  #step-h7-roofage > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V292 H7 MOBILE HEADING END */
/* V293 H8 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h8-bundle > .quiz-step-title,
  #step-h8-bundle > .quiz-step-title span,
  #step-h8-bundle > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V293 H8 MOBILE HEADING END */
/* V294 H10 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h10-credit > .quiz-step-title,
  #step-h10-credit > .quiz-step-title span,
  #step-h10-credit > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V294 H10 MOBILE HEADING END */
/* V295 H11 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h11-discounts > .quiz-step-title,
  #step-h11-discounts > .quiz-step-title span,
  #step-h11-discounts > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V295 H11 MOBILE HEADING END */
/* V296 H12 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h12-dobname > .quiz-step-title,
  #step-h12-dobname > .quiz-step-title span,
  #step-h12-dobname > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V296 H12 MOBILE HEADING END */
/* V296 H12 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h12-dobname > .quiz-step-title,
  #step-h12-dobname > .quiz-step-title span,
  #step-h12-dobname > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V296 H12 MOBILE HEADING END */
/* V297 H13 MOBILE HEADING START */

@media screen and (max-width:767px) {
  #step-h13-email > .quiz-step-title,
  #step-h13-email > .quiz-step-title span,
  #step-h13-email > .quiz-step-title strong {
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    text-align:center!important;
  }
}

/* V297 H13 MOBILE HEADING END */
/* V298 H7-H8 MOBILE START */

@media screen and (max-width:767px) {
  /* Roof-age heading and form upward */
  #step-h7-roofage {
    transform:translateY(-40px)!important;
  }

  /* Bundle heading, subtitle and form upward */
  #step-h8-bundle {
    transform:translateY(-30px)!important;
  }

  /* Smaller, non-bold Yes/No text */
  #step-h8-bundle > .quiz-choices-2col > .quiz-choice-tile,
  #step-h8-bundle > .quiz-choices-2col > .quiz-choice-tile span {
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:400!important;
  }
}

/* V298 H7-H8 MOBILE END */


/* V413 SAFE DESKTOP FORM POSITION + RESULT BRAND POLISH */
@media screen and (min-width:1025px) {
  #step-h6-rooftype,#step-h8-bundle,#step-h10-credit,#step-h13-email,#step-h14-final {transform:translateY(-34px)!important}
  #step-h13-email .quiz-field-label {font-weight:600!important}
  #step-h14-final input[type="tel"]::placeholder,#step-r6-final input[type="tel"]::placeholder {letter-spacing:.2px!important;color:#64748b!important;opacity:1!important}
  #step-result-allstate .web-result-panel-head h2 .dynamic-user-first-name,#step-result-progressive .web-result-panel-head h2 .dynamic-user-first-name {font:inherit!important;color:inherit!important}
}
/* V413 END */



/* V415 MOBILE RENTER CREDIT SINGLE-COLUMN ONLY */
@media screen and (max-width:767px) {
  #step-r2-credit > .quiz-choices-2col {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #step-r2-credit > .quiz-choices-2col > .quiz-choice-tile {
    display:flex!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
  }

  #step-r2-credit > .quiz-choices-2col > .quiz-choice-tile:nth-child(n) {
    grid-column:1!important;
    grid-row:auto!important;
  }
}
/* V415 MOBILE RENTER CREDIT END */