.title-color-1 {
    color: #15294E;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    height: 85%;
    border-radius: 16px;
}

.progress-bar-container {
    width: 100%;
    height: 2dvh;
    background-color: #E0E0E0;
    border-radius: 16px;
}

.progress-bar {
    height: 2dvh;
    background-color: #15294E !important;
    border-radius: 16px;
}

.sub-course-video-button {
    background-color:#E5E9F2;
    color: #15294E;
    border-radius: 24px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.sub-course-video-button:hover {
    background-color: #15294E;
    color: white;
}

.sub-course-video-button-completed {
    background-color:#15294E;
    color: #E5E9F2;
    border-radius: 24px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.sub-course-video-button-completed:hover {
    /* background-color: #E5E9F2; */
    color: #fff;
}

.btn-download-cetificate {
    background-color:#15294E;
    color: #E5E9F2;
    width: 14rem;
    border-radius: 16px;
    text-align: left;
    text-decoration: none;
    inset-block: 0;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.btn-download-cetificate:hover {
    background-color: #E5E9F2;
    color: #15294E;
}