/* HTML: <div class="loader"></div> */
.loader1 {
    width: 40px;
    aspect-ratio: 1;
    display: grid;
  }
  .loader1::before,
  .loader1::after {
    content: "";
    grid-area: 1/1;
    background: #25b09b;
    clip-path: polygon(0 0,50% 50%, 0 100%);
    animation: l11 2s infinite;
  }
  .loader1::after {
    animation-delay: -1.5s;
    --s:90deg;
  }
  @keyframes l11 {
      0%,12.5%    {transform:rotate(var(--s,0deg)) rotate(0deg)}
      37.5%,62.5% {transform:rotate(var(--s,0deg)) rotate(-180deg)}
      87.5%,100%  {transform:rotate(var(--s,0deg)) rotate(-360deg)}
  }

  .loaderouter {
    width: 100%;
    height: 100vh;
    z-index: 1000000000;
     position: fixed;
    background: #ffffff38;
     display: none;
     align-items: center;
     justify-content: center;
     top: 0;
 }