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

.loader3 { background-color: var(--wdtTertiaryColor) !important; height: 100%; width: 100vw; z-index: 99999; position: fixed;
pointer-events: none; -webkit-transform: translateY(0%); 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:before,  */
.loader3 .loader-counter-3:after { 
background-image: linear-gradient(45deg, rgba(var(--wdtPrimaryColorRgb), 0.1),rgba(var(--wdtPrimaryColorRgb), 0.1));
content: ""; position: absolute; /*top: 0; right: 0; left: 0; bottom: 0;*/ width: var(--width); height: 100%; }
/* .loader3 .loader-counter-3:before { margin-right: auto; margin-left: 0; } */
/* .loader3 .loader-counter-3:after { margin-right: 0; margin-left: auto; } */

.loader3 .loader-counter-3 span { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt);
position: relative; color: var(--wdtPrimaryColor); font-size: clamp(2.5rem, 1.7788rem + 3.2051vw, 5.625rem); line-height: 1; margin-bottom: 10px; }


/* loader Process-bar */

.loader3 .loader-counter-3 span ~ div.loader-text { position: relative; width: 100%; max-width: 400px; }
.loader3 .loader-counter-3 span ~ div.loader-text:after { content: ""; position: absolute; width: 100%;  margin: auto;
background-image: linear-gradient(0deg, var(--wdtBorderColor) 0%, var(--wdtBorderColor) 100% ); opacity: 0.3; height: 2px; 
top: 0; right: 0; left: 0; bottom: 0; }

.loader3 .loader-counter-3 span ~ div.loader-text:before { content: ""; position: absolute; width: var(--width);  margin: auto;
background-image: linear-gradient(0deg, var(--wdtPrimaryColor) 0%, var(--wdtPrimaryColor) 100% ); opacity: 1; height: 2px; 
top: 0; left: 0; bottom: 0; }



.loader3 .loader-counter-3 span {
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Alt);
    line-height: var(--wdtLineHeight_Alt);
    position: relative;
    color: var(--wdtTertiaryColor);
    font-size: clamp(2.5rem, 1.7788rem + 3.2051vw, 5.625rem);
    line-height: 1;
    margin-bottom: 10px;
    font-size: clamp(2.5rem, 0.5rem + 10vw, 12.5rem);
    text-shadow: 0 0 2px var(--wdtHeadAltColor);
}
.loader3 .loader-counter-3 span ~ div.loader-text {
    position: relative;
    width: 100%;
    max-width: 600px;
    transform: translateY(-100px);
    z-index: -1;
    display: none;
}

.loader3 .loader-counter-3 span ~ div.loader-text:after {
    content: "";
    position: absolute;
    width: 100%;
    margin: auto;
    background-image: linear-gradient(0deg, var(--wdtBorderColor) 0%, var(--wdtBorderColor) 100% );
    opacity: 0.3;
    height: 6px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 3px;
    display: none;
}
.loader3 .loader-counter-3:after {
    background-image: linear-gradient(45deg, rgba(var(--wdtTertiaryColorRgb), 0.1),rgba(var(--wdtTertiaryColorRgb), 0.1));
    content: "";
    position: absolute;
    width: var(--width);
    height: calc(var(--width) * 2);
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    display: none;
}