/*
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{
	background-color: var(--black_transparent)!important;
	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:50px;
   color:var(--bs-white);
 }

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

/*********************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;
}

/*********************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%;
}
/*********************social_end****************/


@media screen and (max-width : 767px){
.carousel-caption{
	position:static!important;
	width:100%;
 }
.carousel-caption h1 {
    font-size: 40px;
}
.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:40px;
 }
.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){

 }