/* FITT isolated 4.10.2 registration, visual QA. Canonical Real Estate navy/gold. */
body.registration-page ul.steps.mobile {
 display: grid !important;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 column-gap: 6px;
 align-items: stretch;
 width: 100%;
 height: auto !important;
 min-height: 38px;
 padding: 0 !important;
 margin: 0 0 24px !important;
 overflow: visible !important;
 box-shadow: none !important;
 border: none !important;
 background: transparent !important;
 border-radius: 0 !important;
 white-space: normal !important;
}
body.registration-page ul.steps.mobile > li,
body.registration-page ul.steps.mobile > li.prev,
body.registration-page ul.steps.mobile > li.current,
body.registration-page ul.steps.mobile > li.current + li,
body.registration-page ul.steps.mobile > li.current + li + li {
 display: flex !important;
 align-items: stretch;
 justify-content: center;
 width: auto !important;
 min-width: 0;
 min-height: 38px;
 height: auto !important;
 line-height: normal !important;
 position: relative;
 background: #f0f4f8 !important;
 color: #082a48 !important;
 border: 1px solid #d7e1ec !important;
 border-radius: 999px !important;
 box-shadow: none !important;
 margin: 0 !important;
 padding: 0 !important;
}
body.registration-page ul.steps.mobile > li:before,
body.registration-page ul.steps.mobile > li:after {
 display: none !important;
 content: none !important;
}
body.registration-page ul.steps.mobile > li a {
 display: flex !important;
 align-items: center;
 justify-content: center;
 width: 100%;
 min-width: 0;
 padding: 8px 10px !important;
 margin: 0 !important;
 border: 0 !important;
 border-radius: inherit;
 text-align: center;
 text-decoration: none !important;
 line-height: 1.35 !important;
 font-weight: 700 !important;
 font-size: clamp(11px, 1.3vw, 13px) !important;
 color: #082a48 !important;
 white-space: normal !important;
}
body.registration-page ul.steps.mobile > li.past {
 background: #e9f4ef !important;
 border-color: #a4c9b9 !important;
}
body.registration-page ul.steps.mobile > li.current {
 background: #082a48 !important;
 border-color: #082a48 !important;
}
body.registration-page ul.steps.mobile > li.current a { color: #fff !important; }
body.registration-page ul.steps.mobile > li.past a { color: #0a3f33 !important; }
body.registration-page ul.steps.mobile > li:not(.current) a:focus-visible {
 outline: 2px solid #f59e0b !important;
 outline-offset: 2px;
}
body.registration-page .submit-cell .field.phone,
body.registration-page .submit-cell .field.phone .iti,
body.registration-page .submit-cell .field.phone .iti input.phone-field {
 width: 100%;
 max-width: 100%;
 min-width: 0;
}
body.registration-page .submit-cell .field.phone .iti { display: block !important; }
body.registration-page .submit-cell .field.phone input.iti__tel-input {
 box-sizing: border-box !important;
 padding-inline-start: var(--fitt-phone-flag-space, 84px) !important;
 direction: ltr;
}
body.registration-page .submit-cell .field.phone .iti__country-container {
 z-index: 2;
 max-width: 46%;
}
body.registration-page .submit-cell .field.phone .iti__selected-country-primary {
 padding-inline: 10px;
}
body.registration-page .submit-cell .field.phone .iti__selected-country { cursor: pointer; }
@media (max-width: 575px) {
 body.registration-page ul.steps.mobile { column-gap: 4px; margin-inline: 0 !important; }
 body.registration-page ul.steps.mobile > li a { padding: 8px 4px !important; font-size: 10px !important; }
 body.registration-page .submit-cell .field.phone input.iti__tel-input { min-height: 40px; }
}