.course-default {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-out;
  }
  .course-default .course-img {
    position: relative;
    overflow: hidden;
  }
  .course-default .course-img img {
    transition: transform 0.3s ease-out;
  }
  .course-default .authors {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .course-default .authors i {
    color: var(--color-primary);
  }
  .course-default .author * {
    color: var(--text-medium);
  }
  .course-default .author img {
    border-radius: 50%;
    max-width: 25px;
    -webkit-margin-end: 5px;
            margin-inline-end: 5px;
  }
  .course-default .hover-show {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(18, 18, 18, 0.3);
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .course-default .hover-show > * {
    transform: scale3d(0.5, 0.5, 0.5);
    transition: opacity 0.3s, transform 0.35s;
  }
  .course-default:hover {
    border-color: transparent !important;
    box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.1);
  }
  .course-default:hover .course-img img {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  .course-default:hover .hover-show {
    opacity: 1;
  }
  .course-default:hover .hover-show > * {
    transform: scale3d(1, 1, 1);
  }
  
  .course-default_v2 .hover-show {
    top: auto;
    bottom: 0;
    align-items: end;
  }
  .course-default_v2 .btn {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  
  .course-bottom-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    border-top: 1px dashed #ddd;
  }
  .course-bottom-info i {
    color: var(--color-primary);
    -webkit-margin-end: 5px;
            margin-inline-end: 5px;
  }
  .course-default .course-img {
      position: relative;
      overflow: hidden;
  }
  .course-default .hover-show {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(#000, 0.3);
      opacity: 0;
      transition: opacity 0.3s;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .radius-md {
      border-radius: 10px !important;
  }
  .course-default .authors {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
  }
  
  .mt-15 {
      margin-top: 15px !important;
  }
  course-default .author * {
      color: #666;
  }
  
  .font-sm {
      font-size: 14px !important;
  }