.help-center-header {
  position: relative;
  background-color: rgba(90, 141, 238, 0.08);
  min-height: 270px !important;
  overflow: hidden;
}
.help-center-header:before {
  width: 21rem;
  height: 21rem;
  content: " ";
  position: absolute;
  top: -151px;
  background: url("../../../img/pages/auth-top-left.png");
  background-size: contain;
  background-repeat: no-repeat;
}
html:not([dir=rtl]) .help-center-header:before {
  left: -135px;
}
[dir=rtl] .help-center-header:before {
  right: -135px;
  transform: rotate(90deg);
}
.help-center-header:after {
  width: 10rem;
  height: 20rem;
  content: " ";
  position: absolute;
  bottom: -100px;
  background-image: url("../../../img/pages/auth-right-bottom.png");
  background-size: contain;
  background-repeat: no-repeat;
}
html:not([dir=rtl]) .help-center-header:after {
  right: -1.8rem;
  transform: rotate(45deg);
}
[dir=rtl] .help-center-header:after {
  left: -1.8rem;
  transform: rotate(135deg);
}
.help-center-header .input-wrapper {
  position: relative;
  width: 100%;
  max-width: 55%;
}
.help-center-header .input-wrapper .input-group-text,
.help-center-header .input-wrapper .form-control {
  border-color: transparent;
}
@media (max-width: 575.98px) {
  .help-center-header .input-wrapper {
    max-width: 70%;
  }
}

.light-style .help-center-bg-alt {
  background-color: #f2f2f6;
}

.dark-style .help-center-bg-alt {
  background-color: #1c222f;
}
