@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Black+Ops+One&family=Graduate&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

* {
	box-sizing: border-box;
}

/***custome css start***/


body {
	background: #f6f5f7;
	font-family: 'Jost', sans-serif;
	height: 100vh;
	/* margin: -20px 0 50px; */
}

h1 {
	font-weight: bold;
	margin: 0;
}

h2 {
	text-align: center;
}

p {
	color: black;
	font-size: 20px;
	font-weight: 100;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin: 20px 0 30px;
}

span {
	font-size: 12px;
}

a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	margin: 15px 0;
	transition: all .5s ease 0s;
}

svg {
	width: 20px;
	height: 20px;
}

hr {
	margin: 25px 0;
}

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

.text-right {
	text-align: right !important;
}

.light-red {
	color: #FF4B2B;
}

.common-btn {
	color: white;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 4px;
	margin: 0;
	background: linear-gradient(to right, #33579e, #33579e);
	transition: all .5s ease 0s;
}

	.common-btn:hover {
		background: linear-gradient(to right, #f7c15c, #f7c15c);
		color: #000;
		box-shadow: 0 0 10px #00000026;
	}

.custome-heading h2 {
	text-align: left;
	font-weight: 500;
	margin-bottom: 20px;
}

ul {
	margin: 0;
	padding: 0;
}

	ul li {
		list-style: none;
	}

.hidden {
	display: none;
}


.container-fluid {
	max-width: 95%;
}

/*-------------------
  pagenation 
-------------------------*/

.pagination-outer {
	text-align: center;
}

.pagination {
	/* font-family: 'Poppins', sans-serif; */
	display: inline-flex;
	position: relative;
}

	.pagination li a.page-link {
		color: #000;
		background: #ddd;
		font-size: 16px;
		font-weight: 500;
		line-height: 35px;
		height: 35px;
		width: 35px;
		padding: 0;
		margin: 0 5px;
		border: none;
		border-radius: 0;
		position: relative;
		z-index: 1;
		transition: all 0.4s ease 0s;
	}

	.pagination li:first-child a.page-link,
	.pagination li:last-child a.page-link {
		font-size: 23px;
		line-height: 35px;
		font-weight: 400;
		width: 55px;
	}

		.pagination li:first-child a.page-link span,
		.pagination li:last-child a.page-link span {
			font-size: 16px;
		}

	.pagination li a.page-link:hover,
	.pagination li a.page-link:focus,
	.pagination li.active a.page-link:hover,
	.pagination li.active a.page-link {
		color: #fff;
		background: linear-gradient(to right, #33579e, #33579e);
	}

/* .pagination li a.page-link:before{
    content: '';
    background-color: #ddd;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    transform: scaleX(0);
    position: absolute;
    left: 0;
    bottom: -7px;
    transition: all 0.3s ease 0s;
}
.pagination li a.page-link:hover:before,
.pagination li a.page-link:focus:before,
.pagination li.active a.page-link:hover:before,
.pagination li.active a.page-link:before{
    background-color: #9a8478;
    transform: scaleX(1);
} */
@media only screen and (max-width: 480px) {
	.pagination {
		font-size: 0;
		display: inline-block;
	}

		.pagination li {
			display: inline-block;
			vertical-align: top;
			margin: 10px 0;
		}
}

/*-----------
  pagenation end
------------------------*/



/*--------------------
  page banner
 --------------------------*/
.main-page-banner-section .page-banner-section {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
}

	.main-page-banner-section .page-banner-section:before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		content: "";
		z-index: -1;
		background-color: #00000075;
		opacity: 0.8;
	}

.main-page-banner-section .page-banner {
	padding-bottom: 100px;
	padding-top: 100px;
}

.main-page-banner-section .page-title {
	color: #ffffff;
	font-size: 49px;
	line-height: 60px;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0;
	text-align: center;
	letter-spacing: 1.5px
}

.main-page-banner-section .page-breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

	.main-page-banner-section .page-breadcrumb li {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		font-weight: 600;
		font-size: 14px;
		color: #ffffff;
		text-transform: uppercase;
	}

		.main-page-banner-section .page-breadcrumb li a {
			display: block;
		}

		.main-page-banner-section .page-breadcrumb li::after {
			content: "/";
			font-weight: 600;
			font-size: 14px;
			color: #ffffff;
			margin: 0 12px;
		}

.page-title {
	font-size: 36px;
	color: #333;
	text-align: center;
	margin-top: 50px;
}

	.page-title::after {
		content: '|';
		animation: blink 0.7s infinite;
	}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*--------------------
  main page banner end
 --------------------------*/


.video-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
}

	.video-background video {
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* Adjust opacity as needed */
}

.signup button {
	margin-top: 11px;
}

.main {
	width: 350px;
	height: 500px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 5px 20px 50px #000;
	background: #FF416C;
	background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	position: sticky;
	top: 104px;
	/*    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
}

.main-left-section img {
	width: 100%;
	margin: 10px 0;
}

.main-left-section {
	padding: 15px;
}

#chk {
	display: none;
}

#chk1 {
	display: none;
}

#chk2 {
	display: none;
}

.from-section label {
	color: #fff;
	font-size: 34px;
	justify-content: center;
	display: flex;
	margin: 50px;
	font-weight: bold;
	cursor: pointer;
	transition: .5s ease-in-out;
}

	.from-section label.main-label {
		margin: 10px 0;
	}

.from-section input {
	width: 80%;
	height: 40px;
	background: #e0dede;
	justify-content: center;
	display: flex;
	margin: 12px auto;
	padding: 12px;
	border: none;
	outline: none;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
}

button {
	width: fit-content;
	height: 43px;
	margin: 10px auto;
	justify-content: center;
	display: block;
	color: #fff;
	background: transparent;
	font-size: 1em;
	font-weight: 500;
	margin-top: 17px;
	outline: none;
	border: none;
	border-radius: 5px;
	transition: .2s ease-in;
	cursor: pointer;
	border: 1px solid #fff;
	padding: 0 30px;
}

	button:hover {
		background: #fff;
		border-color: #fff;
		color: #000;
	}

.btn-grp {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 15px;
}

	.btn-grp button {
		margin: 0;
		font-size: 15px;
		padding: 0px 15px;
		height: 35px;
	}

.note-btn {
	margin: 0;
	font-size: 12px !important;
	height: auto;
	padding: 5px !important;
}

.note-editor.note-frame .note-status-output {
	display: none !important;
}

.note-editor.note-frame {
	border: 1px solid #ccc !important;
	border-radius: 4px;
}

.note-toolbar {
	padding: 0 0 5px 5px;
	margin: 0;
	background-color: #fff;
	border-radius: 4px 4px 0 0;
}

.note-editor.note-frame .note-editing-area .note-editable {
	border-radius: 0 0 4px 4px;
}

.remberme label {
	margin: 0;
	font-size: 12px;
	margin-left: 5px;
	font-weight: 500;
}

.remberme {
	display: flex;
	justify-content: flex-start;
	padding: 0 0 0 36px;
	align-items: center;
}

.reset-password label {
	margin: 0;
	font-size: 12px;
	font-weight: 300;
	text-align: right;
	display: flex;
	justify-content: end;
	padding: 0 41px;
}

.remberme input {
	width: 15px;
	height: 15px;
	margin: 0;
}

.signup {
	position: relative;
	width: 100%;
	height: 100%;
}


.login {
	position: relative;
	width: 100%;
	height: 100%;
}

	.login button {
		border-color: #ff4266;
		color: #ff4266;
		margin: 0;
		font-size: 15px;
		padding: 0px 15px;
		/* margin: 0 auto; */
		height: 35px;
	}

		.login button:hover {
			background: #ff4266;
			color: #fff;
			border-color: #ff4266;
		}

.login {
	height: 503px;
	background: #eee;
	border-radius: 60% / 10%;
	transform: translateY(-110px);
	transition: .8s ease-in-out;
}

	.login label {
		color: #ff4266;
		transform: scale(.6);
		margin-bottom: 0;
	}

.forgot {
	position: relative;
	width: 100%;
	height: 100% !important;
}

	.forgot button {
		border-color: #ff4266;
		color: #ff4266;
	}

		.forgot button:hover {
			background: #ff4266;
			color: #fff;
			border-color: #ff4266;
		}

.forgot {
	height: 360px;
	background: #fff;
	border-radius: 60% / 10%;
	transform: translateY(-585px);
	transition: .8s ease-in-out;
}

	.forgot label {
		color: #ff4266;
		transform: scale(.6);
	}

#chk:checked ~ .login {
	transform: translateY(-503px);
}

#chk1:checked ~ .login {
	transform: translateY(-503px);
}

#chk:checked ~ .login label {
	/* transform: scale(1); */
}

/* #chk:checked~.signup label {
  transform: scale(.6);
} */

/* #chk:checked~.forgot {
  transform: translateY(-642px);
} */

/* #chk1:checked~.forgot {
  transform: translateY(-1010px);
} */

#chk1:checked ~ .forgot label {
	margin-bottom: 0;
}


#chk2:checked ~ .forgot {
	transform: translateY(-1057px);
}

	#chk2:checked ~ .forgot label {
		margin-bottom: 0;
	}


/* #chk1:checked~.signup label {
  transform: scale(.6);
} */

/*-------------
    navbar start
------------------------*/
.header-section .navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 30px;
	background-color: #fff;
	color: #000;
	box-shadow: 0 0 10px #00000026;
}

.header-section .logo,
.header-section .menu,
.header-section .nave-right {
	flex: 1 1;
}

.header-section .menu {
	display: flex;
	justify-content: center;
}

.header-section .menu {
	display: flex;
	gap: 8px;
	align-items: center;
}


.header-section .nave-right {
	display: flex;
	justify-content: end;
}

.header-section .logo {
	font-size: 24px;
}

	.header-section .logo img {
		width: 190px;
	}

.header-section .menu {
	display: flex;
	gap: 8px;
}

	.header-section .menu a {
		color: #000;
		text-decoration: none;
		padding: 8px 8px;
		margin: 0;
		font-size: 16px;
		transition: all .5s ease 0s;
		position: relative;
	}

		.header-section .menu a:before {
			animation: animate 1s infinite;
			bottom: -4px;
			content: "";
			height: 2px;
			left: 0;
			position: absolute;
			transition: all .5s ease 0s;
			width: 0;
		}

.menu a:hover:before {
	width: 100%;
	background: #33579e;
}

.header-section .menu a:hover {
	color: #33579e;
}

.header-section .login-btn {
	color: white;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 4px;
	margin: 0;
	background: linear-gradient(to right, #33579e, #33579e);
	transition: all .5s ease 0s;
	text-decoration: none;
}

	.header-section .login-btn:hover {
		background: linear-gradient(to right, #33579e, #33579e);
		color: #fff;
		box-shadow: 0 0 10px #00000026;
	}

.header-section .hamburger {
	display: none;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
}

	.header-section .hamburger span {
		width: 25px;
		height: 3px;
		background-color: #000;
	}

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

	.header-section .logo,
	.header-section .menu,
	.header-section .nave-right {
		flex: auto;
	}
}

/*---------
  sidebar css start
 ---------------*/

.sidebar {
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background-color: #333;
	padding-top: 60px;
	transition: 0.3s;
	z-index: 999;
}

	.sidebar a {
		display: block;
		color: white;
		padding: 10px;
		text-decoration: none;
		transition: 0.3s;
		margin-top: 0;
	}

		.sidebar a:hover {
			background-color: #575757;
		}

.close-btn {
	position: absolute;
	top: 20px;
	right: 25px;
	font-size: 36px;
	color: white;
	text-decoration: none;
}

/*---------
  sidebar css end
 ---------------*/

@media (max-width: 767px) {
	/*    .header-section .menu {
        display: none;
    }*/

	/*.header-section .hamburger {
        display: none;
    }*/

	.sidebar {
		left: -250px;
	}

		.sidebar.show {
			left: 0;
		}

			.sidebar.show a {
				animation: slideUp 0.3s ease forwards;
			}
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/*-------------
    navbar end
------------------------*/

/*------------
  profile css start
---------------------*/

.main-profile {
	display: flex;
	justify-content: center;
	align-items: start;
	min-height: 100%;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	animation: slideIn 0.8s ease;
	gap: 10px;
}

	.main-profile .profile-left {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-radius: 20px;
		position: sticky;
		top: 20px;
	}

		.main-profile .profile-left img {
			/*border-radius: 20px;*/
			max-width: 100%;
			transition: transform 0.3s ease;
			box-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;
		}

			.main-profile .profile-left img:hover {
				transform: scale(1.01);
			}

	.main-profile .profile-right {
		flex: 1;
		padding: 0 20px;
	}

	.main-profile h2 {
		margin-bottom: 20px;
		color: #333;
	}

	.main-profile form {
		display: flex;
		flex-direction: column;
	}

	.main-profile .form-group {
		margin-bottom: 15px;
		position: relative;
	}

	.main-profile label {
		display: block;
		margin-bottom: 5px;
		font-weight: bold;
	}

	.main-profile input,
	.main-profile select {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 16px;
	}

	.main-profile select {
		appearance: none;
		/* Hides the default arrow in most browsers */
		-webkit-appearance: none;
		/* For Safari */
		-moz-appearance: none;
		/* For Firefox */
		background: url('../images/down-arrow.png') no-repeat right 10px center;
		background-color: #fff;
		background-size: 18px;
		padding-right: 30px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 16px;
		cursor: pointer;
	}

	.main-profile input[readonly] {
		background-color: #e9e9e9;
	}

	.main-profile .submit-btn {
		padding: 10px 20px;
		background: linear-gradient(to right, #33579e, #33579e);
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 16px;
		transition: all .5s ease 0s;
	}

		.main-profile .submit-btn:hover {
			background: linear-gradient(to right, #33579e, #33579e);
			color: #fff;
			box-shadow: 0 0 10px #00000026;
		}

@media (max-width: 768px) {
	.container {
		flex-direction: column;
	}

	.main-profile .profile-left {
		margin-bottom: 20px;
	}
}

/* Animation */
@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*------------------
  athlet profile
-----------------------*/

.athlet-profile .atp-inner {
	box-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;
	background: #fff;
	padding: 30px;
	margin-bottom: 45px;
}

.athlet-profile .at-detail {
	display: flex;
	gap: 20px;
	align-items: center;
	/* flex-wrap: wrap; */
}

.athlet-profile .background-profile {
	display: flex;
	gap: 8px;
	padding: 20px 0;
}

.athlet-profile .bac-left img {
	width: 40px;
}

.athlet-profile .coaching-experiance {
	font-size: 18px;
	line-height: 22px;
	padding-top: 0;
}

	.athlet-profile .coaching-experiance a {
		/* text-decoration: #FF4B2B wavy underline; */
		color: #FF4B2B;
		font-size: 18px;
		display: block;
		margin: 5px 0;
	}

.athlet-profile .bac-left a {
	text-decoration: underline;
}

.athlet-profile .bac-left h6 {
	margin-bottom: 0;
}

.at-detail .at-left img {
	max-width: 250px;
	border-radius: 100%;
	box-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;
	height: 250px;
	object-fit: cover;
	overflow: hidden;
}

.at-detail .at-right h2 {
	text-align: left;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 0;
}

.athlet-profile .at-right h4 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 15px;
}

.athlet-profile .select-player-game h5 {
	margin-bottom: 15px;
}

.athlet-profile .recommeded-coache a {
	font-size: 18px;
	transition: all .5s ease 0s;
}

.athlet-profile .recommeded-coache {
	margin-bottom: 20px;
}

	.athlet-profile .recommeded-coache a:hover {
		color: #FF4B2B;
		text-decoration: underline;
	}

.athlet-profile .play-categoary {
	width: fit-content;
	text-transform: uppercase;
	background: #f4f41a;
	padding: 4px 23px;
	font-size: 14px;
}

.athlet-profile .select-player-game select {
	padding: 5px 9px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../images/down-arrow.png') no-repeat right 10px center;
	background-color: #fff;
	background-size: 18px;
	padding-right: 30px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
}

	.athlet-profile .select-player-game select:focus-visible {
		outline: none;
	}

.athlet-profile .queation-trofy h4 {
	text-align: center;
	font-weight: 800;
}

.athlet-profile a.login-btn.coatch-msg {
	color: white;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 4px;
	margin: 0;
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	transition: all .5s ease 0s;
	quotes: 100%;
	width: 100%;
	display: block;
	text-align: center;
	margin: 20px auto;
	max-width: 300px;
	font-size: 16px;
}

	.athlet-profile a.login-btn.coatch-msg:hover {
		background: linear-gradient(to right, #FF416C, #FF4B2B);
	}

.athlet-profile .responserate {
	text-align: center;
	cursor: pointer;
}

.athlet-profile .traing-loaction iframe {
	width: 100%;
	margin: 15px 0;
	box-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;
}

.athlet-profile .profile-s ol {
	padding: 0 0 0 20px;
	/* font-size: 19px; */
}

	.athlet-profile .profile-s ol li {
		line-height: 25px;
	}

		.athlet-profile .profile-s ol li a {
			font-size: 14px;
			color: #ff512b;
		}

.athlet-profile .profile-s span {
	font-size: 16px;
	margin-bottom: 10px;
}

.aethlet-package {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 20px;
}

	.aethlet-package span {
		width: 30px;
		height: 30px;
		border-radius: 50px;
		color: #fff;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(to right, #FF4B2B, #FF416C);
		cursor: pointer;
	}

	.aethlet-package h2 {
		margin-bottom: 0;
	}

.aethlet-premium-packages {
	margin-bottom: 30px;
}

	.aethlet-premium-packages.standard-package .app-detail {
		background: #fff;
	}

	.aethlet-premium-packages .app-header {
		background: linear-gradient(to right, #FF4B2B, #FF416C);
		padding: 5px 15px;
		color: #fff;
		font-size: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.aethlet-premium-packages .app-detail {
		padding: 15px;
		border-bottom: 1px solid #d9d9d9;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
	}

	.aethlet-premium-packages .appd-priceinfo .price-data {
		font-size: 22px;
		padding-bottom: 5px;
		line-height: 22px;
	}

		.aethlet-premium-packages .appd-priceinfo .price-data small {
			font-size: 16px;
			display: block;
		}

		.aethlet-premium-packages .appd-priceinfo .price-data strong {
			display: block;
		}

	.aethlet-premium-packages .appd-priceinfo {
		text-align: center;
	}

	.aethlet-premium-packages .app-detail .appd-content {
		display: flex;
		gap: 10px;
		align-items: center;
		font-size: 20px;
		font-weight: 600;
		padding-bottom: 5px;
	}

.athlet-profile {
	max-width: 1000px;
	margin: 0 auto;
}

.aethlet-premium-packages .app-detail .appd-content span {
	width: 25px;
	height: 25px;
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	color: #fff;
	padding: 3px;
}

.aethlet-premium-packages .app-detail .appd-description h6 {
	padding-top: 10px;
}

.aethlet-premium-packages .app-detail .appd-description a:hover {
	color: #ff512b;
}

.appd-description .full-content {
	display: none;
}

.appd-description .show .content {
	display: none;
}

.appd-description.show .full-content {
	display: inline !important;
	font-size: 16px;
}

.appd-description a.toggle-btn {
	color: #ff512b;
}

.recommended-package {
	display: flex;
	align-items: center;
	gap: 2px;
	font-size: 15px;
}

	.recommended-package svg {
		width: 18px;
		height: 18px;
		color: #FFD700;
	}

.appd-priceinfo a.common-btn {
	padding: 8px 30px;
	/* margin-bottom: 15px; */
	font-size: 14px;
}

.advance-information ul {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}

	.advance-information ul li {
		width: 100%;
	}

		.advance-information ul li h5 {
			font-weight: 600;
		}

		.advance-information ul li p {
			margin: 0;
			font-size: 15px;
		}

.coaches-troy button {
	margin: 0;
}


.coaches-troy .nav-link.active {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #33579e;
	border-right: 1px solid #33579e;
	background: linear-gradient(to right, #33579e, #33579e);
	color: #fff;
}

.coaches-troy .nav-link {
	border: none;
	border-bottom: 1px solid transparent;
	border-right: 1px solid #d9d9d9;
	color: #000;
	border-radius: 0;
	width: 33.32%;
}

	.coaches-troy .nav-link:last-child {
		border-right: none;
	}

	.coaches-troy .nav-link:hover {
		border-radius: 0;
		border: none;
		border-bottom: 1px solid #f9c056;
		border-right: 1px solid #f9c056;
		background: linear-gradient(to right, #f9c056, #f9c056);
		color: #000;
	}

.coaches-troy {
	border: 1px solid #d9d9d9;
	margin-bottom: 15px;
}

	.coaches-troy .tab-content {
		background: #fff;
	}

	.coaches-troy p {
		margin: 0 0 15px;
		font-size: 16px;
		line-height: 24px;
	}

.social-location ul.inline-list {
	display: flex;
	gap: 10px;
	justify-content: space-around;
	padding-top: 15px;
}

.social-location ul li a {
	font-size: 34px;
	color: #94a5b0;
	transition: all .5s ease 0s;
}

	.social-location ul li a:hover {
		color: #ff512b;
	}

.Questions-coach {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 30px;
}

	.Questions-coach a {
		padding: 5px 0;
		display: table-cell;
		font-size: 24px;
		text-align: center;
	}

	.Questions-coach .facebook-btn {
		background-color: #3b5998;
		border: 1px solid #3b5998;
		color: #fff;
	}

		.Questions-coach .facebook-btn:hover,
		.Questions-coach .facebook-btn:active,
		.Questions-coach .facebook-btn:focus {
			background-color: #344e86;
			color: #fff;
		}

	.Questions-coach .twitter-btn {
		background-color: #55acee;
		border: 1px solid #55acee;
		color: #fff;
	}

		.Questions-coach .twitter-btn:hover,
		.Questions-coach .twitter-btn:active,
		.Questions-coach .twitter-btn:focus {
			background-color: #3ea1ec;
			color: #fff;
		}

/**Action Photos***/
@keyframes zoomin {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

.photo-gallery {
	margin-bottom: 45px;
}

.gallery-item {
	display: block;
	margin: 0;
}

	.gallery-item img {
		transition: box-shadow 0.2s;
	}

	.gallery-item:hover img {
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}

.lightbox-modal .modal-content {
	background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
	position: absolute;
	top: 0;
	right: 30px;
	font-size: 1.25rem;
	z-index: 10;
	filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
	display: flex;
	align-items: center;
	padding: 0;
}

.lightbox-modal .lightbox-content {
	width: 100%;
}

.lightbox-modal .carousel-indicators {
	margin-bottom: 0;
}

	.lightbox-modal .carousel-indicators [data-bs-target] {
		background-color: var(--carousel-text) !important;
	}

.lightbox-modal .carousel-inner {
	width: 75%;
}

	.lightbox-modal .carousel-inner img {
		animation: zoomin 10s linear infinite;
	}

.lightbox-modal .carousel-item .carousel-caption {
	right: 0;
	bottom: 0;
	left: 0;
	padding-bottom: 2rem;
	background-color: var(--lightbox);
	color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
	width: auto;
}

.lightbox-modal .carousel-control-prev {
	left: 1.25rem;
	height: auto;
}

.lightbox-modal .carousel-control-next {
	right: 1.25rem;
	height: auto;
}

.lightbox-modal button.carousel-control-next:hover,
.lightbox-modal button.carousel-control-prev:hover {
	background: transparent;
}

@media (min-width: 1400px) {
	.lightbox-modal .carousel-inner {
		max-width: 60%;
	}
}

[data-bs-theme="dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme="dark"] .lightbox-modal .carousel-control-prev-icon {
	filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
	position: absolute;
	top: 1.25rem;
	right: 3.5rem;
	z-index: 10;
	border: 0;
	background: transparent;
	opacity: .6;
	font-size: 1.25rem;
}

.bi {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.035em;
	fill: currentcolor;
}

.Coachup {
	/* box-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326; */
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	/* text-align: center; */
	margin-top: 30px;
}

	.Coachup .cc-inner {
		text-align: center;
		padding-bottom: 5px;
	}

		.Coachup .cc-inner img {
			padding-bottom: 10px;
			width: 150px;
		}

		.Coachup .cc-inner h5 {
			font-weight: 600;
		}

	.Coachup ul {
		padding-left: 25px;
		margin-bottom: 15px;
	}

		.Coachup ul li {
			list-style: disc;
			line-height: 25px;
			/* padding-left: 25px; */
		}

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

	.outer-bottom a {
		font-size: 18px;
		color: #ff512b;
	}

/*----------
 Aethlet profile update
 ----------------------------*/
.verify-bg input {
	width: fit-content;
}

.verify-bg label {
	margin-bottom: 0;
}

.verify-bg {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 10px !important;
	flex-wrap: wrap;
}

.main-profile textarea {
	resize: vertical;
	width: 100%;
	padding: 6px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.verify-bg span {
	font-size: 16px;
}

.star {
	font-size: 30px;
	color: #ccc;
	cursor: pointer;
}

	.star.selected {
		color: #f5b301;
		/* This color will apply to selected stars */
		font-size: 30px;
	}

	.star:hover {
		color: #f5b301;
	}

	.star.active {
		color: orange;
		/* Permanent color for clicked stars */
	}

.edit-delet {
	text-align: right;
	display: flex;
	align-items: center;
	gap: 0;
	justify-content: end;
	margin: 5px 0 0 0;
	position: absolute;
	right: 10px;
	top: 37px
}

	.edit-delet a {
		margin: 0 5px;
	}

		.edit-delet a:hover {
			color: #ff512b;
		}

/*-------------
 search section 
----------------------*/

.search-section {
	background-image: url(../images/aethlet.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: calc(100vh - 154px);
	position: relative;
	background-position: center;
}

	.search-section:before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		content: "";
		background-color: #000000b3;
		opacity: 0.8;
	}

.ss-inner a.common-btn {
	font-size: 24px;
}

.ss-inner {
	text-align: center;
	padding: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

	.ss-inner h1 {
		color: #fff;
		font-weight: 500;
		font-size: 50px;
	}

	.ss-inner h3 {
		font-size: 22px;
		color: #fff;
		font-weight: 400;
	}

.ss-input {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	gap: 0;
	flex-wrap: wrap;
}

	.ss-input input,
	.ss-right select {
		padding: 8px 35px 8px 40px;
		font-size: 18px;
		width: 100%;
		max-width: 300px;
		border: 1px solid #ccc;
		border-radius: 0;
		outline: none;
		box-sizing: border-box;
		height: 55px;
	}

.ss-primary-search .fa {
	font-size: 30px;
}

.ss-input input::placeholder {
	color: #aaaaaa;
	font-weight: 500;
}

.ss-primary-search {
	position: relative;
}

	.ss-primary-search span {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		color: #555;
	}

	.ss-primary-search select {
		padding-left: 30px;
		font-size: 16px;
	}

.common-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 0px 20px;
	background-color: #28a745;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
}

	.common-btn:hover {
		background-color: #218838;
	}

@media (max-width: 767px) {
	.ss-input {
		gap: 15px;
		margin-top: 12px;
	}

		.ss-input input,
		.ss-right select {
			max-width: 100%;
		}

	.ss-inner {
		width: 95%;
	}

		.ss-inner h1 {
			font-size: 28px;
			padding-bottom: 6px;
		}

		.ss-inner h3 {
			font-size: 18px;
		}

	.ss-input input,
	.ss-right select {
		font-size: 16px;
		height: 45px;
	}

	.ss-inner a.common-btn {
		font-size: 18px;
		margin-top: 15px;
	}
}

/*---------
  search result 
--------------------*/

.search-result {
	text-align: center;
	color: #fff;
}

	.search-result .ss-input {
		align-items: center;
		gap: 15px;
		margin-top: 10px;
	}

		.search-result .ss-input .common-btn {
			margin-top: 0;
		}

		.search-result .ss-input input {
			height: 48px;
		}

	.search-result h4 {
		margin-top: 5px;
		font-size: 22px;
	}

.mentor-box a {
	color: #fff;
}

.mentor-box {
	padding-top: 25px;
}

	.mentor-box a {
		color: #FF4B2B;
		font-size: 18px;
		/* text-decoration: underline; */
		/* text-decoration: #FF4B2B wavy underline; */
	}

/* Container Styling */
.sort-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.sort-label {
	margin-right: 10px;
	font-size: 16px;
	color: #333;
	font-weight: 600;
}

/* Dropdown (Select) Styling */
.search-sort-select {
	padding: 8px 15px;
	position: relative;
	padding-right: 35px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/down-arrow.png) no-repeat right 10px center;
	background-color: #fff;
	background-size: 18px;
	padding-right: 30px;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 16px;
	cursor: pointer;
}

	.search-sort-select:focus-visible {
		outline: none;
	}


.search-result-detail {
	margin: 30px 0;
}

	.search-result-detail:nth-child(odd) {
		margin-left: 100px;
	}

	.search-result-detail:nth-child(even) {
		margin-right: 100px;
	}

	.search-result-detail .aethlet-premium-packages .app-detail {
		border: none;
		background: #fff;
		border-radius: 10px;
	}

	.search-result-detail .appd-maininfo {
		text-align: left;
		color: #000;
	}

	.search-result-detail .appd-priceinfo a.common-btn {
		margin-top: 0;
		font-size: 14px;
	}

.search-img img {
	border-radius: 100%;
	width: 180px;
	height: 180px;
	object-fit: cover;
	overflow: hidden;
}

.search-result-detail .aethlet-premium-packages .appd-priceinfo .price-data {
	color: #000;
}

.search-result-detail .reviews h4 {
	margin-bottom: -5px;
	margin: 0;
	font-size: 18px;
}

.search-result-detail .appd-description {
	margin-top: 8px;
}

.search-result-detail .reviews {
	display: flex;
	align-items: center;
	gap: 9px;
}

.search-result-detail .star {
	font-size: 20px;
	color: orange;
	cursor: pointer;
	letter-spacing: -5px;
}

.search-result-detail .aethlet-premium-packages .app-detail .appd-content {
	font-size: 26px;
	padding-bottom: 0;
}

.search-result-detail .aethlet-premium-packages .app-detail .appd-description .appd-content {
	font-size: 16px;
	font-weight: 400;
	padding-top: 12px;
}

.search-result-detail .athlet-profile .play-categoary {
	font-size: 12px;
	margin: 6px 0;
}

.search-result-detail .aethlet-premium-packages .appd-priceinfo {
	text-align: center;
	padding-top: 15px;
}

.search-result-detail .athlet-profile .play-categoary.silver {
	background: #C0C0C0;
}

.search-result .sr-result {
	max-width: 1000px;
	margin: 0 auto;
}

.response-rate.small {
	font-size: 14px;
	color: #000;
}

	.response-rate.small span {
		font-size: 16px;
		display: block;
		padding-top: 8px;
	}

/* Custom Arrow */

/* Hover and Focus Effects */
.search-sort-select:hover,
.search-sort-select:focus {
	border-color: #000;
	border-radius: 0;
}

.search-sort-select option {
	padding: 10px;
	font-size: 16px;
	background-color: #fff;
	color: #333;
}

/* Mobile Responsive Design */
@media (max-width: 600px) {
	.search-sort-select {
		font-size: 14px;
		padding: 8px 12px;
	}
}

/*------------
  calandar event 
 -----------------*/

.mentor-timetable table {
	box-shadow: 0 0 15px #e5e5e5;
	background: #fff;
	width: 100%;
}

	.mentor-timetable table th {
		width: 12.5%;
		padding: 25px 0;
		font-weight: 400;
		border: 1px solid #F4F4F4;
		text-align: center;
	}

	.mentor-timetable table tbody td {
		border: 1px solid #F4F4F4;
		height: 90px;
		width: 200px;
	}

		.mentor-timetable table tbody td.hours {
			padding: 0 1rem;
			white-space: nowrap;
			width: 1%;
			vertical-align: middle;
			text-align: center;
		}

.mentor-timetable .mptt-inner-event-content a {
	margin: 0;
}

.mentor-timetable .mptt-inner-event-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mentor-timetable .event-subtitle {
	margin: 0;
	font-size: 16px;
}

.mentor-timetable .mptt-inner-event-content a {
	margin: 0;
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	color: #fff;
	padding: 5px 11px;
	font-size: 18px;
	text-align: center;
	line-height: 18px;
	margin-bottom: 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

	.mentor-timetable .mptt-inner-event-content a.event-title.hightlight {
		background: #FFD700;
		color: #000;
	}

	.mentor-timetable .mptt-inner-event-content a span {
		display: block;
	}

.mentor-timetable {
	margin-top: 30px;
}

.date-filters {
	display: flex;
	align-items: end;
	gap: 10px;
	justify-content: end;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

	.date-filters input {
		/* width: 100%; */
		padding: 6px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 16px;
		max-width: 150px;
		cursor: pointer;
	}

	.date-filters a.common-btn {
		margin: 0;
		font-size: 14px;
		padding: 8px 15px;
	}

	.date-filters .left {
		display: flex;
		gap: 7px;
		flex-wrap: wrap;
		justify-content: right;
	}

	.date-filters input:focus-visible {
		outline: none;
	}


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

	.left .left-one,
	.left .left-two {
		width: 45%;
	}
}



/*-----------
  review section
 --------------------*/

.list__review {
	column-width: 18rem;
	column-gap: 1.5rem;
	list-style: none;
	padding-inline: 1rem;
	margin: 2rem 0;
}

.review__item:not(:first-child) {
	margin-block-start: 40px;
}

.review__item {
	position: relative;
	border-radius: 10px;
	padding: 15px;
	break-inside: avoid;
	background: #fff;
}

.review__heading {
	position: absolute;
	inset: 0 auto auto 0;
	background: #ffffff;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	border-radius: 8px;
	padding: 8px 10px;
	line-height: 1;
	transform: translate(-10px, -50%);
	box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.05), 0 1px 0 0 rgba(10, 10, 10, 0.05), 0 0.1em 0.6em -0.5em rgba(10, 10, 10, 0.05), 0 0.2em 1.2em -0.8em rgba(10, 10, 10, 0.1), 0 0.3em 0.7em -0.6em rgba(10, 10, 10, 0.2), 0 0.4em 0.8em -0.7em rgba(10, 10, 10, 0.3);
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	color: #fff;
}

.review__title {
	position: relative;
	font-size: 16px;
}

	.review__title::after {
		position: absolute;
		inset: -5px -0.25rem -5px auto;
		content: '';
		height: calc(0.625rem + 10px);
		width: 1px;
		background: rgba(10, 10, 10, 0.1);
	}

.review__stars {
	font-size: 12px;
}

.review__content {
	font-size: 16px;
	line-height: 20px;
	color: #222222;
	margin: 15px 0;
}

.review__author {
	font-size: 14px;
	margin: 0;
	font-weight: 600;
}


/*--------------
  footer css start
 ---------------------*/

footer.footer {
	text-align: center;
	background: #000;
	padding: 20px;
	color: #fff;
	font-weight: 400;
}

/*--------------
  footer css end
 ---------------------*/

/*-------------
 responsive start
 ----------------------*/
@media only screen and (max-width: 767px) {

	.header-section .navbar {
		padding: 8px 15px;
	}

	.nave-right {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.main-profile {
		display: block;
	}

		.main-profile .profile-right {
			padding: 0 0;
		}

		.main-profile .profile-left {
			position: inherit;
		}

	.athlet-profile .at-detail {
		flex-wrap: wrap;
		justify-content: center;
	}

	.advance-information ul {
		flex-wrap: wrap;
	}

	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		width: 100%;
		display: block;
	}

	.date-filters input {
		max-width: 100%;
		width: 100%;
	}

	.date-filters .left {
	}
}

@media only screen and (max-width: 992px) {
	.table-responsive {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		width: 100%;
		display: block;
	}

	.mentor-timetable table tbody td {
		padding: 10px;
	}

	.mentor-timetable .mptt-inner-event-content a {
		font-size: 16px;
	}

	.mentor-timetable table th {
		padding: 10px 0;
	}

	table.calendar.table-responsive {
		display: block;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.aethlet-dashboard .player-profile .pps-detail h2 {
		font-size: 33px;
	}

	/*    .aethlet-dashboard .player-profile .game-icon img {
        width: 64px;
        top: 40px;
        left: auto;
    }*/
}

/***pricing package***/

.pricingTable {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
	text-align: center;
	transition: all 0.4s ease-in-out 0s;
	cursor: pointer;
	position: relative;
	background: #fff;
	margin: 0 0 15px;
	border: 2px solid #f9c056;
}

.pricingTable-header {
	padding: 5px 10px;
	background-color: #fff;
}

.pricingTable .pricingTable-header h3 {
	font-size: 20px;
	/* letter-spacing: 2px; */
	color: #000;
	text-transform: capitalize;
	margin-top: 10px;
}

.pricingTable-header span {
	display: block;
	font-size: 12px;
}

.pricing-plans {
	padding: 5px 0;
}

.price-value {
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	display: inline-block;
	position: relative;
}

	.price-value i {
		position: absolute;
		top: 3px;
		font-size: 22px;
	}

	.price-value span {
		font-size: 24px;
		color: #fff;
		margin-left: 17px;
		font-weight: 500;
	}

.pricing-plans .month {
	color: #fff;
	display: inline-block;
	font-size: 15px;
	margin-top: 0px;
	font-weight: 100;
}

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

	.pricingContent ul li {
		padding: 12px 0;
		text-transform: capitalize;
	}

		.pricingContent ul li:nth-child(even) {
			background-color: #f7f8f4;
		}

.pricingTable .pricingTable-sign-up {
	padding: 20px 0;
	border-top: 1px solid #dbdbdb;
}

.pricingTable-sign-up .common-btn {
	margin: 0;
	font-size: 14px;
	padding: 8px 15px;
}

.pricingTable .pricing-plans {
	/*    background: linear-gradient(to right, #f9c056, #f9c056);*/
	background: linear-gradient(to right, #33579e, #33579e);
	border: 2px solid #f9c056;
	border-right: none;
	border-left: none;
}

.pricingTable:before,
.pricingTable:after {
	content: "";
	display: block;
	width: 100%;
	height: 70px;
	border: 2px solid transparent;
	position: absolute;
	left: 0;
	transition: all 0.3s ease 0s;
}

.pricingTable:before {
	top: 0;
	border-bottom: none;
}

.pricingTable:after {
	bottom: 0;
	border-top: none;
}

.pricingTable:hover:before,
.pricingTable:hover:after {
	height: 50%;
	border-color: #f9c056;
}

.pricingTable .pricingTable-signup:hover {
	text-decoration: none;
}


@media only screen and (max-width: 990px) {
	.pricingTable {
		margin-bottom: 30px;
	}
}

/***Entry from section***/

.main-profile.entry-profile {
	max-width: 800px;
	margin: 0 auto;
}

.custom-datepicker button {
	margin: 0;
	height: auto;
	border: 1px solid #ccc;
}

.custom-datepicker i {
	padding: 3px 0;
}

.custom-datepicker button:hover {
	background: linear-gradient(to right, #FF416C, #FF4B2B);
	border-color: #FF4B2B;
}

.gj-picker-bootstrap [role=header] [role=date],
.gj-picker-bootstrap.datetimepicker [role=header] [role=time] {
	font-size: 16px !important;
}

.gj-picker.datetimepicker [role=header] [role=date] {
	padding-bottom: 0 !important;
}

.gj-picker-bootstrap.datetimepicker [role=header] {
	padding: 8px 10px !important;
}

.gj-picker-bootstrap table tr td div,
.gj-picker-bootstrap table tr th div {
	display: block !important;
	width: 45px !important;
	height: 30px !important;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
	color: #fff !important;
	background: linear-gradient(to right, #FF416C, #FF4B2B) !important;
	border-color: #FF4B2B !important;
	border-radius: 4px !important;
}

.custom-datepicker .gj-icon {
	font-size: 16px;
}

/***price range slider****/

.price-range-slider {
	width: 100%;
	float: left;
	/* padding: 10px 20px; */
}

	.price-range-slider .range-value {
		margin: 0;
	}

		.price-range-slider .range-value input {
			background: none;
			color: #000;
			font-weight: initial;
			box-shadow: none;
			margin: 0px 0 15px 0;
			width: 100%;
			padding: 12px;
			border: 1px solid #ccc;
			border-radius: 4px;
			font-size: 16px;
		}

	.price-range-slider .range-bar {
		border: none !important;
		background: #000;
		height: 3px;
		width: 96%;
		margin-left: 8px;
		margin-bottom: 18px
	}

		.price-range-slider .range-bar .ui-slider-range {
			background: #FF416C;
		}

		.price-range-slider .range-bar .ui-slider-handle {
			border: none;
			border-radius: 25px;
			background: #fff;
			border: 2px solid #FF416C;
			height: 15px;
			width: 15px;
			top: -7px;
			cursor: pointer;
		}

			.price-range-slider .range-bar .ui-slider-handle + span {
				background: linear-gradient(to right, #FF4B2B, #FF416C);
			}

/*--- /.price-range-slider ---*/

/***data table***/

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

	.panel .panel-heading {
		padding: 0 0 20px 0;
		border-radius: 0;
		margin: 0;
	}

		.panel .panel-heading .title {
			color: #566787;
			font-size: 22px;
			font-weight: 400;
			text-transform: capitalize;
			margin: 6px 0;
		}

			.panel .panel-heading .title span {
				font-weight: 700;
			}

		.panel .panel-heading .search-box {
			position: relative;
		}

			.panel .panel-heading .search-box i {
				color: #a0a5b1;
				font-size: 13px;
				position: absolute;
				top: 11px;
				left: 15px;
			}

			.panel .panel-heading .search-box .form-control {
				padding: 6px 15px 5px 38px;
				border-color: #ddd;
				border-radius: 0;
			}

				.panel .panel-heading .search-box .form-control:focus {
					border-color: #3FBAE4;
					box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
				}

	.panel .panel-body {
		padding: 0;
	}

		.panel .panel-body .table {
			margin: 0;
		}

	.panel .table-responsive .table-bordered {
		border: 1px solid #ddd;
	}

	.panel .panel-body .table thead tr th {
		font-size: 17px;
		font-weight: 500;
		padding: 12px;
		background: transparent;
		color: #fff;
	}

	.panel .panel-body .table thead tr {
		background: linear-gradient(to right, #33579e, #33579e);
	}

	.panel .panel-body .table tbody tr td {
		color: #000;
		font-size: 16px;
		padding: 12px 12px;
		vertical-align: middle;
		border: 1px solid #F4F4F4;
	}

	.panel .panel-body .table tbody .action-list {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.panel .panel-body .table tbody .action-list li {
			display: inline-block;
			margin: 0 5px;
		}

			.panel .panel-body .table tbody .action-list li a {
				color: #03A9F4;
				font-size: 16px;
				position: relative;
				z-index: 1;
				transition: all 0.3s ease 0s;
			}

				.panel .panel-body .table tbody .action-list li a:hover {
					text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
				}

				.panel .panel-body .table tbody .action-list li a.edit {
					color: #000;
				}

				.panel .panel-body .table tbody .action-list li a.delete {
					color: #E34724;
				}

				.panel .panel-body .table tbody .action-list li a:before,
				.panel .panel-body .table tbody .action-list li a:after {
					content: attr(data-tip);
					color: #fff;
					background-color: #111;
					font-size: 12px;
					padding: 5px 7px;
					border-radius: 4px;
					text-transform: capitalize;
					display: none;
					transform: translateX(-50%);
					position: absolute;
					left: 50%;
					top: -32px;
					transition: all 0.3s ease 0s;
				}

				.panel .panel-body .table tbody .action-list li a:after {
					content: '';
					height: 15px;
					width: 15px;
					padding: 0;
					border-radius: 0;
					transform: translateX(-50%) rotate(45deg);
					top: -18px;
					z-index: -1;
				}

				.panel .panel-body .table tbody .action-list li a:hover:before,
				.panel .panel-body .table tbody .action-list li a:hover:after {
					display: block;
				}

	.panel .panel-footer {
		color: #999;
		background-color: transparent;
		padding: 15px 0 0;
		border: none;
	}

		.panel .panel-footer .col {
			line-height: 35px;
		}

	.panel .label {
		color: #fff;
		padding: 3px 8px;
		font-size: 14px;
		;
	}

.pagination {
	margin: 0;
}

	.pagination li a {
		color: #999;
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		line-height: 32px;
		width: 30px;
		height: 30px;
		border-radius: 30px;
		padding: 0;
		margin: 0 2px;
		border: none;
		display: inline-block;
	}

	.pagination li:first-child a,
	.pagination li:last-child a {
		border-radius: 0px;
	}

	.pagination li a:hover {
		color: #999;
		background: #e9ecef;
	}

	.pagination li a:focus,
	.pagination li.active a {
		color: #fff;
		background: linear-gradient(to right, #33579e, #33579e);
	}

.label-success {
	background-color: #5cb85c;
}

.label-warning {
	background-color: #f0ad4e;
}

.label-danger {
	background-color: #d9534f;
}

@media only screen and (max-width:767px) {
	.panel .panel-heading .title {
		text-align: left;
		margin: 0 0 10px;
	}
}

/***student dashboart start****/

.dashboart-navbar {
	transition: all 0.5s;
	z-index: 997;
	height: 70px;
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
	background-color: #fff;
	padding-left: 0;
}

	.dashboart-navbar a.navbar-brand img {
		width: 150px;
	}

	.dashboart-navbar a.navbar-brand {
		font-weight: bold;
		margin-bottom: 0;
		margin-top: 0;
	}

	.dashboart-navbar .nav-profile span {
		font-size: 16px;
		font-weight: 500;
	}

	.dashboart-navbar .nav-profile img {
		height: 40px;
		width: 40px;
		overflow: hidden;
	}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

.blinking-notification {
	animation: blink 1s infinite;
}

.dashboart-navbar .navbar-brand {
	font-weight: bold;
}

.dashboart-navbar .navbar .dropdown-toggle img {
	border: 2px solid #dee2e6;
}

/* Smooth Transition for Dropdown */
.dashboart-navbar .dropdown-menu {
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
	transform: translateX(0);
	animation-name: dropdown-animate;
	animation-duration: 0.2s;
	animation-fill-mode: both;
	border: 0;
	box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
	border-radius: 0;
	padding: 0;
	width: 180px;
}

	.dashboart-navbar .dropdown-menu:before {
		content: "";
		width: 13px;
		height: 13px;
		background: #fff;
		position: absolute;
		top: -7px;
		right: 20px;
		transform: rotate(45deg);
		border-top: 1px solid #eaedf1;
		border-left: 1px solid #eaedf1;
		z-index: -9;
	}


.dashboart-navbar .show .dropdown-menu {
	transform: translateY(0);
}

.dashboart-navbar a.dropdown-item {
	margin: 0;
	padding: 10px 10px;
	border-bottom: 1px solid #d9d1d196;
}

.dashboart-navbar:last-child a.dropdown-item {
	border-bottom: none;
}

.dashboart-navbar a.dropdown-item:hover {
	background: linear-gradient(to right, #33579e, #33579e);
	color: #fff;
}

/* Profile image and spacing */
.dashboart-navbar .nav-profile {
	display: flex;
	align-items: center;
	margin: 9px 0px;
}

.dashboart-navbar .dropdown-item.active {
	background: linear-gradient(to right, #FF4B2B, #FF416C);
}

.player-profile .pps-detail {
	background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
	border: none;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 0 15px #e5e5e5;
	color: #fff;
	padding: 30px 15px 15px;
	position: relative;
	background-image: url('../images/mentor.jfif');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

	.player-profile .pps-detail h2 {
		text-align: left;
		font-size: 34px;
		width: 230px;
		font-weight: 500;
		text-transform: capitalize;
		margin-bottom: 10px;
		color: #fff;
	}

/*.player-profile .game-icon img {
    width: 65px;
    position: absolute;
    right: 30px;
    top: 48px;
    left: auto;
}*/
.player-profile .game-icon img {
	width: 34px;
	position: relative;
	/* right: 30px;
      top: 48px; */
	left: auto;
	padding: 2px;
}

.game-icon {
	position: absolute;
	right: 20px;
	top: 50px;
}

.s-icon {
	position: relative;
	right: auto;
	top: 7px;
	left: auto;
}

	.s-icon ul {
		display: flex;
		gap: 10px;
		/* align-items: center; */
	}

		.s-icon ul li a img {
			filter: invert(1);
			width: 24px;
		}

.player-profile {
	border: none;
	/*    position: sticky;*/
	top: 20px;
	margin-bottom: 25px;
}

.player-detail {
	padding: 20px 20px;
}

	.player-detail p {
		margin: 0;
		font-size: 16px;
		font-weight: 400;
		padding: 6px 0;
	}

.profile-details {
	position: relative;
	max-width: 407px;
}

@keyframes lightJump {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

.game-icon img {
	animation: lightJump 2s ease-in-out infinite;
	width: 100px;
}

.player-profile .country-name {
	font-size: 18px;
	font-weight: 300;
}


.social-menu ul {
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
}

	.social-menu ul li {
		list-style: none;
		margin: 0 12px 0 0;
	}

		.social-menu ul li .fa {
			font-size: 16px;
			line-height: 34px;
			transition: .3s;
			color: #000;
		}

		.social-menu ul li a:hover .fa {
			color: #fff;
		}

		.social-menu ul li a {
			position: relative;
			display: block;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			background-color: #f6f6fe;
			text-align: center;
			transition: .6s;
			box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
			margin: 0;
		}

			.social-menu ul li a:hover {
				transform: translate(0, -10%);
			}

/*        .social-menu ul li:nth-child(1) a:hover {
            background-color: #0d6efd;
            ;
        }

        .social-menu ul li:nth-child(2) a:hover {
            background-color: #E4405F;
        }

        .social-menu ul li:nth-child(3) a:hover {
            background-color: #0077b5;
        }*/



.sidebar {
	height: 100vh;
	background-color: #111827;
}

.player-profile img {
	width: 100%;
	border-radius: 0;
}

.player-profile .social-menu ul li a {
	border-radius: 0;
	box-shadow: none;
}

.pps-detail img.flag-img {
	width: 30px;
	margin-right: 10px;
}

.stat-box {
	border-radius: 10px;
}

.card {
	border-radius: 6px;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
	border: none;
}

.vs p {
	font-weight: bold;
	font-size: 24px;
}

.flag-img {
	width: 30px;
	height: auto;
}

.table thead {
	background-color: #f8f9fa;
}

.table th,
.table td {
	vertical-align: middle;
}




/* Table styling */
.custom-table .table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 5px;
}

.custom-table .table-border th,
.table-border td {
	border: 1px solid #f2f2f2;
	padding: 10px;
	text-align: left;
}

.custom-table .table-border td {
	font-size: 15px;
}

.custom-table .table-border th {
	background-color: #f2f2f2;
	font-weight: 500;
	/* border: 1px solid #e0dfdf; */
}

.custom-table .animated-table tbody tr {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInSlideUp 1s forwards;
}

	/* Animation delay for each row */
	.custom-table .animated-table tbody tr:nth-child(1) {
		animation-delay: 0.3s;
	}

	.custom-table .animated-table tbody tr:nth-child(2) {
		animation-delay: 0.6s;
	}

	.custom-table .animated-table tbody tr:nth-child(3) {
		animation-delay: 0.9s;
	}

@keyframes fadeInSlideUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Add hover effect for rows */
.custom-table .animated-table tbody tr:hover {
	background-color: #f9f9f9;
	transition: background-color 0.3s ease;
}


/* Star Rating Styling */
.rating i {
	color: #f6d10b;
	margin-right: 0px;
	font-size: 14px;
}

.rating-number {
	margin-left: 5px;
	font-size: 14px;
	color: #333;
}

/**suggestion  session css start***/

.suggestion-session .stat-box {
	position: relative;
	overflow: hidden;
	color: white;
	border-radius: 6px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease;
	padding: 20px 12px;
	margin: 7px 0;
	cursor: pointer;
}

	/* Vector background patterns */
	.suggestion-session .stat-box:hover {
		transform: translateY(-10px);
	}

/* Inline SVG style */
.suggestion-session .background-svg {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 140px;
	height: 140px;
	transform: rotate(45deg);
}

/* Animation for text */
.suggestion-session .stat-box h5,
.suggestion-session .stat-box p {
	opacity: 0;
	/* transform: translateY(20px); */
	animation: fadeIn 0.8s forwards;
	font-size: 20px;
	margin-bottom: 0;
}

.suggestion-session .stat-box:hover h5,
.suggestion-session .stat-box:hover p {
	animation-delay: 0.3s;
}

.suggestion-session .stat-box p {
	margin-top: 15px;
	font-size: 18px !important;
}

@keyframes fadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Custom styles for each section */
.suggestion-session .regular-season {
	background-color: #e74c3c;
}

.suggestion-session .post-season {
	background-color: #3498db;
}

.suggestion-session .career {
	background-color: #ebc21c;
}

.background-svg {
	animation: pulse 4s infinite ease-in-out;
	transition: transform 0.5s ease, fill 0.5s ease;
}

/* On hover - scale and rotate SVG */
.stat-box:hover .background-svg {
	transform: rotate(15deg) scale(1.5);
}

@keyframes pulse {

	0%, 100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}
}

/* Blink animation for p tag */
.stat-box p {
	animation: blink 2s infinite;
	opacity: 0;
	/* Start as invisible */
	animation-timing-function: ease-in-out;
	z-index: 1;
	/* Ensure text is above SVG */
}

/* Blink keyframes */
@keyframes blink {

	0%, 100% {
		opacity: 0;
		/* Invisible at start and end */
	}

	50% {
		opacity: 1;
		/* Fully visible in the middle */
	}
}

/***aethlet time**/

/* .aethlet-time .mentor-timetable {
  margin-top: 7px;
}

.aethlet-time .mentor-timetable table {
  box-shadow: none;
  border: none;
}

.aethlet-time .mentor-timetable table th {
  padding: 10px 0;
}

.aethlet-time .mentor-timetable table tbody td {
  height: 60px;
}

.aethlet-time .mentor-timetable .mptt-inner-event-content a {
  font-size: 14px;
  padding: 5px 6px;
  line-height: 15px;
}

.aethlet-time .mentor-timetable .mptt-inner-event-content a img {
  width: 18px;
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
} */

/* .aethlet-time .mentor-timetable .mptt-inner-event-content a span {
  font-size: 10px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
} */

.main-calendar-section.aethlet-time .calendar th,
.main-calendar-section.aethlet-time .calendar td {
	height: 60px;
}

.main-calendar-section.aethlet-time .calendar th,
.main-calendar-section.aethlet-time .calendar td {
	padding: 2px;
}

.main-calendar-section.aethlet-time .event-box strong {
	font-size: 16px;
	font-weight: 400;
}

.main-calendar-section.aethlet-time .event-box {
	padding: 5px 3px;
	font-size: 9px;
}

.main-calendar-section.aethlet-time .calendar {
	box-shadow: none;
}

.main-calendar-section.aethlet-time {
	margin-bottom: 0;
}

/**metor profile***/

.aethlet-dashboard .custome-heading h2 {
	text-align: center;
	margin: 30px 0;
}

.mentor-details h3 {
	font-size: 34px;
	font-weight: 600;
}

.mentor-details p {
	margin: 0;
	font-size: 18px;
	padding: 3px 0;
	font-weight: 400;
	line-height: 26px;
}

/* Custom Styles */
.mentor-card {
	padding: 15px 0;
	border-radius: 10px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/*.mentor-image {
    max-width: 180px;
    border-radius: 50%;
    transition: transform 0.3s ease;
    margin: 0 auto;
    display: block;
    border: 3px solid #163f77;
}*/
.mentor-image {
	max-width: 180px;
	border-radius: 100%;
	transition: transform 0.3s ease;
	margin: 0 auto;
	display: block;
	border: 3px solid #163f77;
	width: 100%;
	height: 160px;
	object-fit: cover;
}

	.mentor-image:hover {
		transform: rotate(10deg);
	}

.mentor-card:hover .mentor-image {
	transform: rotate(10deg);
}

@media (max-width: 768px) {
	.mentor-card {
		text-align: center;
	}

	.mentor-image {
		margin-bottom: 20px;
	}
}


/**outer***/

.news-section {
	overflow: hidden;
	padding: 8px 15px;
	margin: 20px 0;
	background: #f6f6fe;
}

	.news-section .line {
		font-size: 16px;
		text-align: left !important;
	}

/***clalender table***/

.main-calendar-section {
	margin-bottom: 50px;
}

	.main-calendar-section .calendar {
		width: 100%;
		max-width: 100%;
		border-collapse: collapse;
		box-shadow: 0 0 15px #e5e5e5;
		background: #fff;
	}

	.main-calendar-section .ch-right {
		display: flex;
		gap: 8px;
	}

		.main-calendar-section .ch-right .nav-button {
			margin: 0;
		}

	.main-calendar-section .calendar th,
	.main-calendar-section .calendar td {
		padding: 10px;
		text-align: center;
		border: 1px solid #F4F4F4;
		height: 90px;
		width: 200px;
		cursor: pointer;
	}

	.main-calendar-section .ch-right .nav-button {
		margin: 0;
		background: linear-gradient(to right, #FF4B2B, #FF416C);
		transition: all .5s ease 0s;
		border-radius: 4px;
	}

	.main-calendar-section .calendar th {
		color: #000;
		width: 12.5%;
		padding: 25px 15px;
		font-weight: 400;
		border: 1px solid #F4F4F4;
		text-align: center;
	}

	/* Header Styling */
	.main-calendar-section .calendar-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}

	.main-calendar-section .month-name {
		font-size: 20px;
		font-weight: 500;
		text-transform: capitalize;
	}

	.main-calendar-section .nav-button {
		cursor: pointer;
		padding: 5px 10px;
		background-color: #007bff;
		color: white;
		border: none;
		font-size: 0.9em;
		border-radius: 4px;
	}

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

	.main-calendar-section .calendar th,
	.main-calendar-section .calendar td {
		font-size: 14px;
	}
}

/* Popup Styling */
.main-calendar-section .popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	padding: 20px;
	background-color: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

	.main-calendar-section .popup input,
	.main-calendar-section .popup button {
		width: 100%;
		padding: 10px;
		margin-top: 10px;
	}

	.main-calendar-section .popup button {
		width: 100%;
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 0;
		background: linear-gradient(to right, #FF4B2B, #FF416C);
		transition: all .5s ease 0s;
		margin: 12px 0 0;
	}

		.main-calendar-section .popup button:hover {
			color: #fff;
		}

.main-calendar-section .event-btn {
	display: flex;
	gap: 5px;
}

.main-calendar-section .overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}


.event-box {
	margin: 0;
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	color: #fff;
	padding: 5px 5px;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	margin-bottom: 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	text-transform: capitalize;
}

	.event-box strong {
		font-size: 18px;
		font-weight: 400;
	}


@media (max-width: 767px) {

	.event-box strong {
		font-size: 15px;
		font-weight: 400;
	}

	.main-calendar-section .calendar th,
	.main-calendar-section .calendar td {
		height: 70px;
	}
}


/***mentor dashboard***/

.main-content {
	padding: 20px;
}

.banner {
	background-color: #e6d7ff;
	padding: 40px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 20px;
}

.featured,
.members {
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

	.members img {
		border-radius: 50%;
		width: 40px;
		margin-right: 10px;
	}

/* Smooth transition */
.smooth-transition {
	transition: all 0.3s ease;
}


/* 
.mentordashboard-section {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 20px;
  padding: 20px;
} */

/* Feed Section */
.feed {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

	.feed .card {
		background-color: #fff;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}

.btn.predictions {
	background-color: #ff4a57;
	color: #fff;
	padding: 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

/* Profile Section */
.profile {
	background-color: #fff;
	padding: 16px;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.profile-header {
	display: flex;
	align-items: start;
	gap: 5px;
	flex-direction: column;
	max-width: 80%;
}

	.profile-header h2 {
		margin: 0;
		font-size: 40px;
		color: #fff;
		text-align: left;
	}

.rating {
	font-size: 1.5em;
	color: #fff;
	text-transform: capitalize;
}

.play-button {
	background: none;
	border: none;
	font-size: 2em;
	cursor: pointer;
}

.characteristics ul {
	list-style-type: none;
	margin-top: 10px;
}

/* Fans and Live Matches */
.award-wining {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: sticky;
	top: 5px;
}

	.award-wining .card.poster {
		padding: 15px 15px;
		/* display: flex; */
		/* flex-direction: column; */
		/* gap: 20px; */
	}

.fans,
.live-matches {
	background-color: #fff;
	padding: 16px;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

ul {
	list-style-type: none;
}

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

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

	.profile-header {
		/* flex-direction: column; */
		/* align-items: center; */
	}
}

.video-container {
	width: 100%;
	/* max-width: 600px; */
	/* margin: 20px auto; */
	overflow: hidden;
	border-radius: 8px;
}

	.video-container img {
		width: 100%;
		object-fit: cover;
	}

.profile-video {
	width: 100%;
	height: auto;
	display: block;
}

.profile-header p {
	margin: 0;
	font-size: 16px;
	background: #f7c15c;
	padding: 5px 10px;
	color: #000;
	border-radius: 0;
	width: fit-content;
}

.pulse {
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}

	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

.rating-section {
	font-size: 12px;
	padding: 10px 0;
	max-width: 58%;
}

.main-social {
	display: flex;
	position: relative;
	align-items: center;
	gap: 5px;
}

.characteristics {
	padding: 20px 0 0;
	font-size: 17px;
}

.award-slide img {
	width: 100%;
	/* padding: 15px 15px; */
	height: 185px;
	object-fit: cover;
	border-radius: 6px;
	margin-bottom: 12px;
}

.slider-container {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.award-slides-container {
	display: flex;
	transition: transform 0.6s ease-in-out;
}

.award-slide {
	flex: 0 0 100%;
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	padding: 0 5px;
}

.live-matches .news-section {
	margin: 0;
}

	.live-matches .news-section .line {
		padding: 2px 0;
	}

	.live-matches .news-section ul {
		padding-left: 15px;
	}

		.live-matches .news-section ul li {
			list-style-type: circle;
		}

@media (max-width: 576px) {
	.timetable-list {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	span.timetable-color {
		top: 10px !important;
	}
}

@media (max-width: 767px) {
	span.timetable-color {
		top: 10px !important;
	}
}

/***toggle switch***/

/*.toggle-switch .toggle-container {
    position: absolute;
    top: 15px;
    right: 41px;
    display: flex;
    align-items: center;
    gap: 3px;
}

    .toggle-switch .toggle-container label {
        margin: 0;
        position: relative;
        z-index: 99;
        left: 8px;
    }*/
.toggle-switch .toggle-container {
	/*    position: absolute;*/
	top: 11px;
	right: 0;
	display: flex;
	align-items: center;
	/*    gap: 7px;*/
	width: 100%;
	/*    justify-content: space-around;*/
	padding: 0 25px;
	gap: 10px;
}

.main.from-section input {
	margin: 7px auto;
}


.right-t {
	display: flex;
	gap: 6px;
}

.rts-section {
	display: flex;
	gap: 5px;
	align-items: center;
	font-size: 14px;
}

.toggle-switch .toggle-container label {
	margin: 0;
	position: relative;
	z-index: 99;
	left: 0;
	gap: 12px;
	font-size: 23px;
	color: #000;
	font-weight: 400;
	font-size: 28px;
}

.toggle-switch .toggle-container input {
	height: auto;
}

.toggle-switch .switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 25px;
}

	.toggle-switch .switch input {
		display: none;
	}

.toggle-switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #008000;
	transition: 0.4s;
	border-radius: 20px;
}

	.toggle-switch .slider:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 16px;
		left: 5px;
		bottom: 3px;
		background-color: #fff;
		transition: 0.4s;
		border-radius: 50%
	}

.toggle-switch input:checked + .slider {
	background-color: #000;
}

	.toggle-switch input:checked + .slider:before {
		transform: translateX(30px);
		background-color: white;
	}

.toggle-switch #roleLabel {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	font-weight: 400;
}

.panel-heading.reschedule {
	margin-top: 30px;
}

/***herosectin***/

.card.mentor-discription {
	border-radius: 0 0 6px 6px;
}

.hero {
	position: relative;
	height: auto;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 0 15px #e5e5e5;
	color: #fff;
	padding: 30px 15px 15px;
	position: relative;
	/* background-image: url(../images/mentor.jfif);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; */
	background-color: #184b94;
}

.hero__title {
	color: white;
	margin: 0 0 0.25rem !important;
	font-weight: 400;
}

.hero__text {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
	line-height: 1.7;
	margin-top: 0;
	max-width: 58%;
}

.hero__cta {
	padding-left: 3rem;
	padding-right: 3rem;
	text-transform: uppercase;
	font-size: 0.875rem;
}

.hero__img {
	width: 40%;
	max-width: 350px;
	position: absolute;
	overflow: hidden;
	height: calc(110%);
	top: -10%;
	right: 2rem;
}

	.hero__img img {
		width: 100%;
		height: auto;
	}

/***card slider***/


.post-slide {
	background: #fff;
	margin: 5px 5px 5px;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

	.post-slide .post-img {
		position: relative;
		overflow: hidden;
		border-radius: 6px 6px 0 0;
		height: 140px;
		/*margin: -12px 15px 8px 15px;
  margin-left: -10px; */
	}

		.post-slide .post-img img {
			width: 100%;
			height: auto;
			/* transform: scale(1,1); */
			transition: transform 0.2s linear;
		}

	/* .post-slide:hover .post-img img{
  transform: scale(1.1,1.1);
} */
	.post-slide .over-layer {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
		transition: all 0.50s linear;
	}

	.post-slide:hover .over-layer {
		opacity: 1;
		text-decoration: none;
	}

	.post-slide .over-layer i {
		position: relative;
		top: 45%;
		text-align: center;
		display: block;
		color: #fff;
		font-size: 25px;
	}

	.post-slide .post-content {
		background: #fff;
		padding: 2px 10px 15px;
		border-radius: 15px;
	}

	.post-slide .post-title a {
		text-decoration: none;
		font-weight: 500;
		color: #000;
		display: block;
		text-transform: capitalize;
		transition: all 0.3s ease 0s;
		font-size: 18px;
		margin-bottom: 0;
		letter-spacing: 0.5px;
	}

		.post-slide .post-title a:hover {
			text-decoration: none;
			color: #3498db;
		}

	.post-slide .post-description {
		color: #000;
		margin-bottom: 0;
		margin: 0;
		font-size: 14px;
	}

	.post-slide .post-date {
		color: #a9a9a9;
		font-size: 14px;
	}

		.post-slide .post-date i {
			font-size: 20px;
			margin-right: 8px;
			color: #CFDACE;
		}

	.post-slide .read-more {
		padding: 7px 20px;
		float: right;
		font-size: 12px;
		background: #2196F3;
		color: #ffffff;
		box-shadow: 0px 10px 20px -10px #1376c5;
		border-radius: 25px;
		text-transform: uppercase;
	}

		.post-slide .read-more:hover {
			background: #3498db;
			text-decoration: none;
			color: #fff;
		}

.owl-controls .owl-buttons {
	text-align: center;
	margin-top: 20px;
}

	.owl-controls .owl-buttons .owl-prev {
		background: #fff;
		position: absolute;
		top: -13%;
		left: 15px;
		padding: 0 18px 0 15px;
		border-radius: 50px;
		box-shadow: 3px 14px 25px -10px #92b4d0;
		transition: background 0.5s ease 0s;
	}

	.owl-controls .owl-buttons .owl-next {
		background: #fff;
		position: absolute;
		top: -13%;
		right: 15px;
		padding: 0 15px 0 18px;
		border-radius: 50px;
		box-shadow: -3px 14px 25px -10px #92b4d0;
		transition: background 0.5s ease 0s;
	}

		.owl-controls .owl-buttons .owl-prev:after,
		.owl-controls .owl-buttons .owl-next:after {
			content: "\f104";
			font-family: FontAwesome;
			color: #333;
			font-size: 30px;
		}

		.owl-controls .owl-buttons .owl-next:after {
			content: "\f105";
		}

@media only screen and (max-width:1280px) {
	.post-slide .post-content {
		padding: 0px 15px 25px 15px;
	}
}



@keyframes hero-bounce {

	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-15px);
	}

	60% {
		transform: translateY(-15px);
	}
}

.welcome-section h2 {
	margin-top: 0;
	text-align: left;
	font-size: 36px;
	color: #fff;
}

.welcome-section p {
	margin: 12px 0;
	font-size: 20px;
	color: #fff;
}

.welcome-section {
	padding: 20px;
	color: #fff;
	overflow: hidden;
	position: relative;
	background-color: #000;
	margin-bottom: 20px;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	animation-duration: 3.5s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
	animation-name: hero-bounce;
}

	.welcome-section::before {
		content: "";
		position: absolute;
		top: 0;
		left: -50%;
		/* Start animation from outside the element */
		width: 200%;
		height: 100%;
		background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 70%);
		animation: spotlight 3s linear infinite;
		/* Spotlight animation */
	}

@keyframes spotlight {
	0% {
		left: -50%;
	}

	100% {
		left: 100%;
	}
}

.chart-section .tabs {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
	font-weight: bold;
}

	.chart-section .tabs .tab.active {
		background: linear-gradient(to right, #33579e, #33579e);
		color: #fff;
	}

	.chart-section .tabs .tab:hover {
		background: linear-gradient(to right, #f7c15c, #f7c15c);
		color: #000;
	}

	.chart-section .tabs .tab {
		border: none;
		background: none;
		cursor: pointer;
		padding: 5px 10px;
		margin-left: 10px;
		font-size: 14px;
		color: #000;
		background: #e7e7e7;
		height: auto;
		font-weight: 500;
		border-radius: 4px;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
		transition: all .5s ease 0s;
	}


/***mentor review silder***/

.mentor-review-slider .slider-container {
	height: 130px; /* Height to show only one review at a time */
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	position: relative;
}

.mentor-review-slider .slider-content {
	/* display: flex; */
	align-items: center;
	padding: 10px;
	box-sizing: border-box;
	/* height: 105px; */
	margin-bottom: 10px;
	width: 100%;
}

.mentor-review-slider .review {
	display: flex;
	align-items: center;
	padding: 5px 0;
	box-sizing: border-box;
}

.mentor-review-slider .profile {
	display: flex;
	/* align-items: center; */
	box-shadow: none;
	padding: 10px;
	margin-bottom: 0;
	border: 1px solid #f7f1f1;
	width: 100%;
}

.mentor-review-slider .profile-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}

.mentor-review-slider .pr-detail h5 {
	color: #000;
	margin: 0;
	font-size: 16px;
}

.mentor-review-slider .review-text {
	font-size: 14px;
	color: #555;
	margin: 5px 0;
}

.mentor-review-slider .stars {
	color: #ffd700;
	font-size: 16px;
}


.main-chart-section .chart {
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 370px;
	max-width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

.main-chart-section .chart-container {
	width: 100%;
	height: 100%;
}

.main-chart-section canvas {
	width: 100% !important;
	height: 70% !important;
	object-fit: contain;
	padding-top: 15px;
	padding-bottom: 10px;
}

/***news slider***/

.news-card-slider #news-slider {
	display: flex;
}

.news-card-slider .post-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 24px;
	/* text-align: center; */
}

.news-card-slider .post-img img {
	width: 100%;
	height: auto;
}

.news-card-slider .post-content {
	padding: 10px;
	box-sizing: border-box;
}

.news-card-slider .post-slide .post-title a {
	margin-top: 0;
}

/****responsive start****/

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

	.welcome-section h2 {
		font-size: 26px;
	}

	.main-chart-section .chart {
		height: auto;
	}

	.welcome-section p {
		margin: 8px 0;
		font-size: 16px;
	}

	.welcome-section {
		padding: 12px 15px;
	}

	.profile-header h2 {
		font-size: 24px;
	}

	.hero {
		padding: 20px 15px 15px;
		height: 148px;
	}
}
/* 
:root {
  --gap: 15px;
  --duration: 20s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}


@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
} */

.marquee {
	animation: marquee 15s linear infinite;
	margin: 0 auto;
	color: #ffffff;
}

@keyframes marquee {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-100%);
	}
}

/* Container styling for responsive pie chart */
#repeatedSessionsChart {
	max-width: 100%;
	height: 300px !important;
	aspect-ratio: 2 / 2;
	display: block;
	margin: 0 auto;
	padding: 10px;
}


.main-profile input, .main-profile select {
}

.main-profile.entry-profile.new-entry-profile input,
.main-profile.entry-profile.new-entry-profile textarea,
.new-entry-profile select,
.new-entry-profile .note-editor.note-frame {
	padding: 12px 18px;
	border: 1px solid #ddd;
	border-radius: 10px;
	outline: none;
	font-size: 17px;
	background-color: #f7f7f7;
	transition: all 0.4s ease;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	font-family: 'Arial', sans-serif;
}

	.main-profile.entry-profile.new-entry-profile input:focus,
	.main-profile.entry-profile.new-entry-profile textarea:focus,
	.new-entry-profile select:focus,
	.new-entry-profile .note-editor.note-frame:focus {
		border-color: #33579e;
		background-color: #33579e21;
		box-shadow: 3px 3px 15px #fb765e3d;
	}

/* Custom Multi Select */
.sd-multiSelect {
	position: relative;
}

	.sd-multiSelect .placeholder {
		opacity: 1;
		background-color: transparent;
		cursor: pointer;
	}

	.sd-multiSelect .ms-offscreen {
		height: 1px;
		width: 1px;
		opacity: 0;
		overflow: hidden;
		display: none;
	}

	.sd-multiSelect .sd-CustomSelect {
		width: 100% !important;
		height: auto !important; /* Change for Mentor Update form - 50px*/
		overflow-y: auto;
	}

	.sd-multiSelect .ms-choice {
		position: relative;
		text-align: left !important;
		width: 100%;
		box-shadow: none;
		height: auto;
		font-weight: 500;
		color: #212529;
		line-height: 1.5;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0.25rem;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		border: 1px solid #ccc;
		border-radius: 4px;
		margin: 0;
		padding: 12px 18px;
		border: 1px solid #ddd;
		border-radius: 10px;
		outline: none;
		font-size: 17px;
		background-color: #f7f7f7;
		transition: all 0.4s ease;
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
	}

		.sd-multiSelect .ms-choice span {
			font-size: 16px;
		}



.ms-drop.bottom span {
	font-size: 15px;
	font-weight: 500;
}

.sd-multiSelect .ms-choice:after {
	content: "\f107 ";
	font-family: "FontAwesome";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
}

.sd-multiSelect .ms-choice:focus {
	border-color: #33579e;
	background-color: #33579e21;
	box-shadow: 3px 3px 15px #fb765e3d;
}

.sd-multiSelect .ms-drop.bottom {
	display: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 10px;
	position: absolute;
	width: 100%;
	z-index: 9;
}

.sd-multiSelect .ms-drop li {
	position: relative;
	margin-bottom: 10px;
}

	.sd-multiSelect .ms-drop li input[type="checkbox"] {
		padding: 0;
		height: initial;
		width: initial;
		margin-bottom: 0;
		display: none;
		cursor: pointer;
	}

	.sd-multiSelect .ms-drop li label {
		cursor: pointer;
		user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
	}


.weekly-data label input {
	width: auto;
}

.weekly-data {
	display: flex;
	align-items: center;
	gap: 15px;
	cursor: pointer;
}

div#reviews-container {
	border: 1px solid #c0c1c3;
	padding: 18px;
}

@media (min-width: 64rem) {
	.js .cd-schedule__event {
		position: absolute;
		z-index: 3;
		width: calc(100% + -5px);
		left: 2px;
		max-width: none;
		margin-right: 0;
	}
}


.timetable-list .no-data {
	position: absolute;
	left: 0;
	right: 0;
	max-width: 800px;
	margin: 0 auto;
}

	.timetable-list .no-data p {
		font-size: 18px;
		color: red;
		margin-top: 0;
		animation-duration: 3.5s;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
		animation-name: hero-bounce;
	}

.button-inline {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
}
/*suggestion  session css start**/

.suggestion-session .stat-box {
	position: relative;
	overflow: hidden;
	color: white;
	border-radius: 6px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease;
	padding: 7px 12px;
	margin: 5px 0;
	cursor: pointer;
}

	/* Vector background patterns */
	.suggestion-session .stat-box:hover {
		transform: translateY(-3px);
	}

/* Inline SVG style */
.suggestion-session .background-svg {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 80px;
	height: 80px;
	transform: rotate(45deg);
}

/* Animation for text */
.suggestion-session .stat-box h5,
.suggestion-session .stat-box p {
	opacity: 0;
	/* transform: translateY(20px); */
	animation: fadeIn 0.8s forwards;
	font-size: 18px;
	margin-bottom: 0;
}

.suggestion-session .stat-box:hover h5,
.suggestion-session .stat-box:hover p {
	animation-delay: 0.3s;
}

.suggestion-session .stat-box p {
	margin-top: 3px;
	font-size: 14px !important;
}

@keyframes fadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Custom styles for each section */
.suggestion-session .regular-season {
	background-color: #e74c3c;
}

.suggestion-session .post-season {
	background-color: #3498db;
}

.suggestion-session .career {
	background-color: #ebc21c;
}

.background-svg {
	animation: pulse 4s infinite ease-in-out;
	transition: transform 0.5s ease, fill 0.5s ease;
}

/* On hover - scale and rotate SVG */
.stat-box:hover .background-svg {
	transform: rotate(15deg) scale(1.5);
}

@keyframes pulse {

	0%, 100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}
}

.profile-detail-s {
	display: flex;
	gap: 15px;
}

/*For a Manage Upload Photos*/
.managepics .modal-header {
	background: #ccc;
	padding: 12px 15px;
}

.old-photo img {
	width: 170px;
	height: 130px;
	overflow: hidden;
	object-fit: contain;
}

.old-photo {
	margin: 0 auto;
	text-align: center;
}

.btn.btn-danger.cancle {
	background: #bb2d3b;
	color: #fff;
	border-color: #b02a37;
}

.btn btn-secondary.cancle {
	background: #bb2d3b;
	color: #fff;
	border-color: #b02a37;
}

.btn-info {
	color: #000;
	background-color: #31d2f2;
	border-color: #25cff2;
}

/*.ui-widget.ui-widget-content {
    top: auto !important;
    bottom: auto !important;
}*/

.custome-drpdown .dropdown-menuone {
	width: max-content !important;
	transform: translateX(-105px) !important;
}

.header-section.login-p {
	position: sticky;
	top: 0;
	z-index: 9;
}

	.header-section.login-p .dashboart-navbar {
		height: 80px;
	}

	.header-section.login-p .logo {
		flex: initial;
	}

.m-heading h2 {
	margin-bottom: 0;
}

footer.header-section.login-p.l-bottom {
	position: sticky;
	bottom: 0;
	z-index: 9;
}

	footer.header-section.login-p.l-bottom h4 {
		margin-bottom: 0;
	}

	footer.header-section.login-p.l-bottom nav.navbar {
		justify-content: center;
		height: 70px;
	}



.btn-group.button-space {
	display: flex;
	gap: 15px;
	justify-content: space-between;
}

	.btn-group.button-space .btn {
		flex: initial;
	}
/*------------
   responsive start
-----------------------*/
@media only screen and (max-width: 767px) {
	.header-section.login-p .dashboart-navbar {
		display: none;
	}

	.container-fluid {
		max-width: 100%;
	}

	.header-section .logo img {
		width: 140px;
	}

	.dashboart-navbar a.dropdown-item img {
		width: 18px;
		margin-right: 4px;
	}

	.dashboart-navbar a.dropdown-item {
		padding: 8px 10px;
	}

	.game-icon img {
		width: 36px !important;
	}

	.profile-detail-s {
		display: flex;
		gap: 15px;
		flex-direction: column;
	}

	.hero {
		height: auto;
	}

	.schedule-header {
		flex-direction: column;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.main-left-section {
		display: none;
	}

	.main {
		/*        width:100%;*/
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.mentor-review-slider .slider-container {
		padding: 10px 10px;
	}

	.profile-header {
		max-width: 100%;
	}

	.dashboart-navbar .dropdown-menu {
		width: auto;
		left: -120px;
		position: absolute;
	}

	.main-page-banner-section .page-title {
		font-size: 24px;
	}

	.main-profile {
		padding: 20px;
	}

	.main-page-banner-section .page-banner {
		padding-bottom: 70px;
		padding-top: 70px;
	}

	/*    .ui-widget.ui-widget-content {
        top: auto !important;
        bottom: 0 !important;
    }*/

	.dashboart-navbar a.navbar-brand img {
		width: 120px;
	}

	.dashboart-navbar .nav-profile span {
		display: none;
	}

	.dashboart-navbar .container-fluid {
		flex-wrap: nowrap;
		padding: 0;
	}

	.aethlet-dashboard .custome-heading h2 {
		margin: 20px 0;
		font-size: 22px;
	}

	.dashboart-navbar .nav-profile img {
		height: 35px;
		width: 35px;
	}

	.player-profile .pps-detail {
		padding: 15px 15px 15px;
	}

		.player-profile .pps-detail h2 {
			font-size: 24px;
			margin-bottom: 10px;
			width: 100%;
		}

	.player-profile .country-name {
		font-size: 16px;
	}

	.game-icon {
		position: relative;
		right: 0;
		top: 10px;
	}

	.player-detail {
		padding: 20px 15px;
	}

	.mentor-details h3 {
		font-size: 24px;
		margin-bottom: 5px !important;
	}

	.mentor-details p {
		font-size: 16px;
		padding: 2px 0;
	}

	.schedule-header {
		margin-left: 0;
		margin-right: 0;
	}

	.player-detail {
		padding: 20px 15px;
	}

	.search-result-detail:nth-child(even) {
		margin-right: 0;
	}

	.search-result-detail .appd-maininfo {
		padding-top: 8px;
		text-align: center;
	}

	.search-result-detail .aethlet-premium-packages .app-detail .appd-content {
		font-size: 20px;
		justify-content: center;
	}

	.search-result-detail .athlet-profile .play-categoary {
		margin: 4px auto;
	}

	.search-result-detail .reviews {
		justify-content: center;
	}

	.search-result-detail .aethlet-premium-packages .app-detail .appd-description .appd-content {
		font-size: 14px;
		padding-top: 12px;
	}

	.aethlet-premium-packages .appd-priceinfo .price-data {
		font-size: 18px;
	}

	.search-result-detail .aethlet-premium-packages .appd-priceinfo {
		padding-top: 10px;
	}

	.search-result h4 {
		font-size: 18px;
	}

	.search-result-detail:nth-child(odd) {
		margin-left: 0;
	}

	footer.footer {
		padding: 15px;
	}

	.search-img img {
		width: 160px;
		height: 160px;
	}

	.custome-drpdown .dropdown-menuone a {
		font-size: 13px;
	}

	.custome-drpdown .dropdown-menuone {
		width: max-content !important;
	}

	.crud-table .common-btn {
		margin-top: 0;
	}

	.price-value {
		font-size: 24px;
		line-height: 26px;
	}

		.price-value span {
			font-size: 20px;
		}

	.pricingTable:before, .pricingTable:after {
		height: 50px;
	}

	.at-detail .at-right h2 {
		font-size: 28px;
		margin-bottom: 8px;
	}

	.athlet-profile .atp-inner {
		padding: 20px;
	}

	.coaches-troy .nav-link {
		width: 100%;
	}

	div#reviews-container {
		padding: 13px;
	}

	.review__heading {
		transform: translate(0px, 0);
		position: relative;
	}

	.list__review {
		padding: 0;
	}
}

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

	.search-img img {
		width: 140px;
		height: 140px;
	}

	.search-result-detail .aethlet-premium-packages .app-detail .appd-content {
		font-size: 22px;
	}

	.search-result-detail .appd-priceinfo a.common-btn {
		padding: 8px 15px;
	}

	.search-result-detail:nth-child(even) {
		margin-right: 35px;
	}

	.search-result-detail:nth-child(odd) {
		margin-left: 35px;
	}

	.aethlet-premium-packages .appd-priceinfo .price-data {
		font-size: 18px;
	}

		.aethlet-premium-packages .appd-priceinfo .price-data small {
			font-size: 14px;
		}

	.header-section .logo img {
		width: 150px;
	}

	.main-left-section {
		padding: 10px;
	}

	.main {
		width: 330px;
		top: 100px;
	}


	.main-page-banner-section .page-title {
		font-size: 40px;
	}

	.main-page-banner-section .page-banner {
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.mentor-box {
		padding-top: 18px;
	}

	.ui-widget.ui-widget-content {
		top: auto !important;
		bottom: 0 !important;
	}

	.profile-header h2 {
		font-size: 32px
	}

	.hero__img {
		width: 24%;
		height: calc(100%);
		top: 0%;
		right: 0;
	}

	.hero {
		height: auto;
		padding: 20px 15px 20px;
	}

	.profile-header {
		max-width: 75%;
	}

	.crud-table .common-btn {
		margin-top: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
	.profile-header {
		max-width: 80%;
	}

	.hero__img {
		height: calc(100%);
		top: 0;
	}
}

.custom-table button.common-btn.open-rating-star {
	margin-top: 0;
}

.table-center {
	text-align: center !important;
}

.apd-section div a {
	position: absolute;
	top: auto;
	margin-top: 0;
}

.pending-player {
	font-size: 15px;
}

.r-table ul.action-list {
	display: flex;
	justify-content: space-around;
}

/* Highlight and blink effect */
.highlight-blink {
	color: #33579e; /* bright red or any attention-grabbing color */
	animation: blink 1s infinite;
	font-weight: bold;
}

@keyframes blink {
	0%, 100% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}
}

.award-wining .badge.bg-danger {
	border-radius: 50px;
	font-size: 14px;
	font-weight: 400;
	background: #33579e !important;
}

.award-wining h4 {
	margin-bottom: 0;
	font-weight: 400;
}

button#scheduleSessionConfirm {
	/* margin-right: 41px; */
	position: relative;
	right: 30px;
	/*    border: 1px solid #000;*/
	box-shadow: none;
	background: var(--bs-btn-hover-bg);
	color: #fff;
}

ul.action-list {
	display: flex;
	gap: 15px;
}


.btn.btn-primary {
	background: #33579e !important;
	color: #fff !important;
	padding: 6px 26px;
}

.btn.btn-danger {
	background: #bb2d3b;
	color: #fff !important;
}

/***card style**/

.p-card {
	max-width: 350px;
	border: 10px solid #132c80;
	height: 445px;
	background: #132c80;
}

.p-card-inner {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.right-panel img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	overflow: hidden;
}

.left-panel {
	background: #e6a748;
	flex: 0 0 30%;
	max-width: 30%;
	height: 100%;
}

.lp-top {
	writing-mode: vertical-rl;
	padding: 0 0;
	height: 245px;
}

	.lp-top h2 {
		text-align: center;
		font-size: 34px;
		font-weight: bold;
		letter-spacing: 2.5px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		/*overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		height: 100%;
		font-weight: bold;
		color: transparent;
		-webkit-text-stroke: 2px #ffffff;
		text-stroke: 3px #ffffff;
		line-height: 1;
		font-family: "Arial Black", Impact, sans-serif;
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		margin: 0;
		padding: 23px 5px;
		text-transform: uppercase;
	}

	.lp-top h5 {
		font-size: 28px;
		margin-top: 13px;
		display: block;
		text-align: center;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		/*overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		padding: 23px 0px;
		margin: 0;
		text-transform: uppercase;
		letter-spacing: 3.5px;
		color: #fff;
		font-weight: 600;
	}

.lp-bottom {
	height: 84px;
	background: #e6e6e4;
}

	.lp-bottom img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

.right-panel {
	flex: 0 0 70%;
	max-width: 70%;
	/* height: 80%; */
}

	.right-panel img {
		height: 329px;
		width: 100%;
		object-fit: cover;
		overflow: hidden;
	}

.bottom-panel {
	background: #132c80;
	height: 88px;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
}

.botton-left {
	flex: 0 0 70%;
	max-width: 70%;
	padding-top: 5px;
}

	.botton-left .player-name {
		font-size: 22px;
		font-weight: bold;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
		max-width: 180px;
		letter-spacing: 0.5px;
		color: #fff;
		margin-bottom: 0;
	}

	.botton-left .quote {
		font-size: 12px;
		max-width: 500px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
		color: #fff;
		font-weight: 500;
	}

.botton-right {
	flex: 0 0 25%;
	max-width: 25%;
	height: 70px;
	width: 100%;
	overflow: hidden;
	margin-top: -20px;
	border-radius: 5px;
	margin-left: 5px;
	background: #fff;
	z-index:9;
}

	.botton-right img {
		height: 100%;
		width: 100%;
		overflow: hidden;
		object-fit: contain;
		padding: 5px;
		border: 2px solid #e6a748;
	}

@media (max-width: 767px) {
	.lp-top h2 {
		font-size: 26px;
	}

	.lp-top h5 {
		font-size: 18px;
	}

	.botton-left .player-name {
		font-size: 18px;
	}
}


/* ===== ADMIN MENU IMPROVEMENTS ===== */

.menu .dropdown-toggleone {
	font-weight: 500;
	padding: 10px 14px;
	border-radius: 6px;
	transition: background 0.3s ease, color 0.3s ease;
}

	.menu .dropdown-toggleone:hover {
		background: #eef2ff;
		color: #3b5bfd;
	}

/* Dropdown container */
.custome-drpdown .dropdown-menuone {
	padding: 6px 0;
	background: #ffffff;
	border-radius: 8px;
	min-width: 220px;
}

/* Dropdown item */
.dropdown-menuone .dropdown-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	font-size: 14px;
	transition: background 0.2s ease;
}

	.dropdown-menuone .dropdown-item:hover {
		background: #f5f7ff;
		color: #3b5bfd;
	}

/* Icon size consistency */
.dropdown-menuone img {
	width: 18px;
	height: 18px;
}

/* Navbar spacing */
.dashboart-navbar {
	padding: 10px 18px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
	background: #ffffff;
}

/***card style**/

/*.p-card {
	max-width: 350px;
	border: 10px solid #132c80;
	height: 435px;
	background: #132c80;
}

.p-card-inner {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.right-panel img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	overflow: hidden;
}

.left-panel {
	background: #e6a748;
	flex: 0 0 30%;
	max-width: 30%;
	height: 100%;
}

.lp-top {
	writing-mode: vertical-rl;
	padding: 0 0;
	height: 245px;
}

	.lp-top h2 {
		text-align: center;
		font-size: 41px;
		font-weight: bold;
		letter-spacing: 3.5px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;*/
		/*overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		/*height: 100%;
		font-weight: bold;
		color: transparent;
		-webkit-text-stroke: 0.5px #ffffff;
		text-stroke: 3px #ffffff;
		line-height: 1;*/
		/* font-family: "Arial Black", Impact, sans-serif; */
		/*writing-mode: vertical-rl;
		transform: rotate(180deg);
		margin: 0;
		padding: 23px 5px 23px 0;
		text-transform: uppercase;
		font-family: "Graduate", serif;
	}

	.lp-top h5 {
		font-size: 30px;
		margin-top: 13px;
		display: block;
		text-align: center;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;*/
		/*overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		/*writing-mode: vertical-rl;
		transform: rotate(180deg);
		padding: 23px 0px;
		margin: 0;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		color: #fff;
		font-weight: 600;
		font-family: "Graduate", serif;
	}

.lp-bottom {
	height: 84px;
	background: #e6e6e4;
}

	.lp-bottom img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

.right-panel {
	flex: 0 0 70%;
	max-width: 70%;*/
	/* height: 80%; */
/*}

	.right-panel img {
		height: 329px;
		width: 100%;
		object-fit: cover;
		overflow: hidden;
	}

.bottom-panel {
	background: #132c80;
	height: 88px;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
}

.botton-left {
	flex: 0 0 70%;
	max-width: 70%;
	padding-top: 5px;
}

	.botton-left .player-name {
		font-size: 32px;
		font-weight: 400;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		/*max-width: 208px;
		letter-spacing: 2.5px;
		color: #fff;
		margin-bottom: 0;
		font-family: "Anton", sans-serif;
		line-height: 40px;
	}

	.botton-left .quote {
		font-size: 11px;
		max-width: 572px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;*/
		/*text-overflow: ellipsis;*/
		/*color: #fff;
		font-weight: 500;
		line-height: 14px;
		letter-spacing: 0.2px;
	}

.botton-right {
	flex: 0 0 25%;
	max-width: 25%;
	height: 70px;
	width: 100%;
	overflow: hidden;
	margin-top: -20px;
	border-radius: 5px;
	margin-left: 5px;
	background: #fff;
}

	.botton-right img {
		height: 100%;
		width: 100%;
		overflow: hidden;
		object-fit: contain;
		padding: 5px;
		border: 2px solid #e6a748;
	}

@media (max-width: 574px) {
	.lp-top h2 {
		font-size: 36px;
	}

	.lp-top h5 {
		font-size: 26px;
	}

	.botton-left .player-name {
		font-size: 27px;
	}
}

@media (min-width: 575px) and (max-width: 992px) {
	.lp-top h2 {
		font-size: 36px;
	}

	.lp-top h5 {
		font-size: 26px;
	}

	.botton-left .player-name {
		font-size: 27px;
	}
}

@media (max-width: 767px) {
	.header-section .menu {
		display: flex;
		gap: 2px;
		flex-wrap: wrap;
	}

	.dashboart-navbar {
		height: 95px;
	}
}

.profile-details .verified{
	width: 43px;
	position: absolute;
	right: -5px;
	top: 0;
}

.lp-top {
	padding: 0;
	height: 245px;
	min-height: 245px;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-orientation: mixed;
}

@supports not (writing-mode: vertical-rl) {
	.lp-top {
		transform: rotate(-90deg);
		transform-origin: left top;
		width: 245px;
		height: auto;
	}
}*/

/*Added Css Sport Card for */
.p-card {
	border: 10px solid #132c80;
	background: #132c80;
	display: flex;
}

/*	.p-card .card {
		position: relative;
		width: 320px;
		height: 420px;
		background: #ffffff;
		border-radius: 0;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		overflow: hidden;
		border: none;
	}*/

	.p-card .card {
		position: relative;
		width: 100%;
		height: 420px;
		background: #ffffff;
		border-radius: 0;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
		overflow: hidden;
		border: none;
	}

	.p-card .left-area {
		position: absolute;
		left: 0;
		top: 0;
		width: 30%;
		height: 60%;
		background: #e6a748;
	}

	/* Vertical Text */
	.p-card .vertical-wrapper {
		position: absolute;
		left: 37px;
		top: 35%;
		transform: rotate(-90deg) translateY(-50%);
		transform-origin: center;
		display: flex;
		flex-direction: column;
		gap: 0px;
		white-space: nowrap;
		bottom: auto;
		align-items: center;
		width: 100%;
	}

	.p-card .vertical-text {
		font-size: 41px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		font-family: "Graduate", serif;
		font-weight: bold;
		color: transparent;
		-webkit-text-stroke: 0.5px #ffffff;
		letter-spacing: 3.5px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 199px;
	}

	/*.p-card .vertical-subtext {
		font-size: 28px;
		font-weight: 500;
		color: #355070;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		color: #fff;
		font-weight: 600;
		font-family: "Graduate", serif;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		width: 160px;
		text-overflow: ellipsis;
	}*/
	.p-card .vertical-subtext {
		font-size: 16px;
		font-weight: 500;
		color: #355070;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		color: #fff;
		font-weight: 600;
		font-family: "Graduate", serif;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		width: 225px;
		text-overflow: ellipsis;
		text-align: center;
	}

	.p-card .vertical-logo {
		position: absolute;
		bottom: -78px;
		width: 100%;
		height: 100%;
		height: 80px;
		background: #e6e6e4;
		padding: 0px;
		top: auto;
	}

		.p-card .vertical-logo img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	/* RIGHT 75% IMAGE (FULL COVER) */
	.p-card .right-area {
		position: absolute;
		right: 0;
		top: 0;
		width: 70%;
		height: calc(100% - 80px);
	}

	.p-card .right-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		/* 🔥 FULL COVER */
	}

	/* BOTTOM BAR */
	.p-card .bottom-bar {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 90px;
		background: #132c80;
		display: flex;
		align-items: center;
		padding: 10px 10px;
		box-sizing: border-box;
		z-index: 9;
	}

	/* Bottom Text */
	.p-card .bottom-text {
		flex: 1;
		color: #fff;
	}

		.p-card .bottom-text .line1 {
			font-size: 32px;
			font-weight: 400;
			text-transform: uppercase;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width: 208px;
			letter-spacing: 2.5px;
			color: #fff;
			margin-bottom: 0;
			font-family: "Anton", sans-serif;
			line-height: 40px;
		}

		.p-card .bottom-text .line2 {
			font-size: 13px;
			opacity: 0.9;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			color: #fff;
			font-weight: 500;
			line-height: 14px;
			letter-spacing: 0.2px;
		}

	/* Logo Box */
	.p-card .logo-box {
		width: 70px;
		height: 100%;
		background: #ffffff;
		border-radius: 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		align-self: center;
		margin-bottom: 4px;
		border: 2px solid #e6a748;
	}

	.p-card .logo-box {
		transform: translateY(-35px);
		position: relative;
		left: 5px;
		z-index: 9;
		overflow: visible;
	}

		.p-card .logo-box img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	/* Button */
	.p-card button {
		margin-top: 20px;
		padding: 12px 20px;
		font-size: 15px;
		font-weight: bold;
		border: none;
		border-radius: 8px;
		background: #0d6efd;
		color: white;
		cursor: pointer;
	}

/*.mentor-section .swiper {
	display: flex;
	gap: 20px;
}*/

body {
	line-height: normal !important;
}


/* Athlete Dashboard - start */
.mentor-search-banner {
	margin: 20px auto;
	max-width: 1200px;
	background: linear-gradient(135deg, #0d6efd, #00b4db);
	color: #fff;
	border-radius: 15px;
	padding: 1px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 10px 25px rgba(13,110,253,.35);
	animation: pulseBanner 2.5s infinite;
	position: relative;
	overflow: hidden;
}

	/* Moving Shine Effect */
	.mentor-search-banner::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 60%;
		height: 100%;
		background: rgba(255,255,255,.25);
		transform: skewX(-25deg);
		animation: shine 3s infinite;
	}

.mentor-text {
	font-size: 22px;
	font-weight: 700;
	z-index: 1;
}

	.mentor-text small {
		display: block;
		font-size: 15px;
		font-weight: 400;
		margin-top: 4px;
		opacity: .95;
	}

.mentor-btn {
	background: #ffc107;
	color: #000;
	padding: 14px 30px;
	border-radius: 50px;
	font-weight: 700;
	text-decoration: none;
	transition: .3s;
	z-index: 1;
	animation: glowBtn 1.5s infinite;
}

	.mentor-btn:hover {
		background: #fff;
		color: #0d6efd;
		transform: scale(1.08);
	}

@keyframes glowBtn {
	0% {
		box-shadow: 0 0 8px #ffc107;
	}

	50% {
		box-shadow: 0 0 25px #ffc107;
	}

	100% {
		box-shadow: 0 0 8px #ffc107;
	}
}

@keyframes pulseBanner {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.01);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes shine {
	0% {
		left: -100%;
	}

	100% {
		left: 150%;
	}
}

@media(max-width:768px) {

	.mentor-search-banner {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.mentor-text {
		font-size: 18px;
	}
}




.floating-mentor {
	position: initial;
	right: 25px;
	bottom: 30px;
	background: #ff5722;
	color: white;
	padding: 5px 25px;
	border-radius: 50px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	z-index: 9999;
	animation: bounce 1.5s infinite;
	box-shadow: 0 10px 20px rgba(0,0,0,.3);
}


.floating-mentor-box {
	position: fixed;
	right: 25px;
	bottom: 30px;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 10px;
}

.hide-btn {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0d6efd, #00b4db);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	box-shadow: 0 4px 12px rgba(13,110,253,.35);
	transition: all .3s ease;
	user-select: none;
}

.hide-btn:hover {
		background: linear-gradient(135deg, #0b5ed7, #0096c7);
		transform: scale(1.1) rotate(90deg);
		box-shadow: 0 6px 18px rgba(13,110,253,.45);
	}
/*end*/


.social-media-link {
	box-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
}

.advance-information.social-media-link ul {
	margin:5px 0 !important;
}

.advance-information.social-media-link ul li {
	width: 25%;
}
.social-media-link .control-label {
	padding: 5px 0;
	word-break: break-all;
	border: 1px solid #f1f1f1;
	padding: 9px;
	font-size: 14px;
	background: #184b9412;
}

@media only screen and (max-width: 767px) {
	.advance-information.social-media-link ul li {
		width: 100% !important;
	}
}

@media only screen and (max-width: 992px) {
	.advance-information.social-media-link ul li {
		width: 50% !important;
	}
}