/* Card container */
.card {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    font-family: "Poppins", "sans-serif";
}

    .card a {
        text-decoration: none;
        text-transform: uppercase;
        color: #0891D2;
    }

/* Card header */
.card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* Card body */
.card-body {
    padding: 1.25rem;
    height:30vh;
}

/* Card title */
.card-title {
    font-weight: bold;
    margin-bottom: 0.75rem;
}

/* Card text */
.card-text {
    margin-bottom: 1rem;
}

/* Card image */
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

/* Card footer */
.card-footer {
    background-color: #f8f9fa;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.75rem 1.25rem;
}


/* Card hover effect */
.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

    /* Card hover effect for card-body */
    .card:hover .card-body {
        background-color: #f8f9fa;
    }

    /* Card hover effect for card-title */
    .card:hover .card-title {
        color: #007bff;
    }

    /* Card hover effect for card-text */
    .card:hover .card-text {
        color: #343a40;
    }

    /* Card hover effect for card-footer */
    .card:hover .card-footer {
        background-color: #f8f9fa;
    }