.sub-container
{
    gap: 2.5vw;
}
.course-card-container
{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(305px, 1fr));
    justify-items: center;
    gap: 2.5vw;
}
.course-heading
{
    flex-wrap: wrap;
    gap: 0.75vw;
    align-items: center;
}
.course-heading > img
{
    width: 2.75vw;
    cursor: pointer;
}
.course-heading > .highlighted
{
    color: #575afc;
}
.type-1, .type-3
{
    scale: 0.95;
}
.ccard
{
    transition: all ease-in-out 0.5s;
    cursor: pointer;
}
.ccard:hover
{
    transform: scale(1.05);
}
.ccard > img
{
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
}
@media screen and (max-width: 1482px)
{
    .type-2
    {
        scale: 0.95;
    }
    .type-3
    {
        display: none;
    }
}
@media screen and (max-width: 1094px)
{
    .type-1, .type-2, .type-3
    {
        scale: 1;
        display: block;
    }
}
@media screen and (max-width: 1024px)
{
    .sub-container
    {
        gap: 30px;
    }
    .course-heading
    {
        gap: 10px;
        align-items: center;
    }
    .course-heading > img
    {
        width: 40px;
    }
    div.course-heading > :nth-child(3)
    {
        padding: 0 0 0 calc(50px + 1.5vw);
    }
}