.depicter-revert .depicter-1-element-24{
	font-size:32px;
	color:#FFF;
	font-family:"RoxboroughCF Regular";
	font-weight:normal;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-23{
	font-size:24px;
	text-align:center;
	color:#FFF;
	font-family:"RoxboroughCF Regular";
	font-weight:normal;
	background-color:transparent;
	border-width:2px;
	border-style:solid;
	border-color:#707070;
	border-radius:20px;
}
.depicter-revert .depicter-1-element-23 .dp-icon-container{
	transform:scale(2.138);
}
.depicter-revert .depicter-1-element-23 .dp-disabled{
	opacity:1;
}
.depicter-1-element-23 svg, .depicter-1-element-23 path{
	fill:#FFF;
}
.depicter-revert .depicter-1-element-19{
	font-size:24px;
	text-align:center;
	color:#FFF;
	font-family:"RoxboroughCF Regular";
	font-weight:normal;
	backdrop-filter:blur(0px) brightness(100%) opacity(100%);
	background-color:transparent;
	border-width:2px;
	border-style:solid;
	border-color:#707070;
	border-radius:20px;
}
.depicter-revert .depicter-1-element-19 .dp-icon-container{
	transform:scale(2.138);
}
.depicter-revert .depicter-1-element-19 .dp-disabled{
	opacity:1;
}
.depicter-1-element-19 svg, .depicter-1-element-19 path{
	fill:#FFF;
}
.depicter-revert .depicter-1-element-13{
	font-size:15px;
	color:#FFF;
	font-family:"RoxboroughCF Regular";
	font-weight:normal;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-11{
	font-size:24px;
	color:#FFF;
	font-family:"Montserrat";
	font-weight:400;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-9{
	font-size:51px;
	color:#FFF;
	font-family:"RoxboroughCF Regular";
	font-weight:normal;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-element-4{
	font-size:113px;
	color:#FFF;
	font-family:"RoxboroughCF Regular";
	font-weight:normal;
	line-height:120%;
	background-color:transparent;
}
.depicter-revert .depicter-1-section-1 .depicter-bg-video{
	background-color:#FFF;
}

/***** Tablet *****/
@media screen and (max-width: 1024px){

.depicter-revert .depicter-1-element-24{
	font-size:18px;
}
.depicter-revert .depicter-1-element-23{
	font-size:16px;
}
.depicter-revert .depicter-1-element-23 .dp-icon-container{
	transform:scale(1.3);
}
.depicter-revert .depicter-1-element-19{
	font-size:16px;
}
.depicter-revert .depicter-1-element-19 .dp-icon-container{
	transform:scale(1.3);
}
.depicter-revert .depicter-1-element-11{
	font-size:12px;
}
.depicter-revert .depicter-1-element-9{
	font-size:32px;
}
.depicter-revert .depicter-1-element-4{
	font-size:85px;
}

}
/***** Mobile *****/
@media screen and (max-width: 767px){

.depicter-revert .depicter-1-element-24{
	font-size:12px;
}
.depicter-revert .depicter-1-element-23{
	font-size:12px;
}
.depicter-revert .depicter-1-element-23 .dp-icon-container{
	transform:scale(0.9);
}
.depicter-revert .depicter-1-element-19{
	font-size:12px;
}
.depicter-revert .depicter-1-element-19 .dp-icon-container{
	transform:scale(0.9);
}
.depicter-revert .depicter-1-element-13{
	font-size:9px;
}
.depicter-revert .depicter-1-element-9{
	font-size:24px;
}
.depicter-revert .depicter-1-element-4{
	font-size:48px;
	line-height:90%;
}

}
/*** Custom styles ***/
<!-- HTML: A button and an audio element -->
<div>
    <button onclick="playAudio()">Play Audio</button>
    <audio src="https://wendyviggiano.com/wp-content/uploads/2026/02/Wendy-Viggiano-Commercial-Demo-.mp3" id="audioPlayer"></audio>
</div>

<!-- JavaScript: Add at the bottom of your body tag or within the HTML element -->
<script>
    let audioPlayer = document.getElementById('audioPlayer');

    function playAudio() {
        // Optional: Reload the audio to restart from the beginning on each click
        audioPlayer.load(); 
        audioPlayer.play();
    }
</script>