@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{
    font-family: 'Poppins', sans-serif;
    user-select: none;
}
body{
    color:#fff;
    height:100vh;
    overflow: hidden;
    position: relative;
background: rgb(241, 238, 238);
min-width: 320px;
}
.bg-company{
    background:#ca2340;color:#fff
}
.text-company{
    color:#ca2340;
}
.container-fluid{
    background: #fff;
    position:absolute;
    height: 500px;
   width:60% ;
    top:50%;
    right:50%;
    left: 50%;
    bottom: 50%;
    inset:50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    box-shadow: 20px 20px 40px rgba(18, 3, 58, 0.4);
    padding:0;
}
.CompanyName{
    font-weight: 600;
    text-transform: uppercase;
    font-size: large;
    cursor: pointer;
}
.link-l-s{
    padding: 10px;
    background: #fff;
    color: rgb(15, 3, 48);
    text-decoration: none;
    text-transform: uppercase;    
    border-radius: 10px;
    font-size: small;
}
.link-l-s:hover{
    background:rgb(2, 2, 51);
    text-decoration: none;
    color: #fff;
}
.link-l-s:focus{
    background: rgb(2, 2, 51);
    color: #fff;
    text-decoration: none;
}
.conatiner-form-con-login--c{
    background: #fff;
    height:100%;
}
    .flex-d div,.mov-v--br-fl div,.conatiner-form-con-login--c .div-kwc-c-colomn{
        width: 40%;
        text-align: center;
    }
    .single-form-login{
        width: 60%;
    }
    .conatiner-form-con-login--c .div-kwc-c-colomn{
        background: #ca2340;
       color:#fff

    }
    .mov-v--br-fl{
        justify-content: center;
    }
    .mov-v--br-fl div>a{
        color:rgba(6, 1, 20, 0.4);
        text-decoration: none;
    }
    .mov-v--br-fl div>a:hover{
        color:#ca2340;
        text-decoration: none;
    }
    .conatiner-form-con-login--c .single-form-login{
        height:100%;
        color:#000;
    }
    .single-form-login{
        height: 400px;
    }
form{
    padding: 20px;
    width: 100%;
}
    .form-showcase--wbr{
        height: 300px;
        position:relative;
    }
    h1.login-header{
        position:absolute;
        top:50%;
        right:50%;
        left: 50%;
        bottom: 50%;
        inset:50%;
        transform: translate(-50%,-50%);
        color:green;
    }
 .kwc-text-login{   
    font-family: auto;
}
.bloomoom{
padding-top: 10rem;
}
    @media(max-width:996px){
        .single-form-login{
        padding:0;
    }
    h3{
        
    font-size: 1.40rem;
    }
    .mov-v--br-fl div>a{
        color:rgba(18, 3, 58, 0.4);
        text-decoration: none;
        font-size: small;
    }
    .kwc-text-login {
    font-family: auto;
}

.container-fluid{
   width:70% ;}
    }
    @media(max-width:600px){.bloomoom {
    padding-top: 2rem;
}
body{
    
    color: #fff;
    height: auto;
    overflow: auto;
    position: initial;
}
.container-fluid {
    height: 100%;
    width: 100%;
    position: initial;
    inset: initial;
    transform: initial;
}
    .single-form-login {
        width: 100%;
    }
    .conatiner-form-con-login--c{
        flex-wrap:wrap;
    }
    .flex-d div, .mov-v--br-fl div, .conatiner-form-con-login--c .div-kwc-c-colomn{
        width: 100%;
        margin:0;
    }
    }