.font_family_home {
    font-family: 'Almarai', sans-serif !important;
    letter-spacing: normal;
}
.event-heading {
    font-family: 'Almarai', sans-serif !important;
    font-size: 25px;
}

.section-heading{
	font-size:45px;
	font-family: 'Almarai', sans-serif !important;
}

.wpb_text_column :last-child {
    margin-bottom: 0px !important; 
}


.sports-scroll-left {
    width: 30px;
    height: 30px;
    background-color: #FFA800;
    border-radius: 22px;
    display: flex;
    color: black;
    justify-content: center;
    align-items: center; 
	cursor:pointer;
}

.sports-scroll-right {
    width: 30px;
    height: 30px;
    background-color: #FFA800;
    border-radius: 22px;
    display: flex;
    color: black;
    justify-content: center;
    align-items: center; 
	cursor:pointer;
}

.event-section-text{
	position:realtive;
	z-index: 99;
}

.event_image {
    width: 100%;
    height: 300px;
    background: #c1bebe;
}


.scroll-wrapper {
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-width: none;
    cursor: grab;
	  scroll-behavior: auto;
}

.scroll-wrapper::-webkit-scrollbar {
    display: none; 
}


/* .scroll-wrapper::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    height: 100%  !important;
    width: 30px  !important;
    pointer-events: none !important;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)) !important;
    filter: blur(-2px)  !important;
	z-index:9999;
} */

.scroll-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 80px;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    z-index: 9999;
    transition: opacity 0.3s ease;
    opacity: 1; /* default visible */
}

.scroll-wrapper.hide-shadow::after {
    opacity: 0;   /* hides the right fade shadow */
}

.sports_button {
    background-color: #FFAA00;
    color: white;
    padding: 10px 22px;
    border: none;
    border-radius: 10px;
    box-shadow: #c1c1c1 1px 1px 7px 1px;
    margin-bottom: 9px;
    margin-top: 14px;
    font-weight: 600;
    font-size: 14px;
    flex: 0 0 auto;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sports_button:hover {
    background-color: #FFAA00;
    color: black;
	transform: scale(1.1);
}

.unselect_sports_button {
    background-color: White; 
    color: black;
    padding: 10px 22px;
    margin-top: 14px;
    margin-bottom: 9px !important;
    border: none;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 500;
    flex: 0 0 auto;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: #c1c1c1 1px 1px 7px 1px;
    transition: all 0.3s ease;
}

.unselect_sports_button:hover {
    background-color: #FFAA00;
    color: black;
	transform: scale(1.1); 
}

.register-now-btn {
    background-color: #FFAA00;
    color: black !important;
    padding: 12px 0px;
    border: none;
    border-radius: 7px;
    width: 40%;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500;
}

.event-card {
    box-shadow: 0px 2px 6px rgba(0,0,0,0.25);
    border-radius: 10px;
    margin-top: 46px;
	transition: all 0.3s ease; 
    border: 1px solid transparent;
}

.event-card:hover {
   border:1px solid #FFA800;
   transform: scale(1.03);
   border-color: #FFA800; 
}

.select-event-card{
	box-shadow: 0px 2px 6px rgba(0,0,0,0.25);
    border-radius: 10px;
    margin-top: 46px;
	border:1px solid #FFA800;
}

label.card-details-text {
    font-size: 18px;
}

.event-card-image {
    position: relative;
    width: 100%;
    height: 200px;
    background-image: url("../images/image1.jpeg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
    display: flex;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    justify-content: center;
    align-items: center;
}

.pagination_btn {
    background-color: #FFAA00;
    border-radius: 5px;
	border:none !important;
    color: black !important;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.20);
    cursor: pointer;
    padding: 3px 12px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}


.un_pagination_btn {
    padding: 2px 10px;
	text-decoration: none;
    background-color: white;
    color: black !important;
    border-radius: 5px;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.20);
    cursor: pointer;
	border:none !important;
}

.un_pagination_btn:hover{
	 background-color: #FFAA00; 
}

.noraml_text {
    font-size: 15px;
}



@media (max-width: 567px) {
	.section-heading {
		font-size: 30px;
	}
}
	
@media (min-width: 568px) and (max-width: 767px) {
	.section-heading {
		font-size: 34px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.section-heading {
		font-size: 36px;
	}

}

@media (min-width: 1200px) and (max-width: 1400px) {
	.event-heading {
		font-size: 22px;
	}
	.section-heading {
		font-size: 40px;
	}
}