body {
            margin: 0;
        }

        h2, h3 {
            font-family: "Playfair Display", serif;
            color: #565656;
        }

        .page-wrapper {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }

        .banner-section {
            position: relative;
            background: url('../../assets/banner-new.jpg');
            text-align: center;
            padding: 50px 20px;
            background-position: center center;
            background-size: 51% auto;
        }

        img.brand-logo {
            width: 205px;
        }

        .banner-section h2 {
            font-size: 44px;
            font-weight: 600;
            margin-bottom: 0 !important;
            color: #000;
        }

        a.btn-primary {
            background: #7EBC87;
            padding: 12px 24px;
            border-radius: 3px;
            color: #fff;
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 500;
            text-decoration: none;
            font-family: "Poppins", sans-serif;
            cursor: pointer;
        }

        h3 {
            font-size: 36px;
            margin-top: 20px;
        }

        .banner-section::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            background-color: #FFFFFF;
            opacity: 0.83;
        }

        .banner-section .page-wrapper {
            position: relative;
            z-index: 2;
        }

        .hours-section {
            text-align: center;
            padding: 50px 20px 70px;
            background: #F4F4F4;
        }

        .about-section {
            padding: 70px 20px;
        }

        .content-row {
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 50px;
        }

        .content-col {
            width: 50%;
            text-align: center;
        }

        .about-section img {
            width: 100%;
        }

        .about-section p {
            font-family: "Poppins", sans-serif;
            color: #7A7A7A;
            margin-bottom: 35px;
        }

        .hours-card {
            background: #7ebc87;
            width: 100%;
            max-width: 500px;
            padding: 40px;
            margin: 0 auto;
        }

        .hours-card h3 {
            color: #fff;
        }

        .hours-table h2 {
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 20px;
            color: #fff;
        }

        .hours-table span {
            color: #fff;
            font-family: "Poppins", sans-serif;
            text-align: left;
        }

        .hours-row {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 14px 0;
            border-bottom: 1px solid #eaeaea;
        }

        .hours-row:last-child {
            border-bottom: none;
        }

        .day-label, .time-label {
            color: #555;
            font-size: 16px;
        }

        .time-label {
            text-align: right;
            white-space: nowrap;
        }

        .site-footer {
            padding: 20px;
            text-align: center;
            background: #7EBC87;
            color: #fff;
        }

        .site-footer p {
            margin: 0;
            font-family: "Poppins", sans-serif;
        }

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

            .banner-section, .hours-section {
                padding: 20px;
            }

            .banner-section h2 {
                font-size: 30px;
            }

            h3 {
                font-size: 26px;
            }

            .hours-card {
                width: auto;
                padding: 20px;
            }

            .hours-table h2 {
                font-size: 20px;
                margin-top: 10px;
            }

            .hours-table span {
                font-size: 15px;
            }

            .content-row {
                flex-direction: column;
            }

            .content-col {
                width: 100%;
            }

            .about-section {
                padding: 20px 20px 40px;
            }
        }