html {
    font-size: 16px !important;
}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 14.5px !important;
    }
}

@media only screen and (max-width: 900px) {
    html {
        font-size: 13px !important;
    }
}

body {
    font-family: Roboto, sans-serif;
    color: #1E2423;
    overflow-x: clip;
}

/* COURSES_LIST */

.courses-list-title {
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 24px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.courses-list {
    margin: 30px 0;
}
.list-course {
    text-decoration: none;
}
.list-course:nth-child(1) {
    padding-left: 0;
}

.list-course:nth-child(5) {
    padding-right: 0;
}
.list-course-image {
    border-radius: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.list-course-name {
    color: initial;
    font-family: 'Faktum', sans-serif;
    font-size: 1.375rem;
    line-height: 32px;
    word-wrap: anywhere;
}

.courses-list-more {
    text-decoration: none;
    color: #2F8481;
    font-weight: 700;
    margin-top: 30px;
    display: inline-block;
}

.courses-list-more:hover {
    color: #246b69;
}
@media only screen and (max-width: 950px) {
    .courses-list-list {
        flex-direction: column;
    }
    .list-course {
        margin-bottom: 30px;
        padding: 0;
    }
    .list-course-image {
        border-radius: 10px;
    }
    .courses-list-more {
        margin-top: 0;
    }
}

/* CARDS_COURSE */
.course-card {
    margin-bottom: 30px;
}

.course-card-image-wrapper {
    display: inline-block;
    position: relative;
}

.course-card-image {
    border-radius: 10px;
    width: 100%;
}

.course-card-image-ribbon {
    text-decoration: none;
    color: white;
    background: #2F8481;
    padding: 3px 5px;
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0.9;
    border-radius: 2px;
}

.course-card-image-ribbon:hover {
    color: white;
}

.course-card-content {
    text-align: left;
}

.course-card-content * {
    text-align: left;
}

.course-card-content-category {
    padding: 15px 0 05px 0;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 24px;
    letter-spacing: 3px;
}

.course-card-content-title {
    font-family: 'Faktum', sans-serif;
    font-weight: 800;
    font-size: 2.125rem;
    line-height: 46px;
    text-decoration: none;
    color: #1E2423;
    display: inline-block;
    margin-bottom: 15px;
}

.course-card-content-title:hover {
    color: black;
}

.course-card-content-description {
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 32px;
}

.course-card-button {
    color: #2F8481;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.125rem;
    font-family: Roboto, sans-serif;
}

.course-card-button:hover {
    color: #246b69;
}

.course-card-button .fa-angle-right {
    margin-left: 6px;
}