/* Style the button and place it in the middle of the container/image */
.carousel-item .item-custom-carousel {
    position: absolute;
    top: 40% !important;
    left: 65% !important;
    transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    z-index: 15;
}

.item-custom-carousel .btn_video {
    background-color: #ffffff;
    color: #0c2860;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    z-index: 15;
}

.item-custom-carousel-img {
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
}

.btn-next {
    left: 0 !important;
    z-index: 15;
    cursor: pointer;
    max-height: 60px;
}

.div-title {
    left: 0 !important;
    z-index: 15;
    max-height: 60px;
}

.item-tab-custom .active {
    text-decoration: overline !important;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 244px) {
    .menu_tab_text {
        color: black;
        font-size: x-small;
        text-align: center;
    }
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
    .menu_tab_text {
        color: black;
        font-size: small;
        text-align: center;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .menu_tab_text {
        color: black;
        font-size: medium;
        text-align: center;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .menu_tab_text {
        color: black;
        font-size: large;
        text-align: center;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .menu_tab_text {
        color: black;
        font-size: x-large;
        text-align: center;
    }
}

.thumbl-custom:hover {
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
}