/*--------------------------------------------------------------
        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-text {
        display: inline-block;
        font-size: 0;
        width:clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem);
        height:clamp(3.125rem, 2.4283rem + 3.1847vw, 6.25rem);
        border-radius:var(--wdtRadius_Full);
        position:relative;
    }
    .loader-text:before {
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        background:var(--wdtPrimaryColor);
        backdrop-filter:blur(10px);
        border-radius:inherit;
        border:1px solid rgba(var(--wdtAccentTxtColorRgb),0.6);
        box-shadow:0 15px 30px -10px rgba(var(--wdtHeadAltColorRgb),0.2), inset 0 15px 30px 0px rgba(var(--wdtAccentTxtColorRgb),0.5);
        inset:0;
        margin:auto;
        -webkit-animation: move-left 1.5s linear infinite;
        animation: move-left 1.5s linear infinite;
    }
    .loader-text:after {
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        background:radial-gradient(circle,transparent 0%, rgba(var(--wdtQuaternaryColorRgb),0.5) 100%);
        backdrop-filter:blur(10px);
        border-radius:inherit;
        border:1px solid rgba(var(--wdtAccentTxtColorRgb),0.3);
        box-shadow:15px 0px 30px -10px rgba(var(--wdtPrimaryColorRgb),0.06), inset 0 -15px 30px -10px rgba(var(--wdtPrimaryColorRgb),0.45);
        inset:0;
        margin:auto;
        -webkit-animation: move-right 1.5s linear infinite;
        animation: move-right 1.5s linear infinite;
    }
    @keyframes move-left {
        0%{ -webkit-transform:translateX(-40%); transform:translateX(-40%); }
        50%{ -webkit-transform:translateX(40%); transform:translateX(40%); }
        100%{ -webkit-transform:translateX(-40%); transform:translateX(-40%); }
    }
    @keyframes move-right {
        0%{ -webkit-transform:translateX(40%); transform:translateX(40%); }
        50%{ -webkit-transform:translateX(-40%); transform:translateX(-40%); }
        100%{ -webkit-transform:translateX(40%); transform:translateX(40%); }
    }


    /*--------------------------------------------------------------
    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) {

    }