body {
    background-color: #2c2c2c;
    color: #fff;
    font-family: Arial, sans-serif;
    padding-top: 20px;
}

.container {
    text-align: center;
    padding: 20px;
    margin: auto;
    max-width: 600px;
}

.header {
    margin-bottom: 40px;
}

.logo {
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
    transition: transform 0.3s;
}

.logo:hover {
    transform: scale(1.05);
}

.description {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.highlighted-text {
    color: #1a73e8;
    font-weight: bold;
}

.color-changing-text {
    animation: color-change 5s infinite;
}

@keyframes color-change {
    0% {color: red;}
    20% {color: orange;}
    40% {color: green;}
    60% {color: #a020f0;}
    80% {color: #9400d3;}  /* Darker purple */
    100% {color: orange;}  /* Transition back to orange for a smoother loop */
}

.whatsapp-link {
    text-decoration: none;
    background-color: #25D366;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    transition: background-color 0.3s;
}

.whatsapp-link img {
    width: 40px;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
}

.whatsapp-link:hover {
    background-color: #1ebea5;
}

.email-link, .address-link {
    display: block;
    margin-top: 20px;
    text-decoration: none;
    color: #1a73e8;
    font-weight: bold;
}

iframe {
    width: 100%;
    height: 450px;
    border: 0;
    border-radius: 8px;
    margin-bottom: 20px;
    max-width: 600px;
}

.working-hours {
    text-align: center;
    margin: 20px auto 10px auto;
}

.hours {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
}

.hours span:first-child {
    flex: 1;
    text-align: right;
    margin-right: 10px;
}

.hours span:last-child {
    flex: 1;
    text-align: left;
    margin-left: 10px;
    white-space: nowrap;
}

.small-text {
    font-size: 0.8em;  /* New class for reduced font size */
}

.footer {
    margin-top: 50px;
}