.elementor-4206 .elementor-element.elementor-element-21b55e7{--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;--padding-top:5%;--padding-bottom:0%;--padding-left:2%;--padding-right:2%;}.elementor-4206 .elementor-element.elementor-element-21b55e7:not(.elementor-motion-effects-element-type-background), .elementor-4206 .elementor-element.elementor-element-21b55e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4206 .elementor-element.elementor-element-b429952{--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;--padding-top:0%;--padding-bottom:10%;--padding-left:2%;--padding-right:2%;}.elementor-4206 .elementor-element.elementor-element-b429952:not(.elementor-motion-effects-element-type-background), .elementor-4206 .elementor-element.elementor-element-b429952 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4206 .elementor-element.elementor-element-21c88d6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-4206 .elementor-element.elementor-element-21b55e7{--padding-top:5%;--padding-bottom:05%;--padding-left:3%;--padding-right:3%;}.elementor-4206 .elementor-element.elementor-element-b429952{--padding-top:5%;--padding-bottom:05%;--padding-left:3%;--padding-right:3%;}}@media(min-width:768px){.elementor-4206 .elementor-element.elementor-element-21b55e7{--content-width:1200px;}.elementor-4206 .elementor-element.elementor-element-b429952{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-b429952 *//* 1. APPLY THE SUNSET GRADIENT FILL */
.elementor-shape-bottom .elementor-shape-fill,
.elementor-shape-top .elementor-shape-fill {
    fill: url(#abh-ultra-gradient) !important;
}

/* 2. GENTLE FLOWING WAVE ANIMATION */
/* Animates the bottom shape divider waves */
.elementor-shape-bottom svg {
    width: 150% !important; /* Extends SVG past screen boundaries to allow horizontal sliding */
    transform-origin: bottom center;
    animation: abh-wave-flow 18s ease-in-out infinite alternate; /* Smooth flowing back and forth motion */
    left: 0;
}

/* Animates the top shape divider waves (if used) */
.elementor-shape-top svg {
    width: 150% !important;
    transform-origin: top center;
    animation: abh-wave-flow 18s ease-in-out infinite alternate;
    left: 0;
}

/* 
  The keyframe pushes the wave horizontally (translation) 
  while subtly flexing the height (scaling) to emulate organic water tides.
*/
@keyframes abh-wave-flow {
    0% {
        transform: translateX(0) scaleY(1);
    }
    50% {
        transform: translateX(-15%) scaleY(1.08); /* Subtle height swell */
    }
    100% {
        transform: translateX(-30%) scaleY(1); /* Smooth end point before alternating back */
    }
}/* End custom CSS */