/* Start:/local/templates/b2b-tdsu/components/bitrix/main.register/registration-form/style.css?17757158794292*/
.registration {
    margin: 0;
    position: relative;
    max-width: none;
}

.registration__title {
    position: absolute;
    top: 70px;
    left: 80px;
    width: 308px;
    font-size: 48px;
    line-height: 48px;
}

.registration__top-banner {
    padding: 30px;
    border: 1px solid #2164AC;
    border-radius: 4px;
    display: flex;
    gap: 80px;
    align-items: center;
    width: 900px;
    margin: 70px auto 20px;
}

.registration__top-banner-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.registration__top-banner-title {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 26px;
    line-height: 26px;
}

.registration__top-banner-accent {
    color: #2164AC;
}

.registration__top-banner-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.registration__form {
    margin: 0 auto;
    border: 1px solid #2164AC;
    border-radius: 4px;
    width: 900px;
    padding: 30px 60px;
    margin-bottom: 70px;
}

.custom-input__required-icon {
    color: #1892CC;
    font-weight: 700;
    font-size: 20px;
}

.registration__required-info {
    display: flex;
    gap: 8px;
    align-items: center;
}

.registration__required-info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #859BAC;
}

.registration__top-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 26px;
}

.registration__form-left-col,
.registration__form-right-col {
    width: 320px;
}

.registration__form-left-col {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    gap: 40px;
}

.registration__checkboxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
    width: 410px;
}

.registration__submit-wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
}

.registration__submit-btn {
    padding: 10px 26px;
    margin-right: 30px;
}

.registration__submit-btn,
.registration__login-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
}

.registration__login-link {
    color: #2164AC;
    text-decoration: none;
}

@media (width < 1630px) {

    .registration__top-banner,
    .registration__form {
        margin-right: 0;
    }
}

@media (width < 1920px) {
    .registration__title {
        left: 60px;
    }
}

@media (width: 1440px) and (width >=1280px) {

    .registration__title {
        left: 20px;
        font-size: 40px;
        line-height: 44px;
    }

}

@media (width < 1280px) {
    .registration__title {
        position: unset;
        width: 100%;
        font-size: 28px;
        line-height: 26px;
    }

    .registration__top-banner {
        width: 100%;
        margin-top: 0;
        gap: 45px;
    }

    .registration__top-banner-image {
        width: 120px;
        height: 98px;
        object-fit: contain;
        flex-shrink: 0;
    }

    .registration__top-banner-content-wrapper {
        gap: 10px;
    }

    .registration__top-banner-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .registration__top-banner-text {
        font-size: 14px;
        line-height: 20px;
    }

    .registration__form {
        width: 100%;
        border: none;
        padding: 0;
    }

    .registration__form-left-col,
    .registration__form-right-col {
        width: calc(50% - 34px);
    }
}

@media (width < 768px) {
    .registration__title {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .registration__top-banner {
        padding: 20px;
        flex-direction: column;
    }

    .registration__top-banner-title {
        font-size: 16px;
        line-height: 20px;
    }

    .registration__top-banner-text {
        font-size: 14px;
        line-height: 20px;
    }

    .registration__top-wrapper {
        flex-direction: column;
    }

    .registration__form-left-col,
    .registration__form-right-col {
        width: 100%;
    }

    .registration__checkboxes {
        width: 100%;
    }

    .registration__submit-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .registration__submit-btn {
        width: 100%;
        margin: 0;
    }
}
/* End */


/* Start:/local/templates/b2b-tdsu/css/blocks/fieldset.css?1775715879434*/
.fieldset {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fieldset__title {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
}


@media (width < 1280px) {
    .fieldset__title {
        font-size: 20px;
        line-height: 22px;
    }
}

@media (width < 768px) {
    .fieldset__title {
        font-size: 16px;
        line-height: 22px;
    }
}
/* End */


/* Start:/local/templates/b2b-tdsu/css/blocks/custom-input.css?17757158791669*/
.custom-input {
    display: flex;
    flex-direction: column;
    gap: 8px;
    user-select: none;
}

.custom-input__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.custom-input__secondary-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #859BAC;
}

.custom-input__field {
    padding: 14px 12px;
    border-radius: 4px;
    border: 1px solid #859BAC;
    outline: none;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #121212;
}

.custom-input__field-icon-btn {
    position: absolute;
}

.custom-input__field:hover,
.custom-input__field:focus {
    border-color: #2164AC;
}

.custom-input__field-icon-wrapper {
    position: relative;
}

.custom-input__field-icon-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.custom-input__field--icon {
    padding-right: 40px;
}

.custom-input__field--error,
.custom-input__field--error:focus,
.custom-input__field--error:hover {
    border-color: #CD0505;
}

.custom-input__error-message {
    display: flex;
    gap: 10px;
}

.custom-input__error-message-icon {
    color: #CD0505;
}

.custom-input__error-message-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
}

@media (width < 768px) {
    .custom-input__field {
        font-size: 14px;
        line-height: 20px;
    }
}
/* End */


/* Start:/local/templates/b2b-tdsu/css/blocks/radio-inputs.css?1775715879364*/
.radio-inputs {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.radio-inputs__item {
    display: flex;
    gap: 14px;
    cursor: pointer;
    user-select: none;
}

.radio-inputs__name {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
}

@media (width < 768px) {
    .radio-inputs {
        gap: 20px;
    }
}

/* End */


/* Start:/local/templates/b2b-tdsu/css/blocks/checkbox-field.css?1775715879495*/
.checkbox-field {
    display: flex;
    gap: 14px;
    align-items: center;
    cursor: pointer;

    a {
        color: #2164AC;
    }
}

.checkbox-field__input {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.checkbox-field__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    user-select: none;
}

.checkbox-field__text--small {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.03em;
}
/* End */
/* /local/templates/b2b-tdsu/components/bitrix/main.register/registration-form/style.css?17757158794292 */
/* /local/templates/b2b-tdsu/css/blocks/fieldset.css?1775715879434 */
/* /local/templates/b2b-tdsu/css/blocks/custom-input.css?17757158791669 */
/* /local/templates/b2b-tdsu/css/blocks/radio-inputs.css?1775715879364 */
/* /local/templates/b2b-tdsu/css/blocks/checkbox-field.css?1775715879495 */