body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
}

.navbar {
    background-color: #32CD32; /* Lime green */
}

.navbar-brand {
    color: #1ABC9C; /* Turquoise */
}

.jumbotron {
    background-image: linear-gradient(to bottom, #32CD32, #1ABC9C);
    color: #fff;
    padding: 100px 0;
    text-align: center;
}

.card {
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.card-body {
    padding: 20px;
}

.btn-primary {
    background-color: #1ABC9C; /* Turquoise */
    border-color: #1ABC9C;
}

.btn-secondary {
    background-color: #32CD32; /* Lime green */
    border-color: #32CD32;
}

/* Animations */
.animate {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.collection-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.collection-gallery img {
    width: calc(33.33% - 20px); /* 3 images per row */
    height: 200px;
    object-fit: cover;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}.collection-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.collection-gallery img {
    width: calc(33.33% - 20px); /* 3 images per row */
    height: 200px;
    object-fit: cover;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Mobile view (e.g., max-width: 768px) */
@media (max-width: 768px) {
    .collection-gallery img {
        width: 100%; /* Full width on mobile */
        height: 200px;
    }
}