/* green: #8ad74a */
/* yellow: #FFCC5B */
/* blue: #0392CF */

.c6008__video-featured__video-container::after,
.cvps__nav-thumbnail::after {
  content: "";
  display: block;
  height: 0.188rem;
  background-color: #8ad74a;
  width: 100%;
}

.c6008__yellow::after, 
.c6008__yellow .cvps__nav-thumbnail::after{
  background-color: #ffcc5b !important;
}

.c6008__blue::after,
.c6008__blue .cvps__nav-thumbnail::after {
  background-color: #0392cf !important;
}

.cvps__carousel-navigation {
  width: 100%;
  height: 30px;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: -2rem;
  left: 0;
 
}

@media screen and (min-width: 1026px) {
  .cvps__carousel-navigation{
    width: 100px;
    justify-content: space-between;
    top: auto;
    right: auto;
    bottom: 32px;
    left: calc(40% + 2.5rem);
  }
}

.cvps__carousel-back,
.cvps__carousel-next,
.cvps__nav-back,
.cvps__nav-next {
  width: 24px;
  height: 30px;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cvps__carousel-back svg path,
.cvps__carousel-next svg path,
.cvps__nav-back svg path,
.cvps__nav-next svg path {
  cursor: pointer;
}

.cvps__carousel-back svg path,
.cvps__carousel-next svg path,
.cvps__nav-back svg path,
.cvps__nav-next svg path {
  fill: #0D123D;
  transition: fill 0.3s ease;
}

.cvps__carousel-back:hover svg path,
.cvps__carousel-next:hover svg path,
.cvps__nav-back:hover svg path,
.cvps__nav-next:hover svg path {
  fill: #0392cf;
}

.cvps__carousel-back.inactive svg path,
.cvps__carousel-next.inactive svg path,
.cvps__nav-back.inactive svg path,
.cvps__nav-next.inactive svg path {
  fill: #868686;
}