/*banner section*/
/*.vertical.carousel .carousel-item {*/
/*    overflow: hidden;*/
/*}*/

/*.vertical.carousel .carousel-item-next:not(.carousel-item-start),*/
/*.vertical.carousel .active.carousel-item-end {*/
/*    transform: translateY(100%);*/
/*}*/

/*.vertical.carousel .carousel-item-prev:not(.carousel-item-end),*/
/*.vertical.carousel .active.carousel-item-start {*/
/*    transform: translateY(-100%);*/
/*}*/

/*.vertical.carousel .carousel-indicators {*/
/*    top: 0;*/
/*    bottom: 58vh;*/
/*    left: unset;*/
/*    margin-left: unset !important;*/
/*    margin-right: 1rem;*/
/*    flex-direction: column;*/
/*}*/

/*.vertical.carousel .carousel-indicators button{*/
/*    width: 16px;*/
/*}*/

/*.vertical.carousel .carousel-indicators .active{*/
/*    background-color: #1E90FF;*/
/*    width: 28px;*/
/*}*/

/*------------------------------*/
.applications .carousel-item {
    /*display: flex!important;*/
}
@media screen and (min-width: 576px) {
    .applications .carousel-inner {
        display: flex;
    }
    .applications .carousel-item {
        /*display: block;*/
        display: flex!important;
        margin-right: 0;
        flex: 0 0 calc(100%/3);
    }
}

.applications .carousel-inner {
    padding: 1em;
}
.applications .card {
    margin: 1rem;
    font-size: 0.9em;
    border: none;
    background-color: #F1F1F1;
}
.applications .card-body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.applications .card-body a{
    margin-top: 1rem;
}
.applications .carousel-inner h4{
    font-family: "Noto Sans", sans-serif;
    font-weight: 600;
    color: #5e17eb;
}

.applications .card-text{
    font-family: 'WorkSans','NotoSans',Helvetica,Arial,sans-serif;
    overflow-x: hidden;
}

.applications .carousel-control-prev,
.applications .carousel-control-next {
    width: 4vh;
    height: 4vh;
    background-color: #5e17eb;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.5;
}
.applications .carousel-control-prev:hover,
.applications .carousel-control-next:hover {
    opacity: 0.8;
}
.applications .carousel-control-next-icon,.applications .carousel-control-prev-icon{
    filter: invert(1);
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 12px;
    height: 12px;
}