.section-card-blocks .component-card{
    margin-bottom: 2rem;
}

.component-card{
    height: 100%;
    border: solid 1px #cecece;
    border-radius: 1rem;
}

.component-card--page{
    color: white;
    background-color: var(--primary-color);
}

.overview-item:nth-child(3n+2) .component-card--page{
    background-color: var(--secondary-color);
}

.overview-item:nth-child(3n+3) .component-card--page{
    background-color: var(--tertiary-color);
}

.component-card__image{
    aspect-ratio: 16/9;
    background-color: #cecece;
    border-radius: 1rem 1rem 0 0;
    background-position: center center;
    background-size: cover;
}

.component-card__content{
    display: grid;
    gap: 1rem;
    padding: 2rem;
    
    border-radius: 0 0 1rem 1rem;
}

.component-card__content--testimonial{
    border-radius: 1rem;
}

.component-card__title{
    font-size: 1.4rem;
    font-weight: 700;
}

.component-card__date{
    font-size: .8rem;
    font-weight: 300;
    display: block;
}

.component-card__quote{
    font-size: 1.4rem;
    font-weight: 700;
}

.component-card__btn{
    width: max-content;
}