.section__feature {
    background-color: #f5f5f5
}

.section__feature .feature__bottom {
    padding: 40px 0
}

.section__feature .feature__bottom .custom__grid {
    grid-gap: 40px
}

.section__feature .feature__bottom .feature__card {
    grid-column-end: span 4;
    background-color: transparent;
    position: unset
}

.section__feature .feature__bottom .feature__card .card-img-top {
    width: 100%;
    height: 188px;
    object-fit: cover
}

.section__feature .feature__bottom .feature__card .feature__card--body {
    padding: 0
}

.section__feature .feature__bottom .feature__card .feature__card--title {
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0 12px;
    color: #101010
}

.section__feature .feature__note {
    padding: 40px 0
}

.section__feature .feature__note p {
    font-size: 12px;
    color: grey;
    width: 80%
}

.section__operate .operate__item {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.section__operate .operate__item:nth-child(even) .operate__content {
    order: 2;
    margin-right: unset;
    padding-left: 64px;
    margin-left: 0;
    padding-right: 16px
}

.section__operate .operate__content {
    height: fit-content;
    max-width: 616px;
    margin: auto;
    padding: 40px;
    padding-right: 64px;
    padding-left: 16px;
    margin-right: 0
}

.section__operate .operate__content .operate__content--title {
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px
}

.section__operate .operate__content .operate__content--title,
.section__operate .operate__content .operate__content--desc {
    -webkit-transform: translate3d(0, 5rem, 0);
    transform: translate3d(0, 5rem, 0);
    opacity: .8;
    transition: opacity 1s, transform 1s, -webkit-transform 1s
}

.section__operate .operate__content.active .operate__content--title,
.section__operate .operate__content.active .operate__content--desc {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.section__operate .operate__content.active .operate__content--desc {
    transition-delay: .3s
}

.section__operate .operate__img {
    overflow: hidden
}

.section__operate .operate__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transform: scale(1.12);
    transition: all .6s linear
}

.section__operate .operate__img.active img {
    transform: scale(1.0)
}

@media screen and (max-width:991px) {
    .section__operate .operate__content {
        padding-right: 20px
    }

    .section__operate .operate__item:nth-child(even) .operate__content {
        padding-left: 20px
    }

    .section__operate .operate__content .operate__content--title {
        font-size: 28px
    }

    .section__feature .feature__bottom .custom__grid {
        grid-gap: 20px
    }
}

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

    .section__feature .feature__note,
    .section__feature .feature__bottom {
        padding: 16px 0 32px
    }

    .section__operate .operate__item {
        grid-template-columns: 1fr
    }

    .section__operate .operate__content {
        display: none
    }

    .section__feature .feature__bottom .feature__card {
        grid-column-end: span 12
    }

    .section__feature .feature__bottom .custom__grid {
        grid-gap: 40px 0
    }

    .section__feature .feature__note p {
        width: 100%
    }

    .section__feature .feature__bottom .feature__card .feature__card--title {
        font-size: 20px
    }
}