.hero {
    background: linear-gradient(to right, #000, #003366);
    color: white;
    padding: 100px 0;
}

/* CARD IMPROVEMENT */
.card {
    border: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    height: 100%; /* makes all cards equal */
    display: flex;
    flex-direction: column;
}

/* IMAGE FIX (VERY IMPORTANT) */
.card img, .card-img-top {
    height: 220px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}

/* CARD BODY ALIGNMENT */
.card h5 {
    margin-top: 10px;
}

.card p {
    flex-grow: 1; /* pushes button to bottom */
}

/* BUTTON ALWAYS SAME POSITION */
.card a {
    margin-top: auto;
}

/* HOVER EFFECT */
.card:hover {
    transform: translateY(-6px);
    transition: 0.3s ease;
}

/* WHATSAPP BUTTON */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: green;
    color: white;
    padding: 15px;
    border-radius: 50%;
    font-size: 20px;
    text-decoration: none;
}