@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. Home
6. Featured Course
7. Courses
8. Milestones
9. Why Choose Us - Accordions
10. Events
11. News
12. Video
13. Join
14. Footer


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

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

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700,800,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: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	background: #FFFFFF;
	color: #6c6a74;
}
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: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 2.14;
	font-weight: 500;
	color: #6c6a74;
	-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 #177DF4;
	-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: #0A305D;
}
p a:hover
{
	color: #FFFFFF;
	background: #177DF4;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	background: #177DF4;
	color: #FFFFFF;
}
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: 'Montserrat', sans-serif;
	color: #44425a;
	-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;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
.form-control
{
	color: #0A305D;
}
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;
}
.parallax_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	width: auto;
	height: 47px;
	background: #177DF4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button a
{
	display: block;
	position: relative;
	padding-left: 33px;
	padding-right: 77px;
	line-height: 47px;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
	white-space: nowrap;
}
.button_arrow
{
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 100%;
	background: #0A305D;
	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;
}
.button_arrow i
{
	font-size: 20px;
	line-height: 47px;
	color: #177DF4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button:hover
{
	background: #0A305D;
}
.button:hover .button_arrow
{
	background: #177DF4;
}
.button:hover .button_arrow i
{
	color: #FFFFFF;
}
.section_title h2
{
	font-weight: 600;
}
.section_subtitle
{
	font-size: 14px;
	color: #6c6a74;
	text-align: center;
	margin-top: 66px;
	line-height: 2.14;
}

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

.header
{
	position: sticky;
	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: -61px;
}

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

.top_bar
{
	width: 100%;
	background: #0A305D;
}
.header.scrolled .top_bar
{

}
.top_bar_container
{
	width: 100%;
	height: 100%;
}
.top_bar_content
{
	width: 100%;
	height: 61px;
}
.top_bar_contact_list li
{
	display: inline-block;
}
.question
{
	font-family: 'Montserrat', serif;
	font-size: 12px;
	font-weight: 600 !important;
	color: #918ea0;
	margin-left: 0px;
	text-transform: uppercase;
}
.top_bar_contact_list li > div
{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #918ea0;
}
.top_bar_contact_list li > div
{
	margin-left: 1px;
}
.top_bar_contact_list li:first-child
{
	margin-right: 42px !important;
}
.top_bar_contact_list li:not(:last-child)
{
	margin-right: 33px;
}
.top_bar_login
{
	
}
.top_bar_login ul li
{
	display: inline-block;
	position: relative;
}
.top_bar_login ul li a
{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	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;
}
.top_bar_login ul li a:hover
{
	color: #177DF4;
}
.top_bar_login ul li:not(:last-child)::after
{
	display: inline-block;
	margin-left: 5px;
	margin-right: 1px;
	content: '/';
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 600;
}

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

.header_container
{
	width: 100%;
	background: #FFFFFF;
}
.header_content
{
	height: 90px;
	-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: 70px;
}

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

.logo,
.logo_text
{
	display: inline-block;
}
.logo
{
	-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_text
{
	font-family: 'Montserrat', serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 0.75;
	margin-left: 1px;
	color: #177DF4;
	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;
}

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

.main_nav_contaner
{

}
.main_nav,
.search_button
{
	display: inline-block;
}
.main_nav li
{
	display: inline-block;
	position: relative;
	height: 31px;
}
.main_nav li:not(:last-child)
{
	margin-right: 13px;
}
.main_nav li a
{
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 31px;
	background: #FFFFFF;
	color: #0A305D;
	padding-left: 19px;
	padding-right: 19px;
	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;
}
.main_nav li a:hover,
.main_nav li.active a
{
	color: #FFFFFF;
	background: #177DF4;
}
.main_nav li a:hover
{
	background: #177DF4;
}
.search_button
{
	margin-left: 88px;
	cursor: pointer;
}
.search_button i
{
	font-size: 15px;
	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
{
	color: #177DF4;
}
.header_search_form
{
	display: block;
	position: relative;
	width: 40%;
}
.header_search_container
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #0A305D;
	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;
	background: transparent;
	border-bottom: solid 2px #177DF4;
	color: #FFFFFF;
}
.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: #177DF4;
}

/*********************************
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;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
}
.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: #177DF4;
}
.menu .logo
{
	margin-bottom: 60px;
}
.menu_nav ul li
{
	margin-bottom: 9px;
}
.menu_nav ul li a
{
	font-size: 16px;
	color: #0A305D;
	font-weight: 700;
	letter-spacing: 0.05em;
	-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: #177DF4;
}
.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%;
	background: transparent;
	height: 42px;
	border: none;
	outline: none;
	padding-left: 20px;
	border-bottom: solid 2px #d9d9d9;
	-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 .search_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(0,0,0,0.15) !important;
}
.menu .search_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(0,0,0,0.15) !important;
}
.menu .search_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(0,0,0,0.15) !important;
} 
.menu .search_input:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(0,0,0,0.15) !important;
}
.menu .search_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(0,0,0,0.15) !important;
}
.menu .search_input:focus
{
	border-bottom: solid 2px #177DF4;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent;
}
.header_search_button:focus
{
	outline: none;
}
.header_search_button i
{
	font-size: 16px;
	color: #d9d9d9;
	-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_search_button:hover i
{
	color: #177DF4;
}
.menu_extra
{
	position: absolute;
	right: 60px;
	bottom: 30px;
}
.menu_phone,
.menu_social
{
	font-size: 12px;
}
.menu_social
{
	margin-right: -6px;
	margin-top: 5px;
}
.menu_title
{
	text-transform: uppercase;
	margin-right: 10px;
}
.menu_social ul
{
	display: inline-block;
}
.menu_social ul li
{
	display: inline-block;
}
.menu_social ul li a i
{
	font-size: 12px;
	color: rgba(0,0,0,0.4);
	padding: 6px;
	-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_social ul li a i:hover
{
	color: #177DF4;
}

/*********************************
5. Home
*********************************/

.home
{
	width: 100%;
	height: 100vh;
}
.home_slider_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.home_slider_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%; /* Adjust as needed */
    transform: scale(0.9); /* Zoom out to 90% - adjust as needed */
}
.home_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home_container
{
	position: absolute;
	top: 35.5%;
	left: 0;
	width: 100%;
}
.home_logo
{
	width: 263px;
	height: 178px;
	margin-left: auto;
	margin-right: auto
}
.home_logo img
{
	max-width: 100%;
}
.home_text
{
	margin-top: -55px;
}
.home_title
{
	width: 100%;
	font-size: 72px;
	line-height: 1.2;
	font-weight: 600;
	color: #FFFFFF;
}
.home_subtitle
{
	max-width: 670px;
	font-size: 15px;
	line-height: 2;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
}
.home_buttons
{
	margin-top: 50px;
}
.home_button:first-child
{
	margin-right: 26px;
}
.home_slider_nav_container
{
	position: absolute;
	left: 15px;
	top: 0px;
	width: 103px;
	height: 51px;
	background: #177DF4;
	z-index: 3;
}
.home_slider_nav
{
	width: 51px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: #177DF4;
	cursor: pointer;
}
.home_slider_nav i
{
	font-size: 18px;
	color: #FFFFFF;
}
.home_slider_nav:hover
{
	background: #0A305D;
}

/*********************************
6. Featured Course
*********************************/

.featured
{
	width: 100%;
	z-index: 2;
}
.featured_container
{
	width: 100%;
	padding-left: 227px;
	margin-top: 5px;
}
.featured_col:first-child
{
	padding-right: 0;
}
.featured_col:last-child
{
	padding-left: 0;
}
.featured_content
{
	padding-left: 50px;
	padding-top: 63px;
	padding-right: 50px;
	padding-bottom: 41px;
	background: #f2f1f8;
}
.featured_content::after
{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #177DF4;
	content: '';
}
.featured_tag
{
	height: 31px;
	background: #177DF4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.featured_tag:hover
{
	background: #0A305D;
}
.featured_tag a
{
	display: block;
	padding-left: 21px;
	padding-right: 21px;
	line-height: 31px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 400;
}
.featured_price span
{
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #177DF4;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.featured_title
{
	margin-top: 29px;
}
.featured_title h3 a
{
	color: #0A305D;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.featured_title h3 a:hover
{
	color: #177DF4;
}
.featured_text
{
	margin-top: 18px;
	line-height: 1.92;
}
.featured_footer
{
	margin-top: 55px;
}
.featured_author_image
{
	width: 37px;
	height: 37px;
	overflow: hidden;
	border-radius: 50%;
}
.featured_author_image img
{
	max-width: 100%;
}
.featured_author_name
{
	margin-left: 16px;
}
.featured_author_name,
.featured_author_name a
{
	font-size: 14px;
	color: #0A305D;
	font-weight: 500;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.featured_author_name a:hover
{
	color: #177DF4;
}
.featured_background
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/*********************************
7. Courses
*********************************/

.courses
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 88px;
	/* padding-bottom: 99px; */
}
.course_search
{
	padding-left: 68px;
	padding-right: 68px;
	margin-top: 72px;
}
.course_search_form
{
	width: 100%;
}
.course_button
{
	position: relative;
	width: 224px;
	height: 50px;
	border: none;
	outline: none;
	cursor: pointer;
	background: #177DF4;
	-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_button .button_arrow
{
	width: 47px;
	background: #0A305D;
}
.course_button span:first-child
{
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 600;
	padding-right: 44px;
	line-height: 50px;
	text-transform: uppercase;
}
.course_button:hover
{
	background: #0A305D;
}
.course_button:hover .button_arrow
{
	background: #177DF4;
}
.course_search_form > div
{
	width: calc((100% - 284px) / 2);
}
.course_input
{
	position: relative;
	width: 100%;
	height: 50px;
	border: none;
	outline: none;
	background: #f2f1f8;
	padding-left: 22px;
}
.course_search_form > div::after
{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #177DF4;
	content: '';
	visibility: hidden;
	opacity: 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;
}
.course_search_form > div:hover::after
{
	visibility: visible;
	opacity: 1;
}
.course_input::-webkit-input-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #6c6a74 !important;
}
.course_input:-moz-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #6c6a74 !important;
}
.course_input::-moz-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #6c6a74 !important;
} 
.course_input:-ms-input-placeholder
{ 
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #6c6a74 !important;
}
.course_input::input-placeholder
{
	font-size: 12px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #6c6a74 !important;
}
.courses_slider_container
{
	width: 100%;
	margin-top: 83px;
}
.course_body
{
	width: 100%;
	padding-left: 34px;
	padding-right: 32px;
	padding-top: 56px;
	padding-bottom: 51px;
	background: #f2f1f8;
}
.course_tag
{
	height: 31px;
	background: #177DF4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-left: 2px;
}
.course_tag:hover
{
	background: #0A305D;
}
.course_tag a
{
	display: block;
	padding-left: 19px;
	padding-right: 19px;
	line-height: 31px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 400;
}
.course_price span
{
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #177DF4;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.course_title
{
	margin-top: 29px;
}
.course_title h3 a
{
	font-size: 22px;
	color: #0A305D;
	font-weight: 600;
	-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 h3 a:hover
{
	color: #177DF4;
}
.course_text
{
	margin-top: 18px;
	line-height: 1.928;
}
.course_footer
{
	margin-top: 33px;
}
.course_author_image
{
	width: 37px;
	height: 37px;
	overflow: hidden;
	border-radius: 50%;
}
.course_author_image img
{
	max-width: 100%;
}
.course_author_name
{
	margin-left: 16px;
}
.course_author_name,
.course_author_name a
{
	font-size: 14px;
	color: #0A305D;
	font-weight: 500;
	-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_author_name a:hover
{
	color: #177DF4;
}
.courses_slider_nav
{
	position: absolute;
	top: 50%;
	width: 51px;
	height: 51px;
	background: #177DF4;
	text-align: center;
	cursor: pointer;
}
.courses_slider_nav:hover
{
	background: #0A305D;
}
.courses_slider_nav i
{
	font-size: 18px;
	line-height: 51px;
	color: #FFFFFF;
}
.courses_slider_prev
{
	left: -161px;
}
.courses_slider_next
{
	right: -161px;
}

/*********************************
8. Milestones
*********************************/

.milestones
{
	width: 100%;
	padding-top: 80px;
	padding-bottom: 90px;
	margin-top: 50px;
}
.milestones_container
{
	margin-top: 0px;
}
.milestone
{
	width: 100%;
}
.milestone_icon
{
	display: inline-block;
	height: 81px;
	width: 81px;
}
.milestone_icon img
{
	max-width: 100%;
}
.milestone_counter
{
	font-size: 48px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.75;
	margin-top: 37px;
}
.milestone_text
{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 21px;
	line-height: 0.75;
}

/*********************************
9. Why Choose Us - Accordions
*********************************/

.grouped_sections
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 89px;
	padding-bottom: 100px;
}
.grouped_title
{
	font-size: 30px;
	font-weight: 600;
	color: #44425a;
}
.accordions
{
	margin-top: 58px;
}
.accordion_container:not(:last-child)
{
	margin-bottom: 14px;
}
.accordion
{
	height: 50px;
	width: 100%;
	background: #f2f1f8;
	padding-left: 24px;
	cursor: pointer;
	color: #44425a;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion div
{
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
}
.accordion:active
{
	background: #fffbfa !important;
}
.accordion::after
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 12px;
	width: 23px;
	height: 23px;
	background: #177DF4;
	content: '+';
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active::after
{
	content: '-';
}
.accordion:hover::after
{
	color: #FFFFFF;
}
.accordion:hover
{
	background: #e9e8ef;
}
.accordion_panel
{
	padding-right: 8px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion_panel > div
{
	padding-bottom: 11px;
}
.accordion_panel p
{
	padding-top: 33px;
	color: #6c6a74;
	line-height: 2.2;
}

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

.events
{
	width: 100%;
	margin-top: 58px;
}
.event
{
	width: 100%;
}
.event:not(:last-child)
{
	margin-bottom: 20px;
}
.event_date
{
	width: 63px;
	height: 63px;
	background: #177DF4;
}
.event_day
{
	font-size: 26px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 0.75;
}
.event_month
{
	font-size: 10px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.75;
	margin-top: 10px;
}
.event_title a
{
	font-size: 16px;
	font-weight: 600;
	color: #44425a;
	-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_body
{
	padding-left: 34px;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}
.event_title a:hover
{
	color: #177DF4;
}
.event_subtitle
{
	font-size: 14px;
	font-weight: 500;
	color: #6c6a74;
	margin-top: 5px;
}

/*********************************
11. News
*********************************/

.news
{
	width: 100%;
	margin-top: 58px;
}
.news_post
{
	width: 100%;
}
.news_post:not(:last-child)
{
	margin-bottom: 39px;
}
.news_post_image
{
	width: 72px;
	height: 72px;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_body
{
	padding-left: 25px;
}
.news_post_date
{
	font-size: 12px;
	font-weight: 600;
	color: #177DF4;
	line-height: 0.75;
}
.news_post_title
{
	margin-top: 10px;
}
.news_post_title a
{
	font-size: 16px;
	font-weight: 600;
	color: #44425a;
	-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_title a:hover
{
	color: #177DF4;
}
.news_post_author
{
	margin-top: 5px;
}
.news_post_author,
.news_post_author a
{
	font-size: 14px;
	font-weight: 500;
	color: #6c6a74;
	-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_author a:hover
{
	color: #177DF4;
}

/*********************************
12. Video
*********************************/

.video
{
	width: 100%;
	background: #FFFFFF;
}
.video_container_outer
{
	width: 100%;
	height: 507px;
}
.video_content
{
	margin-top: calc(-1 * (750px / 1.875) / 2);
}
.video_container
{
	width: 100%;
	height: 100%;
	background: red;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.05);
}
.video-js
{
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}
.video-js > div
{
	width: 100%;
	height: 100%;
}
.video-js .vjs-tech
{
	height: 100% !important;
}
.vjs-big-play-button
{
	z-index: 9;
	outline: none;
}
.vjs-big-play-button:focus
{
	outline: none;
}
.vjs-big-play-button:hover
{
	-webkit-transform: translate(-50%, -50%) scale(1.05);
	-moz-transform: translate(-50%, -50%) scale(1.05);
	-ms-transform: translate(-50%, -50%) scale(1.05);
	-o-transform: translate(-50%, -50%) scale(1.05);
	transform: translate(-50%, -50%) scale(1.05);
}
.vjs-loading-spinner
{
	display: none !important;
}
.video-js .vjs-control-bar
{
	opacity: 0 !important;
}
.vjs-has-started:hover .vjs-control-bar
{
	opacity: 1 !important;
}

/*********************************
13. Join
*********************************/

.join
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 91px;
	padding-bottom: 82px;
	text-align: center;
}
.join .section_subtitle
{
	margin-top: 36px;
}
.join_button
{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

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

.footer
{
	width: 100%;
	background: #f2f1f8;
	padding-top: 108px;
	padding-bottom: 90px;
}
.footer .logo_container
{
	position: absolute;
	top: -10px;
	left: 0;
}
.footer_about_text
{
	padding-top: 49px;
}
.footer_social
{
	margin-top: 22px;
}
.footer_social ul li
{
	display: inline-block;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 24px;
}
.footer_social ul li a i
{
	font-size: 16px;
	color: #177DF4;
	-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 a i:hover
{
	color: #0A305D;
}
.copyright
{
	font-size: 12px;
	font-weight: 500;
	color: #b3b3b3;
	margin-top: 70px;
}
.footer_title
{
	font-size: 18px;
	font-weight: 600;
	color: #44425a;
}
.footer_list
{
	margin-top: 26px;
}
.footer_list li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_list li a
{
	font-size: 14px;
	font-weight: 500;
	color: #6c6a74;
	-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_list li a:hover
{
	color: #177DF4;
}
.footer_contact_info
{
	padding-right: 70px;
	margin-top: 26px;
}
.footer_contact_item:not(:last-child)
{
	margin-bottom: 23px;
}
.footer_contact_title
{
	font-size: 14px;
	font-weight: 500;
	color: #177DF4;
}
.footer_contact_line
{
	font-size: 14px;
	font-weight: 500;
	color: #6c6a74;
	margin-top: 3px;
}
/* Remove gap between title/subtitle and slider */
/* Remove gap between title/subtitle and slider */
.section_title {
    margin-bottom: 0 !important;
}

.section_subtitle {
    margin-bottom: 0 !important;
}

.meditation-container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding: 0 20px; 
    margin-top: -30px;  */
}

/* Center Phone Styles - Now absolute to overlap sliders */
.center-phone {
    position: absolute;
    width: 330px;
    height: auto;
    z-index: 100; /* High z-index to appear above sliders */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.center-phone img {
    width: 100%;
    height: auto;
	margin-top: 20px;
    filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.25));
}

/* Slider Styles */
.slider-row {
    position: absolute;
    width: 100%;
    overflow: hidden;
    left: 0;
}

/* Position the sliders vertically - moved much closer to the center */
.top-slider {
    top: 40%; /* Changed from 35% to 40% to be even closer to the phone */
    transform: translateY(-50%);
}

.bottom-slider {
    bottom: 35%; /* Changed from 35% to 40% to be even closer to the phone */
    transform: translateY(50%);
}

.slider-track {
    display: flex;
    gap: 15px; /* Reduced gap between cards */
    animation: scrollRightToLeft 30s linear infinite;
}

/* Both sliders now move right to left with no empty space */
@keyframes scrollRightToLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-180px * 8 - 105px)); /* Adjusted to avoid empty space (8 cards * width + 7 gaps) */
    }
}

.meditation-card {
    position: relative;
    flex: 0 0 auto;
    width: 170px;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
    cursor: pointer;
}

.meditation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.meditation-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.meditation-card:hover img {
    transform: scale(1.05);
}

/* Pause animation on hover */
.slider-row:hover .slider-track {
    animation-play-state: paused;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .meditation-container {
        padding: 0 15px; /* Removed top padding */
        margin-top: -25px;
    }
    
    .meditation-card {
        width: 160px;
        height: 160px;
    }
    
    @keyframes scrollRightToLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-160px * 8 - 105px));
        }
    }
}

@media (max-width: 768px) {
    .meditation-container {
        padding: 0 10px; /* Removed top padding */
        margin-top: -60px;
    }
    
    .meditation-card {
        width: 140px;
        height: 140px;
    }
    
    .center-phone {
        width: 290px;
    }
    
    /* Adjust slider positions for smaller screens */
    .top-slider {
        top: 42%;
    }
    
    .bottom-slider {
        bottom: 40%;
    }
    
    .slider-track {
        gap: 12px;
    }
    
    @keyframes scrollRightToLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-140px * 8 - 84px));
        }
    }
}

@media (max-width: 480px) {
    .meditation-container {
        padding: 0 10px; /* Removed top padding */
        margin-top: -80px;
    }
    
    .meditation-card {
        width: 120px;
        height: 120px;
    }
    
    .center-phone {
        width: 250px;
    }
    
    /* Adjust slider positions for mobile screens */
    .top-slider {
        top: 43%;
    }
    
    .bottom-slider {
        bottom: 40%;
    }
    
    .slider-track {
        gap: 10px;
    }
    
    @keyframes scrollRightToLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-120px * 8 - 70px));
        }
    }
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .meditation-container {
        padding: 0 15px; /* Removed top padding */
        margin-top: -25px;
    }
    
    .meditation-card {
        width: 160px;
        height: 160px;
    }
    
    @keyframes scrollRightToLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-160px * 8 - 105px));
        }
    }
}

@media (max-width: 768px) {
    .meditation-container {
        padding: 0 10px; /* Removed top padding */
        margin-top: -20px;
    }
    
    .meditation-card {
        width: 140px;
        height: 140px;
    }
    
    .center-phone {
        width: 290px;
    }
    
    /* Adjust slider positions for smaller screens */
    .top-slider {
        top: 42%;
    }
    
    .bottom-slider {
        bottom: 40%;
    }
    
    .slider-track {
        gap: 12px;
    }
    
    @keyframes scrollRightToLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-140px * 8 - 84px));
        }
    }
}

@media (max-width: 480px) {
    .meditation-container {
        padding: 0 10px; /* Removed top padding */
        margin-top: -15px;
    }
    
    .meditation-card {
        width: 120px;
        height: 120px;
    }
    
    .center-phone {
        width: 250px;
    }
    
    /* Adjust slider positions for mobile screens */
    .top-slider {
        top: 43%;
    }
    
    .bottom-slider {
        bottom: 40%;
    }
    
    .slider-track {
        gap: 10px;
    }
    
    @keyframes scrollRightToLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-120px * 8 - 70px));
        }
    }
}

.promo-container {
    display: flex;
    max-width: 1200px;
    width: 100%;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 40px;
}

/* Content Section Styles */
.content-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 40px;
}

/* Logo Styles */
.logo-section {
    margin-bottom: 30px;
}

.logo {
    display: flex;
    align-items: center;
}

.logo-icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.logo-icon svg {
    width: 100%;
    height: 100%;
}

.logo-text h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 4px;
}

.logo-text h2 {
    font-size: 18px;
    color: #7B20CF;
    font-weight: 500;
}

/* Description Styles */
.description {
    margin-bottom: 40px;
}

.description p {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}

/* App Download Buttons */
.app-buttons {
    display: flex;
    gap: 20px;
}

.app-button {
    display: flex;
    align-items: center;
    text-decoration: none;
    background-color: #333;
    color: white;
    padding: 10px 15px;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.app-button:hover {
    transform: translateY(-3px);
}

.app-button svg {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.app-button span {
    font-size: 12px;
    line-height: 1.3;
}

.app-button strong {
    font-size: 16px;
}

/* Phones Section Styles */
.phones-section {
    flex: 1.3;
    display: flex;
    justify-content: center;
    position: relative;
}

.phone {
    width: 280px;
    height: 550px;
    background-color: #222;
    border-radius: 40px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    padding: 10px;
    position: absolute;
}

.phone-1 {
    transform: rotate(-5deg) translateX(-60px) translateY(20px);
    z-index: 1;
}

.phone-2 {
    transform: rotate(5deg) translateX(40px) translateY(-20px);
    z-index: 2;
}

.phone-inner {
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.phone-screen {
    width: 100%;
    height: 100%;
    background-color: #121212;
    padding: 15px;
    overflow: hidden;
}

/* App UI Elements */
.app-header {
    background-color: #2a2a2a;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 15px;
}

.app-header.bright {
    background: linear-gradient(135deg, #7B20CF, #9C42F5);
}

.app-header-title {
    color: white;
    font-weight: 600;
    font-size: 18px;
}

.course-card {
    background-color: #252525;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 15px;
}

.course-image {
    height: 100px;
    background: linear-gradient(45deg, #7B20CF, #FF6B6B);
    border-radius: 8px;
    margin-bottom: 12px;
}

.course-image.darker {
    background: linear-gradient(45deg, #4A148C, #7B1FA2);
}

.course-title {
    color: white;
    font-weight: 600;
    margin-bottom: 5px;
}

.course-teacher {
    color: #aaa;
    font-size: 14px;
}

/* Lesson UI Elements */
.lesson-card {
    background-color: #252525;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
}

.lesson-day {
    color: #7B20CF;
    font-size: 14px;
    margin-bottom: 8px;
}

.lesson-title {
    color: white;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
}

.progress-bar {
    height: 8px;
    background-color: #333;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    width: 35%;
    background-color: #7B20CF;
    border-radius: 4px;
}

.action-card {
    background-color: #252525;
    border-radius: 12px;
    padding: 20px;
}

.action-title {
    color: white;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
}

.action-prompt {
    color: #bbb;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.action-button {
    background-color: #7B20CF;
    color: white;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    font-weight: 500;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .promo-container {
        flex-direction: column;
        padding: 30px;
    }
    
    .content-section {
        padding-right: 0;
        padding-bottom: 40px;
    }
    
    .phones-section {
        height: 500px;
    }
    
    .phone {
        position: relative;
        width: 220px;
        height: 440px;
    }
    
    .phone-1 {
        transform: rotate(-10deg) translateX(-40px);
    }
    
    .phone-2 {
        transform: rotate(10deg) translateX(40px);
    }
}

@media (max-width: 768px) {
    .phone {
        width: 180px;
        height: 360px;
    }
    
    .app-buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .phones-section {
        height: 400px;
    }
}

@media (max-width: 480px) {
    .promo-container {
        padding: 20px;
    }
    
    .phones-section {
        display: none;
    }
    
    .logo-text h1 {
        font-size: 24px;
    }
    
    .logo-text h2 {
        font-size: 16px;
    }
    
    .description p {
        font-size: 16px;
    }
}

/* Main Title */
.main-title {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    color: #222;
}

/* Cards Container */
.cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* Card Styles */
.card {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    width: 350px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Card Image */
.card-image {
    height: 330px;
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.card:hover .card-image img {
    transform: scale(1.05);
}

/* Card Content */
.card-content {
    padding: 20px;
}

/* Quote */
.quote {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #222;
}

/* Story Preview */
.story-preview {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Read More Link */
.read-more {
    margin-bottom: 20px;
}

.read-more a {
    color: #8e44ad;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: color 0.3s ease;
}

.read-more a:hover {
    color: #6c3483;
    text-decoration: underline;
}

/* Author Info */
.author-info {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.author-info h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.author-info p {
    font-size: 14px;
    color: #777;
    line-height: 1.4;
}

/* Responsive Styles */
@media (max-width: 1100px) {
    .cards-container {
        justify-content: center;
    }
    
    .card {
        width: 330px;
    }
}

@media (max-width: 768px) {
    .main-title {
        font-size: 36px;
        margin-bottom: 30px;
    }
    
    .cards-container {
        flex-direction: column;
        align-items: center;
    }
    
    .card {
        width: 100%;
        max-width: 450px;
    }
}

@media (max-width: 480px) {
    body {
        padding: 10px;
    }
    
    .container {
        padding: 10px;
    }
    
    .main-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .card-image {
        height: 250px;
    }
    
    .quote {
        font-size: 16px;
    }
}

/* Mindvalley Promo Section Styles */
.mv-promo-section {
    display: flex;
    background-color: transparent;
    border-radius: 0;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* Profile Block (Left Side) */
.mv-profile-block {
    flex: 0 0 360px;
    position: relative;
    background-color: #0A305D;
    overflow: hidden;
}

.mv-profile-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mv-profile-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 25px;
    background: linear-gradient(to top, 
        rgba(10, 48, 93, 0.95) 0%, 
        rgba(23, 125, 244, 0.85) 50%, 
        rgba(23, 125, 244, 0) 100%);
    color: white;
}

.mv-profile-name {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: white;
}

.mv-profile-title {
    font-size: 14px;
    opacity: 0.9;
    letter-spacing: 0.5px;
    color: white;
}

/* Content Block (Right Side) */
.mv-content-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 50px;
    background-color: #fff;
}

.mv-main-heading {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 15px;
    color: #44425a;
}

.mv-sub-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #0A305D;
}

.mv-description {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 30px;
}

/* Signup Form */
.mv-signup-form {
    max-width: 500px;
}

.mv-email-input {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 15px;
    outline: none;
}

.mv-email-input:focus {
    border-color: #177DF4;
    box-shadow: 0 0 0 2px rgba(23, 125, 244, 0.1);
}

.mv-subscribe-button {
    width: 100%;
    padding: 15px;
    background-color: #177DF4;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-bottom: 10px;
}

.mv-subscribe-button:hover {
    background-color: #0A305D;
}

.mv-privacy-note {
    font-size: 13px;
    color: #777;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .mv-promo-section {
        flex-direction: column;
    }
    
    .mv-profile-block {
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 767px) {
    .mv-profile-block {
        height: 350px;
    }
    
    .mv-content-block {
        padding: 30px 25px;
    }
    
    .mv-main-heading {
        font-size: 32px;
    }
    
    .mv-sub-heading {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .mv-profile-block {
        height: 300px;
    }
    
    .mv-content-block {
        padding: 25px 20px;
    }
    
    .mv-main-heading {
        font-size: 28px;
    }
    
    .mv-description {
        font-size: 15px;
    }
}
/* Terms and Conditions Page Styles */
.terms-wrapper {
    padding-top: 120px; /* Space for fixed header */
    padding-bottom: 120px; /* Important: Add space for footer */
    min-height: calc(100vh - 300px); /* Ensures content takes up space to push footer down */
    background-color: #f8f9fa;
    position: relative; /* Establish stacking context */
    z-index: 10; /* Ensure content is above footer */
    margin-bottom: 50px; /* Extra space before footer */
}

/* Terms Header */
.terms-header {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
	margin-top: 50px;
}

.terms-header h1 {
    font-size: 32px;
    color: #177DF4;
    margin-bottom: 10px;
    font-weight: 700;
}

.effective-date {
    font-size: 16px;
    color: #777;
    font-weight: 500;
}

/* Introduction */
.tc-intro {
    margin-bottom: 30px;
    padding: 25px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative; /* For stacking context */
}

.tc-intro p {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

.tc-intro p:last-child {
    margin-bottom: 0;
}

/* Content Sections */
.tc-content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 25px;
    margin-bottom: 30px; /* Important: space before footer */
    position: relative; /* For stacking context */
}

.tc-section {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.tc-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.tc-section h2 {
    font-size: 20px;
    color: #0A305D;
    margin-bottom: 15px;
    font-weight: 600;
}

.tc-section p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #444;
    line-height: 1.6;
}

.tc-section p:last-child {
    margin-bottom: 0;
}

/* Lists */
.tc-list {
    padding-left: 25px;
    margin-bottom: 15px;
}

.tc-list li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #444;
}

.tc-list li:last-child {
    margin-bottom: 0;
}

/* Contact Information */
.tc-contact {
    font-weight: 500;
    color: #177DF4;
    margin-top: 10px;
}

/* Ensure footer stays at bottom and doesn't overlap */
footer, 
.footer {
    position: relative;
    z-index: 5; /* Lower than content */
    margin-top: auto; /* Push to bottom if needed */
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .terms-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .terms-wrapper {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    
    .terms-header h1 {
        font-size: 28px;
    }
    
    .tc-section h2 {
        font-size: 18px;
    }
    
    .tc-intro,
    .tc-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .terms-wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .terms-header h1 {
        font-size: 24px;
    }
    
    .effective-date {
        font-size: 14px;
    }
    
    .tc-intro p,
    .tc-section p, 
    .tc-list li {
        font-size: 14px;
    }
}

/* Privacy Policy and Terms of Service Shared Styles */
.terms-wrapper {
    padding-top: 120px; /* Space for fixed header */
    padding-bottom: 120px; /* Important: Add space for footer */
    min-height: calc(100vh - 300px); /* Ensures content takes up space to push footer down */
    background-color: #f8f9fa;
    position: relative; /* Establish stacking context */
    z-index: 10; /* Ensure content is above footer */
    margin-bottom: 50px; /* Extra space before footer */
}

/* Header */
.terms-header {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.terms-header h1 {
    font-size: 32px;
    color: #177DF4;
    margin-bottom: 10px;
    font-weight: 700;
}

.effective-date {
    font-size: 16px;
    color: #777;
    font-weight: 500;
}

/* Introduction */
.tc-intro {
    margin-bottom: 30px;
    padding: 25px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative; /* For stacking context */
}

.tc-intro p {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

.tc-intro p:last-child {
    margin-bottom: 0;
}

/* Content Sections */
.tc-content {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 25px;
    margin-bottom: 30px; /* Important: space before footer */
    position: relative; /* For stacking context */
}

.tc-section {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.tc-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.tc-section h2 {
    font-size: 20px;
    color: #0A305D;
    margin-bottom: 15px;
    font-weight: 600;
}

.tc-section p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #444;
    line-height: 1.6;
}

.tc-section p:last-child {
    margin-bottom: 0;
}

/* Strong elements for emphasis */
.tc-section strong {
    color: #0A305D;
    font-weight: 600;
}

/* Lists */
.tc-list {
    padding-left: 25px;
    margin-bottom: 15px;
    list-style-type: disc;
}

.tc-list li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #444;
    padding-left: 5px;
}

.tc-list li:last-child {
    margin-bottom: 0;
}

/* Contact Information */
.tc-contact {
    font-weight: 500;
    color: #177DF4;
    margin-top: 5px;
    margin-bottom: 5px !important;
}

/* Ensure footer stays at bottom and doesn't overlap */
footer, 
.footer {
    position: relative;
    z-index: 5; /* Lower than content */
    margin-top: auto; /* Push to bottom if needed */
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .terms-wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .terms-wrapper {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    
    .terms-header h1 {
        font-size: 28px;
    }
    
    .tc-section h2 {
        font-size: 18px;
    }
    
    .tc-intro,
    .tc-content {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .terms-wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .terms-header h1 {
        font-size: 24px;
    }
    
    .effective-date {
        font-size: 14px;
    }
    
    .tc-intro p,
    .tc-section p, 
    .tc-list li {
        font-size: 14px;
    }
}

/* Mavi Slider Styles - Enhanced Beautiful Version */
.mv-slider-container {
    width: 100%;
    position: relative;
    background: linear-gradient(135deg, #177DF4 0%, #0A305D 70%, #ffffff 100%);
    overflow: hidden;
    padding: 80px 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.mv-slider-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 80%, rgba(23, 125, 244, 0.4) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(10, 48, 93, 0.3) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

.mv-slider-wrapper {
    position: relative;
    width: 100%;
    min-height: 600px;
    z-index: 2;
}

.mv-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Slide Styles */
.mv-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(30px);
    z-index: 0;
}

.mv-slide-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    z-index: 1;
}

.mv-slide-content {
    width: 60%;
    padding-right: 40px;
    animation: slideInFromLeft 0.8s ease-out;
}

.mv-badge {
    display: inline-block;
    padding: 8px 20px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 
        0 4px 15px rgba(23, 125, 244, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.mv-badge:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 6px 20px rgba(23, 125, 244, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.3);
}

.mv-heading-joined {
    font-size: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 10px;
    font-family: 'Segoe UI', Arial, sans-serif;
    letter-spacing: 0.5px;
}

.mv-heading-main {
    font-size: 72px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.1;
    font-family: 'Segoe UI', Arial, sans-serif;
    text-shadow: 
        0 2px 10px rgba(10, 48, 93, 0.4),
        0 0 30px rgba(23, 125, 244, 0.3);
    background: linear-gradient(135deg, #ffffff 0%, #177DF4 50%, #ffffff 100%);
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    background-clip: text;
    filter: drop-shadow(0 2px 4px rgba(10, 48, 93, 0.3));
}

.mv-program-title {
    font-size: 26px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 20px;
    font-family: 'Segoe UI', Arial, sans-serif;
    letter-spacing: 0.3px;
}

.mv-program-description {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    max-width: 90%;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.mv-image-container {
    width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: slideInFromRight 0.8s ease-out;
}

.mv-app-image {
    max-width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
    border-radius: 20px;
    box-shadow: 
        0 20px 40px rgba(10, 48, 93, 0.3),
        0 10px 20px rgba(23, 125, 244, 0.2),
        0 0 0 1px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
}

.mv-app-image:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 
        0 25px 50px rgba(10, 48, 93, 0.4),
        0 15px 30px rgba(23, 125, 244, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.15);
}

/* Removed Button Styles - No longer needed */

/* Navigation Dots */
.mv-slider-navigation {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    z-index: 5;
}

.mv-nav-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5px);
    box-shadow: 0 2px 8px rgba(10, 48, 93, 0.2);
}

.mv-nav-dot:hover {
    background: rgba(255, 255, 255, 0.8);
    transform: scale(1.2);
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: 
        0 4px 12px rgba(10, 48, 93, 0.3),
        0 0 20px rgba(23, 125, 244, 0.2);
}

.mv-nav-active {
    background: #ffffff;
    width: 16px;
    height: 16px;
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 
        0 0 20px rgba(255, 255, 255, 0.6),
        0 0 40px rgba(23, 125, 244, 0.4),
        0 4px 15px rgba(10, 48, 93, 0.3);
}

/* Animations */
@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .mv-container {
        max-width: 100%;
        padding: 0 40px;
    }
    
    .mv-heading-main {
        font-size: 64px;
    }
}

@media (max-width: 992px) {
    .mv-slider-container {
        padding: 60px 0;
        min-height: 90vh;
    }
    
    .mv-container {
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }
    
    .mv-slide-content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    
    .mv-program-description {
        max-width: 100%;
    }
    
    .mv-image-container {
        width: 80%;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .mv-slider-container {
        padding: 40px 0;
    }
    
    .mv-slider-wrapper {
        min-height: 500px;
    }
    
    .mv-heading-joined {
        font-size: 22px;
    }
    
    .mv-heading-main {
        font-size: 48px;
    }
    
    .mv-program-title {
        font-size: 22px;
    }
    
    .mv-program-description {
        font-size: 16px;
    }
    
    .mv-heading-main {
        font-size: 56px;
    }
}

@media (max-width: 576px) {
    .mv-slider-container {
        padding: 30px 0;
        min-height: 100vh;
    }
    
    .mv-container {
        padding: 15px;
    }
    
    .mv-heading-main {
        font-size: 40px;
    }
    
    .mv-program-title {
        font-size: 20px;
    }
    
    .mv-program-description {
        font-size: 15px;
        line-height: 1.6;
    }
    
    .mv-image-container {
        width: 90%;
    }
    
    .mv-app-image {
        max-height: 400px;
    }
    
    .mv-badge {
        font-size: 12px;
        padding: 6px 16px;
    }
	.milestones {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.parallax-window {
		min-height: 90px;
		background: transparent;
	}
}