.dialogs__groups .dialog__body-cta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media (max-width:991.98px) {
  .dialogs__groups .dialog__body-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.dialogs__groups .dialog__body-cta .login-wrapper__lostaccess {
  margin-top: 16px;
  margin-bottom: 16px
}

.dialogs__groups .dialog__body-cta .login-wrapper__lostaccess button {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #7345b3;
  background-color: transparent;
  border: none;
  cursor: pointer
}

.dialogs__groups .dialog__body-cta .btn {
  width: 100%
}

.dialogs__groups .dialog__content .login-wrapper__guest {
  padding-bottom: 40px
}

@media (max-width:575.98px) {
  .dialogs__groups .dialog__content .login-wrapper__guest {
    border-bottom: 1px solid #e8ebed;
    padding-bottom: 24px;
    margin-bottom: 24px
  }
}

.dialogs__groups .dialog__content .login-wrapper__guest button {
  width: 100%
}

.dialogs__groups .dialog .frm__group.consent-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.dialogs__groups .dialog .frm__group.consent-box .frm__field {
  width: 30px;
  cursor: pointer;
  display: none
}

.dialogs__groups .dialog .frm__group.consent-box label {
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #26282b
}

.dialogs__groups .dialog .frm__group.consent-box .frm__field-group [class^=icon]::before {
  color: #26282b;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer
}

.dialogs__groups .dialog .frm__group.consent-box .frm__field-group [class^=icon-square-check]::before {
  color: #7345b3;
  font-size: 20px;
  line-height: 20px
}

.dialogs__groups .dialog .frm__group.login_phone_number,
.dialogs__groups .dialog .frm__group.update-phone-number-field {
  position: relative
}

.dialogs__groups .dialog .frm__group.login_phone_number .ccode,
.dialogs__groups .dialog .frm__group.update-phone-number-field .ccode {
  position: absolute;
  z-index: 99;
  line-height: 25px;
  padding: 2px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-top: 3px;
  margin-right: 5px
}

.dialogs__groups .dialog .frm__group.login_phone_number .ccode.active,
.dialogs__groups .dialog .frm__group.update-phone-number-field .ccode.active {
  color: #7345b3
}

.dialogs__groups .dialog .frm__group.login_phone_number input,
.dialogs__groups .dialog .frm__group.update-phone-number-field input {
  height: 35px;
  text-indent: 35px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 6px
}

.dialogs__groups .dialog.personal-data .dialog__container {
  max-width: 512px;
  min-width: unset
}

@media (max-width:991.98px) {
  .dialogs__groups .dialog.personal-data .dialog__container {
    min-width: 100%
  }
}

.dialogs__groups .dialog.account-success .dialog__container {
  max-width: 512px;
  min-width: unset
}

@media (max-width:991.98px) {
  .dialogs__groups .dialog.account-success .dialog__container {
    min-width: 100%
  }
}

.dialogs__groups .dialog.account-success .dialog__content {
  text-align: center;
  padding: 0 32px 32px 32px
}

.dialogs__groups .dialog.account-success .dialog__content .title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 12px
}

.dialogs__groups .dialog.account-success .dialog__content .para {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.dialogs__groups .dialog.email-success .dialog__container {
  max-width: 512px;
  min-width: unset
}

@media (max-width:991.98px) {
  .dialogs__groups .dialog.email-success .dialog__container {
    min-width: 100%
  }
}

.dialogs__groups .dialog.email-success .dialog__content {
  text-align: center;
  padding: 0 32px 32px 32px
}

.dialogs__groups .dialog.email-success .dialog__content .title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 12px
}

.dialogs__groups .dialog.email-success .dialog__content .para {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.dialogs__groups .dialog__header-cta button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.dialogs__groups .dialog__header-cta button span:first-child {
  font-weight: 700
}

.dialogs__groups .dialog.login-dialog .dialog__container {
  background-color: #fdfeff;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  bottom: 0;
  left: 0;
  min-width: 100%;
  position: absolute;
  right: 0;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  z-index: 5
}

@media (min-width:576px) {
  .dialogs__groups .dialog.login-dialog .dialog__container {
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    bottom: unset;
    left: 50%;
    min-width: 512px;
    right: unset;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

/* #otp-verification-overlay{
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 200ms ease-in-out;
  background: rgba(38,40,43,.3);
  pointer-events: none;

}
#otp-verification-overlay.active{
  opacity: 1;
  /* pointer-events: all; 
}  */
/*# sourceMappingURL=maps/dialogs.css.map */
.frm__group.otp-mobile-number {
  position: relative;
}

.frm__group.otp-mobile-number .verified-btn {
  position: absolute;
  right: 10px;
  top: 39px;
  border: none;
  color: #7345B3;
  font-family: Lato;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  z-index: 2;
  background: transparent;
  cursor: pointer;
}

.otp-mobile-number button.verified-btn.otp-success {
  color: #43A074;
}

.otp-mobile-number button.verified-btn.otp-success::before {
  content: url(../../../content/dam/asianpaintsbeautifulhomes/icons/tick-icon.svg);
  position: absolute;
  left: -20px;
  top: 3px;
}

.head-redesign-help-right .frm__group.otp-mobile-number .verified-btn {
  top: 15px;
}

.btn--link:hover {
  display: none;
}

@supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .dialogs__groups .dialog.login-dialog .dialog__container {
    height: 100%;
    max-height: 400px;
  }

  .head-redesign-help-right .frm__group.otp-mobile-number .verified-btn {
    padding-right: 0px;
    padding-left: 5px
  }

  .otp-mobile-number button.verified-btn.otp-success::before {
    top: 3px;
  }

  #dialog-login-otp-verification-phone-number .dialog__otp-digits:placeholder-shown:focus {
    -webkit-text-decoration-line: underline;
  }

  #dialog-login-otp-verification-phone-number .otp-underline::placeholder {
    text-decoration-line: underline;
    text-decoration-color: #7345b2;
  }
}
.dialog-edit-field .dialog__body-cta .btn {
  width: 100%
}


#dialog-login-otp-verification-email .dialog__content,
#dialog-login-otp-verification-phone-number .dialog__content,
#dialog-otp-verification-email .dialog__content,
#dialog-otp-verification-phone-number .dialog__content,
#dialog-otp-verification-update-phone-number .dialog__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
#dialog-login-otp-verification-email .dialog__body,
#dialog-login-otp-verification-phone-number .dialog__body,
#dialog-otp-verification-email .dialog__body,
#dialog-otp-verification-phone-number .dialog__body,
#dialog-otp-verification-update-phone-number .dialog__body {
  text-align: center
}
#dialog-login-otp-verification-email .dialog__title,
#dialog-login-otp-verification-phone-number .dialog__title,
#dialog-otp-verification-email .dialog__title,
#dialog-otp-verification-phone-number .dialog__title,
#dialog-otp-verification-update-phone-number .dialog__title {
  margin-bottom: 32px
}
#dialog-login-otp-verification-email .dialog__title-separator,
#dialog-login-otp-verification-phone-number .dialog__title-separator,
#dialog-otp-verification-email .dialog__title-separator,
#dialog-otp-verification-phone-number .dialog__title-separator,
#dialog-otp-verification-update-phone-number .dialog__title-separator {
  display: block;
  margin-bottom: 16px
}
#dialog-login-otp-verification-email .dialog__otp,
#dialog-login-otp-verification-phone-number .dialog__otp,
#dialog-otp-verification-email .dialog__otp,
#dialog-otp-verification-phone-number .dialog__otp,
#dialog-otp-verification-update-phone-number .dialog__otp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative
}
@media (min-width:576px) {
  #dialog-login-otp-verification-email .dialog__otp,
  #dialog-login-otp-verification-phone-number .dialog__otp,
  #dialog-otp-verification-email .dialog__otp,
  #dialog-otp-verification-phone-number .dialog__otp,
  #dialog-otp-verification-update-phone-number .dialog__otp {
    max-width: 340px
  }
}
#dialog-login-otp-verification-email .dialog__otp-digits,
#dialog-login-otp-verification-phone-number .dialog__otp-digits,
#dialog-otp-verification-email .dialog__otp-digits,
#dialog-otp-verification-phone-number .dialog__otp-digits,
#dialog-otp-verification-update-phone-number .dialog__otp-digits {
  border: 1px solid #9ea4aa;
  -webkit-border-radius: 9.3px;
  -moz-border-radius: 9.3px;
  border-radius: 9.3px;
  color: #7345B3;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  height: 40px;
  padding: 14px 11px;
  text-align: center;
  width: 38px;
  caret-color: transparent
}
@media (min-width:576px) {
  #dialog-login-otp-verification-email .dialog__otp-digits,
  #dialog-login-otp-verification-phone-number .dialog__otp-digits,
  #dialog-otp-verification-email .dialog__otp-digits,
  #dialog-otp-verification-phone-number .dialog__otp-digits,
  #dialog-otp-verification-update-phone-number .dialog__otp-digits {
    font-size: 30px;
    line-height: 36px;
    height: 56px;
    padding: 16px 12px;
    width: 47px
  }
}
#dialog-login-otp-verification-email .dialog__otp-digits:not(:last-child),
#dialog-login-otp-verification-phone-number .dialog__otp-digits:not(:last-child),
#dialog-otp-verification-email .dialog__otp-digits:not(:last-child),
#dialog-otp-verification-phone-number .dialog__otp-digits:not(:last-child),
#dialog-otp-verification-update-phone-number .dialog__otp-digits:not(:last-child) {
  margin-right: 8px
}
#dialog-login-otp-verification-email .dialog__otp-digits:not(:-moz-placeholder-shown),
#dialog-login-otp-verification-phone-number .dialog__otp-digits:not(:-moz-placeholder-shown),
#dialog-otp-verification-email .dialog__otp-digits:not(:-moz-placeholder-shown),
#dialog-otp-verification-phone-number .dialog__otp-digits:not(:-moz-placeholder-shown),
#dialog-otp-verification-update-phone-number .dialog__otp-digits:not(:-moz-placeholder-shown) {
  border: 2px solid #8f6ac1
}
#dialog-login-otp-verification-email .dialog__otp-digits:not(:-ms-input-placeholder),
#dialog-login-otp-verification-phone-number .dialog__otp-digits:not(:-ms-input-placeholder),
#dialog-otp-verification-email .dialog__otp-digits:not(:-ms-input-placeholder),
#dialog-otp-verification-phone-number .dialog__otp-digits:not(:-ms-input-placeholder),
#dialog-otp-verification-update-phone-number .dialog__otp-digits:not(:-ms-input-placeholder) {
  border: 2px solid #8f6ac1
}
#dialog-login-otp-verification-email .dialog__otp-digits:not(:placeholder-shown),
#dialog-login-otp-verification-phone-number .dialog__otp-digits:not(:placeholder-shown),
#dialog-otp-verification-email .dialog__otp-digits:not(:placeholder-shown),
#dialog-otp-verification-phone-number .dialog__otp-digits:not(:placeholder-shown),
#dialog-otp-verification-update-phone-number .dialog__otp-digits:not(:placeholder-shown) {
  border: 2px solid #8f6ac1
}
#dialog-login-otp-verification-email .dialog__otp-digits:-moz-placeholder-shown:focus,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:-moz-placeholder-shown:focus,
#dialog-otp-verification-email .dialog__otp-digits:-moz-placeholder-shown:focus,
#dialog-otp-verification-phone-number .dialog__otp-digits:-moz-placeholder-shown:focus,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:-moz-placeholder-shown:focus {
  text-decoration: underline
}
#dialog-login-otp-verification-email .dialog__otp-digits:-ms-input-placeholder:focus,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:-ms-input-placeholder:focus,
#dialog-otp-verification-email .dialog__otp-digits:-ms-input-placeholder:focus,
#dialog-otp-verification-phone-number .dialog__otp-digits:-ms-input-placeholder:focus,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:-ms-input-placeholder:focus {
  text-decoration: underline
}
#dialog-login-otp-verification-email .dialog__otp-digits:placeholder-shown:focus,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:placeholder-shown:focus,
#dialog-otp-verification-email .dialog__otp-digits:placeholder-shown:focus,
#dialog-otp-verification-phone-number .dialog__otp-digits:placeholder-shown:focus,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:placeholder-shown:focus {
  text-decoration: underline
}
#dialog-login-otp-verification-email .dialog__otp-digits:-moz-placeholder-shown:first-child,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:-moz-placeholder-shown:first-child,
#dialog-otp-verification-email .dialog__otp-digits:-moz-placeholder-shown:first-child,
#dialog-otp-verification-phone-number .dialog__otp-digits:-moz-placeholder-shown:first-child,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:-moz-placeholder-shown:first-child {
  text-decoration: underline
}
#dialog-login-otp-verification-email .dialog__otp-digits:-ms-input-placeholder:first-child,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:-ms-input-placeholder:first-child,
#dialog-otp-verification-email .dialog__otp-digits:-ms-input-placeholder:first-child,
#dialog-otp-verification-phone-number .dialog__otp-digits:-ms-input-placeholder:first-child,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:-ms-input-placeholder:first-child {
  text-decoration: underline
}
#dialog-login-otp-verification-email .dialog__otp-digits:placeholder-shown:first-child,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:placeholder-shown:first-child,
#dialog-otp-verification-email .dialog__otp-digits:placeholder-shown:first-child,
#dialog-otp-verification-phone-number .dialog__otp-digits:placeholder-shown:first-child,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:placeholder-shown:first-child {
  /* text-decoration: underline */
}
#dialog-login-otp-verification-email .dialog__otp-digits:focus,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:focus,
#dialog-otp-verification-email .dialog__otp-digits:focus,
#dialog-otp-verification-phone-number .dialog__otp-digits:focus,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:focus {
  border: 2px solid #8f6ac1;
  outline: 0
}
#dialog-login-otp-verification-email .dialog__otp-digits:first-child,
#dialog-login-otp-verification-phone-number .dialog__otp-digits:first-child,
#dialog-otp-verification-email .dialog__otp-digits:first-child,
#dialog-otp-verification-phone-number .dialog__otp-digits:first-child,
#dialog-otp-verification-update-phone-number .dialog__otp-digits:first-child {
  /* border: 2px solid #8f6ac1;
  outline: 0 */
}
#dialog-login-otp-verification-email .dialog__otp .icon-loader,
#dialog-login-otp-verification-phone-number .dialog__otp .icon-loader,
#dialog-otp-verification-email .dialog__otp .icon-loader,
#dialog-otp-verification-phone-number .dialog__otp .icon-loader,
#dialog-otp-verification-update-phone-number .dialog__otp .icon-loader {
  display: none;
  font-size: 36px;
  line-height: 36px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
#dialog-login-otp-verification-email .dialog__otp.loading .dialog__otp-digits,
#dialog-login-otp-verification-phone-number .dialog__otp.loading .dialog__otp-digits,
#dialog-otp-verification-email .dialog__otp.loading .dialog__otp-digits,
#dialog-otp-verification-phone-number .dialog__otp.loading .dialog__otp-digits,
#dialog-otp-verification-update-phone-number .dialog__otp.loading .dialog__otp-digits {
  opacity: .2
}
#dialog-login-otp-verification-email .dialog__otp.loading .icon-loader,
#dialog-login-otp-verification-phone-number .dialog__otp.loading .icon-loader,
#dialog-otp-verification-email .dialog__otp.loading .icon-loader,
#dialog-otp-verification-phone-number .dialog__otp.loading .icon-loader,
#dialog-otp-verification-update-phone-number .dialog__otp.loading .icon-loader {
  display: inline-block
}
#dialog-login-otp-verification-email .dialog__otp-separator,
#dialog-login-otp-verification-phone-number .dialog__otp-separator,
#dialog-otp-verification-email .dialog__otp-separator,
#dialog-otp-verification-phone-number .dialog__otp-separator,
#dialog-otp-verification-update-phone-number .dialog__otp-separator {
  margin-right: 8px;
  font-size: 28px
}
#dialog-login-otp-verification-email .dialog__otp-resend,
#dialog-login-otp-verification-phone-number .dialog__otp-resend,
#dialog-otp-verification-email .dialog__otp-resend,
#dialog-otp-verification-phone-number .dialog__otp-resend,
#dialog-otp-verification-update-phone-number .dialog__otp-resend {
  display: none;
  font-size: 18px;
  line-height: 28px
}
#dialog-login-otp-verification-email .dialog__otp-resend span,
#dialog-login-otp-verification-phone-number .dialog__otp-resend span,
#dialog-otp-verification-email .dialog__otp-resend span,
#dialog-otp-verification-phone-number .dialog__otp-resend span,
#dialog-otp-verification-update-phone-number .dialog__otp-resend span {
  color: #d51123;
  display: block;
  margin-bottom: 25px
}
#dialog-login-otp-verification-email .dialog__desc,
#dialog-login-otp-verification-phone-number .dialog__desc,
#dialog-otp-verification-email .dialog__desc,
#dialog-otp-verification-phone-number .dialog__desc,
#dialog-otp-verification-update-phone-number .dialog__desc {
  margin-bottom: 16px
}

/*# sourceMappingURL=maps/dialog-otp-verification.css.map */

.btn--link:hover {
    color: #7345b3;
}

.otp-mobile-number button.verified-btn.otp-success::before{
	width:18px;
    height: 18px;
}
@media (max-width:575.98px){
        #dialog-login-otp-verification-phone-number .dialog__otp-digits{
            width:47px;
            height:56px;
    		font-size:30px;
        }
		.otp-mobile-number button.verified-btn.otp-success::before{
    		width:16px;
            height: 16px;
		}
}