.elementor-481 .elementor-element.elementor-element-e6b043e{--display:flex;}.elementor-481 .elementor-element.elementor-element-9cda252{--display:flex;}.elementor-481 .elementor-element.elementor-element-46ab0f2{--display:flex;}.elementor-481 .elementor-element.elementor-element-0e90da2{--display:flex;}.elementor-481 .elementor-element.elementor-element-8438162{--display:flex;}/* Start custom CSS for container, class: .elementor-element-e6b043e *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-work-hero-bg{
  background-color: #071827;
  position: relative;
  overflow: hidden;
}

/* layered gradient + glow (dark, like your service hero) */
.rr-work-hero-bg{
  background-image:
    radial-gradient(1200px 520px at 18% 12%, rgba(255,140,0,.18), rgba(255,140,0,0) 60%),
    radial-gradient(900px 520px at 92% 16%, rgba(37,211,102,.16), rgba(37,211,102,0) 55%),
    linear-gradient(180deg, rgba(10,37,64,1) 0%, rgba(10,37,64,.92) 60%, rgba(7,24,39,1) 100%);
}

/* optional subtle speckle overlay */
.rr-work-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;
}

/* keep Elementor inner content above overlays */
.rr-work-hero-bg > .elementor-container,
.rr-work-hero-bg > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cda252 *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-work-gallery-bg{
  background-color: #f7faff;
  position: relative;
  overflow: hidden;
}

/* clean, light gallery background */
.rr-work-gallery-bg{
  background-image:
    radial-gradient(980px 520px at 18% 22%, rgba(255,140,0,.10), rgba(255,140,0,0) 60%),
    radial-gradient(860px 520px at 86% 18%, rgba(37,211,102,.08), rgba(37,211,102,0) 62%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 55%, #eef4ff 100%);
}

/* keep Elementor inner content above overlays */
.rr-work-gallery-bg > .elementor-container,
.rr-work-gallery-bg > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46ab0f2 *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-work-cases-bg{
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* clean light background + gentle brand glow */
.rr-work-cases-bg{
  background-image:
    radial-gradient(980px 520px at 18% 22%, rgba(255,140,0,.10), rgba(255,140,0,0) 60%),
    radial-gradient(860px 520px at 86% 20%, rgba(37,211,102,.08), rgba(37,211,102,0) 62%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 55%, #eef4ff 100%);
}

/* keep Elementor inner content above overlays */
.rr-work-cases-bg > .elementor-container,
.rr-work-cases-bg > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e90da2 *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-work-testimonials-bg{
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* soft glow on white for trust section */
.rr-work-testimonials-bg{
  background-image:
    radial-gradient(980px 520px at 20% 18%, rgba(255,140,0,.10), rgba(255,140,0,0) 60%),
    radial-gradient(860px 520px at 86% 20%, rgba(37,211,102,.08), rgba(37,211,102,0) 62%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 55%, #ffffff 100%);
}

/* keep Elementor inner content above overlays */
.rr-work-testimonials-bg > .elementor-container,
.rr-work-testimonials-bg > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8438162 *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-work-final-bg{
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* subtle brand glow for closing section */
.rr-work-final-bg{
  background-image:
    radial-gradient(980px 520px at 20% 18%, rgba(255,140,0,.10), rgba(255,140,0,0) 60%),
    radial-gradient(860px 520px at 86% 20%, rgba(37,211,102,.08), rgba(37,211,102,0) 62%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 55%, #ffffff 100%);
}

/* keep Elementor inner content above overlays */
.rr-work-final-bg > .elementor-container,
.rr-work-final-bg > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */