/* Header */
.custom-header {
    font-size: 3rem;
    font-weight: bold;
    color: #8B4513;
    font-family: "Playfair Display";
}
.custom-header-text {
    font-size: 1rem;
    color: #8B4513;
    font-family: "Playfair Display";
}

/* Card */
.card {
    background-color: #FFF9F1;
}
.card-fixed {
    height: 400px !important;
    overflow: hidden;
    transition: transform 0.2s;
}
.card-body h3 {
    font-family: "Playfair Display";
    font-weight: bold;
    color: #603809;
}
.card-text {
    font-family: "Playfair Display";
    font-size: 0.9rem;
    color: #603809;
}
.shadow {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.3);
  }

.shadow:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3), 0 10px 10px rgba(0, 0, 0, 0.4);
}

/* Mission */
.mission {
    color: #8B4513;
    font-family: "Playfair Display";
}
.mission h2 {
    font-size: 2rem;
}
.mission p {
    font-size: 1rem;
}