.help-center-header {
    position: relative;
    background-color: rgba(90, 141, 238, .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: rgba(0, 0, 0, 0)
}

@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
}