.contentholder {min-height: 550px;}
.ItemCourseInfo {
    box-shadow:0 0 .7rem var(--Gray);
    border-radius: calc(var(--b-radius)*2);
}
.ImgTutorialCourse img{
  
border-radius:calc(var(--b-radius)*2);
  
transform:translateY(-3rem);
  
max-height: 15rem;
 }
.CourseToturialStarting{
    margin-top: -2rem;
}
.ItemCategoryCourse::before{
    content: " ";
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--DPurple);
    border-radius: 100%;
    display:flex;
    margin-left: 0.5rem;
}
.ItemCoursePrice{
    border-top:0.1rem solid var(--Gray);
}
.ItemCourseInfo a.TitleTutorialStarting{
    color: var(--Black) !important;
     white-space: nowrap;
 
  text-overflow: ellipsis;
}
.ItemCourseInfo svg{
    max-width: 1rem;
    max-height: 1rem;
}
.mftcommingsooncourse .ButtonSwiperCareer{
    z-index: 9999;
    top: 50%;
    bottom: 50%;
}
.mftcommingsooncourse .CareerArrow{
    background-color: var(--DPurple);
}
.mftcommingsooncourse .CareerArrow::before{
    border-color:var(--White);
    
}
.mftcommingsooncourse .CareerArrowPrev.CareerArrow::before {
    border-left-color: transparent;
    border-bottom-color: transparent;
  }
  
  .mftcommingsooncourse .CareerArrowNext.CareerArrow::before {
    border-right-color: transparent;
    border-top-color: transparent;
  }
  .mftcommingsooncourse .CareerArrow.swiper-button-disabled{
    opacity: 0.5;
  }
  @media (max-width:768px){
    .listCategoryCourse ,.LinkViewTutorialCourse{
        flex:1 0 auto;
    }
    .ItemCategoriesCourses{
        overflow: auto;
    }
  }