.telegram {
    padding-top: 20px;
    padding-bottom: 160px;
    background: linear-gradient(180deg, #ddd 0, #e4e4e4 26.57%);
    overflow: hidden
}

.telegram-title {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 60px);
    position: relative;
    gap: 42px
}

.telegram-title p {
    font-weight: 900;
    font-size: 150px;
    line-height: 180px;
    text-transform: uppercase;
    color: #fff;
    opacity: .3;
    white-space: nowrap
}

.telegram a.main-btn.mobile {
    display: none
}

.telegram .preview.mobile {
    display: none
}

.telegram-content {
    display: flex;
    padding: 120px 0 160px;
    justify-content: end;
    position: relative
}

.telegram-content .preview {
    max-width: 900px;
    position: absolute;
    right: 870px;
    top: 50%;
    transform: translateY(-50%)
}

.telegram-content__info {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 20px
}

.telegram-content__mini {
    font-size: 20px;
    font-weight: 400;
    line-height: 24.08px
}

.telegram-content h2 {
    font-size: 80px;
    font-weight: 900;
    line-height: 92.8px;
    text-transform: uppercase;
    text-align: right
}

.telegram-content__subtitle {
    font-size: 32px;
    font-weight: 400;
    line-height: 38.53px;
    text-align: right;
    padding-bottom: 10px
}

@media (max-width:1450px) {
    .telegram {
        padding-bottom: 60px
    }

    .telegram-title p {
        font-size: 110px;
        line-height: 130px
    }

    .telegram a.main-btn.mobile {
        display: flex
    }

    .telegram-content {
        flex-direction: column-reverse;
        align-items: center;
        padding: 40px 80px 0
    }

    .telegram-content .preview {
        position: static;
        right: auto;
        top: auto;
        transform: translateY(0);
        max-width: 60%;
        display: none
    }

    .telegram-content .preview.mobile {
        display: block
    }

    .telegram-content__subtitle {
        text-align: center
    }

    .telegram-content__info {
        align-items: center
    }

    .telegram-content__info h2 {
        text-align: center
    }

    .telegram-content__info a {
        display: none
    }
}

@media (max-width:650px) {
    .telegram {
        padding-bottom: 30px
    }

    .telegram-title p {
        font-size: 66.67px;
        line-height: 80.67px
    }

    .telegram-content {
        padding: 0
    }

    .telegram-content__info {
        gap: 14px
    }

    .telegram-content__mini {
        font-size: 18px
    }

    .telegram-content h2 {
        font-size: 30px;
        line-height: 34.8px
    }

    .telegram-content__subtitle {
        font-size: 20px;
        line-height: 23.49px
    }

    .telegram-content .preview {
        max-width: 90%
    }
}