.elementor-6807 .elementor-element.elementor-element-3f1e3768{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6807 .elementor-element.elementor-element-9badb75{--display:flex;--min-height:10vh;--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;border-style:none;--border-style:none;}.elementor-6807 .elementor-element.elementor-element-9badb75:not(.elementor-motion-effects-element-type-background), .elementor-6807 .elementor-element.elementor-element-9badb75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F0214E8;}.elementor-6807 .elementor-element.elementor-element-2ffb3c39{--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:flex-start;--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-6807 .elementor-element.elementor-element-71f34d4e{--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:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6807 .elementor-element.elementor-element-376fa64b img{width:70px;height:50px;object-fit:contain;object-position:center center;}.elementor-6807 .elementor-element.elementor-element-5bbf23c7{--display:flex;--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;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6807 .elementor-element.elementor-element-1e525e63.elementor-element{--align-self:stretch;}.elementor-6807 .elementor-element.elementor-element-1e525e63{border-style:none;--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu .elementor-item{font-size:12px;font-weight:600;letter-spacing:2px;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-e8049a1 );fill:var( --e-global-color-e8049a1 );padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-a4dd206 );fill:var( --e-global-color-a4dd206 );}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-a4dd206 );}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a, .elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-menu-toggle{color:var( --e-global-color-e8049a1 );fill:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown{background-color:#1F0214E8;border-style:none;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a:hover,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a:focus,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-menu-toggle:hover,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-menu-toggle:focus{color:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a:hover,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a:focus,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a.highlighted{background-color:#1F0214F0;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-e8049a1 );background-color:#1F0214F0;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown .elementor-item, .elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:12px;font-weight:600;letter-spacing:2px;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown a{padding-left:60px;padding-right:60px;padding-top:10px;padding-bottom:10px;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-6807 .elementor-element.elementor-element-1e525e63 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-6807 .elementor-element.elementor-element-3dfe00ab{--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6807 .elementor-element.elementor-element-7b1c5d74 .elementor-button{background-color:#00000000;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;fill:var( --e-global-color-e8049a1 );color:var( --e-global-color-e8049a1 );padding:10px 10px 10px 10px;}.elementor-6807 .elementor-element.elementor-element-7b1c5d74{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-21fcb435{--display:flex;--min-height:10vh;--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;}.elementor-6807 .elementor-element.elementor-element-21fcb435:not(.elementor-motion-effects-element-type-background), .elementor-6807 .elementor-element.elementor-element-21fcb435 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F0214E8;}.elementor-6807 .elementor-element.elementor-element-13944366{--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:flex-start;--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-6807 .elementor-element.elementor-element-5d676ea8{--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:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6807 .elementor-element.elementor-element-754a1a14 .elementor-icon-wrapper{text-align:center;}.elementor-6807 .elementor-element.elementor-element-754a1a14.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-754a1a14.elementor-view-framed .elementor-icon, .elementor-6807 .elementor-element.elementor-element-754a1a14.elementor-view-default .elementor-icon{color:var( --e-global-color-e8049a1 );border-color:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-754a1a14.elementor-view-framed .elementor-icon, .elementor-6807 .elementor-element.elementor-element-754a1a14.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-754a1a14 .elementor-icon{font-size:24px;}.elementor-6807 .elementor-element.elementor-element-754a1a14 .elementor-icon svg{height:24px;}.elementor-6807 .elementor-element.elementor-element-76e1f3f9 img{width:70px;height:60px;object-fit:contain;object-position:center center;}.elementor-6807 .elementor-element.elementor-element-789bea55{--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6807 .elementor-element.elementor-element-7a8b0e93 .elementor-button{background-color:var( --e-global-color-primary );font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;fill:var( --e-global-color-e8049a1 );color:var( --e-global-color-e8049a1 );padding:10px 10px 10px 10px;}.elementor-6807 .elementor-element.elementor-element-7a8b0e93{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-2d44f721{--display:flex;--min-height:5vh;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;--z-index:1;}.elementor-6807 .elementor-element.elementor-element-2d44f721:not(.elementor-motion-effects-element-type-background), .elementor-6807 .elementor-element.elementor-element-2d44f721 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e8049a1 );}.elementor-6807 .elementor-element.elementor-element-73943790{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6807 .elementor-element.elementor-element-7e4a4414 .elementor-icon-wrapper{text-align:center;}.elementor-6807 .elementor-element.elementor-element-7e4a4414.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-6807 .elementor-element.elementor-element-7e4a4414.elementor-view-framed .elementor-icon, .elementor-6807 .elementor-element.elementor-element-7e4a4414.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-6807 .elementor-element.elementor-element-7e4a4414.elementor-view-framed .elementor-icon, .elementor-6807 .elementor-element.elementor-element-7e4a4414.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-6807 .elementor-element.elementor-element-7e4a4414 .elementor-icon{font-size:16px;}.elementor-6807 .elementor-element.elementor-element-7e4a4414 .elementor-icon svg{height:16px;}.elementor-6807 .elementor-element.elementor-element-109c2ab3{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu .elementor-item{font-size:12px;font-weight:600;letter-spacing:2px;}.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px;}.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-297dca3 );fill:var( --e-global-color-297dca3 );}.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-6807 .elementor-element.elementor-element-49d70d3{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-6807 .elementor-element.elementor-element-49d70d3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-6807:not(.elementor-motion-effects-element-type-background), .elementor-6807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-6807 .elementor-element.elementor-element-5d676ea8{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-6807 .elementor-element.elementor-element-71f34d4e{--width:33%;}.elementor-6807 .elementor-element.elementor-element-376fa64b img{object-position:center center;}.elementor-6807 .elementor-element.elementor-element-5bbf23c7{--width:33%;}.elementor-6807 .elementor-element.elementor-element-3dfe00ab{--width:33%;}.elementor-6807 .elementor-element.elementor-element-5d676ea8{--width:50%;}.elementor-6807 .elementor-element.elementor-element-754a1a14 .elementor-icon{font-size:20px;}.elementor-6807 .elementor-element.elementor-element-754a1a14 .elementor-icon svg{height:20px;}.elementor-6807 .elementor-element.elementor-element-76e1f3f9 img{width:70px;height:50px;object-position:center center;}.elementor-6807 .elementor-element.elementor-element-789bea55{--width:50%;}.elementor-6807 .elementor-element.elementor-element-2d44f721{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6807 .elementor-element.elementor-element-73943790{--width:10%;}.elementor-6807 .elementor-element.elementor-element-109c2ab3{--width:90%;}}@media(min-width:768px){.elementor-6807 .elementor-element.elementor-element-71f34d4e{--width:10%;}.elementor-6807 .elementor-element.elementor-element-5bbf23c7{--width:70%;}.elementor-6807 .elementor-element.elementor-element-3dfe00ab{--width:20%;}.elementor-6807 .elementor-element.elementor-element-5d676ea8{--width:33%;}.elementor-6807 .elementor-element.elementor-element-789bea55{--width:33%;}.elementor-6807 .elementor-element.elementor-element-73943790{--width:3%;}.elementor-6807 .elementor-element.elementor-element-109c2ab3{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6807 .elementor-element.elementor-element-5d676ea8{--width:50%;}.elementor-6807 .elementor-element.elementor-element-789bea55{--width:50%;}}/* Start custom CSS for nav-menu, class: .elementor-element-49d70d3 */<script>

/* Code from https://element.how/elementor-horizontal-scroll-navigation-menu/
* Version 1.0
* Copyright 2023 Element.How
*/

document.addEventListener('DOMContentLoaded', function () {

let scrollableNavigations = document.querySelectorAll('.horizontalNav .elementor-nav-menu'), svgIcon;

/* delete this line if you don't want arrows, or change the <svg> markup to your own to have your left pointing icon */
svgIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.939 4.939L6.879 12l7.06 7.061l2.122-2.122L11.121 12l4.94-4.939z" /></svg>`;

scrollableNavigations.forEach((scrollableNavigation) => {

let navigationItems = Array.from(scrollableNavigation.querySelectorAll('.menu-item')).filter(e => e.parentElement.closest('.menu-item') == null);
let activeNavigationItemIndex = navigationItems.findIndex((navigationItem) => navigationItem.classList.contains('current-menu-item'));

scrollableNavigation.style.scrollBehavior = "smooth";

navigationItems.forEach((navigationItem, i) => {

let scrollToPosition = (navigationItem.getBoundingClientRect().left + navigationItem.offsetWidth / 2) - (window.innerWidth / 2);
navigationItem.addEventListener('click', function () {
scrollableNavigation.scrollTo(scrollToPosition, 0);
});
if (i === activeNavigationItemIndex) scrollableNavigation.scrollTo(scrollToPosition, 0);

updateMask(scrollableNavigation);

});

scrollableNavigation.addEventListener('scroll', function () {
updateMask(scrollableNavigation);
});

let navContainer = scrollableNavigation.parentElement;
let navWidth = navContainer.offsetWidth;

/* add class if can't scroll */
if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) {
navContainer.classList.add('no-scroll');
}

/* on resize */
let windowWidth = window.innerWidth;
window.addEventListener('resize', function () {
if (windowWidth === window.innerWidth) return;
navWidth = navContainer.offsetWidth;
if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) {
navContainer.classList.add('no-scroll');
} else {
navContainer.classList.remove('no-scroll');
}
});

if (svgIcon) {

navContainer.insertAdjacentHTML('afterBegin', `<button class="scrl-button scrollable-navigation scrollable-navigation-left">${svgIcon}<span class="sr-only">Scroll left</span></button>`);
navContainer.insertAdjacentHTML('afterBegin', `<button class="scrl-button scrollable-navigation scrollable-navigation-right">${svgIcon}<span class="sr-only">Scroll right</span></button>`);
navContainer.querySelector('.scrollable-navigation-left').addEventListener('click', function () {
scrollableNavigation.scrollBy(navWidth * -0.78, 0);
});
navContainer.querySelector('.scrollable-navigation-right').addEventListener('click', function () {
scrollableNavigation.scrollBy(navWidth * 0.78, 0);
});
}
});

function updateMask(scrollableNavigation) {
const maxScroll = scrollableNavigation.scrollWidth - scrollableNavigation.clientWidth;
const currentScroll = scrollableNavigation.scrollLeft;

if (currentScroll > 8) {
scrollableNavigation.parentElement.classList.add('show-left-mask');
} else {
scrollableNavigation.parentElement.classList.remove('show-left-mask');
}

if (currentScroll < maxScroll - 8) {
scrollableNavigation.parentElement.classList.add('show-right-mask');
} else {
scrollableNavigation.parentElement.classList.remove('show-right-mask');
}
}

});
</script>
<style>
.horizontalNav {
--nav-padding: 0 20px; /* set to 0 if you don't use the SVG arrows, 0 20px if you use them */
--nav-item-margin: 0 6px; /* spacing between nav items */
--nav-item-padding: 8px 16px;
--nav-item-border-radius: 30px;
--nav-item-font-weight: 700;
--nav-item-font-size: 1rem;
--nav-item-bg-color: #cecece;
--nav-item-color: #444444;
--nav-item-hover-bg-color: #b0b0b0; /* background color on hover */
--nav-item-hover-color: #333333; /* text color on hover */
--nav-item-active-bg-color: #444444; /* active background color */
--nav-item-active-color: #ffffff; /* active text color */
--tab-style-border: 0px solid #888888; /* to add a tab style border, change to 2px */
--nav-gradient-width: 60px; /* width of gradients */
--nav-gradient-color: #ffffff; /* color of gradients */
--scrollable-navigation-width: 30px;
}

.horizontalNav {
border-bottom: var(--tab-style-border);
}

.horizontalNav .elementor-nav-menu.elementor-nav-menu.elementor-nav-menu {
overflow-x: auto;
display: flex;
flex-wrap: nowrap;
justify-content: start;
position: relative;
padding: var(--nav-padding);
}

.horizontalNav .elementor-nav-menu>.menu-item {
white-space: nowrap;
margin: var(--nav-item-margin);
}

.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item {
padding: var(--nav-item-padding);
background-color: var(--nav-item-bg-color);
border-radius: var(--nav-item-border-radius);
color: var(--nav-item-color);
font-weight: var(--nav-item-font-weight);
font-size: var(--nav-item-font-size);
}

/* styles of nav items on hover */
.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item:hover {
background-color: var(--nav-item-hover-bg-color);
color: var(--nav-item-hover-color);
}

/* styles of active nav item */
.horizontalNav .elementor-nav-menu>.menu-item>.elementor-item.elementor-item-active {
background-color: var(--nav-item-active-bg-color);
color: var(--nav-item-active-color);
border-top: var(--tab-style-border);
border-left: var(--tab-style-border);
border-right: var(--tab-style-border);
}

/* SVG arrows */
.horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button {
background: none;
outline: none;
border: none;
padding: 0;
margin: 0;
}

.horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button:focus-visible {
outline: auto;
}

.horizontalNav .scrollable-navigation {
position: absolute;
height: 100%;
left: 0;
width: var(--scrollable-navigation-width);
display: grid;
place-content: center;
z-index: 7;
}

.horizontalNav .scrollable-navigation-right {
left: initial;
right: 0;
}

.horizontalNav .scrollable-navigation svg {
width: var(--scrollable-navigation-width);
height: var(--scrollable-navigation-width);
}

.horizontalNav .scrollable-navigation-right svg {
transform: rotate(180deg);
}

.horizontalNav .elementor-nav-menu__container:not(.show-right-mask) .scrollable-navigation-right,
.horizontalNav .elementor-nav-menu__container:not(.show-left-mask) .scrollable-navigation-left {
opacity: 0.4;
pointer-events: none;
}

/* hide the svg arrows from 800px viewport and up, adjust as you need */
@media (min-width: 800px) {
.horizontalNav .scrl-button {
display: none;
}
}

/* END OF SVG arrows */

/* gradients on each side when it is possible to scroll more */
.horizontalNav .elementor-nav-menu__container {
position: relative;
}

.horizontalNav .elementor-nav-menu__container::before,
.horizontalNav .elementor-nav-menu__container::after {
content: "";
position: absolute;
width: var(--nav-gradient-width);
top: 0;
bottom: 0;
transform: scaleX(0);
background: linear-gradient(to right, var(--nav-gradient-color), transparent);
transition: transform 0.4s ease-in-out;
z-index: 4;
pointer-events: none;
}

.horizontalNav .elementor-nav-menu__container::before {
left: -2px;
transform-origin: 0 50%;
}

.horizontalNav .elementor-nav-menu__container::after {
right: -2px;
transform-origin: 100% 50%;
background: linear-gradient(to left, var(--nav-gradient-color), transparent);
}

.horizontalNav .elementor-nav-menu__container.show-left-mask::before,
.horizontalNav .elementor-nav-menu__container.show-right-mask::after {
transform: scaleX(1);
}

/* END OF gradients on each side when it is possible to scroll more */

/* remove the scroll bar */
.horizontalNav .elementor-nav-menu::-webkit-scrollbar {
display: none;
}

/* screen reader only styles */
.sr-only {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
</style>/* End custom CSS */