:root {
        --tg-bg-top: 0px;
        --tg-bg-right: -5%;
        --tg-bg-size: 982px;
        --ph-bg-top: 278px;
        --ph-bg-right: 22%;
        --ph-bg-size: 610px;
        --ch-bg-top: 697px;
        --ch-bg-right: 22%;
        --ch-bg-size: 315px;
        --oh-bg-top: 681px;
        --oh-bg-right: 51%;
        --oh-bg-size: 393px;
        --ci-bg-top: 580px;
        --ci-bg-right: 52%;
        --ci-bg-size: 150px;
        --cv-bg-top: 328px;
        --cv-bg-right: 10%;
        --cv-bg-size: 280px;
        --kf-bg-top: 436px;
        --kf-bg-right: 11%;
        --kf-bg-size: 300px;
}

.telegram-bots-section {
    font-family: 'Segoe UI Light', sans-serif;
    background-image:
            url('../img/conv.webp'),
            url('../img/coff.webp'),
            url('../img/colorfulicons.webp'),
            url('../img/onehundred.webp'),
            url('../img/client-happines.webp'),
            url('../img/phone.webp'),
            url('../img/tgbot-xl.webp'),
            radial-gradient(ellipse at center, #47B14A0D, #47b14a00);;
    background-repeat: no-repeat;
    background-position:
            top var(--cv-bg-top) right var(--cv-bg-right),
            top var(--kf-bg-top) right var(--kf-bg-right),
            top var(--ci-bg-top) right var(--ci-bg-right),
            top var(--oh-bg-top) right var(--oh-bg-right),
            top var(--ch-bg-top) right var(--ch-bg-right),
            top var(--ph-bg-top) right var(--ph-bg-right),
            top var(--tg-bg-top) right var(--tg-bg-right),
            bottom 0 left 0;
    background-size:
            var(--cv-bg-size),
            var(--kf-bg-size),
            var(--ci-bg-size),
            var(--oh-bg-size),
            var(--ch-bg-size),
            var(--ph-bg-size),
            var(--tg-bg-size),
            675px 532px;
}


@media (max-width: 1840px) {
    :root {
       --oh-bg-right: 54%;
    }
}


@media (max-width: 1748px) {
    :root {
        --tg-bg-right: -13%;
        --ph-bg-right: 20%;
        --ch-bg-right: 17%;
        --ci-bg-right: 50%;
        --cv-bg-right: 5%;
        --kf-bg-right: 6%;
    }
}


@media (max-width: 1650px) {
        :root {
            --tg-bg-right: -27%;
            --ph-bg-right: 15%;
            --ch-bg-right: 17%;
            --ci-bg-right: 53%;
            --cv-bg-right: 3%;
            --kf-bg-right: 3%;
        }
    }
    
@media (max-width: 1570px) {
        :root {
            --tg-bg-right: -43%;
            --ph-bg-right: 10%;
            --ch-bg-right: 10%;
            --ci-bg-right: 49%;
            --cv-bg-right: 0%;
            --kf-bg-right: -1%;
        }
}

@media (max-width: 1475px) {
        :root {
            --tg-bg-right: -47%;
        }
}