@charset "utf-8";
/* CSS Document */

body{letter-spacing: -0.4px;}

@font-face {
    font-family: 'ABCSans';
    src: url('../fonts/ABCSans-Bold.woff2') format('woff2'),
        url('fonts/ABCSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Surgena Personal use only SemBd';
    src: url('../fonts/SurgenaPersonaluseonly-SemBd.woff2') format('woff2'),
        url('fonts/SurgenaPersonaluseonly-SemBd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABCSans';
    src: url('../fonts/ABCSans-Black.woff2') format('woff2'),
        url('fonts/ABCSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABCSans';
    src: url('../fonts/ABCSans-Light.woff2') format('woff2'),
        url('fonts/ABCSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABCSansRegularItalic';
    src: url('../fonts/ABCSansRegularItalic.woff2') format('woff2'),
        url('../fonts/ABCSansRegularItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ABCSans';
    src: url('../fonts/ABCSans.woff2') format('woff2'),
        url('../fonts/ABCSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.nomarpad{margin:0px; padding: 0px;}
.carousel-item video{width:100%; height: 100%;}
.introtext{font-size:36px; }
.upcoming_tournaments{background-image:url("../images/home_fullbanner_upcoming_torn.jpg"); background-position:bottom; background-repeat: no-repeat; padding: 85px 80px;}
.upcoming_tournaments h4{color:#36A853; font-size: 40px; font-family: 'Surgena Personal use only SemBd';}
.upcoming_tournaments p{color:#fff; padding-right: 100px; font-size: 20px; width: 50%; text-align: justify;}

/*.home_top_menu .bg-dark{background: none !important;}*/
.green_title{font-size: 40px; text-transform:capitalize; font-weight: 500; color: #36A853; margin: 0px; padding: 0px; font-family: 'Surgena Personal use only SemBd';}
.theclub_content .text-body-secondary{font-size:24px; font-family: 'Surgena Personal use only SemBd';}

.btnstyle{text-transform: uppercase; background: #36A853; border: 1px solid #36A853; font-size: 16px; padding: 8px 25px; font-family: 'ABCSans'; font-weight: bold;}
/*.bookcourt_btn{background: #36A853; border: none; font-size: 14px; text-transform: uppercase; padding: 15px 25px; font-family: 'ABCSans'; font-weight: 500;}*/
.home_top_menu .nav-item{width:108px; font-weight: 600;}
.home_top_menu .nav-item .nav-link{color:#fff; font-size: 13px;}
.home_top_menu .navbar-nav .nav-link.active{font-weight:600;}

.thumbnail_resposnive img{width:100%;}
.thumbnail_resposnive video{width:100%;}
.theclub_content .lead{padding:25px 25px 25px 0px; color: #000; font-size: 20px; font-family: 'ABCSans'; font-weight: 500; text-align: justify;}
.theclub_content .lead_inner{padding:5px 25px 25px 0px; color: #000; font-size: 20px; font-family: 'ABCSans'; font-weight: 500; text-align: justify;}
.theclub_content h2{margin-top: 20px;}

.count_main_details{margin:0px; padding: 0px; display: flex; list-style: none; width: 100%; font-family: 'ABCSans'; font-weight: 500;}
.count_main_details li{display: grid; margin-right: 80px;}

.count{font-size:36px; color: #36A853; margin: 0px; padding: 0px;}
.count_title{font-size: 20px; color: #000; margin: 0px; padding: 0px;}


.coaching_features h3{font-size: 20px; color: #000; margin: 30px 0px 0px 0px; padding: 0px; font-family: 'ABCSans'; font-weight: 500;}
.coaching_features h3 img{margin-bottom: 15px;}
.coaching_features p{font-size: 16px; color: #000; margin: 0px 0px 20px 0px; padding: 0px; font-family: 'ABCSans'; font-weight: 500;}

.coach_details{background: #000; border-radius: 25px; padding-top: 40px;}

.coach_details .green_title{font-size: 40px; text-transform: uppercase; font-weight: 600; color: #36A853; margin:0px 0px 0px 20px; padding: 0px; font-family: 'Surgena Personal use only SemBd';}
.coach_details .text-body-secondary{font-size:24px; margin: 0px 0px 0px 20px; color: #fff !important; font-family: 'Surgena Personal use only SemBd';}
.coach_details .lead{color: #fff !important; padding: 10px 0px 10px 22px; line-height: 30px; margin: 0px;}
.coach_details .lead_para{color: #fff !important; padding-left: 22px; padding-right: 30px; line-height: 28px; font-size:16px; text-align: justify;}
.bookcourt_btn1{background: #36A853; border: none; font-size: 14px; text-transform: uppercase; padding: 15px 25px; margin:20px 0px 0px 20px; font-family: 'ABCSans'; font-weight: 500;}


.jointheclub{font-family: 'Surgena Personal use only SemBd'; color: #36A853; font-size: 40px; text-transform: uppercase; line-height: 50px;}

.jointhe_clum_main { margin: 80px 0px;}
.jointhe_clum_main .col-lg-3{background: #000; height: 240px; padding: 70px 0px 0px 50px;}
.jointhe_clum_main .col-lg-6{background: #000; height: 240px; padding: 10px 0px 0px 50px;}
.theclub_thumb img{margin:-90px 0px 0px 0px;}
.theclub_description p:nth-child(1){color:#fff; font-size: 20px; margin: 0px; padding: 10px 0px 0px 0px;}
.theclub_description p:nth-child(2){color:#fff; font-size: 16px; margin: 0px; padding: 0px 50px 0px 0px;}
.theclub_description p:nth-child(3){color:#fff; font-size: 20px; margin: 0px; padding: 5px 50px 10px 0px;}
.theclub_description .bookcourt_btn1{background: #36A853; border: none; font-size: 14px; text-transform: uppercase; padding: 12px 20px; margin:0px; font-family: 'ABCSans'; font-weight: 600;}

.areaof_exp_main{marggin:0px; padding: 0px;}
.areaexp_one {position: relative;}
.areaexp_one img{width:100%; }

.areaof_exp_main .text-body-secondary{font-size:24px; margin: 0px; color: #000 !important; font-family: 'Surgena Personal use only SemBd';}

.areaexp_one_content{position:absolute; top: 50px; left: 40px;}
.areaexp_one_content p:nth-child(1){color:#fff; font-size: 24px; margin: 0px; padding: 10px 100px 0px 0px; font-weight: bold;}
.areaexp_one_content p:nth-child(2){color:#fff; font-size: 16px; margin: 0px; padding: 0px 50px 0px 0px;}

.areaexp_two ul{display:table; width: 100%; list-style: none inside; margin: 0px 0px 40px 0px; padding:30px 0px; }
.colordiv{background-image:url("../images/big_thumb_areaof_exp5.jpg"); background-color: #F3F8F9; background-repeat: no-repeat; background-position:right; background-size:cover;}
.areaof_exp_three{display:table; width: 100%; list-style: none inside; margin:25px 0px 0px 0px; padding:63px 0px !important; background-image:url("../images/big_thumb_areaof_exp3.jpg"); background-size: cover;}
.areaexp_two ul li{list-style: none inside; width: 40%; display: inline-block; vertical-align: middle;}

.areaexp_two img{margin:-87px 0px 0px 0px;}

.areaexp_two_innr p:nth-child(1){color:#fff; font-size: 24px; margin: 0px; padding: 10px 80px 0px 30px; font-weight: bold;}
.areaexp_two_innr p:nth-child(2){color:#fff; font-size: 16px; margin: 0px; padding: 0px 0px 0px 30px;}

.areaof_exp_three p:nth-child(1){color:#fff; font-size: 24px; margin: 0px; padding: 10px 0px 0px 30px; font-weight: bold;}
.areaof_exp_three p:nth-child(2){color:#fff; font-size: 16px; margin: 0px; padding: 0px 0px 0px 30px;}

.testimonials{margin:40px 0px; padding: 0px;}
.testimonials .text-body-secondary{font-size:24px; margin: 0px; color: #000 !important; font-family: 'Surgena Personal use only SemBd';}

.playersShare{font-size: 36px; line-height: 40px;  padding: 40px 0px;}
.testmonial_box{background:#F3F9F5; padding: 10px 20px; margin-bottom: 10px;}
.testmonial_box h4{font-weight: 600; padding-top: 15px; position: relative;}
.testmonial_box p{font-size: 16px;}

.quote_syml{position: absolute; right: 20px; top: 20px;}

.footer_main{background-image: url("../images/theclub_footer_text.png"); background-color:#000;  background-size: contain; background-repeat: no-repeat;  margin: 0px; padding: 40px 0px;}

.footer_links{color:#fff; text-decoration: none;}
.footer_links a{color:#fff; text-decoration: none; padding: 0px 10px;}

.header1.active {
    background: #000;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.inner_banner{background:#eee; width: 100%; height: auto; overflow: hidden; margin:0px; padding: 0px; position: relative;}
.inner_banner h3{position: absolute; width: 100%; bottom: 35px; text-align: center; font-size:48px; margin: 0px; color: #fff; font-family: 'Surgena Personal use only SemBd'; line-height: 38px;}
.inner_banner_contactus{background:#eee; width: 100%; height: auto; overflow: hidden; margin:0px; padding: 0px;}
.inner_banner img{width:100%;}
.inner_banner_contactus iframe{width:100%;}

.inner_thumb_right{margin: 50px 0px;}

.vision_mission {background:#F3F8F9; padding: 25px;}
.facilities{margin-top:50px; margin-bottom: 50px;}
.facilities_main {position: relative;}
.facilities_main img{width:100%;}

.facilities_content{position: absolute; bottom: 20px; left: 20px;}
.facilities_content h4{color:#fff; font-size: 28px;}
.facilities_content p{color:#fff; font-size: 20px;}

.readytoplay{width:100%; height: auto; margin: 0px; padding: 40px 0px; text-align: center; background: #f0f0f0;}
.readytoplay h4{font-family: 'Surgena Personal use only SemBd'; font-size: 40px; font-weight: bold; }
.readytoplay .btnstyle{width:250px; margin: 0px auto;}

.price_court_rental {border: 1px solid #ccc;}
.price_court_rental h3{font-size: 24px; text-align: center; background: #45CD6A;
background: linear-gradient(90deg, rgba(69, 205, 106, 1) 0%, rgba(35, 103, 53, 1) 100%); color: #fff; padding: 15px 0px; margin: 10px 0px 0px 0px; }
.price_court_rental ul li{list-style: none; font-size: 18px; line-height: 50px; border-bottom: 1px solid #ddd;}

/*[type="radio"]{
  display: none;
}
label{
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: 0.25s;
}
[type="radio"]:checked + label{
	background: #36A853;
	color: #fff;
	font-weight: bold;
}
[type="radio"]:nth-of-type(2):checked ~ .gallery .card:not(.animals),
[type="radio"]:nth-of-type(3):checked ~ .gallery .card:not(.nature),
[type="radio"]:nth-of-type(4):checked ~ .gallery .card:not(.people),
[type="radio"]:nth-of-type(5):checked ~ .gallery .card:not(.tech)
{
  display: none;
}
.gallery{
  display: grid;
	justify-content: center;
  grid-template-columns: repeat(auto-fit, 300px);
  grid-auto-rows: 1fr;
  grid-gap: 1rem;
  padding: 0.5rem;
  margin-top: 1rem;
}
.gallery .card{
  margin: 0;
  background: darkslateblue;
  border-radius: 0.25rem;
  overflow: hidden;
  box-shadow: 0 0 10px silver;
  transition: box-shadow 0.35s;
}
.gallery .card:hover{
  box-shadow: 0 0 25px #0009;
}
.gallery .card__image{
  width: 100%;
  object-fit: cover;
}
.gallery .card__caption{
	font-weight: bold;
  font-variant: small-caps;
  padding: 0.5rem;
  text-align: center;
  color: gold;
}*/





.news_gallery{width:100%; height: auto; margin: 0px; padding: 0px;}
.news_gallery ul{display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; width: 100%; margin: 0px; padding: 0px; list-style: none inside;}
.news_gallery ul li{margin: 10px; padding: 0px;}
.newsevent_thumbnail{width:100%; height: 250px; position: relative;}

.event_type_upcoming{background:#36A853; color: #fff; border-radius: 4px; font-size: 12px; text-transform: uppercase; text-align: center; padding:4px 12px; position: absolute; bottom: 10px; left: 10px;}
.event_type_past{background:#E61717; color: #fff; border-radius: 4px; font-size: 12px; text-transform: uppercase; text-align: center; padding:4px 12px; position: absolute; bottom: 10px; left: 10px;}

.newsevent_thumbnail img{width:100%; height: 100%;}

.newsevent_details p:nth-child(1){font-size:24px; color:#000; margin: 0px; padding: 10px 0px 0px 0px; line-height: 28px; color: #000; text-decoration: none;}
.newsevent_details p a{font-size:24px; color:#000; margin: 0px; padding: 10px 0px 0px 0px; line-height: 28px; color: #000; text-decoration: none;}
.news_inner_thumnails img{width: 49%; float: left; margin-left: 5px; margin-bottom: 5px;}
.newsevent_details p:nth-child(2){font-size: 16px; color:#000; line-height: 18px; padding-top: 10px; }


.contactus_form{padding:25px 0px; background: #000; padding:35px 45px; margin-top: 20px; margin-bottom: 20px; border-radius: 10px;}
.contactus_form label{color:#fff;}
.contactus_form .form-control, .form-select{border-radius: 0px;}

.play_quote{font-style: italic; background: none; border: 1px solid #36A853; color: #36A853; font-weight: 600; font-size: 16px; text-align: center; padding: 10px; display: block; width: 100%; border-radius: 5px; margin: 10px 0px;}




.programes_offerd {margin-bottom: 30px;}
.programes_offerd img{width: 100%; border: 1px solid #ccc;}
.programes_offerd h3{font-size: 24px; color: #000; margin: 20px 0px 0px 0px; padding: 0px; font-family: 'ABCSans'; font-weight: 500;}

.newscomm_points{width: 100%;}
.newscomm_points ul{list-style:none inside; display: table; text-align: center; margin: 0px; padding: 0;}
.newscomm_points ul li{display: inline-block; padding: 10px; margin: 10px; color:#36A853; border: 1px solid #36A853;}

/*Carousel CSS Starts here*/
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 8rem;
  z-index: 10;
	font-family: 'Surgena Personal use only SemBd'; font-size: 36px;
}

.carousel-caption h1{font-size: 46px;}

.galleryimages img{width:100%;}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 40rem;
}




.featurette-divider {
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
	border-color:transparent;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
	  margin-right: 325px;
    font-size: 1.25rem;
    line-height: 1.4;
	  font-family: 'ABCSans'; font-weight: 500; color: #fff;
	  
  }

  /*.featurette-heading {
    font-size: 50px;
  }*/
}




@media (max-width: 810px){
	.carousel-caption h1{font-size:24px;}
	.carousel-caption {font-size:16px; left: 10%;}
	.theclub_content .lead{padding-right: 0px; margin: 0px;}
	.count_main_details li{margin-right:15px;}
	.count_title{line-height: 24px;}
	.count_main_details{margin-bottom: 20px;}
	.featurette-divider{margin:1rem 0}
	.coach_details{border-radius:0px;}
	.news_gallery ul{display:block;}
	.stay_tuned img{width:100%;}
	.footer_links p:nth-child(2){text-align:center;}
	.footer_links p:nth-child(3){text-align:center;}
	.inner_banner{height:100px; margin-top: 82px;}
	.inner_banner img{height:100%;}
	.home_banner_btns .btn-primary{width:100%; margin-bottom: 10px; text-transform: uppercase;}
	.facilities_content h4{font-size: 24px;}
	.facilities_content p{font-size:16px; line-height: 18px; padding-right: 15px;}
	.home_top_menu .navbar-collapse{background:#000; padding: 0px 10px 10px 10px;}
	.home_top_menu .navbar-toggler{background:#000;}
	.footer_links a{padding:0px 6px;}
	.home_top_menu .nav-item{width:100%;}
  .home_top_menu .fixed-top{background: #000;}
  .inner_banner h3{font-size: 28px;}

  .theclub_address span{width: 100%; display: block;}
  .news_gallery ul{display: inline;  }
  .news_gallery ul li{margin: 0px;}
	
}



@media (max-width: 414px){
	.carousel-caption h1{font-size:24px;}
	.carousel-caption {font-size:16px; left: 10%;}
	.theclub_content .lead{padding-right: 0px; margin: 0px;}
	.count_main_details li{margin-right:15px;}
	.count_title{line-height: 24px;}
	.count_main_details{margin-bottom: 20px;}
	.featurette-divider{margin:1rem 0}
	.coach_details{border-radius:0px;}
	.news_gallery ul{display:block;}
	.stay_tuned img{width:100%;}
	.footer_links p:nth-child(2){text-align:center;}
	.footer_links p:nth-child(3){text-align:center;}
	.inner_banner{height:100px; margin-top: 82px;}
	.inner_banner img{height:100%;}
	.home_banner_btns .btn-primary{width:100%; margin-bottom: 10px; text-transform: uppercase;}
	.facilities_content h4{font-size: 24px;}
	.facilities_content p{font-size:16px; line-height: 18px; padding-right: 15px;}
	.home_top_menu .navbar-collapse{background:#000; padding: 0px 10px 10px 10px;}
	.home_top_menu .navbar-toggler{background:#000;}
	.footer_links a{padding:0px 6px;}
	.home_top_menu .nav-item{width:100%;}
  .home_top_menu .fixed-top{background: #000;}
  .inner_banner h3{font-size: 28px;}

  .theclub_address span{width: 100%; display: block;}
  .news_gallery ul{display: inline;  }
  .news_gallery ul li{margin: 0px;}
	
}



}

@media (max-width: 360px){
	.carousel-caption h1{font-size:24px;}
	.carousel-caption {font-size:16px; left: 10%;}
	.theclub_content .lead{padding-right: 0px; margin: 0px;}
	.count_main_details li{margin-right:15px;}
	.count_title{line-height: 24px;}
	.count_main_details{margin-bottom: 20px;}
	.featurette-divider{margin:1rem 0}
	.coach_details{border-radius:0px;}
	.news_gallery ul{display:block;}
	.stay_tuned img{width:100%;}
	.footer_links p:nth-child(2){text-align:center;}
	.footer_links p:nth-child(3){text-align:center;}
	.inner_banner{height:100px; margin-top: 82px;}
	.inner_banner img{height:100%;}
	.home_banner_btns .btn-primary{width:100%; margin-bottom: 10px; text-transform: uppercase;}
	.facilities_content h4{font-size: 24px;}
	.facilities_content p{font-size:16px; line-height: 18px; padding-right: 15px;}
	.home_top_menu .navbar-collapse{background:#000; padding: 0px 10px 10px 10px;}
	.home_top_menu .navbar-toggler{background:#000;}
	.footer_links a{padding:0px 6px;}
	.home_top_menu .nav-item{width:100%;}
  .home_top_menu .fixed-top{background: #000;}
  .inner_banner h3{font-size: 28px;}

  .theclub_address span{width: 100%; display: block;}
  .news_gallery ul{display: inline;  }
  .news_gallery ul li{margin: 0px;}

	
}
.circle_outline {
background: #36A853;
border-radius: 100px;
padding: 4px 8px;
width: 32px;
display: block;
height: 32px;
float: left;
margin-top: -3px;
margin-right: 15px;
}
n-right: 15px;
}


