.test-wrap-2 {
  position: relative;
}


.test-wrap-2 .tests-controls {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 20px 0 0 0;
  justify-content: space-between;
}

.test-wrap-2 .tests-controls.hide {
  display: none!important;
}

.test-wrap-2 .tests-controls .prev-button,
.test-wrap-2 .tests-controls .next-button {
  width: 48px;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.test-wrap-2 .tests-controls .prev-button {
  margin-right: 20px; 
}

.test-wrap-2 .tests-controls .prev-button:hover,
.test-wrap-2 .tests-controls .next-button:hover {
  opacity: .7;
}

.test-wrap-2 .tns-outer {
  max-width: 850px;
  margin: 0 auto;
}

.test2-card {
  background: #fff;
  border: 1px solid rgba(123, 119, 101, 0.4);
  padding: 40px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.test2-card .headshot {
  width: 120px;
  flex-shrink: 0;
  margin-right: 32px;
}

.test2-card .headshot img {
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.test2-card .content .client__quote {
  font-family: Luxurious Roman, serif;
  font-size: 22px;
  font-weight: 400;
}
.test2-card .content .client__name {
  padding: 20px 0 0 0;
  font-weight: 700;
}
.test2-card .content .client__position {
  color: #7B7765;
}


@media (max-width: 1040px) {
  
  .test-wrap-2 .tns-outer {
    margin: 0 80px;
  }

  
}

@media (max-width: 960px) {
  
  .card-body {
    flex-direction: column;
  }
  .test2-card .headshot {
    margin-bottom: 20px;
  }
  
}


@media (max-width: 767px) {
  
  .test-wrap-2 .tests-controls {
    position: relative;
    width: fit-content;
    top: 0;
    transform: translateY(0%);
    
    padding: 0 0 20px 0;
    justify-content: space-between;
  }
  
  .test-wrap-2 .tests-controls .prev-button,
  .test-wrap-2 .tests-controls .next-button {
    width: 30px;
  }
  .test-wrap-2 .tests-controls .prev-button {
    margin-right: 12px; 
  }
  .test-wrap-2 .tns-outer {
    margin: 0;
  }
  .test2-card {
    padding: 20px;
  }
  .test2-card .content .client__quote {
    font-size: 18px;
  }

}



  
}


@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}



@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-transform-origin: center;
  transform-origin: center;
}