.certificates {margin: 0 0 40px 0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.certificates .year {font-weight: 800;font-size: 29px;margin: 0 0 -20px 0px;position:relative;display: flex;align-items: center;grid-column: span 2;}
.certificates .year::after {content:"";height: 2px;background: #eee;flex: 1;margin: 0 0 0 15px;}
.certificates .item {display: flex;align-items: flex-start;background: var(--c-white);/* margin: 0 0 20px 0; */padding: 25px;border-radius: 10px;/* align-items: center; */position: relative;}
.certificates .item > div {padding: 0;flex: 0 1 15%;text-align: center;}
.certificates .item > div[data-name="Course"] {flex: 0 1 100%;text-align: left;padding: 0;display: flex;flex-direction: column;align-items: flex-start;height: 100%;}
.certificates .item > div[data-name="Course"] .name {text-decoration: none;font-weight: 600;font-size: 18px;margin: 0;display: block;line-height: 1.1;}
.certificates .item > div[data-name="Course"] div[data-name="Date"] { margin: 0 0 15px 0; flex-grow: 1; }
.certificates .item > div[data-name="Course"] .actions {}
.certificates .item > div[data-name="Course"] .actions .btn {background: var(--c-main);color: #fff;border: none;margin: 0px 8px 10px 0;}
.certificates .item > div[data-name="Course"] .actions .btn:hover {background:var(--c-secondary)}
.certificates .item > div[data-name="Course"] .actions .btn i {font-size: 20px; margin: 0 10px 0 0; }
.certificates .item > div[data-name="Year"] {}
.certificates .item div[data-name="Type"] { margin: 0 15px 0 0; background: #aaa; color: #fff; border-radius: 5px; padding: 6px 14px; text-transform: uppercase; font-weight: 500; display: inline-block; font-size: 13px; margin: 0 0 15px 0; }
.certificates .item > div[data-name="CE Credits"] { flex: 1; text-align: right; position: absolute; right: 20px; top: 16px; }

.certificates .item > div[data-name="CE Credits"] .credits { opacity: 1; background: var(--c-orange); color: #fff; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-weight: 700; font-size: 13px; letter-spacing: -1px; padding: 0; display: inline-block; }
.certificates .item > div[data-name="Course"] .actions .note {
    margin: 20px 0 0 0;
    /* display: none; */
}
.certificates .item > div[data-name="Course"] .actions .note .remaining-courses { padding: 0; margin: 0; list-style: none; }
.certificates .item > div[data-name="Course"] .actions .note .remaining-courses li {}
.certificates .item > div[data-name="Course"] .actions .note .remaining-courses li i {display:none}

@media (max-width: 991px) {
	.certificates { grid-gap: 20px; }
	.certificates .year {}
	.certificates .year::after {}
	.certificates .item {flex-wrap: wrap;grid-column: span 2;}
	.certificates .item > div {flex: 0 1 100%; text-align: left; padding: 0; margin: 2px 0 0 0; }
	.certificates .item > div[data-name="Course"] {}
	.certificates .item > div[data-name="Course"] .name {margin: 0 0 5px 0; }
	.certificates .item > div[data-name="Course"] .actions {margin: 0 0 10px 0; }
	.certificates .item > div[data-name="Course"] .actions .btn {}
	.certificates .item > div[data-name="Course"] .actions .btn:hover {}
	.certificates .item > div[data-name="Course"] .actions .btn i {}
	.certificates .item > div[data-name="Year"] {}
	.certificates .item > div[data-name="Type"] {}
	.certificates .item > div[data-name="CE Credits"] {}
}