/* ---------- Reviews CSS Main ---------- */

.testim_row {
    max-width: none;
    clear: both;
    margin: 0 -12px;
}
.testim_row:after,
.testim_row:before {
    content: "";
    display: block;
    clear: both;
}
.testim_cell {
    float: left;
    width: 33.3333%;
    padding: 0 12px;
}
.testim_cell.f_testim {
    width: 33%;
}
.testim_cell.t_testim {
    width: 28%;
}
.testim_cell.th_testim {
    width: 39%;
}

/* ---------- Video reviews ---------- */

.review_video {
    float: left;
    width: 100%;
}
.review_video_image {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.review_video_image img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}
.review_video_content {
    float: left;
    width: 100%;
             min-height: 266px;
    background: #f3f4f6;
    padding: 30px;
    border-radius: 0 0 10px 10px;
    position: relative;
}

/*
.play_button {
    position: absolute;
    z-index: 2;
    top: -125px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    width: 66px;
    height: 50px;
    background: rgb(58, 170, 100, 0.90);
    border-radius: 5px;
    padding: 1px 0 0 1px;
    text-align: center;
    line-height: 48px;
    color: rgb(250, 250, 250, .90);
    cursor: pointer;
    transition: all .1s ease-in-out 0s;
    -webkit-transition: all .1s ease-in-out 0s;
}
.play_button:hover {
                background: rgb(58, 170, 100, 0.85);
    color: rgb(250, 250, 250, .95);
}
.play_button .bi-play-fill{
    font-size: 1.75em;
}
*/

.cont_review {
    display: block;
    clear: both;
    width: 100%;
}
.cont_review p {
    font-size: 1em;
}
.review_name {
    display: block;
    clear: both;
    color: #3AAA64;
    font-size: 1.125em;
    font-weight: 600;
                margin-bottom: -4px;
}
.review_bio {
    display: block;
    clear: both;
    font-size: 0.8125em;
                font-style: italic;
}
.review_contents {
    float: left;
    width: 100%;
    border-radius: 10px;
    padding: 30px 44px;
}

/* ---------- Green background reviews ---------- */

.greenbg_review {
    color: #fafafa;
    background: #3AAA64;
    min-height: 502px;
    display: block;
}
.greenbg_review .bi-quote, .bi-star-fill {
    color: rgba(50, 50, 50, 0.9);
}
.greenbg_review .review_name,
.greenbg_review .review_bio {
    color: rgba(250, 250, 250, 0.9);
}
.greenbg_review p {
    min-height: 312px;
}
.rightbg_review {
    float: left;
    width: 100%;
    padding: 30px 44px;
    background: #f3f4f6;
    position: relative;
}

/* ---------- Dark background reviews ---------- */

.darkbg_review {
    background: #1e2124;
}

.darkbg_review .bi-quote {
    color: #3AAA64;
}
.darkbg_review .review_name {
    color: #3AAA64;
}
.darkbg_review p {
    color: rgba(250, 250, 250, 0.9);
}

.testimonial_complete .testim_cell {
    margin-bottom: 20px;
}
.testimonial_complete .testim_row {
    margin: 0;
    position: relative;
}
.testimonial_complete .darkbg_review {
    margin-top: 0;
}
.testimonial_complete .greenbg_review,
.testimonial_complete .greenbg_review p,
.testimonial_complete .review_video_content {
    min-height: inherit;
}
.testimonial_complete .testim_cell {
    width: 33.3333%;
}

/* ---------- Video modal ----------

#videoModelOther .modal-title {
    display: block;
    font-size: 0.875em;
}
#videoModelOther .modal-title span {
    color: #999;
}
#videoModelOther .modal-content {
    border: 0;
}

.modal-body {
    padding: 0;
}
.modal-content {
    background-color: transparent;
}
*/

/* ---------- Responsive ---------- */

@media screen and (max-width: 991px) {
    .testim_cell.f_review,
    .testim_cell.t_review, .testim_cell.th_review { width: 50%; }
    .darkbg_review { margin-top: 0; float: right; }
    .greenbg_review { min-height: 479px; }
    .cont_testim p { font-size: 0.875em; }
    .review_name { font-size: 1em; }
}
@media screen and (max-width: 767px) {
    .testim_cell.f_review,
    .testim_cell.t_review,
    .testim_cell.th_review { width: 100%; }
    .testim_cell.th_review { padding-top: 0; }
    .rightbg_review { width: 100%; }
    .review_video_content,
    .greenbg_review,
    .greenbg_review p { min-height: 50px; }
    .review_contents { margin: 15px 0; }
    .review_video { margin-bottom: 15px; }
    .greenbg_review { padding-left: 65px; position: relative; }
    .greenbg_review .bi-quote { position: absolute; left: 20px; }
}