.tncmodal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); /* Optional: Add a semi-transparent background */
    z-index: 120; /* Ensure it appears above other elements */
}

.tncmodal-container {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    max-height: 90%;
    overflow-y: auto;
    text-align: center; /* Center-align text inside the modal */
}

#tncText{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    color: white;
    text-align: center;

}
.tncimage{position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
}

.modal-containertnc {
    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;
      overflow-y: hidden;
    border:
  .7vh solid #006241;
    overflow-y: scroll;
    left: 50%;
    transform: translateX(-50%);
    top: 14svh;
  }

@media print,screen and (max-width:40em){

.tncimage{position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: -35px;
    width: 63svw;
}

.modal-containertnc {
    position: relative;
    width: 80svw;
    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;
      overflow-y: hidden;
    border:
  .7vh solid #006241;
    overflow-y: scroll;
    left: 50%;
    transform: translateX(-50%);
    top: 14svh;
  }
}