/* Add any custom CSS rules here to override Bootstrap or add unique styles */
body {
    padding-top: 56px; /* Adjust if your navbar height changes */
}

.hero-section {
    /* You might want to add more specific styles for the hero */
    min-height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Add more styles as needed */