body, * { cursor: none !important; }
  
  @media (max-width: 1199px) {
    body, * { cursor: default !important; }
    #tilda-cursor { display: none !important; }
  }
  
  #tilda-cursor {
    position:fixed;
    pointer-events:none;
    z-index:2147483647;
    transform:translate(-50%,-50%);
  }
  #tilda-cursor::before {
    content:'';
    position:absolute;
    width:8px; height:8px;
    background:#DB2F1F;
    border-radius:50%;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
  }
  #tilda-cursor::after {
    content:'';
    position:absolute;
    width:24px; height:24px;
    border:2px solid #DB2F1F;
    border-radius:50%;
    opacity:0.5;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
  }





  document.onmousemove = e => 
    document.getElementById('tilda-cursor').style.transform = 
      `translate(${e.clientX}px,${e.clientY}px)`;