.course-curriculum-overview{
  background-color: var(--#{$variable-prefix}background-white);
  .nav-item{
    .nav-link{
      &.active{
        font-weight: 700;
        color: var(--#{$variable-prefix}eerie-black);
        border-color: var(--#{$variable-prefix}toolbox-blue);
      }
    }
  }
  .tab-course-contents{
    background-color: var(--#{$variable-prefix}background-white);
    .accordion-item {
      border: 1px solid var(--#{$variable-prefix}accordion-border);
      border-radius: 6px;
      overflow: hidden;
      &:not(:first-of-type) {
        border-top: 1px solid var(--#{$variable-prefix}accordion-border);
      }
    }
    .accordion-button{
      display: flex;
      align-items: center;
      justify-content: space-between;
      span{
        display: inline-block;
        font-weight: 600;
        &.course-short-info{
          position: absolute;
          right: 48px;
          font-size: .625rem;
        }
        &.sec-heading{
          font-size: .75rem;
        }
      }
    }
    .course-details{
      a{
        text-decoration: none;
      }
      &.course-preview-slot:hover{
        a{
          color: var(--#{$variable-prefix}toolbox-blue);
          // text-decoration: underline;
          p{
            color: var(--#{$variable-prefix}toolbox-blue);
            // text-decoration: underline;
          }
        }
        .duration-play{
          color: var(--#{$variable-prefix}toolbox-blue);
        }
      }
      &.course-preview-slot{
        .course-icon-title p{
          color: var(--#{$variable-prefix}toolbox-blue);
        }
        // .course-icon-title a{
        // }
        .duration-play,
        a{
          color: var(--#{$variable-prefix}toolbox-blue);
        }
      }
    }

    .accordion-body{
      position: relative;
      &:before{
        position: absolute;
        top: 0;
        width: calc(100% - 40px);
        border-top: 1px solid var(--#{$variable-prefix}accordion-border);
        content: '';
      }
    }
    &.course-inner-bundle-overview{
      .bundle-courses-description{
        font-size: .75rem;
        .course-overview-title{
          font-size: .875rem;
        }
        p{
          font-size: .75rem;
        }
      }
    }
  }
  .course-block{
    .desc-carousel{
      border: 1px solid var(--#{$variable-prefix}light-gray-background);
      border-top: 0;
    }
  }
}

.course-accordion-wrapper{
  .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    span{
      display: inline-block;
      &.course-short-info{
        position: absolute;
        right: 48px;
      }
    }
  }
}

@media (min-width: 991px) {
  .course-inner-divison {
    display: grid;
    grid-template-columns: calc(100% - 370px) 322px;
    grid-column-gap: 48px;
  }
}