.elementor-598 .elementor-element.elementor-element-7e4346f{--display:flex;--overlay-opacity:0.5;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-598 .elementor-element.elementor-element-7e4346f::before, .elementor-598 .elementor-element.elementor-element-7e4346f > .elementor-background-video-container::before, .elementor-598 .elementor-element.elementor-element-7e4346f > .e-con-inner > .elementor-background-video-container::before, .elementor-598 .elementor-element.elementor-element-7e4346f > .elementor-background-slideshow::before, .elementor-598 .elementor-element.elementor-element-7e4346f > .e-con-inner > .elementor-background-slideshow::before, .elementor-598 .elementor-element.elementor-element-7e4346f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-598 .elementor-element.elementor-element-106be68{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-598 .elementor-element.elementor-element-ee26160{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-598 .elementor-element.elementor-element-416faa6{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-598 .elementor-element.elementor-element-5e65109{--display:flex;}.elementor-598 .elementor-element.elementor-element-154bf78{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-598 .elementor-element.elementor-element-f15161a{--display:flex;}@media(max-width:767px){.elementor-598 .elementor-element.elementor-element-7e4346f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-598 .elementor-element.elementor-element-106be68{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-598 .elementor-element.elementor-element-ee26160{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-598 .elementor-element.elementor-element-416faa6{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-598 .elementor-element.elementor-element-5e65109{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-7e4346f *//* ✅ 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-106be68 *//* CSS Classes: rr-section--services
   Apply this to the parent Elementor container/section that wraps the Popular Services widget. */

.rr-section--services{
  background: linear-gradient(180deg, #F6FAFF 0%, #FFFFFF 60%, #FFFFFF 100%);
  padding: clamp(22px, 3vw, 42px) 0;
}

/* Optional: prevents Elementor wrappers from adding white backgrounds */
.rr-section--services,
.rr-section--services > .e-con-inner,
.rr-section--services .elementor-widget-wrap{
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee26160 *//* RR HERO SECTION BACKGROUND (apply as a class on the Elementor container) */
.rr-hero-section-bg{
  background:
    radial-gradient(62% 62% at 18% 14%, rgba(255,140,0,.14) 0%, rgba(255,140,0,0) 60%),
    radial-gradient(55% 55% at 88% 20%, rgba(240,249,255,.12) 0%, rgba(240,249,255,0) 62%),
    linear-gradient(180deg, rgba(10,37,64,.98) 0%, rgba(10,37,64,.92) 100%);
}

/* Optional: ensures no white bleed from Elementor wrappers */
.rr-hero-section-bg,
.rr-hero-section-bg > .e-con-inner,
.rr-hero-section-bg .elementor-widget-wrap{
  background-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e65109 *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-aircond-areas-wrap{
  background-color: #071827;
  position: relative;
  overflow: hidden;
}

/* layered gradient + glow (dark, like your service hero) */
.rr-aircond-areas-wrap{
  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-aircond-areas-wrap::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-aircond-areas-wrap > .elementor-container,
.rr-aircond-areas-wrap > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f15161a *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-aircond-finalcta-bg{
  background-color: #f7faff;
  position: relative;
  overflow: hidden;
}

/* slightly stronger glow for “final push” */
.rr-aircond-finalcta-bg{
  background-image:
    radial-gradient(980px 520px at 18% 26%, rgba(255,140,0,.14), rgba(255,140,0,0) 60%),
    radial-gradient(860px 520px at 86% 20%, rgba(37,211,102,.10), rgba(37,211,102,0) 62%),
    linear-gradient(180deg, #f7faff 0%, #eef4ff 55%, #ffffff 100%);
}

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