*{ margin: 0px; padding: 0px;  box-sizing: border-box;}
body {  font-family: 'Poppins', 'sans-serif';   color: var(--text-color); }

:root {  --primary-color: #7BB541;  --text-color: #4A4A4A;  --white-text-color: #FFFFFF;   --black-color: #000000;   --white-color: #FFFFFF; }
button, a, .btn{  text-decoration: none;   text-align: center;   font-family: 'Poppins';   font-size: 17px;   font-style: normal;   font-weight: 400;   line-height: normal;   letter-spacing: 0.85px; }
 .menu button,  .menu a,  .menu .btn{  text-decoration: none;   text-align: center;   font-size: 17px;   font-style: normal;   font-weight: 400;   line-height: normal;   letter-spacing: 0.85px; }
.menu a{ color: var(--text-color); }
.primary_btn{ border-radius: 5px;  background: var(--primary-color); color: var(--white-color); }
h1{ color: var(--text-color);   font-family:'Ubuntu';   font-size: 125px;   font-style: normal;   font-weight: 700;   line-height: normal;}
h2{color: var(--primary-color);  font-family: 'Ubuntu';  font-size: 89px;   font-style: normal;   font-weight: 700;   line-height: normal;}
h3{ color: var(--text-color);   font-family: 'Ubuntu';  font-size: 55px; font-style: normal;  font-weight: 700;  line-height: normal; }
h4{ color: var(--text-color) ;   text-align: center;  font-family: 'Ubuntu';   font-size: 30px;  font-style: normal;  font-weight: 700;  line-height: normal; }
h5{ color: var(--text-color) ; text-align: center;  font-family: 'Ubuntu';  font-size: 25px;  font-style: normal;   font-weight: 700;  line-height: normal;  text-transform: uppercase; }
h6{  color: #4A4A4A; font-family: Poppins;   font-size: 23px; font-style: italic; font-weight: 800;  line-height: 30px; text-transform: uppercase;}
p{  color: #4A4A4A; font-family: Poppins;   font-size: 18px; font-style: normal; font-weight: 400;  line-height: 30px; /* 166.667% */  }
.active{ color: var(--primary-color); }
.home_page .landing-header {position: relative; }
.home_page .cust_mob_nav {position: relative; }

.home_page .cust_mob_nav .navbar-collapse {
    background: transparent;
    padding: 10px;
}


/* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
}


.landing-header { position: absolute; top: 0px;  width: 100%;  z-index: 99999;}

/* navbar */
.nav_btn a:first-child {  border-radius: 5px;  background: var(--primary-color);  color: white;     }
.nav_btn a:last-child {  border: 2px solid var(--primary-color) ; border-radius: 5px;  background: transparent;  color: var(--primary-color);   }
.menu, .menu-wrapper {  gap: 20px; }
.nav_btn {   display: flex;  justify-content: center;   gap: 10px;}
/*.cust_mob_nav { display: none; }*/
/*.cust_desk_nav { display: block; }*/


/* hero sec */
section.hero_sec { margin-top: -9em; z-index: 99999; }

/*hero*/
/* .hero{ background-image: url(../media/img/hero.png); background-repeat: no-repeat; background-size: contain;} */
/*.hero_right_img { position: relative; }*/

.hero_right_img { position: absolute; top: 0; right: 0; width: 50%;  height: calc(72% - 10px);}

.hero_right_img img { border-radius: 12px; width: 100%;  height: 100%;    right: -120px; top:-80px;  object-fit: cover; object-position: center;}
section.hero {height: 100%;padding: 120px 0px;     position: relative;}
.home_page { overflow-x: hidden; }
.hero_sec_img { z-index: 99; height: 100%; width: 100%; position: relative; }
.hero .col-lg-12 .row { align-items: end;  height: 100%; }
.hero_sec_img img { width: 100%; height: 100%; object-fit: cover; object-position: center;}

/* footer */
/* .newsletter { max-width: 600px;  margin: 0 auto;} */
.newsletter form { display: flex;  justify-content: center;  align-items: center; gap: 20px; margin-top: 10px;}
.newsletter input {     padding: 10px; border: none;  border-radius: 5px ;  width: 518.842px;  height: 59.395px; flex-shrink: 0;}
.f_first, .f_second, .f_third , .f_bottom{  text-align: center;    padding-block: 30px; }
.footer{ background: url(../media/img/footer.png); background-size: cover; background-repeat: no-repeat; padding-top: 50px; background-blend-mode: overlay; background-color:#101010B2;}
.footer p, .footer a, .footer h1, .footer h2, .footer h3  {  color: white; }
.footer .f_menu .menu {  justify-content: center;  }
.f_bottom {  display: flex;  justify-content: space-between; }
.f_menu { padding-block: 10px;  border-block: 1px solid white; }
.f_first {  border-bottom: 1px solid white;}
.f_first p {  padding-block: 20px;}
.newsletter button {  width: 220.659px;  height: 59.395px;}
.newsletter button:hover { background: transparent; color: #7bb541; border: 1px solid #7bb541;}
/*.hero_content {  padding-top: 60px; }*/

/* about sec */
.abt_img img { height: auto;  width: 100%; height: 100%;  width: 100%; object-fit: cover; border-radius: 15px; z-index: 99999;}
.abt_img {  height: 596px; width: 644px;position: relative; }
section.about_section { padding: 20px 0px 140px 0px }
.abt_img:before{  content: '';  background: url('../media/img/green.png') no-repeat right; width: 100%; height: 100%; display: block;  position: absolute;  z-index: -1; }
.abt_img:before {  content: '';  background: url(../media/img/green.png) no-repeat right;  width: 100%;  height: 100%;  display: block; position: absolute;  z-index: -1; left: -90px; top: -40px; }
.about_section .abt_content {  padding-bottom: 103px; padding-left: 20px; max-width: 84%; }
.about_section .abt_content p { padding-block: 10px;}


.ser_content {  padding: 30px 28px;  text-align: center;}
.ser_img img { width: 100%; height: 100%;  object-fit: cover;     border-radius: 12px;}
.ser_img { width: 100%;  height: 422px;}
.service_card {  border-radius: 20px; background: #FFF;   box-shadow: 0px 4px 33px 8px rgba(0, 0, 0, 0.05); }
.ser_content p {  padding-block: 20px; }
.ser_content a { color: var(--primary-color); font-style: normal; font-weight: 700;   line-height: normal;  text-decoration-line: underline; }
.top_row {  text-align: center; padding-block: 50px; }
/* .service_card_sec { padding-block: 30px; height: 70%; background: linear-gradient(to bottom, lightgray 70%, white 30%); } */
.service_card_sec { padding-block: 30px; background-color: #F7F7F7; }

/* member_card_section */
.service_member {  background: url('../media/img/mask.png') no-repeat right; padding: 50px;  border-radius: 20px; height: 600px;  position: relative; background-blend-mode: overlay; background-color: rgba(37, 37, 37, 0.80);}
.service_member_top { padding-block: 20px;padding-bottom: 80px; text-align: center; }
.service_member_top h3 {color: white; }
.service_member_top p { color: white; }
.member_card {  padding: 30px 14px;  text-align: center; border-radius: 20px; background: #FFF; box-shadow: 0px 4px 33px 8px rgba(0, 0, 0, 0.05); }
.m_card_content h4 {  padding-block: 15px; }
.service_member_bottom { position: absolute;  left: 50px;  position: absolute; right: 50px; }
.member_section {  padding-bottom: 20em;     background: linear-gradient(to bottom, #F7F7F7 40%, white 40%);}

.swiper  .membership_buy_card { width: 70%; height: auto;}
.swiper .buy_card_content.text-center {  padding: 20px;}
.swiper .buy_card_img.text-center {  padding: 40px 20px;}




/*/ waqar css start /*/

.about_section .abt_content {
    position: relative;
}

.about_section .abt_content:before {
    content: '';
    background: url(../media/img/racket.png) no-repeat right;
    width: 60%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    right: -4em;
    top: 59%;
    transform: rotate(52deg);
    overflow-x: hidden;
}

/*/ membership section /*/

.membership_sec {
    padding-block: 6em 6em;
    background: linear-gradient(to bottom, #F7F7F7 60%, white 60%);
    position: relative;
    height: 100%;
}

.membership_sec .swiper {
    width: 100%;
    height: 100%;
}


.membership_sec .swiper-slide {
 text-align: center;
 font-size: 18px;
/ background: #fff; /
display: flex;
 justify-content: center;
 align-items: center;
}

.membership_sec .swiper-slide   .custom_slider_card{
    width: 22em;
    height: auto;
}

.membership_sec .custom_card {
 overflow: hidden;
 width: 300px;
 height: 475px;
}


.membership_sec .custom_card .custom_card_bg{
 background: #7BB541;
 border-radius: 6%;
}



.fs-98{ color: var(--white-text-color);   font-family: 'Ubuntu';  font-size: 98px; font-style: normal;  font-weight: 700;  line-height: normal; }
.fs-30{ color: var(--text-color);   font-family: 'Ubuntu';  font-size: 30px; font-style: normal;  font-weight: 700;  line-height: normal; }
.fs-47{ color: var(--text-color);   font-family: 'Ubuntu';  font-size: 47px; font-style: normal;  font-weight: 700;  line-height: normal; }
.fs-45{ color: var(--text-color);   font-family: 'Ubuntu';  font-size: 45px; font-style: normal;  font-weight: 700;  line-height: normal; }
.fs-43{ color: var(--text-color);   font-family: 'Ubuntu';  font-size: 43px; font-style: normal;  font-weight: 700;  line-height: normal; }
.fs-41{ color: var(--text-color);   font-family: 'Ubuntu';  font-size: 41px; font-style: normal;  font-weight: 700;  line-height: normal; }

/*about us*/

.about_sec{
    padding-block: 100px;
    position: relative;
}

.about_sec .abt_content:before {
    content: '';
    background: url(../media/img/racket.png) no-repeat right;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 45%;
}

.about_counter_sec {
 padding-top: 40px;
 padding-bottom: 110px;
}

.about_counter_sec .stats {
 text-align: center;
 font-size: 29px;
 font-weight: 700;
 font-family: 'Ubuntu';
 position: relative;
 color: #7BB541;
 border-right: ridge;
}

.about_counter_sec .counting {
 position: absolute;
 font-size: 122px;
 opacity: 0.1;
 left: 94px;
 bottom: -70px;
}

.about_video_sec .custom_video video{
    width: 100%; height: 700px; object-fit: cover;
}

.about_professional_sec {
    padding-block: 100px 45px;
}

.about_professional_sec .detail_box{
    position: relative;
}

.about_professional_sec .custom_img {
    position: relative;
}

.about_professional_sec .custom_box {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 33px 8px rgba(0, 0, 0, 0.05);
    padding: 40px;
    transform: translate(70px, 20px);
    width: 100%;
}

/*.custom_box:before{*/
    /*content: '';*/
    /*background: url('../media/img/tennis_about_img.png') no-repeat right;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
    /*position: absolute;*/
    /*z-index: -1;*/
    /*left: -90px;*/
    /*top: 340px;*/
/*}*/

.about_professional_sec .range1{
    width: 95%;
}


.about_professional_sec .professional_img_sec {
    height: 580px;
}

.about_professional_sec .professional_img_sec img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.about_professional_sec .about_tennis_img {
    padding: 50px 50px 0px 190px;
}

.about_professional_sec input[type='range'] {
    accent-color: #7BB541;
}

.about_ques_sec {
    padding-block: 77px;
    background-color: #F7F7F7;
}

.about_ques_sec .green_box {
    background: #7BB541;
    padding: 37px;
    width: 90%;
    border-radius: 20px;
}

.white{
    color: #ffffff;
}

.custom_btn {
    border-radius: 5px;
    background-color: #fff;
    color: #7BB541;
}

/* accordion css*/

.accordion-item {
    box-shadow: -4px 4px 16px 7px rgba(17, 45, 78, 0.05);
    margin: 20px 0;
}

.accordion-button{
    background-color: #fff;
    color: #000;
    box-shadow: none;
}


.accordion-button:not(.collapsed) {
    background-color: #7BB541;
    color: #fff;
    box-shadow: none;
}


.accordion-item button {box-shadow: none !important;font-size: 17px;}

.accordion-body {
    background: #F7F7F7;;
    color: #4A4A4A;
}
.accordion-button[aria-expanded="false"]::after {
    content: '';
    background-image: url('../media/img/plus.png');
}


.accordion-button[aria-expanded="true"]::after {
    content: '';
    background-image: url('../media/img/minus.png');
}

/* lessons page */

.lessons_about_section{
    padding-block: 100px;
}

.lessons_about_section .lessons_img{
    height: 463px;
}

.lessons_about_section .lessons_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
}

.lessons_training_sec .lessons_img_sec {
    height: 580px;
}

.lessons_training_sec .lessons_img_sec img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     border-radius: 22px;
 }

.lessons_training_sec .custom_box {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 33px 8px rgba(0, 0, 0, 0.05);
    padding: 51px;
    transform: translate(0, -110px);
    width: 91%;
    margin: 0 auto;
}

.lessons_invesing_sec {
    padding: 0;
}

.lessons_invesing_sec .investing_img_sec{
    height: 500px;
}


.lessons_invesing_sec .investing_img_sec img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.lessons_invesing_sec .custom_box {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 33px 8px rgba(0, 0, 0, 0.05);
    padding: 40px;
    transform: translate(49px, 90px);
    width: 109%;
}

.lessons_invesing_sec .custom_box p {
    padding-top: 20px;
}


/*service page*/

.comfort_members_sec {
    padding-bottom: 30px;
}

.comfort_members_sec .member_heading {
    padding-bottom: 100px;
}

.comfort_members_sec .member_heading p {
    max-width: 45%;
    margin: 0 auto;
}

.comfort_members_sec .club_sec {
    direction: rtl;
    max-width: 79%;
    float: right;
    padding-bottom: 119px;
}

.comfort_members_sec .wardrobe_sec {
    float: left;
    max-width: 99%;
    padding-inline: 70px;
    transform: translate(10px, -67px);
}

.comfort_members_sec .tournament_img img {
    height: 45px;
}

.comfort_members_sec .comfort_img_sec {
    position: relative;
    height: 211px;
    transform: scale(1.7);
    z-index: -1;
}

.comfort_members_sec .comfort_img_sec img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.m-col-1 {
    display: flex;
    justify-content: end;
}
.membership_content {
    width: 65%;
}

.mobile_nav{
    display: none;
}
.desktop_nav{
    display: block;
}


/*/ waqar css end /*/


.contect_sec .contact_img:before{ content: '';  background: url('../media/img/contactb.png') no-repeat right; width: 100%; height: 100%; display: block;  position: absolute;  z-index: -1; left: -85px;top: -40px;  }
.contect_sec .contact_img:after {content: '';background: url(../media/img/racket.png) no-repeat left;width: 100%;height: 100%;display: block;position: absolute; z-index: -2; left: -250px;  top: 120px;}
.contect_sec .contact_img img {  WIDTH: 100%;  height: 100%; object-fit: cover;}
.contect_sec .contact_img { position: relative; width: 645px;  height: 800px;}
.contect_sec {   padding-block: 100px;}
.padding_block { padding-block: 12px; }
.cont_form input {  height: 61px;  border: 1px solid lightgray; border-radius: 5px; }
.cont_form select {  height: 61px;  border: 1px solid lightgray; border-radius: 5px; }
.cont_form textarea { width: 645px;  height: 267px; border: 1px solid lightgray; border-radius: 5px; }
.cont_form button { height: 60px; width: 100%; }
.contact_page .contact_img:before, .contact_page .contact_img:after  { display:none;}

.cust-work-post p { overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4;  line-clamp: 2;  -webkit-box-orient: vertical; }

/*contact*/

.banner {   background: url('../media/img/banner.png'), lightgray 50% / cover no-repeat;  border-bottom: 5px solid #7bb541;   padding-block: 150px; background-position: center; width: 100%; height: 371px; }
.cont_page { padding-block: 100px; }
.cont_page .contacts_img { width: 600px; height: 680px; margin: auto;}
.cont_page .contacts_img img {border-radius: 15px; height: 100%; width: 100%; object-fit: cover; background-position: center;}
.cont_page .cont_form button { height: 60px; width: 30%; }

/*resid_single*/
.resid_single{ max-width: 60%; margin: auto;}
.border_line{  border-bottom:  4px solid lightgray; }


/*upcoming Events*/
.upcoming_events .service_card_sec { background: transparent; }
.upcoming_events .service_card { margin-block: 2em; height: auto; }

/*event details*/
.inner_img {  width: auto;  height: 600px;}
.event_detail_inner .inner_img img {  width: 100%;   height: 100%;   object-fit: cover;    border-radius: 20px;}
.event_details { padding-block: 50px;}
.event_detail_inner .inner_content {  padding-block: 80px;}
.event_detail_inner .inner_content h3{ font-size: 40px }
.related_top{ padding-block: 20px; }
.event_detail_inner .inner_content p {  padding-block: 20px;}


/*membership
*/
.buy_card_img.text-center {   background: #7bb541; padding: 70px 30px;  height: 50%;  border-radius: 20px; }
.buy_card_content.text-center {  padding: 50px 55px; }
.membership_buy_card {  width: 80%;  width: 418px;  height: 588px;   border-radius: 20px; margin-block:2em; background: #FFF; box-shadow: 0px 4px 33px 8px rgba(0, 0, 0, 0.05);  flex-shrink: 0; }
.buy_card_content p {  padding-block: 15px;  width: 217px; margin: auto; }
.buy_card_img p {  color: white;  font-size: 22px; }
.buy_card_img:hover { background: black; }

.nav-tabs { border: none; padding-bottom: 20px; }
.nav-tabs  li.nav-item a.active {border: none; color:#7bb541;     border-bottom: 4px solid #7bb541; }
.nav-tabs  li.nav-item{ font-size: 22px; }
.nav-tabs  li.nav-item a{ color: black }
.nav-tabs  li.nav-item a:hover{ color: black; border:none; }


.cust_icon_nav{ display: flex; gap:50px; }

.input-box{position: relative;}
.input-box .input_icon{position: absolute; top: 20px; right: 20px;}