.hero-video {
    width: 100%;
    position: relative;
    margin: 0 !important;
    padding: 0;
}
.hero-video .hero-wrapper {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-video .poster-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-video .video-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hero-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.hero-video .hero-audio-toggle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: auto;
	background: transparent;
	cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.85'%3E%3Cpath fill='white' d='M15 3L7 9H2c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h5l8 6c.7.5 1.7 0 1.7-.8V3.8C16.7 3 15.7 2.5 15 3zM6.3 21H3V11h3.3v10zm8.3 4.9l-6.2-4.6V10.7l6.2-4.6v19.8z'/%3E%3Cpath fill='white' d='M21.5 10.8c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4c2.1 2.1 2.1 5.5 0 7.6-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3c2.9-2.9 2.9-7.5 0-10.4zM24.5 7.9c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4c3.7 3.7 3.7 9.7 0 13.4-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3c4.5-4.5 4.5-11.7 0-16.2z'/%3E%3C/g%3E%3C/svg%3E") 16 16, pointer;
}

.hero-video .hero-audio-toggle.audio-on {
	cursor: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.85'%3E%3Cpath fill='white' d='M15 3L7 9H2c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h5l8 6c.7.5 1.7 0 1.7-.8V3.8C16.7 3 15.7 2.5 15 3zM6.3 21H3V11h3.3v10zm8.3 4.9l-6.2-4.6V10.7l6.2-4.6v19.8z'/%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' d='M21 12l8 8M29 12l-8 8'/%3E%3C/g%3E%3C/svg%3E") 16 16, pointer;
}

@media (max-width: 767px) {
	.hero-video .hero-audio-toggle:after {
		content: "";
		position: absolute;
		right: 18px;
		bottom: 18px;
		width: 42px;
		height: 42px;
		border: 1px solid rgba(255, 255, 255, 0.8);
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.45);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 24px 24px;
	}

	/* muted by default — show "sound on" action */
	.hero-video .hero-audio-toggle:after {
		background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.85'%3E%3Cpath fill='white' d='M15 3L7 9H2c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h5l8 6c.7.5 1.7 0 1.7-.8V3.8C16.7 3 15.7 2.5 15 3zM6.3 21H3V11h3.3v10zm8.3 4.9l-6.2-4.6V10.7l6.2-4.6v19.8z'/%3E%3Cpath fill='white' d='M21.5 10.8c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4c2.1 2.1 2.1 5.5 0 7.6-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3c2.9-2.9 2.9-7.5 0-10.4zM24.5 7.9c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4c3.7 3.7 3.7 9.7 0 13.4-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3c4.5-4.5 4.5-11.7 0-16.2z'/%3E%3C/g%3E%3C/svg%3E");
	}

	/* audio is on — show "mute" action */
	.hero-video .hero-audio-toggle.audio-on:after {
		background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.85'%3E%3Cpath fill='white' d='M15 3L7 9H2c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h5l8 6c.7.5 1.7 0 1.7-.8V3.8C16.7 3 15.7 2.5 15 3zM6.3 21H3V11h3.3v10zm8.3 4.9l-6.2-4.6V10.7l6.2-4.6v19.8z'/%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' d='M21 12l8 8M29 12l-8 8'/%3E%3C/g%3E%3C/svg%3E");
	}
}