#post-quote-flow .pq-step {
  display: none;
}
#post-quote-flow .pq-step.active {
  display: block;
}
/* --- Track --- */
.quote-progress,
.gradient-bar {
  width: 100%;
  height: 16px; /* ≈ the height in your screenshot  */
  background: #fff; /* white interior */ /* blue outline */
  border-radius: 9999px; /* full pill */
  overflow: hidden; /* hide fill overflow */
}

/* --- Fill --- */
.quote-fill,
.gradient-fill {
  display: block;
  height: 100%;
  width: 0; /* JS will expand this  */
  background: linear-gradient(90deg, #303240 0%, #209ec3 100%);
  border-radius: inherit; /* keep rounded end while animating */
  transition: width 0.4s ease; /* smooth animation */
}

.progress-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2em;
}

.progress-steps .step {
  width: 55px;
  height: 55px;
  border: 1px solid #2ca6c8;
  border-radius: 50%;
  background-color: #fff;
  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.progress-steps .step:not(.active) span {
  background: #2ca6c8;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.progress-steps .step.completed {
  background-color: #f6921e;
  border-color: #000000;
  color: white;
  outline: 1px solid #f6921e;
  border: 3px solid white;
}

.progress-steps .step.active {
  background-color: white;
  border: 8px solid #2ca6c8;
  color: #2ca6c8;
  font-weight: bold;
}

.progress-steps .line {
  height: 1px;
  width: 40px;
  background: #ccc;
  z-index: 0;
}
section.quote-froms {
  margin: 0;
  padding: 5em;
}

.progress-steps .line.active {
  background-color: #007bff;
}
button.next-btn,
button.back-btn,
button.apply-btn,
button#restart-form,
button.submit-btn,
button#confirm-policy-btn,
button.next-btn:focus-visible,
button.back-btn:focus-visible,
button.apply-btn:focus-visible,
button#restart-form:focus-visible,
button.submit-btn:focus-visible,
button#confirm-policy-btn:focus-visible,
a.btn.btn-primary, a.btn.btn-primary:hover {
  background: linear-gradient(90deg, #ff0080, #ec8f21 100%);
  color: white;
  padding: 20px 48px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  transition: opacity 0.3s ease;
  border: none;
  font-family: "lato", sans-serif;
}
:not(.btn-check) + .btn:active, a.btn.btn-primary, a.btn.btn-primary:hover {
  background: linear-gradient(90deg, #ff0080, #ec8f21 100%);
  color: white;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  transition: opacity 0.3s ease;
  border: none;
  font-family: "lato", sans-serif;
}
button.back-btn {
  color: red;
  background: transparent;
  box-shadow: none;
}
button.apply-btn:hover,
button#restart-form:hover,
button.submit-btn:hover,
button#confirm-policy-btn:hover {
  color: white;
  background: linear-gradient(90deg, #ff0080, #ec8f21 100%);
  background-blend-mode: overlay;
  border: none;
  opacity: 1 !important;
}
.progress-steps .step.completed span.checkmark {
  background: #f6921e;
}
button#conf_fetch_address {
    background: linear-gradient(270deg, #0a7eb0 0%, #4a4a5e 100%);
    border: none;
    box-shadow: none;
    color: #fff !important;
    text-decoration: none;
    padding: 0;
    font-size: 16px;
    font-family: "Lato";
    font-weight: 700;
    padding: 8px 10px;
    border-radius: 4px;
}
.btn-primary:hover,
.btn-primary:focus {
  opacity: 1 !important;
}

/* bullets */

/* right column box */
.cta-box {
  border-radius: 12px;
  background: #f5fbfe;
}
@media (min-width: 992px) {
  #quote-sidebar {
    position: sticky;
    top: 1rem;
    height: max-content;
    border: 1px solid #e6e9f0;
    border-radius: 8px;
    padding: 1.25rem;
    background: #fcfdff;
  }
}
.pq-sidebar {
  width: 240px;
}
@media (min-width: 992px) {
  #post-quote-flow {
    /* flex row on desktop */
    display: flex;
    gap: 2rem;
  }
  .pq-steps {
    width: 100%;
  } /* form column stretches */
}
small#dob-error {
  bottom: -7em;
  min-width: 20em;
}
button.back-btn {
  position: relative;
  background: transparent; /* Ya jo bhi background ho */
  color: #ff0080;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  z-index: 1;
}

button.back-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(45deg, #ff0080, #ec8f21);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 8px;
  z-index: -1;
}
button.back-btn:hover {
  background: transparent;
  color: #ff0080 !important;
}
button.next-btn:hover {
  background: linear-gradient(90deg, #ff0080, #ec8f21 100%);
  color: white;
}
.form-check {
  padding: 12px !important;
  border: 1px solid #cccccc;
  border-radius: 6px;
  margin-bottom: 1em;
  transition: all 0.1s ease-in-out;
}
input.form-check-input[type="radio"] {
  border: 2px solid #ccc;
  padding: 12px;
  margin-left: 0px;
  margin-right: 15px;
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg fill="%23EC8F21" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg"><path d="M1827.701 303.065 698.835 1431.801 92.299 825.266 0 917.564 698.835 1616.4 1919.869 395.234z" fill-rule="evenodd"/></svg>') !important;
}
input.form-check-input[type="radio"]:checked {
  background-color: transparent;
  border: 3px solid #ec8f21;
}
.form-check:has(input.form-check-input[type="radio"]:checked) {
  border: 3px solid #ec8f21 !important;
  border-radius: 6px;
  padding: 12px;
  position: relative;
  transition: all 0.1s ease-in-out;
}
.form-check:has(input.form-check-input[type="radio"]:checked)::before {
  content: "";
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #000;
  left: 0;
  border-radius: 3px;
  top: 0;
}

.quote-card.mb-4 {
  padding: 30px;
  background: #fff;
  box-shadow: 1px 1px 1px 1px #efefef;
  border-radius: 5px;
  border-bottom: 3px solid #ec8f21;
  padding-bottom: 0;
}
button.btn.btn-outline-secondary,
.btn.btn-outline-primary {
  color: #fff;
}
a.toggle-details {
  color: #06627c;
}
span.price-tag {
  color: #ff0080;
  font-weight: 600;
  font-size: 22px;
}
.pq-sidebar {
  max-width: 240px;
  width: 100%;
}
form#pq-form {
  width: 100%;
}
p.small.mb-0.text-muted {
  color: #ff0080 !important;
  font-weight: 600;
}
.card.shadow-sm.mb-4 p.mb-3 {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
}
select#conf_title {
  padding-top: 8px !important;
}
form#pq-form .form-select {
  padding-top: 6px !important;
}
button.btn.btn-primary.pq-next,
button.btn.btn-secondary.pq-back {
  color: white;
  background: linear-gradient(270deg, #0a7eb0 0%, #4a4a5e 100%),
    linear-gradient(270deg, #e9973d 0%, #ed1059 100%);
  background-blend-mode: overlay;
  border: none;
}
form#pq-form {
  background: #fff !important;
}
.btn.btn-outline-warning.btn-sm {
  border-color: #ec8f21;
  color: #ec8f21 !important;
  font-size: 12px;
  border-radius: 20px;
  font-weight: 600;
}
.btn.btn-outline-warning.btn-sm:hover {
  background: transparent;
  color: #ec8f21;
}

button.btn.btn-outline-secondary,
button#sb-change,
.btn.btn-success {
  background: linear-gradient(270deg, #0a7eb0 0%, #4a4a5e 100%);
}
button.btn.btn-outline-secondary:hover,
button#sb-change:hover,
.btn.btn-success:hover {
  background: linear-gradient(270deg, #0a7eb0 0%, #4a4a5e 100%);
}
button.swal2-confirm.swal2-styled,
button.swal2-confirm.swal2-styled:hover {
  background: linear-gradient(270deg, #0a7eb0 0%, #4a4a5e 100%),
    linear-gradient(270deg, #e9973d 0%, #ed1059 100%);
  background-blend-mode: overlay;
  border: none;
  color: #fff;
}
div#eligibility-questions-container .mb-3 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div#eligibility-questions-container .form-check {
  width: 47%;
  margin-right: 1em;
}
div#eligibility-questions-container .mb-3 i {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
label.form-label ul {
  margin: 0;
}
div#eligibility-questions-container label.form-label {
  width: 100%;
}
.col-sm-12.dob-field {
  max-width: 53%;
}
.modal-body p {
  font-size: 16px;
  color: #4e4f59;
  text-align: left;
  font-family: "Lato";
  font-weight: 400;
}

.modal-content.border-0.rounded-3.p-3 {
  max-width: 65%;
  left: 25%;
}
.custom-close-btn {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: #000; /* Change to your theme color */
  position: relative;
  z-index: 10;
}

.custom-close-btn:hover {
  background: transparent;
  color: #000;
}

button.custom-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
button.custom-close-btn:hover {
  background: #c9c9c9;
  color: #000;
}
.currency-input {
  position: relative;
  display: inline-block;
  width: 100%;
}

.currency-symbol {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #555;
  font-size: 1rem;
  pointer-events: none;
}
.currency-symbol {
  left: 0.9em;
  color: #000000;
  font-weight: 600;
}
ul.list-unstyled.mb-3 .ok,
ul.list-unstyled.small .no {
  color: #383838;
  font-weight: 500;
  font-family: "lato";
  font-size: 15px;
  margin-bottom: 10px;
}
ul.list-unstyled.mb-3,
.list-unstyled {
  margin: 0;
}
p.small a {
  color: #ff0080;
  font-weight: 600;
  text-decoration: none;
  text-transform: capitalize;
}
.border.rounded.p-3.bg-light ul.mb-0 {
  margin: 0;
}
.border.rounded.p-3.bg-light li {
  color: #757575;
}
.step-pq.pq2 .form-check-box.my-3 {
  border: 1px solid #cccccc;
  padding: 10px;
  border-radius: 5px;
}
input#declaration_chk {
  margin-top: 0.55em;
}
label.form-check-label {
  color: #4e4f59;
  font-size: 16px;
  font-family: "lato";
}
.form-check.form-check-inline {
  width: 47%;
}
select#sb-cover-select {
  line-height: 1;
}
ul.list-unstyled.mb-3,
ul.list-unstyled.small {
  margin-left: 0;
}

ul.list-unstyled.mb-3 li.ok {
  color: #383838;
}
.ok::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25' y='1.27197' width='13.5' height='13.5' rx='6.75' fill='white' stroke='%2300D300' stroke-width='1.5'/%3E%3Cpath d='M11.0234 5.76465L6.90936 10.0073' stroke='%2300D300' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M4.72754 8.01465L6.78458 10.136' stroke='%2300D300' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.no::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.70566 13.3162C3.39293 14.0034 4.19351 14.5431 5.08523 14.9203C6.00902 15.311 6.98966 15.5091 7.99994 15.5091C9.01019 15.5091 9.99086 15.311 10.9146 14.9203C11.8063 14.5431 12.6069 14.0034 13.2942 13.3162C13.9815 12.6289 14.5212 11.8283 14.8983 10.9366C15.2891 10.0128 15.4872 9.03214 15.4872 8.02191C15.4872 7.0116 15.2891 6.03097 14.8983 5.1072C14.5212 4.21549 13.9815 3.41491 13.2942 2.72763C12.6069 2.04036 11.8064 1.50066 10.9146 1.12351C9.99083 0.73276 9.01019 0.534668 7.99994 0.534668C6.98966 0.534668 6.00902 0.732785 5.08523 1.12351C4.19351 1.50066 3.39293 2.04038 2.70566 2.72763C2.01838 3.41488 1.47869 4.21549 1.10151 5.10718C0.710812 6.03097 0.512695 7.0116 0.512695 8.02191C0.512695 9.03217 0.710812 10.0128 1.10154 10.9366C1.47869 11.8283 2.01841 12.6289 2.70566 13.3162ZM7.99994 1.62769C11.5314 1.62769 14.3941 4.49048 14.3941 8.02191C14.3941 11.5533 11.5314 14.4161 7.99994 14.4161C4.4685 14.4161 1.60572 11.5533 1.60572 8.02191C1.60572 4.49048 4.4685 1.62769 7.99994 1.62769Z' fill='%23E50004'/%3E%3Cpath d='M5.21771 10.8037C5.32444 10.9105 5.46428 10.9638 5.60415 10.9638C5.74402 10.9638 5.88389 10.9104 5.99059 10.8037L7.99962 8.79468L10.0087 10.8037C10.1154 10.9105 10.2552 10.9638 10.3951 10.9638C10.535 10.9638 10.6748 10.9104 10.7815 10.8037C10.995 10.5903 10.995 10.2443 10.7815 10.0309L8.77246 8.02183L10.7815 6.01278C10.9949 5.79935 10.9949 5.4533 10.7815 5.2399C10.5681 5.02648 10.2221 5.02648 10.0086 5.2399L7.99959 7.24896L5.99056 5.2399C5.77713 5.02648 5.43109 5.02648 5.21769 5.2399C5.00426 5.45333 5.00426 5.79935 5.21769 6.01278L7.22674 8.02183L5.21769 10.0309C5.00429 10.2443 5.00429 10.5903 5.21771 10.8037Z' fill='%23E50004'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 0.4rem;
}
button.btn.btn-secondary.pq-back {
  position: relative;
  background: transparent;
  color: #ff0080;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  z-index: 1;
}
button.btn.btn-secondary.pq-back::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  background: linear-gradient(45deg, #ff0080, #ec8f21);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 6px;
  z-index: -1;
}
button.btn.btn-secondary.pq-back:hover {
  background: transparent;
  color: #ff0080 !important;
}
input.form-control::placeholder {
  color: #757575;
  font-size: 14px;
  font-weight: 400;
  font-family: "lato", sans-serif;
}
p.fw-paragraph {
  color: #4e4f59;
  font-size: 16px;
  font-weight: 400;
}
h4.fw-semi-bold.mb-3,
h2.fw-semi-bold {
  font-size: 26px;
  font-weight: 400;
  font-family: "playfair display";
}
.one-line {
  display: flex;
  gap: 10px;
}
span.pinky-shade {
  color: #ff0080;
  font-weight: 600;
  font-size: 16px;
}
p.contact-paragraph {
  font-size: 16px;
  font-weight: 500;
}
h2.debit-box-heading {
  color: #1b191a;
  font-size: 22px;
  font-weight: 500;
}
.direct-debit-box {
  padding: 20px;
  border: 1px solid;
  border-radius: 8px;
  margin-top: 2em;
  margin-bottom: 2em;
}
ul.list-item-box {
  margin-left: 0;
}
li.list-item-thing {
  font-size: 15px;
  color: #757575;
  margin-bottom: 15px;
  line-height: 1.6;
}
.pinky-shade-box {
  margin-top: 10px;
}

/* ===== Confirmation Table Style ===== */
.table-sm {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.table-sm tbody tr {
  border-bottom: 1px solid #e0e0e0;
}

.table-sm th,
.table-sm td {
  padding: 14px 16px;
  text-align: left;
}

.table-sm th {
  background-color: #f8f9fa;
  color: #333;
  font-weight: 600;
  width: 40%;
}

.table-sm td {
  background-color: #fff;
  color: #111;
  text-align: right;
}

/* Zebra-striping alternate rows (optional) */
.table-sm tbody tr:nth-child(even) td {
  background-color: #fdfdfd;
}

section.quote-froms .container {
  max-width: 660px;
}
p.bold-para {
  margin: 0;
  font-weight: 700;
}
.step1 p,
.step2 p,
.step3 p,
.step4 p,
.step5 p,
.step6 p {
  text-align: left;
  font-weight: 900;
}
p.black-bold-para {
  font-weight: 900;
}
form#quote-form-wrapper {
  border: none;
}
label.col-form-label {
  color: #4e4f59;
}
.step1 p.bold-para {
  font-weight: 700 !important;
}
.step3 label.col-form-label {
  font-weight: 900;
}
.step3 label.col-form-label,
.step4 label.col-form-label,
.step5 legend.col-form-label.pt-0,
.step6 label.col-form-label,
.step7 label.col-form-label {
  font-weight: 900;
  font-family: "Playfair Display";
  font-size: 24px;
  color: #383838;
}
.step3 p {
  margin: 0;
  font-size: 24px !important;
  font-weight: 700;
  color: #383838;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  font-family: "lato";
}
span#benefit-info {
  font-size: 16px;
  font-weight: 400;
  font-family: "lato";
  color: #4e4f59;
  margin-bottom: 1em;
}
p.bold-para {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  font-family: "Playfair Display";
}
p.black-bold-para {
  font-weight: 900;
  font-family: "Playfair Display";
  font-size: 24px;
}
.quote-progress,
.gradient-bar {
  position: relative;
  width: 100%;
  height: 16px;
  border-radius: 9999px;
  overflow: hidden;
  z-index: 1;
}

.quote-progress::before,
.gradient-bar:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border width */
  background: linear-gradient(90deg, #333547, #209ec3); /* border gradient */
  border-radius: 9999px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.quote-progress-inner {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 9999px;
}

.quote-progress,
.gradient-bar {
  position: relative;
  width: 100%;
  height: 16px; /* can increase for thicker look */
  border-radius: 9999px;
  overflow: hidden;
  z-index: 1;
}

.quote-progress::before,
.gradient-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* ← change this to control border thickness */
  background: linear-gradient(90deg, #333547, #209ec3);
  border-radius: 9999px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}

h2.text-center.fw-semibold.mb-4 {
  font-weight: 900 !important;
}

p.text-center.mb-5 {
  font-family: "lato";
  font-size: 20px;
  color: #383838;
}
button.btn.btn-primary.w-100.mb-3.apply-btn {
  padding: 20px 36px;
}
.border.rounded-4.p-3.shadow-sm.sticky-top {
  border: none !important;
  box-shadow: 4px 4px 4px 4px #f2f2f2 !important;
  background-color: #fff;
}
.currency-input input {
  padding-left: 1.7em !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  right: 10px !important;
}
label.col-form-label.monthly-benefit {
  font-size: 28px !important;
  text-align: center;
  color: #383838;
}
section.quote-froms {
  padding-top: 45px;
  padding-bottom: 45px;
}
button#sb-apply {
  font-family: "Lato";
  font-size: 16px;
  padding: 15px 36px;
  background: linear-gradient(45deg, #333649, #209ec3);
  color: #fff;
}
button#sb-apply:hover {
  opacity: 1;
  background: linear-gradient(45deg, #333649, #209ec3);
  color: #fff;
}
button.btn.btn-outline-secondary.w-100 {
  background: #fff;
  border: 1px solid #ec8f21;
  color: #ec8f21;
  font-size: 13px;
  padding: 16px 14px;
  font-weight: 600;
  font-family: "Lato";
  border-radius: 24px;
}
button.btn.btn-outline-secondary.w-100:hover {
  color: #ec8f21 !important;
}
.d-flex.flex-wrap.gap-2.small.insurance-card {
  padding-bottom: 2em;
  border-bottom: 1px solid #ededed;
  justify-content: center;
  align-items: flex-end;
}
section.quote-froms > .container:not(.second-section) {
  background-color: #fff !important;
}
.in-one-line {
  display: -webkit-box; /* old Safari */
  display: -ms-flexbox; /* IE10 */
  display: -webkit-flex; /* older Safari */
  display: flex;

  -webkit-justify-content: center;
  justify-content: center;

  -webkit-align-items: center;
  align-items: center;

  max-width: 50%;
  gap: 1em; /* Safari 14+ only */
}

/* section.quote-froms > .container.second-section {
  background-color: #fafafa !important;
} */
.flex-fill.text-end {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.form-check.small.simple-design {
  border: none !important;
  padding: 0 !important;
}
.form-check.small.simple-design:before {
  display: none;
}
.form-check.small.simple-design.form-check:has(
    input.form-check-input[type="radio"]:checked
  ) {
  border: none !important;
  border-radius: 0;
}
.form-check.small.simple-design input.form-check-input[type="radio"]:checked {
  background-color: #d6006b;
  border: 3px solid #d6006b;
  border-radius: 4px !important;
  padding: 10px;
}
.form-check.small.simple-design .form-check-input:checked[type="radio"] {
  background-image: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8568 0.28746C18.4931 -0.0762887 17.9034 -0.0762887 17.5396 0.28746L6.3811 11.4461L2.09194 7.15695C1.72823 6.7932 1.13855 6.79324 0.774764 7.15695C0.411016 7.52066 0.411016 8.11034 0.774764 8.47409L5.72251 13.4218C6.08612 13.7855 6.67624 13.7852 7.03969 13.4218L18.8568 1.60464C19.2206 1.24093 19.2205 0.651208 18.8568 0.28746Z" fill="white"/></svg>') !important;
}
.form-check.small.simple-design input.form-check-input {
  border-radius: 5px !important;
}
.modal-body p {
  font-size: 16px !important;
  font-weight: 500;
}
button.btn.btn-primary.d-block.back-btn:focus-visible {
  background-color: linear-gradient(90deg, #ff0080, #ec8f21 100%);
  color: #fff;
}
.in-one-line {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 50%;
  gap: 1em;
}
button.btn.btn-primary.d-block.back-btn:active,
button.btn.btn-primary.d-block.back-btn:focus-visible {
  background: #ec8f21;
  color: #fff;
  border: #ec8f21;
}
.disabled-btn {
  background: #cccccc !important;
  color: #fff !important;
  border: #cccccc !important;
  cursor: not-allowed !important;
}
a.anchor-link {
  font-size: 16px;
  font-weight: 700;
  color: #4e4f59;
  text-decoration: none;
  font-family: inherit;
}
.declaration-box.mb-3 {
    max-height: 40vh;
    overflow-y: scroll;
}
.step-pq.pq2 .form-check-box.my-3 {
    border: none;
}
.declaration-box.mb-3::-webkit-scrollbar {
    width: 8px;
}

.declaration-box.mb-3::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.declaration-box.mb-3::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.declaration-box.mb-3::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* Responsive tweaks */
@media (max-width: 600px) {
  .table-sm th,
  .table-sm td {
    display: block;
    width: 100%;
  }
  .table-sm th {
    border-top: 1px solid #e0e0e0;
  }
  .table-sm tr {
    margin-bottom: 10px;
    display: block;
  }
}
.form-check.form-check-inline.col-md-12 {
  width: 97% !important;
}

section.quote-froms .container.second-section {
  max-width: 960px;
}
h2.debit-box-heading {
    position: relative;
}
.img-with-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.img-with-heading img {
    max-width: 90px;
}
@media (max-width: 768px) {
  section.quote-froms {
    padding: 1em;
  }
  .progress-steps .step {
    width: 40px;
    height: 40px;
    padding: 5px;
  }
  .progress-steps .step:not(.active) span {
    background: #2ca6c8;
    height: 25px;
    width: 25px;
  }
  .col-sm-12.dob-field {
    max-width: 100%;
  }
  .step1 p,
  .step2 p,
  .step3 p,
  .step4 p,
  .step5 p,
  .step6 p {
    font-size: 27px;
  }
  label.form-check-label {
    font-size: 15px;
  }
  .form-checkbox {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
  }
  .form-check-input {
    margin-top: 0.2em;
  }
  .quote-card.mb-4 {
    margin-bottom: 0 !important;
  }
  .pq-sidebar {
    max-width: 100%;
  }
  .form-check.form-check-inline {
    width: 100%;
  }
  .one-line {
    gap: 2px;
  }
  .modal-content.border-0.rounded-3.p-3 {
    max-width: 100%;
    left: 0%;
  }
  .modal-body p {
    font-size: 16px !important;
    font-weight: 400;
    font-family: "Lato";
  }
  .in-one-line {
    max-width: 80%;
  }
  a.btn.btn-primary, a.btn.btn-primary:hover{
  background: linear-gradient(90deg, #ff0080, #ec8f21 100%) !important;
  color: white !important;
  padding: 20px 48px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 100% !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  transition: opacity 0.3s ease !important;
  border: none !important;
  font-family: "lato", sans-serif !important; 
  }
}