r: rgba(0, 0, 0, 0.5);
        z-index: 1;
      }

      .loader--hidden{
        opacity: 0;
        visibility: hidden;
      }

      .loader::after{
        content: "";
        width: 55px;
        height: 55px;
        border: 12px solid #dddddd;
        border-top-color: #00B39F;
        border-radius: 50%;
        animation: loading 0.75s ease infinite;
      }

      @keyframes loading {
        from { transform: rotate(0turn)}
        to { transform: rotate(1turn)}
      }


      


   
    </st