.apator__telemetry-architecture {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 56px;
    overflow: hidden;
}

.telemetry-architecture__bar {
    display: flex;
    gap: 9px;
    margin-right: 45px;
}

.telemetry-architecture__bar > span {
    min-width: 105px;
    height: 9px;
    background-color: var(--color-primary-300);
    margin-top: 7px;
}

.telemetry-architecture__bar > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.telemetry-architecture__bar h3 {
    font: 18px/24px font-primary;
    color: var(--color-primary-300);
    margin: 0;
}

.telemetry-architecture__bar p {
    font: 14px/24px font-primary;
    color: var(--color-primary-300);
    margin: 0;
}

.telemetry-architecture__description {
    color: #E7E7E7;
    font: normal normal 300 14px/22px font-primary;
    margin: 0 28px;
}

@media screen and (min-width: 768px) {
    .telemetry-architecture__bar {
        gap: 12px;
        margin-right: 0;
    }

    .telemetry-architecture__bar > span {
        min-width: 116px;
        height: 11px;
        margin-top: 10px;
    }

    .telemetry-architecture__bar > div {
        gap: 0;
    }

    .telemetry-architecture__bar h3 {
        font: normal normal 600 20px/27px font-primary;
    }

    .telemetry-architecture__description {
        font: 18px/30px font-primary;
        margin: 0 0 0 128px;
        width: 512px;
    }
}

@media screen and (min-width: 912px) {
    .apator__telemetry-architecture {
        padding-bottom: 596px;
    }

    .telemetry-architecture__bar {
        gap: 10px;
    }

    .telemetry-architecture__bar > span {
        min-width: unset;
        width: 95px;
        height: 9px;
        margin-top: 7px;
    }

    .telemetry-architecture__bar h3 {
        font: normal normal 600 16px/21px font-primary;
        letter-spacing: 1px;
    }

    .telemetry-architecture__bar p {
        font: 12px/22px font-primary;
    }

    .telemetry-architecture__description {
        font: 16px/25px font-primary;
        margin: 0 0 0 105px;
        width: 281px;
    }
}

@media screen and (min-width: 1200px) {
    .apator__telemetry-architecture {
        padding-bottom: 612px;
    }

    .telemetry-architecture__bar {
        gap: 12px;
    }

    .telemetry-architecture__bar > span {
        width: 116px;
        height: 11px;
        margin-top: 10px;
    }

    .telemetry-architecture__bar h3 {
        font: normal normal 600 20px/27px font-primary;
    }

    .telemetry-architecture__bar p {
        font: 14px/22px font-primary;
    }

    .telemetry-architecture__description {
        font: 18px/30px font-primary;
        margin-left: 128px;
        width: 330px;
    }
}

@media screen and (min-width: 1400px) {
    .apator__telemetry-architecture {
        padding-bottom: calc(84vw * 0.6 - 175px);
    }

    .telemetry-architecture__bar {
        gap: 16px;
    }

    .telemetry-architecture__bar > span {
        width: 162px;
        height: 17px;
        margin-top: 6px;
    }

    .telemetry-architecture__bar h3 {
        font: normal normal 600 26px/35px font-primary;
        letter-spacing: 1.3px;
    }

    .telemetry-architecture__bar p {
        font: 18px/24px font-primary;
    }

    .telemetry-architecture__description {
        font: 21px/40px font-primary;
        margin-left: 178px;
        width: 425px;
    }
}