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

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

[Table of Contents]

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



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

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

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

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

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

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

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

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

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

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

.header_container
{
	width: 100%;
	background: #FFFFFF;
}
.header_content
{
	height: 90px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}

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

.logo,
.logo_text
{
	display: inline-block;
}
.logo
{
	width: 60px;
	height: 60px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo img
{
	max-width: 100%;
}
.logo_text
{
	font-family: 'Roboto Slab', serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 0.75;
	color: #384158;
	vertical-align: middle;
	margin-left: 7px;
	-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 span
{
	color: #14bdee;
}
.header.scrolled .logo
{
	width: 40px;
	height: 40px;
}
.header.scrolled .logo_text
{
	font-size: 24px;
}

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

.main_nav_contaner
{

}
.main_nav,
.search_button,
.shopping_cart
{
	display: inline-block;
}
.main_nav li
{
	display: inline-block;
	position: relative;
}
.main_nav li:not(:last-child)
{
	margin-right: 44px;
}
.main_nav li a
{
	font-size: 18px;
	font-weight: 500;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav li a:hover,
.main_nav li.active a
{
	color: #14bdee;
}
.main_nav li.active::after
{
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #14bdee;
	content: '';
}
.search_button
{
	margin-left: 46px;
	cursor: pointer;
}
.shopping_cart
{
	margin-left: 23px;
	cursor: pointer;
}
.search_button i,
.shopping_cart i
{
	font-size: 18px;
	color: #181818;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_button:hover i,
.shopping_cart:hover i
{
	color: #14bdee;
}
.header_search_form
{
	display: block;
	position: relative;
	width: 40%;
}
.header_search_container
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #14bdee;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_search_container.active
{
	bottom: -73px;
	opacity: 1;
}
.header_search_content
{
	width: 100%;
	height: 73px;
}
.search_input
{
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	padding-left: 20px;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
}

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

.hamburger_container
{

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

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

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

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

.section_title_container
{
	margin: 0 auto;
}
.section_title
{
	line-height: 1.2;
}
.section_subtitle
{
	line-height: 1.85;
	margin-top: 14px;
}
.section_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

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

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

/* ================================
   FEATURES SECTION
================================ */

.features{
	width:100%;
	padding:30px 0;
	background:linear-gradient(to bottom,#f8fbff,#ffffff);
	position:relative;
	overflow:hidden;
}

.features::before{
	content:'';
	position:absolute;
	top:-100px;
	right:-100px;
	width:300px;
	height:300px;
	background:rgba(0,123,255,0.05);
	border-radius:50%;
}

.features::after{
	content:'';
	position:absolute;
	bottom:-120px;
	left:-120px;
	width:320px;
	height:320px;
	background:rgba(0,123,255,0.04);
	border-radius:50%;
}

/* ================================
   SECTION TITLE
================================ */

.section_tag{
	display:inline-block;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	color:#0d6efd;
	letter-spacing:1px;
	margin-bottom:15px;
	background:#eaf2ff;
	padding:8px 18px;
	border-radius:30px;
}

.section_title{
	font-size:42px;
	font-weight:700;
	color:#1d293f;
	margin-bottom:20px;
	line-height:1.3;
}

.section_subtitle{
	max-width:850px;
	margin:0 auto;
}

.section_subtitle p{
	font-size:16px;
	line-height:1.9;
	color:#6c757d;
	margin:0;
}

/* ================================
   FEATURES ROW
================================ */

.features_row{
	margin-top:30px;
	row-gap:30px;
}

/* ================================
   FEATURE CARD
================================ */

.feature{
	position:relative;
	background:#fff;
	padding:40px 25px;
	border-radius:20px;
	text-align:center;
	height:100%;
	transition:all 0.4s ease;
	border:1px solid rgba(0,0,0,0.05);
	box-shadow:0 5px 20px rgba(0,0,0,0.04);
	overflow:hidden;
}

.feature::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:linear-gradient(to right,#0d6efd,#00b4ff);
	transform:scaleX(0);
	transition:0.4s;
	transform-origin:left;
}

.feature:hover::before{
	transform:scaleX(1);
}

.feature:hover{
	transform:translateY(-10px);
	box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

/* ================================
   ICON
================================ */

.feature_top{
	margin-bottom:25px;
}

.feature_icon{
	width:85px;
	height:85px;
	margin:0 auto;
	background:linear-gradient(135deg,#eaf2ff,#ffffff);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 8px 20px rgba(13,110,253,0.10);
	transition:0.4s;
}

.feature:hover .feature_icon{
	transform:rotateY(180deg);
}

.feature_icon img{
	max-width:42px;
}

/* ================================
   FEATURE TITLE
================================ */

.feature_title{
	font-size:22px;
	font-weight:700;
	color:#1d293f;
	margin-bottom:18px;
}

/* ================================
   FEATURE TEXT
================================ */

.feature_text p{
	font-size:15px;
	line-height:1;
	color:#6c757d;
	margin:0;
}

/* ================================
   RESPONSIVE DESIGN
================================ */

@media only screen and (max-width:991px){

	.features{
		padding:80px 0;
	}

	.section_title{
		font-size:34px;
	}

	.feature{
		padding:35px 22px;
	}
}

@media only screen and (max-width:767px){

	.features{
		padding:70px 0;
	}

	.section_title{
		font-size:28px;
	}

	.section_subtitle p{
		font-size:15px;
		line-height:1.8;
	}

	.features_row{
		margin-top:50px;
	}

	.feature{
		padding:30px 20px;
		border-radius:16px;
	}

	.feature_title{
		font-size:20px;
	}

	.feature_text p{
		font-size:14px;
		line-height:1.8;
	}
}

@media only screen and (max-width:575px){

	.section_title{
		font-size:24px;
	}

	.section_tag{
		font-size:12px;
		padding:7px 15px;
	}

	.feature_icon{
		width:75px;
		height:75px;
	}

	.feature_icon img{
		max-width:36px;
	}
}

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

.courses
{
	width: 100%;
	padding-bottom: 100px;
}
.courses_row
{
	margin-top: 45px;
}
.course
{
	width: 100%;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}
.course_image
{
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
}
.course_image img
{
	max-width: 100%;
}
.course_body
{
	padding-top: 22px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 23px;
}
.course_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.course_title a:hover
{
	color: #14bdee;
}
.course_teacher
{
	font-size: 15px;
	font-weight: 400;
	color: #384158;
	margin-top: 6px;
}
.course_text
{
	margin-top: 13px;
}
.course_footer
{
	padding-left: 30px;
	padding-right: 30px;
}
.course_footer_content
{
	width: 100%;
	border-top: solid 1px #e5e5e5;
	padding-top: 9px;
	padding-bottom: 11px;
}
.course_info
{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #55555a;
}
.course_info:first-child
{
	margin-right: 18px;
}
.course_info i
{
	color: #ffc80a;
}
.course_price
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #14bdee;
}
.course_price span
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	color: #b5b8be;
	margin-right: 10px;
}
.courses_button
{
	width: 210px;
	height: 46px;
	border-radius: 3px;
	background: #14bdee;
	text-align: center;
	margin: 0 auto;
	margin-top: 41px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.courses_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}
.courses_button a
{
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 46px;
	color: #FFFFFF;
}

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

.counter
{
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* Background Blur */
.counter_background
{
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	transform: scale(1.05);
	z-index: -2;
}

/* Dark Overlay */
.counter::after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.55);
	z-index: -1;
}

/* Content */
.counter_content
{
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	z-index: 5;
}

/* Heading */
.counter_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 46px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 20px;
	letter-spacing: 1px;
}

/* Paragraph */
.counter_text
{
	max-width: 900px;
	margin: 0 auto;
}

.counter_text p
{
	color: rgba(255,255,255,0.92);
	font-size: 16px;
	line-height: 1.9;
	font-weight: 400;
}

/* Milestones */
.milestones
{
	margin-top: 60px;
	gap: 20px;
}

/* Single Milestone */
.milestone
{
	position: relative;
	text-align: center;
	padding: 30px 35px;
	min-width: 220px;
	border-radius: 15px;
	background: rgba(255,255,255,0.08);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(255,255,255,0.12);
	transition: all 0.4s ease;
}

.milestone:hover
{
	transform: translateY(-8px);
	background: rgba(255,255,255,0.12);
	box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

/* Counter Number */
.milestone_counter
{
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	color: #14bdee;
}

/* Text */
.milestone_text
{
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
}

/* Responsive */
@media only screen and (max-width: 991px)
{
	.milestones
	{
		gap: 15px;
	}

	.milestone
	{
		min-width: 180px;
		padding: 25px 20px;
	}
}

@media only screen and (max-width: 767px)
{
	.counter_content
	{
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.counter_title
	{
		font-size: 34px;
	}

	.counter_text p
	{
		font-size: 15px;
		line-height: 1.8;
	}

	.milestones
	{
		margin-top: 40px;
	}

	.milestone
	{
		width: 100%;
		max-width: 320px;
		margin-bottom: 20px;
	}

	.milestone_counter
	{
		font-size: 40px;
	}
}



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

.events
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 70px;
	background: #FFFFFF;
}
.events_row
{
	margin-top: 47px;
}
.event_left
{
	padding-right: 20px;
}
.event_mid
{
	padding-left: 10px;
	padding-right: 10px;
}
.event_right
{
	padding-left: 20px;
}
.event_image
{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.event_image img
{
	max-width: 100%;
}
.event_body
{
	padding-top: 30px;
	padding-bottom: 30px;
}
.event_date
{
	box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}
.event_date > div
{
	width: 60px;
	height: 60px;
}
.event_day
{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	color: #14bdee;
	font-weight: 700;
	line-height: 0.75;
}
.event_month
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #14bdee;
	font-weight: 400;
	line-height: 0.75;
	margin-top: 9px;
}
.event:hover .event_date > div
{
	background: #14bdee;
}
.event:hover .event_day,
.event:hover .event_month
{
	color: #FFFFFF;
}
.event_content
{
	padding-left: 20px;
}
.event_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.event_title a:hover
{
	color: #14bdee;
}
.event_info_container
{
	margin-top: 11px;
}
.event_info
{
	display: inline-block;
	color: #b5b8be;
	font-size: 14px;
}
.event_info:not(:last-child)
{
	margin-right: 17px;
}
.event_info span
{
	margin-left: 4px;
}
.event_text
{
	margin-top: 12px;
}

/*********************************
11. Team
*********************************/
.team{
	width: 100%;
	padding: 30px 0px;
	position: relative;
	overflow: hidden;
}
.team_background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section_title_container{
	max-width:560px;
	margin:0 auto 50px;
	text-align:center;
}
.eyebrow{
  display:inline-flex;
	align-items:center;
	gap:8px;
  font-size:13px;
	font-weight:700;
	letter-spacing:0.14em;
	text-transform:uppercase;
  color:#6F4FE0;
	margin-bottom:14px;
}
.eyebrow::before, .eyebrow::after{
	content:"";
	width:18px;
	height:1px;
	background:#6F4FE0;
	opacity:0.5;
}
.section_title{
	font-family:'Fraunces', serif;
	font-weight:600;
	font-size:clamp(28px,4vw,42px);
	margin:0 0 12px;
	color:#2B2350;
}
.section_subtitle p{
	color:#5B5670;
	font-size:15.5px;
	line-height:1.6;
	margin:0;
}
.team_slider_area{
  width:100%;
	overflow:hidden;
	position:relative;
  mask-image: linear-gradient(90deg, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 70px, #000 calc(100% - 70px), transparent 100%);
}
.team_slider{
  display:flex; flex-wrap:nowrap;
	align-items:flex-start;
	gap:30px;
	width:max-content;
  padding:10px 10px 20px;
  animation: scrollTeam 38s linear infinite;
}
.team_slider:hover{
	animation-play-state: paused;
}
@keyframes scrollTeam{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
.team_card{
  width:240px;
	min-width:240px;
	position:relative;
	background:#FFFFFF;
	border-radius:26px;
  padding:14px 14px 26px;
	box-shadow:0 18px 34px -16px rgba(46, 35, 80, 0.16);
  transition:0.35s ease;
	z-index:1;
}
.team_card.open{
	z-index:50;
}
.team_card:hover{
	transform:translateY(-4px);
}
.team_photo_wrap{
	width:100%;
	aspect-ratio:1/1.08;
	border-radius:18px;
	overflow:hidden;
	position:relative;
	background:linear-gradient(160deg,#cdd3da,#f1eee9);
}
.team_photo_wrap img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.team_fallback{
	display:none;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	font-family:'Fraunces', serif; font-size:42px;
	font-weight:600;
	color:#fff;
}
.team_info{
	padding:18px 6px 4px;
}
.team_name{
	font-family:'Fraunces', serif;
	font-weight:600;
	font-size:19px;
	color:#2B2350;
	margin-bottom:4px;
}
.team_role{
	font-size:13.5px;
	color:#8E8898;
	font-weight:500;
}
.share_cluster{
	position:absolute;
	bottom:8px;
	right:8px;
	width:44px;
	height:44px;
}
.share_btn{
  width:44px;
	height:44px;
	border-radius:50%;
	border:none;
	background:#6F4FE0;
	color:#fff;
  font-size:15px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
  box-shadow:0 10px 22px -6px rgba(111,79,224,0.55), 0 0 0 6px #F4ECDF;
  position:relative;
	z-index:5;
	transition:0.3s ease;
}
.share_btn:hover{
	background:#5638C2;
}
.team_card.open .share_btn{
	background:#2B2350;
}
.social_pop{
	position:absolute;
	bottom:0;
	right:0;
	width:44px;
	height:44px;
	pointer-events:none;
}
.team_card.open .social_pop{
	pointer-events:auto;
}
.social_dot{
  position:absolute;
	bottom:0;
	right:0;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#fff;
	color:#6F4FE0;
  display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	text-decoration:none;
  box-shadow:0 8px 18px -6px rgba(46, 35, 80, 0.16), 0 0 0 6px #F4ECDF;
  opacity:0;
	transform:scale(0.3) translateY(0);
  transition: transform 0.4s cubic-bezier(.34,1.45,.64,1), opacity 0.25s ease;
}
.social_dot:hover{
	background:#6F4FE0;
	color:#fff;
}
.team_card.open .social_dot:nth-child(1){
	transform:scale(1) translateY(-58px);
	opacity:1;
	transition-delay:0.02s;
}
.team_card.open .social_dot:nth-child(2){
	transform:scale(1) translateY(-110px);
	opacity:1;
	transition-delay:0.08s;
}
.team_card.open .social_dot:nth-child(3){
	transform:scale(1) translateY(-162px);
	opacity:1;
	transition-delay:0.14s;
}
@media (max-width:991px){
	.team_card{
		width:210px;
		min-width:210px;
	}
}
@media (max-width:600px){
  .section_title{ font-size:26px; }
  .team_card{ width:185px; min-width:185px; }
  .team_name{ font-size:16.5px; }
}

/********************************* 12. News *********************************/
.news
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 100px;
	background: #FFFFFF;
}
.news_row
{
	margin-top: 55px;
}
.news_post_large_container
{
	padding-right: 30px;
}
.news_post_large
{
	width: 100%;
}
.news_post_image
{
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_large_title
{
	margin-top: 23px;
}
.news_post_large_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	line-height: 1.4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_large_title a:hover
{
	color: #14bdee;
}
.news_post_meta
{
	margin-top: 11px;
}
.news_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.news_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 14px;
	margin-right: 11px;
}
.news_post_meta ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_meta ul li a:hover
{
	color: #14bdee;
}
.news_post_text
{
	margin-top: 13px;
}
.news_post_link
{
	margin-top: 19px;
}
.news_post_link a
{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #384158;
	text-decoration: underline;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_link a:hover
{
	color: #14bdee;
}
.news_posts_small
{
	margin-top: -6px;
}
.news_post_small:not(:last-child)
{
	padding-bottom: 31px;
	border-bottom: solid 1px #e5e5e5;
}
.news_post_small:not(:first-child)
{
	padding-top: 29px;
}
.news_post_small_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.55;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_small_title a:hover
{
	color: #14bdee;
}

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

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

/*********************************
Custom Student Testimonials
*********************************/

.custom_testimonials_section
{
    width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg,#021B35 0%, #043B5C 45%, #0b5d7a 100%);
}

/* Animated Background Glow */
.custom_testimonials_section::before
{
    content: '';
    position: absolute;
    width: 700px;
    height: 700px;
    background: rgba(67,177,75,0.18);
    border-radius: 50%;
    top: -250px;
    left: -200px;
    filter: blur(80px);
    animation: customGlowMove1 8s infinite alternate ease-in-out;
}

.custom_testimonials_section::after
{
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: rgba(0,183,255,0.15);
    border-radius: 50%;
    bottom: -250px;
    right: -200px;
    filter: blur(90px);
    animation: customGlowMove2 10s infinite alternate ease-in-out;
}

/*********************************
Section Heading
*********************************/

.custom_testimonial_heading
{
    text-align: center;
    margin-bottom: 70px;
    position: relative;
    z-index: 2;
}

.custom_testimonial_heading h2
{
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 12px;
    animation: customFadeDown 1s ease;
}

.custom_testimonial_heading p
{
    color: rgba(255,255,255,0.85);
    font-size: 17px;
    letter-spacing: 1px;
    animation: customFadeUp 1.2s ease;
}

/*********************************
Testimonial Grid
*********************************/

.custom_testimonial_row
{
    position: relative;
    z-index: 2;
}

.custom_testimonial_box
{
    position: relative;
    background: rgba(255,255,255,0.08);
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.12);
    transition: all 0.5s ease;
    margin-bottom: 30px;
    height: 100%;
    animation: customCardFade 1s ease;
}

/* Animated Border */
.custom_testimonial_box::before
{
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 25px;
    padding: 2px;
    background: linear-gradient(45deg,#43b14b,#00c3ff,#43b14b);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0.6;
}

/* Hover Effect */
.custom_testimonial_box:hover
{
    transform: translateY(-12px) scale(1.02);
    background: rgba(255,255,255,0.14);
    box-shadow: 0px 20px 40px rgba(0,0,0,0.35);
}

/*********************************
Student Image
*********************************/

.custom_testimonial_image
{
    width: 115px;
    height: 115px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #43b14b;
    box-shadow: 0px 10px 30px rgba(67,177,75,0.4);
    animation: customPulseImage 3s infinite;
}

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

.custom_testimonial_box:hover .custom_testimonial_image img
{
    transform: scale(1.1);
}

/*********************************
Content
*********************************/

.custom_testimonial_content
{
    margin-top: 28px;
}

.custom_testimonial_text
{
    font-size: 15px;
    line-height: 1.9;
    color: #f2f2f2;
    font-style: italic;
    margin-bottom: 20px;
}

.custom_testimonial_name
{
    font-size: 18px;
    font-weight: 700;
    color: #43b14b;
    letter-spacing: 0.5px;
}

/*********************************
Animations
*********************************/

@keyframes customGlowMove1
{
    0%
    {
        transform: translateY(0px) translateX(0px);
    }
    100%
    {
        transform: translateY(40px) translateX(40px);
    }
}

@keyframes customGlowMove2
{
    0%
    {
        transform: translateY(0px) translateX(0px);
    }
    100%
    {
        transform: translateY(-40px) translateX(-30px);
    }
}

@keyframes customPulseImage
{
    0%
    {
        box-shadow: 0 0 0 0 rgba(67,177,75,0.5);
    }
    70%
    {
        box-shadow: 0 0 0 18px rgba(67,177,75,0);
    }
    100%
    {
        box-shadow: 0 0 0 0 rgba(67,177,75,0);
    }
}

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

@keyframes customFadeUp
{
    from
    {
        opacity: 0;
        transform: translateY(40px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes customCardFade
{
    from
    {
        opacity: 0;
        transform: translateY(50px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0px);
    }
}

/*********************************
Responsive
*********************************/

@media only screen and (max-width: 991px)
{
    .custom_testimonial_heading h2
    {
        font-size: 34px;
    }
}

@media only screen and (max-width: 767px)
{
    .custom_testimonials_section
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .custom_testimonial_heading h2
    {
        font-size: 28px;
    }

    .custom_testimonial_box
    {
        padding: 30px 20px;
    }

    .custom_testimonial_image
    {
        width: 95px;
        height: 95px;
    }

    .custom_testimonial_text
    {
        font-size: 14px;
        line-height: 1.8;
    }
}

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

/*==============================
        FOOTER DESIGN
==============================*/

.rtgi-footer{
    position:relative;
    background:linear-gradient(135deg,#071c39,#0a2d5e,#071c39);
    overflow:hidden;
    padding-top:90px;
    color:#fff;
}

/* Background Shapes */
.footer-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    opacity:0.15;
}

.shape-1{
    width:300px;
    height:300px;
    background:#00c6ff;
    top:-100px;
    left:-100px;
}

.shape-2{
    width:250px;
    height:250px;
    background:#1fa2ff;
    bottom:-80px;
    right:-80px;
}

/* Footer Widget */
.footer-widget{
    position:relative;
    z-index:2;
}

/* Logo */
.footer-logo-box{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:5px;
}

.footer-logo{
    width:70px;
    height:70px;
    object-fit:contain;
    background:#fff;
    border-radius:15px;
    padding:0px;
    box-shadow:0 10px 30px rgba(0,0,0,0.25);
}

.footer-logo-box h2{
    font-size:28px;
    font-weight:700;
    margin:0;
    color:#fff;
}

.footer-logo-box span{
    font-size:13px;
    color:#cfd8e3;
}

.footer-about{
    color:#d8dce6;
    line-height:1.9;
    margin-bottom:25px;
    font-size:15px;
}

/* Titles */
.footer-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:30px;
    position:relative;
    padding-bottom:12px;
}

.footer-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:55px;
    height:3px;
    background:#00c6ff;
    border-radius:50px;
}

/* Social Icons */
.footer-social{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.footer-social a{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    color:#fff;
    font-size:16px;
    transition:0.4s;
    text-decoration:none;
    backdrop-filter:blur(10px);
}

.footer-social a:hover{
    background:#00c6ff;
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,198,255,0.4);
}

/* Links */
.footer-links{
    padding:0;
    margin:0;
    list-style:none;
}

.footer-links li{
    margin-bottom:16px;
}

.footer-links li a{
    color:#d9dfe8;
    text-decoration:none;
    transition:0.3s;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:15px;
}

.footer-links li a i{
    color:#00c6ff;
    transition:0.3s;
}

.footer-links li a:hover{
    color:#00c6ff;
    transform:translateX(5px);
}

/* Contact */
.footer-contact{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.contact-box{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.contact-box i{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:12px;
    background:rgba(255,255,255,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#00c6ff;
    font-size:16px;
}

.contact-box span,
.contact-box a{
    color:#d9dfe8;
    text-decoration:none;
    line-height:1.7;
    transition:0.3s;
}

.contact-box a:hover{
    color:#00c6ff;
}

/* Bottom */
.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.1);
    margin-top:70px;
    padding:25px 0;
}

.footer-bottom p{
    margin:0;
    color:#cfd8e3;
    font-size:14px;
}

.footer-bottom strong{
    color:#fff;
}

.footer-bottom-links{
    display:flex;
    justify-content:flex-end;
    gap:25px;
    flex-wrap:wrap;
}

.footer-bottom-links a{
    color:#cfd8e3;
    text-decoration:none;
    transition:0.3s;
    font-size:14px;
}

.footer-bottom-links a:hover{
    color:#00c6ff;
}

/* Scroll Button */
#scrollTopBtn{
    position:fixed;
    right:25px;
    bottom:25px;
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#16a800;
    color:#fff;
    font-size:18px;
    cursor:pointer;
    z-index:999;
    box-shadow:0 10px 25px rgba(0,198,255,0.4);
    transition:0.3s;
}

#scrollTopBtn:hover{
    transform:translateY(-5px);
}

/* Responsive */
@media(max-width:991px){

    .footer-widget{
        margin-bottom:40px;
    }

    .footer-bottom{
        text-align:center;
    }

    .footer-bottom-links{
        justify-content:center;
        margin-top:15px;
    }
}

@media(max-width:576px){

    .rtgi-footer{
        padding-top:70px;
    }

    .footer-title{
        font-size:20px;
    }

    .footer-logo-box h2{
        font-size:24px;
    }

    .footer-about{
        font-size:14px;
    }

    .footer-bottom-links{
        gap:15px;
    }

    #scrollTopBtn{
        width:45px;
        height:45px;
        right:15px;
        bottom:15px;
    }
}

/* WhatsApp Floating Button */

.whatsapp-float{
    position:fixed;
    right:25px;
    bottom:25px;
    width:60px;
    height:60px;
    background:#25d366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    text-decoration:none;
    z-index:9999;
    box-shadow:0 10px 25px rgba(37,211,102,0.45);
    transition:all 0.35s ease;
    animation:whatsappPulse 2s infinite;
}

.whatsapp-float:hover{
    transform:translateY(-6px) scale(1.08);
    color:#fff;
    box-shadow:0 15px 35px rgba(37,211,102,0.6);
}

/* Pulse Animation */

@keyframes whatsappPulse{
    
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,0.7);
    }

    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

/* Mobile Responsive */

@media(max-width:576px){

    .whatsapp-float{
        width:55px;
        height:55px;
        right:15px;
        bottom:15px;
        font-size:28px;
    }

}