/* Banner Styles */
.banner {
    background-color: var(--global-palette-5);
    color: var(--global-palette-9);
}

.banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.banner h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: var(--global-kb-font-size-lg);
    margin-bottom: 10px;
}

.banner p {
    font-size: var(--global-kb-font-size-md);
    margin-bottom: 20px;
}

.cta-button {
    display: inline-block;
    background-color: var(--global-palette-3);
    color: var(--global-palette-2);
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: var(--global-kb-font-size-md);
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: var(--global-palette-8);
}

@media (max-width: 768px) {
    .banner h1 {
        font-size: var(--global-kb-font-size-md);
    }

    .banner p {
        font-size: var(--global-kb-font-size-sm);
    }
}