/* ============================================================
   Medicare Pal — custom styles for auth & onboarding pages
   Sources: WP theme mockups in "html new page/"
   (login.css, listing-select.css, listing-claim.css,
    agent-onbroading.css, listing-success.css + theme vars)
   ============================================================ */

:root {
  --font-family: "Inter", sans-serif;
  --third-family: "Averia Serif Libre", sans-serif;
  --second-family: "Averia Serif Libre", sans-serif;
  --eeeae5: #eeeae5;
  --9a9393: #9a9393;
  --0b3948: #0b3948;
  --style: #fff;
  --04242b: #04242b;
  --faad4e: #faad4e;
  --f9a21b: #f9a21b;
  --d43080: #d43080;
  --ffd470: #ffd470;
  --2e3749-2-paints: #2e3749;
}

body.onboarding-page {
  background: #f7f5f2;
}

.header__search {
  width: 275px;
}

/* Container reset: the app-level .wrapper is a full-page flex column;
   inside these sections .wrapper is a centered content container
   (matches the theme's main.css .wrapper). */
.sign_in .wrapper,
.password-recovery .wrapper,
.email_sent .wrapper,
.select_listing .wrapper,
.claim .wrapper,
.steps .wrapper,
.form .wrapper,
.success .wrapper {
  display: block;
  min-height: 0;
  flex-direction: row;
  width: 100%;
  max-width: 1460px;
  padding: 0 30px;
  margin: 0 auto;
}

/* Shared theme buttons (theme main.css) */
.dark_btn {
  padding: 13px 20px;
  border-radius: 8px;
  background: #0b3948;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: none;
  cursor: pointer;
  transition: 0.35s;
}
.dark_btn:hover {
  background: #6D7758;
}
.dark_btn.with_arrow svg {
  max-width: 20px;
}

.light_btn {
  padding: 13px 20px;
  border-radius: 8px;
  background: #ffd470;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #0b3948;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: none;
  cursor: pointer;
  transition: 0.35s;
}
.light_btn:hover {
  background: #6D7758;
  color: #fff;
}
.light_btn.with_arrow svg {
  max-width: 20px;
}

/* Server-side validation errors, styled like the theme notes */
.onboarding_errors {
  margin: 12px 0 0;
  padding: 12px 24px;
  list-style: none;
  border-radius: 8px;
  background: #fff5f5;
  border: 1px solid #f5c6cb;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.onboarding_errors li {
  font-family: var(--font-family);
  font-size: 13px;
  line-height: 150%;
  color: #c0392b;
}

/* Status message (password reset success etc.) */
.onboarding_status {
  margin: 12px 0 0;
  padding: 12px 24px;
  border-radius: 8px;
  background: #eafaf0;
  border: 1px solid #bfe8cf;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 150%;
  color: #1e6b40;
}

/* ==================== login.css (sign-in / password recovery / email sent) ==================== */
.password-recovery, .sign_in, .sign_up, .email_sent {
  padding: 30px 0 210px;
}
@media (max-width: 1199px) {
  .password-recovery, .sign_in, .sign_up, .email_sent {
    padding-bottom: 140px;
  }
}
@media (max-width: 767px) {
  .password-recovery, .sign_in, .sign_up, .email_sent {
    padding: 24px 0 60px;
  }
}
.password-recovery .wrapper, .sign_in .wrapper, .sign_up .wrapper, .email_sent .wrapper {
  display: flex;
  align-items: start;
  gap: 120px;
}
@media (max-width: 1199px) {
  .password-recovery .wrapper, .sign_in .wrapper, .sign_up .wrapper, .email_sent .wrapper {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .password-recovery .wrapper, .sign_in .wrapper, .sign_up .wrapper, .email_sent .wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.password-recovery .img, .sign_in .img, .sign_up .img, .email_sent .img {
  max-width: 595px;
}
@media (max-width: 1199px) {
  .password-recovery .img, .sign_in .img, .sign_up .img, .email_sent .img {
    max-width: calc(100% - 470px);
  }
}
@media (max-width: 767px) {
  .password-recovery .img, .sign_in .img, .sign_up .img, .email_sent .img {
    display: none;
  }
}
.password-recovery .content, .sign_in .content, .sign_up .content, .email_sent .content {
  padding: 70px 30px 30px;
  flex-grow: 1;
  max-width: 535px;
  height: auto;
}
@media (max-width: 1199px) {
  .password-recovery .content, .sign_in .content, .sign_up .content, .email_sent .content {
    max-width: 450px;
  }
}
@media (max-width: 767px) {
  .password-recovery .content, .sign_in .content, .sign_up .content, .email_sent .content {
    width: 100%;
    padding: 0;
  }
}
.password-recovery .content .back, .sign_in .content .back, .sign_up .content .back, .email_sent .content .back {
  color: var(--0b3948);
}
.password-recovery .content .back svg, .sign_in .content .back svg, .sign_up .content .back svg, .email_sent .content .back svg {
  display: block;
  width: 27px;
  height: auto;
}
.password-recovery .content .section_title, .sign_in .content .section_title, .sign_up .content .section_title, .email_sent .content .section_title {
  margin: 12px 0 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .password-recovery .content .section_title, .sign_in .content .section_title, .sign_up .content .section_title, .email_sent .content .section_title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .password-recovery .content .section_title, .sign_in .content .section_title, .sign_up .content .section_title, .email_sent .content .section_title {
    font-size: 24px;
  }
}
.password-recovery .content .recovery_note, .sign_in .content .recovery_note, .sign_up .content .recovery_note, .email_sent .content .recovery_note {
  margin-top: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--0b3948);
}
.password-recovery .content .desc, .sign_in .content .desc, .sign_up .content .desc, .email_sent .content .desc {
  margin-top: 12px;
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 212, 112, 0.25);
  padding: 6px 24px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 148%;
  color: #3E4552;
}
.password-recovery .content .desc a, .sign_in .content .desc a, .sign_up .content .desc a, .email_sent .content .desc a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 599px) {
  .password-recovery .content .desc .mob_hidden, .sign_in .content .desc .mob_hidden, .sign_up .content .desc .mob_hidden, .email_sent .content .desc .mob_hidden {
    display: none;
  }
}
.password-recovery .content .desc_2, .sign_in .content .desc_2, .sign_up .content .desc_2, .email_sent .content .desc_2 {
  margin-top: 12px;
  width: 100%;
  border-radius: 8px;
  background: #adcfdb;
  padding: 6px 24px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 148%;
  color: #3E4552;
}
.password-recovery .content .desc_2 a, .sign_in .content .desc_2 a, .sign_up .content .desc_2 a, .email_sent .content .desc_2 a {
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 599px) {
  .password-recovery .content .desc_2 .mob_hidden, .sign_in .content .desc_2 .mob_hidden, .sign_up .content .desc_2 .mob_hidden, .email_sent .content .desc_2 .mob_hidden {
    display: none;
  }
}
.password-recovery .content form, .sign_in .content form, .sign_up .content form, .email_sent .content form {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.password-recovery .content form input, .sign_in .content form input, .sign_up .content form input, .email_sent .content form input {
  outline: none;
  border: none;
  width: 100%;
  height: 52px;
  padding: 0 24px;
  border-radius: 8px;
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .password-recovery .content form input, .sign_in .content form input, .sign_up .content form input, .email_sent .content form input {
    height: 48px;
    font-size: 14px;
  }
}
.password-recovery .content form input::-moz-placeholder, .sign_in .content form input::-moz-placeholder, .sign_up .content form input::-moz-placeholder, .email_sent .content form input::-moz-placeholder {
  opacity: 1;
  color: var(--0b3948);
}
.password-recovery .content form input::placeholder, .sign_in .content form input::placeholder, .sign_up .content form input::placeholder, .email_sent .content form input::placeholder {
  opacity: 1;
  color: var(--0b3948);
}
.password-recovery .content form input[name=date_birth], .sign_in .content form input[name=date_birth], .sign_up .content form input[name=date_birth], .email_sent .content form input[name=date_birth] {
  padding-left: 50px;
  background: center left 20px/20px no-repeat url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="%237886A1" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="black" fill-opacity="0.2" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="black" fill-opacity="0.2" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 3.75C1 2.23122 2.23122 1 3.75 1H16.25C17.7688 1 19 2.23122 19 3.75V16.25C19 17.7688 17.7688 19 16.25 19H3.75C2.23122 19 1 17.7688 1 16.25V3.75ZM2.5 7.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H16.25C16.9404 17.5 17.5 16.9404 17.5 16.25V7.5H2.5ZM17.5 6H2.5V3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H16.25C16.9404 2.5 17.5 3.05964 17.5 3.75V6Z" fill="black" fill-opacity="0.2" /></svg>'), var(--style);
}
.password-recovery .content form button[type=submit], .sign_in .content form button[type=submit], .sign_up .content form button[type=submit], .email_sent .content form button[type=submit] {
  outline: none;
  border: none;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  background: #ffd470;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 767px) {
  .password-recovery .content form button[type=submit], .sign_in .content form button[type=submit], .sign_up .content form button[type=submit], .email_sent .content form button[type=submit] {
    height: 48px;
    font-size: 16px;
    gap: 12px;
  }
}
.password-recovery .content form button[type=submit]:hover, .sign_in .content form button[type=submit]:hover, .sign_up .content form button[type=submit]:hover, .email_sent .content form button[type=submit]:hover {
  background: var(--f9a21b);
}
.password-recovery .content form button[type=submit] svg, .sign_in .content form button[type=submit] svg, .sign_up .content form button[type=submit] svg, .email_sent .content form button[type=submit] svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}
@media (max-width: 767px) {
  .password-recovery .content form button[type=submit] svg, .sign_in .content form button[type=submit] svg, .sign_up .content form button[type=submit] svg, .email_sent .content form button[type=submit] svg {
    width: 20px;
  }
}
.password-recovery .content form .lost_pass, .sign_in .content form .lost_pass, .sign_up .content form .lost_pass, .email_sent .content form .lost_pass {
  padding: 3px 8px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-decoration: underline;
  color: var(--f9a21b);
}
.password-recovery .content form .radio, .sign_in .content form .radio, .sign_up .content form .radio, .email_sent .content form .radio {
  margin: 5px 0;
  margin-left: 24px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .password-recovery .content form .radio, .sign_in .content form .radio, .sign_up .content form .radio, .email_sent .content form .radio {
    font-size: 14px;
    margin-left: 20px;
  }
}
.password-recovery .content form .radio label:first-child, .sign_in .content form .radio label:first-child, .sign_up .content form .radio label:first-child, .email_sent .content form .radio label:first-child {
  margin-left: 8px;
}
.password-recovery .content form .radio label input, .sign_in .content form .radio label input, .sign_up .content form .radio label input, .email_sent .content form .radio label input {
  display: none;
}
.password-recovery .content form .radio label input:checked + span::before, .sign_in .content form .radio label input:checked + span::before, .sign_up .content form .radio label input:checked + span::before, .email_sent .content form .radio label input:checked + span::before {
  box-shadow: inset 0 0 0 7px var(--f9a21b);
  border-color: transparent;
  background: transparent;
}
.password-recovery .content form .radio label input:checked + span, .sign_in .content form .radio label input:checked + span, .sign_up .content form .radio label input:checked + span, .email_sent .content form .radio label input:checked + span {
  border-color: rgba(249, 162, 27, 0.4);
}
.password-recovery .content form .radio label span, .sign_in .content form .radio label span, .sign_up .content form .radio label span, .email_sent .content form .radio label span {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 14px 8px 10px;
  border: 1px solid var(--eeeae5);
  border-radius: 32px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #3E4552;
  cursor: pointer;
}
@media (max-width: 767px) {
  .password-recovery .content form .radio label span, .sign_in .content form .radio label span, .sign_up .content form .radio label span, .email_sent .content form .radio label span {
    font-size: 14px;
  }
}
.password-recovery .content form .radio label span:before, .sign_in .content form .radio label span:before, .sign_up .content form .radio label span:before, .email_sent .content form .radio label span:before {
  content: "";
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #e3e5ec;
  background: var(--style);
  cursor: pointer;
  transition: 0.35s;
}
.password-recovery .content form .acceptance input, .sign_in .content form .acceptance input, .sign_up .content form .acceptance input, .email_sent .content form .acceptance input {
  display: none;
}
.password-recovery .content form .acceptance input:checked + span::before, .sign_in .content form .acceptance input:checked + span::before, .sign_up .content form .acceptance input:checked + span::before, .email_sent .content form .acceptance input:checked + span::before {
  background-color: var(--0b3948);
}
.password-recovery .content form .acceptance span, .sign_in .content form .acceptance span, .sign_up .content form .acceptance span, .email_sent .content form .acceptance span {
  padding: 6px 9px;
  display: flex;
  align-items: start;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .password-recovery .content form .acceptance span, .sign_in .content form .acceptance span, .sign_up .content form .acceptance span, .email_sent .content form .acceptance span {
    font-size: 11px;
  }
}
.password-recovery .content form .acceptance span a, .sign_in .content form .acceptance span a, .sign_up .content form .acceptance span a, .email_sent .content form .acceptance span a {
  font-weight: 400;
  text-decoration: underline;
  color: var(--f9a21b);
}
.password-recovery .content form .acceptance span::before, .sign_in .content form .acceptance span::before, .sign_up .content form .acceptance span::before, .email_sent .content form .acceptance span::before {
  content: "";
  flex-shrink: 0;
  width: 28px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 8px;
  background: top 8px center/16px no-repeat url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.705566 2.74835L4.68175 6.7085L10.7056 0.708496" stroke="white" stroke-width="2" /></svg>');
  background-color: var(--style);
  border: 1px solid #e3e5ec;
  cursor: pointer;
}
.password-recovery .content .note, .sign_in .content .note, .sign_up .content .note, .email_sent .content .note {
  margin-top: 6px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-transform: capitalize;
  text-align: center;
  color: var(--0b3948);
}
.password-recovery .content .note a, .sign_in .content .note a, .sign_up .content .note a, .email_sent .content .note a {
  color: inherit;
}
.password-recovery .content .note strong, .sign_in .content .note strong, .sign_up .content .note strong, .email_sent .content .note strong {
  font-weight: 600;
}
.password-recovery .content .password_note, .sign_in .content .password_note, .sign_up .content .password_note, .email_sent .content .password_note {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--0b3948);
}
.password-recovery .content .password_note > *, .sign_in .content .password_note > *, .sign_up .content .password_note > *, .email_sent .content .password_note > * {
  margin: 0;
}
.password-recovery .content .password_note strong, .password-recovery .content .password_note b, .sign_in .content .password_note strong, .sign_in .content .password_note b, .sign_up .content .password_note strong, .sign_up .content .password_note b, .email_sent .content .password_note strong, .email_sent .content .password_note b {
  font-weight: 600;
}
.password-recovery .content .password_note ul, .password-recovery .content .password_note ol, .sign_in .content .password_note ul, .sign_in .content .password_note ol, .sign_up .content .password_note ul, .sign_up .content .password_note ol, .email_sent .content .password_note ul, .email_sent .content .password_note ol {
  padding-left: 2em;
  text-indent: -0.25em;
}

.acc_info {
  padding: 60px 0 90px;
}
@media (max-width: 1199px) {
  .acc_info {
    padding: 60px 0;
  }
}
.acc_info .wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media (max-width: 1199px) {
  .acc_info .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .acc_info .wrapper {
    padding: 0 30px;
  }
}
.acc_info .section_title {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 125%;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .acc_info .section_title {
    font-size: 28px;
  }
}
.acc_info .desc {
  margin-top: 10px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .acc_info .desc {
    font-size: 16px;
  }
}
.acc_info .welcome {
  margin-top: 40px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 28px;
  line-height: 125%;
  text-transform: uppercase;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .acc_info .welcome {
    font-size: 20px;
  }
}
.acc_info .user_avatar {
  margin-top: 20px;
}
.acc_info .user_avatar img {
  display: block;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.acc_info .user_name {
  margin-top: 10px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  text-transform: uppercase;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .acc_info .user_name {
    font-size: 20px;
  }
}
.acc_info .text {
  margin-top: 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .acc_info .text {
    font-size: 14px;
  }
}
.acc_info .text strong {
  font-weight: 700;
}
.acc_info .text a {
  color: inherit;
  text-decoration: underline;
}

.medicare {
  padding: 80px 0;
  background: var(--0b3948);
}
@media (max-width: 599px) {
  .medicare {
    padding: 40px 0;
  }
}
.medicare .wrapper {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
}
@media (max-width: 1199px) {
  .medicare .wrapper {
    padding: 0 40px;
    max-width: 900px;
  }
}
@media (max-width: 599px) {
  .medicare .wrapper {
    padding: 0 30px;
  }
}
.medicare .section_title {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 148%;
  text-transform: uppercase;
  color: var(--style);
}
@media (max-width: 899px) {
  .medicare .section_title {
    font-size: 24px;
  }
}
.medicare .zip_find {
  margin-top: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  background: var(--style);
  border-radius: 12px;
}
@media (max-width: 1199px) {
  .medicare .zip_find {
    flex-direction: column;
    padding: 30px;
  }
}
@media (max-width: 599px) {
  .medicare .zip_find {
    padding: 20px;
  }
}
.medicare .zip_find .label {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 162%;
  color: #000;
}
.medicare .zip_find .zipcode_inputs {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.medicare .zip_find .zipcode_inputs input {
  outline: none;
  border: 3px solid rgba(6, 33, 38, 0.168627451);
  border-radius: 10px;
  width: 45px;
  height: 60px;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  padding: 10px;
}
@media (max-width: 599px) {
  .medicare .zip_find .zipcode_inputs input {
    width: 40px;
    height: 48px;
    font-size: 16px;
  }
}
.medicare .zip_find .btns_wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 599px) {
  .medicare .zip_find .btns_wrapper {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
}
.medicare .zip_find .btns_wrapper .btn {
  outline: none;
  border: none;
  padding: 0 25px;
  height: 60px;
  border-radius: 8px;
  background: #ffd470;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 599px) {
  .medicare .zip_find .btns_wrapper .btn {
    width: 100%;
    height: 48px;
    font-size: 14px;
    gap: 12px;
  }
}
.medicare .zip_find .btns_wrapper .btn svg {
  flex-shrink: 0;
  width: 16px;
  height: auto;
}
.medicare .zip_find .btns_wrapper .btn svg.arrow {
  width: 27px;
}
@media (max-width: 599px) {
  .medicare .zip_find .btns_wrapper .btn svg.arrow {
    width: 20px;
  }
}
.medicare .zip_find .btns_wrapper .btn:hover {
  background: var(--f9a21b);
}
.medicare .zip_find .btns_wrapper .btn:disabled {
  pointer-events: none;
  opacity: 0.65;
}

.medicare_v2 {
  padding: 50px 0 30px;
  background: var(--eeeae5);
}
@media (max-width: 1199px) {
  .medicare_v2 {
    padding: 85px 0 106px;
  }
}
@media (max-width: 599px) {
  .medicare_v2 {
    padding: 60px 0 85px;
  }
}
.medicare_v2.pb {
  padding-bottom: 120px;
}
@media (max-width: 1199px) {
  .medicare_v2.pb {
    padding-bottom: 90px;
  }
}
@media (max-width: 599px) {
  .medicare_v2.pb {
    padding-bottom: 60px;
  }
}
@media (max-width: 1199px) {
  .medicare_v2 .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .medicare_v2 .wrapper {
    padding: 0 30px;
  }
}
.medicare_v2 .section_title {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 48px;
  line-height: 125%;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .medicare_v2 .section_title {
    font-size: 36px;
  }
}
@media (max-width: 599px) {
  .medicare_v2 .section_title {
    font-size: 24px;
  }
}
.medicare_v2 .section_title span {
  color: var(--f9a21b);
}
.medicare_v2 .zip_find {
  margin-top: 30px;
  width: 100%;
  padding: 53px 36px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url('data:image/svg+xml,<svg width="496" height="426" viewBox="0 0 496 426" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.06" d="M482.719 10.4482L212.28 341.001C162.811 396.743 56.204 470.881 25.533 321.491C-12.8058 134.754 80.2246 49.3992 123.235 36.0896C247.527 -2.37268 371.007 298.079 482.719 406.219" stroke="%239A9393" stroke-width="33" /></svg>');
  background-position: top -30px left 105px;
  background-size: 496px;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .medicare_v2 .zip_find {
    margin-top: 36px;
    padding: 36px;
  }
}
@media (max-width: 599px) {
  .medicare_v2 .zip_find {
    margin-top: 20px;
    padding: 36px 20px;
  }
}
.medicare_v2 .zip_find .box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .medicare_v2 .zip_find .box {
    flex-wrap: wrap;
    gap: 42px;
  }
}
@media (max-width: 599px) {
  .medicare_v2 .zip_find .box {
    flex-direction: column;
    gap: 30px;
  }
}
.medicare_v2 .zip_find .label {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 24px;
  line-height: 125%;
  color: #397e92;
}
@media (max-width: 1199px) {
  .medicare_v2 .zip_find .label {
    font-size: 20px;
  }
}
.medicare_v2 .zip_find .zipcode_inputs {
  margin-left: 44px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 1199px) {
  .medicare_v2 .zip_find .zipcode_inputs {
    margin-left: 0;
  }
}
@media (max-width: 599px) {
  .medicare_v2 .zip_find .zipcode_inputs {
    gap: 6px;
  }
}
.medicare_v2 .zip_find .zipcode_inputs input {
  outline: none;
  width: 60px;
  height: 72px;
  border: 1px solid #e3e5ec;
  border-radius: 8px;
  padding: 0 19px;
  box-shadow: 9px 6px 20px 11px rgba(0, 0, 0, 0.04);
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .medicare_v2 .zip_find .zipcode_inputs input {
    width: 54px;
    padding: 0 10px;
  }
}
@media (max-width: 599px) {
  .medicare_v2 .zip_find .zipcode_inputs input {
    width: 47px;
    height: 60px;
    font-size: 20px;
  }
}
.medicare_v2 .zip_find .btn {
  margin-left: 90px;
  outline: none;
  border: none;
  border-radius: 8px;
  background: #ffd470;
  min-width: 295px;
  height: 72px;
  padding-left: 40px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 1199px) {
  .medicare_v2 .zip_find .btn {
    margin-left: 0;
  }
}
@media (max-width: 599px) {
  .medicare_v2 .zip_find .btn {
    min-width: 260px;
    height: 62px;
    padding: 0 20px;
    font-size: 18px;
  }
}
.medicare_v2 .zip_find .btn:hover {
  background: var(--f9a21b);
}
.medicare_v2 .zip_find .btn:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.medicare_v2 .zip_find .btn svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}

.steps {
  padding: 30px 0 120px;
  background: var(--eeeae5);
}
@media (max-width: 1199px) {
  .steps {
    padding: 105px 0 90px;
  }
}
@media (max-width: 599px) {
  .steps {
    padding: 85px 0 60px;
  }
}
@media (max-width: 1199px) {
  .steps .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .steps .wrapper {
    padding: 0 30px;
  }
}
.steps .section_title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  color: var(--9a9393);
}
.steps .list {
  margin-top: 12px;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 599px) {
  .steps .list {
    flex-direction: column;
  }
}
.steps .list .item {
  padding: 16px 20px 30px;
  display: flex;
  align-items: start;
  gap: 16px;
  max-width: 260px;
}
@media (max-width: 1199px) {
  .steps .list .item {
    padding: 16px 16px 30px;
    max-width: 220px;
  }
}
@media (max-width: 599px) {
  .steps .list .item {
    max-width: 100%;
  }
}
.steps .list .item .icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  -o-object-fit: contain;
     object-fit: contain;
}
.steps .list .item .content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.steps .list .item .content .title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 125%;
  color: var(--0b3948);
}
.steps .list .item .content .text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 12px;
  line-height: 145%;
  color: var(--0b3948);
}

.email_sent .content {
  margin-top: 40px;
  border-radius: 8px;
  padding: 30px;
  background: var(--style);
}
@media (max-width: 1199px) {
  .email_sent .content {
    margin-top: 0;
  }
}
@media (max-width: 599px) {
  .email_sent .content {
    width: calc(100% + 60px);
    margin: 0 -30px;
    border-radius: 0;
  }
}
.email_sent .content .text {
  margin-top: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: var(--0b3948);
}
.email_sent .content .btn {
  margin-top: 12px;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #ffd470;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 599px) {
  .email_sent .content .btn {
    height: 48px;
    font-size: 16px;
  }
}
.email_sent .content .btn:hover {
  background: var(--f9a21b);
}
/* ==================== listing-select.css (onboarding landing) ==================== */
.select_listing {
  margin: 90px 0 200px;
}
@media (max-width: 1199px) {
  .select_listing {
    margin: 60px 0 120px;
  }
}
@media (max-width: 599px) {
  .select_listing {
    margin: 40px 0 60px;
  }
}
.select_listing .wrapper {
  max-width: 852px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1199px) {
  .select_listing .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .select_listing .wrapper {
    padding: 0 30px;
  }
}
.select_listing .section_subtitle {
  padding: 9px 15px;
  border-radius: 100px;
  box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.05);
  background: var(--style);
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 13px;
  line-height: 123%;
  text-transform: uppercase;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .select_listing .section_subtitle {
    display: none;
  }
}
.select_listing .section_subtitle .icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.select_listing .section_title {
  margin-top: 10px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .select_listing .section_title {
    font-size: 24px;
    margin-top: 0;
  }
}
.select_listing .grid_box {
  margin-top: 26px;
  width: 100%;
  max-width: 792px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .select_listing .grid_box {
    margin-top: 24px;
    grid-template-columns: 1fr;
  }
}
.select_listing .card {
  border-radius: 15px;
  padding: 20px 20px 30px;
  background: var(--style);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.select_listing .card .icon {
  width: auto;
  max-width: 100%;
  height: 112px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .select_listing .card .icon {
    height: 60px;
  }
}
.select_listing .card .title {
  margin-top: 30px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .select_listing .card .title {
    margin-top: 20px;
    font-size: 24px;
  }
}
.select_listing .card .desc {
  margin-top: 15px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
}
.select_listing .card .btn {
  outline: none;
  border: none;
  margin-top: 15px;
  min-width: 260px;
  height: 48px;
  padding-left: 40px;
  padding-right: 20px;
  border-radius: 8px;
  background: #ffd470;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 399px) {
  .select_listing .card .btn {
    min-width: initial;
    width: 100%;
  }
}
.select_listing .card .btn:hover {
  background: var(--f9a21b);
}
.select_listing .card .btn svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}
.select_listing .dark_btn {
  outline: none;
  border: none;
  margin-top: 60px;
  min-width: 160px;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  background: var(--0b3948);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--style);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 767px) {
  .select_listing .dark_btn {
    margin-top: 24px;
    min-width: 87px;
  }
}
.select_listing .dark_btn:hover {
  background: var(--f9a21b);
  color: var(--0b3948);
}
/* ==================== listing-claim.css (claim existing listing) ==================== */
.claim {
  margin: 90px 0 200px;
}
@media (max-width: 1199px) {
  .claim {
    margin: 60px 0 120px;
  }
}
@media (max-width: 599px) {
  .claim {
    margin: 40px 0 60px;
  }
}
.claim .wrapper {
  max-width: 920px;
}
@media (max-width: 1199px) {
  .claim .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .claim .wrapper {
    padding: 0 30px;
  }
}
.claim .section_subtitle {
  padding: 9px 15px;
  border-radius: 100px;
  box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.05);
  background: var(--style);
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 13px;
  line-height: 123%;
  text-transform: uppercase;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .claim .section_subtitle {
    display: none;
  }
}
.claim .section_subtitle .icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.claim .section_title {
  margin-top: 10px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .claim .section_title {
    font-size: 24px;
    margin-top: 0;
  }
}
.claim .section_note {
  margin-top: 26px;
  width: 100%;
  max-width: 860px;
  border-radius: 8px;
  padding: 15px;
  background: #f8f0e2;
}
@media (max-width: 767px) {
  .claim .section_note {
    margin-top: 20px;
  }
}
.claim .section_note .title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  color: var(--0b3948);
}
.claim .section_note .text {
  margin-top: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #000;
}
.claim .existing_form {
  margin-top: 16px;
  width: 100%;
}
.claim .existing_form .step {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.claim .existing_form .step:not(.active) {
  display: none;
}
.claim .existing_form .step.create .grid_box {
  margin-top: 16px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 20px;
}
@media (max-width: 767px) {
  .claim .existing_form .step.create .grid_box {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.claim .existing_form .step.existing .section_title {
  margin: 0;
}
.claim .existing_form .step.existing .label {
  margin-top: 26px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 125%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .claim .existing_form .step.existing .label {
    margin-top: 20px;
  }
}
.claim .existing_form .step.existing select {
  margin-top: 20px;
  width: 100%;
  max-width: 660px;
  outline: none;
  border: none;
  width: 100%;
  height: 60px;
  padding: 13px 20px;
  padding-right: 40px;
  border-radius: 8px;
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #3E4552;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('data:image/svg+xml,<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.33008 7.5L-4.89354e-05 -8.15666e-07L8.66021 -5.85621e-08L4.33008 7.5Z" fill="%230B3948" /></svg>');
  background-position: center right 20px;
  background-size: 9px;
  background-repeat: no-repeat;
}
.claim .existing_form .step.existing select option {
  border: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 125%;
  color: var(--0b3948);
}
.claim .existing_form .step.existing select option:hover, .claim .existing_form .step.existing select option:active {
  background: #ffd470;
}
.claim .existing_form .step.existing select.validate_error {
  box-shadow: 0 0 3px #d43080;
}
.claim .existing_form input {
  outline: none;
  border: none;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #3E4552;
}
.claim .existing_form input::-moz-placeholder {
  opacity: 1;
  color: #3E4552;
}
.claim .existing_form input::placeholder {
  opacity: 1;
  color: #3E4552;
}
.claim .existing_form input.validate_error {
  box-shadow: 0 0 3px #d43080;
}
.claim .existing_form .acceptance {
  grid-column: span 2;
}
@media (max-width: 767px) {
  .claim .existing_form .acceptance {
    grid-column: initial;
  }
}
.claim .existing_form .acceptance input {
  display: none;
}
.claim .existing_form .acceptance input:checked + span::before {
  background-color: var(--0b3948);
  border-color: var(--0b3948);
}
.claim .existing_form .acceptance input.validate_error + span::before {
  box-shadow: 0 0 3px #d43080;
}
.claim .existing_form .acceptance span {
  display: flex;
  align-items: center;
  gap: 16px;
}
.claim .existing_form .acceptance span .text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--0b3948);
}
.claim .existing_form .acceptance span .text a {
  text-decoration: underline;
  color: var(--f9a21b);
}
.claim .existing_form .acceptance span::before {
  content: "";
  flex-shrink: 0;
  width: 28px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 8px;
  background-color: var(--style);
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.705078 2.74835L4.68126 6.7085L10.7051 0.708496" stroke="white" stroke-width="2" /></svg>');
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  border: 1px solid #e3e5ec;
  box-shadow: inset 0 4px 15px 0 rgba(0, 0, 0, 0);
  transition: 0.35s;
}
.claim .existing_form .form_btns {
  width: 100%;
  margin-top: 44px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .claim .existing_form .form_btns {
    grid-column: initial;
  }
}
@media (max-width: 399px) {
  .claim .existing_form .form_btns {
    gap: 10px;
  }
}
.claim .dark_btn {
  outline: none;
  border: none;
  min-width: 160px;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  background: var(--0b3948);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--style);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 767px) {
  .claim .dark_btn {
    min-width: 87px;
    flex-grow: 1;
  }
}
.claim .dark_btn:hover {
  background: var(--f9a21b);
  color: var(--0b3948);
}
.claim .light_btn {
  outline: none;
  border: none;
  min-width: 260px;
  height: 60px;
  padding-left: 40px;
  padding-right: 20px;
  border-radius: 8px;
  background: #ffd470;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 767px) {
  .claim .light_btn {
    min-width: 190px;
    padding-left: 30px;
    padding-right: 10px;
    flex-grow: 1;
  }
}
@media (max-width: 399px) {
  .claim .light_btn {
    min-width: initial;
    width: 100%;
    padding-left: 20px;
  }
}
.claim .light_btn:hover {
  background: var(--f9a21b);
}
.claim .light_btn svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}
/* ==================== agent-onbroading.css (email / business questions / account type) ==================== */
@keyframes pulse {
  from {
    opacity: 0.8;
  }
  to {
    opacity: 0.2;
  }
}
.steps {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .steps {
    margin-top: 30px;
  }
}
@media (max-width: 599px) {
  .steps {
    margin: 15px 0 30px;
  }
}
@media (max-width: 1199px) {
  .steps .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .steps .wrapper {
    padding: 0;
  }
}
.steps .box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: var(--style);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 599px) {
  .steps .box {
    border-radius: 0;
  }
}
.steps .step {
  position: relative;
  padding: 20px 80px 24px;
  display: flex;
  align-items: start;
  gap: 7px;
}
@media (max-width: 1199px) {
  .steps .step {
    padding: 18px 6px;
    align-items: center;
    gap: 10px;
  }
}
@media (max-width: 599px) {
  .steps .step {
    padding: 11px 6px;
    gap: 6px;
  }
}
.steps .step .num {
  flex-shrink: 0;
  width: 24px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--eeeae5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 11px;
  line-height: 148%;
  text-align: center;
  color: #96989C;
}
@media (max-width: 1199px) {
  .steps .step .num {
    width: 18px;
  }
}
.steps .step .name {
  margin-top: 5px;
}
@media (max-width: 1199px) {
  .steps .step .name {
    margin-top: 0;
  }
}
.steps .step .name .title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #c1b8b8;
}
@media (max-width: 1199px) {
  .steps .step .name .title {
    font-size: 11px;
  }
}
.steps .step .name .text {
  margin-top: 3px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 125%;
  text-transform: uppercase;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .steps .step .name .text {
    margin-top: 0;
    font-size: 11px;
  }
}
@media (max-width: 599px) {
  .steps .step .name .text {
    letter-spacing: -0.02em;
  }
}
.steps .step::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--eeeae5);
  transition: 0.35s;
}
.steps .step.active .num, .steps .step.prev .num {
  background: #ffd470;
}
.steps .step.active .name .title, .steps .step.prev .name .title {
  color: var(--f9a21b);
}
.steps .step.active::after, .steps .step.prev::after {
  height: 4px;
  background: #ffd470;
}
.steps .step:has(~ .step.active) .num {
  background: #ffd470;
}
.steps .step:has(~ .step.active) .name .title {
  color: var(--f9a21b);
}
.steps .step:has(~ .step.active)::after {
  height: 4px;
  background: #ffd470;
}

.form {
  margin-bottom: 200px;
}
@media (max-width: 1199px) {
  .form {
    margin-bottom: 120px;
  }
}
@media (max-width: 599px) {
  .form {
    margin: 30px 0 100px;
  }
}
@media (max-width: 1199px) {
  .form .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .form .wrapper {
    padding: 0;
  }
}
.form .agent_signup {
  position: relative;
  padding: 30px;
}
.form .agent_signup.ajax_loading {
  pointer-events: none;
  animation: 1s ease infinite alternate pulse;
}
.form .agent_signup .back_step {
  outline: none;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: var(--0b3948);
  position: absolute;
  top: 45px;
  left: 30px;
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 1199px) {
  .form .agent_signup .back_step {
    top: 30px;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .back_step {
    top: 0;
  }
}
.form .agent_signup .back_step:disabled {
  opacity: 0;
  visibility: hidden;
}
.form .agent_signup .back_step svg {
  flex-shrink: 0;
  width: 38px;
  height: auto;
}
.form .agent_signup .step {
  display: none;
  grid-template-columns: repeat(6, 1fr);
  gap: 36px 16px;
}
@media (max-width: 1199px) {
  .form .agent_signup .step {
    gap: 30px 16px;
  }
}
.form .agent_signup .step.active {
  display: grid;
}
.form .agent_signup .step .grid-6 {
  grid-column: span 6;
}
.form .agent_signup .step .grid-6-center {
  grid-column: span 6;
  justify-self: center;
}
.form .agent_signup .step .grid-3 {
  grid-column: span 3;
}
@media (max-width: 767px) {
  .form .agent_signup .step .grid-3 {
    grid-column: span 6;
  }
}
.form .agent_signup .step .grid-2 {
  grid-column: span 2;
}
@media (max-width: 899px) {
  .form .agent_signup .step .grid-2 {
    grid-column: span 6;
  }
}
.form .agent_signup .title {
  margin-bottom: -16px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .title {
    margin-bottom: -10px;
    font-size: 24px;
    letter-spacing: -0.02em;
  }
}
.form .agent_signup .subtitle {
  border-radius: 8px;
  padding: 15px 24px;
  background: var(--eeeae5);
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .subtitle {
    padding: 20px 24px;
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .subtitle {
    padding: 10px 24px;
  }
}
.form .agent_signup label {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 125%;
  color: var(--0b3948);
}
.form .agent_signup input:not([type=checkbox]) {
  outline: none;
  border: none;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #3E4552;
}
.form .agent_signup input:not([type=checkbox])::-moz-placeholder {
  opacity: 1;
  color: #3E4552;
}
.form .agent_signup input:not([type=checkbox])::placeholder {
  opacity: 1;
  color: #3E4552;
}
.form .agent_signup input:not([type=checkbox]).checkValidate:invalid {
  border: 1px solid #d43080;
}
.form .agent_signup input:not([type=checkbox])#s1_email {
  max-width: 575px;
  padding: 0 36px;
}
@media (max-width: 1199px) {
  .form .agent_signup input:not([type=checkbox])#s1_email {
    max-width: 630px;
  }
}
.form .agent_signup textarea {
  outline: none;
  border: none;
  width: 100%;
  height: 130px;
  padding: 16px 20px;
  border-radius: 8px;
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #3E4552;
  resize: none;
}
.form .agent_signup textarea::-moz-placeholder {
  opacity: 1;
  color: #3E4552;
}
.form .agent_signup textarea::placeholder {
  opacity: 1;
  color: #3E4552;
}
.form .agent_signup textarea.checkValidate:invalid {
  border: 1px solid #d43080;
}
.form .agent_signup select {
  outline: none;
  border: none;
  width: 100%;
  height: 60px;
  padding: 13px 20px;
  padding-right: 40px;
  border-radius: 8px;
  background: var(--style);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #3E4552;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url('data:image/svg+xml,<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.33008 7.5L-4.89354e-05 -8.15666e-07L8.66021 -5.85621e-08L4.33008 7.5Z" fill="%230B3948" /></svg>');
  background-position: center right 20px;
  background-size: 9px;
  background-repeat: no-repeat;
}
.form .agent_signup select option {
  border: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 125%;
  color: var(--0b3948);
}
.form .agent_signup select option:hover, .form .agent_signup select option:active {
  background: #ffd470;
}
.form .agent_signup select.checkValidate:invalid {
  border: 1px solid #d43080;
}
@media (max-width: 1199px) {
  .form .agent_signup .bio.grid-3, .form .agent_signup .upload_file.grid-3 {
    grid-column: span 6;
  }
}
.form .agent_signup .box_file_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form .agent_signup .box_file_wrapper .placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #3E4552;
}
.form .agent_signup .box_file_wrapper input {
  display: none;
}
.form .agent_signup .box_file_wrapper input.checkValidate.is_invalid + .box_file {
  border: 1px solid #d43080;
}
.form .agent_signup .box_file_wrapper .box_file {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 20px;
  border: 1px dashed var(--0b3948);
  border-radius: 8px;
}
@media (max-width: 1199px) {
  .form .agent_signup .box_file_wrapper .box_file {
    flex-direction: column;
    align-items: start;
    gap: 5px;
    padding: 15px 20px;
  }
}
.form .agent_signup .box_file_wrapper .box_file .file_name {
  flex-grow: 1;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #3E4552;
}
.form .agent_signup .box_file_wrapper .box_file .file_btn {
  flex-shrink: 0;
  outline: none;
  border: none;
  min-width: 275px;
  height: 42px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  background: var(--0b3948);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 148%;
  text-transform: capitalize;
  text-align: center;
  color: var(--style);
  cursor: pointer;
}
@media (max-width: 419px) {
  .form .agent_signup .box_file_wrapper .box_file .file_btn {
    min-width: initial;
    width: 100%;
  }
}
.form .agent_signup .box_file_wrapper .box_file .file_btn svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form .agent_signup .states {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
@media (max-width: 1199px) {
  .form .agent_signup .states {
    gap: 30px;
  }
}
.form .agent_signup .states_header {
  padding: 10px 24px;
  border-radius: 8px;
  background: var(--eeeae5);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form .agent_signup .states_header .sh_title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .states_header .sh_title {
    font-size: 16px;
  }
}
.form .agent_signup .states_header .sh_subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  text-align: center;
  color: #748289;
}
@media (max-width: 1199px) {
  .form .agent_signup .states_header .sh_subtitle {
    font-size: 12px;
  }
}
.form .agent_signup .states fieldset {
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.form .agent_signup .states fieldset label {
  flex: 0 1 calc(16.6666666667% - 8.3333333333px);
}
@media (max-width: 1449px) {
  .form .agent_signup .states fieldset label {
    flex-basis: calc(20% - 8px);
  }
}
@media (max-width: 1280px) {
  .form .agent_signup .states fieldset label {
    flex-basis: calc(25% - 7.5px);
  }
}
@media (max-width: 1199px) {
  .form .agent_signup .states fieldset label {
    flex-basis: calc(20% - 8px);
  }
}
@media (max-width: 1109px) {
  .form .agent_signup .states fieldset label {
    flex-basis: calc(25% - 7.5px);
  }
}
@media (max-width: 919px) {
  .form .agent_signup .states fieldset label {
    flex-basis: calc(33.3333333333% - 6.6666666667px);
  }
}
@media (max-width: 719px) {
  .form .agent_signup .states fieldset label {
    flex-basis: calc(50% - 5px);
  }
}
@media (max-width: 599px) {
  .form .agent_signup .states fieldset label {
    max-width: calc(50% - 5px);
  }
}
.form .agent_signup .states fieldset label input {
  display: none;
}
.form .agent_signup .states fieldset label input:checked + span {
  border-color: #e6e5e3;
  background: var(--0b3948);
  color: var(--style);
}
.form .agent_signup .states fieldset label input:checked + span::before {
  background-color: var(--0b3948);
  box-shadow: inset 0 4px 15px 0 rgba(0, 0, 0, 0.04);
  border-color: var(--0b3948);
}
.form .agent_signup .states fieldset label input.js-toggle-all + span {
  font-weight: 700;
  color: #e6575b;
}
.form .agent_signup .states fieldset label input.js-toggle-all:checked + span {
  color: var(--style);
}
.form .agent_signup .states fieldset label span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  padding-right: 5px;
  border: 1px solid #e6e5e3;
  border-radius: 18px;
  box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.05);
  background: #f7f5f2;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 1199px) {
  .form .agent_signup .states fieldset label span {
    gap: 6px;
    padding: 5px 7px;
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .states fieldset label span {
    word-break: break-word;
  }
}
.form .agent_signup .states fieldset label span:hover {
  border-color: var(--0b3948);
  background: rgba(11, 57, 72, 0.2);
}
.form .agent_signup .states fieldset label span::before {
  content: "";
  flex-shrink: 0;
  width: 28px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 8px;
  background-color: var(--style);
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.705078 2.74835L4.68126 6.7085L10.7051 0.708496" stroke="white" stroke-width="2" /></svg>');
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  border: 1px solid #e3e5ec;
  box-shadow: inset 0 4px 15px 0 rgba(0, 0, 0, 0);
  transition: 0.35s;
}
.form .agent_signup .radio_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form .agent_signup .radio_wrapper .label {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .radio_wrapper .label {
    margin-top: 10px;
    text-align: center;
  }
}
.form .agent_signup .radio_wrapper .radio {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 100px;
       column-gap: 100px;
  margin-bottom: -10px;
}
@media (max-width: 1199px) {
  .form .agent_signup .radio_wrapper .radio {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (max-width: 899px) {
  .form .agent_signup .radio_wrapper .radio {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.form .agent_signup .radio_wrapper .radio label {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px;
  border: 1px solid var(--eeeae5);
  border-radius: 32px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  transition: 0.35s;
}
.form .agent_signup .radio_wrapper .radio label input:not(.other_input) {
  display: none;
}
.form .agent_signup .radio_wrapper .radio label input:not(.other_input):checked + span::before {
  border: 10px solid var(--f9a21b);
  background: transparent;
}
.form .agent_signup .radio_wrapper .radio label:has(input:checked) {
  border-color: rgba(249, 162, 27, 0.4);
}
.form .agent_signup .radio_wrapper .radio label:has(.other_input) {
  border-radius: 16px;
}
.form .agent_signup .radio_wrapper .radio label span {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  color: #3E4552;
}
.form .agent_signup .radio_wrapper .radio label span::before {
  content: "";
  flex-shrink: 0;
  width: 36px;
  height: auto;
  aspect-ratio: 1/1;
  border: 1px solid rgba(193, 184, 184, 0.4);
  border-radius: 50%;
  background: var(--style);
  transition: 0.35s;
  cursor: pointer;
}
@media (max-width: 599px) {
  .form .agent_signup .radio_wrapper .radio label input[type=text] {
    font-size: 14px;
  }
}
.form .agent_signup .languages_wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form .agent_signup .languages_wrapper .label {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .languages_wrapper .label {
    text-align: center;
    margin-top: 10px;
  }
}
.form .agent_signup .languages_wrapper .grid_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 100px;
}
@media (max-width: 1199px) {
  .form .agent_signup .languages_wrapper .grid_box {
    gap: 10px 30px;
  }
}
@media (max-width: 899px) {
  .form .agent_signup .languages_wrapper .grid_box {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.form .agent_signup .languages_wrapper .languages {
  display: flex;
  gap: 20px;
}
@media (max-width: 1199px) {
  .form .agent_signup .languages_wrapper .languages {
    gap: 10px;
  }
}
.form .agent_signup .languages_wrapper .languages select {
  box-shadow: 9px 6px 20px 11px rgba(0, 0, 0, 0.04);
}
.form .agent_signup .languages_wrapper .languages .add_lang {
  outline: none;
  border: none;
  flex-shrink: 0;
  min-width: 120px;
  height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  background: var(--0b3948);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 148%;
  text-transform: capitalize;
  text-align: center;
  color: var(--style);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 1199px) {
  .form .agent_signup .languages_wrapper .languages .add_lang {
    min-width: 100px;
  }
}
.form .agent_signup .languages_wrapper .languages .add_lang:hover {
  background: var(--f9a21b);
  color: var(--0b3948);
}
.form .agent_signup .languages_wrapper .languages .add_lang svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form .agent_signup .following_tools {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form .agent_signup .following_tools .label {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  text-transform: capitalize;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .following_tools .label {
    text-align: center;
    margin-top: 10px;
  }
}
.form .agent_signup .following_tools .following {
  border: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 110px;
}
@media (max-width: 1199px) {
  .form .agent_signup .following_tools .following {
    gap: 30px;
  }
}
@media (max-width: 899px) {
  .form .agent_signup .following_tools .following {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.form .agent_signup .following_tools .following .left, .form .agent_signup .following_tools .following .right {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form .agent_signup .following_tools .following input[type=checkbox] {
  display: none;
}
.form .agent_signup .following_tools .following input[type=checkbox]:checked + span::before {
  background-color: var(--f9a21b);
  border-color: var(--f9a21b);
}
@media (max-width: 599px) {
  .form .agent_signup .following_tools .following input[type=text] {
    font-size: 14px;
  }
}
.form .agent_signup .following_tools .following label {
  border: 1px solid var(--eeeae5);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: 0.35s;
  cursor: pointer;
}
.form .agent_signup .following_tools .following label:has(input:checked) {
  border-color: rgba(249, 162, 27, 0.4);
}
.form .agent_signup .following_tools .following label.image {
  padding: 7px 13px;
}
.form .agent_signup .following_tools .following label.text {
  padding: 12px 13px;
  min-height: 58px;
  justify-content: center;
}
@media (max-width: 1199px) {
  .form .agent_signup .following_tools .following label.text {
    padding: 7px 13px;
    min-height: 44px;
  }
}
.form .agent_signup .following_tools .following label span {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 125%;
  color: var(--0b3948);
}
.form .agent_signup .following_tools .following label span img {
  width: auto;
  height: 42px;
}
.form .agent_signup .following_tools .following label span::before {
  content: "";
  flex-shrink: 0;
  width: 28px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 8px;
  background-color: var(--style);
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.705078 2.74835L4.68126 6.7085L10.7051 0.708496" stroke="white" stroke-width="2" /></svg>');
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  border: 1px solid #e3e5ec;
  box-shadow: inset 0 4px 15px 0 rgba(0, 0, 0, 0);
  transition: 0.35s;
}
.form .agent_signup .form_btn {
  outline: none;
  border: none;
  min-width: 260px;
  height: 48px;
  padding-right: 20px;
  padding-left: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-radius: 8px;
  background: #ffd470;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
.form .agent_signup .form_btn:hover {
  background: var(--f9a21b);
}
.form .agent_signup .form_btn svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}
.form .agent_signup .step_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper {
    width: calc(100% + 60px);
    margin: 0 -30px;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .step_wrapper {
    width: 100%;
    margin: 0;
  }
}
.form .agent_signup .step_wrapper .step_title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  text-align: center;
  color: var(--0b3948);
  margin-bottom: 90px;
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper .step_title {
    margin: 30px 0 20px;
    font-size: 24px;
  }
}
.form .agent_signup .step_wrapper .section_subtitle {
  padding: 9px 15px;
  border-radius: 100px;
  box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.05);
  background: var(--style);
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 13px;
  line-height: 123%;
  text-transform: uppercase;
  color: var(--0b3948);
}
.form .agent_signup .step_wrapper .section_subtitle .icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form .agent_signup .step_wrapper .section_title {
  margin: 20px 0 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  text-align: center;
  color: var(--0b3948);
  max-width: 930px;
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper .section_title {
    font-size: 28px;
    max-width: initial;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .step_wrapper .section_title {
    font-size: 20px;
    letter-spacing: -0.02em;
  }
}
.form .agent_signup .step_wrapper .desc {
  margin-top: 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--0b3948);
  max-width: 930px;
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper .desc {
    max-width: initial;
  }
}
.form .agent_signup .step_wrapper .cards {
  margin-top: 40px;
  width: 100%;
  max-width: 1160px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper .cards {
    margin-top: 20px;
    gap: 10px;
    align-items: start;
  }
}
@media (max-width: 767px) {
  .form .agent_signup .step_wrapper .cards {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 300px;
  }
}
.form .agent_signup .step_wrapper .cards .item {
  position: relative;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 10px 90px 0 rgba(0, 0, 0, 0.08);
  background: var(--style);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper .cards .item {
    padding: 30px 10px;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .step_wrapper .cards .item {
    padding: 30px;
  }
}
.form .agent_signup .step_wrapper .cards .item.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.form .agent_signup .step_wrapper .cards .item.best_value {
  border-color: var(--f9a21b);
}
.form .agent_signup .step_wrapper .cards .item .best_value {
  border-radius: 0 11px 4px 4px;
  padding: 5px 12px;
  background: #ffd470;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: var(--0b3948);
  position: absolute;
  top: 0;
  right: 0;
}
.form .agent_signup .step_wrapper .cards .item .icon {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-shadow: -5px -5px 0 0 #d9d9d9;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form .agent_signup .step_wrapper .cards .item .icon img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form .agent_signup .step_wrapper .cards .item .name {
  margin-top: 16px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 129%;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper .cards .item .name {
    font-size: 24px;
    line-height: 150%;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .step_wrapper .cards .item .name {
    font-size: 28px;
    line-height: 129%;
  }
}
.form .agent_signup .step_wrapper .cards .item .price {
  margin-top: 10px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  line-height: 125%;
  text-align: center;
  color: #205874;
}
.form .agent_signup .step_wrapper .cards .item .price .green {
  color: #33a752;
}
.form .agent_signup .step_wrapper .cards .item .btn {
  outline: none;
  border: none;
  margin-top: 20px;
  padding: 0 20px;
  height: 42px;
  border-radius: 8px;
  background: var(--0b3948);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 148%;
  text-align: center;
  color: var(--style);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 1199px) {
  .form .agent_signup .step_wrapper .cards .item .btn {
    padding: 0 8px;
    min-width: 185px;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .step_wrapper .cards .item .btn {
    padding: 0 20px;
  }
}
.form .agent_signup .step_wrapper .cards .item .btn:hover {
  background: var(--f9a21b);
  color: var(--0b3948);
}
.form .agent_signup .step_wrapper .cards .item .btn svg {
  flex-shrink: 0;
  width: 18px;
  height: auto;
}
.form .agent_signup .step_wrapper .cards .item .list {
  margin: 16px 0;
  padding-top: 16px;
  width: 100%;
  border-top: 1px solid #f4f2ef;
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex-grow: 1;
}
.form .agent_signup .step_wrapper .cards .item .list .benefit {
  display: flex;
  align-items: start;
  gap: 9px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  color: #748289;
}
.form .agent_signup .step_wrapper .cards .item .list .benefit svg {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form .agent_signup .step_wrapper .cards .item .page_link {
  border-radius: 8px;
  width: 100%;
  padding: 0 20px;
  height: 40px;
  background: #ffd470;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
}
.form .agent_signup .step_wrapper .cards .item .page_link:hover {
  background: var(--f9a21b);
}
.form .agent_signup .step_wrapper .note {
  margin-top: 20px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 12px;
  line-height: 148%;
  text-align: center;
  color: rgba(11, 57, 72, 0.4);
}
.form .agent_signup .login_data {
  max-width: 860px;
  margin: 0 auto;
}
.form .agent_signup .login_data .section_title {
  margin-bottom: -16px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .form .agent_signup .login_data .section_title {
    font-size: 24px;
  }
}
.form .agent_signup .login_data .section_note {
  width: 100%;
  max-width: 860px;
  border-radius: 8px;
  padding: 15px;
  background: #f8f0e2;
}
@media (max-width: 767px) {
  .form .agent_signup .login_data .section_note {
    margin-top: 20px;
  }
}
.form .agent_signup .login_data .section_note .title {
  margin-bottom: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
  color: var(--0b3948);
}
.form .agent_signup .login_data .section_note .text {
  margin-top: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #000;
}
.form .agent_signup .login_data .grid_box {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 20px;
}
@media (max-width: 767px) {
  .form .agent_signup .login_data .grid_box {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.form .agent_signup .login_data .acceptance {
  position: relative;
  grid-column: span 2;
}
@media (max-width: 767px) {
  .form .agent_signup .login_data .acceptance {
    grid-column: initial;
  }
}
.form .agent_signup .login_data .acceptance input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 28px;
  height: 28px;
}
.form .agent_signup .login_data .acceptance input:checked + span::before {
  background-color: var(--0b3948);
  border-color: var(--0b3948);
}
.form .agent_signup .login_data .acceptance input.validate_error + span::before {
  box-shadow: 0 0 3px #d43080;
}
.form .agent_signup .login_data .acceptance span {
  display: flex;
  align-items: center;
  gap: 16px;
}
.form .agent_signup .login_data .acceptance span .text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--0b3948);
}
.form .agent_signup .login_data .acceptance span .text a {
  text-decoration: underline;
  color: var(--f9a21b);
}
.form .agent_signup .login_data .acceptance span::before {
  content: "";
  flex-shrink: 0;
  width: 28px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 8px;
  background-color: var(--style);
  background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.705078 2.74835L4.68126 6.7085L10.7051 0.708496" stroke="white" stroke-width="2" /></svg>');
  background-position: center;
  background-size: 12px;
  background-repeat: no-repeat;
  border: 1px solid #e3e5ec;
  box-shadow: inset 0 4px 15px 0 rgba(0, 0, 0, 0);
  transition: 0.35s;
  cursor: pointer;
}
.form .agent_signup .login_data .form_btns {
  width: 100%;
  margin-top: 44px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .form .agent_signup .login_data .form_btns {
    grid-column: initial;
  }
}
@media (max-width: 399px) {
  .form .agent_signup .login_data .form_btns {
    gap: 10px;
  }
}
.form .agent_signup .login_data .light_btn {
  outline: none;
  border: none;
  min-width: 260px;
  height: 60px;
  padding-left: 40px;
  padding-right: 20px;
  border-radius: 8px;
  background: #ffd470;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
@media (max-width: 767px) {
  .form .agent_signup .login_data .light_btn {
    min-width: 190px;
    padding-left: 30px;
    padding-right: 10px;
    flex-grow: 1;
  }
}
@media (max-width: 399px) {
  .form .agent_signup .login_data .light_btn {
    min-width: initial;
    width: 100%;
    padding-left: 20px;
  }
}
.form .agent_signup .login_data .light_btn:hover {
  background: var(--f9a21b);
}
.form .agent_signup .login_data .light_btn svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}
.form .agent_signup .payment {
  flex-direction: column;
}
.form .agent_signup .payment .section_title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 125%;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .section_title {
    margin-top: 20px;
    font-size: 24px;
    letter-spacing: -0.02em;
  }
}
.form .agent_signup .payment .box {
  width: 100%;
  max-width: 1160px;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  padding: 30px 30px 60px;
  box-shadow: 0 10px 90px 0 rgba(0, 0, 0, 0.08);
  background: var(--style);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  align-items: start;
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .box {
    padding: 30px 15px 60px;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .form .agent_signup .payment .box {
    grid-template-columns: 1fr;
  }
}
.form .agent_signup .payment .box .payment_info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form .agent_signup .payment .box .payment_info .icon {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-shadow: -5px -5px 0 0 #d9d9d9;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .box .payment_info .icon {
    width: 60px;
    height: 60px;
    box-shadow: -3px -3px 0 0 #d9d9d9;
  }
}
.form .agent_signup .payment .box .payment_info .icon img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .box .payment_info .icon img {
    width: 27px;
    height: 27px;
  }
}
.form .agent_signup .payment .box .payment_info .name {
  margin-top: 16px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 129%;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .box .payment_info .name {
    font-size: 24px;
    line-height: 150%;
  }
}
@media (max-width: 599px) {
  .form .agent_signup .payment .box .payment_info .name {
    font-size: 20px;
    line-height: 180%;
    letter-spacing: -0.03em;
  }
}
.form .agent_signup .payment .box .payment_info .price {
  margin-top: 10px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 125%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .box .payment_info .price {
    font-size: 24px;
  }
}
.form .agent_signup .payment .box .payment_info .price .green {
  color: #33a752;
}
.form .agent_signup .payment .box .payment_info .first_payment {
  margin-top: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 163%;
  text-align: center;
  color: #748289;
  max-width: 300px;
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .box .payment_info .first_payment {
    font-size: 14px;
    line-height: 186%;
    max-width: 285px;
  }
}
.form .agent_signup .payment .box .payment_stripe {
  min-height: 700px;
  background: #f3f3f3;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 129%;
  text-align: center;
  color: var(--0b3948);
}
@media (max-width: 1199px) {
  .form .agent_signup .payment .box .payment_stripe {
    min-height: 500px;
    font-size: 20px;
  }
}
.form .agent_signup .payment .note {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 12px;
  line-height: 148%;
  text-align: center;
  color: rgba(11, 57, 72, 0.4);
}
/* ==================== listing-success.css (success page) ==================== */
.success {
  margin: 90px 0 200px;
}
@media (max-width: 1199px) {
  .success {
    margin: 60px 0 120px;
  }
}
@media (max-width: 599px) {
  .success {
    margin: 40px 0 60px;
  }
}
.success .wrapper {
  max-width: 1140px;
}
@media (max-width: 1199px) {
  .success .wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 599px) {
  .success .wrapper {
    padding: 0 30px;
  }
}
.success .icon {
  width: auto;
  max-width: 100%;
  height: 112px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .success .icon {
    height: 60px;
  }
}
.success .section_title {
  margin-top: 30px;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 148%;
  color: var(--0b3948);
}
@media (max-width: 767px) {
  .success .section_title {
    font-size: 24px;
  }
}
.success .section_text {
  margin-top: 40px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  color: var(--0b3948);
  max-width: 800px;
}
@media (max-width: 767px) {
  .success .section_text {
    margin-top: 24px;
    font-size: 16px;
  }
}
.success .section_text > * {
  margin: 0 0 0.5em;
}
@media (max-width: 767px) {
  .success .section_text > * {
    margin: 0 0 1em;
  }
}
.success .section_text > *:last-child {
  margin-bottom: 0;
}
.success .btns_wrapper {
  margin-top: 60px;
  display: flex;
  justify-content: start;
  gap: 20px;
}
@media (max-width: 767px) {
  .success .btns_wrapper {
    margin-top: 24px;
    flex-wrap: wrap;
  }
}
.success .dark_btn {
  outline: none;
  border: none;
  min-width: 87px;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  background: var(--0b3948);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--style);
  cursor: pointer;
  transition: 0.35s;
}
.success .dark_btn:hover {
  background: var(--f9a21b);
  color: var(--0b3948);
}
.success .light_btn {
  outline: none;
  border: none;
  min-width: 270px;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  background: #ffd470;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: var(--0b3948);
  cursor: pointer;
  transition: 0.35s;
}
.success .light_btn:hover {
  background: var(--f9a21b);
}
.success .light_btn svg {
  flex-shrink: 0;
  width: 27px;
  height: auto;
}
/* Screen-reader-only utility (WP Accessibility equivalent) */
.wpa-screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ============================================================
   Autocomplete suggestions (claim name search, ZIP by state)
   ============================================================ */
.name_search,
.zip_field {
  position: relative;
  display: block;
  width: 100%;
}
.claim .existing_form .name_search {
  margin-top: 20px;
  max-width: 660px;
}
.search_suggestions {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 30;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  max-height: 280px;
  overflow-y: auto;
  border-radius: 8px;
  background: var(--style);
  box-shadow: 0 8px 24px rgba(11, 57, 72, 0.18);
}
.search_suggestions .item,
.search_suggestions .status {
  padding: 10px 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: var(--0b3948);
  text-align: left;
}
.search_suggestions .item {
  cursor: pointer;
}
.search_suggestions .item:hover {
  background: var(--ffd470);
}
.search_suggestions .status {
  color: var(--9a9393);
  cursor: default;
}