#popover-password{position: absolute;background: #fff;padding: 10px 30px;border-radius: 10px;bottom: -265px;width: 100%;border: solid 2px #6d6e7120}
.control-label {text-align: left !important;padding-bottom: 4px;}
.progress {height: 3px !important;margin-bottom:10px}
.show-pass{position: absolute;top: 18px;right: 20px;}
.progress-bar-danger {background-color: #e90f10;}
.progress-bar-warning{background-color: #ffad00;}
.progress-bar-success{background-color: #02b502;}
.fa-eye{color: #022255;cursor: pointer;}
.ex-account p a{color: #f6086e;text-decoration: underline;}
.fa-circle{font-size: 6px;  }
.fa-check{color: #02b502;}
wrapper{display:flex;justify-content:center;align-items:center;background-color:#eee}
.checkmark__circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #7ac142;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}
.checkmark{width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10;margin: 10% auto;box-shadow: inset 0px 0px 0px #7ac142;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both} .checkmark__check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards} @keyframes stroke{100%{stroke-dashoffset: 0}} @keyframes scale{0%, 100%{transform: none}50%{transform: scale3d(1.1, 1.1, 1)}} @keyframes fill{100%{box-shadow: inset 0px 0px 0px 30px #7ac142}}
@media (max-width:992px){
    .forgot-logo{width:100%;text-align:center}
    .forgot-content{width:100%}
}
.section {
    height: 100vh;
    overflow: hidden;
    font-family: Poppins
}

body {
    background: #fff;
    padding: 0;
    margin: 0
}

.form-group {
    position: relative
}

.forgot-content {
    width: 500px;
    height: 500px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    box-shadow: #e9441128 0 0 10px
}

.forgot-container {
    width: calc(100% - 60px);
    padding: 20px 30px
}

.form-control {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: all ease .5s;
    border: #e9441128 solid 2px;
    height: auto
}

.forgot-button {
    border: none;
    border-radius: 8px;
    margin-top: 10px;
    background: #e94411;
    color: #fff;
    transition: all ease .5s;
    width: 100%;
    padding: 15px;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #e94411
}

.forgot-button:hover {
    background: #084298
}

.forgot-logo {
    width: 500px
}

.forgot-title h1 {
    text-align: center;
    font-weight: 700
}

.forgot-title p {
    font-family: Poppins;
    font-weight: 300;
    text-align: center
}

.login {
    text-align: center;
    display: block;
    padding: 10px 0;
    width: 150px;
    color: #e94411;
    text-decoration: none;
    margin: 20px auto 0;
    transition: all ease .5s;
    font-family: Poppins;
    font-weight: 500;
}

    .login:hover {
        color: #084298
    }

.form-time {
    text-align: center;
    font-size: 22px;
    display: block;
    margin-bottom: 10px
}

.form-text {
    text-align: center;
    display: block;
    margin: 5px auto
}