@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
#testimonial-area .section-heading h2 {
  font-size: 48px;
  line-height: 58px;
}
section#testimonial-area {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}
.testi-wrap {
  position: relative;
  height: 725px;
  margin-top: -80px;
}

.client-single {
  margin-top: 20px;
  text-align: center;
  position: absolute;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.client-info,
.client-comment {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.client-single.inactive .client-comment,
.client-single.inactive .client-info {
  display: none;
}
.client-single.inactive .client-comment,
.client-single.inactive .client-info {
  opacity: 0;
  visibility: hidden;
}
.client-single.position-1 {
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}
.client-single.position-2 {
  left: 0px;
  top: 0px;
}
.client-single.position-3 {
    left: 102px;
    top: 115px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.client-single.position-4 {
  left: 60px;
  top: 380px;
}
.client-single.position-5 {
  top: 120px;
    right: 120px;
}
.client-single.position-6 {
  top: 225px;
  right: 25px;
}
.client-single.position-7 {
  top: 400px;
  right: 45px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.client-single.position-8 {
  top: 480px;
  right: 95px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.client-single.position-9 {
      top: 573px;
    right: 190px;
}
.client-single.position-10 {
      top: 41px;
    right: 258px;

}
.client-single.position-11 {
    left: 34px;
    top: 238px;
}
.client-single.position-12 {
    right: 350px;
    top: 575px;
}
.client-single.position-13 {
    left: 105px;
    top: 500px;
}
.client-single.position-14 {
    left: 307px;
    top: 575px;
}
.client-single.position-15 {
     left: 282px;
    top: 45px;
}
.client-single.position-16 {
  right: -12px;
    top: 322px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.client-single.position-17 {
 right: 260px;
    top: 482px;
}
.client-single.position-18 {
  left: 260px;
    top: 4380px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.client-single.position-19 {
        right: 468px;
    top: 576px;
}
.client-single.position-20 {
      left: 222px;
    top: 485px;
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}

.client-single.position-21 {
     top: 550px;
    right: 25px;
}
.client-single.position-22 {
     top: 0px;
    right: 25px;
}
.client-single.position-23 {
     top: 0px;
    right: 138px;
}
.client-single.position-24 {
     top: -22px;
    right: 336px;

}
.client-single.position-25 {
    top: 135px;
    right: 25px;
}
.client-single.position-26 {
     top: 0px;
    left: 135px;
}
.client-single.position-27 {
    top: 150px;
    left: 3px;
}
.client-single.position-28 {
    top: -15px;
    left: 375px;
}

.client-single.position-29 {
    top: 313px;
    left: -20px;
}
.client-single.position-30 {
    bottom: 121px;
    left: -26px;
}

.client-single.position-31 {
    bottom: 30px;
    left: 0px;
}

.client-single.position-32 {
    bottom: -40px;
    left: 71px;
}

.client-single.position-33 {
    bottom: -56px;
    left: 175px;
}

.client-single.position-34 {
    bottom: -106px;
    left: 270px;
}

.client-single.position-35 {
    bottom: -106px;
    left: 400px;
}

.client-single.position-36 {
    bottom: -106px;
    left: 510px;
}

.client-single.position-37 {
    right: 6px;
    bottom: -89px;
}
.client-single.position-38 {
    right: 150px;
    bottom: -107px;
}
.client-single.position-39 {
    right: 276px;
    bottom: -103px;
}
.client-single.position-40 {
    right: -74px;
    bottom: 30px;
}

.client-single.position-41{
    right: -37px;
    bottom: 113px;
}
.client-single.position-42 {
    right: -95px;
    bottom: 208px;
}
.client-single.position-43{
    right: -89px;
    bottom: 323px;
}
.client-single.position-44 {
    right: -102px;
    bottom: 432px;
}
.client-single.position-45{
    left: -85px;
    top: 221px;
}
.client-single.position-46 {
    bottom: -102px;
    left: 0;
}
.client-single.position-47 {
    bottom: -136px;
    left: 126px;
}
.client-single.position-48 {
    bottom: -186px;
    left: 341px;
}
.client-single.position-49 {
    bottom: -192px;
    left: 486px;
}
.client-single.position-50 {
    bottom: -163px;
    left: 614px;
}

.client-single.active {
  top: 15%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  width: 70%;
}
.client-single.active .client-comment,
.client-single.active .client-info {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.client-single:not(.active) {
  -webkit-transform: scale(0.55);
  transform: scale(0.55);
  z-index: 99;
}
.client-single.active .client-img {
  width: 160px;
  height: 160px;
  margin: 0 auto 24px;
  position: relative;
}
.client-single.active .client-img:before {
  border-radius: 100%;
  content: "";
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9d5bfe), to(#3890fe));
  background-image: linear-gradient(180deg, #9d5bfe 0%, #3890fe 100%);
  padding: 5px;
  width: 160px;
  height: 160px;
  top: -4px;
  left: 0px;
  position: absolute;
  z-index: -1;
}
.client-single .client-img img {
  width: 150px;
  border-radius: 50%;
  border: 8px solid #d1e9ff;
  cursor: pointer;
    height: 150px;
    object-fit: cover;
}
.client-single.active .client-img img {
  max-width: 160px;
  margin: 0 auto 24px;
  border: 0;
    object-fit: cover;
    height: 150px;
}

.client-comment {
  padding: 0 30px;
}
.client-comment h3 {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
.client-comment-tamil h3 {
  font-size: 13px;
}
.client-comment span i {
  font-size: 60px;
  color: #0084ff;
  margin: 40px 0 24px;
  display: inline-block;
}

.client-info h3 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 36px;
}
.client-info p {
  color: #0084ff;
  text-transform: uppercase;
}
.client-comment:nth-child(7) {
  font-size: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }

  .client-comment h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .client-single.active {
    width: 60%;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.35);
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.3) !important;
    transform: scale(0.3) !important;
  }

  .client-single.active .client-img img {
    max-width: 100px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 108px;
    height: 108px;
    top: -4px;
    left: 6px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 580px;
  }

  #testimonial-area {
    padding: 100px 0 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }

  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }

  .client-single.active {
    width: 60%;
  }

  .client-comment span i {
    font-size: 40px;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.55);
    transform: scale(0.35);
  }

  .client-single.position-5,
.client-single.position-7 {
    right: 0;
  }

  .client-single.position-4 {
    left: 0;
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.3) !important;
    transform: scale(0.3) !important;
  }

  .client-single.active .client-img img {
    max-width: 80px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 88px;
    height: 88px;
    top: -4px;
    left: 16px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 630px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }

  .client-single.active {
    width: 80%;
  }

  .client-comment span i {
    font-size: 40px;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
  }

  .client-single.position-5,
.client-single.position-7,
.client-single.position-6 {
    right: -70px;
  }

  .client-single.position-4 {
    left: -60px;
  }

  .client-single.position-3 {
    left: -75px;
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.25) !important;
    transform: scale(0.25) !important;
  }

  .client-single.active .client-img img {
    max-width: 80px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 88px;
    height: 88px;
    top: -4px;
    left: 16px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 600px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
  #testimonial-area .section-heading h2 {
    font-size: 30px;
  }

  .client-comment h3 {
    font-size: 14px;
    line-height: 26px;
  }

  .client-single.active {
    width: 80%;
  }

  .client-comment span i {
    font-size: 40px;
  }

  .client-single:not(.active) {
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
  }

  .client-single.position-5,
.client-single.position-7,
.client-single.position-6 {
    right: -70px;
  }

  .client-single.position-4 {
    left: -60px;
  }

  .client-single.position-3 {
    left: -75px;
  }

  .client-single.position-3,
.client-single.position-7 {
    -webkit-transform: scale(0.25) !important;
    transform: scale(0.25) !important;
  }

  .client-single.active .client-img img {
    max-width: 80px;
  }

  .client-single.active .client-img::before {
    padding: 5px;
    width: 88px;
    height: 88px;
    top: -4px;
    left: 16px;
  }

  .client-single.active .client-img {
    width: 120px;
    height: 100px;
  }

  .testi-wrap {
    height: 550px;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
	
section#testimonial-area {
	
    height: 100px;
}	
.client-single .client-img img {
    width: 210px;
	height: 210px;
}
.client-single.active .client-img img {
    max-width: 80px;
    height: 80px;
}
.testi-wrap {
    height: 750px;
}

.client-comment span i {
       margin: -6px 0 15px;
}
.client-comment h3 {
    line-height: 23px !important;
}
.client-info h3 {
    font-size: 26px;
}
.client-single.position-2 {
    top: 506px;
    left: -28px;
}
.client-single.position-3 {
    left: -99px;
    top: -25px;
}
.client-single.position-4 {
    left: -96px;
    top: 43px;
}
  
.client-single.position-5 {
    top: -61px;
    right: -27px;
}
.client-single.position-6 {
    top: 108px;
    left: -301px;
}
.client-single.position-7 {
    top: -64px;
    left: -218px !important;
}
.client-single.position-8 {
    top: 600px;
    right: 74px;
}
.client-single.position-9 {
    top: -64px;
    right: 37px;
}
.client-single.position-10 {
    top: 500px;
    right: 20px;
}
.client-single.position-11 {
    left: -100px;
    top: 175px;
}
.client-single.position-12 {
    right: -100px;
    top: 379px;
}
.client-single.position-13 {
    left: -103px;
    top: 250px;
}
.client-single.position-14 {
    left: -104px;
    top: 325px;
}
.client-single.position-15 {
    left: -97px;
    top: 403px;
}

.client-single.position-16 {
    left: 80px;
    top: 603px;
	
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.3) !important;
}
.client-single.position-17 {
    right: -88px;
    top: -45px;
}
.client-single.position-18 {
    left: -97px;
    top: 496px;
	
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.3) !important;
}
.client-single.position-19 {
    right: -96px;
    top: 19px;
}
.client-single.position-20 {
    left: -88px;
    top: 600px;
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.3) !important;
}
.client-single.position-21 {
    right: -86px;
    top: 600px;
}
.client-single.position-22 {
    right: -95px;
    top: 525px;
}
.client-single.position-23 {
    right: -98px;
    top: 453px;
}
.client-single.position-24 {
    right: -101px;
    top: 378px;
}
.client-single.position-25 {
    right: -96px;
    top: 300px;
}
.client-single.position-26 {
    right: -112px;
    top: 226px;
}
.client-single.position-27 {
    right: -243px;
    top: 160px;
}
.client-single.position-28 {
    right: -227px;
    top: 85px;
}


.client-single.position-29 {
    right: -269px;
    top: 85px;
}
.client-single.position-30 {
    right: -161px;
    top: 555px;
}

.client-single.position-31{
    left: -60px;
    top: 700px;
}
.client-single.position-32 {
    left: 59px;
    top: 700px;
}
.client-single.position-33 {
    left: 178px;
    top: 700px;
}
.client-single.position-34 {
    left: 186px;
    top: 824px;
}
.client-single.position-35 {
    left: -60px;
    top: 824px;
}
.client-single.position-36 {
    left: 64px;
    top: 824px;
}
.client-single.position-37 {
    left: -58px;
    top: 945px;
}
.client-single.position-38 {
    left: 66px;
    top: 945px;
}
.client-single.position-39 {
    left: 190px;
    top: 945px;
}
.client-single.position-40 {
    left: -59px;
    top: 1065px;
}


.client-single.position-41 {
    left: 62px;
    top: 1065px;
}
.client-single.position-42 {
    left: 181px;
    top: 1066px;
}
.client-single.position-43 {
    left: -60px;
    top: 1186px;
}
.client-single.position-44 {
    left: 62px;
    top: 1186px;
}
.client-single.position-45 {
    top: 1186px;
    right: -100px;
}
.client-single.position-46 {
    top: 1303px;
    left: -58px;
}
.client-single.position-47 {
    top: 1305px;
    left: 63px;
}
.client-single.position-48 {
    top: 1305px;
    left: 182px;
}
.client-single.position-49 {
    top: 1425px;
    left: -60px;
}
.client-single.position-50 {
    left: 60px;
    top: 1425px;
}






.testi-wrap .client-single:nth-child(7) .client-comment h3 {
    font-size: 10px !important;
    line-height: 14px !important;
}
.testi-wrap .client-single:nth-child(8) .client-comment h3 {
    font-size: 10px !important;
}	
.testi-wrap .client-single:nth-child(10) .client-comment h3 {
    font-size: 10px !important;
    line-height: 14px !important;
}
.testi-wrap .client-single:nth-child(13) .client-comment h3 {
    font-size: 10px !important;
}
.client-comment h3 {
       height: 200px !important;
    overflow-y: scroll;
}
}
  
}

.testi-wrap .client-single:nth-child(7) .client-comment h3{
    font-size: 15px;
}
.testi-wrap .client-single:nth-child(10) .client-comment h3{
    font-size: 15px;
}
.testi-wrap .client-single:nth-child(8) .client-comment h3{
    font-size: 15px;
}
.testi-wrap .client-single:nth-child(9) .client-comment h3{
    font-size: 15px;
}