/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 05 2024 | 05:59:56 */
.section_courses {
	
}

.section_courses .hero {
	position: relative;
	
	padding: 20vh 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.section_courses .hero:after {
	content: '';
	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background-color: rgba(0,0,0,.5);
}

.section_courses .hero h1,
.section_courses .hero .action-button {
	position: relative;
	z-index: 1;
	
	text-align: center;
}

.section_courses .hero h1 {
	margin-bottom: 10px;
	color: #fff;
}

.section_courses .content {
	padding: 10vh;
}

.section_courses ul {
	list-style-position: inside;
}

.section_courses li {
	font-size: 18px;
}

/* Financial Basics Academy */
.course-grid .vc_gitem-animated-block {
	height: 250px;
}
.course-grid .vc_gitem-col {
	padding: 30px;
}
.course-grid .course-image {
	padding: 0px;
}
.course-grid .wpb_single_image img {
    height: 250px;
    background-size: cover;
}
.course-grid .course-content {
	background: #f4f1fa;
}
.course-grid .vc_btn3.vc_btn3-color-purple.vc_btn3-style-modern {
	background-color: #3f1d6d;
	border: none;
}
.single-courses .btn {
	background-color: #3f1d6d;
}
.course-overview {
	height: 300px;
}