/*-----------------------------Client-Logos---------------------------*/

.client-section{
  overflow: hidden;
}

.client-section .client-section-card {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.client-section i {
  position: relative;
  top: 50px;
}

.client-section .client-section-card h5 {
  color: #000;
  font-weight: 700;
  font-size: 50px;
  line-height: 66px;
}

.client-section .client-section-card p {
  font-size: 16px;
  color: #000;
  line-height: 28px;
  width: 74%;
  margin: 0 auto 25px;
  justify-content: center;
  display: flex;
}

.client-section {
  height: 1000px;
  margin-bottom: 20px;
  background-size: contain;
  padding: 220px 50px 0px 50px;
  position: relative;
}

.client-section .client-section-card .bl_bg_btn.unlock-btn {
  width: 231px;
}

.bl_bg_btn {
  background-color: #0c8ce9;
  color: #fff;
  width: 160px;
  height: 50px;
  border-radius: 36px;
  border: 1px solid #fff;
  font-size: 14px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}

.bl_bg_btn.unlock-btn:hover img {
  transition: all 0.3s linear;
  transform: translateX(163px);
  -webkit-transform: translateX(163px);
  -moz-transform: translateX(163px);
  -ms-transform: translateX(163px);
  -o-transform: translateX(163px);
}

.bl_bg_btn:hover span {
  position: relative;
  left: -40px;
  transition: 0.5s;
  color: #ffffff;
}

.client-section .client-section-card .bl_bg_btn.unlock-btn:hover {
  text-decoration: none;
}

.bl_bg_btn img {
  width: 20px;
  margin-right: 17px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(158deg) brightness(101%) contrast(100%);
}

.trigger-section {
  position: relative;
}

.trigger-section img {
  width: 94px;
  transition: transform 2s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(50%, 50%):
}

.img-1.move {
  transform: translate(-852%, -130%);
}

.img-2.move {
  transform: translate(-681px, -122px);
}

.img-3.move {
  transform: translate(-598%, -66%);
}

.img-4.move {
  transform: translate(-470%, 134%);
}

.img-5.move {
  transform: translate(-596%, 61%);
}

.img-6.move {
  transform: translate(-724%, -3%);
}

.img-7.move {
  transform: translate(-852%, -3%);
}

.img-8.move {
  transform: translate(-851%, 134%);
}

.img-9.move {
  transform: translate(-725%, 133%);
}

.img-10.move {
  transform: translate(-596%, 187%);
}

.img-11.move {
  transform: translate(-468%, 260%);
}

.img-12.move {
  transform: translate(-598%, 316%);
}

.img-13.move {
  transform: translate(-724%, 262%);
}

.img-14.move {
  transform: translate(-853%, 262%);
}

.img-15.move {
  transform: translate(-853%, 392%);
}

.img-16.move {
  transform: translate(-853%, 514%);
}

.img-17.move {
  transform: translate(-725%, 396%);
}

.img-18.move {
  transform: translate(-724%, 518%);
}

.img-19.move {
  transform: translate(-595%, 448%);
}

.img-20.move {
  transform: translate(-596%, 570%);
}

.img-21.move {
  transform: translate(-724%, 653%);
}

.img-22.move {
  transform: translate(-852%, 646%);
}

.img-23.move {
  transform: translate(-470%, 400%);
}

.img-24.move {
  transform: translate(734%, -4%);
}

.img-25.move {
  transform: translate(734%, 124%);
}

.img-26.move {
  transform: translate(734%, -130%);
}

.img-27.move {
  transform: translate(734%, 384%);
}

.img-28.move {
  transform: translate(606%, 126%);
}

.img-29.move {
  transform: translate(350%, 112%);
}

.img-30.move {
  transform: translate(350%, 239%);
}

.img-31.move {
  transform: translate(350%, 369%);
}

.img-32.move {
  transform: translate(478%, 571%);
}

.img-33.move {
  transform: translate(478%, 449%);
}

.img-34.move {
  transform: translate(478%, 317%);
}

.img-35.move {
  transform: translate(478%, 187%);
}

.img-36.move {
  transform: translate(478%, 59%);
}

.img-37.move {
  transform: translate(478%, -66%);
}

.img-38.move {
  transform: translate(607%, -130%);
}

.img-39.move {
  transform: translate(606%, -1%);
}

.img-40.move {
  transform: translate(606%, 251%);
}

.img-41.move {
  transform: translate(606%, 384%);
}

.img-42.move {
  transform: translate(606%, 508%);
}

.img-43.move {
  transform: translate(606%, 652%);
}

.img-44.move {
  transform: translate(734%, 653%);
}

.img-45.move {
  transform: translate(734%, 507%);
}

.img-46.move {
  transform: translate(734%, 252%);
}