.home-page-carousel{
    background-color: #b6b6b8;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-item-next,
.active.carousel-item-right{
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.carousel-item-prev,
.active.carousel-item-left{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.home-page-carousel .carousel .carousel-item .carousel-caption h5{
    font-size: 14px;
    color: #010101;
    font-weight: 400;
}
.home-page-carousel .carousel .carousel-item .carousel-caption h5 .carousel-text-1{
    font-size: 26px;
}
.home-page-carousel .carousel-control-next, 
.home-page-carousel .carousel-control-prev{
    z-index: 999;
}
.home-page-carousel .carousel .carousel-item .carousel-caption{
    width: 100%;
    top: 0;
    bottom:auto;
    left: 0;
    padding-top: 20px;
}
.home-page-carousel .carousel .carousel-item .carousel-card{
    width:100%;
    position:absolute;
    top:0;
    left:0;
}




.custom-video{
    position: relative;
    background-color: #010101;
    height: 400px;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
.custom-video video{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.custom-video .container{
    position: relative;
    z-index: 2;
}
.custom-video .overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #010101;
    opacity: 0.1;
    z-index: 1;
}
@media (pointer: coarse) and (hover: none){
    .custom-video {
        background: url('https://source.unsplash.com/XT5OInaElMw') #010101 no-repeat center center scroll;
    }
    .custom-video video {
        display: none;
    }
}
.custom-video h5{
    font-size: 26px;
    color: #fff;
    font-weight: 400;
}
.custom-video h5 .carousel-text-1 {
    font-size: 46px;
}






/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    .home-page-carousel .carousel .carousel-item .carousel-caption {
        width: 100%;
        top: 12%;
        bottom: auto;
        left: 10%;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 

}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .home-page-carousel .carousel .carousel-item .carousel-caption {
        width: 100%;
        top: 20%;
        bottom: auto;
        left: 10%;
    }
    .home-page-carousel .carousel .carousel-item .carousel-caption h5 {
        font-size: 16px;
        line-height: 26px;
        color: #fff;
        font-weight: 400;
    } 
    .home-page-carousel .carousel .carousel-item .carousel-caption h5 .carousel-text-1 {
        font-size: 26px;
    }
}