/* ------------------------------
   Testimonial Slider Styles
   ------------------------------ */

/* Container */
.site-testimonial-slider {
  position: relative;
  padding-bottom: 20px; /* room for controls when static positioned */
	overflow:visible;
}

/* Each slide card */
.site-testi-card {
	background: #fff;
  border-radius:40px;
  padding: 60px;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.10);
}

/* Decorative quotes in top-right */
.site-testi-card::after {
  content: "";
  position: absolute;
  top:50px;
  right: 62px;
	width:64px;
	height:47px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='47' viewBox='0 0 64 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.209 0C6.81134 0 0.00370407 6.80763 0.00370407 15.2053C0.00370407 21.4079 3.23261 27.4094 8.05181 28.5674C9.91073 29.0141 11.3912 31.3996 11.0731 34.123C10.6473 37.768 7.351 41.4507 0.824375 44.3528C-0.628819 44.9989 -0.0203342 47.185 1.55772 46.9874C18.5671 44.8579 30.3575 33.7689 30.4141 18.08C30.4143 7.29037 24.0397 0 15.209 0Z' fill='%23285A9D'/%3E%3Cpath d='M48.3843 0C39.9866 0 33.179 6.80763 33.179 15.2053C33.179 21.4079 36.4079 27.4094 41.2271 28.5674C43.086 29.0141 44.5664 31.3996 44.2484 34.123C43.8226 37.768 40.5263 41.4507 33.9997 44.3528C32.5465 44.9989 33.155 47.185 34.733 46.9874C51.7424 44.8579 63.5328 33.7689 63.5894 18.08C63.5896 7.29037 57.215 0 48.3843 0Z' fill='%23285A9D'/%3E%3C/svg%3E%0A");
	background-repeat:no-repeat;
	background-size:contain;
}

/* Stars */
.site-testi-stars {
  color: #FFB400;
  font-size: 22px;
  letter-spacing: 2px;
  margin-bottom: 14px;
}

/* Content text */
.site-testi-content {
  color: #000;
  font-size: 22px;
  line-height: 36px;
  margin-bottom: 18px;
}

/* Name */
.site-testi-name {
  color:  var(--e-global-color-primary);
  font-weight: 400;
  font-size: 24px;
}

/* ----- Swiper controls ----- */

/* Keep controls inline below the wrapper */
.site-testimonial-slider .swiper-button-prev,
.site-testimonial-slider .swiper-button-next {
  position: static;                 /* put into normal flow */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: 16px 6px 0;
  border-radius: 999px;
  background-color: var(--e-global-color-accent);
  color: #fff;
	transition:background .3s ease;
}
.site-testimonial-slider .swiper-button-prev:hover, 
.site-testimonial-slider .swiper-button-next:hover{
	    background-color: #C08A00;
}

/* Use default Swiper arrows, just recolor them */
.site-testimonial-slider .swiper-button-prev::after,
.site-testimonial-slider .swiper-button-next::after {
  font-size: 18px;
  font-weight: 700;
  color:#000;
}

/* Center the controls row */
.site-testimonial-slider .swiper {
  /* allow buttons/pagination to sit after wrapper */
}
/* Spacing between slides */
.site-testimonial-slider .swiper-slide {
  height: auto; /* allow autoHeight to work nicely */
}
.site-testinav {
  text-align: center;
 padding-top :55px;
}
/* Responsive tweaks */
@media(max-width:1199px){
	  .site-testimonial-slider .swiper-button-prev,
  .site-testimonial-slider .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: 14px;
  }
	.site-testi-card{
		padding:60px 40px;
	}
	.site-testi-content{
		font-size:18px;
		line-height:28px;
	}
	.site-testi-name{
		font-size:18px;
	}
	.site-testi-card::after{
		width: 54px;
    	height: 37px;
		top: 50px;
    	right: 37px;
	}
}
@media(max-width:991px){
	.site-testinav{
		display: none;
	}
}
@media(max-width:767px){
	.site-testi-card{
		padding:60px 30px;
	}
	.site-testinav{
		padding-top:30px;
	}
}
