.modalhtw-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}
.modalhtw-container{position:relative;width:110svh;height:80svh;background-color:#fff;border-radius:3vh;border-width:2vh;border-color:#006241;box-shadow:0 10px 15px rgba(0,0,0,.1);overflow:hidden;border:.7vh solid #006241;overflow-y:scroll}
.modalhtw-header{background-color:transparent;color:#fff;padding:1rem 1.5rem;text-align:center}
.modalhtw-title{font-size:1.5rem;}
.modalhtw-close-button{position:fixed;top:8svh;z-index:130;height:6vh;left:77%;background-color:transparent;object-fit:contain;border:0;cursor:pointer}
.modalhtw-close-button img{height:6vh;object-fit:contain}
#modalhtw-image{position:relative;z-index:300;height:15svh;object-fit:contain}
#text-modalhtw{position:relative;z-index:300;font-size:4vh;color:#006241}
#ModalPrizeHtW {position:absolute;top:18vh; height:80vh;left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
.modalhtw-content{position: absolute; top:30vh;height:30vh;width: 10vh; left:50%;transform:translateX(-50%);transform: translateY(); z-index:3;opacity:1;object-fit: contain;}
#videohtw{position: relative; height: 52vh;top: 25svh; width: auto; left: 50%; transform: translateX(-50%);z-index: 2  ;}
@media print,screen and (max-width:40em){
    #ModalPrizeHtW {position:absolute;top:13svh; height:80vh;left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
    .modalhtw-container{overflow-y: auto; position:relative;width:40svh;height:70svh; background-color:#fff;border-radius:3vh;border-width:2vh;border-color:#006241;box-shadow:0 10px 15px rgba(0,0,0,.1);overflow:hidden;border:.7vh solid #006241}
    .modalhtw-close-button{position:fixed;top:13svh;z-index:130;height:6vh;left:88%;background-color:transparent;object-fit:contain;border:0;cursor:pointer}
    .modalhtw-close-button img{height:4vh;object-fit:contain}
    #modalhtw-image{position:relative;z-index:300;height:8svh;object-fit:contain}
    #text-modalhtw{position:relative;z-index:300;font-size:2.2vh;color:#006241}
    #videohtw {
        position: absolute;
        top: 25svh;
        height: 52vh;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
      }

}