/*
Template Name: Athletics
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/


/*********************center****************/
.carousel-caption{
	bottom:0;
	color:var(--bs-white);
	width:40%;
    padding:30px 30px;
	text-align:left;
	left:8%;
	bottom:25%;
 }
 .carousel-caption.right{
	left: unset;
     right: 10%;
 }

.carousel-caption h1{
   font-size:32px;
   color:var(--bs-white);
 }

.carousel-control-next, .carousel-control-prev{
	width:7%;
}


body.has-sticky {
    padding-top: 80px;
    overflow-x: hidden;
}

/*********************center_end****************/

/*********************explore****************/
.masonry-item img {
      width: 100%;
      height: auto;
      display: block;
 }

.arrow_button{
	border-radius:50%;
	border:1px solid var(--bs-white);
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
}


.home_banner {
  position: relative;
  overflow: hidden;
}
.carousel-item p{
  width: 150%;
  justify-content: flex-start;
}

.home_banner .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55); /* dark overlay */
}

.home_banner .carousel-caption {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  max-width: 900px;
}

@media (max-width: 768px) {
  .home_banner .carousel-caption {
    left: 5%;
	margin-top: -95%;
    right: 5%;
    text-align: center;
    align-items: center !important;
  }

  .home_banner h1 {
    font-size: 2rem;
  }

  .home_banner p {
    font-size: 1rem;
  }
}

/*********************explore_end****************/


/*********************join****************/

#join {
    background-image: url(../image/3.jpg);
    background-position: center center;
    background-size: cover;
}
/*********************join_end****************/


/*********************social****************/
.social_1_left_inner{
	padding-top:50%;
	display:none;
	 transition: 0.3s;
}
.social_1_left:hover .social_1_left_inner{
	display:block;
	 transition: 0.3s;
}
.social_1_right  .social_1_left_inner{
	padding-top:20%;
}


.gallery-item {
  height: 350px; /* Set equal height for all images */
}

.gallery-item img {
  object-fit: cover;
  width: 100%;
  height: 120%;
  transition: transform 0.4s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.overlay {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gallery-item:hover .overlay {
  opacity: 1;
}


/* .tab-pane-head{
   font-size: 18px;
   padding: 8px;
    font-style: normal;
    color: black !important;
    font-family: "Zalando Sans Expanded", sans-serif;

} */
/*  

.nav-tabs .nav-link {
  color: white;
  background-color: #001f74;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 10px 10px;
  margin: 10px;
  transition: all 0.3s ease;
}
.nav-tabs .nav-link.active {
  color: #f3305a;
  border-bottom: 3px solid #f3305a;
}
.nav-tabs .nav-link:hover {
  color: #f3305a;
} */


#results .nav-tabs .nav-link {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  border: none;
  background-color: #fff;
  border-radius: 0;
  transition: all 0.3s ease;
}

#results .nav-tabs .nav-link.active {
  background-color: #b30101;
  color: #fff;
}

#results .tab-pane h4 {
  font-size: 16px;
  color: #000 !important;
  line-height: 1.6;
}

.results-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 480px;
  border-radius: 12px;
}

@media (max-width: 991px) {
  #results .results-img {
    max-height: 350px;
  }
}

.custom-card {
  border: 2px solid #f3305a; /* 👈 border color */
  border-radius: 20px;
  transition: all 0.3s ease;
  background-color: #fff;
}
.custom-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  border-color: #d71f4a; /* darker hover border */
}

.headding1{
  font-size: 22px !important;
}

.custom-card h5{
  font-size: 18px;
}

.head-1{
font-size: 20px;
}


/*********************social_end****************/

.coach-info h2 {
  font-size: 2rem;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.coach-info p {
  font-family: "Poppins", sans-serif;
  line-height: 1.6;
  letter-spacing: 0.5px;
}

.rounded_30 {
  border-radius: 30px;
}

@media screen and (max-width : 767px){
.carousel-caption{
	position:static!important;
	width:100%;
 }
.carousel-caption h1 {
    font-size: 30px;
}
.carousel-caption .button {
   padding-right:18px;
   padding-left:18px;
}
.program_1_left{
	margin-top:10px;
	margin-bottom:10px;
}
.exep_1 p{
	width:100%!important;
}
.exep_1 .ms-3{
	margin-left:5px!important;
}

.testim_1_right{
	padding:15px!important;
}
.social_1_right{
	margin-top:20px;
}

.about_pg_1 p{
	width:100%!important;
}
.about_pg_2_left{
	padding-right:0!important;
	margin-bottom:20px;
}
.team_1_left{
	margin-top:10px;
	margin-bottom:10px;
}
.sport_1_inner1{
	position:static!important;
	background:var(--black_transparent_dark);
	margin-top:20px;
}
.sport_1_inner1 .font_60{
	font-size:36px;
}
 }


@media (min-width:576px) and (max-width:767px) {
.explore_2_left_inner2 .fs-3{
	font-size:20px!important;
}
.arrow_button {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
 }
 
@media (min-width:768px) and (max-width:991px) {
.center_home img{
	min-height:500px;
}
.carousel-caption{
	width:50%;
    padding:15px 15px;
	text-align:left;
	bottom:15%;
 }
.carousel-caption h1{
   font-size:40px;
 }

.testim_1_right {
	padding:15px!important;
}
.social_1_right  .social_1_left_inner{
	padding-top:15%;
}
.team_1_left  .font_15{
	  font-size:12px;
	  margin-top:0!important;
}
.team_1_left  .fs-4{
	  font-size:15px!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.center_home img{
	min-height:600px;
}
.carousel-caption{
    padding:15px 15px;
 }
.carousel-caption h1{
   font-size:26px;
 }
.testim_1_right {
	padding:20px!important;
}
.social_1_right  .social_1_left_inner{
	padding-top:17%;
}
 }

@media (min-width:1201px) and (max-width:1350px) {

 }
@media screen and (min-width : 1400px){

 }