.carousel-control-prev,
.carousel-control-next,
.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus,
.carousel-control-prev:active,
.carousel-control-next:active {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}
/*
|--------------------------------------------------------------------------
| Carousel
|--------------------------------------------------------------------------
*/

#carouselMiscapu .carousel-item img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

    #carouselMiscapu .carousel-item img {

        height: auto;
        width: 100%;

        object-fit: cover;
        object-position: center center;

    }

}

/*
|--------------------------------------------------------------------------
| Carousel Overlay
|--------------------------------------------------------------------------
*/

#carouselMiscapu .carousel-item {
    position: relative;
}

#carouselMiscapu .carousel-item::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.45);

    backdrop-filter: blur(1.5px);

    opacity: 0;

    transition: opacity 1.2s ease;

    z-index: 1;
}

/*
|--------------------------------------------------------------------------
| Active Overlay
|--------------------------------------------------------------------------
*/

#carouselMiscapu .carousel-item.active::before {
    opacity: 1;
}

/*
|--------------------------------------------------------------------------
| Caption
|--------------------------------------------------------------------------
*/

#carouselMiscapu .carousel-caption {

    z-index: 2;

    opacity: 0;

    transition:
        opacity 1.4s ease,
        margin-top 1.4s ease;

    margin-top: 40px;
}

/*
|--------------------------------------------------------------------------
| Active Caption
|--------------------------------------------------------------------------
*/

#carouselMiscapu .carousel-item.active .carousel-caption {

    opacity: 1;

    margin-top: 0;
}


/*
|--------------------------------------------------------------------------
| Posts Cards
|--------------------------------------------------------------------------
*/

.miscapu-post-meta {
    color: #777;
    font-size: 14px;
}

.card-img-top {
    height: 220px;
    object-fit: cover;
}

.card-title {
    font-size: 1.25rem;
    line-height: 1.4;
}

.card-text {
    color: #555;
    line-height: 1.7;
}