/*--------------------------------------------------------------
    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 svg {
        width: clamp(6.25rem, 5rem + 6.25vw, 12.5rem); /*200px - 100px*/
        height: auto;
        fill: var(--wdtPrimaryColor);
    }

    .pre-loader.loader1 .loader-inner svg path {
        animation: loader-sink-animation 0.6s ease-in-out infinite;
        -webkit-animation: loader-sink-animation 0.6s ease-in-out infinite;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(1) {
        animation-delay: 0.1s;
        -webkit-animation-delay: 0.1s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(2) {
        animation-delay: 0.2s;
        -webkit-animation-delay: 0.2s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(3) {
        animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(4) {
        animation-delay: 0.4s;
        -webkit-animation-delay: 0.4s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(5) {
        animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(6) {
        animation-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(7) {
        animation-delay: 0.7s;
        -webkit-animation-delay: 0.7s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(8) {
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
    }

    .pre-loader.loader1 .loader-inner svg path:nth-child(9) {
        animation-delay: 0.9s;
        -webkit-animation-delay: 0.9s;
    }

    @keyframes loader-sink-animation {
        0% {
            transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform-origin: center;
            -webkit-transform-origin: center;
        }
    
        50% {
            transform: scaleY(0.6);
            -webkit-transform: scaleY(0.6);
            transform-origin: center;
            -webkit-transform-origin: center;
        }
    
        100% {
            transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform-origin: center;
            -webkit-transform-origin: center;
        }
    }

    @-webkit-keyframes loader-sink-animation {
        0% {
            transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform-origin: center;
            -webkit-transform-origin: center;
        }
    
        50% {
            transform: scaleY(0.6);
            -webkit-transform: scaleY(0.6);
            transform-origin: center;
            -webkit-transform-origin: center;
        }
    
        100% {
            transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform-origin: center;
            -webkit-transform-origin: center;
        }
    }



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

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