.section--technologies-boxes-block {
    position: relative;
}
.shape-technologies-boxes-left-top {
    left: 0;
    top: -40px;
    z-index: 1;
}
.shape-plain {
    position: absolute;
    z-index: -1;
}
.container-dark {
    position: relative;
    color: #FFF;
    background-color: #494e9f;
}
.inside-padding--l {
    padding-top: 50px;
    padding-bottom: 50px;
}
.container-left .wrapper {
    margin: 0 auto 0 0;
}

.container-left .wrapper, .container-right .wrapper {
    width: calc(90% + (100% - 90%) / 2);
}
.section--technologies-boxes-block .container-technologies-boxes.container-dark, .section--technologies-boxes-block .container-technologies-boxes.container-light-grey {
    margin-top: unset;
}

.section--technologies-boxes-block .container-technologies-boxes {
    margin-top: -10px;
}
.container-left .wrapper .wrapper-inside {
    width: 95%;
    margin: 0 0 0 auto;
}
.wrapper-inside {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.wrapper-inside {
    width: 100%;
}
.element-margin-bottom--s {
    margin-bottom: var(--element-margin-bottom--s);
}


.push-left-1 {
    margin-left: 7.1428571429%;
}
.push-left-2 {
    margin-left: 14.2857142857%;
}
.push-left-3 {
    margin-left: 21.4285714286%;
}
.push-left-4 {
    margin-left: 28.5714285714%;
}
.push-left-5 {
    margin-left: 35.7142857143%;
}
.push-left-6 {
    margin-left: 42.8571428571%;
}
.push-left-7 {
    margin-left: 50%;
}
.push-left-8 {
    margin-left: 57.1428571429%;
}
.push-left-9 {
    margin-left: 64.2857142857%;
}
.push-left-10 {
    margin-left: 71.4285714286%;
}

.col-4 {
    width: calc((100% / (14 / 4)) - (30px * (14 - 4) / 14));
}

.technologies-boxes-container {
    display: flex;
    flex-wrap: wrap;
}
.technologies-boxes-cta {
    margin-top: 25px;
    padding: 0 25px;
}
.hidden {
    display: none!important;
}
.element-margin-bottom--s {
    margin-bottom: var(--element-margin-bottom--s);
}
.technologies-box-icon { padding-right: 30px; margin-bottom: 50px; }
.header2 {
    font-size: var(--h2);
    line-height: var(--line-height--m);
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

.technologies-boxes-container .technologies-boxes-item {
    flex: 0 1 33%;
}

