.btn:focus, .btn:focus-visible{
    outline: 2px solid black !important;
    outline-offset: -1px;
    box-shadow: none;
}

.password-container {
        position: relative;
        display: inline-block;
    }
.show-password {
    position: absolute;
    right: 5px; 
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.toggle-password {
    position: absolute;
    right: 5px; 
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    background: none;
    border: none;
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

.toggle-password:hover {
    color: #555; /* Optional: Slightly lighter color on hover */
}

.toggle-password:focus {
    outline: 2px solid #005fcc;
    border-radius: 4px;
    color: #005fcc;
}

.visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}