body {
    padding-top: 56px; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.custom-header {
    background: linear-gradient(135deg, #2b580c 0%, #639a67 100%);
}

.custom-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
    border-top: 4px solid #198754; 
}

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

.gallery-img {
    height: 250px;
    object-fit: cover; 
}

html {
    scroll-behavior: smooth;
}