.section__impact {
    background-color: #f5f5f5
}

.section__impact .impact__bottom .custom__grid {
    grid-gap: 48px 64px
}

.section__impact .impact__bottom .impact__bottom--img {
    grid-column-end: span 8
}

.section__impact .impact__bottom .impact__bottom--img img {
    width: 100%;
    height: auto
}

.section__impact .impact__bottom .impact__content {
    grid-column-end: span 4
}

.section__impact .impact__bottom .impact__content h5 {
    margin-top: 2.25rem;
    margin-bottom: .75rem;
    font-size: 22px;
    font-weight: 700
}

.section__works {
    padding: 20px 0 40px
}

.section__works .works__bottom .custom__grid {
    grid-gap: 40px
}

.section__works .works__bottom .works__bottom--img,
.section__works .works__bottom .works__content {
    grid-column-end: span 6
}

.section__works .works__bottom .works__bottom--img img {
    width: 100%;
    height: auto
}

.section__choose {
    background-color: #f5f5f5
}

.section__choose .choose__bottom .custom__grid {
    grid-gap: 30px 10px
}

.section__choose .choose__bottom .choose__card {
    grid-column-end: span 6;
    background-color: transparent;
    position: unset
}

.section__choose .choose__bottom .choose__card .card-img-top {
    width: 100%;
    height: 335px;
    object-fit: cover
}

.section__choose .choose__bottom .choose__card .choose__card--body {
    padding: 0;
    padding-right: 20px
}

.section__choose .choose__bottom .choose__card .choose__card--title {
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0 12px;
    color: #101010
}

.section__steps .steps__bottom {
    padding: 0 0 40px
}

.section__steps .steps__item {
    grid-column-end: span 3;
    padding-right: 15px;
    display: inline-block;
    vertical-align: top;
    margin-top: -50px
}

.section__steps {
    opacity: 0
}

.section__steps.active {
    opacity: 1
}

.section__steps.active .steps__item {
    -webkit-animation-name: fade-in-word;
    animation-name: fade-in-word;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.section__steps .steps__item .steps__number {
    font-weight: 700;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 7px;
    color: #fff;
    background: #eb0a1e;
    text-align: center;
    line-height: 1.2
}

.section__steps .steps__item .steps__title {
    font-size: 22px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 10px
}

.section__steps .steps__item:first-child {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    margin-left: 50px;
    margin-top: 0
}

.section__steps .steps__item:nth-child(2) {
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
    margin-left: 20px;
    margin-top: 0
}

.section__steps .steps__item:nth-child(3) {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.section__steps .steps__item:last-child {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.section__steps.active .car-1 {
    animation-name: move-right;
    animation-duration: .3s;
    animation-timing-function: ease-in
}

.section__steps.active .car-2 {
    animation-name: fade-in, move-right-2;
    animation-duration: 1.8s;
    animation-timing-function: ease-in
}

.section__steps.active .car-3 {
    animation-name: fade-in, move-upwards;
    animation-duration: 3.5s;
    animation-timing-function: ease-in
}

.section__steps.active .car-4 {
    animation-name: fade-in, move-downwards;
    animation-duration: 4.3s;
    animation-timing-function: ease-in
}

@media screen and (max-width:991px) {
    .section__impact .impact__bottom .custom__grid {
        grid-gap: 32px 16px
    }

    .section__impact .impact__bottom .impact__bottom--img,
    .section__impact .impact__bottom .impact__content {
        grid-column-end: span 12
    }

    .section__works .works__bottom .works__bottom--img,
    .section__works .works__bottom .works__content {
        grid-column-end: span 12
    }

    .section__choose .choose__bottom .choose__card {
        grid-column-end: span 12
    }

    .section__steps {
        display: none
    }

    .section__works .works__bottom .custom__grid {
        grid-gap: 20px 0
    }

    .section__choose .choose__bottom .custom__grid {
        grid-gap: 60px 10px
    }

    .section__choose .choose__bottom .choose__card .card-img-top {
        height: auto
    }
}

@media screen and (max-width:576px) {

    .section__impact .impact__bottom .impact__content h5,
    .section__choose .choose__bottom .choose__card .choose__card--title,
    .section__discovery .discovery__bottom .discovery__card .discovery__card--title span {
        font-size: 20px
    }

    .section__choose .choose__bottom .choose__card .choose__card--body {
        padding-right: 0
    }
}

.cls-1 {
    stroke: #231f20
}

.cls-1,
.cls-2 {
    fill: #fff
}

.cls-1,
.cls-3,
.cls-4 {
    stroke-miterlimit: 10
}

.cls-1,
.cls-4 {
    stroke-width: 2px
}

.cls-3 {
    stroke: #e72128;
    stroke-width: 4px
}

.cls-3,
.cls-4 {
    fill: none
}

.cls-4 {
    stroke: #010101
}

.cpl-animated .car-1 {
    animation-name: move-right;
    animation-duration: .3s;
    animation-timing-function: ease-in
}

.cpl-animated .car-1 .line {
    animation-name: fade-in;
    animation-timing-function: ease-in;
    animation-duration: .8s
}

.cpl-animated .car-2 {
    animation-name: fade-in, move-right-2;
    animation-duration: 1.8s;
    animation-timing-function: ease-in
}

.cpl-animated .car-2 .line {
    animation-name: fade-in;
    animation-timing-function: ease-in;
    animation-duration: 2.3s
}

.cpl-animated .car-3 {
    animation-name: fade-in, move-upwards;
    animation-duration: 3.5s;
    animation-timing-function: ease-in
}

.cpl-animated .car-3 .line {
    animation-name: fade-in;
    animation-timing-function: ease-in;
    animation-duration: 4s
}

.cpl-animated .car-4 {
    animation-name: fade-in, move-downwards;
    animation-duration: 4.3s;
    animation-timing-function: ease-in
}

.cpl-animated .car-4 .line {
    animation-name: fade-in;
    animation-timing-function: ease-in;
    animation-duration: 5s
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes move-right {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes move-right-2 {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

    50% {
        opacity: 0;
        transform: translateX(-40px)
    }

    70% {
        opacity: 0;
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes move-upwards {
    0% {
        transform: translate(-40px, 10px)
    }

    50% {
        transform: translate(-20px, 5px)
    }

    70% {
        transform: translate(-10px, 3px)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes move-downwards {
    0% {
        transform: translate(-50px, -7px)
    }

    50% {
        transform: translate(-25px, -5px)
    }

    70% {
        transform: translate(-15px, -3px)
    }

    100% {
        transform: translate(0)
    }
}

@-webkit-keyframes fade-in-word {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: -webkit-transform ease-in;
        transition: -webkit-transform ease-in;
        transition: transform ease-in;
        transition: transform ease-in, -webkit-transform ease-in
    }
}

@keyframes fade-in-word {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: -webkit-transform ease-in;
        transition: -webkit-transform ease-in;
        transition: transform ease-in;
        transition: transform ease-in, -webkit-transform ease-in
    }
}