/* contact.css */

.card {
    margin: 20px 0; /* Spacing between cards */
    border-radius: 15px; /* Rounded corners for the card */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition effects */
}

.card-header {
    background-color: #D62D30; /* Header color */
    color: white; /* Text color in header */
    border-radius: 15px 15px 0 0; /* Rounded corners on top */
}

.card-body {
    background-color: #ffffff; /* Body background */
    border-radius: 0 0 15px 15px; /* Rounded corners on bottom */
}

.card:hover {
    transform: translateY(-10px); /* Lift effect on hover */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); /* Shadow effect */
}

h1 {
    color: #D62D30;
    margin-bottom: 30px;
    text-align: center;
}

.lead {
    font-size: 1.2em; /* Larger font for lead text */
    font-weight: 300; /* Light font weight */
}