body {
       margin: 0;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
       font-size: .9rem;
       font-weight: 400;
       line-height: 1.5;
       color: #212529;
       text-align: left;
       background: url(../images/bg.jpg) no-repeat center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
}

.ftco-section {
       padding: 5em 0;
}
.container{
       position: fixed; 
       top: 50%; 
       left: 50%; 
       transform: translate(-50%, -50%); 
       min-width: 1000px;
}

.btn {
       font-size: .9rem;
}
.wrap {
       overflow: hidden;
       background: url(../images/bg-card.jpg) no-repeat center;
       background-size: cover;
       border-radius: 5px;
       -webkit-box-shadow: 8px 11px 0px 0px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
       box-shadow: 8px 11px 0px 0px rgba(0, 0, 0, 0.08);
}

.login-wrap {
       width: 50%; 
       position: relative;
       padding: 20px;
}


.form__div {
       position: relative;
       height: 48px;
       margin-bottom: .5rem;
}

.form__input {
       top: 0;
       left: 0;
       width: 100%;
       height: 80%;
       font-size: 1rem;
       border: 1px solid #DADCE0;
       border-radius: .5rem;
       outline: none;
       padding: .7rem;
       background: none;
       z-index: 1;
}

.form__label {
       position: absolute;
       left: 1rem;
       top: 0.5rem;
       padding: 0 .25rem;
       background-color: #fff;
       color: #80868B;
       font-size: .9rem;
       transition: .3s;
}

/*Input focus move up label*/
.form__input:focus+.form__label {
       top: -.5rem;
       left: .8rem;
       color: green;
       font-size: .75rem;
       font-weight: 500;
       z-index: 10;
}

/*Input focus sticky top label*/
.form__input:not(:placeholder-shown).form__input:not(:focus)+.form__label {
       top: -.5rem;
       left: .8rem;
       font-size: .75rem;
       font-weight: 500;
       z-index: 10;
}

/*Input focus*/
.form__input:focus {
       border: 1.5px solid green;
}

/* @media (max-width: 991.98px) {
       .login-wrap {
              width: 50%; 
       } 
} */

@media (max-width: 767.98px) {
       .login-wrap {
              width: 100%; 
       }
       .wrap{
              background: #fff;
       }
       .container{
              min-width: 400px;
       }
       
}