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

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

    .loader-inner { display: flex; align-items: center; justify-content: center; 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-family: var(--wdtFontTypo_Alt); font-size: clamp(2.5rem, 2.2776rem + 1.227vw, 3.75rem); /*60px - 40px*/ font-weight: bold; 
        line-height: normal; text-transform: capitalize; color: var(--wdtHeadAltColor); }

    /*----*****---- << Loader Icon >> ----*****----*/

    .loader-icon { width: 100%; max-width: fit-content; height: 100%; font-size: clamp(3.75rem, 3.3052rem + 2.454vw, 6.25rem); /*100px - 60px*/ display: flex; 
        justify-content: center; align-items: center; margin: 0 clamp(0.5rem, 0.4222rem + 0.4294vw, 0.9375rem) 0 0; /*15px - 8px*/ }

    @-webkit-keyframes glow { 
          0% { box-shadow: 0 0 0 .2em var(--wdtTertiaryColor), 0 0 0 .2em var(--wdtTertiaryColor); -webkit-transform:rotate(0deg); } 
         35% { border-top-color: var(--wdtTertiaryColor);-webkit-transform:rotate(1deg); } 
         70% { -webkit-transform:rotate(-1deg); } 
        100% { box-shadow:0 0 0 .3em var(--wdtTertiaryColor), 0 0 0 1em transparent;-webkit-transform:rotate(0deg); } }
 
    @keyframes glow { 
          0% { box-shadow: 0 0 0 .2em var(--wdtTertiaryColor), 0 0 0 .2em var(--wdtTertiaryColor); -webkit-transform:rotate(0deg); } 
         35% { border-top-color: var(--wdtTertiaryColor);-webkit-transform:rotate(1deg); } 
         70% { -webkit-transform:rotate(-1deg); } 
        100% { box-shadow:0 0 0 .3em var(--wdtTertiaryColor), 0 0 0 1em transparent;-webkit-transform:rotate(0deg); } }

    .loader-icon .loader-fan { 
        animation-name: spin; animation-duration: 8s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.1, 0.7, 1.0, 0.1); transform-origin: center; }

    @-webkit-keyframes spin { 0% { transform: rotate(0deg) scale(1.05); } 100% { transform: rotate(-3600deg) scale(1.05); } }
    @keyframes spin { 0% { transform: rotate(0deg) scale(1.05); } 100% { transform: rotate(-3600deg) scale(1.05); } }


    /* .loader-icon .loader-roler .loader-roler-1 { animation: rotate 2s infinite; transform-origin: 50px; }
    .loader-icon .loader-roler .loader-roler-2 { animation: rotate2 2s infinite; transform-origin: 50px; }
    .loader-icon .loader-roler .loader-roler-3 { animation: rotate3 2s infinite; transform-origin: 50px 50px; }
    
    @-webkit-keyframes rotate { 0% {transform: rotate(0);} 50% {} 100% {transform: rotate(360deg);} }
    @keyframes rotate { 0% {transform: rotate(0);} 50% {} 100% {transform: rotate(360deg);} }
    
    @-webkit-keyframes rotate2 { 0% {transform: rotate(0deg);} 50% {transform: rotate(-120deg);} 100% {transform: rotate(-320deg);} }
    @keyframes rotate2 { 0% {transform: rotate(0deg);} 50% {transform: rotate(-120deg);} 100% {transform: rotate(-320deg);} }
    
    @-webkit-keyframes rotate3 { 0% {transform: rotate(0deg);} 50% {transform: rotate(220deg);} 100% {transform: rotate(360deg);} }
    @keyframes rotate3 { 0% {transform: rotate(0deg);} 50% {transform: rotate(220deg);} 100% {transform: rotate(360deg);} } */


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

}