.forgot-password-container, .change-password-container{box-shadow: inset 0 4px 16px 0 rgba(0, 0, 0, 0.2);background-color: #ffffff;min-height: calc(100vh - 320px);display: flex;align-items: center;justify-content: center;}.forgot-password-container .forgot-password-form-container, .change-password-container .forgot-password-form-container{display: flex;justify-content: center;background-color: #ffffff;}.forgot-password-container .forgot-password-form-container form, .change-password-container .forgot-password-form-container form{width: 494px;border-radius: 12px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);background-color: #1c1c1c;padding: 33px;text-align: center;}.forgot-password-container .forgot-password-form-container form h3, .change-password-container .forgot-password-form-container form h3{text-align: center;font-family: Roboto, Arial, Helvetica, sans-serif;font-size: 28px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #ffffff;margin-bottom: 28px;}.forgot-password-container .forgot-password-form-container form .form-group, .change-password-container .forgot-password-form-container form .form-group{margin-bottom: 28px;}.forgot-password-container .forgot-password-form-container form .form-group input, .change-password-container .forgot-password-form-container form .form-group input{height: 40px;border-radius: 12px;background-color: rgba(255, 255, 255, 0.15) !important;background-image: none !important;border-color: rgba(255, 255, 255, 0.15);outline: none;font-family: Roboto, Arial, Helvetica, sans-serif;font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #fff;}.forgot-password-container .forgot-password-form-container form .form-group input::placeholder, .change-password-container .forgot-password-form-container form .form-group input::placeholder{font-family: Roboto, Arial, Helvetica, sans-serif;font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: rgba(255, 255, 255, 0.8);}.forgot-password-container .forgot-password-form-container form .form-group input:-ms-input-placeholder, .change-password-container .forgot-password-form-container form .form-group input:-ms-input-placeholder{font-family: Roboto, Arial, Helvetica, sans-serif;font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: rgba(255, 255, 255, 0.8);}.forgot-password-container .forgot-password-form-container form .form-group input::-ms-input-placeholder, .change-password-container .forgot-password-form-container form .form-group input::-ms-input-placeholder{font-family: Roboto, Arial, Helvetica, sans-serif;font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: rgba(255, 255, 255, 0.8);}.forgot-password-container .forgot-password-form-container form .btn-forgot-password, .forgot-password-container .forgot-password-form-container form .btn-change-password, .change-password-container .forgot-password-form-container form .btn-forgot-password, .change-password-container .forgot-password-form-container form .btn-change-password{height: 40px;border-radius: 12px;background-color: #84329b;border-color: #84329b;margin: 0 auto;color: #fff;text-transform: uppercase;}.forgot-password-container .forgot-password-form-container form .successful-forgot-password-container, .change-password-container .forgot-password-form-container form .successful-forgot-password-container{padding: 126px 50px 121px 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.forgot-password-container .forgot-password-form-container form .successful-forgot-password-container .icon-container, .change-password-container .forgot-password-form-container form .successful-forgot-password-container .icon-container{width: 56px;height: 56px;background-color: #84329b;margin-bottom: 65px;border-radius: 100%;display: flex;align-items: center;justify-content: center;color: #fff;}.forgot-password-container .forgot-password-form-container form .successful-forgot-password-container .icon-container i, .change-password-container .forgot-password-form-container form .successful-forgot-password-container .icon-container i{font-size: 28px;}.forgot-password-container .forgot-password-form-container form .successful-forgot-password-container h4, .change-password-container .forgot-password-form-container form .successful-forgot-password-container h4{font-family: Roboto, Arial, Helvetica, sans-serif;font-size: 36px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 44px;letter-spacing: normal;color: #fff;}.forgot-password-container .forgot-password-form-container form .successful-forgot-password-container p, .change-password-container .forgot-password-form-container form .successful-forgot-password-container p{font-family: Roboto, Arial, Helvetica, sans-serif;font-size: 17px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 22px;letter-spacing: normal;color: #fff;}@media screen and (max-width: 991px) {.forgot-password-container, .change-password-container { height: 100%;padding: 50px 0;}.forgot-password-container .forgot-password-form-container form .btn-forgot-password, .forgot-password-container .forgot-password-form-container form .btn-change-password, .change-password-container .forgot-password-form-container form .btn-forgot-password, .change-password-container .forgot-password-form-container form .btn-change-password{width: 100%;}}@media screen and (max-width: 767px) {.forgot-password-container .forgot-password-form-container form, .change-password-container .forgot-password-form-container form { padding: 33px 15px;width: 300px;}.forgot-password-container .forgot-password-form-container form h3, .change-password-container .forgot-password-form-container form h3{font-size: 22px;}}