.elementor-1213 .elementor-element.elementor-element-5a252ddb > .elementor-container{max-width:900px;}.elementor-1213 .elementor-element.elementor-element-5a252ddb:not(.elementor-motion-effects-element-type-background), .elementor-1213 .elementor-element.elementor-element-5a252ddb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1213 .elementor-element.elementor-element-5a252ddb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 20px 50px 20px;}.elementor-1213 .elementor-element.elementor-element-5a252ddb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1213 .elementor-element.elementor-element-11806d44:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1213 .elementor-element.elementor-element-11806d44 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1213 .elementor-element.elementor-element-11806d44 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1213 .elementor-element.elementor-element-11806d44 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1213 .elementor-element.elementor-element-72311e50 .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;}.elementor-1213 .elementor-element.elementor-element-6391612{text-align:center;}.elementor-1213 .elementor-element.elementor-element-6391612 .elementor-heading-title{color:#000000;font-family:"Times New Roman", Sans-serif;font-weight:400;}.elementor-1213 .elementor-element.elementor-element-cbbaa65{text-align:left;color:#000000;}body.elementor-page-1213:not(.elementor-motion-effects-element-type-background), body.elementor-page-1213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px) and (min-width:768px){.elementor-1213 .elementor-element.elementor-element-11806d44{width:50%;}}@media(max-width:1024px){.elementor-1213 .elementor-element.elementor-element-5a252ddb > .elementor-container{max-width:1200px;}.elementor-1213 .elementor-element.elementor-element-5a252ddb{padding:200px 0px 250px 0px;}}@media(max-width:767px){.elementor-1213 .elementor-element.elementor-element-5a252ddb{padding:100px 0px 20px 0px;}.elementor-1213 .elementor-element.elementor-element-11806d44 > .elementor-element-populated{padding:0px 40px 0px 40px;}.elementor-1213 .elementor-element.elementor-element-72311e50{text-align:left;}}/* Start custom CSS */<script>
const getMarqueeNode = content => {
const el = document.createElement('div');
el.setAttribute('data-marquee-style', true);
el.textContent = content
return el;
}
class Marquee {
constructor(el){
this.el = el;
this.content = el.getAttribute('data-marquee')
this.render();
}


render(){
// create the shadow element to measure and calculate
// the amount of animated items required for marquee

// create
const shadow = getMarqueeNode(this.content);
shadow.setAttribute('data-marquee-shadow', true);
// add shadow element to sanitized DOM
this.el.innerHTML = "";
this.el.appendChild(shadow);
// calculate how many visible items are needed
const inView = this.calculateItemsInView(shadow);
// create container to house animated visible items
const overflow = document.createElement('div');
overflow.setAttribute('data-marquee-overflow', true);
const content = document.createElement('div');
content.setAttribute('data-marquee-container', true);
// put the content container into an overflow: hidden wrapper
overflow.appendChild(content);
// double the amount to fill the screen to animate loop
const count = inView * 3;
// populate with children
for( var i = 0; i < count; i++) {
content.appendChild(getMarqueeNode(this.content))
}
// add to DOM
this.el.appendChild(overflow);

// debug
// console.log("visible items required", inView);
// console.log("total items required", count);
}

calculateItemsInView(ref){
const [single, total] = [ref.clientWidth, ref.parentNode.clientWidth];
// ceil in order to ensure there's never a shortage
return Math.floor(total / single) + 1;
}
}
// find elements and create Marquee instances
const nodes = document.querySelectorAll('[data-marquee]')
const arr = Array.from(nodes);
const refs = (arr || []).map( node => new Marquee(node) );
// recalculate on resize
window.addEventListener( 'resize', () => refs.map( r => r.render() ) );
</script>

@-webkit-keyframes marquee {
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  100% {
    transform: translateX(-100%);
  }
}

[data-marquee] {
  --loop-duration: 5s;

  display: block;
}

[data-marquee] [data-marquee-shadow] {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
}

[data-marquee] [data-marquee-overflow] {
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

[data-marquee] [data-marquee-container] {
    display: flex;
    -webkit-animation: marquee var(--loop-duration) linear infinite;
    animation: marquee var(--loop-duration) linear infinite;
}

[data-marquee] [data-marquee-style] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-marquee-style] {
  padding: 1.5em 0.3em;
  display: flex;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}/* End custom CSS */