/*--------------------------------------------------------------
    Loader 3
--------------------------------------------------------------*/

.loader3 { background-color: var(--wdtBodyBGColor) !important; height: 100%; width: 100vw; z-index: 99999; position: fixed;
  -webkit-transform: translateY(0%); user-select: none; transform: translateY(0%); transition: transform 375ms cubic-bezier(0.7, 0, 0.3, 1); }

.loader3 .loader-counter-3 { flex-direction: column; padding: 30px;
  position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.loader3 .loader-counter-3 .loader { display: flex; pointer-events: none; user-select: none; }
.loader3 .loader-counter-3 .loader > h4 { font-size: clamp(1.875rem, 0.8654rem + 4.4872vw, 6.25rem);/*30-100*/ display: inline-block;
  /*-webkit-text-stroke: 1px var(--wdtBorderColor);*/ position: relative; text-transform: uppercase; line-height: 0.7; letter-spacing: normal;
  
  background-image: linear-gradient(180deg, currentColor 0%, currentColor 100%); 
  background-repeat: no-repeat; background-position: 0% 100%; background-size: 100% 100%; text-align: center; 
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: var(--wdtFontWeight_Alt);
  
  margin: 0; translate: none; rotate: none; scale: none; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; 
  -webkit-animation: animation-txt 2.5s cubic-bezier(0.72, 0, 0.18, 1) infinite; animation: animation-txt 2.5s cubic-bezier(0.72, 0, 0.18, 1) infinite;
} 

.loader3 .loader-counter-3 .loader > h4:nth-child(1) { animation-delay: 30ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(2) { animation-delay: 60ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(3) { animation-delay: 90ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(4) { animation-delay: 120ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(5) { animation-delay: 150ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(6) { animation-delay: 180ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(7) { animation-delay: 210ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(8) { animation-delay: 240ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(9) { animation-delay: 270ms; }
.loader3 .loader-counter-3 .loader > h4:nth-child(10) { animation-delay: 300ms; }

@keyframes animation-txt {
  0% { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
  20% { transform: translate3d(0px,0px,0px) scale(1,0.6862) translate(0%,-0.4549%); -webkit-transform: translate3d(0px,0px,0px) scale(1,0.6862) translate(0%,-0.4549%); }
  30% { transform: translate(0%,-14.8549%) scale(1,1.4862); -webkit-transform: translate(0%,-14.8549%) scale(1,1.4862); }
  35% { transform: translate(0%,0%) scale(1,0.9); -webkit-transform: translate(0%,0%) scale(1,0.9); }
  40% { transform: translate(0%,0%) scale(1,1.15); -webkit-transform: translate(0%,0%) scale(1,1.15); }
  45% { transform: translate(0%,0%) scale(1,0.95); -webkit-transform: translate(0%,0%) scale(1,0.95); color: var(--wdtSecondaryColor); }
  50% { transform: translate(0%,0%) scale(1,1.1); -webkit-transform: translate(0%,0%) scale(1,1.1); }
  55% { transform: translate(0%,0%) scale(1,0.95); -webkit-transform: translate(0%,0%) scale(1,0.95); }
  60% { transform: translate(0%,0%) scale(1,1); -webkit-transform: translate(0%,0%) scale(1,1); }
  100% { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
}

@-webkit-keyframes animation-txt {
  0% { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
  20% { transform: translate3d(0px,0px,0px) scale(1,0.6862) translate(0%,-0.4549%); -webkit-transform: translate3d(0px,0px,0px) scale(1,0.6862) translate(0%,-0.4549%); }
  30% { transform: translate(0%,-14.8549%) scale(1,1.4862); -webkit-transform: translate(0%,-14.8549%) scale(1,1.4862); }
  35% { transform: translate(0%,0%) scale(1,0.9); -webkit-transform: translate(0%,0%) scale(1,0.9); }
  40% { transform: translate(0%,0%) scale(1,1.15); -webkit-transform: translate(0%,0%) scale(1,1.15); }
  45% { transform: translate(0%,0%) scale(1,0.95); -webkit-transform: translate(0%,0%) scale(1,0.95); }
  50% { transform: translate(0%,0%) scale(1,1.1); -webkit-transform: translate(0%,0%) scale(1,1.1); color: var(--wdtSecondaryColor); }
  55% { transform: translate(0%,0%) scale(1,0.95); -webkit-transform: translate(0%,0%) scale(1,0.95); }
  60% { transform: translate(0%,0%) scale(1,1); -webkit-transform: translate(0%,0%) scale(1,1); }
  100% { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
}