.related-courses__image {
    max-width: 105px;
    height: 105px;
    object-fit: cover;
}

.related-courses__list {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

.related-courses__list li {
    margin-bottom: 15px;
}

.related-courses__list svg {
    margin-right: 10px;
}

@media (max-width: 767px) {
    /* Remove background from the parent container if it has one */
    .related-courses {
        background: transparent;
        padding: 0;
    }

    /* Target the actual card element */
    .related-courses > div {
        margin-bottom: 20px;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 10px;
        /* Single clean shadow */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); 
        border: 1px solid #f0f0f0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .related-courses__image {
        max-width: 70px;
        height: 70px;
        border-radius: 6px;
        margin-bottom: 15px;
        object-fit: contain;
    }

    .related-courses p {
        font-size: 16px;
        margin-bottom: 8px;
        color: #001B2F;
    }

    .related-courses__list {
        margin-bottom: 15px;
    }

    .related-courses__list li {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .related-courses__list svg path {
        fill: #e60590;
    }

    .related-courses a {
        color: #e60590;
        font-weight: 700;
        text-decoration: none;
        font-size: 14px;
        margin-top: auto;
    }

    .related-courses a::after {
        content: ' →';
    }
}