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

    .wdt-loader{
        display: inline-flex;
        font-size: clamp(7.5rem, 6.2535rem + 4.1638vw, 11.25rem);
        color: var(--wdtPrimaryColor);
        font-weight: var(--wdtFontWeight_Base);
        position: relative;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    .wdt-cube-loader {
  width: 100px;
  height: 100px;
  position: relative;
  transform-style: preserve-3d;
  animation: spinCubes 2s linear infinite;
}
@keyframes spinCubes {
  to {
    transform: rotateY(360deg) rotateX(360deg);
  }
}
.wdt-cube {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 4px solid var(--wdtPrimaryColor);
  transform-style: preserve-3d;
}
.wdt-cube:nth-child(2) {
  transform: rotateY(45deg) rotateX(45deg) scale(0.8);
}
.wdt-cube:nth-child(3) {
  transform: rotateY(90deg) rotateX(90deg) scale(0.6);
  border-color: rgb(var(--wdtPrimaryColorRgb),0.5);
}

.wdt-loader-text {
     font-size: var(--wdtFontSize_H6);
    font-weight: var(--wdtFontWeight_Base);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--wdtPrimaryColor);
    display: flex;
    justify-content: center;
    font-family: var(--wdtFontTypo_Alt);
    margin-top: 40px;
}

.wdt-loader-text span {
  display: inline-block;
  animation: charFloat 1.4s ease-in-out infinite;
  opacity: 0;
}

.wdt-loader-text span:nth-child(1)  { animation-delay: 0.00s; }
.wdt-loader-text span:nth-child(2)  { animation-delay: 0.07s; }
.wdt-loader-text span:nth-child(3)  { animation-delay: 0.14s; }
.wdt-loader-text span:nth-child(4)  { animation-delay: 0.21s; }
.wdt-loader-text span:nth-child(5)  { animation-delay: 0.28s; }
.wdt-loader-text span:nth-child(6)  { animation-delay: 0.35s; }
.wdt-loader-text span:nth-child(7)  { animation-delay: 0.42s; }
.wdt-loader-text span:nth-child(8)  { animation-delay: 0.49s; }
.wdt-loader-text span:nth-child(9)  { animation-delay: 0.56s; }
.wdt-loader-text span:nth-child(10) { animation-delay: 0.63s; }

@keyframes charFloat {
  0%   { opacity: 0; transform: translateY(6px); }
  30%  { opacity: 1; transform: translateY(0); }
  70%  { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-6px); }
}




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

    .pre-loader { background-color: var(--wdtBodyBGColor); }
    .loader-text { background-image: linear-gradient(to right, var(--wdtPrimaryColor) 10%, var(--wdtHeadAltColor) 50%, var(--wdtPrimaryColor) 60%); }


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

    }