#overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1; /* visible by default */
    transition: opacity 0.5s ease;
    z-index: 9999; /* visible by default */
}

.preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: opacity 0.5s ease;
    z-index: 9999;
}

.preloader img {
    width: 800px;
    height: 700px;
    opacity: 1;
}

.hide-loader {
    opacity: 0 !important;
    z-index: -1 !important;
}
/* tables */
.table > :not(caption) > * > * {
  background-color: var(--white);
}

.table-active {
  --bs-table-color-state: var(--default-text-color);
}

.table {
  color: var(--gray-500);
  border-color: var(--gray-100);
  margin-block-end: 0;
}
.table tbody tr {
  border-color: var(--gray-100);
}
.table tbody tr th {
  font-weight: 500;
}
.table th,
.table td {
  padding: 20px 15px;
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
}
.table thead tr {
  border-color: var(--gray-100);
}
.table thead tr th {
  font-weight: 600;
  border-color: var(--gray-100);
  background: var(--gray-200);
  font-size: 14px;
  color: var(--gray-900);
}
.table.table-sm > :not(caption) > * > * {
  padding: 0.3rem;
}
 .para-height,.paras {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}
.paras {
   min-height: calc(1em * 1.5 * 3);
  line-height: 1.5;

}
.form-control-label{
    color:black;
}
/* === Owl Carousel Card Wrapper === */
.featured_courses .classes-item {
  width: 100%;
  max-width: 340px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}

.featured_courses .classes-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* === Course Image Circle === */
.featured_courses .bg-light.rounded-circle.w-75.mx-auto.p-3 {
  width: 250px;
  height: 250px;
  display: flex;
  align-items: left;
  justify-content: left;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.featured_courses .bg-light.rounded-circle.w-75.mx-auto.p-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* === Card Body === */
.featured_courses .bg-light.rounded.p-4.pt-5.mt-n5 {
  background-color: #fff8f8; /* soft warm tone */
  min-height: 330px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 70px !important;
  margin-top: -70px !important;
}
/* === Instructor Name Text Handling === */
.featured_courses .d-flex.align-items-center .text-primary.mb-1 {
  display: block;
  max-width: 140px; /* restricts name width */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  font-weight: 600;
  color: #e53935 !important;
  margin-bottom: 0;
}

/* === Course Title === */


/* === Instructor and Price Section === */
.featured_courses .d-flex.align-items-center.justify-content-between.mb-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.featured_courses .d-flex.align-items-center img {
  width: 45px !important;
  height: 45px !important;
  object-fit: fill;
  border-radius: 50%;
}

.featured_courses .text-primary.mb-1 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #e53935 !important;
}

.featured_courses small {
  color: #777;
  font-size: 0.85rem;
}

/* === Price Section Styling === */
.featured_courses h6.text-primary {
  font-size: 1rem;
  font-weight: 600;
  color: #e53935 !important;
}

.featured_courses .text-decoration-line-through {
  color: #888 !important;
  font-size: 0.9rem;
}

/* === Bottom Row (Sessions, Reviews, Wishlist) === */


.featured_courses .row.g-1.text-center .col-4 {
  flex: 1;
}

.featured_courses .border-top {
  border-top-width: 3px !important;
  padding-top: 6px;
}

.featured_courses .border-primary {
  border-color: #e53935 !important;
}

.featured_courses .border-warning {
  border-color: #fbc02d !important;
}

.featured_courses .border-success {
  border-color: #43a047 !important;
}

/* Wishlist heart */
.featured_courses .fa-heart.wishlist-symbol {
  font-size: 1.2rem;
  transition: 0.3s;
}

.featured_courses .fa-heart.wishlist-symbol:hover {
  transform: scale(1.2);
  color: #e53935;
}

/* === Fix Height Consistency Across All Cards === */
.featured_courses .classes-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.featured_courses .bg-light.rounded.p-4.pt-5.mt-n5 {
  flex-grow: 1;
}

/* === Carousel Fix === */
.owl-carousel.featured_courses .owl-item {
  display: flex;
  justify-content: center;
}

.owl-carousel.featured_courses .owl-stage-outer {
  padding: 15px 0;
}

/* === Responsive Adjustments === */
@media (max-width: 768px) {
  .featured_courses .bg-light.rounded-circle.w-75.mx-auto.p-3 {
    width: 250px;
  height: 250px;
  display: flex;
  align-items: left;
  justify-content: left;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  }

  .featured_courses .bg-light.rounded.p-4.pt-5.mt-n5 {
    min-height: 330px;
  }

}
@media (max-width: 768px) {
  .featured_courses .d-flex.align-items-center .text-primary.mb-1 {
    max-width: 110px;
  }
}