/* Fitness Freaks brand overlay — keep GymLife layout, use #2eb85c */
:root {
  --ff-green: #2eb85c;
  --ff-green-dark: #24964a;
}

.logo img,
.fa-logo img {
  max-height: 56px;
  width: auto;
}

.header-section .nav-menu ul li.active a,
.header-section .nav-menu ul li a:hover {
  color: var(--ff-green);
}

.primary-btn,
.primary-btn.btn-normal,
.primary-btn.pricing-btn,
.leave-comment form button,
.cs-item span,
.section-title span {
  background: var(--ff-green);
}

.section-title span {
  background: transparent;
  color: var(--ff-green);
}

.primary-btn.btn-normal {
  border-color: var(--ff-green);
}

.primary-btn.btn-normal:hover,
.primary-btn:hover {
  background: var(--ff-green-dark);
  border-color: var(--ff-green-dark);
}

.bs-text .primary-btn {
  border-color: var(--ff-green);
}

.bs-text .primary-btn:hover,
.ps-item:hover .primary-btn.pricing-btn {
  background: var(--ff-green);
  border-color: var(--ff-green);
}

.header-section .top-option .ff-auth-btns {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.header-section .top-option .ff-auth-btns a {
  display: inline-block;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #fff;
  border: 1px solid #fff;
}

.header-section .top-option .ff-auth-btns a.ff-login {
  background: transparent;
}

.header-section .top-option .ff-auth-btns a.ff-trial {
  background: var(--ff-green);
  border-color: var(--ff-green);
}

.canvas-menu.mobile-menu .ff-auth-btns {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.canvas-menu.mobile-menu .ff-auth-btns a {
  color: #fff;
  font-weight: 600;
}

.ff-faq .ff-faq-item {
  margin-bottom: 18px;
  text-align: left;
}

.ff-faq .ff-faq-item h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 8px;
}

.ff-faq .ff-faq-item p {
  color: #c4c4c4;
  margin: 0;
}

.choseus-section.spad .cs-item p,
.about-text p,
.at-desc p {
  color: #c4c4c4;
}

.ss-text h4,
.class-item .ci-text h5,
.class-item .ci-text h4 {
  text-transform: none;
}

.breadcrumb-text h1 {
  font-size: 48px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.hs-slider .hs-item .hi-text h1 strong,
.hs-slider .hs-item .hi-text h2 strong {
  color: var(--ff-green);
}

.hs-slider.owl-carousel .owl-item.active .hs-item .hi-text h2 {
  position: relative;
  top: 0;
  transition: all 0.4s ease 0.4s;
  opacity: 1;
}

.hs-slider .hs-item .hi-text h2 {
  font-size: 80px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 90px;
  margin-bottom: 42px;
  position: relative;
  top: 100px;
  opacity: 0;
}

@media (max-width: 991px) {
  .hs-slider .hs-item .hi-text h2 {
    font-size: 48px;
    line-height: normal;
  }
  .breadcrumb-text h1 {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .hs-slider .hs-item .hi-text h2 {
    font-size: 38px;
    line-height: normal;
  }
}