.card {
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.btn-sm {
    border-radius: 0.3rem;
}

input, textarea, select {
    border-radius: 0.3rem !important;
}

body {
    font-family: 'Poppins', 'Century Gothic', 'Helvetica Neue', sans-serif;
}

.custom-shadow {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
    transition: box-shadow 0.3s ease-in-out;
}

.custom-shadow:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

@media (max-width: 768px) {
    img[alt="Bottom Border"] {
        height: 50px; /* or smaller if needed */
    }
}