body{
  background-image: url('Banner-01.png'); /* Replace with your image path */
  background-size: cover; /* Makes the image cover the entire area */
  /* background-repeat: no-repeat;
  background-position: center center; */
}
.body-bg {
  background-color: whitesmoke;
  color: #012d5c;
  font-family: Arial, Helvetica, sans-serif;
}

.test-page {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.loader,
.loader:before,
.loader:after {
  width: 20px;
  aspect-ratio: .5;
  display: grid;
  margin-left: auto;
  margin-right: auto;
  background: radial-gradient(rgb(9, 21, 48) 68%, rgba(253, 252, 252, 0) 72%) center/100% 50% no-repeat;
  animation: load 1.2s infinite linear calc(var(--_s, 0)*.4s);
  transform: translate(calc(var(--_s, 0)*150%));
}

.loader:before,
.loader:after {
  content: '';
  grid-area: 1/1;
}

.loader:before {
  --_s: -1;
}

.loader:after {
  --_s: 1;
}

@keyframes load {
  20% {
      background-position: top;
  }
  40% {
      background-position: bottom;
  }
  60% {
      background-position: center;
  }
}