header + aside + .column {padding: 0;}
.courses h1 {padding-right: 1rem;}
.courses .filtered {display: none !important;}

/* Hero */
.courses .hero-block .content {display: none;}
.courses .hero-block .slider .slide {position: relative;}
.courses .hero-block .slider:not(.slick-initialized) .slide + .slide {display: none;}
.courses .hero-block .slider .slide img {width: 100%; height: auto; display: block}
.courses .hero-block .slider .slide .play-btn {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	display: flex; align-items: center; justify-content: center;
	width: 60px; height: 60px; border-radius: 50%; background-color: var(--green-dark);
}
.courses .hero-block .slider .slide .play-btn i {color: white; font-size: 4rem;}

/* Filters */
.courses .filter-block {margin: 3rem 1rem 0;}
.courses .filter-block .search {
	display: flex; align-items: center; justify-content: space-between; background-color: white;
	margin: 0 auto 1rem; border: 1px solid var(--green-main); border-radius: 5px; overflow: hidden;
}
.courses .filter-block .search input {
	margin: 0; border: none; box-shadow: none;
	padding: 0 12px 0 0; background: transparent !important;
}
.courses .filter-block .search input::placeholder {color: #aaa;}
.courses .filter-block .search i {
	width: 40px; height: 40px; text-align: center;
	line-height: 42px; font-size: 1rem; color: #aaa; cursor: text;
}
.courses .filter-block .tags {
	display: flex; gap: 1rem; justify-content: start; padding-left: 1px;
	overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
}
.courses .filter-block .tags .tag {
	flex-shrink: 0; min-width: 80px; height: 40px; padding: 0 1rem;
	line-height: 40px; text-align: center; font-size: 1rem; font-weight: bold; white-space: nowrap;
	border: 1px solid #ddd; border-radius: 5px; background-color: white; cursor: pointer;
}
.courses .filter-block .tags .tag:hover {border-color: #253B78; background-color: #f8f8ff;}
.courses .filter-block .tags .tag.active {border-color: #253B78; background-color: #253B78; color: white;}

/* Courses */
.courses .courses-block {display: flex; flex-direction: column; gap: 1rem; margin-top: 3rem;}
.courses .courses-block .chunk-title {text-align: center;}
.courses .courses-block .chunk-title:not(:first-child) {margin-top: 1rem;}
.courses .courses-block .chunk-title p {margin-bottom: 0; font-size: 1rem;}
.courses .courses-block .chunk-title p:first-child {font-size: 1.2rem; color: var(--green-dark);}

/* Course Card */
.course-card {margin: 0 1rem;}

/* Banners */
.courses .courses-block .banner {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
	position: relative; width: 100%; min-height: 280px; margin-top: 1rem;
}
.courses .courses-block .banner .link {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.courses .courses-block .banner + .course-card {margin-top: 1rem;}

.courses .banner.image img {border-radius: 5px;}
.courses .banner.image.cms {background-image: linear-gradient(white 50%, #6e1df4 50%);}
.courses .banner.image.index {background-image: linear-gradient(white 50%, #e8daff 50%);}

.courses .banner.contact {background-color: #f2efff; padding: 1rem;}
.courses .banner.contact p {font-size: 1.2rem; font-weight: bold; color: var(--green-dark);}
.courses .banner.contact form {width: 100%; display: flex; flex-direction: column; align-items: center;}
.courses .banner.contact label {width: 80%; position: relative;}
.courses .banner.contact label .errorMessage {position: absolute; top: -20px; width: 100%; text-align: center;}
.courses .banner.contact input {height: 50px !important; border: none; border-radius: 5px; text-align: center;}
.courses .banner.contact button {
	height: 50px; border-radius: 5px; background-color: var(--green-dark); font-size: 1rem; font-weight: bold;
}

.courses .banner.coworkers {background-color: darkblue; color: white;}
.courses .banner.coworkers p {width: 80%; margin: 0 auto 1rem auto; font-size: 1rem; text-align: center;}
.courses .banner.coworkers p:nth-child(2) {font-size: 0.8rem;}
.courses .banner.coworkers .co-workers-logos {
	display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem; justify-content: center; align-items: center;
}
.courses .banner.coworkers .co-workers-logos img {width: auto; height: 30px; object-fit: contain;}