/*--------------------------------------------------------------
    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%);
    }

    .loader-inner .loader-svg  {
        font-size: clamp(9.375rem, 8.125rem + 6.25vw, 15.625rem); /* 250 - 150 */
    }

    .loader-inner .loader-svg .wdt-loader-leaf-01 {
        animation: wdt-loader-leaf-01 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
        -webkit-animation: wdt-loader-leaf-01 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
        transform: translateX(20px) translateY(6px);
        -webkit-transform: translateX(20px) translateY(6px);
        opacity: 0;
    }


    .loader-inner .loader-svg .wdt-loader-leaf-02 {
        animation: wdt-loader-leaf-02 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
        -webkit-animation: wdt-loader-leaf-02 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
        transform: translateX(-30px) translateY(10px);
        -webkit-transform: translateX(-30px) translateY(10px);
        opacity: 0;
    }

    @keyframes wdt-loader-leaf-01 {
        0% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 0; }
        1% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 1; }
        25% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        50% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        70% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        99% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 1; }
        100% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 0; }
    }

    @-webkit-keyframes wdt-loader-leaf-01 {
        0% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 0; }
        1% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 1; }
        25% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        50% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        70% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        99% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 1; }
        100% { transform: translateX(20px) translateY(6px); -webkit-transform: translateX(20px) translateY(6px); opacity: 0; }
    }

    @keyframes wdt-loader-leaf-02 {
        0% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 0; }
        15% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 0; }
        26% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 1; }
        45% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        70% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        99% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 1; }
        100% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 0; }
    }

    @-webkit-keyframes wdt-loader-leaf-02 {
        0% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 0; }
        15% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 0; }
        26% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 1; }
        45% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        70% { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
        99% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 1; }
        100% { transform: translateX(-30px) translateY(10px); -webkit-transform: translateX(-30px) translateY(10px); opacity: 0; }
    }


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

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


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

    /*----*****---- << Mobile (Landscape) >> ----*****----*/

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    }


    /* Common Styles for the devices below 479px width */

    @media only screen and (max-width: 479px) {

    }