.elementor-353 .elementor-element.elementor-element-a3851aa{--display:flex;}.elementor-353 .elementor-element.elementor-element-35e37ee{--display:flex;}.elementor-353 .elementor-element.elementor-element-d567d96{--display:flex;}.elementor-353 .elementor-element.elementor-element-86c4588{--display:flex;}.elementor-353 .elementor-element.elementor-element-f5b6329{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-353 .elementor-element.elementor-element-c79aba2{--display:flex;}/* Start custom CSS for container, class: .elementor-element-a3851aa *//* 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 */
/* Start custom CSS for container, class: .elementor-element-35e37ee *//* ✅ Elementor Parent Container Background (apply this class on the parent container) */
.rr-aircond-proof-bg{
  background-color: #f7faff;
  position: relative;
  overflow: hidden;
}

/* clean light gradient with slight brand glow */
.rr-aircond-proof-bg{
  background-image:
    radial-gradient(1000px 520px at 18% 22%, rgba(255,140,0,.10), rgba(255,140,0,0) 60%),
    radial-gradient(820px 520px at 86% 22%, rgba(37,211,102,.08), rgba(37,211,102,0) 62%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 45%, #eef4ff 100%);
}

/* optional subtle dots overlay */
.rr-aircond-proof-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 12% 18%, rgba(10,37,64,.12), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 44% 62%, rgba(10,37,64,.10), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 78% 28%, rgba(10,37,64,.08), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 88% 74%, rgba(10,37,64,.08), rgba(10,37,64,0) 55%);
  opacity: .28;
}

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

/* clean white section with soft brand glow */
.rr-aircond-gallery-bg{
  background-image:
    radial-gradient(980px 520px at 18% 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%, #fbfdff 55%, #f3f7ff 100%);
}

/* optional subtle speckles */
.rr-aircond-gallery-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 14% 22%, rgba(10,37,64,.12), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 46% 66%, rgba(10,37,64,.10), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 76% 30%, rgba(10,37,64,.08), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 88% 74%, rgba(10,37,64,.08), rgba(10,37,64,0) 55%);
  opacity: .20;
}

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

/* light “local coverage” glow */
.rr-aircond-areas-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, #f9fbff 0%, #f3f7ff 55%, #eef4ff 100%);
}

/* optional subtle dots overlay */
.rr-aircond-areas-bg::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 14% 22%, rgba(10,37,64,.12), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 46% 66%, rgba(10,37,64,.10), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 78% 30%, rgba(10,37,64,.08), rgba(10,37,64,0) 55%),
    radial-gradient(1px 1px at 88% 74%, rgba(10,37,64,.08), rgba(10,37,64,0) 55%);
  opacity: .22;
}

/* keep Elementor inner content above overlays */
.rr-aircond-areas-bg > .elementor-container,
.rr-aircond-areas-bg > .e-con-inner{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c79aba2 *//* ✅ 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 */