form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.form-group,
.buttons {
    width: 100%;
    margin: 0 !important;
}

.buttons {
    padding-top: 10px;
    overflow: hidden;
}

.form-group.col2 {
    margin: 0 !important;
    width: calc(50% - 5px);
    position: relative;
}

.form-group>label {
    margin-right: 15px !important;
}

.wrap_captcha .form-group {
    margin: 15px 0 !important;
}

.wrap_captcha .text-danger,
.page-account .wrap_captcha+.check-wrap,
.page-account .check-wrap+.text-danger {
    margin-bottom: 15px;
}

.page-account .check-wrap span.agree {
    text-decoration: underline;
    z-index: 999;
    display: inline-block;
    position: relative;
}

input.show_password_toggle {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    width: 20px !important;
    padding: 15px 20px !important;
}

.form-group.pas input.show_password_toggle {
    right: 135px;
}

input.show_password_toggle::before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"/></svg>') center center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin-left: -8px;
    transition: all 0.15s ease-in-out;
}

input.show_password_toggle:checked::before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"/></svg>') center center no-repeat;
}

@media only screen and (max-width: 576px) {
    .page-account .row>div+div {
        margin-top: 10px;
    }

    .form-group.col2 {
        width: 100%;
        float: left;
        clear: unset;
    }
}

@media only screen and (max-width: 767px) {
    .page-account .row>div+div {
        margin-top: 0;
    }

    input.show_password_toggle::before {
        margin-top: 3px;
    }
}

#modal-agree {
    z-index: 999;
    position: fixed;
    width: 1000px;
    height: 90vh;
    top: calc(50% - 45vh);
    left: calc(50% - 500px);
    background: var(--kmnd-body-background-primary);
    border: solid 1px var(--kmnd-body-border-color-primary);
    border-radius: 4px;
    box-shadow: 0 0 40px var(--kmnd-body-background-secondary-inverted);
    max-width: 90%;
    display: none;
}

#modal-agree.active {
    display: block;
}

#modal-agree .add-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

#modal-agree .close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

#modal-agree .close svg {
    width: 15px;
    margin: 10px;
}

#modal-agree .add-body .title {
    width: 100%;
    text-align: center;
    padding: 0 10px;
    margin-top: 35px;
    font-size: 24px;
    line-height: 26px;
    margin: 40px 0 15px;
    font-weight: 400;
    font-family: var(--kmnd-body-font-family-secondary);
    text-transform: none;
    color: var(--kmnd-body-background-primary-inverted);
}

#modal-agree .body {
    overflow-x: hidden;
    padding: 0 10px;
    margin-bottom: 15px;
}


@media only screen and (max-width: 1111px) {
    #modal-agree {
        left: 5%;
    }
}

.oauth_block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.oauth_block .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.oauth_block .title span {
    padding: 0 8px;
    background-color: rgba(250, 249, 248);
    z-index: 1;
}

.oauth_block .title::after {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    content: "";
    background-color: var(--kmnd-body-color-primary);
}

.oauth_block .btn {
    min-height: unset;
    max-width: unset;
    padding: 14px;
}

.oauth_block .btn span {
    margin-right: 5px;
}