/*------------------------------------------------------------------------
# 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
-------------------------------------------------------------------------*/
:root {
  --oltestim-gray: #6c6b6f;
  --oltestim-gray-rgb: 108, 107, 111;
  --oltestim-white: #ffffff;
  --oltestim-white-rgb: 255, 255, 255;
  --oltestim-base: #ff4f47;
  --oltestim-base-rgb: 255, 79, 71;
  --oltestim-black: #1c1b1f;
  --oltestim-black-rgb: 28, 27, 31;
  --oltestim-primary: #f4f1ee;
  --oltestim-primary-rgb: 244, 241, 238;
  --oltestim-bdr-radius: 5px;

}

.testimonial_17 {
  position: relative;
  display: block;
  border: 1px solid #ede8e4;
  border-radius: var(--oltestim-bdr-radius);
  background-color: rgb(255, 255, 255);
  padding: 50px 50px 45px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial_17:hover {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}

.testimonial_17:before {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 9px;
  background-color: var(--oltestim-base);
  content: "";
  border-top-left-radius: var(--oltestim-bdr-radius);
  border-bottom-left-radius: var(--oltestim-bdr-radius);
  transform: scaleY(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial_17:hover:before {
  transform: scaleY(1);
}

.testimonial-one__client-info {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.testimonial-one__client-img-box {
  position: relative;
  display: block;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(90deg, rgb(28, 27, 31) 0%, rgb(255, 79, 71) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(28, 27, 31) 0%, rgb(255, 79, 71) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(28, 27, 31) 0%, rgb(255, 79, 71) 100%);
}

.testimonial-one__client-img {
  position: absolute;
  top: 0;
  left: -10px;
}

.testimonial-one__client-img img {
  width: 100% !important;
  border-radius: 50%;
}

.testimonial-one__client-details {
  margin-left: 20px;
}

.testimonial-one__client-name {
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
}

.testimonial-one__client-sub-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.testimonial-one__text {
  padding-top: 20px;
}

.testimonial-one__rating {
  position: absolute;
  top: 15px;
  right: -20px;
  display: flex;
  align-items: center;
  background-color: var(--oltestim-primary);
  padding: 13px 20px 14px;
  border-top-left-radius: var(--oltestim-bdr-radius);
  border-bottom-left-radius: var(--oltestim-bdr-radius);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial_17:hover .testimonial-one__rating {
  background-color: var(--oltestim-base);
}

.testimonial-one__rating:after {
  position: absolute;
  bottom: -15px;
  right: 0;
  content: "";
  border-top: 0px solid transparent;
  border-left: 20px solid #ede8e4;
  border-bottom: 15px solid transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial_17:hover .testimonial-one__rating:after {
  border-left: 20px solid #de372f;
}

.testimonial-one__rating i {
  font-size: 13px;
  color: var(--oltestim-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial_17:hover .testimonial-one__rating i {
  color: var(--oltestim-white);
}

.testimonial-one__rating i+i {
  margin-left: 3px;
}