@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
11. Team
12. News
13. Newsletter
14. Footer



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.85;
	font-weight: 400;
	color: #76777a;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color: #384158;
	margin-bottom: 0;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #db5246;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.nopadding
{
	padding: 0px !important;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled
{
	top: -40px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	background: #14bdee;
}
.header.scrolled .top_bar
{

}
.top_bar_container
{
	width: 100%;
	height: 100%;
}
.top_bar_content
{
	width: 100%;
	height: 40px;
}
.top_bar_contact_list li
{
	display: inline-block;
}
.question
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 0px;
}
.top_bar_contact_list li i,
.top_bar_contact_list li > div
{
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
}
.top_bar_contact_list li > div
{
	margin-left: 1px;
}
.top_bar_contact_list li:not(:last-child)
{
	margin-right: 21px;
}
.top_bar_login
{
	height: 100%;
}
.login_button
{
	width: 160px;
	height: 100%;
	background: #f3f3f3;
	text-align: center;
}
.login_button a
{
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	color: #384158;
}

/*********************************
3.2 Header Content
*********************************/

.header_container
{
	width: 100%;
	background: #FFFFFF;
}
.header_content
{
	height: 90px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap; /* Prevent wrapping */
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo
{
	width: 60px;
	height: 60px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo img
{
	max-width: 100%;
}
.logo_text
{
	font-family: 'Roboto Slab', serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 0.75;
	color: #384158;
	vertical-align: middle;
	margin-left: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo_image
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	max-height: 50px;
	width: auto;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo_container a
{
	display: flex;
	align-items: center;
	text-decoration: none;
}
.header.scrolled .logo_image
{
	max-height: 40px;
}
.logo_text span
{
	color: #14bdee;
}
.header.scrolled .logo
{
	width: 40px;
	height: 40px;
}
.header.scrolled .logo_text
{
	font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner
{
	display: flex;
	align-items: center;
	flex-wrap: nowrap; /* Prevent wrapping */
}
.main_nav
{
	display: flex;
	align-items: center;
	flex-wrap: nowrap; /* Prevent wrapping */
	white-space: nowrap; /* Prevent text wrapping */
}
.search_button,
.shopping_cart
{
	display: inline-block;
}
.main_nav li
{
	display: inline-block;
	position: relative;
}
.main_nav li:not(:last-child)
{
	margin-right: 25px; /* Reduced from 44px */
}
.main_nav li a
{
	font-size: 18px;
	font-weight: 500;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav li a:hover,
.main_nav li.active a
{
	color: #14bdee;
}
.main_nav li.active::after
{
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #14bdee;
	content: '';
}
.search_button
{
	margin-left: 30px; /* Reduced from 46px */
	cursor: pointer;
}
.dark_mode_toggle
{
	margin-left: 15px; /* Reduced from 20px */
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0; /* Prevent wrapping */
}
.dark_mode_switch
{
	display: none;
}
.dark_mode_label
{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 26px;
	cursor: pointer;
}
.dark_mode_label i
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #384158;
	transition: all 0.3s ease;
	z-index: 2;
}
.dark_mode_label .fa-moon-o
{
	left: 8px;
	opacity: 1;
}
.dark_mode_label .fa-sun-o
{
	right: 8px;
	opacity: 0;
}
.dark_mode_slider
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	border-radius: 26px;
	transition: all 0.3s ease;
}
.dark_mode_slider:before
{
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	border-radius: 50%;
	transition: all 0.3s ease;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
.dark_mode_switch:checked + .dark_mode_label .dark_mode_slider
{
	background-color: #14bdee;
}
.dark_mode_switch:checked + .dark_mode_label .dark_mode_slider:before
{
	transform: translateX(24px);
}
.dark_mode_switch:checked + .dark_mode_label .fa-moon-o
{
	opacity: 0;
}
.dark_mode_switch:checked + .dark_mode_label .fa-sun-o
{
	opacity: 1;
	color: #fff;
}
.shopping_cart
{
	margin-left: 23px;
	cursor: pointer;
}
.search_button i,
.shopping_cart i
{
	font-size: 18px;
	color: #181818;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_button:hover i,
.shopping_cart:hover i
{
	color: #14bdee;
}

/* Dropdown Styles */
.main_nav li.dropdown
{
	position: relative;
}
.main_nav li.dropdown .dropdown-toggle
{
	cursor: pointer;
	position: relative;
}
.main_nav li.dropdown .dropdown-toggle i
{
	font-size: 11px;
	margin-left: 6px;
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-block;
}
.main_nav li.dropdown .dropdown-toggle:hover
{
	color: #14bdee;
}
.main_nav li.dropdown .dropdown-toggle.active
{
	color: #14bdee;
}
.main_nav li.dropdown .dropdown-toggle.active i
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.main_nav li.dropdown .dropdown-menu
{
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 15px;
	min-width: 220px;
	background: #FFFFFF;
	box-shadow: 0px 10px 40px rgba(0,0,0,0.15);
	border-radius: 8px;
	padding: 8px 0;
	opacity: 0;
	visibility: hidden;
	display: none;
	-webkit-transform: translateY(-15px) scale(0.95);
	-moz-transform: translateY(-15px) scale(0.95);
	-ms-transform: translateY(-15px) scale(0.95);
	-o-transform: translateY(-15px) scale(0.95);
	transform: translateY(-15px) scale(0.95);
	-webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 1000;
	border: 1px solid rgba(0,0,0,0.05);
	overflow: hidden;
}
.main_nav li.dropdown .dropdown-toggle.active + .dropdown-menu,
.main_nav li.dropdown .dropdown-menu.active,
.main_nav li.dropdown.active .dropdown-menu
{
	opacity: 1;
	visibility: visible;
	display: block !important;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
}
.main_nav li.dropdown .dropdown-toggle.active
{
	color: #14bdee;
}
.main_nav li.dropdown .dropdown-menu li
{
	display: block;
	margin: 0;
	padding: 0;
}
.main_nav li.dropdown .dropdown-menu li:not(:last-child)
{
	margin-right: 0;
}
.main_nav li.dropdown .dropdown-menu li a
{
	display: block;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 500;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	position: relative;
	border-left: 3px solid transparent;
}
.main_nav li.dropdown .dropdown-menu li a:hover,
.main_nav li.dropdown .dropdown-menu li.active a
{
	background: linear-gradient(90deg, rgba(20,189,238,0.08) 0%, rgba(20,189,238,0.03) 100%);
	color: #14bdee;
	border-left-color: #14bdee;
	padding-left: 28px;
}
.main_nav li.dropdown .dropdown-menu li:first-child a
{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.main_nav li.dropdown .dropdown-menu li:last-child a
{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.main_nav li.dropdown .dropdown-menu li.active::after
{
	display: none;
}
.header_search_form
{
	display: block;
	position: relative;
	width: 40%;
}
.header_search_container
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #14bdee;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_search_container.active
{
	bottom: -73px;
	opacity: 1;
}
.header_search_content
{
	width: 100%;
	height: 73px;
}
.search_input
{
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	padding-left: 20px;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container
{

}
.hamburger
{
	display: none;
	cursor: pointer;
}
.hamburger i
{
	font-size: 20px;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover i
{
	color: #14bdee;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: #FFFFFF;
	z-index: 101;
	padding-right: 60px;
	padding-top: 87px;
	padding-left: 50px;
}
.menu .logo a
{
	color: #000000;
}
.menu.active
{
	right: 0;
}
.menu_close_container
{
	position: absolute;
	top: 30px;
	right: 60px;
	width: 18px;
	height: 18px;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}
.menu_close
{
	width: 100%;
	height: 100%;
	transform-style: preserve-3D;
}
.menu_close div
{
	width: 100%;
	height: 2px;
	background: #232323;
	top: 8px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close div:last-of-type
{
	-webkit-transform: rotate(90deg) translateX(-2px);
	-moz-transform: rotate(90deg) translateX(-2px);
	-ms-transform: rotate(90deg) translateX(-2px);
	-o-transform: rotate(90deg) translateX(-2px);
	transform: rotate(90deg) translateX(-2px);
	transform-origin: center;
}
.menu_close:hover div
{
	background: #937c6f;
}
.menu .logo
{
	margin-bottom: 60px;
}
.menu_nav ul li
{
	margin-bottom: 9px;
}
.menu_nav ul li a
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
	color: #14bdee;
}
.menu .search
{
	width: 100%;
	margin-bottom: 67px;
}
.search
{
	display: inline-block;
	width: 400px;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.menu .header_search_form
{
	width: 100%;
}
.search form
{
	position: relative;
}
.menu .search_input
{
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	border: none;
	outline: none;
	padding-left: 15px;
	color: rgba(0,0,0,0.5);
}
.menu .search_input::-webkit-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
} 
.menu .search_input:-ms-input-placeholder
{ 
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}

/*********************************
5. Section
*********************************/

.section_title_container
{
	max-width: 100%;
	margin: 0;
}

.courses .section_title_container,
.events .section_title_container,
.news .section_title_container
{
	margin-bottom: 3px; /* Significantly reduced */
	align-items: center; /* Align title and subtitle vertically */
	justify-content: space-between; /* Push link to right */
	gap: 10px; /* Significantly reduced gap */
}

.courses .section_title_container > div:first-child,
.events .section_title_container > div:first-child,
.news .section_title_container > div:first-child
{
	flex: 1; /* Allow flex to grow */
	display: flex;
	align-items: center;
	gap: 10px; /* Significantly reduced gap between title and description */
}

.courses .section_title,
.events .section_title,
.news .section_title
{
	margin-bottom: 0; /* Remove default margin */
	font-size: 28px; /* Keep title size */
	white-space: nowrap; /* Keep title in one line */
}

.courses .section_subtitle p,
.events .section_subtitle p,
.news .section_subtitle p
{
	margin-bottom: 0; /* Remove default margin */
	font-size: 14px; /* Increased back to 14px */
	color: #76777a; /* Lighter color for subtitle */
	max-width: 500px; /* Increased max-width */
	line-height: 1.5; /* Better line height */
}

/* Responsive for courses/events/news button in title section */
@media (max-width: 992px)
{
	.courses .section_title_container,
	.events .section_title_container,
	.news .section_title_container
	{
		flex-wrap: wrap; /* Allow wrapping on smaller screens */
	}
	
	.section_title_container .courses_button
	{
		margin-left: 0;
		margin-top: 15px;
		width: 100%;
	}
}
.section_title
{
	line-height: 1.2;
}
.section_subtitle
{
	line-height: 1.5; /* Reduced from 1.85 */
	margin-top: 0; /* Removed margin since it's on same line */
}
.section_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*********************************
6. Home
*********************************/

.home
{
	width: 100%;
	height: 850px;
}
.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content
{
	position: absolute;
	top: 41%;
	left: 0;
	width: 100%;
	height: auto;
}
.home_slider_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
	color: #384158;
}
.home_slider_subtitle
{
	font-size: 24px;
	color: #76777a;
	margin-top: 9px;
}
.home_slider_form_container
{
	width: 832px;
	margin: 0 auto;
	margin-top: 35px;
}
.home_search_form div
{
	width: calc(100% - 140px);
	height: 46px;
	background: #FFFFFF;
	border-radius: 3px;
}
.home_search_input
{
	width: 33.33333333%;
	border: none;
	outline: none;
	height: 25px;
	padding-left: 20px;
}
.home_search_input:not(:last-child)
{
	border-right: solid 1px #e5e5e5;
}
.home_search_input::-webkit-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input:-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
} 
.home_search_input:-ms-input-placeholder
{ 
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.dropdown_item_select
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
.home_search_button
{
	width: 120px;
	height: 46px;
	background: #14bdee;
	border: none;
	outline: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
}
.home_slider_nav
{
	position: absolute;
	top: 55.8%;
	width: 50px;
	background: #b6b7bd;
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_prev
{
	left: 75px;
}
.home_slider_next
{
	right: 75px;
}
.home_slider_nav i
{
	line-height: 50px;
	color: #FFFFFF;
	font-size: 22px;
}
.home_slider_nav:hover
{
	background: #14bdee;
}

/*********************************
7. Features
*********************************/

.features
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 93px;
	padding-bottom: 103px;
}
.features_row
{
	margin-top: 55px;
}
.feature
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF;
}
.feature:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.feature_icon
{
	height: 55px;
}
.feature_icon img
{
	max-width: 100%;
}
.feature_title
{
	position: relative;
	font-size: 20px;
	margin-top: 23px;
}

/*********************************
8. Courses
*********************************/

.courses
{
	width: 100%;
	padding-top: 15px; /* Significantly reduced */
	padding-bottom: 30px; /* Significantly reduced */
}
.courses_row
{
	margin-top: 5px; /* Significantly reduced */
}
.course
{
	width: 100%;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}
.course_image
{
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
}
.course_image img
{
	max-width: 100%;
}
.course_body
{
	padding-top: 8px; /* Significantly reduced */
	padding-left: 12px; /* Significantly reduced */
	padding-right: 12px; /* Significantly reduced */
	padding-bottom: 8px; /* Significantly reduced */
}
.course_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px; /* Reduced from 20px */
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.course_title a:hover
{
	color: #14bdee;
}
.course_teacher
{
	font-size: 13px; /* Further reduced */
	font-weight: 400;
	color: #384158;
	margin-top: 2px; /* Significantly reduced */
}
.course_text
{
	margin-top: 3px; /* Significantly reduced */
	font-size: 12px; /* Further reduced */
}
.course_footer
{
	padding-left: 12px; /* Significantly reduced */
	padding-right: 12px; /* Significantly reduced */
}
.course_footer_content
{
	width: 100%;
	border-top: solid 1px #e5e5e5;
	padding-top: 4px; /* Significantly reduced */
	padding-bottom: 4px; /* Significantly reduced */
}
.course_info
{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #55555a;
}
.course_info:first-child
{
	margin-right: 18px;
}
.course_info i
{
	color: #ffc80a;
}
.course_price
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #14bdee;
}
.course_price span
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	color: #b5b8be;
	margin-right: 10px;
}
.courses_button
{
	width: auto;
	height: auto;
	min-width: 100px;
	padding: 8px 20px;
	border-radius: 4px;
	background: transparent;
	border: 1px solid #384158;
	text-align: center;
	margin: 0;
	box-shadow: none;
	flex-shrink: 0; /* Prevent button from shrinking */
	transition: all 0.3s ease;
}

/* When button is in section_title_container, remove auto margins */
.section_title_container .courses_button
{
	margin: 0;
	margin-left: 20px;
}
.courses_button:hover
{
	background: #384158;
	border-color: #384158;
	box-shadow: 0px 2px 8px rgba(56,65,88,0.2);
}
.courses_button a
{
	display: block;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.4;
	color: #384158;
	text-decoration: none;
	transition: all 0.3s ease;
}
.courses_button:hover a
{
	color: #FFFFFF;
}

/*********************************
9. Counter
*********************************/

.counter
{
	width: 100%;
	background: #FFFFFF;
	z-index: 2;
}
.counter_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.counter_content
{
	padding-top: 119px;
	padding-bottom: 125px;
}
.counter_title
{
	font-family: 'Roboto Slab', serif;
	color: #FFFFFF;
	font-weight: 700;
}
.counter_text
{
	margin-top: 19px;
}
.counter_text p
{
	color: #FFFFFF;
}
.milestones
{
	margin-top: 39px;
}
.milestone
{
	text-align: center;
}
.milestone:not(:last-child)::after
{
	display: block;
	position: absolute;
	top: 0;
	right: -45px;
	width: 1px;
	height: 70px;
	background: rgba(255,255,255,0.2);
	content: '';
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);

}
.milestone_counter
{
	font-size: 42px;
	font-weight: 700;
	line-height: 0.75;
	color: #14bdee;
}
.milestone_text
{
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 14px;
}
.counter_form
{
	position: absolute;
	top: 0;
	right: 30px;
	width: 380px;
	height: 100%;
	background: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.counter_form_content
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.counter_form_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	font-weight: 700;
	color: #384158;
	text-transform: uppercase;
	line-height: 0.75;
	margin-bottom: 41px;
}
.counter_input
{
	width: 100%;
	height: 46px;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	padding-left: 20px;
	outline: none;
	color: #384158;
	font-size: 14px;
}
.counter_input:not(:last-child)
{
	margin-bottom: 10px;
}
.counter_text_input
{
	height: 90px;
	padding-top: 10px;
}
.counter_options
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
}
.counter_input::-webkit-input-placeholder,
.counter_text_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input:-moz-placeholder,
.counter_text_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input::-moz-placeholder,
.counter_text_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
} 
.counter_input:-ms-input-placeholder,
.counter_text_input:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input::input-placeholder,
.counter_text_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_form_button
{
	width: 100%;
	height: 46px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border: none;
	outline: none;
	background: #14bdee;
	cursor: pointer;
	margin-top: 30px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.counter_form_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}

/*********************************
10. Events
*********************************/

.events
{
	width: 100%;
	padding-top: 15px; /* Significantly reduced */
	padding-bottom: 30px; /* Significantly reduced */
}
.events_row
{
	margin-top: 5px; /* Significantly reduced */
}
/* Removed event_left, event_mid, event_right classes for 4-column layout */
.event_col
{
	padding: 0 8px; /* Significantly reduced padding for compact layout */
}
.event_image
{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.event_image img
{
	max-width: 100%;
}
.event_body
{
	padding-top: 8px; /* Significantly reduced */
	padding-bottom: 8px; /* Significantly reduced */
}
.event_date
{
	box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}
.event_date > div
{
	width: 50px; /* Reduced from 60px */
	height: 50px; /* Reduced from 60px */
}
.event_day
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px; /* Reduced from 24px */
	color: #14bdee;
	font-weight: 700;
	line-height: 0.75;
}
.event_month
{
	font-family: 'Roboto Slab', serif;
	font-size: 12px; /* Reduced from 14px */
	color: #14bdee;
	font-weight: 400;
	line-height: 0.75;
	margin-top: 7px; /* Reduced from 9px */
}
.event:hover .event_date > div
{
	background: #14bdee;
}
.event:hover .event_day,
.event:hover .event_month
{
	color: #FFFFFF;
}
.event_content
{
	padding-left: 12px; /* Significantly reduced */
}
.event_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 16px; /* Further reduced */
	font-weight: 700;
	line-height: 1.25; /* Tighter line height */
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.event_title a:hover
{
	color: #14bdee;
}
.event_info_container
{
	margin-top: 3px; /* Significantly reduced */
}
.event_info
{
	display: inline-block;
	color: #b5b8be;
	font-size: 12px; /* Reduced from 14px */
}
.event_info:not(:last-child)
{
	margin-right: 12px; /* Reduced from 17px */
}
.event_info span
{
	margin-left: 4px;
}
.event_text
{
	margin-top: 5px; /* Further reduced */
	font-size: 13px; /* Slightly smaller */
}

/*********************************
11. Team
*********************************/

.team
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 60px;
}
.team_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.team_row
{
	margin-top: 43px;
}
.team_col
{
	margin-bottom: 40px;
}
.team_item
{
	width: 100%;
}
.team_image
{
	width: 180px;
	height: 160px;
	border-radius: 6px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -86px;
	z-index: 5;
}
.team_image img
{
	max-width: 100%;
}
.team_body
{
	width: 100%;
	padding-top: 108px;
	padding-bottom: 24px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_item:hover .team_body
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.team_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_title a:hover
{
	color: #14bdee;
}
.team_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	margin-top: 6px;
}
.social_list
{
	margin-top: 16px;
}
.social_list ul li
{
	display: inline-block;
}
.social_list ul li:not(:last-child)
{
	margin-right: 10px;
}
.social_list ul li a i
{
	font-size: 18px;
	color: #76777a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list ul li:hover a i
{
	color: #14bdee;
}
.team_col .team_item
{
	padding-left: 6px;
	padding-right: 6px;
}
.team_col:first-child .team_item
{
	padding-left: 0;
	padding-right: 6px;
}
.team_col:nth-child(4n) .team_item
{
	padding-left: 6px;
	padding-right: 0;
}

/*********************************
12. News
*********************************/

.news
{
	width: 100%;
	padding-top: 15px; /* Significantly reduced */
	padding-bottom: 30px; /* Significantly reduced */
}

/* Alternating backgrounds for content sections */
.content-section.section-1,
.content-section.section-3,
.content-section.section-5,
.content-section.section-7,
.content-section.section-9
{
	background: #f0f1f3 !important; /* Grey */
}

.content-section.section-2,
.content-section.section-4,
.content-section.section-6,
.content-section.section-8,
.content-section.section-10
{
	background: #FFFFFF !important; /* White */
}

/* Hide section_background on all content sections */
.content-section .section_background
{
	display: none !important;
}

.news_row
{
	margin-top: 3px; /* Significantly reduced */
}
.news_post_large_container
{
	padding-right: 10px; /* Significantly reduced */
}
.news_post_large
{
	width: 100%;
}
.news_post_image
{
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_large_title
{
	margin-top: 5px; /* Significantly reduced */
}
.news_post_large_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 15px; /* Further reduced */
	font-weight: 700;
	color: #384158;
	line-height: 1.2; /* Tighter line height */
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_large_title a:hover
{
	color: #14bdee;
}
.news_post_meta
{
	margin-top: 3px; /* Significantly reduced */
}
.news_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.news_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 10px; /* Reduced from 14px */
	margin-right: 8px; /* Reduced from 11px */
}
.news_post_meta ul li a
{
	font-size: 12px; /* Reduced from 14px */
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_meta ul li a:hover
{
	color: #14bdee;
}
.news_post_text
{
	margin-top: 3px; /* Significantly reduced */
	font-size: 12px; /* Further reduced */
	line-height: 1.35; /* Tighter */
}
.news_post_link
{
	margin-top: 6px; /* Further reduced */
}
.news_post_link a
{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #384158;
	text-decoration: underline;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_link a:hover
{
	color: #14bdee;
}
.news_posts_small
{
	margin-top: 0; /* Removed negative margin */
}
.news_post_small:not(:last-child)
{
	padding-bottom: 6px; /* Significantly reduced */
	border-bottom: solid 1px #e5e5e5;
}
.news_post_small:not(:first-child)
{
	padding-top: 6px; /* Significantly reduced */
}
.news_post_small_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 16px; /* Increased from 14px */
	font-weight: 700;
	line-height: 1.35; /* Slightly increased for better readability */
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_small_title a:hover
{
	color: #14bdee;
}
.news_post_small .news_post_meta
{
	margin-top: 3px; /* Further reduced */
}
.news_post_small .news_post_meta ul li a
{
	font-size: 11px; /* Smaller font for small posts meta */
}

/*********************************
13. Newsletter
*********************************/

.newsletter
{
	width: 100%;
}
.newsletter_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newsletter_container
{
	width: 100%;
	height: 120px;
}
.newsletter_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
}
.newsletter_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 6px;
}
.newsletter_form_container
{
	width: 450px;
	padding-left: 20px;
}
.newsletter_form
{
	display: block;
	position: relative;
	width: 100%;
}
.newsletter_input
{
	width: calc(100% - 136px);
	height: 40px;
	background: rgba(255,255,255,0.4);
	border: none;
	outline: none;
	padding-left: 20px;
	color: #FFFFFF;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.newsletter_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
} 
.newsletter_input:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_button
{
	width: 136px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 3px;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	color: #14bdee;
	font-weight: 500;
	letter-spacing: 0.1em;
}

/*********************************
14. Footer
*********************************/

.footer
{
	display: block;
	position: relative;
	width: 100%;
	background: #1e2434;
	padding-top: 50px;
}
.footer_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer_content
{
	padding-bottom: 30px;
}
.footer_logo_text
{
	font-family: 'Roboto Slab', serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 0.75;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_logo_text span
{
	color: #14bdee;
}
.footer_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.2;
	margin-bottom: 12px;
}
.footer_logo_container
{
	margin-top: 0;
}
.footer_about_text
{
	margin-top: 15px;
}
.footer_about_text p
{
	color: #FFFFFF;
}
.footer_social
{
	margin-top: 15px;
}
.footer_social ul li
{
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #4b505d;
	border-radius: 50%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 6px;
}
.footer_social ul li a
{
	display: block;
	position: relative;
	text-align: center;
}
.footer_social ul li a i
{
	color: #FFFFFF;
	line-height: 45px;
}
.footer_social ul li:hover
{
	background: #14bdee;
}
.footer_contact
{
	padding-left: 20px;
}
.footer_contact_info
{
	margin-top: 15px;
}
.footer_contact_info ul li
{
	font-size: 14px;
	font-weight: 400;
	color: #b5b8be;
}
.footer_contact_info ul li:not(:last-child)
{
	margin-bottom: 8px;
}
.footer_links
{
	padding-left: 20px;
}
.footer_links_container ul
{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.footer_links_container
{
	margin-top: 15px;
}
.footer_links_container ul li
{
	display: inline-block;
}

/*********************************
15. Dark Mode
*********************************/

/* Dark Mode Base Styles */
.dark-mode
{
	--bg-primary: #1a1a1a;
	--bg-secondary: #2d2d2d;
	--bg-tertiary: #3a3a3a;
	--text-primary: #e0e0e0;
	--text-secondary: #b0b0b0;
	--border-color: #404040;
}

.dark-mode body
{
	background: var(--bg-primary);
	color: var(--text-primary);
}

.dark-mode .super_container
{
	background: var(--bg-primary);
}

/* Dark Mode Header */
.dark-mode .header
{
	background: var(--bg-secondary);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
}

.dark-mode .header_container
{
	background: var(--bg-secondary);
}

.dark-mode .logo_text
{
	color: var(--text-primary);
}

.dark-mode .main_nav li a
{
	color: var(--text-primary);
}

.dark-mode .main_nav li a:hover,
.dark-mode .main_nav li.active a
{
	color: #14bdee;
}

.dark-mode .search_button i,
.dark-mode .hamburger i
{
	color: var(--text-primary);
}

.dark-mode .search_button:hover i,
.dark-mode .hamburger:hover i
{
	color: #14bdee;
}

/* Dark Mode Content Sections */
.dark-mode .content-section.section-1,
.dark-mode .content-section.section-3,
.dark-mode .content-section.section-5,
.dark-mode .content-section.section-7,
.dark-mode .content-section.section-9
{
	background: var(--bg-tertiary) !important;
}

.dark-mode .content-section.section-2,
.dark-mode .content-section.section-4,
.dark-mode .content-section.section-6,
.dark-mode .content-section.section-8,
.dark-mode .content-section.section-10
{
	background: var(--bg-secondary) !important;
}

/* Dark Mode Cards */
.dark-mode .course,
.dark-mode .event
{
	background: var(--bg-secondary);
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
}

.dark-mode .course_title a,
.dark-mode .event_title a
{
	color: var(--text-primary);
}

.dark-mode .course_title a:hover,
.dark-mode .event_title a:hover
{
	color: #14bdee;
}

.dark-mode .course_teacher,
.dark-mode .course_text,
.dark-mode .event_text
{
	color: var(--text-secondary);
}

.dark-mode .course_footer_content
{
	border-top-color: var(--border-color);
}

/* Dark Mode News Posts */
.dark-mode .news_post_large_title a,
.dark-mode .news_post_small_title a
{
	color: var(--text-primary);
}

.dark-mode .news_post_large_title a:hover,
.dark-mode .news_post_small_title a:hover
{
	color: #14bdee;
}

.dark-mode .news_post_text
{
	color: var(--text-secondary);
}

.dark-mode .news_post_meta ul li a
{
	color: var(--text-secondary);
}

.dark-mode .news_post_small:not(:last-child)
{
	border-bottom-color: var(--border-color);
}

/* Dark Mode Section Titles */
.dark-mode .section_title
{
	color: var(--text-primary);
}

.dark-mode .section_subtitle p
{
	color: var(--text-secondary);
}


.dark-mode .market-name,
.dark-mode .market-price
{
	color: var(--text-primary);
}

/* Dark Mode Footer */
.dark-mode .footer
{
	background: var(--bg-secondary);
}

/* Keep footer background original in dark mode - no changes */
.dark-mode .footer_background
{
	opacity: 1; /* Keep original opacity */
	filter: none; /* No filters - keep original appearance */
}

.dark-mode .footer_title
{
	color: var(--text-primary);
}

.dark-mode .footer_about_text,
.dark-mode .footer_contact_info ul li,
.dark-mode .footer_links_container ul li a,
.dark-mode .cr_text,
.dark-mode .cr_list li a
{
	color: var(--text-secondary);
}

.dark-mode .footer_links_container ul li a:hover,
.dark-mode .cr_list li a:hover
{
	color: #14bdee;
}

/* Dark Mode Dropdown */
.dark-mode .main_nav li.dropdown .dropdown-menu
{
	background: var(--bg-secondary);
	border-color: var(--border-color);
}

.dark-mode .main_nav li.dropdown .dropdown-menu li a
{
	color: var(--text-primary);
}

.dark-mode .main_nav li.dropdown .dropdown-menu li a:hover
{
	color: #14bdee;
	background: var(--bg-tertiary);
}

/* Dark Mode Menu */
.dark-mode .menu
{
	background: var(--bg-secondary);
}

.dark-mode .menu_nav ul li a
{
	color: var(--text-primary);
}

.dark-mode .menu_nav ul li a:hover
{
	color: #14bdee;
}

/* Dark Mode Buttons */
.dark-mode .courses_button
{
	border-color: var(--border-color);
	background: transparent;
}
.dark-mode .courses_button a
{
	color: var(--text-primary);
}
.dark-mode .courses_button:hover
{
	background: var(--bg-tertiary);
	border-color: var(--text-primary);
}
.dark-mode .courses_button:hover a
{
	color: var(--text-primary);
}

.footer_links_container ul li a
{
	font-size: 14px;
	color: #b5b8be;
	white-space: nowrap;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_links_container ul li:not(:last-child)
{
	margin-bottom: 0;
	margin-right: 20px;
}
.footer_links_container ul li a:hover
{
	color: #14bdee;
}
.footer_mobile
{
	display: inline-block;
	float: right;
}
.footer_mobile_content
{
	padding-top: 15px;
}
.footer_image:not(:last-child)
{
	margin-bottom: 8px;
}
.copyright
{
	height: 54px;
	border-top: solid 1px #353a49;
}
.cr_list li
{
	display: inline-block;
}
.copyright div
{
	font-size: 14px;
	color: #b5b8be;
}
.cr_text a
{
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_text a:hover
{
	color: #14bdee;
}
.cr_list li:not(:last-child)
{
	margin-right: 50px;
}
.cr_list li a
{
	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_list li a:hover
{
	color: #14bdee;
}

/* ============================================
   Common Breadcrumb Styles
   Used across all pages (Article, Category, Tag, Calculator, Static Page, Rate Page)
   ============================================ */

/* Breadcrumb Container */
.breadcrumb-container {
	padding: 15px 0;
	padding-top: 110px;
}

/* Breadcrumb List */
.breadcrumb {
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 0.95rem;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

/* Breadcrumb Item */
.breadcrumb-item {
	display: inline-flex;
	align-items: center;
	
}

.breadcrumb-item a {
	color: #14bdee;
	text-decoration: none;
	transition: color 0.2s ease;
	font-weight: bold;
}

.breadcrumb-item a:hover {
	color: #0d9bc4;
}

.breadcrumb-item.active {
	color: #6c757d;
}

/* Breadcrumb Separator */
.breadcrumb-item + .breadcrumb-item::before {
	content: "|";
	color: #999;
	font-size: 1rem;
	padding: 0 8px;
	display: inline-block;
}

/* Dark Mode Breadcrumb */
.dark-mode .breadcrumb-container {
	border-bottom-color: var(--border-color);
}

.dark-mode .breadcrumb-item a {
	color: #14bdee;
	font-weight: bold;
}

.dark-mode .breadcrumb-item.active {
	color: var(--text-secondary);
}

.dark-mode .breadcrumb-item + .breadcrumb-item::before {
	color: var(--text-secondary);
}

/* Responsive Breadcrumb */
@media (max-width: 767px) {
	.breadcrumb-container {
		padding-top: 95px; /* Slightly less on mobile */
		padding-bottom: 12px;
	}
	
	.breadcrumb {
		font-size: 0.8rem;
	}
	
	.breadcrumb-item + .breadcrumb-item::before {
		padding: 0 6px;
		font-size: 0.9rem;
	}
}

/* ============================================
   Common Loading Styles
   Used across all pages
   ============================================ */

.loading-container {
  padding: 100px 0;
  text-align: center;
}

.loading-container .spinner {
  width: 44px;
  height: 44px;
  border: 3px solid #e9ecef;
  border-top: 3px solid #14bdee;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: 0 auto 16px;
}

.loading-container p {
  color: #999;
  font-size: 0.95rem;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Dark mode loading */
.dark-mode .loading-container p {
  color: var(--text-secondary);
}

.dark-mode .loading-container .spinner {
  border-color: var(--border-color);
  border-top-color: #14bdee;
}