/* Ensure radio buttons are visible in Firefox */
.form-check-input {
    transform: scale(1.3); /* Increase size */
    margin-right: 10px;
    appearance: auto; /* Ensures visibility */
    -webkit-appearance: radio; /* WebKit browsers */
    -moz-appearance: radio; /* Firefox fix */
    background-color: white !important; /* Ensure clear visibility */
    border: 2px solid #007bff !important; /* Blue border */
}


/* Ensure white background for each question block */
.mb-3 {
    background: #ffffff !important; /* Force white background */
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow */
    margin-bottom: 15px;
    border: 1px solid #ddd; /* Light grey border */
}

/* Ensure radio buttons have a white background */
.form-check {
    background: #ffffff !important;
    padding: 12px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Fix for Firefox: Ensure white background is applied */
@-moz-document url-prefix() {
    .mb-3, .form-check {
        background: white !important; /* Force white background in Firefox */
        border: 1px solid #ccc;
    }
}

/* Ensure spacing for radio options */
.form-check-input {
    margin-right: 10px;
}

/* Ensure progress bar is visible in all browsers */
.progress {
    height: 25px;
    background-color: #e9ecef;
    border-radius: 5px;
    overflow: hidden;
}




/* Ensure labels are properly aligned */
.form-check-label {
    font-size: 16px;
    font-weight: bold;
    color: #333; /* Darker text for better contrast */
}

/* Improve spacing between radio options */
.form-check {
    padding: 12px;
    background: #ffffff; /* White background for better visibility */
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow effect */
}

/* Improve contrast in Firefox */
input[type="radio"]:focus {
    outline: 2px solid #007bff !important;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/* Highlight selected option */
input[type="radio"]:checked {
    background-color: #007bff !important; /* Blue background */
    border-color: #0056b3 !important; /* Darker blue border */
}

/* Adjust button styles for better visibility */
.btn {
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
}

/* Ensure smooth animation for Chrome & Firefox */
.progress-bar {
    transition: width 0.4s ease-in-out;
}

/* Force repaint in Firefox */
.force-repaint {
    will-change: width;
}

/* Ensure progress bar visibility */
.progress {
    height: 25px;
    background-color: #e9ecef;
    border-radius: 5px;
    overflow: hidden;
}



/* Remove white background from questions */
.mb-3 {
    background: none !important; /* Remove white background */
    padding: 15px;
    border: none; /* Remove border */
    box-shadow: none; /* Remove shadow */
    margin-bottom: 15px;
}

/* Ensure radio options have a white background */
.form-check {
    background: #ffffff !important;
    padding: 12px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

/* Improve spacing between radio options */
.form-check-input {
    margin-right: 10px;
}

/* Ensure proper alignment */
.form-check-label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}