html, body, .main-div{
    height: 100%;
}
.login-form{
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
}
.img-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btn-login{
    display: flex;
    justify-content: center;
    margin-top: 4rem;
}

.cstm-form-group .password-container {
    position: relative;
    width: 100%;
}

.cstm-form-group .password-container input {
    width: 100%;
    padding-right: 40px !important; /* Asegurar espacio para el icono */
}

.cstm-form-group .password-container i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    z-index: 10;
    font-size: 1.1rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.cstm-form-group .password-container i:hover {
    color: var(--color-primary);
}
.redondo{
    padding-left: 2.5rem;
    padding-right: 2.5rem;  
}