.elementor-12676 .elementor-element.elementor-element-b153c27{--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;}.elementor-12676 .elementor-element.elementor-element-4f3337e{--spacer-size:50px;}.elementor-12676 .elementor-element.elementor-element-1112c8a{text-align:right;}@media(max-width:767px){.elementor-12676 .elementor-element.elementor-element-b153c27:not(.elementor-motion-effects-element-type-background), .elementor-12676 .elementor-element.elementor-element-b153c27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://findasail.com/wp-content/uploads/2025/09/Boat-Hero-mobile-FAS.jpg");background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-12676 .elementor-element.elementor-element-b153c27{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:45px;--padding-right:10px;}.elementor-12676 .elementor-element.elementor-element-0c31a74 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-12676 .elementor-element.elementor-element-4f3337e{--spacer-size:10px;}.elementor-12676 .elementor-element.elementor-element-1112c8a{text-align:left;}}/* Start custom CSS for container, class: .elementor-element-b153c27 */@media (max-width: 993px) {
  .hero-ocean::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
		 z-index: 991;                     /* sit above the map */
    height: 200px;    /* total fade zone height */
    bottom: -79px;    /* how much overlaps the map */
    pointer-events: none;
    background: linear-gradient(
      to bottom,
      /* 0%–10%: transparent ocean, so boat still shows through */
      rgba(100,190,236,0) 0%,
      rgba(100,190,236,0) 50%,
      /* 10%–30%: fade up to solid ocean */
      #64BEDC 60%,
      /* 30%–70%: hold solid ocean */
      #64BEDC 0%,
      /* 70%–100%: fade back to transparent ocean (map beneath) */
      rgba(100,190,236,0) 70%
    );
  }
}/* End custom CSS */