.c-content-feature-8 .c-content-title-1.c-content-feature-title h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.c-content-feature-8 > .c-grid {
    margin-bottom: 20px;
    margin-top: 0;
}

.c-content-feature-8 > .c-grid > li:before {
    display: none;
}

.c-content-feature-8 > .c-grid > li {
    margin: 0;
}

.c-content-feature-8 > .c-grid > li.c-card-left {
    padding-right: 10px;
    padding-left: 0;
}

.c-content-feature-8 > .c-grid > li.c-card-right {
    padding-left: 10px;
    padding-right: 0;
}

@media (max-width: 991px) {
    .c-content-feature-8 > .c-grid {
        margin-bottom: 10px;
    }

    .c-content-feature-8 > .c-grid > li.c-card-left {
        padding-right: 0;
    }

    .c-content-feature-8 > .c-grid > li.c-card-right {
        padding-left: 0;
    }
}

.c-content-feature-8 > .c-grid > li > .c-card {
    -webkit-transition: all 0.2s ease-out;
    padding: 0;
    width: 100%;
}

.c-content-feature-8 > .c-grid > li > .c-card.special,
.c-content-feature-8.c-opt-2 > .c-grid:last-child > li:last-child > .c-card {
    background: #007a63 !important;
}

.c-content-feature-8.c-opt-2 > .c-grid:last-child > li:last-child:hover > .c-card {
    background-color: rgba(0, 122, 99, 0.9) !important;
}

.c-content-feature-8.c-opt-2 > .c-grid:last-child > li:last-child > .c-card h3,
.c-content-feature-8.c-opt-2 > .c-grid:last-child > li:last-child > .c-card p {
    color: #fff !important;
}

.c-content-feature-8.c-opt-2 > .c-grid > li > .c-card.special h3 {
/*    text-transform: uppercase;*/
    font-weight: 500;
}

.c-content-feature-8 > .c-grid > li > .c-card.nolink,
.c-content-feature-8 > .c-grid > li > .c-card > a {
    display: block;
    padding: 80px;
    padding-bottom: 65px;
}

.c-content-feature-8 > .c-grid > li > .c-card h3 {
    margin: 0 0 20px 0;
}

.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-2 {
    background-color: rgba(0, 122, 99, 0.8);
    color: #fff;
}

.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-2 p,
.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-2 h1,
.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-2 h2,
.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-2 h3,
.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-2 h4,
.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-2 li {
    color: #fff;
}

.c-content-feature-8 > .c-grid > li > .c-card.c-bg-opacity-1.nolink {
    background-color: rgba(255, 255, 255, 0.35);
}

.c-content-feature-8 > .c-grid > li > .c-card.c-bg-opacity-1 a {
    background-color: rgba(255, 255, 255, 0.35);
    height: 100%;
    -webkit-transition: all 0.2s ease-out;
}

.c-content-feature-8 > .c-grid > li > .c-card.c-bg-opacity-1 h3,
.c-content-feature-8 > .c-grid > li > .c-card.c-bg-opacity-1 p {
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500;
}

.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-1.nolink,
.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-1 a {
    background-color: rgba(255, 255, 255, 0.9);
}

.c-content-feature-8 > .c-grid:last-child > li:last-child:hover > .c-card.c-bg-opacity-1.nolink,
.c-content-feature-8 > .c-grid:last-child > li:last-child:hover > .c-card.c-bg-opacity-1 a {
    background-color: rgba(255, 255, 255, 0.7);
}

.c-content-feature-8 > .c-grid > li > .c-card.c-bg-opacity-1.nolink.c-bg-img-center {
    padding: 0;
}

.c-content-feature-8 > .c-grid > li > .c-card.c-bg-opacity-1.nolink.c-bg-img-center h3 {
    background-color: rgba(255, 255, 255, 0.35);
    -webkit-transition: all 0.2s ease-out;
    padding: 80px;
    margin: 0;
}

.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-1.nolink.c-bg-img-center h3 {
    background-color: rgba(255, 255, 255, 0.9);
}

.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-1 h3 {
    color: #007a63;
}

.c-content-feature-8 > .c-grid > li:hover > .c-card.c-bg-opacity-1 p {
    color: #000;
}

.c-content-feature-title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.c-bg-img-center.row-eq-height-1 .c-card.c-font-left.c-bg-opacity-1 h3 {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .c-content-feature-8 > .c-grid > li:last-child {
        padding-bottom: 0;
    }
}

@media (min-width: 992px) {
    .c-content-feature-8.c-opt-1 .row-eq-height-1,
    .c-content-feature-8.c-opt-2 .row-eq-height-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .c-bg-img-center.row-eq-height-1 .c-card.c-font-left.c-bg-opacity-1 {
        width: 100%;
    }
}