/* DIPLOMADOS --------------------------------------- */
.banner__medium__diplomados {
  border-radius: 1rem;
  overflow: hidden;
}
.banner__medium__diplomados h2 {
  max-width: 240px;
}
.banner__medium__diplomados img {
  clip-path: polygon(
    21% 0,
    100% 0%,
    100% 100%,
    100% 100%,
    100% 100%,
    0 100%,
    0% 100%
  );
}
.container__learning__path {
  max-width: 480px;
  margin: auto;
  padding: 0rem 1.3rem;
}

@media screen and (max-width: 994px) {
  .container__learning__path {
    max-width: 100%;
  }
}
.container__list__class {
  height: 200px;
  padding: 0rem 3rem;
  overflow: auto;
}
.container__list__diplomados {
  height: 420px;
  padding: 0rem 1.5rem;
  overflow: auto;
}

.container__list__diplomados .item__diploma:first-child {
  margin-top: 0 !important;
}

.container__list__diplomados .item__diploma:last-child {
  margin-bottom: 1rem !important;
}
.container__list__diplomados::-webkit-scrollbar,
.container__list__class::-webkit-scrollbar {
  width: 10px;
}

.container__list__diplomados::-webkit-scrollbar-track,
.container__list__class::-webkit-scrollbar-track {
  background-color: #e7e7e7;
}

.container__list__diplomados::-webkit-scrollbar-thumb,
.container__list__class::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background: #92b7e0;
}

.container__list__diplomados::-webkit-scrollbar-thumb:hover,
.container__list__class::-webkit-scrollbar-thumb:hover {
  background-color: #78b3f4;
}

.container__list__class div:first-child {
  margin-top: 0 !important;
}
div.active__item__diploma {
  background-color: var(--blue--200) !important;
}
div.active__item__diploma h6 {
  color: white;
}
div.active__item__diploma i {
  color: var(--blue--200);
}
div.active__item__diploma .icon__diploma {
  background-color: white !important;
}
div.item__diploma .icon__diploma {
  padding: 5px;
}

.item__diploma {
  padding: 1rem 1rem;
}
@media screen and (max-width: 551px) {
  .item__diploma {
    padding: 1rem 0.5rem 1rem 1rem !important;
  }
}

/* PAGE MY COURSES ------------- */

.container__my__courses {
  height: 342px;
  overflow: auto;
  padding-right: 1rem;
  border: 0.5px solid #79797957;
}
.content__my__courses {
  padding: 1rem;
}

@media screen and (max-width: 992px) {
  .container__my__courses {
    height: auto;
    padding-right: 0;
  }
  .content__my__courses {
    background-color: #fbfbfb;
    border: none;
    padding: 2rem;
  }
  .col__my__courses__btn__see__more {
    padding: 1rem 2rem;
  }
  .col__my__courses {
    padding: 0 !important;
  }
}

.container__my__courses::-webkit-scrollbar {
  width: 12px;
}

.container__my__courses::-webkit-scrollbar-track {
  background-color: #e7e7e7;
}

.container__my__courses::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background: var(--blue--200);
}
.container__my__courses::-webkit-scrollbar-thumb:hover {
  background-color: #78b3f4;
}
.content__course__main__teacher {
  display: flex;
  gap: 1rem;
}
.content__course__main__teacher__info {
  text-align: right;
}

@media screen and (max-width: 950px) {
  .content__course__main__teacher__info {
    text-align: left;
  }
}
.content__course__main__teacher__image img {
  border-radius: 50%;
  height: 30px;
  object-fit: cover;
  width: 30px;
}