.section--techstack-block {
    position: relative;
}

.shape-techstack-left {
    left: 90px;
    top: -40px;
    z-index: 1;
}

@media only screen and (max-width: 1440px) {
    .shape-techstack-left img {
        transform: scale(0.7);
    }
}

.shape-techstack-right {
    position: absolute;
    top: -40px;
    right: 0;
}

.shape-techstack-right img {
    transform-origin: right;
}

@media only screen and (max-width: 1440px) {
    .shape-techstack-right img {
        transform: scale(0.7);
    }
}

.numbers-techstack-header h2 {
    max-width: 900px;
}

@media only screen and (max-width: 1440px) {
    .numbers-techstack-header h2 {
        max-width: 728px;
    }
}

@media only screen and (max-width: 1280px) {
    .numbers-techstack-header h2 {
        max-width: 648px;
    }
}

@media only screen and (max-width: 1024px) {
    .numbers-techstack-header h2 {
        max-width: 802px;
    }
}

.section--techstack-block .techstack-items {
    display: flex;
    flex-wrap: wrap;
}

.section--techstack-block .techstack-item-column {
    flex: 1 1 auto;

    padding-right: 10px;
}

@media only screen and (max-width: 1800px) {
    .section--techstack-block .techstack-item-column {
        max-width: 20%;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 1440px) {
    .section--techstack-block .techstack-item-column {
        flex: 0 1 20%;

        max-width: unset;
    }
}

@media only screen and (max-width: 1280px) {
    .section--techstack-block .techstack-item-column {
        flex: 0 1 25%;
    }

    .section--techstack-block .techstack-item-column:nth-child(n + 5) {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .section--techstack-block .techstack-item-column {
        flex: 0 1 33%;
    }

    .section--techstack-block .techstack-item-column:nth-child(n + 4) {
        margin-top: 20px;
    }

    .section--techstack-block .techstack-item-column:nth-last-child(2),
    .section--techstack-block .techstack-item-column:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .section--techstack-block .techstack-item-column {
        flex: 0 1 50%;
    }

    .section--techstack-block .techstack-item-column:nth-child(n + 3) {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 460px) {
    .section--techstack-block .techstack-item-column {
        flex: 0 1 100%;
    }

    .section--techstack-block .techstack-item-column:nth-child(n + 2) {
        margin-top: 20px;
    }
}

.section--techstack-block .techstack-item-column h4 {
    margin-bottom: 20px;
}

.section--techstack-block .techstack-item-column p {
    position: relative;

    padding-left: 20px;

    line-height: var(--line-height--xxl);
}

@media only screen and (max-width: 460px) {
    .section--techstack-block .techstack-item-column p {
        padding-left: 15px;
    }
}

.section--techstack-block .techstack-item-column p:before {
    position: absolute;
    top: 15px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    content: "";

    border-radius: 50%;
    background: var(--orange);
}

@media only screen and (max-width: 1440px) {
    .section--techstack-block .techstack-item-column p:before {
        top: 13px;
    }
}

@media only screen and (max-width: 1280px) {
    .section--techstack-block .techstack-item-column p:before {
        top: 11px;
    }
}

@media only screen and (max-width: 1024px) {
    .section--techstack-block .techstack-item-column p:before {
        top: 13px;
    }
}

@media only screen and (max-width: 460px) {
    .section--techstack-block .techstack-item-column p:before {
        top: 11px;
    }
}
