/* SPECIAL DESIGN FOR HEALTH CONSUMER REVIEW */

body {
    /* background-color: #f9fff4; */
}

/* HOME */
.banner-header {
    display: none;
}
.banner-header_v2 {
    display: block;
    padding: 80px 10px;
    /* background-position: center; */
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
}
.section-buying h2, .title-section h2 {
    color: #390f0d;
}
.bck-dark {
    background-color: #e4eccb;
}
.beauty, .title-section h2.beauty {
    color:#00c7e6;
}
.health, .title-section h2.health {
    color: #417505;
}
.category-icon {
    display: none;
}
.line-gray {
    border-color: #9797971a;
}
.btn-health_v2-health {
    box-shadow: 8px 7px 4px 0 rgba(197, 217, 181, 0.74);
    background-color: #aad27e;
    color: #fff;
    border-radius: 4px;
    border-color: #979797;
}
.btn-health_v2-health:hover {
    background-color: #76ce15;
}
.btn-health_v2-beauty {
    background-color: #32d2e8;
    box-shadow: 8px 7px 4px 0 rgba(33, 123, 135, 0.33);
    color: #fff;
    border-radius: 4px;
    border-color: #979797;
}
.btn-health_v2-beauty:hover {
    background-color: #6feeff;
}
/* END HOME */

/* COMPARATOR */
.text-light-blue {
    color: #60a413;
}
.text-light-blue.title-calification, .text-navy-blue, .review-container h1, .overview h3 {
    color: #390f0d;
}
.healt-shiled_v1 {
    display: none;
 }
 .healt-shiled_v2 {
    display: block;
 }
 .btn-prodcut {
     background-color: #14c649;
 }
 .progress-bar-green {
    /* background-image: linear-gradient(to left, #5FCBE1 0%, #37badc 10%); */
    background-image: linear-gradient(to left, #c6db8c 0%, #95c45f 10%);
 }
 .content-else {
     background-color: transparent;
 }

 /* BOTTOM CONTENT COMPARATOR */
 .content-else-green-container, .content-else-red-container {
     padding: 0;
     border: solid 1px #979797;
     border-top: none;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
 }
 .content-else-green-container {
     background-color: #f9fff4;
 }
 .content-else-green-container h2, .content-else-red-container h2 {
    color: #fff;
    padding: 20px 32px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
 }
 .content-else-green-container h2 {
     background-color: #0dc342;
 }
 .content-else .content-else-green-container strong {
     color: #0dc342;
 }
 .content-else-red-container h2 {
     background-color: #d0021b;
 }
 .content-else .content-else-red-container strong {
    color: #d0021b;
}
 .content-else-green-container ul, .content-else-red-container ul {
     padding: 12px 73px;
 }
 .content-else-green-container ul li:before {
    background-image: url("images/ok_v2.png");
}
.content-else-red-container ul li:before {
    background-image: url("images/ko_v2.png");
}
.content-else-bottom-images h2 {
    text-align: center;
    margin-bottom: 20px;
}
.content-else-bottom-images .flex-image {
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.content-else-bottom-images .flex-image .image-flex {
    min-width: 241px;
    height: 100%;
    border-radius: 5px;
}
.content-else-bottom-images .flex-image.left .image-flex {
    margin-right: 16px;
}
.content-else-bottom-images .flex-image.right .image-flex {
    margin-left: 16px;
}
.flex-image .image-flex img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
 /* END BOTTOM CONTENT COMPARATOR */
/* END COMPARATOR */

@media screen and (max-width: 767px) {
    .content-else-green-container h2, .content-else-red-container h2 {
        padding: 20px;
    }
    .content-else-green-container ul, .content-else-red-container ul {
        padding-left: 47px;
        padding-right: 8px;
        padding-top: 4px;
    }
    .content-else-bottom-images .flex-image {
        flex-direction: column-reverse;
        margin: 0;
    }
    .flex-image .image-flex img {
        margin-bottom: 16px;
    }
    .content-else-bottom-images .flex-image.left .image-flex {
        margin-right: 0;
    }
}