:root {
        --tg-bg-top: 13px;
        --tg-bg-right: -11px;
        --tg-bg-size: 52%;
        --ph-bg-top: 176px;
        --ph-bg-right: -7%;
        --ph-bg-size: 54%;
        --ch-bg-top: 74%;
        --ch-bg-right: 0;
        --ch-bg-size: 345px;
        --ci-bg-top: 79%;
        --ci-bg-right: 320px;
        --ci-bg-size: 150px;
    }

    .telegram-bots-section {
        padding: 80px 40px;
        font-family: 'Segoe UI Light', sans-serif;
        background-image:
            url('../img/colorfulicons.webp'),
            url('../img/client-happines.webp'),
            url('../img/phone.webp'),
            url('../img/tgbot-md.webp'),
            radial-gradient(ellipse at center, #47B14A0D, #47b14a00);
        background-repeat: no-repeat;
        background-position:
            top var(--ci-bg-top) right var(--ci-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(--ci-bg-size),
            var(--ch-bg-size),
            var(--ph-bg-size),
            var(--tg-bg-size),
            675px 532px;
    }

    .telegram-bots-section__main-content {
        max-width: 535px;
    }

    .telegram-bots-section__title {

        background-position: bottom 65px right -30px;
    }

.telegram-bots-section__paragraph {
    max-width: 85%;
}


@media (max-width: 980px) {
         :root {
        --tg-bg-top: 13px;
        --tg-bg-right: -11px;
        --tg-bg-size: 52%;
        --ph-bg-top: 176px;
        --ph-bg-right: -7%;
        --ph-bg-size: 54%;
        --ch-bg-top: 74%;
        --ch-bg-right: 0;
        --ch-bg-size: 345px;
        --ci-bg-top: 79%;
        --ci-bg-right: 320px;
        --ci-bg-size: 150px;
    }
    
    .telegram-bots-section__main-content {
        max-width: 60%;
    }
    
    .telegram-bots-section__title {
        background-position: bottom 7px left 0;
    }
    
}


@media (max-width: 969px) {
               :root {
            --tg-bg-top: 30px;
            --tg-bg-right: -11px;
            --tg-bg-size: 533px;
            --ph-bg-top: 196px;
            --ph-bg-right: 0px;
            --ph-bg-size: 450px;
            --ch-bg-top: 499px;
            --ch-bg-right: -9px;
            --ch-bg-size: 344px;
            --ci-bg-top: 568px;
            --ci-bg-right: 265px;
            --ci-bg-size: 150px;
        }
    
    .telegram-bots-section__main-content {
        max-width: 59%;
    }
    
    .telegram-bots-section__title {
        background-position: bottom 67px left 0;
    }
    
        
    .telegram-bots-section__paragraph {
        max-width: 80%;
    }
    
}

@media (max-width: 820px) {
    
    :root {
            --tg-bg-top: 20px;
            --tg-bg-size: 50%;
            --ph-bg-top: 151px;
            --ph-bg-right: -30px;
            --ph-bg-size: 55%;
            --ch-bg-top: 447px;
            --ch-bg-right: -9px;
            --ch-bg-size: 306px;
            --ci-bg-top: 565px;
            --ci-bg-right: 165px;
            --ci-bg-size: 150px;
        }
 
       .telegram-bots-section__main-content {
        max-width: 430px;
    }
}