.round-flag-icon {
      height:20px;
	  width:20px;
	  position: relative;
	  top: -2px;

}

.popularityScore{
	position: absolute;
	top:10px;
	right: 10px;
	font-weight: bold;
	font-size: 1rem;
	color: #605DBA;
}
.swiper-container .popularityScore{
	top:30px;
	right: 30px;
}
.grid .popularityScore{
	background-color: rgba(254, 254, 254,0.7);
	border-radius: .4rem;
	padding: .1rem;
}
.ma-r-20{
	margin-right: 20px;
}
.ma-r-30{
	margin-right: 30px;
}
.list-pic{
	padding-right: 0px ;
}
@media (max-width: 576px) {
	.ma-r-20{
		margin-right: 50px;
	}
	.list-pic{
		padding-left: 15px ;
		padding-right: 10px ;

	}
}
.no-p-l{
	padding-left: 0px !important;
}
.club-link {
    font-size: 0.8em;
}
.bg-gold { background-color: gold; }
.bg-silver { background-color: silver; }
.bg-bronze { background-color: #cd7f32; /* Bronze color */ }
.rounded-circle-avatar{
	border-radius: 10% !important;
}

.club-slider-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black background */
  /* or use a background-image */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 10px 0; /* adjust padding to your liking */
  border-bottom-left-radius: 0.8rem !important;
  border-bottom-right-radius: 0.8rem !important;
}

.club-slider-bar h3 a{
  margin: 0;
  color: white; /* ensure the text is readable over the background */
  padding: 0 15px; /* add some padding on the sides */
  font-size: 1.5em; /* adjust size to your liking */
}
.newsletter-wrapper{
	background-color: rgba(0,0,0,0.6);
	 padding: 10px; 
	 border-radius: .4rem;
}
.newsletter-label{
	color: white!important;
	margin-left: 5px;
}
.newsletter-label a{
	color: white!important;
}
.limit-text{
	overflow-x:hidden;	
}
.overlay.caption.caption-overlay span.bg:after {
	background: rgba(30, 34, 40, .84);
}
.overlay.caption.caption-overlay span.bg {
	background:rgba(30, 34, 40, 0.4) linear-gradient(transparent 15%, transparent 20%, rgba(30, 34, 40, .3) 55%, rgba(30, 34, 40, .4) 85%, rgba(30, 34, 40, .75) 100%) repeat scroll 0 0;
}
@media (max-width: 768px) {
	.card-body {
		padding: 10px!important;
	}
	.mobile-img-fix{
		max-height: 250px;
		overflow: hidden;
		display: flex!important;
		justify-content: center;
		align-items: center;
	}
	.instagram-feed-container .swiper-navigation{
		display: none;
	}
}

.instagram-feed-container .swiper-container{
	overflow: hidden;
}
.instagram-feed-container .media-container {
	position: relative;
	cursor: pointer; /* Indicates the item is clickable */
	display: flex; /* Enables flexbox for centering */
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
}

.instagram-feed-container .media-container img {
	max-height: 350px; /* Set a max height for the image */
	width: auto; /* Maintain aspect ratio */
	object-fit: cover; /* Cover the container area */
	border-radius: 15px; /* Rounded corners */
	display: block; /* Ensures img behaves as expected within flexbox */
}

.instagram-feed-container i {
	position: absolute;
	font-size: 2em; /* Size of the play icon */
	color: white; /* Icon color */
	width: 64px; /* Play button size */
	height: 64px; /* Play button size */
	line-height: 64px; /* Align the text/icon vertically */
	text-align: center; /* Align the text/icon horizontally */
	background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
	border-radius: 50%; /* Circular shape */
	display: flex; /* Use flexbox for centering */
	justify-content: center; /* Center horizontally */
	align-items: center; /* Center vertically */
	pointer-events: none; /* Disables click events on the play button itself */
}

.promotion-modal .modal-body{
	padding-top: 0!important;
	padding-bottom: 20px!important;
}
.promotion-modal .modal-header,.promotion-modal .modal-footer{
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}