.margintop {
      margin-top: 130px;
    }

    @media (max-width: 600px) and (min-width: 320px) {
      .margintop {
        margin-top: 50px;
      }
    }
    h1{
      font-weight: bold;
    }

    /* nav style */
    .navbar {
      background-color: #F0FAF8 !important;
    }

    .navbar-brand {
      font-weight: bold;
      color: #fff;
      font-size: 1.5rem;
    }

    .navbar-brand span {
      font-size: 0.7rem;
      display: block;
      color: #ddd;
    }

    .navbar-nav .nav-link {
      color: #000000;
      font-weight: bold;
      transition: color 0.3s ease-in-out;
      
    }

    .navbar-nav .nav-link:hover {
      color: #00AD8D;
    }

    .navbar {
      position: fixed;
      top: 0;
      width: 100%;
      padding-top: 11px;
      padding-bottom: 11px;
    }


    /* counter */
    .stats-section {
      color: #ffffff;
      padding: 67px 20px;
      text-align: center;
    }

    .stat {
      font-size: 24px;
    }

    .number {
      font-size: 40px;
      font-weight: bold;
    }

/* carousel */
    .carousel-item {
      height: 100vh;
      background-size: cover;
      background-position: center;
      position: relative;
    }

    .carousel-caption {
      top: 50%;
      transform: translateY(-50%);
      bottom: auto;
    }

    .carousel-caption h1 {
      font-size: 2.5rem;
      font-weight: bold;
    }

    .carousel-caption p {
      font-size: 1.2rem;
    }

    .btn-custom {
      background-color: #00b894;
      color: white;
      padding: 12px 24px;
      font-size: 1.2rem;
      border-radius: 25px;
    }

    .btn-custom:hover {
      background-color: #019374;
      color: white;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
    }

 /* follow */
         
    .stats-card {
        background: #F8FDFC;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease;
    }
  
    .stat-number {
        font-size: 2rem;
        font-weight: bold;
        color: #4bb3a7;
    }
    .stat-title {
        font-weight: bold;
    }
    .follow-link {
        color: #4bb3a7;
        font-weight: bold;
        text-decoration: none;
    }
   
    .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
    }
 

    /* subscript */
    .subscribe-box {
      background: #F0FAF8;
      padding: 30px;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      text-align: center;
    }

    .subscribe-box h2 {
      font-size: 1.5rem;
      margin-bottom: 10px;
    }

    .subscribe-box p {
      font-size: 0.9rem;
      color: #666;
    }

    .btn-custom {
      background-color: #00c897;
      color: white;
      border-radius: 30px;
      padding: 10px 20px;
      border: none;
    }

    .btn-custom:hover {
      background-color: #009e73;
    }

    /* footer */
    ul {
      list-style: none;
    }

    .footer {
      background-color: #444444;
      padding: 70px 0;
    }

    .footertextsub {
      font-size: 16px;
      text-transform: capitalize;
      color: #ffffff;
      text-decoration: none;
      font-weight: 500;
      color: #bbbbbb;
      display: block;
      transition: all 0.3s ease;
    }

    .footer-col h4 {
      font-size: 18px;
      color: #ffffff;
      text-transform: capitalize;
      margin-bottom: 35px;
      font-weight: 700;
      position: relative;
    }

    .footer-col h4::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: -10px;
      background-color: #019374;
      height: 2px;
      box-sizing: border-box;
      width: 50px;
    }

    .footer-col ul li:not(:last-child) {
      margin-bottom: 10px;
    }

    .footer-col ul li a {
      font-size: 16px;
      text-transform: capitalize;
      color: #ffffff;
      text-decoration: none;
      font-weight: 500;
      color: #bbbbbb;
      display: block;
      transition: all 0.3s ease;
    }

    .footer-col ul li a:hover {
      color: #ffffff;
      padding-left: 8px;
    }

    ol,
    ul {
      padding-left: 0rem;
    }

    .footer .input {
      background: #2c3e50;
      border: none;
      padding: 10px;
      color: white;
    }

    .footer input::placeholder {
      color: #ccc;
    }

    .title-white {
      color: white;
    }

    .title-black {
      color: black;
    }

    .newrow>* {
      flex-shrink: 0;
      width: 50%;
      max-width: 50%;
      padding-right: calc(var(--bs-gutter-x)* .5);
      padding-left: calc(var(--bs-gutter-x)* .5);
      margin-top: var(--bs-gutter-y);
    }

    /* slider */
    .swiper {
      padding: 30px;
    }

    .swiper-slide {
      background: #ffffff;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    }

    .card img {
      height: 250px;
    }

    .card-body {
      text-align: center;
      padding: 15px;
    }

    .category {
      font-size: 14px;
      color: #00a87e;
      font-weight: bold;
      text-decoration: none;
    }

    .swiper-button-next,
    .swiper-button-prev {
      background-color: #00a87e;
      color: white;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 20px;
    }

    .section-heading {
      text-align: center;
      margin-top: 50px;
    }

    .subheading {
      display: inline-block;
      background-color: #effaf7;
      padding: 8px 20px;
      border-radius: 5px;
      font-size: 14px;
      color: #00a87e;
      font-weight: bold;
    }

    /* emailcontact */

    .newsletter-section {
   
      padding: 50px 20px;
      border-radius: 15px;
      max-width: 800px;
      margin: auto;
      text-align: center;
  }
  .newsletter-input {
      border-radius: 50px;
      border: none;
      padding: 12px 20px;
      width: 100%;
  }
  .newsletter-btn {
      border-radius: 50px;
      padding: 12px 25px;
      font-weight: bold;
      background-color: #009970;
      color: white;
      border: none;
  }
  .newsletter-btn:hover {
      background-color: #007a58;
  }

    /* article */
    .article-list {
      list-style: none;
      padding: 0;
    }

    .article-list li::before {
      content: "\2713";
      color: teal;
      font-weight: bold;
      margin-right: 10px;
    }

    /* about */ 
    .content-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
         
    }
    .image-container img {
        width: 100%;
        border-radius: 10px;
        max-width: 500px;
    }
    .text-container {
        padding: 20px;
        text-align: center;
    }
    .statss {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 20px;
    }
    .stats-item {
        text-align: center;
        min-width: 100px;
    }
    .stats-number {
        font-size: 1.8rem;
        font-weight: bold;
        color: #4bb3a7;
    }
   
    .fade-in {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }
    .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
    }
    @media (min-width: 768px) {
        .text-container {
            text-align: left;
        }
    }
    .heightbottom{
        margin-bottom: 50px;
    }
    @media (max-width: 768px) {
        .heightbottom {
            margin-bottom: 20px;
        }
    }
 
    .article-point{
      font-size: 17px;
      font-weight: 500;
      line-height: 3.0;
  }

    .review-box {
      background-color: #F0FAF8;
      padding: 20px;
      border-radius: 10px;
      text-align: center;
    }

    .client-img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }

    .lightbg {
      background-color: #F0FAF8;
      padding: 10px;
      border-radius: 7px;
      color: #00AD8D;
      text-decoration: none;
    }

    a:hover {
      color: #00AD8D;
    }

/* clients */
    .client-section {
            background: url('../img/clinetsay.png') no-repeat center center/cover;
            padding: 50px 20px;
            color: #fff;
        }
        .client-slider {
            width: 80%;
            margin: auto;
        }
        .client {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            color: #333;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
            margin: 10px;
        }
        .author {
            color: green;
            font-weight: bold;
        }

/* about */
/* why choose us*/
.choose-point{
font-size: 20px;
}

.why-choose-us {
    padding: 50px 20px;
}
.feature-text {
    color: #27ae60;
    font-weight: bold;
    background: rgba(39, 174, 96, 0.1);
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
}
.content-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.text-content {
    flex: 1;
    padding: 20px;
    max-width: 400px;
}
.image-content {
    flex: 1;
    text-align: center;
}
.image-content img {
    max-width: 100%;
    height: auto;
    animation: float 3s ease-in-out infinite; /* Infinite Floating Effect */
}

/* Floating animation */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

@media (max-width: 992px) {
    .content-container {
        flex-direction: column;
        text-align: center;
    }
    .text-content {
        max-width: 100%;
    }
}

/*heder*/
.about-header {
    position: relative;
    background: url('../img/aboutbanner.png') no-repeat center center/cover;
    height: 500px; 
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.about-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.about-header h1 {
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 5px;
}

@media (max-width: 768px) {
    .about-header {
        height: 500px;
    }
    .about-header h1 {
        font-size: 1.5rem; 
    }
}

 /* 3box */
.feature-box {
    border: 2px solid #cbffe1;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.feature-box:hover {
    border-color: #27ae60;
    box-shadow: 0px 4px 10px rgba(	39, 174, 96, 0.3);
}
.feature-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}
.feature-title {
    color: #27ae60;
    font-weight: bold;
    background: rgba(	39, 174, 96, 0.1);
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}

/* contact */
.contact-header {
  position: relative;
  background: url('../img/contactbanner.png') no-repeat center center/cover;
  height: 500px; 
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #00AD8D;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(39, 174, 96, .25);
}
.contact-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-left {
    background: url('../img/contactbox.png') no-repeat center center/cover;
    position: relative;
    color: white;
    padding: 50px;
}

.overlayy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text-box {
    position: relative;
    z-index: 2;
    color: rgb(0, 0, 0);
    padding: 20px;
}

.contact-right {
    background: white;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .contact-left {
        background-position: center;
    }
}
 
/* classes */
     
.nav-tabs .nav-link.active {
    border-bottom: 3px solid #009970;
    color: #009970;
}
.nav-tabs .nav-link {
    color: black;
    font-weight: 600;
}
th {
    background-color: #009970;
    color: white;
    text-align: center;
    padding: 10px;
}
td {
    text-align: center;
    padding: 15px;
    border: 1px solid #ddd;
}
.highlight {
    background-color: #fdf5f5;
}
.filter-hidden {
    display: none;
}

.classes-header {
  position: relative;
  background: url('../img/classesbanner.png') no-repeat center center/cover;
  height: 500px; 
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}

.yoga-card {
    background: #F0FAF8;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    opacity: 0;
    transform: translateY(20px);
}

.yoga-card img {
    width: 100%;
    border-radius: 8px;
    transition: transform 0.3s ease-in-out;
}

.yoga-card h5 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 5px;
}

.yoga-card p {
    color: #27ae60;
    font-weight: bold;
    background: rgba(39, 174, 96, 0.1);
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 0.9rem;
}

.fade-in {
    animation: fadeInUp 0.8s ease-in-out forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* time table */
 

 

.table td, .table th {
  text-align: center;
  vertical-align: middle;
}
 

table .morning-flow { background-color: #38859c0c; }
table .kundalini-yoga { background-color: #f0ac4e0e; }
table .ashtanga-yoga { background-color: #d9544f13; }
table .yoga-dance { background-color: #5bc0de17; }
table .hatha-yoga { background-color: #f0805009; }

table .th{
  background-color: #00AD8D;
}

/* clients */
.testimonial-card {
    position: relative;
    background: #f8fdfa;
    padding: 20px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.testimonial-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    pointer-events: none;
    border: 3px solid transparent;
    box-sizing: border-box;
}

.testimonial-card:hover::before {
    animation: borderScroll 2s linear infinite;
}

@keyframes borderScroll {
    0% {
        border-image: linear-gradient(90deg, #00AD8D, transparent) 1;
        border-width: 3px;
    }
    25% {
        border-image: linear-gradient(180deg, #00AD8D, transparent) 1;
    }
    50% {
        border-image: linear-gradient(270deg, #00AD8D, transparent) 1;
    }
    75% {
        border-image: linear-gradient(360deg, #00AD8D, transparent) 1;
    }
    100% {
        border-image: linear-gradient(90deg, #00AD8D, transparent) 1;
    }
}

.testimonial-card img {
    width: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.testimonial-card p {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-info p {
    font-weight: bold;
}