/* Updated course item styles */
  .course-item {
      height: 500px; /* Fixed height for entire course item */
      display: flex;
      flex-direction: column;
      margin-bottom: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
  .position-relative {
      height: 235px !important; /* Fixed height for image section */
      overflow: hidden;
  }
  
  .position-relative img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .text-center.p-4 {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 1.5rem !important;
  }
  
  .course-details {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  .d-flex.border-top {
      margin-top: auto;
  }
  
  /* Make all columns same width */
  .col-lg-0 {
      width: 33.33%;
      padding: 15px;
  }
  

  .green-button a {
      text-decoration: none; /* Remove underline */
      color: #fff; /* Inherit color from parent */
  }
  .green-button a:hover {
      color: white; /* Ensure color doesn't change on hover */
      text-decoration: none; /* Ensure underline doesn't appear on hover */
  }

  .orange-button a {
      text-decoration: none; /* Remove underline */
      color: #fff; /* Inherit color from parent */
  }
  .orange-button a:hover {
      color: white; /* Ensure color doesn't change on hover */
      text-decoration: none; /* Ensure underline doesn't appear on hover */
  }

  /* Add these new styles */
  .course-container {
      position: relative;
      padding: 0 50px;
      margin-bottom: 30px;
  }

  .course-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      background: #ff5e14;
      color: white;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      z-index: 10;
      transition: all 0.3s ease;
  }

  .course-arrow:hover {
      background: #e54d0e;
  }

  .course-arrow.prev {
      left: 0;
  }

  .course-arrow.next {
      right: 0;
  }


  .course-slider {
      display: flex;
      flex-wrap: wrap;
      transition: transform 0.5s ease;
  }

  .col-lg-0 {
      flex: 0 0 33.33%; /* Show 3 items per row */
      max-width: 33.33%;
      transition: all 0.5s ease;
  }
/* Force immediate display without transitions */
.col-lg-0.active,
.col-lg-0:not(.active) {
    transition: none !important;
    animation: none !important;
}

/* ... existing styles ... */
.pagination-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination-dots .dot {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.pagination-dots .dot.active {
    background-color: #ff5e14;
}