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

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

    .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 { font-size: clamp(9.375rem, 8.125rem + 6.25vw, 15.625rem); /*250px - 150px*/ }

    .pre-loader.loader1 .loader-inner svg path.wdt-loader-01,
    .pre-loader.loader1 .loader-inner svg path.wdt-loader-02 {
        animation: wdt-loader-01 1.2s linear infinite; -webkit-animation: wdt-loader-01 1.2s linear infinite;
        transform-origin: center; -webkit-transform-origin: center;
    }
    
    @keyframes wdt-loader-01 {
        0% { transform: rotate(0); -webkit-transform: rotate(0); }
        100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
    }

    @-webkit-keyframes wdt-loader-01 {
        0% { transform: rotate(0); -webkit-transform: rotate(0); }
        100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
    }

    .pre-loader.loader1 .loader-inner svg path.wdt-loader-02 { animation-direction: reverse; -webkit-animation-direction: reverse; }

    /* @keyframes wdt-loader-02 {
        0% { transform: rotate(0); -webkit-transform: rotate(0); }
        100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); }
    }

    @-webkit-keyframes wdt-loader-02 {
        0% { transform: rotate(0); -webkit-transform: rotate(0); }
        100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); }
    } */



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

    .pre-loader.loader1 { background-color: rgb(12, 12, 12); }