/*------------------------------------------------------------------------
# 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 {
  --test27-base: #e40013;
}
:root {
  --test27-text: #79767C;
  --test27-text-rgb: 121, 118, 124;
  --test27-primary: #cc0000;
  --test27-primary-rgb: 85, 217, 215;
  --test27-gray: #DDD8DB;
  --test27-gray-rgb: 221, 216, 219;
  --test27-gray2: #9F83B5;
  --test27-gray2-rgb: 159, 131, 181;
  --test27-gray3: #CFD7E0;
  --test27-gray3-rgb: 207, 215, 224;
  --test27-white: #fff;
  --test27-white-rgb: 255, 255, 255;
  --test27-white2: #F5F2F4;
  --test27-white2-rgb: 245, 242, 244;
  --test27-black: #362048;
  --test27-sky-blue: #01C3ED;
  --test27-sky-blue-rgb: 1, 195, 237;
  --test27-border-color: #DDD8DB;
  --test27-border-color-rgb: 221, 216, 219;
}

.testimonials {
    position: relative;
    overflow: hidden;
}
.tm-testimonials-box .star-rating {
 float:right;
 overflow:hidden;
 position:relative;
 height:1.1em;
 line-height:1.2;
 font-size:.9em;
 width:5.6em
}

.testimonial-card {
  position: relative;
  padding: 64px 30px 30px;
  background-color: var(--test27-white, #fff);
  margin-top: 50px;
}
.testimonial-card__image {
  width: 88px !important;
  height: 88px !important;
  border-radius: 50%;
  border: 6px solid var(--test27-white2, #F5F2F4);
  position: absolute;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  transition: all 500ms ease;
}
.testimonial-card:hover .testimonial-card__image {
  border-color: var(--test27-primary, #cc0000);
}
.testimonial-card__text {
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.7;
}
.testimonial-card__text__highlight {
  color: var(--test27-base, #AE61BE);
}
@media (max-width: 430px) {
  .testimonial-card__text {
    font-size: 18px;
  }
}
.testimonial-card__info {
  margin: 20px 0 28px;
  padding: 22px 0;
  border-top: 1px solid var(--test27-border-color, #DDD8DB);
  border-bottom: 1px solid var(--test27-border-color, #DDD8DB);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px 40px;
}
@media (max-width: 390px) {
  .testimonial-card__info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.testimonial-card__name {
  margin-bottom: -5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.666;
  letter-spacing: -0.36px;
  text-transform: capitalize;
}
.testimonial-card__designation {
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.24px;
  text-transform: capitalize;
}
.testimonial-card__quote {
  flex-shrink: 0;
  width: 52px;
  height: 38px;
  transition: all 500ms ease;
}
.testimonial-card__quote path:nth-child(1),
.testimonial-card__quote path:nth-child(2) {
  fill: var(--test27-white2, #F5F2F4);
  transition: all 500ms ease;
}
.testimonial-card__quote path:nth-child(3),
.testimonial-card__quote path:nth-child(4) {
  stroke: var(--test27-base, #AE61BE);
  transition: all 500ms ease;
}
.testimonial-card:hover .testimonial-card__quote path:nth-child(1),
.testimonial-card:hover .testimonial-card__quote path:nth-child(2) {
  fill: var(--test27-primary, #cc0000);
}
.testimonial-card:hover .testimonial-card__quote path:nth-child(3),
.testimonial-card:hover .testimonial-card__quote path:nth-child(4) {
  fill: var(--test27-base, #AE61BE);
}
.testimonial-card__ratings {
  position: relative;
  display: inline-block;
  padding: 15px 16px 15px 0;
}
.testimonial-card__ratings::after {
  content: "";
  width: calc(100% + 30px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -30px;
  background-color: var(--test27-white2, #F5F2F4);
  border-radius: 0px 100px 100px 0px;
  transition: all 500ms ease;
}
.testimonial-card:hover .testimonial-card__ratings::after {
  background-color: var(--test27-primary, #cc0000);
}
.testimonial-card .test27-ratings {
  position: relative;
  gap: 6px;
  z-index: 1;
}
.testimonial-card:hover .test27-ratings__icon {
  color: var(--test27-white, #fff);
}
.testimonial-card__shape {
  width: 82.302px !important;
  height: 79px !important;
  position: absolute;
  right: -1px;
  bottom: 0px;
}
.testimonial-card--two {
  direction: ltr;
  padding: 66px 40px 41px;
}
@media (max-width: 1399px) {
  .testimonial-card--two {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.testimonial-card--two .testimonial-card__image {
  left: 40px;
  transform: translate(0);
}
@media (max-width: 1399px) {
  .testimonial-card--two .testimonial-card__image {
    left: 30px;
  }
}
.testimonial-card--two .testimonial-card__info {
  margin: 0 0 20px;
  padding: 0 0 19px;
  border-top: 0;
}
.testimonial-card--two .testimonial-card__text {
  margin-bottom: 32px;
}
.testimonial-card--two:hover .test27-ratings__icon {
  color: var(--test27-base, #AE61BE);
}
.testimonial-card--three {
  padding: 0;
}
.testimonial-card--three .testimonial-card__quote {
  margin-bottom: 40px;
}
.testimonial-card--three .testimonial-card__ratings {
  display: block;
  margin-bottom: 24px;
  padding: 0;
}
.testimonial-card--three .testimonial-card__ratings::after {
  display: none;
}
.testimonial-card--three:hover .test27-ratings__icon {
  color: var(--test27-base, #AE61BE);
}
.testimonial-card--three .testimonial-card__info {
  display: block;
  margin: 31px 0 0;
  padding: 36px 0 0;
  border-bottom: 0;
}
@media (max-width: 1599px) {
  .testimonial-card--three .testimonial-card__text {
    font-size: 18px;
  }
}

.testimonials-page {
  padding-top: 165px;
  background-color: var(--test27-white2, #F5F2F4);
}
@media (max-width: 767px) {
  .testimonials-page {
    padding-top: 145px;
  }
}
@media (max-width: 575px) {
  .testimonials-page {
    padding-top: 125px;
  }
}
.testimonials-page .testimonial-card--two {
  direction: ltr;
}