/*---------------------------------------
  TESTIMONIALS
-----------------------------------------*/
.testimonials-section {
  background-color: var(--white-logo-color);;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/************* TESTIMONIALS *************/

.card {
  width: 250px;
  height: 300px;
  transform-style: preserve-3d;
/*  perspective: 500px;*/
  border: none;
  background-color: var(--white-logo-color);
  cursor: pointer;
  padding: 20px 20px;
}

.card .face {
  position: absolute;
  color: var(--red-logo-color);
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
  padding: 50px 20px;
/*  transform-style: preserve-3d;*/
/*  transition: 0.5s;*/
/*  backface-visibility: hidden;*/
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.card .face.front-face,
.card .face.back-face {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.card .face.front-face .profile {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
}

.card .face.front-face .name {
  letter-spacing: 2px;
}

.card .face.front-face .designation {
  font-size: 0.8rem;
  color: var(--blue-logo-color);
  letter-spacing: 1px;
  text-align: center;
}

/* ratio of video */

.videoTestimonials {
  aspect-ratio: auto 1 / 1;
  height:100%;
}

/* .----------------.  .----------------.  .----------------.  .----------------.  .----------------.  .----------------.  .----------------.  .----------------.*/
/*| .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. || .--------------. |*/
/*| |  ___  ____   | || |  _________   | || |  _________   | || |   ______     | || |              | || | ____    ____ | || |  _________   | || |              | |*/
/*| | |_  ||_  _|  | || | |_   ___  |  | || | |_   ___  |  | || |  |_   __ \   | || |              | || ||_   \  /   _|| || | |_   ___  |  | || |      _       | |*/
/*| |   | |_/ /    | || |   | |_  \_|  | || |   | |_  \_|  | || |    | |__) |  | || |              | || |  |   \/   |  | || |   | |_  \_|  | || |     | |      | |*/
/*| |   |  __'.    | || |   |  _|  _   | || |   |  _|  _   | || |    |  ___/   | || |              | || |  | |\  /| |  | || |   |  _|  _   | || |     | |      | |*/
/*| |  _| |  \ \_  | || |  _| |___/ |  | || |  _| |___/ |  | || |   _| |_      | || |              | || | _| |_\/_| |_ | || |  _| |___/ |  | || |     | |      | |*/
/*| | |____||____| | || | |_________|  | || | |_________|  | || |  |_____|     | || |   _______    | || ||_____||_____|| || | |_________|  | || |     |_|      | |*/
/*| |              | || |              | || |              | || |              | || |  |_______|   | || |              | || |              | || |     (_)      | |*/
/*| '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' || '--------------' |*/
/* '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------'  '----------------'*/

/*.card:hover .face.front-face {*/
/*!*  transform: rotateY(180deg);*!*/
/*    background-color: var(--blue-logo-color);*/
/*    color: var(--white-logo-color);*/
/*}*/

/*.card .face.back-face {*/
/*  position: absolute;*/
/*  background: rgba(255, 255, 255, 0.06);*/
/*  transform: rotateY(180deg);*/
/*  padding: 20px 30px;*/
/*  text-align: center;*/
/*  user-select: none;*/
/*}*/

/*.card .face.back-face .fa-quote-left {*/
/*  position: absolute;*/
/*  top: 25px;*/
/*  left: 25px;*/
/*  font-size: 1.2rem;*/
/*}*/

/*.card .face.back-face .fa-quote-right {*/
/*  position: absolute;*/
/*  bottom: 35px;*/
/*  right: 25px;*/
/*  font-size: 1.2rem;*/
/*}*/

/*.card:hover .face.back-face {*/
/*  transform: rotateY(360deg);*/
/*}*/

/*@media(max-width: 991.5px) {*/
/*  .col-lg-4 {*/
/*    margin-top: 40px;*/
/*    margin-bottom: 20px;*/
/*  }*/
/*}*/