.h3-title{
    font-size:28px;
    color:purple;
    font-weight:500;
}
.h4-title{
    font-size:24px;
    color:black;
    font-weight:500;
}
.display-block{display:block !important;}
.normal-text{font-size:16px;}
.title-center{text-align:center;}
.runspace-block{padding:0px 5px;}
.bg-center{background-position: center;}
.enhance-icon{
    width:35px;height:35px;
    border:6px solid #343a40 !important;
    background-color:#343a40 !important;
}
.box1-video{
    width:100%;
    height:13.125em;
}
.box1-preview{
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.5625em;
    max-height: 6.2em!important;
    min-height: 3em;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}