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

    .pre-loader {
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999991; 
        background-color: #fff;
    }

    .loader-inner {
        padding: 25px;
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: center;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .pre-loader.loader1 .loader-inner .loader-content {
        display: inline-block;
        width: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); /*60px - 40px*/
        height: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); /*60px - 40px*/
        position: relative;
    }

    .pre-loader.loader1 .loader-inner .loader-content:before,
    .pre-loader.loader1 .loader-inner .loader-content:after {
        content: "";
        width: inherit;
        height: inherit;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 2px solid var(--wdtPrimaryColor);
        border-radius: var(--wdtRadius_1X);
        -webkit-border-radius: var(--wdtRadius_1X);
        animation: wdt-box-loader 1400ms ease-in-out infinite;
        -webkit-animation: wdt-box-loader 1400ms ease-in-out infinite;
    }

    .pre-loader.loader1 .loader-inner .loader-content:after {
        animation-delay: 700ms;
        -webkit-animation-delay: 700ms;
    }

    @keyframes wdt-box-loader {
            0%,100% { transform: scale(0.4); -webkit-transform: scale(0.4); opacity: 0; }
            50% { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
        }

    @-webkit-keyframes wdt-box-loader {
        0%,100% { transform: scale(0.4); -webkit-transform: scale(0.4); opacity: 0; }
        50% { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
    }


/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

    .pre-loader { background-color: var(--wdtBodyBGColor); }