.loader {
    position: relative;  
  }
  .loader span {
    position: absolute;
    color: #fff;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    /*font-size: 38px;*/
    font-size: clamp(12px, 4vw, 40px);
    letter-spacing: 5px;
    /*width:20ch;*/ 
    width:max-content;
        text-transform: capitalize;
  }
  
  .loader span:nth-child(1) {
    color: transparent;
    -webkit-text-stroke: .3px  rgb(41, 142, 67);
  }
  
  .loader span:nth-child(2) {
    color: rgb(41, 142, 67);
    -webkit-text-stroke: 1px  rgb(41, 142, 67);
    animation: tharawat 3s ease-in-out infinite;
  }
  
  @keyframes tharawat { 
      0%, 100% {
        clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 
         54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
      } 
      25% {
        clip-path: polygon(10% 60%, 16% 65%, 34% 66%, 
         51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
      }
    }