/* Custom styles */
body {
    padding-top: 56px;
}

.hero-main {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    color: white;
    margin-top: -56px;
}

.hero-secondary {
    background-color: white;
}

.navbar {
    backdrop-filter: blur(10px);
    background: rgba(var(--bs-primary-rgb), 0.95) !important;
}

.card {
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-5px);
}

/* Custom utility classes */
.min-vh-100 {
    min-height: 100vh;
}

.hero-extra-padding {

  padding-bottom: 7rem !important;
}

.hero-image {
    max-height: 350px;
    object-fit: cover;
    object-position: center;
}