/*------------------------------------------------------------------------
# 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
-------------------------------------------------------------------------*/

/*** 

====================================================================
	testimonials-section
====================================================================

 ***/
:root {
 --oltes3-base:#d82221;
}
.set_test3 {
    position: relative;
    z-index: 1;
}

.fixed-right-nav.scroll-nav-holder {
    height: 0px;
}
.set_test3 .content-container {
    position: relative;
}
.set_test3 .small-container {
    position: relative;
    max-width: 1224px;
    padding: 0 25px;
    margin: 0 auto;
}
.set_test3 .sec-title {
    position: relative;
    padding-left: 20px;
    margin-bottom: 100px;
    margin-top: -19px;
	z-index: 1;
}
.set_test3 .sec-title:before {
    position: absolute;
    left: 0;
    top: 20px;
    content: "";
    width: 5px;
    height: 100px;
    z-index: 188;
    background: #00000021;
}
.set_test3 .sec-title .title h2 {
    font-weight: 700;
    font-size: 48px;
    color: #222222;
    text-transform: uppercase;
}
.set_test3 .sec-title .text p {
    font-size: 16px;
    line-height: 24px;
    color: #222;
}
.set_test3 .sec-title .bigtitle {
    float: right;
    position: relative;
    margin-top: -100px;
}
.set_test3 .sec-title .bigtitle h1 {
    font-size: 140px;
    line-height: 140px;
    color: #3333330d;
    text-transform: uppercase;
    font-weight: 800;
    z-index: -1;
}
.set_test3 .sec-title .text p {
    font-size: 16px;
    line-height: 24px;
    color: #222;
    /* font-style: italic; */
}

.set_test3 .item {
    position: relative;
}
.set_test3 .item .content {
	background: #F4F4F4;
	padding: 25px 25px 30px 38px;
	position: relative;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 30px 40px 40px 35px;
	background: #ffffff;
	border-radius: 8px;
}
.set_test3 .item h3 {
    position: relative;
    font-size: 17px;
    color: #222222;
    font-weight: 700;
    margin-bottom: 36px;
}
.set_test3 .item h3:before {
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
    width: 86px;
    height: 1px;
    background: #DDDDDD;
}
.set_test3 .item p {
	color: #585858;
	line-height: 24px;
	font-style: italic;
}
.set_test3 .item .rating {
    text-align: right;
    position: relative;
    left: -25px;
    top: 3px;
}
.set_test3 .item .rating span {
    color: #ef0d33;
    font-size: 13px;
}
.set_test3 .item .img-holder {
    position: relative;
    left: 0;
    bottom: 0;
    padding: 20px 0px 0px 185px;
}
.set_test3 .item .img-box {
    position: absolute;
    left: 40px;
    top: -48px;
    width: 120px;
}
.set_test3 .item .img-box img {}
.set_test3 .item .img-holder .name h4 {
    font-size: 20px;
    color: #666666;
    font-weight: 500;
}
.set_test3 .item .img-holder .designation {
    font-size: 11px;
    color: #767676;
    /* font-style: italic; */
    font-weight: 600;
}

.overlay-dark-bg-8:before {
    background: #383838 !important;
}

.testimonial_3 .btn-style-one {
  border: 1px solid var(--oltes3-base);
  border-radius: 60px;
  overflow: hidden;
  padding: 4px 5.5px;
  padding-right: 27px;
  position: relative;
  color: var(--oltes3-base);
}
.testimonial_3 .btn-style-one .icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--oltes3-base);
  color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 45px;
  z-index: 1;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.testimonial_3 .btn-style-one .icon i {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width: 10px;
}
.testimonial_3 .btn-style-one .icon i:first-child {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.testimonial_3 .btn-style-one .icon i:last-child {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.testimonial_3 .btn-style-one:before {
  background-color: var(--oltes3-base);
  bottom: 10px;
  border-radius: 50px;
  content: "";
  height: 45px;
  left: 5.5px;
  position: absolute;
  right: 5.5px;
  top: 4px;
  width: 45px;
  z-index: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.testimonial_3 .btn-style-one:hover {
  color: #fff;
}
.testimonial_3 .btn-style-one:hover i:first-child {
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.testimonial_3 .btn-style-one:hover i:last-child {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.testimonial_3 .btn-style-one .icon i svg {
  fill: #fff;
}
.testimonial_3 .btn-style-one:hover:before {
  left: 11px;
  width: calc(100% - 16px);
}

.testimonial_3 .theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.testimonial_3 .theme-btn .btn-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}