/*
Theme Name: Lovefit 
Theme URI: http://www.ansonika.com/lovefit/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

[Table of contents] 

1. SITE STRUCTURE and TYPOGRAPHY
- 1.1 Typography
- 1.2 Buttons
- 1.3 Structure

2. CONTENT
- 2.1 Home all versions
- 2.2 Workout page
- 2.3 About us
- 2.4 Explore page
- 2.5 Cart section
- 2.6 Faq page
- 2.7 Gallery page
- 2.8 Contact page
- 2.9 Login/Register modals
- 3.0 Trainer profile page
- 3.1 About
- 3.2 Contacts

3. COMMON
3.1 Preloader
3.2 Spacing
3.3 Containers
3.4 Ribbons
3.5 Tabs
3.6 Parallax bg
3.7 Input form style
3.8 Scroll top button
3.9 Plans price style
3.10 Search modal
3.11 Input Switcher
3.12 Pagination
3.13 Carousel 

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/

/*-------- Allert for old browsers IE8 and below --------*/

.chromeframe {
	background: #ddd;
	color: #000;
	padding: 0.2em;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 9999;
	width: 100%;
}

.chromeframe a {
	color: #ed1c24;
}

/*-------- 1.1 Typography --------*/

/* This is for popins font for firefox */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/poppins/v1/2fCJtbhSlhNNa6S2xlh9GyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
	unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* This is for popins font for firefox */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/poppins/v1/UGh2YG8gx86rRGiAZYIbVyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* This is for popins font for firefox */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/poppins/v1/yQWaOD4iNU5NTY0apN-qj_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background: #fff;
	font-size: 14px;
	line-height: 1.5;
	font-family: 'Outfit';
	color: #444;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-font-smoothing: antialiased;
	color: #222;
	font-weight: 300;
}

h1.main_title_in {
	border-bottom: 1px solid #ededed;
	text-align: center;
	padding: 15px 15px 30px 15px;
	margin: 0;
}

h1.main_title,
h2.main_title {
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 42px;
	color: #92278f;
	text-transform: uppercase;
}

h1.main_title span,
h2.main_title span {
	display: block;
	color: #999;
	font-size: 24px;
	text-transform: none;
}

h1.main_title em,
h2.main_title em {
	display: block;
	width: 40px;
	height: 4px;
	background-color: #ededed;
	margin: auto;
	-webkit-border-radius: 5 px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

h3.main_title {
	text-align: center;
	margin: 0 0 45px 0;
	padding: 0;
	font-size: 36px;
	color: #8E15F1;
	text-transform: uppercase;
}

h3.main_title span {
	display: block;
	color: #999;
	font-size: 18px;
	text-transform: none;
}
.parallax-window #subheader h1 {
	display: inline-block;
	margin: 0;
	padding: 15px 20px;
	font-size: 32px;
	color: #fff;
}

.promo_full_wp div h3 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
	margin-bottom: 30px;
}

.promo_full_wp div h3 span {
	color: #fff;
	display: block;
	text-transform: none;
	font-size: 24px;
}

/** Layes slider typography **/
h3.slide_typo {
	white-space: nowrap;
	color: #fff !important;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 52px;
	line-height: 1.1;
	font-weight: 600;
	text-align: center;
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.45);
}

.slide_typo_2 {
	color: #fff;
	font-size: 22px;
	white-space: nowrap;
	font-weight: 500;
}

p {
	margin-bottom: 20px;
}

strong {
	font-weight: 500;
}

p.lead.styled {
	text-align: center;
	font-size: 18px;
	padding: 0 10%;
	margin-bottom: 45px;
}

/*General links color*/
a {
	color: #8E15F1;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
}

a:hover,
a:focus {
	color: #333;
	text-decoration: none;
	outline: none;
}

/*-------- 1.2 Buttons --------*/

a.btn_full,
.btn_full {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	width: 100%;
	background: #8E15F1;
	cursor: pointer;
	padding: 12px 20px;
	display: inline-block;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-weight: 600;
	margin-bottom: 5px;
}

a.btn_full:hover,
.btn_full:hover {
	background: #333;
}

a.btn_outline,
.btn_outline {
	border: 2px solid #333;
	font-family: inherit;
	font-size: inherit;
	color: #333;
	width: 100%;
	cursor: pointer;
	padding: 8px 20px;
	display: inline-block;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-weight: 600;
	text-transform: none;
}

a.btn_outline:hover,
.btn_outline:hover {
	background: #333;
	color: #fff;
}

a.btn_1,
.btn_1 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	/*background: #8E15F1;*/
	/*background: #637B6F;*/
	background: #F0845D;
	cursor: pointer;
	padding: 7px 15px;
	display: inline-block;
	outline: none;
	font-size: 13px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: 500;
}

a.btn_1:hover,
.btn_1:hover {
	background: #333;
}

a.btn_1_outline,
.btn_1_outline {
	border: none;
	font-family: inherit;
	font-size: inherit;
	/*color: #8E15F1;*/
	background: #637B6F;
	border: 2px solid #8E15F1;
	cursor: pointer;
	padding: 7px 15px;
	display: inline-block;
	outline: none;
	font-size: 13px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: 500;
}

a.btn_1_outline:hover,
.btn_1_outline:hover {
	background: #333;
	border: 2px solid #333;
	color: #fff;
}

a.btn_slider,
.btn_slider {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	background: #8E15F1;
	cursor: pointer;
	padding: 8px 20px;
	display: inline-block;
	outline: none;
	font-size: 16px;
	-webkit-transition: background 0.3s !important;
	-moz-transition: background 0.3s !important;
	transition: background 0.3s !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: 500;
}

a.btn_slider:hover,
.btn_slider:hover {
	background: #fff;
	color: #8E15F1;
}

a.btn_1.white,
.btn_1.white {
	/*background: #8E15F1;*/
	background: #637B6F;
	color: #fff;
}

a.btn_1.white:hover,
.btn_1.white a:hover,
.btn_1.white:hover {
	background: #fff;
	/*color: #8E15F1 !important;*/
	color: #637B6F !important;;
}

a.btn_add_to_cart,
.btn_add_to_cart {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #fff;
	background: #8e15f1;
	cursor: pointer;
	padding: 10px 15px;
	display: inline-block;
	outline: none;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 10px;
	font-weight: 500;
}

a.btn_add_to_cart:hover,
.btn_add_to_cart:hover {
	background: #55009b;
}

a.btn_submit_contact,
.btn_submit_contact {
	border: none;
	font-size: 16px;
	color: #fff;
	background: #F0845D;
	cursor: pointer;
	padding: 12px 16px;
	display: inline-block;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: 500;
	width: 100%;
	margin-top: 10px;
}

a.btn_submit_contact:hover,
.btn_submit_contact:hover {
	background: #f55c24;
}

/*-------- 1.3 Structure --------*/

/* Header */

/* header#header {
    background-color: transparent;
    border-bottom: none !important;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.3s ease;
} */

header#header.nav-up {
    transform: translateY(-100%);
    transition: all 0.3s ease;
}

header#header.nav-down {
    transform: translateY(0);
    background-color: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

header#plain {
	background: #fff;
	border-bottom: 1px solid #ededed;
}

header#plain #logo .logo_sticky {
	display: block;
}

header#plain #logo .logo_normal {
	display: none;
}

header #logo .logo_sticky {
	display: none;
}

header.sticky #logo .logo_normal {
	display: none;
}

header.sticky #logo .logo_sticky {
	display: block;
}

#logo img {
	height: 27px;
	width: auto;
	margin: 12px 0 0 0;
}

ul#access_top {
	float: right;
	list-style: none;
	margin: 12px 0 0 0;
}

ul#access_top li {
	display: inline-block;
	margin-left: 5px;
}

ul#access_top li a {
	display: inline-block;
	padding: 8px 15px 5px 15px;
	text-transform: uppercase;
	line-height: 1;
	background-color: #f6f7f9;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 500;
}

ul#access_top li:first-child {
	margin-left: 0;
}

ul#access_top li a.search-overlay-menu-btn {
	display: inline-block;
	padding: 0 5px 0 0;
	position: relative;
	margin-left: -5px;
	top: 2px;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 18px;
	color: #fff;
}

ul#access_top li a.search-overlay-menu-btn:hover,
header.sticky ul#access_top li a.search-overlay-menu-btn:hover {
	color: #8E15F1;
}

header.sticky ul#access_top li a.search-overlay-menu-btn {
	color: #444;
}

footer {
	background-color: #B5B7B6;
	/*background-color: #4088DA;*/
	padding: 45px 0 0 0;
}

footer h4 {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 0;
	padding-bottom: 10px;
	font-weight: 500;
}

footer ul {
	list-style: none;
	padding: 0 0 20px 0;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
	padding-left: 5px;
}

.footer_pic {
	margin-top: -130px;
}

#copy {
	text-align: center;
	font-size: 13px;
	background-color: #3269a9;
	padding: 15px;
	color: #fff;
	color: rgba(255, 255, 255, 0.6)
}

#newsletter_container {
	background-color: #f8f8f8;
}

#newsletter_container h3 {
	font-size: 32px;
	margin: 0 0 20px 0;
}

input.form-control#email_newsletter {
	margin-bottom: 0;
	background-color: #fff;
	border: none;
	border: 2px solid #ededed;
	height: 49px;
	font-size: 15px;
	padding-left: 20px;
	width: 380px;
	margin-top: -2px;
	margin-right: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input.form-control#email_newsletter:focus {
	border-color: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #444;
}

#submit-newsletter.btn_1 {
	padding: 14px 35px;
}

#social ul {
	margin: 0;
	padding: 0 0 10px 0;
}

#social ul li {
	display: inline-block;
	margin: 0 5px 10px 0;
}

#social ul li a {
	color: #242e30;
	text-align: center;
	line-height: 35px;
	display: block;
	font-size: 16px;
	width: 35px;
	height: 35px;
	padding: 0;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

	#social ul li a:hover {
		color: #F0845D !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/

/*-------- 2.1 Home all versions --------*/
.header-video {
	position: relative;
	overflow: hidden;
	background: #000;
}

#hero_video {
	position: relative;
	background-size: cover;
	color: #fff;
	width: 100%;
	font-size: 16px;
	display: table;
	height: 100%;
	z-index: 99;
	text-align: center;
}

#hero_video > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10%;
}

#sub_content h1 {
	margin: 0 0 0 0 0;
	font-size: 60px;
	font-weight: 300;
	color: #fff;
}

#sub_content p {
	font-size: 24px;
	margin: 0;
	padding: 0;
}

video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.55;
}

iframe {
	height: 100%;
	width: 100%;
}

video {
	width: 100%;
}

.teaser-video {
	width: 100%;
	height: auto;
}

.header-video--media {
	width: 100%;
	height: auto;
}

#count {
	background-color: rgba(0, 0, 0, 0.25);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 0;
	color: #fff;
	font-size: 18px;
	z-index: 99;
	border-top: 1px solid rgba(255, 255, 255, 0.15)
}

#count ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#count ul li {
	display: inline-block;
	text-align: center;
	margin: 0 10px;
	padding-left: 20px;
	background: url(../img/dots_vert.png) center left no-repeat;
}

#count ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

#count ul li:last-child {
	margin-right: 0;
}

#count .number {
	width: 60px;
	display: inline-block;
	margin-right: 5px;
	font-weight: 500;
	text-align: right;
	font-size: 24px;
}

#feat {
	padding: 60px 0 600px 0;
	background-image: url(../img/bg_feat.jpg);
	background-repeat: no-repeat;
	background-position: center 200px;
	background-size: cover;
}

.box_feat {
	text-align: center;
	margin-bottom: 20px;
	padding-top: 100px;
}

.box_feat#icon_1 {
	background: url(../img/icon_1.svg) no-repeat center top;
}

.box_feat#icon_2 {
	background: url(../img/icon_2.svg) no-repeat center top;
}

.box_feat#icon_3 {
	background: url(../img/icon_3.svg) no-repeat center top;
}

#filter_buttons {
	text-align: center;
	margin-bottom: 30px;
}

#filter_buttons button {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #ededed;
	border: 0;
	font-weight: 500;
	padding: 5px 10px;
	min-width: 90px;
	margin: 20px 5px 10px 5px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#filter_buttons button:hover {
	background-color: #8E15F1;
	color: #fff;
}

#filter_buttons button.active {
	background-color: #333;
	color: #fff;
}
        
.event-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* Three equal columns */
	gap: 30px; /* Spacing between items */
	margin-bottom: 30px;
}

.course_container {
	background-color: none;
	margin: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	justify-content: space-between;
	padding: 14px;
	border: 1px solid #DDDDDD;
	border-radius: 14px;
}

.course_container figure {
	position: relative;
	overflow: hidden;
}

.course_container .course_title {
	padding: 14px 4px 0px 4px;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.course_container .course_title h3 {
	margin: 0;
	text-align: left;
	font-family: 'Outfit', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
}

.event-title-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.course_container .course_title h3 a{
	color: #333;
}

.course_container .event-image-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 280px;
	margin: 0 auto; /* Center the container itself if needed */
	border-radius: 10px;
}

.course_container figure a:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.course_container figure img {
	width: 100%; /* Make the image fill the container */
	height: 100%; /* Make the image fill the container */
	object-fit: cover;
	object-position: center; /* Center the image horizontally and vertically */
	transition: all 0.7s ease;
}

/* .course_container .event-image-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    pointer-events: none;
} */

.textDescription {
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #333;
	font-family: 'Outfit', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-top: 8px;
	line-height: 1.1;
}

.short_info {
    text-align: left;
    margin-bottom: 6px; /* Adjust to position the text within the gradient */
    color: #8e15f1; /* Ensure the text is readable */
	font-family: 'Outfit', sans-serif;
	font-weight: 500;
	font-size: 14px;
}

.short_info i{
	margin-right: 6px;
}

/* .short_info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 12px 10px 12px 10px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
} */

.btn_line_container{
	margin-top: 20px;
	padding: 0px 4px 0px 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn_line{
	background-color: #8e15f1;
	border-radius: 10px;
	cursor: pointer;
	padding: 8px 16px;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
}

.btn_line a{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.btn_line:hover{
	background-color: #55009b;
	color: #fff;
}

.type {
	text-align: center;
	position: absolute;
	top: -15px;
	left: 0;
	width: 100%;
}

.type span {
	display: inline-block;
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 3px 15px;
	text-transform: uppercase;
	font-weight: 500;
}

.price,
.users {
	font-weight: 400;
	font-size: 18px;
	font-family: 'Outfit', sans-serif;
}

.price {
	float: left;
}

.price sup {
	font-size: 11px;
	position: relative;
	top: -5px;
}

.users {
	float: right;
	color: #999;
}

.users:before {
	font-family: "fontello";
	font-style: normal;
	content: '\ecc2';
	font-size: 14px;
	top: -2px;
	position: relative;
	margin-right: 3px;
}

a#view_all {
	background: #fff;
	color: #8E15F1;
	display: table;
	width: 100%;
	height: 330px;
	font-weight: 500;
	font-size: 16px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

a#view_all:hover {
	background: #8E15F1;
	color: #fff;
}

a#view_all span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

a#view_all span i {
	font-size: 38px;
	display: block;
	margin-bottom: 5px;
}

.event-detail-container{
    padding: 0 50px;
}

.event-detail-flex{
	display: flex;
	gap: 60px;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 40px;
	margin-top: 30px;
}

.event-detail-image{
	flex: 0 0 340px;
	max-width: 340px;
	width: 100%;
}

.event-detail-info{
	flex: 1 1 300px;
	min-width: 260px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.event-title-bold{
	font-family: 'Outfit';
	font-size: 42px;
	font-weight: 600;
	line-height: 1.0;
	color: #000;
	margin-bottom: 10px;
}

.event-date{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin-top: 10px;
}

.event-time{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    margin-top: 5px;
	margin-bottom: 18px;
}

.event-date-label, .event-time-label{
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	margin-right: 12px;
}

.event-detail-info .event-description{
	font-family: 'Outfit';
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	margin-top: 20px;
	margin-bottom: 0;
	white-space: pre-line;
	text-align: justify;
}

.section-title-bold{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
	margin-bottom: 20px;
}

.ticket-container{
	width: 100%;
    padding: 10px 28px 28px 28px;
    position: relative;
	border: 1px solid #B0B0B0;
	border-radius: 16px;
	margin-bottom: 20px;
}

.ticket-container .ticket-title a{
	font-size: 24px;
	font-weight: 500;
	color: #8e15f1;
	margin-bottom: 20px;
}

.ticket-info-grid{
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: fit-content;
}

.ticket-info-card{
	text-align: center;
	padding: 12px 16px;
	background: #F6F5FF;
	border-radius: 10px;
	min-width: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 60px;
}

.ticket-info-value{
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-bottom: 8px;
	line-height: 1.2;
}

.ticket-info-label{
	font-size: 14px;
	font-weight: 400;
	color: #606060;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.ticket-remaining{
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 0;
}

.ticket-remaining span{
	font-weight: 400;
}

.ticket-remaining b{
	color: #FF8A18;
	font-weight: 500;
}

.ticket-description-row span a{
	color: #8e15f1;
}

.ticket-description{
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 1.6;
}

.ticket-quantity-row{
	display: inline-block;
	background-color: #F4F4F4;
	padding: 12px;
	border-radius: 10px;
}

.ticket-quantity-row label{
	margin: 0 10px;
}

.ticket-quantity-row span a{
	color: #8e15f1;
}

.ticket-select-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding-top: 16px;
}

.ticket-actions-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ticket-remaining-inline{
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 0;
}

.ticket-remaining-inline span{
	font-weight: 400;
}

.ticket-remaining-inline b{
	color: #FF8A18;
	font-weight: 500;
}

.promo_full {
	height: auto;
	background: url(../img/promo_bg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
}

.promo_full_wp {
	display: table;
	width: 100%;
	height: auto;
}

.promo_full_wp > div {
	display: table-cell;
	padding: 5% 0;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 16px;
	box-sizing: content-box;
}

#testimonials {
	background: #92278f url(../img/bg_subscribe.png) no-repeat left top;
	color: #fff;
}

#testimonials h3 {
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	margin-top: 0;
	padding-top: 0;
}

#compatib {
	background: url(../img/android_apple.svg) no-repeat 0 0;
	padding-left: 75px;
	height: 29px;
	box-sizing: content-box;
	padding-top: 7px;
	margin-bottom: 20px;
}

.box_overlay {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 25px 25px 25px 225px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	font-size: 14px;
	text-align: left;
}

.pic {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 190px;
	height: 80px;
}

.pic h4 {
	position: absolute;
	left: 95px;
	top: 18px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.pic h4 small {
	display: block;
	color: #fff;
	margin-top: 3px;
}

.pic figure {
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.pic figure img {
	width: 80px;
	height: auto;
	border: 5px solid rgba(0, 0, 0, 0.2);
}

.comment {
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	padding-left: 25px;
	font-family: 'Kalam', cursive;
	font-size: 22px;
}

/*-------- 2.2 Workout page --------*/
#nav_in {
	background-color: #ededed;
	padding: 12px 0;
}

#nav_in ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_in ul li {
	display: inline;
	margin-right: 5px;
}

ul#course_info {
	background-color: #4088DA;
	margin: 0;
	padding: 10px;
	list-style: none;
	color: #fff;
}

ul#course_info li {
	display: inline-block;
	margin-right: 30px;
}

ul#course_info li:last-child {
	float: right;
	margin-right: 0;
}

.workoutlist {
	margin-bottom: 10px;
	padding-bottom: 20px;
}

.workoutlist h4 {
	margin-top: 20px;
}

.workoutlist h4 a {
	color: #92278f;
}

.workoutlist h4 a:hover {
	color: #333;
}

.workoutlist.last {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 20px;
}

.workoutlist figure {
	position: relative;
	background-color: #000;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.workoutlist figure i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	z-index: 5;
	color: #fff;
	font-size: 32px;
	line-height: 1;
}

.workoutlist figure a img {
	opacity: 0.8;
}

.workoutlist figure a img:hover {
	opacity: 0.6;
}

.workoutlist figure span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	padding: 3px 8px 0 8px;
	font-weight: 500;
	font-size: 12px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
}

.workoutlist figure em {
	position: absolute;
	bottom: 0;
	right: 5px;
	font-style: normal;
}

.workoutlist figure em:before {
	font-family: "fontello";
	content: "\ebcf";
	color: #6F9;
}

#price_in {
	font-weight: 300;
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 20px;
	background-color: #92278f;
	color: #fff;
	padding: 10px 20px 3px 20px;
	line-height: 1;
}

#price_in sup {
	font-size: 16px;
}

#price_in .orginal_price {
	font-size: 18px;
	text-decoration: line-through;
}

#features {
	margin-top: 75px;
}

#features.version-2 {
	margin-top: 0;
}

#features h4{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-bottom: 0;
}

#features a {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px dotted #999999;
}

#features ul {
	list-style: none;
	margin: 20px 0 20px 5px;
	padding: 0;
}

#features ul li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 30px;
}

#features ul li i {
	margin-right: 5px;
	font-size: 18px;
	position: absolute;
	top: 1px;
	left: 0;
}

.box_style_2 small{
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 1.5;
}

#trainer_col {
	padding: 10px 20px 20px 20px;
}

#trainer_col h4 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
	color: #999;
	margin-top: 0;
	padding-top: 0;
}

#trainer_col h5.media-heading {
	font-weight: 500;
	font-size: 17px;
}

iframe {
	border: 0;
}

/*Calculator*/
form#calculator .form-control {
	color: #fff;
	font-weight: 500;
}

form#calculator label {
	color: #fff;
	font-weight: 500;
}

form#calculator .form-control::-moz-placeholder {
	color: #fff;
	font-weight: 500;
	opacity: 1;
}

form#calculator .form-control:-ms-input-placeholder {
	color: #fff;
	font-weight: 500;
}

form#calculator .form-control::-webkit-input-placeholder {
	color: #fff;
	font-weight: 500;
}

#btn-close-modal {
	text-align: right;
	font-size: 38px;
	padding: 10px 15px;
	cursor: pointer;
	color: #fff;
	opacity: 0.5;
}

#btn-close-modal:hover {
	opacity: 1;
}

.modal-content-2 h4 {
	text-align: center;
	color: #fff;
	font-size: 32px;
	margin: 0 0 45px 0;
}

.result h3 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

input[type="radio"] {
	display: none;
}

input[type="radio"] + label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../img/check_radio_sheet.png) -38px top no-repeat;
	cursor: pointer;
}

input[type="radio"]:checked + label span {
	background: url(../img/check_radio_sheet.png) -57px top no-repeat;
}

.result {
	background-color: #8dc63f;
	color: #fff;
	text-align: center;
	font-size: 60px;
	font-weight: 600;
	padding: 10px 20px 15px 20px;
	margin-bottom: 30px;
	font-family: "Helvetica Neue", Arial;
}

.box_style_3 {
	border: 1px solid #ededed;
	padding: 20px;
	text-align: center;
	min-height: 250px;
	position: relative;
	margin-bottom: 15px;
	background-color: #f9f4f9;
}

.box_style_3 h4 {
	position: absolute;
	bottom: 15px;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.box_style_3 #count_calories {
	font-size: 38px;
	margin-top: 70px;
	line-height: 1;
}

.calculate_link {
	font-size: 14px;
	margin-top: 5px;
	font-weight: 500;
}

/*-------- 2.3 About us --------*/
.team-item-img{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%; /* 1:1 square */
	overflow: hidden;
	border-radius: 16px;
}
.team-item-img a,
.team-item-img img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.team-item-img img{
	object-fit: cover;
	object-position: center;
	border-radius: 16px;
}

.team-item-img .team-item-detail {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}

.team-item:hover .team-item-detail {
	opacity: 1;
	visibility: visible;
}

.team-item-img .team-item-detail .team-item-detail-inner {
	margin: auto;
	padding: 25px;
}

.team-item-detail-inner h4 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}

.team-item-detail-inner .social {
	margin: 0 0px 25px 0px;
	padding: 0px;
}

.team-item-detail-inner .social li {
	list-style: none;
	display: inline-block;
	margin: 0px 5px;
}

.team-item-detail-inner .social li a {
	color: #fff;
}

.team-item-detail-inner .social li a:hover {
	color: #8E15F1;
}

.team-item-info {
	padding-top: 15px;
	text-align: center;
}

.team-item-info h4 {
	margin-bottom: 0px;
	text-transform: uppercase;
}

/*-------- 2.4 Explore page  --------*/
#filters_col {
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	border: 1px solid #ededed;
	margin-bottom: 25px;
}

#filters_col label {
	color: #555;
	font-weight: normal;
	font-size: 12px;
}

a#filters_col_bt {
	display: block;
	color: #333;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}

a#filters_col_bt:before {
	font-family: "ElegantIcons";
	content: "\66";
	font-size: 26px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1;
}

.filter_type h6 {
	border-top: 1px solid #ddd;
	margin: 15px 0;
	font-weight: 500;
	padding: 15px 0 0 0;
	font-size: 13px;
	text-transform: uppercase;
	color: #999;
}

.filter_type ul {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}

.filter_type ul li {
	margin-bottom: 10px;
}

.filter_type ul li:last-child {
	margin-bottom: 0;
}

.irs-from,
.irs-to,
.irs-single {
	font-size: 11px !important;
	background: #92278f !important;
	font-weight: 500;
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
	border-top-color: #92278f !important;
}


/*-------- 2.5 Cart section --------*/
#subheader_cart {
	background-color: #8E15F1;
	height: 320px;
	width: 100%;
	display: table;
	color: #fff;
}

#subheader_cart #content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.bs-wizard {
	width: 90%;
	margin: 50px auto 0;
}

.bs-wizard > .bs-wizard-step {
	padding: 0;
	position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
	font-size: 14px;
	font-weight: 500;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
	position: absolute;
	width: 50px;
	height: 50px;
	display: block;
	top: 36px;
	left: 50%;
	margin-top: -5px;
	margin-left: -25px;
	border-radius: 50%;
	border: 2px solid #fff;
	background-color: #8E15F1;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
	content: '\4e';
	font-family: 'ElegantIcons';
	border-radius: 50px;
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 26px;
	color: #fff;
}

.bs-wizard > .bs-wizard-step > .progress {
	position: relative;
	border-radius: 0px;
	height: 2px;
	box-shadow: none;
	margin: 34px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
	width: 0px;
	box-shadow: none;
	background: #fff;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
	width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
	width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
	width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
	width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
	background-color: #8E15F1;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
	opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
	left: 50%;
	width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
	width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
	pointer-events: none;
}

.table.cart-list th,
.table.options_cart th {
	background-color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}

.table.cart-list td {
	vertical-align: middle;
}

.table.options_cart td {
	vertical-align: middle;
}

.table.cart-list td strong {
	font-weight: 500;
}

.options i {
	font-size: 22px;
}

.thumb_cart {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	float: left;
}

.thumb_cart img {
	width: 80px;
	height: auto;
}

.item_cart {
	display: inline-block;
	margin-top: 32px;
	font-weight: 500;
}

#total_cart {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.form_title {
	position: relative;
	padding-left: 55px;
	margin-bottom: 10px;
}

.form_title h3 strong {
	background-color: #8E15F1;
	text-align: center;
	width: 40px;
	height: 40px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

.form_title h3 {
	margin: 0;
	padding: 0;
}

.form_title p {
	color: #999;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

.cards {
	margin-top: 28px;
}

#confirm {
	text-align: center;
	margin-bottom: 25px;
}

#confirm i {
	font-size: 140px;
	color: #85c99d;
	display: inline-block;
}

.table td.total_confirm {
	font-weight: 500;
	font-size: 18px;
	background-color: #92278f;
	color: #fff;
}

.box_style_5 {
	border: 1px solid #ededed;
	background-color: #fff;
}

/*-------- 2.6 Faq page --------*/
ul#cat_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#cat_nav li {
	border-bottom: 1px solid #ededed;
}

ul#cat_nav li a {
	position: relative;
	color: #555;
}

ul#cat_nav li a span {
	font-size: 11px;
	color: #999;
}

ul#cat_nav li a:after {
	font-family: "fontello";
	content: "\e89b";
	position: absolute;
	right: 15px;
	top: 15px;
}

ul#cat_nav li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

ul#cat_nav li a {
	display: block;
	padding: 15px 10px;
}

ul#cat_nav li a:hover,
ul#cat_nav li a.active {
	background: #8E15F1;
	color: #fff;
}

.panel {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ededed;
}

.panel-title a {
	display: block;
	color: #444;
}

.panel-default > .panel-heading {
	background-color: #fff;
	padding: 20px;
	border-bottom: 1px solid #ddd;
}

.panel-heading {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-body {
	padding: 30px;
	line-height: 1.6 !important;
}

.panel-title a .indicator {
	color: #8E15F1;
}

.panel-title a:hover .indicator {
	color: #333;
}

/*-------- 2.7 Gallery page --------*/
.img_wrapper {
	background-color: #000;
	margin: 0;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.img_container a:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}

.img_container img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0.8;
}

.img_container {
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 0;
}

/*-------- 2.8 Contact page --------*/
ul.contacts_info {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
}

ul.contacts_info li {
	margin-bottom: 15px;
}

ul.contacts_info li:last-child {
	margin-bottom: 0;
}

#map_contact {
	width: 100%;
	height: 500px;
}

.contact-form-container {
	margin-bottom: 100px;
}

.contact-form-container h3 {
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 10px;
}

.contact-form-container p{
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 40px;
	color: #525252;
}

.contact-info-fullwidth {
	width: 100%;
	background: #F0845D;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	padding: 40px 0;
	color: #fff;
}
  
.contact-info-col {
	text-align: center;
	padding: 0 24px;
	font-size: 18px;
}

.contact-info-col i {
	font-size: 48px;
	margin-bottom: 16px;
	display: block;
}

.contact-info-col h4 {
	font-size: 24px;
	font-weight: 500;
	margin: 12px 0 20px 0;
	color: #fff;
}

.contact-info-col p {
	font-size: 16px;
	color: #fff;
	margin: 0;
}

	.contact-info-col:nth-child(2) {
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}

/* NEW CONTACT PAGE TWO-COLUMN LAYOUT */
.contact-main-container {
	display: flex;
	gap: 60px;
	align-items: flex-start;
	padding: 80px 0;
	max-width: 1200px;
	margin: 0 auto;
}

.contact-info-sidebar {
	flex: 0 0 350px;
	background: #F6F5FF;
	padding: 20px 30px 30px 30px;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.contact-info-sidebar h3 {
	font-size: 28px;
	font-weight: 600;
	color: #8E15F1;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: left;
}

.contact-info-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 30px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(142, 21, 241, 0.1);
}

.contact-info-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.contact-info-item i {
	font-size: 18px;
	color: #8E15F1;
	background: rgba(142, 21, 241, 0.1);
	padding: 12px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.contact-info-content h4 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 0 0 8px 0;
}

.contact-info-content p {
	font-size: 16px;
	font-weight: 400;
	color: #606060;
	line-height: 1.5;
	margin: 0;
}

.contact-info-content p span {
	font-size: 14px;
	color: #999;
	font-style: italic;
}

.contact-form-main {
	flex: 1;
	background: #fff;
	border: 1px solid #dddddd;
	padding: 20px 40px 40px 40px;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.contact-form-main h3 {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}

.contact-form-main > p {
	font-size: 18px;
	font-weight: 400;
	color: #606060;
	margin-bottom: 30px;
}

.contact-form-main .form-group {
	margin-bottom: 25px;
}

.contact-form-main label {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	margin-bottom: 8px;
	display: block;
}

.contact-form-main .form-control.form-grey {
	border-radius: 8px;
	border: 2px solid #E5E7EB;
	padding: 20px 14px !important;
	font-size: 16px;
	transition: border-color 0.3s ease;
	background: #FAFAFA;
}

.contact-form-main .form-control.form-grey:focus {
	border-color: #8E15F1;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(142, 21, 241, 0.1);
}

.contact-form-main .form-submit {
	margin-top: 30px;
}

.contact-form-main .btn_submit_contact {
	background: #8E15F1;
	color: #fff;
	border: none;
	padding: 14px 20px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
}

.contact-form-main .btn_submit_contact:hover {
	background: #7d0bd4;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(142, 21, 241, 0.3);
}

/* RESPONSIVE CONTACT PAGE LAYOUT */
@media (max-width: 1024px) {
	.contact-main-container {
		gap: 40px;
		padding: 60px 20px;
	}
	
	.contact-info-sidebar {
		flex: 0 0 280px;
		padding: 30px 25px;
	}
	
	.contact-form-main {
		padding: 30px;
	}
}

@media (max-width: 768px) {
	.contact-main-container {
		flex-direction: column-reverse;
		gap: 30px;
		padding: 40px 20px;
	}
	
	.contact-info-sidebar {
		flex: none;
		width: 100%;
		order: 2;
	}
	
	.contact-form-main {
		flex: none;
		width: 100%;
		order: 1;
		padding: 25px;
	}
	
	.contact-form-main h3 {
		font-size: 28px;
	}
	
	.contact-info-sidebar h3 {
		font-size: 24px;
	}
	
	.contact-info-item {
		margin-bottom: 25px;
		padding-bottom: 20px;
	}
	
	.contact-info-item i {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}
	
	.contact-info-content h4 {
		font-size: 16px;
	}
	
	.contact-info-content p {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.contact-main-container {
		padding: 30px 15px;
		gap: 25px;
	}
	
	.contact-info-sidebar {
		padding: 25px 20px;
	}
	
	.contact-form-main {
		padding: 20px;
	}
	
	.contact-form-main h3 {
		font-size: 24px;
	}
	
	.contact-form-main > p {
		font-size: 16px;
	}
	
	.contact-info-item {
		gap: 15px;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	
	.contact-info-item i {
		width: 36px;
		height: 36px;
		font-size: 16px;
	}
	
	.contact-form-main .form-control.form-grey {
		padding: 14px 16px;
		font-size: 15px;
	}
	
	.contact-form-main .btn_submit_contact {
		padding: 14px 30px;
		font-size: 15px;
	}
}

/*-------- 2.9 Login/Register modals-------*/
.form-control.form-white {
	color: #fff;
	font-size: 16px;
	height: 48px;
	position: relative;
	border-radius: 0;
	border-bottom: 2px solid white;
	padding: 15px 20px 15px 10px;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	box-shadow: 0;
}

.form-control.form-white::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #fff;
}

.form-control.form-white:-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

.form-control.form-white::-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 19+ */
	color: #fff;
}

.form-control.form-white:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
}

.form-control.form-white:focus {
	background: rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.login_icon {
	color: #fff;
	font-size: 80px;
	opacity: 0.5;
}

.modal-backdrop {
	z-index: 999999;
}

.modal {
	padding: 0 25px !important;
	z-index: 9999999;
}

.modal-dialog {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.modal-popup {
	position: relative;
	padding: 45px 30px;
	text-align: center;
	background: #4088DA;
	border-radius: 0px;
	border: none;
}

.modal-popup a.close-link {
	font-size: 22px;
	position: absolute;
	top: 20px;
	right: 30px;
	color: #fff;
}

.popup-form {
	width: 90%;
	max-width: 375px;
	margin: 30px auto;
}

.popup-form .form-control {
	margin: 20px 0;
}

s.checkbox-holder {
	white-space: nowrap;
}

.checkbox {
	position: relative;
	display: block;
}

.checkbox {
	position: relative;
}

.checkbox label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 2px solid white;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.checkbox input[type=checkbox]:focus + label:before {
	background: rgba(255, 255, 255, 0.2);
}

.checkbox label:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	opacity: 0;
	background: white;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}

.checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.checkbox-holder span {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	white-space: normal;
	color: #fff;
}

.btn.btn-submit {
	width: 100%;
	margin-top: 30px;
	color: #8E15F1;
	padding: 10px;
	background: #fff;
	outline: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: 16px;
}

.btn.btn-submit:focus {
	outline: none;
}

.btn.btn-submit:hover {
	color: #fff;
	background: #333;
}

/*-------- 3.0 Trainer profile page --------*/
.profile ul {
	text-transform: none;
	font-size: 14px;
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}
.profile ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}

.profile ul li:last-child {
	border-bottom: none;
}

ul.social_teacher {
	list-style: none;
	padding: 0;
	margin: 5px 0 15px 0;
	font-size: 16px;
	text-align: center;
}

ul.social_teacher li {
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 45px;
	text-align: center;
}

.indent_title_in {
	position: relative;
	padding-left: 65px;
	margin-bottom: 20px;
}

.indent_title_in i {
	font-size: 40px;
	position: absolute;
	left: 0;
	color: #92278f;
	top: 0;
}

.indent_title_in h3 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 26px;
}

.indent_title_in p {
	color: #777;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 14px;
}

.wrapper_indent {
	padding-left: 65px;
}

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

ul.list_3 li {
	margin-bottom: 0;
	position: relative;
	padding-left: 20px;
}

ul.list_3 li:before {
	font-family: "fontello";
	content: "\ea3e";
	position: absolute;
	left: 0;
	top: 0;
}

#trainer_courses thead tr th {
	font-weight: 500 !important;
}

/*============================================================================================*/
/* 3.  COMMON */
/*============================================================================================*/

/*-------- 3.1 Preloader --------*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #fff;
	z-index: 999999;
}

[data-loader="circle-side"] {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	-webkit-animation: circle infinite .95s linear;
	-moz-animation: circle infinite .95s linear;
	-o-animation: circle infinite .95s linear;
	animation: circle infinite .95s linear;
	border: 2px solid #92278f;
	border-top-color: rgba(0, 0, 0, .2);
	border-right-color: rgba(0, 0, 0, .2);
	border-bottom-color: rgba(0, 0, 0, .2);
	border-radius: 100%;
}

@-webkit-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*-------- 3.2 Spacing --------*/
.add_bottom_15 {
	margin-bottom: 15px;
}

.add_bottom_30 {
	margin-bottom: 30px;
}

.add_bottom_45 {
	margin-bottom: 45px;
}

.add_bottom_60 {
	margin-bottom: 60px;
}

.add_bottom_75 {
	margin-bottom: 75px;
}

.add_top_20 {
	padding-top: 20px;
}

.add_top_60 {
	padding-top: 60px;
}

.margin_60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.margin_60_35 {
	padding-top: 0px;
	padding-bottom: 35px;
}

.margin_100_35 {
	padding-top: 100px;
	padding-bottom: 35px;
}

.margin_30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.nomargin_top {
	margin-top: 0;
}

.nopadding {
	margin: 0 !important;
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.padding_wide {
	padding-top: 60px;
	padding-left: 150px;
	padding-right: 150px;
}

/*-------- 3.3 Containers --------*/
.container_styled_1 {
	background: #f9f9f9;
}

.box_style_1 {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
	background-color: #fff;
}

.box_style_2 {
	background-color: #F6F5FF;
	padding: 20px;
	border-radius: 16px;
	position: relative;
	margin-bottom: 25px;
}

.box_style_2 hr {
	margin: 10px -25px 20px -25px;
	border: 0;
	border-top: 2px solid #fff;
}

.box_style_4 {
	padding: 20px;
	position: relative;
	text-align: center;
	border: 1px solid #ddd;
}

.box_style_4:after,
.box_style_4:before {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
}

.box_style_4:before {
	border-bottom: 10px solid #ccc;
	margin-bottom: 0;
}

.box_style_4:after {
	border-bottom: 10px solid #fff;
	margin-bottom: -1px;
	z-index: 1;
}

.box_style_4 i {
	font-size: 52px;
	margin-top: 10px;
	display: inline-block;
}

.box_style_4 a.phone {
	font-size: 26px;
	display: block;
	margin-bottom: 20px;
}

.box_style_6 {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
	background-color: #fff;
	padding: 30px 30px 15px 30px;
}

/*-------- 3.4 Ribbons --------*/
.ribbon {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 19px;
	left: -21px;
}

.ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #79A70A;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
}

.ribbon span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #79A70A;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79A70A;
}

.ribbon.top span {
	background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

.ribbon.top span::before {
	border-left: 3px solid #1e5799;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

.ribbon.top span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #1e5799;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #1e5799;
}

/*-------- 3.5 Tabs --------*/
.tab-content {
	padding: 30px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
	margin-bottom: 25px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*-------- 3.6 Parallax bg --------*/
.parallax_window_in {
	height: 420px;
	position: relative;
	display: table;
	width: 100%;
}

#sub_content_in {
	display: table-cell;
	padding: 45px 15% 0 15%;
	vertical-align: middle;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
}

#sub_content_in h1 {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 42px;
	margin-bottom: 0;
}

#sub_content_in p {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
}

/*-------- 3.7 Input form style --------*/
.loader {
	margin-left: 5px;
	position: absolute;
}

form#subscribe-plan .loader {
	float: left;
	margin-top: -38px;
	margin-left: 10px;
	color: #fff;
}

form#subscribe-plan .error_message {
	padding: 10px 0;
	margin-bottom: 0;
}

.error_message {
	color: #F33;
	font-weight: 600;
	margin-bottom: 4px;
}

label {
	font-weight: 600;
}

.form-control {
	border-radius: 0;
	background: none;
	border: none;
	border-bottom: 2px solid #ededed;
	padding-left: 0;
	box-shadow: none;
}

.form-control:focus {
	border-color: #4088DA;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control::-moz-placeholder {
	color: #b6b6b6;
	font-weight: 500;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #b6b6b6;
	font-weight: 500;
}

.form-control::-webkit-input-placeholder {
	color: #b6b6b6;
	font-weight: 500;
}

.form-control.form-grey {
	border-radius: 2px;
	background: #ececec;
	border: none;
	padding: 28px 22px;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	box-shadow: none;
}

.form-control.form-grey:focus {
	border: 1px solid #7F7F7F;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control.form-grey::-moz-placeholder {
	color: #7F7F7F;
	font-weight: 400;
	opacity: 1;
}

.form-control.form-grey:-ms-input-placeholder {
	color: #7F7F7F;
	font-weight: 400;
}

.form-control.form-grey::-webkit-input-placeholder {
	color: #7F7F7F;
	font-weight: 400;
}

.form-group {
	margin-bottom: 25px;
}

/* Drop down select */
.styled-select select {
	background: none;
	width: 115%;
	padding: 0 5px 0 0;
	border: 0;
	border-radius: 0;
	line-height: 1;
	height: 34px;
	margin: 0;
	font-weight: 300;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	box-shadow: none;
}

.styled-select {
	width: 100%;
	overflow: hidden;
	line-height: 1;
	height: 34px;
	background: url(../img/arrow_down.svg) no-repeat right center;
	border: none;
	border-bottom: 2px solid #ededed;
	margin-bottom: 15px;
}

.styled-select select::-ms-expand {
	display: none;
}

.styled-select select:focus {
	outline: none;
}

.step {
	border-left: 1px solid #ddd;
	padding: 20px 0 20px 31px;
	margin: 0 0 10px 20px;
}

/*-------- 3.8 Scroll top button --------*/
#toTop {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 10px;
	line-height: 20px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	color: #fff;
	font-size: 20px;
	z-index: 10;
}

#toTop:before {
	font-style: normal;
	font-weight: normal;
	font-family: "fontello";
	content: "\e899";
}

/*-------- 3.9 Plans price style --------*/
.plans {
	margin: 0px auto 50px;
	zoom: 1;
}

.plans:before,
.plans:after {
	content: '';
	display: table;
}

.plans:after {
	clear: both;
}

.plan {
	margin: 10px 0;
	padding: 20px;
	text-align: center;
	background: #fafafa;
	background-clip: padding-box;
	border: solid #dddddd;
	border-width: 1px 0 1px 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.col-md-4.plan:first-child {
	margin-right: -30px;
	margin-left: 30px;
}

.plan:last-child {
	border-width: 1px;
}

.plan-title {
	position: relative;
	margin: -20px -10px 20px;
	padding: 20px;
	line-height: 1;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.plan-title:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 1px;
}

.plan-price {
	margin: 0 auto 20px;
	width: 110px;
	height: 110px;
	line-height: 110px;
	font-size: 30px;
	font-weight: 500;
	color: white;
	background: #4b4b4b;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	display: inline-block;
	text-align: center;
}

.plan-price > span {
	font-size: 12px;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.9);
}

.plan-features {
	margin-bottom: 20px;
	line-height: 2;
	font-size: 12px;
	text-align: center;
}

ul.plan-features {
	padding: 0;
	margin: 0 0 30px 0;
}

.plan-features li {
	list-style: none;
}

.plan-tall {
	margin: 0;
	background: #fff;
	border-width: 1px;
	border-radius: 4px;
	margin-right: -30px;
	position: relative;
	z-index: 100;
	border: solid #92278f;
	position: relative;
}

.ribbon-2 {
	width: 99px;
	height: 97px;
	position: absolute;
	left: -7px;
	top: -7px;
	display: block;
	background: url(../img/ribbon.png) no-repeat 0 0;
	z-index: 101;
}

.plan-tall > .plan-title {
	font-size: 18px;
}

.plan-tall > .plan-price {
	margin: 0 auto 20px;
	height: 130px;
	width: 130px;
	line-height: 130px;
	font-size: 30px;
	font-weight: 500;
	color: white;
	background: #92278f;
	border-radius: 130px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	display: inline-block;
	text-align: center;
}

.plan-tall > .plan-features {
	font-size: 14px;
}

.plan-tall > .plan-button {
	padding: 0 16px;
	line-height: 32px;
}

.plan-tall + .plan {
	border-left: 0;
}

.question_box h3 {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.question_box {
	padding-left: 40px;
	position: relative;
	margin-bottom: 30px;
}

.question_box:before {
	content: "\74";
	font-family: 'ElegantIcons';
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 30px;
	position: absolute;
	color: #ccc;
	top: -5px;
	left: 0;
}

/*-------- 3.10 Search modal --------*/
.search-overlay-menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
	text-align: center;
}

.search-overlay-menu.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

.search-overlay-menu form {
	height: 70px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -35px auto 0;
	width: 60%;
	left: 20%;
	transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.search-overlay-menu.open form {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.search-overlay-menu input[type="search"] {
	height: 100%;
	width: 100%;
	color: #fff;
	background: transparent;
	border-top: 0px solid transparent;
	border-bottom: 2px solid #909090 !important;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-size: 42px;
	font-weight: 300;
	outline: none;
	padding: 10px 0 10px 0;
}

.search-overlay-menu form button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	font-size: 3rem;
	position: absolute;
	right: 0;
	top: 15px;
	color: #c6c6c6;
	outline: none;
}

.search-overlay-menu .search-overlay-close {
	position: absolute;
	top: 5px;
	right: 20px;
	opacity: 1;
	font-size: 40px;
	color: #fff;
}

.search-overlay-menu .search-overlay-close:hover {
	color: #8E15F1;
	cursor: pointer;
}

/*-------- 3.11 Input Switcher --------*/
.switchery {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	position: relative;
	vertical-align: middle;
	width: 50px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: content-box;
	background-clip: content-box;
	float: right;
}

.switchery > small {
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	height: 30px;
	position: absolute;
	top: 0;
	width: 30px;
}

/* Switchery sizes. */
.switchery-small {
	border-radius: 20px;
	height: 20px;
	width: 33px;
}

.switchery-small > small {
	height: 20px;
	width: 20px;
}

.switchery-large {
	border-radius: 40px;
	height: 40px;
	width: 66px;
}

.switchery-large > small {
	height: 40px;
	width: 40px;
}

/*-------- 3.12 Pagination --------*/
.pagination > li > a,
.pagination > li > span {
	color: #8E15F1;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #333;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #999;
	border-color: #999;
}

/*-------- 3.13 Carousel --------*/
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	display: none;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.owl-theme .owl-nav {
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -50px;
}

.owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: 2%;
	width: 50px;
	height: 50px;
}

.owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 2%;
	width: 50px;
	height: 50px;
}

.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 36px;
	margin: 5px;
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-style: normal;
	font-weight: normal;
	font-family: "fontello";
	text-align: center;
	line-height: 48px;
}

.owl-theme .owl-nav .owl-prev:before {
	content: "\e89a";
	left: -2px;
	position: relative;
}

.owl-theme .owl-nav .owl-next:before {
	content: "\e89b";
	right: -2px;
	position: relative;
}

.owl-theme .owl-nav [class*='owl-']:hover {
	background: rgba(0, 0, 0, 0.8);
}

.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	margin-top: 20px;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	/* *display: inline; */
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #8e15f1;
}

.owl-item {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

/* Media Queries */
@media (max-width: 1206px) {
	.event-grid {
		gap: 15px; /* Reduce gap to prevent overflow */
	}
	
	.course_container {
		padding: 10px; /* Reduce padding to save space */
	}
}

@media (max-width: 1200px) {
	.event-grid {
		gap: 20px; /* Further reduce gap for tighter screens */
	}
	
	.course_container {
		padding: 8px; /* Further reduce padding */
	}
	
	.event-detail-container{
		padding-right: 15px;
		padding-left: 15px;
	}

	.event-title-bold{
		font-size: 38px;
	}

	.ticket-info-grid{
		width: 80%;
	}
}

@media (max-width: 1024px) {
	.event-detail-flex {
		gap: 40px;
	}
	.event-detail-image{
		max-width: 300px;
		flex: 0 0 300px;
	}
	.event-title-bold{
		font-size: 32px;
	}
	.event-date, .event-time, .event-date-label, .event-time-label{
		font-size: 16px;
	}
	.event-detail-info .event-description{
		font-size: 16px;
	}
}

@media (max-width: 992px) {
    .main-menu > ul > li > a, .main-menu ul > li > a {
        font-size: 18px;
        padding: 0 10px;
    }

    ul#access_top li a {
        font-size: 16px;
        padding: 6px 10px;
    }

	.course_container .event-image-container{
		height: 200px;
	}


	.course_container .course_title{
		padding: 10px 4px 0px 4px;
	}

	.course_container .course_title h3{
		font-size: 16px;
	}

	.textDescription{
		margin-top: 10px;
	}

	.ticket-remaining-card b{
		font-size: 16px;
	}

	.ticket-remaining-card{
		font-size: 12px;
	}

	.btn_line{
		padding: 4px 6px;
		border-radius: 8px;
	}

	.btn_line a{
		font-size: 12px;
	}

	.padding_wide {
		padding-left: 30px;
		padding-right: 30px;
	}

	.ticket-info-grid{
		width: 70%;
	}

	.ticket-info-card{
		padding: 20px 16px;
	}
}

@media (max-width: 900px) {
	.event-detail-container{
		padding-right: 30px;
		padding-left: 30px;
	}
	.event-detail-flex {
	  gap: 30px;
	  margin-top: 20px;
	  margin-bottom: 30px;
	}
	.event-detail-image {
	  max-width: 280px;
	  flex: 0 0 280px;
	}
	.event-title-bold{
		font-size: 28px;
	}
	.contact-info-fullwidth {
		grid-template-columns: 1fr;
		padding: 32px 0;
		gap: 20px;
	}
	.contact-info-col {
		border: none !important;
		margin-bottom: 24px;
	}
  }

@media (max-width: 768px) {
	/* Switch to 2 columns at 768px */
	.event-grid {
        grid-template-columns: repeat(2, 1fr); 
		gap: 20px;
    }

	.course_container .course_title h3{
		font-size: 18px;
	}

	.ticket-remaining-card b{
		font-size: 20px;
	}

	.ticket-remaining-card{
		font-size: 14px;
	}

	.btn_line{
		padding: 8px 10px;
		border-radius: 8px;
	}

	.btn_line a{
		font-size: 14px;
	}
}

@media (max-width: 767px) {
    #logo img, #header_menu img {
        height: 30px !important;
		margin-top: 20px;
    }
    .main-menu > ul > li > a, .main-menu ul > li > a{
        font-size: 16px;
        padding: 0 6px;
    }

	.main-menu ul ul li a {
		font-size: 16px;
	}

    ul#access_top {
        margin: 10px 0 0 0;
    }
    ul#access_top li a {
        font-size: 14px;
        padding: 4px 6px;
    }
	.contact-form-container {
		margin-bottom: 60px;
	}
	.contact-form-container .form-group {
		margin-bottom: 14px;
	}
	.contact-form-container h3 {
		font-size: 24px;
	}
	.contact-form-container p {
		font-size: 16px;
	}
	.form-control.form-grey {
		padding: 20px;
		font-size: 14px;
	}
	.btn_submit_contact {
		padding: 12px 15px;
	}
	.contact-info-fullwidth {
		padding: 50px 0;
	}
	.contact-info-col i {
		font-size: 40px;
	}

	.event-detail-image{
		max-width: 280px;
		flex: 0 0 280px;
	}

	.event-title-bold{
		font-size: 24px;
	}
}

@media (max-width: 688px) {
	.event-detail-flex {
		flex-direction: column;
		gap: 10px;
		align-items: stretch;
		margin-top: 20px;
		margin-bottom: 30px;
		border-bottom: 1px solid #ededed;
		padding-bottom: 30px;
	}
	.event-detail-image {
		max-width: 100%;
		flex: none;
		margin-bottom: 0;
	}
	.event-detail-info {
		min-width: 0;
		flex: none;
	}
	.event-title-bold{
		font-size: 32px;
	}
	.event-date{
		font-size: 18px;
	}
	.event-detail-info .event-description{
		font-size: 20px;
		margin-top: 10px;
	}
	.ticket-container .ticket-title a{
		font-size: 20px;
	}
	.ticket-price{
		font-size: 20px;
	}
	.ticket-price span{
		font-size: 12px;
	}
	.ticket-age, .ticket-max-per-account, .ticket-remaining{
		font-size: 16px;
	}
	.ticket-description{
		font-size: 14px;
	}
	#features h4{
		font-size: 18px;
	}
	#features a{
		font-size: 14px;
	}
	.box_style_2 small{
		font-size: 14px;
	}
	.workoutlist{
		padding-bottom: 40px;
		border-bottom: 1px solid #ededed;
	}

	.ticket-info-grid{
		width: 80%;
	}
}

@media (max-width: 600px) {
	.event-title-bold {
	  font-size: 26px;
	}
	.event-date {
	  font-size: 16px;
	  margin-top: 8px;
	}
	.event-detail-info .event-description{
		font-size: 16px;
	}
	.event-detail-flex {
	  gap: 18px;
	  margin-top: 10px;
	  margin-bottom: 18px;
	}
	.event-detail-image {
	  max-width: 100%;
	}	
	.ticket-info-grid{
		width: 100%;
	}
	.course_container .course_title h3{
		line-height: 1.2;
		font-size: 16px;
	}
	.btn_line{
		padding: 8px 14px;
		border-radius: 10px;
	}
	.btn_line a{
		font-size: 12px;
	}
}

@media (max-width: 526px) {
	.ticket-select-row{
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.ticket-remaining-inline{
		margin-top: 10px;
		font-size: 16px;
	}
}

@media (max-width: 500px) {
	.event-grid {
		grid-template-columns: 1fr;
		padding: 0 30px;
	}
	.ticket-info-label{
		font-size: 12px;
	}
}

@media (max-width: 455px) {
	.btn_line_container{
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-top: 10px;
	}

	.event-grid {
		padding: 0 20px;
	}

	.ticket-info-value{
		font-size: 14px;
	}
}

@media (max-width: 390px) {
	.ticket-container{
		padding: 8px 16px 16px 16px;
	}
	.ticket-info-grid{
		align-items: center;
		width: 100%;
		gap: 6px;
	}

	.ticket-info-card{
		height: 100%;
	}
}

@media (max-width: 330px) {
	.ticket-info-grid{
		grid-template-columns: 1fr;
		gap: 6px;
	}
}

/* HEADER NAV CUSTOMIZATION */
header {
    background-color: #fff;
    border-bottom: none !important;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

header.nav-down {
    background-color: #8E15F1 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-bottom: none !important;
}

header.nav-up {
    transform: translateY(-100%);
}

/* header logo size customization*/
#logo img, #header_menu img {
    height: 50px !important;
    width: auto;
    margin-top: 4px !important;
	padding: 6px;
}

.main-menu {
	width: 100%;
	display: flex;
}

.main-menu > ul, .main-menu ul {
    background: transparent !important;
    box-shadow: none;
}
.main-menu > ul > li > a,
.main-menu ul > li > a {
    color: #000 !important;
    font-family: 'Outfit';
    font-weight: 600;
    font-size: 18px;
    padding: 0 18px;
    background: none !important;
    border: none;
    text-transform: none;
    letter-spacing: 0.5px;
    transition: color 0.2s;
}

/* Active state for Active link */
.main-menu > ul > li.active > a,
.main-menu > ul > li > a[href="/"].active {
    color: #8E15F1 !important;
    position: relative;
}

.main-menu > ul > li > a:hover,
.main-menu > ul > li.active > a,
.main-menu ul > li > a:hover {
    color: #8E15F1 !important;
    position: relative;
}

/* Short underline for active/hover states */
.main-menu > ul > li.active > a::after,
.main-menu > ul > li > a[href="/"].active::after,
.main-menu > ul > li > a:hover::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    height: 2px;
    background-color: #8E15F1;
    border-radius: 10px;
}

.main-menu ul ul {
    background: #222 !important;
    border-radius: 8px;
    min-width: 180px;
    margin-top: 8px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.18);
}
.main-menu ul ul li a {
    color: #fff !important;
    font-size: 18px;
    padding: 10px 18px;
    font-weight: 400;
}
.main-menu ul ul li a:hover {
    color: #8E15F1 !important;
    background: none !important;
}
/* Old access_top styles removed - now handled in header-auth section */

/* HEADER FLEX LAYOUT */
.header-flex-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px 0 40px;
    min-height: 72px;
}
.header-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
.header-logo img {
    height: 60px !important;
    width: auto;
    margin-top: 0 !important;
    display: block;
}
.header-nav-auth-container {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
.header-nav {
    display: flex;
    align-items: center;
}
.header-nav .main-menu {
    float: none;
}
.header-auth {
    display: flex;
    align-items: center;
}
ul#access_top {
    float: none;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
	padding-left: 20px;
}
ul#access_top li {
    margin: 0;
}
ul#access_top li a {
    background: #8E15F1 !important;
    color: #fff !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 12px 20px !important;
    border-radius: 25px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.3s ease !important;
    font-family: 'Outfit', sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    height: auto !important;
    line-height: normal !important;
}
ul#access_top li a:hover {
    background: #7d0bd4 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(142, 21, 241, 0.3);
}
/* Font Awesome icons for login/register */
ul#access_top li a[href*="Login"]::before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 6px;
}
ul#access_top li a[href*="Register"]::before {
    content: "\f234";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 6px;
}

/* Hide mobile auth section on desktop */
.mobile-auth-section {
    display: none;
}

/* Mobile auth section styling */
@media (max-width: 1050px) {
	.main-menu > ul > li > a, .main-menu ul > li > a {
		font-size: 16px;
		padding: 0 13px;
		letter-spacing: 0px;
	}
}

@media (max-width: 992px) {
    .mobile-auth-section {
        display: block !important;
        margin-top: 20px;
        padding: 20px;
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    
    .mobile-auth-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .mobile-auth-buttons a {
        background: #8E15F1 !important;
        color: #fff !important;
        padding: 12px 20px !important;
        border-radius: 25px !important;
        text-align: center !important;
        text-decoration: none !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        transition: all 0.3s ease !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        border: none !important;
    }
    
    .mobile-auth-buttons a:hover {
        background: #7d0bd4 !important;
        transform: translateY(-1px);
    }
    
    /* Font Awesome icons for mobile auth buttons */
    .mobile-auth-buttons a[href*="Login"]::before {
        content: "\f007";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    
    .mobile-auth-buttons a[href*="Register"]::before {
        content: "\f234";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }

	/* Short underline for active/hover states - hide on mobile */
	.main-menu > ul > li.active > a::after,
	.main-menu > ul > li > a[href="/"].active::after,
	.main-menu > ul > li > a:hover::after {
		background-color: transparent;
	}
}

@media (max-width: 992px) {
    .header-flex-row {
        flex-direction: column;
        align-items: stretch;
		justify-content: center;
        padding: 0 18px;
        min-height: 60px;
    }
    .header-logo img {
        height: 40px !important;
    }
    .header-nav-auth-container {
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
    }
    .header-nav {
        justify-content: center;
    }
    .header-auth {
        justify-content: flex-end;
    }
    ul#access_top li a {
        padding: 15px 40px !important;
        font-size: 14px !important;
        min-width: 200px;
        text-align: center;
    }

	.main-menu .auth-header{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		padding-right: 20px;
	}

	.main-menu .auth-header ul#access_top li{
		background: transparent !important;
	}
	
	.main-menu .auth-header ul#access_top{
		gap: 0px;
		margin: 0;
		padding: 0;
		width: 100%;
		justify-content: center;
	}
}

/* Dropdown arrow and divider fix */
.main-menu ul ul:before {
    border-bottom-color: #222 !important;
}
.main-menu ul ul li a {
    border-bottom: none !important;
}

/* Nav Auth (Login/Register) alignment and mobile nav color fix */
.main-menu > ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.main-menu > ul > li.nav-auth {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.main-menu > ul > li.nav-auth:first-of-type {
    margin-left: auto;
}
.main-menu > ul > li.nav-auth + li.nav-auth {
    margin-left: 10px;
}
@media (max-width: 992px) {
    .main-menu > ul {
        flex-direction: column;
        align-items: stretch;
        background: transparent !important;
		padding: 10px;
    }
    
    /* Hide submenu items by default in mobile */
    .main-menu ul li.submenu > ul {
        display: none !important;
        visibility: hidden;
    }
    
    /* Only show submenu when parent is clicked */
    .main-menu ul li.submenu.open > ul {
        display: block !important;
        visibility: visible;
    }
    
    .main-menu > ul > li,
    .main-menu > ul > li > a {
        color: #333 !important;
        background: transparent !important;
        padding: 15px 20px !important;
        display: block !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        text-decoration: none;
        transition: all 0.3s ease;
        border: none !important;
    }
    
    .main-menu > ul > li > a:hover {
        background: rgba(142, 21, 241, 0.1) !important;
        color: #8E15F1 !important;
		border-radius: 10px;
    }
    
    /* Keep active state in mobile */
    .main-menu > ul > li.active > a,
    .main-menu > ul > li > a[href="/"].active {
        color: #8E15F1 !important;
        background: rgba(142, 21, 241, 0.1) !important;
		border-radius: 10px;
        /* border-bottom: 2px solid #8E15F1 !important; */
        position: relative;
    }
    
    .main-menu > ul > li.nav-auth:first-of-type {
        margin-left: 0;
    }
    .main-menu > ul > li.nav-auth {
        justify-content: flex-start;
        margin-left: 0;
    }
    .main-menu > ul > li.nav-auth + li.nav-auth {
        margin-left: 0px;
    }
	.main-menu {
        position: fixed !important;
        top: 0;
        left: 0;
        width: 320px !important;
        height: 100vh !important;
        background: #F6F5FF !important;
        z-index: 9999;
        overflow-y: auto;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 80px; /* adjust if your header is taller/shorter */
    }
    /* .main-menu.show {
        display: flex !important;
    } */
}

/* Desktop Menu Active State */
@media only screen and (min-width: 992px) {
    /* When navbar is white */
    header#header.nav-down .main-menu > ul > li > a:hover,
    header#header.nav-down .main-menu > ul > li.active > a,
    header#header.nav-down .main-menu > ul > li > a[href="/"].active {
        color: #8E15F1;
    }

    /* When navbar is transparent */
    header#header:not(.nav-down) .main-menu > ul > li > a:hover,
    header#header:not(.nav-down) .main-menu > ul > li.active > a,
    header#header:not(.nav-down) .main-menu > ul > li > a[href="/"].active {
        color: #8E15F1;
    }
    header#header .main-menu > ul > li > a {
        transition: color 0.3s ease;
    }
}

/* Account Page Styles */
.account-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 20px;
	display: flex;
	gap: 40px;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden; /* Prevent horizontal page scroll */
}

.account-sidebar {
	flex: 0 0 280px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 0;
	overflow: hidden;
}

.account-content {
	flex: 1;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #ddd;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	padding: 30px;
	min-width: 0; /* Allow flex item to shrink below content size */
	overflow: hidden; /* Prevent content from expanding container */
}

.sidebar-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-nav li:last-child {
	border-top: 1px solid #ddd;
}

.sidebar-nav li:last-child:hover {
	background: none;
}

.sidebar-nav a {
	display: flex;
	align-items: center;
	padding: 20px 24px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	font-size: 16px;
	transition: all 0.3s ease;
	position: relative;
	cursor: pointer;
}

.sidebar-nav a i {
	margin-right: 12px;
	font-size: 18px;
	width: 20px;
	text-align: center;
}

.sidebar-nav a:hover {
	background: #f8f9ff;
	border-radius: 10px;
	margin: 10px 10px;
	color: #8e15f1;
	/* padding-left: 28px; */
}

.sidebar-nav a.active {
	background: #F6F5FF;
	border-radius: 10px;
	margin: 10px 10px;
	color: #8E15F1;
}

.sidebar-nav a.active:hover {
	background: #F6F5FF;
	padding-left: 24px;
}

.logout-btn {
	color: #000 !important;
}

.logout-btn:hover {
	color: #ff3742 !important;
	padding-left: 24px !important;
}

.account-tab-content {
	display: none;
}

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

.account-tab-content {
	padding: 0px;
	background-color: #fff;
	border: none;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden; /* Prevent content from expanding container */
}

.content-header {
	margin-bottom: 30px;
}

.content-title {
	font-size: 28px;
	font-weight: 600;
	color: #333;
	margin-top: 0px;
	margin-bottom: 8px;
}

.content-subtitle {
	font-size: 16px;
	color: #666;
	margin: 0;
}

/* Custom Form Styles */
.profile-form {
	width: 100%;
	max-width: 100%;
}

.profile-form .form-group {
	margin-bottom: 24px;
	position: relative;
	width: 100%;
}

/* Custom Input Field Styles */
.profile-form .custom-input {
	width: 100%;
	background: #f8f9fa;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	padding: 16px 20px;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	transition: all 0.3s ease;
	outline: none;
	font-family: 'Outfit', sans-serif;
}

.profile-form .custom-input:focus {
	border-color: #8e15f1;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(142, 21, 241, 0.1);
}

.profile-form .custom-input:read-only {
	background: #f1f1f1;
	color: #666;
	cursor: not-allowed;
}

.profile-form .custom-input::placeholder {
	color: #999;
	font-weight: 400;
}

/* Custom Select Styles */
.profile-form .custom-select-container {
	position: relative;
	width: 100%;
}

.profile-form .custom-select {
	width: 100%;
	background: #f8f9fa;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	padding: 16px 50px 16px 20px;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	transition: all 0.3s ease;
	outline: none;
	cursor: pointer;
	font-family: 'Outfit', sans-serif;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.profile-form .custom-select:focus {
	border-color: #8e15f1;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(142, 21, 241, 0.1);
}

.profile-form .custom-select option {
	padding: 12px 16px;
	font-size: 16px;
	background: #fff;
	color: #333;
}

.profile-form .custom-select option:hover {
	background: #f8f9ff;
}

/* Custom Select Arrow */
.profile-form .custom-select-container::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #666;
	pointer-events: none;
	transition: all 0.3s ease;
}

.profile-form .custom-select-container:focus-within::after {
	border-top-color: #8e15f1;
	transform: translateY(-50%) rotate(180deg);
}

/* Custom Submit Button */
.profile-form .custom-submit-btn {
	background: #8e15f1;
	border: none;
	padding: 16px 32px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border-radius: 12px;
	transition: all 0.3s ease;
	cursor: pointer;
	font-family: 'Outfit', sans-serif;
	margin-top: 20px;
	min-width: 120px;
}

.profile-form .custom-submit-btn:hover {
	background: #7d0bd4;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(142, 21, 241, 0.3);
}

.profile-form .custom-submit-btn:active {
	transform: translateY(0);
}

/* Form Labels */
.profile-form .custom-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	font-family: 'Outfit', sans-serif;
}

/* Error Messages */
.profile-form .custom-error {
	color: #dc3545;
	font-size: 14px;
	margin-top: 6px;
	font-weight: 500;
}

/* Success Message */
.profile-form .custom-success {
	background: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.profile-form .custom-input,
	.profile-form .custom-select {
		padding: 14px 16px;
		font-size: 15px;
	}

	.profile-form .custom-select {
		padding-right: 45px;
	}

	.profile-form .custom-select-container::after {
		right: 16px;
		border-left-width: 5px;
		border-right-width: 5px;
		border-top-width: 6px;
	}

	.profile-form .custom-submit-btn {
		padding: 14px 28px;
		font-size: 15px;
	}
}

/* History Table Styles */
.history-table-container {
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: 20px;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	-webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
	scrollbar-width: thin; /* Firefox */
	scrollbar-color: #8e15f1 #f1f1f1; /* Firefox */
	max-width: 100%; /* Prevent container from expanding beyond parent */
	width: 100%; /* Take full width of parent */
}

/* Custom scrollbar for webkit browsers */
.history-table-container::-webkit-scrollbar {
	height: 8px;
}

.history-table-container::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.history-table-container::-webkit-scrollbar-thumb {
	background: #8e15f1;
	border-radius: 4px;
}

.history-table-container::-webkit-scrollbar-thumb:hover {
	background: #7d0bd4;
}

.history-table {
	width: 100%;
	min-width: 600px; /* Reduced minimum width for better fitting */
	border-collapse: collapse;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
}

.history-table thead {
	background: #F6F5FF;
}

.history-table th {
	padding: 12px 16px;
	text-align: left;
	font-weight: 600;
	color: #333;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	border: none;
	white-space: normal; /* Allow text wrapping */
	width: 14.28%; /* Equal width for all 7 columns (100% / 7) */
	line-height: 1.3; /* Better line spacing for wrapped text */
	vertical-align: top; /* Align to top when text wraps */
}

.history-table td {
	padding: 16px;
	border-bottom: 1px solid #f0f0f0;
	color: #666;
	font-size: 14px;
	white-space: normal; /* Allow text wrapping in data cells too */
	width: 14.28%; /* Equal width for all 7 columns (100% / 7) */
	line-height: 1.4; /* Better line spacing */
	vertical-align: top; /* Align to top when text wraps */
	word-wrap: break-word; /* Break long words if needed */
}

/* Equal width columns with center alignment for specific content */
.history-table th:nth-child(4),
.history-table td:nth-child(4) {
	text-align: center; /* Center align ticket count */
}

.history-table th:nth-child(7),
.history-table td:nth-child(7) {
	text-align: center; /* Center align action button */
}

.history-table tbody tr:hover {
	background: #f8f9ff;
}

.history-table tbody tr:last-child td {
	border-bottom: none;
	background: #f8f9ff;
}

.order-info {
	font-weight: 600;
	color: #333;
	margin-bottom: 4px;
}

.order-date {
	font-size: 13px;
	color: #999;
}

.event-name {
	font-weight: 500;
	color: #8e15f1;
}

.ticket-count {
	font-weight: 600;
	color: #333;
}

.actual-amount {
	font-weight: 600;
	color: #2ecc71;
	font-size: 16px;
}

.remark-text {
	font-weight: 400;
	color: #666;
	font-size: 14px;
	font-style: italic;
}

.view-details-btn {
	background: #8e15f1;
	color: #fff;
	padding: 8px 16px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.3s ease;
}

.view-details-btn:hover {
	background: #7d0bd4;
	color: #fff;
	transform: translateY(-1px);
}

/* Scroll hint for mobile/small screens */
.history-table-container::before {
	content: '← Swipe to see more →';
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	color: #999;
	font-style: italic;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
	.history-table-container {
		position: relative;
	}
	
	.history-table-container::before {
		opacity: 1;
	}
	
	.history-table-container.scrolled::before {
		opacity: 0;
	}
}

/* Responsive Design */
@media (max-width: 992px) {
	.account-container {
		flex-direction: column;
		gap: 20px;
		padding: 40px 20px;
		width: 100%;
	}

	.account-sidebar {
		flex: none;
		width: 100%;
	}

	.sidebar-nav {
		display: flex;
		overflow-x: auto;
		align-items: center;
	}

	.sidebar-nav li {
		flex: 0 0 auto;
		border-bottom: none;
		border-right: 1px solid #f0f0f0;
	}

	.sidebar-nav li:last-child {
		border: none;
	}

	.sidebar-nav a {
		white-space: nowrap;
		padding: 16px 20px;
	}

	.account-content {
		padding: 30px 20px;
		width: 100%;
		max-width: 100%;
	}

	.content-title {
		font-size: 24px;
	}

	.history-table {
		font-size: 13px;
	}

	.history-table th,
	.history-table td {
		padding: 12px 16px;
	}

	/* Ensure profile form takes full width */
	.profile-form {
		width: 100%;
		max-width: 100%;
	}

	.profile-form .row {
		width: 100%;
		margin: 0;
	}

	.profile-form .col-md-6 {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin-bottom: 20px;
		flex: none;
	}
}

/* Fix width issue around 989px specifically */
@media (max-width: 991px) and (min-width: 768px) {
	.profile-form .row {
		display: block;
		width: 100%;
	}

	.profile-form .col-md-6 {
		display: block;
		width: 100%;
		max-width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 20px;
	}

	.account-content {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 768px) {
	.account-container {
		padding: 20px 15px;
	}

	.account-content {
		padding: 20px 15px;
	}

	.content-title {
		font-size: 22px;
	}

	.history-table th,
	.history-table td {
		padding: 10px 12px;
	}

	.sidebar-nav a {
		font-size: 14px;
		padding: 12px 16px;
	}
}

.forgot-password-title {
	font-size: 28px;
	font-weight: 600;
}

.forgot-password-description {
	font-size: 18px;
	font-weight: 400;
	color: #606060;
	margin-bottom: 30px;
}