/* FORM CONTAINER */

.rjsf-form{
max-width:700px;
margin:auto;
font-family:Arial;
}

/* STEP INDICATOR */

.rjsf-step-indicator{
display:flex;
justify-content:center;
gap:10px;
margin-bottom:30px;
}

.rjsf-step-dot{
width:12px;
height:12px;
border-radius:50%;
background:#ddd;
}

.rjsf-step-dot.active{
background:#4CAF50;
}

/* HIDE STEPS */

.rjsf-form-step{
display:none;
}

/* ROW / COLUMN */

.rjsf-row{
display:flex;
gap:20px;
flex-wrap:wrap;
margin-bottom:0px;
}

.rjsf-column{
flex:1;
min-width:250px;
}

/* FIELD */

.rjsf-field{
margin-bottom:20px;
}

.rjsf-field label{
display:block;
margin-bottom:5px;
font-weight:600;
}

/* INPUT */

.rjsf-field input,
.rjsf-field textarea,
.rjsf-field select{
width:100%;
padding:10px;
border:1px solid #ccc;
border-radius:4px;
}

/* NAVIGATION */

.rjsf-navigation{
margin-top:30px;
display:flex;
justify-content:center;
gap:20px;
}

.rjsf-navigation button{
padding:10px 28px;
background:#0e6a8f;
color:white;
border:none;
border-radius:5px;
cursor:pointer;
font-size:14px;
}

.rjsf-navigation button:hover{
background:#0c5a78;
}


/* checkbox + radio layout */

.rjsf-field label{
display:flex;
align-items:center;
gap:6px;
margin-bottom:8px;
font-weight:normal;
}

/* keep checkbox and radio on left */

.rjsf-field input[type="checkbox"],
.rjsf-field input[type="radio"]{
width:auto;
margin:0;
}


/* cleaner look */
.rjsf-field{
margin-bottom:24px;
}

.rjsf-field label:first-child{
font-weight:600;
margin-bottom:8px;
display:block;
}

/* STEP INDICATOR */

.rjsf-step-indicator{
display:flex;
justify-content:center;
gap:40px;
margin-bottom:30px;
}

.rjsf-step-item{
display:flex;
flex-direction:column;
align-items:center;
font-size:12px;
color:#777;
}

.rjsf-step-dot{
width:12px;
height:12px;
border-radius:50%;
background:#ddd;
margin-bottom:6px;
}

.rjsf-step-dot.active{
background:#4CAF50;
}

.rjsf-step-text{
font-size:12px;
}

.rjsf-form-step .rjsf-next,
.rjsf-form-step .rjsf-prev{
    font-size: 14px;
}

/* Step 1 button */
.rjsf-form-step[data-step="1"] .rjsf-next {
    font-size: 0;
}

.rjsf-form-step[data-step="1"] .rjsf-next::after {
    content: "Let's Go →";
    font-size: 14px;
}

/* Trust text below button */
.rjsf-form-step[data-step="1"] .rjsf-navigation,
.rjsf-form-step[data-step="5"] .rjsf-navigation{
    position:relative;
    padding-bottom:50px;
}
.rjsf-form-step[data-step="1"] .rjsf-navigation::after,
.rjsf-form-step[data-step="5"] .rjsf-navigation::after{
    position:absolute;
    display: block;
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
    text-align: center;
    bottom:0;
}
.rjsf-form-step[data-step="1"] .rjsf-navigation::after {
    content: "Your information is never sold or shared.";
}
.rjsf-form-step[data-step="5"] .rjsf-navigation::after {
    content: "You'll hear back within two business days.";
}
.rjsf-step-dot.active {
    background: #000000;
}

.rjsf-form-step .rjsf-navigation button{
    background:#AE8B55;
    padding:16px 20px;
    font-weight:600;
}

.rjsf-form-step .rjsf-navigation button:hover{
    background:#F8F1E6;
    color:#AE8B55;
}

.rjsf-field label:has(input[type="checkbox"]) {
    font-weight: normal !important;
}


@media (max-width: 539px) {
	.rjsf-row{
		gap:0px;
	}
}

