.loader-new {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index:99999;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #333333;
      opacity:0.9;
      transition: opacity 0.75s, visibility 0.75s;
    }
    
    .loader-new--hidden {
      opacity: 0;
      visibility: hidden;
    }

    .loader-new::after {
      content: "";
      width: 75px;
      height: 75px;
      border: 15px solid #dddddd;
      border-top-color: #009578;
      border-radius: 50%;
      animation: loading 0.75s ease infinite;
    }
    
    @keyframes loading {
      from {
        transform: rotate(0turn);
      }
      to {
        transform: rotate(1turn);
      }
    }