.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}
.modal-container{position:relative;width:60dvw;height:80dvh;background-color:#fff;border-radius:3vh;border-width:2vh;border-color:#de1f1f;box-shadow:0 10px 15px rgba(0,0,0,.1);overflow:hidden;border:.7vh;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:8dvh;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:25dvw;object-fit:contain;left: 50%;transform: translateX(-50%);}
#text-modal{position:relative;z-index:300;font-size:4vh;color:#de1f1f}
#modal-imagecentering{position:relative;z-index:300;height:15dvh;object-fit:contain;}
#modal-tnc-container{
    width: 100%; height: 60dvh; border: none;
}

@media print,screen and (max-width:40em){
    
    .modal-container {
        overflow-y: auto;
        position: relative;
        width: 83dvw;
        /* max-width: 70dvw; */
        height: 70dvh;
        background-color: #fff;
        border-radius: 13px;
        border-width: 2vh;
        border-color: #de1f1f;
        box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
        overflow: hidden;
        border: .7vh;
    }    .modal-close-button{position:fixed;top:14.2dvh;z-index:130;height:6dvh;left:82%;background-color:transparent;object-fit:contain;border:0;cursor:pointer}
    .modal-close-button img{height:5dvh;object-fit:contain}
    #modal-image{position:relative;z-index:300;width:40dvw;object-fit:contain}
    #text-modal{position:relative;z-index:300;font-size:11px;color:#de1f1f}
    #modal-imagecentering{position:relative;z-index:300;height:8dvh;object-fit:contain}
    #modal-imagepp{position:relative;z-index:300;height:6dvh;object-fit:contain}
    #modal-tnc-container{
        width: 100%; height: 60dvh; border: none; 
    }
}
@media screen and (min-width: 37em) and (max-width: 48em) {
    .modal-container {
        overflow-y: auto;
        position: relative;
        width: 80dvw;
        height: 80dvh;
        background-color: #fff;
        border-radius: 13px;
        border-width: 2vh;
        border-color: #de1f1f;
        box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
        overflow: hidden;
        border: .7vh;
    }
    
    .modal-close-button{position:fixed;top:8dvh;z-index:130;height:6dvh;left:86%;background-color:transparent;object-fit:contain;border:0;cursor:pointer}
    .modal-close-button img{height:5dvh;object-fit:contain}
    #modal-image{position:relative;z-index:300;width:40dvw;object-fit:contain}
    #text-modal{position:relative;z-index:300;font-size:11px;color:#de1f1f}
    #modal-imagecentering{position:relative;z-index:300;height:8dvh;object-fit:contain}
    #modal-imagepp{position:relative;z-index:300;height:6dvh;object-fit:contain}
    #modal-tnc-container{
        width: 100%; height: 60dvh; border: none; 
    }
}
@media screen and (min-width: 49em) and (max-width: 53em) {
    .modal-container {
        overflow-y: auto;
        position: relative;
        width: 80dvw;
        height: 80dvh;
        background-color: #fff;
        border-radius: 13px;
        border-width: 2vh;
        border-color: #de1f1f;
        box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
        overflow: hidden;
        border: .7vh;
    }
    
    .modal-close-button{position:fixed;top:7.6dvh;z-index:130;height:6dvh;left:86%;background-color:transparent;object-fit:contain;border:0;cursor:pointer}
    .modal-close-button img{height:6vh;object-fit:contain}
    #modal-image{position:relative;z-index:300;width:40dvw;object-fit:contain}
    #text-modal{position:relative;z-index:300;font-size:15px;color:#de1f1f}
    #modal-imagecentering{position:relative;z-index:300;height:8dvh;object-fit:contain}
    #modal-imagepp{position:relative;z-index:300;height:6dvh;object-fit:contain}
    #modal-tnc-container{
        width: 100%; height: 60dvh; border: none; 
    }
}