.fourth_div {
    height: 1238px;
  background-color:#FBD8C2;
  display: flex;
  align-items: center;
 
  
  justify-content: center;
}


.table-container {
            width: 100%;
            max-width: 1074px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

table {
    width: 100%;
    border-collapse: collapse;
    /* table-layout: fixed; */
}

th, td {
    padding: 15px;
    text-align: left;
}

th {
    background-color: #ff66b2;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Helvetica', sans-serif;
    letter-spacing: 1px;
    font-size: 18px;
}

td {
    border-bottom: 1px solid #eee;
    color: #555;
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
}

.special-row td {
    background-color: #ffd1dc;
    font-weight: bold;
    color: #333;
    font-family: 'Georgia', serif;
    font-size: 17px;
}

tr:hover {
    background-color: #f2f2f2;
}

tr:last-child td {
    border-bottom: none;
}

@media (max-width: 600px) {
    table, th, td {
        display: block;
    }

    th, td {
        padding: 10px;
    }

    th {
        /* position: relative; */
        background-color: transparent;
        color: #ff66b2;
    }

    td {
        border-bottom: none;
        border-top: 1px solid #eee;
        padding-left: 50%;
        /* position: relative; */
        text-align: left;
    }

    td:before {
        content: attr(data-label);
        /* position: absolute; */
        left: 10px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }
}