@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
12.5 Partners
13. Testimonials (Modern Cards)
14. Events (Modern Training Cards)
15. Footer (Modern Design)
	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: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5; 
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 2.29;
	font-weight: 400;
	color: #a5a5a5;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
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: #ee334a;
}
p::selection
{
	background: #FFD266;
	color: #ee334a;
}
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: 'Roboto', 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: 0;
	left: 0;
	width: 100%;
	height: 72px;
	background: #FFFFFF;
	border-bottom: 2px solid #ee334a;
	z-index: 10;
	-webkit-transition: box-shadow 200ms ease;
	-moz-transition: box-shadow 200ms ease;
	-ms-transition: box-shadow 200ms ease;
	-o-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
}
.header.scrolled
{
	box-shadow: 0 4px 20px rgba(0,0,0,0.10);
	border-bottom-color: transparent;
}
.header.scrolled .header_content::before
{
	display: none;
}
.header_content
{
	width: calc(100% - 200px);
	height: 100%;
}
.header_content::before
{
	display: none;
}

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

.logo_container
{
	display: inline-block;
	padding-left: 28px;
}
.logo span
{
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: 900;
	color: #1a1a1a;
	vertical-align: middle;
	text-transform: uppercase;
	margin-left: 3px;
}

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

.main_nav_container
{
	display: inline-block;
	margin-left: auto;
	padding-right: 28px;
}
.main_nav
{
	margin-top: 0;
}
.main_nav_item
{
	display: inline-block;
	margin-right: 32px;
}
.main_nav_item:last-child
{
	margin-right: 0px;
}
.main_nav_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	color: #3a3a3a;
	letter-spacing: 0.5px;
	-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: #ee334a;
}
.main_nav_item a i
{
	font-size: 22px;
}

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

.header_side
{
	width: 200px;
	height: 100%;
	background: #ee334a;
	padding: 0 20px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.header_side img
{
	width: 20px;
	height: 20px;
}
.header_side span
{
	display: block;
	position: relative;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	padding-left: 8px;
	line-height: 1.3;
}

/*********************************
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: #ee334a;
}

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

.menu_container
{
	position: fixed;
	top: 0;
	right: -380px;
	width: 380px;
	height: 100vh;
	background: #1a1a1a;
	z-index: 12;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	visibility: hidden;
	opacity: 0;
	box-shadow: -4px 0 30px rgba(0,0,0,0.4);
}
.menu_container.active
{
	visibility: visible;
	opacity: 1;
	right: 0;
}
.menu
{
	position: absolute;
	top: 110px;
	left: 0;
	padding: 0 40px;
	width: 100%;
}
.menu_list
{
	-webkit-transform: translateY(2rem);
	-moz-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	-o-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-transition: all 500ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 500ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 500ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 500ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 500ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
}
.menu_container.active .menu_list
{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.menu_item
{
	margin-bottom: 4px;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.menu_item a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: rgba(255,255,255,0.82);
	display: block;
	padding: 10px 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;
}
.menu_item a:hover
{
	color: #ee334a;
	padding-left: 8px;
}
.menu_close_container
{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ee334a;
	border-radius: 50%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close_container:hover
{
	background: #c8001e;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu_close
{
	width: 16px;
	height: 2px;
	background: #fff;
	position: relative;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu_close::before,
.menu_close::after
{
	content: '';
	position: absolute;
	width: 16px;
	height: 2px;
	background: #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;
}
.menu_close::before
{
	top: -0.5rem;
	left: 0;
}
.menu_close::after
{
	top: 0.5rem;
	left: 0;
}
.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::before,
.menu_close_container:hover .menu_close::after
{
	background: #ffffff;
}

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

.menu_social_container
{
	margin-top: 40px;
	padding: 24px 0 0;
	border-top: 1px solid rgba(255,255,255,0.08);
	-webkit-transform: translateY(2rem);
	-moz-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	-o-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-transition: all 500ms 600ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 500ms 600ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 500ms 600ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 500ms 600ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 500ms 600ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
}
.menu_social_item
{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}
.menu_social_item a
{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	text-decoration: none;
}
.menu_social_item a i
{
	color: rgba(255,255,255,0.70);
	font-size: 14px;
}
.menu_social_item a:hover
{
	background: #ee334a;
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
}
.menu_social_item a:hover i
{
	color: #fff;
}
.menu_container.active .menu_social_container
{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

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

.menu_copyright
{
	margin-top: 20px;
	padding: 0;
	font-size: 12px;
	color: rgba(255,255,255,0.35);
	-webkit-transform: translateY(2rem);
	-moz-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	-o-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-transition: all 500ms 800ms cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 500ms 800ms cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: all 500ms 800ms cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 500ms 800ms cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 500ms 800ms cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	text-align: left;
}
.menu_container.active .menu_copyright
{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.menu_container.active .menu_copyright
{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	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_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(26,26,26,0.75) 0%, rgba(26,26,26,0.45) 60%, rgba(238,51,74,0.20) 100%);
	z-index: 1;
}
.hero_slide_container
{
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 2;
}
.hero_slide_content
{
	max-width: 760px;
	padding: 0 20px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
}
.hero_slide_tag
{
	display: inline-block;
	background: rgba(238,51,74,0.90);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	padding: 6px 18px;
	border-radius: 20px;
	margin-bottom: 18px;
}
.hero_slide_content h1
{
	font-size: 60px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1.15;
	margin-bottom: 16px;
	text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.hero_slide_content h1 span
{
	color: #ee334a;
	background: none;
	padding: 0;
	margin: 0;
}
.hero_slide_sub
{
	color: rgba(255,255,255,0.88);
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 32px;
	text-shadow: 0 1px 8px rgba(0,0,0,0.3);
}
.hero_slide_btns
{
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap;
}
.hero_btn
{
	display: inline-flex;
	align-items: center;
	height: 50px;
	padding: 0 30px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: background 200ms, box-shadow 200ms, color 200ms;
	text-decoration: none;
}
.hero_btn_primary
{
	background: #ee334a;
	color: #ffffff;
}
.hero_btn_primary:hover
{
	background: #c9222f;
	color: #ffffff;
	box-shadow: 0 8px 24px rgba(238,51,74,0.40);
	text-decoration: none;
}
.hero_btn_outline
{
	background: transparent;
	color: #ffffff;
	border: 2px solid rgba(255,255,255,0.70);
}
.hero_btn_outline:hover
{
	background: #ffffff;
	color: #1a1a1a;
	border-color: #ffffff;
	text-decoration: none;
}
.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: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	transform: translateY(calc(-50% + 30px));
	width: 52px;
	height: 52px;
	background: rgba(255,255,255,0.12);
	border: 2px solid rgba(255,255,255,0.35);
	border-radius: 50%;
	z-index: 9;
	cursor: pointer;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: background 200ms, border-color 200ms, transform 200ms, box-shadow 200ms;
}
.hero_slider_nav:hover
{
	background: #ee334a;
	border-color: #ee334a;
	box-shadow: 0 6px 24px rgba(238,51,74,0.45);
}
.hero_slider_nav:hover span
{
	color: #ffffff;
}
.hero_slider_left:hover
{
	transform: translateY(calc(-50% + 30px)) translateX(-3px);
}
.hero_slider_right:hover
{
	transform: translateY(calc(-50% + 30px)) translateX(3px);
}
.hero_slider_nav span
{
	display: block;
	font-size: 18px;
	color: rgba(255,255,255,0.90);
	line-height: 1;
}
.hero_slider_left
{
	left: 28px;
}
.hero_slider_right
{
	right: 28px;
}

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

.hero_boxes
{
	width: 100%;
	height: 0px;
	z-index: 9;
	padding-top: 0px;
}
.hero_boxes_inner
{
	position: absolute;
	top: -130px;
	left: 0;
	width: 100%;
}
.hero_box
{
	width: 100%;
	height: auto;
	min-height: 110px;
	background: #ffffff;
	padding: 22px 28px;
	cursor: pointer;
	border-bottom: 3px solid transparent;
	transition: background 200ms, border-color 200ms, box-shadow 200ms;
	box-shadow: 0 8px 32px rgba(0,0,0,0.14);
	text-decoration: none;
}
.hero_box:hover
{
	background: #ee334a;
	border-bottom-color: #c9222f;
	box-shadow: 0 12px 36px rgba(238,51,74,0.30);
	text-decoration: none;
}
.hero_box_icon
{
	width: 52px;
	min-width: 52px;
	height: 52px;
	background: #fff0f2;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ee334a;
	font-size: 22px;
	transition: background 200ms, color 200ms;
}
.hero_box:hover .hero_box_icon
{
	background: rgba(255,255,255,0.20);
	color: #ffffff;
}
.hero_box_content
{
	padding-left: 16px;
	flex: 1;
}
.hero_box_title
{
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 4px;
	transition: color 200ms;
}
.hero_box:hover .hero_box_title
{
	color: #ffffff;
}
.hero_box_desc
{
	font-size: 12px;
	color: #888;
	margin: 0;
	transition: color 200ms;
}
.hero_box:hover .hero_box_desc
{
	color: rgba(255,255,255,0.80);
}
.hero_box_arrow
{
	color: #ccc;
	font-size: 14px;
	transition: color 200ms, transform 200ms;
}
.hero_box:hover .hero_box_arrow
{
	color: rgba(255,255,255,0.80);
	transform: translateX(4px);
}

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

.page_section
{
	padding-top: 80px;
	padding-bottom: 80px;
}
.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: #ee334a;
}

/*********************************
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
{

}
.accreditation_carousel
{
	margin-top: 48px;
}
.accreditation_col
{
	padding: 6px 8px;
}
.accreditation_logo_tile
{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 140px;
	padding: 20px 14px 14px;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	background: #fafafa;
	text-decoration: none;
	-webkit-transition: border-color 200ms ease, box-shadow 200ms ease;
	-moz-transition: border-color 200ms ease, box-shadow 200ms ease;
	transition: border-color 200ms ease, box-shadow 200ms ease;
}
.accreditation_logo_tile:hover
{
	border-color: #ee334a;
	box-shadow: 0 4px 18px rgba(238,51,74,0.10);
}
.accreditation_logo_tile img
{
	display: block;
	width: 100%;
	height: 90px;
	object-fit: contain;
}
.accreditation_logo_tile span
{
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #3a3a3a;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	margin-top: 10px;
	text-align: center;
}
.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;
	text-align: left;
}
.course_author_name span
{
	color: #a5a5a5;
}
.course_price
{
	width: 67px;
	height: 67px;
	background: #ee334a;
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	box-sizing: border-box;
}
.course_price span
{
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.course_price span a
{
	color: #FFFFFF;
	text-decoration: none;
	transition: all 200ms ease;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight: 600;
}
.course_price span a:hover
{
	color: #FFD700;
}

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

.register
{
	width: 100%;
}
.register_section
{
	width: 100%;
	background: #ee334a;
	padding-top: 60px;
	padding-bottom: 60px;
}
.register_content
{
	width: 100%;
	max-width: 460px;
	padding: 0 32px;
}
.register_tag
{
	display: inline-block;
	background: rgba(255,255,255,0.18);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px 14px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 12px;
}
.register_title
{
	color: #ffffff;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 8px;
	line-height: 1.3;
}
.register_sub
{
	color: rgba(255,255,255,0.80);
	font-size: 13px;
	margin-bottom: 24px;
}
.mini_reg_form
{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.mini_reg_field
{
	position: relative;
	display: flex;
	align-items: center;
}
.mini_reg_field i
{
	position: absolute;
	left: 14px;
	color: #aaa;
	font-size: 13px;
	pointer-events: none;
}
.mini_reg_field input,
.mini_reg_field select
{
	width: 100%;
	height: 46px;
	background: #ffffff;
	border: 2px solid transparent;
	border-radius: 8px;
	padding-left: 40px;
	padding-right: 14px;
	font-size: 13px;
	color: #1a1a1a;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	transition: border-color 200ms, box-shadow 200ms;
}
.mini_reg_field input::placeholder
{
	color: #aaa;
}
.mini_reg_field input:focus,
.mini_reg_field select:focus
{
	border-color: #1a1a1a;
	box-shadow: 0 0 0 3px rgba(26,26,26,0.15);
}
.mini_reg_submit
{
	width: 100%;
	height: 48px;
	background: #1a1a1a;
	color: #ffffff;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: background 200ms, box-shadow 200ms;
	margin-top: 4px;
}
.mini_reg_submit:hover
{
	background: #333;
	box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}
.mini_reg_submit:focus
{
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

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

.search_section
{
	width: 100%;
	height: 100%;
	background: #1a1a1a;
	position: relative;
	overflow: hidden;
}
.search_content
{
	position: relative;
	z-index: 2;
	max-width: 480px;
	padding: 40px 32px;
}
.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.15;
}
.search_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(238,51,74,0.55) 0%, rgba(26,26,26,0.75) 100%);
	z-index: 1;
}
.community_tag
{
	display: inline-block;
	background: rgba(255,255,255,0.12);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px 14px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.25);
	margin-bottom: 14px;
}
.search_title
{
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}
.community_sub
{
	color: rgba(255,255,255,0.72);
	font-size: 14px;
	margin-bottom: 28px;
}
.community_items
{
	display: flex;
	flex-direction: column;
	gap: 14px;
	text-align: left;
}
.community_item
{
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 10px;
	padding: 14px 16px;
	transition: background 200ms, border-color 200ms;
}
.community_item:hover
{
	background: rgba(255,255,255,0.12);
	border-color: rgba(238,51,74,0.5);
}
.community_icon
{
	width: 38px;
	min-width: 38px;
	height: 38px;
	background: #ee334a;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 16px;
}
.community_text
{
	color: rgba(255,255,255,0.85);
	font-size: 13px;
	line-height: 1.65;
	margin: 0;
	padding-top: 9px;
}
.community_text strong
{
	color: #ffffff;
	font-weight: 700;
}

/*********************************
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 #ee334a;
}
.search_submit_button
{
	width: 100%;
	height: 48px;
	background: #ee334a;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 28px;
	border: none;
	cursor: pointer;
}
.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-top: 0;
	padding-bottom: 0;
}
.services_row
{
	margin-top: 0;
}
.services_banner_section
{
	padding: 40px 0 0;
}
.services_banner
{
	background: linear-gradient(135deg, #1a1a1a 0%, #ee334a 100%);
	border-radius: 12px;
	overflow: hidden;
	padding: 40px 40px 32px;
	text-align: center;
}
.services_tag
{
	display: inline-block;
	background: #ee334a;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding: 5px 14px;
	border-radius: 50px;
	margin-bottom: 16px;
}
.services_heading
{
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 14px;
	line-height: 1.3;
}
.services_sub
{
	font-size: 14px;
	color: rgba(255,255,255,0.65);
	line-height: 1.85;
	max-width: 700px;
	margin: 0 auto;
}
.services_grid_section
{
	background: #f5f6fa;
	padding: 60px 0 70px;
}
.service_col
{
	margin-bottom: 30px;
}
.service_card
{
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-transition: transform 250ms ease, box-shadow 250ms ease;
	-moz-transition: transform 250ms ease, box-shadow 250ms ease;
	transition: transform 250ms ease, box-shadow 250ms ease;
}
.service_card:hover
{
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	transform: translateY(-6px);
	box-shadow: 0 12px 32px rgba(238,51,74,0.15);
}
.service_card_top
{
	background: linear-gradient(135deg, #1a1a1a 0%, #ee334a 100%);
	padding: 28px 28px 22px;
}
.service_card_icon_wrap
{
	width: 52px;
	height: 52px;
	background: #ee334a;
	border-radius: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}
.service_card_icon_wrap i
{
	font-size: 22px;
	color: #fff;
}
.service_card_body
{
	padding: 24px 28px 28px;
	flex: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.service_card_body h3
{
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0 0 16px;
	line-height: 1.3;
}
.service_list
{
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
}
.service_list li
{
	position: relative;
	padding-left: 18px;
	margin-bottom: 8px;
	font-size: 13.5px;
	color: #555;
	line-height: 1.5;
}
.service_list li::before
{
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 7px;
	height: 7px;
	background: #ee334a;
	border-radius: 50%;
}
.service_list li > strong
{
	color: #1a1a1a;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: block;
	margin-bottom: 4px;
}
.service_list li > ul
{
	list-style: none;
	padding-left: 12px;
	margin: 4px 0 4px 0;
}
.service_list li > ul > li
{
	padding-left: 14px;
	margin-bottom: 3px;
	font-size: 12.5px;
	color: #666;
}
.service_list li > ul > li::before
{
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	background: #ccc;
	border-radius: 50%;
}
.service_card_apply
{
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #f0f0f0;
}
.service_apply_btn
{
	display: inline-block;
	background: linear-gradient(135deg, #1a1a1a 0%, #ee334a 100%);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 9px 22px;
	border-radius: 50px;
	text-decoration: none;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.service_apply_btn:hover
{
	opacity: 0.85;
	color: #fff;
	text-decoration: none;
}
.icon_container
{
	height: 41px;
	width: auto;
	margin-bottom: 30px;
}
.icon_container img
{
	height: 100%;
}

/*********************************
12.5 Partners
*********************************/

.partners
{
	padding-bottom: 80px;
}
.partners_carousel
{
	margin-top: 50px;
}
.partner_item
{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
}
.partner_item img
{
	max-width: 100px;
	height: auto;
	max-height: 70px;
	object-fit: contain;
	filter: grayscale(40%);
	transition: filter 300ms, transform 300ms;
}
.partner_item img:hover
{
	filter: grayscale(0%);
	transform: scale(1.08);
}

/*********************************
*********************************
13. Testimonials (Modern Cards)
*********************************/

.testimonials
{
	width: 100%;
	background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
	position: relative;
	overflow: hidden;
	padding: 80px 0;
}
.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.15;
}
.testimonials .section_title h1
{
	color: #FFFFFF;
	margin-bottom: 10px;
}
.testimonials_grid
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	margin-top: 60px;
	position: relative;
	z-index: 2;
}
.testimonial_card
{
	background: rgba(255, 255, 255, 0.95);
	border-radius: 20px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}
.testimonial_card::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #ee334a, #ff6b6b);
}
.testimonial_card:hover
{
	transform: translateY(-10px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}
.testimonial_card_inner
{
	padding: 30px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.testimonial_quote
{
	margin-bottom: 20px;
}
.testimonial_quote i
{
	font-size: 24px;
	color: #ee334a;
	opacity: 0.6;
}
.testimonial_content
{
	flex: 1;
	margin-bottom: 25px;
}
.testimonial_text
{
	font-size: 15px;
	line-height: 1.7;
	color: #555;
	margin: 0;
	font-style: italic;
	position: relative;
}
.testimonial_text::before
{
	content: '"';
	font-size: 60px;
	color: #ee334a;
	opacity: 0.1;
	position: absolute;
	top: -20px;
	left: -15px;
	font-family: Georgia, serif;
}
.testimonial_author
{
	display: flex;
	align-items: center;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.author_image
{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
	border: 3px solid #ee334a;
	flex-shrink: 0;
}
.author_image img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.author_info
{
	flex: 1;
}
.author_name
{
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	margin: 0 0 5px 0;
}
.author_title
{
	font-size: 13px;
	color: #ee334a;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Responsive adjustments */
@media (max-width: 768px)
{
	.testimonials_grid
	{
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 40px;
	}
	.testimonial_card_inner
	{
		padding: 25px;
	}
	.testimonial_text
	{
		font-size: 14px;
	}
}

/*********************************
14. Events (Modern Training Cards)
*********************************/

.events.page_section
{
	padding-bottom: 0 !important;
}

.training_cards
{
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 30px;
}
.training_card
{
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	overflow: hidden;
	position: relative;
}
.training_card:hover
{
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.training_card_inner
{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.training_image
{
	position: relative;
	height: 200px;
	overflow: hidden;
}
.training_image img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.training_card:hover .training_image img
{
	transform: scale(1.05);
}
.training_year
{
	position: absolute;
	top: 20px;
	right: 20px;
	background: linear-gradient(135deg, #ee334a, #ff6b6b);
	color: white;
	padding: 8px 16px;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 4px 15px rgba(238, 51, 74, 0.3);
}
.training_content
{
	padding: 25px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.training_category
{
	background: linear-gradient(135deg, #667eea, #764ba2);
	color: white;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-bottom: 15px;
}
.training_title
{
	font-size: 20px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 10px;
	line-height: 1.3;
}
.training_location
{
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}
.training_location i
{
	margin-right: 8px;
	color: #ee334a;
}
.training_description
{
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 20px;
	flex: 1;
}
.training_stats
{
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}
.stat
{
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #888;
	background: #f8f9fa;
	padding: 6px 12px;
	border-radius: 20px;
	font-weight: 500;
}
.stat i
{
	margin-right: 6px;
	color: #ee334a;
}

/* Responsive adjustments */
@media (max-width: 768px)
{
	.training_cards
	{
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.training_card
	{
		margin-bottom: 0;
	}
	.training_content
	{
		padding: 20px;
	}
	.training_title
	{
		font-size: 18px;
	}
}

/*********************************
*********************************
15. Footer (Modern Design)
*********************************/

.footer
{
	width: 100%;
	background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
	color: #ffffff;
	position: relative;
	overflow: hidden;
}

/* Footer Top Section */
.footer_top
{
	padding: 80px 0 60px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer_logo
{
	margin-bottom: 30px;
}

.footer_logo img
{
	max-width: 150px;
	height: auto;
	filter: brightness(0) invert(1);
}

.footer_about h3
{
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 15px;
	background: linear-gradient(135deg, #ee334a, #ff6b6b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.footer_about p
{
	font-size: 14px;
	line-height: 1.6;
	color: #cccccc;
	margin-bottom: 25px;
}

.footer_social
{
	display: flex;
	gap: 15px;
}

.social_link
{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 18px;
	transition: all 0.3s ease;
	text-decoration: none;
	border: 2px solid transparent;
}

.social_link:hover
{
	background: linear-gradient(135deg, #ee334a, #ff6b6b);
	border-color: #ee334a;
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(238, 51, 74, 0.3);
}

/* Footer Links */
.footer_links h4
{
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 10px;
}

.footer_links h4::after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 2px;
	background: linear-gradient(90deg, #ee334a, #ff6b6b);
}

.footer_links ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer_links li
{
	margin-bottom: 12px;
}

.footer_links a
{
	color: #cccccc;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s ease;
	position: relative;
}

.footer_links a:hover
{
	color: #ee334a;
	padding-left: 10px;
}

/* Footer Contact */
.footer_contact h4
{
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 10px;
}

.footer_contact h4::after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 2px;
	background: linear-gradient(90deg, #ee334a, #ff6b6b);
}

.contact_item
{
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.contact_item i
{
	color: #ee334a;
	font-size: 16px;
	margin-right: 15px;
	margin-top: 2px;
	min-width: 16px;
}

.contact_item span
{
	color: #cccccc;
	font-size: 14px;
	line-height: 1.5;
}

/* Newsletter Section */
.footer_newsletter
{
	background: linear-gradient(135deg, rgba(238, 51, 74, 0.1), rgba(255, 107, 107, 0.1));
	padding: 50px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.newsletter_content
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.newsletter_text h3
{
	font-size: 28px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 10px;
}

.newsletter_text p
{
	color: #cccccc;
	font-size: 16px;
	margin: 0;
}

.newsletter_form_container
{
	display: flex;
	max-width: 500px;
	width: 100%;
}

.newsletter_email
{
	flex: 1;
	padding: 15px 20px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 25px 0 0 25px;
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	font-size: 14px;
	outline: none;
	transition: all 0.3s ease;
}

.newsletter_email::placeholder
{
	color: #cccccc;
}

.newsletter_email:focus
{
	border-color: #ee334a;
	background: rgba(255, 255, 255, 0.15);
}

.newsletter_submit_btn
{
	padding: 15px 25px;
	border: none;
	border-radius: 0 25px 25px 0;
	background: linear-gradient(135deg, #ee334a, #ff6b6b);
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.newsletter_submit_btn:hover
{
	background: linear-gradient(135deg, #ff6b6b, #ee334a);
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(238, 51, 74, 0.3);
}

/* Footer Bottom */
.footer_bottom
{
	padding: 25px 0;
	background: rgba(0, 0, 0, 0.3);
}

.footer_bottom_content
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.copyright p
{
	color: #cccccc;
	font-size: 14px;
	margin: 0;
}

.footer_bottom_links
{
	display: flex;
	gap: 25px;
}

.footer_bottom_links a
{
	color: #cccccc;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.3s ease;
}

.footer_bottom_links a:hover
{
	color: #ee334a;
}

.footer_powered p
{
	color: #cccccc;
	font-size: 14px;
	margin: 0;
}

.footer_powered a
{
	color: #ee334a;
	text-decoration: none;
	transition: color 0.2s ease;
}

.footer_powered a:hover
{
	color: #FFFFFF;
}

/* Responsive Design */
@media (max-width: 768px)
{
	.footer_top
	{
		padding: 50px 0 30px 0;
	}

	.footer_col
	{
		margin-bottom: 40px;
	}

	.footer_social
	{
		justify-content: center;
	}

	.newsletter_content
	{
		flex-direction: column;
		text-align: center;
		gap: 30px;
	}

	.newsletter_form_container
	{
		max-width: 100%;
	}

	.footer_bottom_content
	{
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.footer_bottom_links
	{
		justify-content: center;
	}
}

/*********************************
16. SETA Tabs Section
*********************************/

.seta_tabs_section
{
	background: #f8f9fb;
	padding-bottom: 60px;
}

.services.page_section
{
	padding-top: 60px;
}

.tabs_wrapper
{
	width: 100%;
	margin-top: 68px;
}

.tabs_navigation
{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
	justify-content: center;
	border-bottom: 2px solid #eaebec;
	padding-bottom: 20px;
}

.tab_button
{
	background: #FFFFFF;
	border: 2px solid #ee334a;
	color: #ee334a;
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 200ms ease;
	border-radius: 4px;
}

.tab_button:hover
{
	background: #ee334a;
	color: #FFFFFF;
}

.tab_button.active
{
	background: #ee334a;
	color: #FFFFFF;
	box-shadow: 0 4px 8px rgba(238, 52, 74, 0.2);
}

.tabs_content
{
	width: 100%;
}

.tab_content
{
	display: none;
	animation: fadeIn 300ms ease;
}

.tab_content.active
{
	display: block;
}

@keyframes fadeIn
{
	from
	{
		opacity: 0;
	}
	to
	{
		opacity: 1;
	}
}

.tab_content_inner
{
	background: #FFFFFF;
	padding: 40px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tab_content_inner h2
{
	color: #1a1a1a;
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 28px;
	border-left: 4px solid #ee334a;
	padding-left: 15px;
}

.tab_content_inner h4
{
	color: #ee334a;
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 16px;
}

.tab_content_inner h4:first-of-type
{
	margin-top: 0;
}

.qualification-list
{
	list-style: none;
	padding-left: 0;
}

.qualification-list li
{
	padding: 10px 0;
	color: #a5a5a5;
	font-size: 14px;
	border-bottom: 1px solid #eaebec;
	transition: all 200ms ease;
}

.qualification-list li:last-child
{
	border-bottom: none;
}

.qualification-list li:before
{
	content: "✓ ";
	color: #ee334a;
	font-weight: bold;
	margin-right: 10px;
}

.qualification-list li:hover
{
	color: #1a1a1a;
	padding-left: 10px;
	background: #f8f9fb;
}

.apply_button_wrapper
{
	margin-top: 30px;
	text-align: center;
}

.apply_button
{
	display: inline-block;
	padding: 12px 40px;
	background-color: #ee334a;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all 200ms ease;
}

.apply_button:hover
{
	background-color: #d1283b;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(238, 51, 74, 0.3);
	color: #FFFFFF;
	text-decoration: none;
}

/* Application Form Modal Styling */
.modal-content
{
	border: none;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.modal-header
{
	background: linear-gradient(135deg, #ee334a 0%, #d1283b 100%);
	color: #FFFFFF;
	border: none;
	padding: 20px;
}

.modal-header .modal-title
{
	font-weight: 600;
	font-size: 20px;
}

.modal-header .close
{
	color: #FFFFFF;
	opacity: 0.8;
}

.modal-header .close:hover
{
	opacity: 1;
}

.modal-body
{
	padding: 30px;
}

.form-group label
{
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 8px;
	font-size: 14px;
}

.form-group label .text-danger
{
	color: #ee334a;
}

.form-control
{
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	padding: 10px 12px;
	font-size: 14px;
	transition: border-color 200ms ease;
}

.form-control:focus
{
	border-color: #ee334a;
	box-shadow: 0 0 0 0.2rem rgba(238, 51, 74, 0.25);
}

.form-control[multiple]
{
	padding: 5px 8px;
	height: auto;
}

.form-control[multiple] option
{
	padding: 5px;
	line-height: 1.5;
}

.form-control[multiple] option:checked
{
	background: linear-gradient(#ee334a, #ee334a);
	background-color: #ee334a;
	color: #FFFFFF;
}

.form-text
{
	font-size: 12px;
	color: #a5a5a5;
	display: block;
	margin-top: 4px;
}

.btn-primary
{
	background-color: #ee334a;
	border-color: #ee334a;
	font-weight: 600;
	padding: 12px 20px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 200ms ease;
}

.btn-primary:hover
{
	background-color: #d1283b;
	border-color: #d1283b;
}

.btn-primary:focus
{
	background-color: #d1283b;
	border-color: #d1283b;
	box-shadow: 0 0 0 0.2rem rgba(238, 51, 74, 0.25);
}

.g-recaptcha
{
	margin-bottom: 15px;
	transform: scale(0.95);
	transform-origin: 0 0;
}

#formMessage
{
	padding: 15px;
	border-radius: 4px;
	font-size: 14px;
	margin-top: 15px !important;
}

#formMessage.alert-success
{
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
}

#formMessage.alert-danger
{
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

#formMessage strong
{
	font-weight: 600;
}

/* Responsive Modal */
@media only screen and (max-height: 800px)
{
	.modal-body
	{
		max-height: 70vh;
		overflow-y: auto;
	}
}

/* Responsive Tab */
@media only screen and (max-width: 768px)
{
	.tabs_navigation
	{
		gap: 8px;
	}
	
	.tab_button
	{
		padding: 10px 16px;
		font-size: 12px;
	}
	
	.tab_content_inner
	{
		padding: 25px;
	}
	
	.tab_content_inner h2
	{
		font-size: 22px;
		margin-bottom: 20px;
	}
	
	.tab_content_inner .row
	{
		flex-direction: column;
	}
}