@media (max-width: 768px) {
    .banner-image {
        height: 40vh;
        display: flex;
        align-items: flex-end;
    }
}

.img-fluid {
    max-width: 100%;
    max-height: 30vh;
    height: auto;
    margin: auto;
}

.whatsapp-icon-color {
    color: #25d366;
}

.header-nav {
    background-color: var(--primary-color);
}
.header-nav .navbar-nav .nav-link {
    color: var(--primary-text-color);
}

.navbar-collapse.show {
    background-color: var(--secondary-color);
}