.elementor-80319 .elementor-element.elementor-element-9bc2c34{--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;--border-radius:16px 16px 16px 16px;}.elementor-80319 .elementor-element.elementor-element-f243323{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9E9E9E;--border-color:#9E9E9E;--border-radius:16px 16px 16px 16px;box-shadow:10px 10px 30px 0px rgba(0, 0, 0, 0.08);}.elementor-80319 .elementor-element.elementor-element-f243323:not(.elementor-motion-effects-element-type-background), .elementor-80319 .elementor-element.elementor-element-f243323 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9158f37 );}.elementor-80319 .elementor-element.elementor-element-5abe57f{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-style:none;--border-style:none;}.elementor-80319 .elementor-element.elementor-element-5abe57f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-80319 .elementor-element.elementor-element-bba063e{font-family:"Roboto", Sans-serif;font-size:0.9rem;color:var( --e-global-color-bd2de12 );}.elementor-80319 .elementor-element.elementor-element-c7409d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}@media(min-width:768px){.elementor-80319 .elementor-element.elementor-element-9bc2c34{--content-width:1280px;}.elementor-80319 .elementor-element.elementor-element-5abe57f{--width:43%;}}/* Start custom CSS for html, class: .elementor-element-3be2fe2 */.custom-audio-player {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 8px 12px;
  max-width: 350px;
  font-family: Arial, sans-serif;
}

.custom-audio-player button {
  background: #00353F;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.custom-audio-player button:hover {
  background: #00545A;
}

.progress-container {
  flex: 1;
  height: 6px;
  background: #ddd;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}

#progress {
  background: #FFBF66;
  height: 100%;
  width: 0%;
  border-radius: 4px;
  transition: width 0.1s linear;
}

#time {
  font-size: 14px;
  color: #555;
  min-width: 40px;
  text-align: right;
}/* End custom CSS */