.bg-im {
    margin:0!important;
}
.img-back {
    position: absolute;
    width: 100%;
    height: 100%;
}

.bg-im .fa-refresh:before {
    color: #fff;
}

    .bg {
        width:100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.cou {
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cou-he {
    display: flex;
    flex-direction: column;
    align-items: center;
   z-index:2;
}
.cou-bo {
    display: flex;
    flex-direction: column;
    align-items: center !important;
}
.cou-he img {
    width: 100px;
}

    .cou-he span {
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        font-size: 20px;
        text-align: center;
    }

.mt-4 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 15px;
}

.mt-5 {
    margin-top: 25px;
}

.custom-label {
    color: #fff;
}


.fcolor-white {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 1024px) {
    .cou {
        width: 100%!important;
        align-items: unset!important;
    }

        .cou .form-control, .cou .btn {
            height: 50px !important;
        }
    
}

@media (max-width: 320px) {
 
        .cou .form-control, .cou .btn {
            height: 30px !important;
        }
    .cou-bo{
        padding:20px;
    }
}