/* TABLE */

.styled-table {
    width: 90%; /* Ensure the table takes full width */
    border-collapse: collapse; /* Merge borders between cells */
    margin: 20px 0; /* Add some margin around the table */
    font-size: 18px; /* Set the font size */
    text-align: left; /* Align text to the left */
    border: 8px solid white; /* Add border around the entire table */
    margin-left: auto;
    margin-right: auto;
}

.styled-table-obavestenje {
    width: 100%; /* Ensure the table takes full width */
    border-collapse: collapse; /* Merge borders between cells */
    margin: 20px 0; /* Add some margin around the table */
    font-size: 18px; /* Set the font size */
    text-align: left; /* Align text to the left */
    border: 8px solid white; /* Add border around the entire table */
    margin-left: auto;
    margin-right: auto;
}

/* FIRST ROW - HEADER */
#header {
    padding: 20px; /* Add padding inside the header cell */
    background: #025D54; /* Set background color */
    color: white; /* Set text color */
    font-weight: 600; /* Make the header text bold */
    font-size: 24px; /* Set font size */
    text-align: left; /* Align text to the left */
    border: 1px solid #ddd; /* Add border around the header cell */
    height: 142px;
    letter-spacing: 3px;
}

/* ALL TABLE CELLS */
.styled-table td {
    padding: 12px 25px; /* Add padding inside each cell */
    border: 8px solid white; /* Add border around each cell */
}

/* COLUMNS */
.col1 {
    width: 20%; /* Set width of the first column */
    background: #025D54; /* Background color for first column */
    color: white; /* Text color for first column */
    font-weight: 600; /* Bold text for first column */
    letter-spacing: 2.5px;
    font-size: 20px;
}

.col2 {
    font-size: 20px;
    width: 80%; /* Set width of the second column */
    background: #9FC13B; /* Background color for second column */
    color: white; /* Text color for second column */
    font-family: 'Poppins', sans-serif;;
}

.col2 b{
    letter-spacing: 1px;
}