.elementor-76 .elementor-element.elementor-element-bb5ffa1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ===========================
   FIX: jumbled/overlapping header sizing
   (Elementor/global theme overrides)
=========================== */

/* Make sure the whole module can’t get width-clipped by Elementor containers */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container{
  width: 100% !important;
  max-width: 100% !important;
}

/* Force clean typography inside the anti-aging block */
.rf-aa-page .rf-aa-header{
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
}

.rf-aa-page .rf-aa-eyebrow{
  display: block !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.2 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  position: relative;
  z-index: 2;
}

.rf-aa-page .rf-aa-h2{
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  position: relative;
  z-index: 2;
}

.rf-aa-page .rf-aa-p{
  margin: 0 !important;
  line-height: 1.75 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  position: relative;
  z-index: 2;
}

/* If the theme adds weird negative margins to headings, kill them */
.rf-aa-page h1,
.rf-aa-page h2,
.rf-aa-page h3{
  margin-top: 0 !important;
}

/* Give the section a little breathing room so nothing sits on top */
.rf-aa-page .rf-aa-section{
  padding-top: 72px !important;
}
/* ===========================
   FIX: LiveO2 spacing + stop “jumbled” text
=========================== */

/* Hard reset for typography inside this service page section */
.rf-aa-page,
.rf-aa-page *{
  box-sizing: border-box;
}

.rf-aa-page h1,
.rf-aa-page h2,
.rf-aa-page h3,
.rf-aa-page p,
.rf-aa-page li{
  transform: none !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  filter: none !important;
}

/* Make sure nothing is positioned weird and overlapping */
.rf-aa-page .rf-aa-section,
.rf-aa-page .rf-aa-grid,
.rf-aa-page .rf-aa-card{
  position: relative !important;
  z-index: 1 !important;
}

/* Card typography */
.rf-aa-page .rf-aa-card-title{
  font-size: clamp(22px, 2.2vw, 30px) !important;
  line-height: 1.15 !important;
  margin: 0 0 12px 0 !important;
}

.rf-aa-page .rf-aa-card-text{
  margin: 0 0 14px 0 !important;
  line-height: 1.75 !important;
  font-size: 16px !important;
}

/* Bullets */
.rf-aa-page .rf-aa-bullets{
  margin: 0 0 18px 18px !important;
  padding: 0 !important;
}
.rf-aa-page .rf-aa-bullets li{
  margin: 0 0 8px 0 !important;
  line-height: 1.6 !important;
}

/* CTA button */
.rf-aa-page .rf-aa-cta{
  display: inline-block;
  margin-top: 6px;
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;
  background: #b69b6a; /* taupe/gold */
  color: #111;
  font-weight: 600;
}

/* If any random leftover element is absolutely positioned and causing overlap, kill it */
.rf-aa-page [style*="position:absolute"],
.rf-aa-page [style*="position: absolute"]{
  position: static !important;
}/* End custom CSS */