.what-makes-section--kinder .md-title {
    font-size: 30px;
}

.what-makes-section--kinder .md-title span {
    background-image: none;
    color: var(--color-blue) !important;
    position: relative;
}

.what-makes-section--kinder .md-title span:before {
    content: '';
    position: absolute;
    top: -22rem;
    right: 50%;
    -webkit-transform: translateX(247%);
        -ms-transform: translateX(247%);
            transform: translateX(247%);
    width: 45px;
    height: 30px;
    background: url('../../img/kinder/three_lines.svg') center/contain no-repeat;
}

.what-makes-section--kinder .swiper-slide:before {
    content: '';
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.what-makes-section--kinder .swiper-slide:not(:nth-of-type(5n)) .card-pros__title {
    color: red;
}

.what-makes-section--kinder .swiper-slide:nth-of-type(5n + 1) .card-pros__title {
    color: var(--color-green);
}

.what-makes-section--kinder .swiper-slide:nth-of-type(5n + 2) .card-pros__title {
    color: var(--color-blue);
}

.what-makes-section--kinder .swiper-slide:nth-of-type(5n + 3) .card-pros__title {
    color: var(--color-orange-400);
}

.what-makes-section--kinder .swiper-slide:nth-of-type(5n + 4) .card-pros__title {
    color: var(--color-purple);
}

.what-makes-section--kinder .swiper-slide:nth-of-type(3n + 1):before {
    width: 71rem;
    height: 71rem;
    right: 0;
    bottom: -23rem;
    background-image: url('../../img/kinder/figure_1.svg');
}

.what-makes-section--kinder .swiper-slide:nth-of-type(3n + 2):before {
    width: 60rem;
    height: 50rem;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-32%);
        -ms-transform: translateY(-32%);
            transform: translateY(-32%);
    background-image: url('../../img/kinder/figure_2.svg');
}

.what-makes-section--kinder .swiper-slide:nth-of-type(3n + 3):before {
    width: 60rem;
    height: 60rem;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-89%);
        -ms-transform: translateY(-89%);
            transform: translateY(-89%);
    background-image: url('../../img/kinder/figure_3.svg');
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .what-makes-section--kinder .md-title {
        font-size: 48px;
        text-align: center;
    }

    .what-makes-section--kinder .md-title span:before {
        top: -22rem;
        right: 50%;
        -webkit-transform: translateX(318%);
            -ms-transform: translateX(318%);
                transform: translateX(318%);
    }
}