.container-forget-password{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#fff;
}

.container-forget-password > nav{
    background-color:var(--main-color);
    color:#fff;
    display: flex;
}


.container-forget-password > nav > i {
    font-size:10vw;
    margin-left:5px;
}
.container-forget-password > nav > span{
    margin-left:10px;
    font-size:5vw;
}

.container-forget-password > div{
    width:90%;
    display:block;
    margin: 5vw auto 0;
}

.container-forget-password > div > span{
    font-weight:500;
    font-size:4.5vw;
}


.container-forget-password > div > div{
    margin: 0;
}

.container-forget-password > div > div.container-confirmation-code{
    width:50%;
    display:block;
    margin: 0 auto 10vw;
}

.container-forget-password > div > div.container-confirmation-code > input[type='tel']{
    text-align:center;
    font-size:8vw;
    letter-spacing: 15px;
}

.container-forget-password > div > div > input[type='email']{
    background-color:#fff;
    border:1px solid #ccc;
    display:block;
    padding:5px 10px;
    width:calc(100% - 20px);
    border-radius:1px;
}


.container-forget-password > div > div > input[type='email']{
    border: 1px solid #26a69a;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-weight:500;
    font-size:5vw;
}

.container-forget-password > div > button{
    width:100%;
    background-color:#123;
    font-size:4.5vw;
    color:#fff;
    padding:15px;
    border:none;
    border-radius:5px;
    display:flex;
    justify-content:space-between;
}


.container-forget-password > div > p{
    text-align:center;
}

.container-forget-password > div.steps-form{
    display: none;
}

.container-forget-password > div.steps-form.active{
    display: block;
}
