body{
    background-color:#f2f2f2 ;
}

.page-limiter{
    display: block;
    position: relative;
    width: 100%;
}
.page-limiter .page-context{
    display: flex;
    position: relative;
    justify-content: center;
    align-content: center;
    padding: 7%;
}
.page-limiter .page-context .page-wrapper{
    display: flex;
    position: relative;
    flex-direction: row;
    width: 100%;
    column-gap: 145px;

}
.page-wrapper .part-logo{}
.part-logo .part-header-logo{
    display: block;
    overflow: hidden;
    width: 450px;
}
.part-logo .part-header-logo .tittel-log{
    font-size: 34px;
    font-weight: 700;
    color: #62c7c3;
}
.part-logo .part-header-logo p{}
.part-logo .logo-login{ 
    display: block;
    overflow: hidden;
    width: 510px;
    height: 328px;
    padding-top: 20px;
}
.part-logo .logo-login img{
    object-fit: cover;
    max-width: 100%;
}
.page-wrapper .part-login{
    display: block;
    position: relative;
    width: 100%;

}
.page-wrapper .part-login .card-login{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 90%;
    padding: 25px;
    justify-items: center;
    align-content: center;
    background: white;
    border-radius: 10px;
    height: 434px;
    margin-left: auto;
}
.part-login .card-login .header-card-login{
    text-align: center;
    font-size: 20px;
    font-weight: 700;

}
.part-login .card-login .header-card-login p{}
.part-login .card-login .col-input{}
.part-login .card-login .part-remember{
    display: flex;
    position: relative;
    flex-direction: row;
    width: 100%;
} 

.btn-log {
    justify-items: center;
    align-items: center;
}
.button-log{
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 45px;
    border: none;
    background: #4da6a0;
    color: white;
    /* font-size: 21px; */
    font-weight: 600;
    border-radius: 6px;
}
.card-login .new-acount{
    text-align: center;
}
.card-login .line{
    display: flex;
    position: relative;
    flex-direction: row;

}

.button-log-new {
    display: block;
    position: relative;
    cursor: pointer;
    border: 1px solid #d1d1d1d1;
    width: 100%;
    height: 42px;
    border-radius: 6px;
    background-color: white;
    font-weight: 600;
}
.btn-log-new{}

.hr{
    -webkit-box-flex: 1;
    flex: 1;
    height: 1px;
    background: rgb(216, 216, 216);}
.mr-top-1{
    margin-top: 1em !important;
}
.mr-top-2{
    margin-top: 2em !important;
}
.mr-top-3{
    margin-top: 3em !important;
}
.pd-left-1{
    padding-left: 10px;
}
.forget-pass{
    text-align: end;
    margin-left: auto;
}
.txt-center{
    text-align: center;
}
.txt-inline{
    margin-top: -12px;
    padding-left: 6px;
    padding-right: 6px;
}