.elementor-12 .elementor-element.elementor-element-639c4fb{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:1px 4px;--row-gap:1px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-639c4fb:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-639c4fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111E2A;}.elementor-12 .elementor-element.elementor-element-639c4fb > .elementor-shape-top .elementor-shape-fill, .elementor-12 .elementor-element.elementor-element-639c4fb > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#273141;}.elementor-12 .elementor-element.elementor-element-639c4fb > .elementor-shape-top svg, .elementor-12 .elementor-element.elementor-element-639c4fb > .e-con-inner > .elementor-shape-top svg{height:30px;}.elementor-12 .elementor-element.elementor-element-639c4fb > .elementor-shape-bottom .elementor-shape-fill, .elementor-12 .elementor-element.elementor-element-639c4fb > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#253247;}.elementor-12 .elementor-element.elementor-element-639c4fb > .elementor-shape-bottom svg, .elementor-12 .elementor-element.elementor-element-639c4fb > .e-con-inner > .elementor-shape-bottom svg{height:92px;}.elementor-12 .elementor-element.elementor-element-b6d65db{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-b6d65db.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-ccaf530{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-ccaf530.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-e397358{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-e397358.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-5a8eeac{--display:flex;}.elementor-12 .elementor-element.elementor-element-5a8eeac.e-con{--flex-grow:0;--flex-shrink:0;}.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-12 .elementor-element.elementor-element-c30e95b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:600;color:#31ED81;}.elementor-12 .elementor-element.elementor-element-2e5c16f{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:100px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-2e5c16f.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-acd397c{text-align:center;}.elementor-12 .elementor-element.elementor-element-acd397c img{width:100%;}.elementor-12 .elementor-element.elementor-element-e94f93b{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-c2d76be.elementor-view-stacked .elementor-icon{background-color:#31ED81;}.elementor-12 .elementor-element.elementor-element-c2d76be.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-c2d76be.elementor-view-default .elementor-icon{color:#31ED81;border-color:#31ED81;}.elementor-12 .elementor-element.elementor-element-c2d76be.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-c2d76be.elementor-view-default .elementor-icon svg{fill:#31ED81;}.elementor-12 .elementor-element.elementor-element-c2d76be .elementor-icon{font-size:38px;}.elementor-12 .elementor-element.elementor-element-c2d76be .elementor-icon svg{height:38px;}.elementor-12 .elementor-element.elementor-element-a766cf5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;color:#31ED81;}.elementor-12 .elementor-element.elementor-element-49ce308{--display:flex;--min-height:0px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-49ce308.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-6da73f5 .elementor-button{background-color:#323D49;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#31ED81;color:#31ED81;border-radius:20px 20px 20px 20px;padding:17px 23px 17px 23px;}.elementor-12 .elementor-element.elementor-element-6da73f5{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-6da73f5 > .elementor-widget-container{border-style:none;}.elementor-12 .elementor-element.elementor-element-6da73f5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-12 .elementor-element.elementor-element-6da73f5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-12 .elementor-element.elementor-element-38d35eb{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-38d35eb:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-38d35eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111E2A;}.elementor-12 .elementor-element.elementor-element-38d35eb > .elementor-shape-top .elementor-shape-fill, .elementor-12 .elementor-element.elementor-element-38d35eb > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#273141;}.elementor-12 .elementor-element.elementor-element-38d35eb > .elementor-shape-top svg, .elementor-12 .elementor-element.elementor-element-38d35eb > .e-con-inner > .elementor-shape-top svg{height:30px;}.elementor-12 .elementor-element.elementor-element-38d35eb > .elementor-shape-bottom .elementor-shape-fill, .elementor-12 .elementor-element.elementor-element-38d35eb > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#253247;}.elementor-12 .elementor-element.elementor-element-38d35eb > .elementor-shape-bottom svg, .elementor-12 .elementor-element.elementor-element-38d35eb > .e-con-inner > .elementor-shape-bottom svg{height:92px;}.elementor-12 .elementor-element.elementor-element-3b1bfa1{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-3b1bfa1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-0ce55a2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-0ce55a2{text-align:center;}.elementor-12 .elementor-element.elementor-element-0ce55a2 img{width:100%;}.elementor-12 .elementor-element.elementor-element-618c1b8 .elementor-button{background-color:#323D49;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#31ED81;color:#31ED81;border-radius:20px 20px 20px 20px;padding:17px 23px 17px 23px;}.elementor-12 .elementor-element.elementor-element-d461433{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-d461433.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-3e35568{--display:flex;}.elementor-12 .elementor-element.elementor-element-d7c9cf3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:600;color:#31ED81;}.elementor-12 .elementor-element.elementor-element-1fed0a5{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-81232f2.elementor-view-stacked .elementor-icon{background-color:#31ED81;}.elementor-12 .elementor-element.elementor-element-81232f2.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-81232f2.elementor-view-default .elementor-icon{color:#31ED81;border-color:#31ED81;}.elementor-12 .elementor-element.elementor-element-81232f2.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-81232f2.elementor-view-default .elementor-icon svg{fill:#31ED81;}.elementor-12 .elementor-element.elementor-element-81232f2 .elementor-icon{font-size:38px;}.elementor-12 .elementor-element.elementor-element-81232f2 .elementor-icon svg{height:38px;}.elementor-12 .elementor-element.elementor-element-b417445 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;color:#31ED81;}.elementor-12 .elementor-element.elementor-element-85ac703{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-3bf7a6a .elementor-menu-toggle{margin:0 auto;}.elementor-12 .elementor-element.elementor-element-3bf7a6a .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-b6d65db{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ccaf530{--width:100%;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-e397358{--width:17%;}.elementor-12 .elementor-element.elementor-element-ea419b4{width:var( --container-widget-width, 50px );max-width:50px;--container-widget-width:50px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-ea419b4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-5a8eeac{--width:49%;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-c30e95b{width:var( --container-widget-width, 134px );max-width:134px;--container-widget-width:134px;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-2e5c16f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-acd397c img{width:80%;}.elementor-12 .elementor-element.elementor-element-38d35eb{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3b1bfa1{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0ce55a2{width:var( --container-widget-width, 70.089% );max-width:70.089%;--container-widget-width:70.089%;--container-widget-flex-grow:0;text-align:left;}.elementor-12 .elementor-element.elementor-element-0ce55a2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-0ce55a2 img{width:90%;max-width:100%;}.elementor-12 .elementor-element.elementor-element-618c1b8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-618c1b8 .elementor-button{border-radius:15px 15px 15px 15px;padding:15px 20px 15px 20px;}.elementor-12 .elementor-element.elementor-element-d461433{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3e35568{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-5e12eac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-d7c9cf3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-d7c9cf3 .elementor-heading-title{font-size:13px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-639c4fb{--content-width:1290px;}.elementor-12 .elementor-element.elementor-element-b6d65db{--width:22.52%;}.elementor-12 .elementor-element.elementor-element-ccaf530{--width:69.351%;}.elementor-12 .elementor-element.elementor-element-e397358{--width:24%;}.elementor-12 .elementor-element.elementor-element-5a8eeac{--width:100%;}.elementor-12 .elementor-element.elementor-element-2e5c16f{--width:23%;}.elementor-12 .elementor-element.elementor-element-e94f93b{--width:10%;}.elementor-12 .elementor-element.elementor-element-49ce308{--width:10%;}.elementor-12 .elementor-element.elementor-element-38d35eb{--content-width:1290px;}.elementor-12 .elementor-element.elementor-element-3b1bfa1{--width:26%;}.elementor-12 .elementor-element.elementor-element-d461433{--width:22.52%;}.elementor-12 .elementor-element.elementor-element-1fed0a5{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-ea419b4 */.live-indicator {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: red;
    margin-right: 15px;
    animation: blink 2s infinite ease-in-out;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0cb6b0 *//*Apartado del css para el botón del play*/
.player-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.play-button {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 30px;
    transition: transform 0.5s ease;
    position: relative;
    transform-origin: center;
}

.play-button:active {
    transform: scale(1.1);
}

.play-button i {
    font-size: 40px;
    color: #31ed81;
    position: absolute;
}

.play-button:hover i {
    color: #60f19f;
}

/* Estilo para el control de volumen */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 120px;
    height: 8px;
    border-radius: 5px;
    background: #1a252f;
    /* Color de fondo de la barra */
    outline: none;
    cursor: pointer;
    position: relative;
    /* Para posicionar la barra de volumen */
}

/* Barra de volumen que indica el volumen actual */
input[type="range"]::before {
    content: '';
    position: absolute;
    height: 100%;
    width: calc((100% - 18px) * var(--volume-level, 1));
    /* Usar 1 como valor por defecto */
    background: #31ed81;
    border-radius: 5px;
    transition: width 0s;
}

/* Personaliza el "thumb" del slider */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

input[type="range"]:hover::-webkit-slider-thumb {
    background-color: #f9f9f9;
    transform: scale(1.1);
}

input[type="range"]:hover::-moz-range-thumb {
    background-color: #f9f9f9;
    transform: scale(1.1);
}

/* Cambia el color de fondo del rango al ajustar el volumen */
input[type="range"]:active {
    background: #1a252f;
}

/* Actualiza el ancho de la barra que indica el volumen actual */
input[type="range"]:focus::before {
    width: calc((100% - 18px) * var(--volume-level, 1));
    /* Asegúrate de que se actualice correctamente */
}


/* Botón de volumen */
.volume-button {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.5s ease;
    position: relative;
    transform-origin: center;
    margin-left: 10px;
}

.volume-button i {
    font-size: 30px;
    color: #31ed81;
    position: absolute;
}

.volume-button:hover i {
    color: #60f19f;
}

.volume-button:active {
    transform: scale(1.1);
}

/* Animación para el slider al mutear */
input[type="range"].muted {
    transition: all 0.3s ease;
    /* Suaviza el movimiento de la barra de volumen */
}

input[type="range"].muted::-webkit-slider-thumb,
input[type="range"].muted::-moz-range-thumb {
    transition: all 0.3s ease;
}


@media (max-width: 767px) {

    .volume-button,
    #volumeControl {
        display: none;
        /* Ocultar los elementos */
    }

}

/* termina aca *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e12eac */.live-indicator {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: red;
    margin-right: 15px;
    animation: blink 2s infinite ease-in-out;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2982eb */.audio-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-play {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 30px;
    transition: transform 0.5s ease;
    position: relative;
    transform-origin: center;
}

.btn-play:active {
    transform: scale(1.1);
}

.btn-play i {
    font-size: 40px;
    color: #31ed81;
    position: absolute;
}

.btn-play:hover i {
    color: #60f19f;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 120px;
    height: 8px;
    border-radius: 5px;
    background: #1a252f;
    outline: none;
    cursor: pointer;
    position: relative;
}

input[type="range"]::before {
    content: '';
    position: absolute;
    height: 100%;
    width: calc((100% - 18px) * var(--volume-level, 1));
    background: #31ed81;
    border-radius: 5px;
    transition: width 0s;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

input[type="range"]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

input[type="range"]:hover::-webkit-slider-thumb {
    background-color: #f9f9f9;
    transform: scale(1.1);
}

input[type="range"]:hover::-moz-range-thumb {
    background-color: #f9f9f9;
    transform: scale(1.1);
}

input[type="range"]:active {
    background: #1a252f;
}

input[type="range"]:focus::before {
    width: calc((100% - 18px) * var(--volume-level, 1));
}

.btn-volume {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.5s ease;
    position: relative;
    transform-origin: center;
    margin-left: 10px;
}

.btn-volume i {
    font-size: 30px;
    color: #31ed81;
    position: absolute;
}

.btn-volume:hover i {
    color: #60f19f;
}

.btn-volume:active {
    transform: scale(1.1);
}

input[type="range"].muted {
    transition: all 0.3s ease;
}

input[type="range"].muted::-webkit-slider-thumb,
input[type="range"].muted::-moz-range-thumb {
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .btn-volume,
    #volumeControlV2 {
        display: none;
    }
}/* End custom CSS */