@keyframes moveRound {
  0% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }

  25% {
    background-color: #feddfc;
    left: 100px;
    top: 0px;
  }

  50% {
    background-color: #efe4ff;
    left: 100px;
    top: 100px;
  }

  75% {
    background-color: #e2fcf4;
    left: -24px;
    top: 200px;
  }

  100% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }
}
@-webkit-keyframes moveRound {
  0% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }

  25% {
    background-color: #feddfc;
    left: 100px;
    top: 0px;
  }

  50% {
    background-color: #efe4ff;
    left: 100px;
    top: 200px;
  }

  75% {
    background-color: #e2fcf4;
    left: -24px;
    top: 100px;
  }

  100% {
    background-color: #eee3ff;
    left: -24px;
    top: 0px;
  }
}
@keyframes moveShap {
  0% {
    left: 0px;
    top: 0px;
  }

  25% {
    left: 100px;
    top: 0px;
  }

  50% {
    left: 100px;
    top: 100px;
  }

  75% {
    left: 0px;
    top: 200px;
  }

  100% {
    left: 0px;
    top: 0px;
  }
}
@keyframes moveShap2 {
  0% {
    right: 230px;
    top: 85px;
  }

  25% {
    right: 100px;
    top: 85px;
  }

  50% {
    right: 100px;
    top: 100px;
  }

  75% {
    right: 230px;
    top: 200px;
  }

  100% {
    right: 220px;
    top: 100px;
  }
}


@-webkit-keyframes heartbeat {
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes heartbeat {
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes rotation {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulseBig {
  0% {
    box-shadow: 0 0 0 0 #f3f4fc;
  }

  70% {
    box-shadow: 0 0 0 20px rgba(1, 93, 199, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);
  }
}

@-webkit-keyframes BottomToTop {
  49% {
    -webkit-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}
@-moz-keyframes BottomToTop {
  49% {
    -moz-transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}
@keyframes BottomToTop {
  49% {
    transform: translateY(-100%);
  }

  50% {
    opacity: 0;
    transform: translateY(100%);
  }

  51% {
    opacity: 1;
  }
}

@-webkit-keyframes doublePulse {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes doublePulse {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}








:where([data-lb-section="logo-banner-yop"]) .client_logo_area {
  display: block;
  overflow: hidden;
  text-align: center;
  padding-top: 70px;
}
:where([data-lb-section="logo-banner-yop"]) .client_logo_area h6 {
  display: block;
  overflow: hidden;
  font: 400 18px/30px "Poppins", sans-serif;
  color: rgba(24, 24, 24, 0.8);
  padding-bottom: 35px;
}
:where([data-lb-section="logo-banner-yop"]) .client_logo_area .cl_slide {
  cursor: w-resize;
}
:where([data-lb-section="logo-banner-yop"]) .client_logo_area .cl_slide img {
  width: auto;
  margin: 0 auto;
}
:where([data-lb-section="logo-banner-yop"]) .client_logo_area .cl_slide .item {
  height: 85px;
  width: 100%;
  display: flex;
  align-items: center;
}



:where([data-lb-section="logo-banner-yop"]) .digital_modules {
  display: block;
  overflow: hidden;
  padding-top: 110px;
  padding-bottom: 50px;
}
:where([data-lb-section="logo-banner-yop"]) .digital_modules .reporting_img {
  float: right;
  position: relative;
  padding-bottom: 90px;
  padding-left: 30px;
  margin-right: 40px;
}
:where([data-lb-section="logo-banner-yop"]) .digital_modules .reporting_img img {
  max-width: 100%;
}




























@media (max-width: 991px) {
  :where([data-lb-section="logo-banner-yop"]) .digital_modules .reporting_img {
    margin: 0;
    padding-top: 50px;
    float: none;
  }
}
@media (max-width: 767px) {

  :where([data-lb-section="logo-banner-yop"]) .pf_2 {
    padding-top: 30px;
  }
}