.b2b-shans .page-content {
    overflow: auto;
}

.card {
    box-shadow: none;
}

.card-auth {
    --auth-main-color: var(--secondary-text-color);
    --danger: var(--orange-second-color);
    --gray-800: var(--grey-color);
    --link-color: var(--blue-second-color);
    --primary: var(--blue-second-color);
    --primary-hover: var(--blue-color);
    font-family: var(--body-font-family);
}

.card-auth .alert-danger {
    --alert-color: var(--orange-color);
    --alert-bg: #fdecec;
    --alert-border-color: var(--orange-second-color);
    --alert-link-color: #862626;
    --alert-link-hover-color: #752222;
}

.bg-signIn {
    background: url("/include/b2b/auth/signIn.webp") no-repeat;
}

.bg-forgot-password {
    background: url("/include/b2b/auth/forgotPassword.webp") no-repeat;
}

.bg-signUp {
    background: url("/include/b2b/auth/signUp.webp") no-repeat;
}

.bg-signUp,
.bg-forgot-password,
.bg-signIn {
    background-size: cover;
    background-position: center;
}

.auth-logo {
    position: absolute;
    margin-left: 45px;
    margin-top: 45px;
}

.card-auth noindex {
    width: 100%;
}

.card-auth .btn {
    --primary: var(--blue-color);
    --primary-active: var(--blue-second-color);
    --primary-hover: var(--blue-second-color);
    --btn-padding-x: 1.25rem;
    --btn-padding-y: 15px;
}

.card-auth {
    position: relative;
    background: transparent;
    width: 100%;
    max-width: 960px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4.875rem 16.5625rem 5.125rem 5.9375rem;
    height: fit-content;
    z-index: 1;
}

.card-auth::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--main-card-bg);
    opacity: 0.85;
    border-radius: var(--border-radius);
    z-index: -1;
}

.card-auth > * {
    position: relative;
    z-index: 2;
}

.card-auth.card-auth__register {
    padding: 4.875rem 10.3125rem 5.125rem 5.9375rem;
}

.card-auth.card-auth__forgot-password .card,
.card-auth.card-auth__auth .card {
    width: 100%;
}

.card-auth.card-auth__forgot-password .card .auth-form-group,
.card-auth.card-auth__auth .card .auth-form-group {
    margin-bottom: 3.75rem;
}

.card-auth .card {
    padding: 0;
    background: inherit;
}

.card-auth .card,
.card-auth .card-header,
.card-auth .card-body {
    padding: 0;
    width: 100%;
}

.b2b-shans .card-auth .card-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--auth-main-color);
}

.card-auth .card-subtitle {
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--auth-main-color);
    margin-top: .625rem;
    display: block;
}

.card-auth .form-check-label,
.card-auth .bx-authform-link-container {
    color: var(--black-color-0);
}

.card-auth .auth-remember .form-check-label {
    color: var(--grey-color);
}

.card-auth input:checked + .form-check-label,
.card-auth input:checked + .bx-authform-link-container {
    color: #fff;
}


.card-auth .bitrix-error {
    margin-top: .6rem;
}

.card-auth form[name="form_auth"] {
    margin-top: 1.9rem;
}

.card-auth form[name="bform"] {
    margin-top: 1.9rem;
}

/* start checkbox */

.card-auth .form-check-input[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
    border: 2px solid var(--grey-color);
    background: inherit;
    position: relative;
}

.card-auth .form-check-input[type=checkbox]:checked {
    border: 2px solid var(--primary-hover);
    background: var(--primary-hover);
}

.card-auth .form-check {
    position: relative;
}

.card-auth .form-check-input[type=checkbox]:checked + .form-check-label:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(0%);
    font-size: 20px;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6L6 10L12 2" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

/* end checkbox */

/* start radio */
.card-auth .form-check-input[type=radio] {
}

.card-auth .form-check-input[type=radio]:checked {
}

.card-auth .form-check {
    position: relative;
}

.card-auth .form-check-input[type=radio]:checked + .form-check-label:before {
}

/* end radio */

.card-auth .auth-form-group {
    display: flex;
    align-items: center;
    gap: 40px;
}

.bx-authform-link-container--auth {
    color: var(--black-color-0);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem;
    text-align: left;
}

.bx-authform-link-container--auth a {
    margin-left: .5rem;
}

.auth-remember {
    margin-bottom: 30px !important;
}

.bx-authform-link-container--mobile {
    display: none;
}

.card-auth .req {
    color: var(--orange-second-color);
}

.card-auth [class*=" ph-"],
.card-auth [class^=ph-] {
    color: var(--green-dark-color);
}

.card-auth .form-check-label {
    font-size: 0.9375rem;
}

.card-auth .form-label {
    font-size: .875rem;
    color: var(--grey-color);
}

.password-message {
    font-size: .75rem;
    font-weight: 400;
    line-height: .75rem;
    letter-spacing: 0.03em;
    text-align: left;
}

.card-auth input[type="submit"] {
    max-width: 260px;
    width: 100%;
}

.btnBlock a[href="?register=no"] {
    display: none;
}


@media (max-width: 1599px) {
    .card-auth.card-auth__register,
    .card-auth {
        padding: 3.125rem 5rem 3.125rem 4rem;
        width: 54%;
        min-width: 554px;
    }

    .card-auth.card-auth__register {
        padding: 1.125rem 5rem 3.125rem 4rem;
    }

    .card-auth.card-auth__forgot-password .card,
    .card-auth.card-auth__auth .card {
        min-width: 0;
    }

    .card-auth.card-auth__forgot-password .card .auth-form-group,
    .card-auth.card-auth__auth .card .auth-form-group {
        margin-bottom: 1.5625rem;
    }

    .card-auth.card-auth__forgot-password .card,
    .card-auth.card-auth__auth .card {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .scroll .card-auth {
        margin-right: -10px;
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .card-auth.card-auth__register .btnBlock {
        flex-direction: column;
        gap: 1.5625rem;
        align-items: flex-start !important;
    }

    .card-auth.card-auth__register .btnBlock .btn {
        width: 100%;
    }

    .main-user-consent-request {
        margin-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .card-auth.card-auth__register .card-title {
        font-size: 1.25rem;
    }
}

@media (max-width: 991px) {
    .card-auth input[type="submit"] {
        max-width: 100%;
    }

    .auth-bg {
        background-position: 20%;
    }

    .d-none-991 {
        display: none;
    }

    .card-auth.card-auth__register,
    .card-auth {
        padding: 1.25rem 1.25rem 1.875rem 1.25rem;
        width: 100%;
        min-width: fit-content;
        max-width: 554px;
        align-items: flex-start;
        height: fit-content;
        min-height: fit-content;
    }

    .card-auth.card-auth__forgot-password,
    .card-auth.card-auth__auth {
        bottom: .5rem;
    }

    .card-auth.card-auth__register {
        top: 4rem
    }

    .card-auth.card-auth__register:has(.company-register__success-form) {
        bottom: .5rem;
    }

    .auth-remember {
        margin-top: .6rem;
        margin-bottom: 1.25rem;
    }

    .b2b-shans .card-auth .card-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .content {
        padding: .6rem;
    }

    .auth-logo {
        margin-top: .6rem;
        margin-left: .6rem;
    }

    .card-auth .card-subtitle {
        font-size: .875rem;
        line-height: 1.25rem;
    }

    .card-auth form[name="form_auth"] {
        margin-top: 1.25rem;
    }

    .bx-authform-link-container {
        display: none;
    }

    .bx-authform-link-container--auth,
    .bx-authform-link-container--mobile {
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
        display: flex;
        justify-content: space-between;
    }

    .bx-authform-link-container--auth {
        margin-bottom: .625rem;
    }

    .bx-authform-link-container svg,
    .bx-authform-link-container svg path {
        width: 13px;
        height: 13px;
    }

    .form-check-label {
        line-height: 20px;
        font-size: 13px;
        font-weight: 400;
    }

    .card-auth noindex {
        width: auto;
    }

    .auth-form-group noindex {
        display: none;
    }

    .auth-form-group-column--mobile .bx-authform-link-container--mobile {
        font-size: 15px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
    }

    .card-auth.card-auth__forgot-password .card .auth-form-group {
        margin-bottom: 0;
    }

    .card-auth.card-auth__auth .card .auth-form-group {
        margin-bottom: 1.5625rem;
    }

    .card-auth form[name="bform"] {
        margin-top: 1.25rem;
    }

    .card {
        margin-bottom: 0;
    }

    .card .form-group:not(:last-child) {
        margin-bottom: .3125rem;
    }

    .auth-remember {
        max-height: 1.25rem;
    }

    .auth-remember {
        max-height: 1.25rem;
        margin-bottom: 1.25rem !important;
        margin-top: .625rem;
    }
}

@media (max-width: 570px) {
    .card-auth.card-auth__register,
    .card-auth {
        width: calc(100% - 20px);
        min-width: calc(100% - 20px);
        padding-bottom: 1.5625rem;
        margin: 0 auto;
    }

    .card-auth.card-auth__auth .card-subtitle {
        display: none;
    }

    .card-auth .auth-form-group {
        gap: 1.5625rem;
    }

    .auth-form-group-column--mobile {
        flex-direction: column;
    }

    .auth-form-group-column--mobile a {
        margin: 0 auto;
    }

    .form-group-reset-password {
        margin-bottom: 1.25rem !important;
    }

    .card-auth.card-auth__register .btnBlock {
        flex-direction: column;
        gap: 1.5625rem;
    }

    .card-auth.card-auth__register .btnBlock .btn {
        width: 100%;
    }

    .main-user-consent-request {
        margin-left: 0;
    }

    .btnBlock a[href="?register=no"] {
        display: inline-block;
        margin: 10px auto;
    }

    .card-header a[href="?register=no"] {
        display: none;
    }
}