.step{
    display:none; 
	
	background: #ffffff;
    border-radius: 12px;
    padding: 35px;
    margin: 30px auto;
    max-width: 900px;

    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.step.active{
    display:block;
}
.form-header {

    background: #0059b3;

    color: white;

    padding: 12px 40px;

    border-radius: 8px;

    margin: 30px auto 15px auto;

    width: 60%;

    text-align: center;


}

.tag {

    font-size: 28px;

    font-weight: 700;

    text-align: center;

    letter-spacing: 0.3px;

}

.tagline {

    margin-top: 45px;

    text-align: left	;

    font-size: 16px;

    line-height: 1.5;

    opacity: 0.95;
	
	margin-bottom: 45px;

}

.question-card {

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 12px;

    padding: 25px;

    margin-bottom: 25px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.06);

    transition: 0.2s ease;

}

.question-card:hover {

    box-shadow: 0 6px 18px rgba(0,0,0,0.10);

}

.question-info{

    display:none;

    margin-top:15px;

    background:#eef6ff;

    border-left:5px solid #0059b3;

    padding:15px 18px;

    border-radius:8px;

    color:#333;

    line-height:1.5;

}

.navigation{

    display:flex;

    justify-content:space-between;

    margin-top:30px;

}

.missing-answer {

    border: 2px solid #dc3545;

    background:#fff5f5;

}

.form-message {

    display:none;

    background:#fff3cd;

    color:#856404;

    border:1px solid #ffeeba;

    padding:15px;

    border-radius:8px;

    margin-bottom:20px;

    font-weight:500;

}


.form-message.show {

    display:block;

}

/* .answer-options { */

    /* display: flex; */

    /* gap: 12px; */

    /* margin-top: 15px; */

    /* align-items: center; */

/* } */


/* .answer-options input[type="radio"] { */

    /* display: none; */

/* } */


/* .answer-options label { */

    /* display: inline-flex; */

    /* align-items: center; */

    /* justify-content: center; */

    /* width: 80px; */

    /* height: 38px; */

    /* border: 2px solid #0059b3; */

    /* border-radius: 8px; */

    /* color: #0059b3; */

    /* font-weight: 600; */

    /* cursor: pointer; */

    /* transition: 0.2s ease; */

    /* padding: 0; */

/* } */


/* .answer-options label:hover { */

    /* background: #eef6ff; */

/* } */


/* .answer-options input[type="radio"]:checked + label { */

    /* background: #0059b3; */

    /* color: white; */

/* } */

.question-card input[type="radio"] {
    margin-left: 15px;
    margin-right: 8px;
	cursor: pointer;
	transition: 0.2s ease;
}

.missing-answer {

    border:2px solid #dc3545;

    background:#fff5f5;

}


.is-invalid {

    border:2px solid #dc3545 !important;

}
.progress {

    height: 25px;

    background: #e5e7eb;

    border-radius: 10px;

    overflow: hidden;

}


.progress-bar {

    background: #0059b3;

    border-radius: 10px;

    font-size: 14px;

    font-weight: 600;
	
	line-height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: width 0.4s ease;

}





.section-progress {

    font-size:14px;

    color:#555;

    margin-bottom:20px;

    font-weight:600;
	

}


.question-card.completed {

    border-left:5px solid #198754;

}


.question-card.completed h5::after {

    content:" ✓";

    color:#198754;

}

#addInfo {
    width: 100%;
    max-width: 700px;
    height: 150px;
    resize: vertical;
}