.elementor-400 .elementor-element.elementor-element-45dcdc4{--display:flex;}.elementor-400 .elementor-element.elementor-element-53ac6af{--display:flex;}.elementor-400 .elementor-element.elementor-element-77baa0a{--display:flex;}/* Start custom CSS for container, class: .elementor-element-45dcdc4 *//* Elementor Parent Container Background (apply this class on the parent container) */
.rr-service-hero-bg{
  /* safe defaults */
  background-color: #081a2d;
  position: relative;
  overflow: hidden;
}

/* layered gradient + subtle glow */
.rr-service-hero-bg{
  background-image:
    radial-gradient(900px 420px at 18% 22%, rgba(255,140,0,.22), rgba(255,140,0,0) 60%),
    radial-gradient(720px 360px at 86% 18%, rgba(0,210,255,.18), rgba(0,210,255,0) 62%),
    linear-gradient(180deg, #071827 0%, #0A2540 55%, #071827 100%);
}

/* optional: glassy noise overlay (no external images) */
.rr-service-hero-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 12% 18%, rgba(255,255,255,.10), rgba(255,255,255,0) 55%),
    radial-gradient(1px 1px at 44% 62%, rgba(255,255,255,.08), rgba(255,255,255,0) 55%),
    radial-gradient(1px 1px at 78% 28%, rgba(255,255,255,.08), rgba(255,255,255,0) 55%),
    radial-gradient(1px 1px at 88% 74%, rgba(255,255,255,.06), rgba(255,255,255,0) 55%);
  opacity: .55;
}

/* optional: soft bottom fade for nicer section transition */
.rr-service-hero-bg::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: clamp(70px, 10vw, 140px);
  pointer-events:none;
  background: linear-gradient(180deg, rgba(7,24,39,0) 0%, rgba(7,24,39,.55) 55%, rgba(7,24,39,.92) 100%);
}

/* if Elementor adds container padding, keep it */
.rr-service-hero-bg > .elementor-container,
.rr-service-hero-bg > .e-con-inner{
  position: relative; /* ensures overlay stays behind content */
  z-index: 1;
}/* End custom CSS */