.center-text {
    text-align: center;
}


[class^="mmdb-connected-"] p {
    padding-bottom: 0.5rem;
}
.elementor-widget-mmdb-single-meta-content h4, .elementor-widget-mmdb-connected-meta-content h4 {
    margin: 12px 0 4px;
}

.mmdb-frontend-content a {
    display: block;
}


.mmdb-frontend-content .providers, .mmdb-frontend-content .body.f_lex {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: space-around;
}

.mmdb-frontend-content .body.f_lex > div:not(.meta-item-wrapper) {
    width: 250px
}

.mmdb-frontend-content .meta-item-wrapper, .mmdb-frontend-content  .full-width-in-flex, .body h4, .credit-wrapper {
    width: 100%;
}

.meta-item-wrapper, .mmdb-meta-body-one, .mmdb-meta-body-two {
    display: flex;
    flex-wrap: wrap;
}

.meta-item-wrapper {
    flex-direction: column;
}

.mmdb-frontend-content .providers img {
    border-radius: 25%;
}

[class^="mmdb-connected-"] .slider {
    display: flex
}

[class^="mmdb-connected-"] .slider .slide {
    position: relative;
    width: 100%;
    height: 100%;
    display:none;
}

[class^="mmdb-connected-"] .slider .slide.active {
    display: block;
}

[class^="mmdb-connected-"] .controls {
    z-index: 100;
}

[class^="mmdb-connected-"] .controls {
    padding: 0.75em 0;
}

[class^="mmdb-connected-"] ul {
    display: flex;
    padding: 0 1em 1em;
    justify-content: center;
}
[class^="mmdb-connected-"] ul li {
    list-style: none;
    padding: 0 0.2rem;
}
[class^="mmdb-connected-"] li div {
    display: block;
    width: 1em;
    height: 1em;
    background: #fff;
    border-radius: 50%;
    /*margin: 10px 0;*/
    opacity: 0.8;
}
[class^="mmdb-connected-"] li div:hover {
     opacity: 1;
}

[class^="mmdb-connected-"] .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

[class^="mmdb-connected-"] .dot:hover {
    background-color: #717171;
}

[class^="mmdb-connected-"] li .active .dot {
    background-color: black;
}

div[class*='elementor-widget-mmdb-connected-'] i.elementor-widget-empty-icon.eicon-play-o:before {
    content: "No items to display" !important;
    color: black;
}