/*** JUMBOTRON ***/
    .jumbotron-clientes:before{
        background-image: url('../img/bg-clientes.jpg');
    }

/*** CLIENTES ***/
    .section-clientes{
        padding-top: 80px;
    }

    .card-item-caption-wrap{
        transition: 500ms;
    }

    .caption-style-hoverer{
        visibility: hidden;
        opacity: 0;
        transition: .6s all ease;
        display: -webkit-box;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-transition: .6s all ease;
    }

    .caption-style-hoverer{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        padding: 15px;
        z-index: 10;
    }

    .card-cliente{
        min-height: 210px;
    }

    .card-cliente:hover .caption-style-hoverer{
        opacity: 1;
        visibility: visible;
    }

    .card-item-hoverer-bg{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: '';
        background: #fff;
        z-index: -1;
        opacity: .7;
    }

    .card-item-hoverer-bg{
        background-color: #004165;
    }

    .caption-title{
        color: #fff;
        line-height: 33px;
    }

    .caption-content{
        color: #fff;
        font-size: 12px;
    }

    .link-cliente{
        color: #fff;
        text-decoration: underline !important;
    }

    .logo-cliente{
        aspect-ratio: 20/21;
        width: 11.5rem; /* 184px */
    }

/*** CASES ***/
    .img-wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100%;
        height: 10vw;
        margin-bottom: 30px;
    }

    .img-card-case{
        max-width: 100%;
        max-height: 100%;
    }

/*** MULTI-ITEM CAROUSEL ***/
    .multi-item-carousel .carousel-indicators{
        margin-bottom: -1.5rem;
    }

    .multi-item-carousel .carousel-inner .carousel-item.active,
    .multi-item-carousel .carousel-inner .carousel-item-next,
    .multi-item-carousel .carousel-inner .carousel-item-prev{
        display: flex;
        height: 100%;
    }

    .container-depoimento{
        padding: 10px;
        background: #fff;
    }

    .card-depoimento{
        height: 100%;
        border: none;
    }

    .card-depoimento .card-body{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 500px;
        padding: 30px;
        background-color: #efefef;
    }

    .texto-depoimento{
        margin-bottom: 24px;
        font-size: 18px;
    }

    .cargo-depoimento,
    .empresa-depoimento{
        font-size: 14px;
    }

/*** MODAL ***/
    .lista-mais-clientes li{
        padding-left: 0;
    }

@media (max-width: 767px) {
    .multi-item-carousel .carousel-inner .carousel-item > div{
        display: none;
    }

    .multi-item-carousel .carousel-inner .carousel-item > div:first-child{
        display: block;
    }
}

@media (min-width: 768px) {
    .img-wrapper{
        height: 6vw;
    }

    .multi-item-carousel .carousel-inner .carousel-item-end.active,
    .multi-item-carousel .carousel-inner .carousel-item-next{
        transform: translateX(25%);
    }
    
    .multi-item-carousel .carousel-inner .carousel-item-start.active, 
    .multi-item-carousel .carousel-inner .carousel-item-prev{
        transform: translateX(-25%);
    }

    .card-depoimento .card-body{
        height: 930px;
    }
}

.multi-item-carousel .carousel-inner .carousel-item-end,
.multi-item-carousel .carousel-inner .carousel-item-start{
    transform: translateX(0);
}

@media (min-width: 992px) {
    .jumbotron-fabrica:before{
        background-position: 50%;
    }

    .card-depoimento .card-body{
        height: 640px;
    }
}

@media (min-width: 1200px) {
    .card-depoimento .card-body{
        height: 520px;
    }
}