.elementor-16975 .elementor-element.elementor-element-3a6481d9{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-16975 .elementor-element.elementor-element-3a6481d9:not(.elementor-motion-effects-element-type-background), .elementor-16975 .elementor-element.elementor-element-3a6481d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d08a89d );}.elementor-16975 .elementor-element.elementor-element-7c6b95e3 > .elementor-widget-container{padding:0px 0px 0px 25px;}.elementor-16975 .elementor-element.elementor-element-7c6b95e3 .elementor-heading-title{color:#FFFFFF;}@media(max-width:767px){.elementor-16975 .elementor-element.elementor-element-3a6481d9{--content-width:100%;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-16975 .elementor-element.elementor-element-3a6481d9{--content-width:88%;}}/* Start custom CSS */.section-navy {
  position: relative;
  background-color: #001f3f; /* Dark navy colour */
  /* Other styling */
}

.section-navy::before {
  content: "";
  position: absolute;
  top: -50px; /* Adjust based on desired gradient height */
  left: 0;
  width: 100%;
  height: 50px; /* Adjust based on desired gradient height */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #001f3f);
  pointer-events: none; /* Ensures the gradient doesn't interfere with content interaction */
}/* End custom CSS */