.btn--accent {
    padding: 0 10px;
    height: 42px;
}

/* #region .hero-b2b */
.hero-b2b {
    padding: 24px 0 32px;
}

.hero-b2b__head {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 660px;
    margin: 0 auto;
}

.hero-b2b__head h1 {
    font-size: 22px;
}

.hero-b2b__head picture {
    width: 32px;
    height: 32px;
}
/* #endregion .hero-b2b */

/* #region .reg-b2b */
.reg-b2b {
    padding: 0 0 32px;
}

.reg-b2b__body {
    background-color: #F4F5F9;
    border-radius: 32px;
    max-width: 660px;
    margin: 0 auto;
}

.reg-b2b__body h2 {
    margin-bottom: 24px;
    font-size: 18px;
}

.rb2b-form__fieldsets {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.rb2b-form__legend {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 22px;
}

.rb2b-form__fieldset-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rb2b-form__footer {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rb2b-form__footer .btn--accent {
    padding: 0 10px;
    height: 42px;
}
/* #endregion .reg-b2b */

/* #region .rb2b-field */
.rb2b-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
}

.rb2b-field__label {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
}

.rb2b-field__input {
    background-color: #FFFFFF;
    border: 2px solid #D9D9D9;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 8px;
    height: 42px;
    width: 100%;
}

.rb2b-field__input:disabled {
    color: #a5a5a5;
}

.rb2b-field__input--number {
    -moz-appearance: textfield;
}

.rb2b-field__input--number::-webkit-outer-spin-button,
.rb2b-field__input--number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.rb2b-field__helptip {
    font-size: 12px;
    color: #FF0000;
    display: none;
}

.rb2b-field--error .rb2b-field__label {
    color: #FF0000;
}

.rb2b-field--error .rb2b-field__input {
    color: #FF0000;
    border-color: #FF0000;
}

.rb2b-field--error .rb2b-field__helptip {
    display: block;
}

.rb2b-field--success .rb2b-field__input {
    color: green;
    border-color: green;
}
/* #endregion .rb2b-field */

/* #region .rb2b-consent-checkbox */
.rb2b-consent-checkbox {
    position: relative;
    min-height: 24px;
    display: flex;
    align-items: center;
}

.rb2b-consent-checkbox input {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    opacity: 0;
    z-index: -9999;
}

.rb2b-consent-checkbox p {
    padding-left: 36px;
    font-size: 13px;
    line-height: 1.2;
}

.rb2b-consent-checkbox p::before,
.rb2b-consent-checkbox p::after {
    content: '';
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.rb2b-consent-checkbox p::before {
    border-radius: 6px;
    border: 2px solid #D9D9D9;
    left: 0;
    width: 24px;
    height: 24px;
}

.rb2b-consent-checkbox p::after {
    background-color: #26BF42;
    border-radius: 4px;
    width: 14px;
    height: 14px;
    left: 5px;
    display: none;
}

.rb2b-consent-checkbox input:checked + p::before {
    border-color: #26BF42;
}

.rb2b-consent-checkbox input:checked + p::after {
    display: block;
}
/* #endregion .rb2b-consent-checkbox */

/* #region .docs-b2b */
.docs-b2b {
    padding: 0 0 80px;
}

.docs-b2b__head {
    max-width: 660px;
    margin: 0 auto 24px;
}

.docs-b2b__head h2 {
    font-size: 18px;
    line-height: 1.1;
}

.docs-b2b__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 660px;
    margin: 0 auto;
}

.doc-item {
    border-radius: 8px;
    /* background-color: #FFFFFF; */
    /* border: 2px solid transparent; */
    position: relative;
}

.doc-item:hover {
    border-color: #26BF42;
}

.doc-item__head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.doc-item__head img {
    width: 18px;
    height: 18px;
    flex: 0 1 18px;
}

.doc-item__head h3 {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: underline;
    flex: 1;
}

.doc-item__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}
/* #endregion .docs-b2b */
