*{
    margin: 0;
    padding: 0;
  }
  

  .loading{
    width: 80px;
    display: flex;
    flex-wrap: wrap;
    animation: rotate 3s linear infinite;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  
  #loader_div {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divPI {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divFB {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divEB {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divCE {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divWE {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divVW {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divLD {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divOI {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divLP {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 50vh; /* Make it full height of the viewport */
  }

  #loader_divLANDING {
    display: flex; /* Use flexbox */
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 20vh; /* Make it full height of the viewport */
    margin-bottom: 500px !important;
  }

  #redirectText {
    animation: waveAnimation 2s infinite;
}
  @keyframes rotate{
    to{
      transform: rotate(360deg);
    }
  }
  
  .loading span{
    width: 32px;
    height: 32px;
    background-color: red;
    margin: 3px;
    animation: scale 1.5s linear infinite;
  }
  
  @keyframes scale{
    50%{
      transform: scale(1.2);
    }
  }
  
  .loading span:nth-child(1){
    border-radius: 50% 50% 0 50%;
    background-color: #000000;
    transform-origin: bottom right;
  }
  
  .loading span:nth-child(2){
    border-radius: 50% 50% 50% 0;
    background-color: #1A4798;
    transform-origin: bottom left;
    animation-delay: .5s;
  }
  
  .loading span:nth-child(3){
    border-radius: 50% 0 50% 50%;
    background-color: #ED1C24;
    transform-origin: top right;
    animation-delay: 1.5s;
  }
  
  .loading span:nth-child(4){
    border-radius: 0 50% 50% 50%;
    background-color: #F4C027;
    transform-origin: top left;
    animation-delay: 1s;
  }