.noi{    display: none;
}

.background{
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 1000;
    background-color: #fff;
}

.body{
    background-color: #000;
}

.hou{
    position: absolute;
    top: calc(50% - 112.42px);
    left: calc(50% - 161px);
    border: 1px solid #d2d2d7;
    /* box-shadow: 0px 0px 40px rgb(0 0 0 / 21%); */
    box-shadow: 17px 20px 40px rgb(0 0 0 / 21%);
}

.myvad{
    width: 300px!important;
    height: 40px!important;
    border-radius: 10px!important;
    outline: none!important;
    /* border: 1px solid #00000000!important; */
    background-color: rgba(255, 255, 255, 0.719);
    box-shadow: none!important;
    border: 1px solid #000!important;
}

.but{
    width: 300px!important;
    height: 40px!important;
    border-radius: 10px!important;
    outline: none!important;
    border: 1px solid #00000000!important;
    background-color: #0071ef;
    box-shadow: none!important;
    color: #fff;
    cursor: pointer;
    padding-top:2px;
    margin-top: 20px;
    transition: background-color .2s cubic-bezier(0.66,0,0.2,1);
}

.but:hover{
    background-color: #3b8ff0;
}

.hou h1{
    text-align: center;
    display: block;
}

.hello h1{
    font-size: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d2d2d7;
}

.h2{
    color: #3c3c3c;
    font-weight: 600;
    margin-top: 20px;
}


.nav.desktop,
.nav.moile{
    font-family: 'Helvetica'!important;
}

.list{
    width: 100%;
    margin-top: 20px;
}

/* .fhji{
    max-width: 300px;
} */

.pregressgroup{
    margin-top: 10px;
}

.ssle{
    padding: 10px 15px;
    background-color: rgb(241, 241, 241);
    border-radius: 10px;
    margin-top: 20px;
}



.s3s .progresss{
    width: 57%!important;
}

.ssle.ff{
    border: 1px solid #00000000;
}

.ssle.ff:hover{
    background-color: rgb(237, 237, 237);
    border: 1px solid #0071ef;
}

.content{
    margin-bottom: 50px;
}