.elementor-5580 .elementor-element.elementor-element-2743541{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5580 .elementor-element.elementor-element-62331d1{margin:36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5580 .elementor-element.elementor-element-a0b7d18{margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5580 .elementor-element.elementor-element-196b0c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-041922a{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5580 .elementor-element.elementor-element-4ff2a0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-fa2031c{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5580 .elementor-element.elementor-element-99ee362{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-9da5036{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-154d3e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-35fffd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-c5e48cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-659694c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-0675bed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-c9a173d{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5580 .elementor-element.elementor-element-727fc5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-49ebb31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-a7143bd{margin:26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5580 .elementor-element.elementor-element-b5ca68a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-5884d0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-8d6d65d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-a6dc2c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-f790576{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5580 .elementor-element.elementor-element-7ae99ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-5580 .elementor-element.elementor-element-fa2031c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5580 .elementor-element.elementor-element-c9a173d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5580 .elementor-element.elementor-element-cf5b6c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5580 .elementor-element.elementor-element-a7143bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-62331d1 *//* ============================================
   WOLF STRIKE SCALPING — HERO SECTION
   ============================================ */

.wss-hero {
  padding: 120px 20px 140px;
  text-align: center;
  color: #fff;
}

.wss-hero-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* ---------- HEADING COLOR SPLIT ---------- */
.wss-hero-title {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.18;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.wss-white {
  color: #ffffff !important;
}

.wss-gold {
  color: #FFD700 !important;
  text-shadow: 0 0 15px rgba(255,215,0,0.55);
}

.wss-cyan {
  color: #00E5FF !important;
  text-shadow: 0 0 20px rgba(0,229,255,0.7);
}

/* ---------- SUBTEXT ---------- */
.wss-hero-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.45rem;
  line-height: 1.75;
  opacity: 0.92;
  max-width: 820px;
  margin: 0 auto 45px;
}

/* ---------- CTA BUTTON ---------- */
.wss-cta {
  display: inline-block;
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 800;
  font-size: 1.3rem;
  padding: 16px 40px;
  color: #FFD700;
  border: 2px solid #FFD700;
  border-radius: 14px;
  text-transform: uppercase;
  transition: 0.35s ease;
  text-shadow: 0 0 10px rgba(255,215,0,0.65);
}

.wss-cta:hover {
  color: #000;
  background: #FFD700;
  box-shadow:
    0 0 25px #FFD700,
    0 0 55px #FFD700,
    0 0 85px rgba(255,215,0,0.95);
  transform: translateY(-4px);
}

/* ---------- MOBILE ---------- */
@media(max-width: 800px) {
  .wss-hero-title {
    font-size: 2.6rem;
  }
  .wss-hero-sub {
    font-size: 1.2rem;
  }
  .wss-cta {
    font-size: 1.1rem;
    padding: 14px 32px;
  }
}
<style>
/* === Load Fonts Locally === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Orbitron:wght@400;600;700;900&display=swap');

/* === MAX-SPECIFICITY FONT OVERRIDES === */

/* This targets the H1 stronger than Elementor container typography */
html body .wss-hero .wss-hero-title,
html body .wss-hero h1.wss-hero-title,
html body .elementor .wss-hero .wss-hero-title {
  font-family: 'Orbitron', sans-serif !important;
}

/* Force Orbitron on ALL spans inside title */
html body .wss-hero .wss-hero-title span {
  font-family: 'Orbitron', sans-serif !important;
}

/* Body text stays Inter */
html body .wss-hero,
html body .wss-hero *,
html body .wss-hero .wss-hero-sub,
html body .wss-hero p {
  font-family: 'Inter', sans-serif !important;
}

/* Re-assert Orbitron on CTA */
html body .wss-hero .wss-cta {
  font-family: 'Orbitron', sans-serif !important;
}/* ============================================================
   NEXUS TYPO OVERRIDE — WOLF STRIKE HERO (FINAL + CLEAN)
   ============================================================ */

/* 1) GLOBAL TYPO FORCE */
.wss-hero,
.wss-hero * {
    font-family: 'Inter', sans-serif !important;
}

/* 2) HEADINGS USE ORBITRON 900 (NEXUS) */
.wss-hero-title,
.wss-hero-title span,
.wss-cta {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

/* 3) HEADING COLORS — NEXUS PALETTE */
.wss-white {
    color: #FFFFFF !important;
    text-shadow: none !important;
}

.wss-gold {
    color: #FFD700 !important;
    -webkit-text-fill-color: #FFD700 !important;
    text-shadow: 0 0 12px rgba(255,215,0,0.35) !important;
}

.wss-cyan {
    color: #00EAFF !important;
    -webkit-text-fill-color: #00EAFF !important;
    text-shadow: 0 0 14px rgba(0,234,255,0.45) !important;
}

/* 4) TITLE SIZE — MATCHING NEXUS HEADING SCALE */
.wss-hero-title {
    font-size: clamp(2.6rem, 5vw, 3.8rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 28px !important;
}

/* 5) SUBTEXT — TRUE NEXUS BODY TYPO */
.wss-hero-sub {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.55rem !important;
    line-height: 1.78 !important;
    opacity: 0.92 !important;
    max-width: 820px !important;
    margin: 0 auto 50px !important;
    text-shadow: none !important;
}

/* 6) CTA BUTTON — NEXUS STYLE */
.wss-cta {
    font-size: 1.35rem !important;
    padding: 16px 42px !important;
    border-radius: 14px !important;
    color: #FFD700 !important;
    border: 2px solid #FFD700 !important;
    text-shadow: none !important;
    transition: 0.35s ease !important;
}

.wss-cta:hover {
    background: #FFD700 !important;
    color: #000 !important;
    transform: translateY(-4px) !important;
    box-shadow:
        0 0 25px rgba(255,215,0,0.8),
        0 0 55px rgba(255,215,0,1) !important;
}

/* 7) MOBILE NEXUS TYPO */
@media (max-width: 800px) {
    .wss-hero-title {
        font-size: 2.4rem !important;
        line-height: 1.12 !important;
    }
    .wss-hero-sub {
        font-size: 1.28rem !important;
    }
    .wss-cta {
        font-size: 1.1rem !important;
        padding: 14px 32px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0b7d18 *//* ============================================
   WOLF STRIKE SCALPING — HERO SECTION
   ============================================ */

.wss-hero {
  padding: 120px 20px 140px;
  text-align: center;
  color: #fff;
}

.wss-hero-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* ---------- HEADING COLOR SPLIT ---------- */
.wss-hero-title {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.18;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.wss-white {
  color: #ffffff !important;
}

.wss-gold {
  color: #FFD700 !important;
  text-shadow: 0 0 15px rgba(255,215,0,0.55);
}

.wss-cyan {
  color: #00E5FF !important;
  text-shadow: 0 0 20px rgba(0,229,255,0.7);
}

/* ---------- SUBTEXT ---------- */
.wss-hero-sub {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.45rem;
  line-height: 1.75;
  opacity: 0.92;
  max-width: 820px;
  margin: 0 auto 45px;
}

/* ---------- CTA BUTTON ---------- */
.wss-cta {
  display: inline-block;
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 800;
  font-size: 1.3rem;
  padding: 16px 40px;
  color: #FFD700;
  border: 2px solid #FFD700;
  border-radius: 14px;
  text-transform: uppercase;
  transition: 0.35s ease;
  text-shadow: 0 0 10px rgba(255,215,0,0.65);
}

.wss-cta:hover {
  color: #000;
  background: #FFD700;
  box-shadow:
    0 0 25px #FFD700,
    0 0 55px #FFD700,
    0 0 85px rgba(255,215,0,0.95);
  transform: translateY(-4px);
}

/* ---------- MOBILE ---------- */
@media(max-width: 800px) {
  .wss-hero-title {
    font-size: 2.6rem;
  }
  .wss-hero-sub {
    font-size: 1.2rem;
  }
  .wss-cta {
    font-size: 1.1rem;
    padding: 14px 32px;
  }
}
<style>
/* === Load Fonts Locally === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Orbitron:wght@400;600;700;900&display=swap');

/* === MAX-SPECIFICITY FONT OVERRIDES === */

/* This targets the H1 stronger than Elementor container typography */
html body .wss-hero .wss-hero-title,
html body .wss-hero h1.wss-hero-title,
html body .elementor .wss-hero .wss-hero-title {
  font-family: 'Orbitron', sans-serif !important;
}

/* Force Orbitron on ALL spans inside title */
html body .wss-hero .wss-hero-title span {
  font-family: 'Orbitron', sans-serif !important;
}

/* Body text stays Inter */
html body .wss-hero,
html body .wss-hero *,
html body .wss-hero .wss-hero-sub,
html body .wss-hero p {
  font-family: 'Inter', sans-serif !important;
}

/* Re-assert Orbitron on CTA */
html body .wss-hero .wss-cta {
  font-family: 'Orbitron', sans-serif !important;
}/* ============================================================
   NEXUS TYPO OVERRIDE — WOLF STRIKE HERO (FINAL + CLEAN)
   ============================================================ */

/* 1) GLOBAL TYPO FORCE */
.wss-hero,
.wss-hero * {
    font-family: 'Inter', sans-serif !important;
}

/* 2) HEADINGS USE ORBITRON 900 (NEXUS) */
.wss-hero-title,
.wss-hero-title span,
.wss-cta {
    font-family: 'Orbitron', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

/* 3) HEADING COLORS — NEXUS PALETTE */
.wss-white {
    color: #FFFFFF !important;
    text-shadow: none !important;
}

.wss-gold {
    color: #FFD700 !important;
    -webkit-text-fill-color: #FFD700 !important;
    text-shadow: 0 0 12px rgba(255,215,0,0.35) !important;
}

.wss-cyan {
    color: #00EAFF !important;
    -webkit-text-fill-color: #00EAFF !important;
    text-shadow: 0 0 14px rgba(0,234,255,0.45) !important;
}

/* 4) TITLE SIZE — MATCHING NEXUS HEADING SCALE */
.wss-hero-title {
    font-size: clamp(2.6rem, 5vw, 3.8rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 28px !important;
}

/* 5) SUBTEXT — TRUE NEXUS BODY TYPO */
.wss-hero-sub {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.55rem !important;
    line-height: 1.78 !important;
    opacity: 0.92 !important;
    max-width: 820px !important;
    margin: 0 auto 50px !important;
    text-shadow: none !important;
}

/* 6) CTA BUTTON — NEXUS STYLE */
.wss-cta {
    font-size: 1.35rem !important;
    padding: 16px 42px !important;
    border-radius: 14px !important;
    color: #FFD700 !important;
    border: 2px solid #FFD700 !important;
    text-shadow: none !important;
    transition: 0.35s ease !important;
}

.wss-cta:hover {
    background: #FFD700 !important;
    color: #000 !important;
    transform: translateY(-4px) !important;
    box-shadow:
        0 0 25px rgba(255,215,0,0.8),
        0 0 55px rgba(255,215,0,1) !important;
}

/* 7) MOBILE NEXUS TYPO */
@media (max-width: 800px) {
    .wss-hero-title {
        font-size: 2.4rem !important;
        line-height: 1.12 !important;
    }
    .wss-hero-sub {
        font-size: 1.28rem !important;
    }
    .wss-cta {
        font-size: 1.1rem !important;
        padding: 14px 32px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2743541 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-2743541 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-2743541::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-2743541 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-2743541 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-2743541 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-2743541 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-2743541 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-2743541 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-2743541 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-2743541 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-2743541 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-2743541 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-2743541 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-041922a *//* ===== 3-STEP SECTION – NO CROPPING ===== */
.sw-four-step-section{
  position:relative;
  padding:58px 0 52px;
  background:transparent;
  overflow:visible;               /* ✅ so glow + width won't be cut */
  z-index:1;
}

/* container: just take full width of Elementor section */
.sw-container{
  width:100%;
  max-width:1240px;               /* you can push to 1320/1400 if you want even wider */
  margin:0 auto;
  padding:0 1.4rem;
  position:relative;
  z-index:2;
  text-align:center;
}

.sw-title{
  color:#fff;
  margin-bottom:14px;
}
.sw-subtitle{
  color:rgba(247,247,247,.85);
  max-width:58rem;
  margin:0 auto 32px;
}

/* ===== GRID – 3 columns, stretch ===== */
.sw-steps-wrap{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
  align-items:stretch;
}

/* ===== CARD – glass, hover glow ===== */
.sw-step-card{
  background:rgba(6, 5, 15, 0.23);
  border:1px solid rgba(255,255,255,0.05);
  border-radius:16px;
  padding:20px 20px 18px;
  text-align:left;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  backdrop-filter:blur(14px);
  box-shadow:0 10px 20px rgba(0,0,0,0.04);
  transition:transform .25s ease, box-shadow .25s ease, border .25s ease;
  min-height:0;
  overflow:hidden;
}
.sw-step-card::after{
  content:"";
  position:absolute;
  inset:-25px;
  background:radial-gradient(circle, rgba(248,180,0,.35) 0%, rgba(248,180,0,0) 60%);
  opacity:0;
  pointer-events:none;
  filter:blur(26px);
  transition:opacity .28s ease;
}
.sw-step-card:hover{
  transform:translateY(-4px);
  border:1px solid rgba(248,180,0,.6);
  box-shadow:0 18px 38px rgba(0,0,0,0.25);
}
.sw-step-card:hover::after{
  opacity:1;
}

/* number */
.sw-step-no{
  position:absolute;
  top:14px;
  right:16px;
  color:rgba(194,170,204,0.25);
  font-weight:600;
  line-height:1;
  font-size:inherit;
}

/* icons */
.sw-icon-ring{
  width:58px;
  height:58px;
  border-radius:999px;
  display:grid;
  place-items:center;
  margin-bottom:4px;
  background:radial-gradient(circle at 40% 30%, #7250ff 0%, #0ab5ff 70%);
  box-shadow:0 0 20px rgba(0,181,255,0.25);
}
.sw-icon-2{
  background:radial-gradient(circle at 40% 30%, #32b3ff 0%, #0367cc 72%);
}
.sw-icon-4{
  background:radial-gradient(circle at 40% 30%, #6f55ff 0%, #0689e1 70%);
}

/* text */
.sw-card-tag{
  text-transform:uppercase;
  letter-spacing:.15em;
  font-weight:700;
  color:#f8b400;
  margin-bottom:2px;
  font-size:inherit;
}
.sw-card-title{
  color:#fff;
  font-weight:700;
  line-height:1.2;
  font-size:inherit;
}
.sw-card-body{
  color:rgba(255,255,255,0.9);
  line-height:1.4;
}
.sw-card-foot{
  margin-top:auto;
  color:rgba(222,222,230,0.72);
  font-style:italic;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,0.01);
}

/* orange dots for 3 cards */
.sw-mid-dot{
  position:absolute;
  top:56%;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  background:#f8b400;
  border-radius:999px;
  box-shadow:0 0 14px rgba(248,180,0,.85);
}
.sw-mid-dot-1{ left:33.33%; }
.sw-mid-dot-2{ left:66.66%; }

/* responsive */
@media (max-width:1200px){
  .sw-container{ max-width:100%; }
  .sw-steps-wrap{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sw-mid-dot{ display:none; }
}
@media (max-width:640px){
  .sw-steps-wrap{ grid-template-columns:1fr; }
  .sw-step-card{ padding:20px 18px 18px; }
}
/* ----------------------------------------------
   PERFECT CENTERED FULL-WIDTH ROTATING BLOCK
---------------------------------------------- */

.sw-rotating-fullwidth {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 80px 0;
}

.sw-rotating-inner {
  width: 100%;
  max-width: 900px;        /* TRUE CENTER */
  text-align: center;
  padding: 0 20px;
}

/* BIG, CENTERED, SLOW ROTATION */
.sw-rotating-heading {
  font-size: 3rem;         /* BIGGER */
  font-weight: 700;
  color: #FFD700;
  height: 80px;
  overflow: hidden;
  position: relative;
}

/* rotate lines */
.sw-rotating-heading span {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  animation: rotateFancy 14s ease-in-out infinite; /* SLOW + SMOOTH */
}

.sw-rotating-heading .t1 { animation-delay: 0s; }
.sw-rotating-heading .t2 { animation-delay: 7s; }

@keyframes rotateFancy {
  0%   { opacity: 0; transform: translateY(25px); }
  10%  { opacity: 1; transform: translateY(0); }
  40%  { opacity: 1; transform: translateY(0); }
  50%  { opacity: 0; transform: translateY(-25px); }
  100% { opacity: 0; }
}

/* BIGGER DESCRIPTION */
.sw-rotating-desc {
  margin-top: 24px;
  font-size: 1.45rem;         /* MUCH BIGGER */
  line-height: 1.75;
  color: #fff;
  opacity: 0.95;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-196b0c5 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-196b0c5 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-196b0c5::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-196b0c5 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-196b0c5 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-196b0c5 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-196b0c5 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-196b0c5 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-196b0c5 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-196b0c5 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-196b0c5 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-196b0c5 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-196b0c5 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-196b0c5 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa2031c *//* ============================================================
   EVERYTHING-NEW — BASE WRAPPER
============================================================ */
.swl-en-section {
  width: 100%;
  padding: 4rem 1.5rem;
  background: transparent;
}

.swl-en-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ============================================================
   GRID — MOBILE FIRST
============================================================ */
.swl-en-grid {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

/* DESKTOP 50/50 SPLIT */
@media (min-width: 960px) {
  .swl-en-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* EXACT 50/50 */
    gap: 4rem !important;
    align-items: center !important; /* vertically align text with image */
  }
}

/* ============================================================
   IMAGE BLOCK (EVERYTHING-NEW STYLE)
============================================================ */
.swl-en-image-wrap {
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #1f2933;
  aspect-ratio: 16/9;
  background: #020617;
  box-shadow: 0 22px 45px rgba(0,0,0,0.55);
  position: relative;
}

.swl-en-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent 40%);
  z-index: 5;
  pointer-events: none;
}

.swl-en-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.55s ease;
}

.swl-en-image-wrap:hover .swl-en-image {
  transform: scale(1.05);
}

/* ============================================================
   TEXT COLUMN (Heading + Body)
============================================================ */
.swl-en-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; /* prevents heading going above image */
}

/* ============================================================
   EYEBROW (H3) — NEW SPEC
============================================================ */
.swl-en-eyebrow {
  font-family: Inter, sans-serif;
  text-transform: uppercase;
  color: #00EAFF !important;         /* neon blue */
  font-weight: 900;
  letter-spacing: 0.22em;

  font-size: 1.55rem;                /* mobile */
  margin-bottom: 1rem;
}

@media (min-width: 960px) {
  .swl-en-eyebrow {
    font-size: 1.95rem;              /* desktop */
  }
}

/* ============================================================
   HEADING — GOLD + NO GLOW + NEW SIZE
============================================================ */
.swl-en-heading {
  font-family: "Orbitron", sans-serif;
  font-weight: 900;
  color: #FFD700 !important;          /* pure gold */
  text-transform: uppercase;
  letter-spacing: 0.01em;
  text-shadow: none !important;

  /* MOBILE SIZE */
  font-size: 27px !important;
  line-height: 1.12 !important;
  margin: 0 0 1.25rem 0 !important;
}

@media (min-width: 960px) {
  .swl-en-heading {
    font-size: 36px !important;       /* DESKTOP SIZE */
    line-height: 1.08 !important;
  }
}

/* ============================================================
   BODY TEXT — NEW SPEC 16PX MOBILE + DESKTOP
============================================================ */
.swl-en-body {
  font-family: "Inter", sans-serif;
  color: rgba(255,255,255,0.92);
  font-size: 16px !important;         /* MOBILE */
  line-height: 1.6 !important;
}

@media (min-width: 960px) {
  .swl-en-body {
    font-size: 16px !important;       /* SAME DESKTOP */
    line-height: 1.6 !important;
  }
}

/* ============================================================
   MOBILE — CENTER TEXT ONLY
============================================================ */
@media (max-width: 768px) {
  .swl-en-content {
    text-align: center;
    align-items: center;
  }
}
/* ============================================================
   FINAL FORCE FIX — MAKE HEADING PURE GOLD (OVERRIDE ALL)
============================================================ */
.swl-en-section .swl-en-heading {
    color: #FFD700 !important;          /* pure gold */
    -webkit-text-fill-color: #FFD700 !important;
    text-shadow: none !important;       /* remove glow */
}
/* -----------------------------
   FORCE: TEXT above IMAGE on mobile
   Paste this at the VERY END of your CSS
   ----------------------------- */
@media (max-width: 960px) {
  /* make sure the container is a flex column on mobile */
  html body .swl-en-section .swl-en-container .swl-en-grid,
  .swl-en-section .swl-en-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
  }

  /* text (heading + body) should be first */
  html body .swl-en-section .swl-en-grid > .swl-en-content,
  .swl-en-section .swl-en-grid > .swl-en-content {
    order: 1 !important;
    width: 100% !important;
    align-self: center !important;
    text-align: center !important;
  }

  /* image wrapper forced after text */
  html body .swl-en-section .swl-en-grid > .swl-en-image-wrap,
  .swl-en-section .swl-en-grid > .swl-en-img-block,
  .swl-en-section .swl-en-grid > .swl-en-image-block {
    order: 2 !important;
    width: 100% !important;
    align-self: center !important;
    margin-top: 16px !important;
  }

  /* ensure the image fills its wrapper with the expected aspect */
  html body .swl-en-section .swl-en-image-wrap .swl-en-image,
  .swl-en-section .swl-en-image-wrap .swl-en-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }
}
/* FIX — UPDATE HEADING TO SWL 3-STEP STANDARD */
.swl-en-section .swl-en-heading {
  font-size: 30px !important;      /* Mobile Base: Up from 27px */
  line-height: 1.08 !important;    /* Tighter line height */
  letter-spacing: 0.01em !important;
}

/* Step 2: Laptop (Intermediate) */
@media (min-width: 960px) {
  .swl-en-section .swl-en-heading {
    font-size: 34px !important;    /* Laptop Scale */
  }
}

/* Step 3: Desktop (Max) */
@media (min-width: 1200px) {
  .swl-en-section .swl-en-heading {
    font-size: 36px !important;    /* Full Desktop Size */
  }
}/* FIX — Align Heading with Top of Image */
@media (min-width: 960px) {
  .swl-en-grid {
    align-items: start !important; /* CHANGED: center -> start */
  }

  .swl-en-content {
    justify-content: flex-start !important; /* CHANGED: center -> flex-start */
    margin-top: -5px; /* Optional: Micro-adjust to align font cap-height with image border */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ff2a0f *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-4ff2a0f {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-4ff2a0f::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-4ff2a0f > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-4ff2a0f .elementor-container,
.elementor-5580 .elementor-element.elementor-element-4ff2a0f .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-4ff2a0f .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-4ff2a0f [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-4ff2a0f [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-4ff2a0f [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-4ff2a0f [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-4ff2a0f [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-4ff2a0f > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-4ff2a0f .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d3b5e0 *//* ============================================================
   AUREON FINAL: RAAHEEL STORY (Fixed Layout + Styles + INTER Font)
   ============================================================ */

/* 1. SECTION WRAPPER & VIRTUAL CONTAINER */
.swl-raheel-section {
  width: 100%;
  padding: 80px 24px;
  background: transparent;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

/* Force Inner Content to Center (Max 1200px) */
.swl-raheel-top,
.swl-raheel-line,
.swl-raheel-grid {
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2. TOP LAYOUT (50/50 Split) */
.swl-raheel-top {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 60px !important;
  align-items: center !important;
  margin-bottom: 50px !important;
}

/* 3. HEADER STYLES (Golden Yellow + Inter Body) */
.swl-raheel-header {
  text-align: left !important;
}

/* Main Heading - Pure Gold */
.swl-raheel-header h2 {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: #FFD700 !important;         /* Pure Golden Yellow */
  -webkit-text-fill-color: #FFD700 !important;
  text-shadow: none !important;
  margin: 0 0 20px 0 !important;
  
  /* Sizing */
  font-size: 30px !important; 
  line-height: 1.1 !important;
}

@media (min-width: 960px) {
  .swl-raheel-header h2 { font-size: 34px !important; }
}
@media (min-width: 1200px) {
  .swl-raheel-header h2 { font-size: 36px !important; }
}

/* Eyebrow - Neon Blue + Inter */
.swl-raheel-eyebrow {
  color: #00EAFF !important;        /* Neon Blue */
  font-family: 'Inter', sans-serif !important; /* FIXED: Inter */
  font-weight: 900 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  display: block !important;
  margin-bottom: 12px !important;
}

/* Header Body Text - Inter */
/* ============================================================
   SWL HEADING SPEC (3-Step Sizing + Exact Line Height)
   ============================================================ */
.swl-raheel-header h2 {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: #FFD700 !important;
  -webkit-text-fill-color: #FFD700 !important;
  text-shadow: none !important;
  margin: 0 0 20px 0 !important;
  
  /* STEP 1: Mobile (<960px) */
  font-size: 30px !important; 
  line-height: 1.12 !important; /* EXACT SWL SPEC */
  letter-spacing: 0.01em !important;
}

/* STEP 2: Laptop (≥960px) */
@media (min-width: 960px) {
  .swl-raheel-header h2 {
    font-size: 34px !important;
    line-height: 1.08 !important; /* EXACT SWL SPEC */
  }
}

/* STEP 3: Desktop (≥1200px) */
@media (min-width: 1200px) {
  .swl-raheel-header h2 {
    font-size: 36px !important;
  }
}

/* 4. SLIDESHOW (16:9 Fixed) */
.swl-raheel-slideshow {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #000 !important;
  box-shadow: 0 22px 45px rgba(0,0,0,0.55) !important;
}

.swl-raheel-slideshow img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0;
  animation: swlFadeRaheel 12s infinite;
}

/* Animation */
.swl-raheel-slideshow img:nth-child(1) { animation-delay: 0s; }
.swl-raheel-slideshow img:nth-child(2) { animation-delay: 4s; }
.swl-raheel-slideshow img:nth-child(3) { animation-delay: 8s; }

@keyframes swlFadeRaheel {
  0% { opacity: 0; } 10% { opacity: 1; } 30% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; }
}

/* 5. DIVIDER LINE */
.swl-raheel-line {
  height: 2px !important;
  background: linear-gradient(90deg, #ff46c8, #ff8cf1) !important;
  margin-bottom: 50px !important;
  opacity: 0.8;
  position: relative;
}

/* 6. CARDS GRID */
.swl-raheel-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}

/* Card Styles */
.swl-raheel-card {
  background: linear-gradient(135deg, #ff46c8, #ff9be8) !important;
  border-radius: 26px !important;
  padding: 30px 24px !important;
  position: relative !important;
  color: #000 !important;
  box-shadow: 0 18px 38px rgba(255, 50, 190, 0.45) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  transition: transform 0.3s ease !important;
}
.swl-raheel-card:hover { transform: translateY(-10px) !important; }

/* Step Number */
.swl-raheel-step {
  position: absolute; top: 20px; right: 20px;
  font-size: 60px; font-weight: 900; color: rgba(255,255,255,0.25);
  font-family: 'Orbitron', sans-serif !important;
}

/* Chip (Tag) - Inter */
.swl-raheel-chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,0.6);
  padding: 6px 12px; border-radius: 20px;
  font-size: 12px; font-weight: 700; color: #000;
  margin-bottom: 15px;
  font-family: 'Inter', sans-serif !important; /* FIXED: Inter */
}
.swl-raheel-chip-dot { width: 8px; height: 8px; background: #ff3adf; border-radius: 50%; }

/* Card Titles (Neon Blue + Overlay) */
.swl-raheel-card h3 {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
  
  color: #00EAFF !important;          /* Neon Blue */
  -webkit-text-fill-color: #00EAFF !important;
  text-shadow: none !important;
  
  background: rgba(0, 0, 0, 0.45) !important; /* Soft Black Overlay */
  padding: 6px 12px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  backdrop-filter: blur(2px);
}

/* Card Body - Inter */
/* ============================================================
   FIX: MATCH CARD TEXT TO SECTION PARAGRAPH (16px)
   ============================================================ */
.swl-raheel-card p {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;      /* UPDATED: Matches Header P */
  line-height: 1.6 !important;     /* UPDATED: Matches Header P */
  color: #000 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* ============================================================
   MOBILE RESPONSIVENESS (960px Breakpoint)
   ============================================================ */
@media (max-width: 960px) {
  .swl-raheel-top {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: 40px !important;
  }
  
  .swl-raheel-header { text-align: center !important; }
  
  .swl-raheel-grid {
    grid-template-columns: 1fr !important;
    max-width: 500px !important;
    margin: 0 auto !important;
  }
  
  .swl-raheel-slideshow {
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99ee362 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-99ee362 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-99ee362::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-99ee362 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-99ee362 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-99ee362 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-99ee362 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-99ee362 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-99ee362 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-99ee362 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-99ee362 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-99ee362 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-99ee362 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-99ee362 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9da5036 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-9da5036 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-9da5036::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-9da5036 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-9da5036 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-9da5036 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-9da5036 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-9da5036 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-9da5036 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-9da5036 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-9da5036 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-9da5036 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-9da5036 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-9da5036 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-154d3e6 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-154d3e6 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-154d3e6::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-154d3e6 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-154d3e6 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-154d3e6 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-154d3e6 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-154d3e6 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-154d3e6 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-154d3e6 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-154d3e6 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-154d3e6 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-154d3e6 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-154d3e6 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35fffd7 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-35fffd7 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-35fffd7::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-35fffd7 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-35fffd7 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-35fffd7 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-35fffd7 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-35fffd7 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-35fffd7 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-35fffd7 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-35fffd7 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-35fffd7 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-35fffd7 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-35fffd7 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e48cb *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-c5e48cb {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-c5e48cb::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-c5e48cb > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-c5e48cb .elementor-container,
.elementor-5580 .elementor-element.elementor-element-c5e48cb .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-c5e48cb .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-c5e48cb [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-c5e48cb [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-c5e48cb [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-c5e48cb [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-c5e48cb [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-c5e48cb > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-c5e48cb .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-659694c *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-659694c {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-659694c::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-659694c > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-659694c .elementor-container,
.elementor-5580 .elementor-element.elementor-element-659694c .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-659694c .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-659694c [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-659694c [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-659694c [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-659694c [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-659694c [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-659694c > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-659694c .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9a173d *//* ============================================================
   EVERYTHING-NEW — BASE SECTION WRAPPER
============================================================ */
.swl-en-section {
  width: 100%;
  padding: 4rem 1.5rem;
  background: transparent;
}

.swl-en-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ============================================================
   GRID — 50/50 IMAGE LEFT, TEXT RIGHT (Mobile First)
============================================================ */
.swl-en-grid {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 960px) {
  .swl-en-grid {
    display: grid;
    grid-template-columns: 5fr 6fr;  /* image left | text right */
    gap: 4rem;
    align-items: center;
  }
}

/* ============================================================
   IMAGE BLOCK — MATCH EVERYTHING-NEW SLIDER AESTHETIC
============================================================ */
.swl-en-image-wrap {
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #1f2933;
  aspect-ratio: 16 / 9;
  box-shadow: 0 22px 45px rgba(0,0,0,0.55);
  background: #020617;
  position: relative;
}

/* vignette effect */
.swl-en-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent 40%);
  z-index: 5;
  pointer-events: none;
}

.swl-en-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.55s ease;
}

.swl-en-image-wrap:hover .swl-en-image {
  transform: scale(1.05);
}

/* ============================================================
   TEXT COLUMN — EVERYTHING-NEW TYPOGRAPHY
============================================================ */
.swl-en-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Heading (Orbitron Gold, SWL size pattern) */
.swl-en-heading {
  font-family: "Orbitron", sans-serif;
  font-weight: 900;
  color: #FFD700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1.12;
  font-size: 1.7rem; /* mobile */
  margin: 0 0 1.25rem 0;
}

@media (min-width: 960px) {
  .swl-en-heading {
    font-size: 34px;
    line-height: 1.08;
  }
}

@media (min-width: 1200px) {
  .swl-en-heading {
    font-size: 36px;
  }
}

/* Body text (Inter, large readable everything-new sizing) */
.swl-en-body {
  font-family: "Inter", sans-serif;
  color: #e5e7eb;
  line-height: 1.9;
  font-size: 1.25rem;
}

@media (min-width: 960px) {
  .swl-en-body {
    font-size: 1.45rem;
    line-height: 2.05;
  }
}

/* ============================================================
   MOBILE ALIGNMENT — CENTERED TEXT ONLY ON SMALL SCREENS
============================================================ */
@media (max-width: 768px) {
  .swl-en-content {
    text-align: center;
    align-items: center;
  }
}
/* ============================================================
   FIX 50/50 SPLIT + VERTICAL ALIGNMENT (EVERYTHING-NEW)
============================================================ */

/* Desktop: force perfect 50/50 columns */
@media (min-width: 960px) {
  .swl-en-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;  /* EXACT 50/50 */
    gap: 4rem !important;
    align-items: center !important;            /* aligns heading with image center */
  }
}

/* Ensure heading never rises above image height */
.swl-en-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;  /* vertically centers heading + para */
}

/* Prevent heading from sitting higher than image top edge */
.swl-en-heading {
  margin-top: 0 !important;
}
/* ============================================================
   AUREON FIX: PERFECT TOP VISUAL ALIGNMENT
   ============================================================ */

@media (min-width: 960px) {
  /* 1. Force the grid columns to start at the top line */
  .swl-en-grid {
    align-items: start !important; 
  }

  /* 2. Push the heading DOWN to match the image's top edge visually */
  .swl-en-heading {
    /* Change this value if it's still slightly off:
       Larger number (e.g. 20px) = Moves text LOWER
       Smaller number (e.g. 5px) = Moves text HIGHER 
    */
    margin-top: 15px !important; 
    
    /* Ensure no other bottom margins interfere */
    margin-bottom: 20px !important; 
  }

  /* 3. Ensure the text container doesn't try to center itself */
  .swl-en-content {
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }
}
/* ============================================================
   AUREON FINAL: PIXEL-PERFECT TOP ALIGNMENT
   ============================================================ */

@media (min-width: 960px) {
  /* 1. Force the containers to start strictly at the top line */
  .swl-en-grid {
    align-items: start !important; /* Locks grid to top */
    gap: 4rem !important;
  }

  /* 2. TEXT CONTAINER: Remove any internal spacing */
  .swl-en-content {
    justify-content: flex-start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 3. HEADING: The "Magic" Adjustment */
  .swl-en-heading {
    /* "line-height: 1" reduces the invisible gap.
       "margin-top: -7px" pulls the letters UP to hit the line.
       
       ADJUSTMENT GUIDE:
       If text is TOO HIGH -> Change -7px to 0px
       If text is TOO LOW  -> Change -7px to -10px
    */
    line-height: 1 !important; 
    margin-top: -7px !important; 
    margin-bottom: 20px !important; 
  }
}/* ============================================
   PERFECT TOP ALIGNMENT: HEADING = IMAGE TOP
   ============================================ */
@media (min-width: 960px) {

  /* 1. Make both columns align at the top */
  .swl-en-grid {
    align-items: start !important;
  }

  /* 2. Ensure text column starts exactly at top */
  .swl-en-content {
    justify-content: flex-start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* 3. Remove any top offset from Heading */
  .swl-en-heading {
    margin-top: 0 !important;
    line-height: 1.08 !important;   /* keeps Orbitron neat */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0675bed *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-0675bed {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-0675bed::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-0675bed > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-0675bed .elementor-container,
.elementor-5580 .elementor-element.elementor-element-0675bed .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-0675bed .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-0675bed [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-0675bed [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-0675bed [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-0675bed [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-0675bed [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-0675bed > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-0675bed .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-487943e *//* SECTION WRAPPER */
.wolf-checklist-section {
  padding: 120px 5vw;
  background: transparent;
}

/* NEW: Turn container into one vertical column */
.wc-container {
  max-width: 1300px;
  margin: auto;
  display: flex;
  flex-direction: column;   /* instead of grid */
  gap: 3rem;
  align-items: center;
}

/* TOP BLOCK CENTERED */
.wc-top {
  text-align: center;
  max-width: 700px;
}

.wc-title {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 38px;
  line-height: 1.2;
  color: #FFD700;
  margin-bottom: 18px;
}

.wc-intro {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.9);
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.wc-red { color: #ff3a3a !important; }

/* TABLE AREA */
.wc-right {
  width: 100%;
}

.wc-table {
  display: grid;
  gap: 12px;
}

/* TABLE ROWS */
.wc-row {
  display: grid;
  grid-template-columns: 0.8fr 1.1fr 1fr;
  gap: 18px;
  padding: 18px 20px;
  background: rgba(0,0,0,0.45);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  font-family: 'Inter', sans-serif !important;
  color: rgba(255,255,255,0.95);
  transition: 0.25s;
}

/* RESPONSIVE */
@media(max-width: 1000px){
  .wc-row {
    grid-template-columns: 1fr;
  }
  .wc-table {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-727fc5d *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-727fc5d {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-727fc5d::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-727fc5d > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-727fc5d .elementor-container,
.elementor-5580 .elementor-element.elementor-element-727fc5d .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-727fc5d .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-727fc5d [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-727fc5d [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-727fc5d [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-727fc5d [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-727fc5d [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-727fc5d > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-727fc5d .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf5b6c9 *//* ============================================
   GLOBAL CONTAINER (Everything-New standard)
============================================ */
.swl-container {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* ============================================
   BASE WRAPPER (Mobile First)
============================================ */
.swl-section-v4 {
  width: 100%;
  padding: 4rem 1.5rem;
  background: transparent;
}

/* ============================================
   GRID — MOBILE FIRST
============================================ */
.swl-section-v4 .swl-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: center;
}

/* DESKTOP: TRUE 50/50 */
@media (min-width: 960px) {
  .swl-section-v4 .swl-grid {
    grid-template-columns: 1fr 1fr;  /* exact 50/50 */
    gap: 4rem;
  }
}

/* ============================================
   IMAGE BLOCK — Everything-New Style
============================================ */
.swl-section-v4 .swl-img-wrap {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #1f2933;
  background: #020617;
  box-shadow: 0 22px 45px rgba(0,0,0,0.55);
  position: relative;
}

.swl-section-v4 .swl-img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent 40%);
  pointer-events: none;
}

.swl-section-v4 .swl-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============================================
   TEXT BLOCK — Everything-New Sizes
============================================ */
.swl-section-v4 .swl-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Eyebrow */
.swl-section-v4 .swl-eyebrow {
  font-family: Inter, sans-serif;
  color: #00EAFF;
  letter-spacing: 0.22em;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.55rem;
  margin-bottom: 1rem;
}

@media (min-width: 960px) {
  .swl-section-v4 .swl-eyebrow {
    font-size: 1.95rem;
  }
}

/* Heading — SWL spec */
.swl-section-v4 .swl-heading {
  font-family: Orbitron, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFD700 !important;
  text-shadow: none !important;
  font-size: 27px !important; /* mobile */
  line-height: 1.12;
  margin: 0 0 1rem 0;
}

@media (min-width: 960px) {
  .swl-section-v4 .swl-heading {
    font-size: 36px !important; /* desktop */
    line-height: 1.08;
  }
}

/* Body */
.swl-section-v4 .swl-body {
  font-family: Inter, sans-serif;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.92);
}

/* Desktop keeps same size */
@media (min-width: 960px) {
  .swl-section-v4 .swl-body {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

/* ============================================
   MOBILE FIX — CENTER EVERYTHING
============================================ */
@media (max-width: 959px) {
  .swl-section-v4 .swl-content {
    text-align: center !important;
    align-items: center !important;
  }

  .swl-section-v4 .swl-heading {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .swl-section-v4 .swl-body {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .swl-section-v4 .swl-grid {
    grid-template-columns: 1fr !important;
  }
}
.swl-en-section
   → .swl-en-container (1200px max)
       → .swl-en-grid (1fr 1fr exact)
/* FIX 1 — remove shrink on image wrapper */
.swl-section-v4 .swl-img-block {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* FIX 2 — remove container padding ONLY inside V4 (safe) */
.swl-section-v4 .swl-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* FIX 3 — grid gap reduce ON MOBILE for image breathing room */
@media (max-width: 959px) {
  .swl-section-v4 .swl-grid {
    gap: 1.5rem !important;
  }
}
/* FIX — Enforce New SWL 3-Step Heading Logic */
.swl-section-v4 .swl-heading {
  font-size: 30px !important; /* New Mobile Base */
  line-height: 1.08 !important;
  letter-spacing: 0.01em !important;
}

/* Step 2: Laptop */
@media (min-width: 960px) {
  .swl-section-v4 .swl-heading {
    font-size: 34px !important; /* Intermediate Size */
  }
}

/* Step 3: Desktop */
@media (min-width: 1200px) {
  .swl-section-v4 .swl-heading {
    font-size: 36px !important; /* Max Size */
  }
}
/* FIX — Align Text to TOP of Image (Prevents floating above) */
@media (min-width: 960px) {
  .swl-section-v4 .swl-grid {
    align-items: start !important; /* Forces top alignment */
    align-content: start !important;
  }
  
  /* Optional: Micro-adjustment for visual alignment */
  .swl-section-v4 .swl-content {
    justify-content: flex-start !important;
    margin-top: -5px; /* Aligns cap-height of font with image border */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7143bd *//* ============================================================
   EVERYTHING-NEW — BASE SECTION WRAPPER
============================================================ */
.swl-en-section {
  width: 100%;
  padding: 4rem 1.5rem;
  background: transparent;
}

.swl-en-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ============================================================
   GRID — 50/50 IMAGE LEFT, TEXT RIGHT (Mobile First)
============================================================ */
.swl-en-grid {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 960px) {
  .swl-en-grid {
    display: grid;
    grid-template-columns: 5fr 6fr;  /* image left | text right */
    gap: 4rem;
    align-items: center;
  }
}

/* ============================================================
   IMAGE BLOCK — MATCH EVERYTHING-NEW SLIDER AESTHETIC
============================================================ */
.swl-en-image-wrap {
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #1f2933;
  aspect-ratio: 16 / 9;
  box-shadow: 0 22px 45px rgba(0,0,0,0.55);
  background: #020617;
  position: relative;
}

/* vignette effect */
.swl-en-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent 40%);
  z-index: 5;
  pointer-events: none;
}

.swl-en-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.55s ease;
}

.swl-en-image-wrap:hover .swl-en-image {
  transform: scale(1.05);
}

/* ============================================================
   TEXT COLUMN — EVERYTHING-NEW TYPOGRAPHY
============================================================ */
.swl-en-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Heading (Orbitron Gold, SWL size pattern) */
.swl-en-heading {
  font-family: "Orbitron", sans-serif;
  font-weight: 900;
  color: #FFD700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1.12;
  font-size: 1.7rem; /* mobile */
  margin: 0 0 1.25rem 0;
}

@media (min-width: 960px) {
  .swl-en-heading {
    font-size: 34px;
    line-height: 1.08;
  }
}

@media (min-width: 1200px) {
  .swl-en-heading {
    font-size: 36px;
  }
}

/* Body text (Inter, large readable everything-new sizing) */
.swl-en-body {
  font-family: "Inter", sans-serif;
  color: #e5e7eb;
  line-height: 1.9;
  font-size: 1.25rem;
}

@media (min-width: 960px) {
  .swl-en-body {
    font-size: 1.45rem;
    line-height: 2.05;
  }
}

/* ============================================================
   MOBILE ALIGNMENT — CENTERED TEXT ONLY ON SMALL SCREENS
============================================================ */
@media (max-width: 768px) {
  .swl-en-content {
    text-align: center;
    align-items: center;
  }
}
/* ============================================================
   FIX 50/50 SPLIT + VERTICAL ALIGNMENT (EVERYTHING-NEW)
============================================================ */

/* Desktop: force perfect 50/50 columns */
@media (min-width: 960px) {
  .swl-en-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;  /* EXACT 50/50 */
    gap: 4rem !important;
    align-items: center !important;            /* aligns heading with image center */
  }
}

/* Ensure heading never rises above image height */
.swl-en-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;  /* vertically centers heading + para */
}

/* Prevent heading from sitting higher than image top edge */
.swl-en-heading {
  margin-top: 0 !important;
}
/* ============================================================
   AUREON FIX: PERFECT TOP VISUAL ALIGNMENT
   ============================================================ */

@media (min-width: 960px) {
  /* 1. Force the grid columns to start at the top line */
  .swl-en-grid {
    align-items: start !important; 
  }

  /* 2. Push the heading DOWN to match the image's top edge visually */
  .swl-en-heading {
    /* Change this value if it's still slightly off:
       Larger number (e.g. 20px) = Moves text LOWER
       Smaller number (e.g. 5px) = Moves text HIGHER 
    */
    margin-top: 15px !important; 
    
    /* Ensure no other bottom margins interfere */
    margin-bottom: 20px !important; 
  }

  /* 3. Ensure the text container doesn't try to center itself */
  .swl-en-content {
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }
}
/* ============================================================
   AUREON FINAL: PIXEL-PERFECT TOP ALIGNMENT
   ============================================================ */

@media (min-width: 960px) {
  /* 1. Force the containers to start strictly at the top line */
  .swl-en-grid {
    align-items: start !important; /* Locks grid to top */
    gap: 4rem !important;
  }

  /* 2. TEXT CONTAINER: Remove any internal spacing */
  .swl-en-content {
    justify-content: flex-start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 3. HEADING: The "Magic" Adjustment */
  .swl-en-heading {
    /* "line-height: 1" reduces the invisible gap.
       "margin-top: -7px" pulls the letters UP to hit the line.
       
       ADJUSTMENT GUIDE:
       If text is TOO HIGH -> Change -7px to 0px
       If text is TOO LOW  -> Change -7px to -10px
    */
    line-height: 1 !important; 
    margin-top: -7px !important; 
    margin-bottom: 20px !important; 
  }
}/* ============================================
   PERFECT TOP ALIGNMENT: HEADING = IMAGE TOP
   ============================================ */
@media (min-width: 960px) {

  /* 1. Make both columns align at the top */
  .swl-en-grid {
    align-items: start !important;
  }

  /* 2. Ensure text column starts exactly at top */
  .swl-en-content {
    justify-content: flex-start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* 3. Remove any top offset from Heading */
  .swl-en-heading {
    margin-top: 0 !important;
    line-height: 1.08 !important;   /* keeps Orbitron neat */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49ebb31 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-49ebb31 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-49ebb31::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-49ebb31 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-49ebb31 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-49ebb31 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-49ebb31 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-49ebb31 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-49ebb31 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-49ebb31 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-49ebb31 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-49ebb31 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-49ebb31 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-49ebb31 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5ca68a *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-b5ca68a {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-b5ca68a::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-b5ca68a > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-b5ca68a .elementor-container,
.elementor-5580 .elementor-element.elementor-element-b5ca68a .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-b5ca68a .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-b5ca68a [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-b5ca68a [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-b5ca68a [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-b5ca68a [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-b5ca68a [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-b5ca68a > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-b5ca68a .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5884d0e *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-5884d0e {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-5884d0e::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-5884d0e > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-5884d0e .elementor-container,
.elementor-5580 .elementor-element.elementor-element-5884d0e .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-5884d0e .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-5884d0e [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-5884d0e [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-5884d0e [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-5884d0e [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-5884d0e [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-5884d0e > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-5884d0e .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d6d65d *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-8d6d65d {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-8d6d65d::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-8d6d65d > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-8d6d65d .elementor-container,
.elementor-5580 .elementor-element.elementor-element-8d6d65d .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-8d6d65d .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-8d6d65d [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-8d6d65d [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-8d6d65d [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-8d6d65d [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-8d6d65d [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-8d6d65d > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-8d6d65d .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6dc2c6 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-a6dc2c6::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-a6dc2c6 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f790576 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-f790576 {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-f790576::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-f790576 > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-f790576 .elementor-container,
.elementor-5580 .elementor-element.elementor-element-f790576 .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-f790576 .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-f790576 [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-f790576 [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-f790576 [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-f790576 [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-f790576 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-f790576 > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-f790576 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ae99ca *//* === Gradient background + dotted overlay (exact style) === */
.elementor-5580 .elementor-element.elementor-element-7ae99ca {
  position: relative;
  overflow: hidden;
  z-index: 0;

  /* gradient from your screenshot */
  background: linear-gradient(
    90deg,
    #6118f5 0%,
    #8b37cb 40%,
    #b25584 70%,
    #d17d3f 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* dotted layer on top */
.elementor-5580 .elementor-element.elementor-element-7ae99ca::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.10) 2px,
    transparent 2px
  );
  background-size: 40px 40px;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* keep actual content above the dots */
.elementor-5580 .elementor-element.elementor-element-7ae99ca > .e-con-inner,
.elementor-5580 .elementor-element.elementor-element-7ae99ca .elementor-container,
.elementor-5580 .elementor-element.elementor-element-7ae99ca .elementor-widget-wrap,
.elementor-5580 .elementor-element.elementor-element-7ae99ca .elementor-element-populated {
  position: relative;
  z-index: 2;
  background: transparent !important;   /* 🟣 kill dark inner bg */
}

/* some theme/widgets still inject dark background → make them transparent too */
.elementor-5580 .elementor-element.elementor-element-7ae99ca [class*="histudy"],
.elementor-5580 .elementor-element.elementor-element-7ae99ca [class*="rbt-"],
.elementor-5580 .elementor-element.elementor-element-7ae99ca [class*="rb-"],
.elementor-5580 .elementor-element.elementor-element-7ae99ca [class*="about-block"],
.elementor-5580 .elementor-element.elementor-element-7ae99ca [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-5580 .elementor-element.elementor-element-7ae99ca > .e-con-inner::before,
.elementor-5580 .elementor-element.elementor-element-7ae99ca .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */