#infodataTable { display: none; }

  .image-container {

    display: flex;

  }


.image-thumbnail img {
width: 90%;
aspect-ratio: 16 / 9;                /* Maintain 16:9 ratio */
    object-fit: cover;         



}

  .image-container img {
    
   
    


  }


td.left-column {
    width: 30%; /* Left column takes 30% */
    vertical-align: top;
}

td.right-column {
    width: 100%; /* Right column takes 70% */
    vertical-align: top;
}


/* Main image with 16:9 ratio */
.main-image {
    width: 100%;              /* Fill left column width */
    aspect-ratio: 16 / 9;     /* Maintain 16:9 ratio */
    object-fit: cover;        /* Crop without distortion */
    display: block;
    border: 1px solid #ccc;   /* Optional border */
}


.custom-line {
    width: 100%;
    height: 4px;              /* Thickness */
    background-color: #003F72;/* Color */
    margin: 10px 0;           /* Optional spacing */
}


.left-column-icon {
    width: 50px;
    height: 50px;
    object-fit: contain; /* Keeps proportions without distortion */
}


  .left-padding {
    padding-left: 20px;
  }


.lightbox {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.lightbox img {
  max-width: 80%;
  max-height: 80%;
}

.close {
  position: absolute;
  top: 20px; right: 30px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}

.nav {
  position: absolute;
  top: 50%;
  font-size: 50px;
  color: white;
  cursor: pointer;
  user-select: none;
}

.nav.left { left: 30px; }
.nav.right { right: 30px; }

.table-container{
    max-width: 1200px;
margin: 0 auto; /* Centers the container horizontally */
}

.sidebar-text {
    color: #003F72;
    font-size: 16px; /* Adjust as needed */
    font-family: Arial, sans-serif;
}


@media screen and (max-width: 480px) {

    .left-column-icon {
        width: 30px;
        height: 30px;
    }
    .title {
        font-size: 0.75rem;
        white-space: normal; /* Allow wrapping if needed */
        text-overflow: clip;
    }





}


.title {
    flex: 1;
    font-size: clamp(0.3rem, 3vw, 0.8rem); 
    color: #003F72 ;
    overflow: hidden;
    text-overflow: ellipsis;
white-space: nowrap;
display: block; /* Needed for ellipsis */
max-width: 100%;

}








/* Video related CSS */

    .gallery {
        display: block;
        white-space: normal;

    }

    .gallery a {
        font-size: 18px;
        color: #007bff;
        text-decoration: none;
    }
    .gallery a:hover {
        text-decoration: underline;
    }

    .videolightbox {
        display: none;
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.8);
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }
    .videolightbox video {
        max-width: 80%;
        max-height: 80%;
    }
    .videolightbox .close {
        position: absolute;
        top: 20px; right: 30px;
        font-size: 40px;
        color: white;
        cursor: pointer;
    }


.table-container td,
.table.table-container div,
.table-container p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}



#disclaimer {
  font-size: 12px;            /* smaller than body */
  text-align: justify;
}