/*------------------------------------------------------------------------
# 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 {
  --theme-color1: #217ff3;
  --theme-color2: #121923;
  --theme-color3: #1105f4;
  --theme-color4: #b5090d;
  --theme-color-light: #ffffff;
  --theme-color-dark: #0E102A;
  --theme-color-white: #ffffff;
  --theme-color-gray: #f6f6f6;
  --theme-color1-rgb: 33, 127, 243;
  --theme-color2-rgb: 18, 25, 35;
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
  --border-theme-color1: var(--theme-color1);
  --border-theme-color2: var(--theme-color2);
  --border-theme-color3: var(--theme-color3);
}

.testimonial-block31 {
  position: relative;
  padding: 60px 0 0;
}
.testimonial-block31 .inner-box {
  background-color: var(--theme-color-light);
  border-top: 12px solid var(--border-theme-color1);
  border-radius: 10px;
  margin-bottom: 30px;
  max-width: 500px;
  padding: 30px 50px 45px;
  position: relative;
}
.testimonial-block31 .inner-box .text {
  font-size: 17px;
}
.testimonial-block31 .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 138px;
  height: 96px;
  background-color: #f3f3f3;
  border-radius: 0 0 500px 0;
  content: "";
}
.testimonial-block31 .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
  padding-left: 140px;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial-block31 .image-box .image {
  height: 132px;
  left: -10px;
  margin-bottom: 0;
  padding: 12px;
  position: absolute;
  top: -100px;
  width: 132px;
}
.testimonial-block31 .image-box .image:before {
  background-color: var(--bg-theme-color1);
  border-radius: 120px 120px 0 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimonial-block31 .image-box .image img {
  border: 5px solid var(--theme-color-light);
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
  height: 100%;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  width: 100%;
}
.testimonial-block31 .name {
  margin-bottom: 2px;
}
.testimonial-block31 .designation {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 26px;
  color: #6a6a6a;
  font-weight: 400;
}
.testimonial-block31 .rating {
  position: relative;
  color: #ffba25;
  font-size: 14px;
  letter-spacing: 0.05em;
}