/* Style the tab navigation */
.nav-tabs .nav-link {
    color: #333; /* Default text color */
    font-weight: bold;
    border: none;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out; margin-top: 10px;
}

.nav-tabs .nav-link.active {
    background-color: #007bff; /* Active tab color */
    color: white;
    border-radius: 5px;
}

/* Hover effect */
.nav-tabs .nav-link:hover {
    color: #007bff;
    background-color: #f8f9fa;
    border-radius: 5px;
}

/* Tab content area */
.tab-content {

    padding: 15px 0;
    border-top: none; /* Remove top border to blend with tabs */
    background: #fff;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .nav-tabs .nav-link {
        padding: 8px 12px;
        font-size: 14px;
    }
}
.syllabus-part{  padding: 80px 0; background: #f8f9fa;}
.syllabus-part .tab-content{ background: none}
.syllabus-part .nav-tabs {
      border-bottom: none;
      justify-content: center;
      gap: 10px;
    }
  .syllabus-part  .nav-tabs .nav-link {
      border: none;
      border-radius: 50px;
      padding: 10px 25px;
      font-weight: 500;
      background-color: #f0f0f0;
      transition: all 0.3s ease;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }
   .syllabus-part .nav-tabs .nav-link:hover {
      background-color: #e2e2e2;
      transform: translateY(-2px);
    }
   .syllabus-part .nav-tabs .nav-link.active {
      background-color: #0d6efd;
      color: white;
      box-shadow: 0 4px 12px rgba(13,110,253,0.3);
      transform: translateY(-2px);
    }
 .view-btn {
        display: inline-block;
        padding: 8px 10px;
        font-size: 12px;
        font-weight: bold;
        color: white;
        background: #62bd5e;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: color 0.3s ease;
    }
.view-btn:hover{color: #fff}
    .view-btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgb(26,66,0,.2);
        transition: left 0.4s ease;
        z-index: 0;
		
    }

    .view-btn span {
        position: relative;
        z-index: 1;
    }

    .view-btn:hover::before {
        left: 0;
    }
 .syllabus-part .icon-card {
      border: none;
      border-radius: 15px;
      background: #fff;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
  .syllabus-part  .icon-card:hover {
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }
  .syllabus-part  .icon-wrapper {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 15px;
      font-size: 1.8rem;
      color: #333;
    }
.syllabus-part .card-body{ padding: 0;}