.elementor-819 .elementor-element.elementor-element-5f280ee5{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-819 .elementor-element.elementor-element-4636a07e{text-align:center;}.elementor-819 .elementor-element.elementor-element-4636a07e .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-819 .elementor-element.elementor-element-cf24f50{width:var( --container-widget-width, 42.775% );max-width:42.775%;padding:0px 0px 0px 0px;--container-widget-width:42.775%;--container-widget-flex-grow:0;}.elementor-819 .elementor-element.elementor-element-cf24f50.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-819 .elementor-element.elementor-element-cf24f50{width:var( --container-widget-width, 312.703px );max-width:312.703px;--container-widget-width:312.703px;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-5f280ee5 */.custom-progressbar {
    width: 100%; /* Cambia esto si deseas un ancho fijo, como 80% */
    max-width: 500px; /* Ajusta el ancho máximo según lo necesites */
    border-radius: 10px; /* Bordes redondeados para mejor apariencia */
    overflow: hidden; /* Ocultar exceso */
    background-color: gold; /* Fondo dorado */
}

.custom-progressbar .progress {
    height: 20px; /* Ajusta la altura de la barra */
    background-color: red; /* Color del progreso */
    transition: width 0.3s ease; /* Animación suave */
}/* End custom CSS */