/*-----------------------------------------
    ## Preloader Css
-------------------------------------------*/
.pre-wrap {
    position: fixed;
    content: "";
    transform: translate(-100%, -240%);
    font-size: 62px;
  }
  
  .preloader-inner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999999999;
    background-color: #030724;
    width: 100%;
    height: 100%;
  }
  .spinner {
    margin: 400px auto;
    width: 60px;
    height: 60px;
    text-align: center;
    display: flex;
    animation: sk-rotate 2s infinite linear;
}
  
  .dot1, .dot2, .dot3, .dot4 {
    width: 60%;
    height: 60%;
    display: inline-block;
    background-color: #FE354D;
    border-radius: 100%;
    animation: sk-bounce 2s infinite ease-in-out;
}
  
  .dot2 {
    animation-delay: -1s;
  }
  .dot3 {
    animation-delay: -4s;
  }
  .dot4 {
    animation-delay: -7s;
  }
  @keyframes sk-bounce {
    0%, 100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
    50% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }