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

/* Loader Alignment */
.pre-loader { width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 999991; background-color: var(--wdtBodyBGColor); }
.loader-inner { width: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.loader3-inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

/* Loader Style */
.loader3-inner .wdt-first-stop-color { stop-color: var(--wdtTertiaryColor); stop-opacity: 1; }
.loader3-inner .wdt-second-stop-color { stop-color: var(--wdtSecondaryColor); stop-opacity: 1; }
.loader3-inner svg { overflow: visible; width: clamp(3.75rem, 3.1731rem + 2.5641vw, 6.25rem); /* 60px to 100px */ height: 150px; }
.loader3-inner svg g { animation: slide-loader 2s linear infinite; }
.loader3-inner svg g:nth-child(2) { animation-delay: 0.5s; }
.loader3-inner svg g:nth-child(2) path { animation-delay: 0.5s; stroke-dasharray: 0px 158px; stroke-dashoffset: 1px; }
.loader3-inner svg path { stroke: url(#wdt-loader-gradient-color); stroke-width: 20px; stroke-linecap: round; fill: none; stroke-dasharray: 0 157px; stroke-dashoffset: 0; animation: moveing-loader 2s cubic-bezier(0.8, 0, 0.2, 1) infinite; }

@keyframes slide-loader { 0% { transform: translateY(-50px); } 100% { transform: translateY(50px); } }
@keyframes moveing-loader { 0% { stroke-dasharray: 0 157px; stroke-dashoffset: 0; } 50% { stroke-dasharray: 157px 157px; stroke-dashoffset: 0; } 100% { stroke-dasharray: 157px 157px; stroke-dashoffset: -156px; } }
@keyframes hiding-loader { 0% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; display: none; } }