/*-------------------------------------------------
 =  Table of Css

 1.Some default basic style of template
 2.Header
 3.Isotope filtering
 4.General
 5.Slider
 6.feature section
 7.Collection section
 8.Countdown section
 9.popular courses section
 10.course-post
 11.Events
 12.events-posts
 13.video-post
 14.News sections
 15.blog post
 16.testimonial section
 17.Sidebar
 18.single post
 19.teachers section
 20.about section
 21.portfolio section
 22.pricing section
 23.single event section
 24.single course section
 25.cart section
 26.Contact
 27.Footer
 28.Custom color scheme
-------------------------------------------------*/

/* Color Scheme Variables */
:root {
	--primary-color: #2e3e77;
	--secondary-color: #4783f3;
	--accent-color: #f9a134;
	--text-color: #2f2f32;
	--light-text: #7d7e7f;
	--background-color: #f8f9fa;
	--white: #ffffff;
	--gradient-primary: linear-gradient(135deg, #2e3e77 0%, #4783f3 100%);
	--gradient-accent: linear-gradient(135deg, #f9a134 0%, #ffb347 100%);
	--gradient-events: linear-gradient(
		135deg,
		rgba(46, 62, 119, 0.05) 0%,
		rgba(71, 131, 243, 0.1) 100%
	);
}
body {
	font-family: "Raleway", sans-serif;
}

.reset-elem,
.top-line .right-top-line ul,
.dropdown,
.mobile-menu nav.mobile-nav ul,
section.page-banner-section ul.page-depth,
section.blog-section ul.page-pagination,
.sidebar .category-widget ul.category-list,
.sidebar .category-widget ul.archives-list,
.sidebar .category-widget ul.filter,
.sidebar .archives-widget ul.category-list,
.sidebar .archives-widget ul.archives-list,
.sidebar .archives-widget ul.filter,
.sidebar .filter-widget ul.category-list,
.sidebar .filter-widget ul.archives-list,
.sidebar .filter-widget ul.filter,
.sidebar .tags-widget ul.tags-list,
.sidebar .products-widget ul.products-list,
.sidebar div.course-widget ul.share-list,
.blog-post.single-post .tags-share-box ul,
.comments-holder .comment-list,
.comments-holder .comment-list li ul.depth-comment,
section.clients-section ul.clients-list,
section.pricing-section .pricing-table .pricing-content ul.pricing-list,
section.single-event-section .single-event-box .event-content ul,
section.single-event-section .single-event-box .event-content ul.share-list,
section.single-course-section .single-course-content ul.list,
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.detailed-box
	ul.detailed-lines,
section.single-course-section .course-reviews .course-reviews-inner ul.comments,
footer .up-footer .footer-widget.text-widget ul,
footer .up-footer .footer-widget ul.quick-list,
footer .copyright-inner ul.studiare-social-links {
	margin: 0;
	padding: 0;
}

p,
.paragraph,
.blog-post.single-post ul.text-list li {
	font-size: 15px;
	color: #7d7e7f;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 10px;
}

h1,
.heading1 {
	color: #2f2f32;
	font-size: 28px;
	font-weight: 400;
	line-height: 48px;
	margin: 0 0 20px;
}

h2,
.heading2 {
	color: #2f2f32;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 15px;
	line-height: 26px;
}

h3,
.heading3 {
	color: #2f2f32;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 14px;
	line-height: 28px;
}

.back-cover {
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
}

a,
.anchor {
	display: inline-block;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

/*------------------------------------------------- */
/* =  Header
 *------------------------------------------------- */
header {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	background: #fff;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	-o-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	z-index: 999998;
}

.top-line {
	background-color: #2e3e77;
}
.top-line p {
	display: inline-block;
	margin-right: 25px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.75);
	padding: 18px 0;
	margin-bottom: 0;
}
.top-line p i {
	font-size: 18px;
	float: left;
	margin-right: 7px;
	line-height: 24px;
}
.top-line .right-top-line {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}
.top-line .right-top-line ul {
	display: inline-block;
}
.top-line .right-top-line ul li {
	display: inline-block;
	margin-right: 15px;
}
.top-line .right-top-line ul li a {
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.75);
}
.top-line .right-top-line button {
	display: inline-block;
	width: 56px;
	height: 56px;
	text-align: center;
	color: rgba(255, 255, 255, 0.75);
	background-color: rgba(0, 0, 0, 0.15);
	border: none;
	outline: none;
	cursor: pointer;
	margin: 0;
	position: relative;
}
.top-line .right-top-line button i {
	line-height: 60px;
}
.top-line .right-top-line button i.close-search {
	display: none;
}
.top-line .right-top-line button.shop-icon {
	background-color: rgba(0, 0, 0, 0.3);
}
.top-line .right-top-line button span.studiare-cart-number {
	position: absolute;
	font-size: 10px;
	top: 10px;
	right: 10px;
	width: 16px;
	line-height: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #4783f3;
	color: #fff;
}

.search_bar {
	position: absolute;
	top: 63px;
	bottom: 0;
	width: 100%;
	z-index: 9999999;
	background-color: #fff;
	display: none;
}
.search_bar .container {
	position: relative;
}
.search_bar input[type="search"] {
	width: 100%;
	padding: 33px 45px 32px 0;
	font-size: 26px;
	border: 0;
	background-color: transparent;
	outline: 0;
	box-shadow: none !important;
	font-weight: 300;
}
.search_bar button {
	position: absolute;
	top: 42px;
	right: 15px;
	background-color: transparent;
	border: none;
	outline: none;
	color: #2f2f32;
	cursor: pointer;
}

.navbar {
	padding: 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	border-bottom: none;
	width: 100%;
	z-index: 999999;
	background-color: #fff !important;
	border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.navbar a.navbar-brand {
	float: none;
	margin-right: 30px;
}
.navbar a.navbar-brand img {
	margin-bottom: 5px;
}
.navbar .login-button {
	color: #fff;
	text-align: center;
	border: 0;
	padding: 11px 22px;
	vertical-align: bottom;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
	display: inline-block;
	background-color: #f9a134;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.navbar .login-button i {
	font-size: 22px;
	float: left;
	margin-right: 5px;
}

.navbar-nav {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin-right: -15px;
}
.navbar-nav > li > a {
	color: #2f2f32 !important;
	font-size: 16px;
	font-weight: 400 !important;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding: 40px 10px 40px !important;
	margin: 0 7px -1px;
	position: relative;
}
.navbar-nav > li > a i {
	color: #454545 !important;
	font-size: 16px;
	margin-left: 6px;
}
.navbar-nav > li:last-child > a {
	padding-right: 0 !important;
	margin-right: 0;
}
.navbar-nav > li > a.active,
.navbar-nav > li > a:hover {
	color: #4783f3 !important;
}
.navbar-nav li.drop-link {
	position: relative;
}

.navbar-nav.active > li > a {
	opacity: 0;
	visibility: hidden;
}

.navbar-collapse {
	position: relative;
}

.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	width: 240px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
	background-color: #fff;
	border-radius: 4px;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.dropdown li {
	position: relative;
	display: block;
	padding: 0px 20px;
	border: none;
}
.dropdown li a {
	position: relative;
	display: block;
	padding: 12px 0;
	color: #464749;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	border-bottom: 1px solid #e9ecef;
}
.dropdown li a:hover {
	color: #4783f3;
}
.dropdown li .dropdown.level2 {
	top: 0px;
	margin-top: 0;
	left: 100%;
	margin-left: 10px;
}
.dropdown li:hover .dropdown.level2 {
	margin-left: 0;
}
.dropdown li:last-child a {
	border-bottom: none;
}
.dropdown li.drop-link > a:after {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #dee2e6;
}

li:hover > .dropdown {
	visibility: visible;
	opacity: 1;
	margin-top: -20px;
}

a.mobile-nav-toggle {
	position: relative;
	padding: 10px;
	display: none;
	margin-right: 15px;
}
a.mobile-nav-toggle span {
	vertical-align: middle;
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;
	display: inline-block;
	width: 18px;
	height: 2px;
	background-color: #343a40;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
a.mobile-nav-toggle span:before,
a.mobile-nav-toggle span:after {
	position: absolute;
	content: "";
	left: 0;
	display: inline-block;
	width: 18px;
	height: 2px;
	background-color: #343a40;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
a.mobile-nav-toggle span:before {
	top: -6px;
}
a.mobile-nav-toggle span:after {
	top: 6px;
}
a.mobile-nav-toggle.opened span {
	background-color: transparent;
}
a.mobile-nav-toggle.opened span:before {
	-webkit-transform: translateY(6px) rotateZ(-45deg);
	transform: translateY(6px) rotateZ(-45deg);
}
a.mobile-nav-toggle.opened span:after {
	-webkit-transform: translateY(-6px) rotateZ(45deg);
	transform: translateY(-6px) rotateZ(45deg);
}

.mobile-menu {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	background-color: #212529;
	height: 100%;
	z-index: 999999;
	overflow-y: scroll;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.mobile-menu.open {
	right: 0;
}
.mobile-menu .search-form-box {
	padding: 24px 20px;
}
.mobile-menu .search-form-box form {
	position: relative;
}
.mobile-menu .search-form-box form input {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	border-color: transparent;
	color: #6c757d;
	padding: 8px 12px;
	font-size: 14px;
	outline: none;
}
.mobile-menu .search-form-box form button {
	position: absolute;
	background-color: transparent;
	border: none;
	outline: none;
	color: #6c757d;
	top: 7px;
	right: 4px;
}
.mobile-menu .shopping-cart-box {
	padding: 0 20px 24px;
	border-bottom: 1px solid #2c3237;
}
.mobile-menu .shopping-cart-box a {
	color: #fff;
	display: flex;
	align-items: center;
	font-size: 15px;
	text-transform: uppercase;
}
.mobile-menu .shopping-cart-box a i {
	margin-right: 6px;
}
.mobile-menu .shopping-cart-box a span {
	margin-left: 10px;
	background-color: #4783f3;
	min-width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 11px;
	border-radius: 3px;
	margin-top: -20px;
	margin-left: 8px;
	text-align: center;
}
.mobile-menu .shopping-cart-box a:hover {
	color: #fff;
}
.mobile-menu nav.mobile-nav {
	padding: 24px 20px;
}
.mobile-menu nav.mobile-nav ul li {
	display: block;
}
.mobile-menu nav.mobile-nav ul li a {
	color: #fff;
	font-size: 18px;
	padding: 6px 0;
}
.mobile-menu nav.mobile-nav ul li a:hover {
	color: #4783f3 !important;
}
.mobile-menu nav.mobile-nav ul.drop-level {
	padding-left: 16px;
	border-left: 1px solid #333940;
}
.mobile-menu nav.mobile-nav ul.drop-level li a {
	font-size: 14px;
	color: #adb5bd;
}

@media (max-width: 991px) {
	.right-top-line {
		display: none !important;
	}
	.top-line {
		text-align: center;
	}
	.top-line p {
		padding: 10px 0;
	}
	header .search_bar {
		display: none;
	}
	header .navbar-brand {
		padding: 25px;
	}
	a.mobile-nav-toggle {
		display: flex;
		justify-content: flex-end;
	}
	.navbar-nav > li > a {
		padding: 10px 15px !important;
		margin: 0 !important;
	}
	.navbar-nav > li:last-child > a {
		padding-right: 15px !important;
	}
}

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
/*-------------------------------------------------- */
/* Isotope filtering */
/*------------------------------------------------- */
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

/*------------------------------------------------- */
/* =  General */
/*------------------------------------------------- */
#container {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#container.move {
	margin-left: -300px;
	margin-right: 300px;
}
#container.active {
	opacity: 1;
}

.container {
	max-width: 1240px;
}

.title-section {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.title-section p {
	font-size: 18px;
	color: #7d7e7f;
}
.title-section span {
	display: inline-block;
	color: #4783f3;
	font-size: 15px;
	margin: 0;
}
.title-section .right-part {
	padding-top: 15px;
}

.title-section.white-style h1 {
	color: #ffffff;
}

a.button-one {
	color: #ffffff;
	font-size: 15px;
	padding: 10px 25px;
	background: #40e0d0;
	border: 1px solid #40e0d0;
	font-weight: 400;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	border-radius: 24px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin: 0;
}
a.button-one:hover {
	background: #36beb0;
	color: #fff;
	box-shadow: 0 10px 16px rgba(64, 224, 208, 0.2);
	-webkit-box-shadow: 0 10px 16px rgba(64, 224, 208, 0.2);
	-moz-box-shadow: 0 10px 16px rgba(64, 224, 208, 0.2);
	-o-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
}

a.button-two {
	color: #ffffff;
	font-size: 15px;
	padding: 10px 25px;
	border: 1px solid #f9a134;
	background: #f9a134;
	font-weight: 400;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	border-radius: 24px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin: 0;
}
a.button-two:hover {
	opacity: 0.95;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

a.text-link {
	color: #4783f3;
	font-size: 15px;
	padding: 0 0 5px 0;
	line-height: 26px;
	border-bottom: 1px solid #e5e5e5;
}
a.text-link:hover {
	color: #2f2f32;
}

.center-button {
	text-align: center;
}

button.mfp-close,
button.mfp-arrow,
a.zoom {
	outline: none;
}

section.page-banner-section {
	background-color: #f8f9fa;
	padding-top: 40px;
}
section.page-banner-section h1 {
	margin-bottom: 5px;
}
section.page-banner-section ul.page-depth li {
	display: inline-block;
	margin-right: 5px;
}
section.page-banner-section ul.page-depth li a {
	color: #8f8f8f;
	font-size: 16px;
}
section.page-banner-section ul.page-depth li a:hover {
	color: #4783f3;
}
section.page-banner-section ul.page-depth li:before {
	content: "\f105";
	font-family: "FontAwesome";
	color: #8f8f8f;
	font-size: 14px;
	margin-right: 8px;
}
section.page-banner-section ul.page-depth li:first-child:before {
	display: none;
}

/*------------------------------------------------- */
/* =  Slider */
/*------------------------------------------------- */
.boxedcontainer {
	max-width: 1170px;
	margin: auto;
	padding: 0px 30px;
}

.tp-banner-container {
	width: 100%;
	position: relative;
	padding: 0;
}

.tp-banner {
	width: 100%;
	position: relative;
}

.tp-banner-fullscreen-container {
	width: 100%;
	position: relative;
	padding: 0;
}

#home-section {
	background-color: #ffffff;
	overflow: hidden;
	background: #ffffff;
}
#home-section .tp-shapewrapper {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
#home-section .tp-line-shape {
	background-color: #f9a134;
}
#home-section .Woo-PriceLarge {
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background-color: #f9a134;
	font-size: 24px;
	line-height: 24px;
	font-family: "Raleway", sans-serif;
	font-weight: 400;
	transform: rotate(-45deg) !important;
}
#home-section .tp-caption.Woo-TitleLarge {
	font-size: 41px;
	line-height: 48px;
	font-family: "Raleway", sans-serif;
	font-weight: 300 !important;
	color: #2f2f32;
}
#home-section .tp-caption.Woo-Rating {
	font-family: "Raleway", sans-serif;
	font-style: normal !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #7d7e7f;
}
#home-section .persephone .tp-bullet {
	width: 30px;
	height: 3px;
	background: rgba(255, 255, 255, 0.5);
	border: none;
}
#home-section .persephone .tp-bullet:hover,
#home-section .persephone .tp-bullet.selected {
	background: #fff;
}
#home-section a.rev-btn {
	z-index: 9;
	white-space: nowrap;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: white;
	letter-spacing: 0px;
	font-family: Raleway;
	background-color: #4783f3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	box-sizing: border-box;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
	-o-box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
	visibility: inherit;
	transition: none 0s ease 0s;
	text-align: inherit;
	margin: 0px;
	padding: 12px 25px 13px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	border: none;
	opacity: 1;
	transform-origin: 50% 50% 0px;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
#home-section a.rev-btn:hover {
	background-color: #4783f3 !important;
	color: #fff !important;
	opacity: 0.7 !important;
}
#home-section .tparrows {
	background-color: #27a399;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	z-index: 1001 !important;
	pointer-events: auto !important;
}

#home-section .tp-bullets,
#home-section .tp-bullet {
	z-index: 1001 !important;
	pointer-events: auto !important;
}

@media (max-width: 991px) {
	#home-section {
		height: auto;
	}
	.tp-caption {
		display: none !important;
	}
	#rev_slider_202_1_wrapper,
	#rev_slider_202_1,
	#rev_slider_202_1 .tp-simpleresponsive {
		max-height: none !important;
		overflow: visible !important;
	}
	#rev_slider_202_1 li {
		overflow: visible !important;
	}
	#home-section #rev_slider_202_1 .slotholder {
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		padding: 32px 20px !important;
		min-height: 0 !important;
		gap: 24px;
	}
	#home-section #rev_slider_202_1 .slotholder > div:first-child {
		width: 100% !important;
		padding-right: 0 !important;
	}
	#home-section #rev_slider_202_1 .slotholder > div:last-child {
		width: 100% !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		align-self: auto !important;
	}
	#home-section #rev_slider_202_1 .slotholder h1 {
		font-size: 34px !important;
		line-height: 1.25 !important;
		margin-bottom: 16px !important;
	}
	#home-section #rev_slider_202_1 .slotholder p,
	#home-section #rev_slider_202_1 .slotholder li {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	#home-section
		#rev_slider_202_1
		.slotholder
		> div:first-child
		> div:last-child {
		flex-wrap: wrap;
	}
	#home-section #rev_slider_202_1 .slotholder img {
		width: 100% !important;
		max-width: 460px !important;
		height: auto !important;
		max-height: 260px !important;
		object-fit: contain !important;
	}
	#home-section #rev_slider_202_1 .slotholder > div:last-child > div {
		width: 100% !important;
		max-width: 460px !important;
	}
	#home-section #rev_slider_202_1 .slotholder h3 {
		font-size: 32px !important;
	}
}

@media (max-width: 575px) {
	#home-section #rev_slider_202_1 .slotholder {
		padding: 24px 14px !important;
		gap: 18px;
	}
	#home-section #rev_slider_202_1 .slotholder h1 {
		font-size: 28px !important;
	}
	#home-section #rev_slider_202_1 .slotholder > div:last-child > div {
		grid-template-columns: 1fr !important;
	}
	#home-section #rev_slider_202_1 .slotholder > div:last-child > div img {
		height: 200px !important;
	}
}

/*------------------------------------------------- */
/* =  feature section */
/*------------------------------------------------- */
section.feature-section {
	padding: 80px 0;
	background: #f8f9fa;
	position: relative;
}

/* Remove any overlays */
section.feature-section::before {
	display: none;
}

section.feature-section .container {
	position: relative;
	z-index: 2;
}

/* Med Pak style cards with 4-column layout */
section.feature-section .feature-box {
	padding-bottom: 0;
}

section.feature-section .feature-box .feature-post {
	margin-bottom: 30px;
	display: flex;
	align-items: flex-start;
	background: #ffffff;
	padding: 25px 20px;
	border-radius: 8px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
	border: 1px solid #e2e8f0;
	transition: all 0.3s ease;
	min-height: 180px;
}

section.feature-section .feature-box .feature-post:hover {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	transform: translateY(-3px);
}

section.feature-section .feature-box .feature-post div.icon-holder {
	margin-right: 15px;
	flex-shrink: 0;
	margin-top: 5px;
}

section.feature-section .feature-box .feature-post div.icon-holder i {
	width: 50px !important;
	height: 50px !important;
	line-height: 48px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	background: #40e0d0; /* Turquoise color matching Med Pak */
	border-radius: 50%;
	border: none;
	transition: all 0.3s ease;
}

section.feature-section .feature-box .feature-post:hover div.icon-holder i {
	background: #20c9b8;
	transform: scale(1.05);
}

/* Med Pak style content with blue headers */
section.feature-section .feature-box .feature-post .feature-content h2 {
	color: #3182ce; /* Blue header color like Med Pak */
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.3;
}

section.feature-section .feature-box .feature-post .feature-content p {
	margin-bottom: 0px;
	color: #4a5568; /* Darker gray body text */
	line-height: 1.5;
	font-size: 13px;
}
/* Feature section icon color classes */
section.feature-section .feature-box .feature-post .icon-holder.aha {
	background: none;
}
section.feature-section .feature-box .feature-post .icon-holder.aha i {
	color: #e53935; /* Red for heart */
}
section.feature-section .feature-box .feature-post .icon-holder.rcsa i {
	color: #1976d2; /* Blue for stethoscope */
}
section.feature-section .feature-box .feature-post .icon-holder.labour i {
	color: #388e3c; /* Green for briefcase */
}
section.feature-section .feature-box .feature-post .icon-holder.dct i {
	color: #2e3e77; /* Navy for graduation cap */
}

section.feature-section .feature-box .feature-post {
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
	border: 1px solid #e2e8f0;
	padding: 32px 24px;
	margin-bottom: 30px;
	min-height: 180px;
}
section.feature-section .feature-box .feature-post .icon-holder {
	margin-right: 28px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
}
section.feature-section .feature-box .feature-post .icon-holder i {
	font-size: 40px;
	width: 56px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	background: none;
}
section.feature-section .feature-box .feature-post .feature-content {
	flex: 1;
}

/*------------------------------------------------- */
/* =  Collection section */
/*------------------------------------------------- */
section.collection-section {
	padding: 80px 0;
	background-color: #ffffff; /* Set to white */
}
section.collection-section .collection-box .collection-post {
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
section.collection-section .collection-box .collection-post .inner-collection {
	position: relative;
}
section.collection-section .collection-box .collection-post img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	height: auto;
	margin: 0;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
section.collection-section .collection-box .collection-post:first-child img {
	margin-top: 0;
}
section.collection-section .collection-box .collection-post a.hover-post {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	text-align: center;
	padding: 30px 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(rgba(0, 0, 0, 0.8)),
		to(transparent)
	);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent 100%);
	z-index: 2;
}
section.collection-section .collection-box .collection-post a.hover-post span {
	display: block;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
section.collection-section
	.collection-box
	.collection-post
	a.hover-post
	span.title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 40px;
}
section.collection-section
	.collection-box
	.collection-post
	a.hover-post
	span.numb-courses {
	margin-bottom: -60px;
}
section.collection-section .collection-box .collection-post:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
section.collection-section .collection-box .collection-post:hover:after {
	background-color: rgba(0, 0, 0, 0.2);
}
section.collection-section .collection-box .collection-post:hover img {
	margin-left: 0;
}
section.collection-section
	.collection-box
	.collection-post:hover
	a.hover-post
	span.title {
	margin-bottom: 4px;
}
section.collection-section
	.collection-box
	.collection-post:hover
	a.hover-post
	span.numb-courses {
	margin-bottom: 0;
}

/* Featured course styling - equal treatment for all 4 popular courses */
.collection-post.featured-course {
	position: relative;
	transform: scale(1.01);
	box-shadow: 0 6px 20px rgba(59, 184, 168, 0.15);
	border: 1px solid var(--primary-color);
	border-radius: 8px;
	overflow: visible;
	transition: all 0.3s ease;
}

.collection-post.featured-course:hover {
	transform: scale(1.03);
	box-shadow: 0 10px 30px rgba(59, 184, 168, 0.25);
	border-color: var(--secondary-color);
}

/* Course title below image */
.course-title-below {
	padding: 15px 10px;
	text-align: center;
	background-color: #f8f8f8;
}

.course-title-below h3 {
	font-size: 16px;
	font-weight: 700;
	color: #2e3e77;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Featured course styling for course-post cards - equal treatment */
.course-post.featured-course {
	position: relative;
	transform: scale(1.01);
	box-shadow: 0 6px 20px rgba(59, 184, 168, 0.15);
	border: 1px solid var(--primary-color);
	border-radius: 8px;
	overflow: hidden;
	transition: all 0.3s ease;
	margin-bottom: 30px;
	height: 280px;
	display: flex;
	flex-direction: column;
}

.course-post.featured-course:hover {
	transform: scale(1.03);
	box-shadow: 0 10px 30px rgba(59, 184, 168, 0.25);
	border-color: var(--secondary-color);
}

/*------------------------------------------------- */
/* =  Countdown section */
/*------------------------------------------------- */
section.countdown-section {
	padding: 80px 0;
	background-color: #f8f9fa;
	text-align: center;
}
section.countdown-section h1 {
	margin-bottom: 5px;
}
section.countdown-section .countdown-box {
	max-width: 800px;
	margin: 0 auto;
}
section.countdown-section .countdown-item {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 35px 0;
}
section.countdown-section .countdown-item .countdown-unit {
	min-width: 100px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
section.countdown-section .countdown-item .countdown-unit .number {
	display: block;
	color: #f9a134;
	padding: 25px 15px;
	border-bottom: 1px solid #efefef;
	font-size: 38px;
	font-weight: 300;
	letter-spacing: -2px;
	line-height: 1;
}
section.countdown-section .countdown-item .countdown-unit .text {
	color: #7d7e7f;
	font-size: 13px;
	display: block;
	line-height: 1;
	padding: 8px 15px;
}
section.countdown-section a.button-two {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.countdown-item {
		flex-wrap: wrap;
		margin-bottom: 10px !important;
	}
	.countdown-col {
		flex: 2;
		margin-bottom: 20px;
	}
}

/*------------------------------------------------- */
/* =  popular courses section */
/*------------------------------------------------- */
section.popular-courses-section {
	padding: 80px 0 50px;
}

section.courses-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}
section.courses-section .courses-top-bar {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-bottom: 1.875rem;
	padding: 1rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
section.courses-section .courses-top-bar .courses-view a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	padding: 10px 12px;
	margin-right: 6px;
	color: #2f2f32;
	font-size: 15px;
}
section.courses-section .courses-top-bar .courses-view a.active,
section.courses-section .courses-top-bar .courses-view a:hover {
	border-color: transparent;
	background-color: #4783f3;
	color: #fff;
}
section.courses-section .courses-top-bar .courses-view span {
	color: #7d7e7f;
	margin-left: 15px;
}
section.courses-section .courses-top-bar form {
	position: relative;
}
section.courses-section .courses-top-bar form input {
	width: 100%;
	min-width: 224px;
	padding-right: 42px;
	line-height: 1.6;
	outline: 0;
	padding: 8px 10px;
	border: 1px solid #dcdcdc;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	border-radius: 2px;
	transition: all 0.2s;
}
section.courses-section .courses-top-bar form button {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 0;
	outline: 0;
	color: #7d7e7f;
	font-size: 15px;
}

@media (max-width: 767px) {
	section.courses-section .courses-top-bar .courses-view span {
		display: none;
	}
}

/*------------------------------------------------- */
/* =  course-post */
/*------------------------------------------------- */
.course-post {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	overflow: hidden;
	margin-bottom: 30px;
}
.course-post:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	-o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}
.course-post .course-thumbnail-holder {
	height: 180px;
	overflow: hidden;
}
.course-post .course-thumbnail-holder img {
	width: 300px;
	height: 180px;
	object-fit: cover;
	display: block;
}
.course-post .course-content-main {
	padding: 15px;
	overflow: hidden;
	height: 80px;
	display: flex;
	align-items: center;
}
.course-post .course-content-main h2 a {
	color: #2f2f32;
}
.course-post .course-content-main h2 a:hover {
	color: #f9a134;
}
.course-post .course-content-main .course-rating-teacher {
	display: flex;
	align-items: center;
	font-size: 0.8125rem;
}
.course-post .course-content-main .course-rating-teacher .star-rating .rating {
	background-color: #8bca48;
	color: #fff;
	padding: 3px 6px;
	margin-right: 2px;
	border-radius: 4px;
}
.course-post
	.course-content-main
	.course-rating-teacher
	.star-rating
	.votes-number {
	color: #adb5bd;
	margin-right: 8px;
}
.course-post .course-content-main .course-rating-teacher a.course-loop-teacher {
	color: #4783f3;
	display: inline-flex;
	font-size: 14px;
}
.course-post
	.course-content-main
	.course-rating-teacher
	a.course-loop-teacher:before {
	content: "";
	display: inline-flex;
	align-self: center;
	margin-right: 10px;
	width: 1px;
	height: 18px;
	background-color: #e9ecef;
}
.course-post .course-content-main p {
	margin-bottom: 0;
	margin-top: 10px;
}
.course-post .course-content-bottom {
	border-top: 1px solid #e5e5e5;
	padding: 10px 20px;
	font-size: 0.9375rem;
	margin-top: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.course-post .course-content-bottom .course-students {
	color: #7d7e7f;
}
.course-post .course-content-bottom .course-students i {
	margin-right: 8px;
	float: left;
}
.course-post .course-content-bottom .course-students span {
	font-size: 15px;
}
.course-post .course-content-bottom .course-price {
	font-size: 15px;
	color: #f9a134;
}
.course-post.list-style {
	display: flex;
}
.course-post.list-style .course-thumbnail-holder {
	width: 43%;
}
.course-post.list-style .course-content-holder {
	width: 57%;
}

/*------------------------------------------------- */
/* =  Events */
/*------------------------------------------------- */
section.events-section {
	padding: 80px 0;
	background-color: #ffffff;
	position: relative;
}

/* Optional overlay for better text readability */
section.events-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: none;
	z-index: 1;
}

section.events-section .container {
	position: relative;
	z-index: 2;
}

/* Make events section heading more prominent */
section.events-section .title-section h1 {
	font-size: 3rem !important;
	font-weight: 700 !important;
	color: #2e3e77 !important;
	text-shadow: none !important;
	margin-bottom: 1rem !important;
}

section.events-section .title-section span {
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	color: #27a399 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	text-shadow: none !important;
}

section.events-section.events-page {
	padding: 40px 0;
}

/* Events Table Styling */
.events-scroll-container {
	position: relative;
}

.table-scroll-arrow {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-color: #27a399;
	color: #fff;
	border: none;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	z-index: 10;
	transition:
		opacity 0.3s ease,
		background-color 0.2s ease;
}

.table-scroll-arrow--right {
	right: -20px;
}

.table-scroll-arrow--left {
	left: -20px;
}

.table-scroll-arrow:hover {
	background-color: #219f8f;
}

.table-scroll-arrow.hidden {
	opacity: 0;
	pointer-events: none;
}

@media (max-width: 768px) {
	.table-scroll-arrow {
		display: flex;
	}
	.events-scroll-container {
		margin: 0 28px;
	}
}

.events-table-wrapper {
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(39, 163, 153, 0.1);
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.events-table {
	width: 100%;
	border-collapse: collapse;
}

.events-table thead {
	background-color: #27a399;
	color: white;
}

.events-table thead th {
	padding: 18px 15px;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border: none;
}

.events-table tbody tr {
	border-bottom: 1px solid #e0e0e0;
	transition: background-color 0.3s ease;
}

.events-table tbody tr:hover {
	background-color: rgba(39, 163, 153, 0.05);
}

.events-table tbody tr:last-child {
	border-bottom: none;
}

.events-table tbody td {
	padding: 18px 15px;
	font-size: 14px;
	color: #333;
}

/* Add extra visual gap between col 1 (Date) and col 2 (Course Name). */
.events-table thead th:first-child,
.events-table tbody td:first-child {
	padding-right: 40px;
}

.events-table thead th:nth-child(2),
.events-table tbody td:nth-child(2) {
	padding-left: 28px;
}

.event-date {
	display: inline-block;
	padding: 6px 12px;
	width: 150px;
	box-sizing: border-box;
	text-align: left;
	white-space: nowrap;
	background-color: #f0f0f0;
	border-left: 4px solid #27a399;
	border-radius: 3px;
	font-weight: 600;
	color: #27a399;
}

.event-link {
	display: inline-block;
	padding: 8px 16px;
	background-color: #27a399;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.event-link:hover {
	background-color: #219f8f;
	box-shadow: 0 4px 12px rgba(39, 163, 153, 0.3);
}

.no-events {
	background-color: white;
	padding: 40px 20px;
	text-align: center;
	border-radius: 8px;
	color: #666;
	font-size: 16px;
}

.no-events p {
	margin: 0;
}

.no-events a {
	color: #27a399;
	text-decoration: none;
	font-weight: 600;
}

.no-events a:hover {
	text-decoration: underline;
}

/* Responsive Events Table */
@media (max-width: 768px) {
	section.events-section {
		padding: 60px 0;
	}

	.events-table {
		font-size: 13px;
		min-width: 600px;
	}

	.events-table thead th {
		padding: 14px 12px;
		font-size: 12px;
	}

	.events-table tbody td {
		padding: 14px 12px;
		font-size: 13px;
	}

	.events-table thead th:first-child,
	.events-table tbody td:first-child {
		padding-right: 20px;
	}

	.events-table thead th:nth-child(2),
	.events-table tbody td:nth-child(2) {
		padding-left: 12px;
	}

	.event-link {
		padding: 8px 14px;
		font-size: 12px;
	}

	.event-date {
		width: 140px;
	}
}

@media (max-width: 480px) {
	section.events-section {
		padding: 40px 15px;
	}

	section.events-section .title-section h1 {
		font-size: 1.8rem !important;
	}

	section.events-section .title-section span {
		font-size: 0.9rem !important;
	}

	.events-table-wrapper {
		border-radius: 4px;
	}

	.events-table {
		font-size: 12px;
	}

	.events-table thead th {
		padding: 10px 8px;
		font-size: 11px;
	}

	.events-table tbody td {
		padding: 10px 8px;
		font-size: 12px;
	}

	.events-table thead th:first-child,
	.events-table tbody td:first-child {
		padding-right: 10px;
	}

	.events-table thead th:nth-child(2),
	.events-table tbody td:nth-child(2) {
		padding-left: 8px;
	}

	.event-link {
		padding: 6px 10px;
		font-size: 11px;
	}

	.event-date {
		width: 120px;
		font-size: 12px;
	}
}

/* Consistent section title styling - light backgrounds use teal, dark backgrounds use white */

/* Featured Courses section (white background) - use teal colors */
section.collection-section .title-section h1 {
	font-size: 3rem !important;
	font-weight: 700 !important;
	color: #3bb8a8 !important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
	margin-bottom: 1rem !important;
}

section.collection-section .title-section span {
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	color: #2e3e77 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

/* Testimonial section titles (if any) */
section.testimonial-section .title-section h1 {
	font-size: 3rem !important;
	font-weight: 700 !important;
	color: #3bb8a8 !important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
	margin-bottom: 1rem !important;
}

section.testimonial-section .title-section span {
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	color: #2e3e77 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

/* Countdown section titles (light background) */
section.countdown-section .title-section h1,
section.countdown-section h1 {
	font-size: 3rem !important;
	font-weight: 700 !important;
	color: #3bb8a8 !important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1) !important;
	margin-bottom: 1rem !important;
}

section.countdown-section .title-section span {
	font-size: 1.2rem !important;
	font-weight: 600 !important;
	color: #2e3e77 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

/*------------------------------------------------- */
/* =  events-posts */
/*------------------------------------------------- */
.events-post {
	background: white;
	border: 1px solid var(--primary-color);
	padding: 29px;
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	margin-bottom: 30px;
	position: relative;
	box-shadow: 0 2px 8px rgba(59, 184, 168, 0.1);
}
.events-post::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: var(--primary-color);
	border-radius: 8px 8px 0 0;
}
.events-post:hover {
	transform: translateY(-3px);
	background: white;
	box-shadow: 0 4px 15px rgba(59, 184, 168, 0.15);
	border-color: var(--primary-color);
}
.events-post .event-inner-content {
	display: flex;
	align-items: center;
}
.events-post .event-inner-content .top-part {
	display: flex;
	flex-grow: 1;
	align-items: center;
}
.events-post .event-inner-content .top-part .date-holder {
	margin-right: 24px;
}
.events-post .event-inner-content .top-part .date-holder .date {
	position: relative;
	width: 80px;
	height: 80px;
	border: 2px solid var(--primary-color);
	background: var(--primary-color);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	color: white;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(59, 184, 168, 0.2);
	transition: all 0.3s ease;
}
.events-post .event-inner-content .top-part .date-holder .date:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(59, 184, 168, 0.3);
}
.events-post .event-inner-content .top-part .date-holder .date:before,
.events-post .event-inner-content .top-part .date-holder .date:after {
	content: "";
	position: absolute;
	top: -7px;
	width: 3px;
	height: 14px;
	border-radius: 2px;
	left: 18px;
	background: var(--primary-color);
}
.events-post .event-inner-content .top-part .date-holder .date:after {
	right: 18px;
	left: initial;
}
.events-post .event-inner-content .top-part .date-holder .date .date-day {
	font-size: 30px;
	font-weight: 700;
	color: white;
}
.events-post .event-inner-content .top-part .date-holder .date .date-month {
	font-size: 14px;
	font-weight: 500;
	color: white;
	opacity: 0.9;
}
.events-post .event-inner-content .top-part .event-meta {
	margin-bottom: 8px;
}
.events-post .event-inner-content .top-part .event-meta .event-meta-piece {
	display: inline-block;
	font-size: 14px;
	padding-right: 15px;
	color: var(--light-text);
}
.events-post .event-inner-content .top-part .event-meta .event-meta-piece i {
	font-size: 18px;
	margin-right: 8px;
	color: var(--secondary-color);
	float: left;
}
.events-post .event-inner-content .top-part h2 {
	margin-bottom: 0;
	font-size: 1.35rem;
	font-weight: 700;
}
.events-post .event-inner-content .top-part h2 a {
	color: #1a1a1a;
	transition: all 0.3s ease;
	text-decoration: none;
	font-weight: 700;
}
.events-post .event-inner-content .top-part h2 a:hover {
	color: var(--primary-color);
	text-shadow: 0 1px 3px rgba(59, 184, 168, 0.3);
}
.events-post .event-inner-content .top-part .content {
	flex-grow: 1;
}
.events-post .event-inner-content .top-part .events-image {
	margin-left: 30px;
}
.events-post .event-inner-content .top-part .events-image img {
	max-width: 180px;
	height: auto;
}

@media (max-width: 767px) {
	.events-post .event-inner-content .top-part .events-image {
		display: none;
	}
}

/*------------------------------------------------- */
/* =  video-post */
/*------------------------------------------------- */
.video-post {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.video-post img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.video-post .hover-post {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	padding: 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(rgba(0, 0, 0, 0.8)),
		to(transparent)
	);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent 100%);
}
.video-post .hover-post h2 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
}
.video-post .hover-post p {
	color: #fff;
	margin-bottom: 0px;
	margin-top: 5px;
}
.video-post a.video-link {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px;
	width: 54px;
	height: 54px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	color: #fff;
	padding-left: 3px;
}
.video-post a.video-link:hover {
	background-color: #fff;
	color: #2f2f32;
}
.video-post.small-post a.video-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: -30px;
	margin-left: -20px;
}

/*------------------------------------------------- */
/* =  News sections */
/*------------------------------------------------- */
section.news-section {
	padding: 80px 0;
}

section.blog-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}
section.blog-section ul.page-pagination {
	margin-bottom: 40px;
}
section.blog-section ul.page-pagination li {
	display: inline-block;
	margin-right: 8px;
}
section.blog-section ul.page-pagination li a {
	color: #464749;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #f0f0f1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
section.blog-section ul.page-pagination li a:hover,
section.blog-section ul.page-pagination li a.active {
	color: #fff;
	background-color: #f9a134;
}

/*------------------------------------------------- */
/* =  blog post */
/*------------------------------------------------- */
.blog-post {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
}
.blog-post img {
	width: 100%;
	height: auto;
}
.blog-post .post-content {
	padding: 30px;
}
.blog-post .post-content a.category {
	font-size: 14px;
	padding-right: 24px;
	color: #8f8f8f;
	margin-bottom: 8px;
}
.blog-post .post-content a.category:hover {
	color: #f9a134;
}
.blog-post .post-content h1 {
	margin-bottom: 5px;
}
.blog-post .post-content h2 a {
	color: #2f2f32;
}
.blog-post .post-content h2 a:hover {
	color: #4783f3;
}
.blog-post .post-content .post-meta {
	display: inline-block;
	font-size: 14px;
	padding-right: 24px;
	line-height: 22px;
	color: #8f8f8f;
}
.blog-post .post-content .post-meta i {
	color: #f9a134;
	margin-right: 8px;
	float: left;
	font-size: 22px;
}
.blog-post .post-content .post-meta a {
	color: #8f8f8f;
}
.blog-post .post-content .post-meta a:hover {
	color: #4783f3;
}
.blog-post.list-style {
	display: flex;
}
.blog-post.list-style > a {
	width: 40%;
}
.blog-post.list-style div.post-content {
	width: 60%;
}
.blog-post.single-post p {
	margin-bottom: 24px;
	line-height: 26px;
}
.blog-post.single-post p span {
	font-weight: 600;
}
.blog-post.single-post blockquote {
	margin: 0 0 25px;
	font-size: 20px;
	color: #464749;
	font-style: normal;
	padding-left: 1em;
	border-left: 3px solid #e5e5e5;
}
.blog-post.single-post ul.text-list {
	margin: 0 0 25px;
	padding-left: 20px;
}
.blog-post.single-post ul.text-list li {
	line-height: 26px;
}

@media (max-width: 767px) {
	.blog-post.list-style {
		flex-direction: column;
	}
	.blog-post.list-style > a {
		width: 100%;
	}
	.blog-post.list-style div.post-content {
		width: 100%;
	}
}

/*------------------------------------------------- */
/* =  testimonial section
/*------------------------------------------------- */
section.testimonial-section {
	background: #f8f9fa;
	padding: 80px 0;
	background-image: url("../images/events-section-bg-1200.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}

/* White wash overlay for testimonial section */
section.testimonial-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.6);
	z-index: 1;
}

section.testimonial-section .container {
	position: relative;
	z-index: 2;
}
section.testimonial-section .testimonial-box .testimonial-post {
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
section.testimonial-section .testimonial-box .testimonial-post .profile-test {
	display: flex;
	align-items: center;
	min-width: 320px;
	margin-left: 20px;
}
section.testimonial-section
	.testimonial-box
	.testimonial-post
	.profile-test
	h2 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0px;
}
section.testimonial-section .testimonial-box .testimonial-post .profile-test p {
	margin-bottom: 0;
}
section.testimonial-section .testimonial-box .testimonial-post img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border: 6px solid rgba(73, 80, 87, 0.1);
	max-width: 90px;
	height: auto;
	margin-right: 20px;
}
section.testimonial-section .testimonial-box .testimonial-post > p {
	font-size: 19px;
	color: #464749;
	margin: 0;
	line-height: 30px;
}
section.testimonial-section .owl-theme .owl-controls .owl-page.active span,
section.testimonial-section
	.owl-theme
	.owl-controls.clickable
	.owl-page:hover
	span {
	background: #f9a134;
}
section.testimonial-section .owl-buttons {
	display: none;
}

@media (max-width: 767px) {
	section.testimonial-section .testimonial-box .testimonial-post {
		flex-direction: column;
		text-align: center;
	}
	section.testimonial-section .testimonial-box .testimonial-post p {
		margin-bottom: 30px;
		padding: 0 15px;
	}
}

/*------------------------------------------------- */
/* =  Sidebar */
/*------------------------------------------------- */
.sidebar .widget {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 1.75rem;
	margin-bottom: 1.75rem;
}
.sidebar .widget h2 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #f4f4f4;
	position: relative;
}
.sidebar .widget h2:before {
	content: "";
	display: block;
	position: absolute;
	left: -1.75rem;
	top: 0;
	width: 2px;
	height: 24px;
	background-color: #f9a134;
}

.sidebar .search-widget form.search-form {
	position: relative;
}

.sidebar .search-widget input[type="search"] {
	width: 100%;
	padding-right: 42px;
	line-height: 1.6;
	outline: 0;
	padding: 8px 10px;
	border: 1px solid #dcdcdc;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.sidebar .search-widget button {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 0;
	outline: 0;
	color: #7d7e7f;
	font-size: 18px;
}

.sidebar .ads-widget img {
	width: 100%;
	height: auto;
}

.sidebar .category-widget ul.category-list li,
.sidebar .category-widget ul.archives-list li,
.sidebar .category-widget ul.filter li,
.sidebar .archives-widget ul.category-list li,
.sidebar .archives-widget ul.archives-list li,
.sidebar .archives-widget ul.filter li,
.sidebar .filter-widget ul.category-list li,
.sidebar .filter-widget ul.archives-list li,
.sidebar .filter-widget ul.filter li {
	display: block;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0;
}
.sidebar .category-widget ul.category-list li a,
.sidebar .category-widget ul.archives-list li a,
.sidebar .category-widget ul.filter li a,
.sidebar .archives-widget ul.category-list li a,
.sidebar .archives-widget ul.archives-list li a,
.sidebar .archives-widget ul.filter li a,
.sidebar .filter-widget ul.category-list li a,
.sidebar .filter-widget ul.archives-list li a,
.sidebar .filter-widget ul.filter li a {
	display: block;
	color: #464749;
	font-size: 15px;
	line-height: 24px;
}
.sidebar .category-widget ul.category-list li a:hover,
.sidebar .category-widget ul.category-list li a.active,
.sidebar .category-widget ul.archives-list li a:hover,
.sidebar .category-widget ul.archives-list li a.active,
.sidebar .category-widget ul.filter li a:hover,
.sidebar .category-widget ul.filter li a.active,
.sidebar .archives-widget ul.category-list li a:hover,
.sidebar .archives-widget ul.category-list li a.active,
.sidebar .archives-widget ul.archives-list li a:hover,
.sidebar .archives-widget ul.archives-list li a.active,
.sidebar .archives-widget ul.filter li a:hover,
.sidebar .archives-widget ul.filter li a.active,
.sidebar .filter-widget ul.category-list li a:hover,
.sidebar .filter-widget ul.category-list li a.active,
.sidebar .filter-widget ul.archives-list li a:hover,
.sidebar .filter-widget ul.archives-list li a.active,
.sidebar .filter-widget ul.filter li a:hover,
.sidebar .filter-widget ul.filter li a.active {
	color: #4783f3;
}
.sidebar .category-widget ul.category-list li:last-child,
.sidebar .category-widget ul.archives-list li:last-child,
.sidebar .category-widget ul.filter li:last-child,
.sidebar .archives-widget ul.category-list li:last-child,
.sidebar .archives-widget ul.archives-list li:last-child,
.sidebar .archives-widget ul.filter li:last-child,
.sidebar .filter-widget ul.category-list li:last-child,
.sidebar .filter-widget ul.archives-list li:last-child,
.sidebar .filter-widget ul.filter li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.sidebar .tags-widget ul.tags-list li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
}
.sidebar .tags-widget ul.tags-list li a {
	background-color: #4783f3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	line-height: 1;
	font-size: 14px;
	padding: 6px 10px;
}
.sidebar .tags-widget ul.tags-list li a:hover {
	opacity: 0.85;
}

.sidebar .products-widget ul.products-list li {
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
}
.sidebar .products-widget ul.products-list li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.sidebar .products-widget ul.products-list li > a {
	margin-right: 10px;
}
.sidebar .products-widget ul.products-list li img {
	width: 65px;
	height: 65px;
}
.sidebar .products-widget ul.products-list li h3 {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 0px;
}
.sidebar .products-widget ul.products-list li h3 a {
	color: #2f2f32;
}
.sidebar .products-widget ul.products-list li h3 a:hover {
	color: #4783f3;
}
.sidebar .products-widget ul.products-list li span {
	font-size: 13px;
	color: #f9a134;
	margin: 0;
}

.sidebar .buy-widget table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 40px;
	border-radius: 0;
}
.sidebar .buy-widget table tr th {
	padding: 15px 0;
	text-align: left;
	line-height: 1.4;
	font-weight: 400;
	color: #495057;
	font-size: 14px;
	vertical-align: middle;
	border: 0;
	border-bottom: 1px solid #efefef;
}
.sidebar .buy-widget table tr td {
	padding: 9px 0 8px;
	font-size: 15px;
	font-weight: 500;
	color: #888;
	border-bottom: 1px solid #efefef;
}
.sidebar .buy-widget table tr td span {
	color: #f9a134;
}
.sidebar .buy-widget table tr td input {
	width: 60px;
	outline: none;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 10px;
}

.sidebar .buy-widget > a {
	width: 100%;
	text-align: center;
}

.sidebar div.course-widget p.price {
	margin-bottom: 24px;
}
.sidebar div.course-widget p.price span.price-label {
	display: block;
	color: #adb5bd;
}
.sidebar div.course-widget p.price span.amount {
	color: #464749;
	font-size: 26px;
	line-height: 30px;
}
.sidebar div.course-widget p.price span.amount del {
	font-size: 15px;
	margin-right: 6px;
}

.sidebar div.course-widget a.button-one {
	margin-bottom: 26px;
	width: 100%;
	text-align: center;
}

.sidebar div.course-widget h3 {
	font-weight: 500;
	margin-bottom: 4px;
}

.sidebar div.course-widget .product-meta-info-list .meta-info-unit {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e9ecef;
	padding-top: 12px;
	padding-bottom: 12px;
}
.sidebar div.course-widget .product-meta-info-list .meta-info-unit .icon {
	color: #f9a134;
	font-size: 16px;
	margin-right: 15px;
	line-height: 10px;
}
.sidebar div.course-widget .product-meta-info-list .meta-info-unit .value {
	color: #7d7e7f;
	font-size: 15px;
	line-height: 26px;
}

.sidebar div.course-widget ul.share-list {
	margin-top: 30px;
	text-align: center;
}
.sidebar div.course-widget ul.share-list li {
	display: inline-block;
	margin: 0 2px;
}
.sidebar div.course-widget ul.share-list li a {
	width: 36px;
	height: 36px;
	display: flex;
	color: rgba(0, 0, 0, 0.6);
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.sidebar div.course-widget ul.share-list li a:hover {
	border-color: transparent;
	color: #fff;
}
.sidebar div.course-widget ul.share-list li a.facebook:hover {
	background: #7073e5;
}
.sidebar div.course-widget ul.share-list li a.google:hover {
	background: #e6545f;
}
.sidebar div.course-widget ul.share-list li a.linkedin:hover {
	background: #0077b5;
}
.sidebar div.course-widget ul.share-list li a.twitter:hover {
	background: #63bde3;
}

.sidebar .profile-widget .top-part {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.sidebar .profile-widget .top-part img {
	max-width: 100%;
	width: 80px;
	height: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.sidebar .profile-widget .top-part .name {
	line-height: normal;
	flex-grow: 1;
	padding-left: 20px;
}
.sidebar .profile-widget .top-part .name h3 {
	margin-bottom: 4px;
}
.sidebar .profile-widget .top-part .name span {
	color: #adb5bd;
}

.sidebar .profile-widget p {
	line-height: 28px;
}

.sidebar .cart-widget table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
}
.sidebar .cart-widget table tr {
	border-bottom: 1px solid #eaeaea;
}
.sidebar .cart-widget table tr th {
	padding: 15px 0;
	vertical-align: baseline;
	padding-right: 50px;
	width: 60px;
	font-size: 15px;
	color: #2f2f32;
	font-weight: 400;
}
.sidebar .cart-widget table tr td {
	padding: 15px;
	font-size: 15px;
	color: #7d7e7f;
}
.sidebar .cart-widget table tr td.name-pro {
	min-width: 240px;
}
.sidebar .cart-widget table tr td.total-price {
	color: #2f2f32;
	font-size: 22px;
}

.sidebar .cart-widget a {
	color: #fff;
	text-align: center;
	border: 0;
	padding: 10px 22px;
	width: 100%;
	vertical-align: bottom;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
	display: inline-block;
	background-color: #f9a134;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.sidebar .cart-widget a:hover {
	opacity: 0.86;
}

/*------------------------------------------------- */
/* =  single post */
/*------------------------------------------------- */
.blog-post.single-post p {
	margin-bottom: 24px;
	line-height: 26px;
}
.blog-post.single-post p span {
	font-weight: 600;
}

.blog-post.single-post blockquote {
	margin: 0 0 25px;
	font-size: 20px;
	color: #464749;
	font-style: normal;
	padding-left: 1em;
	border-left: 3px solid #e5e5e5;
}

.blog-post.single-post ul.text-list {
	margin: 0 0 25px;
	padding-left: 20px;
}
.blog-post.single-post ul.text-list li {
	line-height: 26px;
}

.blog-post.single-post .tags-share-box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5;
	padding-top: 10px;
}
.blog-post.single-post .tags-share-box ul {
	margin-bottom: 30px;
}
.blog-post.single-post .tags-share-box ul li {
	display: inline-block;
	color: #7d7e7f;
	font-size: 15px;
}
.blog-post.single-post .tags-share-box ul li:first-child {
	margin-left: 0;
}
.blog-post.single-post .tags-share-box ul li:last-child {
	margin-right: 0;
}
.blog-post.single-post .tags-share-box ul li span {
	margin-right: 4px;
}
.blog-post.single-post .tags-share-box ul.tags-list li a {
	color: #464749;
	padding: 4px 8px;
	line-height: 1.2;
	display: inline-block;
	background-color: #e9ecef;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	margin-left: 4px;
}
.blog-post.single-post .tags-share-box ul.tags-list li a:hover {
	color: #4783f3;
}
.blog-post.single-post .tags-share-box ul.share-list li a {
	width: 36px;
	height: 36px;
	display: flex;
	color: rgba(0, 0, 0, 0.6);
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.blog-post.single-post .tags-share-box ul.share-list li a:hover {
	border-color: transparent;
	color: #fff;
}
.blog-post.single-post .tags-share-box ul.share-list li a.facebook:hover {
	background: #7073e5;
}
.blog-post.single-post .tags-share-box ul.share-list li a.google:hover {
	background: #e6545f;
}
.blog-post.single-post .tags-share-box ul.share-list li a.linkedin:hover {
	background: #0077b5;
}
.blog-post.single-post .tags-share-box ul.share-list li a.twitter:hover {
	background: #63bde3;
}

.blog-post.single-post .about-author {
	padding-top: 30px;
	display: flex;
}
.blog-post.single-post .about-author .image-holder {
	margin-right: 30px;
}
.blog-post.single-post .about-author .image-holder img {
	width: 110px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.post-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.75rem;
}
.post-nav .post-nav-btn {
	max-width: 50%;
}
.post-nav .post-nav-btn .post-nav-link {
	color: #464749;
	display: block;
	position: relative;
	line-height: 1.5;
	padding-top: 10px;
	font-size: 15px;
	padding-bottom: 10px;
}
.post-nav .post-nav-btn .post-nav-link.prev {
	padding-left: 36px;
}
.post-nav .post-nav-btn .post-nav-link.next {
	padding-right: 36px;
}
.post-nav .post-nav-btn .post-nav-link.next i {
	left: initial;
	right: 0;
}
.post-nav .post-nav-btn .post-nav-link i {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	color: #adb5bd;
}
.post-nav .post-nav-btn .post-nav-link span {
	display: block;
	color: #adb5bd;
}

.comments-holder {
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 30px;
	margin-bottom: 30px;
}
.comments-holder > h2 {
	font-size: 24px;
	margin-bottom: 10px;
}
.comments-holder .comment-list {
	margin-top: 30px;
}
.comments-holder .comment-list li {
	display: block;
	border-top: 1px solid #f2f2f2;
	padding-top: 30px;
	overflow: hidden;
}
.comments-holder .comment-list li div.image-holder {
	margin-right: 30px;
	float: left;
}
.comments-holder .comment-list li div.image-holder img {
	width: 75px;
	height: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.comments-holder .comment-list li div.comment-content {
	padding-top: 4px;
}
.comments-holder .comment-list li div.comment-content h2 {
	margin-bottom: 10px;
}
.comments-holder .comment-list li div.comment-content h2 span {
	display: inline-block;
	color: #adb5bd;
	font-size: 14px;
	margin: 0 10px;
}
.comments-holder .comment-list li div.comment-content h2 a {
	padding: 5px 10px;
	font-size: 13px;
	background-color: #f8f9fa;
	border-radius: 2px;
	line-height: 1.5;
	font-size: 14px;
	color: #464749;
}
.comments-holder .comment-list li div.comment-content h2 a i {
	color: #adb5bd;
	margin-right: 6px;
}
.comments-holder .comment-list li div.comment-content h2 a:hover {
	color: #4783f3;
}
.comments-holder .comment-list li div.comment-content p {
	margin-bottom: 30px;
}
.comments-holder .comment-list li ul.depth-comment {
	margin-left: 105px;
}

.comment-form {
	margin-bottom: 30px;
}
.comment-form h2 {
	font-size: 22px;
}
.comment-form p {
	margin-bottom: 20px;
}
.comment-form label {
	display: block;
	color: #6c757d;
	margin-bottom: 3px;
}
.comment-form textarea {
	display: block;
	width: 100%;
	height: 140px;
	padding: 8px 10px;
	border: 1px solid #dcdcdc;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	outline: none;
	border-radius: 2px;
	margin-bottom: 15px;
}
.comment-form button {
	color: #fff;
	text-align: center;
	border: 0;
	padding: 11px 22px;
	vertical-align: bottom;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
	display: inline-block;
	background-color: #f9a134;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	cursor: pointer;
}
.comment-form button:hover {
	opacity: 0.86;
}

@media (max-width: 640px) {
	.comments-holder .comment-list li ul.depth-comment {
		margin-left: 0;
	}
}

/*------------------------------------------------- */
/* =  teachers section */
/*------------------------------------------------- */
section.teachers-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}
section.teachers-section .profile-image {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 40px;
	overflow: hidden;
}
section.teachers-section .profile-image .image-holder {
	max-height: 490px;
	overflow: hidden;
}
section.teachers-section .profile-image .image-holder img {
	width: 100%;
	height: auto;
}
section.teachers-section .profile-image ul.social-links {
	background-color: #fff;
	padding: 15px 20px;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	margin: 0;
}
section.teachers-section .profile-image ul.social-links li {
	display: inline-block;
	margin: 0 2px;
}
section.teachers-section .profile-image ul.social-links li a {
	width: 36px;
	height: 36px;
	display: flex;
	color: rgba(0, 0, 0, 0.6);
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
section.teachers-section .profile-image ul.social-links li a:hover {
	border-color: transparent;
	color: #fff;
}
section.teachers-section .profile-image ul.social-links li a.facebook:hover {
	background: #7073e5;
}
section.teachers-section .profile-image ul.social-links li a.google:hover {
	background: #e6545f;
}
section.teachers-section .profile-image ul.social-links li a.linkedin:hover {
	background: #0077b5;
}
section.teachers-section .profile-image ul.social-links li a.twitter:hover {
	background: #63bde3;
}
section.teachers-section .profile-details {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
section.teachers-section .profile-details p {
	margin-bottom: 30px;
}
section.teachers-section .profile-details .line-details {
	padding: 30px 0;
	border-top: 1px solid #ebebeb;
}
section.teachers-section .profile-details .detail-item {
	display: flex;
}
section.teachers-section .profile-details .detail-item i {
	width: 56px;
	height: 56px;
	font-size: 24px;
	text-align: center;
	line-height: 54px;
	color: #4783f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	margin-right: 24px;
}
section.teachers-section .profile-details .detail-item h2 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
}
section.teachers-section .profile-details .detail-item span,
section.teachers-section .profile-details .detail-item a {
	font-size: 14px;
	color: #464749;
}
section.teachers-section .profile-details .detail-item a:hover {
	color: #4783f3;
}
section.teachers-section .teacher-content {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
section.teachers-section .teacher-content p {
	margin-bottom: 30px;
}
section.teachers-section .teacher-content .skills-box .skill-line {
	background: #f7f7f7;
	position: relative;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 15px;
	overflow: hidden;
}
section.teachers-section
	.teacher-content
	.skills-box
	.skill-line
	span.fill-text {
	display: inline-block;
	color: #fff;
	padding: 0.5em 1em;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-size: 14px;
	position: relative;
	line-height: 26px;
	z-index: 2;
}
section.teachers-section
	.teacher-content
	.skills-box
	.skill-line
	span.fill-box {
	background-color: #4cadc9;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
section.teachers-section .teacher-content form.contact-form input,
section.teachers-section .teacher-content form.contact-form textarea {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dcdcdc;
	line-height: 1.6;
	outline: 0;
	padding: 8px 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	font-size: 14px;
}
section.teachers-section .teacher-content form.contact-form textarea {
	height: 100px;
}
section.teachers-section .teacher-content form.contact-form button {
	color: #fff;
	text-align: center;
	border: 0;
	padding: 11px 22px;
	vertical-align: bottom;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
	display: inline-block;
	background-color: #f9a134;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	cursor: pointer;
}
section.teachers-section .teacher-content form.contact-form button:hover {
	opacity: 0.86;
}

.teacher-post {
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.teacher-post:hover {
	box-shadow: 0 15px 20px #cacaca;
	-webkit-box-shadow: 0 15px 20px #cacaca;
	-moz-box-shadow: 0 15px 20px #cacaca;
	-o-box-shadow: 0 15px 20px #cacaca;
}
.teacher-post a {
	position: relative;
	display: block;
}
.teacher-post a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: transparent;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.teacher-post a:hover:before {
	background-color: rgba(0, 0, 0, 0.3);
}
.teacher-post img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.teacher-post .hover-post {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	padding: 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(rgba(0, 0, 0, 0.8)),
		to(transparent)
	);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent 100%);
	z-index: 2;
}
.teacher-post .hover-post h2 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
}
.teacher-post .hover-post span {
	color: #fff;
	margin-bottom: 0px;
	margin-top: 7px;
}

@media (max-width: 767px) {
	section.teachers-section .profile-details .detail-item {
		margin-bottom: 10px;
	}
}

/*------------------------------------------------- */
/* =  about section */
/*------------------------------------------------- */
section.about-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}

.about-article img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-bottom: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.about-article img.bio-image {
	width: 100%; /* Adjust as needed */
	max-width: 250px; /* Reduced size */
	height: auto;
	border-radius: 5%; /* Make it circular if desired */
	display: block;
	margin: 0 auto 15px auto; /* Center block element */
	object-fit: cover;
	/* Remove float and margins used for floating */
	float: none;
	margin-right: 0;
	margin-bottom: 15px;
}

.about-article h2.bio-name {
	text-align: center;
	font-size: 24px; /* Bigger font */
	font-weight: 600; /* Bolder font */
	margin-bottom: 30px; /* Space below name */
}

.about-article .article-content.bio-text {
	padding: 0; /* Remove padding if image/name are outside */
	border: none; /* Remove border if image/name are outside */
	background-color: transparent; /* Remove background if image/name are outside */
	margin-bottom: 0;
}

.about-article .article-content {
	margin-bottom: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	padding: 50px;
	border: 1px solid #e5e5e5;
}
.about-article .article-content.right-align {
	text-align: right;
}
.about-article .article-content i {
	font-size: 30px;
	color: #f9a134;
	margin-bottom: 30px;
}
.about-article .article-content h2 {
	font-size: 22px;
	margin-bottom: 20px;
}
.about-article .article-content p {
	margin-bottom: 20px;
	line-height: 26px;
	text-align: justify;
}
/* .about-article .article-content p img {
      height: 25%;
      float: inline-start; 
      margin: 0 15px 15px 0; 
      border-radius: 5%; 
      max-width: 50%; } */

.about-article .row {
	display: flex;
	flex-wrap: wrap;
}

.about-article .col-lg-6 {
	display: flex;
}

.article-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.about-article img {
	width: 100%;
	height: 25%;
	object-fit: cover;
	margin-bottom: 0; /* Change from 30px to 0 */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

section.statistic-section {
	padding: 50px 0;
	background-color: #4783f3;
}
section.statistic-section .statistic-post {
	display: flex;
}
section.statistic-section .statistic-post span {
	color: #fff;
	font-size: 48px;
	font-weight: 300;
	margin-right: 15px;
	line-height: 48px;
}
section.statistic-section .statistic-post p {
	color: #fff;
}

.statistic-section {
	background-color: #f8f9fa;
	padding: 60px 0;
}

.statistic-post {
	text-align: center;
	padding: 20px;
}

.statistic-post .timer {
	font-size: 48px;
	font-weight: 700;
	color: #f9a134;
	margin-bottom: 15px;
	display: block;
}

.statistic-post p {
	font-size: 16px;
	line-height: 1.4;
	color: #333;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
}

section.clients-section {
	padding: 60px 0;
	background: #fff;
}

.clients-box {
	text-align: center;
}

.clients-box h1 {
	font-size: 32px;
	margin-bottom: 15px;
	color: #333;
}

.clients-box p {
	font-size: 16px;
	color: #666;
	margin-bottom: 40px;
}

.clients-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.clients-list li {
	flex: 0 0 auto;
	width: 300px;
	text-align: center;
	transition: transform 0.3s ease;
}

.clients-list li:hover {
	transform: translateY(-5px);
}

.clients-list img {
	width: 140px;
	height: auto;
	margin-bottom: 15px;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

.clients-list li:hover img {
	filter: grayscale(0%);
}

.clients-list span {
	display: block;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	font-weight: 500;
}

.clients-list a {
	text-decoration: none;
}

.clients-list a:hover span {
	color: #f9a134;
}

@media (max-width: 640px) {
	section.statistic-section {
		padding-bottom: 20px;
	}
	section.statistic-section .statistic-post {
		justify-content: center;
		margin-bottom: 30px;
	}
	section.clients-section ul.clients-list li {
		width: 50%;
		margin-bottom: -1px;
	}
}

/*------------------------------------------------- */
/* =  portfolio section */
/*------------------------------------------------- */
section.portfolio-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}
section.portfolio-section .portfolio-box {
	margin: -15px;
}
section.portfolio-section .project-post {
	width: 33.33333%;
	padding: 15px;
}
section.portfolio-section .project-post .inner-project {
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}
section.portfolio-section .project-post .inner-project .image-holder {
	position: relative;
}
section.portfolio-section .project-post .inner-project .image-holder img {
	width: 100%;
	height: auto;
}
section.portfolio-section .project-post .inner-project .image-holder a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
section.portfolio-section .project-post .inner-project .image-holder a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #4783f3;
	opacity: 0.85;
}
section.portfolio-section .project-post .inner-project .image-holder a i {
	position: relative;
	z-index: 2;
}
section.portfolio-section .project-post .inner-project .image-holder:hover a {
	opacity: 1;
}
section.portfolio-section .project-post .inner-project .content-holder {
	padding: 24px;
}
section.portfolio-section .project-post .inner-project .content-holder h2 {
	margin-bottom: 2px;
	font-weight: 500;
}
section.portfolio-section .project-post .inner-project .content-holder h2 a {
	color: #2f2f32;
}
section.portfolio-section
	.project-post
	.inner-project
	.content-holder
	h2
	a:hover {
	color: #4783f3;
}
section.portfolio-section .project-post .inner-project .content-holder span {
	display: inline-block;
	margin: 0;
	font-size: 14px;
	color: #7d7e7f;
}
section.portfolio-section .project-image {
	margin-bottom: 30px;
}
section.portfolio-section .project-image img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
section.portfolio-section .project-details {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 40px;
}
section.portfolio-section .project-details h1 {
	margin-bottom: 20px;
}
section.portfolio-section .project-details p {
	line-height: 28px;
	margin-bottom: 30px;
}
section.portfolio-section .project-details table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 40px;
	border-radius: 0;
}
section.portfolio-section .project-details table tr th {
	padding: 15px 0;
	text-align: left;
	line-height: 1.4;
	font-weight: 500;
	color: #495057;
	vertical-align: middle;
	border: 0;
	border-bottom: 1px solid #efefef;
}
section.portfolio-section .project-details table tr td {
	padding: 9px 0 8px;
	font-size: 12px;
	color: #888;
	border-bottom: 1px solid #efefef;
}
section.portfolio-section .project-details a {
	color: #fff;
	font-size: 15px;
	padding: 10px 25px;
	border: 1px solid #222222;
	background-color: #222222;
	font-weight: 400;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	border-radius: 24px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin: 0;
}
section.portfolio-section .project-details a:hover {
	opacity: 0.9;
}

@media (max-width: 1199px) {
	section.portfolio-section .project-post {
		width: 50%;
	}
}

@media (max-width: 640px) {
	section.portfolio-section .project-post {
		width: 100%;
	}
}

/*------------------------------------------------- */
/* =  pricing section */
/*------------------------------------------------- */
section.pricing-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}
section.pricing-section .pricing-table {
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
section.pricing-section .pricing-table:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	transform: translateY(-4px);
}
section.pricing-section .pricing-table .pricing-head {
	padding: 30px;
}
section.pricing-section .pricing-table .pricing-head h2 {
	margin-bottom: 8px;
	font-weight: 500;
}
section.pricing-section .pricing-table .pricing-head p {
	margin-bottom: 20px;
}
section.pricing-section .pricing-table .pricing-head span {
	font-weight: 300;
	font-size: 48px;
	line-height: 38px;
	color: #f9a134;
}
section.pricing-section .pricing-table .pricing-content {
	padding: 30px;
	border-top: 1px solid #efefef;
}
section.pricing-section .pricing-table .pricing-content ul.pricing-list {
	margin-bottom: 20px;
}
section.pricing-section .pricing-table .pricing-content ul.pricing-list li {
	padding: 10px 0;
	display: block;
	color: #7d7e7f;
	font-size: 15px;
}
section.pricing-section .pricing-table .pricing-content a.button-one {
	margin-bottom: 10px;
}

section.question-section {
	padding: 60px 0 30px;
}
section.question-section h3 {
	position: relative;
	text-align: center;
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 50px;
}
section.question-section h3:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	top: 50%;
	background-color: #efefef;
}
section.question-section h3 span {
	position: relative;
	z-index: 2;
	padding: 0 20px;
	background-color: #fff;
}
section.question-section .block-content {
	display: flex;
	margin-bottom: 30px;
}
section.question-section .block-content .icon {
	margin-right: 30px;
}
section.question-section .block-content .icon i {
	color: #d1d1d1;
	font-size: 24px;
}
section.question-section .block-content h2 {
	font-weight: 500;
}
section.question-section .block-content p {
	line-height: 26px;
}

/*------------------------------------------------- */
/* =  single event section */
/*------------------------------------------------- */
section.single-event-section {
	padding: 40px 0;
}
section.single-event-section .single-event-box img {
	width: 100%;
	height: auto;
}
section.single-event-section .single-event-box .event-meta-info {
	background-color: #343a40;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
section.single-event-section .single-event-box .event-meta-info .box-content {
	position: relative;
	width: 100%;
	min-height: 1px;
	display: flex;
	padding-left: 0;
	padding-right: 0;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
section.single-event-section .single-event-box .event-meta-info .inner {
	position: relative;
	display: flex;
	flex: 1;
	justify-content: space-between;
	padding: 1.75rem;
	font-size: 0.875rem;
	align-items: center;
	z-index: 3;
}
section.single-event-section .single-event-box .event-meta-info .inner span {
	display: block;
	margin-bottom: 4px;
	color: rgba(255, 255, 255, 0.6);
}
section.single-event-section .single-event-box .event-meta-info .inner p {
	margin-bottom: 0;
	color: #fff;
	line-height: 26px;
}
section.single-event-section .single-event-box .event-meta-info .inner .icon {
	margin-left: 20px;
	color: #f9a134;
	font-size: 34px;
}
section.single-event-section .single-event-box .event-meta-info .inner:before {
	content: "";
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
section.single-event-section
	.single-event-box
	.event-meta-info
	div.end-time
	.inner:before {
	background-color: rgba(0, 0, 0, 0.1);
}
section.single-event-section
	.single-event-box
	.event-meta-info
	div.address
	.inner:before {
	background-color: rgba(0, 0, 0, 0.2);
}
section.single-event-section .single-event-box .event-content {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
section.single-event-section .single-event-box .event-content h1 {
	font-size: 22px;
	margin-bottom: 20px;
	line-height: 32px;
}
section.single-event-section .single-event-box .event-content p {
	line-height: 28px;
	margin-bottom: 30px;
}
section.single-event-section .single-event-box .event-content ul {
	padding-left: 20px;
	margin-bottom: 30px;
}
section.single-event-section .single-event-box .event-content ul li {
	color: #7d7e7f;
	line-height: 28px;
	font-size: 15px;
}
section.single-event-section .single-event-box .event-content ul.share-list {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
	text-align: center;
}
section.single-event-section .single-event-box .event-content ul.share-list li {
	display: inline-block;
	margin: 0 2px;
}
section.single-event-section
	.single-event-box
	.event-content
	ul.share-list
	li
	a {
	width: 36px;
	height: 36px;
	display: flex;
	color: rgba(0, 0, 0, 0.6);
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
section.single-event-section
	.single-event-box
	.event-content
	ul.share-list
	li
	a:hover {
	border-color: transparent;
	color: #fff;
}
section.single-event-section
	.single-event-box
	.event-content
	ul.share-list
	li
	a.facebook:hover {
	background: #7073e5;
}
section.single-event-section
	.single-event-box
	.event-content
	ul.share-list
	li
	a.google:hover {
	background: #e6545f;
}
section.single-event-section
	.single-event-box
	.event-content
	ul.share-list
	li
	a.linkedin:hover {
	background: #0077b5;
}
section.single-event-section
	.single-event-box
	.event-content
	ul.share-list
	li
	a.twitter:hover {
	background: #63bde3;
}
section.single-event-section .single-event-box #map {
	height: 280px;
}

/*------------------------------------------------- */
/* =  single course section */
/*------------------------------------------------- */
section.single-course-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}
section.single-course-section .product-single-top-part {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery {
	display: flex;
	align-items: center;
	padding: 30px;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit {
	display: flex;
	align-items: center;
	border-right: 1px solid #e5e5e5;
	padding-right: 20px;
	margin-right: 20px;
	font-size: 15px;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit:last-child {
	padding-right: 0;
	border-right: 0;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit
	.icon {
	margin-right: 15px;
	font-size: 24px;
	color: #1e83f0;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit
	.info
	span.label {
	color: #ced4da;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit
	.info
	div.value
	a {
	color: #2f2f32;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit
	.info
	div.value
	a:hover {
	color: #4783f3;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit
	span.rating {
	background-color: #8bca48;
	color: #fff;
	padding: 3px 6px;
	margin-right: 8px;
	border-radius: 4px;
}
section.single-course-section
	.product-single-top-part
	.product-info-before-gallery
	.before-gallery-unit
	span.votes-number {
	color: #7d7e7f;
}
section.single-course-section
	.product-single-top-part
	.course-single-gallery
	img {
	width: 100%;
	height: auto;
}
section.single-course-section .single-course-content {
	background-color: #fff;
	padding: 1.75rem;
	padding-bottom: 0;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
}
section.single-course-section .single-course-content h2 {
	font-weight: 500;
}
section.single-course-section .single-course-content p {
	line-height: 28px;
	margin-bottom: 20px;
}
section.single-course-section .single-course-content ul.list {
	padding-left: 20px;
	margin-bottom: 30px;
}
section.single-course-section .single-course-content ul.list li {
	color: #7d7e7f;
	line-height: 28px;
	font-size: 15px;
}
section.single-course-section .course-section {
	margin-bottom: 30px;
}
section.single-course-section .course-section h3 {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
}
section.single-course-section .course-section .course-panel-heading {
	border-top: 1px solid #e9ecef;
	display: flex;
	align-items: center;
	padding: 15px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.course-lesson-icon {
	line-height: 1;
	margin-right: 15px;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.course-lesson-icon
	i {
	color: #d4d9dd;
	font-size: 20px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.title
	h4 {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 8px;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.title
	h4
	.badge-item {
	background-color: #e9ecef;
	padding: 2px 6px;
	display: inline-block;
	font-size: 12px;
	border-radius: 2px;
	margin-left: 6px;
	line-height: 1.2;
	text-transform: capitalize;
	color: #fff;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.title
	h4
	.badge-item.video {
	background-color: #65bded;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.title
	h4
	.badge-item.practice {
	background-color: #eada68;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.title
	h4
	.badge-item.free {
	background-color: #8be669;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.title
	h4
	.badge-item.lecture {
	background-color: #68e8b7;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.title
	h4
	.badge-item.quiz {
	background-color: #bd83ef;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-left
	.title
	p {
	font-size: 14px;
	color: #adb5bd;
	margin: 0;
	line-height: 1;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-right {
	display: flex;
	justify-content: flex-end;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-right
	.preview-button {
	font-size: 14px;
	line-height: 1.4;
	padding: 6px 10px;
	background-color: #4783f3;
	color: #fff;
	border-radius: 30px;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-right
	.preview-button
	i {
	margin-right: 5px;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-right
	.private-lesson {
	font-size: 14px;
	line-height: 1.4;
	padding: 6px 10px;
}
section.single-course-section
	.course-section
	.course-panel-heading
	.panel-heading-right
	.private-lesson
	i {
	margin-right: 5px;
}
section.single-course-section
	.course-section
	.course-panel-heading:hover
	.panel-heading-left
	.course-lesson-icon
	i {
	color: #f9a134;
}
section.single-course-section .course-section .course-panel-heading:hover,
section.single-course-section .course-section .course-panel-heading.active {
	background-color: #f8f9fa;
}
section.single-course-section .course-section .panel-content {
	max-height: 0;
	overflow: hidden;
	background-color: #f8f9fa;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
section.single-course-section
	.course-section
	.panel-content
	.panel-content-inner {
	padding: 0 15px 20px 15px;
	font-size: 15px;
	color: #7d7e7f;
	line-height: 26px;
}
section.single-course-section
	.course-section
	.course-panel-heading.active
	+ .panel-content {
	max-height: 106px;
}
section.single-course-section .course-reviews {
	background-color: #fff;
	padding-bottom: 0;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
}
section.single-course-section .course-reviews .course-review-title {
	padding: 20px 30px;
	border-bottom: 1px solid #e5e5e5;
}
section.single-course-section .course-reviews .course-review-title h3 {
	margin-bottom: 0;
	position: relative;
	display: inline-block;
}
section.single-course-section .course-reviews .course-review-title h3:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -21px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #f9a134;
}
section.single-course-section .course-reviews .course-review-title h3 i {
	margin-right: 10px;
	float: left;
}
section.single-course-section .course-reviews .course-reviews-inner {
	padding: 30px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box {
	display: flex;
	margin-bottom: 20px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.rating-average,
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.detailed-rating {
	margin-bottom: 30px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.average-box {
	min-width: 180px;
	padding: 40px 30px 50px !important;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.average-box
	span.num {
	font-size: 65px;
	line-height: 65px;
	color: #464749;
	margin-bottom: 6px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.average-box
	span.ratings {
	margin-bottom: 10px;
	color: #f9a134;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.average-box
	span.txt {
	color: #adb5bd;
	font-size: 15px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.detailed-box
	ul.detailed-lines
	li {
	list-style: none;
	display: flex;
	font-size: 15px;
	color: #7d7e7f;
	margin-bottom: 12px;
	align-items: center;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.detailed-box
	ul.detailed-lines
	li:last-child {
	margin-bottom: 0;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.detailed-box
	ul.detailed-lines
	li
	div.outer {
	margin: 0 15px;
	width: 290px;
	position: relative;
	background-color: #e9ecef;
	height: 12px;
	border-radius: 8px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	.ratings-box
	.detailed-box
	ul.detailed-lines
	li
	div.outer
	span.inner-fill {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	border-radius: 8px;
	background-color: #f9a134;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	ul.comments {
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 40px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	ul.comments
	li {
	display: flex;
	list-style: none;
	padding: 30px 0;
	border-top: 1px solid #f2f2f2;
	align-items: center;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	ul.comments
	li
	.image-holder {
	margin-right: 25px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	ul.comments
	li
	.image-holder
	img {
	max-width: 75px;
	height: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	ul.comments
	li
	h2 {
	font-weight: 500;
	margin-bottom: 6px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	ul.comments
	li
	h2
	span {
	margin-left: 10px;
	color: #f9a134;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	form.add-review
	h1 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 15px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	form.add-review
	label {
	display: block;
	color: #7d7e7f;
	font-size: 15px;
	margin-bottom: 3px;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	form.add-review
	select {
	display: block;
	width: 100%;
	height: 50px;
	padding: 10px 20px;
	border: 1px solid #dcdcdc;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	border-radius: 2px;
	color: #7d7e7f;
	font-size: 15px;
	margin-bottom: 20px;
	outline: none;
	background-color: #fff;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	form.add-review
	textarea {
	width: 100%;
	padding: 10px 20px;
	height: 120px;
	border: 1px solid #dcdcdc;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	border-radius: 2px;
	color: #7d7e7f;
	font-size: 15px;
	margin-bottom: 10px;
	outline: none;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	form.add-review
	button {
	color: #fff;
	text-align: center;
	border: 0;
	padding: 10px 22px;
	vertical-align: bottom;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
	display: inline-block;
	background-color: #f9a134;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	cursor: pointer;
}
section.single-course-section
	.course-reviews
	.course-reviews-inner
	form.add-review
	button:hover {
	opacity: 0.86;
}

@media (max-width: 767px) {
	section.single-course-section
		.course-reviews
		.course-reviews-inner
		.ratings-box
		.detailed-box
		ul.detailed-lines
		li
		div.outer {
		width: 120px;
	}
}

@media (max-width: 560px) {
	section.single-course-section
		.course-reviews
		.course-reviews-inner
		.ratings-box {
		flex-direction: column;
	}
	section.single-course-section
		.course-reviews
		.course-reviews-inner
		.ratings-box
		.average-box {
		margin-right: 0;
	}
	section.single-course-section
		.course-reviews
		.course-reviews-inner
		.ratings-box
		.detailed-box
		ul.detailed-lines
		li
		div.outer {
		width: 100%;
	}
}

/*------------------------------------------------- */
/* =  cart section */
/*------------------------------------------------- */
section.cart-section {
	padding: 40px 0;
	background-color: #f8f9fa;
}
section.cart-section .cart-box {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 30px;
	margin-bottom: 30px;
}
section.cart-section .cart-box table {
	width: 100%;
}
section.cart-section .cart-box table tr {
	border-bottom: 1px solid #eaeaea;
}
section.cart-section .cart-box table tr th {
	padding: 0 13px 10px;
	color: #7f7e83;
	font-weight: 400;
	font-size: 15px;
}
section.cart-section .cart-box table tr td {
	padding: 30px 13px;
	font-size: 15px;
	color: #7d7e7f;
}
section.cart-section .cart-box table tr td img {
	max-width: 80px;
	height: auto;
}
section.cart-section .cart-box table tr td a {
	font-size: 16px;
	color: #2f2f32;
}
section.cart-section .cart-box table tr td a:hover {
	color: #4783f3;
}
section.cart-section .cart-box table tr td input[type="number"] {
	max-width: 60px;
	border: 0;
	padding: 10px 12px;
	border-bottom: 2px solid #e5e5e5;
	outline: none;
}
section.cart-section .cart-box table tr td input[type="text"] {
	width: 200px;
	padding: 12px 20px;
	border: 1px solid #dcdcdc;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	border-radius: 2px;
	outline: none;
}
section.cart-section .cart-box table tr.coupon-line {
	border-bottom: none;
}
section.cart-section .cart-box table tr.coupon-line td {
	padding: 30px 0;
}
section.cart-section .cart-box table tr.coupon-line button {
	float: right;
	color: #4783f3;
	font-size: 15px;
	padding: 10px 25px;
	border: 1px solid #4783f3;
	font-weight: 400;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	border-radius: 24px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin: 0;
	outline: none;
}
section.cart-section .cart-box table tr.coupon-line button:hover {
	background: #4783f3;
	color: #fff;
	box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
}
section.cart-section .cart-box h2 {
	font-size: 22px;
	margin-bottom: 20px;
}
section.cart-section .cart-box form.billing-details label {
	display: block;
	color: #7d7e7f;
	font-size: 15px;
	margin-bottom: 6px;
}
section.cart-section .cart-box form.billing-details input[type="text"],
section.cart-section .cart-box form.billing-details select,
section.cart-section .cart-box form.billing-details textarea {
	border: 1px solid #dcdcdc;
	outline: none;
	width: 100%;
	font-size: 15px;
	color: #7d7e7f;
	padding: 12px 20px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	border-radius: 2px;
	margin-bottom: 25px;
}
section.cart-section .cart-box form.billing-details select {
	height: 50px;
	background-color: #fff;
}
section.cart-section .cart-box form.billing-details textarea {
	margin-bottom: 0;
}

/*------------------------------------------------- */
/* =  Contact */
/*------------------------------------------------- */
#map {
	width: 100%;
	height: 500px;
}

section.contact-section {
	padding: 80px 0;
}
section.contact-section .contact-box {
	text-align: center;
	max-width: 790px;
	margin: 0 auto;
}
section.contact-section .contact-box h1 {
	margin-bottom: 10px;
}
section.contact-section .contact-box p {
	margin-bottom: 40px;
}
section.contact-section #contact-form {
	margin: 0;
	text-align: left;
}
section.contact-section #contact-form label {
	font-size: 15px;
	color: #7d7e7f;
	margin: 0 0 5px;
}
section.contact-section #contact-form input[type="text"],
section.contact-section #contact-form input[type="email"],
section.contact-section #contact-form textarea {
	width: 100%;
	padding: 10px 20px;
	background: transparent;
	color: #7d7e7f;
	font-size: 15px;
	font-family: "Raleway", sans-serif;
	font-weight: 300;
	outline: none;
	border: 1px solid #dcdcdc;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	margin: 0 0 30px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
section.contact-section #contact-form input[type="text"]:focus,
section.contact-section #contact-form input[type="email"]:focus,
section.contact-section #contact-form textarea:focus {
	border: 1px solid #4783f3;
}
section.contact-section #contact-form textarea {
	height: 120px;
	margin-bottom: 20px;
}
section.contact-section #contact-form button {
	color: #fff;
	text-align: center;
	border: 0;
	padding: 11px 22px;
	vertical-align: bottom;
	font-weight: 400;
	font-size: 16px;
	text-shadow: none;
	display: inline-block;
	background-color: #f9a134;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	cursor: pointer;
}
section.contact-section #contact-form button:hover {
	opacity: 0.86;
}

section.contact-info-section {
	padding: 70px 0;
	background-color: #f8f9fa;
}
section.contact-info-section .contact-info-box > h2 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #2f2f32;
}
section.contact-info-section .info-post {
	display: flex;
}
section.contact-info-section .info-post i {
	display: inline-block;
	color: #4783f3;
	font-size: 32px;
	margin-right: 30px;
	margin-top: 5px;
}
section.contact-info-section .info-post p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: #7d7e7f;
}
section.contact-info-section .info-post p a {
	color: #2f2f32;
}
section.contact-info-section .info-post p a:hover {
	color: #4783f3;
}

.category-list ul {
	padding-left: 20px;
	margin-top: 5px;
}

.category-list ul li a {
	font-size: 14px;
	color: #666;
}

.info-list {
	list-style: none;
	padding: 0;
}

.info-list li {
	margin-bottom: 10px;
	color: #666;
}

.info-list li i {
	color: #f9a134;
	margin-right: 10px;
}

.contact-list {
	list-style: none;
	padding: 0;
}

.contact-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 12px;
	color: #666;
}

.contact-list li i {
	flex: 0 0 18px;
	margin-top: 3px;
	text-align: center;
	font-size: 16px;
}

.contact-list .contact-text {
	flex: 1;
	line-height: 1.6;
}

.contact-list .phone-icon {
	color: #ff6f61 !important;
	text-shadow: 0 0 10px rgba(255, 111, 97, 0.25);
}

.contact-list .whatsapp-icon {
	color: #25d366 !important;
	margin-left: 0;
}

.contact-list .email-icon {
	color: #3d8bfd !important;
	text-shadow: 0 0 10px rgba(61, 139, 253, 0.2);
}

.contact-list li a {
	color: #666;
	text-decoration: none;
}

.contact-list li a:hover {
	color: #f9a134;
}

/*------------------------------------------------- */
/* =  Footer
 *------------------------------------------------- */
footer {
	padding-top: 70px;
	background: #2e3e77;
}
footer .up-footer {
	padding-bottom: 30px;
}
footer .up-footer .footer-widget {
	margin-bottom: 50px;
}
footer .up-footer .footer-widget .footer-logo {
	margin-bottom: 30px;
}
footer .up-footer .footer-widget h2 {
	color: #fff;
	margin-bottom: 30px;
	margin-top: 10px;
	font-weight: 500;
}
footer .up-footer .footer-widget p {
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 20px;
	text-align: justify;
}
footer .up-footer .footer-widget.text-widget ul {
	color: rgba(255, 255, 255, 0.6);
}
footer .up-footer .footer-widget.text-widget ul li {
	display: flex;
	padding: 6px 0;
}
footer .up-footer .footer-widget.text-widget ul li .contact-info-icon {
	margin-right: 12px;
	font-size: 22px;
}
footer .up-footer .footer-widget.text-widget ul li .contact-info-value {
	font-size: 15px;
}
footer .up-footer .footer-widget ul.quick-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
footer .up-footer .footer-widget ul.quick-list li {
	display: block;
	width: 50%;
	margin-bottom: 10px;
}
footer .up-footer .footer-widget ul.quick-list li a {
	color: rgba(255, 255, 255, 0.6);
}
footer .up-footer .footer-widget ul.quick-list li a:before {
	display: inline-block;
	content: "";
	height: 1px;
	width: 0;
	margin-right: 0;
	background-color: #fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	float: left;
	margin-top: 11px;
}
footer .up-footer .footer-widget ul.quick-list li a:hover {
	color: #ffffff;
}
footer .up-footer .footer-widget ul.quick-list li a:hover:before {
	width: 12px;
	height: 1px;
	margin-right: 6px;
}
footer .up-footer .newsletter-form {
	position: relative;
	display: flex;
}
footer .up-footer .newsletter-form:before {
	content: "\f003";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 46px;
	pointer-events: none;
	color: #6c757d;
	font-size: 16px;
	text-align: center;
	z-index: 1;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .up-footer .newsletter-form .form-control {
	display: block;
	position: relative;
	width: 100%;
	line-height: 20px;
	border-radius: 0 !important;
	border-top-left-radius: 2px !important;
	border-bottom-left-radius: 2px !important;
	outline: 0;
	padding: 22px 10px 21px 44px;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
footer .up-footer .newsletter-form input[type="submit"] {
	border-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	height: 100%;
	box-shadow: none;
	background-color: #f9a134;
	color: #fff;
	text-align: center;
	border: 0;
	padding: 9px 22px;
	vertical-align: bottom;
	text-shadow: none;
	line-height: 27px;
	display: inline-block;
	transition: all 0.2s ease-in-out;
}
footer .copyright-inner {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.6);
}
footer .copyright-inner .highlight {
	color: #f9a134;
}
footer .copyright-inner ul.studiare-social-links li {
	display: inline-block;
	margin: 1px;
}
footer .copyright-inner ul.studiare-social-links li a {
	width: 36px;
	height: 36px;
	display: flex;
	font-size: 15px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.05);
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
footer .copyright-inner ul.studiare-social-links li a.facebook:hover {
	background: #7073e5;
}
footer .copyright-inner ul.studiare-social-links li a.google:hover {
	background: #e6545f;
}
footer .copyright-inner ul.studiare-social-links li a.linkedin:hover {
	background: #0077b5;
}
footer .copyright-inner ul.studiare-social-links li a.twitter:hover {
	background: #63bde3;
}

@media (max-width: 767px) {
	footer .copyright-inner {
		flex-direction: column;
	}
	footer .copyright-inner ul.studiare-social-links {
		margin-top: 20px;
	}
}

/*-------------------------------------------------
 = Custom color scheme
-------------------------------------------------*/
:root {
	/* New color palette */
	--primary-color: #3bb8a8; /* Turquoise/Teal - Main brand color */
	--secondary-color: #3e5545; /* Deep Forest Green - Secondary/accent */
	--accent-color: #93cfb3; /* Soft Mint Green - Highlights */
	--background-color: #dae8d7; /* Light Sage/Pale Aqua - Background */
	--highlight-color: #93c797; /* Pastel Green - Additional accent */
	--text-color: #3e5545; /* Using Deep Forest Green for text */
}

/* Global styles */
body {
	background-color: var(--background-color);
	color: var(--text-color);
	font-family: "Montserrat", sans-serif;
}

/* Header and Navigation */
header {
	background-color: white !important;
	box-shadow: 0 2px 10px rgba(59, 184, 168, 0.1) !important;
}
header .search-bar {
	background-color: white !important;
}
header .navbar-default {
	background-color: white !important;
	border: none !important;
}
header .navbar-default .navbar-nav > li > a {
	color: var(--secondary-color) !important;
	font-weight: 500 !important;
}
header .navbar-default .navbar-nav > li > a:hover {
	color: var(--primary-color) !important;
}
header .top-line,
header .search-bar {
	color: var(--secondary-color) !important;
}
nav a {
	color: var(--secondary-color) !important;
}
nav a:hover {
	color: var(--primary-color) !important;
}

/* Top Line Section */
.top-line {
	background-color: var(--primary-color) !important;
}
.top-line a,
.top-line span,
.top-line p {
	color: white !important;
	font-weight: 500 !important;
}
.top-line a:hover {
	color: var(--background-color) !important;
}

/* Buttons */
.btn,
.button-one,
.button-two {
	background-color: var(--secondary-color);
	color: var(--background-color);
	border: none;
}
.btn:hover,
.button-one:hover,
.button-two:hover {
	background-color: var(--accent-color);
	color: var(--secondary-color);
}

/* Footer */
footer {
	background-color: var(--primary-color) !important;
	color: white !important;
}
footer .up-footer .footer-widget h2 {
	color: white !important;
}
footer .up-footer .footer-widget p {
	color: rgba(255, 255, 255, 0.9) !important;
}
footer .up-footer .footer-widget ul li a {
	color: rgba(255, 255, 255, 0.8) !important;
}
footer .up-footer .footer-widget ul li a:hover {
	color: white !important;
}
footer .copyright-inner {
	color: #ffffff !important;
	font-weight: 500 !important;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Copyright text background for better readability */
footer .copyright-inner .copyright-cell {
	background: rgba(0, 0, 0, 0.1) !important;
	padding: 8px 15px !important;
	border-radius: 6px !important;
	margin: 5px 0 !important;
}

footer .copyright-inner a {
	color: #ffffff !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}

footer .copyright-inner a:hover {
	color: #e0f2f1 !important;
	text-decoration: none !important;
}

footer .copyright-inner .highlight {
	color: #ffffff !important;
	font-weight: 600 !important;
}

/* Enhanced footer social links visibility */
footer .copyright-inner ul.studiare-social-links li a {
	background-color: rgba(255, 255, 255, 0.15) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	transition: all 0.3s ease !important;
}

footer .copyright-inner ul.studiare-social-links li a:hover {
	background-color: rgba(255, 255, 255, 0.25) !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	transform: translateY(-2px) !important;
}

/* Footer Logo Visibility Fix */
footer .footer-logo {
	background: rgba(255, 255, 255, 0.95) !important;
	padding: 10px 15px !important;
	border-radius: 8px !important;
	display: inline-block !important;
	margin-bottom: 20px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
	transition: all 0.3s ease !important;
}
footer .footer-logo:hover {
	background: white !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}
footer .footer-logo img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
}

/* Links */
a {
	color: var(--secondary-color);
}
a:hover {
	color: var(--primary-color);
}

/* Icon font fix: always inherit or use their own color */
.fa,
.elegant-icon,
[class^="icon-"],
[class*=" icon-"],
.material-icons {
	color: inherit !important;
}

/* WhatsApp Icon */
.whatsapp-icon {
	color: #25d366 !important;
	margin-left: 10px;
	font-size: 18px;
}
.whatsapp-icon:hover {
	color: #128c7e !important;
}

/* Quick Contact in Footer */
.quick-contact {
	margin-top: 15px;
}

.whatsapp-btn {
	display: inline-block;
	background: #25d366;
	color: white !important;
	padding: 10px 20px;
	border-radius: 5px;
	margin-bottom: 10px;
	transition: background 0.3s ease;
}

.whatsapp-btn:hover {
	background: #128c7e;
	color: white !important;
	text-decoration: none;
}

.contact-info {
	margin: 10px 0;
}

.response-time {
	font-size: 0.9em;
	margin-top: 10px;
	color: var(--accent-color);
}

/* Registration Form Styles */
.registration-form-box {
	background: white;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
}

.registration-form-box .form-group {
	margin-bottom: 20px;
}

.registration-form-box label {
	display: block;
	margin-bottom: 5px;
	color: var(--text-color);
}

.registration-form-box .form-control {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid var(--accent-color);
	border-radius: 4px;
}

.registration-info {
	margin: 20px 0;
	padding: 15px;
	background: var(--background-color);
	border-radius: 4px;
}

#registration-message {
	margin-top: 15px;
	padding: 10px;
	border-radius: 4px;
	display: none;
}

#registration-message.success {
	background: var(--accent-color);
	color: white;
}

#registration-message.error {
	background: #ff6b6b;
	color: white;
}

.fine-print {
	margin-top: 20px;
	padding: 15px;
	background: var(--background-color);
	border-radius: 4px;
	font-size: 0.9em;
	color: var(--text-color);
}

.fine-print h3 {
	margin-bottom: 10px;
	color: var(--secondary-color);
}

.fine-print p {
	margin-bottom: 10px;
}

/* Contact Form Styles */
.contact-section {
	background-color: var(--background-color);
	padding: 50px 0;
}

.contact-box {
	background-color: white;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.contact-box h1 {
	color: var(--secondary-color);
	margin-bottom: 20px;
}

.contact-box p {
	color: var(--text-color);
	margin-bottom: 30px;
}

.contact-box label {
	color: var(--text-color);
	display: block;
	margin-bottom: 5px;
}

.contact-box input[type="text"],
.contact-box input[type="email"],
.contact-box textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid var(--accent-color);
	border-radius: 4px;
	margin-bottom: 20px;
	background-color: white;
	color: var(--text-color);
}

.contact-box button {
	background-color: var(--primary-color);
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.contact-box button:hover {
	background-color: var(--accent-color);
}

#msg {
	margin-top: 20px;
	padding: 10px;
	border-radius: 4px;
	display: none;
}

#msg.success {
	background: var(--accent-color);
	color: white;
}

#msg.error {
	background: #ff6b6b;
	color: white;
}

/* Making text darker in specific areas for better readability */
.navbar-default .navbar-nav > li > a,
.blog-post .post-content h2 a,
.sidebar .categories-widget ul li a,
.sidebar .archives-widget ul li a {
	color: var(--secondary-color);
}

/*-------------------------------------------------
 = Calendar Styling - Using Website Teal Color
-------------------------------------------------*/
/* Simple flat teal color for calendar rectangles */
.events-section .date-holder,
.events-section .date,
.events-post .date-holder,
.events-post .date {
	background: var(--primary-color) !important;
	border: 2px solid var(--primary-color) !important;
	color: white !important;
}

/* Date numbers and text styling */
.date-day,
.date-month,
.events-section .date-day,
.events-section .date-month {
	color: white !important;
	background: transparent !important;
}

/*-------------------------------------------------
 = Course Category Sidebar Highlighting
-------------------------------------------------*/
/* Style the main category headings (AHA, RCSA, Department of Labour) */
.sidebar .category-widget ul.category-list > li > a {
	background: linear-gradient(135deg, var(--primary-color) 0%, #3a4d8a 100%);
	color: white !important;
	font-weight: 600;
	padding: 12px 15px;
	margin: -10px -15px 10px -15px;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	border-bottom: none !important;
}

.sidebar .category-widget ul.category-list > li > a:hover {
	background: linear-gradient(135deg, #3a4d8a 0%, var(--secondary-color) 100%);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(46, 62, 119, 0.3);
}

/* Style the subcategory items (individual courses) */
.sidebar .category-widget ul.category-list > li ul li {
	border-bottom: 1px solid #f0f0f0;
	margin-left: 0;
	padding: 8px 15px;
}

.sidebar .category-widget ul.category-list > li ul li a {
	color: #555 !important;
	font-size: 14px;
	padding: 5px 0;
	transition: all 0.2s ease;
}

.sidebar .category-widget ul.category-list > li ul li a:hover {
	color: var(--primary-color) !important;
	padding-left: 8px;
}

/* Add some spacing between category groups */
.sidebar .category-widget ul.category-list > li {
	margin-bottom: 20px;
	border-bottom: none;
	padding-bottom: 0;
}

.sidebar .category-widget ul.category-list > li:last-child {
	margin-bottom: 0;
}

/*-------------------------------------------------
 = About Page Bio Section Styling
-------------------------------------------------*/
.about-article {
	padding: 2rem 0;
}

/*-------------------------------------------------
 = Hero Slider Square Image Sizing
-------------------------------------------------*/
.hero-square-card {
	position: relative;
	width: clamp(240px, 38vw, 360px);
	aspect-ratio: 1 / 1;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
	background: #ffffff;
}

.hero-square-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 992px) {
	.hero-square-card {
		width: clamp(220px, 60vw, 320px);
	}
}

@media (max-width: 768px) {
	.hero-square-card {
		width: clamp(200px, 80vw, 280px);
	}
}

.bio-content {
	color: #2d5a54 !important;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4 !important;
	text-align: justify;
}

.bio-content p {
	color: #2d5a54 !important;
	margin-bottom: 0.8rem !important;
}

.bio-content br {
	line-height: 0.5 !important;
}

.floating-photo-square {
	float: left !important;
	margin: 0 20px 20px 0 !important;
	width: fit-content !important;
	max-width: 240px !important;
	height: auto !important;
	background: linear-gradient(135deg, #3bb8a8 0%, #2d5a54 100%) !important;
	border-radius: 12px !important;
	box-shadow: 0 6px 20px rgba(59, 184, 168, 0.3) !important;
	padding: 8px 8px 10px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	position: relative !important;
	overflow: hidden !important;
}

.floating-quote-square {
	float: right !important;
	margin: 0 0 20px 20px !important;
	width: 300px !important;
	height: auto !important;
	min-height: 200px !important;
	background: linear-gradient(135deg, #3bb8a8 0%, #2d5a54 100%) !important;
	border-radius: 12px !important;
	box-shadow: 0 6px 20px rgba(59, 184, 168, 0.3) !important;
	padding: 30px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	color: white !important;
	position: relative !important;
}

.floating-photo-square img {
	width: 220px !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	border-radius: 8px !important;
	object-fit: cover !important;
	margin-bottom: 10px !important;
}

.floating-photo-square .photo-caption {
	color: white !important;
	font-size: 0.85rem !important;
	font-weight: 600 !important;
	text-align: center !important;
	line-height: 1.2 !important;
	max-width: 220px !important;
}

.floating-photo-square .photo-credit {
	font-size: 0.7rem !important;
	font-weight: 400 !important;
	opacity: 0.8 !important;
	font-style: italic !important;
}

.floating-quote-square .quote-text {
	font-size: 1.3rem !important;
	font-style: italic !important;
	line-height: 1.6 !important;
	margin-bottom: 20px !important;
	color: white !important;
	font-weight: 500 !important;
}

.floating-quote-square .quote-author {
	font-size: 1.1rem !important;
	font-weight: 600 !important;
	color: white !important;
	margin-top: auto !important;
	opacity: 0.9 !important;
}

.floating-quote-square .mandela-portrait {
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% !important;
	border: 3px solid #3bb8a8 !important;
	margin-bottom: 15px !important;
	object-fit: cover !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.floating-photo-square,
	.floating-quote-square {
		float: none !important;
		display: block !important;
		margin: 0 auto 20px auto !important;
		width: 90% !important;
		max-width: 300px !important;
	}
}

.bio-image {
	float: left !important;
	margin: 0 25px 20px 0 !important;
	max-width: 280px !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 15px rgba(59, 184, 168, 0.2) !important;
	transition: transform 0.3s ease;
}

.bio-image:hover {
	transform: scale(1.02);
}

.bio-title {
	color: #3bb8a8 !important;
	font-size: 2rem !important;
	font-weight: 600 !important;
	margin-bottom: 1.5rem !important;
	line-height: 1.3 !important;
	clear: none !important;
}

.bio-content a {
	color: #2e3e77 !important;
	text-decoration: underline;
}

.bio-content a:hover {
	color: #3bb8a8 !important;
}

.bio-content .media-link-button {
	display: inline;
	margin: 0;
	padding: 0;
	background: none !important;
	color: #2e3e77 !important;
	text-decoration: underline;
	font-style: italic !important;
	font-weight: 500;
	border-radius: 0;
	box-shadow: none;
	transition: color 0.2s ease;
}

.bio-content .media-link-button:hover {
	color: #3bb8a8 !important;
	font-style: italic !important;
	text-decoration: underline;
	transform: none;
	box-shadow: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.bio-image {
		float: none !important;
		display: block !important;
		margin: 0 auto 20px auto !important;
		max-width: 200px !important;
	}

	.bio-title {
		text-align: center !important;
		font-size: 1.6rem !important;
	}

	.bio-content {
		text-align: left !important;
	}
}