.educational-path-cards-container .educational-path-stages {
  color: #159e45;
}
.educational-path-cards-container .educational-path-cards-controls {
  margin-top: 8px;
}
.educational-path-cards-container .educational-path-img {
  margin-top: 8px;
  width: 100%;
  height: 180px;
  max-height: 180px;
  object-fit: cover;
}
.educational-path-timeline-container {
  width: 80%;
}
.educational-path-timeline-badge-number {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border: 3px solid #e7f1f6;
}

.educational-path-timeline-badge-number.current,
.educational-path-timeline-badge-number.completed {
  background-color: var(--first-color-dark);
  color: #fff;
}

.educational-path-timeline-content p {
  font-weight: 300;
}

.educational-path-course-details-container .breadcrumbs {
  background-color: #dcf0e3;
  border-radius: 8px;
}
.educational-path-course-details-container .course-details-tabs ul.nav-tabs{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-direction: row !important;
}
.educational-path-course-details-container .course-details-tabs ul li button{
  display: inline-block;
  width: 140px;
}
.educational-path-course-details-container .breadcrumbs-course-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.educational-path-course-details-container .breadcrumbs-course-desc {
  width: 60%;
  font-size: 1.1rem;
}
#course-describtion-tab-pane p {
  font-size: 1.1rem;
  line-height: 1.5;
  width: 80%;
}

#course-learning-tab-pane .list-group-item {
  font-size: 1.1rem;
  line-height: 1.5;
  border: none;
  display: flex;
  justify-content: start;
  flex-direction: row;
  margin-bottom: 8px;
  padding-inline-start: 0;
}
#course-learning-tab-pane .list-group-item i {
  color: var(--bs-primary);
}
#course-learning-tab-pane .list-group-item span {
  color: #153357ba !important;
}
#course-teachers-tab-pane .course-teachers-card{
  margin-top: 20px;
  border: 1px solid #e7f1f6;
  border-radius: 8px;
  margin-bottom: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#course-teachers-tab-pane .course-teachers-card img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}

.educational-course-videos-container{
  width: 95%;
  margin:  0 auto;
}

@media screen and (max-width: 992px) {
  .educational-course-videos-container{
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .educational-path-timeline-container {
    width: 100%;
  }
  .educational-path-course-details-container .breadcrumbs-course-desc {
    width: 100%;
  }
  #course-describtion-tab-pane p {
    width: 100%;
  }
}





/* ---------- */

.educational-course-videos-container input[type="checkbox"] {
  width: 30px;
  height: 30px;
  border-radius: 50% !important;
  border: 1px solid var(--first-color-dark);
  margin-top: 0;
}
.educational-course-videos-container input:focus {
  box-shadow: none !important;
  border-color: var(--first-color-dark) !important;
}
.educational-course-videos-container input[type="checkbox"]:checked {
  background-color: var(--first-color-dark);
  border-color: var(--first-color-dark);
}

.educational-course-videos-container .course-img-title {
  border-radius: 4px 4px 0px 0px;
}
.educational-course-videos-container .course-img-title .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  border-radius: 4px 4px 0px 0px;
}
.educational-course-videos-container .course-img-title .img-container img {
  width: 100px;
  height: 100px;
}
.educational-course-videos-container .course-name h5 {
  font-weight: 700;
}
.educational-course-videos-container .progress-value {
  font-size: 14px;
  font-weight: 700;
}

.educational-course-videos-container .search_container input {
  border-left: 0;
  border-radius: 4px;
}
.educational-course-videos-container .search_container button {
  border: 1px solid #ced4da;
  border-right: 0;
}
.educational-course-videos-container .search_container input:focus,
.educational-course-videos-container .search_container button:focus {
  box-shadow: none !important;
  border-color: #ced4da !important;
}

.educational-course-videos-container .course-content-container .accordion-button:not(.collapsed) {
  background-color: #fff;
  border-color: #fff;
  color: #333;
  box-shadow: none !important;
}
.educational-course-videos-container .accordion-item{
  border:none;
  border-bottom: 1px solid #D9D9D9;
}
.educational-course-videos-container .accordion-button:focus {
  box-shadow: none !important;
  border-color: #fff !important;
}

.educational-course-videos-container .accordion-header {
  box-shadow: none;
}
.educational-course-videos-container .section-status-btn {
  padding: 0 1.1em 0 0;
}
.educational-course-videos-container .section-content-count {
  font-size: 14px;
  font-weight: 700;
  margin-right: auto;
}
.educational-course-videos-container .video-name {
  padding: 10px 20px;
  background-color: #eeeeee;
}
.educational-course-videos-container .video-name input {
  width: 22px;
  height: 22px;
}
.educational-course-videos-container .video-name span {
  color: #4f4f4f;
  font-size: 0.9em;
}
.educational-course-videos-container .accordion-body {
  padding: 0 20px 20px 20px;
}
.educational-course-videos-container .card-header {
  background-color: #fff;
  padding: 5px 10px;
}
.educational-course-videos-container .iframe-title{
  color: var(--first-color-dark);
  font-weight: bold;
}
.educational-course-videos-container .course-video-embed{
  border-radius: 4px !important;
}
.educational-course-videos-container .course-video-embed iframe {
  width: 100%;
  height: 550px;
  border: 0;
  border-radius: 4px;
}