body {
    background: #fbfbf5;
}

#center {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 32px 112px 60px;
}

.navigator {
    font-size: 0;
}

.navigator li {
    display: inline-block;
    height: 44px;
    list-style: none;
    padding: 12px;
}

.navigator li.active {
    border-bottom: 3px solid #b57ed1;
}

.navigator li a.button_transparent {
    border: none;
    color: #484743;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 22px;
    text-decoration: none;
}

.navigator li.active a {
    color: #b57ed1;
}

#help_questions {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto;
}

#help_questions li {
    background: #0000000a;
    border-radius: 16px;
    list-style: none;
    padding-bottom: 4px;
    width: 678px;
}

#help_questions h3 a {
    align-items: center;
    color: #302f2d;
    display: flex;
    font-weight: 600;
    gap: 16px;
    justify-content: space-between;
    letter-spacing: -0.015em;
    line-height: 24px;
    padding: 16px 16px 12px;
    text-decoration: none;
}

#help_questions h3 a:after {
    background: url(/images/new-frontend/icons/arrow-down.svg);
    content: "";
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

#help_questions .active-faq h3 a:after {
    background: url(/images/new-frontend/icons/arrow-up.svg);
}

#help_questions .answer {
    padding: 0 16px 12px;
}

#help_questions .answer > div {
    border-image: url(/images/new-frontend/border-dashed-2-6.svg) 2 0 0 0 / 2px 0 0 0 repeat;
    color: #302f2d;
    font-size: 14px;
    letter-spacing: -0.015em;
    line-height: 22px;
    padding-top: 12px;
}

#help_questions .answer a {
    color: #333;
}

.page-container {
    margin: 0 112px;
    padding: 32px 0 60px;
}

.page-container h1 {
    color: #000;
    display: block;
}

.page-container .page-content {
    display: block;;
    margin: auto;
    margin-top: 70px;
    max-width: 680px;
}

.page-privacy .page-content,
.page-consent .page-content {
    margin-top: 55px;
}

.page-consent {
    padding-bottom: 80px;
}

.page-consent p,
.page-consent ul {
    display: block;
    margin: 0;
    padding: 0 0 24px 0;
}

.page-consent h2,
.page-consent .sub-title {
    color: #302f2d;
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin: 0;
    padding: 16px 0 24px 0;
}

.page-consent .sub-title {
    padding-bottom: 0;
}

.page-consent .sub-title + p {
    padding-top: 40px;
}

.page-accreditation .page-content p {
    color: #484743;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}

.block-attention {
    background: #ecece4;
    border-radius: 16px;
    margin: 0 auto 40px auto;
    padding: 15px 15px 15px 50px;
    position: relative;
}

.block-attention::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z' fill='black'/%3e%3cpath d='M12 13.75C11.59 13.75 11.25 13.41 11.25 13V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75Z' fill='black'/%3e%3cpath d='M12 16.9999C11.87 16.9999 11.74 16.9699 11.62 16.9199C11.5 16.8699 11.39 16.7999 11.29 16.7099C11.2 16.6099 11.13 16.5099 11.08 16.3799C11.03 16.2599 11 16.1299 11 15.9999C11 15.8699 11.03 15.7399 11.08 15.6199C11.13 15.4999 11.2 15.3899 11.29 15.2899C11.39 15.1999 11.5 15.1299 11.62 15.0799C11.86 14.9799 12.14 14.9799 12.38 15.0799C12.5 15.1299 12.61 15.1999 12.71 15.2899C12.8 15.3899 12.87 15.4999 12.92 15.6199C12.97 15.7399 13 15.8699 13 15.9999C13 16.1299 12.97 16.2599 12.92 16.3799C12.87 16.5099 12.8 16.6099 12.71 16.7099C12.61 16.7999 12.5 16.8699 12.38 16.9199C12.26 16.9699 12.13 16.9999 12 16.9999Z' fill='black'/%3e%3c/svg%3e");
    bottom: auto;
    content: "";
    height: 24px;
    left: 15px;
    position: absolute;
    right: auto;
    top: 15px;
    width: 24px;
}

.block-attention p {
    color: #484743;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.block-attention p:first-child {
    font-size: 16px;
}

.block-links {
    margin: auto;
    padding: 15px;
}

.block-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-links ul li {
    margin-bottom: 16px;
}

.block-links a {
    color: #b57ed1;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}

.page-consent {
    padding: 15px 0;
}

.sub-title {
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
}

.page-consent .list-item {
    padding-left: 25px;
    position: relative;
}

.page-consent .list-item::before {
    bottom: auto;
    content: "•";
    font-size: 22px;
    left: 0;
    margin-left: 8px;
    position: absolute;
    right: auto;
    top: 0;
}

.page-consent ul {
    margin: 0;
    padding-left: 30px;
}

@media (max-width: 767px) {
    .webview-logo {
        margin-bottom: 0;
    }

    .page-container {
        margin: 0 16px;
        padding: 32px 0;
    }

    .layout-webview .page-container {
        margin: 0;
    }

    .page-container .page-content {
        margin-top: 32px;
    }

    .block-attention {
        margin-bottom: 32px;
    }

    .block-links {
        margin: auto;
        padding: 15px 0;
    }
}