.page-loaders {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    perspective: 1000px;
    z-index: 9999;
  }

  .rotate-x-loader {
    width: 120px;
    height: 120px;
    animation: rotateY3D 1.2s linear infinite;
    transform-style: preserve-3d;
  
  }
  .loading-center {
    color: #1458bf;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
  @keyframes rotateY3D {
    from { transform: rotateY(0deg); }
    to   { transform: rotateY(360deg); }
  }