<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Opening Hours</title>
    <style>
        table {
            width: 50%;
            margin: auto;
            border-collapse: separate; /* Change to separate for rounded borders */
            border-spacing: 0; /* Ensure no spacing between borders */
            margin-top: 30px;
            margin-bottom: 50px;
            border: 1px solid #dddddd; /* Add border to the table for full rounded effect */
            border-radius: 10px; /* Add border-radius for rounded edges */
            overflow: hidden; /* Ensure rounded borders are visible */
        }
        th, td {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
        }
        th {
            background-color: #f2f2f2;
        }
        /* Ensure no borders overlap rounded corners */
        table tr:first-child th:first-child {
            border-top-left-radius: 10px;
        }
        table tr:first-child th:last-child {
            border-top-right-radius: 10px;
        }
        table tr:last-child td:first-child {
            border-bottom-left-radius: 10px;
        }
        table tr:last-child td:last-child {
            border-bottom-right-radius: 10px;
        }
    </style>

    <style>
    .custom-space {
        margin-top: 200px; /* Přizpůsobte hodnotu podle potřeby */
    }
    </style>

</head>
<body>

<div class="row justify-content-center pt-5 mt-5">
    <div class="col-lg-9 text-center"



