/*------------------------------------------------------------------------
# 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 {
  --test22-white: #ffffff;
  --test22-white-rgb: 255, 255, 255;
  --test22-base: #e40013;
  --test22-base-rgb: 228, 0, 19;
  --test22-black: #0f213c;
  --test22-black-rgb: 15, 33, 60;
}

.testimonial-22__single {
  position: relative;
  display: block;
  text-align: center;
}
.testimonial-22__content {
  position: relative;
  display: block;
  text-align: center;
  padding: 20px 40px 22px;
  background-color: rgb(255, 255, 255);
  box-shadow: -10px 0px 60px 0px rgba(0, 0, 0, 0.07);
  z-index: 1;
}
.testimonial-22__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  background-color: var(--test22-base);
  z-index: -1;
}
.testimonial-22__img {
  position: relative;
  display: block;
  width: 53px;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 1;
}
.testimonial-22__img::before {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  background-color: var(--test22-white);
  border: 2px solid var(--test22-base);
  border-radius: 50%;
  z-index: -1;
}
.testimonial-22__single .testimonial-22__img img {
  width: 100%;
  border-radius: 50%;
}
.testimonial-22__ratting {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 27px;
  margin-bottom: 12px;
}
.testimonial-22__ratting span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: var(--test22-base);
}
.testimonial-22__ratting span+span {
  margin-left: 2px;
}
.testimonial-22__text {
  font-weight: 400;
}
.testimonial-22__client-info {
  position: relative;
  display: block;
  margin-top: 37px;
}
.testimonial-22__client-info h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
.testimonial-22__client-info h3 a {
  color: var(--test22-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.testimonial-22__client-info h3 a:hover {
  color: var(--test22-base);
}
.testimonial-22__client-info p {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 1px;
}
.testimonial-22__shape-1 {
  position: absolute;
  top: 9px;
  left: 0;
  border-top: 30px solid var(--test22-base);
  border-left:35px solid transparent;
  border-right: 175px solid transparent;
  z-index: -1;
}
.testimonial-22__shape-2 {
  position: absolute;
  bottom: -20px;
  left: 0;
  border-top: 20px solid var(--test22-white);
  border-left: 136px solid transparent;
  z-index: -1;
}