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

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

COLOR PALETTE




[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Logo
	3.2 Main Nav
	3.3 Header Side
	3.4 Hamburger
4. Menu
	4.1 Menu Social
	4.2 Menu copyright
5. Home
	5.1 Hero Slider
	5.2 Hero Slider Navigation
6. Hero Boxes
7. Page Section
8. Buttons
9. Popular
10. Register
11. Search
	11.1 Search Form
12. Services
13. Testimonials
14. Events
15. Footer
	15.1 Newsletter
	15.2 Footer Content
	15.3 Footer Copyright


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

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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Roboto:400,500,700');

/*********************************
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: 'Plus Jakarta Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #000;
}
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: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	line-height: 2.29;
	font-weight: 400;
	color: #333;
	-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;
	text-align: justify;
}
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;
}
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
{
	background: #FFD266;
	color: #C88E00;
}
p::selection
{
	background: #FFD266;
	color: #C88E00;
}
h1{font-size: 36px;}
h2{font-size: 22px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 11px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Plus Jakarta Sans', sans-serif;
	-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
{
	
}
::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
:-moz-placeholder /* older Firefox*/
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
::-moz-placeholder /* Firefox 19+ */ 
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
} 
:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
::input-placeholder
{
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #a5a5a5 !important;
}
.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;
}
.nopadding
{
	padding: 0px !important;
}

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

.header
{
	position: fixed;
	top: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1438px;
	height: 100px;
	background: #FFFFFF;
	z-index: 10;
	-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: 15px;*/
}
.header.scrolled .header_content::before
{
	box-shadow: 0px 20px 49px rgba(0,0,0,0.17);
}
.header_content
{
	/*width: calc(100% - 79px);*/
	height: 100%;
}
.header_content::before
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	box-shadow: 0px 20px 49px rgba(0,0,0,0.67);
	z-index: -1;
}

/*********************************
3.1 Logo
*********************************/

.logo_container
{
	display: inline-block;
	padding-left: 20px;
}
.logo span
{
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 30px;
	font-weight: 900;
	color: #3a3a3a;
	vertical-align: middle;
	text-transform: uppercase;
	margin-left: 3px;
}

/*********************************
3.2 Main Nav
*********************************/

.main_nav_container
{
	display: inline-block;
	margin-left: auto;
	/*padding-right: 93px;*/
}
.main_nav
{
	margin-top: 7px;
	margin-left: 25px;
}
.main_nav_item
{
	display: inline-block;
	margin-right: 30px;
	margin-top: 10px;
	
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	/*text-transform: uppercase;*/
	font-weight: 600;
	color: #333;
	-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_item a:hover
{
	color: #ffb606;
}




/*********************************
3.3 Header Side
*********************************/

.header_side
{
	width: 280px;
	height: 100%;
	background: #FFF;
	/*padding-left:25px;*/
}
.header_side img
{
	width: 280px;
	height: 119px;
}
.header_side span
{
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding-left: 12px;
}

/*********************************
3.4 Hamburger
*********************************/

.hamburger_container
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	display: none;
	cursor: pointer;
}
.hamburger_container i
{
	font-size: 24px;
	padding: 10px;
	color: #3a3a3a;
}
.hamburger_container:hover i
{
	color: #ffb606;
}

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

.menu_container
{
	position: fixed;
	top: 0;
	right: -50vw;
	width: 50vw;
	height: 100vh;
	background: #FFFFFF;
	z-index: 12;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
}
.menu_container.active
{
	visibility: visible;
	opacity: 1;
	right: 0;
}
.menu
{
	position: absolute;
	top:150px;
	left: 0;
	padding-left: 15%;
}
.menu_list
{
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 1000ms 600ms ease;
	opacity: 0;
}
.menu_container.active .menu_list
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
.menu_item
{
	margin-bottom: 9px;
}
.menu_item a
{
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	-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_item a:hover
{
	color: #ffb606;
}
.menu_close_container
{
	position: absolute;
	top: 86px;
	right: 79px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close
{
	top: 9px;
	width: 21px;
	height: 3px;
	background: #3a3a3a;
	-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::after
{
	display: block;
	position: absolute;
	top: -9px;
	left: 9px;
	content: '';
	width: 3px;
	height: 21px;
	background: #3a3a3a;
	-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_container:hover .menu_close,
.menu_close_container:hover .menu_close::after
{
	background: #ffb606;
}


/* ===== Sub Menu ===== */

.main_nav_item {
    position: relative;
}

/* Sub menu container */
.sub_menu {
    position: absolute;
    top: 35px;
    left: 0;
    min-width: 200px;
    background: #ffffff;
    padding: 10px 0;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 99;
}

/* Show submenu on hover */
.main_nav_item:hover .sub_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Sub menu items */
.sub_menu li {
    display: block;
    padding: 0;
}

/* Sub menu links */
.sub_menu li a {

   font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	/*text-transform: uppercase;*/
	font-weight: 600;
	color: #333;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

    display: block;
    padding: 8px 15px;
    
   
}

/* Hover effect */
.sub_menu li a:hover {
    background: #ffb606;
    color: #ffffff;
}

/* Hide ALL submenus by default */
.sub_menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

/* Show ONLY first level on hover */
.main_nav_item:hover > .sub_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hide sub-submenu until hovered */
.sub_menu li > .sub_menu {
    top: 0;
    left: 100%;
    transform: translateX(10px);
}

/* Show sub-submenu ONLY on hover */
.sub_menu li:hover > .sub_menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Correct arrow directions */
.main_nav_item.has_submenu > a::after {
    content: " ▾";
}

.sub_menu .has_submenu > a::after {
    content: " ▸";
    float: right;
}


/* Remove global hover effect for all submenus */
.main_nav_item > .sub_menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.main_nav_item:hover > .sub_menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.menu_item.has_submenu {
    position: relative;
}
/* Hide submenus by default */
.main_nav_item.has_submenu > .sub_menu,
.sub_menu li.has_submenu > .sub_menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
}

/* Show submenu when parent has .active */
.main_nav_item.has_submenu.active > .sub_menu,
.sub_menu li.has_submenu.active > .sub_menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Sub-submenus positioning */
.sub_menu li.has_submenu > .sub_menu {
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(10px);
}

.sub_menu li.has_submenu.active > .sub_menu {
    transform: translateX(0);
}


/* Toggle + / - */
.submenu_toggle {
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 28px;
    font-weight: 700;
    cursor: pointer;
    padding: 5px 10px;
    z-index: 999;
}

/* Menu item with submenu needs relative positioning for toggle */
.menu_item.has_submenu {
  position: relative;
  padding-right: 30px; /* Space for toggle */
}

/* Toggle + / − button */
.submenu_toggle {
  position: absolute;
  right: 5px;
  top: 12px;
  font-size: 22px;
  cursor: pointer;
  user-select: none;
  color: #333;
  font-weight: bold;
  line-height: 1;
  width: 20px;
  text-align: center;
}

/* Links style */
.menu_item > a {
  display: block;
  padding: 10px 10px;
  color: #333;
  text-decoration: none;
  font-weight: 400;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  /*text-transform: uppercase;*/
}

/* Optional: hover effect */
.menu_item > a:hover {
  color: #ffb606;
}


/* ===== MOBILE MENU FIX ===== */
.menu_container {
  overflow-y: auto;
}

..menu_container .menu,
.menu_container .menu_list {
  position: relative !important; /* ← THIS FIXES DOWNWARD MOVEMENT */
  top: 0 !important;
  padding-bottom: 100px;
}


/* Submenu base */
.mobile_sub_menu {
  display: none;
  padding-left: 30px;
  margin-top: 10px;
}

/* Nested submenu */
.mobile_sub_menu .mobile_sub_menu {
  padding-left: 45px;
}

/* Submenu links */
.mobile_sub_menu a {
  font-size: 16px;
  font-weight: 400;
  display: block;
  padding: 6px 0;
}

/* Toggle (+ / -) */
.submenu_toggle {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-left: 10px;
  user-select: none;
}

/* FIX SUBMENU NOT PUSHING CONTENT */
.menu_container .menu_list {
  transform: none !important;
}





/*********************************
4.1 Menu Social
*********************************/

.menu_social_container
{
	margin-top: 100px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1000ms ease;
	-moz-transition: all 1000ms 1000ms ease;
	-ms-transition: all 1000ms 1000ms ease;
	-o-transition: all 1000ms 1000ms ease;
	transition: all 1000ms 1000ms ease;
	opacity: 0;
	padding-left: 4px;
}
.menu_social_item
{
	display: inline-block;
	margin-right: 30px;
}
.menu_social_item a i
{
	color: #3a3a3a;
}
.menu_social_item a i:hover
{
	color: #ffb606;
}
.menu_container.active .menu_social_container
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

/*********************************
4.2 Menu copyright
*********************************/

.menu_copyright
{
	margin-top: 60px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1200ms ease;
	-moz-transition: all 1000ms 1200ms ease;
	-ms-transition: all 1000ms 1200ms ease;
	-o-transition: all 1000ms 1200ms ease;
	transition: all 1000ms 1200ms ease;
	opacity: 0;
	padding-left: 3px;
}
.menu_container.active .menu_copyright
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

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

.home
{
	width: 100%;
	height: 100vh;
}

/*********************************
5.1 Hero Slider
*********************************/

.hero_slider_container
{
	width: 100%;
	height: 100%;
}
.hero_slide
{
	width: 100%;
	height: 100%;
}
.hero_slide_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.hero_slide_container
{
	width: 100%;
	height: 100vh;
}
.hero_slide_content
{
	max-width: 80%;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
}
.hero_slide_content h1
{
	font-size: 72px;
	font-weight: 400;
	color: #FFFFFF;
}
.hero_slide_content h1 span
{
	background: #ffb606;
	padding-left: 13px;
	padding-right: 13px;
	margin-left: -12px;
	margin-right: -12px;
}
.animated
{
	-webkit-animation-duration : 1s !important;
	animation-duration : 1s !important;
	-webkit-animation-delay : 500ms;
	animation-delay : 500ms;
}
.animate-out
{
	-webkit-animation-delay : 0ms;
	animation-delay : 0ms;
}

/*********************************
5.2 Hero Slider Navigation
*********************************/

.hero_slider_nav
{
	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(calc(-50% + 30px));
	width: 58px;
	height: 58px;
	background: #FFFFFF;
	z-index: 9;
	cursor: pointer;
}
.hero_slider_nav:hover
{
	background: #ffb606;
}
.hero_slider_nav:hover span
{
	color: #FFFFFF;
}
.hero_slider_nav span
{
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #121212;
	line-height: 1;
}
.hero_slider_left
{
	left: 4.32%;
}
.hero_slider_right
{
	right: 4.32%;
}

/*********************************
6. Hero Boxes
*********************************/

.hero_boxes
{
	width: 100%;
	height: 0px;
	z-index: 9;
	padding-top: 0px;
}
.hero_boxes_inner
{
	position: absolute;
	top: -212px;
	left: 0;
	width: 100%;
}
.hero_box
{
	width: 100%;
	height: 161px;
	background: #1a1a1a;
	padding-left: 50px;
	cursor: pointer;
}
.hero_box:hover
{
	background: #ffb606;
}
.hero_box img
{
	width: 62px;
	height: auto;
	margin-top: -6px;
}
.svg path
{
	fill: #ffb606;
}
.hero_box svg
{
	width: 62px;
	height: auto;
}
.hero_box:hover svg path
{
	fill: #FFFFFF;
}
.hero_box_content
{
	padding-left: 13px;
	padding-top: 11px;
	margin-top: -6px;
}
.hero_box_title
{
	font-size: 24px;
	font-weight: 500;
	color: #FFFFFF;
	margin-bottom: 7px;
}
.hero_box_link
{
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-left: 3px;
}
.hero_box_link:hover
{
	color: #1a1a1a;
}

/*********************************
7. Page Section
*********************************/

.page_section
{
	padding-top: 10px;
	padding-bottom: 117px;
}
.section_title
{

}
.section_title h1
{
	display: block;
	color: #1a1a1a;
	font-weight: 500;
	padding-top: 24px;
}
.section_title h1::before
{
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 55px;
	height: 4px;
	content: '';
	background: #ffb606;
}

/*********************************
8. Buttons
*********************************/

.button
{
	cursor: pointer;
}
.button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.button a
{
	font-size: 14px;
	line-height: 48px;
	font-weight: 700;
	text-transform: uppercase;
}
.button_1
{
	width: 202px;
	height: 48px;
}

/*********************************
9. Popular
*********************************/

.popular
{

}
.course_boxes
{
	margin-top: 68px;
}
.card
{
	display: block;
	background: #f8f9fb;
	border: none;
}
.card-img-top
{
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.card-body
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
.card-title
{
	margin-top: 55px;
}
.card-title a
{
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
	line-height: 1.2;
}
.card-title a:hover
{
	color: #a5a5a5;
}
.card-text
{
	font-size: 14px;
	font-weight: 500;
	color: #a5a5a5;
	margin-top: -12px;
}
.price_box
{
	width: 100%;
	height: 67px;
	background: #eaebec;
	margin-top: 41px;
	padding-left: 35px;
}
.course_author_image
{
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
}
.course_author_name
{
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	padding-left: 20px;
	margin-top: 7px;
}
.course_author_name span
{
	color: #a5a5a5;
}
.course_price
{
	width: 67px;
	height: 67px;
	background: #ffb606;
	margin-left: auto;
}
.course_price span
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	margin-top: 7px;
}

/*********************************
10. Register
*********************************/

.register
{
	width: 100%;
}
.register_section
{
	width: 100%;

	background: #ffb606;
	padding-top: 156px;
	padding-bottom: 161px;

}
.register_content
{
	width: 522px;
}
.register_background1
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	object-fit: cover; 
	
}
.register_title
{
	color: #FFFFFF;
	margin-bottom: 16px;
	line-height: 1.63;
}
.register_title:last-child
{
	margin-bottom: 0px;
}
.register_title	span
{
	color: #1a1a1a;
}
.register_text
{
	color: #FFFFFF;
	font-weight: 500;
	margin-top: 32px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 0px;
}
.register_button
{
	background: #000;
	/*margin-top: 65px;*/
	 border-radius: 30px;
    transition: all 0.3s ease;

}
.register_button a
{
	color: #FFFFFF;
}

/* WhatsApp Button Inside Form */
.whatsapp_enquiry_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
    padding: 12px 25px;
    background-color: #25D366;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.whatsapp_enquiry_button i {
    font-size: 18px;
}

.whatsapp_enquiry_button:hover {
    background-color: #1ebe5d;
    transform: translateY(-3px);
}

/*********************************
11. Search
*********************************/

.search_section
{
	width: 100%;
	height: 100%;
	background: #ececec;
}
.search_content
{
	width: 522px;
}
.search_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0.23;
}

.search_background1
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	object-fit: cover; 
	
}
.search_title
{
	color: #1a1a1a;
}

/*********************************
11.1 Search Form
*********************************/

.search_form
{
	margin-top: 57px;
}
.input_field
{
	width: 100%;
	height: 42px;
	background: #FFFFFF;
	box-sizing: border-box;
	border: solid 2px #FFFFFF;
	padding-left: 25px;
	margin-bottom: 24px;
}
input:last-of-type
{
	/*margin-bottom: 0px;*/
}
.input_field:focus
{
	outline: none !important;
	border: solid 2px #ffb606;
}
.search_submit_button
{
	width: 100%;
	height: 48px;
	background: #ffb606;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 28px;
	border: none;
	cursor: pointer;
	 border-radius: 30px;
    transition: all 0.3s ease;
}
.search_submit_button:hover
{
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.search_submit_button:focus
{
	outline: solid 2px #FFFFFF;
}

/*********************************
12. Services
*********************************/

.services
{
	padding-bottom: 76px;
}
.services_row
{
	margin-top: 65px;
}
.service_item
{
	margin-bottom: 41px;
}
.service_item h3
{
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: #000;
	margin-bottom: 13px;
}
.service_item p
{
	font-size: 16px;
	font-weight: 500;
	color: #333;
	max-width: 100%;
	margin-bottom: 0px;
}
.icon_container
{
	height: 41px;
	width: auto;
	margin-bottom: 30px;
}
.icon_container img
{
	height: 100%;
}

/*********************************
13. Testimonials
*********************************/

.testimonials
{
	width: 100%;
	background: #1a1a1a;
}
.testimonials_background_container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.testimonials_background
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity: 0.27;
}
.testimonials .section_title h1
{
	color: #FFFFFF;
}
.testimonials_slider_container
{
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 56px;
}
.testimonials_item
{
	width: 100%;
	padding-bottom: 75px;
}
.quote
{
	font-size: 36px;
	color: #ffb606;
}
.testimonials_text
{
	color: #FFFFFF;
	margin-bottom: 0px;
}
.testimonial_user
{
	margin-top: 43px;
}
.testimonial_image
{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial_image img
{
	width: 100%;
	height: auto;
}
.testimonial_name
{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #f6af03;
	margin-top: 21px;
}
.testimonial_title
{
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 6px;
}
.testimonials_slider .owl-dots
{
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: center;
	align-items: center;
}
.testimonials_slider .owl-dot span
{
	width: 8px !important;
	height: 8px !important;
	border: solid 2px #FFFFFF;
	background: transparent !important;
}
.testimonials_slider .owl-dot.active span
{
	width: 16px !important;
	height: 16px !important;
	border: none;
	background: #ffb606 !important;
}

/*********************************
14. Events
*********************************/

.event_items
{
	margin-top: 68px;
}
.event_item
{
	margin-bottom: 56px;
}
.event_item:last-child
{
	margin-bottom: 0px;
}
.event_date
{
	width: 131px;
	height: 131px;
	border: solid 2px #ffb606;
	margin-bottom: 18px;
}
.event_day
{
	font-size: 48px;
	font-weight: 700;
	color: #ffb606;
	margin-bottom: 1px;
	line-height: 1;
}
.event_month
{
	font-size: 16px;
	font-weight: 700;
	color: #ffb606;
}
.event_name a
{
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
}
.event_name a:hover
{
	color: #ffb606;
}
.event_location
{
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	margin-top: 2px;
}
.event_content p
{
	font-weight: 500;
	color: #a5a5a5;
	margin-top: 21px;
	margin-bottom: 13px;
}
.event_image
{

}
.event_image img
{
	width: 100%;
}

/*********************************
15. Footer
*********************************/

.footer
{
	width: 100%;
	/*padding-top: 86px;*/
	background: #1a1a1a;
}
.footer .section_title h1
{
	color: #FFFFFF;
}

/*********************************
15.1 Newsletter
*********************************/

.newsletter
{
	padding-bottom: 85px;
	border-bottom: solid 2px #4d4e4e;
}
.newsletter_form_container
{
	width: 60%;
	margin-top: 48px;
}
.newsletter_email
{
	width: calc(100% - 164px);
	height: 42px;
	border: none;
	padding-left: 27px;
	font-weight: 500;
	color: #1a1a1a;
}
.newsletter_email:focus
{
	outline: solid 2px #ffb606;
}
.newsletter_submit_btn
{
	width: 164px;
	height: 42px;
	border: none;
	background: #ffb606;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}
.newsletter_submit_btn:focus
{
	border: solid 2px #FFFFFF;
}

/*********************************
15.2 Footer Content
*********************************/

.footer_content 
{
	padding-top: 20px;
	padding-bottom: 23px;
	border-bottom: solid 2px #4d4e4e;
}
.footer_content .logo_container
{
	padding-left: 0px;
}
.footer_content .logo span
{
	color: #FFFFFF;
}
.footer_about_text
{
	margin-top: 24px;
	margin-bottom: 0px;
	padding-right: 20px;
}
.footer_column_title
{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding-top: 15px;
}
.footer_column_content
{
	margin-top: 32px;
}
.footer_list_item
{
	margin-bottom: 11px;
}
.footer_list_item a
{
	font-size: 14px;
	color: #fff;
	-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_item a:hover
{
	color: #ffb606;
}
.footer_contact_item
{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 22px;
}
.footer_contact_item:last-child
{
	margin-bottom: 0px;
}
.footer_contact_icon
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.footer_contact_icon img
{
	width: 100%;
}

/*********************************
15.3 Footer Copyright
*********************************/

.footer_bar
{
	padding-top: 19px;
	padding-bottom: 19px;
}
.footer_social .menu_social_item a i
{
	color: #FFFFFF;
}
.footer_social .menu_social_item a i:hover
{
	color: #ffb606;
}
.footer_social .menu_social_item:last-child
{
	margin-right: 0px;
}





.campus {
  max-width: 1200px;
  margin: auto;
  padding: 40px 20px;
}
.campus-grid {
  background: transparent;
}

.campus-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 60px;
  align-items: center;
}

.campus-grid.reverse {
  direction: rtl;
}
.campus-grid.reverse > * {
  direction: ltr;
}

.content h2 {
  margin-bottom: 15px;
}

.content ul {
  padding-left: 18px;
}

.content li {
  margin-bottom: 8px;
}

/* ===== NSS Professional Section ===== */

.nss-section{
  background:#f8f9fb;
  padding:80px 20px;
}

.nss-container{
  max-width:1100px;
  margin:auto;
  display:grid;
  /*grid-template-columns: repeat(3, 1fr);*/
  gap:40px;
}

/* Card Design */
.nss-card{
  background:#ffffff;
  padding:35px 30px;
  border-radius:10px;
  box-shadow:0 8px 25px rgba(0,0,0,0.05);
  transition:0.3s ease;
}

.nss-card:hover{
  transform:translateY(-5px);
}

/* Heading with Icon */
.nss-card h2{
  font-size:22px;
  color:#2d2d6e;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  gap:12px;
}

.nss-card h3{
  font-size:20px;
  color:#2d2d6e;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  gap:12px;
}

.nss-card h2 i{
  font-size:26px;
  color:#ffb606;
}

/* Motto Styling */
.motto{
  font-size:18px;
  font-weight:500;
  color:#c0392b;
  font-style:italic;
}

/* List Styling */
.nss-card ul{
  padding-left:18px;
}

.nss-card ul li{
  margin-bottom:10px;
  font-size:15px;
  color:#555;
  line-height:1.7;
}

/* ===== Responsive ===== */

@media (max-width:992px){
  .nss-container{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:768px){
  .nss-container{
    grid-template-columns: 1fr;
  }
}
/* Remove default bullets */
.nss-card ul{
  list-style:none;
  padding-left:0;
  margin-top:10px;
}

/* Custom yellow symbol */
.nss-card ul li{
  position:relative;
  padding-left:22px;
  margin-bottom:12px;
  font-size:15px;
  color:#555;
  line-height:1.7;
}

/* Yellow bullet symbol */
.nss-card ul li::before{
  content:"◆";
  position:absolute;
  left:0;
  top:2px;
  font-size:12px;
  color:#ffb606;
}

.slider {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}

.slides {
  display: flex;
  transition: transform 1s ease-in-out;
}

.slides img {
  width: 100%;      /* full width */
  flex-shrink: 0;   /* important */
  height: 360px;
  object-fit: cover;
}




/* RESPONSIVE */
@media (max-width: 768px) {
  .campus-grid {
    grid-template-columns: 1fr;
  }

  .slides img {
    height: 200px;
  }
}





#vertical-tab {
 /* background: #f4f6fb;*/
  padding: 60px 0;
}

#vertical-tab .container {
  max-width: 1250px; /* optional */
}


.vertical-tab-wrapper {
  display: flex;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,.1);
}
.vertical-tab {
  width: 280px;
  background: ##f7f8ee;
  border-right: 1px solid #ddd;
}

.each-tab {
  padding: 18px 22px;
  cursor: pointer;
  font-weight: 600;
  color: #1c2a51;
  border-bottom: 1px solid #d6dbe6;
  transition: all .3s ease;
}

.each-tab:hover {
  background: #dde6f3;
}

.each-tab.active {
  background: #ffc20a;
  color: #fff;
}
.vertical-tab-contents {
  flex: 1;
  padding: 30px;
}

.vertical-tab-content {
  display: none;
  animation: fade .3s ease;
}

.vertical-tab-content.active {
  display: block;
}

.vertical-tab-content h2 {
  margin-bottom: 15px;
  color: #ffc20a;
  
}

.vertical-tab-content p {
  color: #000;
  line-height: 2.29;
  font-size: 16px;
}

@keyframes fade {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
  .vertical-tab-wrapper {
    flex-direction: column;
  }

  .vertical-tab {
    width: 100%;
  }

  .vertical-tab-contents {
    display: none; /* hide right panel on mobile */
  }

  .each-tab {
    background: #ffc107;
    color: #fff;
    border-bottom: 1px solid #fff;
  }

  .each-tab.active {
    background: #ffc107;
  }

  .mobile-tab-content {
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    animation: slideDown .25s ease;
  }

  @keyframes slideDown {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
  }
}



#physics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
}

#physics .image {
  width: 220px;      /* same width */
  height: 160px;     /* same height */
  object-fit: cover; /* crop, no distortion */
  object-position: center;
  display: block;
  border-radius: 6px;
}

#physics .image {
  width: 260px;
  height: 260px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 6px;
  transition: 0.3s;
  aspect-ratio: 3 / 2;
  border-radius: 8px;
 
}

#physics .image:hover {
  transform: scale(1.05);
 
}




/* ===== POPUP ===== */
#popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Close button */
#popup #close {
  position: fixed;
  top: 20px;
  right: 20px;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  z-index: 10000;
}

/* Popup image */
#popup #popupImg {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  transition: transform 0.3s;
}

/* Controls */
#popup #controlBox {
  position: fixed;
  right: 20px;
  top: 80px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10000;
}

#popup #controlBox button {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  background: #ffffffcc;
}

#popup #controlBox button:hover {
  background: #000;
  color: #fff;
}	transition: 0.3s 0.4s;
}



.quality{
    padding:60px 20px;
    text-align:center;
}


.cards8{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap:25px;
    max-width:1200px;
    margin:0 auto;
}

.card8{
    background:#fff;
    padding:30px 25px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
    transition:0.3s ease;
}

.card8:hover{
    transform:translateY(-8px);
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.card8 img{
    width:80px;
    height:80px;
    object-fit:contain;
    display:block;
    margin:0 auto 20px auto; /* centers image */
}

.card8 h3{
    font-size:18px;
    margin-bottom:10px;
    font-weight:600;
    text-align: center;
}

.card8 p{
    font-size:14px;
    color:#666;
    line-height:1.6;
}



/* Mobile */
@media (max-width: 600px){
    .quality{
        padding:40px 15px;
    }
    .quality h2{
        font-size:22px;
    }
    .card8{
        padding:25px 20px;
    }
}


/* Header Section */
.college-header {
    text-align: center;
    padding: 20px 20px;
    background: linear-gradient(135deg, #f6c200, #ffdb58);
    color: #111;
    position: relative;
    overflow: hidden;
}

/* Decorative Light Effect */
.college-header::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    top: -150px;
    right: -150px;
}

.college-header::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    bottom: -150px;
    left: -150px;
}

/* College Name */
.college-header h1 {
    font-size: 75px;
    font-weight: 900;
    margin-bottom: 25px;
    letter-spacing: 3px;
    position: relative;
}

/* Subtext */
.subtext {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

/* ISO Text */
.iso {
    font-size: 18px;
    margin-bottom: 10px;
    opacity: 0.85;
}

/* NAAC Badge */
.naac {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    background: rgba(255,255,255,0.3);
    backdrop-filter: blur(10px);
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    margin-bottom: 10px;
    position: relative;
}

.naac img {
    height: 45px;
}

/* 34 Years Section */
.trust {
    font-size: 65px;
    font-weight: 900;
    color: #c62828;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}

/* Responsive */
@media (max-width: 992px) {
    .college-header h1 {
        font-size: 55px;
    }
    .trust {
        font-size: 48px;
    }
}

@media (max-width: 576px) {
    .college-header {
        padding: 80px 20px;
    }
    .college-header h1 {
        font-size: 36px;
    }
    .subtext {
        font-size: 16px;
    }
    .iso {
        font-size: 14px;
    }
    .trust {
        font-size: 30px;
    }
}



.responsive-table {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    border-bottom: 1px solid #e5e5e5;
    transition: background 0.3s ease;
}

.table-row:last-child {
    border-bottom: none;
}

.table-row:hover {
    background-color: #f9f9f9;
}

.table-data {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.table-action {
    text-align: right;
}

.pdf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #e74c3c;
    color: #fff;
    border-radius: 8px;
    font-size: 20px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.pdf-btn:hover {
    background-color: #c0392b;
    transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 768px) {
    .table-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .table-action {
        width: 100%;
        text-align: left;
    }
}
.apply-btn-container{
    text-align:center;
    margin:30px 0;
}

.apply-btn{
    display:inline-block;
    background:#084298;
    color:#fff;
    padding:12px 28px;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
    border-radius:6px;
    transition:0.3s ease;
}

.apply-btn:hover{
    background:#0b5ed7;
    color:#fff;
    transform:scale(1.05);
}

/* Responsive */
@media (max-width:768px){
    .apply-btn{
        font-size:16px;
        padding:10px 22px;
    }
}

@media (max-width:480px){
    .apply-btn{
        width:80%;
        display:block;
        margin:auto;
        text-align:center;
        font-size:15px;
        padding:12px;
    }
}

.sport{
        max-width:1100px;
        margin:auto;
        display:flex;
        justify-content:space-between;
        gap:60px;
        flex-wrap:wrap;
    }
    .game{
        flex:1 1 450px;
    }

    h2{
        font-size:38px;
        margin-bottom:30px;
        font-weight:600;
        color:#111;
    }
.sports-list {
    list-style: none;
    padding: 0;
}

.sports-list li {
    font-size: 20px;
    margin-bottom: 20px;
    color: #444;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sports-list li::before {
    content: "»";
    color: #2b3aa8;
    font-size: 24px;
    margin-right: 15px;
    transition: transform 0.3s ease;
}

.sports-list li:hover {
    color: #2b3aa8;
    transform: translateX(5px);
}

.sports-list li:hover::before {
    transform: translateX(5px);
}