@media (min-width: 100px) {
    .register-page {
        padding: 6rem 0;
        position: relative
    }

    .register-page__wrapper {
        padding-top: 3.2rem;
        display: flex;
        align-items: center
    }

    .register-page__title {
        text-align: center;
        margin-bottom: 3.2rem
    }

    .register-page .error-validate {
        position: absolute;
        top: 6.1rem;
        left: 0;
        right: 0
    }

    .register-page__form {
        width: 100%
    }

    .register-page .tabs__nav {
        display: flex;
        column-gap: 2.4rem;
        margin-bottom: 2.4rem
    }

    .register-page .tabs__nav-btn {
        font-size: 1.3rem;
        padding-left: 2.4rem;
        position: relative;
        line-height: 138.462%;
        color: var(--greys-typo-primary, #111920)
    }

    .register-page .tabs__nav-btn::after, .register-page .tabs__nav-btn::before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        margin: auto 0;
        border-radius: 50%;
        transition: .2s
    }

    .register-page .tabs__nav-btn::after {
        left: .4rem;
        width: .8rem;
        height: .8rem;
        background-color: transparent
    }

    .register-page .tabs__nav-btn::before {
        width: 1.6rem;
        height: 1.6rem;
        left: 0;
        border: .1rem solid var(--greys-borders-light, #dee2ed)
    }

    .register-page .tabs__nav-btn--active::before {
        background-color: var(--ui-success-default, #09a0aa);
        border-color: transparent
    }

    .register-page .tabs__nav-btn--active::after {
        background-color: var(--greys-background-default, #fff)
    }

    .register-page .tabs__panel {
        display: none;
        transition: .2s
    }

    .register-page .tabs__panel--active {
        display: block
    }

    .register-page__fields {
        margin-bottom: 3.2rem
    }

    .register-page__field {
        position: relative
    }

    .register-page__field:not(:last-child) {
        margin-bottom: 2.4rem
    }

    .register-page__field ul, .register-page__field > .field-notification {
        margin-top: .8rem
    }

    .register-page__field ul li {
        position: relative;
        padding-left: 2rem
    }

    .register-page__field ul li::after {
        position: absolute;
        content: "";
        left: .8rem;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-color: var(--greys-typo-ghost, #949bae);
        width: .4rem;
        height: .4rem;
        border-radius: 50%
    }

    .register-page__forgot-pass {
        margin-left: auto;
        width: fit-content;
        display: block;
        margin-top: .4rem;
        font-size: 1.3rem;
        color: var(--greys-typo-ghost, #949bae)
    }

    .register-page__forgot-pass:hover {
        color: var(--brand-brand-default, #e85231)
    }

    .register-page__input {
        width: 266px;
        max-width: 266px;
    }

    .register-page__input[type=password] {
        padding-right: 54px;
    }

    .register-page__label {
        font-size: 1.4rem
    }

    .register-page__display {
        position: absolute;
        top: 1rem;
        right: 0;
        width: 1.6rem;
        height: 1.6rem;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxNCAxNCIgc3Ryb2tlPSIjMTExOTIwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuMDU1OTggNy4wNTc5OEM2LjgwNTc5IDcuMzA3OTkgNi42NjUxNiA3LjY0NzE1IDYuNjY1MDQgOC4wMDA4NUM2LjY2NDkxIDguMzU0NTQgNi44MDUzIDguNjkzOCA3LjA1NTMxIDguOTQzOThDNy4zMDUzMiA5LjE5NDE3IDcuNjQ0NDggOS4zMzQ4IDcuOTk4MTcgOS4zMzQ5MkM4LjM1MTg2IDkuMzM1MDUgOC42OTExMiA5LjE5NDY2IDguOTQxMzEgOC45NDQ2NSIgc3Ryb2tlPSIjMTExOTIwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMjQxOTIgMy41NzY2OUM2LjgxMzUzIDMuNDEzMTcgNy40MDUzOCAzLjMzMTI1IDcuOTk5OTIgMy4zMzMzNUMxMC42NjY2IDMuMzMzMzUgMTIuODg4NiA0Ljg4ODY5IDE0LjY2NjYgOC4wMDAwMkMxNC4xNDc5IDguOTA3MzUgMTMuNTkxOSA5LjY4MjY5IDEyLjk5NzkgMTAuMzI1NE0xMS41NzEzIDExLjU2NkMxMC40ODM5IDEyLjI5OTQgOS4yOTQ1OCAxMi42NjY3IDcuOTk5OTIgMTIuNjY2N0M1LjMzMzI1IDEyLjY2NjcgMy4xMTEyNSAxMS4xMTE0IDEuMzMzMjUgOC4wMDAwMkMyLjI0NTkyIDYuNDAzMzUgMy4yNzUyNSA1LjIxNjY5IDQuNDIxMjUgNC40MzkzNSIgc3Ryb2tlPSIjMTExOTIwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
    }

    .register-page__display--show {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTk5OTIgOC4xNjY2NUM3LjY0NDI1IDguMTY2NjUgOC4xNjY1OSA3LjY0NDMxIDguMTY2NTkgNi45OTk5OEM4LjE2NjU5IDYuMzU1NjUgNy42NDQyNSA1LjgzMzMxIDYuOTk5OTIgNS44MzMzMUM2LjM1NTU5IDUuODMzMzEgNS44MzMyNSA2LjM1NTY1IDUuODMzMjUgNi45OTk5OEM1LjgzMzI1IDcuNjQ0MzEgNi4zNTU1OSA4LjE2NjY1IDYuOTk5OTIgOC4xNjY2NVoiIHN0cm9rZT0iIzExMTkyMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi44MzM0IDcuMDAwMDJDMTEuMjc3NyA5LjcyMjQ0IDkuMzMzNDIgMTEuMDgzNCA3LjAwMDA4IDExLjA4MzRDNC42NjY3NSAxMS4wODM0IDIuNzIyNSA5LjcyMjQ0IDEuMTY2NzUgNy4wMDAwMkMyLjcyMjUgNC4yNzc2IDQuNjY2NzUgMi45MTY2OSA3LjAwMDA4IDIuOTE2NjlDOS4zMzM0MiAyLjkxNjY5IDExLjI3NzcgNC4yNzc2IDEyLjgzMzQgNy4wMDAwMloiIHN0cm9rZT0iIzExMTkyMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
    }

    .register-page__btn {
        width: 100%;
    }

    .register-page__btn:hover {
        color: #fff
    }

    .register-page__text {
        text-align: center;
        font-size: 1.4rem;
        margin-top: 24px;
    }

    .register-page__text a {
        color: #e95737;
        font-weight: 500
    }

    .register-page__text a:hover {
        color: var(--brand-brand-hover, #b73214)
    }

    .register-page__bg {
        width: 100%;
        height: 11.8rem;
        background-image: url(../../../img/register-page/bg.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .register-page__bg--desktop {
        display: none
    }

    .register-page--forgot-password .register-page__title {
        margin-bottom: .8rem
    }

    .register-page--forgot-password .register-page__wrapper {
        flex-direction: column
    }

    .register-page--forgot-password .register-page__caption {
        margin-bottom: 4rem;
        text-align: center;
        font-size: 1.4rem;
        color: var(--greys-typo-secondary, #485a6a);
        line-height: 142.857%
    }

    .register-page--forgot-password .form-details {
        margin-bottom: 1.2rem;
        width: 100%
    }
    .submit_btn_block{
        display: flex;
        gap: 16px;
        align-items: center;
        margin-bottom: 32px;
    }
    .submit_btn_block .register-page__btn{
        max-width: 251px;
        width: 100%;
        background: rgba(232, 82, 49, 1);
        color: white;
        font-family: "Gotham Pro";
        font-weight: 700;
        font-size: 13px;
        line-height: 19.5px;
        letter-spacing: 0;

    }
    .remember_me{
        display: flex;
        flex-direction: column;
        gap: 9px;
    }
     .custom-checkbox__content::before {
        content:"";
        position:absolute;
        left:0;
        top:0;
        width: 20px;
        height: 20px;
        border:.1rem solid #dee2ed;
        border-radius:.3rem;
        box-sizing:border-box;
        background-color:#fff
    }
     .custom-checkbox__content::after{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        border: .1px solid rgba(232, 82, 49, 1);
        background-color: rgba(232, 82, 49, 1);
        background-image: url(/bitrix/templates/advertone/img/icon-check.svg);
        background-position: center center;
        background-size: 1.6rem 1.6rem;
        box-sizing: border-box;
        opacity: 0;
        transition: opacity .3s ease-in-out;
    }
    .custom-checkbox__field{
        appearance: none;
        position: absolute;
    }
    .custom-checkbox{
        position: relative;
        display: flex;
    }
    .custom-checkbox__field:checked+.custom-checkbox__content::after{
        opacity: 1;
    }
    .custom-checkbox__content{
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 15px;
        line-height: 19.6px;
        letter-spacing: 0;
        color: rgba(72, 90, 106, 1);
        margin-left: 32px;

    }
    .custom-checkbox__content a{
        color: rgba(232, 82, 49, 1);
    }
    .remember_me a{
        color: rgba(232, 82, 49, 1);
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 13px;
        line-height: 12.44px;
        letter-spacing: 0;
    }
    .reg_text_block h3{
        font-family: "Exo 2";
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
        color: rgba(0, 0, 0, 1);
        margin-bottom: 10px;
        margin-top: 0;
    }
    .reg_text_block p{
        margin-top: 0;
        margin-bottom: 16px;
        font-family: "Gotham Pro";
        font-weight: 400;
        font-size: 14px;
        line-height: 19.6px;
        letter-spacing: 0;
        color: rgba(72, 90, 106, 1);
    }
    .reg_text_block a{
        display: flex;
        max-width: 220px;
        text-transform: uppercase;
        width: 100%;
        height: 41px;
        align-items: center;
        justify-content: center;
        font-family: "Gotham Pro";
        font-weight: 700;
        border-radius: 4px;
        font-size: 13px;
        line-height: 19.5px;
        letter-spacing: 0;
        color: rgba(232, 82, 49, 1);
        border: 1px solid rgba(232, 82, 49, 1)
    }

}

@media (min-width: 640px) {
    .register-page {
        padding: 6.4rem 0 6rem;
        position: relative
    }

    .register-page__title {
        margin-bottom: 4rem
    }

    .register-page__wrapper {
        padding: 6rem 0
    }

    .register-page .error-validate {
        position: static;
        margin-bottom: 2.4rem
    }

    .register-page__form {
        max-width: 58rem;
        margin: 0 auto
    }

    .register-page .tabs__nav {
        column-gap: 2rem
    }

    .register-page__fields {
        margin-bottom: 24px;
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 2.8rem
    }

    .register-page__field:not(:last-child) {
        margin-bottom: 0
    }

    .register-page__field--w100, .register-page__field:first-child {
        grid-column: 2 span
    }

    .register-page__label {
        font-size: 1.6rem
    }

    .register-page__bg {
        height: 19.8rem
    }

    .register-page--login .register-page__form {
        max-width: 34.8rem
    }

    .register-page--login .register-page__fields {
        grid-template-columns:1fr;
        row-gap: 3.8rem
    }

    .register-page--login .register-page__field:first-child {
        grid-column: auto
    }
}

@media (min-width: 960px) {
    .register-page {
        padding: 12rem 0 6rem
    }

    .register-page .container {
        width: 119rem
    }

    .register-page__wrapper {
        padding: 0;
        justify-content: space-between;
        height: calc(100vh - 6.4rem - 11.5rem)
    }

    .register-page__title {
        text-align: left;
        margin-bottom: 4rem
    }

    .register-page__form {
        max-width: 56rem;
        margin: initial
    }

    .register-page .tabs__nav {
        column-gap: 2rem;
        margin-bottom: 3rem
    }

    .register-page__fields {
        margin-bottom: 24px;
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 2.8rem;
        max-width: 100%;
        width: 100%;
    }
    .fildes_block {
        display: flex;
        justify-content: space-between;
    }
    .register-page__field:not(:last-child) {
        margin-bottom: 0
    }

    .register-page__field:first-child {
        grid-column: 2 span
    }

    .register-page__label {
        font-size: 1.6rem
    }

    .register-page__bg {
        height: 100%;
        width: 46.8rem;
        border-radius: .2rem
    }

    .register-page__bg--desktop {
        display: block
    }

    .register-page__bg--mobile {
        display: none
    }

    .register-page--login .register-page__form {
        max-width: 518px
    }

    .register-page--login .register-page__bg {
        max-width: 65.3rem;
        width: 100%
    }

    .register-page--forgot-password .register-page__title {
        margin-bottom: .8rem
    }

    .register-page--forgot-password .register-page__caption {
        text-align: left
    }

    .register-page--forgot-password .register-page__wrapper {
        flex-direction: row;
        column-gap: 9.6rem
    }

    .register-page--forgot-password .form-details {
        margin-bottom: 2.4rem
    }
}
@media (max-width: 640px) {

    .submit_btn_block{
        flex-direction: column;
        margin-top: 20px;
        align-items: start;
    }
    .register-page__input{
        width: 100%;
        max-width: 100%;
    }

}
@media (min-width: 1200px) {
    .register-page .container {
        width: 134rem
    }
}