.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== HERO VIDEO OVERLAY =====
   Add the class   heroverl   to any hero container that has a background video.

   HOW IT WORKS: this darkens the video ITSELF rather than stacking a dark layer
   on top of it. A <video> is always promoted to its own GPU layer; anything
   painted over it becomes a SECOND layer, which older GPUs drop and recreate
   while scrolling -- that was the on/off flicker. Nothing here paints on top.

   TO TUNE: change the brightness value below. Lower = darker.
     .70 = subtle   .62 = current   .55 = heavy   1 = off
*/
.heroverl video.elementor-background-video-hosted{
  filter:brightness(.5);
}

/* Homepage hero only */
.elementor-8 .heroverl video.elementor-background-video-hosted{
  filter: brightness(0.48);
}

/* Keep the brand watermark pinned to its own stable layer so it cannot thrash. */
.heroverl::after{
  transform:translateZ(0);
  backface-visibility:hidden;
}/* End custom CSS */