/* .background-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
} */
body::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000002E;
}
/* login_page */
.login_page{
    background:url(../images/login/kdc-bg.webp) ;
    background-size:cover ;
    background-position: center;
    background-repeat: no-repeat;
}
.login_page .page-content {
    background: #FFF2F221;
    backdrop-filter: blur(100px);
    padding: 30px 35px 50px;
    border-radius: 26px;}
/* form-head */
.login_page .page-content .form-head {
    margin-bottom: 60px;}
.login_page .page-content .form-head .h2{
    color:#640AF5;}
.login_page .page-content .form-head .sub-title{
    letter-spacing: 1px;}
    
.login_page .page-content .form-head .logo {
    max-width: 100%;
    max-height: 102px;
    margin-bottom: 30px;}
/* form-body */
.login_page .page-content .form-body .field-col {
    position: relative;
    margin-top: 27px;}
.login_page .page-content .form-body .field-col .form-label {
    font-size: 13px;}
.login_page .page-content .form-body .field-col .form-control {
    min-height: 58px;
    line-height: 1.5; 
    border-radius: 12px;
    border: 1px solid #BEBEBE;
    font-size: 14px;
    padding: 10px 20px;
}
.login_page .page-content .form-body .field-col input::placeholder {
    color: #4E4E4E !important; /* Change this to your desired color */
    opacity: 1; /* Ensures the color is fully visible */
}

.login_page .page-content .form-body .field-col input:-ms-input-placeholder { /* IE 10-11 */
    color: #4E4E4E !important;
}

.login_page .page-content .form-body .field-col input::-ms-input-placeholder { /* Microsoft Edge */
    color: #4E4E4E !important;
}

.login_page .page-content .form-body .field-col .form-control:focus{box-shadow: none;}
.login_page .page-content .form-body .field-col .btn-toggle {
    position: absolute;
    right: 8px;
    top: 15px;
    font-size: 18px;
    padding: 3px 5px;
    border: none;
    background-color: transparent;
    color: #B8B8B8;}
.login_page .page-content .form-body .field-col .btn-toggle:hover {
    color: #000000c9;}
/* form-foot */
.login_page .page-content .form-foot {
    margin-top: 50px;}
.login_page .page-content .form-foot .btn{
    background-color: #640AF5;
    color: #fff;
    height: 55px;
    padding: 8px 15px;
    border-radius: 12px;
    font-size: 16px;
    width: 100%;}


/* text-grey */
.text-grey{
    color: #4E4E4E;
}

:focus-visible {
    outline: 0 !important;
}