.elementor-1178 .elementor-element.elementor-element-f01d8ad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1178 .elementor-element.elementor-element-5a05218{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1178 .elementor-element.elementor-element-d9fbef4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1178 .elementor-element.elementor-element-51c99b0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for bdevs-video, class: .elementor-element-cec1a65 *//* Ocultar el botón de reproducción del video */
.video-play-btn {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for bdevs-service, class: .elementor-element-3daf877 *//* Texto rojo al hacer hover */
.service-style4 .service-item:hover .title,
.service-style4 .service-item:hover .text {
    color: #e31b23 !important;
}

/* Botón/flecha rojo */
.service-style4 .service-item:hover .service-btn {
    background: #e31b23 !important;
    border-color: #e31b23 !important;
    color: #fff !important;
}

/* Icono de la flecha blanco */
.service-style4 .service-item:hover .service-btn i {
    color: #fff !important;
}

/* Si el borde del item cambia de color al hacer hover */
.service-style4 .service-item:hover {
    border-color: #e31b23 !important;
}/* End custom CSS */