.elementor-3022 .elementor-element.elementor-element-d0e52a6{--display:flex;--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 700px;--background-transition:0.3s;box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.2);--margin-top:0px;--margin-bottom:-81px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-3022 .elementor-element.elementor-element-d0e52a6:not(.elementor-motion-effects-element-type-background), .elementor-3022 .elementor-element.elementor-element-d0e52a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3022 .elementor-element.elementor-element-d0e52a6, .elementor-3022 .elementor-element.elementor-element-d0e52a6::before{--border-transition:0.3s;}.elementor-3022 .elementor-element.elementor-element-48799ed{width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;text-align:left;}.elementor-3022 .elementor-element.elementor-element-48799ed img{width:100%;}.elementor-3022 .elementor-element.elementor-element-0b8eead .elementor-button{font-family:"Serotiva", Sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;fill:#FA2158;color:#FA2158;background-color:#FFFFFF00;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FA2158;border-radius:6px 6px 6px 6px;}.elementor-3022 .elementor-element.elementor-element-0b8eead .elementor-button:hover, .elementor-3022 .elementor-element.elementor-element-0b8eead .elementor-button:focus{color:#FFFFFF;}.elementor-3022 .elementor-element.elementor-element-0b8eead .elementor-button:hover svg, .elementor-3022 .elementor-element.elementor-element-0b8eead .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-3022 .elementor-element.elementor-element-d0e52a6{--content-width:1400px;}}@media(max-width:1024px){.elementor-3022 .elementor-element.elementor-element-d0e52a6{--gap:0px 350px;}.elementor-3022 .elementor-element.elementor-element-48799ed{--container-widget-width:152px;--container-widget-flex-grow:0;width:var( --container-widget-width, 152px );max-width:152px;}.elementor-3022 .elementor-element.elementor-element-0b8eead .elementor-button{font-size:11px;}}@media(max-width:767px){.elementor-3022 .elementor-element.elementor-element-d0e52a6{--gap:0px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3022 .elementor-element.elementor-element-48799ed{--container-widget-width:110px;--container-widget-flex-grow:0;width:var( --container-widget-width, 110px );max-width:110px;}.elementor-3022 .elementor-element.elementor-element-0b8eead .elementor-button{font-size:12px;padding:10px 10px 10px 10px;}}/* Start custom CSS for button, class: .elementor-element-0b8eead *//*Fill box*/
.my-btn .elementor-button::before{
    content:'';
    position: absolute;
    background: #FA2158; /*<-- Change fill color here*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .4s ease; /*<-- Change fill speed */
}

/*Hover class*/
.my-btn .elementor-button:hover::before{
    transform: scaleX(1);
    transform-origin: left; /*<-- Change fill in direction*/

}

/*Button text*/
.my-btn .elementor-button-text{
    z-index: 1;
}

/*Hover Icon*/
.my-btn:hover .elementor-button-icon{
    color: white; /*<-- Change Icon color here*/
    z-index: 1;
    transition: color .5s ease
}

/*Icone size */
.my-btn .elementor-button-icon{
    transform: scale(1.3); /*<-- Change icon size*/
    padding-left: 5px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Serotiva';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Regular.eot');
	src: url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Regular.woff2') format('woff2'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Regular.woff') format('woff'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Serotiva';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Bold.eot');
	src: url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Bold.woff2') format('woff2'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Bold.woff') format('woff'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Serotiva';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-ExtraBold.eot');
	src: url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-ExtraBold.woff2') format('woff2'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-ExtraBold.woff') format('woff'),
		url('https://soundninja.co.za/wp-content/uploads/2024/08/Serotiva-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */