/*------------------------------------------------------------------------
# mod_ol_testimonials Extension
# ------------------------------------------------------------------------
# author    olwebdesign
# copyright Copyright (C) 2020 olwebdesign.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.olwebdesign.com
-------------------------------------------------------------------------*/

.client-quote {position: relative;
z-index: 1;padding: 1.5rem !important;} 
.client-quote .quote-head .cl-meta {
  position: relative;
  z-index: 1;
}
.client-quote::before, .client-quote .quote-head .cl-meta::before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #00415D;
}
.client-quote::before {
  background: transparent;
  border: 1px solid #dddddd;
  top: auto;
  bottom: 0;
  height: 67%; }
.client-quote p {
  color: #858A8D;
  font-size: 15px; }

.client-quote .quote-head {
  top: -30px;position: relative;
z-index: 1;padding: 1.5rem !important; }
.client-quote .cl-thumb {
  margin-bottom: -2px !important;
}
.client-quote .quote-head::before{
  position: absolute;
  left: 0px;
  top: 0px;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #f4462f;
}
.cl-thumb img{
  width: 85px !important;
  height: 85px !important;border-radius: 50%; }
  .client-quote .quote-head::before {
    background: #f4462f;
    height: 50%;
    top: auto;
    bottom: 0; }
  .client-quote .quote-head::after {
    position: absolute;
    content: "";
    left: 0;
    top: 52px;
    border-bottom: 56px solid #f4462f;
    border-right: 308px solid transparent;
    z-index: -1; }
    @media only screen and (min-width: 1400px) and (max-width: 1920px) {
      .client-quote .quote-head::after {
        border-right: 318px solid transparent; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .client-quote .quote-head::after {
        border-bottom: 55px solid #f4462f;
        border-right: 249px solid transparent; } }
  .client-quote .quote-head .cl-meta::before {
content: "\f10e";
font-family: "FontAwesome";
    background: transparent;
    left: auto;
    right: 0;
    width: auto;
    font-size: 50px;
    color: #fff;
    top: 12px; }