.section_part_c {
    background-color: #bbd9ce45;
    margin-bottom: 40px;
}
.course_heading {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
.course_title {
    color: #20104b;
}
.course_title h6 {
    font-size: 1rem;
}
.course_description {
    color: rgb(16, 17, 21);
    font-weight: 700;
    transition: 0.3s;
}
.course_description h1 {
    font-size: 2.5rem;
}
/* General ---------------card styling */
/* General card styling */
.category-item {
  width: 100%;            /* full width in col */
  max-width: 280px;       /* prevents too wide on large screens */
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  transition: 0.3s;
  display: flex;
  margin: 0 auto;         /* ✅ center card if smaller than col */
  text-decoration: none;
  border: 1px solid ;
  border-color:#efcfa5;
}

@media (min-width: 768px) {
  .category-item {
    min-width: 220px;     /* only enforce min width on tablet+ */
  }
}

.category-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  border-radius: 30px;
  /*background: #833AB4;
  background: linear-gradient(90deg,rgba(131, 58, 180, 0.5) 0%, rgba(253, 29, 29, 0.49) 50%, rgba(252, 176, 69, 0.49) 100%);*/
}

/* Inner content */
.category-inner {
  flex: 1;
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Circle thumbs */
.category-thumb {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  transition: 0.3s;
}

.category-thumb img {
  width: 80%;
/*  max-width: 80%;*/
  transition: 0.3s;
}

/* Different background colors */
.category-thumb_a { background-color: #7a5877; }
.category-thumb_b { background-color: #efbc15; }
.category-thumb_c { background-color: #2c9fc9; }
.category-thumb_d { background-color: #9ab578; }
.category-thumb_e { background-color: #d6edf2; }
.category-thumb_f { background-color: #ff3636; }
.category-thumb_g { background-color: #15bfef; }
.category-thumb_h { background-color: #0d6efd40; }
.category-thumb_i { background-color: #7897b5; }

/* Content */
.category-content h6 {
  margin: 0;
  font-weight: 800;
  font-size: 17px;
  color: #20104b;
  transition: 0.3s;
}

.category-content span {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #555;
  margin-top: 4px;
  transition: 0.3s;
}

/* Hover effects */
.category-item:hover .category-thumb {
  filter: brightness(1.1);
  transform: scale(1.05);
}

.category-item:hover img {
  transform: scale(1.1);
}

.category-item:hover h6 {
  color: #007bff;
}

.category-item:hover span {
  color: #333;
}