/* Exact outer shell of the worker pictogram; only its central glyph is replaced. */
html body .u-b-i-l .first > div > ul > li:first-child {
    background-image: none !important;
    position: relative;
}

html body .u-b-i-l .first > div > ul > li:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 91px;
    height: 91px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 0;
    background: url("/images/uslugi/vizov-mastera/vizov_ul_li.png") center / 91px 91px no-repeat;
    box-shadow: none;
}

html body .u-b-i-l .first > div > ul > li:first-child::after {
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    width: 57px;
    height: 57px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M47 52C30 50 22 38 23 25c14 2 27 11 30 25-2 2-4 3-6 2ZM54 50c7-15 19-21 33-17-5 14-18 21-31 19-2-1-3-1-2-2ZM49 59c-1 10 1 19 6 27'/%3E%3Cpath d='M50 56c-4 8-6 17-6 26M53 54c7 6 14 10 23 13' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3C/svg%3E") center / 32px 32px no-repeat,
        radial-gradient(circle, #ffaa83 0 68%, rgba(255, 170, 131, .98) 74%, rgba(255, 170, 131, 0) 80%);
    pointer-events: none;
}

html body .primery-otdelka .first > div > ul > li:first-child,
html body .real-photos .first > div > ul > li:first-child {
    position: relative;
}

html body .primery-otdelka .first > div > ul > li:first-child::after,
html body .real-photos .first > div > ul > li:first-child::after {
    content: "";
    position: absolute;
    left: -2px;
    top: 50%;
    box-sizing: border-box;
    width: 112px;
    height: 112px;
    transform: translateY(-50%);
    border: 3px solid #ffaa83;
    border-radius: 50%;
    pointer-events: none;
}
