.elementor-16241 .elementor-element.elementor-element-6c9a8b2{--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;--margin-top:-247px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16241 .elementor-element.elementor-element-210ad2f{--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-16241 .elementor-element.elementor-element-4cdc3ea{--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-16241 .elementor-element.elementor-element-444ba77{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-16241 .elementor-element.elementor-element-532aa01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3c00f98 *//* CTA WRAPPER */
.mentor-cta-wrapper {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
}

/* BASE BUTTON STYLE */
.mentor-btn {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 17px;
  padding: 16px 34px;
  border-radius: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.35s ease;
  position: relative;
  z-index: 2;
  text-decoration: none;
}

/* ================================
   WHITE BUTTON (CYAN GLOW)
================================ */
.mentor-btn-white {
  background: #ffffff;
  color: #000000;
  border: 1px solid rgba(0,255,255,0.4);
  box-shadow:
    0 0 18px rgba(0,255,255,0.4),
    inset 0 0 8px rgba(0,255,255,0.4);
}

.mentor-btn-white:hover {
  transform: translateY(-6px) scale(1.05);
  box-shadow:
    0 0 28px rgba(0,255,255,0.75),
    0 0 55px rgba(0,255,255,0.55),
    inset 0 0 15px rgba(0,255,255,0.35);
}

/* ================================
   GOLD BUTTON (GOLD GLOW)
================================ */
.mentor-btn-gold {
  background: #FFD700;
  color: #000000;
  border: 1px solid rgba(255,215,0,0.4);
  box-shadow:
    0 0 18px rgba(255,215,0,0.4),
    inset 0 0 8px rgba(255,215,0,0.4);
}

.mentor-btn-gold:hover {
  transform: translateY(-6px) scale(1.05);
  box-shadow:
    0 0 32px rgba(255,215,0,0.75),
    0 0 65px rgba(255,215,0,0.55),
    inset 0 0 18px rgba(255,215,0,0.45);
}
/* FIXES */
.mentor-btn-white {
  color: #000 !important;
}

.mentor-cta-wrapper {
  margin-top: 40px;
  margin-bottom: 50px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c9a8b2 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 {
  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-16241 .elementor-element.elementor-element-6c9a8b2::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-16241 .elementor-element.elementor-element-6c9a8b2 > .e-con-inner,
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 .elementor-container,
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 .elementor-widget-wrap,
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 .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-16241 .elementor-element.elementor-element-6c9a8b2 [class*="histudy"],
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 [class*="rbt-"],
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 [class*="rb-"],
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 [class*="about-block"],
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 > .e-con-inner::before,
.elementor-16241 .elementor-element.elementor-element-6c9a8b2 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-532aa01 *//* WOLF V3 PRODUCTION STYLES */

.wolfi-v3 {
  font-family: 'Inter', sans-serif !important;
  color: #ffffff !important;
  background-color: transparent !important;
}

/* Header/Content Block Logic */
.wolf-section {
  display: flex !important;
  flex-direction: column !important;
}

.header-block {
  display: flex !important;
  align-items: center !important;
  gap: 3rem !important;
  margin-bottom: 2rem !important;
}

.header-block .img-side { flex: 0 0 60% !important; }
.header-block .text-side { flex: 1 !important; }

.content-block {
  width: 100% !important;
}

/* Typography Overrides */
.wolfi-v3 .wolf-eyebrow {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin-bottom: 12px !important;
}

.wolfi-v3 .wolf-h2 {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  color: #FFD700 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.wolfi-v3 .wolf-h3-sub {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #FFD700 !important;
  margin-bottom: 24px !important;
  opacity: 0.9 !important;
}

.wolfi-v3 .wolf-body {
  font-family: 'Inter', sans-serif !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.wolfi-v3 .wolf-lead {
  font-weight: 700 !important;
  font-size: 22px !important;
  color: #ffffff !important;
}

/* Cards: Solid Black & Pink System */
.wolfi-v3 .wolf-card {
  background: #000000 !important;
  border: 1px solid #FF00FF !important;
  border-radius: 12px !important;
  padding: 32px !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  color: #ffffff !important;
}

.wolfi-v3 .wolf-card:hover {
  box-shadow: 0 0 25px rgba(255, 0, 255, 0.3) !important;
  transform: translateY(-5px) !important;
}

.wolfi-v3 .wolf-card-title {
  font-family: 'Orbitron', sans-serif !important;
  color: #FF00FF !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}

.wolfi-v3 .highlight-card {
  border-width: 2px !important;
  background: #110011 !important;
}

/* Visibility Fixes */
.wolfi-v3 .wolf-list {
  list-style-type: none !important;
  padding-left: 0 !important;
}

.wolfi-v3 .wolf-list li {
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 14px !important;
  color: #ffffff !important;
}

.wolfi-v3 .wolf-list li::before {
  content: '→' !important;
  position: absolute !important;
  left: 0 !important;
  color: #FF00FF !important;
  font-weight: 900 !important;
}

/* Table Style in Cards */
.wolfi-v3 .wolf-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-top: 10px !important;
}

.wolfi-v3 .wolf-table th {
  font-family: 'Orbitron', sans-serif !important;
  color: #FF00FF !important;
  text-align: left !important;
  padding: 12px !important;
  border-bottom: 2px solid #FF00FF !important;
  font-size: 11px !important;
}

.wolfi-v3 .wolf-table td {
  padding: 12px !important;
  border-bottom: 1px solid rgba(255, 0, 255, 0.2) !important;
  font-size: 14px !important;
  color: #ffffff !important;
}

/* Images */
.wolf-img-container {
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  aspect-ratio: 16/9 !important;
}

.wolf-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s ease !important;
}

.wolf-img:hover { transform: scale(1.05) !important; }

/* Utilities */
.neon-text { color: #00EAFF !important; text-shadow: 0 0 5px rgba(0, 234, 255, 0.5) !important; }

.wolf-quote {
  border-left: 4px solid #FFD700 !important;
  padding-left: 24px !important;
  font-style: italic !important;
  font-size: 20px !important;
  margin: 40px 0 !important;
  color: #FFD700 !important;
}

/* Mobile Alignment */
@media (max-width: 768px) {
  .header-block {
    flex-direction: column !important;
    text-align: center !important;
    gap: 1.5rem !important;
  }
  .header-block .img-side { width: 100% !important; }
  .right-img { flex-direction: column !important; }
  .wolfi-v3 .wolf-h2 { font-size: 30px !important; }
  .content-block { text-align: center !important; }
  .wolf-quote { border-left: none !important; border-top: 2px solid #FFD700 !important; padding: 20px 0 !important; }
  .wolfi-v3 .wolf-list li { text-align: left !important; }
}
/* =========================================================
   WOLF V3 — CARD SCALE & BALANCE FIX (APPEND ONLY)
   ========================================================= */

/* 1️⃣ Increase overall card presence */
.wolfi-v3 .wolf-card {
  padding: 40px !important;              /* more breathing room */
  font-size: 17px !important;            /* normalize text scale */
  line-height: 1.75 !important;
}

/* 2️⃣ Make card titles visually dominant */
.wolfi-v3 .wolf-card-title {
  font-size: 18px !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 20px !important;
}

/* 3️⃣ Fix small grid cards (traps, pillars, whys, etc.) */
.wolfi-v3 .wolf-card.text-center,
.wolfi-v3 .wolf-card.p-4,
.wolfi-v3 .wolf-card.p-6 {
  min-height: 160px !important;          /* stops visual collapse */
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* 4️⃣ Override Tailwind tiny text inside cards */
.wolfi-v3 .wolf-card .text-xs,
.wolfi-v3 .wolf-card .text-sm,
.wolfi-v3 .wolf-card p.text-xs,
.wolfi-v3 .wolf-card p.text-sm {
  font-size: 15px !important;
  line-height: 1.6 !important;
  opacity: 0.95 !important;
}

/* 5️⃣ Make grid cards feel equal to content blocks */
@media (min-width: 768px) {
  .wolfi-v3 .grid .wolf-card {
    min-height: 180px !important;
  }
}

/* 6️⃣ Mobile: keep cards readable, not cramped */
@media (max-width: 768px) {
  .wolfi-v3 .wolf-card {
    padding: 32px !important;
    min-height: auto !important;
  }
}
/* =========================================================
   WOLF V3 — GLOBAL PINK TITLE → NEON BLUE FIX
   (ALL TITLES, ALL SECTIONS)
   ========================================================= */

/* 1️⃣ Card titles (ALL variants, ALL sizes) */
.wolfi-v3 .wolf-card-title {
  color: #00EAFF !important;

  /* Soft black contrast overlay */
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.9),
    0 0 6px rgba(0, 0, 0, 0.7) !important;

  -webkit-font-smoothing: antialiased !important;
}

/* 2️⃣ Table headers = titles */
.wolfi-v3 .wolf-table th {
  color: #00EAFF !important;

  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.85),
    0 0 5px rgba(0, 0, 0, 0.6) !important;
}

/* 3️⃣ Safety net for micro / Tailwind-sized titles */
.wolfi-v3 .wolf-card-title.text-xs,
.wolfi-v3 .wolf-card-title.text-sm,
.wolfi-v3 .wolf-card-title[class*="text-["] {
  color: #00EAFF !important;

  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.9),
    0 0 5px rgba(0, 0, 0, 0.65) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-210ad2f *//* === Gradient background + dotted overlay (exact style) === */
.elementor-16241 .elementor-element.elementor-element-210ad2f {
  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-16241 .elementor-element.elementor-element-210ad2f::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-16241 .elementor-element.elementor-element-210ad2f > .e-con-inner,
.elementor-16241 .elementor-element.elementor-element-210ad2f .elementor-container,
.elementor-16241 .elementor-element.elementor-element-210ad2f .elementor-widget-wrap,
.elementor-16241 .elementor-element.elementor-element-210ad2f .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-16241 .elementor-element.elementor-element-210ad2f [class*="histudy"],
.elementor-16241 .elementor-element.elementor-element-210ad2f [class*="rbt-"],
.elementor-16241 .elementor-element.elementor-element-210ad2f [class*="rb-"],
.elementor-16241 .elementor-element.elementor-element-210ad2f [class*="about-block"],
.elementor-16241 .elementor-element.elementor-element-210ad2f [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-16241 .elementor-element.elementor-element-210ad2f > .e-con-inner::before,
.elementor-16241 .elementor-element.elementor-element-210ad2f .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cdc3ea *//* === Gradient background + dotted overlay (exact style) === */
.elementor-16241 .elementor-element.elementor-element-4cdc3ea {
  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-16241 .elementor-element.elementor-element-4cdc3ea::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-16241 .elementor-element.elementor-element-4cdc3ea > .e-con-inner,
.elementor-16241 .elementor-element.elementor-element-4cdc3ea .elementor-container,
.elementor-16241 .elementor-element.elementor-element-4cdc3ea .elementor-widget-wrap,
.elementor-16241 .elementor-element.elementor-element-4cdc3ea .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-16241 .elementor-element.elementor-element-4cdc3ea [class*="histudy"],
.elementor-16241 .elementor-element.elementor-element-4cdc3ea [class*="rbt-"],
.elementor-16241 .elementor-element.elementor-element-4cdc3ea [class*="rb-"],
.elementor-16241 .elementor-element.elementor-element-4cdc3ea [class*="about-block"],
.elementor-16241 .elementor-element.elementor-element-4cdc3ea [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-16241 .elementor-element.elementor-element-4cdc3ea > .e-con-inner::before,
.elementor-16241 .elementor-element.elementor-element-4cdc3ea .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-444ba77 *//* === Gradient background + dotted overlay (exact style) === */
.elementor-16241 .elementor-element.elementor-element-444ba77 {
  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-16241 .elementor-element.elementor-element-444ba77::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-16241 .elementor-element.elementor-element-444ba77 > .e-con-inner,
.elementor-16241 .elementor-element.elementor-element-444ba77 .elementor-container,
.elementor-16241 .elementor-element.elementor-element-444ba77 .elementor-widget-wrap,
.elementor-16241 .elementor-element.elementor-element-444ba77 .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-16241 .elementor-element.elementor-element-444ba77 [class*="histudy"],
.elementor-16241 .elementor-element.elementor-element-444ba77 [class*="rbt-"],
.elementor-16241 .elementor-element.elementor-element-444ba77 [class*="rb-"],
.elementor-16241 .elementor-element.elementor-element-444ba77 [class*="about-block"],
.elementor-16241 .elementor-element.elementor-element-444ba77 [class*="image-showcase"] {
  background: transparent !important;
}

/* nuclear fallback: remove pseudo overlays from inner wrappers */
.elementor-16241 .elementor-element.elementor-element-444ba77 > .e-con-inner::before,
.elementor-16241 .elementor-element.elementor-element-444ba77 .elementor-widget-wrap::before {
  background: transparent !important;
  opacity: 0 !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS */.rbt-banner-content-top {
    display: none !important;
}/* End custom CSS */