/**

 * All of the CSS for your public-facing functionality should be

 * included in this file.

 */



.clearfix::after {

  content: "";

  clear: both;

  display: table;

}



.testimonial-container {

  width: 1200px;

  max-width: 100%;

  margin: 60px auto;

  padding: 0 15px;

}



.column-1 {

  width: 100%;

  padding: 0 15px;

  margin-bottom: 25px;

}



.column-2 {

  width: calc(100% / 2);

  padding: 0 15px;

  margin-bottom: 25px;

}



.column-3 {

  width: calc(100% / 3);

  padding: 0 15px;

  margin-bottom: 25px;

}



.column-4 {

  width: calc(100% / 4);

  padding: 0 15px;

  margin-bottom: 25px;

}



.column-5 {

  width: calc(100% / 5);

  padding: 0 15px;

  margin-bottom: 25px;

}



/*TESTIMONIAL STYLE SATU*/



.testi-style-satu .testimonial-container-inner {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px;

  height: 100%;

}



.testi-style-satu .testimonial-img {

  width: 100%;

}



.testi-style-satu .testimonial-container-inner .grid {

  height: 100%;

}



.testi-style-satu .slide-item .caption {

  align-self: center;

  padding-right: 120px;

  position: relative;

}



.testi-style-satu .caption {

  padding: 50px;

}



.testi-style-satu .slide-item .caption h1 {

  font-size: 24px;

  text-transform: uppercase;

  margin: 0;

  margin-bottom: 5px;

  padding: 0;

  max-width: 100%;

  width: 100%

}



.testi-style-satu .slide-item .caption .testimonial-job span {

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 14px;

  font-weight: 600;

  display: block;

  margin-top: 10px;

  margin-bottom: 20px;

}



.testi-style-satu .slide-item.sl-trans-elems .caption .testimonial-job span {

  -webkit-animation: fadeIn .7s linear .7s both;

  -moz-animation: fadeIn .7s linear .7s both;

  -o-animation: fadeIn .7s linear .7s both;

  -ms-animation: fadeIn .7s linear .7s both;

  animation: fadeIn .7s linear .7s both

}



.testi-style-satu .slide-item.sl-trans-back-elem .caption .testimonial-job span {

  -webkit-animation: fadeOut 1s linear both;

  -moz-animation: fadeOut 1s linear both;

  -o-animation: fadeOut 1s linear both;

  -ms-animation: fadeOut 1s linear both;

  animation: fadeOut 1s linear both

}



.testi-style-satu .testimonial-bio p,

.testi-style-satu ul.social,

.testi-style-satu .slide-item.sl-trans-elems .caption a.button {

  font-size: 15px;

  line-height: 1.8;

  -webkit-animation: fadeIn 1s linear 1s both;

  -moz-animation: fadeIn 1s linear 1s both;

  -o-animation: fadeIn 1s linear 1s both;

  -ms-animation: fadeIn 1s linear 1s both;

  animation: fadeIn 1s linear 1s both

}



.testi-style-satu .testimonial-bio p {

  font-style: italic;

}



.testi-style-satu .testimonial-bio p:before {

  font-family: 'FontAwesome';

  content: "\201C";

}



.testi-style-satu .slide-item .testimonial-img {

  position: relative

}



.testi-style-satu .slide-item .testimonial-img .the-thumb {

  position: absolute;

  left: -15%;

  top: auto;

  bottom: 0;

  width: auto;

  line-height: 0;

}



.testi-style-satu .testimonial-slide-nav {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 50;

  cursor: pointer

}



.testi-style-satu .testimonial-slide-nav span.nav-arrow-prev,

.testi-style-satu .testimonial-slide-nav span.nav-arrow-next {

  opacity: .6;

  background-color: #fff;

  height: 100px;

  width: 100px;

  text-align: center;

  display: inline-block;

  font-size: 28px;

  line-height: 100px

}



.testi-style-satu .testimonial-slide-nav span:hover {

  opacity: 1

}



.testi-style-satu .testimonial-slide-nav span i {

  vertical-align: middle

}



/* Slit Slider */



.testi-style-satu .sl-slider-wrapper {

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}



.testi-style-satu .sl-slider {

  position: absolute;

  top: 0;

  left: 0;

}



/* Slide wrapper and slides */



.testi-style-satu .sl-slide,

.testi-style-satu .sl-slides-wrapper,

.testi-style-satu .sl-slide-inner {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}



.testi-style-satu .sl-slide {

  z-index: 1;

}



/* The duplicate parts/slices */



.testi-style-satu .sl-content-slice {

  overflow: hidden;

  position: absolute;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  background: #fff;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -o-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  backface-visibility: hidden;

  opacity: 1;

}



/* Horizontal slice */



.testi-style-satu .sl-slide-horizontal .sl-content-slice {

  width: 100%;

  height: 50%;

  left: -200px;

  -webkit-transform: translateY(0%) scale(1);

  -moz-transform: translateY(0%) scale(1);

  -o-transform: translateY(0%) scale(1);

  -ms-transform: translateY(0%) scale(1);

  transform: translateY(0%) scale(1);

}



.testi-style-satu .sl-slide-horizontal .sl-content-slice:first-child {

  top: -200px;

  padding: 200px 200px 0px 200px;

}



.testi-style-satu .sl-slide-horizontal .sl-content-slice:nth-child(2) {

  top: 50%;

  padding: 0px 200px 200px 200px;

}



/* Vertical slice */



.testi-style-satu .sl-slide-vertical .sl-content-slice {

  width: 50%;

  height: 100%;

  top: -200px;

  -webkit-transform: translateX(0%) scale(1);

  -moz-transform: translateX(0%) scale(1);

  -o-transform: translateX(0%) scale(1);

  -ms-transform: translateX(0%) scale(1);

  transform: translateX(0%) scale(1);

}



.testi-style-satu .sl-slide-vertical .sl-content-slice:first-child {

  left: -200px;

  padding: 200px 0px 200px 200px;

}



.testi-style-satu .sl-slide-vertical .sl-content-slice:nth-child(2) {

  left: 50%;

  padding: 200px 200px 200px 0px;

}



/* Content wrapper */

/* Width and height is set dynamically */

.testi-style-satu .sl-content-wrapper {

  position: absolute;

}



.testi-style-satu .sl-content {

  width: 100%;

  height: 100%;

  background: #fff;

}



/* Default styles for background colors */

.testi-style-satu .sl-slide-horizontal .sl-slide-inner {

  background: #ddd;

}



.testi-style-satu .sl-slide-vertical .sl-slide-inner {

  background: #ffffff;

}



.testi-style-satu .sl-slider-wrapper {

  width: 100%;

  height: 600px;

  overflow: hidden;

  position: relative;

}



.testi-style-satu .bg-img {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  position: absolute;

  top: 0;

  left: 50%;

  width: 100%;

  height: 100%;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  background-position: center center;

  background-color: #E1DBED;

}



/* Custom navigation arrows */



.testi-style-satu .nav-arrows span {

  position: absolute;

  z-index: 2000;

  top: 50%;

  width: 40px;

  height: 40px;

  border: 8px solid #ddd;

  border: 8px solid rgba(150, 150, 150, 0.4);

  text-indent: -90000px;

  margin-top: -40px;

  cursor: pointer;



  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



.testi-style-satu .nav-arrows span:hover {

  border-color: rgba(150, 150, 150, 0.9);

}



.testi-style-satu .nav-arrows span.nav-arrow-prev {

  left: 5%;

  border-right: none;

  border-top: none;

}



.testi-style-satu .nav-arrows span.nav-arrow-next {

  right: 5%;

  border-left: none;

  border-bottom: none;

}



/* Custom navigation dots */



.testi-style-satu .nav-dots {

  text-align: center;

  position: absolute;

  bottom: 2%;

  height: 30px;

  width: 100%;

  left: 0;

  z-index: 1000;

}



.testi-style-satu .nav-dots span {

  display: inline-block;

  position: relative;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  margin: 3px;

  background: #ddd;

  background: rgba(150, 150, 150, 0.4);

  cursor: pointer;

  box-shadow:

	0 1px 1px rgba(255, 255, 255, 0.4),

	inset 0 1px 1px rgba(0, 0, 0, 0.1);

}



.testi-style-satu .nav-dots span {

  background: rgba(150, 150, 150, 0.1);

  margin: 6px;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -ms-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

  box-shadow:

	0 1px 1px rgba(255, 255, 255, 0.4),

	inset 0 1px 1px rgba(0, 0, 0, 0.1),

	0 0 0 2px rgba(255, 255, 255, 0.5);

}



.testi-style-satu ul.social {

  margin: 0;

  list-style: none;

  margin-top: 30px;

}



.testi-style-satu ul.social li {

  margin: 0;

}



.testi-style-satu .social-item a {

  text-decoration: none;

  color: #191971;

  background-color: #e2e2e2;

  display: flex;

  align-items: center;

  justify-content: center;

  justify-items: center;

  width: 40px;

  height: 40px;

  font-size: 18px;

  border-radius: 50%;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



.testi-style-satu .social-item a:hover {

  color: #e2e2e2;

  background-color: #191971;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



.testi-style-satu .nav-dots span.nav-dot-current,

.testi-style-satu .nav-dots span:hover {

  box-shadow:

	0 1px 1px rgba(255, 255, 255, 0.4),

	inset 0 1px 1px rgba(0, 0, 0, 0.1),

	0 0 0 5px rgba(255, 255, 255, 0.5);

}



.testi-style-satu .nav-dots span.nav-dot-current:after {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  top: 3px;

  left: 3px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.8);

}



/* Animations for content elements */



.testi-style-satu .sl-trans-elems .deco {

  -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;

  -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;

  -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;

  -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;

  animation: roll 1s ease-out both, fadeIn 1s ease-out both;

}



.testi-style-satu .sl-trans-elems h1 {

  -webkit-animation: moveUp 1s ease-in-out both;

  -moz-animation: moveUp 1s ease-in-out both;

  -o-animation: moveUp 1s ease-in-out both;

  -ms-animation: moveUp 1s ease-in-out both;

  animation: moveUp 1s ease-in-out both;

}



.testi-style-satu .sl-trans-elems blockquote {

  -webkit-animation: fadeIn 0.5s linear 0.5s both;

  -moz-animation: fadeIn 0.5s linear 0.5s both;

  -o-animation: fadeIn 0.5s linear 0.5s both;

  -ms-animation: fadeIn 0.5s linear 0.5s both;

  animation: fadeIn 0.5s linear 0.5s both;

  border: 0;

  position: relative;

  font-style: italic;

}



.testi-style-satu blockquote {

  border: 0;

  padding-left: 0;

  line-height: 1.2;

}



.testi-style-satu .sl-trans-elems blockquote:after {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  right: 0;

  top: -40px;

  z-index: -1;

  font-size: 90px;

  position: absolute;

  color: #E1DBED;

}





.testi-style-satu .sl-trans-back-elems .deco {

  -webkit-animation: scaleDown 1s ease-in-out both;

  -moz-animation: scaleDown 1s ease-in-out both;

  -o-animation: scaleDown 1s ease-in-out both;

  -ms-animation: scaleDown 1s ease-in-out both;

  animation: scaleDown 1s ease-in-out both;

}



.testi-style-satu .sl-trans-back-elems h1 {

  -webkit-animation: fadeOut 1s ease-in-out both;

  -moz-animation: fadeOut 1s ease-in-out both;

  -o-animation: fadeOut 1s ease-in-out both;

  -ms-animation: fadeOut 1s ease-in-out both;

  animation: fadeOut 1s ease-in-out both;

}



.testi-style-satu .sl-trans-back-elems blockquote {

  -webkit-animation: fadeOut 1s linear both;

  -moz-animation: fadeOut 1s linear both;

  -o-animation: fadeOut 1s linear both;

  -ms-animation: fadeOut 1s linear both;

  animation: fadeOut 1s linear both;

}



@-webkit-keyframes roll {

  0% {

	-webkit-transform: translateX(500px) rotate(360deg);

  }



  100% {

	-webkit-transform: translateX(0px) rotate(0deg);

  }

}



@-moz-keyframes roll {

  0% {

	-moz-transform: translateX(500px) rotate(360deg);

	opacity: 0;

  }



  100% {

	-moz-transform: translateX(0px) rotate(0deg);

	opacity: 1;

  }

}



@-o-keyframes roll {

  0% {

	-o-transform: translateX(500px) rotate(360deg);

	opacity: 0;

  }



  100% {

	-o-transform: translateX(0px) rotate(0deg);

	opacity: 1;

  }

}



@-ms-keyframes roll {

  0% {

	-ms-transform: translateX(500px) rotate(360deg);

	opacity: 0;

  }



  100% {

	-ms-transform: translateX(0px) rotate(0deg);

	opacity: 1;

  }

}



@keyframes roll {

  0% {

	transform: translateX(500px) rotate(360deg);

	opacity: 0;

  }



  100% {

	transform: translateX(0px) rotate(0deg);

	opacity: 1;

  }

}



@-webkit-keyframes moveUp {

  0% {

	-webkit-transform: translateY(40px);

  }



  100% {

	-webkit-transform: translateY(0px);

  }

}



@-moz-keyframes moveUp {

  0% {

	-moz-transform: translateY(40px);

  }



  100% {

	-moz-transform: translateY(0px);

  }

}



@-o-keyframes moveUp {

  0% {

	-o-transform: translateY(40px);

  }



  100% {

	-o-transform: translateY(0px);

  }

}



@-ms-keyframes moveUp {

  0% {

	-ms-transform: translateY(40px);

  }



  100% {

	-ms-transform: translateY(0px);

  }

}



@keyframes moveUp {

  0% {

	transform: translateY(40px);

  }



  100% {

	transform: translateY(0px);

  }

}



@-webkit-keyframes fadeIn {

  0% {

	opacity: 0;

  }



  100% {

	opacity: 1;

  }

}



@-moz-keyframes fadeIn {

  0% {

	opacity: 0;

  }



  100% {

	opacity: 1;

  }

}



@-o-keyframes fadeIn {

  0% {

	opacity: 0;

  }



  100% {

	opacity: 1;

  }

}



@-ms-keyframes fadeIn {

  0% {

	opacity: 0;

  }



  100% {

	opacity: 1;

  }

}



@keyframes fadeIn {

  0% {

	opacity: 0;

  }



  100% {

	opacity: 1;

  }

}



@-webkit-keyframes scaleDown {

  0% {

	-webkit-transform: scale(1);

  }



  100% {

	-webkit-transform: scale(0.5);

  }

}



@-moz-keyframes scaleDown {

  0% {

	-moz-transform: scale(1);

  }



  100% {

	-moz-transform: scale(0.5);

  }

}



@-o-keyframes scaleDown {

  0% {

	-o-transform: scale(1);

  }



  100% {

	-o-transform: scale(0.5);

  }

}



@-ms-keyframes scaleDown {

  0% {

	-ms-transform: scale(1);

  }



  100% {

	-ms-transform: scale(0.5);

  }

}



@keyframes scaleDown {

  0% {

	transform: scale(1);

  }



  100% {

	transform: scale(0.5);

  }

}



@-webkit-keyframes fadeOut {

  0% {

	opacity: 1;

  }



  100% {

	opacity: 0;

  }

}



@-moz-keyframes fadeOut {

  0% {

	opacity: 1;

  }



  100% {

	opacity: 0;

  }

}



@-o-keyframes fadeOut {

  0% {

	opacity: 1;

  }



  100% {

	opacity: 0;

  }

}



@-ms-keyframes fadeOut {

  0% {

	opacity: 1;

  }



  100% {

	opacity: 0;

  }

}



@keyframes fadeOut {

  0% {

	opacity: 1;

  }



  100% {

	opacity: 0;

  }

}





/* Media Queries for custom slider */

@media only screen and (min-width: 768px) {

  .testi-style-satu .testimonial-container-inner {

	width: 750px;

  }

}



@media (min-width: 992px) {

  .testi-style-satu .testimonial-container-inner {

	width: 970px;

  }

}



@media (min-width: 1200px) {

  .testi-style-satu .testimonial-container-inner {

	width: 1170px;

  }

}



@media only screen and (max-width: 768px) {

  .testi-style-satu .slide-item .caption {

	padding: 30px 30px 0;

	text-align: center;

  }



  .testi-style-satu .slide-item .testimonial-img .the-thumb {

	left: 0;

	top: 0;

	width: 100%;

  }



  .testi-style-satu .slide-item .testimonial-img .the-thumb img {

	margin: 0 auto;

	width: 50;

	display: block;

  }

}



@media screen and (max-width: 660px) {

  .testi-style-satu .sl-slider-wrapper {

	height: 500px;

  }



  .testi-style-satu .sl-slider h1 {

	font-size: 36px;

  }



  .testi-style-satu .sl-slider blockquote {

	font-size: 16px;

  }



  .testi-style-satu ul.social {

	justify-content: center;

	margin-top: 0;

  }



  .testi-style-satu .bg-img {

	left: 0;

	top: 50%;

  }

}



/* TEAM STYLE DUA */



:root {

  --userthumb: 75px;

  --arrowSize: 15px;

}



.testi-style-dua.testimonial-container {

  width: 768px;

  margin: 15% auto;

}





.testi-style-dua .container {

  max-width: 768px;

  margin: 0 auto;

}



.testi-style-dua .section {

  width: 100%;

  position: relative;

}



.testi-style-dua .section:before {

  transform: translateX(50%) translateY(30%) rotate(-60deg);

  opacity: 0.2;

}



.testi-style-dua .section:after {

  opacity: 0.1;

  transform: translateX(30%) translateY(20%) rotate(-45deg);

}



.testi-style-dua .section-header {

  padding: 15px 0;

  text-align: center;

}



.testi-style-dua .section-header * {

  color: white;

  text-align: center;

}



.testi-style-dua .section-title {

  margin: 0px;

  text-align: center;

  color: white;

  font-size: 35px;

  position: relative;

  padding-bottom: 10px;

  display: inline-block;

  margin: 0 auto;

}



.testi-style-dua .section-title:after {

  bottom: 0;

  position: absolute;

  content: " ";

  width: 100%;

  height: 2px;

  background-color: #fff;

  margin: 0 auto;

  left: 0;

  right: 0;

}



.testi-style-dua .testimonial-job {

  padding-top: 10px;

}



.testi-style-dua .userProfile {

  flex-wrap: wrap;

  align-items: center;

}



.testi-style-dua .userProfile__thumbnail {

  width: 100px;

  height: 100px;

  flex: 0 0 auto;

  background-color: #f1f1f1;

  margin: 0px;

  padding: 0px;

  border-radius: 50%;

}



.testi-style-dua .userProfile,

.testi-style-dua .testimonial {

  display: flex;

}



.testi-style-dua .userProfile__image {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  object-fit: cover;

  overflow: hidden;

  background-color: #f1f1f1;

}



.testi-style-dua .testimonial {

  padding: 0px;

  list-style: none;

  flex-wrap: wrap;

  margin: 0;

}



.testi-style-dua .testimonial-bio p {

  font-style: italic;

}



.testi-style-dua .testimonial-bio blockquote {

  font-size: 16px;

  line-height: 28px;

  position: relative;

  margin: 0;

  font-style: italic;

  margin-bottom: 20px;

  border-color: transparent;

  padding: 0;

}



.testi-style-dua .testimonial-bio blockquote:before {

  content: "\201C";

  font-family: 'Fontawesome';

  font-weight: 900;

  left: -20px;

  right: 0;

  top: 50px;

  margin-left: auto;

  margin-right: auto;

  transform: rotate(0deg);

  width: 100px;

  font-size: 140px;

  position: absolute;

  color: #E1DBED;

  z-index: -1;

}



@media (max-width: 480px) {

  .testi-style-dua .testimonial {

	justify-content: center;

  }

}



.testi-style-dua .testimonial__members {

  position: relative;

  padding: 1rem;

  display: none;

  margin-bottom: calc(var(--userthumb) + var(--arrowSize) * 2);

  box-sizing: border-box;

  flex: 0 0 100%;

  filter: grayscale(1);

}



@media (min-width: 480px) {

  .testi-style-dua .testimonial__members {

	padding: 1rem;

	display: inline-block;

	flex: 0 0 20%;

	margin: 0px;

  }

}



.testi-style-dua .testimonial__members:nth-child(9n + 6),

.testi-style-dua .testimonial__members:nth-child(9n + 7),

.testi-style-dua .testimonial__members:nth-child(9n + 8),

.testi-style-dua .testimonial__members:nth-child(9n + 9) {

  left: auto;

}



@media (min-width: 480px) {



  .testi-style-dua .testimonial__members:nth-child(9n + 6),

  .testi-style-dua .testimonial__members:nth-child(9n + 7),

  .testi-style-dua .testimonial__members:nth-child(9n + 8),

  .testi-style-dua .testimonial__members:nth-child(9n + 9) {

	left: 10%;

  }

}



.testi-style-dua .testimonial__members:nth-child(9n + 9) {

  margin: 0px;

}



@media (min-width: 480px) {

  .testi-style-dua .testimonial__members:nth-child(9n + 9) {

	margin-right: 10%;

  }

}



.testi-style-dua .testimonial__members .userProfile {

  justify-content: center;

  position: absolute;

  top: calc(100% + var(--arrowSize));

  margin: 0 auto;

  left: 0;

  right: 0;

}



@media (min-width: 480px) {

  .testi-style-dua .testimonial__members .userProfile {

	position: static;

  }

}



.testi-style-dua .testimonial__members .userProfile__thumbnail:after {

  content: " ";

  position: absolute;

  left: 50%;

  top: 50%;

  width: var(--userthumb, 50px);

  height: var(--userthumb, 50px);

  transform: translate(-50%, -50%) scale(0);

  background: linear-gradient(90deg, #fff, #191971);

  background-size: 400% 400%;

  border-radius: 50%;

  z-index: -1;

  transition: all 0.3s linear;

}



.testi-style-dua .testimonial__members:hover,

.testi-style-dua .testimonial__members.testimonial__members--show {

  filter: grayscale(0);

  display: inline-block;

}



@media (min-width: 480px) {



  .testi-style-dua .testimonial__members:hover .testimonial__details,

  .testi-style-dua .testimonial__members.testimonial__members--show .testimonial__details {

	transform: translateX(-50%) scale(1, 1);

	z-index: 999999;

  }

}



.testi-style-dua .testimonial__members:hover .userProfile__thumbnail:after,

.testi-style-dua .testimonial__members.testimonial__members--show .userProfile__thumbnail:after {

  transform: translate(-50%, -50%) scale(1.2);

  animation: rainbow-border 1.5s linear infinite;

}



@media (max-width: 480px) {

  .testi-style-dua .testimonial__members:hover:not(.testimonial__members--show) {

	display: none !important;

  }

}



.testi-style-dua .testimonial__details {

  margin: 0 auto;

  position: relative;

  transform: translateX(0%) scale(1, 1);

  background: white;

  border: 1px solid #ccc;

  padding: 20px;

  width: 300px;

  text-align: center;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

  border-radius: 4px;

  transform-origin: center bottom;

  transition: transform 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);

}



@media (min-width: 480px) {

  .testi-style-dua .testimonial__details {

	position: absolute;

	bottom: calc(100% + 15px);

	left: 50%;

	transform: translateX(-50%) scale(0, 0);

  }

}



.testi-style-dua .testimonial__details:after {

  width: var(--arrowSize);

  height: var(--arrowSize);

  position: absolute;

  top: calc(100% - var(--arrowSize) / 2);

  background-color: #fff;

  content: " ";

  transform: rotate(45deg);

  left: calc(50% - var(--arrowSize) / 2);

  border-bottom: 1px solid #ccc;

  border-right: 1px solid #ccc;

  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

}



.testi-style-dua .testimonial__details__summery {

  border-top: 1px dashed #ccc;

  padding-top: 15px;

  font-size: 14px;

  line-height: 23px;

  color: #aeaeae;

}



.testi-style-dua .testimonial__meta {

  padding-bottom: 15px;

}



.testi-style-dua .testimonial__meta h1 {

  margin: 0px;

  font-size: 28px;

}



.testi-style-dua .testimonial__meta span {

  margin-top: 10px;

}



.testi-style-dua .socials {

  margin-top: 10px;

}



.testi-style-dua .socials .social-item a {

  display: flex;

  width: 30px;

  height: 30px;

  background: #e2e2e2;

  color: #191971;

  text-decoration: none;

  align-items: center;

  justify-items: center;

  justify-content: center;

  border-radius: 50%;

  font-size: 16px;

  transition: all .3s ease;

}



.testi-style-dua .socials .social-item a:hover {

  background: #191971;

  color: #e2e2e2;

  transition: all .3s ease;

}



@keyframes rainbow-border {

  0% {

	background-position: 0% 50%;

  }



  50% {

	background-position: 100% 50%;

  }



  100% {

	background-position: 0% 50%;

  }

}



/*TESTIMONIAL STYLE TIGA*/

.testi-style-tiga.swiper-container {

  width: 100%;

  height: 100%;

}



.testi-style-tiga .swiper-slide {

  text-align: center;

  font-size: 18px;



  /* Center slide text vertically */

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}



.testi-style-tiga .testimonial-desc {

  display: none;

}



.testi-style-tiga .fade {

  opacity: 0;

  -webkit-transition: opacity .15s linear;

  -o-transition: opacity .15s linear;

  transition: opacity .15s linear;

}



.testi-style-tiga .testimonial-desc.active {

  display: block;

}



.testi-style-tiga .fade.in {

  opacity: 1;

}



.testi-style-tiga .testimonial-photo-box img {

  opacity: 0.3;



}



.testi-style-tiga .testimonial-name h1 {

  font-size: 40px;

  margin: 0;

  margin-bottom: 5px;

}



.testi-style-tiga .testimonial-job span {

  margin: 0 0 10px;

  font-size: 14px;

  display: block;

}



.testi-style-tiga .heading-block {

  margin-bottom: 15px;

}



.testi-style-tiga .testimonial-bio {

  position: relative;

}



.testi-style-tiga .testimonial-bio blockquote {

  font-size: 16px;

  line-height: 28px;

  position: relative;

  margin: 0;

  font-style: italic;

  margin-bottom: 20px;

  border-color: transparent;

  padding: 0;

}



.testi-style-tiga .testimonial-bio blockquote:after {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  right: 0;

  top: 0;

  position: absolute;

  color: #E1DBED;

  font-size: 50px;

  z-index: -1;

  font-style: normal;

}



.testi-style-tiga .swiper-button-next,

.testi-style-tiga .swiper-button-prev {

  background: #e2e2e2;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  color: #191971;

}



.testi-style-tiga .swiper-button-next:after,

.testi-style-tiga .swiper-container-rtl .swiper-button-next:after {

  content: "\f054";

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

}



.testi-style-tiga .swiper-button-prev:after,

.testi-style-tiga .swiper-container-rtl .testi-style-tiga .swiper-button-next:after {

  content: "\f053";

  font-weight: 900;

  font-family: "Font Awesome 5 Free";

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

}



.testi-style-tiga .socials .social-item a {

  display: flex;

  width: 35px;

  height: 35px;

  background: #e2e2e2;

  color: #191971;

  text-decoration: none;

  align-items: center;

  justify-items: center;

  justify-content: center;

  border-radius: 50%;

  font-size: 16px;

  transition: all .3s ease;

}



.testi-style-tiga .socials .social-item a:hover {

  transition: all .3s ease;

}



.testi-style-tiga .swiper-button-next:after,

.testi-style-tiga .swiper-button-prev:after {

  font-size: 17px !important;

}



/*TESTIMONIAL STYLE EMPAT*/

.testi-style-empata {

  text-decoration: none;

}



.testi-style-empat .clear {

  clear: both;

}



.testi-style-empat .item-holder {

  position: relative;

  width: unset;

  background: #ffffff;

  border-bottom: 1px solid #eaeaea;

}



.testi-style-empat .clearfix:before,

.testi-style-empat .clearfix:after {

  content: "";

  display: table;

}



.testi-style-empat .clearfix:after {

  clear: both;

}



.testi-style-empat .clearfix {

  zoom: 1;

}



.testi-style-empat .item-holder img {

  width: 160px;

  float: left;

  object-fit: cover;

}



.testi-style-empat .testimonial-img {

  float: left;

}



.testi-style-empat .testimonial-list {

  position: relative;

}



.testi-style-empat .testimonial-list li .item-holder {

  border-bottom: none;

}



.testi-style-empat .testimonial-list li:last-child .item-holder {

  border-bottom: 1px solid rgb(214, 214, 214);

}



.testi-style-empat .member-img {

  width: 160px;

  height: 191px;

  float: left;

  object-fit: cover;

}



.testi-style-empat .member-info {

  float: left;

  width: 300px;

  padding-bottom: 30px;

}



.testi-style-empat .member-info .testimonial-name h1 {

  padding: 15px 0 10px 20px;

  font-size: 26px;

  margin: 0;

}



.testi-style-empat .member-info p,

.testi-style-empat .member-info-plus p {

  font-size: 14px;

  padding-left: 21px;

  line-height: 18px;

  color: #6B6B6B;

}



.testi-style-empat .member-info span {

  color: #8d8d8d;

  font-size: 16px;

  margin-bottom: 20px;

  margin-top: 0;

  font-weight: normal;

  padding: 0 0 0 20px;

}



.testi-style-empat .social-list {

  list-style: none;

  margin-top: 25px;

  margin-left: 21px;

}



.testi-style-empat .social-list li {

  width: 30px;

  height: 30px;

  float: left;

  margin-right: 15px;

  margin-left: 0;

  vertical-align: middle;

  position: relative;

  top: 0;

  transition: all .5s;

  -webkit-transition: all .5s;

}





.testi-style-empat .social-list li a {

  position: relative;

  width: 36px;

  height: 36px;

  font-size: 16px;

  text-align: center;

  border-radius: 50%;

  line-height: 37px;

  display: inline-block;

  border: 1px solid transparent;

  -webkit-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  transition: all 300ms ease;

  ;

  ;

}





.testi-style-empat .more-btn {

  display: block;

  width: 45px;

  height: 45px;

  background-color: #2a2a79;

  color: #ffffff;

  position: absolute;

  text-decoration: none;

  z-index: 1;

  right: 0px;

  bottom: 0px;

  font-size: 25px;

  text-align: center;

  color: #FFF;

  font-weight: bold;

  display: flex;

  justify-content: center;

  align-items: center;

}



.testi-style-empat .more-btn.opened span {

  display: block;

  -ms-transform: rotate(45deg);

  /* IE 9 */

  -webkit-transform: rotate(45deg);

  /* Chrome, Safari, Opera */

  transform: rotate(45deg);

  margin-left: 2px !important;

}



.testi-style-empat .item-holder:hover .social-list li:nth-child(1) {

  top: 0;

  transition: all .2s;

  -webkit-transition: all .2s;

  /* Safari */

  opacity: 1;

}



.testi-style-empat .item-holder:hover .social-list li:nth-child(2) {

  transition-delay: .1s;

  -webkit-transition-delay: .1s;

  opacity: 1;

  top: 0;

}



.testi-style-empat .item-holder:hover .social-list li:nth-child(3) {

  transition-delay: .2s;

  -webkit-transition-delay: .2s;

  opacity: 1;

  top: 0;

}



.testi-style-empat .item-holder:hover .social-list li:nth-child(4) {

  transition-delay: .3s;

  -webkit-transition-delay: .3s;

  opacity: 1;

  top: 0;

}



.testi-style-empat .item-holder:hover .more-btn {

  background: #a1a1dd;

}



.testi-style-empat .member-info-plus {

  display: none;

  background: #f5f5f5;

  position: relative;

}



.testi-style-empat .member-info-plus p {

  padding: 15px 30px 30px 15px;

  margin: 0;

}



.testi-style-empat .rotate span {

  transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  display: block;

}



.testi-style-empat .testimonial-img {

  float: left;

  width: 30%;

}



.testi-style-empat .item-holder {

  position: relative;

  width: unset;

  background: #ffffff;

}



.testi-style-empat .item-holder img {

  width: 100%;

  float: left;

  object-fit: cover;

}



.testi-style-empat .member-info {

  float: left;

  width: 70%;

  padding: 50px 40px;

}



.testi-style-empat .member-info .testimonial-job {

  margin-bottom: 20px;

}



.testi-style-empat .testimonial-bio {

  padding-right: 12%;

}



.testi-style-empat blockquote {

  border: 0;

  margin: 0;

  font-style: italic;

  padding-left: 20px;

  z-index: 1;

  position: relative;

}



.testi-style-empat blockquote:after {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  right: 0;

  top: -10px;

  position: absolute;

  z-index: -1;

  color: #E1DBED;

  font-size: 34px;

}



.testi-style-empat .member-info .more-btn span {

  color: #fff;

  font-size: 25px;

  margin-bottom: 0;

  margin-top: 0;

  margin-left: 0px;

  font-weight: normal;

  padding: 0;

}



.testi-style-empat .member-info p,

.testi-style-empat .member-info-plus p {

  font-family: Helvetica, sans-serif;

  font-size: 14px;

  padding-left: 20px;

  padding-right: 20px;

  line-height: 18px;

  text-align: left;

  color: #6B6B6B;

}



/*TESTIMONIAL STYLE LIMA*/

.testi-style-lima.testimonial-syle-5.container {

  width: 100% !important;

  max-width: 100% !important;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #fff;

  flex-direction: column;

}



.testi-style-lima .testimonial-syle-5 .title {

  font-size: 38px;

  color: #616161;

  font-style: italic;

  font-weight: 800;

}



.testi-style-lima .testimonial-syle-5 .testimonial {

  width: 100%;

  background-color: #fff;

  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .2);

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-container {

  height: 1000px;

  width: 100%;

  position: relative;

  max-height: 100%;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-wrapper {

  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide {

  position: relative;

  color: #fff;

  overflow: hidden;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide::after {

  content: "";

  position: absolute;

  z-index: 1;

  left: -115%;

  bottom: -10%;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, .7);

  box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-content {

  position: absolute;

  text-align: center;

  width: 80%;

  max-width: 600px;

  right: 50%;

  top: 50%;

  transform: translate(50%, -50%);

  font-size: 12px;

  z-index: 2;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide .testimonial-job {

  display: block;

  font-style: italic;

  font-size: 12px;

  margin-bottom: 20px;

  transform: translate3d(20px, 0, 0);

  color: #ffffff;

  font-weight: 300;

  opacity: 0;

  transition: 0.2s ease 0.4s;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide .testimonial-name {

  font-weight: 800;

  font-size: 34px;

  opacity: 0;

  transform: translate3d(20px, 0, 0);

  transition: 0.2s ease 0.5s;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide .testimonial-bio {

  line-height: 1.6;

  opacity: 0;

  transform: translate3d(20px, 0, 0);

  transition: 0.2s ease 0.6s;

  font-size: 15px;

  text-align: left;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide .testimonial-bio p {

  text-align: left;

  font-style: italic;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-active .testimonial-job {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  transition: 0.4s ease 1.6s;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-active .testimonial-name {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  transition: 0.4s ease 1.7s;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-active .testimonial-bio {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  transition: 0.4s ease 1.8s;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination {

  right: 15% !important;

  height: 100%;

  display: none;

  flex-direction: column;

  justify-content: center;

  font-style: italic;

  font-weight: 300;

  font-size: 18px;

  z-index: 1;

}



.testi-style-lima blockquote {

  padding-left: 30px;

  color: #0D0D0F;

  margin: 0;

  position: relative;

  border: 0;

  font-style: italic;

}



.testi-style-lima blockquote:before {

  font-family: "Font Awesome 5 Free";

  content: "\f10d";

  font-weight: 900;

  left: 0;

  top: 0;

  position: absolute;

  color: #191971;

  font-size: 20px;

  z-index: -1;

  font-style: normal;

  opacity: 0.3;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination::before {

  content: "";

  position: absolute;

  right: -30px;

  top: 0;

  height: 100%;

  width: 1px;

  background-color: rgba(255, 255, 255, .2);

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination-bullet {

  width: 120px;

  height: auto;

  text-align: left;

  opacity: 1;

  background: transparent;

  color: #aaaaaa;

  margin: 15px 0 !important;

  position: relative;

  font-size: 16px;

  font-weight: 700;

  font-style: normal;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination-bullet::before {

  content: "";

  position: absolute;

  top: 50%;

  left: -55px;

  width: 35px;

  height: 2px;

  background-color: #d02b2b;

  transform: scale(0) translateY(-50%);

  transition: 0.2s;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination-bullet-active {

  color: #ffffff;

  font-size: 20px;

  font-weight: 700;

  font-style: normal;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination-bullet-active::before {

  transform: scale(1) translateY(-50%);

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-next,

.testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-prev {

  background-size: 20px 20px;

  top: 15%;

  width: 20px;

  height: 20px;

  margin-top: 0;

  z-index: 2;

  transition: 0.2s;

  color: #fff;

  background-image: none;

}



.testi-style-lima .swiper-button-next:after,

.testi-style-lima .swiper-button-prev:after {

  font-size: 30px;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-prev {

  left: 8%;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-prev:hover {

  transform: translateX(-3px);

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-next {

  right: 8%;

  margin-left: 0;

}



.testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-next:hover {

  transform: translateX(3px);

}



@media screen and (min-width: 768px) {

  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide::after {

	left: -30%;

	bottom: -8%;

	width: 500px;

	height: 50%;

	box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-content {

	left: 30%;

	top: 50%;

	transform: translateY(-50%);

	width: 600px;

	font-size: 11px;

	text-align: left;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide .testimonial-job {

	margin-bottom: 20px;

	font-size: 12px;

	font-weight: 400;

	font-style: italic;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide .testimonial-name h1 {

	font-size: 46px;

	margin: 0;

	margin-bottom: 20px;

	line-height: 55px;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination {

	display: flex;

	left: 5%;

	right: unset !important;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-prev {

	top: 15%;

	left: auto;

	right: 15%;

	transform: rotate(90deg) translate(0, 10px);

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-prev:hover {

	transform: rotate(90deg) translate(-3px, 10px);

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-next {

	top: auto;

	bottom: 15%;

	right: 15%;

	transform: rotate(90deg) translate(0, 10px);

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-next:hover {

	transform: rotate(90deg) translate(3px, 10px);

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-next {

	bottom: 12%;

	left: 9%;

	top: unset;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-button-prev {

	bottom: 16%;

	left: 9%;

	top: unset;

	transform: rotate(90deg) translate(0, 10px);

  }

}



@media screen and (min-width: 1024px) {

  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide::after {

	left: -20%;

	bottom: -12%;

	width: 500px;

	height: 50%;

	box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-content {

	left: 27%;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination {

	left: 7%;

  }

}



@media screen and (min-width: 1140px) {

  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-content {

	left: 23%;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination {

	left: 8%;

  }

}



@media screen and (min-width: 1280px) {

  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-content {

	left: 22%;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination {

	left: 8%;

  }

}



@media screen and (min-width: 1440px) {

  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-slide-content {

	left: 19%;

  }



  .testi-style-lima .testimonial-syle-5 .testimonial .swiper-pagination::before {

	right: -40px;

  }

}



/*TESTIMONIAL STYLE ENAM*/

.testi-style-enam {

  background-color: #fff;

  width: 600px;

  min-height: 500px;

  margin: 0 auto;

  font-size: 12px;

}



.testi-style-enam .testimonial-name h1 {

  font-size: 28px;

  margin: 0 0 20px 0;

}



.testi-style-enam .testimonial-bio blockquote {

  border: none;

  padding: 0.5rem 0 0.5rem 0;

}



.testi-style-enam .testimonial-bio blockquote:after {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  right: 0;

  top: 95px;

  position: absolute;

  color: #191971;

  font-size: 65px;

  z-index: -1;

  font-style: normal;

  opacity: 0.3;

}



@media screen and (max-width: 600px) {

  .body-wrap.testi-style-enam {

	width: 100%;

  }

}



.testi-style-enam .pres-testimonial {

  font-size: 12px;

  color: #4A4A4A;

  width: 100%;

  margin: 30px 0;

}



.testi-style-enam .pres-testimonial>div>div {

  padding: 2em 0;

  box-sizing: border-box;

}



.testi-style-enam .pres-testimonial .periods-container,

.testi-style-enam .pres-testimonial .cards-container {

  overflow: hidden;

  box-sizing: border-box;

  position: relative;

  min-height: 100px;

  -webkit-transition: height 0.5s ease-in-out;

  transition: height 0.5s ease-in-out;

  background-color: #FFF;

}



.testi-style-enam .periods-container:before {

  background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(248, 248, 248, 0)));

  background-image: linear-gradient(left, #FFF, rgba(248, 248, 248, 0));

  left: 0;

  content: "";

  position: absolute;

  z-index: 2;

  top: 0;

  height: 100%;

  width: 100px;

}



.testi-style-enam .periods-container:after {

  background-image: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(248, 248, 248, 0)));

  background-image: linear-gradient(right, #FFF, rgba(248, 248, 248, 0));

  right: 0;

  content: "";

  position: absolute;

  z-index: 2;

  top: 0;

  height: 100%;

  width: 100px;

}



.testi-style-enam .periods-container .btn-back,

.testi-style-enam .periods-container .btn-next {

  display: inline-block;

  width: 15%;

  height: 100%;

  position: absolute;

  cursor: pointer;

  z-index: 10;

  -webkit-transition: 0.3s ease-in-out;

  transition: 0.3s ease-in-out;

}



.testi-style-enam .periods-container .btn-back:hover,

.testi-style-enam .periods-container .btn-next:hover {

  background-color: rgba(0, 0, 0, 0.05);

}



.testi-style-enam .periods-container .btn-back.hide,

.testi-style-enam .periods-container .btn-next.hide {

  display: none;

}



.testi-style-enam .periods-container .btn-back {

  left: 0;

}



.testi-style-enam .periods-container .btn-next {

  right: 0;

}



.testi-style-enam .periods-container section {

  width: 70%;

  height: 0;

  position: absolute;

  margin-left: 15%;

  border-bottom: 5px solid #dfe3e6;

  padding: 1.5em;

  box-sizing: border-box;

  -webkit-transition: opacity 0.2s ease, height 0.3s ease, -webkit-transform 0.3s ease-in-out;

  transition: opacity 0.2s ease, height 0.3s ease, -webkit-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, opacity 0.2s ease, height 0.3s ease;

  transition: transform 0.3s ease-in-out, opacity 0.2s ease, height 0.3s ease, -webkit-transform 0.3s ease-in-out;

  bottom: 0;

  opacity: 0;

  background-color: #fff;

}



.testi-style-enam .periods-container section.active {

  height: auto;

  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);

  z-index: 5;

}



.testi-style-enam .periods-container section.active .title,

.testi-style-enam .periods-container section.active p {

  display: block;

  margin-top: 10px;

}



.testi-style-enam .periods-container section.active p {

  font-style: italic;

}



.testi-style-enam .periods-container section.prev {

  height: auto;

  opacity: 0.4;

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  z-index: 0;

}



.testi-style-enam .periods-container section.prev .year {

  text-align: right;

}



.testi-style-enam .periods-container section.next {

  height: auto;

  opacity: 0.4;

  -webkit-transform: translateX(100%);

  transform: translateX(100%);

  z-index: 0;

}



.testi-style-enam .periods-container section .year {

  font-size: 20px;

  font-weight: 400;

  margin-top: 10px;

}



.testi-style-enam .periods-container section .title {

  color: #4A4A4A;

  font-size: 28px;

  font-weight: 400;

  display: none;

  margin-top: 0;

}



.testi-style-enam .periods-container section p {

  display: none;

}



.testi-style-enam .style-6-container {

  position: relative;

  width: 100%;

  height: 50px;

  overflow: hidden;

}



.testi-style-enam .style-6-container:before {

  background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(248, 248, 248, 0)));

  background-image: linear-gradient(left, #FFF, rgba(248, 248, 248, 0));

  left: 0;

  content: "";

  position: absolute;

  z-index: 2;

  top: 0;

  height: 100%;

  width: 100px;

}



.testi-style-enam .style-6-container:after {

  background-image: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(248, 248, 248, 0)));

  background-image: linear-gradient(right, #FFF, rgba(248, 248, 248, 0));

  right: 0;

  content: "";

  position: absolute;

  z-index: 2;

  top: 0;

  height: 100%;

  width: 100px;

}



.testi-style-enam .style-6-container .testimonial {

  position: absolute;

  display: block;

  height: 50px;

  left: -30px;

  -webkit-transition: left 0.3s ease-in-out;

  transition: left 0.3s ease-in-out;

}



.testi-style-enam .style-6-container .testimonial ol {

  display: flex;

  width: 100%;

  height: 2px;

  background-color: #dfe3e6;

  list-style: none;

  padding-left: 210px;

  padding-right: 300px;

}



.testi-style-enam .style-6-container .testimonial ol li {

  display: inline-block;

  padding: 5px;

  margin-top: -7px;

  margin-left: 80px;

  border-radius: 50%;

  border: 3px solid #7f9298;

  background-color: #FFF;

  position: relative;

  cursor: pointer;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

}



.testi-style-enam .style-6-container .testimonial ol li.active {

  box-shadow: none;

}



.testi-style-enam .style-6-container .testimonial ol li.active:before {

  content: "";

  display: block;

  height: 25px;

  width: 1px;

  position: absolute;

  top: -25px;

  -webkit-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}



.testi-style-enam .style-6-container .testimonial ol li.active:after {

  content: "";

  display: block;

  height: 25px;

  width: 1px;

  position: absolute;

  bottom: -25px;

  -webkit-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}



.testi-style-enam .style-6-container .btn-back,

.testi-style-enam .style-6-container .btn-next {

  display: inline-block;

  position: absolute;

  cursor: pointer;

  margin-top: -2px;

  z-index: 11;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.testi-style-enam .style-6-container .btn-back.hide,

.testi-style-enam .style-6-container .btn-next.hide {

  display: none;

}



.testi-style-enam .style-6-container .btn-back:hover,

.testi-style-enam .style-6-container .btn-next:hover {

  border-color: #7f9298;

}



.testi-style-enam .style-6-container .btn-back {

  left: 1em;

}



.testi-style-enam .style-6-container .btn-next {

  right: 1em;

}



.testi-style-enam .cards-container:before {

  background-image: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(248, 248, 248, 0)));

  background-image: linear-gradient(left, #FFF, rgba(248, 248, 248, 0));

  left: 0;

  content: "";

  position: absolute;

  z-index: 2;

  top: 0;

  height: 100%;

  width: 100px;

}



.testi-style-enam .cards-container:after {

  background-image: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(248, 248, 248, 0)));

  background-image: linear-gradient(right, #FFF, rgba(248, 248, 248, 0));

  right: 0;

  content: "";

  position: absolute;

  z-index: 2;

  top: 0;

  height: 100%;

  width: 100px;

}



.testi-style-enam .cards-container section {

  width: 70%;

  position: absolute;

  margin-left: 15%;

  margin-bottom: 2em;

  border: 1px solid #f5f7f6;

  padding: 1.5em;

  box-sizing: border-box;

  -webkit-transition: -webkit-transform 0.3s ease-in-out;

  transition: -webkit-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  top: 0;

  opacity: 0;

  border-radius: 8px;

  background-color: #fff;

  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);

}



.testi-style-enam .cards-container section.active {

  height: auto;

  opacity: 1;

  -webkit-transform: translateX(0);

  transform: translateX(0);

  z-index: 5;

}



.testi-style-enam .cards-container section.prev {

  height: auto;

  opacity: 0.4;

  -webkit-transform: translateX(-105%);

  transform: translateX(-105%);

  z-index: 0;

}



.testi-style-enam .cards-container section.next {

  height: auto;

  opacity: 0.4;

  -webkit-transform: translateX(105%);

  transform: translateX(105%);

  z-index: 0;

}



.testi-style-enam .cards-container section .year {

  text-align: center;

  font-size: 16px;

  margin: 0;

}



.testi-style-enam .cards-container section .title {

  margin: 0;

  font-weight: 400;

  margin-bottom: 10px;

}



.testi-style-enam .cards-container section img {

  width: 100%;

  margin-bottom: 10px;

}



.testi-style-enam .cards-container section {

  padding: 0;

  margin-top: 1em;

  box-shadow: unset;

}



.testi-style-enam .cards-container section img {

  width: 100%;

  margin-bottom: 0;

  border: solid 4px #ffffff;

  border-radius: 5px;

  box-shadow: 0px 0px 16px -9px #000;

}



.testi-style-enam .periods-container section {

  box-shadow: 0 10px 15px rgb(193 193 193 / 15%);

  margin-bottom: 1em;

  border-bottom: 0;

}



/*TESTIMONIAL STYLE TUJUH*/

.testi-style-tujuh.shadow-effect {

  padding: 0px 40px;

  border-radius: 4px;

  text-align: center;



}



.testi-style-tujuh .shadow-effect p {

  font-style: italic;

  font-size: 17px;

  line-height: 1.5;

  margin: 0 0 17px 0;

  font-weight: 300;

}



.testi-style-tujuh .shadow-effect p:before {

  font-family: 'FontAwesome';

  content: "\201C";

}



.testi-style-tujuh .testimonial-name {

  padding: 9px 35px;

  border-radius: 12px;

  text-align: center;

  color: #0b0b0b;

  position: relative;

}



.testi-style-tujuh .testimonial-name span {

  font-size: 20px;

  position: relative;

  margin: 0;

  color: #777;

}



.testi-style-tujuh .testimonial-name span:before {

  content: '';

  position: absolute;

  background: #777;

  width: 20px;

  height: 2px;

  left: -30px;

  opacity: 1;

  bottom: 10px;

}



.testi-style-tujuh .item {

  text-align: center;

  margin-bottom: 80px;

}



.testi-style-tujuh .item img {

  margin: 20px auto;

  width: 100px;

  display: none;

  border-radius: 50%;

}



.testi-style-tujuh .swiper-pagination-bullet {

  width: 50px;

  height: 34px;

  display: inline-block;

  opacity: 1;

  background: #3190E7;

}



.testi-style-tujuh .swiper-pagination-bullet img {

  border-radius: 50%;

}



.testi-style-tujuh .swiper-pagination-bullet:hover {

  width: 60px;

  transition: 0.1s;

  height: 34;

}





.testi-style-tujuh .swiper-pagination-bullet-active {

  width: 50px;

  height: 34px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.testi-style-tujuh .item p:before {

  content: "\201C";

  font-family: 'Fontawesome';

  float: left;

  font-size: 30px;

  margin-right: 3px;

}



.testi-style-tujuh .swiper-button-next,

.testi-style-tujuh .swiper-button-prev {

  top: 35%;

  font-size: 30px;

  color: #aaa;

}



.testi-style-tujuh .gallery-thumbs .swiper-slide img {

  width: 30%;

  margin: auto;

  opacity: 0.3;

  border-radius: 50%;

}



.testi-style-tujuh .gallery-thumbs .swiper-slide-active img {

  width: 20%;

  margin: auto;

  border-radius: 50%;

  opacity: 1;

  transition: all .2s;

}



.testi-style-tujuh .gallery-thumbs .swiper-slide {

  flex-shrink: 0;

  margin: auto;

  height: 100%;

  cursor: pointer;

  position: relative;

  transition-property: transform;

}



/*TESTIMONIAL STYLE DELAPAN*/



.testi-style-delapan {

  position: relative;

}



.testi-style-delapan .section-title {

  font-size: 28px;

  margin-bottom: 20px;

  padding-bottom: 20px;

  font-weight: 400;

  display: inline-block;

  position: relative;

}



.testi-style-delapan .section-title:after,

.testi-style-delapan .section-title:before {

  content: '';

  position: absolute;

  bottom: 0;

}



.testi-style-delapan .section-title:after {

  height: 2px;

  background-color: rgba(252, 92, 15, 0.46);

  left: 25%;

  right: 25%;

}



.testi-style-delapan .section-title:before {

  width: 15px;

  height: 15px;

  border: 3px solid #fff;

  background-color: #fc5c0f;

  left: 50%;

  transform: translatex(-50%);

  bottom: -6px;

  z-index: 9;

  border-radius: 50%;

}



/* CAROUSEL STARTS */

.testi-style-delapan .customer-feedback .swiper-slide img {

  width: 85px;

  height: 85px;

}



.testi-style-delapan .swiper-slide {

  position: relative;

  padding: 30px 0px;

  height: auto;

}



.testi-style-delapan .swiper-slide img {

  margin: auto;

  border-radius: 50%;

  width: 100px;

  height: 100px;

  object-fit: cover;

}



.testi-style-delapan .testimonial-name h1 {

  margin-top: 20px;

  margin-bottom: 30px;

  font-size: 20px;

  text-align: center;

  font-weight: 500;

}



.testi-style-delapan .testimonial-bio {

  padding: 50px 80px;

}



.testi-style-delapan .testimonial-bio p {

  line-height: 1.875;

  font-style: italic;

  text-align: center;

}



.testi-style-delapan .customer-rating {

  background-color: #eee;

  border: 3px solid #fff;

  color: rgba(1, 1, 1, 0.702);

  font-weight: 700;

  border-radius: 50%;

  position: absolute;

  width: 47px;

  height: 47px;

  line-height: 44px;

  font-size: 15px;

  right: 0;

  top: 77px;

  text-indent: 12px;

}



.testi-style-delapan .thumb-prev .customer-rating {

  top: -20px;

  left: 0;

  right: auto;

}



.testi-style-delapan .thumb-next .customer-rating {

  top: -20px;

  right: 0;

}



.testi-style-delapan .customer-rating i {

  color: rgb(251, 90, 13);

  position: absolute;

  top: 10px;

  right: 5px;

  font-weight: 600;

  font-size: 12px;

}



.testi-style-delapan blockquote {

  padding-left: 0;

  position: relative;

  border: 0;

  font-style: italic;

  text-align: center;

  line-height: 28px;

}



.testi-style-delapan blockquote:before {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  position: absolute;

  left: 0;

  top: -45px;

  right: 0;

  margin-left: auto;

  margin-right: auto;

  width: 100px;

  color: #E1DBED;

  font-style: normal;

  font-size: 30px;

}



/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */

.testi-style-delapan .swiper-slide:after {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 103px;

  background-color: #f6f6f6;

  border: 1px solid rgba(251, 90, 13, .1);

  border-radius: 10px;

  z-index: -1;

}



.testi-style-delapan .thumb-prev,

.testi-style-delapan .thumb-next {

  position: absolute;

  z-index: 99;

  top: 45%;

  width: 98px;

  height: 98px;

  left: -115px;

  cursor: pointer;

  -webkit-transition: all .3s;

  transition: all .3s;

}



.testi-style-delapan .thumb-next {

  left: auto;

  right: -115px;

}



.testi-style-delapan .feedback-slider-thumb img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  object-fit: cover;

  overflow: hidden;

}



.testi-style-delapan .feedback-slider-thumb:hover {

  opacity: .8;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}



/* RESPONSIVE */



@media screen and (max-width: 767px) {

  .testi-style-delapan .swiper-slide:after {

	left: 30px;

	right: 30px;

  }



  .testi-style-delapan .customer-feedback .owl-nav [class*="owl-"] {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	margin-top: 45px;

	bottom: auto;

  }



  .testi-style-delapan .customer-feedback .owl-prev {

	left: 0;

  }



  .testi-style-delapan .customer-feedback .owl-next {

	right: 0;

  }



}



/* extra */

.testi-style-delapan .copyright {

  text-align: center;

  margin-top: 30px;

  font-size: 1.6rem;

  background-color: #eee;

}



.testi-style-delapan .copyright a {

  display: inline-block;

  padding: 10px 2px;

}



.testi-style-delapan .testimonial-avatar {

  text-align: center;

}



.testi-style-delapan .upwork {

  color: #37a000;

}



.testi-style-delapan .upwork:after {

  content: '/';

  margin-left: 10px;

}



.testi-style-delapan .fiverr {

  color: #1dbf73;

}



.testi-style-delapan .copyright .triplebyte {

  display: block;

  padding-top: 0;

  color: #344759;

  text-decoration: underline;

}



.testi-style-delapan .swiper-navigation {

  position: relative;

  text-align: center;



}



.testi-style-delapan .swiper-button-next,

.testi-style-delapan .swiper-button-prev {

  z-index: 1;

  background: transparent;

  display: inline-block;

  position: relative;

  color: rgb(251, 90, 13);

  vertical-align: middle;

  font-size: 25px;

  top: -40px;

}



.testi-style-delapan .swiper-button-prev:after,

.testi-style-delapan .swiper-container-rtl .swiper-button-next:after {

  content: 'prev';

  display: none;

}



.testi-style-delapan .swiper-button-next:after,

.testi-style-delapan .swiper-container-rtl .swiper-button-prev:after {

  content: 'next';

  display: none;

}



.testi-style-delapan .swiper-button-prev,

.testi-style-delapan .swiper-container-rtl .swiper-button-next {

  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E);

  right: auto;

}



.testi-style-delapan .swiper-button-next,

.testi-style-delapan .swiper-container-rtl .swiper-button-prev {

  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E);

  left: auto;

  margin-left: 30px;

}



/*TESTIMONIAL STYLE SEMIBILAN*/



.testi-style-sembilan .swiper-pagination-bullet {

  width: 5px;

  height: 5px;

  display: inline-block;

  border-radius: 100%;

  background: #000;

  opacity: .2;

}



.testi-style-sembilan .swiper-button-prev:after,

.testi-style-sembilan .swiper-container-rtl .swiper-button-next:after {

  content: 'prev';

  display: none;

}



.testi-style-sembilan .swiper-button-next:after,

.testi-style-sembilan .swiper-container-rtl .swiper-button-prev:after {

  content: 'next';

  display: none;

}



.testi-style-sembilan .swiper-button-next,

.testi-style-sembilan .swiper-container-rtl .swiper-button-prev {

  right: -20px;

  left: auto;

  background-image: none;

}



.testi-style-sembilan .swiper-button-prev,

.testi-style-sembilan .swiper-container-rtl .swiper-button-next {

  left: -10px;

  right: auto;

  background-image: none;

}



.testi-style-sembilan .swiper-pagination-bullet-active {



  opacity: 1;

}



/* Simple Slider */

.testi-style-sembilan blockquote {

  border: none;

}



.testi-style-sembilan .white-back {

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

  background: #fff;

}



.testi-style-sembilan .simple blockquote p {

  color: #1e528e;

  padding: 25px;

  font-size: 1.25em;

  font-style: italic;

  text-align: center;

}



.testi-style-sembilan .simple cite {

  font-size: 1em;

  float: right;

  font-style: normal;

  color: #1e528e;

}



.testi-style-sembilan .simple cite a {

  color: #2d91c2;

  font-style: italic;

  text-decoration: none;

  font-size: .85em;

}



.testi-style-sembilan .simple cite a:hover {

  color: #00B4CC;

}



/* Bubble Slider */



.testi-style-sembilan .bubble blockquote {

  margin: 10px 10px 0;

  background: #fff;

  padding: 60px;

  position: relative;

  font-style: italic;

  border: none;

  border-radius: 8px;

  font-size: 1.25em;

  color: #1e528e;

  line-height: 1.5;

}



.testi-style-sembilan .sembilan-content {

  position: relative;

}







.testi-style-sembilan .bubble blockquote:before,

.bubble blockquote:after {

  content: "\201C";

  position: absolute;

  font-size: 80px;

  padding: 10px;

  line-height: 1;

  color: #1e528e;

}



.testi-style-sembilan .bubble blockquote:before {

  top: 0;

  left: 10px;

}



.testi-style-sembilan .bubble blockquote:after {

  content: "\201D";

  right: 10px;

  bottom: -.5em;

}



.testi-style-sembilan .bubble div.triangle {

  width: 0;

  height: 0;

  border-left: 0 solid transparent;

  border-right: 20px solid transparent;

  border-top: 20px solid #fff;

  margin: 0 0 0 60px;

  margin-bottom: 10px;

}



.testi-style-sembilan .testimonial-name h1 {

  font-size: 1.25em;

  margin-bottom: 5px;

  margin-top: 0;

  margin-left: 30px;

}



.testi-style-sembilan .testimonial-job span {

  margin-bottom: 20px;

  margin-top: 0;

  font-size: 0.8em;

  margin-left: 30px;

}



.testi-style-sembilan .swiper-button-prev i,

.testi-style-sembilan .swiper-button-next i {

  border-radius: 50%;

  padding: 5px;

  width: 35px;

  opacity: 0.5;

  color: #aaa;

  height: 28px;

  background-color: #fff;

  border: 1px solid #fff;

}



.testi-style-sembilan .swiper-button-prev i:hover,

.testi-style-sembilan .swiper-button-next i:hover {

  opacity: 1;

  color: #aaa;

}









.testi-style-sembilan blockquote h5 {

  text-align: right;

  margin-right: 50px;

  color: #1e528e;

}



/*TESTIMONIAL STYLE SEPULUH*/



.testi-style-sepuluh .swiper-pagination-bullet {

  background: #fff;

  opacity: .2;

}



.testi-style-sepuluh .quote span {

  color: #1b1b1b;

}



.testi-style-sepuluh .swiper-pagination-bullet-active {

  opacity: 1;

  background: #fff;



}



.testi-style-sepuluh .swiper-button-next:after,

.testi-style-sepuluh .swiper-container-rtl .swiper-button-prev:after {

  content: 'next';

  font-size: 30px;

  color: #aaa;

  display: none;

}



.testi-style-sepuluh .swiper-button-prev:after,

.testi-style-sepuluh .swiper-container-rtl .swiper-button-next:after {

  content: 'prev';

  font-size: 30px;

  color: #aaa;

  display: none;

}



.testi-style-sepuluh .swiper-button-prev i,

.testi-style-sepuluh .swiper-button-next i {

  color: rgba(255, 255, 255, 0.4);

}



.testi-style-sepuluh .swiper-button-prev:hover i,

.testi-style-sepuluh .swiper-button-next:hover i {

  color: rgba(255, 255, 255, 0.4);

}



.testi-style-sepuluh .quote-container {

  color: #666666;

  font-size: 36px;

  position: relative;

}



.testi-style-sepuluh .quote-container:hover {

  cursor: -webkit-grab;

  cursor: grab;

}



.testi-style-sepuluh .quote-container .portrait {

  position: absolute;

  top: 0;

  left: 3%s;

  bottom: 0;

  margin: auto;

  height: 140px;

  width: 140px;

  overflow: hidden;

}



.testi-style-sepuluh .quote-container .portrait img {

  display: block;

  height: auto;

  width: 100%;

}



.testi-style-sepuluh .sepuluh-content {

  position: relative;

}



.testi-style-sepuluh .swiper-button-next,

.testi-style-sepuluh .swiper-container-rtl .swiper-button-prev {

  right: -20px;

  left: auto;

  background-image: none;

}



.testi-style-sepuluh .swiper-button-prev,

.testi-style-sepuluh .swiper-container-rtl .swiper-button-next {

  left: -20px;

  right: auto;

  background-image: none;

}



.testi-style-sepuluh .quote-container .quote {

  position: relative;

  z-index: 600;

  padding: 40px 0 40px 180px;

  margin: 0;

  font-size: 20px;

  font-style: italic;

  line-height: 1.4 !important;

  color: white;

}



.testi-style-sepuluh .quote-container .quote p {

  position: relative;

  font-style: italic;

  color: #1b1b1b;

  margin-bottom: 20px;

}



.testi-style-sepuluh .quote-container .quote p:first-child:before {

  content: "\201C";

  color: #19197033;

  font-size: 7.5em;

  font-weight: 700;

  opacity: 1;

  position: absolute;

  top: -0.4em;

  left: -0.2em;

  text-shadow: none;

  z-index: -10;

}



.testi-style-sepuluh .quote-container .quote cite {

  display: block;

  font-size: 14px;

}



.testi-style-sepuluh .quote-container .quote cite span {

  font-size: 16px;

  font-style: normal;

  letter-spacing: 1px;

  text-transform: uppercase;

}



.testi-style-sepuluh .dragging .quote-container {

  cursor: -webkit-grabbing;

  cursor: grabbing;

}



.testi-style-sepuluh blockquote {

  border-color: #fff;

  padding: 50px;



}



.testi-style-sepuluh button.button-prev-10 {

  position: absolute;

  line-height: 0;

  top: 40%;

  left: -60px;

  background-color: transparent;

}



.testi-style-sepuluh button.button-prev-10:focus {

  border: none;

}



/*TESTIMONIAL STYLE SEBELAS*/

.testi-style-sebelas .shadow-effect {

  background: #fff;

  padding: 40px;

  border-radius: 4px;

  text-align: center;

  border: 1px solid #ECECEC;

  /* box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02); */

}



.testi-style-sebelas .shadow-effect p {

  font-size: 17px;

  font-style: italic;

  line-height: 1.5;

  margin: 0 0 17px 0;

  font-weight: 300;

}



.testi-style-sebelas .testimonial-name {

  margin: -17px auto 0;

  display: table;

  width: auto;

  background: #3190E7;

  padding: 9px 35px;

  border-radius: 5px;

  text-align: center;

  color: #fff;

}



.testi-style-sebelas .testimonial-name h1 {

  font-size: 15px;

  margin: 0;

}



.testi-style-sebelas .item {

  text-align: center;

  margin-bottom: 80px;

  -webkit-transform: scale3d(0.8, 0.8, 1);

  transform: scale3d(0.8, 0.8, 1);

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.testi-style-sebelas blockquote {

  padding-left: 0;

  position: relative;

  border: 0;

  font-weight: 400;

  line-height: 28px;

  font-style: italic;

}



.testi-style-sebelas blockquote:before {

  font-family: "Font Awesome 5 Free";

  content: "\f10d";

  font-weight: 900;

  left: 0;

  top: -20px;

  position: absolute;

  color: #E1DBED;

}



.testi-style-sebelas blockquote:after {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  right: 0;

  bottom: -10px;

  position: absolute;

  color: #E1DBED;

}





.testi-style-sebelas .item img {

  margin: 20px auto;

  height: 100px;

  object-fit: cover;

  width: 100px;

  border-radius: 50%;

}



.testi-style-sebelas .swiper-pagination-bullet {

  width: 6px;

  height: 6px;

  display: inline-block;

  border-radius: 0;

  opacity: 1;

  background: #191970;

}



.testi-style-sebelas .swiper-pagination-bullet:hover {

  width: 10px;

  transition: 0.1s;

  height: 10px;

}



.testi-style-sebelas .swiper-pagination-bullet-active {

  width: 10px;

  height: 10px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  border-radius: 0;

}



.testi-style-sebelas .swiper-slide.item {

  opacity: .2;

  -webkit-transform: scale3d(0.8, 0.8, 1);

  transform: scale3d(0.8, 0.8, 1);

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



.testi-style-sebelas .swiper-slide.item.swiper-slide-active {

  opacity: 1;

  -webkit-transform: scale3d(1.0, 1.0, 1);

  transform: scale3d(1.0, 1.0, 1);

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



/*TESTIMONIAL STYLE DUABELAS*/

.testi-style-duabelas .testi-item {

  position: relative;

  overflow: hidden;

  width: 100%;

  color: #000000;

  text-align: center;

  font-size: 16px;

  background-color: #535388;

  padding: 20px;

  background-image: linear-gradient(-25deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 10px;

}



.testi-style-duabelas .testi-item *,

.testi-style-duabelas .testi-item *:before,

.testi-style-duabelas .testi-item *:after {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

}



.testi-style-duabelas .testi-item .testi-desc {

  width: 100%;

}



.testi-style-duabelas .testi-item .testimonial-name h1,

.testi-style-duabelas .testi-item .testimonial-job span,

.testi-style-duabelas .testi-item .testimonial-bio {

  margin: 0;

}



.testi-style-duabelas .testi-item .testimonial-name h1,

.testi-style-duabelas .testi-item .testimonial-job span {

  font-weight: 300;

}



.testi-style-duabelas .testi-item .testimonial-name h1 {

  font-size: 25px;

  margin-top: 20px;

  margin-bottom: 10px;

  font-weight: 500;

}





.testi-style-duabelas .testi-item .testimonial-bio {

  font-size: 1em;

  padding: 24px 20px 24px 20px;

  font-style: italic;

  margin-top: 20px;

  background-color: #ffffff;

  border-radius: 5px;

  text-align: center;

  position: relative;

  line-height: 1.4em;

}



.testimonial-post-5 .testimonial-bio p {

  font-style: italic;

}



.testi-style-duabelas .testi-item .testimonial-bio:before {

  font-family: 'FontAwesome';

  content: "\201C";

  position: absolute;

  font-size: 115px;

  opacity: 0.3;

  font-style: normal;

  top: 45px;

  left: 15px;

  color: #999999;

}



.testi-style-duabelas .testi-item img {

  margin: auto;

  border-radius: 5px;

}



.testi-style-duabelas .testi-item .profile {

  width: 100px;

  border-radius: 50%;

  display: inline-block;

  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.4);

  margin-bottom: 10px;

  border: solid 5px #A6A57A;

}



/*TESTIMONIAL STYLE TIGABELAS*/

.testi-style-tigabelas .testi-item {

  position: relative;

  display: flex;

  overflow: hidden;

  width: 100%;

  background-color: #000000;

  color: #ffffff;

  text-align: center;

  font-size: 16px;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

  align-items: center;

}



.testi-style-tigabelas .testi-item .testimonial-avatar {

	 position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

}



.testi-style-tigabelas .testi-item * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.testi-style-tigabelas .testi-item img {

  max-width: 100%;

  vertical-align: top;

  opacity: 0.5;

  width: 100%;

}



.testi-style-tigabelas .testi-item .testi-desc {

  padding: 80px 10% 15%;

}



.testi-style-tigabelas .testi-item .testi-desc:before {

  font-family: 'FontAwesome';

  content: "\201C";

  position: absolute;

  font-size: 170px;

  opacity: 0.35;

  font-style: normal;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  top: 10px;

  left: 50%;

}



.testi-style-tigabelas .testi-item .testimonial-bio {

  padding: 0;

  margin-top: 15px;

  font-style: italic;

  font-size: 1em;

  line-height: 1.4em;

}



.testi-style-tigabelas .testi-item .testimonial-name h1 {

  text-transform: capitalize;

  font-size: 20px;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 5px;

  margin-top: 25px;

}



.testi-style-tigabelas .testi-item h5 {

  font-weight: 400;

  margin: 0;

  text-transform: uppercase;

  color: #bbb;

  letter-spacing: 1px;

}



/*TESTIMONIAL STYLE EMPATBELAS*/



.testi-style-empatbelas .testi-item {

  position: relative;

  overflow: hidden;

  width: 100%;

  color: #333;

  text-align: left;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

  border-radius: 8px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);

  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);

}



.testi-style-empatbelas .testi-item h5 {

  font-size: 24px;

  margin: 0

}



.testi-style-empatbelas .testi-item span {

  color: #aaa;

  font-size: 14px;

}



.testi-style-empatbelas .testi-item img {

  max-width: 100%;

  width: 100%;

  vertical-align: middle;

}



.testi-style-empatbelas .testi-item .testimonial-bio {

  position: relative;

  background-color: #ffffff;

  padding: 25px 50px 25px 50px;

  font-size: 0.8em;

  font-weight: 500;

  text-align: center;

  margin: 0;

  line-height: 1.6em;

  font-style: italic;

}



.testi-style-empatbelas .testimonial-bio:before {

  content: '';

  border-style: solid;

  border-width: 10px 30px 25px 0px;

  border-color: transparent #fff transparent transparent;

  position: absolute;

  bottom: -18px;

  transform: rotate(50deg);

  left: 80%;

}



.testi-style-empatbelas .testi-item .testimonial-bio p:before,

.testi-style-empatbelas .testi-item .testimonial-bio p:after {

  font-family: 'FontAwesome';

  content: "\201C";

  position: absolute;

  font-size: 50px;

  opacity: 0.3;

  font-style: normal;

}



.testi-style-empatbelas .testi-item .testimonial-bio p:before {

  top: 25px;

  left: 20px;

}



.testi-style-empatbelas .testi-item .testimonial-bio p:after {

  content: "\201D";

  right: 20px;

  bottom: 0;

}



.testi-style-empatbelas .testi-item .author {

  position: absolute;

  bottom: 0;

  width: 100%;

  text-align: center;

  padding: 25px;

  color: #000000;

  background-color: #ffffff;

  margin: 0;

  text-transform: capitalize;

}



.testi-style-empatbelas .testi-item .testimonial-name h1 {

  opacity: 0.8;

  font-size: 36px;

  margin: 0;

  font-weight: 800;

}



.testi-style-empatbelas .testi-item h5 span {

  font-weight: 400;

  text-transform: none;

  padding-left: 5px;

}



/*TESTIMONIAL STYLE LIMABELAS*/



.testi-style-limabelas .testi-item {

  position: relative;

  overflow: hidden;

  margin: 0;

  width: 100%;

  color: #333;

  text-align: center;

}



.testi-style-limabelas .testi-item * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.testi-style-limabelas .testi-item img {

  max-width: 100%;

  height: 100px;

  width: 100px;

  border-radius: 50%;

  margin-bottom: 15px;

  display: inline-block;

  z-index: 1;

  position: relative;

  object-fit: cover;

}



.testi-style-limabelas .testi-item .testimonial-bio {

  margin: 0;

  display: block;

  border-radius: 8px;

  position: relative;

  background-color: #fafafa;

  padding: 50px 40px 75px 40px;

  font-size: 0.8em;

  font-weight: 500;

  margin: 0 5px -50px;

  line-height: 1.6em;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

  font-style: italic;

}





.testi-style-limabelas .testi-item .testimonial-bio:before,

.testi-style-limabelas .testi-item .testimonial-bio:after {

  font-family: 'FontAwesome';

  content: "\201C";

  position: absolute;

  font-size: 50px;

  opacity: 0.3;

  font-style: normal;

}



.testi-style-limabelas .testi-item .testimonial-bio:before {

  top: 30px;

  left: 15px;

}



.testi-style-limabelas .testi-item .testimonial-bio:after {

  content: "\201D";

  right: 20px;

  bottom: 35px;

}



.testi-style-limabelas .testi-item .author {

  text-transform: capitalize;

	text-align: center;

	color: #1b1b1b;

	margin-bottom: 20px;

}



.testi-style-limabelas .testi-item .testimonial-name h1 {

	margin: 0;

	font-size: 20px;

	margin-bottom: 5px;

	font-weight: 800;

}



.testi-style-limabelas .testi-item .author h5 span {

  font-weight: 400;

  text-transform: none;

  display: block;

}



/*TESTIMONIAL STYLE ENAMBELAS*/

.testi-style-enambelas .section-eight {

  position: relative;

}



.testi-style-enambelas .op-eight-section {

  position: relative;

}



.testi-style-enambelas .sec-eight-text-area {

  text-align: center;

  padding: 100px 0 240px;

}



.testi-style-enambelas .sec-eight-text-area img {

  padding: 0;

  margin: auto;

  width: 100px;

  border-radius: 50%;

}



.testi-style-enambelas .sec-eight-text-area h1 {

  color: #434C57;

  font-size: 40px;

  letter-spacing: 2px;

}



.testi-style-enambelas .sec-eight-text-area p {

  padding: 2vh 0;

  font-size: 14px;

  line-height: 1.6;

  color: #434C57;

}



.testi-style-enambelas .section-eight .container-pe-quote {

  position: absolute;

  height: 100%;

  top: 0px;

  z-index: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote.left {

  left: 0px;

}



.testi-style-enambelas .section-eight .container-pe-quote.right {

  right: 0px;

}



.testi-style-enambelas .section-eight .container-pe-quote .pp-quote {

  cursor: pointer;

  position: absolute;

  border-radius: 100%;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

  animation-name: floating;

  -webkit-animation-name: floating;

  animation-iteration-count: infinite;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-transform-origin: 50% 1px;

  -moz-transform-origin: 50% 1px;

  -ms-transform-origin: 50% 1px;

  -o-transform-origin: 50% 1px;

  transform-origin: 50% 1px;

  opacity: 0;

  -webkit-transition: all 2s ease;

  -moz-transition: all 2s ease;

  -ms-transition: all 2s ease;

  -o-transition: all 2s ease;

  transition: all 2s ease;

}



.testi-style-enambelas .container-pe-quote .pp-quote img {

  overflow: hidden;

  border-radius: 100%;

  height: 100%;

  width: 100%;

  position: relative;

  z-index: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .pp-quote:after {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  height: calc(100% + 5px);

  width: calc(100% + 5px);

  border-radius: 100%;

  background-color: #7fb3e4;

  -webkit-transform: translate(-50%, -50%) scale(0.9);

  -moz-transform: translate(-50%, -50%) scale(0.9);

  -ms-transform: translate(-50%, -50%) scale(0.9);

  -o-transform: translate(-50%, -50%) scale(0.9);

  transform: translate(-50%, -50%) scale(0.9);

  -webkit-transition: all .25s ease;

  -moz-transition: all .25s ease;

  -ms-transition: all .25s ease;

  -o-transition: all .25s ease;

  transition: all .25s ease;

}



.testi-style-enambelas .container-pe-quote .pp-quote:hover:after,

.testi-style-enambelas .container-pe-quote .pp-quote.active:after {

  -webkit-transform: translate(-50%, -50%) scale(1);

  -moz-transform: translate(-50%, -50%) scale(1);

  -ms-transform: translate(-50%, -50%) scale(1);

  -o-transform: translate(-50%, -50%) scale(1);

  transform: translate(-50%, -50%) scale(1);

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-1 {

  height: 104px;

  width: 104px;

  left: 15px;

  top: 95px;

  animation-duration: 10s;

  -webkit-animation-duration: 10s;

  -webkit-transition-delay: 0.6s;

  transition-delay: 0.6s;

  opacity: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-2 {

  height: 63px;

  width: 63px;

  left: 120px;

  top: 270px;

  animation-duration: 12s;

  -webkit-animation-duration: 12s;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  opacity: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-3 {

  height: 64px;

  width: 64px;

  left: 68px;

  top: 380px;

  animation-duration: 6s;

  -webkit-animation-duration: 6s;

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

  opacity: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-4 {

  height: 73px;

  width: 73px;

  right: -15px;

  top: 110px;

  animation-duration: 5s;

  -webkit-animation-duration: 5s;

  -webkit-transition-delay: 0.7s;

  transition-delay: 0.7s;

  opacity: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-5 {

  height: 73px;

  width: 73px;

  right: 28px;

  top: 265px;

  animation-duration: 8s;

  -webkit-animation-duration: 8s;

  -webkit-transition-delay: 0.4s;

  transition-delay: 0.4s;

  opacity: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-6 {

  height: 45px;

  width: 45px;

  right: 108px;

  top: 170px;

  animation-duration: 7s;

  -webkit-animation-duration: 7s;

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

  opacity: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-7 {

  height: 48px;

  width: 48px;

  right: 40px;

  top: 414px;

  animation-duration: 7s;

  -webkit-animation-duration: 7s;

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

  opacity: 1;

}



.testi-style-enambelas .section-eight .container-pe-quote .li-quote-8 {

  height: 63px;

  width: 63px;

  left: 20px;

  top: 250px;

  animation-duration: 5s;

  -webkit-animation-duration: 5s;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  opacity: 1;

}



@keyframes floating {



  0% {

	-webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);

	-moz-transform: rotate(0deg) translate(-10px) rotate(0deg);

	-ms-transform: rotate(0deg) translate(-10px) rotate(0deg);

	-o-transform: rotate(0deg) translate(-10px) rotate(0deg);

	transform: rotate(0deg) translate(-10px) rotate(0deg);

  }



  100% {

	-webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	-moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	-ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	-o-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	transform: rotate(360deg) translate(-10px) rotate(-360deg);

  }



}



@-webkit-keyframes floating {



  0% {

	-webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);

	-moz-transform: rotate(0deg) translate(-10px) rotate(0deg);

	-ms-transform: rotate(0deg) translate(-10px) rotate(0deg);

	-o-transform: rotate(0deg) translate(-10px) rotate(0deg);

	transform: rotate(0deg) translate(-10px) rotate(0deg);

  }



  100% {

	-webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	-moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	-ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	-o-transform: rotate(360deg) translate(-10px) rotate(-360deg);

	transform: rotate(360deg) translate(-10px) rotate(-360deg);

  }



}



.testi-style-enambelas .section-eight .container-quote {

  position: relative;

  width: 100%;



}



.testi-style-enambelas .section-eight .container-quote .quote {

  max-width: 520px;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  left: 50%;

  cursor: pointer;

  text-align: center;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

  -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

  -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

  transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

}



.testi-style-enambelas .section-eight .container-quote .quote.hide-bottom {

  opacity: 0;

  -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);

  -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);

  -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);

  -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);

  transform: translateX(-50%) translateY(100%) rotateX(-70deg);

}



.testi-style-enambelas .section-eight .container-quote .quote.hide-top {

  opacity: 0;

  -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);

  -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);

  -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);

  -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);

  transform: translateX(-50%) translateY(-100%) rotateX(70deg);

}



.testi-style-enambelas .section-eight .container-quote .quote.show {

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);

  -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);

  -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);

  -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);

  transform: translateX(-50%) translateY(0%) rotateX(0deg);

}





.testi-style-enambelas .section-eight .container-dp-name {

  position: relative;

  width: 100%;

  margin-top: 10px;

  height: auto;

  -webkit-perspective: 10000px;

  -moz-perspective: 10000px;

  -ms-perspective: 10000px;

  perspective: 10000px;

  text-align: center;

}



.testi-style-enambelas .section-eight .container-dp-name .box-dpname {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  cursor: pointer;

  text-align: center;

  -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

  -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

  -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

  transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);

}



.testi-style-enambelas .section-eight .container-dp-name .box-dpname.hide-dp-bottom {

  opacity: 0;

  -webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg);

  -moz-transform: translateX(0%) translateY(100%) rotateX(-70deg);

  -ms-transform: translateX(0%) translateY(100%) rotateX(-70deg);

  -o-transform: translateX(0%) translateY(100%) rotateX(-70deg);

  transform: translateX(0%) translateY(100%) rotateX(-70deg);

}



.testi-style-enambelas .section-eight .container-dp-name .box-dpname.hide-dp-top {

  opacity: 0;

  -webkit-transform: translateX(0%) translateY(-100%) rotateX(70deg);

  -moz-transform: translateX(0%) translateY(-100%) rotateX(70deg);

  -ms-transform: translateX(0%) translateY(-100%) rotateX(70deg);

  -o-transform: translateX(0%) translateY(-100%) rotateX(70deg);

  transform: translateX(0%) translateY(-100%) rotateX(70deg);

}



.testi-style-enambelas .section-eight .container-dp-name .box-dpname.look {

  opacity: 1;

  -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);

  -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);

  -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);

  -o-transform: translateX(0%) translateY(0%) rotateX(0deg);

  transform: translateX(0%) translateY(0%) rotateX(0deg);

}



@media screen and (max-width:767px) {

  .testi-style-enambelas .sec-eight-text-area {

	padding: 10px 0 10px 0;

  }



  .testi-style-enambelas .section-eight .container-pe-quote {

	position: relative;

	height: 500px;

	top: 0px;

	z-index: 1;

	max-width: 300px;

	margin: -70px auto 0;

  }

}



@media screen and (max-width:480px) {

  .testi-style-enambelas .section-eight {

	position: relative;

  }



  .testi-style-enambelas .section-eight .bottom-ani-cs {

	position: absolute;

	top: 150px;

	right: 16px;

  }



  .testi-style-enambelas .section-eight .container-pe-quote .li-quote-2 {

	left: 60px;

	top: 270px;

  }



  .testi-style-enambelas .section-eight .container-pe-quote .li-quote-6 {

	right: 100px;

	top: 179px;

  }



  .testi-style-enambelas .section-eight .container-pe-quote .li-quote-8 {

	height: 43px;

	width: 43px;

	left: 0px;

	top: 220px;

  }



  .testi-style-enambelas .section-eight .container-pe-quote .li-quote-3 {

	left: 0;

  }



  .testi-style-enambelas .section-eight .container-quote {

	height: 205px;

	overflow: hidden;

	overflow-y: auto;

  }



  .testi-style-enambelas .sec-eight-text-area {

	padding: 10px 0 100px 0;

  }

}



/*TESTIMONIAL STYLE TUJUHBELAS*/



.testi-style-tujuhbelas {

  padding: 5%;

}



.testi-style-tujuhbelas .d-block,

h2 {

  color: #33475c;

  font-weight: 700;

  font-size: 2.5rem;

  display: block;

  margin: 0 auto;

  text-align: center;

  padding-bottom: 20px;

}



.testi-style-tujuhbelas blockquote {

  padding: 0px 60px;

  position: relative;

  border: 0;

  margin: 20px 0 0 0;

  font-style: italic;

  z-index: 1;

  text-align: center;

  line-height: 28px;

}



.testi-style-tujuhbelas blockquote:before {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  font-size: 20px;

  z-index: 0;

  position: absolute;

  left: -1px;

  bottom: -60px;

  color: #989898;

  right: 0;

  margin-left: auto;

  margin-right: auto;

  width: 39px;

  border-radius: 50%;

}



.testi-style-tujuhbelas blockquote:after {

  content: '';

  font-weight: 900;

  font-size: 20px;

  z-index: -1;

  position: absolute;

  left: 3px;

  bottom: -70px;

  z-index: -1;

  right: 0;

  margin-left: auto;

  margin-right: auto;

  background-color: #eaeaea;

  width: 50px;

  height: 50px;

  border-radius: 50%;

}



/* ============= Begin Testimonial Flexbox ============ */

.testi-style-tujuhbelas .section-style-tujuhbelas {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  min-height: 800px;

  height: 110vh;

  max-width: 1000px;

  margin: auto;

  overflow: hidden;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

}



.testi-style-tujuhbelas #left-zone {

  height: 100%;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

}



.testi-style-tujuhbelas #left-zone .list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  border-right: 1px solid #eaeaea;

  list-style: none;

  -ms-flex-line-pack: stretch;

  align-content: stretch;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-flex: 1;

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  margin: auto;

  padding: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.testi-style-tujuhbelas .item input {

  display: none;

}



.testi-style-tujuhbelas label {

  display: block;

  opacity: 0.5;

  height: 50px;

  text-align: center;

  line-height: 50px;

  position: relative;

}



.testi-style-tujuhbelas label:hover {

  opacity: 0.75;

  cursor: pointer;

}



.testi-style-tujuhbelas .content-test {

  position: absolute;

  right: 0;

  bottom: 0;

  opacity: 0;

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

  height: 50%;

  width: 100%;

  -webkit-transition: 0.5s ease-out;

  -o-transition: 0.5s ease-out;

  transition: 0.5s ease-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  pointer-events: none;

}



.testi-style-tujuhbelas .content-test p {

  max-width: 50%;

  text-align: center;

  font-style: italic;

}



.testi-style-tujuhbelas #right-zone {

  width: 100%;

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  height: 50%;

}



.testi-style-tujuhbelas input:checked~.content-test {

  -webkit-transform: translateY(0%);

  -ms-transform: translateY(0%);

  transform: translateY(0%);

  -webkit-transition: -webkit-transform 1s;

  transition: -webkit-transform 1s;

  -o-transition: transform 1s;

  transition: transform 1s;

  transition: transform 1s, -webkit-transform 1s;

  opacity: 1;

}



@media (min-width: 480px) {

  .testi-style-tujuhbelas .section-style-tujuhbelas {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-direction: row;

	flex-direction: row;

	min-height: auto;

	height: 800px;

	/* position: absolute; */

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

  }



  .testi-style-tujuhbelas #left-zone .list {

	border-right: 2px solid #cccccc;

  }



  .testi-style-tujuhbelas .content-test {

	width: 65%;

	height: 100%;

	pointer-events: auto;

	-webkit-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	transform: translateY(-100%);

  }



  .testi-style-tujuhbelas #left-zone {

	width: 35%;

  }



  .testi-style-tujuhbelas #right-zone {

	height: 100%;

	width: 65%;

  }

}



/* If the screen size is 480px or less */



.testi-style-tujuhbelas .testimonial-name h1 {

  font-size: 36px;

  margin-bottom: 20px;

  margin-top: 20px;

}



.testi-style-tujuhbelas .content-test h1:first-letter {

  text-transform: uppercase;

}



.testi-style-tujuhbelas input:checked~label {

  opacity: 1;

  -webkit-animation: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  animation: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



.testi-style-tujuhbelas .item:nth-child(4n + 1) input:checked~label {

  color: #d64541;

  border-right: solid 4px #d64541;

}



.testi-style-tujuhbelas input:checked~label.label_testimonial-2 {

  color: #f5d76e;

  border-right: solid 4px #f5d76e;

}



.testi-style-tujuhbelas input:checked~label.label_testimonial-3 {

  color: #00b16a;

  border-right: solid 4px #00b16a;

}



.testi-style-tujuhbelas input:checked~label.label_testimonial-4 {

  color: #f27935;

  border-right: solid 4px #f27935;

}



.testi-style-tujuhbelas label:first-letter {

  text-transform: uppercase;

}





.testi-style-tujuhbelas p.testimonialState {

  margin-top: -5px;

  font-size: 0.8rem;

  font-style: italic;

  color: #808080d4;

}



.testi-style-tujuhbelas .content-test h3 {

  margin-top: 30px;

}



.testi-style-tujuhbelas .testimonialFrom {



  font-weight: bold;

  color: #33475c;

}



.testi-style-tujuhbelas .profile-image16 img {

  height: 100px;

  width: 100px;

  border-radius: 100%;

  border: solid 4px #ffffff;

  box-shadow: 0px 6px 20px -3px rgba(0, 0, 0, 0.3);

}



/*TESTIMONIAL STYLE DELAPANBELAS*/



.testi-style-delapanbelas .logo {

  position: relative;

  list-style-type: none;

  padding: 30px 0 50px 0;

  margin: 0;

}



.testi-style-delapanbelas .logo:before {

  content: '';

  position: absolute;

  height: 100%;

  top: 0;

  left: 167.5px;

  border-left: 2px dashed #acacac;

}



.testi-style-delapanbelas .event {

  position: relative;

  margin-bottom: 80px;

  padding-right: 40px;

  margin-top: 0;

  margin-left: 0;

}



.testi-style-delapanbelas .thumb {

  position: absolute;

  width: 100px;

  height: 100px;

  box-shadow: 0 0 0 8px #acacac, 0 1px 1px rgba(255, 255, 255, 0.5);

  background-repeat: no-repeat;

  border-radius: 50%;

  background-size: cover;

  -webkit-transform: scale(0.8) translateX(24px);

  -moz-transform: scale(0.8) translateX(24px);

  -o-transform: scale(0.8) translateX(24px);

  -ms-transform: scale(0.8) translateX(24px);

  transform: scale(0.8) translateX(24px);

}



.testi-style-delapanbelas .thumb:before {

  content: '';

  position: absolute;

  height: 8px;

  z-index: -1;

  background: #acacac;

  -webkit-mask-image: url("../img/vertical-8.png");

  mask-image: url("../img/vertical-8.png");

  width: 51px;

  top: 42px;

  left: 100%;

  margin-left: 8px;

}



.testi-style-delapanbelas .thumb span {

  color: #acacac;

  width: 100%;

  text-align: center;

  font-weight: 700;

  font-size: 15px;

  text-transform: uppercase;

  position: absolute;

  bottom: -40px;

}



.testi-style-delapanbelas blockquote {

  padding-left: 0;

  position: relative;

  border: 0;

  margin: 0;

  font-style: italic;

  z-index: 1;

}



.testi-style-delapanbelas blockquote:after {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  right: 16px;

  font-size: 40px;

  top: 5px;

  z-index: -1;

  position: absolute;

  color: #61C2A4;

  opacity: 0.5;

}



/* Transparent Checkbox/radio hack: leave the checkbox on top, hide it with opacity 0 */

.testi-style-delapanbelas .event label {

  margin-bottom: 0;

}



.testi-style-delapanbelas .event label.checklist,

.testi-style-delapanbelas .event input[type="radio"] {

  width: 24px;

  height: 24px;

  left: 158px;

  top: 36px;

  position: absolute;

  display: block;

}



.testi-style-delapanbelas .event input[type="radio"] {

  opacity: 0;

  z-index: 10;

  cursor: pointer;

}



.testi-style-delapanbelas .event label.checklist:after {

  content: '\e702';

  font-family: 'fontawesome-selected';

  background: #fff;

  border-radius: 50%;

  color: #acacac;

  font-size: 26px;

  height: 100%;

  width: 100%;

  left: -2px;

  top: -3px;

  line-height: 24px;

  position: absolute;

  text-align: center;

  z-index: 2;

}



.testi-style-delapanbelas .content-perspective {

  margin-left: 230px;

  position: relative;



  -webkit-perspective: 600px;

  -moz-perspective: 600px;

  -o-perspective: 600px;

  -ms-perspective: 600px;

  perspective: 600px;

}



.testi-style-delapanbelas .content-perspective:before {

  content: '';

  width: 37px;

  left: -51px;

  top: 45px;

  position: absolute;

  height: 1px;

  z-index: -1;

  background: #acacac;

}



.testi-style-delapanbelas .content {

  -webkit-transform: rotateY(10deg);

  -moz-transform: rotateY(10deg);

  -o-transform: rotateY(10deg);

  -ms-transform: rotateY(10deg);

  transform: rotateY(10deg);

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  -o-transform-origin: 0 0;

  -ms-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  -o-transform-style: preserve-3d;

  transform-style: preserve-3d;

}



.testi-style-delapanbelas .content-inner {

  position: relative;

  padding: 20px;

  color: #333;

  border: none;

  border-left: 5px solid #acacac;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

  background: #fff;

}



.testi-style-delapanbelas .content-inner h1 {

  color: #262626;

  margin-top: 0;

  font-size: 30px;

  line-height: 45px;

  text-transform: capitalize;

  margin-bottom: 0;

}



.testi-style-delapanbelas .content-inner blockquote {

  font-size: 18px;

  max-height: 0px;

  overflow: hidden;

  color: transparent;

  color: rgba(0, 0, 0, 0);

  text-align: left;

  margin-bottom: 0;

}



@font-face {

  font-family: 'fontawesome-selected';

  src: url("../font/fontawesome-selected.eot");

  src:

	url("../font/fontawesome-selected.eot#iefix") format('embedded-opentype'),

	url("../font/fontawesome-selected.woff") format('woff'),

	url("../font/fontawesome-selected.ttf") format('truetype'),

	url("../font/fontawesome-selected.svg#fontawesome-selected") format('svg');

  font-weight: normal;

  font-style: normal;

}



.testi-style-delapanbelas .content-inner:before {

  font-family: 'fontawesome-selected';

  content: '\25c2';

  font-weight: normal;

  font-size: 54px;

  line-height: 54px;

  position: absolute;

  width: 30px;

  height: 30px;

  color: #acacac;

  left: -22px;

  top: 19px;

  z-index: -1;

}



/* Transitions */



.testi-style-delapanbelas .thumb,

.testi-style-delapanbelas .thumb span,

.testi-style-delapanbelas .content-inner h3 {

  -webkit-transition: all 0.6s ease-in-out 0.2s;

  -moz-transition: all 0.6s ease-in-out 0.2s;

  -o-transition: all 0.6s ease-in-out 0.2s;

  -ms-transition: all 0.6s ease-in-out 0.2s;

  transition: all 0.6s ease-in-out 0.2s;

}



.testi-style-delapanbelas .content-inner {

  -webkit-transition: box-shadow 0.8s linear 0.2s;

  -moz-transition: box-shadow 0.8s linear 0.2s;

  -o-transition: box-shadow 0.8s linear 0.2s;

  -ms-transition: box-shadow 0.8s linear 0.2s;

  transition: box-shadow 0.8s linear 0.2s;

}



.testi-style-delapanbelas .content {

  -webkit-transition: -webkit-transform 0.8s cubic-bezier(.59, 1.45, .69, .98) 0.2s;

  -moz-transition: -moz-transform 0.8s cubic-bezier(.59, 1.45, .69, .98) 0.2s;

  -o-transition: -o-transform 0.8s cubic-bezier(.59, 1.45, .69, .98) 0.2s;

  -ms-transition: -ms-transform 0.8s cubic-bezier(.59, 1.45, .69, .98) 0.2s;

  transition: transform 0.8s cubic-bezier(.59, 1.45, .69, .98) 0.2s;

}



.testi-style-delapanbelas .content-inner blockquote {

  -webkit-transition: max-height 0.5s linear, color 0.3s linear;

  -moz-transition: max-height 0.5s linear, color 0.3s linear;

  -o-transition: max-height 0.5s linear, color 0.3s linear;

  -ms-transition: max-height 0.5s linear, color 0.3s linear;

  transition: max-height 0.5s linear, color 0.3s linear;

}



/* Checked */



.testi-style-delapanbelas .event input[type="radio"]:checked+label.checklist:after {

  content: '\2714';

  font-family: 'fontawesome-selected';

  color: #61C2A4;

  box-shadow: 0 0 0 -2px rgba(255, 255, 255, 0.8);

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective:before {

  background: #61C2A4;

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content-inner h3 {

  color: #61C2A4 !important;

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content {

  -webkit-transform: rotateY(-5deg);

  -moz-transform: rotateY(-5deg);

  -o-transform: rotateY(-5deg);

  -ms-transform: rotateY(-5deg);

  transform: rotateY(-5deg);

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content-inner {

  border-color: #61C2A4;

  box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content-inner blockquote {

  max-height: 260px;

  margin-top: 10px;

  font-style: italic;

  color: #555555;

  line-height: 28px;

  font-weight: normal;

  -webkit-transition-delay: 0s, 0.6s;

  -moz-transition-delay: 0s, 0.6s;

  -o-transition-delay: 0s, 0.6s;

  -ms-transition-delay: 0s, 0.6s;

  transition-delay: 0s, 0.6s;

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content-inner:before {

  color: #61C2A4;

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.thumb {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  box-shadow:

	0 0 0 8px #61c2a4,

	0 1px 1px rgba(255, 255, 255, 0.5);

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.thumb span {

  color: #61C2A4;

}



.testi-style-delapanbelas .event input[type="radio"]:checked~.thumb:before {

  background: #61c2a4;

}



.testi-style-delapanbelas .content-inner blockquote,

.testi-style-delapanbelas .thumb span,

.testi-style-delapanbelas .event label.checklist {

  -webkit-backface-visibility: hidden;

}



@media screen and (max-width: 850px) {

  .testi-style-delapanbelas .content-inner h3 {

	font-size: 20px;

  }



  .testi-style-delapanbelas .content-inner blockquote {

	font-size: 14px;

	text-align: justify;

  }



  .testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content-inner blockquote {

	max-height: 500px;

  }

}



@media screen and (max-width: 540px) {

  .testi-style-delapanbelas .logo::before {

	left: 65px;

  }



  .testi-style-delapanbelas .event {

	padding-right: 0px;

	margin-bottom: 100px;

  }





  .testi-style-delapanbelas .thumb {

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	-o-transform: scale(0.8);

	-ms-transform: scale(0.8);

	transform: scale(0.8);

  }



  .testi-style-delapanbelas .event input[type="radio"] {

	width: 100px;

	height: 100px;

	left: 0px;

	top: 0px;

  }



  .testi-style-delapanbelas .thumb:before,

  .testi-style-delapanbelas .event input[type="radio"]:checked~.thumb:before {

	background: none;

	width: 0;

  }



  .testi-style-delapanbelas .event label.checklist {

	display: none;

  }



  .testi-style-delapanbelas .content-perspective {

	margin-left: 0px;

	top: 80px;

  }



  .testi-style-delapanbelas .content-perspective:before {

	height: 0px;

  }



  .testi-style-delapanbelas .content {

	-webkit-transform: rotateX(-10deg);

	-moz-transform: rotateX(-10deg);

	-o-transform: rotateX(-10deg);

	-ms-transform: rotateX(-10deg);

	transform: rotateX(-10deg);

  }



  .testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content {

	-webkit-transform: rotateX(10deg);

	-moz-transform: rotateX(10deg);

	-o-transform: rotateX(10deg);

	-ms-transform: rotateX(10deg);

	transform: rotateX(10deg);

  }



  .testi-style-delapanbelas .content-inner {

	border-left: none;

	border-top: 5px solid #acacac;

  }



  .testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content-inner {

	border-color: #61C2A4;

	box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);

  }



  .testi-style-delapanbelas .content-inner:before {

	content: '\25b4';

	left: 33px;

	top: -32px;

  }



  .testi-style-delapanbelas .event input[type="radio"]:checked~.content-perspective .content-inner blockquote {

	max-height: 300px;

  }

}



/*TESTIMONIAL STYLE SEMBILANBELAS*/



.testi-style-sembilanbelas * {

  box-sizing: border-box;

  transform-origin: 50% 50%;

}



.testi-style-sembilanbelas a {

  color: inherit;

  text-decoration: none;

  border-bottom: 0.75vw solid;

}



.testi-style-sembilanbelas h1 {

  margin: 0;

  text-align: center;

  font-size: calc(10px + 0.5vw);

}



.testi-style-sembilanbelas span {

  margin: 0;

  text-align: center;

  font-size: calc(5px + 0.5vw);

  display: block;

}



.testi-style-sembilanbelas h2 {

  font-size: 6vw;

  color: magenta;

  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);

}



.testi-style-sembilanbelas .defilee__main {

  position: relative;

  margin: 0 auto;

}



.testi-style-sembilanbelas .defilee__outer {

  width: 100%;

  height: calc(100vh - 100px);

  max-height: calc(100vh - 100px);

  display: flex;

  flex-direction: column;

  justify-content: center;

  perspective: 0.5px;

  transform-style: preserve-3d;

  overflow: hidden;

}



.testi-style-sembilanbelas .defilee__ctnr {

  transform-style: preserve-3d;

  display: inline-flex;

  align-items: center;

  margin: 0 auto;

}



.testi-style-sembilanbelas .defilee__div {

  position: relative;

  transform: translateZ(-0.1px) scale(1.4) translateX(30px) translateY(5vh);

}



.testi-style-sembilanbelas .defilee__div:not(.defilee__div--text) {

  width: 16vw;

  background: white;

  padding: 1vw 1vw 0.5vw 1vw;

  border-radius: 30px;

  box-shadow: 0 10px 40px -10px rgb(0 0 0 / 0.2);

}



.testi-style-sembilanbelas .defilee__div--text {

  margin: 0 0 0 10vw;

  transform: translateZ(-0.25px) scale(1.4) translateX(60px) translateY(-5vh);

  animation: zoom infinite 1s;

}



.testi-style-sembilanbelas .defilee__div--special {

  transform: translateZ(-0.2px) scale(1.4) translateX(30px) translateY(20vh);

}



.testi-style-sembilanbelas .defilee__div--special1 {

  transform: translateZ(-0.25px) scale(1.4) translateX(-0.3vw) translateY(0);

}



.testi-style-sembilanbelas .defilee__div--special1~.testi-style-sembilanbelas .defilee__div--special1 {

  transform: translateZ(-0.25px) scale(1.4) translateX(-0.4vw) translateY(10vh);

}



.testi-style-sembilanbelas .defilee__div--special2 {

  transform: translateZ(-0.3px) scale(1.5) translateX(-0.5vw) translateY(-5vh);

}



.testi-style-sembilanbelas .defilee__div--special3 {

  transform: translateZ(-0.5px) scale(1.5) translateX(-30px) translateY(-30vh);

}



.testi-style-sembilanbelas .defilee__div--special4 {

  transform: translateZ(-0.65px) scale(2) translateX(30px) translateY(0);

}



.testi-style-sembilanbelas .defilee__ctnr {

  transform: translate3d(-10%, 0, 0);

  will-change: transform;

  animation: slide 25s 0.7s linear infinite;

}



@keyframes slide {

  100% {

	transform: translate3d(-60%, 0, 0);

  }

}



.testi-style-sembilanbelas .defilee__div--special1.first {

  animation: vertical infinite 5s -2s;

}



@keyframes vertical {

  50% {

	transform: translateZ(-0.25px) scale(1.6) translateX(-0.3vw) translateY(-5vh);

  }

}



@keyframes zoom {

  50% {

	transform: translateZ(-0.25px) scale(1.5) translateX(60px) translateY(-5vh);

  }

}







.testi-style-sembilanbelas div:nth-child(3n + 1)>img {

  transition: all 1.2s;

}



.testi-style-sembilanbelas img {

  width: 70px;

  border-radius: 50%;

  border: 5px solid#fff;

  box-shadow: 0 10px 40px -10px rgb(0 0 0 / 0.2);

  margin-bottom: 0.75vw;

  transition: all 1.2s;

  object-fit: cover;

  height: 70px;

}



.testi-style-sembilanbelas .item-testi19 {

  width: 50%;

}



.item-testimonial19 {

  display: flex;

  align-items: center;

  margin-top: 15px;

}



.testi-style-sembilanbelas .item-testi19 .testimonial-name h1 {

  text-align: left;

  margin-bottom: 10px;

  position: relative;

  top: -5px;

}



.testi-style-sembilanbelas .item-testi19 .testimonial-job span {

  text-align: left;

  position: relative;

  top: -5px;

}



.image-profile19 {

  width: 40%;

  float: left;

  position: relative;

  left: 20px;

}



.testi-style-sembilanbelas .testimonial-bio {

  border-bottom: 0.7px solid#eee;

}



.testi-style-sembilanbelas .defilee__div blockquote {

  border: none;

  font-size: 12px;

  margin: 1rem 1.7rem 1.5rem 1.7rem;

  padding: 0;

  line-height: 1.8;

  text-align: center;

}



.testi-style-sembilanbelas .defilee__div blockquote::before {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  font-size: 35px;

  left: 45%;

  bottom: 60%;

  position: absolute;

  color: #E1DBED;

  z-index: -1;

  opacity: 0.4;

}



.testi-style-sembilanbelas .defilee__div blockquote::after {

  font-family: "Font Awesome 5 Free";

  content: "\f10e";

  font-weight: 900;

  font-size: 34px;

  right: 55px;

  top: -25px;

  position: absolute;

  color: #E1DBED;

}



@media screen and (max-width: 1024px) {

	.testi-style-sembilanbelas .defilee__div:not(.defilee__div--text) {

		width: 60vw;

	}

}

@media screen and (max-width: 640px) {

	.testi-style-sembilanbelas .defilee__div:not(.defilee__div--text) {

		width: 90vw;

	}

}



/* Styling Swiper */

.testimonial-content .swiper-button-next,

.testimonial-content .swiper-button-prev {

  background-image: none;

}



.swiper-container.has-pagination {

  padding-bottom: 50px;

}



.testi-style-empatbelas.swiper-container, .testi-style-limabelas.swiper-container, .testi-style-tigabelas.swiper-container, .testi-style-duabelas .swiper-container {

	padding-left: 50px;

	padding-right: 50px;

}