.secondary-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 48px 24px;
    max-width: var(--max-content-width);
    gap: 48px;
    margin: 0 auto;
}

.secondary-content>img {
    width: 100%;
    height: auto;
}

.secondary-content h1 {
    font-family: var(--headline-headline-large-font-family);
    font-size: var(--headline-headline-large-font-size);
    line-height: var(--headline-headline-large-line-height);
    letter-spacing: var(--headline-headline-large-letter-spacing);
    font-weight: var(--headline-headline-large-font-weight);
}

.secondary-content h2 {
    padding-top: 32px;
    font-family: var(--headline-headline-small-font-family);
    font-size: var(--headline-headline-small-font-size);
    line-height: var(--headline-headline-small-line-height);
    letter-spacing: var(--headline-headline-small-letter-spacing);
    font-weight: var(--headline-headline-small-font-weight);
}

.secondary-content h1, .secondary-content h2, .secondary-content h3, .secondary-content h4 {
    color: var(--light-onSurface);
}

.secondary-content li {
    padding-top: 8px;
}

.secondary-content p, .secondary-content ul {
    color: var(--light-onSurfaceVariant);
    padding-top: 16px;
}

.secondary-content p, .secondary-content ul {
    font-family: var(--body-body-large-font-family);
    font-size: var(--body-body-large-font-size);
    line-height: var(--body-body-large-line-height);
    letter-spacing: var(--body-body-large-letter-spacing);
    font-weight: var(--body-body-large-font-weight);
}

@media (min-width: 1080px) {
    .secondary-content {
        max-width: calc(var(--max-content-width) + 144px);
        padding: 100px 72px;
        gap: 100px;
    }
}

.secondary-content-legal {
    padding: 48px 24px 56px;
    gap: 0;
    overflow: hidden;
}

.secondary-legal-layout {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.secondary-content-legal h1 {
    color: var(--light-secondary);
    font-family: var(--display-display-medium-font-family);
    font-size: clamp(36px, 7vw, var(--display-display-medium-font-size));
    line-height: var(--display-display-medium-line-height);
    font-weight: var(--display-display-medium-font-weight);
    letter-spacing: -0.8px;
}

.secondary-content-legal .secondary-legal-sections {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.secondary-content-legal .secondary-legal-section {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.secondary-content-legal h2 {
    padding-top: 0;
    color: var(--light-secondary);
    font-family: var(--headline-headline-medium-font-family);
    font-size: var(--headline-headline-medium-font-size);
    line-height: var(--headline-headline-medium-line-height);
    font-weight: var(--headline-headline-medium-font-weight);
}

.secondary-content-legal h3 {
    color: var(--light-onSurface);
    font-family: var(--title-title-medium-font-family);
    font-size: var(--title-title-medium-font-size);
    line-height: var(--title-title-medium-line-height);
    letter-spacing: var(--title-title-medium-letter-spacing);
    font-weight: var(--title-title-medium-font-weight);
}

.secondary-content-legal h4 {
    color: var(--light-inverseSurface);
    font-family: var(--title-title-small-font-family);
    font-size: var(--title-title-small-font-size);
    line-height: var(--title-title-small-line-height);
    font-weight: var(--title-title-small-font-weight);
}

.secondary-content-legal .secondary-legal-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.secondary-content-legal .secondary-legal-subgroup {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.secondary-content-legal .secondary-legal-block-separated {
    padding-top: 24px;
    border-top: 1px solid rgba(42, 43, 51, 0.12);
}

.secondary-content-legal p,
.secondary-content-legal ul {
    padding-top: 0;
    color: var(--light-onSurfaceVariant);
    font-family: var(--body-body-medium-font-family);
    font-size: var(--body-body-medium-font-size);
    line-height: var(--body-body-medium-line-height);
    letter-spacing: 0.25px;
    font-weight: var(--body-body-medium-font-weight);
}

.secondary-content-legal ul {
    padding-left: 21px;
    list-style: disc;
}

.secondary-content-legal li {
    padding-top: 0;
}

.secondary-content-legal li + li {
    margin-top: 16px;
}

.secondary-content-legal .secondary-legal-subgroup li + li,
.secondary-content-legal .secondary-legal-block-separated li + li {
    margin-top: 8px;
}

.legal-decoration-phones,
.legal-decoration-crosses,
.legal-decoration-dots {
    display: none;
}

@media (min-width: 1080px) {
    .secondary-content-legal {
        max-width: calc(var(--max-content-width) + 144px);
        padding: 72px 72px 100px;
    }

    .secondary-legal-layout {
        gap: 72px;
    }

    .legal-decoration-phones{
        position: absolute;
        top: 350px;
        right: 72px;
        display: flex;
        justify-content: flex-start;
    }

    .legal-decoration-crosses{
        position: absolute;
        top: 72px;
        left: 72px;
        display: flex;
        justify-content: flex-start;
    }

    .legal-decoration-dots {
        position: absolute;
        top: 540px;
        left: 72px;
        display: flex;
        justify-content: flex-start;
    }
}