/* [project]/src/app/(WebApp)/webapp.css [app-client] (css) */
.urdu-text {
  vertical-align: middle;
  line-height: 2.2;
  display: inline-block;
}

/* [project]/src/styles/Discountpopup.css [app-client] (css) */
@keyframes dp-cinematic {
  0% {
    opacity: 0;
    transform: scale(.75)rotateZ(0);
  }

  10% {
    opacity: 1;
    transform: scale(1.08)rotateZ(0);
  }

  18% {
    transform: scale(1)rotateZ(-5deg);
  }

  26% {
    transform: scale(1)rotateZ(5deg);
  }

  33% {
    transform: scale(1)rotateZ(-3.5deg);
  }

  40% {
    transform: scale(1)rotateZ(2.5deg);
  }

  46% {
    transform: scale(1)rotateZ(0);
  }

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

@keyframes dp-shimmer {
  0% {
    opacity: 0;
    transform: translateY(250%);
  }

  46% {
    opacity: 0;
    transform: translateY(250%);
  }

  50% {
    opacity: 1;
    transform: translateY(180%);
  }

  73% {
    opacity: 1;
    transform: translateY(-80%);
  }

  98% {
    opacity: .6;
    transform: translateY(-250%);
  }

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

.dp-wrapper {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.dp-text {
  transform-origin: center;
  z-index: 1;
  white-space: nowrap;
  color: #ff781b;
  animation: 4s ease-out infinite dp-cinematic;
  display: block;
  position: relative;
}

.dp-wrapper:after {
  content: "";
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(#0000 0%, #fff0 15%, #ffffff73 38%, #ffffffbf 50%, #ffffff73 62%, #fff0 85%, #0000 100%);
  height: 160%;
  animation: 4s linear infinite dp-shimmer;
  position: absolute;
  top: 100%;
  left: -10%;
  right: -10%;
}

/*# sourceMappingURL=src_f21979a1._.css.map*/