/* form-forgot-password */
.form-forgot-password, .form-forgot-userid { margin-bottom: 0; font-size: 0.92857em; line-height: 1.38462; padding: 0; }
#heading-success, #heading-error,
.form-forgot-password .error-screen .heading2,  .form-forgot-password .success-screen .heading2,  .form-forgot-userid .error-screen .heading2,  .form-forgot-userid .success-screen .heading2,
.form-forgot-password .error-screen h3,  .form-forgot-password .success-screen h3,  .form-forgot-userid .error-screen h3,  .form-forgot-userid .success-screen h3 { font-size: 24px; line-height: 1.25;font-weight: 700;margin-bottom: 33px;color: #121418;}
.form-forgot-password .error-screen .frame,  .form-forgot-password .success-screen .frame,  .form-forgot-userid .error-screen .frame,  .form-forgot-userid .success-screen .frame { max-width: 468px; }
.form-forgot-password .error-screen .vector-area,  .form-forgot-password .success-screen .vector-area,  .form-forgot-userid .error-screen .vector-area,  .form-forgot-userid .success-screen .vector-area { padding: 0px 0 40px; }
.form-forgot-password p,  .form-forgot-userid p { color: #222428; font-size: 1.230769230769231em; line-height: 1.28571; }
.form-forgot-password .form-area,  .form-forgot-userid .form-area { background-color: #fff; border-radius: 4px; }
.form-forgot-password .col.right .success-screen,  .form-forgot-userid .col.right .success-screen { opacity: 0; width: 100%; visibility: hidden; -webkit-transition: all 2s ease 1s; -o-transition: all 2s ease 1s; transition: all 2s ease 1s; }
.form-forgot-password .col.right .error-screen .frame,  .form-forgot-password .col.right .success-screen .frame,  .form-forgot-userid .col.right .error-screen .frame,  .form-forgot-userid .col.right .success-screen .frame { max-width: 100%; }
.form-forgot-password.form-success .col.left,  .form-forgot-userid.form-success .col.left { display: none; }
.form-forgot-password.form-success .col.right,  .form-forgot-userid.form-success .col.right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.form-forgot-password.form-success .col.right .success-screen,  .form-forgot-userid.form-success .col.right .success-screen { opacity: 1; visibility: visible; }
.form-forgot-password.form-success .spinner-holder,  .form-forgot-userid.form-success .spinner-holder { display: block; }
.form-forgot-password .holder,  .form-forgot-userid .holder {padding-top: 100px;}
.form-forgot-password .holder p,  .form-forgot-userid .holder p { margin: 0 0 55px; font-size: 1.230769230769231em; line-height: 1.5; letter-spacing: 0.23px; color: #222428; }
.temp-overlay .btn.btn-light{z-index: 10;}
.field-holder{ min-height:auto;}
/* mkhan29_style */
.otp-container .passcode-box{
	text-align: center;
}
span.icon-check.tick-box {background: #121418; color: #fff; border-radius: 50%; height: 24px; width: 24px;line-height: 24px; display: inline-block; text-align: center;position: absolute; right: 0;top: 11px;display: none;}
.form-forgot-password .carousel-indicators li.completed .bullet{ display: none;}
.form-forgot-password .carousel-indicators li.completed span.icon-check.tick-box{ display: inline-block;}
@media (min-width: 768px) {
.form-forgot-password .col.left,  .form-forgot-userid .col.left { min-height: 580px; }
.passcode-box #send-verification.btn.btn-block{min-width: 268px;}
}
.form-forgot-password .col.left .col-footer,  .form-forgot-userid .col.left .col-footer { width: 100%; height: 1%; display: table-footer-group; }
.form-forgot-password .col.left .frame,  .form-forgot-userid .col.left .frame {border: 2px solid #CACBCC;max-width: 380px;border-radius: 10px;padding: 30px 38px 39px;}
.form-forgot-password .col.right .frame,  .form-forgot-userid .col.right .frame{border: 2px solid #CACBCC;border-radius: 10px;background: #fff;}
.form-forgot-password p,  .form-forgot-userid p { margin: 0 0 34px; }
.form-forgot-password .captcha-area label,  .form-forgot-userid .captcha-area label { margin: 0; }
.form-forgot-password label strong,  .form-forgot-userid label strong { font-weight: 500; letter-spacing: 0.23px; color: #222222; }
#heading-level1,
.form-forgot-password h2,  .form-forgot-userid h2 { font-weight: 700; margin: 0 0 26px; font-size: 1.846153846153846em; line-height: 1.45455; }
.form-forgot-password .carousel-indicators,  .form-forgot-userid .carousel-indicators { top: auto; left: auto; right: auto; bottom: auto; display: block; margin: 0; position: relative; counter-reset: my-sec-counter; }
.form-forgot-password .carousel-indicators .bullet,  .form-forgot-userid .carousel-indicators .bullet { top: 0; right: 0; bottom: 0; position: absolute; content: ''; z-index: 2; }
.form-forgot-password .carousel-indicators li,  .form-forgot-userid .carousel-indicators li { margin: 0; text-indent: 0; background: none; overflow: hidden; position: relative; width: auto; height: auto; padding: 11px 3.857142857142857em 11px 24px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; font-size: 1.307692307692308em; line-height: 1.5; border-left: 4px solid #CACBCC;}
.form-forgot-password .carousel-indicators li.active,  .form-forgot-userid .carousel-indicators li.active { font-weight: 700; border-left-color: #FF0099; color: #222428;}
.form-forgot-password .carousel-indicators li.completed .bullet,  .form-forgot-userid .carousel-indicators li.completed .bullet { font-family: 'cholder4'; content: "\e924"; }
.form-forgot-password .carousel-indicators li .bullet,  .form-forgot-userid .carousel-indicators li .before { top: 11px; color: #fff; width: 24px; height: 24px; border-radius: 100%; text-align: center; border: 1px solid #CACBCC; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; font-size: 0; line-height: 0;}
.form-forgot-password .vector-area,  .form-forgot-userid .vector-area { max-width: 410px; overflow: hidden; padding: 80px 0 0; position: relative; margin: 0 auto; }
.form-forgot-password .vector-area:before,  .form-forgot-userid .vector-area:before { top: 0; left: 50%; z-index: 1; content: ''; opacity: 0.71; background: #fff; border-radius: 100%; position: absolute; width: 100%; height: 200%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); }
.form-forgot-password .vector-area > *,  .form-forgot-userid .vector-area > * { z-index: 2; position: relative; }
.form-forgot-password .vector-area img,  .form-forgot-password .vector-area svg,  .form-forgot-userid .vector-area img,  .form-forgot-userid .vector-area svg { display: block; margin: 0 auto; max-width: 100%; height: auto; overflow: visible; }
/* .form-forgot-password .success-screen .vector-area,  .form-forgot-password .error-screen .vector-area,  .form-forgot-userid .success-screen .vector-area,  .form-forgot-userid .error-screen .vector-area { padding: 0; } */
.form-forgot-password .heading2,  .form-forgot-userid .heading2,
.form-forgot-password h3,  .form-forgot-userid h3 { color: #222428; margin: 0 0 32px; font-weight: 700; font-size: 1.846153846153846em; line-height: 1.25; }
.form-forgot-password .heading,  .form-forgot-userid .heading { margin: 50px 0 15px; font-size: 1.07692em; line-height: 1.21429; }
.form-forgot-password .field,  .form-forgot-userid .field { margin: 0 0 32px; }
.form-forgot-password.form-success .btn,  .form-forgot-userid.form-success .btn {padding: 9px 20px; min-width: 180px;}
.form-forgot-password h4,  .form-forgot-userid h4 { color: #222; margin: 49px 0 8px; font-weight: 500; font-size: 1.07692em; line-height: 1.14286; }
.form-forgot-password h4 + p,  .form-forgot-userid h4 + p { margin: 0 0 30px; }
.form-forgot-password .carousel-inner,  .form-forgot-userid .carousel-inner { padding: 100px 0 40px 10px;}
.form-forgot-password .passcode-box .radios-holder .radio,  .form-forgot-userid .passcode-box .radios-holder .radio { display: block; }
.form-forgot-password .passcode-box .radios-holder .radio::after,  .form-forgot-userid .passcode-box .radios-holder .radio::after { display: block; clear: both; content: ""; }
.form-forgot-password .alert,  .form-forgot-userid .alert { margin: -10px 0 30px 0; }
/* end of forgot-pass and forgot-id parent here */
.form-forgot-password .otp-container .invisible { visibility: visible !important; opacity: 0; }
.form-forgot-password .captcha.btn-2 { height: 66px; }
.form-forgot-userid .btns { margin-top: 40px; flex-direction: row-reverse; justify-content: flex-end; gap: 20px; }
.form-forgot-userid .btns > div {flex: 1;}
.form-forgot-userid p + .alert-danger { margin-top: -20px; }
.form-forgot-userid .captcha.btn-2 { height: 65px; margin: 10px 0 10px; }
.form-forgot-password .field.uid-field { font-size: 1.153846153846154em; line-height: 1.5; }
.form-forgot-password .uid-label { position: relative; }
.form-forgot-password .link { right: 0px; top: 36px; font-weight: 400; position: absolute; margin: -9px 0 0; font-size: 13px; line-height: 1.46154; color: #444444; }
.form-forgot-password .link ~ .form-control { padding-right: 70px; }
.form-forgot-password .link:hover, .form-forgot-password .link:focus { text-decoration: underline; outline: dotted 1px; outline-offset: 2px; }
.form-forgot-password .invalid-uid { display: block; color: #d36e6e; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; position: absolute; bottom: -25px; }
.form-forgot-password .list-digits { overflow: hidden; margin: 0 -5px 10px; }
.form-forgot-password .list-digits li { margin: 0; width: auto; float: left; padding: 0 5px; }
.form-forgot-password .list-digits .form-control { color: #222; width: 40px; }
.form-forgot-password .list-digits .form-control::-webkit-input-placeholder {color: #D8D8D8; }
.form-forgot-password .list-digits .form-control::-moz-placeholder { opacity: 1; color: #D8D8D8; }
.form-forgot-password .list-digits .form-control:-moz-placeholder { color: #D8D8D8; }
.form-forgot-password .list-digits .form-control:-ms-input-placeholder { color: #D8D8D8;  }
.form-forgot-password .list-digits .form-control.placeholder { color: #D8D8D8; }
.form-forgot-password .btn { font-size: 1.230769230769231em; line-height: 1.35714; padding: 10px 20px; font-weight: 700;}
.form-forgot-password #forgot-password-slide2 .frame p { margin: 0 0 34px; }
.form-forgot-password #forgot-password-slide2 .passcode-box p {color: #121418; margin-bottom: 21px;}
.form-forgot-password #forgot-password-slide3 .password-conditions { margin: 30px 0; }
.form-forgot-password p + .alert-danger { margin-top: -20px; }
.form-forgot-password .otp-container { min-height: auto; }
.form-forgot-password .list-digits .form-control { padding: 6px 0; text-align: center; font-size: 24px; line-height: 1.25; border-width: 0 0 2px; }
.form-forgot-password .verification-send { margin: 0 0 50px; }
.form-forgot-password .password-conditions p { color: #575757; margin: 0 0 10px; }
.form-forgot-password .password-conditions .list-alpha { margin-bottom: 0; }
.form-forgot-password .radios-holder label { margin: 0; }
.form-forgot-password .captcha-area label { color: #757575; margin: 0; }
.form-forgot-password .captcha-area > label { color: #222; font-weight: 500; }
/* .form-forgot-userid .error-screen .vector-area { padding-bottom: 0 } */
.form-forgot-userid .error-screen .heading2,
.form-forgot-userid .error-screen h3 { color: #333; }
.form-forgot-userid .error-screen .btns { margin: 0; }
.form-forgot-userid .error-screen .btns .btn-orange { min-width: 170px; }
/* .form-forgot-userid .success-screen .vector-area { padding-bottom: 32px; } */
.form-forgot-userid .left .frame { max-width: 314px; }
.form-forgot-password .error-screen .frame { max-width: 465px; }
.form-forgot-password .error-screen h3 { color: #444; }
.form-forgot-password .error-screen p { margin: 0 0 30px; color: #121418; }
.form-forgot-password .error-screen .btn-orange { min-width: 170px; }
.form-forgot-password .left .holder p { margin: 0 0 27px; }
.captcha-area.google-captcha + .btns { margin-top: 42px; }
/*reset new password*/
.cagent-resetpassword .img-holder{text-align:left;}
.cagent-resetpassword .form-area {padding: 70px 74px;}
.cagent-resetpassword .carousel-item .frame {margin: 0;padding: 0;}
.cagent-resetpassword .alert{margin: 0px 0 30px 0;}
.cagent-resetpassword .carousel-inner {padding: 0px 10px 0;}
.cagent-resetpassword .btns{margin-bottom:10px}
.cagent-resetpassword .error-screen .frame,.cagent-resetpassword .success-screen .frame{text-align:left;padding-top:104px;}
.cagent-resetpassword .col.status-right .error-screen .frame,.cagent-resetpassword .success-screen .col.status-right .frame{max-width:505px}
.cagent-resetpassword .error-screen .frame a,.cagent-resetpassword .success-screen .frame a{margin:0;}
.cagent-resetpassword #heading-error ,.cagent-resetpassword #heading-success{font-size: 2em;font-weight: 800;line-height: 1.2;}
.cagent-resetpassword .error-screen p,.cagent-resetpassword .success-screen p { font-size: 1.384615384615385em;margin:0 0 62px;line-height:1.38;font-weight: 400;}
.cagent-resetpassword .error-screen .btn-orange, .cagent-resetpassword .success-screen .btn-orange{min-width: 160px;padding:8.5px;}
@media (max-width: 991px) {
.form-forgot-password .heading2, .form-forgot-userid .heading2, .form-forgot-password h3, .form-forgot-userid h3{margin-bottom: 12px;}
#heading-level1,
.form-forgot-password h2,  .form-forgot-userid h2{text-align: center;margin-bottom: 12px;}
.form-forgot-password .left .holder p { margin: 0 0 10px; }
.form-forgot-password .carousel-indicators li,  .form-forgot-userid .carousel-indicators li{border-left: 0;}
.form-forgot-password .col.left .frame,  .form-forgot-userid .col.left .frame {max-width: 100%;}
.form-forgot-password .carousel-item .frame, .form-forgot-userid .carousel-item .frame{padding: 40px 38px;}
.form-forgot-password .carousel-indicators li { padding: 5px 0 5px 54px; }
.form-forgot-password .heading2,
.form-forgot-password .col.right h3, .form-forgot-password .col.right p { text-align: center; }
/* new code for iPad */
.form-forgot-password .form-area > fieldset > .row [class*="col"],
.form-forgot-userid .form-area > fieldset > .row [class*="col"] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; min-height: inherit; }
.form-forgot-password .col.left .col-footer, .form-forgot-userid .col.left .col-footer { display: none !important; }
.form-forgot-password .holder, .form-forgot-userid .holder { display: block; height: auto; width: auto; overflow: visible; text-align: center; padding: 30px 10px; }
.form-forgot-password .col.left .col-header, .form-forgot-userid .col.left .col-header { display: block; flex: none; }
.form-forgot-password .carousel-indicators, .form-forgot-userid .carousel-indicators { margin: 0; }
.form-forgot-password .carousel-indicators li { padding: 0; display: inline-block; vertical-align: top; }
.form-forgot-password .carousel-indicators li,
.form-forgot-password .carousel-indicators li + li, .form-forgot-userid .carousel-indicators li + li { margin: 0 3px; }
.form-forgot-password .carousel-indicators li .bullet, .form-forgot-userid .carousel-indicators li .bullet{ position: static; left: auto; top: auto;  display: inline-block;vertical-align: top;}
.form-forgot-password .carousel-indicators li span[id] { width: 0; height: 0; opacity: 0; position: absolute; top: 0; left: 0; }
.temp-overlay:before,
.form-forgot-password .holder .t-cell, .form-forgot-userid .holder .t-cell { display: none; }
span.icon-check.tick-box{ position: relative; top: auto; left: auto;}
/* mkhan29-style */
.form-forgot-password p, .form-forgot-userid p{text-align: center;}
.form-forgot-password .heading2, .form-forgot-userid .heading2, .form-forgot-password h3, .form-forgot-userid h3{
    text-align: center;
}
.form-forgot-userid .error-screen, .form-forgot-userid .success-screen, .form-forgot-password .error-screen, .form-forgot-password .success-screen{padding-top: 0;}
.form-forgot-password .btns, .form-forgot-userid .btns{ text-align: center;}
.form-forgot-password .carousel-inner, .form-forgot-userid .carousel-inner{padding: 10px 0 10px 10px;margin-bottom: 20px;}
/* END new code for iPad */
/*reset new password*/
.cagent-resetpassword .carousel-item .frame{margin:0 auto;}
.cagent-resetpassword .left{display:none;}
.cagent-resetpassword .form-area {padding: 30px;}
.cagent-resetpassword .carousel-item .frame {padding: 23px 0 5px;}
.cagent-resetpassword .success-screen .frame,.cagent-resetpassword .error-screen .frame{text-align:center;}
.cagent-resetpassword .status-left{display:none;}
.cagent-resetpassword .error-screen p, .cagent-resetpassword .success-screen p{margin: 0 0 25px;}
}

@media (max-width: 900px) {
.form-forgot-password .vector-area:before { display: none; }
.helpline { min-width: auto !important; }
.form-forgot-userid .carousel-item.success-screen .frame,
.form-forgot-userid .carousel-item.error-screen .frame,
.form-forgot-password .carousel-item.success-screen .frame,
.form-forgot-password .carousel-item.error-screen .frame { min-height: 0; }
}

@media (max-width: 767px) {
.form-forgot-password { font-size: 0.92857em; line-height: 1.38462; }
.form-forgot-password .holder { padding: 20px 10px; text-align: center;}
.form-forgot-password .holder p { margin: 0; }
.form-forgot-password .frame { max-width: none; }
.form-forgot-password .vector-area { padding-top: 0; }
.form-forgot-password .vector-area:before { display: none; }
.form-forgot-password .col-footer .vector-area { padding-top: 30px; }
/* .form-forgot-password .carousel-indicators > li > span[aria-hidden] { display: none; } */
.form-forgot-password .carousel-indicators > li { padding: 10px 0; }
.form-forgot-password .carousel-indicators > li:before { display: block; position: static; }
.form-forgot-password .carousel-indicators > li:before,
.form-forgot-password .carousel-indicators > li > span:not([class]) { display: inline-block; vertical-align: middle; margin: 0 5px; }
.form-forgot-password .otp-container { min-width: inherit; }
.form-forgot-userid .vector-area { display: none; }
.form-forgot-userid .left .frame { max-width: 500px; }
.form-forgot-userid .btns { margin-top: 0; }
.form-forgot-password .btns,  .form-forgot-userid .btns { margin-top: 0; }
.form-forgot-password .captcha-area.google-captcha .btns,  .form-forgot-userid .captcha-area.google-captcha .btns { margin-top: 10px; }
.form-forgot-password .btns .btn-light,  .form-forgot-userid .btns .btn-light { margin-right: 0; }
.form-forgot-password .holder,  .form-forgot-userid .holder { padding: 20px 10px 30px; text-align: center; }
.form-forgot-password p,  .form-forgot-password .holder p,  .form-forgot-userid p,  .form-forgot-userid .holder p { font-size: 13px; }
.form-forgot-password p, .form-forgot-userid p,
.form-forgot-password .left .holder p { margin: 0 0 15px; }
.form-forgot-password p,  .form-forgot-password h3,  .form-forgot-userid p,  .form-forgot-userid h3 { text-align: center; }
#heading-level1, .form-forgot-password h2, .form-forgot-userid h2 { font-size: 18px !important;}
.form-forgot-password .success-screen .vector-area,  .form-forgot-password .error-screen .vector-area,  .form-forgot-userid .success-screen .vector-area,  .form-forgot-userid .error-screen .vector-area { display: block; }
.form-forgot-userid.form-success .btn { width: 100%; }
.form-forgot-password .col.left .col-footer { display: none !important; }
.form-forgot-password .carousel-indicators li span[id] { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }
.form-forgot-password .carousel-indicators li { display: inline-block; vertical-align: top; padding: 0; }
.form-forgot-password .holder .t-cell { display: none !important; }
.form-forgot-password p, .form-forgot-userid p { margin: 0 0 25px; }
/*reset*/
.cagent-resetpassword .carousel-item .frame {padding: 23px 0 5px;}
}

@media (max-width: 767px) {
.form-forgot-userid .success-screen .btn,  .form-forgot-userid .error-screen .btn { margin-bottom: 20px; }
.form-forgot-password .vector-area { padding-bottom: 30px; }
.form-forgot-password .captcha-area.google-captcha .btns,  .form-forgot-userid .captcha-area.google-captcha .btns { margin-top: 0; }
}

@media (max-width: 579px) {
.form-forgot-password .col.left .frame, .form-forgot-userid .col.left .frame{padding: 30px 10px;}
.form-forgot-password,  .form-forgot-userid { margin-bottom: 0; }
.form-forgot-password .vector-area img,  .form-forgot-password .vector-area svg,  .form-forgot-userid .vector-area img,  .form-forgot-userid .vector-area svg { width: 215px !important; }
.form-forgot-password .btn.btn-light,  .form-forgot-userid .btn.btn-light { width: 100% !important; margin-right: 0 !important; }
#heading-success, #heading-error,
.form-forgot-password .success-screen h3,  .form-forgot-password .error-screen h3,  .form-forgot-userid .success-screen h3,  .form-forgot-userid .error-screen h3 { font-size: 1.49231em; line-height: 24px; margin-bottom: 30px; }
.form-forgot-password .btns .btn-light,  .form-forgot-userid .btns .btn-light { width: 100%; margin-right: 0; }
.form-forgot-password .btns .btn { margin: 0; min-width: 100%; }
.form-forgot-password .btns .btn + .btn { margin: 15px 0 0; }
.form-forgot-password .holder { display: block; text-align: center; }
.form-forgot-password .vector-area { min-height: inherit; padding-bottom: 0; margin-bottom: 0 !important; }
.form-forgot-password .carousel-item .frame { min-height: inherit; }
.form-forgot-password .col.left .col-header,  .form-forgot-password .col.left .col-footer { display: block; width: auto; height: auto; }
.form-forgot-password.form-success .btn { width: 100%; min-width: 100%; margin: 0; }
.form-forgot-password.form-success .btn:not(:last-child) { margin-bottom: 15px; }
.form-forgot-password .form-forgot-userid .helpline { margin: 30px 10px; padding: 30px 10px; }
.form-forgot-userid .btns .btn-orange { width: 100%; }
.form-forgot-userid .helpline { padding: 20px; }
/* mkhan29-style */
.form-forgot-password .holder, .form-forgot-userid .holder {
    padding: 30px 0 20px 10px;
	}
	.form-forgot-password .holder p, .form-forgot-userid .holder p{
		margin: 0 0 25px;
	}
    .cagent-resetpassword #heading-error, .cagent-resetpassword #heading-success{font-size: 1.8em;margin-bottom: 25px;}
    .cagent-resetpassword .error-screen p, .cagent-resetpassword .success-screen p{font-size: 1.07692em; margin-bottom: 25px;}
}

@media (max-width: 767px) {
	.form-forgot-password .field, .form-forgot-userid .field { margin: 0 0 20px; }
}
.grecaptcha-badge { width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: grey 0px 0px 5px; border-radius: 2px; overflow: hidden; opacity: 0; }
.show-fixed-captcha-first .grecaptcha-badge,
.show-fixed-captcha .grecaptcha-badge { opacity: 1 !important; visibility: visible !important; }
.show-fixed-captcha .grecaptcha-badge:hover { right: 4px !important; }
.hide-fixed-captcha-first.show-fixed-captcha-first .grecaptcha-badge { opacity: 0 !important; visibility: hidden !important; }
/*==================Forgot Password captcha issue ==============*/
.form-forgot-password .carousel-item { -webkit-perspective: inherit; perspective: inherit; transition: none !important;z-index: 1;}
/*==================Forgot Password captcha issue ==============*/
.form-forgot-password .form-area.align-middle,
.form-forgot-userid .form-area.align-middle { white-space: nowrap; }
.form-forgot-password .form-area.align-middle:before,
.form-forgot-userid .form-area.align-middle:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.form-forgot-password .form-area.align-middle > *,
.form-forgot-userid .form-area.align-middle > * { display: inline-block; vertical-align: middle; white-space: normal; width: 100%; }
.form-forgot-password .carousel-indicators:before {top: 0;left: 0;right: 0;bottom: 0;position: absolute;content: '';z-index: 2;}
.form-forgot-password .carousel-indicators li.active,.form-forgot-password .carousel-indicators li.completed {position: relative;z-index: 3;}

/* New styles */
.vector-area{display: none !important;}
.form-forgot-password .carousel-indicators li.active .bullet{background: #fff;}
.form-forgot-password .carousel-item:not(.success-screen):before,
.form-forgot-userid .carousel-item:not(.success-screen):before{background: linear-gradient(105deg, #B3FF00 0%, #FF0099 100%);content: '';position: absolute;bottom: -10px;left: -10px;width: 100%;height: 100%;z-index: -1;border-radius: 10px;}
.form-forgot-password .form-control{max-width: 380px;}
.form-forgot-password .field.label-slide.uid-field .link{display: none !important;}
.form-forgot-password .btns { margin-top: 32px;flex-direction: row-reverse; gap: 20px;}
.form-forgot-password .btns .btn{border-radius: 25px;width: 100%;}
.passcode-box #send-verification.btn.btn-block{display: inline-block;width: auto;}
.form-forgot-userid .btns button.btn{width: 100%;}
.carousel-indicators li:before,
.carousel-indicators li:after{display: none !important;}
.changePasswordForm .btns{width: 100%;}
.form-forgot-password .carousel-item.success-screen,
.form-forgot-userid .carousel-item.success-screen{max-width: 580px;margin-left: auto;margin-right: auto;}
.form-forgot-password #heading-error:before,
.form-forgot-userid #heading-error:before,
.form-forgot-password #heading-success:before,
.form-forgot-userid #heading-success:before{font-family: 'simpliicons';position: absolute;top: 40px;font-size: 45px;left: 50%;transform: translateX(-50%);color: #121418;font-weight: 400;}
.form-forgot-password #heading-error:before,
.form-forgot-userid #heading-error:before{content: '\e90f';}
.form-forgot-password #heading-success:before,
.form-forgot-userid #heading-success:before{content: '\e915';}
.carousel-item.success-screen .frame{padding-top: 116px;}

@media screen and (max-width: 768px){
    .form-forgot-password .carousel-item.success-screen:before{top: 25px;}
}

@media screen and (min-width: 768px){
    .changePasswordForm{display: flex;flex-flow: row wrap;gap: 0 30px;}
    .changePasswordForm .field{width: calc(50% - 15px);margin-bottom: 0 !important;}
}

@media screen and (min-width: 576px){
    .form-forgot-userid .btns,
    .form-forgot-password .btns{display: flex;}
    .form-forgot-password .btns .btn-parent{flex-grow: 1;margin-bottom: 0 !important;}
}

@media screen and (max-width: 992px){
    .carousel-item.success-screen.last.active{margin-top: 20px;}
}

@media screen and (max-width: 579px){
    .carousel-item.success-screen .frame{padding-top: 96px;}
}