body {
    /* Text-color  */
    --main-text-color: black;
    --notice-text-color: #16130e;
    --muted-text-color: #5e5e5e;
    --secondary-text-color: #16130e99;

    /* Form-colors */
    --form-text-color: #999999;
    --form-border-color: #e6e6e6;
    --modal-bg-color: #16130ecc;
    --form-error: #ff1b1b;
    --form-primary-separator: #f6ebff;
    --form-message-color: #2a2d33;

    /* Colors */
    --primary: #9810fa;
    --primary-dark: #9136bf;
    --primary-active: #8b05ec;
    --primary-clicked: #8f10e9;
    --primary-bg: #e9caff;
    --primary-light: #fbf5ff;
    --primary-light-active: #f8edff;
    --primary-lighten: #ddafff;

    --danger: #ff796d;
    --danger-light: #ffebe4;
    --danger-clicked: #ff695b;
    --danger-active: #d92c1d42;

    --warning: #ffca4a;
    --warning-light: #ffe09580;
    --warning-lighten: #fffbf2;
    --warning-clicked: #ffc330;
    --warning-active: #966d0842;

    --green: #b1e172;
    --green-light: #f7fcf1;
    --green-bg: #e6f7d1;

    --biege-light: #fff5ee;
    --biege-lighten: rgb(255, 245, 238, 0.6);
    --biege-medium: #ffebe4;
    --light: #f7f7f7;
    --white: #fff;
    --white-opacity: rgba(255, 255, 255, 0.5);
    --gray: #adaeb1;

    /* Dark-colors */
    --dark-100: #00000a;
    --dark-200: #00000b;
    --dark-300: #171318;
    --dark-400: #181519;
    --dark-500: #1a181b;
    --dark-600: #252525;
    --dark-700: #292929;
    --dark-800: #3e3d3e;
    --dark-active: #353238;
    --dark-primary: #b957ff;

    /* Spacers */
    --spacer-0-5: 0.25rem;
    --spacer-1: 0.5rem;
    --spacer-2: 1rem;
    --spacer-2-5: 1.5rem;
    --spacer-3: 2rem;
    --spacer-4: 3rem;
    --spacer-5: 4rem;
    --spacer-6: 5rem;
    --spacer-7: 6rem;
    --spacer-8: 7rem;
    --spacer-12: 10rem;

    /* Borders */
    --border-r-xs: 8px;
    --border-r-sm: 16px;
    --border-r-md: 20px;
    --border-r-lg: 24px;

    /* Font-sizing */
    --fs-0-5: 0.5rem;
    --fs-0-75: 0.75rem;
    --fs-0-85: 0.85rem;
    --fs-1: 1rem;
    --fs-1-15: 1.15rem;
    --fs-1-25: 1.25rem;
    --fs-1-5: 1.5rem;
    --fs-1-75: 1.75rem;
    --fs-1-85: 1.85rem;
    --fs-2: 2rem;
    --fs-2-5: 2.5rem;
    --fs-3: 3rem;
    --fs-4: 4rem;

    /* Font-weight */
    --fw-normal: 400;
    --fw-bold: 600;

    /* Screen-sizes */
    --screen-xl: 1440px;
}

blockquote {
    display: flex;
    flex-wrap: wrap;
    background: #fff2d6;
    gap: 15px;
    border-radius: 16px;
    padding: 32px;

    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 0;
    margin-left: 0;

    p {
        margin-top: 0;
    }

    .arrow-holder {
        align-self: start;
        content: url(/local/client/app/media/icons/shared/blackArrowRight.svg);
    }
}

blockquote p {
    padding-bottom: 12px;
}

.quote-with-double {
    flex-direction: column;

    .double-quote {
        position: relative;
        display: flex;
        justify-content: space-between;
        background-color: var(--white);
        border-left: 10px var(--warning) solid;
        border-radius: 12px;
        padding: 20px;

        p {
            width: 100%;
            margin-right: 10px;
        }

        .img-holder {
            position: absolute;
            right: 10px;
        }

        ul {
            @media (max-width: 743px) {
                margin-left: 0;
            }
        }
    }

    .double-quote:has(> ul) {
        flex-direction: column;
    }
}

.list-advantages,
.list-disadvantages,
.list-checks {
    li {
        list-style: none;
        padding-left: 30px;
        padding-bottom: 10px;
        position: relative;
    }

    li::before {
        content: "";
        position: absolute;

        z-index: -1;
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }
}

.list-advantages {
    li {
        background: url(/local/client/app/media/icons/shared/roundPlus.svg) no-repeat;
    }
}

.list-disadvantages {
    li {
        background: url(/local/client/app/media/icons/shared/roundMinus.svg) no-repeat;
    }
}

.list-checks {
    li {
        padding-bottom: 0px;
        background: url(/local/client/app/media/icons/yellow/circleCheck.svg) no-repeat;
    }

    li::before {
    }

    li::marker {
    }
}

.list-round-nums {
    counter-reset: numCounter;

    > li {
        list-style: none;
        position: relative;

        &::before {
            position: relative;
            background-color: var(--warning);
            counter-increment: numCounter;
            content: counter(numCounter);
            box-sizing: border-box;
            z-index: -1;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            margin-right: var(--spacer-1);
            font-weight: 700;
            display: inline-flex;
            width: 20px;
            height: 20px;
            line-height: 14px;
            border-radius: 50%;
            top: -3px;
            @media (max-width: 1183px) {
                top: -1px;
            }
        }
    }

    li::marker {
    }
}

/* Стили для визуального редактора */
* {
    font-family: Onest, Helvetica, serif;
}

li:not(.site-content-wrapper li) {
    margin-bottom: 14px;
}

/* делаем так чтобы не затронуть основные заголовки сайта */
body {
    h2:not(.site-content-wrapper h2) {
        font-size: 44px;
        font-weight: 700;
        color: #16130e;
        text-transform: none;
    }

    h3:not(.site-content-wrapper h3) {
        font-size: 28px;
        font-weight: 600;
        color: #16130e;
        margin-bottom: 20px;
    }

    li:not(.site-content-wrapper li),
    li:not(footer li) {
        font-size: 16px;
        color: black;
        margin-top: 0 !important;
    }

    a:not(.site-content-wrapper a) {
        font-size: inherit;
        color: #9810fa;
        text-decoration: none;
    }

    a.btn {
        color: var(--white) !important;
    }

    a:not(.site-content-wrapper a):hover {
        color: #8b05ec !important;
    }

    ul:not(.site-content-wrapper ul),
    ol:not(.site-content-wrapper ol) {
        margin-left: 30px;
        padding-left: 15px;
    }

    ul:not(.site-content-wrapper ul),
    ul:not(footer ul) {
        list-style: disc;
    }

    td:not(.site-content-wrapper td) {
        border-right: 1px solid #ccc;
    }

    td:not(.site-content-wrapper td):last-child {
        border-right: none;
    }

    img:not(.site-content-wrapper img) {
        display: block;
        margin: 0 auto;
    }
}

.image-description {
    font-size: var(--fs-0-85);
    color: var(--secondary-text-color);
    text-align: center;
    margin-top: 0;
}

p {
    font-size: 16px;
    line-height: 1.25;
    color: black;
}

table {
    border-collapse: collapse; /* Убирает двойные границы */
    border: none; /* Убирает все границы */
    width: 100%; /* Ширина таблицы */
}

th {
    font-size: 24px;
    color: #16130e;
    font-weight: 600;
}

th,
td {
    border: none; /* Убирает все границы */
    padding: 8px; /* Отступы внутри ячеек */
    text-align: left; /* Выравнивание текста */
}

tr,
th {
    border-bottom: 1px solid #ccc; /* Горизонтальная граница между строками */
}

/* Убираем нижнюю границу у последней строки */
tr:last-child {
    border-bottom: none;
}