@font-face {
	font-family: "din";
	src:url( './fonts/Changa-Regular.ttf');
	font-display: swap;
}
body{
	overflow-x:hidden;
}
@font-face {
	font-family: "din-bold";
	src:url( './fonts/Changa-Bold.ttf');
	font-display: swap;
}
h1,h2,h3,h4,h5,h6,p,div,a,span,button {
	font-family: 'poppins' !important;
}
h1, h2{
	letter-spacing:-1px !important;
}
h2{
	font-size:40px !important;
}
.arabic_class{
	display:none;
}
.english_class{
	display : block 
}
.lang-switcher a[href="?lang=ar"] {
	display : block ; 
	font-family : 'tajawal' !important
}
.lang-switcher a[href="?lang=en"] {
	display : none
}
.members  .elementor-heading-title.elementor-size-default{
	font-size : 16px !important
}

body #menu-1-e139137 .en-flag a::before ,body #menu-1-e139137 .ar-flag a::before{
	content: "";
	display: inline-block !important;
	width: 18px !important;
	height: 12px !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity:1 !important;
	position: absolute;
	bottom: 21px;
	top: 2px;
}
body #menu-1-e139137 .en-flag a ,body #menu-1-e139137 .ar-flag a{
	padding: 0px 16px !important;
}
body #menu-1-e139137 .en-flag a::before{
	background-image: url(https://ebsf.ae/wp-content/uploads/2025/06/2807791_18166.svg);
	left: -9px !important;
	right: auto !important;
}
body #menu-1-e139137 .ar-flag a::before {
	background-image: url(https://ebsf.ae/wp-content/uploads/2025/06/flag_11416439.svg);
	right: -9px !important;
	left:auto !important;
}


.custom_timeline .twae-content{
	border: 0px !important;
	border-radius: 0px;
	box-shadow: unset !important;
	border: 0px;
	font-size: 12px;
}

.custom_timeline .twae-wrapper .twae-title {
	font-size: 37px !important;
}

.twae-wrapper .twae-description{
	font-size: 13px;
	line-height: normal;
	color: #000 !important;
}

.twae-arrow{
	display: none;
}


.twae-vertical.twae-wrapper .twae-story{
	margin-bottom: 20px;
}

.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-title{
	display: flex;
	justify-content: flex-end;
}

.pdfs .df-popup-thumb .df-book-page1, .pdfs .df-popup-thumb .df-book-page2,
.pdfs .df-popup-thumb .df-book-page3 {display : none !important}


.pdfs .df-popup-thumb:hover .df-book-cover {
	-webkit-transform: rotateY(0) rotateZ(0) !important;
	-moz-transform: rotateY(0) rotateZ(0) !important;
	-ms-transform: rotateY(0) rotateZ(0) !important;
	transform: rotateY(0) rotateZ(0) !important;
}

.pdfs .df-popup-thumb .df-book-cover {
	box-shadow: 0 ;
}

.pdfs .df-popup-thumb .df-book-title {
	bottom: 0;
	position: relative;
	opacity: 1;
}

.pdfs .df-popup-thumb {
	-webkit-transform-style: none !important;
	-moz-transform-style: none !important;
	-ms-transform-style: none !important;
	transform-style: none !important;
	-moz-perspective: none !important;
	perspective: none !important;
}

.pdfs .df-popup-thumb:hover .df-book-wrapper {
	transform: rotateY(0) rotateZ(0) !important;
}

.pdfs .df-popup-thumb .df-book-cover:after {
	background: none !important;
	box-shadow: none !important;
	display : none !important;
}


/* custom table for services and documents */
.elementor-accordion .elementor-accordion-item {
	border: 1px solid #d5d8dc !important;
	border-radius: 15px;
	margin-bottom: 10px;
	padding : 10px;
}



.service-container {
	padding: 20px;
	border-radius: 10px;
	margin: auto;
}
.srow {display : flex ;}
.fir-col {width : 120px;
	display : flex;
	justify-content: space-between;
	min-height: 30px;
	font-weight: 600;
}
.sec-col {width : 80%;
	display : flex;
	justify-content: space-between;
	min-height: 30px;
	align-items: center

}
.description {
	margin-bottom: 20px;
}

.beneficiary, .fees {
	margin-bottom: 15px;
	font-weight: bold;
}

.fees span {
	font-weight: normal;
	color: #333;
}

.start-service-btn {
	background-color: #007579;
	color: white;
	padding: 4px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
}

.start-service-btn:hover {
	background-color: #b8904b;
}







.custom-table {font-family : poppins;}

.elementor .custom-table td, 
.elementor .custom-table th {
	padding: 6px !important;
	border: none !important;
	background: none !important;
}
.elementor .custom-table td:first-child {
	/*padding: 6px 60px 0px 0 !important;*/
	font-size : 13px;
	font-weight : 400;
}
.elementor .custom-table th {
	font-weight: bold !important;
	background-color: none !important;;
}
.elementor .custom-table .description {
	width: 70% !important;
}
.elementor .custom-table .beneficiary,
.elementor .custom-table .fees {
	width: 15% !important;
}
.elementor .custom-table .start-service {
	text-align: end !important;
	padding-right: 10px !important;
}
.elementor .custom-table .start-service button {
	background-color: #007579 !important;
	color: white !important;
	border: none !important;
	padding: 4px 20px !important;
	cursor: pointer !important;
	font-size: 14px !important;
	border-radius: 5px !important;
}
/* custom table for services and documents */


.live-now-button {
	display: inline-flex
		;
	align-items: center;
	padding: 4px 18px;
	order-radius: 50px;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	font-size: 12px;
	gap: 10px;
	background-image: linear-gradient(16deg, #007579 0%, #b5803e 139%);
}

.elementor-6 .elementor-element.elementor-element-fc73001 .sa-button {
	padding: 6px 20px 6px 20px;
	font-size: 14px;
	font-weight: 400;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #007579;
	border-radius: 4px 4px 4px 4px;
	overflow: hidden;
	color: #FFFFFF;
	background-color: transparent;
	background-image: linear-gradient(16deg, #007579 16%, #B5803E 139%);
}



.tablinks {
	color: black;
	background-color: #f1f1f1;
	border: none;
	padding: 6px 20px;
	cursor: pointer;
	font-size: 16px;
	border-radius: 0.6em;
}

.slider-buttons {
	margin: 20px 0;
	display: flex
		;
}

.slider-buttons button {
	margin-right: 10px;
	padding: 6px;
	cursor: pointer;
	flex: 20%;
	font-size: 1.3rem;
}


[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
	color: #fff;
	background-color: #007579;
	text-decoration: none;
}

.start-service button {
	background-color: #007579 !important;
	color: white !important;
	border: none !important;
	padding: 4px 20px !important;
	cursor: pointer !important;
	font-size: 14px !important;
	border-radius: 5px !important;
}



.tablinks.active {
	color: white;
	background-color: #007579 !important;
}


.twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-title {
	display: flex;
	justify-content: flex-start;
}



.position.elementor-widget p{
	margin-bottom: 0px !important;
	padding: 2px 4px;
	font-size: 12px;
}

.text-paragraph{
	font-size:15px !important;
	line-height:22px;
}

.clubs-wrapper {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.club-box h3 {
	font-size: 30px;
	color: #007579;
	font-weight: 600;
}

.club-gallery img {
	transition: transform 0.3s;
}
.club-gallery img:hover {
	transform: scale(1.05);
}





/* clubs */
.clubs-container {
	display: flex;
	flex-direction: column;
	gap: 50px;
	align-items: center;
	justify-content: center;
}

.club-card {
	display: flex;
	flex-wrap: wrap;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 12px #00000024;
	max-width: 1200px;
	width: 100%;
}
.club-slider .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.club-media {
	flex: 1 1 30%;
	width: 30%;
	display: flex;
	height: 300px;
}

.club-slider {
	width: 100%;
}

.club-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.swiper-pagination {
	margin-top: 10px;
}

.club-details {
	flex: 1 1 70%;
	padding: 30px;
}

.club-details h2 {
	margin-top: 15px;
	font-size: 25px;
	font-weight: 600;
	line-height: 20px;
	color: #000000;
}


.club-info-list {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}
.club-info-list li{
	color:black !important;
}

.club-info-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: black;
}

.club-info-item i {
	color: inherit; /* بدون لون */
	font-size: 16px;
}

.club-buttons {
	display: flex;
	gap: 10px;
	margin-top: 5px;
}
.club-details , .club-details li, .club-details strong , .club-info-list li a{
	color:black !important;
}
.club-details {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.club-btn {
	background-color: transparent;
	font-family: "Poppins", Sans-serif;
	font-size: 12px;
	font-weight: 500;
	fill: #FFFFFF;
	color: #FFFFFF !important;
	background-image: linear-gradient(16deg, #007579 16%, #007579 139%);
	border-style: none;
	padding: 10px 20px 10px 020px;
	border-radius: 5px;
}

.club-btn i {
	margin-right: 5px;
	margin-left: 5px;
}
.additional_facilities {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;

}
.club-details > p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 16px;
}
.club-btn:hover {
	background-image: linear-gradient(180deg, #007579 0%, #007579 100%);
}

p .club-description{
	margin: 0 0 20px 0 !important;
}

.activity_type{
	position: absolute;
	right: 15px;
	top: 12px;
	background: white;
	padding: 10px 20px 10px 020px;
	box-shadow: 0 0 12px #00000024;
	border-radius: 10px;
}

.club-details{
	position: relative;
}


.additional_facilities_container{
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: row;
}


.club-slider span.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}



@media only screen and (max-width: 768px) {
	.club-info-list{
		display: block !important;
	}
	.club-details{
		position: relative;
		margin-top: 25px !important;
	}

	.activity_type{
		left: 30px !important;
		top: -6px !important;
		right: inherit !important;
	}

	.club-details h2{
		line-height: 28px !important;
	}

	.club-media{
		width: 100% !important;
	}

	.clubs-container{
		margin: 0px 15px 0px 15px !important;
	}



}


@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: portrait) 
	and (-webkit-min-device-pixel-ratio: 1){
		.clubs-container{
			margin: 0px 40px 0px 40px !important;
		}

		.club-details h2{
			line-height: 20px !important;
			margin-top: 28px !important;
		}


		.club-info-list{
			display: flex !important; 
			margin-bottom: 7px !important;
		}

		.additional_facilities_container{
			position: relative;
		}
}


@media (min-width: 1601px) {
	.activity_type{
		right: 15px;
	}

	.club-details{
		position: relative;
	}
	.additional_facilities_container{
		position: relative;
	}
}
@media (min-width: 1500px) {
	.activity_type{
		right: 15px;
	}
	.club-details{
		position: relative;
	}
	.additional_facilities_container{
		position: relative;
	}
}
.post-type-archive-ebsf_player .player-image a{
	z-index:-1;
	position:relative;
}
input#player-live-search {
	border-style: solid;
	border-color: #CCCCCC;
	height: 48px;
	font-size: 14px;
	color: #606266;
	border-radius: 8px;
}


.eservices {
	margin-left: 16px !important;
	display: block !important;
	margin-top: 7px !important;
}


.eservices a{
	background: #097779;
	padding: 6px 19px !important;
	border-radius: 5px;
	color: #fff  !important;
}
.eservices a:after{
	content:none !important;
}
.arabiclan {
	display: flex;
	flex-direction: row-reverse;
	font-family:'tajawal' !important;
}
.sp-footer-sponsors {
	display: none;
}
.twae-wrapper .twae-icondot {
	background-color: #0c7779 !important;
}
.highlight-head{
	background-color: transparent;
	color: #027579;
	padding: 0px 0px 0px 0px;
	background-image: linear-gradient(180deg, #FFFFFF00 67%, #f4f7fa 0%);
	border-radius: 0px 0px 0px 0px;
	background-position: 100%;
}
h2{
	color:black !important;
}
.home-banner-container .e-con-inner , .align-left .e-con-inner , .align-left{
	direction: ltr !important;
}
.sp-section-content {
	max-width: 1150px;
	width: 100%;
	justify-self: anchor-center;
	margin: 70px 0px;
}
.sp-section-content.sp-section-content-selector , .sp-section-content.sp-section-content-logos , .sp-event-list .data-article a .dashicons , .sp-section-content.sp-section-content-timeline{
	display: none;
}
.sp-template-details dd img {
	padding-right: 10px;
}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color: hsl(0deg 0% 93.86% / 26%);
}
.sp-data-table thead th {
	white-space: nowrap;
	font-weight: bold !important;
	color: black !important;
	font-size: 14px !important;
}
.dashicons-video-alt:before{
	content:none !important;
}
.sp-template h1, .sp-template h2, .sp-template h3, .sp-template h4, .sp-template h5, .sp-template h6, .sp-data-table h1, .sp-data-table h2, .sp-data-table h3, .sp-data-table h4, .sp-data-table h5, .sp-data-table h6, .sp-table-caption h1, .sp-table-caption h2, .sp-table-caption h3, .sp-table-caption h4, .sp-table-caption h5, .sp-table-caption h6 {
	font-family: 'Poppins' !important;
}
h4.sp-table-caption {
	font-weight: 600 !important;
}
.sp-data-table th, .sp-data-table td{
	padding:12px 10px !important;
}
.sp-template-details dd{
	color:black;
	font-size:14px;
}
.sp-section-content.sp-section-content-content {
	margin: 0 !important;
}
.sp-post-content p {
	font-size: 14px;
}
dl.sp-player-details {
	border-radius: 10px;
}
.sp-template.sp-template-player-photo.sp-template-photo.sp-player-photo {
	width: 30%;
}
img.wp-post-image {
	width: 100%;
	border-radius: 10px;
}
.sp-template a, .sp-data-table a{
	color:black !important;
}
.position.elementor-widget p , .position.elementor-widget{
	font-size:12px !important; 
}
.sp-data-table .sorting_asc:after , .sp-data-table .sorting:after {
	margin: 0px 2px !important;
}
.elementor-slideshow__title{
	display:none;
}
/* home */
@media(max-width:767px){
	.elementor-element.elementor-element-8b4e4d3.herosection.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
		overflow-x: hidden !important;
	}
	.sp_player .elementor-widget-theme-post-content .elementor-widget-container {
		flex-direction: column;
		display: flex;
	}
	.sp-section-content{
		margin:0 !important;
	}
	.sp-template.sp-template-player-statistics {
		padding-bottom: 60px;
	}
	.sp-section-content.sp-section-content-photo {
		margin-top: 50px !important;
	}
	.sp-template.sp-template-player-photo.sp-template-photo.sp-player-photo {
		width: 100%;
		max-width: 100%;
	}
	.elementor-element.elementor-element-abe52b6.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
		margin-top: 50px !important;
	}

	.elementor-6 .elementor-element.elementor-element-8d9063f:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-8d9063f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-repeat: no-repeat;
		background-size: cover;
	}
	.elementor-6 .elementor-element.elementor-element-e301828.elementor-element p.elementor-heading-title.elementor-size-default {
		text-align: center;
		line-height: normal;
	}
	.elementor-element.elementor-element-a608ecb.e-con-full.e-flex.e-con.e-child , .elementor-element.elementor-element-46ce427.e-con-full.e-flex.e-con.e-child {
		order: 1;
	}
	.about_white_box{
		background-color:#ffffffb5 !important;
	}
	.elementor-location-header {
		top: 0px !important;
	}
	nav.elementor-nav-menu--dropdown .elementor-nav-menu {
		padding: 20px !important;
	}
	.eservices {
		border-radius: 0 !important;
		margin: 0 !important;
	}
	.eservices a.elementor-item {
		border-radius: 0;
		padding: 10px 20px !important;
	}
}