.elementor-12721 .elementor-element.elementor-element-ac84b58{--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-12721 .elementor-element.elementor-element-405fcc2.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-12721 .elementor-element.elementor-element-ac84b58:not(.elementor-motion-effects-element-type-background), .elementor-12721 .elementor-element.elementor-element-ac84b58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://findasail.com/wp-content/uploads/2025/09/Untitled-800-x-400-px-800-x-200-px-3.jpg");background-position:center center;}}@media(max-width:767px){.elementor-12721 .elementor-element.elementor-element-ac84b58:not(.elementor-motion-effects-element-type-background), .elementor-12721 .elementor-element.elementor-element-ac84b58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://findasail.com/wp-content/uploads/2025/09/Untitled-800-x-400-px-800-x-200-px-3.jpg");background-position:center right;background-size:cover;}.elementor-12721 .elementor-element.elementor-element-ac84b58{--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;--justify-content:flex-end;}.elementor-12721 .elementor-element.elementor-element-405fcc2{width:initial;max-width:initial;z-index:992;}.elementor-12721 .elementor-element.elementor-element-405fcc2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12721 .elementor-element.elementor-element-405fcc2.elementor-element{--align-self:flex-start;}}/* Start custom CSS for html, class: .elementor-element-405fcc2 */.typewriter {
  color: #fff;
  text-shadow: 0 3px 5px rgba(0,0,0,0.9); /* dark outline for light backgrounds */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac84b58 */@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: -80px;    /* 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 */