:root {
    --primary-green: #4ade80;
    --secondary-green: #22c55e;
}

.text-primary-green {
    color: var(--primary-green);
}
.text-white{
    color: black!important;
}

.bg-gradient-to-b{
    background: url(assets/bcg.webp)!important;
}
.bg-primary-green {
    background-color: var(--primary-green);
}
.zipton{
    border-radius: 20px;
}
.hover\:bg-secondary-green:hover {
    background-color: var(--secondary-green);
}

.hover\:text-primary-green:hover {
    color: var(--primary-green);
}

.gallery-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Smooth scroll */
section {
    scroll-margin-top: 80px;
}

/* Mobile menu transition */
#mobile-menu.active {
    display: block;
}