.strength-meter-bar {
    transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out;
    height: 5px; 
    background-color: #e9ecef; /* Light grey initial color */
}
.strength-very-weak { background-color: #dc3545; }  /* Red */
.strength-weak { background-color: #ffc107; }       /* Yellow */
.strength-fair { background-color: #17a2b8; }       /* Light Blue */
.strength-strong { background-color: #007bff; }     /* Blue */
.strength-very-strong { background-color: #28a745; } /* Green */

.progress {
    background-color: transparent; /* Make the background transparent */
    height: 5px; /* Match the height of the meter bar */
}