body,*{
	margin: 0;
	font-family: 'RalewayMedium';
}

html {
  scroll-behavior: smooth;
}

.RalewayLight {
	font-family: 'RalewayLight';
}

.RalewayRegular {
	font-family: 'RalewayRegular';
}

.RalewayMedium {
	font-family: 'RalewayMedium';
}

.RalewaySemiBold {
	font-family: 'RalewaySemiBold';
}

.RalewayBold {
	font-family: 'RalewayBold';
}

.RalewayExtraBold {
	font-family: 'RalewayExtraBold';
}

.DMSansBold {
	font-family: 'DMSansBold';
}

.DMSansMedium {
	font-family: 'DMSansMedium';
}

.DMSansRegular {
	font-family: 'DMSansRegular';
}

.font10 {
	font-size: 10px;
}

.font12 {
	font-size: 12px !important;
}

.font13 {
	font-size: 13px;
}

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px;
}

.font16 {
	font-size: 16px !important;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font25 {
	font-size: 25px !important;
}

.font30 {
	font-size: 30px !important;
}

.font40 {
	font-size: 40px;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

a {
	text-decoration: inherit;
}

button {
	box-shadow: inherit !important;
	outline: none !important;
}

.fit-cover {
	object-fit: cover;
}

.cursor {
	cursor: pointer;
}

.section-padding-50 {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.section-padding-bottom-50 {
	padding-bottom: 5rem;
}

.section-padding-top-50 {
	padding-top: 5rem;
}

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

.section-padding-bottom-100 {
	padding-bottom: 100px;
}

.section-padding-top-100 {
	padding-top: 100px;
}

.list-style-none {
	list-style: none;
}

.align-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.radius10 {
	border-radius: 10px !important;
}

.radius0 {
	border-radius: 0 !important;
}

p {
	line-height: 26px;
}

.lightShadow {
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%) !important;
}

p.para {
	font-size: 16px;
	line-height: 26px;
	color: #5D666F !important;
}

p.highlightPara {
	font-size: 16px;
	color: #1C2539;
	font-weight: 500;
}

.container {
	max-width: 1536px;
}

.blackRGBA {
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);          
	border-radius: 1.5rem;               
	padding: 2rem;  
	border: 1px solid rgba(249, 115, 22, 0.3);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.mb-8 {
	margin-bottom: 2rem;
}

.bodyBG {
	position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('../img/fixed-background.jpg'); /* Replace with your image path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.bodyRGBA {
	background: linear-gradient( to bottom right, rgba(0, 0, 0, 0.8), rgba(136, 19, 55, 0.6), rgba(124, 45, 18, 0.7) );
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
}

.topLogo {
	height: 5rem;
	width: auto;
	max-width: 100%;
}

.championship {
	position: relative;         
	min-height: 100vh;          
	display: flex;              
	align-items: center;        
	justify-content: center;    
	z-index: 10;                
	padding-left: 1rem;
	padding-right: 1rem;
	/*top: 20px;*/
	margin-top: 150px;
}

.championship h1, .commingSoon h3 {
	font-size: 6rem;
	font-weight: 900;        
	margin-bottom: 1.5rem;
	background: linear-gradient(to right, #f97316, #facc15, #ef4444); 
	-webkit-background-clip: text;  
	background-clip: text;
	color: transparent;
	line-height: 1.1;
}

.championship h2 {
	font-size: 3rem;
	line-height: 1;
}

.championship .championshipInfoLabel {
	display: flex;                
	align-items: center;
	justify-content: center;                 
	gap: 0.5rem;         
	background-color: rgba(249, 115, 22, 0.2);
	border-radius: 0.5rem;                    
	padding: 1rem
}

.championship p {
	font-size: 1.25rem;
	color: #e5e7eb;
	/*margin-bottom: 2rem;    */
	max-width: 56rem;  
	margin-left: auto; 
	margin-right: auto;
	line-height: 1.625; 
}

.gradient-button {
	background: linear-gradient(to right, #ea580c, #dc2626); 
	color: white;                                            
	font-weight: 700;                                        
	font-size: 1.25rem;                                      
	padding: 1rem 3rem;                                      
	border-radius: 9999px;                                   
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);        
	transition: all 0.3s ease;                               
	transform: scale(1);                                     
	display: inline-block;                                   
	text-align: center;
	cursor: pointer;
	border: 0;
}

.ourPartners img {
	border-radius: 10px;
}

/* Hover state */
.gradient-button:hover {
	background: linear-gradient(to right, #c2410c, #b91c1c);
	transform: scale(1.05);                                 
}

.gradient-heading {
	font-size: 3.75rem;
	line-height: 1;           
	font-weight: bold;             
	text-align: center;            
	margin-bottom: 4rem;           
	background: linear-gradient(to right, #f97316, #facc15);
	-webkit-background-clip: text; 
	background-clip: text;
	color: transparent;            
}

.z-10 {
	z-index: 10;
}

.tournament .box {
	background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  border: 2px solid rgba(249, 115, 22, 0.5);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

.tournament .box:hover {
  transform: scale(1.05);
  border-color: #fb923c; /* orange-400 */
}

html {
  scroll-behavior: smooth;
}

.tournament svg {
	font-size: 2rem;
}

.orange-heading {
	font-size: 1.875rem;
	font-weight: 700;
	color: #fb923c;
}

.about .block {
	background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  border-radius: 1.5rem;
  padding: 2rem;
  border: 1px solid rgba(249, 115, 22, 0.3);
}

.about .block .content {
	font-size: 1.25rem;
	color: #e5e7eb;
	line-height: 1.625;
	margin-bottom: 2rem;
}

.registerForm {
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(4px);
	border: 2px solid rgba(249, 115, 22, 0.5);
	border-radius: 1.5rem;
	padding: 2rem;
}

.registerForm input, .registerForm textarea {
	width: 100%;
  background-color: rgba(31, 41, 55, 0.8); /* gray-800/80 */
  border: 1px solid #4b5563;               /* gray-600 */
  color: #ffffff;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.registerForm input:focus, .registerForm textarea:focus {
  border-color: #f97316; /* orange-500 */
  outline: none;
}

.register button {
	border-radius: 10px;
}

.getInTouch .innerContent {
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	border: 1px solid rgba(249, 115, 22, 0.3);
	border-radius: 1rem;
	padding: 2rem;
	text-align: center;
	transition: transform 0.2s ease;
}

.getInTouch .socialMedia label {
	width: 50px;
	height: 50px;
	/*background-color: #fff;*/
	background-color: #fb923c;
	border-radius: 50px;
	padding-top: 6px;
	margin-bottom: 10px;
	font-size: 28px;
}

.getInTouch .row {
	margin-bottom: 25px;
}

.socialMedia h5 {
	display: none;
}

footer {
	position: relative;
	background-color: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(4px);
	border-top: 2px solid rgba(249, 115, 22, 0.5);
	padding-top: 3rem;
	padding-bottom: 4rem;
	z-index: 10;
}

footer .footerLogo{
	height: 4rem;
}

.bottomFooter {
	background: rgba(0, 0, 0, 0.3);
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 12px;
	color: #8b8b8b;
}

.bottomFooter a {
	color: #8b8b8b;
	transition: 0.2s;
}

.bottomFooter a:hover {
	color: #fff;
	transition: 0.2s;
}


.section-divider {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(249, 115, 22, 0.3);
}

.fixtureOuter .mainNav label {
	background-color: #fff;
	padding: 10px;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.fixtureOuter .mainNav label.active {
	background-color: #fb923c;
	color: #fff;
}

.fixtureOuter .innerNav label {
	background-color: #fff;
	color: #000;
	padding: 10px 18px;
	text-align: center;
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%) !important;
	margin-bottom: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 14px;
}

.fixtureOuter .innerNav label:hover, .fixtureOuter .innerNav label.active {
	color: #fb923c;
}
.city-section {
  display: none;
}

.city-section.active {
  display: block;
}

.inner-content {
  display: none;
}

.inner-content.active {
  display: block;
}

.mainNav label,
.innerNav label {
  cursor: pointer;
}

.commingSoon {
	background-image: url(../img/coming-soon.jpg);
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	height: 60vh;
}

.commingSoonRGBA {
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.mobileHeader {
	display: none;
}

/*.ourPartners .AssistDevelopments img {*/
/*	height: 180px !important;*/
/*	object-fit: cover !important;*/
/*}*/

.AssistDevelopmentsBG {
	background-color: #fff;
	height: 120px;
	width: 100%;
	border-radius: 10px;
}

.AssistDevelopmentsBG img {
	height: 100%;
	object-fit: cover;
	width: 50% !important;
	margin: auto;
}












/* Header */

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 1rem 2rem;
  background-color: transparent;
  transition: all 0.3s ease;
}

.site-header.scrolled, .mobileHeader.scrolled {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.header-container {
  max-width: 1536px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  text-decoration: none;
}

.main-nav {
  display: flex;
  gap: 1.5rem;
}

.main-nav a {
  color: white;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

.main-nav a:hover {
  color: #facc15; 
}




































.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-button {
	padding: 10px 20px;
	background-color: #3498db;
	color: white;
	cursor: pointer;
	border: none;
}

.dropdown-content {
	position: absolute;
	top: 40px;
	left: 0;
	background-color: white;
	min-width: 180px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.2);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 1;
}

.dropdown-content a {
	display: block;
	padding: 12px 16px;
	color: black !important;
	text-decoration: none !important;
}

.dropdown-content a:hover {
	background-color: #fb923c;
	color: #fff !important;
	transition: 0.2s;
}

.dropdown:hover .dropdown-content {
	opacity: 1;
	visibility: visible;
}

#partners, #get-in-touch {
  scroll-margin-top: 100px; /* same as header height */
}