/* /*------------------------------------------------------------------
[Master Stylesheet]

Project:  Xtreme Fitness
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Banner Section
4. Why Choose Us Section
5. About Us Section
6. Our Services Section
7. Facilities Section
8. Testimonials Section
9. Pricing Tables Section
10. Team Members Section
11. Contact Us Section
12. Our News Section
13. Footer Section
*/

@import url("https://fonts.googleapis.com/css2?family=Teko:wght@400;500;600;700&amp;family=Ubuntu:wght@300;400&amp;display=swap");

body {
  font-family: "Ubuntu", sans-serif;
}

:root {
  --e-global-color-primary: #000000;
  /* --e-global-color-secondary: #1401a8; */
  --e-global-color-secondary: #f37f13;
  --e-global-color-text: #55616d;
  /* --e-global-color-accent: #004adfcf; */
  --e-global-color-accent: #f37f13;
  --e-global-color-white: #ffffff;
  --e-global-color-dark-grayish-red: #747373;
  --e-global-color-dark-grayish: #9b9a9a;
  --e-global-color-very-dark-grayish: #6d7072;
  --e-global-color-very-dark-gray: #212121;
  --e-global-color-soft-red: #e9704d;
  --e-global-color-bright-red: #e2373a;
  --e-global-color-mostly-black: #262626;
  --e-global-color-light-gray: #e9e9e9;
  /* --e-global-color-gradient: linear-gradient(187deg, #031cdb 0%, #0082fc 100%); */
  --e-global-color-gradient: linear-gradient(187deg, #e37f22 0%, #ff7f00 100%);
}

:root {
  scroll-padding-top: 200px;
  /* adjust according to navbar height */
}

html {
  scroll-behavior: smooth;
}

.sub-banner-section.strength-banner-section {
  padding-bottom: 100px;
}

.sub-banner-section.about-banner-section {
  padding-bottom: 100px;
}

.sub-banner-section.our-coaches-section {
  padding-bottom: 100px;
}

/* Custom Banner Styling - Match HTML Version */
.sub-banner-section .banner-section {
  padding: 80px 0 60px !important;
}

.sub-banner-section.group-banner-section {
  /* padding-bottom: 42%; */
  padding-bottom: 70px;
}

h1 {
  font-family: "Teko", sans-serif;
  font-size: 76px;
  line-height: 75px;
  font-weight: 700;
  color: var(--e-global-color-white);
  width: 500px;
}

h2 {
  font-family: "Teko", sans-serif;
  font-size: 65px;
  line-height: 66px;
  font-weight: 600;
}

h3 {
  font-family: "Teko", sans-serif;
  font-size: 50px;
  line-height: 45px;
  font-weight: 400;
}

h4 {
  font-family: "Teko", sans-serif;
  font-weight: 600;
  font-size: 35px;
  line-height: 24px;
}

h5 {
  font-family: "Teko", sans-serif;
  font-size: 30px;
  line-height: 24px;
  font-weight: 400;
}

h6 {
  font-family: "Teko", sans-serif;
  font-size: 28px;
  line-height: 24px;
  font-weight: 500;
}

p {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}

/* Home Page Style */

/* Home Page Header Section Style */

.banner-section-outer {
  background-image: url("/assets/images/Fitness-Slider-home-new.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.navbar-collapse.headercls ul {
  text-align: center;
  /* Centers the list items horizontally */
  position: absolute;
  margin: revert;
  width: 100%;
  /* Ensures the parent takes the full width for centering */
}

.navbar-collapse ul li a {
  text-decoration: none !important;
  /* Remove text decoration */
  color: white;
  /* Set link color to white */
}

.navbar-nav .nav-item a {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: var(--e-global-color-white) !important;
  transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-item a:hover {
  color: #ef9d3b !important;
}

.navbar-nav .active > a {
  color: var(--e-global-color-accent) !important;
}

.navbar-nav .active > .contact_btn {
  background-image: linear-gradient(
    90deg,
    var(--e-global-color-bright-red) 0%,
    var(--e-global-color-soft-red) 100%
  );
  border-radius: 50px;
  color: var(--e-global-color-white) !important;
}

.navbar-nav .nav-item .contact_btn {
  position: relative;
  padding: 18px 42px !important;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

/* li {
  list-style-type: none; 
} */
.navbar-nav .nav-item .contact_btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background-image: var(--e-global-color-gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  /* pointer-events: none; */
}

.navbar-nav .nav-item .contact_btn:hover {
  background-image: var(--e-global-color-gradient);
  border-radius: 50px;
  color: var(--e-global-color-white) !important;
}

.nav-link {
  padding: 0;
}

nav.navbar.navbar-expand-lg.navbar-light.w-100 {
  padding: 0px;
}

.navbar-brand {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-collapse.headercls {
  z-index: 10;
  /* Ensure it stays on top */
  /* Optional: Background color for contrast */
  /* Adjust the navbar padding */
  overflow: visible;
  /* Allow overflow of navbar if needed */
}

.navbar {
  gap: 15%;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

/* Home Page Social Icons Style */

.left_icons {
  height: 795px;
  margin-left: 60px;
}

.left_icons ul li {
  display: block;
  padding-bottom: 8px;
}

.left_icons ul li i {
  border-radius: 100%;
  background: transparent;
  color: var(--e-global-color-white);
  font-size: 20px;
  line-height: 48px;
  height: 48px;
  width: 48px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.left_icons i:hover {
  background-image: var(--e-global-color-gradient);
}

/* Home Page Banner Section Style */

.banner-section {
  padding: 250px 0 185px;
}

.banner-section-outer .banner-section .banner-section-content {
  padding-top: 170px;
}

.banner-section-outer
  .banner-section
  .banner-section-wrapper
  .banner-section-content {
  position: relative;
  padding-left: 42px;
}

.banner-section-content {
  position: absolute;
  top: 65%;
  left: 50%;
  text-align: center;
  justify-content: center;
  justify-items: center;
  padding-left: 42px;
  transform: translate(-50%, -50%);
}

.banner-section-outer .banner-section .banner-section-content h3 {
  color: var(--e-global-color-white);
  margin-bottom: 18px;
  letter-spacing: 12.2px;
  text-align: center;
}

.banner-section-content h3 {
  color: var(--e-global-color-white);
  margin-bottom: 18px;
  letter-spacing: 12.2px;
  text-align: center;
}

.banner-section-outer .banner-section .banner-section-content h1 {
  font-size: 100px;
  line-height: 85px;
  margin-bottom: 0;
  margin-left: -8px;
  text-align: center;
}

.banner-section-content h1 {
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 0;
  margin-left: -8px;
  /* text-align: center; */
  width: 90vh;
}

.banner-section-outer
  .banner-section
  .banner-section-content
  .banner-section-wrapper
  .white_line {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

.banner-section-outer .banner-section .banner-section-content p {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: var(--e-global-color-white);
  margin-bottom: 30px;
}

.banner-section-content p {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: var(--e-global-color-white);
  margin-bottom: 30px;
}

.btn_wrapper.blogreadmore {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: white;
  padding: 9px 27px 13px 25px;
  text-align: center;
  /* color: var(--e-global-color-white); */
  background-image: var(--e-global-color-gradient);
  display: inline-block;
  border-radius: 50px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.banner-section-content .btn_wrapper .join_now_btn {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 10px 20px 10px 32px;
  text-align: center;
  color: var(--e-global-color-white);
  border: 2px solid var(--e-global-color-accent);
  display: inline-block;
  background-color: transparent;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.banner-section-content .btn_wrapper .join_now_btn:hover {
  background-image: var(--e-global-color-gradient);
  border-image: var(--e-global-color-gradient);
  border: 2px solid transparent;
}

.banner-section-content .join_now_btn i {
  color: var(--e-global-color-white);
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  width: 52px;
  /* position: absolute; */
  /* left: 158px; */
  /* top: 11px; */
  margin-left: 10px;
  background-image: var(--e-global-color-gradient);
  background-color: transparent;
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.banner-section-content .btn_wrapper .join_now_btn:hover i {
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-secondary);
  background-image: none;
}

.video_img {
  position: absolute;
  right: 10%;
  bottom: 102px;
}

#banner_slider .carousel-indicators {
  right: -490px;
  bottom: -130px;
  left: unset;
}

#banner_slider .carousel-indicators li {
  background-color: var(--e-global-color-white);
  opacity: 1;
}

#banner_slider .carousel-indicators .active {
  background-color: #0a0ada;
}

/* Home Page Choose Us Section Style */

.choose_us_section {
  padding: 130px 0;
}

.choose_us_content {
  text-align: center;
}

.choose_us_content h5 {
  margin-bottom: 20px;
  color: var(--e-global-color-secondary);
  letter-spacing: 7.6px;
  padding-left: 14px;
}

.choose_us_content h2 {
  margin-bottom: 28px;
  color: var(--e-global-color-primary);
}

.choose_us_box_content {
  box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
  width: 100%;
  text-align: center;
  padding: 50px 26px 42px;
  border: 2px solid var(--e-global-color-white);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  height: 376px;
}

.choose_us_box_content:hover {
  border: 2px solid #ff8c00;
}

.choose_us_box_content figure {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
}

h5.text-white.mb-1.servicehead {
  font-size: 27px;
}

img.logo-img {
  position: absolute;
  max-width: 120px;
  height: 88px;
  object-fit: cover;
  top: 7px;
  overflow: visible;
  z-index: 5;
}

.choose_us_box_content figure img {
  max-width: 80px;
  /* optional: controls image size */
  height: auto;
  top: 50px;
}

.choose_us_box_content figure {
  margin-bottom: 28px;
}

.choose_us_box_content figure img {
  margin: 0 auto;
}

.choose_us_box_content h6 {
  color: var(--e-global-color-primary);
  margin-bottom: 11px;
  margin-top: 20px;
}

.choose_us_box_content:hover h6 {
  color: var(--e-global-color-secondary);
}

.choose_us_box_content p {
  color: var(--e-global-color-text);
  margin-bottom: 12px;
  margin-top: 15px;
}

.choose_us_box_content .btn_wrapper .read_more_btn {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: var(--e-global-color-secondary);
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.choose_us_section .owl-carousel .owl-nav {
  display: block !important;
  margin-top: 40px;
}

.choose_us_section .owl-carousel .owl-nav button.owl-prev {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 10px 0 0;
  border: 1px solid var(--e-global-color-primary);
  background-color: var(--e-global-color-primary);
  transition: all 0.3s ease-in-out;
}

.choose_us_section .owl-carousel .owl-nav button.owl-prev:hover {
  background-image: var(--e-global-color-gradient);
  border-image: 1px solid var(--e-global-color-gradient);
  border: 1px solid transparent;
}

.choose_us_section .owl-carousel .owl-nav button.owl-prev span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.choose_us_section .owl-carousel .owl-nav button.owl-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 0 0 10px;
  background-color: var(--e-global-color-primary);
  border: 1px solid var(--e-global-color-primary);
  transition: all 0.3s ease-in-out;
}

.choose_us_section .owl-carousel .owl-nav button.owl-next:hover {
  background-image: var(--e-global-color-gradient);
  border-image: 1px solid var(--e-global-color-gradient);
  border: 1px solid transparent;
}

.choose_us_section .owl-carousel .owl-nav button.owl-next span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.choose_us_section .owl-carousel .owl-nav button:focus {
  outline: none;
}

/* Home Page About Us Section Style */

.aboutus_section {
  background-image: url("../images/Fitness-About-image-20250703152721-20250710145314.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 125px 0 160px;
}

.banner-section {
  /* background-image: url("../images/Fitness-Slider-home-new.jpg"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 503px 0 160px;
}

.d-flex.gap-2.mt-3 {
  gap: 20px;
}

.aboutus_image {
  position: relative;
}

.team_member_box_upper_portion img {
  transition: all 0.3s ease-in-out;
}

.aboutus_image figure {
  position: absolute;
  top: 5px;
  left: -104px;
}

.aboutus_content {
  margin-top: 45px;
}

.aboutus_content h5 {
  margin-bottom: 18px;
  color: var(--e-global-color-secondary);
  letter-spacing: 7.6px;
}

.aboutus_content h2 {
  color: var(--e-global-color-white);
  margin-bottom: 12px;
}

.aboutus_content p {
  font-weight: 300;
  font-size: 20px;
  line-height: 32px;
  color: var(--e-global-color-white);
  margin-bottom: 32px;
}

.aboutus_content .counter_wrapper {
  margin-bottom: 34px;
}

.aboutus_content .counter_wrapper .rating {
  font-family: "Teko", sans-serif;
  font-size: 65px;
  line-height: 55px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
}

.aboutus_content .counter_wrapper .plus_sign {
  font-family: "Teko", sans-serif;
  font-size: 65px;
  line-height: 55px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
  margin-left: -6px;
}

.aboutus_content .counter_wrapper p {
  font-family: "Teko", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
  color: var(--e-global-color-white);
  margin-bottom: 0;
}

.aboutus_content .margin_left {
  padding-left: 16px;
}

.aboutus_content .btn_wrapper .readmore_btn {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 20px 82px 20px 35px;
  text-align: center;
  color: var(--e-global-color-white);
  border: 2px solid var(--e-global-color-very-dark-grayish);
  display: inline-block;
  background-image: var(--e-global-color-gradient);
  border-radius: 50px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.aboutus_content .btn_wrapper .readmore_btn:hover {
  background-image: var(--e-global-color-gradient);
  border-image: var(--e-global-color-gradient);
  border: 2px solid transparent;
}

.aboutus_content .readmore_btn i {
  color: var(--e-global-color-white);
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  width: 52px;
  position: absolute;
  left: 155px;
  top: 10px;
  background-image: var(--e-global-color-gradient);
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.aboutus_content .btn_wrapper .readmore_btn:hover i {
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-secondary);
  background-image: none;
}

/* Home Page Our Services Section Style */

.our_services_section {
  /* background-image: url("../images/newimage/our_services_background.jpg"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 130px 0 365px;
  position: relative;
}

.our_services_content {
  text-align: center;
}

.our_services_content h5 {
  margin-bottom: 20px;
  color: var(--e-global-color-white);
  letter-spacing: 7.6px;
  padding-left: 12px;
}

.our_services_content h2 {
  margin-bottom: 0;
  color: var(--e-global-color-white);
  padding: 0 180px;
}

.our_services_section .our_services_left_icon {
  position: absolute;
  left: 0;
  top: 70px;
}

.our_services_section .our_services_right_icon {
  position: absolute;
  right: 0;
  bottom: 70px;
}

.left_icon img {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-30px);
  }
}

.right_icon img {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-30px);
  }
}

/* Home Page Facilities Section Style */

.facilities_section {
  padding: 0 0 70px;
  margin-top: -335px;
}

.facilities_image {
  margin-bottom: 30px;
  transition: all 0.3s ease-in-out;
}

.facilities_image img {
  transition: all 0.3s ease-in-out;
}

.facilities_image:hover img {
  opacity: 0.9;
}

.facilities_content {
  position: absolute;
  bottom: 57px;
  text-align: center;
  /* max-width: 82%; */
  max-height: 58%;
}

.facilities_content figure {
  margin-bottom: 30px;
}

.facilities_content h5 {
  font-weight: 500;
  margin-bottom: 6px;
  margin-top: 20px;
}

.facilities_content p {
  /* padding: 2px; */
  padding: 0px 10px;
  height: 105px;
}

.facilities_section .facilities_content .btn_wrapper {
  text-align: left;
  margin-top: 0;
}

.facilities_content .btn_wrapper .readmore_btn {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: var(--e-global-color-white);
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.facilities_content .btn_wrapper .readmore_btn:hover {
  background-image: var(--e-global-color-gradient);
}

.facilities_content .readmore_btn i {
  color: var(--e-global-color-white);
  font-size: 10px;
  line-height: 24px;
  height: 24px;
  width: 28px;
  text-align: center;
  position: absolute;
  left: 98px;
  bottom: 0;
  background-image: var(--e-global-color-gradient);
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.facilities_content .btn_wrapper .readmore_btn:hover i {
  background-image: var(--e-global-color-gradient);
}

.facilities_section .btn_wrapper {
  text-align: center;
  margin-top: 22px;
}

.facilities_section .btn_wrapper .join_now_btn {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 21px 80px 21px 34px;
  text-align: center;
  color: var(--e-global-color-white);
  background-image: var(--e-global-color-gradient);
  display: inline-block;
  border-radius: 50px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.facilities_section .btn_wrapper .join_now_btn:hover {
  background-image: var(--e-global-color-gradient);
}

.facilities_section .join_now_btn i {
  color: var(--e-global-color-secondary);
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  width: 52px;
  position: absolute;
  left: 158px;
  top: 11px;
  background-color: var(--e-global-color-white);
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.contact-form-btn i {
  color: var(--e-global-color-secondary);
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  width: 52px;
  position: absolute;
  left: 158px !important;
  top: 11px !important;
  background-color: var(--e-global-color-white) !important;
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.contact-form-btn {
  padding: 20px 75px 21px 30px;
}

/* Home Page Testimonials Section Style */

.testimonials_section {
  background-image: url("../images/newimage/Why-choose-fit-new.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 130px 0 145px;
}

.testimonials_image {
  position: relative;
}

.testimonials_image figure {
  position: absolute;
  top: -30px;
  left: 0;
}

.testimonials_heading_content {
  margin-top: 18px;
}

.testimonials_heading_content h5 {
  margin-bottom: 18px;
  color: white;
  letter-spacing: 7.6px;
  font-weight: 500;
}

.testimonials_heading_content h2 {
  color: var(--e-global-color-white);
  margin-bottom: 22px;
  /* padding-right: 110px; */
}

.testimonials_content p {
  font-weight: 300;
  font-size: 28px;
  line-height: 37px;
  color: var(--e-global-color-white);
  margin-bottom: 25px;
  padding-right: 30px;
}

.testimonials_content h6 {
  color: var(--e-global-color-white);
  margin-bottom: 2px;
}

.testimonials_content span {
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: var(--e-global-color-white);
}

.testimonials_content .testimonials_wrapper {
  position: relative;
  padding-left: 20px;
  margin-left: 60px;
}

.testimonials_content .testimonials_wrapper .white_line {
  position: absolute;
  top: 0;
  left: 0;
}

.testimonials_content .testimonials_apostrophy_wrapper {
  position: relative;
  padding-left: 60px;
}

.testimonials_content .testimonials_apostrophy_wrapper .apostrophy {
  position: absolute;
  top: 10px;
  left: 0;
}

.testimonials_section .owl-carousel .owl-nav {
  display: block !important;
  margin-top: 25px;
  text-align: left;
  padding-left: 60px;
}

.testimonials_section .owl-carousel .owl-nav button.owl-prev {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 10px 0 0;
  border: 1px solid var(--e-global-color-white);
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

.testimonials_section .owl-carousel .owl-nav button.owl-prev:hover {
  background-image: var(--e-global-color-gradient);
  border-image: 1px solid
    linear-gradient(
      -82deg,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-soft-red) 100%
    );
  border: 1px solid transparent;
}

.testimonials_section .owl-carousel .owl-nav button.owl-prev span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.testimonials_section .owl-carousel .owl-nav button.owl-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 0 0 10px;
  border: 1px solid var(--e-global-color-white);
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

.testimonials_section .owl-carousel .owl-nav button.owl-next:hover {
  background-image: var(--e-global-color-gradient);
  border-image: 1px solid
    linear-gradient(
      -82deg,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-soft-red) 100%
    );
  border: 1px solid transparent;
}

.testimonials_section .owl-carousel .owl-nav button.owl-next span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.testimonials_section .owl-carousel .owl-nav button:focus {
  outline: none;
}

/* Home Page Pricing Tables Section Style */

.pricing_tables_section {
  padding: 130px 0;
}

.pricing_tables_content {
  text-align: center;
}

.pricing_tables_content h5 {
  letter-spacing: 7.6px;
  margin-bottom: 18px;
  padding-left: 12px;
  color: var(--e-global-color-secondary);
}

.pricing_tables_content h2 {
  margin-bottom: 28px;
  padding-left: 8px;
  color: var(--e-global-color-primary);
}

.pricing_tables_box_content {
  box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
  width: 100%;
  cursor: pointer;
  height: max-content;
  transition: all 0.3s ease-in-out;
}

.pricing_tables_box_content:hover .pricing_tables_box_upper_portion img {
  opacity: 0.8;
}

.pricing_tables_box_upper_portion {
  position: relative;
}

.pricing_tables_box_upper_portion img {
  transition: all 0.3s ease-in-out;
}

.pricing_tables_box_image_content {
  background-image: var(--e-global-color-gradient);
  width: 130px;
  height: 130px;
  text-align: center;
  border-radius: 100px;
  position: absolute;
  bottom: -65px;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 28px 28px;
}

.pricing_tables_box_image_content .price {
  font-family: "Teko", sans-serif;
  font-size: 50px;
  /* line-height: 87px !important; */
  font-weight: 600;
  color: var(--e-global-color-white);
}

.pricing_tables_box_image_content .month {
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  display: block;
  color: var(--e-global-color-white);
}

.pricing_tables_box_lower_portion {
  padding: 58px 20px 37px;
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--e-global-color-white);
  border-top: none;
}

.pricing_tables_box_lower_portion h5 {
  font-weight: 500;
  color: var(--e-global-color-primary);
  text-align: center;
  margin-bottom: 12px;
  transition: all 0.3s ease-in-out;
}

.pricing_tables_box_lower_portion ul {
  margin-bottom: 26px;
}

.pricing_tables_box_lower_portion ul li {
  font-size: 18px;
  line-height: 40px;
  color: var(--e-global-color-text);
  font-weight: 300;
}

.pricing_tables_box_lower_portion ul li i {
  color: var(--e-global-color-secondary);
  font-size: 14px;
  line-height: 14px;
  margin-right: 15px;
}

.pricing_tables_box_lower_portion .btn_wrapper {
  text-align: center;
}

.pricing_tables_box_lower_portion .join_now_btn {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--e-global-color-secondary);
  padding: 18px 38px;
  border-radius: 50px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.pricing_tables_box_lower_portion .join_now_btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background-image: var(--e-global-color-gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.pricing_tables_box_lower_portion:hover .join_now_btn {
  background-image: var(--e-global-color-gradient);
  border-radius: 50px;
  color: var(--e-global-color-white);
}

.pricing_tables_box_lower_portion:hover h5 {
  color: var(--e-global-color-secondary);
}

/* Home Page Team Members Section Style */

.team_member_section {
  padding: 130px 0 0px;
}

.team_member_background_section {
  background-image: url("../images/newimage/our_services_backg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 130px 0 95px;
}

.team_member_content {
  text-align: center;
}

.team_member_background_section .team_member_content h5 {
  color: var(--e-global-color-white);
}

.team_member_background_section .team_member_content h2 {
  color: var(--e-global-color-white);
}

.team_member_content h5 {
  margin-bottom: 20px;
  color: var(--e-global-color-secondary);
  letter-spacing: 7.6px;
}

.team_member_content h2 {
  margin-bottom: 30px;
  color: var(--e-global-color-primary);
}

.sub-banner-section.banner-section-common {
  /* background-image: var(--e-global-color-gradient); */
  background: #000;
}

section.team_member_section.team_member_background_section.home {
  /* margin-top: 80px; */
  /* margin-bottom: 60px; */
}

.team_member_section .team_member_left_icon {
  position: absolute;
  left: 0;
  top: 100px;
}

.team_member_section .team_member_right_icon {
  position: absolute;
  right: 0;
  bottom: 100px;
}

.team_member_box_content {
  width: 100%;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}

.team_member_box_content2 {
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.team_member_box_upper_portion img {
  transition: all 0.3s ease-in-out;
}

.team_member_box_upper_portion img:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

.team_member_box_upper_portion .slider-teamimg:hover {
  transform: none;
}

.team_member_box_lower_portion {
  padding: 35px 30px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  /* margin-left: -30px; */
  margin-top: 10px;
}

.team_member_background_section .team_member_box_lower_portion h5 {
  color: var(--e-global-color-white);
}

.team_member_box_lower_portion h5 {
  font-weight: 500;
  color: var(--e-global-color-primary);
  margin-bottom: 4px;
}

.team_member_background_section .team_member_box_lower_portion p {
  color: var(--e-global-color-white);
}

.team_member_box_lower_portion p {
  color: var(--e-global-color-text);
  margin-bottom: 14px;
}

.team_member_box_lower_portion .team_member_social_icons {
  padding-left: 12px;
}

.team_member_box_content2 .team_member_box_lower_portion i {
  border: 2px solid var(--e-global-color-white);
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-accent);
}

.team_member_box_content .team_member_box_lower_portion i {
  background-image: var(--e-global-color-gradient);
  color: var(--e-global-color-white);
}

.team_member_box_lower_portion i {
  border-radius: 100%;
  font-size: 16px;
  line-height: 44px;
  height: 44px;
  width: 44px;
  margin-right: 8px;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.team_member_box_content:hover .team_member_box_lower_portion i {
  background-color: var(--e-global-color-very-dark-gray);
  background-image: none;
}

.team_member_box_content2:hover .team_member_box_lower_portion i:hover {
  border: 2px solid var(--e-global-color-white);
  background-color: transparent;
  color: var(--e-global-color-white);
}

/* Home Page Contact Us Section Style */

.contact_us_section {
  background-image: url("../images/newimage/contact_us_fit.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* padding: 200px 0; */
  padding: 100px 0px;
}

.contact_us_image {
  position: relative;
}

.contact_us_image figure {
  position: absolute;
  top: -40px;
  right: 0;
}

.contact_us_form_content h5 {
  margin-bottom: 20px;
  color: white;
  letter-spacing: 7.6px;
}

.contact_us_form_content h2 {
  margin-bottom: 22px;
  padding-right: 40px;
  color: var(--e-global-color-white);
}

.form-placeholder-color::placeholder {
  color: var(--e-global-color-dark-grayish-red);
}

.contact_us_form_content input {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-dark-grayish-red);
  border: 2px solid var(--e-global-color-white);
  border-radius: 50px;
  padding: 14px 24px;
  width: 100%;
  overflow: visible;
  outline: none;
  margin-bottom: 26px;
}

.contact_us_form_content .form_style {
  margin-left: -8px;
}

.contact_us_form_content textarea {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-dark-grayish-red);
  border: 2px solid var(--e-global-color-white);
  border-radius: 15px;
  padding: 15px 26px;
  width: 100%;
  outline: none;
  resize: none;
  height: 130px;
  margin-bottom: 22px;
}

textarea {
  overflow: auto;
}

.contact_us_form_content button {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 20px 85px 20px 45px;
  text-align: center;
  color: var(--e-global-color-white);
  border: 2px solid var(--e-global-color-very-dark-grayish);
  display: inline-block;
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  outline: none;
  transition: all 0.3s ease-in-out;
}

.contact_us_form_content button i {
  color: var(--e-global-color-white);
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  width: 52px;
  position: absolute;
  left: 155px;
  top: 10px;
  background-image: var(--e-global-color-gradient);
  border-radius: 50px;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.contact_us_form_content button:hover {
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-soft-red) 0%,
    var(--e-global-color-accent) 100%
  );
  border-image: linear-gradient(
    -82deg,
    var(--e-global-color-soft-red) 0%,
    var(--e-global-color-accent) 100%
  );
  border: 2px solid transparent;
}

.contact_us_form_content button:hover i {
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-secondary);
  background-image: none;
}

/* Home Page Our News Section Style */

.our_news_section {
  padding: 130px 0;
}

.our_news_content {
  text-align: center;
}

.our_news_content h5 {
  letter-spacing: 7.6px;
  margin-bottom: 18px;
  padding-left: 10px;
  color: var(--e-global-color-secondary);
}

.our_news_content h2 {
  margin-bottom: 32px;
  color: var(--e-global-color-primary);
}

.our_news_box_content {
  box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
  width: 100%;
  transition: all 0.3s ease-in-out;
  padding: 0px 10px;
}

.our_news_box_upper_portion {
  position: relative;
}

.our_news_section .owl-carousel .owl-item .our_news_box_upper_portion img {
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.our_news_box_content:hover .our_news_box_upper_portion img {
  opacity: 0.8;
}

.our_news_box_content:hover .our_news_box_lower_portion {
  border: 2px solid #ff8c00;
  border-top: none;
}

.our_news_box_image_content {
  background-image: var(--e-global-color-gradient);
  width: 80px;
  height: 80px;
  text-align: center;
  border-radius: 100px;
  position: absolute;
  bottom: -42px;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 20px 15px;
}

.our_news_box_image_content h4 {
  color: var(--e-global-color-white);
  margin-bottom: 0;
}

.our_news_box_image_content .month {
  font-size: 16px;
  line-height: 16px;
  font-weight: 300;
  color: var(--e-global-color-white);
}

.our_news_box_lower_portion {
  padding: 70px 20px 30px;
  text-align: center;
  border: 2px solid var(--e-global-color-white);
  border-top: none;
  transition: all 0.3s ease-in-out;
  height: 100%;
}

.our_news_box_lower_portion h5 {
  font-weight: 500;
  line-height: 32px;
  color: var(--e-global-color-primary);
  margin-bottom: 5px;
  padding: 0 15px;
  transition: all 0.3s ease-in-out;
}

.our_news_box_lower_portion p {
  color: var(--e-global-color-text);
  margin-bottom: 16px;
}

.our_news_box_lower_portion .read_more_btn {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: white;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.our_news_box_content:hover h5 {
  color: var(--e-global-color-secondary);
}

.our_news_box_content:hover .read_more_btn {
  color: white;
}

.our_news_section .owl-carousel .owl-nav {
  display: block !important;
  margin-top: 40px;
}

.our_news_section .owl-carousel .owl-nav button.owl-prev {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 10px 0 0;
  border: 1px solid var(--e-global-color-primary);
  background-color: var(--e-global-color-primary);
  transition: all 0.3s ease-in-out;
}

.our_news_section .owl-carousel .owl-nav button.owl-prev:hover {
  background-image: var(--e-global-color-gradient);
  border-image: 1px solid
    linear-gradient(
      -82deg,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-soft-red) 100%
    );
  border: 1px solid transparent;
}

.our_news_section .owl-carousel .owl-nav button.owl-prev span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.our_news_section .owl-carousel .owl-nav button.owl-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 0 0 10px;
  background-color: var(--e-global-color-primary);
  border: 1px solid var(--e-global-color-primary);
  transition: all 0.3s ease-in-out;
}

.our_news_section .owl-carousel .owl-nav button.owl-next:hover {
  background-image: var(--e-global-color-gradient);
  border-image: 1px solid
    linear-gradient(
      -82deg,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-soft-red) 100%
    );
  border: 1px solid transparent;
}

.find_us_box_image_content.imgggg {
  margin-left: -44px;
}

.our_news_section .owl-carousel .owl-nav button.owl-next span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.our_news_section .owl-carousel .owl-nav button:focus {
  outline: none;
}

/* Home Page Footer Section Style */

.footer-section {
  position: relative;
  background-color: var(--e-global-color-primary);
  padding: 82px 0 0px;
}

.middle-portion {
  margin-bottom: 65px;
  position: relative;
  z-index: 1;
}

.middle-portion h6 {
  color: var(--e-global-color-white);
  margin-bottom: 16px;
}

.middle-portion li a {
  text-decoration: none;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: var(--e-global-color-dark-grayish);
  transition: all 0.3s ease-in-out;
}

.middle-portion .mail {
  margin-bottom: 10px;
}

.middle-portion .about_col figure {
  margin-bottom: 18px;
}

.middle-portion .about_col p {
  margin-bottom: 18px;
  margin-top: 18px;
  color: var(--e-global-color-dark-grayish);
}

.middle-portion .hours_col {
  padding-left: 42px;
}

.middle-portion .hours_col p {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: var(--e-global-color-white);
  margin-bottom: 0;
}

.middle-portion .hours_col span {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: var(--e-global-color-dark-grayish);
  display: block;
  margin-bottom: 10px;
}

.middle-portion .links_col {
  padding-left: 4px;
}

.middle-portion .links_col li a {
  line-height: 41px;
}

.middle-portion .contact_col {
  padding-left: 5px;
}

.middle-portion .contact_col p {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: var(--e-global-color-white);
  margin-bottom: 0;
}

.middle-portion .contact_col .subhead {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: var(--e-global-color-white);
  margin-bottom: 0;
  display: contents;
}

.middle-portion .contact_col span {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: var(--e-global-color-dark-grayish);
  display: block;
  margin-bottom: 10px;
}

.middle-portion ul {
  margin-bottom: 0;
}

.middle-portion ul .icons {
  display: inline-block;
}

.middle-portion ul .icons i {
  color: var(--e-global-color-white);
  font-size: 18px;
  line-height: 44px;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
  background-color: var(--e-global-color-very-dark-gray);
  border-radius: 100px;
  height: 44px;
  width: 44px;
  text-align: center;
}

.middle-portion ul .icons i:hover {
  transform: translateY(-5px);
  background-image: var(--e-global-color-gradient);
}

.middle-portion li i {
  color: var(--e-global-color-white);
  margin-right: 8px;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}

.middle-portion li a:hover {
  color: var(--e-global-color-accent);
}

.middle-portion .links_col li:hover a,
.middle-portion .links_col li:hover {
  color: var(--e-global-color-accent);
}

.middle-portion .links_col li:hover i,
.middle-portion .links_col li:hover {
  color: var(--e-global-color-accent);
}

.bottom-portion {
  border-top: 1px solid var(--e-global-color-mostly-black);
  text-align: center;
  background-color: var(--e-global-color-primary);
}

.copyright {
  padding: 20px 0;
}

.copyright p {
  color: var(--e-global-color-dark-grayish);
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}

.copyright-list {
  color: var(--e-global-color-dark-grayish) !important;
  padding-left: 10px;
}

.footer-section .footer_left_icon {
  position: absolute;
  top: 40px;
  left: 0px;
}

.footer-section .footer_right_icon {
  position: absolute;
  top: 40px;
  right: 0px;
}

/* About Page Style */

/* About Page Sub Banner Section Style */

.about-banner-section {
  background-image: url("../images/About-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.running-banner-section {
  background-image: url("../images/newimage/RUNNING-&-CARDIO-PROGRAMS.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.abouttt-banner-section {
  background-image: url("../images/About-banner0-warkout-01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 487px;
}

.strength-banner-section {
  background-image: url("../images/Strength-banner-20250705152334.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.group-banner-section {
  background-image: url("../images/Group.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.palm-banner-section {
  background-image: url("../images/fitne (1).jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.our-coaches-section {
  background-image: url("../images/Our-Coaches-Banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sub-banner-section .banner-section {
  padding: 140px 0 185px;
}

.sub-banner-section .banner-section .banner-section-content {
  text-align: center;
}

.sub-banner-section .banner-section h1 {
  margin-bottom: 22px;
}

.sub-banner-section .banner-section .btn_wrapper {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  padding: 16px 40px;
  text-align: center;
  border-radius: 50px;
  background-color: transparent;
  color: var(--e-global-color-white);
  border: 2px solid var(--e-global-color-very-dark-grayish);
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.sub-banner-section .banner-section .btn_wrapper .sub_home_span {
  margin-right: 10px;
}

.sub-banner-section .banner-section .btn_wrapper .sub_span {
  color: var(--e-global-color-accent);
  margin-left: 10px;
}

/* About Page About Us Section Style */

.sub-banner_about_section {
  padding: 130px 0;
}

.sub-banner_aboutus_image img {
  transition: all 0.3s ease-in-out;
}

.sub-banner_aboutus_image img:hover {
  opacity: 0.9;
}

.sub-banner_aboutus_content h5 {
  margin-bottom: 18px;
  color: var(--e-global-color-secondary);
  letter-spacing: 7.6px;
}

.sub-banner_aboutus_content h2 {
  color: var(--e-global-color-primary);
  margin-bottom: 12px;
}

.sub-banner_aboutus_content p {
  font-weight: 300;
  font-size: 20px;
  line-height: 32px;
  color: #55616d !important;
  margin-bottom: 32px;
}

.sub-banner_aboutus_content .margin_bottom {
  margin-bottom: 12px;

  text-align: justify;
}

.sub-banner_aboutus_content .box_wrapper {
  position: relative;
  text-align: center;
  padding: 34px 20px;
}

.sub-banner_aboutus_content .box_wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background-image: var(--e-global-color-gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

h2.session-detail {
  font-weight: normal;
  color: #020202;
}

/* Wrapper for proper layout */
.session-carousel-wrapper {
  position: relative;
  width: 100%;
}

/* Custom pagination styles */
.custom-pagination {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 15px;
  /* space outside the slider */
}

.custom-pagination .swiper-pagination-bullet {
  background: #000;
  /* dot color */
  opacity: 0.5;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.custom-pagination .swiper-pagination-bullet-active {
  background: var(--e-global-color-accent);
  /* active dot color */
  opacity: 1;
  transform: scale(1.2);
}

.sub-banner_aboutus_content .box_wrapper figure {
  margin-bottom: 22px;
}

.sub-banner_aboutus_content .box_wrapper p {
  /* font-family: "Teko", sans-serif; */
  font-size: 19px;
  line-height: 34px;
  font-weight: 200;
  color: #000000;
}

/* About Page Statistics Section Style */

.stats_section {
  background-image: url("../images/newimage/our_services_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 130px 0 420px;
  position: relative;
}

.stats_counter_wrapper {
  margin-bottom: 34px;
}

.stats_counter_wrapper .stats_rating {
  font-family: "Teko", sans-serif;
  font-size: 65px;
  line-height: 55px;
  font-weight: 600;
  color: var(--e-global-color-white);
}

.stats_counter_wrapper .stats_plus_sign {
  font-family: "Teko", sans-serif;
  font-size: 65px;
  line-height: 55px;
  font-weight: 600;
  color: var(--e-global-color-white);
  margin-left: -6px;
}

.stats_counter_wrapper p {
  font-family: "Teko", sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
  color: var(--e-global-color-white);
  margin-bottom: 0;
}

.stats_section .stats_left_icon {
  position: absolute;
  left: 0;
  top: 70px;
}

.stats_section .stats_right_icon {
  position: absolute;
  right: 0;
  bottom: 70px;
}

/* About Page Video Section Style */

.video_section {
  margin-top: -375px;
}

.video_section .video_wrapper {
  position: relative;
}

.video_section .video_icon {
  position: absolute;
  top: 270px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-table;
}

/* Services Page Style */

/* Services Page Sub Banner Section Style */

.services-banner-section {
  background-image: url("../images/services_subbanner_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.services-banner-section .banner-section .btn_wrapper {
  padding: 16px 30px;
}

/* Services Page Provide Section Style */

.provide_section {
  padding: 130px 0;
}

.provide_content {
  text-align: center;
}

.provide_content h5 {
  margin-bottom: 20px;
  color: var(--e-global-color-secondary);
  letter-spacing: 7.6px;
  padding-left: 14px;
}

.provide_content h2 {
  margin-bottom: 28px;
  color: var(--e-global-color-primary);
}

.provide_box_content {
  box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
  width: 100%;
  text-align: center;
  padding: 55px 26px 42px;
  border: 2px solid var(--e-global-color-white);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.provide_box_content:hover {
  border: 2px solid var(--e-global-color-accent);
}

.provide_box_content figure {
  margin-bottom: 28px;
}

.provide_box_content figure img {
  margin: 0 auto;
}

.provide_box_content h6 {
  color: var(--e-global-color-primary);
  margin-bottom: 11px;
}

.provide_box_content:hover h6 {
  color: var(--e-global-color-secondary);
}

.provide_box_content p {
  color: var(--e-global-color-text);
  margin-bottom: 12px;
}

.provide_box_content .btn_wrapper .read_more_btn {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: var(--e-global-color-secondary);
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.provide_section .owl-carousel .owl-nav {
  display: block !important;
  margin-top: 40px;
}

.provide_section .owl-carousel .owl-nav button.owl-prev {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 10px 0 0;
  border: 1px solid var(--e-global-color-primary);
  background-color: var(--e-global-color-primary);
  transition: all 0.3s ease-in-out;
}

.provide_section .owl-carousel .owl-nav button.owl-prev:hover {
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-soft-red) 100%
  );
  border-image: 1px solid
    linear-gradient(
      -82deg,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-soft-red) 100%
    );
  border: 1px solid transparent;
}

.provide_section .owl-carousel .owl-nav button.owl-prev span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.provide_section .owl-carousel .owl-nav button.owl-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100px;
  margin: 0 0 0 10px;
  background-color: var(--e-global-color-primary);
  border: 1px solid var(--e-global-color-primary);
  transition: all 0.3s ease-in-out;
}

.provide_section .owl-carousel .owl-nav button.owl-next:hover {
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-soft-red) 100%
  );
  border-image: 1px solid
    linear-gradient(
      -82deg,
      var(--e-global-color-accent) 0%,
      var(--e-global-color-soft-red) 100%
    );
  border: 1px solid transparent;
}

.provide_section .owl-carousel .owl-nav button.owl-next span {
  font-size: 44px;
  line-height: 50px;
  color: var(--e-global-color-white);
}

.provide_section .owl-carousel .owl-nav button:focus {
  outline: none;
}

/* Services Page Facilities Section Style */

.services_facilities_section {
  padding: 0;
}

/* Servies Page Our Schedule Section Style */

.our_schedule_section {
  padding: 130px 0;
}

.our_schedule_content {
  text-align: center;
}

.our_schedule_content h5 {
  margin-bottom: 20px;
  color: var(--e-global-color-secondary);
  letter-spacing: 7.6px;
  padding-left: 12px;
}

.our_schedule_content h2 {
  margin-bottom: 30px;
  color: var(--e-global-color-primary);
}

.our_schedule_section table {
  width: 100%;
}

.our_schedule_section table th {
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-white);
  font-family: "Teko", sans-serif;
  font-size: 30px;
  line-height: 24px;
  font-weight: 500;
  padding: 15px 15px 15px 25px;
  border-right: 1px solid var(--e-global-color-light-gray);
}

.our_schedule_section table th:last-child {
  border-right: none;
}

.our_schedule_section table td,
th {
  text-align: center;
  width: 14%;
}

.our_schedule_section table td {
  border: 1px solid var(--e-global-color-light-gray);
  border-top: none;
  box-shadow: 1px 1px 50px rgb(0 0 0 / 3%);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.our_schedule_section table td:first-child {
  color: var(--e-global-color-white);
  font-family: "Teko", sans-serif;
  font-size: 30px;
  line-height: 98px;
  font-weight: 500;
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-soft-red) 100%
  );
  border-left: none;
}

.our_schedule_section table td:last-child {
  border-right: none;
}

.our_schedule_section table td h6 {
  margin-bottom: 0;
}

.our_schedule_section table td p {
  font-size: 16px;
}

.our_schedule_section table td:hover {
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-soft-red) 100%
  );
}

.our_schedule_section table td:hover h6 {
  color: var(--e-global-color-white);
}

.our_schedule_section table td:hover p {
  color: var(--e-global-color-white);
}

.our_schedule_section table tr:last-child td {
  border-bottom: none;
}

/* Trainers Page Style */

/* Trainers Page Sub Banner Section Style */

.trainers-banner-section {
  background-image: url("../images/trainers_subbanner_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.trainers-banner-section .banner-section .btn_wrapper {
  padding: 16px 30px;
}

/* Trainers Page Quote Section Style */

.quote_section {
  background-image: url("../images/newimage/our_services_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 0 150px;
  position: relative;
}

.quote_content {
  text-align: center;
}

.quote_content h2 {
  margin-bottom: 50px;
  color: var(--e-global-color-white);
  padding: 0 40px;
}

.quote_content .quote_content_wrapper {
  margin-left: 115px;
}

.quote_content .quote_wrapper {
  position: relative;
  display: inline-block;
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
}

.quote_content .quote_wrapper h6 {
  color: var(--e-global-color-white);
  margin-bottom: 2px;
}

.quote_content .quote_wrapper span {
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: var(--e-global-color-white);
  text-align: left;
}

.quote_content .quote_wrapper .quote_image {
  position: absolute;
  top: -25px;
  left: -120px;
  display: inline-block;
}

.quote_section .quote_left_icon {
  position: absolute;
  left: 0;
  top: 60px;
}

.quote_section .quote_right_icon {
  position: absolute;
  right: 0;
  bottom: 60px;
}

/* Pricing Page Style */

/* Pricing Page Sub Banner Section Style */

.pricing-banner-section {
  background-image: url("../images/pricing_subbanner_background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 485px;
}

.pricing-banner-section .banner-section .btn_wrapper {
  padding: 16px 35px;
}

/* Contact Page Style */

/* Contact Page Sub Banner Section Style */

.contact-banner-section {
  background-image: url("../images/newimage/contact-us-banner-fitnes.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 485px;
}

.contact-banner-section .banner-section .btn_wrapper {
  padding: 16px 30px;
}

.termscondition-banner-section {
  background-image: url("../images/newimage/term-condition-banner-01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.privacy-banner-section {
  background-image: url("../images/newimage/privacy-policy-banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 440px;
}

/* Contact Page Find Us Section Style */

.find_us_section {
  padding: 130px 0;
}

/* .find_us_content.packageplan {

  padding: 85px 0px 14px 0px;
} */
.find_us_box_content.contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.find_us_content {
  text-align: center;
}

.find_us_content h5 {
  letter-spacing: 7.6px;
  margin-bottom: 18px;
  padding-left: 12px;
  color: var(--e-global-color-secondary);
}

.find_us_content h2 {
  margin-bottom: 32px;
  color: var(--e-global-color-primary);
}

.find_us_box_content {
  box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.find_us_box_upper_portion {
  position: relative;
}

.contact_us_form_content h2 {
  margin-bottom: 22px;
  padding-right: 40px;
  color: var(--e-global-color-white);
}

.find_us_box_upper_portion img {
  transition: all 0.3s ease-in-out;
}

div.row.top-bottom-80p.container.mx-auto {
  display: flex !important;
}

.find_us_box_content:hover .find_us_box_upper_portion img {
  opacity: 0.8;
}

.formmm {
  display: flex;
}

label.form-label {
  display: flex;
}

.find_us_box_image_content {
  background-image: var(--e-global-color-gradient);
  width: 130px;
  height: 130px;
  text-align: center;
  border-radius: 100px;
  position: absolute;
  bottom: -65px;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding: 35px 28px;
}

.find_us_box_lower_portion {
  padding: 100px 20px 50px;
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--e-global-color-white);
  border-top: none;
  text-align: center;
}

.find_us_box_lower_portion h5 {
  font-weight: 500;
  color: var(--e-global-color-primary);
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.find_us_box_lower_portion p {
  color: var(--e-global-color-text);
  margin-bottom: 0;
}

.find_us_box_lower_portion p a {
  color: var(--e-global-color-text);
}

.find_us_box_lower_portion:hover {
  border: 2px solid #ff8c00;
  border-top: none;
}

.find_us_box_lower_portion:hover h5 {
  color: var(--e-global-color-secondary);
}

/* Contact Page Map Section Style */

.contact_map_section {
  overflow: hidden;
  margin-bottom: -5px;
}

/* Coming Soon Page Style */

/* Coming Soon Page Coming Soon Section Style */

.coming_soon_section {
  padding: 162px 0 164px;
  background-image: url("../images/coming_soon_background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100vh;
  position: relative;
}

figure.banner_video_icon.mb-0 {
  display: flex;
  justify-content: end;
  /* padding-bottom: 53px; */
}

h5.testi {
  paddingleft: 56px;
  /* margin-left: -92px; */
}

.coming_soon_content {
  text-align: center;
}

.coming_soon_content figure {
  margin-bottom: 100px;
  padding-left: 95px;
}

.coming_soon_content h1 {
  font-family: "Teko", sans-serif;
  font-size: 185px;
  line-height: 150px;
  font-weight: 700;
  color: var(--e-global-color-white);
  padding: 0 80px 0 175px;
}

.coming_soon_content p {
  font-size: 28px;
  line-height: 24px;
  font-weight: 400;
  color: var(--e-global-color-white);
  margin-bottom: 46px;
  padding-left: 90px;
}

.coming_soon_content input {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-dark-grayish-red);
  border: 2px solid var(--e-global-color-white);
  border-radius: 50px;
  padding: 22px 36px;
  overflow: visible;
  outline: none;
  width: 91%;
  position: relative;
}

.coming_soon_content button {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 20px 85px 20px 45px;
  text-align: center;
  color: var(--e-global-color-white);
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-soft-red) 100%
  );
  display: inline-block;
  border-radius: 50px;
  position: absolute;
  top: 6px;
  right: 42px;
  outline: none;
  border: none;
  transition: all 0.3s ease-in-out;
}

.coming_soon_content button:hover {
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-soft-red) 0%,
    var(--e-global-color-accent) 100%
  );
}

.coming_soon_content button i {
  color: var(--e-global-color-secondary);
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  width: 52px;
  position: absolute;
  left: 160px;
  top: 10px;
  background-color: var(--e-global-color-white);
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

.coming_soon_content .form-control:focus {
  box-shadow: none;
}

.coming_soon_content form {
  margin-bottom: 55px;
}

.coming_soon_content ul {
  padding-left: 95px;
}

.coming_soon_content ul li {
  display: inline-block;
}

.coming_soon_content ul li i {
  border-radius: 100%;
  background: transparent;
  color: var(--e-global-color-white);
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  width: 50px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.coming_soon_content ul li i:hover {
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-soft-red) 100%
  );
}

.coming_soon_section .circle_shape {
  position: absolute;
  top: 0;
  left: 310px;
}

/* Blogs PopUp Style */

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
}

button.close {
  border: 0;
  -webkit-appearance: none;
}

button {
  text-transform: none;
  overflow: visible;
}

.modal-header button i {
  color: var(--e-global-color-white);
  font-size: 18px;
  line-height: 18px;
  padding: 5px 5px;
  outline: none;
}

.fa-x:before {
  content: "\58";
}

.blog-model-con .modal-body {
  height: 900px;
  overflow-y: auto;
  padding-top: 0;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 1rem;
  padding-left: 30px;
  padding-right: 30px;
}

.blog-box-item {
  border-radius: 0;
  overflow: hidden;
}

.blog-content {
  padding: 25px 0;
}

.blog-auteher-title {
  margin-bottom: 15px;
}

.blog-auteher-title span {
  font-size: 16px;
  line-height: 26px;
  color: var(--e-global-color-dark-grayish);
  font-weight: 300;
}

.blog-model-con .social_icons {
  margin-bottom: 25px;
}

.blog-model-con .social_icons ul {
  margin-bottom: 0;
}

.blog-model-con .social_icons li {
  display: inline-block;
}

.blog-model-con .social_icons li i {
  color: var(--e-global-color-white);
  font-size: 18px;
  line-height: 44px;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;
  background-color: var(--e-global-color-very-dark-gray);
  border-radius: 100px;
  height: 44px;
  width: 44px;
  text-align: center;
}

.blog-model-con .social_icons li i:hover {
  background-image: linear-gradient(
    -82deg,
    var(--e-global-color-accent) 0%,
    var(--e-global-color-soft-red) 100%
  );
}

.blog-model-con h5 {
  color: var(--e-global-color-white);
}

.blog-model-con .contact {
  color: var(--e-global-color-secondary);
  border-top: 1px solid var(--e-global-color-mostly-black);
  padding-top: 30px;
}

.blog-model-con p {
  margin-bottom: 35px;
  color: var(--e-global-color-dark-grayish);
}

.blog-model-con h2 {
  margin-bottom: 30px;
  padding-right: 325px;
  color: var(--e-global-color-white);
}

.contact-form input {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-dark-grayish-red);
  border: 2px solid var(--e-global-color-white);
  border-radius: 50px;
  padding: 14px 24px;
  width: 100%;
  overflow: visible;
  outline: none;
  margin-bottom: 26px;
}

.contact-form textarea {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-dark-grayish-red);
  border: 2px solid var(--e-global-color-white);
  border-radius: 15px;
  padding: 15px 26px;
  width: 100%;
  outline: none;
  resize: none;
  height: 130px;
  margin-bottom: 22px;
}

textarea {
  overflow: auto;
}

.contact-form button {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 21px 80px 21px 34px;
  text-align: center;
  color: var(--e-global-color-white);
  border: 2px solid var(--e-global-color-accent);
  display: inline-block;
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  outline: none;
  transition: all 0.3s ease-in-out;
}

.contact-form button:hover {
  background-image: linear-gradient(
    -82deg,

    var(--e-global-color-accent) 100%
  );
  border-image: linear-gradient(
    -82deg,

    var(--e-global-color-accent) 100%
  );
  border: 2px solid transparent;
}

.contact-form button:hover i {
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-secondary);
  background-image: none;
}

button#submitbutton {
  background-image: var(--e-global-color-gradient);
  color: white;
}

.container.formcontain {
  background-image: var(--e-global-color-gradient);
  /* padding-top: 50px; */
  /* padding-bottom: 50px; */
  padding: 50px;
  border-radius: 28px;
}

.form-card.p-5.shadow.rounded-4.bg-white {
  border-radius: 20px;
}

.custom-input:focus {
  /* Bottom border stays black */
  box-shadow: none !important;
  /* Removes Bootstrap's glow */
  outline: none !important;
  /* No extra outline */
}

.custom-input {
  border-top: #495057 !important;
  /* border-bottom: 0px; */
  border-left: 0px;
  padding-left: 0px;
  border-right: 0px;
}

button.btn.text-white.rounded-pill {
  width: 20;
  width: 145px;
}

.d-grid.mb-3.register {
  width: 100%;
}

.d-grid.mb-3 {
  display: flex !important;
  justify-content: center !important;
}

li.w-50\% {
  /* width: 184px; */
  width: 107%;
}

.faq-section {
  padding: 60px 20px;
  background-color: #fff;
}

li.termslink {
  width: 167px;
}

.faq-title {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #2c3e50;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 15px;
  font-size: 1.1rem;
  background-color: #f1f1f1;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.faq-question:hover {
  background-color: #e2e2e2;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background-color: #fff;
  padding: 0 15px;
}

.faq-answer p {
  padding: 15px 0;
  margin: 0;
}

.faq-item.active .faq-answer {
  max-height: 300px;
  /* adjust as needed */
}

.choose_us_section img {
  width: 64px;
}

/* .dropdown-menu {
  display: none;

  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
} */

.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;

  width: 200px;
}

li.nav-item.dropdown .dropdown-menu .dropdown-item {
  color: #fff !important;
  padding: 10px;
  display: flex;
}

/* a.dropdown-item.five {
    margin-left: 18px !important;
} */

.blog-details-section {
  padding: 80px 0;
  background: #f8f9fa;
}

.modal-content {
  background-color: #f9f9f9;
  padding: 50px;
  border-radius: 10px;
}

/* .modal-header {
    border-bottom: 1px solid #ddd;
} */

.modal-body img {
  margin-bottom: 15px;
}

.modal-footer {
  border-top: 1px solid #ddd;
}

.blog-details-section h5,
.blog-details-section h2 {
  margin-top: 30px;
  font-weight: bold;
}

section.sub-banner_about_section_philosophy {
  padding-bottom: 116px;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

a.dropdown-item.five {
  padding-left: 41px;
  margin-left: 10px;
}

section.pricing_tables_section.tenk {
  padding-top: 10px !important;
}

section.pricing_tables_section.half_marathon {
  padding-top: 10px;
}

span.price.half-marathon {
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
}

span.price.homeworkout {
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
}

.gym-service-wrapper {
  display: flex;
  flex-wrap: wrap;
  color: white;
  margin-top: 90px;
}

.gym-image-panel {
  flex: 1;

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
}

.gym-image-panel img {
  max-width: 100%;
  height: auto;
}

.gym-info-panel {
  background-color: white;
  flex: 1;
  padding: 60px 40px;
  color: #333;
}

.gym-info-panel h5 {
  font-weight: bold;
}

.gym-learn-link:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .gym-image-panel,
  .gym-info-panel {
    flex: 100%;
    max-width: 100%;
  }
}

section.sub-banner_about_sports {
  /* padding-top: 42px; */
  padding: 108px;
}

section.quote_section.bg-cover.text-white.d-flex.align-items-center.coach_strenght {
  margin-top: 105px !important;
}

li.nav-item {
  padding: 15px;
}

li.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
  color: #ffffff !important;
}

.subscribe-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  /* Blue background color */
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s ease;
}

.subscribe-button:hover {
  background-color: #0056b3;
  /* Darker blue on hover */
}

.quote_sectionnn {
  padding: 50px 0 71px;
}

.quote_sections {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 120px 0 150px;
  position: relative;
}

.facilities_sectionnn {
  padding: 0 0 130px;
  margin-top: 0px;
}

.facilities_sectionnn {
  /* padding: 0 0 130px; */
  margin-top: 35px;
  padding-bottom: 0px;
}

.facilities_sectionnn .btn_wrapper .join_now_btn {
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  padding: 22px 35px 21px 40px;
  text-align: center;
  color: var(--e-global-color-white);
  background-image: var(--e-global-color-gradient);
  display: inline-block;
  border-radius: 50px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

section.choose_us_section.mt-0 {
  padding-bottom: 53px;
}

.sub-banner-section.palm-banner-section {
  padding-bottom: 121px;
}

.facilities_sectionnn .join_now_btn i {
  color: var(--e-global-color-secondary);
  font-size: 12px;
  line-height: 42px;
  height: 42px;
  width: 52px;
  position: absolute;
  left: 230px;
  top: 11px;
  background-color: var(--e-global-color-white);
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  transition: all 0.3s ease-in-out;
}

section.choose_us_section.mt-1 {
  padding-bottom: 14px;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;

  background-color: #ffffff;
  color: #333;
}

.palm-head {
  display: flex;
  justify-content: center !important;
  padding-bottom: 21px;
}

/* @media (max-width: 768px) {
    .dropdown-menu .dropdown-item {
        color: white !important;
    }

    li.nav-item.dropdown .dropdown-menu .dropdown-item {
        color: #ffffff !important;
        padding: 10px;
        display: flex;
    }


} */

@media (max-width: 768px) {
  .dropdown-menu {
    background-color: #000;
    /* Dark background for contrast */
  }

  img.w-32.h-32.rounded-full.object-cover.shadow-md {
    width: 100%;
    height: 507px;
    object-fit: cover;
  }

  .facilities_content.position-absolute.w-100 {
    font-size: 20px;
    padding: 10px;
  }

  @media screen and (max-width: 767px) {
    .facilities_content p {
      margin-bottom: 5px;
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  }

  .dropdown-menu .dropdown-item {
    color: white !important;
  }

  li.nav-item.dropdown .dropdown-menu .dropdown-item {
    color: #ffff !important;
    padding: 8px !important;
    display: flex;
    justify-content: center;
  }

  /* Always make the link white when its parent li is active */
  li.nav-item.dropdown.active > a {
    color: white !important;
  }

  .dropdown-menu .dropdown-item:hover,
  .dropdown-menu .dropdown-item:focus,
  .dropdown-menu .dropdown-item:active {
    color: white !important;
    background-color: #222 !important;
    /* Optional darker background on tap */
    outline: none;
  }
}

/* Ensure the parent container has a flexbox layout */
.schedule {
  display: flex;
  /* Use flexbox */
  flex-wrap: nowrap;
  /* Don't allow items to wrap */
  justify-content: space-between;
  /* Distribute space between items */
  gap: 20px;
  /* Add space between the 'day' items */
  overflow-x: auto;
  /* Allow horizontal scrolling if there's overflow */
}

.contain {
  /* width: 214px; */
  /* padding: 109px; */
  padding-left: 165px;
  padding-right: 165px;
}

/* .container {
  width: 100% !important;
  
  padding: 0;
  
  margin: 0;
  
  box-sizing: border-box;

} */

/* Each 'day' will take up an equal width */
.day {
  flex: 1 1 200px;
  /* Flex: grow, shrink, and basis - ensures each day is responsive */
  min-width: 250px;
  /* Minimum width for each day block */
  padding: 15px;
  border: 1px solid #ddd;
  /* Optional: Add borders for clarity */
  background-color: #f4f4f4;
  box-sizing: border-box;
  /* Ensure padding/borders are included in the width */
}

.day h3 {
  margin-top: 0;
  /* Remove margin from the heading */
}

.day p {
  margin: 5px 0;
  /* Add space between paragraphs */
}

/* Mobile Layout: Stack days vertically if the width is too small for a row */
@media screen and (max-width: 767px) {
  .schedule {
    flex-direction: column;
    /* Stack items vertically on small screens */
    gap: 15px;
    /* Space between each item in a vertical stack */
  }
}

/* .container {
  max-width: 1100px;
  margin: auto;
  
} */

/* .heading-cls {
  margin-top: 50px;
  margin-bottom: 85px;
} */

h2 {
  color: #000000;
}

.schedule {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}

.day {
  background: white;
  border: 1px solid #ddd;
  flex: 1;
  min-width: 200px;
  padding: 15px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
  text-align: left;
}

.day h3 {
  background-color: black;
  color: white;
  padding: 10px;
  margin: -15px -15px 15px -15px;
  text-align: center;
}

a {
  color: #000000;
  text-decoration: none;
}

em {
  color: #777;
}

/* Privacy Policy Styles */
.section-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.privacy-section {
  padding: 60px 0;
}

.blog-short-img {
  height: 270px;
}

.blog-icons {
  font-size: 1.2rem;
  background: #020202;
  color: #fff !important;
  border-radius: 50%;
  width: 33px;
  text-align: center;
  padding: 2px;
  margin-right: 8px;
}

li.blog-icons a {
  color: #fff;
}

/* ========================== */
.recent-posts-entry .widget-post-bx .widget-post {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid rgba(34, 34, 34, 0.1);
  border-radius: 10px;
}

.service-icon {
  height: 70px;
  width: 70px;
}

.recent-posts-entry .widget-post-bx .widget-post .dz-media {
  height: 80px;
  min-width: 100px;
  width: 100px;
  margin-right: 15px;
  border-radius: var(--border-radius-base);
}

@media only screen and (max-width: 1199px) {
  .recent-posts-entry .widget-post-bx .widget-post .dz-media {
    height: 80px;
    min-width: 80px;
    width: 80px;
  }

  .white_line img {
    display: none;
  }
}

.recent-posts-entry .widget-post-bx .widget-post .dz-media img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

.recent-posts-entry .widget-post-bx .widget-post .dz-meta {
  margin-bottom: 0px;
}

.recent-posts-entry .widget-post-bx .widget-post .dz-meta ul {
  line-height: 1;
  margin: 0 -10px;
}

.recent-posts-entry .widget-post-bx .widget-post .dz-meta ul li {
  margin: 0 10px;
  color: #666666;
  position: relative;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}

@media only screen and (max-width: 1024px) {
  .recent-posts-entry .widget-post-bx .widget-post .dz-meta ul li {
    font-size: 11px;
  }
}

.recent-posts-entry .widget-post-bx .widget-post .dz-meta ul li i {
  color: var(--primary);
  font-size: 14px;
}

@media only screen and (max-width: 1199px) {
  .recent-posts-entry .widget-post-bx .widget-post .dz-meta ul {
    margin: 0 -6px;
  }

  .recent-posts-entry .widget-post-bx .widget-post .dz-meta ul li {
    margin: 0 6px;
  }
}

.recent-posts-entry .widget-post-bx .widget-post .title {
  line-height: 1.3;
  font-family: "Poppins";
  margin-bottom: 8px;
  display: block;
  font-size: 16px;
}

@media only screen and (max-width: 1199px) {
  .recent-posts-entry .widget-post-bx .widget-post .title {
    font-size: 16px;
  }
}

.recent-posts-entry .widget-post-bx .widget-post .post-date {
  font-size: 13px;
  font-weight: 500;
  color: #777777;
  line-height: 20px;
  display: inline-block;
}

.recent-posts-entry .widget-post-bx.style-1 .widget-post {
  padding: 0;
  background: transparent;
  border: none;
  align-items: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 575px) {
  .recent-posts-entry .widget-post-bx.style-1 .widget-post {
    margin-bottom: 20px;
  }
}

.recent-posts-entry .widget-post-bx.style-1 .widget-post .dz-media {
  width: 100px;
  min-width: 100px;
  height: 100px;
}

.recent-posts-entry .widget-post-bx.style-1 .widget-post .title {
  font-size: 16px;
  line-height: 24px;
  color: #1f1f1f;
}

.recent-posts-entry .widget-post-bx.style-1 .widget-post .dz-meta ul li {
  color: #1f1f1f;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  margin-right: 25px;
}

.recent-posts-entry .widget-post-bx.style-1 .widget-post .dz-meta ul li.date {
  color: #707070;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
}

.recent-posts-entry
  .widget-post-bx.style-1
  .widget-post
  .dz-meta
  ul
  li:last-child {
  margin-right: 0;
}

.recent-posts-entry
  .widget-post-bx.style-1
  .widget-post
  .dz-meta
  ul
  li:not(:last-child)::after {
  content: "";
  height: 6px;
  width: 6px;
  position: absolute;
  right: -20px;
  top: 50%;
  border-radius: 50%;
  background-color: #707070;
  transform: translate(0%, -50%);
}

@media only screen and (max-width: 1199px) {
  .recent-posts-entry .widget-post-bx.style-1 .widget-post .dz-meta ul li {
    margin-right: 20px;
  }

  .recent-posts-entry
    .widget-post-bx.style-1
    .widget-post
    .dz-meta
    ul
    li:not(:last-child)::after {
    right: -15px;
  }
}

.banner-section-common {
  /* background-image: url("../images/pricing_subbanner_background.png"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 420px;
  position: relative;
}

.banner-content-section {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* .top-bottom-80p {
  padding: 30px 0px;
} */
.pricing-container {
  display: flex;
  justify-content: center;
  /* Center horizontally */
  align-items: center;
  /* Center vertically */
}

a.emailsec {
  color: white;
}

h6.bd-dashboard-menu-title.mt-0 {
  /* padding-top: 19px; */
  /* padding: 6px; */
  padding-top: 38px;
  text-align: center;
}

li.dashboard-link {
  /* padding-left: 53px; */
  text-decoration: none !important;
  /* list-style: none; */
  /* background-color: blue; */
  transition: all 0.3s ease;
  /* Smooth transition */
}

li.dashboard-link:hover {
  padding-left: 63px;
  /* Increase left padding on hover */
  background-color: #f0f0f0;
  /* Light background on hover */
  color: #007bff;
  /* Change text color on hover */
  transform: translateX(5px);
  /* Slight slide effect */
}

/* Ensure Swiper container allows absolutely positioned children */
.testimonials_section .testimonial-swiper {
  position: relative;
  padding-bottom: 80px;
  /* add space for arrows */
}

/* Common styles for both arrows */
.testimonials_section .testimonial-swiper .swiper-button-prev,
.testimonials_section .testimonial-swiper .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  border: 1px solid var(--e-global-color-white);
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  font-size: 44px;
  color: var(--e-global-color-white);
  bottom: 10px;
  top: auto;
  position: absolute;
  z-index: 10;
}

/* Place them at the bottom center */
.testimonials_section .testimonial-swiper .swiper-button-prev {
  left: 15%;
  transform: translateX(-70px);
  /* offset to the left */
}

.testimonials_section .testimonial-swiper .swiper-button-next {
  left: 15%;
  transform: translateX(10px);
  /* offset to the right */
}

/* Hover effects */
.testimonials_section .testimonial-swiper .swiper-button-prev:hover,
.testimonials_section .testimonial-swiper .swiper-button-next:hover {
  background-image: var(--e-global-color-gradient);
  border: 1px solid transparent;
}

/* Custom arrow content */
.testimonials_section .testimonial-swiper .swiper-button-prev::after,
.testimonials_section .testimonial-swiper .swiper-button-next::after {
  font-size: 50px;
  line-height: 50px;
  color: var(--e-global-color-white);
  align-items: center;
  margin-top: 0px;
  padding-bottom: 19px;
}

.testimonials_section .testimonial-swiper .swiper-button-prev::after {
  content: "‹";
}

.testimonials_section .testimonial-swiper .swiper-button-next::after {
  content: "›";
}

/* Remove focus outline */
.testimonials_section .testimonial-swiper .swiper-button-prev:focus,
.testimonials_section .testimonial-swiper .swiper-button-next:focus {
  outline: none;
}

.choose_us_box_contentt.text-center {
  box-shadow: 1px 1px 50px rgb(0 0 0 / 5%);
  width: 100%;
  text-align: center;
  padding: 50px 26px 42px;
  border: 2px solid var(--e-global-color-white);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  height: 376px;
}

.choose_us_box_contentt:hover {
  border: 2px solid #ff8c00;
}

section.teamsection.mt-0 {
  padding: 90px;
}

.white_line {
  position: absolute;
  top: 0;
  left: 0;
}

.banner-description {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: var(--e-global-color-white);
  margin-bottom: 30px;
}

.banner-section-Home {
  /* background-image: url("../images/pricing_subbanner_background.png"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 485px;
  position: relative;
}

.banner-content-sectio-home {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.apostrophy {
  position: absolute;
  top: 10px;
  left: 0;
}

/* Custom pagination container on the right side */
.swiper-pagination {
  position: absolute;
  right: 10% !important;
  top: 70% !important;

  /* display: flex; */
  justify-content: center;
  align-items: center;
  z-index: 10;
  /* Ensure it's not hidden behind other elements */
  width: fit-content !important;
  height: 20px;
  /* Adjust height of pagination */
  left: unset !important;
}

/* Style each pagination bullet as a line */
.swiper-pagination-bullet {
  background-color: black;
  /* White color for the line */
  opacity: 1;
  height: 4px;
  /* Height of the line */
  width: 30px;
  /* Length of the line */
  border-radius: 2px;
  /* Slightly rounded edges */
  margin: 0 4px;
  transition: background-color 0.3s ease;
  display: inline-block;
  /* Make sure it’s in line */
}

/* Active bullet style for line */
.swiper-pagination-bullet-active {
  background-color: var(--e-global-color-accent);
  /* Active color (blue) */
}

/* Optional: You can add hover effects on the pagination line */
.swiper-pagination-bullet:hover {
  background-color: #f1f1f1;
  /* Hover color */
}

.navbar-nav .active > .contact_btn {
  background-image: linear-gradient(
    90deg,
    var(--e-global-color-bright-red) 0%,
    var(--e-global-color-soft-red) 100%
  );
  border-radius: 50px;
  color: var(--e-global-color-white) !important;
}

.contact_btn {
  position: relative;
  padding: 18px 42px !important;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  color: var(--e-global-color-white) !important;
}

.contact_btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 2px;
  background-image: var(--e-global-color-gradient);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.contact_btn:hover {
  background-image: var(--e-global-color-gradient);
  border-radius: 50px;
  color: var(--e-global-color-white) !important;
}

.login-button-home {
  position: absolute;
  right: 5%;
  top: 10px;
}

[data-aos="fade-up"] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

[data-aos="fade-up"].aos-animate {
  opacity: 1;
  transform: translateY(0);
}

.slide-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 0;
  position: relative;
  z-index: 1;
  color: #fff;
  height: 100vh;
}

@media (max-width: 768px) {
  .slide-bg {
    height: 70vh;
    /* Half the viewport height on mobile */
  }
}

.video_img {
  position: absolute;
  right: 10%;
  top: 50%;
  z-index: 5;
  max-width: 200px;
}

.profile-image {
  position: absolute;
  right: 20%;
  top: 14px;
  z-index: 5;
  max-width: 200px;
}

.userprofile-img {
  border: 1px solid #000;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  cursor: pointer;
}

/* .show-on-hover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
} */

/* .dropdown:hover .show-on-hover {
  display: block;
} */
/* .dropdown-menu.show {
  display: block !important;
} */

.approach-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.approach-section {
  flex: 1;
  border: 1px solid #ccc;
  padding: 20px;
  background-color: #f9f9f9;
}

.approach-title {
  font-size: 1.25rem;
  margin-bottom: 10px;
}

.approach-text {
  font-size: 1rem;
  color: #555;
}

.image-section {
  background-color: #0a0ada !important;
}

section.team_member_section.team_member_background_sectionnn {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 130px 0 95px;
}

.responsive-nowrap {
  flex-wrap: nowrap;
}

@media (max-width: 768px) {
  .responsive-nowrap {
    flex-wrap: wrap !important;
  }
}

.bd-dashboard-menu.d-none.d-lg-block.extra-dashboard-main-css {
  /* position: absolute; */
  top: 100%;
  right: 0px;
  min-width: 200px;
  margin-top: 29px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
  border: 1px solid rgb(224, 224, 224);
  border-radius: 8px;
  z-index: 1050;
  opacity: 1;
  visibility: visible;
  /* pointer-events: auto; */
  transform: translateY(0px);
  transition: 0.2s ease-in-out;
}

.bd-dashboard-title-inner {
  padding-bottom: 30px;
}

.rbt-dashboard-content.bg-color-white.rbt-shadow-box.mb--60 {
  padding: 20px;
  top: 100%;
  right: 0px;
  margin-bottom: 35px;
  margin-top: 29px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
  border: 1px solid rgb(224, 224, 224);
  border-radius: 8px;
  z-index: 1050;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

li.dashboard-link {
  padding: 10px;
}
li.dashboard-link .active {
  background-color: var(--e-global-color-accent) !important;

  padding: 5px 10px;
}
.dashboard-menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

li.dashboard-link {
  /* padding-left: 53px; */
  text-decoration: none !important;
  list-style: none;
  margin-bottom: 11px;
}

.login-button-home {
  display: block;
}

nav.navbar.navbar-expand-lg.navbar-light {
  background-color: transparent;
  padding: 0px;
}

html,
body {
  overflow-x: hidden;
}

section.teamsection.mt-0 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.contact-form input {
  margin-bottom: 18px;
  font-size: 14px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  background-color: var(--e-global-color-white);
  color: var(--e-global-color-dark-grayish-red);
  border: 2px solid var(--e-global-color-white);
  border-radius: 50px;
  padding: 26px 24px !important;

  margin-bottom: 26px;
  line-height: 20px;
}

.responsive-image {
  height: 240px !important;
  width: auto;
  object-fit: contain;
}

/* Override on mobile if needed */
@media (max-width: 768px) {
  .responsive-image {
    height: 180px;
    width: 100%;
    height: 224px !important;
    /* object-fit: cover; */
  }
}

/* .cochdetailsec {
  padding-top: 35px;
} */
.Expert-name {
  color: #000000;
}

.banner-section-content {
  padding-left: 20px;
}

.expert-title {
  color: #0056b3;
}

.expert-intro {
  padding: 20px 0px;
  text-align: justify;
}

.container.bg-white.shadow-sm.rounded.py-4 {
  /* padding: 7px; */
  margin-top: 48px;
  margin-bottom: 48px;
}

/* Mobile styles */
@media (max-width: 768px) {
  .banner-section-content {
    font-size: 40px;
    line-height: 50px;
    margin-left: 0;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .banner-section-content {
    font-size: 28px;
    line-height: 36px;
    padding: 0px 30px;
  }
}

ul.list-unstyled {
  text-align: justify;
  left: 90px;
}

@media (max-width: 768px) {
  .custom-ul,
  .icons {
    display: flex !important;
    justify-content: center;
  }
}

.pricing_tables_box_lower_portion ul {
  margin-bottom: 10px;
  margin-top: 9px;
}

ul.list-unstyleddddd {
  list-style: none;
  /* Removes the bullets/markers */
  margin: 0;
  /* Optional: removes default margin */
  padding: 0;
  /* Optional: removes default padding */
}

ul.list-unstyleddddd li a {
  text-decoration: none !important;
  /* Removes underline from links */
}

/* Base styles */
.slide-bg {
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  /* Full height banner */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
  position: relative;
}

.banner-section-content {
  color: #fff;
  max-width: 800px;
  margin: auto;
}

.banner-section-wrapper h1 {
  font-size: 48px;
  line-height: 56px;
  font-weight: bold;
}

.banner-section-wrapper h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.banner-description {
  font-size: 16px;
  margin-top: 10px;
}

.join_now_btn {
  background: #fff;
  color: #000;
  padding: 10px 24px;
  border-radius: 4px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

/* Responsive styles */
@media screen and (max-width: 768px) {
  .slide-bg {
    min-height: 50vh !important;
  }

  .banner-section-wrapper h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .banner-section-wrapper h3 {
    font-size: 18px;
  }

  .banner-description {
    font-size: 14px;
  }

  .join_now_btn {
    padding: 8px 20px;
    font-size: 14px;
  }

  .white_line img {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .banner-section-wrapper h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .banner-section-content {
    position: absolute;
    top: 45%;
    left: 50%;
    text-align: center;
    justify-content: center;
    justify-items: center;
    padding-left: 42px;
    transform: translate(-50%, -50%);
  }

  h2.text-white.mb-1.servicehead {
    font-size: 18px !important;
  }

  .banner-section-wrapper h3 {
    font-size: 25px;
  }

  .join_now_btn {
    font-size: 13px;
  }

  .banner-section-content p {
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 30px;
    padding-left: 199px;
    /* padding-right: 40px; */
    padding-right: 177px;
  }

  @media (max-width: 768px) {
    .banner-section-content p {
      font-size: 20px;
      line-height: 25px;
      padding-left: 20px;
      padding-right: 20px;
      /* max-width: 50%; */
      /* Full width on mobile */
      /* width: 70%; */
      /* Or specific percentage */
    }
  }

  .white_line img {
    display: none;
  }

  .middle-portion ul .icons {
    display: inline-block;
    display: none;
  }
}

.banner-section-wrapper h1 {
  font-size: 80px;
  line-height: 56px;
  font-weight: bold;
}

ul.list-unstyled.custom-ul {
  text-align: center;
}

.footer-col-content {
  text-align: center;
}

.profile-dropdown {
  color: #ffffff !important;
}

.profile-dropdown:hover {
  color: #eceeef !important;
}

/* .modal-backdrop123 {
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.4);
} */
/* Ensure the close button is positioned relative to the video container */
.modal-video-movie-wrap {
  position: relative !important;
}

/* Move the close button onto the video */
.modal-video-close-btn {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 9999 !important;
  padding: 6px !important;
  width: 32px !important;
  height: 32px !important;
}

/* Make the "X" inside white for visibility */
.modal-video-close-btn:before,
.modal-video-close-btn:after {
  background-color: white !important;
}

section.team_member_section.team_member_background_sectionnn {
  /* margin-bottom: -40px; */
  padding-bottom: 0px;
}

.container.top-bottom-80p.coachdetail {
  padding-top: 75px;
}

.pricingplans {
  padding-top: 75px;
}

.find_us_box_lower_portionnnnn.no-hover {
  padding: 57px 9px 6px;
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--e-global-color-white);
  border-top: none;
  text-align: center;
}

/* Make table horizontally scrollable on small screens */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* smooth scrolling on mobile */
}

/* Reduce padding and font size for small devices */
@media (max-width: 576px) {
  .table th,
  .table td {
    padding: 0.4rem 0.5rem;
    font-size: 0.85rem;
  }
}

/* Optional: Wrap long text instead of overflowing */
.table td {
  white-space: nowrap;
  /* change to normal if you want wrapping */
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Optional: center small icons or badges */
.table td .fa-eye,
.table td .badge {
  display: inline-block;
  text-align: center;
}

.pricing_tables_box_content {
  height: 100% !important;
}

/* Parent wrapper of all pricing cards */
.pricing_tables_wrapper {
  display: flex;
  flex-wrap: wrap;
  /* for responsive rows */
  gap: 20px;
  /* spacing between cards */
  align-items: stretch;
  /* ensures all children equal height */
}

/* Each card box */
.pricing_tables_box_content {
  display: flex;
  flex-direction: column;

  flex: 1;
  /* allows all cards to grow equally */
  min-height: 300px;
  /* adjust as needed */
  transition: all 0.3s ease-in-out;
}

/* Lower portion hover effect */
.pricing_tables_box_lower_portion {
  border: 2px solid transparent;
  border-top: none;
  transition: all 0.3s ease-in-out;
  height: 100%;
}

.pricing_tables_box_lower_portion:hover {
  border: 2px solid #ff8c00;
  border-top: none;
}

ul.dropdown-menu {
  background-color: black;
}

.basiccontent {
  padding-left: 37px;
}

.summary-item.total-item {
  display: flex;
  gap: 20px;
}

/* Container and Title */
.sc-container {
  background: #ffffff;
  font-family: "Poppins", sans-serif;
}

.sc-title {
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 2rem;
}

/* Timeline */
.sc-timeline-wrapper {
  position: relative;
  margin-bottom: 40px;
}

.sc-timeline-line {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background-color: #ccc;
  z-index: 1;
  transform: translateY(-50%);
}

.sc-timeline-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #4a90e2;
  z-index: 2;
}

/* Card styles */
.sc-day-card {
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  color: #1c1c1c;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sc-day-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.sc-day-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 10px;
}

/* Emoji wrapper */
.sc-emoji {
  font-size: 2rem;
  margin-bottom: 10px;
  display: block;
}


/* Background colors via index */
/* Same orange gradient for all day cards */
.sc-day-card
{
  background: linear-gradient(135deg, #ff9800, #ffbd94);
}

.country-dropdown select {
  padding-right: 30px;
}

.state-dropdown select {
  padding-right: 30px;
}

.city-dropdown select {
  padding-right: 30px;
}

.country-dropdown-icon,
.state-dropdown-icon,
.city-dropdown-icon {
  position: absolute;
  top: 58%;
  right: 10px;
  /* transform: translateY(-50%); */
  transition: transform 0.3s ease;
  pointer-events: none;
  color: #aaa;
  font-size: 16px;
}

/* Shared button styles */
.custom-pagination .themed-btn {
  background: transparent;
  color: var(--e-global-color-accent) !important;
  border: 2px solid var(--e-global-color-accent) !important;
  transition: all 0.3s ease-in-out;
  padding: 7px 20px;
}

/* Previous button → rounded only on the left */
.custom-pagination .page-item:first-child .themed-btn {
  border-radius: 50px 0 0 50px;
}

/* Next button → rounded only on the right */
.custom-pagination .page-item:last-child .themed-btn {
  border-radius: 0 50px 50px 0;
}

/* Disabled state */
.custom-pagination .themed-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Hover effect */
.custom-pagination .themed-btn:hover:not(:disabled) {
  color: var(--e-global-color-white) !important;
  background-image: var(--e-global-color-gradient);
  border: 2px solid var(--e-global-color-gradient);
}

/* Middle "Page X of Y" info */
.custom-pagination .themed-info {
  border-top: 2px solid var(--e-global-color-accent);
  border-bottom: 2px solid var(--e-global-color-accent);
  color: var(--e-global-color-accent);
}

.custom-pagination .themed-info span {
  padding: 6px 20px;
}

/* Remove extra rounded corners from middle */
.custom-pagination .page-item.disabled .themed-info {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

.payment-method-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  /* Dark background with slight transparency */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 10px;
  /* Add padding for better spacing around the modal */
}

.payment-method-modal .modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  width: 320px;
  /* Adjust width for better fit */
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.payment-method-modal h3 {
  margin-bottom: 20px;
  font-size: 1.2rem;
  color: #333;
  font-weight: bold;
}

.payment-method-modal button {
  background: #ff7f50;
  padding: 12px 25px;
  /* Add padding for a more prominent button */
  margin: 10px 0;
  /* Space out buttons evenly */
  border: none;
  border-radius: 8px;
  /* Rounded corners for buttons */
  cursor: pointer;
  color: #fff;
  font-size: 1.1rem;
  width: 100%;
  /* Make buttons full width for better UX */
  transition: background-color 0.3s ease;
  /* Smooth transition effect */
}

.payment-method-modal button:hover {
  background-color: #ff5733;
}

.payment-method-modal .cancel-btn {
  background-color: #ccc;
}

.payment-method-modal button:focus {
  outline: none;
}

.palm-beach-banners {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  height: 485px !important;
}

/* Small devices, better spacing and alignment */
@media (max-width: 600px) {
  .payment-method-modal .modal-content {
    width: 90%;
    padding: 20px;
  }

  .payment-method-modal button {
    font-size: 1rem;
  }

  .palm-beach-banners {
    height: 204px !important;
  }
}

.expert-round-img {
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
  /* height: 346px;
  width: 346px; */
}

.palmbeachmumbaiimg {
  height: 300px;
}

@media only screen and (max-width: 1199px) {
  .video_img {
    right: 5%;
  }
}
