:root{--primary-color: #313c2f;--secondary-color: #eb9023;--territiary-color: #3426a1 ;--other-color: #fff;--lt-bg-color: #f8f8f8;--heading-color: #313c2f;--btn-color: #FFF700;--btn-hover: #eb9023c2;--sec-line: #656565;--white-color:#fff;--black-color:#000;--primary-font: "Poppins", sans-serif;--secondary-font: "Poppins", sans-serif;--heading-font:"Poppins", sans-serif;--other-font: "Blacksword";--f1:1px;--f2:2px;--f3:3px;--f4:4px;--f5:5px;--f6:6px;--f7:7px;--f8:8px;--f9:9px;--f10:10px;--f11:11px;--f12:12px;--f13:13px;--f14:14px;--f15:15px;--f16:16px;--f17:17px;--f18:18px;--f19:19px;--f20:20px;--f21:21px;--f22:22px;--f23:23px;--f24:24px;--f25:25px;--f26:26px;--f27:27px;--f28:28px;--f29:29px;--f30:30px;--f31:31px;--f32:32px;--f33:33px;--f34:34px;--f35:35px;--f36:36px;--f37:37px;--f38:38px;--f39:39px;--f40:40px;--f41:41px;--f42:42px;--f43:43px;--f44:44px;--f45:45px;--f46:46px;--f47:47px;--f48:48px;--f49:49px;--f50:50px;--f51:51px;--f52:52px;--f53:53px;--f54:54px;--f55:55px;--f56:56px;--f57:57px;--f58:58px;--f59:59px;--f60:60px;--f70:70px;--f75:75px;--f80:80px;--f85:85px;--f90:90px;--p1:1px;--p2:2px;--p3:3px;--p4:4px;--p5:5px;--p6:6px;--p7:7px;--p8:8px;--p9:9px;--p10:10px;--p11:11px;--p12:12px;--p13:13px;--p14:14px;--p15:15px;--p16:16px;--p17:17px;--p18:18px;--p19:19px;--p20:20px;--p21:21px;--p22:22px;--p23:23px;--p24:24px;--p25:25px;--p26:26px;--p27:27px;--p28:28px;--p29:29px;--p30:30px;--p31:31px;--p32:32px;--p33:33px;--p34:34px;--p35:35px;--p36:36px;--p37:37px;--p38:38px;--p39:39px;--p40:40px;--p41:41px;--p42:42px;--p43:43px;--p44:44px;--p45:45px;--p46:46px;--p47:47px;--p48:48px;--p49:49px;--p50:50px;--p51:51px;--p52:52px;--p53:53px;--p54:54px;--p55:55px;--p56:56px;--p57:57px;--p58:58px;--p59:59px;--p60:60px;--p61:61px;--p62:62px;--p63:63px;--p64:64px;--p65:65px;--p66:66px;--p67:67px;--p68:68px;--p69:69px;--p70:70px;--p71:71px;--p72:72px;--p73:73px;--p74:74px;--p75:75px;--p76:76px;--p77:77px;--p78:78px;--p79:79px;--p80:80px;--p81:81px;--p82:82px;--p83:83px;--p84:84px;--p85:85px;--p86:86px;--p87:87px;--p88:88px;--p89:89px;--p90:90px;--p91:91px;--p92:92px;--p93:93px;--p94:94px;--p95:95px;--p96:96px;--p97:97px;--p98:98px;--p99:99px;--p100:100px;--p120:120px;--m1:1px;--m2:2px;--m3:3px;--m4:4px;--m5:5px;--m6:6px;--m7:7px;--m8:8px;--m9:9px;--m10:10px;--m11:11px;--m12:12px;--m13:13px;--m14:14px;--m15:15px;--m16:16px;--m17:17px;--m18:18px;--m19:19px;--m20:20px;--m21:21px;--m22:22px;--m23:23px;--m24:24px;--m25:25px;--m26:26px;--m27:27px;--m28:28px;--m29:29px;--m30:30px;--m31:31px;--m32:32px;--m33:33px;--m34:34px;--m35:35px;--m36:36px;--m37:37px;--m38:38px;--m39:39px;--m40:40px;--m41:41px;--m42:42px;--m43:43px;--m44:44px;--m45:45px;--m46:46px;--m47:47px;--m48:48px;--m49:49px;--m50:50px;--m51:51px;--m52:52px;--m53:53px;--m54:54px;--m55:55px;--m56:56px;--m57:57px;--m58:58px;--m59:59px;--m60:60px;--m61:61px;--m62:62px;--m63:63px;--m64:64px;--m65:65px;--m66:66px;--m67:67px;--m68:68px;--m69:69px;--m70:70px;--m71:71px;--m72:72px;--m73:73px;--m74:74px;--m75:75px;--m76:76px;--m77:77px;--m78:78px;--m79:79px;--m80:80px;--m81:81px;--m82:82px;--m83:83px;--m84:84px;--m85:85px;--m86:86px;--m87:87px;--m88:88px;--m89:89px;--m90:90px;--m91:91px;--m92:92px;--m93:93px;--m94:94px;--m95:95px;--m96:96px;--m97:97px;--m98:98px;--m99:99px;--m100:100px;}

body{
    background-color: #000;
}
a.nav-link {
    color: #fff;
}
.navbar-expand-lg .navbar-collapse {
     justify-content: center;
    }

     .navbar-expand-lg .navbar-nav {
    gap: 30px;
    align-items: baseline;
}

    a.main-btn {
    background: var(--btn-color);
    padding: 6px;
    text-decoration: none;
    color: #000;
    border-radius: 10px;
}

    .desk .row {
        justify-content: space-between;
        align-items: center;
    }

    header.page-header.desk {
    background: #000;
    padding: 5px;
}

.top-nav {
    background: #000;
    justify-content: space-between;
    display: flex;
    margin-bottom: 5px;
}

.top-nav-time span{
    color:#fff;
}

.top-add a{
    color:#fff;
    text-decoration: none;
    padding-left: 15px;
}


/* banner css */
.banner-img img{
    width:100%;
    height: 100vh;
}

section.banner-sec .col-12{
    padding:0;
}

span.b-text-color {
    color: var(--btn-color);
}

.banner-text h2{
    color:#fff;
    font-size: 66px;
    text-align: center;
    line-height: 100px;
}

section.banner-sec {
    position: relative;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-para p{
    text-align: center;
    color: #fff;
    
}

/* cta css */

section.serv-sec {
    background-color: #000;
    text-align: center;
    padding: 60px 0;
}

.serv-text h2{
    color: var(--btn-color);
    margin-bottom: 30px;
}

.serv-text p{
    color: #fff;
}

.serv-text {
    width: 40%;
    display: block;
    margin: auto;
}

.ser-img {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
}

.ser-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.serv-name{
    position: relative;
}

.serv-name h6{
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 4px #000000;

}

section.counter-sec .head-sec h2{
    color: var(--btn-color);
    line-height: 70px;
    text-align: center;
}

section.counter-sec .head-sec p{
    color: var(--white-color);
    text-align: center;
    width: 45%;
    display: block;
    margin: auto;
}

section.counter-sec{
    background-color: #000;
    padding: 60px 0;
}

/* connter sec */

.counter-text span{
    color: var(--btn-color);
    font-size: 40px;
    font-weight: 600;
}

.counter-text p{
    color: var(--white-color);

}

.counter-text {
    text-align: center;
}

.counter-sec .head-sec{
    margin-bottom: 40px;
}

/* slider section */

section.slider-sec .col-12{
    padding: 0;

}

section.slider-sec .carousel-item img{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}



/*  */

.fitness-section {
  background: #0e0e0e;
  padding: 60px 0;
}

.section-title {
  color: var(--btn-color);
  line-height: 56px;
  margin-bottom: 25px;
}

.desc {
  font-size: 15px;
  margin-bottom: 15px;
  margin-left: 60px;
}

.fitness-img-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

section.about-sec{
    background-color: #000;
}



section.after-before-sec .carousel-item img{
    width: 100%;
}

section.after-before-sec .col-12{
    padding: 0;
}

section.after-before-sec h2{
    color: var(--btn-color);
  text-align: center;
  line-height: 60px;
  margin-bottom: 30px;

}


/* trainers sec css */

section.trainers-sec .tra-card{
    display: flex;
}

.line {
    background: #fff700;
    height: 4px;
    width: 100%;
}

.text-rotate {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.text-rotate h6{
    margin: 8px;
    color: #fff;
}

.text-rotate h4{
    margin: 8px;
     color: #fff;
}

.rotate-content {
    margin-left: 30px;
}


section.trainers-sec .row{
    gap:25px 0;
}

/*  */


/* tabby accordion styles */
.tabby-accordion {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: min(100%, 800px);
}

.tabby-accordion > * {
  width: 100%;
}

.tabby-accordion [role='tablist'],
.tabby-accordion .tabpanels {
  display: contents;
}

@media (min-width: 768px) {
  .tabby-accordion {
    flex-direction: row;
  }
  .tabby-accordion [role='tablist'],
  .tabby-accordion .tabpanels {
    display: block;
  }
  .tabby-accordion [role='tablist'] {
    flex: 0 1 60%;
  }
  .tabby-accordion [role='tabpanel'] {
    margin: 0 0 0 5px;
    height: 100%;
    /* max-height: 330px; */
    /* overflow-y: scroll; */
  }
}

/* tab styles */
[role='tab'] + [role='tab'],
[role='tabpanel'] {
  margin-top: 5px;
}

[role='tab'] {
  background: var(--pinkish-gray);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  border: 2px solid #fff;
  /* padding: 10px; */
  text-align: center;
  width: 100%;
  cursor: pointer;
  position: relative;
  font-family: inherit;
  border-radius: 16px;
}

[role='tab']:hover::after {
  content: '';
  display: block;
  border-left: 7px solid var(--purple);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

[role='tab'][aria-selected='true'] {
  color: var(--btn-color);
}

[role='tab'][aria-selected='true']::after {
  content: '';
  display: block;
  border-left: 15px solid var(--pink);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

[role='tabpanel'] {
  background: var(--light-pink);
  padding: 30px;
  text-align: center;
  border: 2px solid black;
}

[role='tabpanel']:not([tabindex]) {
  display: none;
}

.tabpanel-content {
  max-width: 550px;
  margin: 0 auto;
}

.eyebrow {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 5px;
  color: #fff;
}

.heading {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 12px;
}

.content-img {
  margin-top: 30px;
}

/* image placeholder */
.img-placeholder {
  position: relative;
  margin: 15px auto;
  width: 100%;
  max-width: 250px;
}

.img-placeholder .backboard {
  width: 100%;
  height: 150px;
  background: var(--pinkish-gray);
  border: 5px solid black;
  border-radius: 20px;
  position: absolute;
  top: -15px;
  left: -10px;
}

.img-placeholder .content {
  width: 100%;
  height: 150px;
  background: var(--pinkish-gray);
  border: 5px solid black;
  border-radius: 20px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.img-placeholder .sun {
  width: 35px;
  height: 35px;
  border: 5px solid black;
  border-radius: 50%;
  position: absolute;
  top: 5%;
  right: 10%;
}

.img-placeholder .hill {
  width: 100px;
  height: 100px;
  background: var(--pinkish-gray);
  border: 5px solid black;
  transform-origin: center;
  rotate: 45deg;
  position: absolute;
  top: calc(100% - 50px);
}

.img-placeholder .hill.taller {
  width: 250px;
  height: 250px;
}

.img-placeholder .hill.right {
  right: 0;
}

@media (min-width: 768px) {
  .tabpanel-content {
    height: 100%;
  }
  .content-img {
    width: 150px;
    margin: 0 20px 0 0;
    float: left;
  }
  .content-text {
    text-align: left;
  }
  .heading {
    font-size: 2rem;
    color: #fff;
  }
}

.content-text p{
    color: #fff;
}

section.branches_sec{
  padding:60px 0;
}

section.branches_sec .head-sec{
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}

.tab-cont {
    display: flex;
    /* justify-content: center; */
    gap: 25px;
    align-items: center;
    background: #272626;
    border-radius: 16px;
}

.tab-cont img{
  width: 38%;
  height: 100%;
  object-fit: cover;
}

.tab-text p{
font-size: 15px;
margin: 0;
}

.tab-text{
    color:#fff;
}

/*  */


.container{max-width:1200px;width:100%}
.carousel-wrapper{display:flex;gap:50px;align-items:center}
/* LEFT */
.carousel-left{position:relative}
.image-container{
    width:320px;height:400px;border-radius:20px;overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.5)
}
.carousel-image{width:100%;height:100%;object-fit:cover;transition:.5s}
.image-overlay{position:absolute;inset:0;opacity:.25}
.nav-buttons{
    position:absolute;right:15px;top:50%;transform:translateY(-50%);
    display:flex;flex-direction:column;gap:10px
}
.nav-btn{
    width:40px;height:40px;border-radius:50%;
    background:rgba(255,255,255,.2);
    border:1px solid rgba(255,255,255,.1);
    color:#fff;font-size:18px;cursor:pointer
}
.indicators{
    position:absolute;bottom:15px;left:50%;
    transform:translateX(-50%);
    display:flex;gap:8px
}
.dot{
    width:8px;height:8px;border-radius:50%;
    background:rgba(255,255,255,.5);cursor:pointer
}
.dot.active{width:24px;border-radius:4px;background:#fff}
.counter{margin-top:15px;text-align:center;color:#bbb}
/* RIGHT */
.carousel-right{color:#fff;flex:1}
.content-title{
    font-size:46px;font-weight:bold;
    background:linear-gradient(135deg,#60A5FA,#A855F7);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent
}
.content-divider{width:60px;height:4px;background:linear-gradient(90deg,#60A5FA,#A855F7);margin:20px 0}
.content-description{color:#d1d5db;font-size:18px;margin-bottom:30px}
.content-items{display:flex;flex-direction:column;gap:16px}
.content-item{
    padding:16px;border-radius:10px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.05);
    display:flex;gap:16px;cursor:pointer
}
.content-item.active{transform:scale(1.03)}
.content-item-number{font-size:22px;font-weight:bold;color:#9ca3af}
.content-item.active .content-item-number{color:#fff}
.explore-btn{
    margin-top:30px;
    padding:12px 30px;
    border:none;border-radius:8px;
    background:linear-gradient(135deg,#3B82F6,#8B5CF6);
    color:#fff;font-size:16px;font-weight:600;cursor:pointer
}
@media(max-width:768px){
    .carousel-wrapper{flex-direction:column}
    .content-title{font-size:32px}
}


section.tabs_sec .head-sec{
  text-align: center;
  color: #fff;
  margin-bottom: 40px;

}

section.tabs_sec{
padding: 60px 0;

}



/* testimonial new section css start here ! */
section.new-testimonial .tn-stars i{
  color: #DAA520;
}
.new-testimonial {
  padding: var(--p60) var(--p12);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    background-position: center;
    background-attachment: fixed;

  
}

.t-card {
  background: #1a1a1a;
  padding: 25px;
  border-radius: 15px;
  min-height: 170px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.t-card p {
  font-size: 18px;
  color: #fff;
  line-height: 1.5;
  height: 110px;
  overflow: hidden;
}

.t-card h4 {
  margin-top: 15px;
  font-size: 16px;
  color: var(--btn-color);
  font-weight: 600;
}

/* Space between sliders */
.new-testimonial .testimonial-slider {
  margin-bottom: 40px;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 52%);
}

.how-we-value-heading h2{
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 60px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #fff700;
}

.how-we-value-heading h6{
  color: var(--white-color);
  position: relative;
  z-index: 1;
}

section.new-testimonial .tn-stars i {
    color: #DAA520 !important;
    display: block;
}

section.new-testimonial ,.how-we-value-heading{
  color: var(--secondary-color);
}



/* faqs */

.faq-section {
  background: #ffea00; /* Yellow section */
}

.faq-title {
  color: #000;
  font-weight: 700;
}

.accordion-item {
  background: #ffea00;
  border: none;
  margin-bottom: 10px;
}

.accordion-button {
  background: #ffea00;
  border: 2px solid #000;
  border-radius: 8px;
  color: #000;
  font-weight: 600;
}

.accordion-button:not(.collapsed) {
  background: #000;
  color: #ffea00;
}

.accordion-item .accordion-body {
  border: 2px solid #fff700;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background: #fff;
}

/* Yellow background like screenshot */
.faq-wrap {
  background: var(--btn-color);
}

/* Black header bar with yellow title */
.faq-header {
  background: #000;
}

.faq-header h2 {
  color: #fce900;
  letter-spacing: 1px;
  font-weight: 500;
}

/* Accordion design */
.faq-accordion .accordion-item {
  border: none;
  margin-bottom: 12px;
  background: transparent;
}

/* Yellow FAQ box with border + rounded corners */
.faq-accordion .accordion-button {
  background: #fce900;
  border: 2px solid #000;
  border-radius: 8px !important;
  color: #000;
  font-weight: 600;
  padding-left: 45px;
}

/* Remove Bootstrap shadow */
.accordion-button:focus {
  box-shadow: none;
}

/* On open state – but keep same colors (no dark change) */
.faq-accordion .accordion-button:not(.collapsed) {
  background: #fce900;
  color: #000;
}

/* Add '+' icon on left */
.faq-accordion .accordion-button::before {
  content: "+";
  font-weight: 900;
  margin-right: 12px;
  font-size: 20px;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
}

/* Change + to − when opened */
.faq-accordion .accordion-button:not(.collapsed)::before {
  content: "-";
}

/* Accordion body inside white drop */
.accordion-body {
  border: 2px solid #000;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background: #fff;
  font-weight: 500;
}

.accordion-button::after{
  display: none;

}
/* testimonial new section css end here ! */


/* footer css start */
     footer{
        background: #000;
        padding-top: 0;
        position: relative;
        border-top: 1px solid var(--secondary-color);
    }

    footer .container{
     position: relative;
    }
    footer ul.footer_link {
     display: flex;
     flex-direction: column;
     gap: 5px;
     padding-left: 0;
     list-style: none;
    }
    footer .abt p{
       color: var(--white-color);
       font-size: var(--f13);
       line-height: 1.7;
       margin-bottom: 0px;
       margin-top: var(--m15);
       max-height: 153px;
       overflow: hidden;
    }
    footer img{
        width: 200px;
    }
    footer .logo{
        padding-bottom: var(--p50);
        border-bottom: 1px solid #7d707080;
       
    }
    footer .detail{
        padding-top: var(--p50);
    }
    footer ul.social-md {
        display: flex;
        gap: 30px;
    }
    footer .icons{
        display: flex;
        align-items: center;
        justify-content: end;
    }
    footer ul.footer_link i{
        color: var(--white-color);
        font-size: var(--f16);
        margin-right: 10px;
        width:16px;
    }
    footer ul.social-md a{
        color: var(--secondary-color);
        font-size: var(--f22);
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px dotted var(--secondary-color);
        border-radius: 50%;
    }
    footer .payments img{
        width: 220px;
    }
  footer .quick-links{
      padding-left:0;
    }
    footer .quick-links li{
        margin-bottom: var(--m6);
        list-style: none;
    }
      footer .container-fluid{
          padding-right:0px;
      }
    
    footer .col-3.quick{
        width: 22%;
        padding-left: var(--p20);
    }
    footer .col-3.get{
       width: 26%; 
    }
    footer .col-3.news{
        width: 27%;
    }
    footer .quick-links a{
        color: var(--white-color);
        margin-bottom: var(--m10);
        font-size: var(--f14);
    }
    footer .quick-links a:hover,  footer .quick-links a:hover i, footer .footer_link a:hover, footer .social li a:hover{
        color: var(--secondary-color);
    }
    footer .quick-links a i{
        margin-right: var(--m5);
        color: var(--white-color);
    }
    footer .footer_link li{
         margin-bottom: var(--m6);
         color: var(--white-color);
         /* font-weight: 500; */
    }
    footer .payments form input{
        padding: var(--p12);
        border: 1px solid #000;
        font-size: 14px;
    }
    footer a.main-bttn span.inner{
        display: block;
    }
    footer a.main-bttn{
        padding: 0;
    }
    footer .footer_link a{
          color: var(--white-color);
        margin-bottom: var(--m10);
        font-size: var(--f16);
    }
    
    footer .newsletter h2{
     color: var(--white-color);
     text-shadow: 0 0 3px var(--black-color);
     font-size: var(--f30);
    }
    footer .newsletter p {
     font-size: var(--f18);
     margin-bottom: var(--m10);
     color:var(--white-color);
     text-shadow: 0 0 5px var(--black-color);
    }
    footer input.form-control {
     padding: var(--p10) var(--p15);
     background: var(--white-color);
     border: none;
     min-height: 50px;
     color: var(--primary-color);
     font-size: var(--f14);
     border-radius: 0;
    }
    .newsletter-new {
        background: var(--lt-bg-color);
        padding: var(--p40) var(--p12);
        border-top: 1px solid var;
        display: none;
    }
    .newsletter-new h2{
        text-align: left;
        color: var(--black-color);
        font-weight: 500;
        margin-bottom: 0px;
    } 
    .newsletter-new img {
        height: 60px;
        width: 60px;
    }
    .newsletter-new input{
        padding: var(--p10) var(--p15);
        background: transparent;
        border: none;
        border-bottom: 1px solid var(--black-color);
        width: 100%;
    }
    .newsletter-new input::placeholder{
        padding-left: 0;
    }
    .newsletter-new .col-3{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .newsletter-new .col-5{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .newsletter-new .col-1{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .newsletter-new .main-btn{
        width: 75%;
        background: var(--secondary-color);
        border: var(--secondary-color);
    }
    
    footer h4{
     color: var(--btn-color);
     font-size: var(--f30);
    }
    footer form{
    display: flex;
     gap: 12px;
     flex-direction: column;
    }
    footer button.main-btn {
     min-width: 130px;
     border-radius: 0;
     width: 150px;
    }
    footer .social{
     display: block;
     gap:10px;
     /* margin-top: var(--m20); */
    }
    footer .social li{
     color: var(--white-color);
     display: flex;
     justify-content: center;
     align-items: center;
    }
    footer .social li a{
     display: inline-block;
     width: 30px;
     height: 30px;
     color: var(--white-color);
     border-radius: 50%;
     background-color: transparent;
     text-align: center;
     line-height: 30px;
     font-size: 12.5px;
     border: 1px solid var(--white-color);
    }
    footer .social li .fa-brands{
     color: var(--white-color);
    }
    .copyright {
     padding: 10px 0;
     border-top: 1px solid var(--btn-color);
     margin-top: var(--m40);
     background: #000;
    }
    .copyright img{
      width:140px;
    }
    .copyright .right{
      text-align:end;
    }
    .copyright p {
     color: var(--btn-color);
     margin: auto;
     font-size: 14px;
    }
    
    .right_copyright {
     text-align: right;
    }
    
    .right_copyright p img {
     width: 135px;
    }

    footer img {
    width: 131px;
    
   }

   .logo-div p{
    color: #fff;
   }

.social-icons i{
  color:#fff;
}

section.after-before-sec {
    padding: 60px 0;
}

section.trainers-sec{
   padding: 60px 0;
}

section.trainers-sec .head-sec{
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}

ul.social-icons {
    padding-left: 0;
}


.tn-stars {
    display: flex;
    justify-content: center;
}