.color-box__wrapper .card {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 12px 16px -4px #10182814;

}

.color-box__wrapper {
    margin-bottom: 1rem;
}

@media (min-width: 998px) {
    .color-box__wrapper {
        height: 100%;
    }
}

.color-box__wrapper .dark-green .card {
    background-color: var(--bs-secondary);
}

.color-box__wrapper .card-body {
    display: flex;
    flex-direction: column;
    padding: 24px 24px 32px 24px;
}

.color-box__wrapper .light-blue .card {
    background-color: var(--fyh-secondary);
}

.color-box__wrapper .color-box__contents {
    font-size: 16px;
    margin: auto 0;
}

.color-box__wrapper .color-box__actions {
    margin-top: auto;
    display: flex;
}

.color-box__wrapper .color-box__actions a {
    margin-bottom: 0;
}

.color-box__wrapper p,
.color-box__wrapper .h2,
.color-box__wrapper .headline {
    font-family: Rubik, sans-serif;
}

.color-box__wrapper .headline {
    margin-bottom: 0;
    font-weight: 500;
}

.color-box__wrapper .content {
    font-size: 16px;
    font-family: Rubik, sans-serif;
}

.color-box__wrapper .dark-green .card h1,
.color-box__wrapper .dark-green .card .h1,
.color-box__wrapper .dark-green .card h2,
.color-box__wrapper .dark-green .card .h2,
.color-box__wrapper .dark-green .card h3,
.color-box__wrapper .dark-green .card p,
.color-box__wrapper .dark-green .card .h3 {
    color: var(--bs-white);
}
.color-box__wrapper .dark-green .card p {
    font-size: 20px;
}

.color-box__wrapper .card p {
    font-size: 16px;
}

.color-box__wrapper .h2 {
    font-size: 31px;
}

.color-box.has-link .card {
    transition: 0.3s;
}
.color-box.has-link:hover .card {
    box-shadow: 0 12px 16px -4px rgb(0,0,0, 0.25);
}

@media (min-width: 1024px) {
    .color-box__wrapper .color-box__actions a {
        margin-left: auto;
    }
}

@media (min-width: 998px) {
    .color-box__wrapper .h2 {
        font-size: 28px;
    }
}

@media (min-width: 1199px) {
    .color-box__wrapper .h2 {
        font-size: 34px;
    }
}

@media (min-width: 1680px) {
    .color-box__wrapper .h2 {
        font-size: 48px;
    }
}