.other-course{
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:12px;
    border:1px solid var(--border-color);
    border-radius:12px;
    background:var(--white);
    text-decoration:none;
    transition:all .3s ease;
    margin-bottom:12px;
}

.other-course:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.other-course img{
    width:110px;
    height:80px;
    object-fit:cover;
    border-radius:10px;
    flex-shrink:0;
}

.course-info{
    flex:1;
    min-width:0;
}

.course-info h6{
    margin:0;
    font-size:15px;
    font-weight:600;
    line-height:1.5;
    color:var(--heading-color);
    transition:.3s;
}

.other-course:hover h6{
    color:#F04E30;
}

.course-category{
    margin-top:6px;
    font-size:13px;
    color:var(--gray-700);
    line-height:1.5;
}

.course-meta-row{
    display:flex;
    justify-content:flex-start;
    margin-top:8px;
}

.course-fees{
    font-size:15px;
    font-weight:700;
    color:#F04E30;
}

.course-divider{
    width:100%;
    height:1px;
    background:var(--border-color);
    margin-top:10px;
}

/* Dark Mode */
[data-bs-theme="dark"] .other-course{
    background:#1E293B;
    border-color:#334155;
}

[data-bs-theme="dark"] .other-course:hover{
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}

[data-bs-theme="dark"] .course-info h6{
    color:#F8FAFC;
}

[data-bs-theme="dark"] .course-category{
    color:#CBD5E1;
}

[data-bs-theme="dark"] .course-divider{
    background:#334155;
}

/* Mobile */
@media (max-width:575px){

    .other-course{
        gap:12px;
        padding:10px;
    }

    .other-course img{
        width:90px;
        height:70px;
    }

    .course-info h6{
        font-size:14px;
    }

    .course-fees{
        font-size:14px;
    }
}