.site-block-half {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.image {
  width: 50%;
  min-height: 600px;
  background-image: url({{ asset('front/images/Welcome2yourtransformation.jpeg') }});
  background-size: cover;
  background-position: center;
}

.text {
  width: 50%;
  padding: 40px; /* Increased padding for better alignment */
  text-align: justify;
}
.tab-content .tab-pane small {
  font-size: 1.2rem;  /* or increase more if needed */
  display: block;     /* makes it appear on its own line */
  margin-top: 5px;
}
.spacing-after {
      margin-bottom: 20px;
    }
.conul1 li {
      margin-bottom: 10px; /* space between list items */
    }
    
.conul1 li:last-child {
  margin-bottom: 0; /* no extra space after last item */
}

/* Responsive Styles */
@media (max-width: 768px) {
  .site-block-half {
    flex-direction: column;
  }

  .image {
    width: 100%;
    height: 300px;
  }

  .text {
    width: 100%;
    padding: 20px;
    text-align: center; /* Center text for smaller screens */
  }
}
 /* Center align the nav-tabs */
  .nav-tabs {
    justify-content: center;
  }
   .nav-tabs .nav-link {
    color: #333;
    cursor: pointer; 
  }

  /* Custom active tab styling */
  .nav-tabs .nav-link.active {
    background-color: #78a8a7; /* Change to your preferred color */
    color: #fff;
    font-weight: bold;
    border-color: #b7f0e9;
    border-radius: 0.375rem;
  }

  .nav-tabs .nav-link {
    color: #333;
  }
  /* Keep testimonial boxes neat */
.testimonial-box {
  min-height: 220px;
}

/* Style dots */
.owl-dots {
  margin-top: 20px;
  text-align: center;
}
.owl-dot {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  display: inline-block;
}
.owl-dot.active {
  background: #007bff; /* Bootstrap primary blue */
}
.site-section .row.align-items-stretch {
  display: flex;
  align-items: stretch; /* ensures both columns are equal height */
}

.equal-height-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* keeps proportions and fills height */
  border-radius: 8px;
}

/* Responsive behavior for mobile */
@media (max-width: 768px) {
  .site-section .row.align-items-stretch {
    flex-direction: column;
  }

  .equal-height-img {
    height: auto; /* reset for mobile */
    max-height: 400px; /* optional limit */
  }
}
.program {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  height: 100%;
}

.program:hover {
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  transform: translateY(-5px);
}

.program-img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.heading-black a {
  color: #000 !important;
  text-decoration: none;
}

.heading-black a:hover {
  color: #007bff;
}

.program-body p {
  color: #555;
  font-size: 0.95rem;
}

.btn-primary {
  border-radius: 50px;
  padding: 0.5rem 1.2rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .program-img {
    height: 220px;
  }
}
.row.gy-4 {
  row-gap: 2rem; /* adjust as needed */
}