.gallery-image {
    object-fit: cover;
    height: 200px;
    width: 100%;
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .gallery-image:hover {
        transform: scale(1.05);
    }

#modalImage {
    max-width: 100%;
    height: auto;
    max-height: 80vh;
}

@media (max-width: 767px) {
    #modalImage {
        max-height: none;
    }
}

.custom-nav-bg {
    background: linear-gradient(to right, #f8f9fa,  #e9ecef);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.relief-nav {
    background-image: linear-gradient(135deg, rgba(22,100,167,1) 10%, rgba(16,110,190,1) 22%, rgba(0,212,255,1) 88%);
}