.loader-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  z-index: 100000000;
}

.loader-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 40px 42px;
  border: solid 1px #eaeaea;
  background-color: #fff;
  border-radius: 16px;
  box-shadow:
    0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.loader-image-box {
  width: 203px;
  height: 82px;
  overflow: hidden;
}

.loader-logo-wrapper{
  background-color:   #0B1226;
  padding:12px 16px;
  border-radius:16px ;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-image {
  width: 152px;
  height: 54px;
}

.loader-indicator {
  width: 100px;
  padding: 0 5px 8px 0;
  background: repeating-linear-gradient(90deg, #2B3246 0 8%, #0000 0 10%) 200% 100%/200% 6px
    no-repeat;
  animation: loader-animation 2s steps(6) infinite;
}

@keyframes loader-animation {
  to {
    background-position: 80% 100%;
  }
}