.elementor-kit-121{--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-121 e-page-transition{background-color:#FFBC7D;}.elementor-kit-121 h1{font-size:28px;}.elementor-kit-121 h2{color:#4D4D4D;font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1190px;}.e-con{--container-max-width:1190px;}.elementor-widget:not(:last-child){margin-block-end: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 *//* --- Soft fade at the bottom of the hero video --- /
.section, .elementor-section { position: relative; } / safety */

.hero-fade{
position: relative;
overflow: hidden; /* keeps the fade tidy /
min-height: 92vh; / near full screen; adjust if needed */
}

/* the fade overlay /
.hero-fade::after{
content: "";
position: absolute;
left: 0; right: 0; bottom: -1px;
height: 56px; / thickness of the fade (try 40–70px) /
background: linear-gradient(
to bottom,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.55) 55%,
#ffffff 100%
);
pointer-events: none; / keep it unclickable */
z-index: 3;
}

/* optional: very subtle “shadow” lip for depth */
.hero-fade::before{
content: "";
position: absolute;
left: 0; right: 0; bottom: 0;
height: 6px;
background: linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,0));
z-index: 2;
pointer-events: none;
}

/* ensure the white section starts tight under the fade /
.below-hero{
margin-top: 0 !important;
background: #fff; / required so the fade blends perfectly */
}

/* Mobile tuning (smaller fade band) /
@media (max-width: 767px){
.hero-fade{ min-height: 88vh; } / a bit shorter on phones */
.hero-fade::after{ height: 40px; }
}/* End custom CSS */