.certificates { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; } 
.certificates .year {
    grid-column: span 2;
    font-weight: 800;
    font-size: 20px;
    display: flex;
    align-items: center;
}
.certificates .year::after {content:"";background: #eee;height: 5px;flex: 1;margin: 0 0 0 15px;border-radius: 3px;}
.certificates .item {background: #eee;padding: 22px;display: flex;flex-wrap: wrap;align-items: flex-end;border-radius: 20px;}
.certificates .item > i { font-size: 98px; opacity: 0.3; margin: 0 15px 0 0; }
.certificates .item .text { flex: 1; }
.certificates .item .text .type { font-size: 13px; font-weight: 700; color: var(--c-main); }
.certificates .item .text .name { text-decoration: none; font-weight: 800; color: var(--c-textcolor); font-size: 17px; line-height: 1.1; display: block; }
.certificates .item .text .date { font-size: 12px; margin: 7px 0 0 0; }
.certificates .item .actions {display: flex;align-items: center;flex: 0 1 100%;margin: 20px 0 0 0;gap: 10px;}
.certificates .item .actions .btn { font-weight: 300; }
.certificates .item .actions .btn i {}
.certificates .item .actions .credits {margin: 0 0 0 auto; color: #fff; background: var(--c-textcolor); padding: 9px 15px; font-size: 15px; border-radius: 50%; width: 45px; height: 45px; padding: 0; text-align: center; line-height: 45px; font-weight: 900; }
.certificates .item .actions .credits strong {}
.certificates .item .actions .credits.two-lines { line-height: 0.9; font-size: 10px; padding: 11px 0 0 0; }
.certificates .item .actions .credits.two-lines strong { display: block; font-size: 18px; }

@media (max-width: 991px) {
    .certificates {grid-template-columns: repeat(1,1fr);}
    .certificates .year {grid-column: span 1;}
}