/* custom.css */

.table-responsive {
    margin: 0 auto;
    max-width: 100%;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
}

thead.thead-dark th {
    background-color: #343a40;
    color: white;
}

th, td {
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    white-space: normal;
}

td {
    max-width: 200px; /* Adjust as needed */
}

h2 {
    color: #343a40;
}

body {
    background-color: #f8f9fa;
}

.footer-data p, .footer-data h4, .footer-data a {
    color: #ffffff;
}

.bottom-bar p {
    color: #ffffff;
}
.section-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Full viewport height */
    padding-top: 175px; /* Space from the top */
    padding-bottom: 100px; /* Optional: padding for better spacing */
    box-sizing: border-box; /* Ensure padding is included in height calculation */
}

.table-container {
    width: 100%;
    max-width: 1588px; /* Adjust max-width as needed */
    overflow-x: auto;
}

.table-container table {
    width: 100%;
    table-layout: auto;
}

#alert-placeholder .alert {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

            /* Styling the gallery */
            #photo-gallery {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
              }
            
              .prtfl-box {
                width: 300px; /* Set a fixed width for each image box */
                position: relative;
              }
            
              .prtfl-box img {
                width: 100%; /* Make the image take up the full width of the container */
                height: auto; /* Maintain the aspect ratio */
                border-radius: 8px; /* Optional: Add rounded corners */
                transition: none; /* Remove any transition effects */
              }
            
              /* Remove hover effects */
              .prtfl-box:hover img {
                transform: none; /* Remove any transformation on hover */
                background-color: transparent; /* Ensure no background color on hover */
              }