.course-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
   .course-card {
    border: 1px solid #cccccc29 !important;
    padding: 15px !important;
    border-radius: 10px !important;
    width: 32% !important;
    text-align: center;
    position: relative;
    background-color: #fff !important;
}
    .course-card img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }
    .course-buttons {
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
  .course-buttons a, .course-buttons label {
    flex: 1;
    text-align: center;
    padding: 6px 10px;
    display: inline-block;
    background-color: #701b91;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}
    .course-buttons label input {
        margin-right: 5px;
    }
    .disabled-button {
        background-color: #aaa !important;
        cursor: not-allowed !important;
    }
    .note {
        margin-top: 10px;
        font-weight: bold;
        color: red;
    }
    .course-card h4 {
    font-size: 20px !important;
    padding-top: 10px !important;
}

.course-card img {
    height: 215px !important;
    object-fit: cover !important;
}