.modal-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}
.modal-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}
.modal-header{background-color:transparent;color:#fff;padding:1rem 1.5rem;text-align:center}
.modal-title{font-size:1.5rem;}
.modal-close-button{position:fixed;top:8svh;z-index:130;height:6vh;left:77%;background-color:transparent;object-fit:contain;border:0;cursor:pointer}
.modal-close-button img{height: 6vh;
    object-fit: contain;
    /* position: absolute; */
    /* z-index: 9999; */
    cursor: pointer;}
.modal-content{padding:1.5rem ;overflow-y: scroll;}
#modal-image{position:relative;z-index:300;width:25svw;object-fit:contain;left: 50%;transform: translateX(-50%);}
#text-modal{position:relative;z-index:300;font-size:4vh;color:#006241}
#modal-imagecentering{position:relative;z-index:300;height:15svh;object-fit:contain;}
#modal-tnc-container{
    width: 100%; height: 60svh; border: none;
}

@media print,screen and (max-width:40em){
    
    .modal-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}
    .modal-close-button{position:fixed;top:13svh;z-index:130;height:6vh;left:88%;background-color:transparent;object-fit:contain;border:0;cursor:pointer}
    .modal-close-button img{height:4vh;object-fit:contain}
    #modal-image{position:relative;z-index:300;width:40svw;object-fit:contain}
    #text-modal{position:relative;z-index:300;font-size:11px;color:#006241}
    #modal-imagecentering{position:relative;z-index:300;height:8svh;object-fit:contain}
    #modal-imagepp{position:relative;z-index:300;height:6svh;object-fit:contain}
    #modal-tnc-container{
        width: 100%; height: 50svh; border: none;
    }
}