/*  ====================================================================================================
    "cards" part
    ==================================================================================================== */

section.home .cards {
    text-align: center;

    display: flex;
    justify-content: space-between;
}

/*  ====================================================================================================
    "card" part
    ==================================================================================================== */

section.home .cards .card {
    width: 32%;
    margin-right: 10px;
}

section.home .cards .card:last-child {
    margin-right: 0;
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card .top,
section.home .cards .card .bottom {
    display: flex;
    text-align: justify;
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card .top {
    height: 50px;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--whiteDark);

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

section.home .cards .card .top h3 {
    color: #d9d9d9;
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card .bottom {
    height: 250px;
    padding: 10px 10px;

    border: 1px solid var(--whiteDark);
    border-top-width: 0;
    
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

section.home .cards .card .bottom p {
    color: #d9d9d9;
    font-size: 19px;
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card .bottom a:first-child {
    color: var(--greenLight);
}

section.home .cards .card .bottom a:first-child:hover {
    color: var(--green);
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card .bottom a:last-child {
    color: #ff5167;
}

section.home .cards .card .bottom a:last-child:hover {
    color: #d9475a;
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card:nth-child(1) .top {
    background-color: #bd4856;
}

section.home .cards .card:nth-child(1) .bottom {
    background-color: #8f3842;
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card:nth-child(2) .top {
    background-color: #b78141;
}

section.home .cards .card:nth-child(2) .bottom {
    background-color: #896132;
}

/* ---------------------------------------------------------------------------------------------------- */

section.home .cards .card:nth-child(3) .top {
    background-color: #006a91;
}

section.home .cards .card:nth-child(3) .bottom {
    background-color: #00425a;
}