@media (max-width: 342px) and (min-width: 220px) {
.apol {
    position: absolute;
    width: 450px;
    left: 160px;
    margin-left: -145px;
    height: z0px;
    top: 180px;
    margin-top: -70px;
  }
}
@media (max-width: 414px) and (min-width: 342px) {
.apol {
    position: absolute;
    width: 450px;
    left: 160px;
    margin-left: -145px;
    height: z0px;
    top: 150px;
    margin-top: -70px;
  }
}
@media (max-width: 450px) and (min-width: 415px) {
.apol {
    position: absolute;
    width: 450px;
    left: 325px;
    margin-left: -145px;
    height: z0px;
    top: 105px;
    margin-top: -70px;
  }
}
@media (max-width: 600px) and (min-width: 450px) {
.apol {
    position: absolute;
    width: 450px;
    left: 325px;
    margin-left: -145px;
    height: z0px;
    top: 105px;
    margin-top: -70px;
  }
}
@media (max-width: 767px) and (min-width: 601px) {
.apol {
    position: absolute;
    width: 450px;
    left: 323px;
    margin-left: -145px;
    height: z0px;
    top: 105px;
    margin-top: -70px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
.apol {
    position: absolute;
    width: 450px;
    left: 447px;
    margin-left: -145px;
    height: z0px;
    top: 105px;
    margin-top: -70px;
  }
}
@media (max-width: 1224px) and (min-width: 992px) {
.apol {
    position: absolute;
    width: 450px;
    left: 445px;
    margin-left: -145px;
    height: z0px;
    top: 105px;
    margin-top: -70px;
  }
}
@media (min-width: 1225px){
.apol {
    position: absolute;
    width: 450px;
    left: 445px;
    margin-left: -145px;
    height: z0px;
    top: 105px;
    margin-top: -70px;
  }
}

  
  .supol {
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }
  
  .word {
    position: absolute;
    width: 400px;
    opacity: 0;
  }
  
  .letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
  }
  
  .letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  .letter.behind {
    transform: rotateX(-90deg);
  }
  
  .letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  .wisteria {
    color: #8e44ad;
  }
  
  .belize {
    color: #2980b9;
  }
  
  .pomegranate {
    color: #c0392b;
  }
  
  .green {
    color: #16a085;
  }
  
  .midnight {
    color: #2c3e50;
  }
  
  /*     The Team testimonials    */
/****************************/
.slider-1 {
	padding-top: 6.875rem;
	padding-bottom: 6.375rem;
	background-color: #262431;
}

.slider-1 .slider-container {
	position: relative;
}

.slider-1 .swiper-container {
	position: static;
	width: 90%;
	text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-1 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-1 .card {
	position: relative;
	border: none;
	background-color: transparent;
}

.slider-1 .card-image {
	width: 6rem;
	height: 6rem;
	margin-right: auto;
	margin-bottom: 0.25rem;
	margin-left: auto;
	border-radius: 50%;
}

.slider-1 .card-body {
	padding-bottom: 0;
}

.slider-1 .testimonial-author {
	margin-bottom: 0;
}