#primary ul,
#primary ol{
    margin-bottom: 15px;
}
#primary h2,
#primary h3{
    margin-top: calc(20px + (40 - 20)*((100vw - 390px) /(1920 - 390)));
    margin-bottom: calc(15px + (30 - 15)*((100vw - 390px) /(1920 - 390)));
}

#primary h1,
#primary h2,
#primary h3,
#primary h4,
#primary h5,
#primary h6 {
    font-weight: 700;
}

#primary ul {
    list-style-type: none; /* Приховуємо стандартні маркери */
    padding-left: 0;
}

#primary ul li {
    position: relative;
    padding-left: calc(19px + (26 - 19)*((100vw - 390px) /(1920 - 390)));
}

#primary ul li::before {
    content: ''; /* Псевдоелемент для маркера */
    position: absolute;
    left: 0;
    top: calc(7px + (5 - 7)*((100vw - 390px) /(1920 - 390)));
    width: calc(9px + (11 - 9)*((100vw - 390px) /(1920 - 390)));
    height: calc(9px + (11 - 9)*((100vw - 390px) /(1920 - 390)));
    background-color: #D52D27; /* Колір маркера */
    border-radius: 50%; /* Робимо маркер круглим */
}

#primary p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#primary p:last-child,
#primary ul:last-child,
#primary li:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 1920px) {
    #primary h2,
    #primary h3{
        margin-bottom: 30px;
    }

    #primary ul li::before {
        width: 11px;
        height: 11px;
        top: 5px;
    }

    #primary ul li {
        padding-left: 26px;
    }
}


@media screen and (max-width: 389.98px) {
    #primary h2,
    #primary h3{
        margin-bottom: 15px;
    }

    #primary ul li::before {
        width: 9px;
        height: 9px;
        top: 7px;
    }

    #primary ul li {
        padding-left: 19px;
    }
}