#howtowin {
    position: relative;
    z-index: 10;
    background-size: cover;
    height: 100svh;
    overscroll-behavior: none; /* Prevent overscrolling */
}
#htwTitle{position:absolute;top:7svh;height:8svh;left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
#tncapplyhtw{position:relative;width:45svw;left:50%;top:80svh;font-size:15px;color:#fff;text-align:center;transform:translateX(-50%)}
#stephtwDesk{display:block}
#step1desk{position:absolute;top:30svh;left:50%;width:35svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 1;}
#step2desk{position:absolute;top:43svh;left:50%;width:35svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 1;}
#step3desk{position:absolute;top:55svh;left:50%;width:35svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 1;}
#gif1desk{position:absolute;top:32svh;left:64%;width:4svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 2;}
#gif2desk{position:absolute;top:45svh;left:64%;width:8svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 2;}
#gif3desk{position:absolute;top:58svh;left:64%;width:3svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 2;}
#stephtwHp{display:none}
#BtnSubmitEntryHtw {
    position: absolute;
    top: 75svh;
    height: 10svh;
    left: 50%;
    transform: translateX(-50%);
    object-fit: contain;
    z-index: 10;
    transition: transform 0.3s ease;
}

#BtnSubmitEntryHtw:hover {
    transform: translateX(-50%) scale(1.1);
}

@media print,screen and (max-width:40em){
  #howtowin{position:relative;z-index:10;background-size:cover;height: 100svh;}

    #howtowin {
        position: relative;
        z-index: 10;
        background-size: cover;
        overflow-y: auto;
        /* margin-bottom: 3vh; */
        overscroll-behavior: none; /* Prevent overscrolling */
    }
    #tncapplyhtw{position:absolute;width:70svw;left:50%;top:80svh;font-size:10px;color:#fff;text-align:center;transform:translateX(-50%)}
    #stephtwDesk{display:none}
    #stephtwHp{display:block}
    #step1hp{position:absolute;top:32svh;left:50%;width:70svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 1;}
    #step2hp{position:absolute;top:43svh;left:50%;width:70svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 1;}
    #step3hp{position:absolute;top:54svh;left:50%;width:70svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 1;}
    #gif1hp{position:absolute;top:33svh;left:72%;width:12svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 2;}
    #gif2hp{position:absolute;top:45svh;left:70%;width:20svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 2;}
    #gif3hp{position:absolute;top:56svh;left:72%;width:11svw;transform:translateX(-50%);z-index:1;opacity:1;object-fit:contain;z-index: 2;}
    #BtnSubmitEntryHtw{position:absolute;top:70svh;height:8svh;left:50%;transform:translateX(-50%); object-fit:contain;z-index:10}
    #tnctitle{position: relative; width: 49svw; object-fit: contain;}
    /* .htwtnccontent{
      position: relative;
      margin-top: 5svh;
    } */
}

/* 


@media print,screen and (max-width:40em){
  #howtowin{position:relative;z-index:10;background-size:cover;height: 100svh;}

} */