/*loader css*/
.loading{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-60%, -50%);
    z-index: 999999999;
  }
  .loading::before,.loading::after{
    content: '';
    background-color: #000;
    position: absolute;
    border-radius: 50%;
    inset: 0;
  }
  .loading::before{
    --animation-delay:0ms;
  }
  .loading::after{
    background-color: red;
    transform: scale(0);
    inset: 5px;
    --animation-delay:500ms;
  }
  .loading::before,.loading::after{
    animation: scale 1s infinite;
    animation-delay: var(--animation-delay);
  }
  @keyframes scale{
    from{
      transform: scale(0);
      opacity: 1;
    }
    to{
      transform: scale(1);
      opacity: 0;
    }
  }



.loader_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999999999;
}
.loader_overlay .laoder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: inherit;
    height: inherit;
}
.loader_overlay .laoder img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    animation: loader 1s infinite linear;
}
@keyframes loader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.bg_gradient {
    background: #ED323D;
}