.ecmm-testimonio {
    padding: 2em;
}
.ecmm-testimonio hr {
    border: 0;
    border-top: 1px solid #8fd3d5;
}
.ecmm-testimonio .ecmm-text {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 3em;
}
.ecmm-testimonio .ecmm-nombre{
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 0;
}
.ecmm-testimonio .ecmm-descripcion{
    font-weight: 300;
}
.ecmm-testimonios  .owl-nav,
.ecmm-mitos  .owl-nav{
    position: absolute;
    width: 110%;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    font-size: 5em;
    opacity: 0.5;
}
.ecmm-mitos  .owl-nav{
    color: var(--verde);
}


.ecmm-circles, .ecmm-circle {
    position: relative;
}
.ecmm-circles:after, div.ecmm-circle:before{
    content: ''!important;
    width: 20vw;
    height: 9.88vw;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-125%);
}
.ecmm-circles:after {
    background-image: url('../img/circles.svg');
    bottom: 0;
}
.ecmm-circle:before {
    background-image: url('../img/circle.svg');
    top: 0;
}
.ecmm-circles-gray:after {
    background-image: url('../img/circles_gray.svg');
}
.ecmm-circle-gray:before {
    background-image: url('../img/circle_gray.svg');
}
@media (max-width: 980px) {
    .ecmm-circles:after{
        width: 40vw;
        height: 19.76vw;
        left: 10%;
        transform: none;
    }
    div.ecmm-circle:before{
        width: 60vw;
        height: 25vw;
        left: 10%;
        transform: none;
    }
}
@media (max-width: 767px) {
    .ecmm-circles:after{
        width: 80vw;
        height: 23vw;
    }
    div.ecmm-circle:before{
        width: 80vw;
        height: 40vw;
    }
}
@media only screen and (min-width: 1350px) {
    .et_pb_section.ecmm_lesson_title {
        padding: 20px;
    }
}


.owl-carousel.elementor-element .owl-dots{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}
.owl-carousel.elementor-element .owl-dot{
    padding: 5px !important;
    border: solid 1px var(--verde);
    box-shadow: none;
}
.owl-carousel.elementor-element .owl-dot.active{
    background: var(--verde);
}
.owl-carousel.cuidados-paliativos .owl-dot{
    border-color: white;
}
.owl-carousel.cuidados-paliativos .owl-dot.active{
    background: white;
}