.course-hero {
  background: linear-gradient(135deg, #00c853, #01337d);
  color: #fff;
  padding: 60px 0;
}

.course-detail .rating {
  color: #ffc107;
}

.course-detail .course-card {
  border-radius: 16px;
}

.course-detail .accordion-button{
background: linear-gradient(135deg, #00c853, #01337d);
color: #fff;
border: none;
}

.course-detail .price {
  color: #ff6b00;
  font-weight: 700;
  font-size: 24px;
}
.course-detail .btn-primary{
    background-color: var(--primary-color);
    border: none;
}
.course-detail .btn-primary:hover{
    background-color: var(--primary-hover-color);
}