.home-title{
        color: #1c1c1c;
font-family: "Open Sans";
font-size: 2.625rem;
font-style: normal;
font-weight: 400;
line-height: 3.15rem;
    margin-bottom: 4.75rem;
    margin-top: 6rem;
}

.auth-form{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap:1.25rem;
    width: 100%;
    margin-bottom: 2.5rem;
}

.input-wrapper{
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
}

.input-wrapper input{
border-radius: 0.125rem;
border: 1px solid var(--borders-form-border, #C2C2C2);
background: var(--component-bg, #FFF);
height: 1.875rem;

}
.input-wrapper label{
color: var(--text-colors-placeholder-text, #5B5B5B);
font-family: "Open Sans" ;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
margin-bottom: 0;
}

.password-input{
    padding-right: 2rem;
    width: 100%;    
}
.hide-password-btn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0.5rem;
    z-index: 10;
}

.hide-password-btn img{
    width: 0.85rem;
    height: 0.85rem;
}

.or-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem 0;
}

.divider{
    flex: 1;
    height: 1px;
    background-color: #eaeaea;
}

.third-party-auth-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}