.top-info {
    margin: 10px;
    margin-bottom: -5px;
    font-size: 13px;
}

.top-info a {
    text-decoration: none;
    color: var(--dark);
}

.top-info .top-orange-text {
    color: var(--orange);
}

.course-overview-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}

.course-overview-cards > div {
    width: 135px;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 10px;
    color: var(--dark);
    background-color: var(--light);
    box-shadow: 0px 0px 3px var(--orange);
}

.discount {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px;
    margin-right: 25px;
    margin-left: 25px;
}

.discount > div {
    width: 629px;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 10px;
    background-color: var(--light);
    box-shadow: 0px 0px 3px var(--orange);
}

.discount > div span {
    font-size: 13px;
}



.syllabus {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 15px;
}

.syllabus > div {
    width: 630px;
    padding: 10px;
    border-radius: 10px;
    background-color: var(--light);
    box-shadow: 0px 0px 3px var(--box-shadow);
}

.syllabus h3 {
    margin-top: 10px;
}

.syllabus > div > p span {
    color: var(--orange);
}

.syllabus > div > img {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 2px var(--box-shadow);
}

.syllabus .left {
    text-align: left;
}

.syllabus .justify {
    text-align: justify;
}

.syllabus .tiny {
    color: var(--grey);
    font-size: 11px;
}